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