1 | /*****************************************************/ |
---|
2 | /* Design: GoFlexiblePro */ |
---|
3 | /* Stylesheet for screen rendering */ |
---|
4 | /*---------------------------------------------------*/ |
---|
5 | /* Author: G. Wolfgang */ |
---|
6 | /* Email: gw@actamail.com */ |
---|
7 | /* Date: April 14, 2006 */ |
---|
8 | /*---------------------------------------------------*/ |
---|
9 | /* You can use this stylesheet freely under the */ |
---|
10 | /* condition of giving proper author credits. */ |
---|
11 | /*---------------------------------------------------*/ |
---|
12 | /* Check out my favorite website: www.sda.org */ |
---|
13 | /*****************************************************/ |
---|
14 | |
---|
15 | /*-----------------------------------------------------------------------*/ |
---|
16 | /* REMARK: FONT-SIZE DEFINITIONS */ |
---|
17 | /*-----------------------------------------------------------------------*/ |
---|
18 | /* Relative font-sizes in "em" are used where necessary. To make the */ |
---|
19 | /* "em"-units normed, the incoming font sizes are set to 1.0 em. The */ |
---|
20 | /* font-size variations throughout the webpage are then expressed in */ |
---|
21 | /* percentage values respective to the incoming font-size. To make */ |
---|
22 | /* calculations easier, the font definition in "body" is such that */ |
---|
23 | /* 1.0em = 10px. This makes life a real breeze! */ |
---|
24 | /*-----------------------------------------------------------------------*/ |
---|
25 | |
---|
26 | /*************************/ |
---|
27 | /* SECTION 1 - MAIN BODY */ |
---|
28 | /*************************/ |
---|
29 | |
---|
30 | /*-------------------------------*/ |
---|
31 | /* Section 1.1 - Page definition */ |
---|
32 | /*-------------------------------*/ |
---|
33 | |
---|
34 | body { |
---|
35 | font-size: 62.5%; margin: 0 auto; padding: 0; background: white url(background.gif) top center repeat-y; font-family: "trebuchet ms", verdana, arial, sans-serif; |
---|
36 | } |
---|
37 | |
---|
38 | #page { |
---|
39 | width: 780px; margin: 0 auto; padding: 0; border-left: solid 1px rgb(150,150,150); border-right: solid 1px rgb(150,150,150); background-color: rgb(237,237,237); |
---|
40 | } |
---|
41 | |
---|
42 | #conteneur { clear: both; width: 100%; } |
---|
43 | |
---|
44 | /**********************/ |
---|
45 | /* SECTION 2 - HEADER */ |
---|
46 | /**********************/ |
---|
47 | |
---|
48 | /*--------------------------------------*/ |
---|
49 | /* Section 2.1 - Global navigation menu */ |
---|
50 | /*--------------------------------------*/ |
---|
51 | |
---|
52 | #entete { |
---|
53 | /*float: left; position: absolute;*/ z-index: 3; width: 780px; top: 5px; background: transparent url(header.jpg) left bottom no-repeat; min-height: 110px; |
---|
54 | } |
---|
55 | |
---|
56 | #entete .formulaire_recherche { |
---|
57 | float: right; margin: 0; padding: 0; list-style: none; |
---|
58 | } |
---|
59 | #entete .formulaire_recherche label { |
---|
60 | white-space: nowrap; text-transform: uppercase; margin: 0; padding: 0 5px 0 5px; color: rgb(150,150,150); text-decoration: none; font-size: 100%; |
---|
61 | } |
---|
62 | |
---|
63 | #entete a:hover { |
---|
64 | background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline; |
---|
65 | } |
---|
66 | |
---|
67 | /*-----------------------------------*/ |
---|
68 | /* Section 2.2 - Sitename and Banner */ |
---|
69 | /*-----------------------------------*/ |
---|
70 | |
---|
71 | #entete #nom_site_spip, #entete a .spip_logos { |
---|
72 | clear: both; float: left; position: absolute; z-index: 1; width: 700px; top: 20px; margin: 0; padding-left: 14px; background-color: transparent; color: rgb(225,225,225); font-weight: bold; font-size: 24px; |
---|
73 | } |
---|
74 | |
---|
75 | .site-slogan { |
---|
76 | float: left; position: absolute; z-index: 2; width: 11.7em; top: 1.9em; left: 16px; margin: 0; padding: 0 3px 1px 3px; background-color: rgb(150,150,150); color: rgb(225,225,225); font-weight: bold; font-size: 14px; |
---|
77 | } |
---|
78 | |
---|
79 | .img-header { |
---|
80 | clear: both; float: left; width: 780px; height: 110px; margin: 0; padding: 0; |
---|
81 | } |
---|
82 | |
---|
83 | /*------------------------------------*/ |
---|
84 | /* Section 2.3 - Main navigation menu */ |
---|
85 | /*------------------------------------*/ |
---|
86 | |
---|
87 | #hierarchie { |
---|
88 | clear: both; width: 770px; margin: 0; padding-left: 10px; border-top: solid 1px rgb(125,125,125); border-bottom: solid 1px rgb(125,125,125); background-color: rgb(190,190,190); font-weight: bold;font-size: 1.2em; |
---|
89 | } |
---|
90 | |
---|
91 | #hierarchie a { |
---|
92 | color: rgb(255,255,255); margin: 0; padding: 0; text-decoration: none; |
---|
93 | } |
---|
94 | |
---|
95 | #hierarchie, #hierarchie a:hover, #hierarchie a.selected { |
---|
96 | color: rgb(110,110,110); text-decoration: none; |
---|
97 | } |
---|
98 | |
---|
99 | /*************************************/ |
---|
100 | /* SECTION 3 - FRONT-PAGE SIDEBANNER */ |
---|
101 | /*************************************/ |
---|
102 | |
---|
103 | .sidebanner-frontpage { |
---|
104 | clear: both; float: left; width: 160px; margin: 0; padding: 0; |
---|
105 | } |
---|
106 | |
---|
107 | .img-sidebanner { |
---|
108 | width: 160px; margin: 0; padding: 0; border: none; |
---|
109 | } |
---|
110 | |
---|
111 | /******************************/ |
---|
112 | /* SECTION 4 - SUB-NAVIGATION */ |
---|
113 | /******************************/ |
---|
114 | |
---|
115 | /*--------------------*/ |
---|
116 | /* Section 4.1 - Size */ |
---|
117 | /*--------------------*/ |
---|
118 | |
---|
119 | .forum-fil { |
---|
120 | clear: both; margin: 0; padding: 0; color: rgb(110,110,110); list-style: none; border-bottom: solid 1px rgb(200,200,200); |
---|
121 | } |
---|
122 | |
---|
123 | .forum-fil ul { |
---|
124 | list-style: none; margin: 0; padding: 0; |
---|
125 | } |
---|
126 | |
---|
127 | .forum-fil li { |
---|
128 | margin: 0; padding: 0; /*border-left: solid 5px rgb(235,235,235);*/ |
---|
129 | } |
---|
130 | |
---|
131 | .forum-fil .forum-titre { |
---|
132 | vertical-align: top; margin: 0; padding: 10px 7px 10px 14px; color: rgb(175,175,175); font-weight: bold; font-size: 140%; |
---|
133 | } |
---|
134 | |
---|
135 | .forum-fil a { |
---|
136 | color: rgb(110,110,110); |
---|
137 | } |
---|
138 | |
---|
139 | |
---|
140 | /*******************************************************************/ |
---|
141 | /* SECTION 5 - Extend left column height to footer */ |
---|
142 | /*-----------------------------------------------------------------*/ |
---|
143 | |
---|
144 | .container-content-sidebar { |
---|
145 | float: left; width: 620px; min-height: 400px; margin: 0; padding: 0; background-color: rgb(255,255,255); |
---|
146 | } |
---|
147 | |
---|
148 | /* IE6-hack for min-height. Also works for IE7-Beta2 */ |
---|
149 | * html .container-content-sidebar { |
---|
150 | height: 400px; |
---|
151 | } |
---|
152 | /* End IE-Hack */ |
---|
153 | |
---|
154 | /* Put a buffer between sub-navigation column and */ |
---|
155 | /* main-navigation so that the global page background */ |
---|
156 | /* color does not come through in this place */ |
---|
157 | |
---|
158 | .buffer { |
---|
159 | float: left; width: 160px; height: 20px; margin: 0; padding: 0; background-color: rgb(255,255,255); |
---|
160 | } |
---|
161 | |
---|
162 | /***********************/ |
---|
163 | /* SECTION 6 - CONTENT */ |
---|
164 | /***********************/ |
---|
165 | |
---|
166 | /*--------------------*/ |
---|
167 | /* Section 6.1 - Size */ |
---|
168 | /*--------------------*/ |
---|
169 | |
---|
170 | #contenu { |
---|
171 | float: left; width: 425px; margin: 0; margin-left: 144px; padding: 30px 20px 0 20px; background-color: rgb(255,255,255); display: inline; |
---|
172 | } |
---|
173 | |
---|
174 | /*-------------------------*/ |
---|
175 | /* Section 6.2 - Pagetitle */ |
---|
176 | /*-------------------------*/ |
---|
177 | |
---|
178 | #contenu .cartouche { |
---|
179 | width: 390px; margin: 0 0 10px 0; padding: 0; |
---|
180 | } |
---|
181 | |
---|
182 | #contenu .cartouche p { |
---|
183 | padding: 0; margin: 0; font-weight: bold; font-size: 140%; |
---|
184 | } |
---|
185 | |
---|
186 | /*----------------------------------*/ |
---|
187 | /* Section 6.3 - Extra container */ |
---|
188 | /*----------------------------------*/ |
---|
189 | /* To ensure that no problems arise */ |
---|
190 | /* with right and left floatings */ |
---|
191 | /* and make the implementation */ |
---|
192 | /* robuster. */ |
---|
193 | /*----------------------------------*/ |
---|
194 | |
---|
195 | /*#contenu box-container-full { |
---|
196 | float: left; width: 425px; margin: 0 0 1.5em 0; padding: 0; |
---|
197 | }*/ |
---|
198 | |
---|
199 | #contenu .contre-encart { |
---|
200 | float: left; width: 205px; margin: 0 0 1.5em 0; padding: 0; |
---|
201 | } |
---|
202 | |
---|
203 | #contenu .encart { |
---|
204 | float: right; width: 205px; margin: 0 0 1.5em 0; padding: 0; |
---|
205 | } |
---|
206 | |
---|
207 | /*-----------------------------*/ |
---|
208 | /* Section 6.4 - Content title */ |
---|
209 | /*-----------------------------*/ |
---|
210 | |
---|
211 | #contenubox-title-noshading-noline { |
---|
212 | display: block; margin: 0; padding: 0; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%; |
---|
213 | } |
---|
214 | |
---|
215 | h3.spip, #contenu h2 { |
---|
216 | display: block; margin: 0 0 0.2em 0; padding: 0; border-bottom: solid 2px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%; text-align: left; |
---|
217 | } |
---|
218 | h3.spip a, #contenu h2 a { text-decoration: none; } |
---|
219 | |
---|
220 | .liste-articles ul, .encart ul, .page_plan ul { list-style: none; margin: 0; padding: 0; } |
---|
221 | .liste-articles li .titre { |
---|
222 | margin: 0; padding: 1px 0 2px 3px; background-color: rgb(225,225,225); font-weight: bold; font-size: 150%; |
---|
223 | } |
---|
224 | |
---|
225 | /*--------------------------------*/ |
---|
226 | /* Section 6.5 - Contentbox size */ |
---|
227 | /*--------------------------------*/ |
---|
228 | |
---|
229 | /* No shading */ |
---|
230 | #contenubox-noshading { |
---|
231 | margin: 0; padding: 0.7em 0 0px 0; background-color: transparent; |
---|
232 | } |
---|
233 | |
---|
234 | /* Shading */ |
---|
235 | .liste-articles li { |
---|
236 | margin: 0; padding: 7px 10px 5px 10px; background-color: transparent; |
---|
237 | } |
---|
238 | |
---|
239 | /*-------------------------------*/ |
---|
240 | /* Section 6.6 - Contentbox text */ |
---|
241 | /*-------------------------------*/ |
---|
242 | |
---|
243 | /* Heading */ |
---|
244 | h1 { |
---|
245 | clear: left; margin: 1.0em 0 1.0em 0; font-weight: bold; font-size: 150%; |
---|
246 | } |
---|
247 | |
---|
248 | h2 { |
---|
249 | clear: left; margin: 1.5em 0 1.0em 0; font-weight: bold; font-size: 140%; |
---|
250 | } |
---|
251 | |
---|
252 | h3 { |
---|
253 | clear: left; margin: 1.0em 0 0.6em 0; font-weight: bold; font-size: 130%; |
---|
254 | } |
---|
255 | |
---|
256 | h4 { |
---|
257 | clear: left; margin: 0.5em 0 0.5em 0; font-weight: bold; font-style: italic; font-size: 130%; |
---|
258 | } |
---|
259 | |
---|
260 | /* Paragraph text */ |
---|
261 | p { |
---|
262 | clear: left; margin: 0 0 0.5em 0; padding: 0; font-size: 130%; |
---|
263 | } |
---|
264 | |
---|
265 | /* Quote */ |
---|
266 | p.quote { |
---|
267 | clear: left; margin: 0 30px 0.6em 30px; line-height: 120%; font-size: 120%; |
---|
268 | } |
---|
269 | |
---|
270 | /* Embedded */ |
---|
271 | .embed { |
---|
272 | float: left; width: 120px; margin: 2px 7px 2px 0; padding: 5px 5px 5px 5px; background-color: rgb(225,225,225); font-style: italic; font-weight: bold; line-height: 1.2em; font-size: 180%; |
---|
273 | } |
---|
274 | |
---|
275 | .embed-caption { |
---|
276 | float: left; margin: 5px 0 0px 0; padding: 0; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%; |
---|
277 | } |
---|
278 | |
---|
279 | /* Unordered list */ |
---|
280 | ul.spip { |
---|
281 | margin: 0 10px 0 10px; padding: 0 0 0px 30px; list-style-type: disc; list-style-position: outside; |
---|
282 | } |
---|
283 | |
---|
284 | /* Ordered List */ |
---|
285 | ol.spip { |
---|
286 | margin: 0 10px 0 17px; padding: 0 0 0px 30px; list-style-type: decimal; list-style-position: outside; |
---|
287 | } |
---|
288 | |
---|
289 | /*--------------------------*/ |
---|
290 | /* Section 6.7 - Datatables */ |
---|
291 | /*--------------------------*/ |
---|
292 | |
---|
293 | table { |
---|
294 | clear: left; margin: 0.5em 0 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(225,225,225); |
---|
295 | } |
---|
296 | |
---|
297 | table tr { |
---|
298 | margin: 0; padding: 0; |
---|
299 | } |
---|
300 | |
---|
301 | table td { |
---|
302 | padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%; |
---|
303 | } |
---|
304 | |
---|
305 | table th { |
---|
306 | margin: 0; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; |
---|
307 | } |
---|
308 | |
---|
309 | p table caption { |
---|
310 | margin: 0 0 10px 30px; padding: 0; clear: both; text-align: left; font-size: 120%; |
---|
311 | } |
---|
312 | |
---|
313 | /*----------------------*/ |
---|
314 | /* Section 6.8 - Images */ |
---|
315 | /*----------------------*/ |
---|
316 | |
---|
317 | .spip_documents img { |
---|
318 | border: solid 1px rgb(150,150,150); |
---|
319 | } |
---|
320 | |
---|
321 | .spip_documents_center { |
---|
322 | float: left; margin: 0.3em 0 3px 0; |
---|
323 | } |
---|
324 | |
---|
325 | .spip_documents_left { |
---|
326 | float: left; margin: 0.3em 7px 3px 0; |
---|
327 | } |
---|
328 | |
---|
329 | .spip_documents_right { |
---|
330 | float: right; margin: 0.3em 0 3px 7px; |
---|
331 | } |
---|
332 | |
---|
333 | /***********************/ |
---|
334 | /* SECTION 7 - SIDEBAR */ |
---|
335 | /***********************/ |
---|
336 | #navigation { |
---|
337 | float: right; width: 144px; margin: 0; padding: 57px 5px 0 0; background-color: rgb(255,255,255); |
---|
338 | } |
---|
339 | |
---|
340 | /*-----------------------*/ |
---|
341 | /* Section 7.2 - Textbox */ |
---|
342 | /*-----------------------*/ |
---|
343 | |
---|
344 | /*#navigation box-noborder { |
---|
345 | width: 140px; margin: 0 0 1.0em 0; padding: 0; |
---|
346 | }*/ |
---|
347 | |
---|
348 | #navigation div { |
---|
349 | width: 130px; margin: 0 0 1.0em 0; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200); |
---|
350 | } |
---|
351 | #navigation div div { width: auto; margin: 0; padding: 0; border: none; } |
---|
352 | #navigation fieldset { margin: 0; padding: 0; border: none; } |
---|
353 | |
---|
354 | /*-----------------------------*/ |
---|
355 | /* Section 7.3 - Textbox title */ |
---|
356 | /*-----------------------------*/ |
---|
357 | |
---|
358 | /*#navigationbox-title-noshading-noline { |
---|
359 | display: block; margin: 0 0 0.5em 0; padding: 1px 0 1px 0;font-weight: bold; font-size: 120%; |
---|
360 | } |
---|
361 | |
---|
362 | #navigationbox-title-noshading-line { |
---|
363 | display: block; margin: 0 0 0.5em 0; padding: 1px 0 1px 0; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%; |
---|
364 | }*/ |
---|
365 | #navigation .menu-titre, #navigation legend { |
---|
366 | display: block; margin: 0 0 0.5em 0; padding: 2px 5px 2px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 120%; |
---|
367 | } |
---|
368 | #navigation legend, #navigation .menu-titre, #navigation .menu-titre a { text-decoration: none; color: rgb(255,255,255); } |
---|
369 | |
---|
370 | /*------------------------------*/ |
---|
371 | /* Section 7.4 - Paragraph text */ |
---|
372 | /*------------------------------*/ |
---|
373 | |
---|
374 | /*#navigation .box-noborder p { |
---|
375 | margin: 0 4px 0.4em 4px; padding: 0; background-color: transparent; font-size: 110%; |
---|
376 | }*/ |
---|
377 | |
---|
378 | #navigation p, #navigation ul { |
---|
379 | margin: 0 0 0.4em 0; padding: 0; background-color: transparent; font-size: 110%; list-style: none; |
---|
380 | } |
---|
381 | |
---|
382 | /**********************/ |
---|
383 | /* SECTION 8 - FOOTER */ |
---|
384 | /**********************/ |
---|
385 | |
---|
386 | #pied { |
---|
387 | clear: both; width: 780px; margin: 0 0 0px 0; padding: 5px 0 5px 0; border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); background-color: rgb(255,255,255); text-align: center; |
---|
388 | } |
---|
389 | |
---|
390 | /***************************************************/ |
---|
391 | /* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */ |
---|
392 | /***************************************************/ |
---|
393 | |
---|
394 | #contenu a, #navigation a { |
---|
395 | color: rgb(0,0,0); text-decoration: underline; |
---|
396 | } |
---|
397 | |
---|
398 | #contenu a:hover, #navigation a:hover { |
---|
399 | color: rgb(110,110,110); text-decoration: none; |
---|
400 | } |
---|
401 | |
---|
402 | #contenu a:visited, #navigation a:visited { |
---|
403 | color: rgb(110,110,110); |
---|
404 | } |
---|
405 | |
---|
406 | #pied a { |
---|
407 | color: rgb(150,150,150); text-decoration: underline; |
---|
408 | } |
---|
409 | |
---|
410 | #pied a:hover { |
---|
411 | color: rgb(0,0,0); text-decoration: none; |
---|
412 | } |
---|
413 | |
---|
414 | /********************************/ |
---|
415 | /* SECTION 10 - GENERIC CLASSES */ |
---|
416 | /********************************/ |
---|
417 | |
---|
418 | /*------------------------------------------*/ |
---|
419 | /* Section 10.1 - Global default fonts */ |
---|
420 | /*------------------------------------------*/ |
---|
421 | /* Only applied to the main div-statements */ |
---|
422 | /* for the basic page regions. */ |
---|
423 | /*------------------------------------------*/ |
---|
424 | |
---|
425 | #entete { |
---|
426 | font-size: 1em; |
---|
427 | } |
---|
428 | |
---|
429 | /*#hierarchie { |
---|
430 | font-size: 1.1em; |
---|
431 | }*/ |
---|
432 | |
---|
433 | .forum-fil { |
---|
434 | font-size: 1em; |
---|
435 | } |
---|
436 | |
---|
437 | #contenu { |
---|
438 | font-size: 1em; line-height: 1.7em; color: rgb(110,110,110); |
---|
439 | } |
---|
440 | |
---|
441 | #navigation { |
---|
442 | font-size: 1em; line-height: 1.4em; color: rgb(110,110,110); |
---|
443 | } |
---|
444 | |
---|
445 | /* Percentage value does not work in "footer", so we */ |
---|
446 | /* cannot give the normed size of "1.0em" here and scale */ |
---|
447 | /* it up inside the "footer". Thus we define the final */ |
---|
448 | /* font-size here the way it will appear on screen. */ |
---|
449 | #pied { |
---|
450 | font-size: 1.1em; color: rgb(150,150,150); |
---|
451 | } |
---|
452 | |
---|
453 | /*--------------------------------------*/ |
---|
454 | /* Section 10.2 - Horizontal alignments */ |
---|
455 | /*--------------------------------------*/ |
---|
456 | |
---|
457 | .align-left { |
---|
458 | text-align: left; |
---|
459 | } |
---|
460 | |
---|
461 | .align-right { |
---|
462 | text-align: right; |
---|
463 | } |
---|
464 | |
---|
465 | .float-left { |
---|
466 | float: left; |
---|
467 | } |
---|
468 | |
---|
469 | .float-right { |
---|
470 | float: right; |
---|
471 | } |
---|
472 | |
---|
473 | /*-------------------------------------*/ |
---|
474 | /* Section 10.3 - Title decoration box */ |
---|
475 | /*-------------------------------------*/ |
---|
476 | |
---|
477 | .box-on { |
---|
478 | float: left; width: 1em; margin-right: 0.2em; padding-left: 0.3em; |
---|
479 | } |
---|
480 | |
---|
481 | .box-off { |
---|
482 | display: none; |
---|
483 | } |
---|
484 | |
---|
485 | /*---------------------------*/ |
---|
486 | /* Section 10.4 Text colors */ |
---|
487 | /*---------------------------*/ |
---|
488 | |
---|
489 | /* Basic Colors */ |
---|
490 | .txt-white { |
---|
491 | color: rgb(255,255,255); |
---|
492 | } |
---|
493 | |
---|
494 | .txt-black { |
---|
495 | color: rgb(0,0,0); |
---|
496 | } |
---|
497 | |
---|
498 | /* Grey */ |
---|
499 | .txt-grey01 { |
---|
500 | color: rgb(242,242,242); |
---|
501 | } |
---|
502 | |
---|
503 | .txt-grey02 { |
---|
504 | color: rgb(230,230,230); |
---|
505 | } |
---|
506 | |
---|
507 | .txt-grey03 { |
---|
508 | color: rgb(217,217,217); |
---|
509 | } |
---|
510 | |
---|
511 | .txt-grey04 { |
---|
512 | color: rgb(204,204,204); |
---|
513 | } |
---|
514 | |
---|
515 | .txt-grey05 { |
---|
516 | color: rgb(191,191,191); |
---|
517 | } |
---|
518 | |
---|
519 | .txt-grey06 { |
---|
520 | color: rgb(178,178,178); |
---|
521 | } |
---|
522 | |
---|
523 | .txt-grey07 { |
---|
524 | color: rgb(153,153,153); |
---|
525 | } |
---|
526 | |
---|
527 | .txt-grey08 { |
---|
528 | color: rgb(127,127,127); |
---|
529 | } |
---|
530 | |
---|
531 | .txt-grey09 { |
---|
532 | color: rgb(89,89,89); |
---|
533 | } |
---|
534 | |
---|
535 | .txt-grey10 { |
---|
536 | color: rgb(51,51,51); |
---|
537 | } |
---|
538 | |
---|
539 | /* Yellow */ |
---|
540 | .txt-yellow01 { |
---|
541 | color: rgb(254,252,232); |
---|
542 | } |
---|
543 | |
---|
544 | .txt-yellow02 { |
---|
545 | color: rgb(253,249,201); |
---|
546 | } |
---|
547 | |
---|
548 | .txt-yellow03 { |
---|
549 | color: rgb(253,246,185); |
---|
550 | } |
---|
551 | |
---|
552 | .txt-yellow04 { |
---|
553 | color: rgb(252,243,162); |
---|
554 | } |
---|
555 | |
---|
556 | .txt-yellow05 { |
---|
557 | color: rgb(251,239,139); |
---|
558 | } |
---|
559 | |
---|
560 | .txt-yellow06 { |
---|
561 | color: rgb(250,236,116); |
---|
562 | } |
---|
563 | |
---|
564 | .txt-yellow07 { |
---|
565 | color: rgb(249,233,93); |
---|
566 | } |
---|
567 | |
---|
568 | .txt-yellow08 { |
---|
569 | color: rgb(249,230,69); |
---|
570 | } |
---|
571 | |
---|
572 | .txt-yellow09 { |
---|
573 | color: rgb(248,227,46); |
---|
574 | } |
---|
575 | |
---|
576 | .txt-yellow10 { |
---|
577 | color: rgb(247,224,23); |
---|
578 | } |
---|
579 | |
---|
580 | /* Blue */ |
---|
581 | .txt-blue01 { |
---|
582 | color: rgb(238,237,249); |
---|
583 | } |
---|
584 | |
---|
585 | .txt-blue02 { |
---|
586 | color: rgb(222,220,242); |
---|
587 | } |
---|
588 | |
---|
589 | .txt-blue03 { |
---|
590 | color: rgb(205,202,236); |
---|
591 | } |
---|
592 | |
---|
593 | .txt-blue04 { |
---|
594 | color: rgb(189,185,229); |
---|
595 | } |
---|
596 | |
---|
597 | .txt-blue05 { |
---|
598 | color: rgb(172,167,223); |
---|
599 | } |
---|
600 | |
---|
601 | .txt-blue06 { |
---|
602 | color: rgb(155,149,217); |
---|
603 | } |
---|
604 | |
---|
605 | .txt-blue07 { |
---|
606 | color: rgb(139,132,210); |
---|
607 | } |
---|
608 | |
---|
609 | .txt-blue08 { |
---|
610 | color: rgb(122,114,204); |
---|
611 | } |
---|
612 | |
---|
613 | .txt-blue09 { |
---|
614 | color: rgb(106,97,197); |
---|
615 | } |
---|
616 | |
---|
617 | .txt-blue10 { |
---|
618 | color: rgb(89,79,191); |
---|
619 | } |
---|
620 | |
---|
621 | /* Green */ |
---|
622 | .txt-green01 { |
---|
623 | color: rgb(237,246,229); |
---|
624 | } |
---|
625 | |
---|
626 | .txt-green02 { |
---|
627 | color: rgb(220,238,204); |
---|
628 | } |
---|
629 | |
---|
630 | .txt-green03 { |
---|
631 | color: rgb(202,229,178); |
---|
632 | } |
---|
633 | |
---|
634 | .txt-green04 { |
---|
635 | color: rgb(185,220,153); |
---|
636 | } |
---|
637 | |
---|
638 | .txt-green05 { |
---|
639 | color: rgb(167,211,127); |
---|
640 | } |
---|
641 | |
---|
642 | .txt-green06 { |
---|
643 | color: rgb(149,203,102); |
---|
644 | } |
---|
645 | |
---|
646 | .txt-green07 { |
---|
647 | color: rgb(132,194,76); |
---|
648 | } |
---|
649 | |
---|
650 | .txt-green08 { |
---|
651 | color: rgb(114,185,51); |
---|
652 | } |
---|
653 | |
---|
654 | .txt-green09 { |
---|
655 | color: rgb(97,177,25); |
---|
656 | } |
---|
657 | |
---|
658 | .txt-green10 { |
---|
659 | color: rgb(79,168,0); |
---|
660 | } |
---|
661 | |
---|
662 | /* Red */ |
---|
663 | .txt-red01 { |
---|
664 | color: rgb(252,235,233); |
---|
665 | } |
---|
666 | |
---|
667 | .txt-red02 { |
---|
668 | color: rgb(248,216,211); |
---|
669 | } |
---|
670 | |
---|
671 | .txt-red03 { |
---|
672 | color: rgb(245,196,188); |
---|
673 | } |
---|
674 | |
---|
675 | .txt-red04 { |
---|
676 | color: rgb(242,177,166); |
---|
677 | } |
---|
678 | |
---|
679 | .txt-red05 { |
---|
680 | color: rgb(238,157,144); |
---|
681 | } |
---|
682 | |
---|
683 | .txt-red06 { |
---|
684 | color: rgb(235,137,122); |
---|
685 | } |
---|
686 | |
---|
687 | .txt-red07 { |
---|
688 | color: rgb(232,118,100); |
---|
689 | } |
---|
690 | |
---|
691 | .txt-red08 { |
---|
692 | color: rgb(229,98,77); |
---|
693 | } |
---|
694 | |
---|
695 | .txt-red09 { |
---|
696 | color: rgb(225,79,55); |
---|
697 | } |
---|
698 | |
---|
699 | .txt-red10 { |
---|
700 | color: rgb(222,59,33); |
---|
701 | } |
---|
702 | |
---|
703 | /*----------------------------------*/ |
---|
704 | /* Section 10.5 - Background colors */ |
---|
705 | /*----------------------------------*/ |
---|
706 | |
---|
707 | /* Basic Colors */ |
---|
708 | .bg-white { |
---|
709 | background-color: rgb(255,255,255); |
---|
710 | } |
---|
711 | |
---|
712 | .bg-black { |
---|
713 | background-color: rgb(0,0,0); |
---|
714 | } |
---|
715 | |
---|
716 | /* Grey */ |
---|
717 | .bg-grey01 { |
---|
718 | background-color: rgb(242,242,242); |
---|
719 | } |
---|
720 | |
---|
721 | .bg-grey02 { |
---|
722 | background-color: rgb(230,230,230); |
---|
723 | } |
---|
724 | |
---|
725 | .bg-grey03 { |
---|
726 | background-color: rgb(217,217,217); |
---|
727 | } |
---|
728 | |
---|
729 | .bg-grey04 { |
---|
730 | background-color: rgb(204,204,204); |
---|
731 | } |
---|
732 | |
---|
733 | .bg-grey05 { |
---|
734 | background-color: rgb(191,191,191); |
---|
735 | } |
---|
736 | |
---|
737 | .bg-grey06 { |
---|
738 | background-color: rgb(178,178,178); |
---|
739 | } |
---|
740 | |
---|
741 | .bg-grey07 { |
---|
742 | background-color: rgb(153,153,153); |
---|
743 | } |
---|
744 | |
---|
745 | .bg-grey08 { |
---|
746 | background-color: rgb(127,127,127); |
---|
747 | } |
---|
748 | |
---|
749 | .bg-grey09 { |
---|
750 | background-color: rgb(89,89,89); |
---|
751 | } |
---|
752 | |
---|
753 | .bg-grey10 { |
---|
754 | background-color: rgb(51,51,51); |
---|
755 | } |
---|
756 | |
---|
757 | /* Yellow */ |
---|
758 | .bg-yellow01 { |
---|
759 | background-color: rgb(254,252,232); |
---|
760 | } |
---|
761 | |
---|
762 | .bg-yellow02 { |
---|
763 | background-color: rgb(253,249,201); |
---|
764 | } |
---|
765 | |
---|
766 | #navigation .rubriques, .bg-yellow03 { |
---|
767 | background-color: rgb(253,246,185); |
---|
768 | } |
---|
769 | |
---|
770 | .bg-yellow04 { |
---|
771 | background-color: rgb(252,243,162); |
---|
772 | } |
---|
773 | |
---|
774 | .bg-yellow05 { |
---|
775 | background-color: rgb(251,239,139); |
---|
776 | } |
---|
777 | |
---|
778 | .bg-yellow06 { |
---|
779 | background-color: rgb(250,236,116); |
---|
780 | } |
---|
781 | |
---|
782 | #navigation .rubriques .menu-titre, .bg-yellow07 { |
---|
783 | background-color: rgb(249,233,93); |
---|
784 | } |
---|
785 | |
---|
786 | .bg-yellow08 { |
---|
787 | background-color: rgb(249,230,69); |
---|
788 | } |
---|
789 | |
---|
790 | .bg-yellow09 { |
---|
791 | background-color: rgb(248,227,46); |
---|
792 | } |
---|
793 | |
---|
794 | .bg-yellow10 { |
---|
795 | background-color: rgb(247,224,23); |
---|
796 | } |
---|
797 | |
---|
798 | /* Blue */ |
---|
799 | .bg-blue01 { |
---|
800 | background-color: rgb(238,237,249); |
---|
801 | } |
---|
802 | |
---|
803 | #navigation .breves, .bg-blue02 { |
---|
804 | background-color: rgb(222,220,242); |
---|
805 | } |
---|
806 | |
---|
807 | .bg-blue03 { |
---|
808 | background-color: rgb(205,202,236); |
---|
809 | } |
---|
810 | |
---|
811 | .bg-blue04 { |
---|
812 | background-color: rgb(189,185,229); |
---|
813 | } |
---|
814 | |
---|
815 | #navigation .breves .menu-titre, .bg-blue05 { |
---|
816 | background-color: rgb(172,167,223); |
---|
817 | } |
---|
818 | |
---|
819 | .bg-blue06 { |
---|
820 | background-color: rgb(155,149,217); |
---|
821 | } |
---|
822 | |
---|
823 | .bg-blue07 { |
---|
824 | background-color: rgb(139,132,210); |
---|
825 | } |
---|
826 | |
---|
827 | .bg-blue08 { |
---|
828 | background-color: rgb(122,114,204); |
---|
829 | } |
---|
830 | |
---|
831 | .bg-blue09 { |
---|
832 | background-color: rgb(106,97,197); |
---|
833 | } |
---|
834 | |
---|
835 | .bg-blue10 { |
---|
836 | background-color: rgb(89,79,191); |
---|
837 | } |
---|
838 | |
---|
839 | /* Green */ |
---|
840 | .bg-green01 { |
---|
841 | background-color: rgb(237,246,229); |
---|
842 | } |
---|
843 | |
---|
844 | #navigation .formulaire_inscription, .bg-green02 { |
---|
845 | background-color: rgb(220,238,204); |
---|
846 | } |
---|
847 | |
---|
848 | .bg-green03 { |
---|
849 | background-color: rgb(202,229,178); |
---|
850 | } |
---|
851 | |
---|
852 | .bg-green04 { |
---|
853 | background-color: rgb(185,220,153); |
---|
854 | } |
---|
855 | |
---|
856 | #navigation .formulaire_inscription legend, .bg-green05 { |
---|
857 | background-color: rgb(167,211,127); |
---|
858 | } |
---|
859 | |
---|
860 | .bg-green06 { |
---|
861 | background-color: rgb(149,203,102); |
---|
862 | } |
---|
863 | |
---|
864 | .bg-green07 { |
---|
865 | background-color: rgb(132,194,76); |
---|
866 | } |
---|
867 | |
---|
868 | .bg-green08 { |
---|
869 | background-color: rgb(114,185,51); |
---|
870 | } |
---|
871 | |
---|
872 | .bg-green09 { |
---|
873 | background-color: rgb(97,177,25); |
---|
874 | } |
---|
875 | |
---|
876 | .bg-green10 { |
---|
877 | background-color: rgb(79,168,0); |
---|
878 | } |
---|
879 | |
---|
880 | /* Red */ |
---|
881 | .bg-red01 { |
---|
882 | background-color: rgb(252,235,233); |
---|
883 | } |
---|
884 | |
---|
885 | #navigation .divers, .bg-red02 { |
---|
886 | background-color: rgb(248,216,211); |
---|
887 | } |
---|
888 | |
---|
889 | .bg-red03 { |
---|
890 | background-color: rgb(245,196,188); |
---|
891 | } |
---|
892 | |
---|
893 | .bg-red04 { |
---|
894 | background-color: rgb(242,177,166); |
---|
895 | } |
---|
896 | |
---|
897 | #navigation .divers .menu-titre, .bg-red05 { |
---|
898 | background-color: rgb(238,157,144); |
---|
899 | } |
---|
900 | |
---|
901 | .bg-red06 { |
---|
902 | background-color: rgb(235,137,122); |
---|
903 | } |
---|
904 | |
---|
905 | .bg-red07 { |
---|
906 | background-color: rgb(232,118,100); |
---|
907 | } |
---|
908 | |
---|
909 | .bg-red08 { |
---|
910 | background-color: rgb(229,98,77); |
---|
911 | } |
---|
912 | |
---|
913 | .bg-red09 { |
---|
914 | background-color: rgb(225,79,55); |
---|
915 | } |
---|
916 | |
---|
917 | .bg-red10 { |
---|
918 | background-color: rgb(222,59,33); |
---|
919 | } |
---|
920 | |
---|
921 | /******************************/ |
---|
922 | /* SECTION 11 - MISCELLANEOUS */ |
---|
923 | /******************************/ |
---|
924 | |
---|
925 | /* Horizontal line */ |
---|
926 | hr { |
---|
927 | clear: both; width: 425px; height: 1px; border: none; |
---|
928 | } |
---|
929 | |
---|
930 | /* HTML-code examples */ |
---|
931 | .showcode { |
---|
932 | font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0); |
---|
933 | } |
---|
934 | |
---|
935 | /* Hide HTML-tags. Good when no pagestyle supported by browser */ |
---|
936 | .invisible { |
---|
937 | display: none; |
---|
938 | } |
---|
939 | |
---|
940 | br { |
---|
941 | clear: both; |
---|
942 | } |
---|