[PLUGINS] +les plugins de bases
[ptitvelo/web/www.git] / www / plugins / beespip / css / styles.css.html
1 #CACHE{3600*100,cache-client}
2 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
3 #HTTP_HEADER{Vary: Accept-Encoding}
4 /* ----------------------------------------------
5 Beespip 3
6 Contingences
7 2011
8 ------------------------------------------------ */
9 /* Valeurs par defaut :
10 #SET{couleur_fond_page,#CONFIG{BeeSpip/couleur/couleur_fond_page,#ffffff}} [ couleur_fond_page: (#GET{couleur_fond_page});]
11 #SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]
12 #SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]
13 #SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]
14 #SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]
15 #SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]
16 #SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]
17 #SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]
18 #SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]
19 #SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]
20 #SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]
21 #SET{couleur_filets_colonnes,#CONFIG{BeeSpip/couleur/couleur_filets_colonnes,#e8e8e8}} [ couleur_filets_colonnes: (#GET{couleur_filets_colonnes});]
22 #SET{couleur_fond_formulaires,#CONFIG{BeeSpip/couleur/couleur_fond_formulaires,#f8f8f8}} [ couleur_filets_colonnes: (#GET{couleur_fond_formulaires});]
23
24 */
25
26 body {
27 font: 11px/165% 'Lucida Grande', Verdana, Helvetica, sans-serif;
28 color: #GET{couleur_principale_texte};
29 margin: 0; padding: 0 0 50px 0;
30 background: #GET{couleur_fond_page} ;
31 text-align: center;
32 }
33 /* Liens */
34 a:link, a:visited {
35 text-decoration: none;
36 color: #GET{couleur_liens};
37 }
38 a:hover, a:focus {
39 color: #GET{couleur_liens_survol};
40 border-bottom: 1px dotted #GET{couleur_liens_survol};
41 }
42 a.more-link {
43 padding-bottom: 2px;
44 font-weight: bold;
45 border-bottom: 1px dotted #GET{couleur_liens};
46 }
47 a:hover.more-link, a:focus.more-link {
48 text-decoration: none;
49 }
50 h2 a:link, h2 a:visited,
51 h3 a:link, h3 a:visited {
52 text-decoration: none;
53 color: #GET{couleur_titres};
54 }
55 h2 a:hover, h2 a:focus,
56 h3 a:hover, h3 a:focus {
57 color: #GET{couleur_liens_survol};
58 border-bottom:0;
59 }
60 /* Headers */
61 h1, h2, h3, h4, h5, h6
62 h1.spip, h2.spip, h3.spip, h4.spip, h5.spip, h6.spip {
63 font-weight: bold;
64 #GET{typo_titre}
65 color: #GET{couleur_titres};
66 padding: 10px 15px 7px;
67 }
68 h1, h1.spip { font-size: 3.7em; }
69 h2, h2.spip { font-size: 2.8em; }
70 h3, h3.spip { font-size: 2em; }
71 h4, h4.spip { font-size: 1.3em; }
72 h5, h5.spip { font-size: 1.1em; }
73 h6, h6.spip { font-size: 1em; }
74
75 h1, h2, h3, h4, h5, h6 {font-weight: normal;}
76
77 h1 { letter-spacing: -1px; }
78 h2 { color: #GET{couleur_secondaire_foncee}; }
79 h3 { letter-spacing: -0.5px; padding-top: 15px}
80 h5.recents {padding-bottom:0;}
81 /* Listes */
82 ul, ol {
83 margin: 10px 20px;
84 padding: 0 20px;
85 }
86 ul { list-style: disc; }
87 ol { list-style: decimal; }
88
89 dt {
90 font-weight: bold;
91 color: #GET{couleur_secondaire_claire};
92 }
93 dd {
94 padding-left: 25px;
95 }
96
97 p { padding: 5px 15px; }
98 dl { padding: 0px 15px; }
99 hr.spip { margin: 2em auto; clear:both;height: 1px;padding: 0;color: #GET{couleur_filets_colonnes};background-color: #GET{couleur_filets_colonnes};border:0;}
100 /* Images */
101 #conteneur img {
102 background: #FAFAFA;
103 border: 1px solid #DCDCDC;
104 padding: 8px;
105 }
106 #conteneur img.puce, #conteneur form img, #conteneur table.calendrier-large img, #conteneur img.simple,
107 #conteneur a:hover img.puce, #conteneur form a:hover img, #conteneur table.calendrier-large a:hover img, #conteneur a:hover img.simple,
108 #conteneur a:focus img.puce, #conteneur form a:focus img, #conteneur table.calendrier-large a:focus img, #conteneur a:focus img.simple {
109 background: none;
110 border: none;
111 padding: 0;
112 }
113 #conteneur #slider img {
114 background: none;
115 border: 9px solid #FAFAFA;
116 padding: 0;
117 }
118
119 #conteneur a:hover img, #conteneur a:focus img { border: 1px solid #D2D2D2; background: #DDD; }
120 img.float-right {
121 margin: 5px 0px 10px 10px;
122 }
123 img.float-left {
124 margin: 5px 10px 10px 0px;
125 }
126
127 code {
128 margin: 3px 0;
129 /*padding: 15px;*/
130 text-align: left;
131 /*display: block;*/
132 overflow: auto;
133 font: 1em 'Lucida Console', 'Courier New', Monospace ;
134 /* white-space: pre; */
135 border: 1px solid #F0F0F0;
136 background: #f8f8f8;
137 }
138 acronym {
139 cursor: help;
140 border-bottom: 1px dotted #895F30;
141 }
142 blockquote {
143 margin: 10px;
144 padding: 10px 10px 10px 32px;
145 border: 1px solid #F0F0F0;
146 background: #f8f8f8 url(#CHEMIN{/images/quote.gif}) no-repeat 12px 12px;
147 font-weight: normal;
148 font-size: 1.2em;
149 line-height: 1.5em;
150 font-style: italic;
151 font-family: Georgia, 'Times New Roman', Times, Serif;
152 color: #555;
153 }
154 strong { font-weight: bold; }
155
156 /* Tableaux */
157 table {
158 border-collapse: collapse;
159 margin: 10px;
160 }
161 tr { background: #fff; }
162 tr.altrow, tr.row_odd { background: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir|couleur_eclaircir|couleur_eclaircir)] }
163 th, td {
164 text-align: left;
165 border-width: 1px;
166 border-style: solid;
167 }
168 th {
169 font-weight: bold;
170 color: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer)];
171 background: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir|couleur_eclaircir)];
172 padding: .8em 1em;
173 border-color: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir|couleur_eclaircir)] #[(#GET{couleur_secondaire_claire}|replace{#,''})] #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer)];
174 }
175 td {
176 border-color: #EFEFEF;
177 padding: .7em 1em;
178 }
179
180 /* Colonne */
181 ul.liste-items, ul.liste-items ul { list-style: none; margin:2px 2px 2px 20px; padding:0;}
182 ul.liste-items a:link, ul.liste-items a:visited {
183 text-decoration: none;
184 color: #GET{couleur_liens};
185 }
186 ul.liste-items a:hover, ul.liste-items a:focus {
187 border-bottom: 1px dotted #GET{couleur_liens_survol};
188 color: #GET{couleur_liens_survol};
189 }
190 #colonne .liste {
191 padding-bottom: 15px;
192 }
193 #colonne .liste h4, .grid_4.actucolonne2 h4, #colonne_bandeau .liste h4 {
194 padding: 0 0 3px 0;
195 margin: 5px 0 0 12px;
196 border-bottom: 1px solid #GET{couleur_filets_titres};
197 }
198 #colonne .liste h4 a, #colonne .liste h4 a:visited,
199 .grid_4.actucolonne2 h4 a, .grid_4.actucolonne2 h4 a:visited,
200 #colonne_bandeau .liste h4 a, #colonne_bandeau .liste h4 a:visited {
201 color: #GET{couleur_secondaire_foncee};
202 border: none;
203 }
204 #colonne .liste h4 a:hover, .grid_4.actucolonne2 h4 a:hover,
205 #colonne_bandeau .liste h4 a:hover,
206 #colonne .liste h4 a:focus, .grid_4.actucolonne2 h4 a:focus,
207 #colonne_bandeau .liste h4 a:focus {
208 color: #GET{couleur_liens_survol};
209 }
210 #colonne .liste .post-info, .grid_4.actucolonne2 .post-info,
211 #colonne_bandeau .liste .post-info {
212 margin-left: 0;
213 padding-bottom: 5px;
214 }
215 #colonne .liste p, .grid_4.actucolonne2 p,
216 #colonne_bandeau .liste p {
217 padding-top: 0;
218 }
219 #colonne .liste .liste-items, #colonne_bandeau .liste .liste-items {
220 list-style: none;
221 margin:0;
222 padding: 0 0 0 20px;
223 }
224 #colonne .liste .liste-items li.item, #colonne_bandeau .liste .liste-items li.item {margin-bottom:5px;}
225
226 .liste_bloc {border:1px solid #GET{couleur_cadres}; padding:5px;margin:5px 0;}
227 .liste_bloc_bandeau {border:1px solid #GET{couleur_cadres}; padding:5px;margin:5px 0;}
228 .liste_bloc h3, .liste_bloc_bandeau h3 {padding-top:0}
229 /* Compléments */
230 .info-publi {
231 padding: 5px; margin: 5px 15px 15px 10px;
232 border: 1px solid #EBEBEB;
233 background: #f8f8f8;
234 clear:left;
235 }
236 .info-publi a { background: transparent; }
237 .info-publi a:hover, .info-publi a:focus { border: none; color:#000;}
238 .info-publi a.nb_commentaires { margin: 0 10px 0 5px; }
239 .info-publi a.lire_la_suite { margin: 0 10px 0 5px; }
240 .info-publi .date{ margin: 0 10px 0 5px; }
241
242 .post-info { font-size: .95em; padding-top: 3px; color: #B0B0B0; }
243 .post-info a, .post-info a:visited { color: #000; border: none; }
244 .post-info a:hover, .post-info a:focus { color: #GET{couleur_liens_survol}; border: none; }
245
246 /* Gestion des listes */
247 ul.spip, ol.spip {margin-top:0}
248 ul.spip li {background: url([(#CHEMIN{images/fond_vide_pour_puce.gif}|image_aplatir{gif,#GET{couleur_principale}}|image_masque{#CHEMIN{images/fond_pour_puce_niv1.png}}|extraire_attribut{src})]) no-repeat 0 .5em;list-style:none;padding-left:1em;}
249 ul.spip li ul.spip, ol.spip li ol.spip {margin-bottom:0}
250 ul.spip li li {background: url([(#CHEMIN{images/fond_vide_pour_puce.gif}|image_aplatir{gif,#GET{couleur_principale}}|image_masque{#CHEMIN{images/fond_pour_puce_niv2.png}}|extraire_attribut{src})]) no-repeat 0 .5em;}
251 ul.spip li li li {background: url([(#CHEMIN{images/fond_vide_pour_puce.gif}|image_aplatir{gif,#GET{couleur_principale}}|image_masque{#CHEMIN{images/fond_pour_puce_niv3.png}}|extraire_attribut{src})]) no-repeat 0 .5em;}
252 ul.spip li li li li {background: url([(#CHEMIN{images/fond_vide_pour_puce.gif}|image_aplatir{gif,#GET{couleur_principale}}|image_masque{#CHEMIN{images/fond_pour_puce_niv4.png}}|extraire_attribut{src})]) no-repeat 0 .5em;}
253
254
255 /* Vignettes */
256 p.thumbs{ padding: 10px 0 0 10px; }
257 .thumbs img {
258 position: relative;
259 padding: 8px;
260 margin: 5px;
261 background: #fafafa;
262 border: 1px solid #ddd;
263 }
264 .thumbs img:hover, .thumbs img:focus {
265 border: 1px solid #D2D2D2;
266 background: #DDD;
267 }
268 .thumbs a:hover, .thumbs a:focus { background-color: transparent; border: none }
269
270 /* Commentaires */
271 ul.comments-list {
272 margin: 12px 10px 0 10px;
273 padding: 0;
274 border-style: solid;
275 border-color: #F0F0F0;
276 border-width: 1px 1px 0 1px;
277 list-style: none;
278 }
279 .comments-list li {
280 margin: 0;
281 padding: 10px;
282 list-style: none;
283 border-bottom: 1px solid #F0F0F0;
284 position:relative;
285 }
286 .comments-list li .comment-meta {
287 display: block;
288 font-style: normal;
289 font-weight: bold;
290 padding: 7px;
291 }
292 .comments-list li .comment-meta .permalink { /*float: right;*/ position:absolute;right:0;top:0; padding: 15px 10px; /*margin: 0 0 1.5em 1.5em;*/font-size: 2em; text-decoration: none; }
293
294 .comments-list li .comment-meta img {
295 float: left;
296 margin-right: 10px;
297 }
298 .comments-list li .comment-meta .comment-data {
299 font-size: .8em;
300 font-weight: normal;
301 }
302 .comments-list li .comment-content {
303 clear: both;
304 margin: 0; padding: 0;
305 }
306 .comments-list li.even {
307 background: #f8f8f8
308 }
309 .comment-reply { text-align:right; margin: 2px 10px 15px 10px; padding:0; font-size: 1em; text-decoration: none; }
310 .comment-reply a {padding:5px 10px;border-style: solid; border-color: #F0F0F0; border-width: 0 1px 1px 1px;}
311 .comment-reply a:hover, .comment-reply a:focus {color:#fff;background:#GET{couleur_liens_survol};}
312
313
314 /* Pagination */
315 .pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
316 #contenu .pagination { padding-right:15px; }
317 .pagination .on { font-weight: bold; color: #666; }
318
319 /* Habillage general des menus de navigation */
320
321 .menu { clear: both; margin-bottom: 2em; text-align: left; }
322 .menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
323 .menu.rubriques .menu-liste { margin: 0; padding: 0 0 0 15px; list-style: none; }
324 .menu-liste { margin: 0; padding: 0 25px; list-style: none; }
325 .menu-liste .menu-entree { margin: 0 0 0.20em; padding: 0.20em; }
326 .menu-liste .menu-entree a { font-size:1em}
327 .menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }
328 .menu-liste .menu-entree .menu-entree { padding: 0; border: 0; }
329 .menu-liste .menu-entree .menu-entree a { font-size:1em }
330 /*.menu-liste .menu-entree .menu-entree .menu-entree a { font-size:1em }*/
331
332 /* Plan du site */
333 ul.plan { margin: 5px 20px; padding: 0; list-style: none; }
334 ul.plan ul { margin: 5px 20px; padding: 0; list-style: none; }
335
336 /* Logos, documents et images */
337 img, .spip_logos { margin: 0; padding: 0; border: 0; }
338 .spip_documents { text-align: center; line-height: normal; }
339 .spip_documents p { margin: 0.10em; padding: 0; }
340 .spip_documents dd {padding: 0; }
341 .spip_documents_center { display: block; clear: both; /*width: 100%;*/ margin: 10px auto; }
342 .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
343 .spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
344 .spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
345 .spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }
346
347 .documents_joints, .documents_portfolio {clear:both;}
348 .documents_joints .item {text-align:center;margin-bottom:10px;}
349 .documents_joints .item a:hover, .documents_joints .item a:focus { border: none;}
350 #colonne .documents_joints .item {margin-top:3px;}
351 #colonne .documents_portfolio {padding-left:10px;}
352 #colonne .documents_portfolio img {margin-top:10px;}
353 #colonne .documents_portfolio.liste h4 {margin-left:0;}
354 .documents_portfolio a:hover, a.image_survol:hover,
355 .documents_portfolio a:focus, a.image_survol:focus {border:none;}
356 /* modeles par defaut */
357 .spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }
358
359
360 /* Formulaires */
361 form {
362 margin: 10px;
363 padding: 15px 25px 25px 20px;
364 border: 1px solid #[(#GET{couleur_fond_formulaires}|replace{#,''}|couleur_foncer|couleur_foncer)];
365 background: #GET{couleur_fond_formulaires};
366 }
367 /* Fieldset */
368 form fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
369 form fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; /*background-color: #fff;*/ color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
370 form fieldset fieldset { margin-top: 1em; }
371 form fieldset fieldset legend { font-size: 1em; font-weight: normal; }
372 form p {
373 /*border-bottom: 1px solid #E6E6E6;*/
374 padding: 12px 0 5px 0;
375 margin: 0;
376 }
377 /* Lignes */
378 form ul { margin: 0; padding: 0; list-style: none; }
379 form ul li { clear: both; margin: 0; padding: 0.50em 0; }
380
381 /* Labels */
382 form label { display: block; text-align: left; color: #GET{couleur_secondaire_foncee}; font-weight: bold; /* pour IE/Win */ position: relative; }
383 form li p { margin-top: 0; margin-bottom: 0; }
384 form .choix label{display:inline;font-weight:normal;}
385 form .choix input.radio,
386 form .choix input.checkbox {width:auto;}
387
388 input, select, textarea {
389 margin: 5px 0;
390 padding: 5px;
391 color: #6A6969;
392 border-width: 1px;
393 border-style: solid;
394 border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
395 font: 1em 'Lucida Grande', Verdana, Helvetica, sans-serif;
396 }
397 input:focus, select:focus, textarea:focus {
398 color: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer|couleur_foncer|couleur_foncer)];
399 background: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir|couleur_eclaircir|couleur_eclaircir)];
400 }
401
402 input.button {
403 font: bold 12px Arial, Sans-serif;
404 height: 30px;
405 margin: 0;
406 padding: 2px 3px;
407 color: #fff;
408 background: #GET{couleur_secondaire_claire};
409
410 border-width: 1px;
411 border-style: solid;
412 border-color: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir)] #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer)] #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_foncer)] #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir)];
413 }
414 .formulaire_login .editer_password .details {display:block;}
415 .formulaire_login #spip_logo_auteur {float:right;}
416 .formulaire_ecrire_auteur input, .formulaire_ecrire_auteur select, .formulaire_ecrire_auteur textarea {width:385px}
417 .formulaire_inscription input, .formulaire_inscription select, .formulaire_inscription textarea {width:145px}
418 .formulaire_ecrire_auteur input.submit, .formulaire_inscription input.submit {width:auto}
419
420 /* Choix des mots-clefs */
421 ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
422 ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
423 ul.choix_mots li label { display: inline; font-weight: normal; }
424
425 .formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
426
427 /* Reponses, previsu et erreurs
428 ----------------------------------------------- */
429
430 /* Champs obligatoires */
431 .formulaire_spip li.obligatoire {}
432 .formulaire_spip li.obligatoire label {}
433
434 /* Previsualisation du message */
435 .formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
436 .formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
437 .formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
438 .formulaire_spip fieldset.previsu p { margin: 1em 0; }
439
440 /* Reponse du formulaire */
441 .reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
442 fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
443 fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */
444
445 /* * Erreurs */
446 .formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
447 .formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
448 .reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }
449
450 /* * OK */
451 .reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
452
453 /* Agenda */
454 #contenu table.calendrier-large {width:920px}
455 #calendar caption {text-align:center}
456 #calendar th, #calendar td {padding:0.6em 0.65em;text-align:center;}
457 #calendar .today {color: #GET{couleur_secondaire_claire};}
458 #calendar .occupe {color: #GET{couleur_secondaire_claire};background: #[(#GET{couleur_secondaire_claire}|replace{#,''}|couleur_eclaircir)];}
459 #calendar .horsperiode {color:#ccc}
460
461 /* Barre typo */
462 .texteencadre-spip {clear:both;}
463
464 /* Evenement */
465 .formulaire_participer_evenement form {padding:5px}