3 Ce squelette definit les styles de l'espace prive
5 Note: l'entete
"Vary:" sert a repousser l'entete par
6 defaut
"Vary: Cookie,Accept-Encoding", qui est (un peu)
7 genant en cas de
"rotation du cookie de session" apres
8 un changement d'IP (effet de clignotement).
10 ATTENTION: il faut absolument le charset sinon Firefox croit que
14 #CACHE{
3600*
100,cache-client}
15 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
16 #HTTP_HEADER{Vary: Accept-Encoding}
18 #SET{claire,##ENV{couleur_claire,edf3fe}}
19 #SET{foncee,##ENV{couleur_foncee,
3874b0}}
20 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
21 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
22 #SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
25 /* --------------------------------------------------------------
29 Cf.: http://www.spip-contrib.net/
3820
31 -------------------------------------------------------------- */
33 #CACHE{
3600*
100,cache-client}
34 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
35 #HTTP_HEADER{Vary: Accept-Encoding}
37 #SET{claire,##ENV{couleur_claire,edf3fe}}
38 #SET{foncee,##ENV{couleur_foncee,
3874b0}}
39 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
40 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
41 #SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
43 /* Valeurs par defaut :
44 #SET{font-size,#ENV{font-size,
1em}} [ font-size: (#GET{font-size});]
45 #SET{line-height,#ENV{line-height,
1.2em}} [ line-height: (#GET{line-height});]
46 #SET{margin-bottom,#ENV{margin-bottom,
1.2em}} [ margin-bottom: (#GET{margin-bottom});]
47 #SET{text-indent,#ENV{text-indent,
50px}} [ text-indent: (#GET{text-indent});]
48 #SET{font-family,#ENV*{font-family,'Verdana, Geneva, sans-serif'}} [ font-family: (#GET{font-family});]
49 #SET{background-color,#ENV{background-color,#F8F7F3}} [ background-color : (#GET{background-color});]
50 #SET{color,#ENV{color,#
000000}} [ color: (#GET{color});]
53 html { font-size:
100.01%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
54 body { background: #GET{background-color}; font: #GET{font-size}/#GET{line-height}[ (#GET{font-family})]; color: #GET{color}; }
56 /* Titraille / Intertitres */
58 .h1,.h2,.h3,.h4,.h5,.h6 { margin:
0; padding:
0; font-size:
100%; font-weight: normal; }
59 hr { height:
1px; margin:[ (#GET{margin-bottom})]
0; border:
0; background: #GET{color}; color: #GET{color}; }
61 /* Titraille Blueprint
62 Cf. : http://www.blueprintcss.org/tests/parts/elements.html
63 h1 { font-size:
3em; line-height:
1; margin-bottom:
0.5em; }
64 h2 { font-size:
2em; margin-bottom:
0.75em; }
65 h3 { font-size:
1.5em; line-height:
1; margin-bottom:
1em; }
66 h4 { font-size:
1.2em; line-height:
1.25; margin-bottom:
1.25em; }
67 h5 { font-size:
1em; font-weight: bold; margin-bottom:
1.5em; }
68 h6 { font-size:
1em; font-weight: bold; }*/
70 #SET{coeff,#GET{line-height}|plus{
2}|div{
2}|div{#GET{line-height}}}
71 #SET{coeffinv,#VAL{
1}|div{#GET{coeff}}}
72 h1,.h1 {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv}|mult{
2})em];[ margin-bottom: (#GET{coeffinv})em;]}
73 h2,.h2 {[ font-size: (#GET{line-height}|mult{
1})em]; line-height:
1; margin-bottom:
1em; font-weight: bold;}
74 #SET{coeff,#GET{line-height}|plus{
1}|div{
2}|div{#GET{line-height}}}
75 #SET{coeffinv,#VAL{
1}|div{#GET{coeff}}}
76 h3,.h3 {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv})em];[ margin-bottom: (#GET{coeffinv})em;]font-weight: bold; }
77 #SET{coeff,#GET{line-height}|plus{
3}|div{
4}|div{#GET{line-height}}}
78 #SET{coeffinv,#VAL{
1}|div{#GET{coeff}}}
79 h4,.h4,caption,.caption-wrap {[ font-size: (#GET{line-height}|mult{#GET{coeff}})em];[ line-height: (#GET{coeffinv})em];[ margin-bottom: (#GET{coeffinv})em;]font-weight: bold; }
80 h5,.h5 { font-size:
1em; font-weight: bold; margin-bottom: #GET{margin-bottom}; }
81 h6,.h6 { font-size:
1em; font-weight: bold; }
83 #haut h1,h1.grostitre {margin-top:[(#ENV{margin-bottom}|mult{
1.5}|div{
2}|div{#GET{line-height}})em]}
85 /* Enrichissements typographiques */
86 strong, b { font-weight: bold; }
87 em, i { font-style: italic; }
88 small, .small { font-size:
80%; }
89 big, .big { font-size:
150%; }
90 abbr[title], acronym[title] { border-bottom:
.1em dotted; cursor: help; }
91 dfn { font-weight: bold; font-style: italic; }
92 del { text-decoration: line-through; }
93 ins { text-decoration: none; background-color: #FFC; }
94 sup, sub { font-size:
.8em; font-variant: normal; line-height:
0; }
95 sup { vertical-align: super; }
96 .ie sup { vertical-align: text-top; }
97 sub { vertical-align: sub; }
98 .ie sub { vertical-align: text-bottom; }
99 .caps { font-variant: small-caps; }
102 ul, ol, li, dl, dt, dd {}
103 ul ul, ol ol, ul ol, ol ul { margin-top:
0; margin-bottom:
0; }
105 dl dt { font-weight: bold; }
109 table { margin-bottom: #GET{margin-bottom}; width:
100%; }
110 th { font-weight: bold; }
111 thead th {color:inherit; background: [#(#ENV{claire}|couleur_eclaircir{
0.4})]; }
112 table.spip td, table.spip th, /* annuler spip-styles */
113 th,td,caption {[ padding: (#GET{line-height}|div{
2})em;] }
115 tbody tr:nth-child(even) td,tbody tr:nth-child(even) th,
116 tbody tr.even td,tbody tr.even th { background: [#(#ENV{claire}|couleur_eclaircir{
0.80})]; }
117 tfoot { font-style: italic; }
118 caption { background: #eee; }
120 /* Citations, code et poesie */
121 q { font-style: italic; }
122 blockquote { padding:
0 #GET{text-indent}; font-style: italic; }
123 cite { font-style: italic; }
125 address { font-style: italic; }
127 pre,code,kbd,samp,var,tt { font-family: 'lucida console',monospace; font-size:
1em; }
128 pre { margin:[ (#GET{margin-bottom}) ]
0; white-space: pre; }
129 kbd { background-color: #GET{color}; color: #GET{background-color}; }
130 samp { font-weight: bold; }
131 var { font-style: italic; }
134 p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: #GET{margin-bottom}; }
139 a[hreflang]:after { content:
"\0000a0(" attr(hreflang)
")"; }
140 .on { font-weight: bold; }
145 * Specificites de code SPIP (ex spip-styles.css)
149 ul.spip,.formulaire_spip ul.spip, #conteneur ul.spip { list-style: square; margin-bottom:#ENV{margin-bottom};}
150 ul.spip ul, #conteneur ul.spip ul { list-style: circle; }
151 ol.spip, #conteneur ol.spip { list-style: decimal; margin-bottom:#ENV{margin-bottom};}
153 ul.spip li, ol.spip li, #conteneur ul.spip li {margin-#ENV{left}:#ENV{text-indent};}
154 ul.spip li li, ol.spip li li, #conteneur ul.spip li li {margin-#ENV{left}:[(#ENV{text-indent}|div{
2})px];}
156 /* Citations, code et poesie */
157 /*blockquote.spip { margin:
2em
0; padding-left:
1em; border-left:
0.30em solid; }
158 blockquote.spip_poesie { margin:
2em
0; padding-left:
1em; border-left:
1px solid; font-family: Garamond, Georgia, Times, serif; }
159 blockquote.spip_poesie div { text-indent: -
3em; margin-left:
3em; }
161 .spip_code, .spip_cadre { color: #
336; }
162 .spip_cadre { width:
99%; background-color: #F3F3F3; border:
1px dotted #ddd; padding:
5px;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
163 div.spip_code, .spip_cadre { margin-bottom: #ENV{margin-bottom}; }
165 .spip_surligne { background: #FF6; }
168 table.spip { max-width:
99%; margin-right: auto; margin-left: auto; margin-bottom: #ENV{margin-bottom}; border-collapse: collapse; border-spacing:
0;}
169 table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
170 table.spip th, table.spip td { /*padding:
0.20em
0.40em; text-align: left; */border:
1px solid #ccc; }
171 table.spip td.numeric {text-align:right;}
173 /* Logos, documents et images */
174 img, .spip_logos { margin:
0; padding:
0; border:
0; }
175 .spip_documents { text-align: center; }
176 .spip_documents p { margin:
0.10em; padding:
0; }
177 .spip_documents_center { display: block; clear: both; width:
100%; margin: [(#ENV{margin-bottom})] auto; }
178 .spip_documents_left { float: #ENV{left}; margin-#ENV{right}:
15px; margin-bottom: [(#ENV{margin-bottom})]; }
179 .spip_documents_right { float: #ENV{right}; margin-#ENV{left}:
15px; margin-bottom: [(#ENV{margin-bottom})]; }
180 .spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size:
0.90em; }
181 .spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size:
0.90em; }
183 /* modeles par defaut */
184 .spip_modele { float: right; display: block; padding:
1em; border:
1px solid; width:
180px; }
186 /* Couleurs des liens de SPIP */
187 a.spip_note {} /* liens vers notes de bas de page */
188 a.spip_ancre {} /* liens internes a la page */
189 a.spip_in {} /* liens internes */
190 a.spip_mail { color: #
900; }
191 a.spip_mail:before { content:
"\002709"; } /* liens vers un email */
192 a.spip_out,a[rel=external] { color: #
009; } /* liens sortants */
193 a.spip_url { color: #
009; } /* liens url sortants */
194 a.spip_glossaire { color: #
060; } /* liens vers encyclopedie */
195 a.spip_glossaire:hover { text-decoration: underline overline; }
196 a[hreflang]:after { content:
"\0000a0(" attr(hreflang)
")"; }
197 .on { font-weight: bold; } /* liens exposes */