Followup r82156: skip relative URLs with absolute paths too
[mediawiki.git] / skins / monobook / main.css
blob888389282e75b7b99143a01666c7f6df6e17efa3
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 div#column-content {
13 width: 100%;
14 float: right;
15 margin: 0 0 .6em -12.2em;
16 padding: 0;
18 div#content {
19 margin: 2.8em 0 0 12.2em;
20 padding: 0 1em 1em 1em;
21 position: relative;
22 z-index: 2;
24 div#column-one {
25 padding-top: 160px;
27 div#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 /* @embed */
45 background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
46 color: black;
47 margin: 0;
48 padding: 0;
49 direction: ltr; /* Needed for RTL flipping */
50 unicode-bidi: embed;
53 /* scale back up to a sane default */
54 div#globalWrapper {
55 font-size: 127%;
56 width: 100%;
57 margin: 0;
58 padding: 0;
61 /* general styles */
63 table {
64 font-size: 100%;
65 color: black;
67 a {
68 text-decoration: none;
69 color: #002bb8;
70 background: none;
72 a:visited {
73 color: #5a3696;
75 a:active {
76 color: #faa700;
78 a:hover {
79 text-decoration: underline;
81 a.stub {
82 color: #772233;
84 a.new, #p-personal a.new {
85 color: #cc2200;
87 a.new:visited, #p-personal a.new:visited {
88 color: #a55858;
91 img {
92 border: none;
93 vertical-align: middle;
95 p {
96 margin: .4em 0 .5em 0;
97 line-height: 1.5em;
99 p img {
100 margin: 0;
103 hr {
104 height: 1px;
105 color: #aaa;
106 background-color: #aaa;
107 border: 0;
108 margin: .2em 0 .2em 0;
111 h1, h2, h3, h4, h5, h6 {
112 color: black;
113 background: none;
114 font-weight: normal;
115 margin: 0;
116 overflow: hidden;
117 padding-top: .5em;
118 padding-bottom: .17em;
119 border-bottom: 1px solid #aaa;
121 h1 { font-size: 188%; }
122 h1 .editsection { font-size: 53%; }
123 h2 { font-size: 150%; }
124 h2 .editsection { font-size: 67%; }
125 h3, h4, h5, h6 {
126 border-bottom: none;
127 font-weight: bold;
129 h3 { font-size: 132%; }
130 h3 .editsection { font-size: 76%; font-weight: normal; }
131 h4 { font-size: 116%; }
132 h4 .editsection { font-size: 86%; font-weight: normal; }
133 h5 { font-size: 100%; }
134 h5 .editsection { font-weight: normal; }
135 h6 { font-size: 80%; }
136 h6 .editsection { font-size: 125%; font-weight: normal; }
138 ul {
139 line-height: 1.5em;
140 list-style-type: square;
141 margin: .3em 0 0 1.5em;
142 padding: 0;
143 /* @embed */
144 list-style-image: url(bullet.gif);
146 ol {
147 line-height: 1.5em;
148 margin: .3em 0 0 3.2em;
149 padding: 0;
150 list-style-image: none;
152 li {
153 margin-bottom: .1em;
155 dt {
156 font-weight: bold;
157 margin-bottom: .1em;
159 dl {
160 margin-top: .2em;
161 margin-bottom: .5em;
163 dd {
164 line-height: 1.5em;
165 margin-left: 2em;
166 margin-bottom: .1em;
169 fieldset {
170 border: 1px solid #2f6fab;
171 margin: 1em 0 1em 0;
172 padding: 0 1em 1em;
173 line-height: 1.5em;
175 fieldset.nested {
176 margin: 0 0 0.5em 0;
177 padding: 0 0.5em 0.5em;
179 legend {
180 padding: .5em;
181 font-size: 95%;
183 form {
184 border: none;
185 margin: 0;
188 textarea {
189 width: 100%;
190 padding: .1em;
193 input.historysubmit {
194 padding: 0 .3em .3em .3em !important;
195 font-size: 94%;
196 cursor: pointer;
197 height: 1.7em !important;
198 margin-left: 1.6em;
200 select {
201 vertical-align: top;
203 abbr, acronym, .explain {
204 border-bottom: 1px dotted black;
205 color: black;
206 background: none;
207 cursor: help;
210 font-family: Times, "Times New Roman", serif;
211 font-style: italic;
213 /* disabled for now
214 blockquote {
215 font-family: Times, "Times New Roman", serif;
216 font-style: italic;
218 code {
219 background-color: #f9f9f9;
221 pre {
222 padding: 1em;
223 border: 1px dashed #2f6fab;
224 color: black;
225 background-color: #f9f9f9;
226 line-height: 1.1em;
230 ** the main content area
233 #siteSub {
234 display: none;
236 #jump-to-nav {
237 display: none;
240 #contentSub, #contentSub2 {
241 font-size: 84%;
242 line-height: 1.2em;
243 margin: 0 0 1.4em 1em;
244 color: #7d7d7d;
245 width: auto;
247 span.subpages {
248 display: block;
251 /* Some space under the headers in the content area */
252 #bodyContent h1, #bodyContent h2 {
253 margin-bottom: .6em;
255 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
256 margin-bottom: .3em;
258 #firstHeading {
259 margin-bottom: .1em;
260 /* These two rules hack around bug 2013 (fix for more limited bug 11325).
261 When bug 2013 is fixed properly, they should be removed. */
262 line-height: 1.2em;
263 padding-bottom: 0;
266 /* user notification thing */
267 .usermessage {
268 background-color: #ffce7b;
269 border: 1px solid #ffa500;
270 color: black;
271 font-weight: bold;
272 margin: 2em 0 1em;
273 padding: .5em 1em;
274 vertical-align: middle;
276 #siteNotice {
277 text-align: center;
278 font-size: 95%;
279 padding: 0 0.9em;
281 #siteNotice p {
282 margin: 0;
283 padding: 0;
286 .catlinks {
287 border: 1px solid #aaa;
288 background-color: #f9f9f9;
289 padding: 5px;
290 margin-top: 1em;
291 clear: both;
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;
302 .documentByLine {
303 text-align: right;
304 font-size: 90%;
305 clear: both;
306 font-weight: normal;
307 color: #76797c;
310 /* emulate center */
311 .center {
312 width: 100%;
313 text-align: center;
315 *.center * {
316 margin-left: auto;
317 margin-right: auto;
319 /* small for tables and similar */
320 .small, .small * {
321 font-size: 94%;
323 table.small {
324 font-size: 100%;
328 ** content styles
331 #toc,
332 .toc,
333 .mw-warning {
334 border: 1px solid #aaa;
335 background-color: #f9f9f9;
336 padding: 5px;
337 font-size: 95%;
339 #toc h2,
340 .toc h2 {
341 display: inline;
342 border: none;
343 padding: 0;
344 font-size: 100%;
345 font-weight: bold;
347 #toc #toctitle,
348 .toc #toctitle,
349 #toc .toctitle,
350 .toc .toctitle {
351 text-align: center;
353 #toc ul,
354 .toc ul {
355 list-style-type: none;
356 list-style-image: none;
357 margin-left: 0;
358 padding-left: 0;
359 text-align: left;
361 #toc ul ul,
362 .toc ul ul {
363 margin: 0 0 0 2em;
365 #toc .toctoggle,
366 .toc .toctoggle {
367 font-size: 94%;
370 .mw-warning {
371 margin-left: 50px;
372 margin-right: 50px;
373 text-align: center;
376 /* images */
377 /* @noflip */
378 div.floatright, table.floatright {
379 clear: right;
380 float: right;
381 position: relative;
382 margin: 0 0 .5em .5em;
383 border: 0;
385 border: .5em solid white;
386 border-width: .5em 0 .8em 1.4em;
389 div.floatright p { font-style: italic; }
390 /* @noflip */
391 div.floatleft, table.floatleft {
392 float: left;
393 clear: left;
394 position: relative;
395 margin: 0 .5em .5em 0;
396 border: 0;
398 margin: .3em .5em .5em 0;
399 border: .5em solid white;
400 border-width: .5em 1.4em .8em 0;
403 div.floatleft p { font-style: italic; }
404 /* thumbnails */
405 div.thumb {
406 margin-bottom: .5em;
407 width: auto;
409 div.thumbinner {
410 border: 1px solid #ccc;
411 padding: 3px !important;
412 background-color: #f9f9f9;
413 font-size: 94%;
414 text-align: center;
415 overflow: hidden;
417 html .thumbimage {
418 border: 1px solid #ccc;
420 html .thumbcaption {
421 border: none;
422 text-align: left;
423 line-height: 1.4em;
424 padding: 3px !important;
425 font-size: 94%;
427 div.magnify {
428 float: right;
429 border: none !important;
430 background: none !important;
432 div.magnify a, div.magnify img {
433 display: block;
434 border: none !important;
435 background: none !important;
437 /* @noflip */
438 div.tright {
439 clear: right;
440 float: right;
441 margin: .5em 0 1.3em 1.4em;
443 /* @noflip */
444 div.tleft {
445 float: left;
446 clear: left;
447 margin: .5em 1.4em 1.3em 0;
449 img.thumbborder {
450 border: 1px solid #dddddd;
452 .hiddenStructure {
453 display: none;
457 ** classes for special content elements like town boxes
458 ** intended to be referenced directly from the wiki src
462 ** User styles
464 /* table standards */
465 table.rimage {
466 float: right;
467 position: relative;
468 margin-left: 1em;
469 margin-bottom: 1em;
470 text-align: center;
472 .toccolours {
473 border: 1px solid #aaa;
474 background-color: #f9f9f9;
475 padding: 5px;
476 font-size: 95%;
480 ** edit views etc
482 .special li {
483 line-height: 1.4em;
484 margin: 0;
485 padding: 0;
489 ** keep the whitespace in front of the ^=, hides rule from konqueror
490 ** this is css3, the validator doesn't like it when validating as css2
492 #bodyContent a.external,
493 #bodyContent a.external[href ^="gopher://"] {
494 /* @embed */
495 background: url(external-ltr.png) center right no-repeat;
496 padding-right: 13px;
498 #bodyContent a.external[href ^="https://"],
499 .link-https {
500 /* @embed */
501 background: url(lock_icon.gif) center right no-repeat;
502 padding-right: 16px;
504 #bodyContent a.external[href ^="mailto:"],
505 .link-mailto {
506 /* @embed */
507 background: url(mail_icon.gif) center right no-repeat;
508 padding-right: 18px;
510 #bodyContent a.external[href ^="news://"] {
511 /* @embed */
512 background: url(news_icon.png) center right no-repeat;
513 padding-right: 18px;
515 #bodyContent a.external[href ^="ftp://"],
516 .link-ftp {
517 /* @embed */
518 background: url(file_icon.gif) center right no-repeat;
519 padding-right: 18px;
521 #bodyContent a.external[href ^="irc://"],
522 .link-irc {
523 /* @embed */
524 background: url(discussionitem_icon.gif) center right no-repeat;
525 padding-right: 18px;
527 #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
528 #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
529 #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
530 #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
531 #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
532 #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
533 .link-audio {
534 /* @embed */
535 background: url("audio.png") center right no-repeat;
536 padding-right: 13px;
538 #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
539 #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
540 #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
541 #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
542 .link-video {
543 /* @embed */
544 background: url("video.png") center right no-repeat;
545 padding-right: 13px;
547 #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
548 #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
549 #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
550 .link-document {
551 /* @embed */
552 background: url("document.png") center right no-repeat;
553 padding-right: 12px;
556 /* disable interwiki styling */
557 #bodyContent a.extiw,
558 #bodyContent a.extiw:active {
559 color: #36b;
561 #bodyContent a.external {
562 color: #36b;
565 ** Structural Elements
569 ** general portlet styles (elements in the quickbar)
571 .portlet {
572 border: none;
573 margin: 0 0 .5em;
574 padding: 0;
575 float: none;
576 width: 11.6em;
577 overflow: hidden;
579 html > body .portlet {
580 float: left;
581 clear: left;
583 /* recover IEMac (might be fine with the float, but usually it's close to IE */
584 *>body .portlet {
585 float: none;
586 clear: none;
588 .portlet h4 {
589 font-size: 95%;
590 font-weight: normal;
591 white-space: nowrap;
593 .portlet h5 {
594 background: transparent;
595 padding: 0 1em 0 .5em;
596 display: inline;
597 height: 1em;
598 text-transform: lowercase;
599 font-size: 91%;
600 font-weight: normal;
601 white-space: nowrap;
603 .portlet h6 {
604 background: #ffae2e;
605 border: 1px solid #2f6fab;
606 border-style: solid solid none solid;
607 padding: 0 1em 0 1em;
608 text-transform: lowercase;
609 display: block;
610 font-size: 1em;
611 height: 1.2em;
612 font-weight: normal;
613 white-space: nowrap;
615 .pBody {
616 font-size: 95%;
617 background-color: white;
618 color: black;
619 border-collapse: collapse;
620 border: 1px solid #aaa;
621 padding: 0 .8em .3em .5em;
623 .portlet h1,
624 .portlet h2,
625 .portlet h3,
626 .portlet h4 {
627 margin: 0;
628 padding: 0;
630 .portlet ul {
631 line-height: 1.5em;
632 list-style-type: square;
633 /* @embed */
634 list-style-image: url(bullet.gif);
635 font-size: 95%;
637 .portlet li {
638 padding: 0;
639 margin: 0;
643 ** Logo properties
646 #p-logo {
647 top: 0;
648 left: 0;
649 position: absolute; /*needed to use z-index */
650 z-index: 3;
651 height: 155px;
652 width: 12em;
653 overflow: visible;
655 #p-logo h5 {
656 display: none;
658 #p-logo a,
659 #p-logo a:hover {
660 display: block;
661 height: 155px;
662 width: 12.2em;
663 background-repeat: no-repeat;
664 background-position: 35% 50% !important;
665 text-decoration: none;
669 ** Search portlet
671 #p-search {
672 position: relative;
673 z-index: 3;
675 input.searchButton {
676 margin-top: 1px;
677 font-size: 95%;
679 #searchGoButton {
680 padding-left: .5em;
681 padding-right: .5em;
682 font-weight: bold;
684 #searchInput {
685 width: 10.9em;
686 margin: 0;
687 font-size: 95%;
689 #p-search .pBody {
690 padding: .5em .4em .4em .4em;
691 text-align: center;
693 #p-search #searchform div div {
694 margin-top: .4em;
695 font-size: 95%;
698 ** the personal toolbar
700 #p-personal {
701 position: absolute;
702 left: 0;
703 top: 0;
704 z-index: 0;
706 #p-personal {
707 width: 100%;
708 white-space: nowrap;
709 padding: 0;
710 margin: 0;
711 border: none;
712 background: none;
713 overflow: visible;
714 line-height: 1.2em;
716 #p-personal h5 {
717 display: none;
719 #p-personal .portlet,
720 #p-personal .pBody {
721 z-index: 0;
722 padding: 0;
723 margin: 0;
724 border: none;
725 overflow: visible;
726 background: none;
728 /* this is the ul contained in the portlet */
729 #p-personal ul {
730 border: none;
731 line-height: 1.4em;
732 color: #2f6fab;
733 padding: 0 2em 0 3em;
734 margin: 0;
735 text-align: right;
736 list-style: none;
737 z-index: 0;
738 background: none;
739 cursor: default;
741 #p-personal li {
742 z-index: 0;
743 border: none;
744 padding: 0;
745 display: inline;
746 color: #2f6fab;
747 margin-left: 1em;
748 line-height: 1.2em;
749 background: none;
751 #p-personal li a {
752 text-decoration: none;
753 color: #005896;
754 padding-bottom: .2em;
755 background: none;
757 #p-personal li a:hover {
758 background-color: white;
759 padding-bottom: .2em;
760 text-decoration: none;
762 #p-personal li.active a:hover {
763 background-color: transparent;
765 /* the icon in front of the user name, single quotes
766 in bg url to hide it from iemac */
767 li#pt-userpage,
768 li#pt-anonuserpage,
769 li#pt-login {
770 /* @embed */
771 background: url(user.gif) top left no-repeat;
772 padding-left: 20px;
773 text-transform: none;
775 #p-personal ul {
776 text-transform: lowercase;
778 #p-personal li.active {
779 font-weight: bold;
782 ** the page-related actions- page/talk, edit etc
784 #p-cactions {
785 position: absolute;
786 top: 1.3em;
787 left: 11.5em;
788 margin: 0;
789 white-space: nowrap;
790 width: 76%;
791 line-height: 1.1em;
792 overflow: visible;
793 background: none;
794 border-collapse: collapse;
795 padding-left: 1em;
796 list-style: none;
797 font-size: 95%;
799 #p-cactions ul {
800 list-style: none;
802 #p-cactions li {
803 display: inline;
804 border: 1px solid #aaa;
805 border-bottom: none;
806 padding: 0 0 .1em 0;
807 margin: 0 .3em 0 0;
808 overflow: visible;
809 background: white;
811 #p-cactions li.selected {
812 border-color: #fabd23;
813 padding: 0 0 .2em 0;
814 font-weight: bold;
816 #p-cactions li a {
817 background-color: #fbfbfb;
818 color: #002bb8;
819 border: none;
820 padding: 0 .8em .3em;
821 position: relative;
822 z-index: 0;
823 margin: 0;
824 text-decoration: none;
826 #p-cactions li.selected a {
827 z-index: 3;
828 background-color: white;
830 #p-cactions .new a {
831 color: #ba0000;
833 #p-cactions li a:hover {
834 z-index: 3;
835 text-decoration: none;
836 background-color: white;
838 #p-cactions h5 {
839 display: none;
841 #p-cactions li.istalk {
842 margin-right: 0;
844 #p-cactions li.istalk a {
845 padding-right: .5em;
847 #p-cactions #ca-addsection a {
848 padding-left: .4em;
849 padding-right: .4em;
851 /* offsets to distinguish the tab groups */
852 li#ca-talk {
853 margin-right: 1.6em;
855 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
856 margin-left: 1.6em;
858 #p-cactions .pBody {
859 font-size: 1em;
860 background-color: transparent;
861 color: inherit;
862 border-collapse: inherit;
863 border: 0;
864 padding: 0;
866 #p-cactions .hiddenStructure {
867 display: none;
869 #p-cactions li a {
870 text-transform: lowercase;
873 #p-lang {
874 position: relative;
875 z-index: 3;
878 /* Override text-transform on languages where capitalization is significant */
879 .capitalize-all-nouns .portlet h5,
880 .capitalize-all-nouns .portlet h6,
881 .capitalize-all-nouns #p-personal ul,
882 .capitalize-all-nouns #p-cactions ul li a {
883 text-transform: none;
886 /* TODO: #t-iscite is only used by the Cite extension, come up with some
887 * system which allows extensions to add to this file on the fly
889 #t-ispermalink, #t-iscite {
890 color: #999;
893 ** footer
895 div#footer {
896 background-color: white;
897 border-top: 1px solid #fabd23;
898 border-bottom: 1px solid #fabd23;
899 margin: .6em 0 1em 0;
900 padding: .4em 0 1.2em 0;
901 text-align: center;
902 font-size: 90%;
904 div#footer li {
905 display: inline;
906 margin: 0 1.3em;
908 #f-poweredbyico, #f-copyrightico {
909 margin: 0 8px;
910 position: relative;
911 top: -2px; /* Bump it up just a tad */
913 #f-poweredbyico {
914 float: right;
915 height: 1%;
917 #f-copyrightico {
918 float: left;
919 height: 1%;
922 .mw-htmlform-submit {
923 font-weight: bold;
924 padding-left: .3em;
925 padding-right: .3em;
926 margin-right: 2em;
929 /* js pref toc */
930 #preftoc {
931 margin: 0;
932 padding: 0;
933 width: 100%;
934 clear: both;
936 #preftoc li {
937 background-color: #f0f0f0;
938 color: #000;
940 #preftoc li {
941 margin: 1px -2px 1px 2px;
942 float: left;
943 padding: 2px 0 3px 0;
944 border: 1px solid #fff;
945 border-right-color: #716f64;
946 border-bottom: 0;
947 position: relative;
948 white-space: nowrap;
949 list-style-type: none;
950 list-style-image: none;
951 z-index: 3;
953 #preftoc li.selected {
954 font-weight: bold;
955 background-color: #f9f9f9;
956 border: 1px solid #aaa;
957 border-bottom: none;
958 cursor: default;
959 top: 1px;
960 padding-top: 2px;
961 margin-right: -3px;
963 #preftoc > li.selected {
964 top: 2px;
966 #preftoc a,
967 #preftoc a:active {
968 display: block;
969 color: #000;
970 padding: 0 .7em;
971 position: relative;
972 text-decoration: none;
974 #preftoc li.selected a {
975 cursor: default;
976 text-decoration: none;
978 #preferences {
979 margin: 0;
980 border: 1px solid #aaa;
981 clear: both;
982 padding: 1.5em;
983 background-color: #F9F9F9;
985 .prefsection {
986 border: none;
987 padding: 0;
988 margin: 0;
991 .prefsection legend {
992 font-weight: bold;
994 .prefsection table, .prefsection legend {
995 background-color: #F9F9F9;
997 .mainLegend {
998 display: none;
1000 td.htmlform-tip {
1001 font-size: x-small;
1002 padding: .2em 2em;
1003 color: #666;
1006 .preferences-login {
1007 clear: both;
1008 margin-bottom: 1.5em;
1011 .prefcache {
1012 font-size: 90%;
1013 margin-top: 2em;
1016 div#userloginForm form,
1017 div#userlogin form#userlogin2 {
1018 margin: 0 3em 1em 0;
1019 border: 1px solid #aaa;
1020 clear: both;
1021 padding: 1.5em 2em;
1022 background-color: #f9f9f9;
1023 float: left;
1026 div#userloginForm table,
1027 div#userlogin form#userlogin2 table {
1028 background-color: #f9f9f9;
1031 div#userloginForm h2,
1032 div#userlogin form#userlogin2 h2 {
1033 padding-top: 0;
1036 div#userlogin .captcha,
1037 div#userloginForm .captcha {
1038 border: 1px solid #bbb;
1039 padding: 1.5em 2em;
1040 background-color: white;
1043 #loginend, #signupend {
1044 clear: both;
1047 #userloginprompt, #languagelinks {
1048 font-size: 85%;
1051 #login-sectiontip {
1052 font-size: 85%;
1053 line-height: 1.2;
1054 padding-top: 2em;
1057 #userlogin .loginText, #userlogin .loginPassword {
1058 width: 12em;
1061 #userloginlink a, #wpLoginattempt, #wpCreateaccount {
1062 font-weight: bold;
1066 ** IE/Mac fixes, hope to find a validating way to move this
1067 ** to a separate stylesheet. This would work but doesn't validate:
1068 ** @import("IEMacFixes.css");
1070 /* tabs: border on the a, not the div */
1071 * > html #p-cactions li { border: none; }
1072 * > html #p-cactions li a {
1073 border: 1px solid #aaa;
1074 border-bottom: none;
1076 * > html #p-cactions li.selected a { border-color: #fabd23; }
1077 /* footer icons need a fixed width */
1078 * > html #f-poweredbyico,
1079 * > html #f-copyrightico { width: 88px; }
1080 * > html #bodyContent,
1081 * > html #bodyContent pre {
1082 overflow-x: auto;
1083 width: 100%;
1084 padding-bottom: 25px;
1087 /* more IE fixes */
1088 /* float/negative margin brokenness */
1089 * html div#footer {margin-top: 0;}
1090 * html div#column-content {
1091 display: inline;
1092 margin-bottom: 0;
1094 * html div.editsection { font-size: smaller; }
1095 #pagehistory li.selected { position: relative; }
1097 /* Mac IE 5.0 fix; floated content turns invisible */
1098 * > html div#column-content {
1099 float: none;
1101 * > html div#column-one {
1102 position: absolute;
1103 left: 0;
1104 top: 0;
1106 * > html div#footer {
1107 margin-left: 13.2em;
1109 .redirectText {
1110 font-size: 150%;
1111 margin: 5px;
1114 .printfooter {
1115 display: none;
1118 div.patrollink {
1119 clear: both;
1122 .sharedUploadNotice {
1123 font-style: italic;
1126 span.updatedmarker {
1127 color: black;
1128 background-color: #0f0;
1131 .editExternally {
1132 border: 1px solid gray;
1133 background-color: #ffffff;
1134 padding: 3px;
1135 margin-top: 0.5em;
1136 float: left;
1137 font-size: small;
1138 text-align: center;
1140 .editExternallyHelp {
1141 font-style: italic;
1142 color: gray;
1145 .toggle {
1146 margin-left: 2em;
1147 text-indent: -2em;
1150 /* @bug 1714 */
1151 input#wpSave, input#wpDiff {
1152 margin-right: 0.33em;
1155 #wpSave {
1156 font-weight: bold;
1159 /* noarticletext */
1160 div.noarticletext {
1161 border: 1px solid #ccc;
1162 background: #fff;
1163 padding: .2em 1em;
1164 color: #000;
1167 div#searchTargetContainer {
1168 left: 10px;
1169 top: 10px;
1170 width: 90%;
1171 background: white;
1174 div#searchTarget {
1175 padding: 3px;
1176 margin: 5px;
1177 background: #F0F0F0;
1178 border: solid 1px blue;
1181 div#searchTarget ul li {
1182 list-style: none;
1185 div#searchTarget ul li:before {
1186 color: orange;
1187 content: "\00BB \0020";
1190 div#searchTargetHide {
1191 float:right;
1192 border:solid 1px black;
1193 background:#DCDCDC;
1194 padding:2px;
1197 #powersearch p {
1198 margin-top:0px;
1201 div.multipageimagenavbox {
1202 border: solid 1px silver;
1203 padding: 4px;
1204 margin: 1em;
1205 background: #f0f0f0;
1208 div.multipageimagenavbox div.thumb {
1209 border: none;
1210 margin-left: 2em;
1211 margin-right: 2em;
1214 div.multipageimagenavbox hr {
1215 margin: 6px;
1218 table.multipageimage td {
1219 text-align: center;
1222 .templatesUsed { margin-top: 1.5em; }
1224 .mw-summary-preview {
1225 margin: 0.1em 0;
1228 /* Friendlier slave lag warnings */
1229 div.mw-lag-warn-normal,
1230 div.mw-lag-warn-high {
1231 padding: 3px;
1232 text-align: center;
1233 margin: 3px auto;
1235 div.mw-lag-warn-normal {
1236 border: 1px solid #FFCC66;
1237 background-color: #FFFFCC;
1239 div.mw-lag-warn-high {
1240 font-weight: bold;
1241 border: 2px solid #FF0033;
1242 background-color: #FFCCCC;
1245 .MediaTransformError {
1246 background-color: #ccc;
1247 padding: 0.1em;
1249 .MediaTransformError td {
1250 text-align: center;
1251 vertical-align: middle;
1252 font-size: 90%;
1255 /* God-damned hack for the crappy layout */
1256 .os-suggest {
1257 font-size: 127%;
1260 /* Sometimes people don't want personal tools to be lowercase! */
1261 .no-text-transform {
1262 text-transform: none;
1265 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
1266 .tipsy {
1267 font-size: 127%;