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

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

import/export avec ieconfig, début de menu déroulant pour des styles prédéfinies, etc.

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