source: spip-zone/_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/stylescommuniquant.css.html @ 70281

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

Amélioration de la présentation générale du mode communiquant

File size: 4.9 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,#3fa3d7})}
6#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#013067})}
7        #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#3fa3d7})}
8#SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#ffffff})}
9        #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#a1856e})}
10#SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#013067})}
11        #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#3fa3d7})}
12
13#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
14#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,160})}
15#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,140})}
16#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
17#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
18
19div#content { margin: 0; width:#GET{LargeurContaineur}px; }
20#communiquant_content { clear: both; }
21#communiquant_content_central {
22        width:#GET{Largeurcontent_central}px;
23        float:left;
24}
25
26#header #citations {
27        clear:right;
28        float:right;
29        width:[(#GET{Largeurcontent_extra}|moins{16})]px;
30        margin: 8px;
31}
32
33#communiquant_content_extra {
34        float:left;
35        width:[(#GET{Largeurcontent_extra}|moins{16})]px;
36        padding: 0 8px;
37}
38
39#homeDessousBreves {
40        float:left;
41        width:[(#GET{Largeurcontent_central}|mult{4}|div{6})]px;
42}
43
44#homequoideneuf, #homeagenda {
45        float:left;
46        width:[(#GET{Largeurcontent_central}|mult{2}|div{6}|moins{16})]px;
47        padding: 0 8px;
48}
49
50.cadreinfo { margin: 0; }
51.formulaire_spip { margin-bottom: 0; }
52
53.dessousbreves { float:left; width:[(#GET{Largeurcontent_central}|mult{2}|div{6}|moins{16})]px;padding: 0 8px;}
54.dessousbreves.oddbreves {clear:left;}
55
56#homecadre_outils { clear:both; }
57#homecadre_outils ul { padding:0; }
58#homecadre_outils li { display: inline; float:left; text-align:center; }
59#homecadre_outils img { padding: 0 10px; }
60
61.goody { clear: left;  height: 48px; }
62#content img.logo_goody { float:left; padding:0 1em 0 0; }
63
64/*************** HOME SPECIAL FEATURE */
65#homeSpecialFeature img { padding:0; }
66#homeSpecialFeature {[ background: url('(#CHEMIN{images/hsf_over.png}|image_reduire{[(#GET{Largeurcontent_central})],0}|extraire_attribut{src})') top left no-repeat; ]position: relative; margin: 0 0 10px 0; width: #GET{Largeurcontent_central}px; padding-top: 10px; [min-height: (#CHEMIN{images/hsf.png}|image_reduire{[(#GET{Largeurcontent_central})],0}|hauteur)px;] height: auto; }
67.hasJS #homeSpecialFeature .hSFItem { margin: 0 0 10px 10px; width: 209px; }
68#homeSpecialFeature .hSFItem .hSFDecoImg { display: block; }
69.hasJS #homeSpecialFeature .hSFItem .hSFDecoImg { position: absolute; top: 0; left: 0; z-index: 0; }
70#homeSpecialFeature .postListItem { padding: 10px 0 0 32px; }
71.hasJS #homeSpecialFeature .postListItem { padding: 7px; margin: 0; min-height: 36px; height: auto; position: relative; z-index: 1; }
72#homeSpecialFeature .postListItem .postListItemDate { position: relative; padding-bottom: 5px; z-index: 1; font-size: 1em; font-weight: bold; color: #CCCCCC; }
73#homeSpecialFeature .activehSFItem .postListItem .postListItemDate { color: #FFFFFF; }
74#homeSpecialFeature .postListItem .postListItemDate span { color: #999999; }
75#homeSpecialFeature .activehSFItem .postListItem .postListItemDate span { color: #999999; }
76#homeSpecialFeature .postListItem .postListItemTitle { position: relative; z-index: 1; font-size: 1.45em; font-weight: normal; border: none; }
77#homeSpecialFeature .postListItem .postListItemTitle a { color: #999999; }
78#homeSpecialFeature .activehSFItem .postListItem .postListItemTitle a, #homeSpecialFeature .postListItem .postListItemTitle a:hover { color: #fff; }
79#homeSpecialFeature .hSFItem .hSFDecoSpan { display: block; background: #000000; position: absolute; top: 0; left: 0; z-index: 0; }
80#homeSpecialFeature ul { list-style-type: none; list-style-image: none; }
81
82[(#CHEMIN{images/stylescommuniquant_perso.css}|?{'/* Surcharge eventuelle */'})
83[(#INCLURE{#CHEMIN{images/stylescommuniquant_perso.css}|url_absolue_css}|compacte{css})]
84]
85
86@media (max-width: [(#GET{LargeurContaineur})]px) {
87 #communiquant_content_central {
88        float: none;
89        width: 100%;
90 }
91 #homeSpecialFeature {
92        width: 100%;
93 }
94 #homeDessousBreves {
95        width: 66%;
96 }
97 .dessousbreves {
98        padding:0 1%;
99        width:48%;
100 }
101 #homequoideneuf, #homeagenda {
102        padding:0;
103        width:34%;
104 }
105 #communiquant_content_extra {
106        float: none;
107        width: 100%;
108 }
109}
110
111@media (max-width: 640px) {
112 #homeDessousBreves, .dessousbreves, #homequoideneuf, #homeagenda {
113        width: 100%;
114        float: none;
115 }
116}
117
118#cita_bandeau #citations {
119  margin-top: 0;
120  width: 100%;
121  float: left;
122}
Note: See TracBrowser for help on using the repository browser.