source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportail.css.html @ 87283

Last change on this file since 87283 was 87283, checked in by real3t@…, 5 years ago

Quelques corrections CSS suite à passage d'un validateur.

File size: 4.8 KB
Line 
1#CACHE{24*3600,cache-client}
2#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
3#HTTP_HEADER{Vary: Accept-Encoding}
4
5#SET{c_vignettes_bk,(#CONFIG{soyezcreateurs_couleurs/vignettes_bk,#ffffff})}
6#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})}
7        #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#ffffff})}
8#SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#017ca5})}
9        #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#ffffff})}
10#SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})}
11        #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})}
12
13#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
14#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
15#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
16#SET{LargeurMilieu,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}}|moins{30}|div{2})}
17
18
19div#wrapper { float: left; width: [(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})]px; border-left: #GET{LargeurMenuGauche}px solid #GET{c_navigation_bk}; border-right: #GET{LargeurMenuDroit}px solid #GET{c_extra_bk}; }
20div#content { margin: 0; }
21#pre-header { position: relative; margin: 0 auto; }
22#contenu { clear: both; margin-top: 0; }
23#gauchedroite { position: relative; clear: both; }
24#droite { position: relative; float: left; width: #GET{LargeurMilieu}px; }
25#gauche { position: relative; float: left; padding: 0 20px 0 0; width: #GET{LargeurMilieu}px; }
26
27dl, dd, dt { margin: 0; }
28
29a.vignette { display: block; position: relative; padding: 5px 0 0 0; margin-bottom: 1em; text-align: center;}
30a.vignette img { border: 4px solid #GET{c_vignettes_bk}; }
31
32div.important span.datepublication { float: none; padding: 0; }
33div.important dt a { display: block; }
34div.important dd { margin-bottom: 1em; }
35div.important dl.odd { }
36
37div.zoomsur {padding:0 10px 10px; }
38#content h1.zoomsur { margin-top:2.2em; }
39div.goodies {clear: both; padding-top: 1em; }
40div.goody {padding:0 10px 10px; }
41#content h1 { margin-top: 1em; }
42
43div.encart dt a { color: #2F2C2C; }
44div.encart dd { padding: .2em 0 .5em 0; font-style: italic; }
45
46div.espaceavant ul { padding: 0; margin: 0 15px 0 5px; list-style: none; }
47div.espaceavant ul li a { display: block; padding: .5em; color: #GET{c_navigation}; font-weight: normal; }
48div.espaceavant ul a:hover, div.espaceavant ul a:focus { text-decoration: none; }
49div.cadreinfo { margin-top: 1em; }
50
51span.infos { display: block; padding-top: .5em; font-style: italic; }
52#pagesommaire div.encart span.sinfos { display: block; clear: both; margin: .5em 0 0 0; }
53
54#pagesommaire .slogan p.spip, #pagesommaire .slogan p.spip strong.spip { display: block; margin: 0 0 .3em 0; color: #523d32; font-size: 1.6em; font-style: italic; font-family: "times new roman", serif; font-weight: normal; }
55#pagesommaire .slogan p.spip { margin: 0 0 1.2em 0; color: #4F4F4F; font-size: 1.1em; }
56#pagesommaire #wrapper { padding: 0; }
57#pagesommaire #wrapper div p { padding: .5em 0 0 0; margin: 0; }
58#pagesommaire #content h2 { padding: .6em 1em .6em 25px; margin-left: 0; font-size: 1.2em; font-weight: normal; }
59#pagesommaire #content h2.f { font-weight: bold; }
60#pagesommaire h3 { padding: .4em 0 0 0; margin: 0; font-style: italic; }
61#pagesommaire a.av { display: block; float: left; width: 49%; padding: 0 0 11px 0; margin: 1em 0 0 0; text-align: center; font-weight: normal; font-size: 1.25em; font-variant: small-caps; }
62#pagesommaire a.av:hover, #pagesommaire a.av:focus { font-weight: bold; text-decoration: none; }
63
64#content h2 { margin-left: 1em; }
65
66#content table.agenda caption { width: auto; }
67#content table.agenda { margin-top: 0; }
68#content .miniagenda table.agenda { width: #GET{LargeurMilieu}px; }
69#content .miniagenda td, #content .miniagenda th { padding: 2px 1px; text-align: center; }
70#content .fond, #content .miniagenda table { padding: .5em 1em 1em 1em; }
71#content .miniagenda .fond { padding: .5em 0 1em 0; }
72#content .fond dl, #content .fond li { clear:right; }
73
74[(#CHEMIN{images/stylesportail_perso.css}|?{'/* Surcharge eventuelle */'})
75[(#INCLURE{#CHEMIN{images/stylesportail_perso.css}|url_absolue_css}|compacte{css})]
76]
77
78@media (max-width: [(#GET{LargeurContaineur})]px) {
79 div#wrapper {
80        border-left-width:0;
81        border-right-width: 0;
82        float: none;
83        width: 100%;
84 }
85 #gauche {
86        padding-right:2%;
87        width:48%;
88 }
89 #droite {
90        padding-left:2%;
91        width:48%;
92 }
93 div#navigation, div#extra  {
94        text-align: center;
95 }
96 a.vignette {
97        display: inline;
98 }
99 .espaceavant, div.cadreinfo, #citations {
100        text-align: left;
101 }
102}
103
104@media (max-width: 640px) {
105 #gauche {
106        float:none;
107        padding-right:0;
108        width:100%;
109 }
110 #droite {
111        float:none;
112        padding-left:0;
113        width:100%;
114 }
115}
Note: See TracBrowser for help on using the repository browser.