Allow raw HTML blocks in data['sidebar'] array. This provides a simple ways for exten...
[mediawiki.git] / skins / monobook / main.css
blob8db47d2b9fe724f69bb14b2777152586daf2f770
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 :)
12 #column-content {
13 width: 100%;
14 float: right;
15 margin: 0 0 .6em -12.2em;
16 padding: 0;
18 #content {
19 margin: 2.8em 0 0 12.2em;
20 padding: 0 1em 1em 1em;
21 position: relative;
22 z-index: 2;
24 #column-one {
25 padding-top: 160px;
27 #content {
28 background: white;
29 color: black;
30 border: 1px solid #aaa;
31 border-right: none;
32 line-height: 1.5em;
34 /* the left column width is specified in class .portlet */
36 /* Font size:
37 ** We take advantage of keyword scaling- browsers won't go below 9px
38 ** More at http://www.w3.org/2003/07/30-font-size
39 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
42 body {
43 font: x-small sans-serif;
44 background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
45 color: black;
46 margin: 0;
47 padding: 0;
50 /* scale back up to a sane default */
51 #globalWrapper {
52 font-size: 127%;
53 width: 100%;
54 margin: 0;
55 padding: 0;
57 .visualClear {
58 clear: both;
61 /* general styles */
63 table {
64 font-size: 100%;
65 color: black;
66 /* we don't want the bottom borders of <h2>s to be visible through
67 floated tables */
68 background-color: white;
70 fieldset table {
71 /* but keep table layouts in forms clean... */
72 background: none;
74 a {
75 text-decoration: none;
76 color: #002bb8;
77 background: none;
79 a:visited {
80 color: #5a3696;
82 a:active {
83 color: #faa700;
85 a:hover {
86 text-decoration: underline;
88 a.stub {
89 color: #772233;
91 a.new, #p-personal a.new {
92 color: #ba0000;
94 a.new:visited, #p-personal a.new:visited {
95 color: #a55858;
98 img {
99 border: none;
100 vertical-align: middle;
103 margin: .4em 0 .5em 0;
104 line-height: 1.5em;
106 p img {
107 margin: 0;
110 hr {
111 height: 1px;
112 color: #aaa;
113 background-color: #aaa;
114 border: 0;
115 margin: .2em 0 .2em 0;
118 h1, h2, h3, h4, h5, h6 {
119 color: black;
120 background: none;
121 font-weight: normal;
122 margin: 0;
123 padding-top: .5em;
124 padding-bottom: .17em;
125 border-bottom: 1px solid #aaa;
127 h1 { font-size: 188%; }
128 h1 .editsection { font-size: 53%; }
129 h2 { font-size: 150%; }
130 h2 .editsection { font-size: 67%; }
131 h3, h4, h5, h6 {
132 border-bottom: none;
133 font-weight: bold;
135 h3 { font-size: 132%; }
136 h3 .editsection { font-size: 76%; font-weight: normal; }
137 h4 { font-size: 116%; }
138 h4 .editsection { font-size: 86%; font-weight: normal; }
139 h5 { font-size: 100%; }
140 h5 .editsection { font-weight: normal; }
141 h6 { font-size: 80%; }
142 h6 .editsection { font-size: 125%; font-weight: normal; }
144 ul {
145 line-height: 1.5em;
146 list-style-type: square;
147 margin: .3em 0 0 1.5em;
148 padding: 0;
149 list-style-image: url(bullet.gif);
151 ol {
152 line-height: 1.5em;
153 margin: .3em 0 0 3.2em;
154 padding: 0;
155 list-style-image: none;
157 li {
158 margin-bottom: .1em;
160 dt {
161 font-weight: bold;
162 margin-bottom: .1em;
164 dl {
165 margin-top: .2em;
166 margin-bottom: .5em;
168 dd {
169 line-height: 1.5em;
170 margin-left: 2em;
171 margin-bottom: .1em;
174 fieldset {
175 border: 1px solid #2f6fab;
176 margin: 1em 0 1em 0;
177 padding: 0 1em 1em;
178 line-height: 1.5em;
180 fieldset.nested {
181 margin: 0 0 0.5em 0;
182 padding: 0 0.5em 0.5em;
184 legend {
185 padding: .5em;
186 font-size: 95%;
188 form {
189 border: none;
190 margin: 0;
193 textarea {
194 width: 100%;
195 padding: .1em;
198 input.historysubmit {
199 padding: 0 .3em .3em .3em !important;
200 font-size: 94%;
201 cursor: pointer;
202 height: 1.7em !important;
203 margin-left: 1.6em;
205 select {
206 vertical-align: top;
208 abbr, acronym, .explain {
209 border-bottom: 1px dotted black;
210 color: black;
211 background: none;
212 cursor: help;
215 font-family: Times, "Times New Roman", serif;
216 font-style: italic;
218 /* disabled for now
219 blockquote {
220 font-family: Times, "Times New Roman", serif;
221 font-style: italic;
223 code {
224 background-color: #f9f9f9;
226 pre {
227 padding: 1em;
228 border: 1px dashed #2f6fab;
229 color: black;
230 background-color: #f9f9f9;
231 line-height: 1.1em;
235 ** the main content area
238 #siteSub {
239 display: none;
241 #jump-to-nav {
242 display: none;
245 #contentSub, #contentSub2 {
246 font-size: 84%;
247 line-height: 1.2em;
248 margin: 0 0 1.4em 1em;
249 color: #7d7d7d;
250 width: auto;
252 span.subpages {
253 display: block;
256 /* Some space under the headers in the content area */
257 #bodyContent h1, #bodyContent h2 {
258 margin-bottom: .6em;
260 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
261 margin-bottom: .3em;
263 .firstHeading {
264 margin-bottom: .1em;
265 /* These two rules hack around bug 2013 (fix for more limited bug 11325).
266 When bug 2013 is fixed properly, they should be removed. */
267 line-height: 1.2em;
268 padding-bottom: 0;
271 /* user notification thing */
272 .usermessage {
273 background-color: #ffce7b;
274 border: 1px solid #ffa500;
275 color: black;
276 font-weight: bold;
277 margin: 2em 0 1em;
278 padding: .5em 1em;
279 vertical-align: middle;
281 #siteNotice {
282 text-align: center;
283 font-size: 95%;
284 padding: 0 .9em;
286 #siteNotice p {
287 margin: 0;
288 padding: 0;
290 .success {
291 color: green;
292 font-size: larger;
294 .error {
295 color: red;
296 font-size: larger;
298 .errorbox, .successbox {
299 font-size: larger;
300 border: 2px solid;
301 padding: .5em 1em;
302 float: left;
303 margin-bottom: 2em;
304 color: #000;
306 .errorbox {
307 border-color: red;
308 background-color: #fff2f2;
310 .successbox {
311 border-color: green;
312 background-color: #dfd;
314 .errorbox h2, .successbox h2 {
315 font-size: 1em;
316 font-weight: bold;
317 display: inline;
318 margin: 0 .5em 0 0;
319 border: none;
322 .catlinks {
323 border: 1px solid #aaa;
324 background-color: #f9f9f9;
325 padding: 5px;
326 margin-top: 1em;
327 clear: both;
329 /* currently unused, intended to be used by a metadata box
330 in the bottom-right corner of the content area */
331 .documentDescription {
332 /* The summary text describing the document */
333 font-weight: bold;
334 display: block;
335 margin: 1em 0;
336 line-height: 1.5em;
338 .documentByLine {
339 text-align: right;
340 font-size: 90%;
341 clear: both;
342 font-weight: normal;
343 color: #76797c;
346 /* emulate center */
347 .center {
348 width: 100%;
349 text-align: center;
351 *.center * {
352 margin-left: auto;
353 margin-right: auto;
355 /* small for tables and similar */
356 .small, .small * {
357 font-size: 94%;
359 table.small {
360 font-size: 100%;
364 ** content styles
367 #toc,
368 .toc,
369 .mw-warning {
370 border: 1px solid #aaa;
371 background-color: #f9f9f9;
372 padding: 5px;
373 font-size: 95%;
375 #toc h2,
376 .toc h2 {
377 display: inline;
378 border: none;
379 padding: 0;
380 font-size: 100%;
381 font-weight: bold;
383 #toc #toctitle,
384 .toc #toctitle,
385 #toc .toctitle,
386 .toc .toctitle {
387 text-align: center;
389 #toc ul,
390 .toc ul {
391 list-style-type: none;
392 list-style-image: none;
393 margin-left: 0;
394 padding-left: 0;
395 text-align: left;
397 #toc ul ul,
398 .toc ul ul {
399 margin: 0 0 0 2em;
401 #toc .toctoggle,
402 .toc .toctoggle {
403 font-size: 94%;
406 .mw-warning {
407 margin-left: 50px;
408 margin-right: 50px;
409 text-align: center;
412 /* images */
413 div.floatright, table.floatright {
414 clear: right;
415 float: right;
416 position: relative;
417 margin: 0 0 .5em .5em;
418 border: 0;
420 border: .5em solid white;
421 border-width: .5em 0 .8em 1.4em;
424 div.floatright p { font-style: italic; }
425 div.floatleft, table.floatleft {
426 float: left;
427 clear: left;
428 position: relative;
429 margin: 0 .5em .5em 0;
430 border: 0;
432 margin: .3em .5em .5em 0;
433 border: .5em solid white;
434 border-width: .5em 1.4em .8em 0;
437 div.floatleft p { font-style: italic; }
438 /* thumbnails */
439 div.thumb {
440 margin-bottom: .5em;
441 border-style: solid;
442 border-color: white;
443 width: auto;
445 div.thumbinner {
446 border: 1px solid #ccc;
447 padding: 3px !important;
448 background-color: #f9f9f9;
449 font-size: 94%;
450 text-align: center;
451 overflow: hidden;
453 html .thumbimage {
454 border: 1px solid #ccc;
456 html .thumbcaption {
457 border: none;
458 text-align: left;
459 line-height: 1.4em;
460 padding: 3px !important;
461 font-size: 94%;
463 div.magnify {
464 float: right;
465 border: none !important;
466 background: none !important;
468 div.magnify a, div.magnify img {
469 display: block;
470 border: none !important;
471 background: none !important;
473 div.tright {
474 clear: right;
475 float: right;
476 border-width: .5em 0 .8em 1.4em;
478 div.tleft {
479 float: left;
480 clear: left;
481 margin-right: .5em;
482 border-width: .5em 1.4em .8em 0;
484 img.thumbborder {
485 border: 1px solid #dddddd;
487 .hiddenStructure {
488 display: none;
492 ** classes for special content elements like town boxes
493 ** intended to be referenced directly from the wiki src
497 ** User styles
499 /* table standards */
500 table.rimage {
501 float: right;
502 position: relative;
503 margin-left: 1em;
504 margin-bottom: 1em;
505 text-align: center;
507 .toccolours {
508 border: 1px solid #aaa;
509 background-color: #f9f9f9;
510 padding: 5px;
511 font-size: 95%;
515 ** edit views etc
517 .special li {
518 line-height: 1.4em;
519 margin: 0;
520 padding: 0;
524 ** keep the whitespace in front of the ^=, hides rule from konqueror
525 ** this is css3, the validator doesn't like it when validating as css2
527 #bodyContent a.external,
528 #bodyContent a[href ^="gopher://"] {
529 background: url(external.png) center right no-repeat;
530 padding-right: 13px;
532 #bodyContent a[href ^="https://"],
533 .link-https {
534 background: url(lock_icon.gif) center right no-repeat;
535 padding-right: 16px;
537 #bodyContent a[href ^="mailto:"],
538 .link-mailto {
539 background: url(mail_icon.gif) center right no-repeat;
540 padding-right: 18px;
542 #bodyContent a[href ^="news://"] {
543 background: url(news_icon.png) center right no-repeat;
544 padding-right: 18px;
546 #bodyContent a[href ^="ftp://"],
547 .link-ftp {
548 background: url(file_icon.gif) center right no-repeat;
549 padding-right: 18px;
551 #bodyContent a[href ^="irc://"],
552 #bodyContent a.extiw[href ^="irc://"],
553 .link-irc {
554 background: url(discussionitem_icon.gif) center right no-repeat;
555 padding-right: 18px;
557 #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
558 #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
559 #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
560 #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
561 #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
562 #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
563 .link-audio {
564 background: url("audio.png") center right no-repeat;
565 padding-right: 13px;
567 #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
568 #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
569 #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
570 #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
571 .link-video {
572 background: url("video.png") center right no-repeat;
573 padding-right: 13px;
575 #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
576 #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
577 #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
578 .link-document {
579 background: url("document.png") center right no-repeat;
580 padding-right: 12px;
583 /* disable interwiki styling */
584 #bodyContent a.extiw,
585 #bodyContent a.extiw:active {
586 color: #36b;
587 background: none;
588 padding: 0;
590 #bodyContent a.external {
591 color: #36b;
593 /* this can be used in the content area to switch off
594 special external link styling */
595 #bodyContent .plainlinks a {
596 background: none !important;
597 padding: 0 !important;
600 ** Structural Elements
604 ** general portlet styles (elements in the quickbar)
606 .portlet {
607 border: none;
608 margin: 0 0 .5em;
609 padding: 0;
610 float: none;
611 width: 11.6em;
612 overflow: hidden;
614 .portlet h4 {
615 font-size: 95%;
616 font-weight: normal;
617 white-space: nowrap;
619 .portlet h5 {
620 background: transparent;
621 padding: 0 1em 0 .5em;
622 display: inline;
623 height: 1em;
624 text-transform: lowercase;
625 font-size: 91%;
626 font-weight: normal;
627 white-space: nowrap;
629 .portlet h6 {
630 background: #ffae2e;
631 border: 1px solid #2f6fab;
632 border-style: solid solid none solid;
633 padding: 0 1em 0 1em;
634 text-transform: lowercase;
635 display: block;
636 font-size: 1em;
637 height: 1.2em;
638 font-weight: normal;
639 white-space: nowrap;
641 .pBody {
642 font-size: 95%;
643 background-color: white;
644 color: black;
645 border-collapse: collapse;
646 border: 1px solid #aaa;
647 padding: 0 .8em .3em .5em;
649 .portlet h1,
650 .portlet h2,
651 .portlet h3,
652 .portlet h4 {
653 margin: 0;
654 padding: 0;
656 .portlet ul {
657 line-height: 1.5em;
658 list-style-type: square;
659 list-style-image: url(bullet.gif);
660 font-size: 95%;
662 .portlet li {
663 padding: 0;
664 margin: 0;
668 ** Logo properties
671 #p-logo {
672 top: 0;
673 left: 0;
674 position: absolute; /*needed to use z-index */
675 z-index: 3;
676 height: 155px;
677 width: 12em;
678 overflow: visible;
680 #p-logo h5 {
681 display: none;
683 #p-logo a,
684 #p-logo a:hover {
685 display: block;
686 height: 155px;
687 width: 12.2em;
688 background-repeat: no-repeat;
689 background-position: 35% 50% !important;
690 text-decoration: none;
694 ** Search portlet
696 #p-search {
697 position: relative;
698 z-index: 3;
700 input.searchButton {
701 margin-top: 1px;
702 font-size: 95%;
704 #searchGoButton {
705 padding-left: .5em;
706 padding-right: .5em;
707 font-weight: bold;
709 #searchInput {
710 width: 10.9em;
711 margin: 0;
712 font-size: 95%;
714 #p-search .pBody {
715 padding: .5em .4em .4em .4em;
716 text-align: center;
720 ** the personal toolbar
722 #p-personal {
723 position: absolute;
724 left: 0;
725 top: 0;
726 z-index: 0;
728 #p-personal {
729 width: 100%;
730 white-space: nowrap;
731 padding: 0;
732 margin: 0;
733 border: none;
734 background: none;
735 overflow: visible;
736 line-height: 1.2em;
738 #p-personal h5 {
739 display: none;
741 #p-personal .portlet,
742 #p-personal .pBody {
743 z-index: 0;
744 padding: 0;
745 margin: 0;
746 border: none;
747 overflow: visible;
748 background: none;
750 /* this is the ul contained in the portlet */
751 #p-personal ul {
752 border: none;
753 line-height: 1.4em;
754 color: #2f6fab;
755 padding: 0 2em 0 3em;
756 margin: 0;
757 text-align: right;
758 list-style: none;
759 z-index: 0;
760 background: none;
761 cursor: default;
763 #p-personal li {
764 z-index: 0;
765 border: none;
766 padding: 0;
767 display: inline;
768 color: #2f6fab;
769 margin-left: 1em;
770 line-height: 1.2em;
771 background: none;
773 #p-personal li a {
774 text-decoration: none;
775 color: #005896;
776 padding-bottom: .2em;
777 background: none;
779 #p-personal li a:hover {
780 background-color: white;
781 padding-bottom: .2em;
782 text-decoration: none;
784 #p-personal li.active a:hover {
785 background-color: transparent;
787 /* the icon in front of the user name, single quotes
788 in bg url to hide it from iemac */
789 li#pt-userpage,
790 li#pt-anonuserpage,
791 li#pt-login {
792 background: url(user.gif) top left no-repeat;
793 padding-left: 20px;
794 text-transform: none;
796 #p-personal ul {
797 text-transform: lowercase;
799 #p-personal li.active {
800 font-weight: bold;
803 ** the page-related actions- page/talk, edit etc
805 #p-cactions {
806 position: absolute;
807 top: 1.3em;
808 left: 11.5em;
809 margin: 0;
810 white-space: nowrap;
811 width: 76%;
812 line-height: 1.1em;
813 overflow: visible;
814 background: none;
815 border-collapse: collapse;
816 padding-left: 1em;
817 list-style: none;
818 font-size: 95%;
820 #p-cactions ul {
821 list-style: none;
823 #p-cactions li {
824 display: inline;
825 border: 1px solid #aaa;
826 border-bottom: none;
827 padding: 0 0 .1em 0;
828 margin: 0 .3em 0 0;
829 overflow: visible;
830 background: white;
832 #p-cactions li.selected {
833 border-color: #fabd23;
834 padding: 0 0 .2em 0;
835 font-weight: bold;
837 #p-cactions li a {
838 background-color: #fbfbfb;
839 color: #002bb8;
840 border: none;
841 padding: 0 .8em .3em;
842 position: relative;
843 z-index: 0;
844 margin: 0;
845 text-decoration: none;
847 #p-cactions li.selected a {
848 z-index: 3;
849 padding: 0 1em .2em!important;
850 background-color: white;
852 #p-cactions .new a {
853 color: #ba0000;
855 #p-cactions li a:hover {
856 z-index: 3;
857 text-decoration: none;
858 background-color: white;
860 #p-cactions h5 {
861 display: none;
863 #p-cactions li.istalk {
864 margin-right: 0;
866 #p-cactions li.istalk a {
867 padding-right: .5em;
869 #p-cactions #ca-addsection a {
870 padding-left: .4em;
871 padding-right: .4em;
873 /* offsets to distinguish the tab groups */
874 li#ca-talk {
875 margin-right: 1.6em;
877 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
878 margin-left: 1.6em;
880 #p-cactions .pBody {
881 font-size: 1em;
882 background-color: transparent;
883 color: inherit;
884 border-collapse: inherit;
885 border: 0;
886 padding: 0;
888 #p-cactions .hiddenStructure {
889 display: none;
891 #p-cactions li a {
892 text-transform: lowercase;
896 ** the remaining portlets
898 #p-tbx,
899 #p-lang {
900 position: relative;
901 z-index: 3;
904 /* TODO: #t-iscite is only used by the Cite extension, come up with some
905 * system which allows extensions to add to this file on the fly
907 #t-ispermalink, #t-iscite {
908 color: #999;
911 ** footer
913 #footer {
914 background-color: white;
915 border-top: 1px solid #fabd23;
916 border-bottom: 1px solid #fabd23;
917 margin: .6em 0 1em 0;
918 padding: .4em 0 1.2em 0;
919 text-align: center;
920 font-size: 90%;
922 #footer li {
923 display: inline;
924 margin: 0 1.3em;
926 #f-poweredbyico, #f-copyrightico {
927 margin: 0 8px;
928 position: relative;
929 top: -2px; /* Bump it up just a tad */
931 #f-poweredbyico {
932 float: right;
933 height: 1%;
935 #f-copyrightico {
936 float: left;
937 height: 1%;
940 /* js pref toc */
941 #preftoc {
942 margin: 0;
943 padding: 0;
944 width: 100%;
945 clear: both;
947 #preftoc li {
948 background-color: #f0f0f0;
949 color: #000;
951 #preftoc li {
952 margin: 1px -2px 1px 2px;
953 float: left;
954 padding: 2px 0 3px 0;
955 border: 1px solid #fff;
956 border-right-color: #716f64;
957 border-bottom: 0;
958 position: relative;
959 white-space: nowrap;
960 list-style-type: none;
961 list-style-image: none;
962 z-index: 3;
964 #preftoc li.selected {
965 font-weight: bold;
966 background-color: #f9f9f9;
967 border: 1px solid #aaa;
968 border-bottom: none;
969 cursor: default;
970 top: 1px;
971 padding-top: 2px;
972 margin-right: -3px;
974 #preftoc > li.selected {
975 top: 2px;
977 #preftoc a,
978 #preftoc a:active {
979 display: block;
980 color: #000;
981 padding: 0 .7em;
982 position: relative;
983 text-decoration: none;
985 #preftoc li.selected a {
986 cursor: default;
987 text-decoration: none;
989 #prefcontrol {
990 padding-top: 2em;
991 clear: both;
993 #preferences {
994 margin: 0;
995 border: 1px solid #aaa;
996 clear: both;
997 padding: 1.5em;
998 background-color: #F9F9F9;
1000 .prefsection {
1001 border: none;
1002 padding: 0;
1003 margin: 0;
1005 .prefsection fieldset {
1006 border: 1px solid #aaa;
1007 float: left;
1008 margin-right: 2em;
1010 .prefsection legend {
1011 font-weight: bold;
1013 .prefsection table, .prefsection legend {
1014 background-color: #F9F9F9;
1016 .mainLegend {
1017 display: none;
1019 div.prefsectiontip {
1020 font-size: x-small;
1021 padding: .2em 2em;
1022 color: #666;
1024 .btnSavePrefs {
1025 font-weight: bold;
1026 padding-left: .3em;
1027 padding-right: .3em;
1030 .preferences-login {
1031 clear: both;
1032 margin-bottom: 1.5em;
1035 .prefcache {
1036 font-size: 90%;
1037 margin-top: 2em;
1040 div#userloginForm form,
1041 div#userlogin form#userlogin2 {
1042 margin: 0 3em 1em 0;
1043 border: 1px solid #aaa;
1044 clear: both;
1045 padding: 1.5em 2em;
1046 background-color: #f9f9f9;
1047 float: left;
1049 .rtl div#userloginForm form,
1050 .rtl div#userlogin form#userlogin2 {
1051 float: right;
1054 div#userloginForm table,
1055 div#userlogin form#userlogin2 table {
1056 background-color: #f9f9f9;
1059 div#userloginForm h2,
1060 div#userlogin form#userlogin2 h2 {
1061 padding-top: 0;
1064 div#userlogin .captcha,
1065 div#userloginForm .captcha {
1066 border: 1px solid #bbb;
1067 padding: 1.5em 2em;
1068 background-color: white;
1071 #loginend, #signupend {
1072 clear: both;
1075 #userloginprompt, #languagelinks {
1076 font-size: 85%;
1079 #login-sectiontip {
1080 font-size: 85%;
1081 line-height: 1.2;
1082 padding-top: 2em;
1085 #userlogin .loginText, #userlogin .loginPassword {
1086 width: 12em;
1089 #userloginlink a, #wpLoginattempt, #wpCreateaccount {
1090 font-weight: bold;
1094 ** IE/Mac fixes, hope to find a validating way to move this
1095 ** to a separate stylesheet. This would work but doesn't validate:
1096 ** @import("IEMacFixes.css");
1098 /* tabs: border on the a, not the div */
1099 * > html #p-cactions li { border: none; }
1100 * > html #p-cactions li a {
1101 border: 1px solid #aaa;
1102 border-bottom: none;
1104 * > html #p-cactions li.selected a { border-color: #fabd23; }
1105 /* footer icons need a fixed width */
1106 * > html #f-poweredbyico,
1107 * > html #f-copyrightico { width: 88px; }
1108 * > html #bodyContent,
1109 * > html #bodyContent pre {
1110 overflow-x: auto;
1111 width: 100%;
1112 padding-bottom: 25px;
1115 /* more IE fixes */
1116 /* float/negative margin brokenness */
1117 * html #footer {margin-top: 0;}
1118 * html #column-content {
1119 display: inline;
1120 margin-bottom: 0;
1122 * html div.editsection { font-size: smaller; }
1123 #pagehistory li.selected { position: relative; }
1125 /* Mac IE 5.0 fix; floated content turns invisible */
1126 * > html #column-content {
1127 float: none;
1129 * > html #column-one {
1130 position: absolute;
1131 left: 0;
1132 top: 0;
1134 * > html #footer {
1135 margin-left: 13.2em;
1137 .redirectText {
1138 font-size: 150%;
1139 margin: 5px;
1142 .printfooter {
1143 display: none;
1146 .not-patrolled {
1147 background-color: #ffa;
1149 div.patrollink {
1150 clear: both;
1151 font-size: 75%;
1152 text-align: right;
1154 span.newpage, span.minor, span.bot {
1155 font-weight: bold;
1157 span.unpatrolled {
1158 font-weight: bold;
1159 color: red;
1162 .sharedUploadNotice {
1163 font-style: italic;
1166 span.updatedmarker {
1167 color: black;
1168 background-color: #0f0;
1171 table.gallery {
1172 border: 1px solid #ccc;
1173 margin: 2px;
1174 padding: 2px;
1175 background-color: white;
1178 table.gallery tr {
1179 vertical-align: top;
1182 table.gallery td {
1183 vertical-align: top;
1184 background-color: #f9f9f9;
1185 border: solid 2px white;
1187 /* Keep this temporarily so that cached pages will display right */
1188 table.gallery td.galleryheader {
1189 text-align: center;
1190 font-weight: bold;
1192 table.gallery caption {
1193 font-weight: bold;
1196 div.gallerybox {
1197 margin: 2px;
1200 div.gallerybox div.thumb {
1201 text-align: center;
1202 border: 1px solid #ccc;
1203 margin: 2px;
1206 div.gallerytext {
1207 overflow: hidden;
1208 font-size: 94%;
1209 padding: 2px 4px;
1212 span.comment {
1213 font-style: italic;
1216 span.changedby {
1217 font-size: 95%;
1220 .previewnote {
1221 text-indent: 3em;
1222 color: #c00;
1223 border-bottom: 1px solid #aaa;
1224 padding-bottom: 1em;
1225 margin-bottom: 1em;
1228 .previewnote p {
1229 margin: 0;
1230 padding: 0;
1233 .editExternally {
1234 border: 1px solid gray;
1235 background-color: #ffffff;
1236 padding: 3px;
1237 margin-top: 0.5em;
1238 float: left;
1239 font-size: small;
1240 text-align: center;
1242 .editExternallyHelp {
1243 font-style: italic;
1244 color: gray;
1247 .toggle {
1248 margin-left: 2em;
1249 text-indent: -2em;
1252 /* Classes for EXIF data display */
1253 table.mw_metadata {
1254 font-size: 0.8em;
1255 margin-left: 0.5em;
1256 margin-bottom: 0.5em;
1257 width: 300px;
1260 table.mw_metadata caption {
1261 font-weight: bold;
1264 table.mw_metadata th {
1265 font-weight: normal;
1268 table.mw_metadata td {
1269 padding: 0.1em;
1272 table.mw_metadata {
1273 border: none;
1274 border-collapse: collapse;
1277 table.mw_metadata td, table.mw_metadata th {
1278 text-align: center;
1279 border: 1px solid #aaaaaa;
1280 padding-left: 0.1em;
1281 padding-right: 0.1em;
1284 table.mw_metadata th {
1285 background-color: #f9f9f9;
1288 table.mw_metadata td {
1289 background-color: #fcfcfc;
1292 table.collapsed tr.collapsable {
1293 display: none;
1297 /* filetoc */
1298 ul#filetoc {
1299 text-align: center;
1300 border: 1px solid #aaaaaa;
1301 background-color: #f9f9f9;
1302 padding: 5px;
1303 font-size: 95%;
1304 margin-bottom: 0.5em;
1305 margin-left: 0;
1306 margin-right: 0;
1309 #filetoc li {
1310 display: inline;
1311 list-style-type: none;
1312 padding-right: 2em;
1315 input#wpSummary {
1316 width: 80%;
1319 /* @bug 1714 */
1320 input#wpSave, input#wpDiff {
1321 margin-right: 0.33em;
1324 #wpSave {
1325 font-weight: bold;
1328 /* Classes for article validation */
1330 table.revisionform_default {
1331 border: 1px solid #000000;
1334 table.revisionform_focus {
1335 border: 1px solid #000000;
1336 background-color:#00BBFF;
1339 tr.revision_tr_default {
1340 background-color:#EEEEEE;
1343 tr.revision_tr_first {
1344 background-color:#DDDDDD;
1347 p.revision_saved {
1348 color: green;
1349 font-weight:bold;
1352 #mw_trackbacks {
1353 border: solid 1px #bbbbff;
1354 background-color: #eeeeff;
1355 padding: 0.2em;
1359 /* Allmessages table */
1361 #allmessagestable th {
1362 background-color: #b2b2ff;
1365 #allmessagestable tr.orig {
1366 background-color: #ffe2e2;
1369 #allmessagestable tr.new {
1370 background-color: #e2ffe2;
1373 #allmessagestable tr.def {
1374 background-color: #f0f0ff;
1378 /* noarticletext */
1379 div.noarticletext {
1380 border: 1px solid #ccc;
1381 background: #fff;
1382 padding: .2em 1em;
1383 color: #000;
1386 div#searchTargetContainer {
1387 left: 10px;
1388 top: 10px;
1389 width: 90%;
1390 background: white;
1393 div#searchTarget {
1394 padding: 3px;
1395 margin: 5px;
1396 background: #F0F0F0;
1397 border: solid 1px blue;
1400 div#searchTarget ul li {
1401 list-style: none;
1404 div#searchTarget ul li:before {
1405 color: orange;
1406 content: "\00BB \0020";
1409 div#searchTargetHide {
1410 float:right;
1411 border:solid 1px black;
1412 background:#DCDCDC;
1413 padding:2px;
1416 div.multipageimagenavbox {
1417 border: solid 1px silver;
1418 padding: 4px;
1419 margin: 1em;
1420 background: #f0f0f0;
1423 div.multipageimagenavbox div.thumb {
1424 border: none;
1425 margin-left: 2em;
1426 margin-right: 2em;
1429 div.multipageimagenavbox hr {
1430 margin: 6px;
1433 table.multipageimage td {
1434 text-align: center;
1437 /** Special:Version */
1439 table#sv-ext, table#sv-hooks, table#sv-software {
1440 margin: 1em;
1441 padding:0em;
1444 #sv-ext td, #sv-hooks td, #sv-software td,
1445 #sv-ext th, #sv-hooks th, #sv-software th {
1446 border: 1px solid #A0A0A0;
1447 padding: 0 0.15em 0 0.15em;
1449 #sv-ext th, #sv-hooks th, #sv-software th {
1450 background-color: #F0F0F0;
1451 color: black;
1452 padding: 0 0.15em 0 0.15em;
1454 tr.sv-space{
1455 height: 0.8em;
1456 border:none;
1458 tr.sv-space td { display: none; }
1461 Table pager (e.g. Special:Imagelist)
1462 - remove underlines from the navigation link
1463 - collapse borders
1464 - set the borders to outsets (similar to Special:Allmessages)
1465 - remove line wrapping for all td and th, set background color
1466 - restore line wrapping for the last two table cells (description and size)
1468 .TablePager_nav a { text-decoration: none; }
1469 .TablePager { border-collapse: collapse; }
1470 .TablePager, .TablePager td, .TablePager th {
1471 border: 1px solid #aaaaaa;
1472 padding: 0 0.15em 0 0.15em;
1474 .TablePager th { background-color: #eeeeff }
1475 .TablePager td { background-color: #ffffff }
1476 .TablePager tr:hover td { background-color: #eeeeff }
1478 .imagelist td, .imagelist th { white-space: nowrap }
1479 .imagelist .TablePager_col_links { background-color: #eeeeff }
1480 .imagelist .TablePager_col_img_description { white-space: normal }
1481 .imagelist th.TablePager_sort { background-color: #ccccff }
1483 .templatesUsed { margin-top: 1.5em; }
1485 .mw-summary-preview {
1486 margin: 0.1em 0;
1489 /* Friendlier slave lag warnings */
1490 div.mw-lag-warn-normal,
1491 div.mw-lag-warn-high {
1492 padding: 3px;
1493 text-align: center;
1494 margin: 3px auto;
1496 div.mw-lag-warn-normal {
1497 border: 1px solid #FFCC66;
1498 background-color: #FFFFCC;
1500 div.mw-lag-warn-high {
1501 font-weight: bold;
1502 border: 2px solid #FF0033;
1503 background-color: #FFCCCC;
1506 /* Recreating-deleted-page/reupload file warning and log entries */
1507 div#mw-upload-deleted-warn,
1508 div#mw-recreate-deleted-warn {
1509 padding: 3px;
1510 margin-bottom: 3px;
1511 border: 2px solid #2F6FAB;
1513 div#mw-upload-deleted-warn ul li,
1514 div#mw-recreate-deleted-warn ul li {
1515 font-size: 90%;
1517 .MediaTransformError {
1518 background-color: #ccc;
1519 padding: 0.1em;
1521 .MediaTransformError td {
1522 text-align: center;
1523 vertical-align: middle;
1524 font-size: 90%;
1527 /** Special:Search stuff */
1528 div#mw-search-interwiki-caption {
1529 text-align: center;
1530 font-weight: bold;
1531 font-size: 95%;
1534 .mw-search-interwiki-project {
1535 font-size: 97%;
1536 text-align: left;
1537 padding-left: 0.2em;
1538 padding-right: 0.15em;
1539 padding-bottom: 0.2em;
1540 padding-top: 0.15em;
1541 background: #cae8ff;
1544 span.searchmatch {
1545 font-weight: bold;
1546 color: red;
1549 /* God-damned hack for the crappy layout */
1550 .os-suggest {
1551 font-size: 127%;