source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylescommuniquant.css.html @ 96674

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

Option pour afficher les items des DessousBreves? en mode communiquant sous forme de bloc comprenant Logo, titre et descriptif

File size: 9.1 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{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; padding-bottom: 10px; }
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        margin: 8px 0;
30}
31
32#letexte { padding: 0 }
33
34#homeSecondblock, #homecadre_outils, .forum_sommaire, #communiquant_actus, #communiquant_content_extra { font-size: #CONFIG{soyezcreateurs_couleurs/fontsizecontenu,1.3}em; }
35#communiquant_actus, .forum_sommaire { padding: 0 8px; }
36#homeSecondblock ul, #communiquant_actus ul, .forum_sommaire ul, .syndic ul {
37  margin-top: 6px;
38  padding-left: 20px;
39}
40#homeagenda ul { padding-left: 0; }
41#homeSecondblock li, .forum_sommaire li, .syndic li { list-style-type: disc; }
42
43#communiquant_content_extra {
44        float:left;
45        width:#GET{Largeurcontent_extra}px;
46        padding: 0 8px;
47}
48#communiquant_content_extra img { padding: 0; }
49
50#homeDessousBreves {
51        clear: left;
52        float:left;
53        width:[(#GET{Largeurcontent_central}|mult{4}|div{6})]px;
54}
55
56#homeDessousBreves ul.block { margin: 0; padding: 0; }
57.dessousbreves_ligne { margin-left: 56px; padding-bottom: .5em; }
58#content .dessousbreves_ligne img.logo { float: left; margin-left: -56px; padding: 4px 8px 4px 0; }
59
60.listeafficherimages { overflow: hidden; }
61
62#homequoideneuf, #homeagenda {
63        clear: right;
64        float:right;
65        width:[(#GET{Largeurcontent_central}|mult{2}|div{6})]px;
66        padding: 0 8px;
67}
68#communiquant_content_central .VideoALaUne, #communiquant_content_central .goodies, #communiquant_content_central .syndic {
69        clear: both;
70        padding: 0 8px;
71}
72/*************** VIDEO A LA UNE */
73.video-container {
74        position: relative;
75        padding-bottom: 56.25%;
76        padding-top: 30px;
77        height: 0;
78        overflow: hidden;
79}
80.video-container iframe, .video-container object, .video-container embed {
81        position: absolute;
82        top: 0;
83        left: 0;
84        width: 100%;
85        height: 100%;
86}
87
88#communiquant_content_extra .goodies, #communiquant_content_extra #homequoideneuf {
89        clear: left;
90        float: none;
91        width: 100%;
92        padding: 0;
93}
94
95#communiquant_content div.goodies.underedito { font-size: 1.3em; padding: 0 8px; }
96
97[(#CONFIG{soyezcreateurs/largeur_slideshow_communiquant,etroite}|=={etroite}|oui)
98[(#CONFIG{soyezcreateurs/positiongoodies,extra}|=={extra}|oui)
99#communiquant_content_extra .goodies h2:first-child { margin-top: 0; }
100]
101]
102
103.cadreinfo { margin: 0; width: 100%; clear: both; padding: 0;}
104/*.formulaire_spip { margin-bottom: 0; }*/
105
106.dessousbreves { float:left; width:[(#GET{Largeurcontent_central}|mult{2}|div{6})]px;padding: 0 8px;}
107.dessousbreves.oddbreves {clear:left;}
108
109#homecadre_outils { clear:both; }
110#homecadre_outils ul { padding:0; }
111[(#REM) Pour justifier les pictos des outils horizontalement : cf http://stackoverflow.com/questions/10020046/full-justify-for-li-elements
112Voir aussi : http://portfolio.planetjon.ca/2014/04/19/css-recipes-justified-horizontal-menus/ ]
113#communiquant_content_central #homecadre_outils ul, .goodies.underedito ul { text-align: justify; }
114#communiquant_content_central #homecadre_outils ul::after, .goodies.underedito ul::after {width: 100%; display: inline-block; content: "."; visibility: hidden}
115#homecadre_outils li, .goodies.underedito li { display: inline-block; text-align:center; vertical-align: top; }
116#homecadre_outils img, .goodies.underedito img { padding: 0 10px; }
117
118.goody { clear: left; margin-bottom: 8px; min-height: 48px; }
119.goody_ligne { margin-left: #CONFIG{soyezcreateurs_layout/largeurlogogoody,48}px; }
120.goodytitre, .goodiedate { padding-left: 8px; }
121#content img.logo_goody { float: left; margin-left: -#CONFIG{soyezcreateurs_layout/largeurlogogoody,48}px; padding: 0; }
122#content img.spip_logos { padding: 0; }
123
124.ZoomSur { clear: left; padding: 0 8px; margin-bottom: 8px; min-height: [(#GET{Largeurcontent_central}|div{6}|plus{8})]px; }
125.ZoomSur_ligne { margin-left: [(#GET{Largeurcontent_central}|div{6}|plus{8})]px; padding-bottom: .5em; }
126#content img.logo_zoomsur { float: left; margin-left: -[(#GET{Largeurcontent_central}|div{6}|plus{8})]px; padding: 4px 8px 4px 0; }
127
128/*************** HOME SPECIAL FEATURE */
129[(#CONFIG{soyezcreateurs/largeur_slideshow_communiquant,etroite}|=={large}|oui)
130#SET{ModeSlideShow,large}
131#SET{LargeurSlideShow,#GET{LargeurContaineur}
132]
133[(#CONFIG{soyezcreateurs/largeur_slideshow_communiquant,etroite}|=={etroite}|oui)
134#SET{ModeSlideShow,''}
135#SET{LargeurSlideShow,#GET{Largeurcontent_central}
136]
137#homeSpecialFeature img { padding:0; background-color: transparent; }
138#homeSpecialFeature {[ background: url('(#CHEMIN{images/hsf_over.png}|image_reduire{[(#GET{LargeurSlideShow})],0}|extraire_attribut{src})') top left no-repeat; ]position: relative; margin: 0 0 10px 0; width: #GET{LargeurSlideShow}px; padding-top: 10px; [min-height: (#CHEMIN{images/hsf#GET{ModeSlideShow}.png}|image_reduire{[(#GET{LargeurSlideShow})],0}|hauteur)px;] height: auto; }
139#homeSpecialFeature h2 { margin: 0; }
140.hasJS #homeSpecialFeature .hSFItem { margin: 0 0 10px 10px; width: 209px; }
141#homeSpecialFeature .hSFItem .hSFDecoImg { display: block; }
142.hasJS #homeSpecialFeature .hSFItem .hSFDecoImg { position: absolute; top: 0; left: 0; z-index: 0; }
143#homeSpecialFeature .postListItem { padding: 10px 0 0 32px; }
144.hasJS #homeSpecialFeature .postListItem { padding: 7px; margin: 0; min-height: 36px; height: auto; position: relative; z-index: 1; }
145#homeSpecialFeature .postListItem .postListItemDate { position: relative; padding-bottom: 5px; z-index: 1; font-size: 1em; font-weight: bold; color: #CCCCCC; }
146#homeSpecialFeature .activehSFItem .postListItem .postListItemDate { color: #FFFFFF; }
147#homeSpecialFeature .postListItem .postListItemDate span { color: #999999; }
148#homeSpecialFeature .activehSFItem .postListItem .postListItemDate span { color: #999999; }
149#homeSpecialFeature .postListItem .postListItemTitle { position: relative; z-index: 1; font-size: 1.45em; font-weight: normal; border: none; }
150#homeSpecialFeature .postListItem .postListItemTitle a { color: #999999; }
151#homeSpecialFeature .activehSFItem .postListItem .postListItemTitle a, #homeSpecialFeature .postListItem .postListItemTitle a:hover { color: #fff; }
152#homeSpecialFeature .hSFItem .hSFDecoSpan { display: block; background: #000000; position: absolute; top: 0; left: 0; z-index: 0; }
153#homeSpecialFeature ul { list-style-type: none; list-style-image: none; }
154
155/*#content .formulaire_spip label { color: inherit; float: inherit; margin: inherit; text-align: inherit; width: inherit; }
156#content h2, .h2 { margin-top: 0; }
157#content .formulaire_spip input.text, #content .formulaire_spip textarea, #content .formulaire_spip select, #content .formulaire_spip div.choix, #content .formulaire_spip p.explication, #content .formulaire_spip em.attention, #content .formulaire_spip li p { display: inherit; margin-left: inherit; width: 97%; }
158*/
159
160#content .formulaire_spip { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
161.formulaire_newsletter_subscribe input.submit { width: auto; }
162
163.loginlogout ul { padding-left: 0; }
164.loginlogout li { list-style-type: none; }
165
166.Edito { font-size: 160%; padding: 0 8px; margin-bottom: 2em; }
167.Edito.ZoomSur { font-size: inherit; }
168.Edito .suite { text-align: right; }
169#content .VideoALaUne img { padding: 0; max-width: 100%; }
170
171@media (max-width: [(#GET{LargeurContaineur})]px) {
172 #communiquant_content_central {
173        float: none;
174        width: 100%;
175 }
176 #homeSpecialFeature {
177        width: 100%;
178 }
179 #homeDessousBreves {
180        width: 66%;
181 }
182 .dessousbreves {
183        padding:0 1%;
184        width:48%;
185 }
186 #homequoideneuf, #homeagenda {
187        padding:0;
188        width:34%;
189 }
190 .goodies {
191        float: left;
192        clear: left;
193        width: auto;   
194}
195 #communiquant_content_extra {
196        float: none;
197        width: inherit;
198 }
199}
200
201@media (max-width: 640px) {
202 #homeDessousBreves, .dessousbreves, #homequoideneuf, #homeagenda {
203        width: inherit;
204        float: none;
205 }
206 #homeSpecialFeature {
207        min-height: initial;
208 }
209}
210
211[(#CHEMIN{images/stylescommuniquant_perso.css}|?{'/* Surcharge eventuelle */'})
212[(#INCLURE{#CHEMIN{images/stylescommuniquant_perso.css}|url_absolue_css}|compacte{css})]
213]
Note: See TracBrowser for help on using the repository browser.