Adding contrast with a background image in content and white background in titles
[le-skin.git] / le / main.css
1 /*
2 ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
3 ** Copyright Gabriel Wicke - http://wikidev.net/
4 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
5 **
6 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
7 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
8 ** Michael Zeltner and Geir Bækholt)
9 ** All you guys rock :)
10 */
11
12
13 body {
14     font-family: sans-serif;
15     font-size: 0.85em;
16
17     background: white;
18     background-image: url("/skins/le/bg.png");
19     background-repeat: repeat-x;
20
21     color: black;
22     margin: auto;
23     padding: 0;
24     width: 60%;
25     min-width: 400px;
26 }
27
28 #header {
29     background: white;
30     background-image: url("/skins/le/logo.png");
31     background-repeat: no-repeat;
32     background-position: 2ex center;
33
34     height: 110px;
35     padding: 1ex;
36     color: black;
37     font-size: 70%;
38
39     line-height: 1.5em;
40
41     border: 1px solid #fc8d20;
42     -moz-border-radius: 2ex; 
43
44     margin-bottom: 10px;
45     margin-top: 10px;
46 }
47
48 #header h1 { 
49     border: none;
50     text-align: right;
51     font-size: xx-large;
52 }
53
54 #header h1 a:hover { 
55     text-decoration: none;
56 }
57
58 #content {
59     background-image: url("/skins/le/bg-updown.png");
60     background-repeat: repeat-x;
61     background-color: #c4c8dd;
62     margin-top: 0px;
63 /*    border: 1px solid #00106d; */
64     line-height: 1.5em;
65     padding: 1em;
66     padding-top: 0;
67
68     text-align: justify;
69 }
70
71 #footer {
72     bottom: 0;
73     border-top: 1px dotted #00106d;
74     border-bottom: 1px dotted #00106d;
75 /*    -moz-border-radius: 1ex;  */
76
77     line-height: 1.5em;
78
79     margin: .6em 0 1em 0;
80     padding: .4em 0 1.2em 0;
81     text-align: center;
82     font-size: 90%;
83
84     min-height: 20px; /* for the logo */
85 }
86
87 .skin-license { 
88     font-size: xx-small;
89 }
90
91 #floatright
92
93     position: absolute;
94     top: 143px;           /* should be 132 
95                              110(header-height)) + 2 * 10(vertical-margin) 
96                              2 (border)) 
97                              but 132 doesn't look Ok */
98     left: 80.5%;
99
100     padding: 0 1ex;
101 }
102
103 /* right columns */
104 #floatright h3 
105
106     background: white;
107
108     text-align: center;
109     -moz-border-radius-topleft: 10px;
110     -moz-border-radius-topright: 10px;
111     border-bottom: 1px solid #AAAAAA;
112     font-weight: normal;
113     padding: 0;
114     margin: 0;
115 }
116
117 .navbar
118
119     font-size: 80%;
120
121     border: 1px solid #fc8d20;
122     -moz-border-radius: 10px;
123
124     margin-bottom: 2ex;
125 }
126
127 #floatright ul { 
128     padding-left: 6px;
129 }
130
131 #floatright li { 
132     padding-right: 1ex;
133     padding-left: 0x;
134 }
135
136 /* actions des utilisateurs */
137 #usersurls 
138
139     margin-left: 0;
140     padding-left: 0;
141
142     position: absolute;
143     top: 105px;
144     height: 2em;
145
146     width: 60%;          /* same as in body */
147     min-width: 400px;    /* same as in body */
148 }
149
150 #usersurls li
151 {
152     display: inline;
153     list-style-type: none;
154     padding-right: 1ex;
155
156     float: right;
157 }
158
159 #usersurls a 
160
161     padding: 3px 10px; 
162 }
163
164 /* Search - in the header - useless now */
165 #search 
166
167     position: absolute;
168     top: 85px;
169
170     width: 64%;
171     min-width: 580px;
172 }
173
174 /* Search form */
175 #searchform 
176 {
177 /*    float: right; */
178 /*    font-size: 80%; */
179 }
180
181 #search-item { 
182     margin-top: 1ex;
183     margin-bottom: 1ex;
184     list-style-type: none;
185     list-style-image: none;
186 }
187
188 /*  Actions on a page */
189 #pagesactions { 
190     display: block;
191
192     margin: 0 0 1.5em;
193     padding: 0;
194
195     font-size: 85%;
196 }
197
198 #pagesactions ul { 
199     margin: 0;
200     padding: 0;
201
202     list-style-type: none;
203     list-style-image: none;
204 }
205
206 #pagesactions li
207 {
208     border: 1px solid #00106d;
209
210     list-style-type: none;
211     float: right;
212     margin: 0 10px;
213     padding: 0 10px;
214 }
215
216 #pagesactions li:hover {
217     border: none;
218     padding: 0 11px;
219 }
220
221 #pagesactions li a:hover {
222     text-decoration: none;
223 }
224
225 .firstHeading { 
226     padding-top: 1.5em;
227 }
228
229 .visualClear 
230 {
231     clear: both;
232 }
233
234
235 /* general styles */
236
237 table {
238     font-size: 100%;
239     color: black;
240 }
241 a {
242     text-decoration: none;
243     color: #002bb8;
244     background: none;
245 }
246 a:visited {
247     color: #5a3696;
248 }
249 a:active {
250     color: #faa700;
251 }
252 a:hover {
253     text-decoration: underline;
254 }
255 a.stub {
256     color: #772233;
257 }
258 a.new, #p-personal a.new {
259     color: #ba0000;
260 }
261 a.new:visited, #p-personal a.new:visited {
262     color: #a55858;
263 }
264
265 img {
266     border: none;
267     vertical-align: middle;
268 }
269 p {
270     margin: .4em 0 .5em 0;
271     line-height: 1.5em;
272 }
273 p img {
274     margin: 0;
275 }
276
277 hr {
278     height: 1px;
279     color: #aaa;
280     background-color: #aaa;
281     border: 0;
282     margin: .2em 0 .2em 0;
283 }
284
285 h1, h2, h3, h4, h5, h6 {
286     color: black;
287     background: none;
288     font-weight: normal;
289     margin: 0;
290     padding-top: .5em;
291     padding-bottom: .17em;
292     border-bottom: 1px solid #aaa;
293 }
294 h1 { font-size: 188%; }
295 h2 { font-size: 150%; }
296 h3, h4, h5, h6 {
297     border-bottom: none;
298     font-weight: bold;
299 }
300 h3 { font-size: 132%; }
301 h4 { font-size: 116%; }
302 h5 { font-size: 100%; }
303 h6 { font-size: 80%;  }
304
305 ul {
306     line-height: 1.5em;
307     list-style-type: square;
308     margin: .3em 0 0 1.5em;
309     padding: 0;
310     list-style-image: url(bullet.gif);
311 }
312 ol {
313     line-height: 1.5em;
314     margin: .3em 0 0 3.2em;
315     padding: 0;
316     list-style-image: none;
317 }
318 li {
319     margin-bottom: .1em;
320 }
321 dt {
322     font-weight: bold;
323     margin-bottom: .1em;
324 }
325 dl {
326     margin-top: .2em;
327     margin-bottom: .5em;
328 }
329 dd {
330     line-height: 1.5em;
331     margin-left: 2em;
332     margin-bottom: .1em;
333 }
334
335 fieldset {
336     border: 1px solid #2f6fab;
337     margin: 1em 0 1em 0;
338     padding: 0 1em 1em;
339     line-height: 1.5em;
340 }
341 legend {
342     padding: .5em;
343     font-size: 95%;
344 }
345 form {
346     border: none;
347     margin: 0;
348 }
349
350 textarea {
351     width: 100%;
352     padding: .1em;
353 }
354
355 input.historysubmit {
356     padding: 0 .3em .3em .3em !important;
357     font-size: 94%;
358     cursor: pointer;
359     height: 1.7em !important;
360     margin-left: 1.6em;
361 }
362 select {
363     vertical-align: top;
364 }
365 abbr, acronym, .explain {
366     border-bottom: 1px dotted black;
367     color: black;
368     background: none;
369     cursor: help;
370 }
371 q {
372     font-family: Times, "Times New Roman", serif;
373     font-style: italic;
374 }
375 /* disabled for now
376 blockquote {
377     font-family: Times, "Times New Roman", serif;
378     font-style: italic;
379 }*/
380 code {
381     background-color: #f9f9f9;
382 }
383 pre {
384     padding: 1em;
385     border: 1px dashed #2f6fab;
386     color: black;
387     background-color: #f9f9f9;
388     line-height: 1.1em;
389 }
390
391 /*
392 ** the main content area
393 */
394
395 #siteSub {
396     display: none; 
397 }
398 #contentSub {
399     font-size: 84%;
400     line-height: 1.2em;
401     margin: 0 0 1.4em 1em;
402     color: #7d7d7d;
403     width: auto;
404 }
405 span.subpages {
406     display: block;
407 }
408
409 /* Some space under the headers in the content area */
410 #bodyContent h1, #bodyContent h2 {
411     margin-bottom: .6em;
412 }
413 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
414     margin-bottom: .3em;
415 }
416 .firstHeading {
417     margin-bottom: .1em;
418 }
419
420 /* user notification thing */
421 .usermessage {
422     background-color: #ffce7b;
423     border: 1px solid #ffa500;
424     color: black;
425     font-weight: bold;
426     margin: 2em 0 1em;
427     padding: .5em 1em;
428     vertical-align: middle;
429 }
430 #siteNotice {
431     text-align: center;
432     font-size: 95%;
433     padding: 0 .9em;
434 }
435 #siteNotice p {
436     margin: 0;
437     padding: 0;
438 }
439 .error {
440     color: red;
441     font-size: larger;
442 }
443 #catlinks {
444     border: 1px solid #aaa;
445     background-color: #f9f9f9;
446     padding: 5px;
447     margin-top: 1em;
448     clear: both;
449 }
450 /* currently unused, intended to be used by a metadata box
451 in the bottom-right corner of the content area */
452 .documentDescription {
453     /* The summary text describing the document */
454     font-weight: bold;
455     display: block;
456     margin: 1em 0;
457     line-height: 1.5em;
458 }
459 .documentByLine {
460     text-align: right;
461     font-size: 90%;
462     clear: both;
463     font-weight: normal;
464     color: #76797c;
465 }
466
467 /* emulate center */
468 .center {
469     width: 100%;
470     text-align: center;
471 }
472 *.center * {
473     margin-left: auto;
474     margin-right: auto;
475 }
476 /* small for tables and similar */
477 .small, .small * {
478     font-size: 94%;
479 }
480 table.small {
481     font-size: 100%;
482 }
483
484 /*
485 ** content styles
486 */
487
488 #toc,
489 .toc {
490         border: 1px solid #aaa;
491         -moz-border-radius: 2ex; 
492         padding: 5px;
493         font-size: 95%;
494 }
495 #toc h2,
496 .toc h2 {
497         display: inline;
498         border: none;
499         padding: 0;
500         font-size: 100%;
501         font-weight: bold;
502 }
503 #toc #toctitle,
504 .toc #toctitle,
505 #toc .toctitle,
506 .toc .toctitle {
507         text-align: center;
508 }
509 #toc ul,
510 .toc ul {
511         list-style-type: none;
512         list-style-image: none;
513         margin-left: 0;
514         padding-left: 0;
515         text-align: left;
516 }
517 #toc ul ul,
518 .toc ul ul {
519         margin: 0 0 0 2em;
520 }
521 #toc .toctoggle,
522 .toc .toctoggle {
523         font-size: 94%;
524 }
525
526
527 /* images */
528 div.floatright, table.floatright {
529     clear: right;
530     float: right;
531     position: relative;
532     margin: 0 0 .5em .5em;
533     border: 0;
534 /*
535     border: .5em solid white;
536     border-width: .5em 0 .8em 1.4em;
537 */
538 }
539 div.floatright p { font-style: italic; }
540 div.floatleft, table.floatleft {
541     float: left;
542     position: relative;
543     margin: 0 .5em .5em 0;
544     border: 0;
545 /*
546     margin: .3em .5em .5em 0;
547     border: .5em solid white;
548     border-width: .5em 1.4em .8em 0;
549 */
550 }
551 div.floatleft p { font-style: italic; }
552 /* thumbnails */
553 div.thumb {
554     margin-bottom: .5em;
555     border-style: solid;
556     border-color: white;
557     width: auto;
558 }
559 div.thumb div {
560     border: 1px solid #ccc;
561     padding: 3px !important;
562     background-color: #f9f9f9;
563     font-size: 94%;
564     text-align: center;
565     overflow: hidden;
566 }
567 div.thumb div a img {
568     border: 1px solid #ccc;
569 }
570 div.thumb div div.thumbcaption {
571     border: none;
572     text-align: left;
573     line-height: 1.4em;
574     padding: .3em 0 .1em 0;
575 }
576 div.magnify {
577     float: right;
578     border: none !important;
579     background: none !important;
580 }
581 div.magnify a, div.magnify img {
582     display: block;
583     border: none !important;
584     background: none !important;
585 }
586 div.tright {
587     clear: right;
588     float: right;
589     border-width: .5em 0 .8em 1.4em;
590 }
591 div.tleft {
592     float: left;
593     margin-right: .5em;
594     border-width: .5em 1.4em .8em 0;
595 }
596
597 .hiddenStructure {
598     display: none;
599 }
600 img.tex {
601     vertical-align: middle;
602 }
603 span.texhtml {
604     font-family: serif;
605 }
606
607 /*
608 ** classes for special content elements like town boxes
609 ** intended to be referenced directly from the wiki src
610 */
611
612 /*
613 ** User styles
614 */
615 /* table standards */
616 table.rimage {
617     float: right;
618     position: relative;
619     margin-left: 1em;
620     margin-bottom: 1em;
621     text-align: center;
622 }
623 .toccolours {
624     border: 1px solid #aaa;
625     background-color: #f9f9f9;
626     padding: 5px;
627     font-size: 95%;
628 }
629 div.townBox {
630     position: relative;
631     float: right;
632     margin-left: 1em;
633     border: 1px solid gray;
634     padding: .3em;
635     width: 200px;
636     overflow: hidden;
637     clear: right;
638 }
639 div.townBox dl {
640     padding: 0;
641     margin: 0 0 .3em;
642     font-size: 96%;
643 }
644 div.townBox dl dt {
645     background: none;
646     margin: .4em 0 0;
647 }
648 div.townBox dl dd {
649     margin: .1em 0 0 1.1em;
650     background-color: #f3f3f3;
651 }
652
653 /*
654 ** edit views etc
655 */
656 .special li {
657     line-height: 1.4em;
658     margin: 0;
659     padding: 0;
660 }
661
662 /* Page history styling */
663 /* the auto-generated edit comments */
664 .autocomment {
665     color: gray;
666 }
667 #pagehistory span.user {
668     margin-left: 1.4em;
669     margin-right: .4em;
670 }
671 #pagehistory span.minor {
672     font-weight: bold;
673 }
674 #pagehistory li {
675     border: 1px solid white;
676 }
677 #pagehistory li.selected {
678     background-color: #f9f9f9;
679     border: 1px dashed #aaa;
680 }
681
682 /*
683 ** Diff rendering
684 */
685 table.diff, td.diff-otitle, td.diff-ntitle {
686     background-color: white;
687 }
688 td.diff-addedline {
689     background: #cfc;
690     font-size: smaller;
691 }
692 td.diff-deletedline {
693     background: #ffa;
694     font-size: smaller;
695 }
696 td.diff-context {
697     background: #eee;
698     font-size: smaller;
699 }
700 span.diffchange {
701     color: red;
702     font-weight: bold;
703 }
704
705 /*
706 ** keep the whitespace in front of the ^=, hides rule from konqueror
707 ** this is css3, the validator doesn't like it when validating as css2
708 */
709 #bodyContent a[href ^="http://"],
710 #bodyContent a[href ^="gopher://"] {
711     background: url(external.png) center right no-repeat;
712     padding-right: 13px;
713 }
714 #bodyContent a[href ^="https://"],
715 .link-https {
716     background: url(lock_icon.gif) center right no-repeat;
717     padding-right: 16px;
718 }
719 #bodyContent a[href ^="mailto:"],
720 .link-mailto {
721     background: url(mail_icon.gif) center right no-repeat;
722     padding-right: 18px;
723 }
724 #bodyContent a[href ^="news://"] {
725     background: url(news_icon.png) center right no-repeat;
726     padding-right: 18px;
727 }
728 #bodyContent a[href ^="ftp://"],
729 .link-ftp {
730     background: url(file_icon.gif) center right no-repeat;
731     padding-right: 18px;
732 }
733 #bodyContent a[href ^="irc://"],
734 .link-irc {
735     background: url(discussionitem_icon.gif) center right no-repeat;
736     padding-right: 18px;
737 }
738 /* disable interwiki styling */
739 #bodyContent a.extiw,
740 #bodyContent a.extiw:active {
741     color: #36b;
742     background: none;
743     padding: 0;
744 }
745 #bodyContent a.external {
746     color: #36b;
747 }
748 /* this can be used in the content area to switch off
749 special external link styling */
750 #bodyContent .plainlinks a {
751     background: none !important;
752     padding: 0;
753 }
754 /*
755 ** Structural Elements
756 */
757
758 /*
759 ** general portlet styles (elements in the quickbar)
760 */
761 .portlet {
762     border: none;
763     margin: 0 0 .5em;
764     padding: 0;
765     float: none;
766     width: 11.6em;
767     overflow: hidden;
768 }
769 .portlet h4 {
770     font-size: 95%;
771     font-weight: normal;
772     white-space: nowrap;
773 }
774 .portlet h5 {
775     background: transparent;
776     padding: 0 1em 0 .5em;
777     display: inline;
778     height: 1em;
779     text-transform: lowercase;
780     font-size: 91%;
781     font-weight: normal;
782     white-space: nowrap;
783 }
784 .portlet h6 {
785     background: #ffae2e;
786     border: 1px solid #2f6fab;
787     border-style: solid solid none solid;
788     padding: 0 1em 0 1em;
789     text-transform: lowercase;
790     display: block;
791     font-size: 1em;
792     height: 1.2em;
793     font-weight: normal;
794     white-space: nowrap;
795 }
796 .pBody {
797     font-size: 95%;
798     background-color: white;
799     color: black;
800     border-collapse: collapse;
801     border: 1px solid #aaa;
802     padding: 0 .8em .3em .5em;
803 }
804 .portlet h1,
805 .portlet h2,
806 .portlet h3,
807 .portlet h4 {
808     margin: 0;
809     padding: 0;
810 }
811 .portlet ul {
812     line-height: 1.5em;
813     list-style-type: square;
814     list-style-image: url(bullet.gif);
815     font-size: 95%;
816 }
817 .portlet li {
818     padding: 0;
819     margin: 0;
820 }
821
822 /*
823 ** Logo properties
824 */
825
826 #p-logo {
827     z-index: 3;
828     position: absolute; /*needed to use z-index */
829     top: 0;
830     left: 0;
831     height: 155px;
832     width: 12em;
833     overflow: visible;
834 }
835 #p-logo h5 {
836     display: none;
837 }
838 #p-logo a,
839 #p-logo a:hover {
840     display: block;
841     height: 155px;
842     width: 12.2em;
843     background-repeat: no-repeat;
844     background-position: 35% 50% !important;
845     text-decoration: none;
846 }
847
848 /*
849 ** the navigation portlet
850 */
851
852 #p-navigation {
853     position: relative;
854     z-index: 3;
855 }
856
857 /*
858 ** Search portlet
859 */
860 #p-search {
861     position: relative;
862     z-index: 3;
863 }
864 #p-search .pBody {
865     text-align: center;
866 }
867 input.searchButton {
868     margin-top: 1px;
869     font-size: 95%;
870 }
871 #searchGoButton {
872     padding-left: .5em;
873     padding-right: .5em;
874     font-weight: bold;
875 }
876 #searchInput {
877     width: 10.9em;
878     margin: 0;
879     font-size: 95%;
880 }
881 #p-search .pBody {
882     padding: .5em .4em .4em .4em;
883 }
884
885 /*
886 ** the personal toolbar
887 */
888
889 #p-personal {
890     width: 100%;
891     white-space: nowrap;
892     padding: 0;
893     margin: 0;
894     position: absolute;
895     left: 0;
896     top: 0;
897     z-index: 0;
898     border: none;
899     background: none;
900     overflow: visible;
901     line-height: 1.2em;
902 }
903
904 #p-personal h5 {
905     display: none;
906 }
907 #p-personal .portlet,
908 #p-personal .pBody {
909     padding: 0;
910     margin: 0;
911     border: none;
912     z-index: 0;
913     overflow: visible;
914     background: none;
915 }
916 /* this is the ul contained in the portlet */
917 #p-personal ul {
918     border: none;
919     line-height: 1.4em;
920     color: #2f6fab;
921     padding: 0 2em 0 3em;
922     margin: 0;
923     text-align: right;
924     text-transform: lowercase;
925     list-style: none;
926     z-index: 0;
927     background: none;
928 }
929 #p-personal li {
930     z-index: 0;
931     border: none;
932     padding: 0;
933     display: inline;
934     color: #2f6fab;
935     margin-left: 1em;
936     line-height: 1.2em;
937     background: none;
938 }
939 #p-personal li a {
940     text-decoration: none;
941     color: #005896;
942     padding-bottom: .2em;
943     background: none;
944 }
945 #p-personal li a:hover {
946     background-color: white;
947     padding-bottom: .2em;
948     text-decoration: none;
949 }
950
951 /* the icon in front of the user name, single quotes
952 in bg url to hide it from iemac */
953 li#pt-userpage,
954 li#pt-anonuserpage,
955 li#pt-login {
956     background: url(user.gif) top left no-repeat;
957     padding-left: 20px;
958     text-transform: none;
959 }
960
961 /*
962 ** the page-related actions- page/talk, edit etc
963 */
964 #p-cactions {
965     position: absolute;
966     top: 1.3em;
967     left: 11.5em;
968     margin: 0;
969     white-space: nowrap;
970     width: 76%;
971     line-height: 1.1em;
972     overflow: visible;
973     background: none;
974     border-collapse: collapse;
975     padding-left: 1em;
976     list-style: none;
977     font-size: 95%;
978 }
979 #p-cactions .hiddenStructure {
980     display: none;
981 }
982 #p-cactions ul {
983     list-style: none;
984 }
985 #p-cactions li {
986     display: inline;
987     border: 1px solid #aaa;
988     border-bottom: none;
989     padding: 0 0 .1em 0;
990     margin: 0 .3em 0 0;
991     overflow: visible;
992     background: white;
993 }
994 #p-cactions li.selected {
995     border-color: #fabd23;
996     padding: 0 0 .2em 0;
997 }
998 #p-cactions li a {
999     background-color: white;
1000     color: #002bb8;
1001     border: none;
1002     padding: 0 .8em .3em .8em;
1003     text-decoration: none;
1004     text-transform: lowercase;
1005     position: relative;
1006     z-index: 0;
1007     margin: 0;
1008 }
1009 #p-cactions .selected a {
1010     z-index: 3;
1011 }
1012 #p-cactions .new a {
1013     color: #ba0000;
1014 }
1015 #p-cactions li a:hover {
1016     z-index: 3;
1017     text-decoration: none;
1018 }
1019 #p-cactions h5 {
1020     display: none;
1021 }
1022 #p-cactions li.istalk {
1023     margin-right: 0;
1024 }
1025 #p-cactions li.istalk a {
1026     padding-right: .5em;
1027 }
1028 #p-cactions #ca-addsection a {
1029     padding-left: .4em;
1030     padding-right: .4em;
1031 }
1032 /* offsets to distinguish the tab groups */
1033 li#ca-talk {
1034     margin-right: 1.6em;
1035 }
1036 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1037     margin-left: 1.6em;
1038 }
1039
1040 /*
1041 ** the remaining portlets
1042 */
1043 #p-tbx,
1044 #p-lang {
1045     position: relative;
1046     z-index: 3;
1047 }
1048
1049 /*
1050 ** footer
1051 */
1052 #footer li {
1053     display: inline;
1054     margin: 0 1.3em;
1055 }
1056 /* hide from incapable browsers */
1057 head:first-child+body #footer li { white-space: nowrap; }
1058 #f-poweredbyico, #f-copyrightico {
1059     margin: 0 8px;
1060     position: relative;
1061     top: -2px; /* Bump it up just a tad */
1062 }
1063 #f-poweredbyico {
1064     float: right;
1065     height: 1%;
1066 }
1067 #f-copyrightico {
1068     float: left;
1069     height: 1%;
1070 }
1071
1072 /* js pref toc */
1073 #preftoc {
1074     float: left;
1075     margin: 1em;
1076     width: 13em;
1077 }
1078 #preftoc li {
1079     border: 1px solid white;
1080 }
1081 #preftoc li.selected {
1082     background-color: #f9f9f9;
1083     border: 1px dashed #aaa;
1084 }
1085 #preftoc a,
1086 #preftoc a:active {
1087     display: block;
1088     color: #0014a6;
1089 }
1090 #prefcontrol {
1091     clear: both;
1092     float: left;
1093     margin-top: 1em;
1094 }
1095 div.prefsectiontip {
1096     font-size: 95%;
1097     margin-top: 1em;
1098 }
1099 fieldset.operaprefsection {
1100     margin-left: 15em;
1101 }
1102
1103 /*
1104 ** IE/Mac fixes, hope to find a validating way to move this
1105 ** to a separate stylesheet. This would work but doesn't validate:
1106 ** @import("IEMacFixes.css");
1107 */
1108 /* tabs: border on the a, not the div */
1109 * > html #p-cactions li { border: none; }
1110 * > html #p-cactions li a {
1111     border: 1px solid #aaa;
1112     border-bottom: none;
1113 }
1114 * > html #p-cactions li.selected a { border-color: #fabd23; }
1115 /* footer icons need a fixed width */
1116 * > html #f-poweredbyico,
1117 * > html #f-copyrightico { width: 88px; }
1118 * > html #bodyContent,
1119 * > html #bodyContent pre {
1120     overflow-x: auto;
1121     width: 100%;
1122     padding-bottom: 25px;
1123 }
1124
1125 /* more IE fixes */
1126 /* float/negative margin brokenness */
1127 * html #footer {margin-top: 0;}
1128 * html #column-content {
1129     display: inline;
1130     margin-bottom: 0;
1131 }
1132 * html div.editsection { font-size: smaller; }
1133 #pagehistory li.selected { position: relative; }
1134
1135 /* Mac IE 5.0 fix; floated content turns invisible */
1136 * > html #column-content {
1137     float: none;
1138 }
1139 * > html #column-one {
1140     position: absolute;
1141     left: 0;
1142     top: 0;
1143 }
1144 * > html #footer {
1145     margin-left: 13.2em;
1146 }
1147 .redirectText {
1148     font-size: 150%;
1149     margin: 5px;
1150 }
1151
1152 .printfooter {
1153     display: none;
1154 }
1155
1156 .not-patrolled {
1157     background-color: #ffa;
1158 }
1159 div.patrollink {
1160     font-size: 75%;
1161     text-align: right;
1162 }
1163 span.newpage, span.minor, span.searchmatch {
1164     font-weight: bold;
1165 }
1166 span.unpatrolled {
1167     font-weight: bold;
1168     color: red;
1169 }
1170
1171 span.searchmatch {
1172     color: red;
1173 }
1174 .sharedUploadNotice {
1175     font-style: italic;
1176 }
1177
1178 span.updatedmarker {
1179     color: black;
1180     background-color: #0f0;
1181 }
1182 span.newpageletter {
1183     font-weight: bold;
1184     color: black;
1185     background-color: yellow;
1186 }
1187 span.minoreditletter {
1188     color: black;
1189     background-color: #c5ffe6;
1190 }
1191
1192 table.gallery {
1193     border: 1px solid #ccc;
1194     margin: 2px;
1195     padding: 2px;
1196     background-color: white;
1197 }
1198
1199 table.gallery tr {
1200     vertical-align: top;
1201 }
1202
1203 table.gallery td {
1204     vertical-align: top;
1205     background-color: #f9f9f9;
1206     border: solid 2px white;
1207 }
1208
1209 div.gallerybox {
1210     margin: 2px;
1211     width:  150px;
1212 }
1213
1214 div.gallerybox div.thumb {
1215     text-align: center;
1216     border: 1px solid #ccc;
1217     margin: 2px;
1218 }
1219
1220 div.gallerytext {
1221     font-size: 94%;
1222     padding: 2px 4px;
1223 }
1224
1225 span.comment {
1226         font-style: italic;
1227 }
1228
1229 span.changedby {
1230         font-size: 95%;
1231 }
1232
1233 .previewnote {
1234         text-align: center;
1235         color: #cc0000;
1236 }
1237 .editExternally {
1238         border: 1px solid gray;
1239         background-color: #ffffff;
1240         padding: 3px;
1241         margin-top: 0.5em;
1242         float: left;
1243         font-size: small;
1244         text-align: center;
1245 }    
1246 .editExternallyHelp {
1247         font-style: italic;
1248         color: gray;
1249 }
1250
1251 li span.deleted {
1252         text-decoration: line-through;
1253         color: #888;
1254         font-style: italic;
1255 }
1256
1257 .toggle {
1258         margin-left: 2em;
1259         text-indent: -2em;
1260 }
1261
1262 /* Classes for EXIF data display */
1263 table.metadata {
1264         font-size: 0.8em;
1265         margin-left: 0.5em;
1266         margin-bottom: 0.5em;
1267 }
1268
1269 table.metadata caption {
1270         font-weight: bold;
1271 }
1272
1273 table.metadata th {
1274         font-weight: normal;
1275 }
1276
1277 table.metadata td {
1278         padding: 0.1em;
1279 }
1280
1281 table.metadata {
1282         border: none;
1283         border-collapse: collapse;
1284 }
1285
1286 table.metadata td, table.metadata th {
1287         text-align: center;
1288         border: 1px solid #aaaaaa;
1289         padding-left: 0.1em;
1290         padding-right: 0.1em;
1291 }
1292
1293 table.metadata th {
1294         background-color: #f9f9f9;
1295 }
1296
1297 table.metadata td {
1298         background-color: #fcfcfc;
1299 }
1300
1301 /* filetoc */
1302 ul#filetoc {
1303         text-align: center;
1304         border: 1px solid #aaaaaa;
1305         background-color: #f9f9f9;
1306         padding: 5px;
1307         font-size: 95%;
1308         margin-bottom: 0.5em;
1309         margin-left: 0;
1310         margin-right: 0;
1311 }
1312
1313 #filetoc li {
1314         display: inline;
1315         list-style-type: none;
1316         padding-right: 2em;
1317 }
1318
1319 /* @bug 1714 */
1320 input#wpSave, input#wpDiff {
1321         margin-right: 0.33em;
1322 }
1323
1324
1325 /* Classes for article validation */
1326
1327 table.revisionform_default {
1328         border: 1px solid #000000;
1329 }
1330
1331 table.revisionform_focus {
1332         border: 1px solid #000000;
1333         background-color:#00BBFF;
1334 }
1335
1336 tr.revision_tr_default {
1337         background-color:#EEEEEE;
1338 }
1339
1340 tr.revision_tr_first {
1341         background-color:#DDDDDD;
1342 }
1343
1344 p.revision_saved {
1345         color: green;
1346         font-weight:bold;
1347 }