]> CyberLeo.Net >> Repos - SourceForge/phpwiki.git/blob - themes/MonoBook/main.css
added MonoBook UserContribs
[SourceForge/phpwiki.git] / themes / MonoBook / 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 ** Added phpwiki integration: Reini Urban, based on the phpwiki.css 
11 ** by Jeff Dairiki
12 */
13
14 #column-content {
15         width: 100%;
16         float: right;
17         margin: 0 0 .6em -12.2em;
18         padding: 0;
19         height: 1%;
20 }
21 #content {
22         margin: 2.92em 0 0 12.2em;
23         padding: 0 1em 1.5em 1em;
24         background: white;
25         color: black;
26         border: 1px solid #aaa;
27         border-right: none;
28         line-height: 1.5em;
29         position: relative;
30         z-index: 2;
31 }
32 #column-one {
33         padding-top:160px;
34         position: absolute;
35         top: 0;
36         left: 0;
37         z-index: 4;
38 }
39 /* the left column width is specified in class .portlet */
40
41 /* Font size:
42 ** We take advantage of keyword scaling- browsers won't go below 9px
43 ** More at http://www.w3.org/2003/07/30-font-size
44 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
45 */
46
47 body {
48     font: small sans-serif;
49     background: #f9f9f9 url("images/headbg.jpg") 0 0 no-repeat;
50     color: black;
51     margin: 0;
52     padding: 0;
53 }
54
55 /* scale back up to a sane default */
56 #globalWrapper {
57         font-size: 127%;
58         width: 100%;
59         margin: 0;
60         padding: 0;
61 }
62 .visualClear {
63         clear: both;
64 }
65
66 /* general styles */
67
68 table {
69         font-size: 100%;
70         color: black;
71 }
72 a {
73     text-decoration: none;
74     color: #004ba6;
75     background: none;
76 }
77 a:visited { color: #5a3696; }
78 a:active { color: #faa700; }
79 a:hover { text-decoration: underline; }
80 a.stub { color: #772233; }
81 a.new, #p-personal a.new {
82         color: #ba0000;
83 }
84 a.new:visited, #p-personal a.new:visited {
85         color: #a55858;
86 }
87
88 img {
89         border: none;
90         vertical-align: middle;
91 }
92 p {
93         margin: .4em 0 .5em 0;
94         line-height: 1.5em;
95 }
96 p img {
97         margin: 0;
98 }
99
100 hr {
101         height: 1px;
102         color: #aaa;
103         background-color: #aaa;
104         border: 0;
105         margin: .2em 0 .2em 0;
106 }
107
108 h1, h2, h3, h4, h5, h6 {
109     color: black;
110     background: none;
111     font-weight: bold;
112     font-family: Tahoma, sans-serif;
113     margin: 0;
114     padding-top: 0.5em;
115     padding-bottom: 0.17em;
116     border-bottom: 1px solid #aaa;
117 }
118 h1 { font-size: 188%; }
119 h2 { font-size: 150%; }
120 h3 { font-size: 132%; }
121 h4 { font-size: 116%; }
122 h5 { font-size: 100%; }
123 h6 { font-size: 80%;  }
124 h4, h5, h6 { 
125     border-bottom: none;
126     font-weight: normal;
127 }
128 ul { 
129     line-height: 1.5em;
130     list-style-type: square;
131     margin: 0.3em 0 0 1.5em;
132     padding:0;
133     list-style-image: url("images/bullet.png");
134 }
135 ol {
136         line-height: 1.5em;
137         margin: 0.3em 0 0 3.2em;
138         padding:0;
139         list-style-image: none;
140 }
141 li {    margin-bottom: 0.1em; }
142 dt { 
143         font-weight: bold; 
144         margin-bottom: .1em;
145 }
146 dl {
147         margin-top: .2em;
148         margin-bottom: .5em;
149 }
150 dd {
151         line-height: 1.5em;
152         margin-left: 2em;
153         margin-bottom: .1em;
154 }
155
156 fieldset {
157     border: 1px solid #2f6fab;
158     margin: 1em 0 1em 0;
159     padding: 0 1em 1em 1em;
160     line-height: 1.5em;
161 }
162 legend {
163     /*background: white;*/
164     padding: 0.5em;
165     font-size: 95%;
166 }
167 form {
168     border: none;
169     margin: 0;
170 }
171
172 textarea {
173         width: 100%;
174         padding: .1em;
175 }
176
177 input.historysubmit {
178     padding: 0 0.3em 0.3em 0.3em !important;
179     font-size: 94%;
180     cursor: pointer;
181     height: 1.7em !important;
182     margin-left: 1.6em;
183 }
184 select {
185         vertical-align: top;
186 }
187 abbr, acronym, .explain {
188         border-bottom: 1px dotted black;
189         color: black;
190         background: none;
191         cursor: help;
192 }
193 q {
194         font-family: Times, "Times New Roman", serif;
195         font-style: italic;
196 }
197 /* disabled for now
198 blockquote {
199         font-family: Times, "Times New Roman", serif;
200         font-style: italic;
201 }*/
202 code {
203         background-color: #f9f9f9;
204 }
205 pre {
206         padding: 1em;
207         border: 1px dashed #2f6fab;
208         color: black;
209         background-color: #f9f9f9;
210         line-height: 1.1em;
211 }
212
213 /*
214 ** the main content area
215 */
216
217 #siteSub { display: none; }
218 #jump-to-nav {
219         display: none;
220 }
221 #contentSub {
222     font-size: 84%;
223     line-height: 1.2em;
224     margin: 0 0 1.4em 1em;
225     color: #7d7d7d;
226     width: auto;
227 }
228 span.subpages { display: block; }
229
230 /* Some space under the headers in the content area */
231 #bodyContent h1, #bodyContent h2 {
232         margin-bottom: .6em;
233 }
234 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
235         margin-bottom: .3em;
236 }
237 .firstHeading { margin-bottom:0.1em; }
238
239 /* user notification thing */
240 .usermessage {
241         background-color: #ffce7b;
242         border: 1px solid #ffa500;
243         color: black;
244         font-weight: bold;
245         margin: 2em 0 1em;
246         padding: .5em 1em;
247         vertical-align: middle;
248 }
249 #siteNotice {
250         text-align: center;
251         font-size: 95%;
252         padding: 0 .9em;
253 }
254 #siteNotice p {
255         margin: 0;
256         padding: 0;
257 }
258 .error {
259         color: red;
260         font-size: larger;
261 }
262 .errorbox, .successbox {
263         font-size: larger;
264         border: 2px solid;
265         padding: .5em 1em;
266         float: left;
267         margin-bottom: 2em;
268         color: #000;
269 }
270 .errorbox {
271         border-color: red;
272         background-color: #fff2f2;
273 }
274 .successbox {
275         border-color: green;
276         background-color: #dfd;
277 }
278 .errorbox h2, .successbox h2 {
279         font-size: 1em;
280         font-weight: bold;
281         display: inline;
282         margin: 0 .5em 0 0;
283         border: none;
284 }
285
286 #catlinks {
287         border: 1px solid #aaa;
288         background-color: #f9f9f9;
289         padding: 5px;
290         margin-top: 1em;
291         clear: both;
292 }
293 /* currently unused, intended to be used by a metadata box
294 in the bottom-right corner of the content area */
295 .documentDescription {
296         /* The summary text describing the document */
297         font-weight: bold;
298         display: block;
299         margin: 1em 0;
300         line-height: 1.5em;
301 }
302 .documentByLine {
303         text-align: right;
304         font-size: 90%;
305         clear: both;
306         font-weight: normal;
307         color: #76797c;
308 }
309
310 /* emulate center */
311 .center {
312         width: 100%;
313         text-align: center;
314 }
315 *.center * {
316         margin-left: auto;
317         margin-right: auto;
318 }
319 /* small for tables and similar */
320 .small, .small * {
321         font-size: 94%;
322 }
323 table.small {
324         font-size: 100%;
325 }
326
327 /*
328 ** content styles
329 */
330 #toc,
331 .toc {
332         width: 200px;
333         border: 1px solid #aaa;
334         background-color: #f9f9f9;
335         padding: 5px;
336         font-size: 95%;
337         float: right;
338         clear: right;
339 }
340 #toc h2,
341 .toc h2 {
342         display: inline;
343         border: none;
344         padding: 0;
345         font-size: 110%;
346         font-weight: bold;
347 }
348 .toc #toclist {
349   width: auto;
350   border: none;
351 }
352 #toc #toctitle,
353 .toc #toctitle,
354 #toc .toctitle,
355 .toc .toctitle {
356   text-align: center;
357 }
358 /*
359 #toc ul,
360 .toc ul {
361         list-style-type: none;
362         list-style-image: none;
363         margin-left: 0;
364         padding-left: 0;
365         text-align: left;
366 }
367 */
368 #toc ul,
369 .toc ul {
370   width: auto;
371   border: none;
372   line-height: 1.5em;
373   list-style-type: square;
374   list-style-image: url("images/bullet.png");
375   font-size: 95%;
376   margin-left: 5px;
377   padding-left: 5px;
378 }
379 #toc ul ul,
380 .toc ul ul {
381   margin: 0 0 0 2em;
382 }
383 #toc .toctoggle,
384 .toc .toctoggle {
385   font-size: 94%;
386 }
387
388 .mw-warning {
389   border: 1px solid #aaa;
390   background-color: #f9f9f9;
391   padding: 5px;
392   font-size: 95%;
393 }
394 .mw-warning {
395   margin-left: 50px;
396   margin-right: 50px;
397   text-align: center;
398 }
399
400 /* images */
401 div.floatright, table.floatright {
402   clear: right;
403   float: right;
404   position: relative;
405   margin: 0 0 .5em .5em;
406   border: 0;
407 /*
408         border: .5em solid white;
409         border-width: .5em 0 .8em 1.4em;
410 */
411 }
412 div.floatright p { font-style: italic; }
413 div.floatleft, table.floatleft {
414         float: left;
415         position: relative;
416         margin: 0 .5em .5em 0;
417         border: 0;
418 /*
419         margin: .3em .5em .5em 0;
420         border: .5em solid white;
421         border-width: .5em 1.4em .8em 0;
422 */
423 }
424 div.floatleft p { font-style: italic; }
425 /* thumbnails */
426 div.thumb {
427         margin-bottom: .5em;
428         border-style: solid;
429         border-color: white;
430         width: auto;
431 }
432 div.thumb div {
433         border: 1px solid #ccc;
434         padding: 3px !important;
435         background-color: #f9f9f9;
436         font-size: 94%;
437         text-align: center;
438         overflow: hidden;
439 }
440 div.thumb div a img {
441         border: 1px solid #ccc;
442 }
443 div.thumb div div.thumbcaption {
444         border: none;
445         text-align: left;
446         line-height: 1.4em;
447         padding: .3em 0 .1em 0;
448 }
449 div.magnify {
450         float: right;
451         border: none !important;
452         background: none !important;
453 }
454 div.magnify a, div.magnify img {
455         display: block;
456         border: none !important;
457         background: none !important;
458 }
459 div.tright {
460         clear: right;
461         float: right;
462         border-width: .5em 0 .8em 1.4em;
463 }
464 div.tleft {
465         float: left;
466         margin-right: .5em;
467         border-width: .5em 1.4em .8em 0;
468 }
469
470 .hiddenStructure {
471         display: none;
472         speak: none;
473 }
474 img.tex {
475         vertical-align: middle;
476 }
477 span.texhtml {
478         font-family: serif;
479 }
480
481 /*
482 ** classes for special content elements like town boxes
483 ** intended to be referenced directly from the wiki src
484 */
485
486 /*
487 ** User styles
488 */
489 /* table standards */
490 table.rimage {
491         float: right;
492         position: relative;
493         margin-left: 1em;
494         margin-bottom: 1em;
495         text-align: center;
496 }
497 .toccolours {
498         border: 1px solid #aaa;
499         background-color: #f9f9f9;
500         padding: 5px;
501         font-size: 95%;
502 }
503 div.townBox {
504         position: relative;
505         float: right;
506         background: white;
507         margin-left: 1em;
508         border: 1px solid gray;
509         padding: .3em;
510         width: 200px;
511         overflow: hidden;
512         clear: right;
513 }
514 div.townBox dl {
515         padding: 0;
516         margin: 0 0 .3em;
517         font-size: 96%;
518 }
519 div.townBox dl dt {
520         background: none;
521         margin: .4em 0 0;
522 }
523 div.townBox dl dd {
524         margin: .1em 0 0 1.1em;
525         background-color: #f3f3f3;
526 }
527
528 /*
529 ** edit views etc
530 */
531 .special li {
532         line-height: 1.4em;
533         margin: 0;
534         padding: 0;
535 }
536
537 /*
538 ** RecentChanges
539 */
540 .pageinfo-majoredit { 
541         font-weight: normal; /*bold;*/
542 }
543 .wiki-summary {
544         font-size: 94%;
545         font-style: italic;
546 }
547
548 /* Page history styling */
549 /* the auto-generated edit comments */
550 .autocomment {
551         color: gray;
552 }
553 #pagehistory span.user {
554         margin-left: 1.4em;
555         margin-right: .4em;
556 }
557 #pagehistory span.minor {
558         font-weight: bold;
559 }
560 #pagehistory li {
561         border: 1px solid white;
562 }
563 #pagehistory li.selected {
564         background-color: #f9f9f9;
565         border: 1px dashed #aaa;
566 }
567
568 /*
569 ** Diff rendering (unused)
570 */
571 table.diff, td.diff-otitle, td.diff-ntitle {
572         background-color: white;
573 }
574 td.diff-addedline {
575         background: #cfc;
576         font-size: smaller;
577 }
578 td.diff-deletedline {
579         background: #ffa;
580         font-size: smaller;
581 }
582 td.diff-context {
583         background: #eee;
584         font-size: smaller;
585 }
586 span.diffchange {
587         color: red;
588         font-weight: bold;
589 }
590
591 /**
592  * Diff Output
593  */
594 /* main box */
595 .diff {
596   margin-top:    1ex;
597   margin-bottom: 0.5ex;
598   background: white;
599   /* Netscape 4 requires this 1px border.
600      Without it, the paper borders below cause
601      the white background to disappear. */
602   border: 1px #ccc solid;
603   color: black;
604   border-top: 1px solid #494f5d;
605   border-left:  1px solid #494f5d;
606   border-bottom:  1px solid #c6d2de;
607   border-right: 1px solid #c6d2de;
608   padding-top:    1px;
609   padding-bottom: 1px;
610   padding-left:  .125em;
611   padding-right: .125em;
612   padding: 0;
613   /* "paper" borders */
614   /*border-top: 2px #d2d2d2 solid;
615   border-left:  2px #b2b2b2 solid;
616   border-bottom:  2px #e8e6df solid;
617   border-right: 2px #e8e6df solid;*/
618 /*  padding-left:  0em; 
619   padding-bottom: 0ex;*/
620 /*  border-style: inset;*/
621   /*This breaks Netscape 4: (display does not go full width).
622    * width: auto;
623    */
624   /* I'm not sure what the intent of this was, but it's
625    *  not valid CSS: */
626   /* display: editarea; */
627   clear: both;
628 }
629 .diff .block {
630   background: #ddd;
631   padding-left: 1em;
632   /* for NS4 */
633   /*border: none;*/
634 }
635
636 /* individual blocks */
637 .diff .context {
638   background: white;
639   /* for NS4 */
640   border: none;
641 }
642 /* entire difftextblock */
643 .difftext {
644   margin-top:    0;
645   margin-bottom: 0;
646   background: white;
647   /* Netscape 4 requires this 1px border.
648      Without it, the paper borders below cause
649      the white background to disappear. */
650   border: 1px black solid;
651   /* "paper" borders */
652   border-top:  1px #e8e6df solid;
653   border-left: 1px #e8e6df solid;
654   border-bottom: 1px #d2d2d2 solid;
655   border-right:  1px #b2b2b2 solid;
656   padding-left:  0em; 
657   padding-right: 0em;
658   padding-top:    0ex;
659   padding-bottom: 0ex;
660   /*This breaks Netscape 4: (display does not go full width).
661    * width: auto;
662    */
663   clear: both;
664 }
665 /* + - line prefix */
666 .diff .block tt {
667   font-weight: normal;
668   font-family: monospace;
669   color: black;
670   /* for NS4 */
671   margin-left: 0;
672   border: none;
673 }
674 /* changed words */
675 .diff del, .diff ins {
676   font-weight: bold;
677   text-decoration: none;
678 }
679
680 /* blocks containing deleted or added words */
681 .diff .original, .diff .deleted,
682 .diff .final, .diff .added {
683   background: white;
684 }
685 /* blocks containing deleted words */
686 .diff .original, .diff .deleted {
687   background: #fcc;
688   /* for NS4 */
689   border: none;
690 }
691 /* blocks containing added words */
692 .diff .final, .diff .added {
693   background: #cfc;
694   /* for NS4 */
695   border: none;
696 }
697
698 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
699 /* deleted words */
700 .diff del { background: #f99; }
701 /* added words */
702 .diff ins { background: #9f9; }
703
704 /**
705  * PageHistory, Info
706  */
707 td.pageinfo { font-weight: bold; }
708 .pageinfo-minoredit, .pageinfo-authorid {
709   font-size: smaller;
710   font-style: oblique;
711 }
712
713 /**
714  * Calendar plugin
715  */
716 table.cal {
717   border: 1px outset gray;
718   background: white;
719   margin: 0.5ex 0.5em;
720   padding: 1px;
721   /* For Mozilla */
722   empty-cells: hide;
723
724
725 /* cells */
726 table.cal td {
727   background: white;
728   text-align: right;
729
730
731 /* Month-name header */
732 table.cal-header { font-size: larger; }
733 table.cal-header tr, table.cal-header td { text-align: center; }
734 .cal-arrow {
735   font-weight: bold;
736   text-decoration: none;
737 }
738
739 /* Day-names header */
740 table.cal tbody tr .cal-dayname {  }
741 .cal-dayname td {
742   text-align: center;
743   font-size: smaller;
744   text-decoration: underline;
745 }
746
747 /* Individual days */
748 a.cal-hide { text-decoration: none; }
749
750 /* Today */
751  /* cell */
752 table.cal td.cal-today {
753   margin: 1px;
754   border: 1px solid gray;
755 }
756  /* text */
757 table.cal td.cal-today a.cal-hide {  }
758
759 /* 
760 ** keep the whitespace in front of the ^=, hides rule from konqueror
761 ** this is css3, the validator doesn't like it when validating as css2 
762 */
763 #bodyContent a.external,
764 #bodyContent a[href ^="gopher://"] {
765     background: url("images/url.png") center right no-repeat;
766     padding-right: 13px;
767 }
768 #bodyContent a[href ^="https://"],
769 .link-https {
770     background: url("images/lock_icon.png") center right no-repeat;
771     padding-right: 16px;
772 }
773 #bodyContent a[href ^="mailto:"],
774 .link-mailto {
775     background: url("images/mail_icon.png") center right no-repeat;
776     padding-right: 18px;
777 }
778 #bodyContent a[href ^="news://"] {
779     background: url("images/news_icon.png") center right no-repeat;
780     padding-right: 18px;
781 }
782 #bodyContent a[href ^="ftp://"],
783 .link-ftp {
784     background: url("images/file_icon.png") center right no-repeat;
785     padding-right: 18px;
786 }
787 #bodyContent a[href ^="irc://"],
788 .link-irc {
789     background: url("images/discussionitem_icon.png")  center right no-repeat;
790     padding-right: 18px;
791 }
792 /* disable interwiki styling */
793 #bodyContent a.extiw,
794 #bodyContent a.extiw:active {
795         color: #36b;
796         background: none;
797         padding: 0;
798 }
799 #bodyContent a.external {
800         color: #36b;
801 }
802 /* this can be used in the content area to switch off
803 special external link styling */
804 #bodyContent .plainlinks a {
805         background: none !important;
806         padding: 0 !important;
807 }
808 /*
809 ** Structural Elements
810 */
811
812 /*
813 ** general portlet styles (elements in the quickbar)
814 */
815 .portlet {
816         border: none;
817         margin: 0 0 .5em;
818         padding: 0;
819         float: none;
820         width: 11.6em;
821         overflow: hidden;
822 }
823 .portlet h4 {
824     font-size: 95%;
825     font-weight: normal;
826     white-space: nowrap;
827 }
828 .portlet h5 { 
829     background: transparent;
830     padding: 0em 1em 0em 0.5em;
831     text-transform: lowercase;
832     display: inline;
833     font-size: 91%;
834     height: 1em;
835     font-weight: normal;
836     white-space: nowrap;
837 }
838 .portlet h6 { 
839     background: #ffae2e;
840     border: 1px solid #2f6fab;
841     border-style: solid solid none solid;
842     padding: 0em 1em 0em 1em;
843     text-transform: lowercase;
844     display: block;
845     font-size: 1em;
846     height: 1.2em;
847     font-weight: normal;
848     white-space: nowrap;
849 }
850 .pBody {
851         font-size: 95%;
852         background-color: white;
853         color: black;
854         border-collapse: collapse;
855         border: 1px solid #aaa;
856         padding: 0 .8em .3em .5em;
857 }
858 .portlet h1,
859 .portlet h2,
860 .portlet h3,
861 .portlet h4 {
862         margin: 0;
863         padding: 0;
864 }
865 .portlet ul {
866     line-height: 1.5em;
867     list-style-type: square;
868     list-style-image: url("images/bullet.png");
869     font-size:95%;
870 }
871 .portlet li {
872     padding:0;
873     margin: 0 0 0 0;
874     margin-bottom: 0;
875 }
876
877 /* 
878 ** Logo properties 
879  * Optionally at the right also an image
880 */
881
882 #p-logo {
883         z-index: 0;
884         position: absolute; /*needed to use z-index */
885         top: 0;
886         left: 0;
887         height: 155px;
888         width: 12em;
889         overflow: visible;
890 }
891 #p-logo h5 {
892         display: none;
893 }
894 #p-logo a,
895 #p-logo a:hover {
896         display: block;
897         height: 155px;
898         width: 12.2em;
899         background-repeat: no-repeat;
900         background-position: 35% 50% !important;
901         text-decoration: none;
902 }
903 /* At the right we put a small "wiki star" */
904 #img-logo-right {
905   position: absolute;
906   z-index: 4;
907   top:  0;
908   right: 0;
909   height: 86px;
910   width: 86px;
911   background: url("images/wiki_stamp.png") left no-repeat;
912   background-repeat: no-repeat;
913   overflow: visible;
914 }
915
916 /*
917 ** the navigation portlet
918 */
919
920 #p-navigation {
921         position: relative;
922         z-index: 3;
923 }
924 #p-navigation .pBody {
925         padding-right: 0;
926 }
927
928 #p-navigation a {
929         display: block;
930 }
931
932 #p-navigation li.active a, #p-navigation li.active a:hover {
933         text-decoration: none;
934         display: inline;
935         font-weight: bold;
936 }
937
938
939 /*
940 ** Search portlet
941 */
942 #p-search {
943     position:relative;
944     z-index: 3;
945 }
946 input.searchButton {
947     margin-top:1px;
948     padding: 0 0.4em !important;
949     font-size: 95%;
950     cursor: pointer;
951     background-color: White;
952     border: 1px solid #2f6fab;
953 }
954 #searchGoButton {
955         padding-left: .5em;
956         padding-right: .5em;
957         font-weight: bold;
958 }
959 /*#searchInput, */
960 #livesearch, #p-search input.dropdown {
961   text-align: left;
962   width: 9.9em;
963   /*margin: 0;*/
964   font-size: 95%;
965 }
966 #p-search .pBody {
967         padding: .5em .4em .4em .4em;
968         text-align: center;
969 }
970
971 /*
972 ** the personal toolbar
973 */
974
975 #p-personal {
976     width:40em;
977     white-space:nowrap;
978     padding:0 0 0 0;
979     margin:0;
980     position:absolute;
981     right: 90px;
982     top:0.1em;
983     z-index: 4;
984     border: none;
985     overflow: visible;
986     color: black;
987     line-height: 1.2em;
988 }
989
990 #p-personal h5 {
991     display:none;
992 }
993 #p-personal .portlet,
994 #p-personal .pBody {
995     padding:0;
996     margin:0;
997     border: none;
998     z-index: 0;
999     overflow: visible;
1000     background: none;
1001 }
1002 /* this is the ul contained in the portlet */
1003 #p-personal ul {
1004     border: none;
1005     line-height: 1.5em;
1006     color: #2f6fab;
1007     padding: 0em 2em 0 3em;
1008     margin: 0;
1009     text-align: right;
1010     /*text-transform: lowercase;*/
1011     list-style: none;
1012     z-index: 0;
1013     background: none;
1014     cursor: default;
1015 }
1016 #p-personal li {
1017     z-index: 0;
1018     border:none;
1019     padding:0;
1020     display: inline;
1021     color: #2f6fab;
1022     margin-left: 1em;
1023     line-height: 1.2em;
1024     background: none;
1025 }
1026 #p-personal li a {
1027     text-decoration: none;
1028     color: #005896;
1029     padding-bottom: 0.2em;
1030     background: none;
1031 }
1032 #p-personal li a:hover {
1033         background-color: white;
1034         padding-bottom: .2em;
1035         text-decoration: none;
1036 }
1037 #p-personal li.active a:hover {
1038         background-color: transparent;
1039 }
1040 /* the icon in front of the user name, single quotes
1041 in bg url to hide it from iemac */
1042 li#pt-userpage,
1043 li#pt-anonuserpage,
1044 li#pt-login {
1045     /*background:  url('images/wikiuser.png') top left bottom no-repeat;*/
1046     background:  url('images/wikiuser.png') left no-repeat;
1047     background-repeat: no-repeat;
1048     padding-left: 20px;
1049     text-transform: none;
1050 }
1051 #p-personal a.new { color:#ba0000; }
1052
1053 /*
1054 ** the page-related actions- page/talk, edit etc
1055 */
1056 #p-cactions {
1057     position:absolute;
1058     z-index: 0;
1059     top: 1.3em;
1060     left: 11.5em;
1061     margin: 0;
1062     white-space:nowrap;
1063     width: 76%;
1064     line-height: 1.1em;
1065     overflow: visible;
1066     background: none;
1067     border-collapse: collapse;
1068     padding-left: 1em;
1069     list-style: none;
1070     font-size: 95%;
1071 }
1072 #p-cactions .hiddenStructure {
1073         display: none;
1074 }
1075 #p-cactions ul {
1076     list-style: none;
1077 }
1078 #p-cactions li {
1079         display: inline;
1080         border: 1px solid #aaa;
1081         border-bottom: none;
1082         padding: 0 0 .1em 0;
1083         margin: 0 .3em 0 0;
1084         overflow: visible;
1085         background: white;
1086 }
1087 #p-cactions li.selected {
1088         border-color: #fabd23;
1089         padding: 0 0 0.2em 0;
1090 }
1091 #p-cactions li a {
1092         background-color: #fbfbfb;
1093         color: #002bb8;
1094         border: none;
1095         padding: 0 .8em .3em;
1096         text-decoration: none;
1097         /*text-transform: lowercase;*/
1098         position: relative;
1099         z-index: 0;
1100         margin: 0;
1101 }
1102 #p-cactions li.selected a {
1103         z-index: 3;
1104         background-color: #fff;
1105         padding: 0 1em 0 !important;
1106 }
1107 #p-cactions .new a {
1108         color: #ba0000;
1109 }
1110 #p-cactions li a:hover {
1111         z-index: 3;
1112         text-decoration: none;
1113         background-color: #eee;
1114         padding: 0 1em 0.2em !important;
1115 }
1116 #p-cactions h5 {
1117         display: none;
1118 }
1119 #p-cactions li.istalk {
1120         margin-right: 0;
1121 }
1122 #p-cactions li.istalk a {
1123         padding-right: .5em;
1124 }
1125 #p-cactions #ca-addsection a {
1126         padding-left: .4em;
1127         padding-right: .4em;
1128 }
1129 /* offsets to distinguish the tab groups */
1130 li#ca-talk {
1131         margin-right: 1.6em;
1132 }
1133 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1134         margin-left: 1.6em;
1135 }
1136
1137 /*
1138 ** the remaining portlets
1139 */
1140 #p-tbx,
1141 #p-lang {
1142         position: relative;
1143         z-index: 3;
1144 }
1145
1146 /*
1147 ** footer
1148 */
1149 #footer {
1150         background-color: white;
1151         border-top: 1px solid #fabd23;
1152         border-bottom: 1px solid #fabd23;
1153         margin: .6em 0 1em 0;
1154         border-left: 1px solid #fabd23;
1155         margin-left: 13.6em;
1156         padding: .4em 0 1.2em 0;
1157         text-align: center;
1158         font-size: 90%;
1159 }
1160 #footer li {
1161         display: inline;
1162         margin: 0 1.3em;
1163 }
1164 /* hide from incapable browsers */
1165 head:first-child+body #footer li { white-space: nowrap; }
1166 #f-poweredbyico, #f-copyrightico {
1167     margin: 0 8px;
1168     /*vertical-align: middle;*/
1169     height: 31px;
1170     position: relative;
1171     top: -31px; /* Bump it up just a tad */
1172 }
1173 #f-poweredbyico {
1174     float: right;
1175 }
1176 #f-copyrightico {
1177     float: left;
1178 }
1179
1180 /* js pref toc */
1181 #preftoc { 
1182     float: left;
1183     margin: 1em 1em 1em 1em;
1184     width: 13em;
1185 }
1186 #preftoc li { border: 1px solid White; }
1187 #preftoc li.selected { 
1188     background-color:#f9f9f9;
1189     border:1px dashed #aaaaaa;
1190 }
1191 #preftoc a,
1192 #preftoc a:active {
1193     display: block;
1194     color: #0014a6;
1195 }
1196 #prefcontrol { 
1197     clear: both;
1198     float: left;
1199     margin-top: 1em;
1200 }
1201 div.prefsectiontip { 
1202     font-size: 95%;
1203     margin-top: 1em;
1204 }
1205 fieldset.operaprefsection { margin-left: 15em }
1206
1207 /* 
1208 ** IE/Mac fixes, hope to find a validating way to move this
1209 ** to a separate stylesheet. This would work but doesn't validate: 
1210 ** @import("IEMacFixes.css");
1211 */
1212
1213 /* tabs: border on the a, not the div */
1214 * > html #p-cactions li { border:none; }
1215 * > html #p-cactions li a {
1216         border: 1px solid #aaa;
1217         border-bottom: none;
1218 }
1219 * > html #p-cactions li.selected a { border-color: #fabd23; }
1220 /* footer icons need a fixed width */
1221 * > html #f-poweredbyico,
1222 * > html #f-copyrightico { width: 88px; }
1223 * > html #bodyContent,
1224 * > html #bodyContent pre {
1225         overflow-x: auto;
1226         width: 100%;
1227         padding-bottom: 25px;
1228 }
1229
1230 /* more IE fixes */
1231 /* float/negative margin brokenness */
1232 * html #footer {margin-top: 0;}
1233 * html #column-content {
1234         display: inline;
1235         margin-bottom: 0;
1236 }
1237 * html div.editsection { font-size: smaller; }
1238 #pagehistory li.selected { position: relative; }
1239
1240 /* Mac IE 5.0 fix; floated content turns invisible */
1241 * > html #column-content {
1242         float: none;
1243 }
1244 * > html #column-one {
1245         position: absolute;
1246         left: 0;
1247         top: 0;
1248 }
1249 * > html #footer {
1250         margin-left: 13.2em;
1251 }
1252 .redirectText {
1253         font-size: 150%;
1254         margin: 5px;
1255 }
1256
1257 .printfooter {
1258         display: none;
1259 }
1260
1261 .not-patrolled {
1262         background-color: #ffa;
1263 }
1264 div.patrollink {
1265         font-size: 75%;
1266         text-align: right;
1267 }
1268 span.newpage, span.minor, span.searchmatch, span.bot {
1269         font-weight: bold;
1270 }
1271 span.unpatrolled {
1272         font-weight: bold;
1273         color: red;
1274 }
1275
1276 span.searchmatch {
1277         color: red;
1278 }
1279 .sharedUploadNotice {
1280         font-style: italic;
1281 }
1282
1283 span.updatedmarker {
1284         color: black;
1285         background-color: #0f0;
1286 }
1287 span.newpageletter {
1288         font-weight: bold;
1289         color: black;
1290         background-color: yellow;
1291 }
1292 span.minoreditletter {
1293         color: black;
1294         background-color: #c5ffe6;
1295 }
1296
1297 table.gallery {
1298         border: 1px solid #ccc;
1299         margin: 2px;
1300         padding: 2px;
1301         background-color: white;
1302 }
1303
1304 table.gallery tr {
1305         vertical-align: top;
1306 }
1307
1308 table.gallery td {
1309         vertical-align: top;
1310         background-color: #f9f9f9;
1311         border: solid 2px white;
1312 }
1313
1314 table.gallery td.galleryheader {
1315         text-align: center;
1316         font-weight: bold;
1317 }
1318
1319 div.gallerybox {
1320         margin: 2px;
1321         width:  150px;
1322 }
1323
1324 div.gallerybox div.thumb {
1325         text-align: center;
1326         border: 1px solid #ccc;
1327         margin: 2px;
1328 }
1329
1330 div.gallerytext {
1331         font-size: 94%;
1332         padding: 2px 4px;
1333 }
1334
1335 span.comment {
1336         font-style: italic;
1337 }
1338
1339 span.changedby {
1340         font-size: 95%;
1341 }
1342
1343 .previewnote {
1344         text-indent: 3em;
1345         color: #c00;
1346         border-bottom: 1px solid #aaa;
1347         padding-bottom: 1em;
1348         margin-bottom: 1em;
1349 }
1350
1351 .previewnote p {
1352         margin: 0;
1353         padding: 0;
1354 }
1355
1356 .editExternally {
1357         border: 1px solid gray;
1358         background-color: #ffffff;
1359         padding: 3px;
1360         margin-top: 0.5em;
1361         float: left;
1362         font-size: small;
1363         text-align: center;
1364 }
1365 .editExternallyHelp {
1366         font-style: italic;
1367         color: gray;
1368 }
1369
1370 li span.deleted, span.history-deleted {
1371         text-decoration: line-through;
1372         color: #888;
1373         font-style: italic;
1374 }
1375
1376 .toggle {
1377         margin-left: 2em;
1378         text-indent: -2em;
1379 }
1380
1381 /* Classes for EXIF data display */
1382 table.mw_metadata {
1383         font-size: 0.8em;
1384         margin-left: 0.5em;
1385         margin-bottom: 0.5em;
1386         width: 300px;
1387 }
1388
1389 table.mw_metadata caption {
1390         font-weight: bold;
1391 }
1392
1393 table.mw_metadata th {
1394         font-weight: normal;
1395 }
1396
1397 table.mw_metadata td {
1398         padding: 0.1em;
1399 }
1400
1401 table.mw_metadata {
1402         border: none;
1403         border-collapse: collapse;
1404 }
1405
1406 table.mw_metadata td, table.mw_metadata th {
1407         text-align: center;
1408         border: 1px solid #aaaaaa;
1409         padding-left: 0.1em;
1410         padding-right: 0.1em;
1411 }
1412
1413 table.mw_metadata th {
1414         background-color: #f9f9f9;
1415 }
1416
1417 table.mw_metadata td {
1418         background-color: #fcfcfc;
1419 }
1420
1421 table.collapsed tr.collapsable {
1422         display: none;
1423 }
1424
1425
1426 /* filetoc */
1427 ul#filetoc {
1428         text-align: center;
1429         border: 1px solid #aaaaaa;
1430         background-color: #f9f9f9;
1431         padding: 5px;
1432         font-size: 95%;
1433         margin-bottom: 0.5em;
1434         margin-left: 0;
1435         margin-right: 0;
1436 }
1437
1438 #filetoc li {
1439         display: inline;
1440         list-style-type: none;
1441         padding-right: 2em;
1442 }
1443
1444 /* @bug 1714 */
1445 input#wpSave, input#wpDiff {
1446         margin-right: 0.33em;
1447 }
1448
1449 #editform .editOptions {
1450         display: inline;
1451 }
1452
1453 #wpSave {
1454         font-weight: bold;
1455 }
1456
1457 /* Classes for article validation */
1458
1459 table.revisionform_default {
1460         border: 1px solid #000000;
1461 }
1462
1463 table.revisionform_focus {
1464         border: 1px solid #000000;
1465         background-color:#00BBFF;
1466 }
1467
1468 tr.revision_tr_default {
1469         background-color:#EEEEEE;
1470 }
1471
1472 tr.revision_tr_first {
1473         background-color:#DDDDDD;
1474 }
1475
1476 p.revision_saved {
1477         color: green;
1478         font-weight:bold;
1479 }
1480
1481 #mw_trackbacks {
1482         border: solid 1px #bbbbff;
1483         background-color: #eeeeff;
1484         padding: 0.2em;
1485 }
1486
1487
1488 /* Allmessages table */
1489
1490 #allmessagestable th {
1491         background-color: #b2b2ff;
1492 }
1493
1494 #allmessagestable tr.orig {
1495         background-color: #ffe2e2;
1496 }
1497
1498 #allmessagestable tr.new {
1499         background-color: #e2ffe2;
1500 }
1501
1502 #allmessagestable tr.def {
1503         background-color: #f0f0ff;
1504 }
1505
1506
1507 /* noarticletext */
1508 div.noarticletext {
1509         border: 1px solid #ccc;
1510         background: #fff;
1511         padding: .2em 1em;
1512         color: #000;
1513 }
1514
1515 div#searchTargetContainer {
1516         left:       10px;
1517         top:        10px;
1518         width:      90%;
1519         background: white;
1520 }
1521
1522 div#searchTarget {
1523         padding:    3px;
1524         margin:     5px;
1525         background: #F0F0F0;
1526         border:     solid 1px blue;
1527 }
1528
1529 div#searchTarget ul li {
1530         list-style: none;
1531 }
1532
1533 div#searchTarget ul li:before {
1534         color: orange;
1535         content: "\00BB \0020";
1536 }
1537
1538 div.multipageimagenavbox {
1539    border: solid 1px silver;
1540    padding: 4px;
1541    margin: 1em;
1542    -moz-border-radius: 6px;
1543    background: #f0f0f0;
1544 }
1545
1546 div.multipageimagenavbox div.thumb {
1547    border: none;
1548    margin-left: 2em;
1549    margin-right: 2em;
1550 }
1551
1552 div.multipageimagenavbox hr {
1553    margin: 6px;
1554 }
1555
1556 table.multipageimage td {
1557    text-align: center;
1558 }
1559
1560 /*
1561   Table pager (e.g. Special:Imagelist)
1562   - remove underlines from the navigation link
1563   - collapse borders
1564   - set the borders to outsets (similar to Special:Allmessages)
1565   - remove line wrapping for all td and th, set background color
1566   - restore line wrapping for the last two table cells (description and size)
1567 */
1568 .TablePager_nav a { text-decoration: none; }
1569 .TablePager { border-collapse: collapse; }
1570 .TablePager, .TablePager td, .TablePager th { 
1571         border: 0.15em solid #777777;
1572         padding: 0 0.15em 0 0.15em;
1573 }
1574 .TablePager th { background-color: #eeeeff }
1575 .TablePager td { background-color: #ffffff }
1576 .TablePager tr:hover td { background-color: #eeeeff }
1577
1578 .imagelist td, .imagelist th { white-space: nowrap }
1579 .imagelist .TablePager_col_links { background-color: #eeeeff }
1580 .imagelist .TablePager_col_img_description { white-space: normal }
1581 .imagelist th.TablePager_sort { background-color: #ccccff }
1582
1583 /**
1584  * PhpWiki Tables
1585  */
1586 .pagelist { }
1587 .pagelist thead td {
1588   background: #e8e8e8;
1589   text-decoration: none;
1590   font-weight: bold;
1591   font-size: smaller;
1592 }
1593 .pagelist thead td u { text-decoration: none; }
1594 .pagelist tr.evenrow { background: #eee; }
1595 .pagelist tr.oddrow  { background: white; }
1596 th.gridbutton {
1597   background-color: ThreedLightShadow;
1598   color: black;
1599   font-family: Tahoma, sans-serif, Arial, Helvetica;
1600   font-size: small;
1601   font-weight: normal;
1602   /*font-style: menu;*/
1603   white-space: nowrap;
1604   margin: 5px 0px;
1605   max-height: 24px;
1606   padding: 5px 0px 5px 0px;
1607   border-width: 1px;
1608   border-style: solid;
1609   border-color: ThreedHighlight ThreedDarkShadow ThreedDarkShadow ThreedHighlight;
1610 }
1611 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1612   text-decoration: none;
1613   font-size: small;
1614   font-weight: normal;
1615   /*font-style: menu;*/
1616   font-family: Tahoma, sans-serif, Arial, Helvetica;
1617   background-color: ThreedLightShadow;
1618   color: black;
1619 }
1620
1621 .wikipaging { font-size: 80% }
1622 .wikipaging-disabled { color: #999 }
1623
1624 /* <?plugin RawHtml <div class="boxright"> </div> */
1625
1626 div.boxright {
1627   width: 200px; 
1628   right: 10px;
1629   padding: 0.5em; 
1630   float: right; 
1631   border: thin solid #888888; 
1632   padding: 0.5em;
1633 }
1634
1635 div#bottom {   
1636   margin-left:   12.2em;
1637 }
1638 /* PHP Warnings */
1639 div.errors {
1640   color: black;
1641   background: #eee;
1642   margin-top:    1em;
1643   margin-bottom: 1em;
1644   padding-left:  0.8em; 
1645   padding-right: 0.8em; 
1646   padding-top:    0.8ex;
1647   padding-bottom: 0;
1648   border: medium solid red;
1649   clear: both;
1650 }
1651 h4.errors {
1652   color: red;
1653   margin:  0;
1654   padding: 0;
1655   text-decoration: underline;
1656 }
1657 div.warning {
1658   color: black;
1659   background: #eee;
1660   margin-top:    1em;
1661   margin-bottom: 1em;
1662   padding-left:  0.8em; 
1663   padding-right: 0.8em; 
1664   padding-top:    0.8ex;
1665   padding-bottom: 0;
1666   border: thin solid blue;
1667   clear: both;
1668 }
1669 .error { font-family: monospace; font-size: 120%; }
1670 .error ul { font-family: monospace; }
1671
1672 /* Debug */
1673 .debug {
1674   color: black;
1675   background: white;
1676   font-family: monospace;
1677   font-size: smaller;
1678   margin: 1ex 0;
1679   padding: 0.5ex 0.5em;
1680   border: medium solid #fff8dc; /* darker ivory */
1681 }
1682 /* Hints */
1683 .hint {
1684   color: black;
1685   background: #eeeeee;
1686    /* font-size: smaller; */
1687   font-style: italic;
1688   margin-left: 3em;
1689   padding: 0.5ex 0.5em;
1690   border: thin solid #aaaaaa;
1691 }
1692 span.hint {
1693   padding: 0;
1694 }
1695 /* Disabled Plugins */
1696 .disabled-plugin
1697 {
1698   clear: both;
1699   margin: 1ex 0;
1700   padding: 0;
1701 }
1702 .disabled-plugin .title {
1703   color: #400;
1704   background-color: inherit;
1705   font-size: x-small;
1706   text-align: right;
1707   padding: 0 0.5em;
1708 }
1709 .disabled-plugin pre {
1710   color: black;
1711   background: #ddd;
1712   margin: 0;
1713   padding: 0.3ex 0.5em;
1714 }
1715
1716 /* "(Redirected from ...)" message. */
1717 span.redirectfrom {
1718   font-size: small;
1719   font-style: oblique;
1720   font-weight: normal;
1721   padding-left: 1em;
1722 }
1723 .search-context { background: white; font-style: oblique; }
1724 .search-term {
1725   background: yellow;
1726   font-weight: normal;
1727 }
1728
1729 a.spell-wrong {
1730   color:#ba0000; 
1731   background: yellow;
1732 }
1733 span.spell-wrong {
1734   color:#ba0000; 
1735 }
1736
1737
1738 /**
1739  * Wiki Forms
1740  * 
1741  * The div inside the wikiadmin upload form does not
1742  * have a class yet, so it must be referenced indirectly
1743  */
1744 /* div.wikiaction { background-color: #eee; } */
1745 /* div.wikiadmin { background-color: #fee; } */
1746 /* form.wikiadmin div { background-color: #fee; } */
1747 form.wikiformrich { background-color: #eee; }
1748
1749 /**
1750  * Link styles
1751  */
1752 .wiki, .named-wiki {
1753   text-decoration: none;
1754   font-weight: normal;
1755   /* font-weight: bold; */
1756 }
1757 .wiki relation, .named-wiki relation, .wiki attribute, .named-wiki attribute {
1758   font-style: oblique;
1759   /* font-weight: normal; */
1760   font-weight: bold;
1761 }
1762
1763 span.relation-symbol {
1764   font-weight: bold;
1765   font-family: monospace;
1766   letter-spacing: 0.1em;
1767 }
1768
1769 /* Action buttons */
1770 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
1771 input.wikiaction, input.button, input.wikiadmin {
1772   text-decoration: none;
1773   font-family: Arial, Helvetica, sans-serif;
1774   /* don't wrap text buttons */
1775   white-space: nowrap;
1776   /*font-size: inherit; */
1777 }
1778
1779 /*
1780 a.wikiaction, a.wikiaction:visited, input.wikiaction, input.button { 
1781   background-color: #ddd; 
1782 }
1783 */
1784
1785 .wikiunsafe { background-color: #fcc; }
1786
1787 /*
1788 a.wikiadmin, a.wikiadmin:visited, input.wikiadmin  { 
1789   background-color: #fdd; 
1790 }
1791 */
1792
1793 /* Unknown links */
1794 .wikiunknown, .named-wikiunknown {
1795   font-weight: normal;
1796   font-size: 100%;
1797 }
1798  /* QuestionMark #600 */
1799 .wikiunknown a, .named-wikiunknown a {
1800   color: #447;
1801   background-color: #eee;
1802   text-decoration: none;
1803   font-weight: normal;
1804   font-size: smaller;
1805 }
1806
1807 /* Backlinks */
1808 .backlinks {
1809   text-decoration: underline;
1810   color: #006;
1811 }
1812 h1 .backlinks { text-decoration: underline; }
1813
1814 /* Interwiki links */
1815 /* .wikipage  { font-weight: bold; } */
1816 .wikipage  { font-weight: normal; }
1817 .interwiki { text-decoration: none; }
1818 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage { font-style: oblique; }
1819 .interwiki .wikipage, i .interwiki, em .interwiki { font-style: normal; }