source: spip-zone/_galaxie_/plugins-spip-net/svp2010/css.html @ 48020

Last change on this file since 48020 was 48020, checked in by brunobergot@…, 10 years ago

on reprend le slider sur la home + toujours du nettoyage

File size: 16.4 KB
Line 
1[(#HTTP_HEADER{Content-type: text/css})]
2#SET{couleur, #ENV{couleur_categorie, b9274d}}
3#SET{coul_nav,#GET{couleur}}
4[(#REM)
5<style>
6]
7
8/* Conteneur et outils de base */
9/* --------------------------- */
10body { background-color: #717070; margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif, sans; }
11body img { border: 0; }
12body a { color: #[(#GET{couleur}|couleur_foncer_si_claire)];  outline: none; }
13body a .spip_in { color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
14body a .spip_out { color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
15body .spip-admin-float { right: auto; left: 20px; font-size: 0.8em; }
16
17.clear-left { clear: left; }
18.clear-right { clear: left; }
19.clear-both { clear: both; }
20
21/* Surcharge de typo SPIP */
22/* ---------------------- */
23.spip_code { color: #[(#GET{couleur}|couleur_foncer_si_claire)];}
24
25table.spip { width: 100%; font-size: 0.9em; margin-left: 0; margin-right: 0; border-collapse: separate; overflow: hidden;
26        border: 1px solid #[(#GET{couleur})]; }
27table.spip caption {
28        border-bottom: 0;
29        margin: 0;
30        display: table-caption;
31        background-color: #[(#GET{couleur})];
32        color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)];
33        font-size: 1em;
34        padding: 3px;
35        padding-left: 10px;
36        text-align: left;
37}
38table.spip thead tr th { background-color: #[(#GET{couleur}|couleur_eclaircir)];  border: 0; }
39table.spip tbody tr.row_even { background-color: white; }
40table.spip tbody tr td { padding: 3px;  border: 0;  color: #444444; }
41
42
43/* Bandeau */
44/* ------- */
45#bandeau-haut { position: relative;  height: 99px; background: url([(#CHEMIN{imgs/fond-bandeau-haut.png}|image_sepia{[(#GET{couleur})]}|extraire_attribut{src})]); }
46#bandeau-haut .conteneur_page { height: 99px; }
47#bandeau-haut .logo-site-spip { position: absolute;  left: -2px;  top: 27px; }
48#bandeau-haut .polatouche { position: absolute;  right: -7px;  bottom: -62px;   z-index:100; }
49
50
51/* nav */
52#nav { position: absolute; top: 0; right: 0; width: 480px; height: 23px;
53        padding: 3px 0 0 20px; text-align: left; font-size: 75%; color: white;
54        background: url([(#CHEMIN{imgs/bandeau-haut-droite.png})]) no-repeat; }
55#nav .menu-liste { list-style: none; margin: 0; padding: 0; }
56#nav .menu-liste .menu-entree { display: inline; }
57#nav .menu-liste .menu-entree a { text-decoration: none;  margin-left: 5px;  padding-left: 10px;  color: #ddd; }
58#nav .menu-liste .menu-entree a:hover { color: white;  background: url([(#CHEMIN{imgs/fond-petit-carre.gif})]) left 50% no-repeat; }
59
60/* cadre recherche */
61#cadre-recherche { position: relative; background-color: #eeeeee; padding: 20px 0 20px; display: none; }
62#cadre-recherche .conteneur_page { overflow: hidden; }
63
64#principal div.liste_pipelines {  font-size: 0.7em;  text-align: left;  margin: 0;  margin-top: 25px;}
65#principal div.liste_pipelines ul {  margin: 0;  padding: 0;  padding-left: 15px;}
66
67#principal #colonne_navigation ul {
68  font-size: 70%;
69  line-height: 1.1em;
70  margin: 0;
71  padding: 0;
72  list-style-type: none;
73}
74
75#principal #colonne_navigation ul li a {
76  width: 159px;
77  margin-bottom: 0;
78  padding: 4px;
79  padding-top: 7px;
80  padding-right: 15px;
81  display: block;
82  height: 29px;
83  overflow: hidden;
84}
85
86#principal #colonne_navigation ul li a span.numero {
87  display: block;
88  float: left;
89  width: 40px;
90  text-align: right;
91  font-size: 32px;
92  line-height: 31px;
93  margin: 0;
94  margin-top: -2px;
95  padding: 0;
96  font-family: arial, helvetica, sans-serif, sans;
97}
98
99#principal #colonne_navigation ul li a span.intitule {  display: block;  padding-left: 47px;}
100
101#principal #colonne_navigation ul li a {
102  background-color: #f3f3f3;
103  background: url([(#CHEMIN{imgs/fond-nav-rectangle.png}|image_sepia{f3f3f3}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
104  color: #555555;
105  text-decoration: none;
106}
107
108#principal #colonne_navigation ul li a span.numero {  color: #dddddd;}
109
110#principal #colonne_navigation ul li a:hover {
111  background-color: #aaaaaa;
112  background: url([(#CHEMIN{imgs/fond-nav-simple.png}|image_sepia{aaaaaa}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
113  color: white;
114}
115
116#principal #colonne_navigation ul li a:hover span.numero {  color: #666666;}
117
118#principal #colonne_navigation ul li a.on {
119  background: url([(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav})]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
120  color: white;
121  text-decoration: none;
122  font-weight: bold;
123}
124
125#principal #colonne_navigation ul li a.on span.numero {  font-weight: normal;color: #ffffff;}
126
127#principal #colonne_navigation ul li a.on:hover {
128  background: url([(#CHEMIN{imgs/fond-nav-relief.png}|image_sepia{[(#GET{coul_nav}|couleur_foncer)]}|image_aplatir{gif,ffffff, 256, true}|extraire_attribut{src})] ) right center no-repeat;
129}
130
131#principal #colonne_centrale #articles_presentation {
132  position: absolute;
133  top: 5px;
134  right: 200px;
135  width: 700px;
136  text-align: right;
137  margin: 0;
138  padding: 0;
139  list-style-type: none;
140  font-size: 0.8em;
141}
142
143#principal #colonne_centrale #articles_presentation li {  display: inline;  padding-left: 10px;}
144#principal #colonne_centrale #articles_presentation li a {  text-decoration: none;}
145#principal #colonne_centrale #articles_presentation li a:hover {  color: black;}
146
147#principal #colonne_centrale #choix_version {
148  float: right;
149  width: 180px;
150  border: 1px solid #ccc;
151  -moz-border-radius: 10px;
152  -webkit-border-radius: 10px; 
153  background-color: #f7f7f7;
154  background: url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
155  padding: 9px;
156  margin: 0;
157  margin-right: -230px;
158  font-size: 80%;
159  list-style-type: none;
160}
161
162#principal #colonne_centrale #choix_version .sel_choix_version {  padding-top: 2px;  padding-left: 20px;  line-height: 1.1em;}
163#principal #colonne_centrale #choix_version .sel_choix_version a {  text-decoration: none;}
164
165#principal #colonne_centrale #choix_version .sel_choix_version_actif {
166  font-weight: bold;
167  padding-left: 20px;
168  background: url([(#CHEMIN{imgs/check-valid.gif})]) left 2px no-repeat;
169}
170
171#principal #colonne_centrale #choix_version .sel_choix_version_actif a {  color: black;}
172
173#principal #colonne_centrale .colonne_etroite {
174  padding-right: 230px;
175}
176
177#principal #colonne_centrale .colonne_etroite .texte {
178  margin-top: 25px;
179  line-height: 1.4em;
180  text-align: justify;
181  color: #444444;
182}
183
184#principal #colonne_centrale .colonne_etroite .texte p {
185  text-indent: 1.4em;
186  padding: 0;
187  margin: 0;
188}
189
190#principal #colonne_centrale .colonne_etroite .texte p:first-child {
191  text-indent: 0;
192}
193
194#principal #colonne_centrale .colonne_etroite .liste_articles {
195  margin-top: 25px;
196}
197
198#principal #colonne_centrale .colonne_etroite .liste_articles .selection {
199  float: right;
200}
201
202#principal #colonne_centrale .text_description {
203  width: 440px;
204  text-align: justify;
205  font-family: arial, helvetica, sans-serif, sans;
206  line-height: 1.4em;
207  padding-top: 20px;
208}
209
210#principal #colonne_centrale .text_description p {
211  padding: 0;
212  margin: 0;
213  text-indent: 1.4em;
214}
215
216#principal #colonne_centrale .text_description p:first-child {
217  text-indent: 0;
218}
219
220#principal #colonne_centrale .texte_article {
221  text-align: justify;
222  font-family: arial, helvetica, sans-serif, sans;
223  font-size: 85%;
224  line-height: 160%;
225  padding-top: 50px;
226}
227
228#principal #colonne_centrale .texte_article .spip_documents {
229  font-size: 90%;
230  text-align: justify;
231}
232
233#principal #colonne_centrale .texte_article .spip_documents p {
234  padding: 0;
235}
236
237#principal #colonne_centrale .texte_article .spip_documents .spip_doc_titre {
238  text-align: left;
239  padding-top: 5px;
240}
241
242#principal #colonne_centrale .texte_article .spip_documents .spip_doc_descriptif {
243  width: auto;
244}
245
246#principal #colonne_centrale .texte_article p {
247  padding: 0;
248  margin: 0;
249  padding-top: 0.7em;
250  padding-bottom: 0.7em;
251  padding-right: 230px;
252}
253
254#principal #colonne_centrale .texte_article p .spip_documents_right {
255  margin-right: -230px;
256  padding-left: 30px;
257  padding-bottom: 20px;
258}
259
260#principal #colonne_centrale .texte_article ul.spip {
261  margin-right: 230px;
262  margin-top: 0;
263  padding-top: 0;
264  padding-bottom: 0;
265}
266
267#principal #colonne_centrale .texte_article ul.spip li {
268  padding-top: 1em;
269}
270
271#principal #colonne_centrale .texte_article ul.spip li:first-child {
272  padding-top: 0;
273}
274
275#principal #colonne_centrale .texte_article ul.spip ul {
276  margin-right: 0;
277}
278
279#principal #colonne_centrale .texte_article h3 {
280  margin-right: 230px;
281  padding-left: 30px;
282  padding-right: 30px;
283  font-family: arial, helvetica, sans-serif, sans;
284  font-weight: bold;
285  font-size: 120%;
286  color: #444444;
287}
288
289#principal #colonne_centrale .notes_article {
290  margin-top: 30px;
291  font-size: 80%;
292  padding-left: 30px;
293  padding-right: 230px;
294}
295
296#principal #colonne_centrale .notes_article .ouvre_note {
297  display: block;
298  float: left;
299  margin-left: -30px;
300}
301
302.coloration_code .cadre {
303  background-color: #f0f0f0;
304  padding: 10px;
305}
306
307.coloration_code .cadre ol {
308  margin: 0;
309  padding: 0;
310  padding-left: 30px;
311  font-family: verdana, arial, sans;
312  font-weight: bold;
313  color: #999999;
314  line-height: 1.1em;
315  font-size: 0.5em;
316}
317
318.coloration_code .cadre ol li {
319  margin: 0;
320  padding: 0;
321  border-bottom: 1px solid #eeeeee;
322  margin-bottom: 2px;
323  padding-bottom: 2px;
324  font-weight: normal;
325  text-align: left;
326}
327
328.coloration_code .cadre ol li:first-child {
329  border-top: 1px solid #eeeeee;
330  padding-top: 4px;
331}
332
333.coloration_code .cadre ol li div {
334  color: #444444;
335  font-size: 2.4em;
336  line-height: 1.2em;
337}
338
339.coloration_code .cadre_download a {
340  font-size: 0.9em;
341}
342
343/* Styles du pied de page */
344/* ---------------------- */
345#bandeau-bas {  padding-top: 15px; font-size: 0.8em; line-height:1.5em; color: white;
346                                background: url([(#CHEMIN{imgs/fond-bandeau-bas.gif})]) top left repeat-x; }
347#bandeau-bas .bloc-pied { padding-bottom: 1em; }
348#bandeau-bas .logo-site-spip { position: absolute; right: -3px; top: 10px; }
349#bandeau-bas a { color: #dddddd; }
350#bandeau-bas a:hover { color: white; }
351#bandeau-bas ul { padding-left: 15px; list-style-type: disc; }
352#bandeau-bas #site-utilise { position: absolute; top: 70px; right: 0; width: 237px; }
353#bandeau-bas #galaxie { position: absolute; top: 100px; left: 0; }
354#bandeau-bas #syndication { position: absolute; top: 5px; left: 230px; width: 360px; }
355#bandeau-bas #syndication h3 { margin-top: 10px; }
356
357
358#selection_spip {
359  padding-top: 30px;
360  float: right;
361  width: 200px;
362  text-align: center;
363}
364
365
366#cadre-extra {
367        font-size: 0.8em;
368        line-height:1.5em;
369        border-top: 1px solid #[(#GET{couleur}|couleur_foncer)];
370        background-color: #[(#GET{couleur})];
371        color: #[(#GET{couleur}|couleur_extreme|couleur_inverser)]
372}
373
374
375/* --------------------------------- */
376/* plugins.spip.net version SVP 2011 */
377/* --------------------------------- */
378
379/* mise en page */
380
381.conteneur_page { position: relative;  width: 900px;  margin: auto;}
382#principal { min-height: 300px;  padding-bottom: 57px; background-color: #fff; }
383#principal #colonne_centrale { position: relative; width: 670px; float: right; padding-top: 55px;
384        font-family: arial, helvetica, sans-serif, sans; line-height: 1.4em; }
385#principal #colonne_navigation { width: 200px; padding-top: 150px; vertical-align: top; display: inline-block; -moz-display: inline-box; }
386
387h1 { margin: 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
388.minititre { margin-bottom: 5px; overflow: hidden; }
389.minititre span { display: block; float: left; padding: 0 4px 0 6px; height: 21px; overflow: hidden; background-color: [#(#GET{couleur})];
390  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
391<BOUCLE_minititres(DATA){source table,#SVP_CATEGORIES}>
392.categorie_[(#CLE)] span { background-color: [#(#CLE|categorie2couleur)]; }
393</BOUCLE_minititres>
394
395/* page plugin */
396
397#colonne_centrale #logo-article { width: 230px; position: absolute; top: 50px; left: -230px; text-align: center; }
398
399h1.titre_article { margin: 0 0 30px; }
400h1.titre_article img { padding: 3px 10px 0; background: #666;
401        -moz-border-radius : 12px; -webkit-border-radius : 12px; border-radius : 12px; }
402.titre_categorie { display: block; margin: -30px 0 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
403.page_plugin .contenu-principal .texte {  }
404
405.paquet { position: relative; font-size: 85%; }
406.paquet .h2 { padding-right: 120px; color: #666; font-size: 150%; }
407.paquet .telechargement { position: absolute; top: 0; right: 0; font-size: 125%; }
408.paquet .telechargement a { margin: 0; padding: 4px 4px 4px 20px; text-decoration: none; color: white;
409        background: #[(#GET{couleur})] url([(#CHEMIN{imgs/fleche-bas-blanc.gif})]) 6px center no-repeat;
410        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
411.paquet .bloc_infos { overflow: hidden; margin-left: 0; font-size: 90%; color: #666; }
412.paquet .bloc_infos a { color: #666; }
413.paquet .bloc_infos a:hover { color: #000; }
414.paquet .bloc_infos dt { float: left; clear: right; width: 30%; margin: 0 ; padding: 3px 0; font-weight: bold; }
415.paquet .bloc_infos dd { float: right; width: 60%; margin: 0 ; padding: 3px 0; }
416
417.meta-publi { margin-top: 2px; }
418.meta-publi a { padding: 4px; background-color: #e0e0e0; color: #666; text-decoration: none;
419        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
420.meta-publi a:hover { color: #000; }
421
422/* page plugins / categorie */
423
424.page_plugins #principal { background-color: #eee; }
425.page_plugins .paquets { width: 70%; }
426.page_plugins .paquets .paquet { margin-bottom: 50px; }
427.paquet .logo { float: right; padding: 5px 0 5px 20px; }
428.page_plugins .paquets .paquet .slogan { margin-top: 20px; text-align: justify; color: #444; }
429.page_plugins .paquets .paquet .bloc_infos { margin-bottom: 15px; }
430.page_plugins .paquets .paquet .meta-publi { text-align: right; }
431
432/* page sommaire */
433
434.page_sommaire #principal { background-color: #ddd; }
435.page_sommaire .cartouche .h1 { margin-left: -230px; }
436.page_sommaire .h2 { font-size: 118%; color: #666; }
437.page_sommaire .liste { font-size: 85%; color: #444; }
438.page_sommaire .liste .liste-items { margin: 0; padding: 0; list-style: none; }
439.page_sommaire #principal #colonne_centrale .last { margin-right: 0; }
440.page_sommaire #selection { float: none; margin: 24px 0;  padding: 9px; overflow: hidden;
441        border: 2px solid #ccc; background: #f7f7f7 url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
442        -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius : 10px; }
443.page_sommaire #selection .h2 { margin: 0; }
444.page_sommaire #selection #titres_selection { float: left; width: 200px; }
445.page_sommaire #selection #titres_selection a.lien-selection { display: block; width: 160px; padding: 2px 0 0 20px;
446        margin-top: 2px; text-decoration: none; color: #999; }
447.page_sommaire #selection #titres_selection a.lien-selection:hover { color: #444; }
448.page_sommaire #selection #titres_selection a.lien-selection-on { font-weight: bold; color: black;
449        background: url([(#CHEMIN{imgs/check-valid.gif})]) left 6px no-repeat; }
450.page_sommaire #selection #titres_selection a.lien-selection-on:hover { color: black; }
451.page_sommaire #selection #conteneur_selection { float: left; width: 440px; overflow: hidden; }
452.page_sommaire #selection #conteneur_selection #slide_selection { width: 4400px; }
453.page_sommaire #selection #conteneur_selection .liste-items .item { float: left; width: 440px; overflow: hidden; font-size: 100%; }
454.page_sommaire #selection .liste-items .item .bloc_infos { margin-top: 10px; font-size: 90%; }
455.page_sommaire #selection .liste-items .item .bloc_infos dt { font-weight: bold; color: #666; }
456.page_sommaire #selection .liste-items .item .bloc_infos dd { margin: 0; }
457.page_sommaire #selection .liste-items .item .meta-publi { text-align: right; }
458.page_sommaire #selection .liste-items .item .meta-publi a { color: #e0e0e0; background: #999; }
459.page_sommaire #selection .liste-items .item .meta-publi a:hover { color: #666; background: #e0e0e0; }
460.page_sommaire .resume { width: 30%; float: left; margin-right: 32px; }
461.page_sommaire .resume .liste-items .item { overflow: hidden; border-bottom: 1px dotted #ababab; }
462.page_sommaire .resume .liste-items .item a { display: block; position: relative; padding: 0 5px 0 50px;
463        text-decoration: none; color: #444; }
464.page_sommaire .resume .liste-items .item a img.logo { position: absolute; left: 5px; top: 6px; padding: 4px;
465        background: #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;  }
466.page_sommaire .resume .liste-items .item a:hover img.logo { background: #f3f3f3; }
467.page_sommaire .resume .liste-items .item span { display: block; }
468.page_sommaire .resume .liste-items .item .titre { height: 1.45em; overflow: hidden; padding: 8px 0 0;
469        font-weight: bold; color: #666; }
470
471
Note: See TracBrowser for help on using the repository browser.