source: spip-zone/_squelettes_/html5up_massively/styles_config.css.html @ 114583

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

ajout de deux modèles, styles plus mieux

File size: 3.4 KB
Line 
1[(#REM)<style>/*
2Ce squelette definit les styles  du squelette Moulinette
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, #wrapper.fade-in, #wrapper > .bg {[ background-color:(#CONFIG{html5up/couleur_bkg});][ color:(#CONFIG{html5up/couleur_typo});] }
15#main {[ background-color:(#CONFIG{html5up/couleur_bkg_texte});] }
16
17a, #footer input[type="submit"], h1, h2, h3, h4, h5, h6, #nav ul.links li.active a {[ color:(#CONFIG{html5up/couleur_typo}); ]}
18hr {[ border-color:(#CONFIG{html5up/couleur_typo}); ]}
19
20/* hover */
21a:hover, a:active, a:focus, a.on, .formulaire_contact form > fieldset.previsu > legend,
22#nav ul.links li.active a:hover, #intro input[type="reset"]:hover, #intro input[type="button"]:hover, #intro button:hover,
23#intro .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
24button:hover, .button:hover, #footer input[type="submit"]:hover, #footer input[type="reset"]:hover,
25#footer input[type="button"]:hover, #footer button:hover, #footer .button:hover, #footer a:hover, .pagination a:hover,
26#footer ul.icons li a.icon:hover:before, #nav ul.icons li a.icon:hover:before, #nav a:hover, #header .logo:hover,
27#copyright a:hover, ul.icons li a.icon:hover::before, .reponse_formulaire_erreur, .erreur_message#nav ul.links li a:hover,
28#nav .icons a,  #nav ul.links li.active a, #sousnav nav ul li a.active {[ color:(#CONFIG{html5up/couleur_accent}) !important; ]}
29
30.button.primary:hover { color:white; }
31
32/* box-shadow */
33#intro input[type="submit"]:hover, #intro input[type="reset"]:hover, #intro input[type="button"]:hover, #intro button:hover, #intro .button:hover,
34input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover,
35#footer input[type="submit"]:hover, #footer input[type="reset"]:hover, #footer input[type="button"]:hover,
36#footer button:hover, #footer .button:hover, #footer ul.icons.alt li a.icon:hover:before,
37ul.icons.alt li a.icon:hover::before {[ box-shadow:inset 0 0 0 2px (#CONFIG{html5up/couleur_accent}); ]}
38
39.pagination a:hover, #header .logo:hover, #footer input[type="text"]:focus, #footer input[type="password"]:focus, #footer input[type="email"]:focus, #footer select:focus, #footer textarea:focus {[ border-color:(#CONFIG{html5up/couleur_accent}) !important; ]}
40
41[#footer { background-color:(#CONFIG{html5up/couleur_bkg_footer}); }]
42#footer, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
43#footer input, #footer select, #footer textarea, #footer label, #footer strong, #footer b {[ color:(#CONFIG{html5up/couleur_typo_footer}); ]}
44
45#copyright, #copyright a {[ color:(#CONFIG{html5up/couleur_typo_copyright});] }
46
47<BOUCLE_bg(DOCUMENTS){role=arriereplan}{0,1}{!par date}{tout}>
48#wrapper .bg { background-image:url("#CHEMIN{images/overlay.png}"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("#FICHIER"); }
49</BOUCLE_bg>
50#wrapper .bg { background-image:url("#CHEMIN{images/overlay.png}"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("#CHEMIN{images/bg.jpg}"); }
51<//B_bg>
Note: See TracBrowser for help on using the repository browser.