source: spip-zone/_squelettes_/html5up_phantom/styles_config.css.html @ 114586

Last change on this file since 114586 was 114586, checked in by chankalan@…, 5 months ago

on est dans PHANTOM

File size: 4.4 KB
Line 
1[(#REM)<style>/*
2Ce squelette definit les styles  du squelette PHANTOM (HTML5up)
3Note: l'entete "Vary:" sert a repousser l'entete par
4defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
5genant en cas de "rotation du cookie de session" apres
6un changement d'IP (effet de clignotement).
7
8ATTENTION: il faut absolument le charset sinon Firefox croit que
9c'est du text/html et iso-8859-15 car bug vieux navigateurs
10*/]
11#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
12#HTTP_HEADER{Vary: Accept-Encoding}
13
14body {[ background-color:(#CONFIG{html5up/couleur_bkg});][ color:(#CONFIG{html5up/couleur_typo});] }
15[a { color:(#CONFIG{html5up/couleur_typo}); }]
16[a:hover, a:active, a:focus, a.on, .formulaire_contact form > fieldset.previsu > legend { color:(#CONFIG{html5up/couleur_accent}) !important; }]
17
18[#main, #header { max-width:(#CONFIG{html5up/largeur_page}); }]
19[#footer { background-color:(#CONFIG{html5up/couleur_bkg_footer}); }]
20
21/* les boutons et formulaires dans le contenu */
22input[type="submit"], input[type="submit"].primary {[ color:(#CONFIG{html5up/couleur_bkg}) !important;][ background-color:(#CONFIG{html5up/couleur_typo});] }
23input[type="submit"]:hover, input[type="submit"].primary:hover,
24input[type="submit"]:focus, input[type="submit"].primary:focus,
25input[type="submit"]:active, input[type="submit"].primary:active {[ background-color:(#CONFIG{html5up/couleur_accent});][ border-color:(#CONFIG{html5up/couleur_accent}) !important;][ color:(#CONFIG{html5up/couleur_bkg}) !important;] }
26
27/* les boutons et formulaires dans le pied de page */
28#footer input[type="submit"], #footer input[type="submit"].primary {[ color:(#CONFIG{html5up/couleur_bkg_footer}) !important;] }
29#footer input[type="submit"]:hover, #footer input[type="submit"].primary:hover,
30#footer input[type="submit"]:focus, #footer input[type="submit"].primary:focus,
31#footer input[type="submit"]:active, #footer input[type="submit"].primary:active {[ color:(#CONFIG{html5up/couleur_typo}) !important;] }
32
33.icon.style2, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea, .editer.saisie_case {[ border-color:#(#CONFIG{html5up/couleur_typo}|couleur_eclaircir);] }
34
35[.icon.style2:hover, .icon.style2:active, .icon.style2:focus, .formulaire_contact form > fieldset.previsu { border-color:(#CONFIG{html5up/couleur_accent}); }]
36[.icon.style2:active { background-color:(#CONFIG{html5up/couleur_accent}|html5up_phantom_hexa2rgba{0.1}); }]
37
38<BOUCLE_articles(ARTICLES)>[.tiles article.style#ID_ARTICLE > .image, .tiles article.style#ID_ARTICLE > .image:before { background-color:(#COULEUR); }]</BOUCLE_articles>
39
40[(#REM) les boutons du menu lateral ]
41[(#SET{typosvg,[(#CONFIG{html5up/couleur_typo}|hexa2utf8)]})]
42[(#SET{accentsvg,[(#CONFIG{html5up/couleur_accent}|hexa2utf8)]})]
43#header nav ul li a[href="#menu"]:before {
44        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: #GET{accentsvg} %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
45        opacity: 0;
46}
47#header nav ul li a[href="#menu"]:after {
48        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: #GET{typosvg} %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
49        opacity: 1;
50}
51#menu > .close:before {
52        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: #GET{accentsvg} %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
53        opacity: 0;
54}
55#menu > .close:after {
56        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: #GET{typosvg} %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
57        opacity: 1;
58}
Note: See TracBrowser for help on using the repository browser.