source: spip-zone/_squelettes_/scolaspip/trunk/couleurs.css.html @ 60560

Last change on this file since 60560 was 60560, checked in by johan.pustoch@…, 7 years ago

habillage des sites dans le menu, presentation des listes d'evenements, melangeur de flux, css text-shadow sans couleur ne fonctionne pas avec chrome (avec firefox si) : on remet une couleur

File size: 8.0 KB
Line 
1[(#REM)
2
3 Ce squelette definit les styles du plugin ScolaSPIP
4
5 ATTENTION : il faut absolument le charset sinon Firefox croit que
6 c'est du text/html !
7]
8#CACHE{604800}
9#HTTP_HEADER{Content-Type:text/css;charset=utf-8}
10#HTTP_HEADER{Vary:Accept-Encoding}
11
12[(#REM) Police du texte et des titres]
13body h1,body .h1,body h2,body .h2,body h3,body .h3,body h4,body .h4,body #entete .accueil #nom_site_spip{
14[(#CONFIG{scolaspip_colorer/police_titres}|=={Verdana}|?{'font-family:Verdana,Geneva,Arial,Helvetica,sans-serif'})][
15(#CONFIG{scolaspip_colorer/police_titres}|=={DejaVu}|?{'font-family:"DejaVu Sans","Lucida Grande","Bitstream Vera",Helvetica,sans-serif'})][
16(#CONFIG{scolaspip_colorer/police_titres}|=={Arial}|?{'font-family:Arial,Helvetica,sans-serif'})][
17(#CONFIG{scolaspip_colorer/police_titres}|=={Trebuchet}|?{'font-family:"Trebuchet MS",Helvetica,sans-serif'})][
18(#CONFIG{scolaspip_colorer/police_titres}|=={Futura}|?{'font-family:Futura, "Century Gothic", AppleGothic, sans-serif;'})][
19(#CONFIG{scolaspip_colorer/police_titres}|=={Impact}|?{'font-family:Impact,Charcoal,sans-serif'})][
20(#CONFIG{scolaspip_colorer/police_titres}|=={Times}|?{'font-family:Times,"Times New Roman",serif'})][
21(#CONFIG{scolaspip_colorer/police_titres}|=={Georgia}|?{'font-family:Georgia,serif'})][
22(#CONFIG{scolaspip_colorer/police_titres}|=={Baskerville}|?{'font-family:Baskerville,"Palatino Linotype",serif'})][
23(#CONFIG{scolaspip_colorer/police_titres}|=={Andale}|?{'font-family:"Andale Mono","Courier New",monospace'})][
24(#CONFIG{scolaspip_colorer/police_titres}|=={Courier}|?{'font-family:"Courier New",Courier,mono,monospace'})];}
25body #page,.liste h3.h3{
26[(#CONFIG{scolaspip_colorer/police_contenu}|=={Verdana}|?{'font-family:Verdana,Geneva,Arial,Helvetica,sans-serif'})][
27(#CONFIG{scolaspip_colorer/police_contenu}|=={DejaVu}|?{'font-family:"DejaVu Sans","Lucida Grande","Bitstream Vera",Helvetica,sans-serif'})][
28(#CONFIG{scolaspip_colorer/police_contenu}|=={Arial}|?{'font-family:Arial,Helvetica,sans-serif'})][
29(#CONFIG{scolaspip_colorer/police_contenu}|=={Trebuchet}|?{'font-family:"Trebuchet MS",Helvetica,sans-serif'})][
30(#CONFIG{scolaspip_colorer/police_contenu}|=={Futura}|?{'font-family:Futura, "Century Gothic", AppleGothic, sans-serif;'})];}
31
32[(#REM) Mise en page - bandeau elargi - menu à droite]
33body #page{width :[(#CONFIG{scolaspip_colorer/bandeau_large})];min-width:960px;}
34[(#CONFIG{scolaspip_colorer/position_menu}|=={gauche}|?{'','body #contenu {float:left;} body #navigation {clear :right ;float:right;} ' })]
35[(#CONFIG{scolaspip_colorer/bandeau_large}|=={960px}|?{'','#page {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} body{margin :0px;}' })]
36
37
38[(#REM) Changement des couleurs]
39/* backgrounds  */
40html body{background-color:[(#CONFIG{scolaspip_colorer/bodyfond})];}
41#entete{background-color:[(#CONFIG{scolaspip_colorer/bandeau})];}
42#nav,#nav .menuder,#nav .menu,.menuder li,body #pied,table.spip thead th,body .pagination .on, div .forum .forum-fil .forum-chapo{background-color:[(#CONFIG{scolaspip_colorer/barre})];}
43body #nav .item:hover,body #nav li:hover,body #nav .on{background-color:[(#CONFIG{scolaspip_colorer/barreover})];}
44body #navigation .menu,#formulaire_inscription{background-color:[(#CONFIG{scolaspip_colorer/menufond})];}
45#calendar,.evenements{background-color:[(#CONFIG{scolaspip_colorer/calfond})];}
46body .liste-items .item:hover,.page_sites .liste.syndics:hover {background-color:[(#CONFIG{scolaspip_colorer/liover})];}
47
48/* Couleurs des bordures */
49body #entete{border-bottom:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
50body #pied,.dynamic-tab-pane-control .tab-row .tab.selected {border-top:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
51body .documents_portfolio a:focus .spip_logos,body .documents_portfolio a:hover .spip_logos,body .documents_portfolio a:active .spip_logos {border-color:[(#CONFIG{scolaspip_colorer/couleurbordure})];}
52body .pagination .lien_pagination:hover,body .pagination .lien_pagination:active,body .pagination .on{border-color:[(#CONFIG{scolaspip_colorer/couleurbordure})];}
53
54/* couleurs des liens */
55body a,body a.spip_out{color :[(#CONFIG{scolaspip_colorer/liens})];}
56body a:focus,body a:hover,body a:active  {color :[(#CONFIG{scolaspip_colorer/liensover})];}
57body #navigation .menu a,#formulaire_inscription legend,#formulaire_inscription label,#formulaire_inscription p{color :[(#CONFIG{scolaspip_colorer/liensmenugauche})];}
58body #navigation .menu a:hover,body #navigation .menu a:focus,body #navigation .menu a:active {color :[(#CONFIG{scolaspip_colorer/liensmenugauchehover})];}
59body #nav .item a,body #pied,body #pied a,body .pagination .on, div .forum .forum-fil .forum-chapo, div .forum .forum-fil .forum-chapo a{color:[(#CONFIG{scolaspip_colorer/liensmenuhorizontal})];}
60body #nav .item a:hover,body #nav .item.on>a,body #nav .item.on .on>a{color:[(#CONFIG{scolaspip_colorer/menurollover})];}
61
62/* couleurs des titres  */
63#nom_site_spip a, #slogan_site_spip{color:[(#CONFIG{scolaspip_colorer/couleurs_bandeau})];}
64body h1,body .h1,body h2, body .h2,body h3, body h3.spip,body h2 a,body h2 a:hover,body h2 a:focus,body .h2 a,body .h2 a:hover,body .h2 a:focus{color:[(#CONFIG{scolaspip_colorer/couleurs_intertitres})];}
65
66[(#REM) Degrades]
67[(#CONFIG{scolaspip_colorer/degrades}|=={oui}|?{'
68body #entete,body #pied,body #nav,#nav .menuder,#nav #menuhorizontal,.menuder li,body #nav .item:hover,body #nav li:hover {background-image:url('#CHEMIN{img/trans.png}');background-size :100% 100%;}
69','' })]
70body .menuder a.daddy,body .menuder a.daddy:hover{background-image:url('#CHEMIN{img/menuder.png}');background-position:14.5em center;background-repeat:no-repeat;background-size:auto;}
71[(#CONFIG{scolaspip_colorer/fondcadre}|=={degrade}|?{'
72#calendar,.evenements,body #navigation .menu,#formulaire_inscription {background-image:url('#CHEMIN{img/trans2.png}');background-size :100% 100%;background-repeat :repeat-y;}
73','' })]
74[(#CONFIG{scolaspip_colorer/fondcadre}|=={hachure}|?{'
75#calendar,.evenements,body #navigation .menu,#formulaire_inscription{background-image:url('#CHEMIN{img/trans3.png}');}
76','' })]
77[(#CONFIG{scolaspip_colorer/ombres_polices_intertitres}|=={oui}|?{'
78body h1,body .h1,body h2, body .h2,body h3.spip,body .h2 a,body .h2 a:hover,body .h2 a:focus{text-shadow: 1px 1px 2px #666;}
79','' })]
80[(#CONFIG{scolaspip_colorer/ombres_blocs}|=={oui}|?{'
81body #navigation .menu,#formulaire_inscription,.dynamic-tab-pane-control .tab-page{-moz-box-shadow:-2px 2px 2px #666;-webkit-box-shadow:-2px 2px 2px #ccc;-o-box-shadow:-2px 2px 2px #ccc;box-shadow:-2px 2px 2px #666;}
82','' })]
83[(#CONFIG{scolaspip_colorer/ombres_blocs}|=={oui}|?{'
84#calendar,.evenements{-moz-box-shadow:2px 2px 5px #ccc inset;-webkit-box-shadow:2px 2px 5px #ccc inset;-o-box-shadow:2px 2px 5px #ccc inset;box-shadow:2px 2px 5px #ccc inset;}
85','' })]
86
87[(#REM) Arrondis]
88[(#CONFIG{scolaspip_colorer/arrondi}|=={non}|?{'','
89body #navigation .menu,#site_menu,#calendar,.evenements,body #page,.formulaire_spip,p.success,p.notice,p.notice,p.info,p.reponse_formulaire,.comments-list,.comments-list .forum-chapo,.dynamic-tab-pane-control .tab-page{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
90#entete,.dynamic-tab-pane-control .tab-row .tab{border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;}
91#pied{border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;}
92'})]
93[(#CONFIG{scolaspip_colorer/bandeau_large}|=={960px}|?{'body #page{margin-top:1em;margin-bottom:1em;}','
94body #page{margin-top:0;margin-bottom:0;}
95#entete{border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;}
96#pied{border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;}
97'})]
98
99[(#REM) permettre de surcharger ces images dans squelettes/img]
100.breves .h3 a.ouvrable{background-image:url('#CHEMIN{img/deplierhaut.png}');}
101.breves .h3 a.ouvert{background-image:url('#CHEMIN{img/deplierbas.png}');}
102body a.spip_out{background-image:url('#CHEMIN{img/spip_out.gif}');}
103
104[(#REM) Personnalisation ultime du css via scolaspip]
105[(#CONFIG{scolaspip_colorer/persocss})]
106
Note: See TracBrowser for help on using the repository browser.