555 lines
7.7 KiB
CSS
555 lines
7.7 KiB
CSS
-----
|
|
-----
|
|
!rouge_clair = #cc0000
|
|
!rouge_fonce = #6c0000
|
|
!blanc_fonce = #ddd
|
|
!gris_fonce = #888888
|
|
!texte_normal = #222222
|
|
!texte_attenue = #666666
|
|
|
|
!tiny_radius = 10px
|
|
!small_radius = 20px
|
|
!large_radius = 27px
|
|
|
|
=white
|
|
:text-shadow 0 1px #EEEEEE
|
|
:background
|
|
:color = !blanc_fonce
|
|
:border
|
|
:color = !gris_fonce
|
|
:style solid
|
|
:width 1px
|
|
:color = !texte_normal
|
|
a, a:link
|
|
color: #a00
|
|
a:visited
|
|
color: #a00
|
|
a:active, a:hover
|
|
color = !rouge_clair
|
|
text-shadow = 0 0 1px !rouge_fonce
|
|
|
|
=black
|
|
:text-shadow 0 1px #000
|
|
:background
|
|
:image url("../../css/img/black.jpg")
|
|
:repeat no-repeat
|
|
:color #000
|
|
:border
|
|
:color #666
|
|
:style solid
|
|
:width 1px
|
|
color: #eee
|
|
a, a:link
|
|
:color #ddd
|
|
a:visited
|
|
:color = !blanc_fonce
|
|
a:active, a:hover
|
|
:color #cc0000
|
|
|
|
=red
|
|
:background
|
|
:image url("../../css/img/red.jpg")
|
|
:repeat no-repeat
|
|
:color = !rouge_fonce
|
|
:border-color = !rouge_fonce
|
|
color: #fff
|
|
a, a:link
|
|
:font-weight bold
|
|
:text-decoration none
|
|
:color #eee
|
|
a:visited
|
|
:color = !blanc_fonce
|
|
a:active, a:hover
|
|
:color #fff
|
|
|
|
=smallblock
|
|
background-position: 50% 50%
|
|
|
|
=largeblock
|
|
background-position: 50% 0%
|
|
|
|
=tinyround
|
|
:border
|
|
:style solid
|
|
:width 1px 1px 1px 1px
|
|
|
|
=downsmallround
|
|
:border none
|
|
|
|
=smallround
|
|
:border
|
|
:style solid
|
|
:width 1px 1px 1px 1px
|
|
|
|
=largeround
|
|
:border
|
|
:style solid
|
|
:width 1px
|
|
|
|
=first_round_base
|
|
:border
|
|
:style none
|
|
:width 2px
|
|
|
|
=large_first_round
|
|
+first_round_base
|
|
|
|
=small_first_round
|
|
+first_round_base
|
|
|
|
=tiny_first_round
|
|
+first_round_base
|
|
|
|
// ------- Fin des definitions ------------
|
|
#entete
|
|
+white
|
|
+smallblock
|
|
+downsmallround
|
|
|
|
#sousliens
|
|
+white
|
|
:font-weight bold
|
|
:font-size 1.3em
|
|
a, a:link
|
|
:color = !texte_attenue
|
|
a:visited
|
|
:color = !texte_attenue
|
|
a:active, a:hover
|
|
color = !rouge_clair
|
|
|
|
.corps
|
|
+white
|
|
a, a:link, a:visited
|
|
color = !rouge_fonce
|
|
font-weight: normal
|
|
a:active, a:hover
|
|
color: #f00
|
|
|
|
a.navigationprev,
|
|
a.navigationnext
|
|
color: #222
|
|
a.navigationprev:visited,
|
|
a.navigationnext:visited
|
|
color: #333
|
|
a.navigationprev:hover,
|
|
a.navigationnext:hover,
|
|
a.navigationprev:active,
|
|
a.navigationnext:active
|
|
color: #f00
|
|
|
|
.presarticle
|
|
font-size: .8em
|
|
width: 20%
|
|
|
|
.corps
|
|
+largeblock
|
|
|
|
#titre
|
|
+largeround
|
|
|
|
img
|
|
:padding .6em
|
|
|
|
pre.twilight,
|
|
.corps h2,
|
|
#bottom,
|
|
#nojsredirect
|
|
+black
|
|
+smallblock
|
|
|
|
.corps h1,
|
|
#titre,
|
|
#blocMessage,
|
|
.encadre,
|
|
.nojsbutton
|
|
+red
|
|
+smallblock
|
|
|
|
.encadre
|
|
+smallround
|
|
|
|
.black
|
|
+black
|
|
+smallblock
|
|
+smallround
|
|
|
|
.red
|
|
+red
|
|
+smallblock
|
|
+smallround
|
|
|
|
.shadow
|
|
:background
|
|
:image url("../../css/img/sombre10percent.png")
|
|
:repeat repeat
|
|
+smallround
|
|
|
|
.intro, .resume
|
|
font-size: .8em
|
|
font-style: italic
|
|
line-height: 1.4em
|
|
|
|
.corps h1
|
|
:border
|
|
:style solid
|
|
:width 1px 1px 1px 1px
|
|
:text
|
|
:align right
|
|
|
|
.corps h2
|
|
:border
|
|
:style solid
|
|
:border
|
|
:top 1px
|
|
:right 1px
|
|
:bottom 1px
|
|
:left 0px
|
|
:text
|
|
:align right
|
|
|
|
.corps h3,
|
|
.corps h4
|
|
:border
|
|
:color #6c6c6c
|
|
:top 1px
|
|
:right 1px
|
|
:bottom 1px
|
|
:left 0px
|
|
:style solid
|
|
:color #00ee00
|
|
:text
|
|
:align right
|
|
|
|
.corps h1.first
|
|
+large_first_round
|
|
|
|
.corps h2.first
|
|
+small_first_round
|
|
|
|
.corps h1.first,
|
|
.corps h2.first,
|
|
.corps h3.first,
|
|
.corps h4.first
|
|
text-align: center
|
|
|
|
img
|
|
+tinyround
|
|
|
|
#sousliens,
|
|
pre.twilight,
|
|
#bottom,
|
|
#blocMessage,
|
|
#presentation,
|
|
#Menu,
|
|
table.description tr td,
|
|
.corps
|
|
+tinyround
|
|
|
|
#titre, h1
|
|
text-shadow: 0px -1px 1px #333
|
|
|
|
.corps h2
|
|
color: #ddd
|
|
text-shadow: 0 -1px #999
|
|
|
|
.corps h2 a,
|
|
.corps h3 a,
|
|
.corps h4 a
|
|
text-shadow: 0 1px #fcc
|
|
|
|
.corps h3,
|
|
.corps h4
|
|
color: #555
|
|
text-shadow: 0 1px #ccc
|
|
|
|
table.description tr td
|
|
:border none
|
|
|
|
.nojsbutton,
|
|
.corps
|
|
+largeround
|
|
|
|
// --- Les couleurs
|
|
body
|
|
:background
|
|
:color #ccc
|
|
:color #000
|
|
// :image url('../../css/img/background.jpg')
|
|
// :attachment fixed
|
|
|
|
a
|
|
:font-weight bold
|
|
:text-decoration none
|
|
a, a:link
|
|
color: #a00
|
|
outline: none
|
|
a:visited
|
|
color: #a00
|
|
outline: none
|
|
a:active, a:hover
|
|
color: #f00
|
|
outline: none
|
|
|
|
ul
|
|
:list-style square
|
|
|
|
.corps h1
|
|
:font-variant small-caps
|
|
|
|
#lastmod
|
|
:color #999
|
|
:font-size .8em
|
|
|
|
.withfile pre.twilight
|
|
:background
|
|
:position 50% -10%
|
|
|
|
.file
|
|
a,
|
|
a:link
|
|
:color #ddd
|
|
a:visited
|
|
:color = !blanc_fonce
|
|
a:active,
|
|
a:hover
|
|
color: #cc0000
|
|
|
|
// --- les fontes
|
|
#boutonMessage
|
|
:color black
|
|
:font
|
|
:size = !tiny_radius
|
|
:family sans-serif
|
|
|
|
body, h1, h2, h3, h4, #entete
|
|
font-family: Optima, "Century Gothic", Helvetica, Arial, sans-serif
|
|
line-height: 1.4em
|
|
|
|
.corps
|
|
font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif
|
|
line-height: 1.6em
|
|
|
|
pre, code
|
|
:font
|
|
:family monaco, monospace
|
|
:size .8em
|
|
|
|
p
|
|
margin-bottom: 1.2em
|
|
|
|
.corps
|
|
:text-align justify
|
|
|
|
#liens,
|
|
#sousliens
|
|
:font-weight bold
|
|
|
|
// --- le style des blocs de liens
|
|
#liens ul
|
|
:list-style none
|
|
|
|
#sousliens ul
|
|
:list-style none
|
|
:margin
|
|
:top 0px
|
|
:bottom 0px
|
|
|
|
#liens ul li a:hover
|
|
+red
|
|
+smallround
|
|
+smallblock
|
|
border: none
|
|
|
|
#liens ul li.active
|
|
+black
|
|
+smallround
|
|
+smallblock
|
|
|
|
// --- bords arrondis
|
|
#content
|
|
+largeround
|
|
:border none
|
|
|
|
// --- les ombres
|
|
|
|
.nojsbutton
|
|
font-size: 2.5em
|
|
|
|
.nojsbutton > a:hover,
|
|
.nojsbutton > a:active
|
|
color: #000 !important
|
|
|
|
|
|
.assombris10
|
|
:text
|
|
:shadow 0 1px #eee
|
|
:background
|
|
:image url("../../css/img/sombre10percent.png")
|
|
:repeat repeat
|
|
|
|
.assombris20
|
|
:text
|
|
:shadow 0 1px #ddd
|
|
:background
|
|
:image url("../../css/img/sombre20percent.png")
|
|
:repeat repeat
|
|
|
|
.corps h3, img
|
|
:background
|
|
:image url("../../css/img/sombre20percent.png")
|
|
:repeat repeat
|
|
|
|
.corps h4
|
|
:background
|
|
:image url("../../css/img/sombre20percent.png")
|
|
:repeat repeat
|
|
:padding
|
|
:left .5em
|
|
:right .5em
|
|
|
|
.small
|
|
:font-size .8em
|
|
|
|
.strong
|
|
:font-weight bold
|
|
|
|
#sousliens .active
|
|
:font-style italic
|
|
|
|
#entete
|
|
:font-variant small-caps
|
|
|
|
#choix ul li.activelang
|
|
+black
|
|
+tinyround
|
|
|
|
#titre
|
|
:border solid 1px #300
|
|
// :left -1px
|
|
// :position relative
|
|
|
|
#titre h1
|
|
:font
|
|
:size 2.5em
|
|
:variant small-caps
|
|
:weight bold
|
|
:text-align center
|
|
:margin
|
|
:bottom .3em
|
|
:top .3em
|
|
:left auto
|
|
:right auto
|
|
|
|
abbr,
|
|
acronym
|
|
:text
|
|
:decoration none
|
|
:border
|
|
:bottom
|
|
:width 0
|
|
|
|
blockquote ul
|
|
list-style: none
|
|
|
|
.impact, .darkimpact
|
|
+smallblock
|
|
+largeround
|
|
font-size: 2em
|
|
margin: 0 auto 1em auto
|
|
line-height: 1.3em
|
|
|
|
.darkimpact
|
|
+black
|
|
text-shadow: 0 1px 0 #fff
|
|
a:hover
|
|
text-shadow: 0 1px 0 #f77
|
|
|
|
.impact
|
|
+red
|
|
text-shadow: 0 -2px 0 #000
|
|
|
|
.sc
|
|
font-variant: small-caps
|
|
|
|
.tag:hover
|
|
:color = !rouge_clair
|
|
|
|
.tag.selected
|
|
:color = !rouge_fonce
|
|
|
|
abbr
|
|
:color = !rouge_fonce
|
|
|
|
.black abbr
|
|
:color #ddd
|
|
:text-shadow 0px 0px 2px #fff
|
|
|
|
small
|
|
line-height: 1em
|
|
|
|
#rss a
|
|
+smallround
|
|
+smallblock
|
|
:line-height 2em
|
|
:border none
|
|
img
|
|
:border none
|
|
:outline none
|
|
|
|
#rss a:hover
|
|
+red
|
|
|
|
hr
|
|
border-bottom: solid 1px #fff
|
|
|
|
#menuMessage
|
|
+smallblock
|
|
+downsmallround
|
|
|
|
h1 > .date
|
|
:font-size .6em
|
|
:color = #000
|
|
|
|
.corps .return a
|
|
:color #ccc
|
|
+smallround
|
|
:border
|
|
:style solid
|
|
:color #ccc
|
|
:width 1px
|
|
|
|
.corps .return
|
|
a:active,
|
|
a:hover
|
|
:text-shadow 0 1px #fff
|
|
:color #aaa
|
|
:border-color #aaa
|
|
:background-color #dadada
|
|
|
|
.date
|
|
text-align: center
|
|
font-size: .7em
|
|
color: #bbb
|
|
width: 4em
|
|
border: 1px solid #000
|
|
line-height: 1.5em
|
|
display: inline-block
|
|
margin-top: 1em
|
|
.date .day
|
|
color: #800
|
|
background-color: #fff
|
|
float: left
|
|
width: 1.7em
|
|
.date .month
|
|
background-color: #666
|
|
color: #eee
|
|
float: right
|
|
width: 2.3em
|
|
.date .year
|
|
clear: both
|
|
background-color: #bbb
|
|
color: #333
|
|
.date
|
|
position: relative
|
|
top: .7em
|
|
left: -2em
|