* (bug 7020) Improved handheld stylesheet for Monobook (merged into main.css, not...
[mediawiki.git] / skins / monobook / main.css
blobacfe101248fcd1bed5f94ef4f0c737c89eaae317
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 @media screen, projection {
13 #column-content {
14 width: 100%;
15 float: right;
16 margin: 0 0 .6em -12.2em;
17 padding: 0;
19 #content {
20 margin: 2.8em 0 0 12.2em;
21 padding: 0 1em 1.5em 1em;
22 position: relative;
23 z-index: 2;
25 #column-one {
26 padding-top: 160px;
29 #content {
30 background: white;
31 color: black;
32 border: 1px solid #aaa;
33 border-right: none;
34 line-height: 1.5em;
36 /* the left column width is specified in class .portlet */
38 /* Font size:
39 ** We take advantage of keyword scaling- browsers won't go below 9px
40 ** More at http://www.w3.org/2003/07/30-font-size
41 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
44 body {
45 font: x-small sans-serif;
46 background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
47 color: black;
48 margin: 0;
49 padding: 0;
52 /* scale back up to a sane default */
53 #globalWrapper {
54 font-size: 127%;
55 width: 100%;
56 margin: 0;
57 padding: 0;
59 .visualClear {
60 clear: both;
63 /* general styles */
65 table {
66 font-size: 100%;
67 color: black;
68 /* we don't want the bottom borders of <h2>s to be visible through
69 floated tables */
70 background-color: white;
72 a {
73 text-decoration: none;
74 color: #002bb8;
75 background: none;
77 a:visited {
78 color: #5a3696;
80 a:active {
81 color: #faa700;
83 a:hover {
84 text-decoration: underline;
86 a.stub {
87 color: #772233;
89 a.new, #p-personal a.new {
90 color: #ba0000;
92 a.new:visited, #p-personal a.new:visited {
93 color: #a55858;
96 img {
97 border: none;
98 vertical-align: middle;
100 @media screen, projection {
102 margin: .4em 0 .5em 0;
103 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 .editsection {
145 float: right;
146 margin-left: 5px;
149 ul {
150 line-height: 1.5em;
151 list-style-type: square;
152 margin: .3em 0 0 1.5em;
153 padding: 0;
154 list-style-image: url(bullet.gif);
156 ol {
157 line-height: 1.5em;
158 margin: .3em 0 0 3.2em;
159 padding: 0;
160 list-style-image: none;
162 li {
163 margin-bottom: .1em;
165 dt {
166 font-weight: bold;
167 margin-bottom: .1em;
169 dl {
170 margin-top: .2em;
171 margin-bottom: .5em;
173 dd {
174 line-height: 1.5em;
175 margin-left: 2em;
176 margin-bottom: .1em;
179 fieldset {
180 border: 1px solid #2f6fab;
181 margin: 1em 0 1em 0;
182 padding: 0 1em 1em;
183 line-height: 1.5em;
185 legend {
186 padding: .5em;
187 font-size: 95%;
189 form {
190 border: none;
191 margin: 0;
194 textarea {
195 width: 100%;
196 padding: .1em;
199 input.historysubmit {
200 padding: 0 .3em .3em .3em !important;
201 font-size: 94%;
202 cursor: pointer;
203 height: 1.7em !important;
204 margin-left: 1.6em;
206 select {
207 vertical-align: top;
209 abbr, acronym, .explain {
210 border-bottom: 1px dotted black;
211 color: black;
212 background: none;
213 cursor: help;
216 font-family: Times, "Times New Roman", serif;
217 font-style: italic;
219 /* disabled for now
220 blockquote {
221 font-family: Times, "Times New Roman", serif;
222 font-style: italic;
224 code {
225 background-color: #f9f9f9;
227 pre {
228 padding: 1em;
229 border: 1px dashed #2f6fab;
230 color: black;
231 background-color: #f9f9f9;
232 line-height: 1.1em;
236 ** the main content area
239 @media screen, projection {
240 #siteSub {
241 display: none;
243 #jump-to-nav {
244 display: none;
248 #contentSub, #contentSub2 {
249 font-size: 84%;
250 line-height: 1.2em;
251 margin: 0 0 1.4em 1em;
252 color: #7d7d7d;
253 width: auto;
255 span.subpages {
256 display: block;
259 /* Some space under the headers in the content area */
260 #bodyContent h1, #bodyContent h2 {
261 margin-bottom: .6em;
263 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
264 margin-bottom: .3em;
266 .firstHeading {
267 margin-bottom: .1em;
270 /* user notification thing */
271 .usermessage {
272 background-color: #ffce7b;
273 border: 1px solid #ffa500;
274 color: black;
275 font-weight: bold;
276 margin: 2em 0 1em;
277 padding: .5em 1em;
278 vertical-align: middle;
280 #siteNotice {
281 text-align: center;
282 font-size: 95%;
283 padding: 0 .9em;
285 #siteNotice p {
286 margin: 0;
287 padding: 0;
289 .error {
290 color: red;
291 font-size: larger;
293 .errorbox, .successbox {
294 font-size: larger;
295 border: 2px solid;
296 padding: .5em 1em;
297 float: left;
298 margin-bottom: 2em;
299 color: #000;
301 .errorbox {
302 border-color: red;
303 background-color: #fff2f2;
305 .successbox {
306 border-color: green;
307 background-color: #dfd;
309 .errorbox h2, .successbox h2 {
310 font-size: 1em;
311 font-weight: bold;
312 display: inline;
313 margin: 0 .5em 0 0;
314 border: none;
317 #catlinks {
318 border: 1px solid #aaa;
319 background-color: #f9f9f9;
320 padding: 5px;
321 margin-top: 1em;
322 clear: both;
324 /* currently unused, intended to be used by a metadata box
325 in the bottom-right corner of the content area */
326 .documentDescription {
327 /* The summary text describing the document */
328 font-weight: bold;
329 display: block;
330 margin: 1em 0;
331 line-height: 1.5em;
333 .documentByLine {
334 text-align: right;
335 font-size: 90%;
336 clear: both;
337 font-weight: normal;
338 color: #76797c;
341 /* emulate center */
342 .center {
343 width: 100%;
344 text-align: center;
346 *.center * {
347 margin-left: auto;
348 margin-right: auto;
350 /* small for tables and similar */
351 .small, .small * {
352 font-size: 94%;
354 table.small {
355 font-size: 100%;
359 ** content styles
362 #toc,
363 .toc,
364 .mw-warning {
365 border: 1px solid #aaa;
366 background-color: #f9f9f9;
367 padding: 5px;
368 font-size: 95%;
370 #toc h2,
371 .toc h2 {
372 display: inline;
373 border: none;
374 padding: 0;
375 font-size: 100%;
376 font-weight: bold;
378 #toc #toctitle,
379 .toc #toctitle,
380 #toc .toctitle,
381 .toc .toctitle {
382 text-align: center;
384 #toc ul,
385 .toc ul {
386 list-style-type: none;
387 list-style-image: none;
388 margin-left: 0;
389 padding-left: 0;
390 text-align: left;
392 #toc ul ul,
393 .toc ul ul {
394 margin: 0 0 0 2em;
396 #toc .toctoggle,
397 .toc .toctoggle {
398 font-size: 94%;
401 .mw-warning {
402 margin-left: 50px;
403 margin-right: 50px;
404 text-align: center;
407 /* images */
408 div.floatright, table.floatright {
409 clear: right;
410 float: right;
411 position: relative;
412 margin: 0 0 .5em .5em;
413 border: 0;
415 border: .5em solid white;
416 border-width: .5em 0 .8em 1.4em;
419 div.floatright p { font-style: italic; }
420 div.floatleft, table.floatleft {
421 float: left;
422 clear: left;
423 position: relative;
424 margin: 0 .5em .5em 0;
425 border: 0;
427 margin: .3em .5em .5em 0;
428 border: .5em solid white;
429 border-width: .5em 1.4em .8em 0;
432 div.floatleft p { font-style: italic; }
433 /* thumbnails */
434 div.thumb {
435 margin-bottom: .5em;
436 border-style: solid;
437 border-color: white;
438 width: auto;
440 div.thumbinner {
441 border: 1px solid #ccc;
442 padding: 3px !important;
443 background-color: #f9f9f9;
444 font-size: 94%;
445 text-align: center;
446 overflow: hidden;
448 html .thumbimage {
449 border: 1px solid #ccc;
451 html .thumbcaption {
452 border: none;
453 text-align: left;
454 line-height: 1.4em;
455 padding: 3px !important;
456 font-size: 94%;
458 div.magnify {
459 float: right;
460 border: none !important;
461 background: none !important;
463 div.magnify a, div.magnify img {
464 display: block;
465 border: none !important;
466 background: none !important;
468 div.tright {
469 clear: right;
470 float: right;
471 border-width: .5em 0 .8em 1.4em;
473 div.tleft {
474 float: left;
475 clear: left;
476 margin-right: .5em;
477 border-width: .5em 1.4em .8em 0;
480 .hiddenStructure {
481 display: none;
482 speak: none;
484 img.tex {
485 vertical-align: middle;
487 span.texhtml {
488 font-family: serif;
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%;
513 div.townBox {
514 position: relative;
515 float: right;
516 background: white;
517 margin-left: 1em;
518 border: 1px solid gray;
519 padding: .3em;
520 width: 200px;
521 overflow: hidden;
522 clear: right;
524 div.townBox dl {
525 padding: 0;
526 margin: 0 0 .3em;
527 font-size: 96%;
529 div.townBox dl dt {
530 background: none;
531 margin: .4em 0 0;
533 div.townBox dl dd {
534 margin: .1em 0 0 1.1em;
535 background-color: #f3f3f3;
539 ** edit views etc
541 .special li {
542 line-height: 1.4em;
543 margin: 0;
544 padding: 0;
547 /* Page history styling */
548 /* the auto-generated edit comments */
549 .autocomment {
550 color: gray;
552 #pagehistory span.user {
553 margin-left: 1.4em;
554 margin-right: .4em;
556 #pagehistory span.minor {
557 font-weight: bold;
559 #pagehistory li {
560 border: 1px solid white;
562 #pagehistory li.selected {
563 background-color: #f9f9f9;
564 border: 1px dashed #aaa;
568 ** Diff rendering
570 table.diff, td.diff-otitle, td.diff-ntitle {
571 background-color: white;
573 td.diff-addedline {
574 background: #cfc;
575 font-size: smaller;
577 td.diff-deletedline {
578 background: #ffa;
579 font-size: smaller;
581 td.diff-context {
582 background: #eee;
583 font-size: smaller;
585 span.diffchange {
586 color: red;
587 font-weight: bold;
591 ** keep the whitespace in front of the ^=, hides rule from konqueror
592 ** this is css3, the validator doesn't like it when validating as css2
594 #bodyContent a.external,
595 #bodyContent a[href ^="gopher://"] {
596 background: url(external.png) center right no-repeat;
597 padding-right: 13px;
599 #bodyContent a[href ^="https://"],
600 .link-https {
601 background: url(lock_icon.gif) center right no-repeat;
602 padding-right: 16px;
604 #bodyContent a[href ^="mailto:"],
605 .link-mailto {
606 background: url(mail_icon.gif) center right no-repeat;
607 padding-right: 18px;
609 #bodyContent a[href ^="news://"] {
610 background: url(news_icon.png) center right no-repeat;
611 padding-right: 18px;
613 #bodyContent a[href ^="ftp://"],
614 .link-ftp {
615 background: url(file_icon.gif) center right no-repeat;
616 padding-right: 18px;
618 #bodyContent a[href ^="irc://"],
619 .link-irc {
620 background: url(discussionitem_icon.gif) center right no-repeat;
621 padding-right: 18px;
623 #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
624 #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
625 #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
626 #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
627 #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
628 #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
629 .link-audio {
630 background: url("audio.png") center right no-repeat;
631 padding-right: 13px;
633 #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
634 #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
635 #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
636 #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
637 .link-video {
638 background: url("video.png") center right no-repeat;
639 padding-right: 13px;
641 #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
642 #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
643 #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
644 .link-document {
645 background: url("document.png") center right no-repeat;
646 padding-right: 12px;
649 /* disable interwiki styling */
650 #bodyContent a.extiw,
651 #bodyContent a.extiw:active {
652 color: #36b;
653 background: none;
654 padding: 0;
656 #bodyContent a.external {
657 color: #36b;
659 /* this can be used in the content area to switch off
660 special external link styling */
661 #bodyContent .plainlinks a {
662 background: none !important;
663 padding: 0 !important;
666 ** Structural Elements
670 ** general portlet styles (elements in the quickbar)
672 .portlet {
673 border: none;
674 margin: 0 0 .5em;
675 padding: 0;
676 float: none;
677 width: 11.6em;
678 overflow: hidden;
680 .portlet h4 {
681 font-size: 95%;
682 font-weight: normal;
683 white-space: nowrap;
685 .portlet h5 {
686 background: transparent;
687 padding: 0 1em 0 .5em;
688 display: inline;
689 height: 1em;
690 text-transform: lowercase;
691 font-size: 91%;
692 font-weight: normal;
693 white-space: nowrap;
695 .portlet h6 {
696 background: #ffae2e;
697 border: 1px solid #2f6fab;
698 border-style: solid solid none solid;
699 padding: 0 1em 0 1em;
700 text-transform: lowercase;
701 display: block;
702 font-size: 1em;
703 height: 1.2em;
704 font-weight: normal;
705 white-space: nowrap;
707 .pBody {
708 font-size: 95%;
709 background-color: white;
710 color: black;
711 border-collapse: collapse;
712 border: 1px solid #aaa;
713 padding: 0 .8em .3em .5em;
715 .portlet h1,
716 .portlet h2,
717 .portlet h3,
718 .portlet h4 {
719 margin: 0;
720 padding: 0;
722 .portlet ul {
723 line-height: 1.5em;
724 list-style-type: square;
725 list-style-image: url(bullet.gif);
726 font-size: 95%;
728 .portlet li {
729 padding: 0;
730 margin: 0;
734 ** Logo properties
737 @media handheld {
738 #p-logo { display: none }
741 #p-logo {
742 top: 0;
743 left: 0;
744 position: absolute; /*needed to use z-index */
745 z-index: 3;
746 height: 155px;
747 width: 12em;
748 overflow: visible;
750 #p-logo h5 {
751 display: none;
753 #p-logo a,
754 #p-logo a:hover {
755 display: block;
756 height: 155px;
757 width: 12.2em;
758 background-repeat: no-repeat;
759 background-position: 35% 50% !important;
760 text-decoration: none;
764 ** the navigation portlet
767 @media screen, projection {
768 #p-navigation {
769 position: relative;
770 z-index: 3;
772 #p-navigation a {
773 display: block;
775 #p-navigation li.active a, #p-navigation li.active a:hover {
776 display: inline;
780 #p-navigation .pBody {
781 padding-right: 0;
784 #p-navigation li.active a, #p-navigation li.active a:hover {
785 text-decoration: none;
786 font-weight: bold;
791 ** Search portlet
793 @media screen, projection {
794 #p-search {
795 position: relative;
796 z-index: 3;
799 input.searchButton {
800 margin-top: 1px;
801 font-size: 95%;
803 #searchGoButton {
804 padding-left: .5em;
805 padding-right: .5em;
806 font-weight: bold;
808 #searchInput {
809 width: 10.9em;
810 margin: 0;
811 font-size: 95%;
813 #p-search .pBody {
814 padding: .5em .4em .4em .4em;
815 text-align: center;
819 ** the personal toolbar
821 @media screen, projection {
822 #p-personal {
823 position: absolute;
824 left: 0;
825 top: 0;
826 z-index: 0;
828 #p-personal {
829 width: 100%;
830 white-space: nowrap;
831 padding: 0;
832 margin: 0;
833 border: none;
834 background: none;
835 overflow: visible;
836 line-height: 1.2em;
838 #p-personal h5 {
839 display: none;
841 #p-personal .portlet,
842 #p-personal .pBody {
843 z-index: 0;
844 padding: 0;
845 margin: 0;
846 border: none;
847 overflow: visible;
848 background: none;
850 /* this is the ul contained in the portlet */
851 #p-personal ul {
852 border: none;
853 line-height: 1.4em;
854 color: #2f6fab;
855 padding: 0 2em 0 3em;
856 margin: 0;
857 text-align: right;
858 list-style: none;
859 z-index: 0;
860 background: none;
861 cursor: default;
863 #p-personal li {
864 z-index: 0;
865 border: none;
866 padding: 0;
867 display: inline;
868 color: #2f6fab;
869 margin-left: 1em;
870 line-height: 1.2em;
871 background: none;
873 #p-personal li a {
874 text-decoration: none;
875 color: #005896;
876 padding-bottom: .2em;
877 background: none;
879 #p-personal li a:hover {
880 background-color: white;
881 padding-bottom: .2em;
882 text-decoration: none;
884 #p-personal li.active a:hover {
885 background-color: transparent;
887 /* the icon in front of the user name, single quotes
888 in bg url to hide it from iemac */
889 li#pt-userpage,
890 li#pt-anonuserpage,
891 li#pt-login {
892 background: url(user.gif) top left no-repeat;
893 padding-left: 20px;
894 text-transform: none;
897 #p-personal ul {
898 text-transform: lowercase;
900 #p-personal li.active {
901 font-weight: bold;
904 ** the page-related actions- page/talk, edit etc
906 @media screen, projection {
907 #p-cactions {
908 position: absolute;
909 top: 1.3em;
910 left: 11.5em;
911 margin: 0;
912 white-space: nowrap;
913 width: 76%;
914 line-height: 1.1em;
915 overflow: visible;
916 background: none;
917 border-collapse: collapse;
918 padding-left: 1em;
919 list-style: none;
920 font-size: 95%;
922 #p-cactions ul {
923 list-style: none;
925 #p-cactions li {
926 display: inline;
927 border: 1px solid #aaa;
928 border-bottom: none;
929 padding: 0 0 .1em 0;
930 margin: 0 .3em 0 0;
931 overflow: visible;
932 background: white;
934 #p-cactions li.selected {
935 border-color: #fabd23;
936 padding: 0 0 .2em 0;
937 font-weight: bold;
939 #p-cactions li a {
940 background-color: #fbfbfb;
941 color: #002bb8;
942 border: none;
943 padding: 0 .8em .3em;
944 position: relative;
945 z-index: 0;
946 margin: 0;
947 text-decoration: none;
949 #p-cactions li.selected a {
950 z-index: 3;
951 padding: 0 1em .2em!important;
952 background-color: white;
954 #p-cactions .new a {
955 color: #ba0000;
957 #p-cactions li a:hover {
958 z-index: 3;
959 text-decoration: none;
960 background-color: white;
962 #p-cactions h5 {
963 display: none;
965 #p-cactions li.istalk {
966 margin-right: 0;
968 #p-cactions li.istalk a {
969 padding-right: .5em;
971 #p-cactions #ca-addsection a {
972 padding-left: .4em;
973 padding-right: .4em;
975 /* offsets to distinguish the tab groups */
976 li#ca-talk {
977 margin-right: 1.6em;
979 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
980 margin-left: 1.6em;
982 #p-cactions .pBody {
983 font-size: 1em;
984 background-color: transparent;
985 color: inherit;
986 border-collapse: inherit;
987 border: 0;
988 padding: 0;
991 #p-cactions .hiddenStructure {
992 display: none;
994 #p-cactions li a {
995 text-transform: lowercase;
999 ** the remaining portlets
1001 @media screen, projection {
1002 #p-tbx,
1003 #p-lang {
1004 position: relative;
1005 z-index: 3;
1009 /* TODO: #t-iscite is only used by the Cite extension, come up with some
1010 * system which allows extensions to add to this file on the fly
1012 #t-ispermalink, #t-iscite {
1013 color: #999;
1016 ** footer
1018 #footer {
1019 background-color: white;
1020 border-top: 1px solid #fabd23;
1021 border-bottom: 1px solid #fabd23;
1022 margin: .6em 0 1em 0;
1023 padding: .4em 0 1.2em 0;
1024 text-align: center;
1025 font-size: 90%;
1027 #footer li {
1028 display: inline;
1029 margin: 0 1.3em;
1031 /* hide from incapable browsers */
1032 head:first-child+body #footer li { white-space: nowrap; }
1033 #f-poweredbyico, #f-copyrightico {
1034 margin: 0 8px;
1035 position: relative;
1036 top: -2px; /* Bump it up just a tad */
1038 #f-poweredbyico {
1039 float: right;
1040 height: 1%;
1042 #f-copyrightico {
1043 float: left;
1044 height: 1%;
1047 /* js pref toc */
1048 #preftoc {
1049 margin: 0;
1050 padding: 0;
1051 width: 100%;
1052 clear: both;
1054 #preftoc li {
1055 background-color: #f0f0f0;
1056 color: #000;
1058 @media screen, projection {
1059 #preftoc li {
1060 margin: 1px -2px 1px 2px;
1061 float: left;
1062 padding: 2px 0 3px 0;
1063 border: 1px solid #fff;
1064 border-right-color: #716f64;
1065 border-bottom: 0;
1066 position: relative;
1067 white-space: nowrap;
1068 list-style-type: none;
1069 list-style-image: none;
1070 z-index: 3;
1073 #preftoc li.selected {
1074 font-weight: bold;
1075 background-color: #f9f9f9;
1076 border: 1px solid #aaa;
1077 border-bottom: none;
1078 cursor: default;
1079 top: 1px;
1080 padding-top: 2px;
1081 margin-right: -3px;
1083 #preftoc > li.selected {
1084 top: 2px;
1086 #preftoc a,
1087 #preftoc a:active {
1088 display: block;
1089 color: #000;
1090 padding: 0 .7em;
1091 position: relative;
1092 text-decoration: none;
1094 #preftoc li.selected a {
1095 cursor: default;
1096 text-decoration: none;
1098 #prefcontrol {
1099 padding-top: 2em;
1100 clear: both;
1102 #preferences {
1103 margin: 0;
1104 border: 1px solid #aaa;
1105 clear: both;
1106 padding: 1.5em;
1107 background-color: #F9F9F9;
1109 .prefsection {
1110 border: none;
1111 padding: 0;
1112 margin: 0;
1114 .prefsection fieldset {
1115 border: 1px solid #aaa;
1116 float: left;
1117 margin-right: 2em;
1119 .prefsection legend {
1120 font-weight: bold;
1122 .prefsection table, .prefsection legend {
1123 background-color: #F9F9F9;
1125 @media screen, projection {
1126 .mainLegend {
1127 display: none;
1130 div.prefsectiontip {
1131 font-size: 95%;
1132 margin-top: 0;
1133 background-color: #FFC1C1;
1134 padding: .2em .7em;
1135 clear: both;
1137 .btnSavePrefs {
1138 font-weight: bold;
1139 padding-left: .3em;
1140 padding-right: .3em;
1143 .preferences-login {
1144 clear: both;
1145 margin-bottom: 1.5em;
1148 .prefcache {
1149 font-size: 90%;
1150 margin-top: 2em;
1153 div#userloginForm form,
1154 div#userlogin form#userlogin2 {
1155 margin: 0 3em 1em 0;
1156 border: 1px solid #aaa;
1157 clear: both;
1158 padding: 1.5em 2em;
1159 background-color: #f9f9f9;
1160 float: left;
1163 div#userloginForm table,
1164 div#userlogin form#userlogin2 table {
1165 background-color: #f9f9f9;
1168 div#userloginForm h2,
1169 div#userlogin form#userlogin2 h2 {
1170 padding-top: 0;
1173 div#userlogin .captcha {
1174 border: 1px solid #bbb;
1175 padding: 1.5em 2em;
1176 width: 400px;
1177 background-color: white;
1181 #userloginprompt, #languagelinks {
1182 font-size: 85%;
1185 #login-sectiontip {
1186 font-size: 85%;
1187 line-height: 1.2;
1188 padding-top: 2em;
1191 #userlogin .loginText, #userlogin .loginPassword {
1192 width: 12em;
1195 #userloginlink a, #wpLoginattempt, #wpCreateaccount {
1196 font-weight: bold;
1200 ** IE/Mac fixes, hope to find a validating way to move this
1201 ** to a separate stylesheet. This would work but doesn't validate:
1202 ** @import("IEMacFixes.css");
1204 /* tabs: border on the a, not the div */
1205 @media screen, projection {
1206 * > html #p-cactions li { border: none; }
1207 * > html #p-cactions li a {
1208 border: 1px solid #aaa;
1209 border-bottom: none;
1211 * > html #p-cactions li.selected a { border-color: #fabd23; }
1212 /* footer icons need a fixed width */
1213 * > html #f-poweredbyico,
1214 * > html #f-copyrightico { width: 88px; }
1215 * > html #bodyContent,
1216 * > html #bodyContent pre {
1217 overflow-x: auto;
1218 width: 100%;
1219 padding-bottom: 25px;
1223 /* more IE fixes */
1224 /* float/negative margin brokenness */
1225 * html #footer {margin-top: 0;}
1226 * html #column-content {
1227 display: inline;
1228 margin-bottom: 0;
1230 * html div.editsection { font-size: smaller; }
1231 #pagehistory li.selected { position: relative; }
1233 /* Mac IE 5.0 fix; floated content turns invisible */
1234 * > html #column-content {
1235 float: none;
1237 * > html #column-one {
1238 position: absolute;
1239 left: 0;
1240 top: 0;
1242 * > html #footer {
1243 margin-left: 13.2em;
1245 .redirectText {
1246 font-size: 150%;
1247 margin: 5px;
1250 .printfooter {
1251 display: none;
1254 .not-patrolled {
1255 background-color: #ffa;
1257 div.patrollink {
1258 font-size: 75%;
1259 text-align: right;
1261 span.newpage, span.minor, span.searchmatch, span.bot {
1262 font-weight: bold;
1264 span.unpatrolled {
1265 font-weight: bold;
1266 color: red;
1269 span.searchmatch {
1270 color: red;
1272 .sharedUploadNotice {
1273 font-style: italic;
1276 span.updatedmarker {
1277 color: black;
1278 background-color: #0f0;
1280 span.newpageletter {
1281 font-weight: bold;
1282 color: black;
1283 background-color: yellow;
1285 span.minoreditletter {
1286 color: black;
1287 background-color: #c5ffe6;
1290 table.gallery {
1291 border: 1px solid #ccc;
1292 margin: 2px;
1293 padding: 2px;
1294 background-color: white;
1297 table.gallery tr {
1298 vertical-align: top;
1301 table.gallery td {
1302 vertical-align: top;
1303 background-color: #f9f9f9;
1304 border: solid 2px white;
1307 table.gallery td.galleryheader {
1308 text-align: center;
1309 font-weight: bold;
1312 div.gallerybox {
1313 margin: 2px;
1314 width: 150px;
1317 div.gallerybox div.thumb {
1318 text-align: center;
1319 border: 1px solid #ccc;
1320 margin: 2px;
1323 div.gallerytext {
1324 font-size: 94%;
1325 padding: 2px 4px;
1328 span.comment {
1329 font-style: italic;
1332 span.changedby {
1333 font-size: 95%;
1336 .previewnote {
1337 text-indent: 3em;
1338 color: #c00;
1339 border-bottom: 1px solid #aaa;
1340 padding-bottom: 1em;
1341 margin-bottom: 1em;
1344 .previewnote p {
1345 margin: 0;
1346 padding: 0;
1349 .editExternally {
1350 border: 1px solid gray;
1351 background-color: #ffffff;
1352 padding: 3px;
1353 margin-top: 0.5em;
1354 float: left;
1355 font-size: small;
1356 text-align: center;
1358 .editExternallyHelp {
1359 font-style: italic;
1360 color: gray;
1363 li span.deleted, span.history-deleted {
1364 text-decoration: line-through;
1365 color: #888;
1366 font-style: italic;
1369 .toggle {
1370 margin-left: 2em;
1371 text-indent: -2em;
1374 /* Classes for EXIF data display */
1375 table.mw_metadata {
1376 font-size: 0.8em;
1377 margin-left: 0.5em;
1378 margin-bottom: 0.5em;
1379 width: 300px;
1382 table.mw_metadata caption {
1383 font-weight: bold;
1386 table.mw_metadata th {
1387 font-weight: normal;
1390 table.mw_metadata td {
1391 padding: 0.1em;
1394 table.mw_metadata {
1395 border: none;
1396 border-collapse: collapse;
1399 table.mw_metadata td, table.mw_metadata th {
1400 text-align: center;
1401 border: 1px solid #aaaaaa;
1402 padding-left: 0.1em;
1403 padding-right: 0.1em;
1406 table.mw_metadata th {
1407 background-color: #f9f9f9;
1410 table.mw_metadata td {
1411 background-color: #fcfcfc;
1414 table.collapsed tr.collapsable {
1415 display: none;
1419 /* filetoc */
1420 ul#filetoc {
1421 text-align: center;
1422 border: 1px solid #aaaaaa;
1423 background-color: #f9f9f9;
1424 padding: 5px;
1425 font-size: 95%;
1426 margin-bottom: 0.5em;
1427 margin-left: 0;
1428 margin-right: 0;
1431 #filetoc li {
1432 display: inline;
1433 list-style-type: none;
1434 padding-right: 2em;
1437 input#wpSummary {
1438 width: 80%;
1441 /* @bug 1714 */
1442 input#wpSave, input#wpDiff {
1443 margin-right: 0.33em;
1446 #editform .editOptions {
1447 display: inline;
1450 #wpSave {
1451 font-weight: bold;
1454 /* Classes for article validation */
1456 table.revisionform_default {
1457 border: 1px solid #000000;
1460 table.revisionform_focus {
1461 border: 1px solid #000000;
1462 background-color:#00BBFF;
1465 tr.revision_tr_default {
1466 background-color:#EEEEEE;
1469 tr.revision_tr_first {
1470 background-color:#DDDDDD;
1473 p.revision_saved {
1474 color: green;
1475 font-weight:bold;
1478 #mw_trackbacks {
1479 border: solid 1px #bbbbff;
1480 background-color: #eeeeff;
1481 padding: 0.2em;
1485 /* Allmessages table */
1487 #allmessagestable th {
1488 background-color: #b2b2ff;
1491 #allmessagestable tr.orig {
1492 background-color: #ffe2e2;
1495 #allmessagestable tr.new {
1496 background-color: #e2ffe2;
1499 #allmessagestable tr.def {
1500 background-color: #f0f0ff;
1504 /* noarticletext */
1505 div.noarticletext {
1506 border: 1px solid #ccc;
1507 background: #fff;
1508 padding: .2em 1em;
1509 color: #000;
1512 div#searchTargetContainer {
1513 left: 10px;
1514 top: 10px;
1515 width: 90%;
1516 background: white;
1519 div#searchTarget {
1520 padding: 3px;
1521 margin: 5px;
1522 background: #F0F0F0;
1523 border: solid 1px blue;
1526 div#searchTarget ul li {
1527 list-style: none;
1530 div#searchTarget ul li:before {
1531 color: orange;
1532 content: "\00BB \0020";
1535 div.multipageimagenavbox {
1536 border: solid 1px silver;
1537 padding: 4px;
1538 margin: 1em;
1539 -moz-border-radius: 6px;
1540 background: #f0f0f0;
1543 div.multipageimagenavbox div.thumb {
1544 border: none;
1545 margin-left: 2em;
1546 margin-right: 2em;
1549 div.multipageimagenavbox hr {
1550 margin: 6px;
1553 table.multipageimage td {
1554 text-align: center;
1557 /** Special:Version */
1559 table#sv-ext, table#sv-hooks {
1560 margin: 1em;
1561 padding:0em;
1564 #sv-ext td, #sv-hooks td,
1565 #sv-ext th, #sv-hooks th {
1566 border: 1px solid #A0A0A0;
1567 padding: 0 0.15em 0 0.15em;
1569 #sv-ext th, #sv-hooks th {
1570 background-color: #F0F0F0;
1571 color: black;
1572 padding: 0 0.15em 0 0.15em;
1574 tr.sv-space{
1575 height: 0.8em;
1576 border:none;
1578 tr.sv-space td { display: none; }
1581 Table pager (e.g. Special:Imagelist)
1582 - remove underlines from the navigation link
1583 - collapse borders
1584 - set the borders to outsets (similar to Special:Allmessages)
1585 - remove line wrapping for all td and th, set background color
1586 - restore line wrapping for the last two table cells (description and size)
1588 .TablePager_nav a { text-decoration: none; }
1589 .TablePager { border-collapse: collapse; }
1590 .TablePager, .TablePager td, .TablePager th {
1591 border: 0.15em solid #777777;
1592 padding: 0 0.15em 0 0.15em;
1594 .TablePager th { background-color: #eeeeff }
1595 .TablePager td { background-color: #ffffff }
1596 .TablePager tr:hover td { background-color: #eeeeff }
1598 .imagelist td, .imagelist th { white-space: nowrap }
1599 .imagelist .TablePager_col_links { background-color: #eeeeff }
1600 .imagelist .TablePager_col_img_description { white-space: normal }
1601 .imagelist th.TablePager_sort { background-color: #ccccff }
1603 .templatesUsed { margin-top: 1.5em; }
1605 .mw-summary-preview {
1606 margin: 0.1em 0;
1608 #toolbar { clear: both; }
1610 .mw-plusminus-null { color: #aaa; }
1612 @media handheld {
1613 .nonessential {
1614 /* Kill big bulky stuff that will clog up the screen */
1615 display: none;