root / tei / css / habillage.css @ 2
Historique | Voir | Annoter | Télécharger (8,75 ko)
1 | 2 | mingarao | /* --------------------------------------------------------- */
|
---|---|---|---|
2 | 2 | mingarao | /* Feuille de style des squelettes par defaut pour SPIP 2.0 */
|
3 | 2 | mingarao | /* --------------------------------------------------------- */
|
4 | 2 | mingarao | |
5 | 2 | mingarao | |
6 | 2 | mingarao | /* ------------------------------------------
|
7 | 2 | mingarao | /* Typographie generale (style transversaux)
|
8 | 2 | mingarao | /* ------------------------------------------ */
|
9 | 2 | mingarao | html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */ |
10 | 2 | mingarao | body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; } |
11 | 2 | mingarao | |
12 | 2 | mingarao | /* Titraille / Intertitres */
|
13 | 2 | mingarao | h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; } |
14 | 2 | mingarao | h1 { font-size: 1.70em; color: #000; } |
15 | 2 | mingarao | h2 { font-size: 1.40em; font-weight: normal; } |
16 | 2 | mingarao | h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; } |
17 | 2 | mingarao | h3 { font-size: 1.20em; font-weight: bold; } |
18 | 2 | mingarao | h3.spip {} /* Cf.: spip_style.css */ |
19 | 2 | mingarao | hr.spip {} /* Cf.: spip_style.css */ |
20 | 2 | mingarao | |
21 | 2 | mingarao | /* Autres enrichissements typo */
|
22 | 2 | mingarao | strong { font-weight: bold; } |
23 | 2 | mingarao | em { font-style: italic; } |
24 | 2 | mingarao | abbr, acronym { border-bottom: 1px dotted; cursor: help; } |
25 | 2 | mingarao | small { font-size: 0.90em; color: #666; } |
26 | 2 | mingarao | dfn { font-weight: bold; color: #666; } |
27 | 2 | mingarao | del { text-decoration: line-through; } |
28 | 2 | mingarao | ins { color: red !important; text-decoration: none; } |
29 | 2 | mingarao | sup, sub { font-size: .8em; font-variant: normal; } |
30 | 2 | mingarao | |
31 | 2 | mingarao | /* Listes */
|
32 | 2 | mingarao | ul.spip {} /* Cf.: spip_style.css */ |
33 | 2 | mingarao | ol.spip {} /* Cf.: spip_style.css */ |
34 | 2 | mingarao | dl {}
|
35 | 2 | mingarao | dt {}
|
36 | 2 | mingarao | dd {}
|
37 | 2 | mingarao | |
38 | 2 | mingarao | /* Citations, code et poesie */
|
39 | 2 | mingarao | cite {}
|
40 | 2 | mingarao | q {}
|
41 | 2 | mingarao | blockquote {}
|
42 | 2 | mingarao | blockquote.spip {} /* Cf.: spip_style.css */ |
43 | 2 | mingarao | blockquote.spip_poesie {} /* Cf.: spip_style.css */ |
44 | 2 | mingarao | .spip_code {} /* Cf.: spip_style.css */ |
45 | 2 | mingarao | .spip_cadre {} /* Cf.: spip_style.css */ |
46 | 2 | mingarao | address {}
|
47 | 2 | mingarao | |
48 | 2 | mingarao | /* Tableaux */
|
49 | 2 | mingarao | table.spip {} /* Cf.: spip_style.css */ |
50 | 2 | mingarao | |
51 | 2 | mingarao | /* Logos, documents et images */
|
52 | 2 | mingarao | img { margin: 0; padding: 0; border: 0; } |
53 | 2 | mingarao | .spip_logos {} /* Cf.: spip_style.css */ |
54 | 2 | mingarao | .spip_documents {} /* Cf.: spip_style.css */ |
55 | 2 | mingarao | .spip_documents_center {} /* Cf.: spip_style.css */ |
56 | 2 | mingarao | .spip_documents_left {} /* Cf.: spip_style.css */ |
57 | 2 | mingarao | .spip_documents_right {} /* Cf.: spip_style.css */ |
58 | 2 | mingarao | .spip_doc_titre {} /* Cf.: spip_style.css */ |
59 | 2 | mingarao | .spip_doc_descriptif {} /* Cf.: spip_style.css */ |
60 | 2 | mingarao | |
61 | 2 | mingarao | |
62 | 2 | mingarao | /* ------------------------------------------
|
63 | 2 | mingarao | /* Disposition a l'ecran des blocs principaux
|
64 | 2 | mingarao | /* ------------------------------------------ */
|
65 | 2 | mingarao | body { background: #FFF; margin: 0; padding: 0; text-align: center; } |
66 | 2 | mingarao | |
67 | 2 | mingarao | #page { position: relative; width: 58em; margin: 0 auto; text-align: left; } |
68 | 2 | mingarao | |
69 | 2 | mingarao | #entete { width: 58em; margin: 0; padding-top: 1.60em; border-bottom: 2px solid #8B6F92; } |
70 | 2 | mingarao | #entete a.accueil { display: block; width: 67%; } |
71 | 2 | mingarao | #entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; } |
72 | 2 | mingarao | #entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; } |
73 | 2 | mingarao | #entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/ |
74 | 2 | mingarao | |
75 | 2 | mingarao | #conteneur { clear: both; float: left; width: 67%; overflow: hidden; } |
76 | 2 | mingarao | #contenu { padding-top: 0.30em; } |
77 | 2 | mingarao | |
78 | 2 | mingarao | #navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; } |
79 | 2 | mingarao | #extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; } |
80 | 2 | mingarao | |
81 | 2 | mingarao | #pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; } |
82 | 2 | mingarao | #pied img { vertical-align: middle; } |
83 | 2 | mingarao | |
84 | 2 | mingarao | /* Espaceur de blocs */
|
85 | 2 | mingarao | .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; } |
86 | 2 | mingarao | |
87 | 2 | mingarao | /* Non visible a l'ecran */
|
88 | 2 | mingarao | .invisible { position: absolute; top: -3000em; height: 1%; } |
89 | 2 | mingarao | |
90 | 2 | mingarao | |
91 | 2 | mingarao | /* ------------------------------------------
|
92 | 2 | mingarao | /* Habillage des elements du contenu
|
93 | 2 | mingarao | /* ------------------------------------------ */
|
94 | 2 | mingarao | |
95 | 2 | mingarao | #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; } |
96 | 2 | mingarao | #hierarchie, #hierarchie a { color: #666; } |
97 | 2 | mingarao | |
98 | 2 | mingarao | .cartouche { margin-bottom: 2em; } |
99 | 2 | mingarao | .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; } |
100 | 2 | mingarao | .cartouche p { margin: 0; padding: 0; clear: left; } |
101 | 2 | mingarao | .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; } |
102 | 2 | mingarao | .cartouche .surtitre { margin-bottom: 0.30em; } |
103 | 2 | mingarao | .cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; } |
104 | 2 | mingarao | .cartouche .traductions { font-size: 0.90em; } |
105 | 2 | mingarao | |
106 | 2 | mingarao | .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; } |
107 | 2 | mingarao | .texte { line-height: 1.60em; } |
108 | 2 | mingarao | .hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; } |
109 | 2 | mingarao | .ps, .notes { margin-bottom: 2em; line-height: 1.40em; } |
110 | 2 | mingarao | .notes { clear: both; font-size: 0.90em; } |
111 | 2 | mingarao | |
112 | 2 | mingarao | abbr.published { border: 0; } |
113 | 2 | mingarao | |
114 | 2 | mingarao | /* Portfolio */
|
115 | 2 | mingarao | #documents_portfolio { clear: both; margin: 2em auto; text-align: center; } |
116 | 2 | mingarao | #documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; } |
117 | 2 | mingarao | #documents_portfolio a.on .spip_logos { border-color: #F57900; } |
118 | 2 | mingarao | #documents_portfolio a:focus .spip_logos, |
119 | 2 | mingarao | #documents_portfolio a:hover .spip_logos, |
120 | 2 | mingarao | #documents_portfolio a:active .spip_logos { border-color: #8B6F92; } |
121 | 2 | mingarao | |
122 | 2 | mingarao | |
123 | 2 | mingarao | /* Habillage des forums
|
124 | 2 | mingarao | ---------------------------------------------- */
|
125 | 2 | mingarao | .repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; } |
126 | 2 | mingarao | |
127 | 2 | mingarao | /* Habillage des forums */
|
128 | 2 | mingarao | ul.forum { display: block; clear: both; margin: 0; padding: 0; } |
129 | 2 | mingarao | ul.forum, ul.forum ul { list-style: none; } |
130 | 2 | mingarao | .forum-fil { margin-top: 1.50em; } |
131 | 2 | mingarao | .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; } |
132 | 2 | mingarao | .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; } |
133 | 2 | mingarao | .forum-texte { margin: 0; padding: 0.50em 1em; color: #333; } |
134 | 2 | mingarao | .forum-texte .hyperlien {} |
135 | 2 | mingarao | .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; } |
136 | 2 | mingarao | |
137 | 2 | mingarao | /* Boite d'un forum : eclaircissement progressif des bords */
|
138 | 2 | mingarao | ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } |
139 | 2 | mingarao | ul ul .forum-message { border: 1px solid #A4A4A4; } |
140 | 2 | mingarao | ul ul ul .forum-message { border: 1px solid #B8B8B8; } |
141 | 2 | mingarao | ul ul ul ul .forum-message { border: 1px solid #CCC; } |
142 | 2 | mingarao | ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } |
143 | 2 | mingarao | ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } |
144 | 2 | mingarao | |
145 | 2 | mingarao | /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
|
146 | 2 | mingarao | ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; } |
147 | 2 | mingarao | ul ul .forum-chapo { background: #D4E8E8; } |
148 | 2 | mingarao | ul ul ul .forum-chapo { background: #E4F0F0; } |
149 | 2 | mingarao | ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; } |
150 | 2 | mingarao | ul ul ul ul ul .forum-chapo { background: #FFF; } |
151 | 2 | mingarao | |
152 | 2 | mingarao | |
153 | 2 | mingarao | /* Habillage des petitions
|
154 | 2 | mingarao | ---------------------------------------------- */
|
155 | 2 | mingarao | #signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; } |
156 | 2 | mingarao | #signatures table { width: 100%; margin: 1em 0 0 0; } |
157 | 2 | mingarao | #signatures thead { text-align: center; color: #555; } |
158 | 2 | mingarao | #signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; } |
159 | 2 | mingarao | #signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; } |
160 | 2 | mingarao | #signatures td.signature-nom { background: #ECF4F4; text-align: center; } |
161 | 2 | mingarao | #signatures td.signature-nom small { display: block; } |
162 | 2 | mingarao | #signatures td.signature-message { background: #F4F8F8; } |
163 | 2 | mingarao | #signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/ |
164 | 2 | mingarao | #signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/ |
165 | 2 | mingarao | |
166 | 2 | mingarao | |
167 | 2 | mingarao | /* ------------------------------------------
|
168 | 2 | mingarao | /* Sous-navigation et autres menus
|
169 | 2 | mingarao | /* ------------------------------------------ */
|
170 | 2 | mingarao | |
171 | 2 | mingarao | /* Habillage general des menus de navigation */
|
172 | 2 | mingarao | .menu { clear: both; margin-bottom: 2em; text-align: left; } |
173 | 2 | mingarao | .menu p { margin: 0.20em 0; padding: 0.20em 0.10em; } |
174 | 2 | mingarao | .menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; } |
175 | 2 | mingarao | .menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; } |
176 | 2 | mingarao | .menu ul li ul { margin-left: 1em; border: 0; } |
177 | 2 | mingarao | .menu ul li li { padding: 0; border: 0; } |
178 | 2 | mingarao | |
179 | 2 | mingarao | /* Pagination */
|
180 | 2 | mingarao | .pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; } |
181 | 2 | mingarao | .pagination .on { font-weight: bold; color: #666; } |
182 | 2 | mingarao | |
183 | 2 | mingarao | /* Rubriques */
|
184 | 2 | mingarao | .rubriques ul { border: 0; } |
185 | 2 | mingarao | .rubriques ul li { background: #EEE; border: 0; } |
186 | 2 | mingarao | |
187 | 2 | mingarao | .formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/ |
188 | 2 | mingarao | |
189 | 2 | mingarao | /* Listes d'articles et extraits introductifs */
|
190 | 2 | mingarao | .articles ul li { clear: both; padding: 0.40em 0.20em; } |
191 | 2 | mingarao | .articles ul li h3 { margin: 0.30em 0; } |
192 | 2 | mingarao | .articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; } |
193 | 2 | mingarao | .articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; } |
194 | 2 | mingarao | .articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; } |
195 | 2 | mingarao | |
196 | 2 | mingarao | |
197 | 2 | mingarao | /* Couleurs des liens
|
198 | 2 | mingarao | ---------------------------------------------- */
|
199 | 2 | mingarao | a { color: #604A7F; text-decoration: none; } |
200 | 2 | mingarao | a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; } |