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

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

page d'inscription aux evenements, vocabulaire, coquille css

File size: 6.8 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:960px;}
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}|=={960px}|?{'','.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,body .pagination .on{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 */
54body #header{border-bottom:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
55body #footer {border-top:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
56body .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})];}
57body .pagination .lien_pagination:hover,body .pagination .lien_pagination:active,body .pagination .on{border-color:[(#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,body .pagination .on{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,.formulaire_spip,p.succes,p.notice{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}|=={960px}|?{'','
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) permettre de surcharger ces images dans squelettes/img]
95.breves .h3 a.ouvrable{background-image:url('#CHEMIN{img/deplierhaut.png}');}
96.breves .h3 a.ouvert{background-image:url('#CHEMIN{img/deplierbas.png}');}
97body a.spip_out{background-image:url('#CHEMIN{img/spip_out.gif}');}
98
99[(#REM) Personnalisation ultime du css via scolaspip]
100[(#CONFIG{scolaspip_colorer/persocss})]
101
Note: See TracBrowser for help on using the repository browser.