source: trunk/spip/esqueleto-redcta/themes/En-rondeur/habillage.css @ 30

Last change on this file since 30 was 30, checked in by sebas, 17 years ago

nueva importacion del codigo del esqueleto de redcta con los plugins

File size: 13.7 KB
Line 
1/*  ----------------------------------------------------------- */
2/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
3/*  ----------------------------------------------------------- */
4
5/* taille typo
6 * Base                         100%
7 * -------------------------------------
8 * 20px                         1.27em
9 * 19px                         1.21em
10 * 18px                         1.15em
11 * 17px                         1.09em
12 * 16px                         1.03em
13 * 15px                         0.96em
14 * 14px                         0.88em
15 * 13px                         0.82em
16 * 12px                         0.77em
17 * 11px                         0.71em
18 * 10px                         0.65em
19 *  9px                         0.59em
20 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
21 */
22
23/*  ------------------------------------------
24/*  Correction des styles HTML par defaut
25/*  ------------------------------------------ */
26body {
27        margin: 0;
28        padding: 0;
29        background-color: silver;
30        text-align: center;
31        font-size: 96%;
32        background-color: #757D88;
33}
34
35img, table { margin: 0; padding: 0; border: none; }
36ul, ol, li { margin: 0; padding: 0; }
37ul { list-style: none; }
38h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
39
40/*  ------------------------------------------
41/*  Disposition a l'ecran des blocs principaux
42/*  ------------------------------------------ */
43#page {
44        width: 51em;
45        text-align: left;
46        margin: 1.5em auto;
47        padding-top: .5em;
48        background-color: white;
49}
50#page_agenda {  text-align: left;}
51
52#conteneur { width: 50em; margin: 0 .5em;}
53
54#conteneur #contenu {
55        float: right;
56        width: 38em;
57        display:inline;
58        margin: 0 0 0 0;
59}
60
61#conteneur #navigation {
62        float: left;
63        width: 11em;
64        display: inline;
65        margin: 0;
66        background-color: #F3CF00;
67}
68
69/* Blocs du contenu (c-a-d. la colonne principale) */
70#contenu .contre-encart {
71        float: left;
72        width: 59%; 
73}
74
75#contenu .encart {
76        float: right;
77        width: 35%;
78        margin: 0;
79        /*
80        position: absolute;
81        top: 0;
82        right: 0;
83        width: 9em;
84        margin: 0 0 1em;
85        padding:0;
86        background-color: silver;
87        overflow:hidden;
88        */
89 }
90
91
92/* Entete */
93#entete {
94        position: relative;
95        left: 0;
96        width: auto;
97        margin: 0 .5em;
98        padding: 0 0;
99        background-color: #595D66;
100        border: 0;
101}
102#entete a {
103        display: block;
104        font-weight: normal;
105        color: white;
106        font-size: 2.5em;
107        margin: 0 ;
108        background-repeat: repeat;
109}
110#entete a { text-decoration: none; }
111#entete .formulaire_recherche { position:absolute; bottom:-2em; right:.3em;}
112#entete .formulaire_recherche .forml { width: 8em;}
113
114/* Fil d'Ariane */
115#hierarchie {
116        clear: both;
117        font-size: 0.77em;
118        margin: .7em 9.66em 0 .66em;
119        padding-bottom: .66em;
120        /* border-bottom: 1px dotted #757D88 */
121        /* background-color: silver; */
122}
123
124/* Pied de page */
125#pied {
126        clear: both;
127        margin: .5em;
128        padding: .5em 0;
129        text-align: center;
130        background-color: navy;
131        color: white;
132}
133#pied small a { font-size: 0.9em; color: white }
134#pied img { vertical-align: bottom; }
135
136/* Espaceur de blocs */
137.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
138
139/* Non visible a l'ecran */
140.invisible { position: absolute; top: -3000em; height: 1%; }
141
142/*  ------------------------------------------
143/*  Typographie generale du site
144/*  ------------------------------------------ */
145
146/* Typo pour le titre du site */
147#entete #nom_site_spip {
148        font-family: Impact, "Trebuchet MS",Tahoma, "Arial Narrow", "Futura Condensed",  Helvetica, sans-serif; }
149
150/* Typo pour les menus et la navigation */
151body, #navigation, .encart,.formulaire_spip {
152        font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }
153
154/* Typo pour le contenu */
155#contenu {
156        font-family: "Trebuchet MS", Helvetica, sans-serif; }
157
158/* Typo pour les citations et extraits introductifs */
159q, blockquote, .liste-articles li .texte, h3.spip {
160        font-family: "Bitstream Vera Serif", Georgia, Times, serif; }
161
162
163/*  ------------------------------------------
164/*  Habillage des menus et de la navigation
165/*  ------------------------------------------ */
166
167/*  Habillage general des menus de navigation
168---------------------------------------------- */
169.rubriques, .breves, .syndic, .forums, .divers {
170        min-width: 9em;
171        /* border: 1px solid #CCC; */
172        margin-bottom: 1em;
173        font-size: 0.77em;
174        font-family: "Trebuchet MS", Arial, sans-serfi;
175}
176
177.menu-titre {
178        padding: 0.4em 0;
179        /* border-bottom: 1px dotted #CCC; */
180        text-align: center;
181        font-weight: normal;
182        font-size: 1.2em;
183        text-transform: uppercase;
184        color:white; 
185}
186.menu-titre a, .menu-titre a:link, .menu-titre a:visited, .menu-titre a:hover { color: white; }
187
188
189.rubriques p, .breves p, .syndic p, .forums p, .divers p { margin: 0; padding: 0.2em 0.7em;  }
190.rubriques ul, .breves ul, .syndic ul, .forums ul, .divers ul { padding: 0.2em 0; }
191.rubriques li, .breves li, .syndic li, .forums li, .divers li { padding: 0 0.7em; }
192
193/*  Des couleurs specifiques selon les types de menus
194---------------------------------------------- */
195.rubriques { background: transparent;}
196.rubriques .menu-titre {background: transparent; }
197
198#navigation .breves { background: transparent; }
199#navigation .breves .menu-titre { background: transparent; }
200.encart .breves { background: #E65714; }
201.encart .breves .menu-titre { background: #E65714; }
202
203.syndic { background: #369A3D; }
204.syndic .menu-titre { background: #369A3D; }
205
206.forums { background: #42B4AC; }
207.forums .menu-titre { background-color: #42B4AC; }
208
209.divers { background: transparent; }
210.divers .menu-titre { background: transparent; }
211
212/*  Habillage spécifique des blocs d'encart
213---------------------------------------------- */
214
215/*
216#contenu .encart div {
217        width: 30%;
218        margin: 0;
219        text-align: left;
220}
221#contenu .encart div.breves { float: left; }
222#contenu .encart div.forums { float: right; }
223#contenu .encart div.syndic { margin: 0 auto; }
224#contenu .encart div.formulaire_spip {width:auto; }
225*/
226
227/*  ------------------------------------------
228/*  Habillage du contenu
229/*  ------------------------------------------ */
230
231/*  Cartouche et titraille
232---------------------------------------------- */
233.cartouche { margin-bottom: 2em; }
234
235.cartouche .titre {
236        font-size: 1.27em;
237        font-weight: bold;
238        color: #000; }
239#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }
240
241.cartouche .spip_logos {
242        float: right;
243        margin-left: 16px;
244        margin-bottom: 16px; }
245
246.cartouche p { margin: 0; padding: 0; clear: left; }
247.cartouche small { font-size: 0.71em; }
248
249.cartouche .traductions { font-size: 0.71em; }
250.cartouche .traductions * { display: inline; }
251.cartouche .traductions li { padding-left: 1em; }
252
253
254/*  Mise en forme des textes du contenu
255---------------------------------------------- */
256.chapo {
257        margin-bottom: 1.5em;
258        font-weight: bold;
259        line-height: 1.4em;
260        background-color: #42B4AC;
261        padding: 1em;
262}
263
264.lien {
265        background: #EEE;
266        margin: 1em;
267        margin-bottom: 1.5em;
268        padding: 0.82em;
269        border: 1px solid #CCC;
270        font-size: 0.82em;
271        font-weight: bold; }
272
273.texte { color: #000; font-size: 0.96em; }
274
275.ps, .notes {
276        margin-top: 1.4em;
277        padding-top: 2px;
278        border-top: 2px solid #CCC; }
279.ps { font-size: 0.82em; }
280.notes { clear: both; font-size: 0.77em; }
281.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }
282
283/*  Portfolio
284---------------------------------------------- */
285#documents_portfolio {
286        clear: both;
287        margin-top: 1.4em;
288        padding-top: 2px;
289        border-top: 2px solid #CCC; }
290#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
291
292#document_actif { margin-top: 1em; }
293
294/*  Listes de documents joints (a un article ou une rubrique)
295---------------------------------------------- */
296#documents_joints {
297        margin-top: 1.4em;
298        padding-top: 2px;
299        border-top: 2px solid #CCC; }
300#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
301#documents_joints li { margin-bottom: 0.4em; }
302#documents_joints li .spip_doc_titre {}
303#documents_joints li .spip_doc_titre small { font-weight: normal; }
304#documents_joints li .spip_doc_descriptif {}
305
306/* Listes d'articles et extraits introductifs
307----------------------------------------------- */
308.liste-articles li { margin-bottom: 1em; clear: both; }
309
310.liste-articles li .titre {
311        font-size: 1.03em;
312        font-weight: bold; }
313
314.liste-articles li .spip_logos {
315        float: right;
316        margin-left: 16px;
317        margin-bottom: 16px;
318        clear: right; }
319
320.liste-articles li p { margin: 0; padding: 0; }
321
322.liste-articles li .enclosures {
323        float: right;
324        text-align: right;
325        max-width: 60%;
326        margin: 0; }
327
328.liste-articles li small {
329        display: block;
330        font-size: 0.71em; }
331
332.liste-articles li .texte {
333        margin-top: 5px;
334        margin-bottom: 2em;
335        /*border: 1px solid #CCC; */
336        padding: 0.9em;
337        font-size: 0.82em;
338        line-height: 1.4em;
339        background-color: #EEE;
340}
341
342.contre-encart .liste-articles li {
343        border-bottom: 1px solid white;
344        margin-bottom: 0;
345        padding: .5em;
346}
347.contre-encart {
348        background-color: #F3CF00;
349}
350
351.pagination { font-size: 0.90em; text-align: center; background: #F3CF00; margin-top:1em;  }
352
353/*  ------------------------------------------
354/*  Habillage specifique du plan du site
355/*  ------------------------------------------ */
356
357.page_plan #contenu h2 {
358        clear: both;
359        background: #EEE;
360        border: 1px solid #CCC;
361        padding: 0.5em;
362        margin-bottom: 1em;
363        font-weight: bold;
364        text-align: center; }
365
366.page_plan #contenu .contre-encart ul {
367        display: block;
368        clear: left;
369        margin-left: 1em;
370        margin-bottom: 1em;
371        list-style: square; }
372.page_plan #contenu .contre-encart li { list-style: inherit; }
373
374/*  ------------------------------------------
375/*  Habillage des formulaires
376/*  ------------------------------------------ */
377
378/* Correction des styles HTML par defaut */
379.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }
380
381/* Styles des formulaires de Spip */
382.formulaire_spip {
383        text-align: left;
384        font-size: 0.77em;
385}
386
387.formulaire_spip p {
388        margin: 0.5em 0;
389        padding: 0; }
390
391.formulaire_spip fieldset {
392        display: block;
393        margin: 0.77em 0;
394        padding: 0.77em;
395        border: 1px dotted;
396}
397.formulaire_spip legend {
398        font-weight: bold;
399        padding: 3px;
400        background: #FFF;
401        /* Sinon, superposition dans MSIE */
402}
403
404.formulaire_spip label {}
405.formulaire_spip .forml {
406        width: 99%;
407        padding: 1px;
408        border: 1px solid;
409        font-family: inherit;
410        font-size: inherit; }
411
412.spip_bouton { text-align: right; }
413.spip_bouton input {
414        margin: 3px 0;
415        padding: 1px 2px;
416        border: 2px outset;
417        font-weight: bold;
418        float: right; }
419
420/* Reponse du formulaire */
421.reponse_formulaire { font-weight: bold; color: #F00; }
422fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }
423
424/* Previsualisation du message */
425fieldset.previsu {
426        padding: 1em;
427        border: 1px solid; }
428
429/* Formulaire de login au forum */
430.formulaire_login_forum .forml { width: 12em; }
431.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }
432
433/* Choix des mots-clefs */
434.choix_mots { width: 47%; float: left; } 
435.choix_mots label { display: inline; }
436
437/* Formulaire de recherche */
438.formulaire_recherche { text-align: left; }
439.formulaire_recherche label { display: none; }
440
441/* Formulaire d'inscription */
442.formulaire_inscription fieldset {
443        font-family: Tahoma;
444        margin: 0.77em 0;
445        padding: 0.77em;
446        border: none;
447        display:block;
448}
449
450.formulaire_inscription legend {
451        padding: 0;
452        color: #757D88;
453        background-color: transparent;
454        white-space: normal;
455        text-align:center;
456        margin: 0 auto;
457}
458
459
460/*  ------------------------------------------
461/*  Habillage des forums
462/*  ------------------------------------------ */
463
464.forum-repondre, .forum-decompte {
465        clear: both;
466        margin-top: 2.5em;
467        padding-top: 2px;
468        border-top: 2px solid #CCC;
469        font-size: 0.88em;
470        font-weight: bold; }
471
472/* * Habillage des forums */
473ul.forum { display: block; clear: both; margin: 0; padding: 0; }
474.forum-fil { margin-top: 1.5em; }
475.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
476.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
477.forum-chapo small {}
478.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
479.forum-texte .forum-lien {}
480.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }
481
482/* Boite d'un forum : eclaircissement progressif des bords */
483ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
484ul ul .forum-message { border: 1px solid #A4A4A4; }
485ul ul ul .forum-message { border: 1px solid #B8B8B8; }
486ul ul ul ul .forum-message { border: 1px solid #CCC; }
487ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
488ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }
489
490/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
491ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
492ul ul .forum-chapo { background: #D4E8E8; }
493ul ul ul .forum-chapo { background: #E4F0F0; }
494ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
495ul ul ul ul ul .forum-chapo { background: #FFF; }
496
497/*  ------------------------------------------
498/*  Habillage des petitions
499/*  ------------------------------------------ */
500
501#signatures { clear: both; font-size: 0.77em; }
502
503#signatures h2 {
504        padding: 0.5em;
505        text-align: center;
506        font-size: 1.2em;
507        font-weight: bold; }
508
509#signatures table { width: 100%; margin: 1em 0; }
510#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */
511
512#signatures td.signature-date {
513        background: #E4F0F0;
514        padding: 0.5em;
515        white-space: nowrap; }
516
517#signatures td.signature-nom {
518        background: #ECF4F4;
519        padding: 0.2em;
520        text-align: center;
521        font-weight: bold; }
522
523#signatures td.signature-message {
524        background: #F4F8F8;
525        padding: 0.4em;
526        font-size: 0.96em; }
527
528/*  ------------------------------------------
529/*  Couleurs des liens
530/*  ------------------------------------------ */
531a { text-decoration: none; color: #333; }
532a:hover { text-decoration: underline; }
Note: See TracBrowser for help on using the repository browser.