scratch/content/css/gen_webkit.css
2010-05-05 00:50:24 +02:00

165 lines
2.8 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
=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 #fff
// ------- Fin des definitions ------------
#entete
+downsmallround
#titre
+largeround
.encadre
+smallround
.black
+smallround
.red
+smallround
.shadow
+smallround
img
+tinyround
#sousliens,
pre.twilight,
#bottom,
#blocMessage,
#presentation,
#Menu,
table.description tr td,
.corps
+tinyround
.nojsbutton,
.corps
+largeround
#liens ul li a:hover
+smallround
#liens ul li.active
+smallround
// --- 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
/* Shadows */
.corps, #bottom, #sousliens
-webkit-box-shadow: 0px 2px 5px #333
#titre, #entete
-webkit-box-shadow: 0px 0px 5px #000
=white
background-image: -webkit-gradient(radial, 30% 150, 0, 30% 150, 300, from(#fff), to(#ddd) )
#entete, #sousliens, .corps
+white