[SPIP] +2.1.12
[velocampus/web/www.git] / www / plugins / auto / spip-bonux / spip20 / style_prive.html
1 [(#REM)
2
3 Ce squelette definit les styles de l'espace prive
4
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).
9
10 ATTENTION: il faut absolument le charset sinon Firefox croit que
11 c'est du text/html !
12 <style>
13 ]
14 #CACHE{3600*100,cache-client}
15 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
16 #HTTP_HEADER{Vary: Accept-Encoding}
17
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}}
23 #SET{chemin_img_pack,#ENV{ie,10}|intval|<{7}|?{#EVAL{_DIR_IMG_PACK}|concat{'wrapper.php?file='},#EVAL{_DIR_IMG_PACK}}}
24
25 [(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]
26 [(#INCLURE{fond=style_vieilles_def}{couleur_claire}{couleur_foncee}{lang}{ltr})]
27
28 body { background-color: #f8f7f3; margin: 0; border: 0; color: #000; scrollbar-face-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: #GET{claire}; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #GET{foncee}; scrollbar-arrow-color: #GET{foncee}; }
29 body, body * { font-family: Verdana, Geneva, Sans, sans-serif; }
30 body { font-size:0.625em; }
31
32
33 /* Espaceur de blocs */
34 .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
35
36 /* Non visible a l'ecran */
37 .invisible { position: absolute; top: -3000em; height: 1%; }
38 .none { display: none; }
39
40 /* ajax */
41 .image_loading {float:#GET{right};}
42
43 #page { font-size: small; }
44 /* ecran etroit*/
45 #conteneur,.table_page, div.messages { clear: both; margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 750px; margin-top:0.5em;}
46 #navigation { float: #GET{left}; width: 200px; min-height: 100px; }
47 #contenu { float: #GET{left} ; margin-#GET{left}: 30px; width: 505px; }
48 #extra { float: #GET{left}; width: 200px; }
49
50 /* ecran large*/
51 .large #conteneur,.large .table_page,.large div.messages { margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 974px; }
52 .large #navigation { float: #GET{left}; width: 200px; }
53 .large #contenu { float: #GET{left}; margin-#GET{left}: 17px; width: 540px; }
54 .large #extra { float: #GET{right}; width: 200px; }
55
56 /* les formulaires sont en 600px en config large */
57 .articles_edit .large #contenu,
58 .mots_edit .large #contenu,
59 .breves_edit .large #contenu,
60 .rubriques_edit .large #contenu {width:600px;}
61 .articles_edit .large #extra,
62 .mots_edit .large #extra,
63 .breves_edit .large #extra,
64 .rubriques_edit .large #extra {width:140px;}
65
66
67 div.table_page { margin-top: 1em; }
68 #contenu { font-size: small; }
69
70 #copyright {text-align:right;font-size:x-small;padding-top:1em;border-top:1px solid #eee;}
71
72 #chemin {
73 font-size: 0.9em;
74 overflow: hidden;
75 margin: 0;
76 padding: 0;
77 }
78 #chemin li em { }
79 #chemin li a { }
80 #chemin ul, #chemin li, #chemin li .bloc {
81 margin: 0;
82 padding: 0;
83 margin-top: 0;
84 padding-top: 0;
85 list-style-type: none;
86 display: inline;
87 }
88 #chemin li .bloc {}
89 #chemin li .bloc:hover {}
90 #chemin li li .bloc {}
91 #chemin .aide {margin-top: 3px; margin-bottom: 0px;}
92
93 h1 { color: #GET{foncee}; font-size:large; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
94 h1.grostitre {text-align:center;margin:2em 0 1em;}
95 #contenu h1.grostitre {text-align:left;}
96
97 h2 { color: #000; font-size: medium; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
98 h3 { color: #666; font-size: medium; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
99
100 td { text-align: #GET{left}; }
101
102
103
104 #bando_haut { font-size: 110%; position:relative;}
105 #bando_haut a { text-decoration: none; }
106 #bando_haut .largeur { width: 780px; margin: auto; text-align:#GET{left}; }
107 .large #bando_haut .largeur {width:974px;}
108
109
110 #bando_haut #bando_liens_rapides {position:absolute;top:0;z-index:0;width:100%;}
111 #bando_haut #bando_liens_rapides.actif {z-index:11;background:#000;min-height:25px;line-height:2em;color: #fff; overflow:hidden; border-bottom:1px solid #222;}
112 #bando_haut #bando_liens_rapides a {color:#fff;font-weight:bold;}
113
114 #bando_haut ul{margin: 0; padding: 0; list-style: none;}
115
116 #bando_haut ul.deroulant li { /*position:relative; */float:#GET{left}; display: block;}
117 #bando_haut ul.deroulant li ul li {float:none;position:static;}
118 #bando_haut ul.deroulant li:hover, #bando_haut ul.deroulant li.actif,#bando_haut ul.deroulant li.actif_tempo { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
119 #bando_haut ul.deroulant li ul {border: 1px solid #666; border-top: 0; text-align:#GET{left}; height: auto; width: auto; display: block; position:absolute; #GET{left}:-3000em; z-index: 99; }
120 #bando_haut ul.deroulant li:hover ul, #bando_haut ul.deroulant li.actif ul, #bando_haut ul.deroulant li.actif_tempo ul { #GET{left}:auto;}
121 #bando_haut ul.deroulant li a { display: block; }
122 #bando_haut ul.deroulant li ul li { background-color: #fff; border-top: 1px solid #ccc;}
123 #bando_haut ul.deroulant li ul li a { font-weight: normal; }
124 #bando_haut ul.deroulant li ul li a:hover,
125 #bando_haut ul.deroulant li ul li a:focus { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
126
127 #bando_identite { line-height:2em; background: #[(#GET{foncee}|couleur_foncer|couleur_foncer)]; color: #eee; overflow:hidden; border-bottom:1px solid #222; z-index:10;position:relative;}
128 #bando_identite p { width: 50%; padding: 1px 0; margin:0;}
129 #bando_identite p img { vertical-align: middle; }
130 #bando_identite p.nom_site_spip { width: 40%; float:#GET{right};text-align:#GET{right}; }
131 #bando_identite p.session { width: 60%; float:#GET{left}; text-align:#GET{left}; }
132 #bando_identite p.session .menu_lang { vertical-align: middle; }
133 #bando_identite strong, #identite a { color: #afafaf; }
134 #bando_identite a { color: #fff; }
135 #bando_identite a:hover { text-decoration: underline; }
136
137 #bando_outils { /*position:fixed;*/ bottom:0px; width:100%; line-height:1.5em;clear:both; background: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; border-bottom: 1px solid #888; z-index:10000;}
138
139 #bando_outils li.boussole {margin-#GET{right}:20px;}
140 #bando_outils li.boussole a#boutonbandeautoutsite {display:block;line-height:1em;}
141 #bando_outils li.boussole a#boutonbandeautoutsite img {padding:2px; }
142 #bando_outils li.boussole a#boutonbandeautoutsite:hover,#bando_outils li.boussole a#boutonbandeautoutsite:focus {background:#fff;}
143
144 #bando_outils ul.deroulant {font-size:0.9em;}
145 #bando_outils ul.deroulant li ul {background:#fff;border:2px solid #444;padding:1px;border-top:0;padding-top:0;}
146 #bando_outils ul.deroulant li li a { padding: 3px 3px;padding-#GET{right}:10px;background-repeat:no-repeat;background-position:[(#GET{right}) ]3px;}
147 #bando_outils ul.deroulant li li { background-repeat:no-repeat;background-position:[(#GET{left}) ]3px;padding-#GET{left}:15px;}
148
149 #bando_outils ul.deroulant li.haschild > a {background-image:url(#CHEMIN_IMAGE{triangle-droite#GET{rtl}|concat{.gif}});}
150 #bando_outils ul.deroulant li li {background-image:url(#CHEMIN_IMAGE{secteur-12.gif});}
151 #bando_outils ul.deroulant li li li {background-image:url(#CHEMIN_IMAGE{rubrique-12.gif});}
152 #bando_outils ul.deroulant li.toutsite {background-image:none;}
153
154 #bando_outils ul.deroulant li ul li {float:none;position:relative;}
155 #bando_outils ul.deroulant li:hover li ul, #bando_outils ul.deroulant li.actif li ul, #bando_outils ul.deroulant li.actif_tempo li ul { #GET{left}:-3000em;}
156 #bando_outils ul.deroulant li li:hover >ul,#bando_outils ul.deroulant li li.actif >ul,#bando_outils ul.deroulant li li.actif_tempo >ul {#GET{left}:50px;top:1.5em;}
157
158 #bando_outils ul.deroulant li ul {width:770px;}
159 .large #bando_outils ul.deroulant li ul {width:970px;}
160 #bando_outils ul.deroulant li ul.cols_1 {width:200px;}
161 #bando_outils ul.deroulant li ul.cols_1 > li {width:185px;}
162 #bando_outils ul.deroulant li ul.cols_2 {width:350px;}
163 #bando_outils ul.deroulant li ul.cols_2 > li {float:#GET{left};width:160px;}
164 #bando_outils ul.deroulant li ul.cols_3 {width:495px;}
165 #bando_outils ul.deroulant li ul.cols_3 > li {float:#GET{left};width:150px;}
166
167 #bando_outils ul.deroulant li ul.cols_4 {width:620px;}
168 #bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:140px;}
169 .large #bando_outils ul.deroulant li ul.cols_4 {width:800px;}
170 .large #bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:185px;}
171 #bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:139px;}
172 .large #bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:179px;}
173 #bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:113px;}
174 .large #bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:146px;}
175 #bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:113px;}
176 .large #bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:123px;}
177 #bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:113px;}
178 .large #bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:123px;}
179
180 #bando_outils ul.creer {float:#GET{left};}
181 #bando_outils ul.collaborer {float:#GET{left};margin-#GET{right}:20px;}
182 #bando_outils ul.rapides li.bouton{ float:#GET{left}; }
183 #bando_outils ul.rapides li.bouton a{ display:block; padding:2px;background-position:center;background-repeat:no-repeat; }
184 #bando_outils ul.rapides li.bouton a span { visibility:hidden;display:block;height:24px;width:24px;overflow:hidden; }
185 #bando_outils ul.rapides li.bouton a:hover, #bando_outils ul.rapides li.bouton a:focus{background-color:white;}
186 #bando_outils ul.rapides li.bouton{ margin-top:0px;}
187
188 #bando_outils #rapides {float:#GET{right};}
189 #bando_outils #rapides .spip_recherche {padding:3px 0;}
190 #bando_outils #rapides .spip_recherche form {display:inline;}
191 #bando_outils #rapides .spip_recherche .recherche {margin-bottom:0;margin-top:1px;}
192 #bando_outils #rapides .spip_recherche .submit {vertical-align:bottom;}
193
194 #bando_navigation { position: relative; }
195 #bando_navigation ul li {min-width:80px; text-align: center; border-#GET{right}: 1px solid #eee; }
196 #bando_navigation ul li ul li {float:none;text-align:#GET{left};position:static;}
197
198 #bando_navigation { clear:both; background: #fff; border-bottom: 1px solid #999; border-top: 1px solid #ddd; }
199 #bando_navigation ul li a { display: block; padding: .8em 1.2em; font-weight: bold; }
200 #bando_navigation ul li a:hover,
201 #bando_navigation ul li a:focus { text-decoration: underline; }
202
203 #bando_navigation ul li.first { border-#GET{left}: 1px solid #eee;}
204 #bando_navigation ul.deroulant > li > a { color:#333;}
205
206 .navigation_avec_icones #bando_navigation ul.deroulant > li > a { }
207 .navigation_avec_icones #bando_navigation ul.deroulant > li > a:hover,
208 .navigation_avec_icones #bando_navigation ul.deroulant > li > a:focus { background-color: #[(#GET{claire}|couleur_eclaircir)]; }
209
210 .navigation_avec_icones #bando_navigation ul li a {background-position:center 5px;background-repeat:no-repeat;padding-top:60px;}
211 .navigation_avec_icones #bando_navigation ul li ul li a {margin-#GET{left}:7px;background-position:[(#GET{left})] center;margin-top:0;padding-#GET{left}:30px;padding-top:0.8em;}
212
213
214 .navigation .sous_navigation .item a {display:block;background-position:left center;margin-left:7px;padding-left:30px;background-repeat:no-repeat;}
215
216
217 select.fondl { padding: 0; }
218 .maj-debut:first-letter { text-transform: uppercase; }
219
220 input[type="submit"] { cursor:pointer; }
221
222 /*style for horizontal list <div class='h-list'><ul ><li><tag class='menu-item'></tag></li></ul></div>*/
223 /*for IE item list must be specified in .menu-item*/
224 /*possible added classes #GET{left}ed centered righted vcentered*/
225
226 .h-list { display: table}
227 .h-list ul { display: table-row; list-style: none; margin: 0; padding: 0; }
228 .h-list li { display: table-cell; margin: 0; padding: 0; }
229 #bandeau-principal .h-list ul>li .menu-item { width: auto !important}
230
231 .vcentered li { vertical-align:middle}
232 .#GET{left}ed { margin: 0 auto 0 0; }
233 .centered { margin: 0 auto; text-align: center; }
234 .#GET{right}ed { margin: 0 0 0 auto; }
235 #page { margin: auto; text-align: center; }
236 .table_page{ margin: auto; text-align: #GET{left}; }
237
238 /*style for bandeau-principal*/
239 #bandeau-principal { padding-top: 5px; border-bottom: 1px solid #000; position: relative; z-index: 90; background: #fff; }
240 #bandeau-principal .h-list .menu-item { margin: 0 auto}
241
242 #bandeau-principal a {cursor:hand;}
243 #bandeau-principal a .icon_fond { width: 48px; height: 48px; background: #GET{claire}; margin: auto; }
244 #bandeau-principal a.selection .icon_fond { width: 48px; margin:auto }
245 #bandeau-principal a:hover span.icon_fond { background:url(#GET{chemin_img_pack}fond-gris-anim.gif); width: 48px; height: 48px; margin: auto; }
246 #bandeau-principal li.boutons_admin:hover .bandeau_sec,
247 #bandeau-principal li.boutons_admin.sfhover .bandeau_sec { display: block; }
248 #bandeau-principal span.icon_fond span { background: center top no-repeat; height: 48px; display: block; width: 48px; margin: 0; }
249
250 /*style for submenus*/
251 .bandeau_sec { margin-top: 0; padding: 2px; padding-top: 0; background-color: #fff; border-bottom: 1px solid #000; border-#GET{left}: 1px solid #000; border-#GET{right}: 1px solid #000; z-index: 100; display: none; position:absolute; }
252
253 /*style for #bandeau_couleur*/
254 .bandeau_couleur {text-align: #GET{left}; margin: 0; padding: 0; }
255 .bandeau_couleur a {color:#666;}
256
257 #bandeau_couleur { min-height: 20px; padding: 2px 0; max-height: 40px; width: 100%; border-bottom: solid 1px white; background: #GET{claire}; }
258 #bandeau_couleur1 .menu-item { width: 230px; text-align: #ENV{ltr}}
259 #bandeau_couleur3 .menu-item { width: 150px; text-align: #GET{right}}
260 #bandeau_couleur4 .menu-item { width: 68px; margin: 0 5px; text-align: #GET{right}; }
261 #bandeau_couleur4 .menu-item a {font-weight:normal; color: black;}
262 #bandeau_couleur5 .menu-item { width: 114px; }
263 #bandeau_couleur6 .menu-item { width: 32px; }
264
265 #preferences_couleurs,
266 #preferences_menu,
267 #preferences_ecran {display:inline; padding:0 3px;}
268 #preferences_map {display:none;}
269
270 #preferences_couleurs {
271 white-space: nowrap;
272 }
273
274 #bandeau_couleur5 label {position:absolute;top:-500px;}
275
276
277 /* * Icones et bandeaux */
278
279 /* Da cancellare
280 #bandeau-principal { background-color: #fff; margin: 0; padding: 0; border-bottom: 1px solid #000; }
281 .bandeau-icones { background-color: #fff; margin: 0; padding: 0; padding-bottom: 2px; padding-top: 4px; } */
282 /* .bandeau_sec .gauche { margin-top: 0; padding: 2px; padding-top: 0; background-color: #fff; border-bottom: 1px solid #000; border-#GET{left}: 1px solid #000; border-#GET{right}: 1px solid #000; z-index: 100; } */
283 /* .bandeau-icones.separateur { vertical-align: middle; height: 100%; width: 11px; margin: 0; padding: 0; background: url(#GET{chemin_img_pack}file=tirets-separation.gif); background-position: 5px 0px; } */
284 .bandeau_couleur { padding-#GET{right}: 4px; padding-#GET{left}: 4px; font-family: verdana, helvetica, arial, sans; font-size: 11px; color: #000; text-align: center; font-weight: bold; height: 22px; }
285 .bandeau_couleur_sous { position: absolute; visibility: hidden; top: 0; background-color: #GET{claire}; color: #000; padding: 5px; padding-top: 2px; font-family: verdana, helvetica, arial, sans; font-size: 11px; }
286
287 a.lien_sous { color: #666; }
288 a.lien_sous:hover { color: #000; }
289 .cadre-bandeau-rubriques { background-color: #eee; border: 1px solid #555; z-index: 1; }
290 .cadre-bandeau-rubriques .titrem { background: #GET{foncee}; }
291 .cadre-bandeau-rubriques .cadre_padding { padding: 0; }
292 .cadre-meme-rubriques { background: #eee; border: 1px solid #444; }
293 .cadre-meme-rubriques .cadre_padding.padding_x { padding: 0; }
294 .cadre-meme-rubriques .padding_x .bloc_depliable { padding: 0; }
295
296 a.bandeau_rub { display: block; font-size: 10px; padding: 2px; padding-#GET{right}: 13px; padding-#GET{left}: 16px; color: #666; text-decoration: none; border-bottom: 1px solid #ccc; background-repeat: no-repeat; background-position: [(#ENV{ltr}|choixsiegal{left,1,99})%] center; background-image: url(#GET{chemin_img_pack}rubrique-12.gif); }
297 a.bandeau_rub:hover { background-color: #fff; text-decoration: none; color: #333; background-repeat: no-repeat; background-position: [(#ENV{ltr}|choixsiegal{left,1,99})%] center; }
298 div.bandeau_rub { position: absolute; #GET{left}: 120px; background-color: #eee; padding: 0; border: 1px solid #555; visibility: hidden; min-width:100%; }
299
300 div.brt { background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; }
301 div.pos_r { position: relative; }
302
303 /* selecteur de rubriques */
304 .selecteur_parent{font-size: 90%; width: 99%; max-height: 24px;} /* appliquee sur le <select> */
305 option.selec_rub { background-position: [(#GET{left})] center; background-image: url(#GET{chemin_img_pack}rubrique-12.gif); background-repeat: no-repeat; padding-#GET{left}: 16px; }
306 option.niveau_1 { font-weight: bold; background: #GET{claire}; background-image: url(#GET{chemin_img_pack}secteur-12.gif); background-repeat: no-repeat; }
307 option.niveau_2 { color: #202020; border-bottom: 1px solid #GET{claire}; }
308 option.niveau_3 { color: #404040; }
309 option.niveau_4 { color: #606060; }
310 option.niveau_5 { color: #808080; }
311 option.niveau_6 { color: #a0a0a0; }
312
313
314 div.wrap-messages, div.en_lignes { padding: 5px; border-bottom: 1px solid #GET{foncee}; font-weight: bold;}
315 div.wrap-messages {background:#333;color:#fff;}
316 div.messages {margin-top:0;font-size: 11px;}
317 div.messages ul {text-align:left;}
318
319 div.en_lignes { font-size: 10px;}
320
321
322 /* Icones de fonctions */
323 a.icone26 { font-family: verdana, helvetica, arial, sans; font-size: 11px; font-weight: bold; color: #000; text-decoration: none; padding: 1px; margin-#GET{right}: 2px; }
324 a.icone26:hover { text-decoration: none; }
325 a.icone26 img { vertical-align: middle; background-color: #GET{foncee}; }
326 a.icone26:hover img { background: url(#GET{chemin_img_pack}fond-gris-anim.gif); }
327 .icone36 { border: 0; padding: 5px 0; margin: 0; text-align: center; text-decoration: none; font-size: x-small; width:72px; display:block;margin:0 auto;}
328 .icone36 a, .icone36 a,a.icone36, a.icone36:hover { text-decoration: none; }
329 .icone36 a img, a.icone36 img { margin: 0 auto; display: inline; padding: 4px; background-color: #eee; border: 2px solid #GET{foncee}; }
330 .icone36 a:hover img,a.icone36:hover img { background-color: #fff; border: 2px solid #666; }
331 .icone36.danger img { background-color: #fff; border: 2px solid #ff9999; }
332 .icone36.danger a:hover img,a.icone36.danger:hover img { background-color: #fff; border: 2px solid red; }
333 .icone36 span { font-weight: bold; color: #GET{foncee}; display: block; margin: 2px auto; width: 100%; height: 3em; }
334 .icone36 a:hover span,a.icone36:hover span { color: #000; }
335 .icone36.danger span { color: #ff9999; }
336 .icone36.danger a:hover span,a.icone36.danger:hover span { color: red; }
337 a.icone36.historique-24 { width: 90px; }
338 a.icone36.suivi-forum-24 { width: 100px; }
339
340
341 /* Icones 48 * 48 et 24 * 24 */
342 .cellule36, .cellule48 { padding: 0; border: 0; vertical-align: top; font-weight: bold; text-align: center; text-decoration: none; }
343 .cellule36 { margin: 0; font-size: 10px; }
344 .cellule48 { margin: 2px; font-size: 12px; }
345 .cellule36 a, .cellule36 a:hover, .cellule48 a, .cellule48 a:hover { text-decoration: none; }
346 .cellule36 a, .cellule48 a { display: block; text-align: center; }
347 .cellule48 a img { display: inline; background-color: #GET{claire}; margin: 4px; padding: 0; border: 0; }
348 .cellule48 a.selection img { display: inline; margin: 4px; padding: 0; border: 0; background-color: #999; }
349 .cellule48 a:hover img { display: inline; margin: 4px; padding: 0; border: 0; background: url(#GET{chemin_img_pack}fond-gris-anim.gif); }
350 .cellule36 a img { margin: 0; display: inline; padding: 3px; border: 0; border: 1px solid #fff; background-color: transparent; }
351 .cellule36 a.selection img{ margin: 0; display: inline; padding: 3px; background-color: #fff; border: 1px solid #aaa; }
352 .cellule36 a:hover img { margin: 0; display: inline; padding: 3px; background-color: #e4e4e4; background: url(#GET{chemin_img_pack}fond-gris-anim.gif); border: 1px solid #GET{foncee}; }
353 .cellule36 a span, .cellule48 a span { color: #666; display: block; margin: 1px; width: 100%; }
354 .cellule36 a:hover span, .cellule48 a:hover span { color: #000; display: block; margin: 1px; width: 100%; }
355 .cellule36 a.selection span, .cellule48 a.selection span { color: #000; display: block; margin: 1px; width: 100%; }
356
357 img.aide { width: 12px; height: 12px; vertical-align: top; cursor:help; }
358
359 .cellule36 a.aide, .cellule36 a.aide:hover { display: inline; background: none; margin: 0; padding: 0; }
360 .cellule36 a.aide img { margin: 0; padding: 0; }
361
362 /* Navigation texte */
363 .cellule-texte { margin: 0; padding: 0; border: 0; vertical-align: top; font-size: 10px; font-weight: bold; text-align: center; text-decoration: none; }
364 .cellule-texte a, .cellule-texte a:hover { text-decoration: none; display: block; }
365 .cellule-texte a { margin: 1px; padding: 4px; border: 0; color: #606060; }
366 .cellule-texte a.selection { background-color: #GET{claire}; margin: 1px; padding: 3px; border: 1px solid #GET{foncee}; color: #000; }
367 .cellule-texte a:hover { background-color: #fff; margin: 1px; padding: 3px; border: 1px solid #GET{foncee}; color: #333; }
368 .cellule-texte a.aide, .cellule-texte a.aide:hover { display: inline; background: none; border: 0; }
369 .cellule-texte a.aide img { margin: 0; }
370
371
372 /* * Icones horizontales */
373 a.cellule-h { display: block; }
374 a.cellule-h { font-size: 10px; font-weight: bold; text-align: #GET{left}; text-decoration: none; color: #666; }
375 a.cellule-h:hover, a.cellule-h:hover a.cellule-h, a.cellule-h a.cellule-h:hover { font-size: 10px; font-weight: bold; text-align: #GET{left}; text-decoration: none; color: #000; }
376 a.cellule-h div.cell-i { padding: 0; border: 1px solid #fff; margin: 0; margin-#GET{right}: 3px; }
377 a.cellule-h:hover div.cell-i { background: url(#GET{chemin_img_pack}fond-gris-anim.gif); margin: 0; margin-#GET{right}: 3px; padding: 0; border: 1px solid #GET{foncee}; }
378 table.cellule-h-table { margin: 0; padding: 0; border: 0; }
379 a.cellule-h img { width: 24px; height: 24px; border: 0; margin: 3px; background-repeat: no-repeat; background-position: center center; }
380 a.cellule-h a.aide img { width: 12px; height: 12px; }
381 a.cellule-h-texte { display: block; clear: both; text-align: #GET{left}; font-family: Trebuchet Sans MS, Arial, Sans, sans-serif; font-weight: bold; font-size: 11px; color: #606060; padding: 4px; margin: 3px; border: 1px solid #ddd; background-color: #f0f0f0; width: 92%; }
382 .danger, a.cellule-h-texte { background: url(#GET{chemin_img_pack}rayures-sup.gif); }
383 a.cellule-h-texte:hover { text-decoration: none; color: #000; border-#GET{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#GET{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }
384
385
386 /* * Style des icones */
387
388 .fondgris { cursor: pointer; padding: 4px; margin: 1px; }
389 .fondgrison { cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999; background-color: #e4e4e4; }
390 .fondgrison2 { cursor: pointer; padding: 3px; margin: 1px; border: 1px dashed #999; background-color: #fff; }
391 .bouton36gris { padding: 6px; margin-top: 2px; border: 1px solid #aaa; background-color: #eee; }
392 .bouton36blanc { padding: 6px; margin-top: 2px; border: 1px solid #999; background-color: #fff; }
393 .bouton36rouge { padding: 6px; margin-top: 2px; border: 1px solid red; background-color: #fff; }
394 .bouton36off { padding: 6px; margin-top: 2px; width: 24px; height: 24px; }
395
396 div.onglet { font-family: Verdana, Arial, Sans, sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #GET{foncee}; margin-#GET{right}: 3px; padding: 5px; background-color: #fff; }
397 div.onglet a { color: #GET{foncee}; }
398 div.onglet_on { font-family: Verdana, Arial, Sans, sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #GET{foncee}; margin-#GET{right}: 3px; padding: 5px; background-color: #GET{claire}; }
399 div.onglet_on a, div.onglet_on a:hover { color: #GET{claire}; color: #GET{foncee}; text-decoration: none; }
400 div.onglet_off { font-family: Verdana, Arial, Sans, sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #GET{foncee}; margin-#GET{right}: 3px; padding: 5px; background-color: #GET{foncee}; color: #fff; }
401
402 .reliefblanc { background-image: url(#GET{chemin_img_pack}barre-blanc.gif); }
403 .reliefgris { background-image: url(#GET{chemin_img_pack}barre-noir.gif); }
404 .iconeoff { padding: 3px; margin: 1px; border: 1px dashed #aaa; background-color: #f0f0f0; }
405 .iconeon { cursor: pointer; padding: 3px; margin: 1px; border-#GET{right}: solid 1px #fff; border-bottom: solid 1px #fff; border-#GET{left}: solid 1px #666; border-top: solid 1px #666; background-color: #eee; }
406 .iconedanger { padding: 3px; margin: 1px; border: 1px dashed #000; background: url(#GET{chemin_img_pack}rayures-sup.gif); }
407
408 /* Raccourcis pour les polices (utile pour les tableaux) */
409 .arial0 { font-family: Arial, Sans, sans-serif; font-size: 9px; }
410 .arial1 { font-family: Arial, Sans, sans-serif; font-size: 10px; }
411 .arial11 { font-family: Arial, Sans, sans-serif; font-size: 11px; }
412 .arial2 { font-family: Arial, Sans, sans-serif; font-size: 12px; }
413 .verdana1 { font-size: 10px; }
414 .verdana2 { font-size: 11px; }
415 .verdana3 { font-size: 13px; }
416 .serif { font-family: Georgia, Garamond, Times New Roman, serif; }
417 .serif1 { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 11px; }
418 .serif2 { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 13px; }
419
420 .spip_xx-large { font-size: 32px; }
421 .spip_x-large { font-size: 26px; }
422 .spip_large { font-size: 18px; }
423 .spip_medium { font-size: 16px; }
424 .spip_small { font-size: 14px; }
425 .spip_x-small { font-size: 12px; }
426 .spip_xx-small { font-size: 10px; }
427
428
429 /* Liens hypertexte */
430 a { text-decoration: none; color: #GET{foncee}; }
431 a:hover { text-decoration: none; }
432 a.icone { text-decoration: none; }
433 a.icone:hover { text-decoration: none; }
434
435 /* * Correction orthographique */
436 .ortho { background: #ffe0e0; margin: 0; margin-bottom: -2px; border-bottom: 2px dashed red; color: inherit; text-decoration: none; }
437 a.ortho:hover { margin: -2px; border: 2px dashed red; color: inherit; text-decoration: none; }
438 .ortho-dico { background: #e0f4d0; margin: 0; margin-bottom: -2px; border-bottom: 2px dashed #a0b890; color: inherit; text-decoration: none; }
439 a.ortho-dico:hover { margin: -2px; border: 2px dashed #a0b890; color: inherit; text-decoration: none; }
440
441 #ortho-fixed { position: fixed; top: 0; #GET{right}: 0; width: 25%; padding: 15px; margin: 0; }
442 .ortho-content { position: absolute; top: 0; width: 70%; padding: 15px; margin: 0; }
443 .suggest-actif, .suggest-inactif { font-family: "Trebuchet Sans MS", Verdana, Geneva, sans-serif; font-size: 95%; font-weight: bold; margin: 8px; z-index: 1; }
444 .suggest-actif .detail, .suggest-inactif .detail { margin: 8px; margin-top: -0.5em; padding: 0.5em; padding-top: 1em; border: 1px solid #c8c8c8; background: #f3f2f3; font-family: Georgia, Garamond, "Times New Roman", serif; font-weight: normal; z-index: 0; }
445 .suggest-actif .detail ul, .suggest-inactif .detail ul { list-style-image: url(#GET{chemin_img_pack}puce.gif); background: #f3f2f3; margin: 0; padding: 0; padding-#GET{left}: 25px; }
446 .suggest-actif { display: block; }
447 .suggest-inactif { display: none; }
448 .form-ortho select { background: #ffe0e0; }
449
450
451 /* * Comparaison d articles */
452 .diff-para-deplace { background: #e8e8ff; }
453 .diff-para-ajoute { background: #d0ffc0; color: #000; }
454 .diff-para-supprime { background: #ffd0c0; color: #904040; text-decoration: line-through; }
455 .diff-deplace { background: #e8e8ff; }
456 .diff-ajoute { background: #d0ffc0; }
457 .diff-supprime { background: #ffd0c0; color: #802020; text-decoration: line-through; }
458 .diff-para-deplace .diff-ajoute { background: #b8ffb8; border: 1px solid #808080; }
459 .diff-para-deplace .diff-supprime { background: #ffb8b8; border: 1px solid #808080; }
460 .diff-para-deplace .diff-deplace { background: #b8b8ff; border: 1px solid #808080; }
461
462 td.icone table {}
463 td.icone a { color: #000; text-decoration: none; font-size: 10px; font-weight: bold; }
464 td.icone a:hover { text-decoration: none; }
465 td.icone a img { border: 0; }
466
467 .bouton_rotation { display: block; background-color: #eee; margin-bottom: 1px; padding: 1px; border: 1px solid #GET{claire}; }
468 .bouton_rotation:hover { border: 1px solid #GET{foncee}; }
469
470
471 /* icone en bord haut du cadre */
472 .cadre-icone {position: absolute; top: -16px; #GET{left}: 10px;z-index:1;}
473
474 /* * Cadre couleur foncee */
475 .cadre_padding { padding: 6px; }
476 .cadre_padding.padding_x { padding: 0 6px; }
477 .padding_x .bloc_depliable { padding: 6px 0; }
478 /* .cadre-titre { font-family: Verdana, Geneva, helvetica, sans; font-weight: bold; font-size: 12px; padding: 3px; }*/
479 .cadre { margin: 0px 0 10px 0; font-family: Verdana, Geneva, helvetica, sans; font-size: 11px; position: relative; background-color: #fff;border: 1px solid #666;}
480
481 .cadre-fonce { background-color: #GET{foncee}; }
482 .cadre-gris-fonce { background: #666; }
483 .cadre-gris-clair { border: 1px solid #aaa; background-color: #ccc; }
484 .cadre-couleur { background-color: #GET{claire}; }
485 .cadre-couleur div.cadre-titre { background-color: #GET{foncee}; border-bottom: 2px solid #GET{foncee}; color: #fff; }
486 .cadre-couleur-foncee { background-color: #GET{foncee}; }
487 .cadre-couleur-foncee div.cadre-titre { color: #fff; }
488 .cadre-trait-couleur { background-color: #fff; border: 2px solid #GET{foncee}; }
489 .cadre-trait-couleur div.cadre-titre { background-color: #GET{foncee}; border-bottom: 2px solid #GET{foncee}; color: #fff; }
490 .cadre-r { background-color: #fff; border: 1px solid #666; }
491 .cadre-r div.cadre-titre { background-color: #aaa; border-bottom: 1px solid #666; color: #000; }
492 .cadre-e { background-color: #ddd; border-top: 1px solid #aaa; border-#GET{left}: 1px solid #aaa; border-bottom: 1px solid #fff; border-#GET{right}: 1px solid #fff; border: 1px solid #666; }
493 .cadre-e div.cadre-titre { background-color: #GET{claire}; border-bottom: 1px solid #666; color: #000; }
494
495 .cadre-forum { background-color: #fff; border: 1px solid #aaa; margin-bottom: 0; }
496 .cadre-forum div.cadre-titre { background-color: #GET{claire}; border-bottom: 1px solid #aaa; color: #000; }
497 .cadre-sous_rub { background-color: #fff; border: 1px solid #666; }
498 .cadre-thread-forum { background-color: #eee; border: 1px solid #ccc; border-top: 0; margin-bottom: 0; }
499 .cadre-thread-forum div.cadre-titre { background-color: #ccc; color: #000; }
500 .cadre-info{ background-color: #fff; border: 2px solid #GET{foncee}; padding: 5px; }
501 .cadre-formulaire { border: 1px solid #GET{foncee}; background-color: #ddd; padding: 5px; color: #444; font-family: Verdana, Geneva, helvetica, sans; font-size: 11px; }
502 .cadre-formulaire-editer {color: #444; font-family: Verdana, Geneva, helvetica, sans; font-size: 11px; }
503 .cadre-alerte { border: 6px solid red; }
504
505
506 /* * Styles pour "Tout le site" */
507
508 .plan-rubrique { margin-#GET{left}: 12px; padding-#GET{left}: 10px; border-#GET{left}: 1px dotted #888; }
509 .plan-secteur { margin-#GET{left}: 12px; padding-#GET{left}: 10px; border-#GET{left}: 1px dotted #404040; }
510
511 .plan-articles, .plan-articles-bloques { border-top: 1px solid #ccc; border-#GET{left}: 1px solid #ccc; border-#GET{right}: 1px solid #ccc; }
512 .plan-articles a, .plan-articles-bloques .publie, .plan-articles-bloques .prepa, .plan-articles-bloques .prop, .plan-articles-bloques .refuse, .plan-articles-bloques .poubelle { display: block; padding: 2px; padding-#GET{left}: 18px; border-bottom: 1px solid #ccc; background: [(#ENV{ltr}|choixsiegal{left,1,99})%] no-repeat; background-color: #e0e0e0; font-size: 11px; text-decoration: none; }
513 .plan-articles a:hover { background-color: #fff; text-decoration: none; }
514 .plan-articles .publie, .plan-articles-bloques .publie { background-image: url(#GET{chemin_img_pack}puce-verte.gif); }
515 .plan-articles .prepa, .plan-articles-bloques .prepa { background-image: url(#GET{chemin_img_pack}puce-blanche.gif); }
516 .plan-articles .prop, .plan-articles-bloques .prop { background-image: url(#GET{chemin_img_pack}puce-orange.gif); }
517 .plan-articles .refuse, .plan-articles-bloques .refuse { background-image: url(#GET{chemin_img_pack}puce-rouge.gif); }
518 .plan-articles .poubelle, .plan-articles-bloques .poubelle { background-image: url(#GET{chemin_img_pack}puce-poubelle.gif); }
519
520 a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base { display: inline; float: none; padding: 2px; margin: 0; margin-#GET{left}: 1px; margin-#GET{right}: 1px; border: 0; font-family: Arial, Helvetica, Sans, sans-serif; font-size: 9px; text-decoration: none; z-index: 1; }
521 a.foncee, a.foncee:hover { background-color: #GET{foncee}; color: #fff; border: 1px solid #GET{foncee}; }
522 a.claire, a.claire:hover { background-color: #GET{claire}; color: #GET{foncee}; border: 1px solid #GET{foncee}; }
523 span.lang_base { color: #666; border: 1px solid #666; background-color: #eee; }
524 span.creer { color: #333; border: 1px solid #333; background-color: #fff; }
525 .trad_float { float: #GET{right}; z-index: 20; margin-top: 4px; }
526
527 div.liste,div.cadre-liste { border: 1px solid #444; margin-top: 3px; margin-bottom: 3px; background:white; }
528 div.cadre-liste .cadre_padding {padding: 0; }
529 div.cadre-liste .padding_x .bloc_depliable {padding: 0; }
530 div.cadre-liste .tranches{ position: relative;border-top: 1px solid #000; background-color: #ddd; border-bottom: 1px solid #444; padding: 2px;padding-#GET{right}:25px; }
531 div.cadre-liste .tranches a.plus {position: absolute; top: 3px; #GET{right}:10px;}
532
533 .tout-site #page ul#articles_tous,.tout-site ul#articles_tous ul { list-style: none; }
534 .tout-site #page ul { margin-#GET{left}: 10px; padding-#GET{left}: 12px; border-#GET{left}: 1px dotted #888; }
535 .tout-site #page ul,.tout-site #page li { clear: both; }
536 li.sec, li.rub { display: inline; }
537 ul>li.sec,ul>li.rub { display: block; }
538 li.sec a.titre, li.rub a.titre { display: block; height: 20px; margin: 0; margin-bottom: 5px; padding: 0; padding-top: 4px; padding-#GET{left}: 5px; font-weight: bold; }
539 li.art { display: block; height:24px; }
540 li.sec a.titre { background-color: #GET{claire}; }
541 li.rub a.titre { background-color: transparent; }
542 li.art a.titre { display: inline; background-color: transparent; font-weight: normal; padding-#GET{left}: 5px; padding-top: 4px; height: 20px; }
543 span.icone { float: #GET{left}; position: relative; display: block; width: 28px; height: 24px; margin-#GET{left}: -14px; }
544 li.art span.icone { margin-#GET{left}: 0; }
545
546 span.holder {}
547 li.sec span.icone { background: url(#GET{chemin_img_pack}secteur-24.gif) [(#GET{left})] bottom no-repeat; }
548 li.rub span.icone { background: url(#GET{chemin_img_pack}rubrique-24.gif) [(#GET{left})] top no-repeat; }
549 li.art span.icone { background: url(#GET{chemin_img_pack}article-24.gif) [(#GET{left})] top no-repeat; }
550 li.sec ul{ display: none; }
551 li.rub ul{ display: none; }
552
553 li img.expandImage { display: block; float: #GET{left}; position: relative; #GET{left}: -20px; width: 16px; height: 16px; }
554 li.selected { background-color: #GET{claire}}
555
556 a.liste-mot { background: url(#GET{chemin_img_pack}petite-cle.gif) [(#GET{left})] center no-repeat; padding-#GET{left}: 30px; }
557
558 .tr_liste { background-color: #eee; }
559 .tr_liste_over, .tr_liste:hover { background-color: #fff; }
560 .tr_liste td, .tr_liste:hover td, .tr_liste_over td { border-bottom: 1px solid #ccc; }
561 .tr_liste td div.liste_clip { height: 12px; overflow: hidden; }
562 .tr_liste:hover td div.liste_clip, span.liste_clip { overflow: visible; height: 100%; }
563
564 img.puce { width: 7px; height: 7px; border: 0; }
565 img.lang { width: 12px; height: 12px; border: 0; }
566
567 div.brouteur_rubrique { display: block; padding: 3px; padding-#GET{right}: 10px; border-top: 0px solid #GET{foncee}; border-bottom: 1px solid #GET{foncee}; border-#GET{left}: 1px solid #GET{foncee}; border-#GET{right}: 1px solid #GET{foncee}; background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; background-color: #fff; }
568 div.brouteur_rubrique_on { display: block; padding: 3px; padding-#GET{right}: 10px; border-top: 0px solid #GET{foncee}; border-bottom: 1px solid #GET{foncee}; border-#GET{left}: 1px solid #GET{foncee}; border-#GET{right}: 1px solid #GET{foncee}; background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; background-color: #e0e0e0; }
569
570 xdiv.brouteur_rubrique:hover { background-color: #e0e0e0; }
571
572 div.brouteur_rubrique div, div.brouteur_rubrique_on div { padding-top: 5px; padding-bottom: 5px; padding-#GET{left}: 28px; background-repeat: no-repeat; background-position: center #GET{left}; font-weight: bold; font-family: Arial, Sans, sans-serif; font-size: 12px; }
573 div.brouteur_rubrique div a { color: #GET{foncee}; }
574 div.brouteur_rubrique_on div a { color: #000; }
575
576 .brouteur_icone_racine { background: url(#GET{chemin_img_pack}racine-site-24.gif) [(#GET{left})] no-repeat; padding-top: 5px; padding-bottom: 5px; padding-#GET{left}: 28px }
577 .brouteur_icone_secteur { background: url(#GET{chemin_img_pack}secteur-24.gif) [(#GET{left})] no-repeat; padding-top: 5px; padding-bottom: 5px; padding-#GET{left}: 28px }
578 .brouteur_icone_rubrique { background: url(#GET{chemin_img_pack}rubrique-24.gif) [(#GET{left})] no-repeat; padding-top: 5px; padding-bottom: 5px; padding-#GET{left}: 28px }
579 .brouteur_icone_article { background: url(#GET{chemin_img_pack}article-24.gif) [(#GET{left})] no-repeat; margin: 3px; padding-top: 5px; padding-bottom: 5px; padding-#GET{left}: 28px }
580 .brouteur_icone_site { background: url(#GET{chemin_img_pack}site-24.gif) [(#GET{left})] center no-repeat; margin: 3px; padding-top: 5px; padding-bottom: 5px; padding-#GET{left}: 28px }
581
582 .iframe-brouteur { background-color: #eee; border: 0; z-index: 1; }
583
584 /* * Styles pour les statistiques */
585 table.bottom td { vertical-align: bottom; }
586 table.bottom img { display: block; }
587
588
589 /* * Styles generes par les raccourcis de mise en page */
590
591 .chapo { font-weight: bold; color: #333; }
592
593 #wysiwyg { line-height: 1.4em; }
594 #wysiwyg a { /*color: #604A7F;*/ text-decoration: underline; }
595 #wysiwyg a:hover { /*color: #f57900;*/ text-decoration: underline; }
596
597 .spip_recherche { width: 240px; float: [(#GET{right})]; }
598 .spip_recherche .recherche{ padding: 3px; width: 200px; font-size: 10px; border: 1px solid #fff; background-color: #GET{foncee}; color: #fff; margin: 0 3px 6px 0; }
599 .spip_recherche .submit {vertical-align:middle;}
600
601 /* pour le plugin "revision_nbsp" */
602 .spip-nbsp { border-bottom: 2px solid #c8c8c8; padding-#GET{left}: 2px; padding-#GET{right}: 2px; margin-#GET{left}: -1px; margin-#GET{right}: -1px; }
603
604 .boutonlien { font-weight: bold; font-size: 9px; }
605 a.boutonlien:hover { color: #454545; text-decoration: none; }
606 a.boutonlien { color: #808080; text-decoration: none; }
607
608 a.triangle_block { margin-top: -3px; margin-bottom: -3px; margin-#GET{right}: -3px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
609 a.triangle_block:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
610
611 .fond-agenda { background: url(#GET{chemin_img_pack}fond-agenda.gif) [(#GET{right})] center no-repeat; float: #GET{left}; margin-#GET{right}: 3px; padding-#GET{right}: 4px; line-height: 12px; color: #666; }
612
613 .highlight { color: #000; background-color: #666; }
614 .highlight.off { padding: 2px; display: block; color: #666; background-color: #fff; }
615 a.highlight:hover { color: #000; cursor: pointer; }
616
617 div.petite-racine { margin-bottom: -5px; }
618 div.petite-racine, a.petite-racine { background: [(#ENV{ltr}|choixsiegal{left,1,99})%] no-repeat; background-image: url(#GET{chemin_img_pack}racine-site-12.gif); padding-#GET{left}: 15px; background-color: #fff; border: 1px solid #GET{foncee}; border-bottom: 0; width: 134px; }
619 div.petite-rubrique, a.petite-rubrique { background: [(#ENV{ltr}|choixsiegal{left,1,99})%] no-repeat; background-image: url(#GET{chemin_img_pack}rubrique-12.gif); padding-#GET{left}: 15px; }
620 div.petit-secteur, a.petit-secteur { background: [(#ENV{ltr}|choixsiegal{left,1,99})%] no-repeat; background-image: url(#GET{chemin_img_pack}secteur-12.gif); padding-#GET{left}: 15px; }
621 div.rub-ouverte, a.rub-ouverte { padding-#GET{right}: 10px; background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; }
622
623 a.ical { background: url(#GET{chemin_img_pack}synchro-24.gif) no-repeat; background-position: top center; padding-#GET{left}: 30px; padding-bottom: 20px; }
624
625 .swap-couche { border: 0; height: 10px; width: 10px; }
626
627 /* Titre d'une boite */
628 .titrem { font-weight: bold; }
629 div.titrem,h3.titrem { display: block; padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat;padding-[(#GET{left})]:16px;}
630 div.titrem a.titremancre {padding:15px 0 0 16px;background-position: [(#GET{left})] top;background-repeat: no-repeat; position:relative;float:[(#GET{left})];margin-[(#GET{left})]:-16px;}
631
632 /* dans les formulaires de configuration */
633 h3.titrem {position:relative;}
634 .formulaire_spip h3.titrem,#navigation .formulaire_spip h3.titrem,#extra .formulaire_spip h3.titrem {background-color: #GET{foncee};color: #fff; }
635
636
637 .cadre-couleur-foncee .titrem { background-color: #GET{foncee};color: #fff; }
638 .cadre-couleur-foncee .cadre_padding .titrem {color: #000; }
639 .cadre-trait-couleur .titrem { background-color: #GET{foncee};color: #fff; }
640 .cadre-trait-couleur .cadre_padding .titrem { background-color: #fff;color: #000; }
641
642 .ajax-action {padding-top:1px;clear:both;position: relative; }
643
644 .dater {position: relative; }
645 .dater, .dater .titrem, .editer_mot .titrem, .editer_auteurs .titrem, .cadre-e .titrem { background-color: #GET{claire}; }
646 .dater .hover, .editer_mot .hover, .editer_auteurs .hover { background-color: #GET{foncee}; }
647
648 .mots_tous #contenu .titrem.impliable { background-color: #GET{claire}; }
649 .configuration #contenu .cadre .titrem { background-color:#eee; }
650 .configuration #contenu .titrem.hover { background-color: #GET{claire}; }
651 .configuration #contenu .cadre-trait-couleur .titrem { background-color: #GET{foncee};color: #fff; }
652 .configuration #contenu .cadre-trait-couleur .cadre_padding .titrem { background-color: #eee;color: #000; }
653 .configuration #contenu .cadre-couleur .titrem { background-color: #GET{claire}; }
654 .configuration #contenu .cadre-couleur .cadre_padding .titrem { background-color:#eee; }
655 .cadre-liste .titrem { background-color: #fff; }
656 .cadre-liste .titrem.hover { background-color: #GET{claire}}
657 .cadre-liste .tr_liste .titrem { background-color:#eee; }
658 .cadre-couleur .titrem { background-color: #fff; }
659
660 .joindre .titrem, #navigation .joindre .titrem { background-color: #GET{claire}; }
661 .accueil #navigation .titrem { background-color: #GET{foncee}; }
662
663 #navigation .titrem, #extra .titrem {text-align: center; }
664 #navigation .titrem, #extra .titrem { background-color: #fff; }
665 #liste_images .titrem, #liste_documents .titrem { background-color: #ccc; }
666 /*#liste_images .legender .titrem, #liste_documents .legender .titrem { background-color: #fff; } */
667 #navigation .hover, #extra .hover, .joindre .hover, #liste_images .hover, #liste_documents .hover { background-color: #GET{claire}; }
668
669 .iconifier div div.titrem {text-align: #GET{left}; }
670 .iconifier div div {text-align: center; }
671 .iconifier div div label {text-align: #GET{left};display: block; }
672
673 /* Deplier / Replier */
674 .replie a.titremancre { background-image: url(#GET{chemin_img_pack}deplierhaut[(#GET{rtl})].gif); }
675 .hover { background-color: #GET{claire}; }
676 .deplie a.titremancre { background-image: url(#GET{chemin_img_pack}deplierbas.gif); }
677 .impliable {}
678 .blocreplie { display: none; }
679 .blocdeplie { display: block; background: none; }
680
681 td.pense-bete, a.pense-bete { background: url(#GET{chemin_img_pack}m_envoi_bleu[(#GET{rtl})].gif) center [(#GET{left})] no-repeat; padding-#GET{left}: 20px; }
682
683 td.annonce, a.annonce { background: url(#GET{chemin_img_pack}m_envoi_jaune[(#GET{rtl})].gif) center [(#GET{left})] no-repeat; padding-#GET{left}: 20px; }
684
685 td.message, a.message { background: url(#GET{chemin_img_pack}m_envoi[(#GET{rtl})].gif) center [(#GET{left})] no-repeat; padding-#GET{left}: 10px; }
686
687 .enfants ul { list-style: none; }
688 .enfants ul li.rubrique_12 {background:url(#GET{chemin_img_pack}rubrique-12.gif)[ (#GET{left})] center no-repeat; padding: 2px; padding-#GET{left}: 18px; margin-#GET{left}: 6px;position:relative;}
689
690 /* * ***************************************************/
691 /* directives specifiques a une page */
692 /* exec=admin_tech */
693 #sauvegarder,#restaurer,#reparer { margin: 0 0 2em 0; }
694
695 /* exec=admin_plugin */
696 .liste_plugins ul li { list-style: none; border-bottom: 1px solid #fff; }
697 .liste_plugins ul { padding-#GET{left}: 1em; margin:.5em 0 .5em 0; }
698 .liste_plugins ul ul { border-#GET{left}:5px solid #dfdfdf; }
699 .liste_plugins ul li li { margin: 0; padding:0 0 0.25em 0; }
700 .liste_plugins ul li div.nomplugin { border-bottom: 1px solid #afafaf; font-weight: normal; padding:.3em; }
701 .liste_plugins ul li li div.nomplugin {padding:.1em .3em .2em; }
702 .liste_plugins ul li li div.nomplugin>a { outline:0; outline:0 !important; -moz-outline:0 !important; color: #000; }
703 .liste_plugins ul li li div.nomplugin_on>a { font-weight: bold; }
704
705 .liste_plugins div.droite label { padding:.3em; background: #efefef; border:1px dotted #95989f !important; border: 1px solid #95989f; cursor:pointer; margin:.2em; display: block; width:10.1em; }
706 .liste_plugins input { cursor:pointer; }
707 .liste_plugins div.detailplugin { border-top: 1px solid #b5becf; padding:.6em; background: #f5f5f5; }
708 .liste_plugins div.detailplugin hr { border-top: 1px solid #67707f; border-bottom:0; border-#GET{left}:0; border-#GET{right}:0; }
709 .liste_plugins div.nomplugin label { display: none; }
710 .liste_plugins .nomplugin_on { background: #GET{claire}; }
711 .liste_plugins .plugin_erreur { background:red; }
712 .desc_plug { height:1.9em;overflow:hidden;border-bottom:1px dotted grey; }
713
714 /* exec=admin_plugin old style */
715 #liste_plugins ul li { list-style: none; border-bottom: 1px solid #fff; }
716 #liste_plugins ul { padding-#GET{left}: 1em; margin:.5em 0 .5em 0; }
717 #liste_plugins ul ul { border-#GET{left}:5px solid #dfdfdf; }
718 #liste_plugins ul li li { margin: 0; padding:0 0 0.25em 0; }
719 #liste_plugins ul li div.nomplugin { border-bottom: 1px solid #afafaf; font-weight: normal; padding:.3em; }
720 #liste_plugins ul li li div.nomplugin {padding:.1em .3em .2em; }
721 #liste_plugins ul li li div.nomplugin>a { outline:0; outline:0 !important; -moz-outline:0 !important; color: #000; }
722 #liste_plugins ul li li div.nomplugin_on>a { font-weight: bold; }
723
724 #liste_plugins div.droite label { padding:.3em; background: #efefef; border:1px dotted #95989f !important; border: 1px solid #95989f; cursor:pointer; margin:.2em; display: block; width:10.1em; }
725 #liste_plugins input { cursor:pointer; }
726 #liste_plugins div.detailplugin { border-top: 1px solid #b5becf; padding:.6em; background: #f5f5f5; }
727 #liste_plugins div.detailplugin hr { border-top: 1px solid #67707f; border-bottom:0; border-#GET{left}:0; border-#GET{right}:0; }
728 #liste_plugins div.nomplugin label { display: none; }
729 #liste_plugins .nomplugin_on { background: #GET{claire}; }
730 #liste_plugins .plugin_erreur { background:red; }
731
732
733 #liste_plug { border: solid 1px #GET{foncee}; padding:3px; background-color:white; height: 200px; overflow:auto;overflow-y: auto; }
734
735 /* exec=statistiques_visites */
736 .trait_haut { background: #GET{foncee}; }
737 .trait_bas { background:black; }
738 .trait_moyen { background: #666; }
739 .couleur_dimanche { background: #GET{foncee}; }
740 .couleur_jour { background: #GET{claire}; }
741 .couleur_janvier { background: #GET{foncee}; }
742 .couleur_mois { background: #GET{claire}; }
743 .couleur_prevision { background: #eee; }
744 .couleur_realise { background: #999; }
745
746 .couleur_cumul { background: #GET{foncee}; }
747 .couleur_nombre { background: #GET{claire}; }
748 .couleur_langue { background: #GET{foncee}; }
749
750 .statistiques_visites ul.referers { margin-left: 0; padding-left: 0; list-style: none; color: #666; }
751 .statistiques_visites ul.referers li { clear: #GET{right}; margin-bottom: 1em; padding-left: 16px; }
752 .statistiques_visites ul.referers li .titrem { margin-left: -16px; font-weight: normal; }
753 .statistiques_visites ul.referers li .visites3 { color: red; }
754 .statistiques_visites ul.referers li .visites2 { color: #666; }
755 .statistiques_visites ul.referers li .visites1 { color: #999; }
756 .statistiques_visites ul.referers li a { font-weight: bold; }
757 .statistiques_visites ul.referers li ul { font-size: x-small; list-style-type: disc; }
758 .statistiques_visites ul.referers li li { clear: none; margin-bottom: 0; padding-left: 0; }
759 .statistiques_visites ul.referers li li a { font-weight: normal; }
760
761 ul.classement {list-style:none;font-size:x-small;margin:0;padding:0;padding-#GET{left}:42px;color:#666666;}
762 ul.classement li {padding:0 0 4px;margin:0;line-height:100%;}
763 ul.classement li em {display:block;width:37px;float:#GET{left};margin-left:-40px;position:relative;display:inline;font-style:normal;text-align:#GET{right};}
764
765 /* agenda */
766 .bandeau_agenda { background: #GET{claire}; }
767 .jour_dimanche { background: #GET{claire};color: #fff; }
768 .jour_encours { background: #fff;color: #000; }
769 .jour_gris { background: #eee;color: #000; }
770 .jour_pris { background: #fff;color: #000; }
771 .calendrier-cadreagenda { background: #GET{claire}; }
772 div.navigation-calendrier { background-color: #GET{foncee}; }
773
774 /* lang_raccourcis */
775 #raccourcis .titrem { background: #GET{claire}; }
776
777 /* exec=mesage */
778 #participants table.spip {border:0; }
779 #participants .cadre_padding {padding:0 0 4px 0; }
780
781 /* editer_auteurs */
782 .option_separateur_statut_auteur { background: #GET{claire}; }
783 .option_auteur { background: #e4e4e4; }
784
785 /* menu langues */
786 .lang_ecrire { max-height: 24px; border: 1px solid #fff; color: white; width: 100px; background: #GET{foncee}; }
787
788 /* selecteur ajax */
789 #choix_parent_principal { background: #fff; border: 1px solid #GET{foncee}; position: relative; height: 170px; overflow: auto; margin-top:5px;}
790 .recherche_rapide_parent {margin-top: -25px;float:right; }
791 .rubrique_actuelle {height: 25px; }
792 .rubrique_actuelle a img{cursor:pointer;}
793 #selection_rubrique .informer { background: #fff; }
794 #selection_auteur .informer { background: #fff; padding: 5px; border-top: 0; }
795
796 /* legender */
797 /*.legender { background: #fff; border: 1px solid #GET{foncee}; padding:5px; margin:3px; font-size:x-small; }*/
798 .legender { margin-top: 10px; font-size:x-small; }
799
800 /* portfolios */
801 .lien_tout_supprimer { background-color: #ddd; padding: 4px; color: #000; text-align: #GET{right}; }
802 .cadre-portfolio .titrem { background-color: #GET{claire}; }
803 .cadre-portfolio .cadre_padding {padding: 0; }
804 .cadre-portfolio table {border-#GET{left}: 1px solid #GET{claire}; table-layout:fixed }
805 .cadre-portfolio table td.document { border-bottom: 1px solid #GET{claire}; border-#GET{right}: 1px solid #GET{claire}; width:33%; text-align: #GET{left}; vertical-align:top; }
806 .cadre-documents .titrem { background-color:#999; }
807 .cadre-documents .cadre_padding {padding: 0; }
808 .cadre-documents table {border-#GET{left}: 1px solid #999; table-layout:fixed}
809 .cadre-documents table td.document { border-bottom: 1px solid #999; border-#GET{right}: 1px solid #999; width:33%; text-align: #GET{left}; vertical-align:top; }
810
811 #contenu td.document .titrem { background-color: #fff; }
812 td.vu { background: #ccc; }
813
814 /* messages d'upload (zip etc) */
815 .upload_message {border: dotted [(#GET{foncee})] 1px; padding:0px 5px 5px 10px; font-size: x-small}
816 .upload_message ol {padding: 2px;list-style: none; font-size: xx-small; max-height:20em; overflow:auto}
817 .upload_message ol li {padding: 2px;}
818
819 /* config/reducteur */
820 .vignette_reducteur { text-align: center; vertical-align: middle; float: #GET{left}; padding:2px; border:2px solid #fff; width:150px; height:170px; }
821 .vignette_reducteur.selected { font-weight: bold; border:2px dotted #GET{claire}; }
822 .vignette_reducteur span { display: block; }
823 /* config/locuteur */
824 .langues_bloquees {color: #GET{foncee};font-weight: bold; }
825
826
827 [(#REM)
828 pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre
829 ]
830 li .puce_statut { float: #GET{left}; padding-top: 5px; }
831 li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup { padding: 0; }
832 .puce_article, .puce_breve, .puce_site { position: relative; }
833 .puce_article_fixe, .puce_breve_fixe, .puce_site_fixe { position: relative; }
834
835 .puce_article_popup, .puce_breve_popup, .puce_site_popup { position: absolute; top: 0; #GET{left}: 0; visibility: hidden; border: 1px solid #666; background-color: #ccc; z-index: 10; }
836 .puce_article_popup img, .puce_breve_popup img, .puce_site_popup img { padding: 1px; border: 0; }
837
838 .puce_article_popup { width: 55px; }
839 .puce_breve_popup, .puce_site_popup { width: 27px; }
840
841 .boite_onglets {clear:both; margin-top:15px; }
842 .tabs-nav a { color: #GET{foncee}; }
843
844 /* generique */
845 #voir { overflow: hidden; }
846
847 #contenu #wysiwyg div.label { clear: both; display: block; background-color: #GET{claire}; margin-top: 2em; padding: .1em; font-size: x-small; color: #777; }
848 #contenu #wysiwyg div p { margin-top: 0; }
849 #navigation .infos .numero { font-size: x-small;font-weight: bold; text-align: center; }
850 #navigation .infos .numero p { font-size: x-large; margin:5px 0;color:#333; font-family: verdana, helvetica, arial, sans; }
851 #navigation .infos .noinfo { color:#ddd;}
852 #contenu .bandeau_actions { margin:5px 0;clear:both; }
853 #contenu .bandeau_actions a:hover { background: #fff; }
854 #contenu .logo_titre { float: #GET{right}; margin: 5px 0; margin-#GET{left}: 5px; }
855
856 #contenu #wysiwyg div.champ {display:block;}
857 #contenu #wysiwyg div.contenu_ps { background:#dddddd; border:1px solid #666; padding:5px;margin:1em 0;}
858 #contenu #wysiwyg div.contenu_ps.vide {display: none;}
859 #contenu #wysiwyg div.contenu_ps div.label {display:inline;font-weight:bold;font-size:1.3em;background:none;color:#000;}
860 #contenu #wysiwyg div.contenu_notes { background:#fff; border:1px solid #666; padding:5px;margin:1em 0;font-size:0.8em;}
861 #contenu #wysiwyg div.contenu_notes.vide {display: none;}
862 #contenu #wysiwyg div.contenu_notes div.label {display:inline;font-weight:bold;font-size:0.9em;background:none;color:#000;}
863 #contenu #wysiwyg div.texte {font-size:0.9em;}
864
865 ul.instituer { /*float: #GET{right}; */ text-align: #GET{left}; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0; padding:5px 0; /*font-size:0.9em; */ }
866 ul.instituer li { list-style: none; margin: 0; padding: 0; }
867 ul.instituer li ul { margin: 0; padding: 0; }
868 ul.instituer li ul li a { display: block; }
869 ul.instituer li ul li img { margin: 1px 1px -1px; margin-#GET{right}: 5px; visibility: hidden; border: 1px solid #f8f7f3; }
870 ul.instituer li.selected img,ul.instituer li a:hover img {visibility:visible; }
871 ul.instituer a:hover { background: #eee; }
872 ul.instituer li.prepa.selected,ul.instituer li.prepa a:hover { background: #fff; }
873 ul.instituer li.prop.selected,ul.instituer li.prop a:hover { background: #f89058;color: #fff; }
874 ul.instituer li.publie.selected,ul.instituer li.publie a:hover { background: #9dba00;color: #fff; }
875 ul.instituer li.poubelle.selected,ul.instituer li.poubelle a:hover { background: #000; color: #fff;}
876 ul.instituer li.refuse.selected,ul.instituer li.refuse a:hover { background: #ff0000;color: #fff; }
877
878 #voir.tabs-container { background: #fff; padding: 5px; border: 1px solid #999; }
879 .no_onglets .tabs-container {background:#fff; border:none;padding-top:0;}
880 .no_onglets .tabs-nav {display: none;}
881 .no_onglets .fiche_objet { background:#fff;border:1px solid #999; padding:5px;margin-bottom:1em;}
882 .no_onglets #voir.tabs-container { background: #fff; padding:0; border: 0; }
883
884 .no_onglets #contenu #wysiwyg div.label{ display: none; }
885 .no_onglets #contenu #wysiwyg .contenu_lien_titre {margin:1em 0;}
886 .no_onglets #contenu #wysiwyg .contenu_lien_titre div.label{ color:#000;background:none;display:inline; font-size:1.1em;font-weight:bold;font-family:Georgia,Garamond,Times New Roman,serif;}
887 .no_onglets #contenu #wysiwyg .contenu_lien_titre div.lien_titre p { display:inline;}
888 .no_onglets #contenu #wysiwyg { padding:5px;}
889 .no_onglets #contenu #wysiwyg div.contenu_soustitre,
890 .no_onglets #contenu #wysiwyg div.contenu_surtitre,
891 .no_onglets #contenu #wysiwyg div.contenu_titre {display: none;}
892 .no_onglets #contenu #wysiwyg div.vide {display: none;}
893 .no_onglets #contenu h1 {color:#GET{foncee};}
894 .no_onglets #contenu #wysiwyg div.contenu_descriptif,
895 .no_onglets #contenu #wysiwyg div.contenu_nom_site
896 { background:#e4e4e4; border:1px dashed #aaaaaa; padding:5px;margin:1em 0;}
897 .no_onglets #contenu #wysiwyg div.contenu_descriptif span.label {color:#000;background:none;display:inline;font-size:1.1em;font-weight:bold;}
898 body.sites .no_onglets #contenu #wysiwyg div.contenu_nom_site {display: none;}
899 .no_onglets .boite_onglets {margin-top:0px; }
900
901 /* exec/articles */
902 .articles h1 {color: #000; font-size: large; margin-top: 5px; }
903 #voir .article_prop {text-align: center; font-weight: bold; font-size: small; color: red; }
904
905 /* exec/naviguer */
906 .naviguer h1 {color: #000;font-size: large; margin-top: 5px; }
907 #contenu div.gauche { width: 49%; float: #GET{left}; }
908 #contenu div.droite { width: 49%; float: #GET{right}; }
909
910 /* exec/sites */
911 .sites h1 { color: #000;font-size: large; margin-top:5px; }
912 #voir .site_prop {text-align: center;font-weight: bold;font-size: small;color:red; }
913 #voir .site_syndique { font-weight: bold; text-align: center; }
914 #voir .site_syndique img { vertical-align:middle; }
915 #voir .date_syndic { margin-top: 1em; }
916 #voir .mise_a_jour_syndic { text-align: #GET{right}; }
917
918 /* exec/breves_voir */
919 .breves h1 {color: #000;font-size:large; margin-top:5px; }
920 #voir .breve_prop {text-align: center;font-weight: bold;font-size: small;color:red; }
921 #props .langue {text-align: left;}
922
923 /* exec/auteur_infos */
924 #auteur-voir .statut {margin:10px 0;border-top :1px solid #eee;border-bottom :1px solid #eee;padding:10px 0;}
925 #auteur-voir .statut ul {margin-bottom:0;}
926
927
928 /* fond des miniatures de logos et documents */
929 .miniature_logo, .miniature_document {
930 background: url(#GET{chemin_img_pack}fond-grille.gif) top left;
931 }
932
933 /* tables generiques de donnees */
934 table.info {width: 90%; margin: 1em auto; border-collapse: collapse; border-spacing: 0; line-height: normal;border:1px solid #999;}
935 table.info thead tr { background-color:#[(#GET{foncee}|couleur_foncer)];color:#fff;border: 1px solid #ddd; }
936 table.info th, table.info td { padding: 0.20em 0.40em; text-align: #GET{left}; border: 1px solid #ddd; }
937 table.info th.num, table.info td.num { text-align: #GET{right};}
938 table.info th a {color:#[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];text-decoration:underline;}
939 table.info th { vertical-align: bottom; font-weight: bold; }
940 table.info td { vertical-align: top; }
941
942
943 /*** Placer le theme tout a la fin ***/
944 #SET{style_prive_theme,#REM|bando_style_prive_theme}
945 [(#GET{style_prive_theme}|oui)
946 [(#INCLURE{fond=#GET{style_prive_theme}}{env})]
947 ]
948 [(#REM|bando_images_background)]
949
950
951 /******** Formulaires **************/
952 [(#INCLURE{fond=style_prive_formulaires}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
953 /******** Formulaires fin **************/
954
955 /*** Plugins ***/
956 [(#INCLURE{fond=style_prive_plugins}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
957 /**** Plugins fin ***/