scratch/content/css/gen_chrome.css

177 lines
2.9 KiB
CSS
Raw Normal View History

2010-07-07 14:53:22 +00:00
-----
-----
$rouge_clair: #cc0000
$rouge_fonce: #6c0000
$blanc_fonce: #dddddd
$gris_fonce: #888888
$texte_normal: #222222
$texte_attenue: #666666
$tiny_radius: 10px
$small_radius: 20px
$large_radius: 27px
=tinyround
-webkit-border:
top-left-radius: 1px
top-right-radius: $tiny_radius
bottom-left-radius: $tiny_radius
bottom-right-radius: $tiny_radius
=downsmallround
-webkit-border:
top-left-radius: 0px
top-right-radius: 0px
bottom-left-radius: $small_radius
bottom-right-radius: $small_radius
=smallround
-webkit-border:
top-left-radius: 1px
top-right-radius: $small_radius
bottom-left-radius: $small_radius
bottom-right-radius: $small_radius
=largeround
-webkit-border:
top-left-radius: 1px
top-right-radius: $large_radius
bottom-left-radius: $large_radius
bottom-right-radius: $large_radius
=first_round_base
-webkit-border:
top-left-radius: 1px
bottom-left-radius: 1px
bottom-right-radius: 1px
=large_first_round
-webkit-border:
top-right-radius: $large_radius
bottom-right-radius: 1px
=small_first_round
-webkit-border:
top-right-radius: $small_radius
bottom-right-radius: 1px
=tiny_first_round
-webkit-border:
top-right-radius: $tiny_radius
bottom-right-radius: 1px
.corps h1
-webkit-border:
top-left-radius: 0px
top-right-radius: 29px
bottom-left-radius: 0px
bottom-right-radius: 29px
.corps h2
-webkit-border:
top-left-radius: 0px
top-right-radius: $small_radius
bottom-left-radius: 0px
bottom-right-radius: $small_radius
.corps h3,
.corps h4
-webkit-border:
top-left-radius: 0px
top-right-radius: $tiny_radius
bottom-left-radius: 0px
bottom-right-radius: $tiny_radius
.corps h1,
.corps h2,
.corps h3,
.corps h4
-webkit-box-shadow: 0 1px white
// ------- Fin des definitions ------------
#entete
+downsmallround
#titre
+largeround
.encadre,
.black,
.red,
.shadow,
.return a,
#liens ul li a:hover,
#liens ul li span.active,
#choixlang a,
#clickcomment,
#rss,
blockquote
+smallround
#whatsthis,
img
+tinyround
#sousliens,
pre.twilight,
#bottom,
#blocMessage,
#presentation,
#Menu,
table.description tr td,
.corps
+tinyround
.nojsbutton,
.corps
+largeround
// --- bords arrondis
#content
+largeround
// --- les ombres
#choix ul li.activelang
+tinyround
.impact, .darkimpact
+largeround
#rss a
+smallround
#menuMessage
+downsmallround
.corps h1.first
+large_first_round
.corps h2.first
+small_first_round
.corps, #bottom, #sousliens
-webkit-box-shadow: 0px 2px 5px #333333
#titre, #entete, .date
-webkit-box-shadow: 0px 0px 5px black
.date
-webkit-border:
top-left-radius: 1px
top-right-radius: $tiny_radius
bottom-left-radius: $tiny_radius
bottom-right-radius: $tiny_radius
.month
-webkit-border:
top-right-radius: $tiny_radius
.year
-webkit-border:
top-right-radius: 1px
bottom-left-radius: $tiny_radius
bottom-right-radius: $tiny_radius