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

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

Plus de modularite pour la page sommaire, inutile de surcharge css/layout de Z, rangement des css et ajout de reglages dans la css dynamique (et formulaire de configuration)

File size: 6.2 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 à 0 pendant le dev, #CACHE{604800} ensuite (7 jours)
9]
10#CACHE{0}
11#HTTP_HEADER{Content-Type:text/css;charset=utf-8}
12#HTTP_HEADER{Vary:Accept-Encoding}
13
14[(#REM) Police du texte et des titres]
15body h1,body .h1,body h2,body .h2,body h3,body .h3,body h4,body .h4,body .header .accueil #nom_site_spip{
16[(#CONFIG{scolaspip_colorer/police_titres}|=={Verdana}|?{'font-family:Verdana,Geneva,Arial,Helvetica,sans-serif'})][
17(#CONFIG{scolaspip_colorer/police_titres}|=={Lucida}|?{'font-family:"Luxi sans","Lucida Grande","Lucida Sans Unicode",sans-serif'})][
18(#CONFIG{scolaspip_colorer/police_titres}|=={Arial}|?{'font-family:Arial,Helvetica,sans-serif'})][
19(#CONFIG{scolaspip_colorer/police_titres}|=={Trebuchet}|?{'font-family:"Trebuchet MS",Helvetica,sans-serif'})][
20(#CONFIG{scolaspip_colorer/police_titres}|=={Impact}|?{'font-family:Impact,Charcoal,sans-serif'})][
21(#CONFIG{scolaspip_colorer/police_titres}|=={Times}|?{'font-family:Times,"Times New Roman",serif'})][
22(#CONFIG{scolaspip_colorer/police_titres}|=={Georgia}|?{'font-family:Georgia,serif'})][
23(#CONFIG{scolaspip_colorer/police_titres}|=={Baskerville}|?{'font-family:Baskerville,"Palatino Linotype",serif'})][
24(#CONFIG{scolaspip_colorer/police_titres}|=={Andale}|?{'font-family:"Andale Mono","Courier New",monospace'})][
25(#CONFIG{scolaspip_colorer/police_titres}|=={Courier}|?{'font-family:"Courier New",Courier,mono,monospace'})];}
26body .page,.liste h3.h3{
27[(#CONFIG{scolaspip_colorer/police_contenu}|=={Verdana}|?{'font-family:Verdana,Geneva,Arial,Helvetica,sans-serif'})][
28(#CONFIG{scolaspip_colorer/police_contenu}|=={Lucida}|?{'font-family:"Luxi sans","Lucida Grande","Lucida Sans Unicode",sans-serif'})][
29(#CONFIG{scolaspip_colorer/police_contenu}|=={Arial}|?{'font-family:Arial,Helvetica,sans-serif'})][
30(#CONFIG{scolaspip_colorer/police_contenu}|=={Trebuchet}|?{'font-family:"Trebuchet MS",Helvetica,sans-serif'})][
31(#CONFIG{scolaspip_colorer/police_contenu}|=={Impact}|?{'font-family:Impact,Charcoal,sans-serif'})];}
32
33[(#REM) Mise en page - bandeau elargi - menu à droite]
34body .page{width :[(#CONFIG{scolaspip_colorer/bandeau_large})];min-width:980px;}
35[(#CONFIG{scolaspip_colorer/position_menu}|=={gauche}|?{'','.content {float:left;} .extra1 {clear :right ;float:right;} .extra2 {clear :right ;float:right;} ' })]
36[(#CONFIG{scolaspip_colorer/bandeau_large}|=={980px}|?{'','.page {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} body{margin :0px;}' })]
37
38
39[(#REM) Changement des couleurs]
40/* backgrounds  */
41html body{background-color:[(#CONFIG{scolaspip_colorer/bodyfond})];}
42#header{background-color:[(#CONFIG{scolaspip_colorer/bandeau})];}
43#nav,.hornav .menuder,.menuder li,#footer,table.spip thead th{background-color:[(#CONFIG{scolaspip_colorer/barre})];}
44body .hornav .item a:hover{background-color:[(#CONFIG{scolaspip_colorer/barreover})];}
45#extra1 .menu,#site_menu {background-color:[(#CONFIG{scolaspip_colorer/menufond})];}
46#calendar,.evenements{background-color:[(#CONFIG{scolaspip_colorer/calfond})];}
47body .liste-items .item:hover,.page_sites .liste.syndics:hover,#calendar td:hover {background-color:[(#CONFIG{scolaspip_colorer/liover})];}
48
49ul .comment-meta {background-color:[(#CONFIG{scolaspip_colorer/btcom1})];}
50ul .comment-item .comment-meta {background-color:[(#CONFIG{scolaspip_colorer/btcom2})];}
51ul .comment-item.comment-item .comment-meta {background-color:[(#CONFIG{scolaspip_colorer/btcom3})];}
52ul .comment-item.comment-item.comment-item .comment-meta {background-color:[(#CONFIG{scolaspip_colorer/btcom4})];}
53ul .comment-item.comment-item.comment-item .comment-meta {background-color:[(#CONFIG{scolaspip_colorer/btcom5})];}
54
55/* Couleurs des bordures */
56#header{border-bottom:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
57#footer {border-top:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
58
59/* couleurs des liens */
60body a,body a.spip_out{color :[(#CONFIG{scolaspip_colorer/liens})];}
61body a:focus,body a:hover,body a:active  {color :[(#CONFIG{scolaspip_colorer/liensover})];}
62body #extra1 a {color :[(#CONFIG{scolaspip_colorer/liensmenugauche})];}
63body #extra1 a:hover,body #extra1 a:focus,body #extra1 a:active {color :[(#CONFIG{scolaspip_colorer/liensmenugauchehover})];}
64body .hornav .item a,body #footer a{color:[(#CONFIG{scolaspip_colorer/liensmenuhorizontal})];}
65body .hornav .item a:hover,body #footer a:hover{color:[(#CONFIG{scolaspip_colorer/menurollover})];}
66
67/* couleurs des titres  */
68#nom_site_spip a, #slogan_site_spip{color:[(#CONFIG{scolaspip_colorer/couleurs_bandeau})];}
69body h1,body .h1,body h2, body .h2,body h3, body h3.spip{color:[(#CONFIG{scolaspip_colorer/couleurs_intertitres})];}
70
71[(#REM) Dégradés]
72[(#CONFIG{scolaspip_colorer/degrades}|=={oui}|?{'
73#header,#nav,#footer,.hornav .menuder,.menuder li,body .hornav .item a:hover,body .hornav .item:hover {background-image:url('#CHEMIN{img/trans.png}');background-size :100% 100%;}
74html body .hornav .item a.daddy:hover{background-image:url('#CHEMIN{img/menuder.gif}');background-position:14.5em center;background-repeat:no-repeat;background-size:auto;}
75','' })]
76[(#CONFIG{scolaspip_colorer/fondcadre}|=={degrade}|?{'
77#site_menu,#extra1 .menu {background-image:url('#CHEMIN{img/trans2.png}');background-size :100% 100%;}
78','' })]
79[(#CONFIG{scolaspip_colorer/fondcadre}|=={hachure}|?{'
80#calendar,.evenements,#site_menu,#extra1 .menu{background-image:url('#CHEMIN{img/trans3.png}');}
81','' })]
82
83[(#REM) Arrondis]
84[(#CONFIG{scolaspip_colorer/arrondi}|=={non}|?{'','
85#extra1 .menu,#site_menu,#calendar,.evenements,body .page{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
86#header{border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;}
87#footer{border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;}
88'})]
89[(#CONFIG{scolaspip_colorer/bandeau_large}|=={980px}|?{'','
90#header{border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;}
91#footer{border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;}
92'})]
93
94[(#REM) Personnalisation ultime du css via scolaspip]
95[(#CONFIG{scolaspip_colorer/persocss})]
96
Note: See TracBrowser for help on using the repository browser.