source: trunk/spip/esqueleto-redcta/themes/GoFlexiblePro/impression.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: 17.5 KB
Line 
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
34body {
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 */
246h1 {
247        clear: left; margin: 1.0em 0 1.0em 0; font-weight: bold; font-size: 150%;
248}
249
250h2 {
251        clear: left; margin: 1.5em 0 1.0em 0; font-weight: bold; font-size: 140%;
252}
253
254h3 {
255        clear: left; margin: 1.0em 0 0.6em 0;   font-weight: bold; font-size: 130%;
256}
257
258h4 {
259        clear: left; margin: 0.5em 0 0.5em 0;   font-weight: bold; font-style: italic; font-size: 130%;
260}
261
262/* Paragraph text */
263p {
264   clear: left; margin: 0 0 0.5em 0; padding: 0; font-size: 130%;
265}
266
267/* Quote */
268p.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 */
282ul.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 */
287ol.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
295table {
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
299table tr {
300        margin: 0; padding: 0;
301}
302
303table td {
304        padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;
305}
306
307table 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
311p 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 */
930hr {
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
944br {
945        clear: left;
946}
Note: See TracBrowser for help on using the repository browser.