source: spip-zone/_squelettes_/html5up_landed/theme_landed.css.html @ 113988

Last change on this file since 113988 was 110682, checked in by nicod@…, 20 months ago

Commentaire

File size: 3.0 KB
Line 
1[(#REM)
2
3        Ce squelette definit les couleurs du thème en fonction de la configuration
4
5        Note: l'entete "Vary:" sert a repousser l'entete par
6        defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
7        genant en cas de "rotation du cookie de session" apres
8        un changement d'IP (effet de clignotement).
9
10        ATTENTION: il faut absolument le charset sinon Firefox croit que
11        c'est du text/html !
12]
13#CACHE{3600*100,cache-client}
14#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
15#HTTP_HEADER{Vary: Accept-Encoding}
16
17#SET{bando, #CONFIG{html5_landed/couleur_bando}|trim|sinon{#272727}}
18#SET{color, #CONFIG{html5_landed/couleur_theme}|trim|sinon{#e44c65}}
19#SET{color_foncee, ##GET{color}|replace{'#',''}|couleur_foncer}
20#SET{liens, #CONFIG{html5_landed/couleur_liens}|trim|sinon{#e44c65}}
21#SET{liens_foncee, ##GET{liens}|replace{'#',''}|couleur_foncer}
22#SET{actif, #CONFIG{html5_landed/couleur_actif}|trim|sinon{#e44c65}}
23#SET{banner_opacite1, #CONFIG{html5_landed/banner_opacite1}|floatval|trim|sinon{0.95}}
24#SET{banner_opacite2, #CONFIG{html5_landed/banner_opacite2}|floatval|trim|sinon{0.95}}
25
26[(#REM)<style>]
27       
28/* Bandeau (header) */
29
30#header {
31        background: #GET{bando};
32}
33
34/* opacité de l'image de fond de l'article banner */
35#banner:after {
36        background-image: -moz-linear-gradient(top, rgba(24, 24, 24, #GET{banner_opacite1}), rgba(24, 24, 24, #GET{banner_opacite2}));
37        background-image: -webkit-linear-gradient(top, rgba(24, 24, 24, #GET{banner_opacite1}), rgba(24, 24, 24, #GET{banner_opacite2}));
38        background-image: -ms-linear-gradient(top, rgba(24, 24, 24, #GET{banner_opacite1}), rgba(24, 24, 24, #GET{banner_opacite2}));
39        background-image: linear-gradient(top, rgba(24, 24, 24, #GET{banner_opacite1}), rgba(24, 24, 24, #GET{banner_opacite2}));
40}
41
42/* Liens et menus actifs */
43
44a {
45        color: #GET{liens};
46}
47a:hover {
48        color: #[(#GET{liens}|replace{'#',''}|couleur_foncer{0.15})] !important;
49}
50
51.dropotron .on > a {
52color: #GET{liens} !important;
53}
54.dropotron .on > a:hover {
55color: #[(#GET{liens}|replace{'#',''}|couleur_foncer{0.15})] !important;
56}
57
58/* Rubrique active */
59
60#header nav > ul > .on > a {
61        background-color: #GET{actif} !important;
62}
63#header nav > ul > .on > a:hover {
64        background-color:  #[(#GET{actif}|replace{'#',''}|couleur_foncer{0.15})] !important;
65}
66
67/* Sous rubrique active */
68
69.dropotron > li.active > a, .dropotron > li.active > span {
70        color: #GET{color};
71}
72
73#header nav ul li.active > a, #header nav ul li.active > span {
74        color: #GET{color};
75}
76
77/* bordure sous les titre et sections de la home */
78
79header.major:after {
80        background: #GET{color};
81}
82
83.spotlight .content {
84        border-color: #GET{color};
85}
86
87/* bouton menu sur petits écrans */
88
89#titleBar .toggle {
90        background: #GET{liens};
91}
92#titleBar .toggle:before {
93        background: linear-gradient(to bottom,
94        [(#GET{liens_foncee})] 0%, [(#GET{liens_foncee})] 20%,
95        transparent 20%, transparent 40%,
96        [(#GET{liens_foncee})] 40%, [(#GET{liens_foncee})] 60%,
97        transparent 60%, transparent 80%,
98        [(#GET{liens_foncee})] 80%, [(#GET{liens_foncee})] 100%);
99}
Note: See TracBrowser for help on using the repository browser.