source: spip-zone/_galaxie_/plugins-spip-net/svp2010/css.html @ 43289

Last change on this file since 43289 was 43289, checked in by eric@…, 10 years ago

On déplace les styles dans head_js pour qu'ils soient pris en dernier.
On rétablit la coloration par catégorie
La suite !!!

File size: 19.8 KB
Line 
1[(#HTTP_HEADER{Content-type: text/css})]
2#SET{couleur, #ENV{couleur_categorie, b9274d}}
3#SET{coul_nav,#GET{couleur}}
4[(#REM)
5<style>
6]
7
8/* Conteneur et outils de base */
9/* --------------------------- */
10body { background-color: #717070; margin: 0px; padding: 0px; }
11body img {  border: 0px;}
12body a {  color: #[(#GET{couleur}|couleur_foncer_si_claire)];  outline: none;}
13body a .spip_in {  color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
14body a .spip_out {  color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
15body .spip-admin-float { right:auto; left:20px; font-size: 0.8em; }
16
17.conteneur_page {  position: relative;  width: 900px;  margin: auto;}
18
19.clear-left { clear: left; }
20.clear-right { clear: left; }
21.clear-both { clear: both; }
22
23/* Surcharge de typo SPIP */
24/* ---------------------- */
25.spip_code { color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
26
27table.spip { width: 100%; font-size: 0.9em; margin-left: 0px; margin-right: 0px; border-collapse: separate; overflow: hidden;
28                         border: 1px solid #[(#GET{couleur})]; }
29table.spip caption {
30  border-bottom: 0px;
31  margin: 0px;
32  display: table-caption;
33  background-color: #[(#GET{couleur})];
34  color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)];
35  font-size: 1em;
36  padding: 3px;
37  padding-left: 10px;
38  text-align: left;
39}
40table.spip thead tr th {  background-color: #[(#GET{couleur}|couleur_eclaircir)];  border: 0px;}
41table.spip tbody tr.row_even {  background-color: white;}
42table.spip tbody tr td {  padding: 3px;  border: 0px;  color: #444444;}
43
44
45/* Bandeau */
46/* ------- */
47#bandeau-haut { position: relative;  height: 99px;  background: url([(#CHEMIN{imgs/fond-bandeau-haut.png}|image_sepia{[(#GET{couleur})]}|extraire_attribut{src})]); }
48#bandeau-haut .conteneur_page { height: 99px; }
49#bandeau-haut #fond-haut-droite { height: 23px; position: absolute; width: 30%; top: 0px; right: 0px;
50                                                                  background: url([(#CHEMIN{imgs/fond-bandeau-haut-droite.png})]); }
51#bandeau-haut #bandeau-haut-droite { position: absolute; top: 0px; right: 0px; width: 450px; height: 23px;
52                                                                         background: url([(#CHEMIN{imgs/bandeau-haut-droite.png})]) no-repeat;
53                                                                         padding-left: 20px; text-align: left; font-size: 75%; color: white; }
54#bandeau-haut #bandeau-haut-droite #espace-prive {  float: right;}
55#bandeau-haut #bandeau-haut-droite a {  text-decoration: none;  margin-left: 5px;  padding-left: 10px;  color: #dddddd;}
56#bandeau-haut #bandeau-haut-droite a:hover {  color: white;  background: url([(#CHEMIN{imgs/fond-petit-carre.gif})]) 0px 5px no-repeat;}
57#bandeau-haut .logo-site-spip {  position: absolute;  left: -2px;  top: 27px;}
58#bandeau-haut .polatouche {  position: absolute;  right: -7px;  bottom: -62px;  z-index:100;}
59
60
61/* nav */
62#nav { position: relative; background-color: #f3f3f3; }
63#nav .conteneur_page { overflow: hidden; }
64#nav li { float: left; }
65#nav a { color: #[(#GET{couleur}|couleur_foncer|couleur_foncer)]; display: block; font-weight: normal; padding: 7px 10px; text-decoration: none; }
66#nav a:hover { background: #ababab;     color: #ffffff; }
67#nav .on { background:#eeeeee; color: #[(#GET{couleur}|couleur_foncer|couleur_foncer)]; }
68#nav .on a { color: #[(#GET{couleur}|couleur_foncer|couleur_foncer)]; }
69#nav .menu-conteneur { float:left; }
70
71/* cadre recherche */
72#cadre-recherche { position: relative; background-color: #eeeeee; padding: 20px 0 20px; }
73#cadre-recherche .conteneur_page { overflow: hidden; }
74
75/* principal */
76#principal { background-color: #eeeeee;}
77#principal {  min-height: 300px;  padding-bottom: 57px;}
78#principal div.liste_pipelines {  font-size: 0.7em;  text-align: left;  margin: 0px;  margin-top: 25px;}
79#principal div.liste_pipelines ul {  margin: 0px;  padding: 0px;  padding-left: 15px;}
80
81#principal #colonne_navigation {
82  width: 200px;
83  -moz-display: inline-box;
84  display: inline-block;
85  vertical-align: top;
86  padding-top: 150px;
87}
88
89#principal #colonne_navigation ul {
90  font-size: 70%;
91  line-height: 1.1em;
92  margin: 0px;
93  padding: 0px;
94  list-style-type: none;
95}
96
97#principal #colonne_navigation ul li a {
98  width: 159px;
99  margin-bottom: 0px;
100  padding: 4px;
101  padding-top: 7px;
102  padding-right: 15px;
103  display: block;
104  height: 29px;
105  overflow: hidden;
106}
107
108#principal #colonne_navigation ul li a span.numero {
109  display: block;
110  float: left;
111  width: 40px;
112  text-align: right;
113  font-size: 32px;
114  line-height: 31px;
115  margin: 0px;
116  margin-top: -2px;
117  padding: 0px;
118  font-family: arial, helvetica, sans-serif, sans;
119}
120
121#principal #colonne_navigation ul li a span.intitule {  display: block;  padding-left: 47px;}
122
123#principal #colonne_navigation ul li a {
124  background-color: #f3f3f3;
125  background: url([(#CHEMIN{imgs/fond-nav-rectangle.png}|image_sepia{f3f3f3}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
126  color: #555555;
127  text-decoration: none;
128}
129
130#principal #colonne_navigation ul li a span.numero {  color: #dddddd;}
131
132#principal #colonne_navigation ul li a:hover {
133  background-color: #aaaaaa;
134  background: url([(#CHEMIN{imgs/fond-nav-simple.png}|image_sepia{aaaaaa}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
135  color: white;
136}
137
138#principal #colonne_navigation ul li a:hover span.numero {  color: #666666;}
139
140#principal #colonne_navigation ul li a.on {
141  background: url([(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav})]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
142  color: white;
143  text-decoration: none;
144  font-weight: bold;
145}
146
147#principal #colonne_navigation ul li a.on span.numero {  font-weight: normal;color: #ffffff;}
148
149#principal #colonne_navigation ul li a.on:hover {
150  background: url([(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav}|couleur_foncer)]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
151}
152
153#principal #colonne_centrale {
154  position: relative;
155  width: 670px;
156  float: right;
157  padding-top: 55px;
158  font-family: arial, helvetica, sans-serif, sans;
159}
160
161.telechargement {float:right;}
162#principal #colonne_centrale .telechargement a {
163  background: url([(#CHEMIN{imgs/fleche-bas-blanc.gif})])  6px center no-repeat;
164  background-color: #[(#GET{couleur})];
165  color: white;
166  text-decoration: none;
167  display: block;
168  float: left;
169  padding: 4px;
170  padding-left: 20px;
171  margin-top: 15px;
172  margin-bottom: 10px;
173  -moz-border-radius: 5px;
174  -webkit-border-radius: 5px;   
175}
176
177#principal #colonne_centrale a:hover {  background-color: #666666;}
178
179#principal #colonne_centrale #articles_presentation {
180  position: absolute;
181  top: 5px;
182  right: 200px;
183  width: 700px;
184  text-align: right;
185  margin: 0px;
186  padding: 0px;
187  list-style-type: none;
188  font-size: 0.8em;
189}
190
191#principal #colonne_centrale #articles_presentation li {  display: inline;  padding-left: 10px;}
192#principal #colonne_centrale #articles_presentation li a {  text-decoration: none;}
193#principal #colonne_centrale #articles_presentation li a:hover {  color: black;}
194
195#principal #colonne_centrale #choix_version {
196  float: right;
197  width: 180px;
198  border: 1px solid #ccc;
199  -moz-border-radius: 10px;
200  -webkit-border-radius: 10px; 
201  background-color: #f7f7f7;
202  background: url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
203  padding: 9px;
204  margin: 0px;
205  margin-right: -230px;
206  font-size: 80%;
207  list-style-type: none;
208}
209
210#principal #colonne_centrale #choix_version .sel_choix_version {  padding-top: 2px;  padding-left: 20px;  line-height: 1.1em;}
211#principal #colonne_centrale #choix_version .sel_choix_version a {  text-decoration: none;}
212
213#principal #colonne_centrale #choix_version .sel_choix_version_actif {
214  font-weight: bold;
215  padding-left: 20px;
216  background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
217}
218
219#principal #colonne_centrale #choix_version .sel_choix_version_actif a {  color: black;}
220
221#principal #colonne_centrale #logo-article {
222  position: absolute;
223  width: 230px;
224  top: 50px;
225  left: -230px;
226  text-align: center;
227}
228.page_plugin #hierarchie {display:none;}
229h1 {  color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
230h1.titre_article {
231  margin-bottom: 40px;
232}
233
234h1.titre_article img {
235  background: #666666;
236        -moz-border-radius : 12px;
237        -webkit-border-radius : 12px;
238        border-radius : 12px;
239        padding:3px 10px 0;
240}
241
242.titre_categorie {
243        display: block;
244  margin: 0px;
245  margin-top: -30px;
246  padding: 0px;
247  color: #[(#GET{couleur}|couleur_foncer_si_claire)];
248}
249
250#principal #colonne_centrale .formulaire_notation {
251  font-size: 0.9em;
252  color: #666666;
253  float: right;
254}
255
256#principal #colonne_centrale .colonne_etroite {
257  padding-right: 230px;
258}
259
260#principal #colonne_centrale .colonne_etroite .texte {
261  margin-top: 25px;
262  line-height: 1.4em;
263  text-align: justify;
264  color: #444444;
265}
266
267#principal #colonne_centrale .colonne_etroite .texte p {
268  text-indent: 1.4em;
269  padding: 0px;
270  margin: 0px;
271}
272
273#principal #colonne_centrale .colonne_etroite .texte p:first-child {
274  text-indent: 0px;
275}
276
277#principal #colonne_centrale .colonne_etroite .liste_articles {
278  margin-top: 25px;
279}
280
281#principal #colonne_centrale .colonne_etroite .liste_articles .selection {
282  float: right;
283}
284
285#principal #colonne_centrale .text_description {
286  width: 440px;
287  text-align: justify;
288  font-family: arial, helvetica, sans-serif, sans;
289  line-height: 1.4em;
290  padding-top: 20px;
291}
292
293#principal #colonne_centrale .text_description p {
294  padding: 0px;
295  margin: 0px;
296  text-indent: 1.4em;
297}
298
299#principal #colonne_centrale .text_description p:first-child {
300  text-indent: 0px;
301}
302
303#principal #colonne_centrale .texte_article {
304  text-align: justify;
305  font-family: arial, helvetica, sans-serif, sans;
306  font-size: 85%;
307  line-height: 160%;
308  padding-top: 50px;
309}
310
311#principal #colonne_centrale .texte_article .spip_documents {
312  font-size: 90%;
313  text-align: justify;
314}
315
316#principal #colonne_centrale .texte_article .spip_documents p {
317  padding: 0px;
318}
319
320#principal #colonne_centrale .texte_article .spip_documents .spip_doc_titre {
321  text-align: left;
322  padding-top: 5px;
323}
324
325#principal #colonne_centrale .texte_article .spip_documents .spip_doc_descriptif {
326  width: auto;
327}
328
329#principal #colonne_centrale .texte_article p {
330  padding: 0px;
331  margin: 0px;
332  padding-top: 0.7em;
333  padding-bottom: 0.7em;
334  padding-right: 230px;
335}
336
337#principal #colonne_centrale .texte_article p .spip_documents_right {
338  margin-right: -230px;
339  padding-left: 30px;
340  padding-bottom: 20px;
341}
342
343#principal #colonne_centrale .texte_article ul.spip {
344  margin-right: 230px;
345  margin-top: 0px;
346  padding-top: 0px;
347  padding-bottom: 0px;
348}
349
350#principal #colonne_centrale .texte_article ul.spip li {
351  padding-top: 1em;
352}
353
354#principal #colonne_centrale .texte_article ul.spip li:first-child {
355  padding-top: 0px;
356}
357
358#principal #colonne_centrale .texte_article ul.spip ul {
359  margin-right: 0px;
360}
361
362#principal #colonne_centrale .texte_article h3 {
363  margin-right: 230px;
364  padding-left: 30px;
365  padding-right: 30px;
366  font-family: arial, helvetica, sans-serif, sans;
367  font-weight: bold;
368  font-size: 120%;
369  color: #444444;
370}
371
372#principal #colonne_centrale .notes_article {
373  margin-top: 30px;
374  font-size: 80%;
375  padding-left: 30px;
376  padding-right: 230px;
377}
378
379#principal #colonne_centrale .notes_article .ouvre_note {
380  display: block;
381  float: left;
382  margin-left: -30px;
383}
384
385#principal #colonne_centrale .pave-liste-article {
386  margin-bottom: 50px;
387}
388
389#principal #colonne_centrale .pave-liste-article .lien_traduction {
390  font-size: 80%;
391  margin-left: 10px;
392}
393
394#principal #colonne_centrale .pave-liste-article .bloc-info-liste {
395  margin-bottom: 10px;
396}
397
398#principal #colonne_centrale .pave-liste-article .logo {
399  float: right;
400  padding-left: 20px;
401  padding-top: 5px;
402  padding-bottom: 5px;
403}
404
405#principal #colonne_centrale .pave-liste-article .bloc-info-lire {
406  font-size: 80%;
407  text-align: right;
408  padding-top: 7px;
409}
410
411#principal #colonne_centrale .pave-liste-article .bloc-info-lire a {
412  color: #e0e0e0;
413  background-color: #999;
414  padding: 2px;
415  padding-left: 5px;
416  padding-right: 5px;
417  -moz-border-radius: 5px;
418  -webkit-border-radius: 5px;                   
419  -moz-display: inline-box;
420  display: inline-block;
421  text-decoration: none;
422}
423
424#principal #colonne_centrale .pave-liste-article .bloc-info-lire a:hover {
425  background-color: #e0e0e0;
426  color: #666666;
427}
428
429#principal #colonne_centrale .pave-liste-article .bloc-info-rubrique {
430  font-size: 75%;
431  float: left;
432  padding-top: 7px;
433  color: #666666;
434}
435
436#principal #colonne_centrale .pave-liste-article .bloc-info-rubrique a {
437  font-weight: bold;
438}
439
440#principal #colonne_centrale .pave-liste-article .description-liste-article {
441  font-size: 80%;
442  text-align: justify;
443}
444
445#principal #colonne_centrale .pave-liste-article .description-liste-article p {
446  padding: 0px;
447  margin: 0px;
448  text-indent: 1.4em;
449}
450
451#principal #colonne_centrale .pave-liste-article .description-liste-article p:first-child {
452  text-indent: 0px;
453}
454
455#principal #colonne_centrale .petit-titre-article {
456  cursor: pointer;
457  margin-bottom: 5px;
458}
459
460#principal #colonne_centrale .petit-titre-article a {
461  display: block;
462  float: left;
463  color: white;
464  height: 21px;
465  overflow: hidden;
466  padding-right: 5px;
467  background: url([(#CHEMIN{imgs/fond-petit-titre-droite.png}|image_sepia{#GET{couleur}}|extraire_attribut{src})]) right top no-repeat;
468}
469
470#principal #colonne_centrale .petit-titre-article a span {
471  display: block;
472  padding-left: 6px;
473  background: url([(#CHEMIN{imgs/fond-petit-titre-gauche.png}|image_sepia{#GET{couleur}}|extraire_attribut{src})]) left top no-repeat;
474}
475
476#signature_site {
477  margin-top: 50px;
478  width: 200px;
479  float: right;
480  clear: both;
481  padding-bottom: 30px;
482}
483
484#signature_site .intitule_signature {
485  font-size: 80%;
486  padding-bottom: 5px;
487  padding-left: 15px;           
488  background: url( [(#CHEMIN{imgs/triangle-bas.png}|image_sepia{[(#GET{couleur})]}|image_aplatir{gif,ffffff}|extraire_attribut{src})] ) 0px 3px no-repeat;
489}
490
491#signature_site .intitule_signature a {
492  text-decoration: none;
493}
494
495#liste_sites {
496  margin-top: 50px;
497  margin-right: 230px;
498  font-size: 85%;
499}
500
501#liste_sites ul {
502  padding: 0px;
503  margin: 0px;
504  margin-top: 3px;
505  list-style-type: none;
506}
507
508#liste_sites ul li {
509  border-top: 1px solid #[(#GET{couleur}|couleur_eclaircir)];
510  padding-top: 2px;
511  margin-top: 2px;
512  float: left;
513  width: 48%;
514}
515
516#liste_sites ul li.liste1 {
517  margin-right: 4%;
518  clear: left;
519}
520
521#liste_sites ul li a {
522  text-decoration: none;
523  display: block;
524}
525
526#liste_sites ul li a:hover {
527  color: black;
528}
529
530#liste_sites ul li a .pr {
531  float: left;
532  display: block;
533}
534
535#liste_sites ul li a .nom_site {
536  display: block;
537  padding-left: 27px;
538}
539
540.formulaire_signature {
541  font-size: 80%;
542  border: 1px solid #[(#GET{couleur})];;
543  padding: 0px;
544  color: #[(#GET{couleur}|couleur_foncer)];
545}
546
547.formulaire_signature form {
548  margin: 0px;
549  padding: 0px;
550}
551
552.formulaire_signature fieldset {
553  border: 0px;
554  padding: 0px;
555  margin: 0px;
556}
557
558.formulaire_signature fieldset legend {
559  display: none;
560}
561
562.formulaire_signature fieldset p.explication {
563  border-top: 1px solid #[(#GET{couleur})];
564  background-color: #[(#GET{couleur}|couleur_eclaircir)];
565  margin: 0px;
566  margin-top: 5px;
567  padding: 10px;
568  padding-left: 5px;
569  padding-top: 5px;
570}
571
572.formulaire_signature fieldset ul {
573  margin: 0px;
574  padding: 0px;
575  list-style-type: none;
576}
577
578.formulaire_signature fieldset ul li {
579  display: block;
580  margin: 10px;
581  margin-top: 5px;
582  margin-bottom: 0px;
583}
584
585.formulaire_signature fieldset ul li label {
586  display: block;
587}
588
589.formulaire_signature fieldset ul li input {
590  width: 170px;
591}
592
593.formulaire_signature p.reponse_formulaire {
594  margin: 0px;
595  padding: 10px;
596  background-color: #[(#GET{couleur}|couleur_eclaircir|couleur_eclaircir)];
597  color: #[(#GET{couleur}|couleur_foncer)];
598}
599
600.formulaire_signature .erreur_message {
601  display: block;
602  color: red;
603  font-size: 90%;
604  line-height: 1.1em;
605}
606
607.formulaire_signature .boutons {
608  margin: 0px;
609  margin-top: 5px;
610  border-top: 1px solid #[(#GET{couleur})];
611  background-color: #[(#GET{couleur}|couleur_eclaircir)];
612  text-align: right;
613  padding: 10px;
614  padding-top: 5px;
615  padding-bottom: 5px;
616}
617
618.formulaire_signature .boutons input {
619  background-color: #[(#GET{couleur}|couleur_foncer)];
620  color: white;
621  border: white;
622}
623
624.coloration_code .cadre {
625  background-color: #f0f0f0;
626  padding: 10px;
627}
628
629.coloration_code .cadre ol {
630  margin: 0px;
631  padding: 0px;
632  padding-left: 30px;
633  font-family: verdana, arial, sans;
634  font-weight: bold;
635  color: #999999;
636  line-height: 1.1em;
637  font-size: 0.5em;
638}
639
640.coloration_code .cadre ol li {
641  margin: 0px;
642  padding: 0px;
643  border-bottom: 1px solid #eeeeee;
644  margin-bottom: 2px;
645  padding-bottom: 2px;
646  font-weight: normal;
647  text-align: left;
648}
649
650.coloration_code .cadre ol li:first-child {
651  border-top: 1px solid #eeeeee;
652  padding-top: 4px;
653}
654
655.coloration_code .cadre ol li div {
656  color: #444444;
657  font-size: 2.4em;
658  line-height: 1.2em;
659}
660
661.coloration_code .cadre_download a {
662  font-size: 0.9em;
663}
664
665/* Styles du pied de page */
666/* ---------------------- */
667#bandeau-bas {  padding-top: 15px; font-size: 0.8em; line-height:1.5em; color: white;
668                                background: url([(#CHEMIN{imgs/fond-bandeau-bas.gif})]) top left repeat-x; }
669#bandeau-bas .bloc-pied { padding-bottom: 1em; }
670#bandeau-bas .logo-site-spip { position: absolute; right: -3px; top: 10px; }
671#bandeau-bas a { color: #dddddd; }
672#bandeau-bas a:hover { color: white; }
673#bandeau-bas ul { padding-left: 15px; list-style-type: disc; }
674#bandeau-bas #site-utilise { position: absolute; top: 70px; right: 0px; width: 237px; }
675#bandeau-bas #galaxie { position: absolute; top: 100px; left: 0px; }
676#bandeau-bas #syndication { position: absolute; top: 5px; left: 230px; width: 360px; }
677#bandeau-bas #syndication h3 { margin-top: 10px; }
678
679
680
681
682.bloc_infos {
683  font-size: 80%;
684  font-family: arial, helvetica, sans;
685  color: #666;
686}
687
688.bloc_infos .bloc1 {
689  padding-right: 15px;
690  width: 120px;
691}
692
693.bloc_infos .bloc2 {
694  padding-right: 15px;
695  width: 170px;
696}
697
698.bloc_infos .bloc3 {
699  padding-right: 0px;
700  width: 120px;
701}
702
703.bloc_infos .bloc {
704  float: left;
705}
706
707.bloc_infos .bloc div.element {
708  border-top: 1px solid #ddd;
709  padding-top: 2px;
710  margin-top: 2px;
711}
712
713.bloc_infos .bloc div.homepage {
714  margin-top: 2px;
715  background-color: #e0e0e0;
716  padding: 2px;
717  text-align: center;
718  -moz-border-radius: 5px;
719  -webkit-border-radius: 5px;                   
720}
721
722.bloc_infos .bloc div.homepage a {
723  text-decoration: none;
724  color: #666666;
725}
726
727.bloc_infos .bloc div.homepage a:hover {
728  color: black;
729}
730
731.bloc_infos .bloc ul {
732  padding: 0px;
733  margin: 0px;
734  margin-bottom: 0px;
735  list-style-type: none;
736}
737
738.bloc_infos .bloc ul li {
739  border-top: 1px solid #ddd;
740  padding-top: 2px;
741  margin-top: 2px;
742  padding-left: 20px;
743  background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
744}
745
746.bloc_infos .bloc ul li .explication {
747  margin-left: -20px;
748  margin-top: 2px;
749  font-size: 80%;
750  color: #444444;
751  text-align: justify;
752}
753
754.bloc_infos .bloc ul li .explication p {
755  margin: 0px;
756  padding: 0px;
757}
758
759#selection_spip {
760  padding-top: 30px;
761  float: right;
762  width: 200px;
763  text-align: center;
764}
765
766#selection {
767  border: 2px solid #ccc;
768  margin-bottom: 60px;
769  margin-top: 24px;
770  padding: 9px;
771  -moz-border-radius: 10px;
772  -webkit-border-radius: 10px; 
773  background-color: #f7f7f7;
774  background: url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
775}
776
777#selection #titres_selection {  float: left;   width: 200px;      font-size: 80%;}
778#selection #titres_selection a.lien-selection {
779  display: block;
780  width: 160px;
781  padding-top: 2px;
782  margin-top: 2px;
783  padding-left: 20px;
784  text-decoration: none;
785  color: #999;
786}
787
788#selection #titres_selection a.lien-selection:hover { color: #444;}
789
790#selection #titres_selection a.lien-selection-on {
791  background: url([(#CHEMIN{imgs/check-valid.gif})]) 0px 2px no-repeat;
792  color: black;
793  font-weight: bold;
794}
795
796#selection #titres_selection a.lien-selection-on:hover {  color: black;}
797#selection #slide_selection .pave-liste-article-section {  margin-bottom: 0px;}
798
799
800#cadre-extra {
801        font-size: 0.8em;
802        line-height:1.5em;
803        border-top: 1px solid #[(#GET{couleur}|couleur_foncer)];
804        background-color: #[(#GET{couleur})];
805        color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]
806}
Note: See TracBrowser for help on using the repository browser.