bug 28503: add ircs to UrlProtocols in defaultsettings & css
[mediawiki.git] / skins / monobook / main.css
blobdeb741009a5ead6eb8e95e9459e637ac40afb8ff
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%;
66 a {
67 text-decoration: none;
68 color: #002bb8;
69 background: none;
71 a:visited {
72 color: #5a3696;
74 a:active {
75 color: #faa700;
77 a:hover {
78 text-decoration: underline;
80 a.stub {
81 color: #772233;
83 a.new, #p-personal a.new {
84 color: #cc2200;
86 a.new:visited, #p-personal a.new:visited {
87 color: #a55858;
90 img {
91 border: none;
92 vertical-align: middle;
94 p {
95 margin: .4em 0 .5em 0;
96 line-height: 1.5em;
98 p img {
99 margin: 0;
102 hr {
103 height: 1px;
104 color: #aaa;
105 background-color: #aaa;
106 border: 0;
107 margin: .2em 0 .2em 0;
110 h1, h2, h3, h4, h5, h6 {
111 color: black;
112 background: none;
113 font-weight: normal;
114 margin: 0;
115 overflow: hidden;
116 padding-top: .5em;
117 padding-bottom: .17em;
118 border-bottom: 1px solid #aaa;
120 h1 { font-size: 188%; }
121 h1 .editsection { font-size: 53%; }
122 h2 { font-size: 150%; }
123 h2 .editsection { font-size: 67%; }
124 h3, h4, h5, h6 {
125 border-bottom: none;
126 font-weight: bold;
128 h3 { font-size: 132%; }
129 h3 .editsection { font-size: 76%; font-weight: normal; }
130 h4 { font-size: 116%; }
131 h4 .editsection { font-size: 86%; font-weight: normal; }
132 h5 { font-size: 100%; }
133 h5 .editsection { font-weight: normal; }
134 h6 { font-size: 80%; }
135 h6 .editsection { font-size: 125%; font-weight: normal; }
137 ul {
138 line-height: 1.5em;
139 list-style-type: square;
140 margin: .3em 0 0 1.5em;
141 padding: 0;
142 /* @embed */
143 list-style-image: url(bullet.gif);
145 ol {
146 line-height: 1.5em;
147 margin: .3em 0 0 3.2em;
148 padding: 0;
149 list-style-image: none;
151 li {
152 margin-bottom: .1em;
154 dt {
155 font-weight: bold;
156 margin-bottom: .1em;
158 dl {
159 margin-top: .2em;
160 margin-bottom: .5em;
162 dd {
163 line-height: 1.5em;
164 margin-left: 2em;
165 margin-bottom: .1em;
168 fieldset {
169 border: 1px solid #2f6fab;
170 margin: 1em 0 1em 0;
171 padding: 0 1em 1em;
172 line-height: 1.5em;
174 fieldset.nested {
175 margin: 0 0 0.5em 0;
176 padding: 0 0.5em 0.5em;
178 legend {
179 padding: .5em;
180 font-size: 95%;
182 form {
183 border: none;
184 margin: 0;
187 textarea {
188 width: 100%;
189 padding: .1em;
192 input.historysubmit {
193 padding: 0 .3em .3em .3em !important;
194 font-size: 94%;
195 cursor: pointer;
196 height: 1.7em !important;
197 margin-left: 1.6em;
199 select {
200 vertical-align: top;
202 abbr, acronym, .explain {
203 border-bottom: 1px dotted black;
204 color: black;
205 background: none;
206 cursor: help;
209 font-family: Times, "Times New Roman", serif;
210 font-style: italic;
212 /* disabled for now
213 blockquote {
214 font-family: Times, "Times New Roman", serif;
215 font-style: italic;
217 code {
218 background-color: #f9f9f9;
220 pre {
221 padding: 1em;
222 border: 1px dashed #2f6fab;
223 color: black;
224 background-color: #f9f9f9;
225 line-height: 1.1em;
229 ** the main content area
232 #siteSub {
233 display: none;
235 #jump-to-nav {
236 display: none;
239 #contentSub, #contentSub2 {
240 font-size: 84%;
241 line-height: 1.2em;
242 margin: 0 0 1.4em 1em;
243 color: #7d7d7d;
244 width: auto;
246 span.subpages {
247 display: block;
250 /* Some space under the headers in the content area */
251 #bodyContent h1, #bodyContent h2 {
252 margin-bottom: .6em;
254 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
255 margin-bottom: .3em;
257 #firstHeading {
258 margin-bottom: .1em;
259 /* These two rules hack around bug 2013 (fix for more limited bug 11325).
260 When bug 2013 is fixed properly, they should be removed. */
261 line-height: 1.2em;
262 padding-bottom: 0;
265 /* user notification thing */
266 .usermessage {
267 background-color: #ffce7b;
268 border: 1px solid #ffa500;
269 color: black;
270 font-weight: bold;
271 margin: 2em 0 1em;
272 padding: .5em 1em;
273 vertical-align: middle;
275 #siteNotice {
276 position: relative;
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 {
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;
454 ** classes for special content elements like town boxes
455 ** intended to be referenced directly from the wiki src
459 ** User styles
461 /* table standards */
462 table.rimage {
463 float: right;
464 position: relative;
465 margin-left: 1em;
466 margin-bottom: 1em;
467 text-align: center;
469 .toccolours {
470 border: 1px solid #aaa;
471 background-color: #f9f9f9;
472 padding: 5px;
473 font-size: 95%;
477 ** edit views etc
479 .special li {
480 line-height: 1.4em;
481 margin: 0;
482 padding: 0;
486 ** keep the whitespace in front of the ^=, hides rule from konqueror
487 ** this is css3, the validator doesn't like it when validating as css2
489 #bodyContent a.external,
490 #bodyContent a.external[href ^="gopher://"] {
491 /* @embed */
492 background: url(external-ltr.png) center right no-repeat;
493 padding-right: 13px;
495 #bodyContent a.external[href ^="https://"],
496 .link-https {
497 /* @embed */
498 background: url(lock_icon.gif) center right no-repeat;
499 padding-right: 16px;
501 #bodyContent a.external[href ^="mailto:"],
502 .link-mailto {
503 /* @embed */
504 background: url(mail_icon.gif) center right no-repeat;
505 padding-right: 18px;
507 #bodyContent a.external[href ^="news://"] {
508 /* @embed */
509 background: url(news_icon.png) center right no-repeat;
510 padding-right: 18px;
512 #bodyContent a.external[href ^="ftp://"],
513 .link-ftp {
514 /* @embed */
515 background: url(file_icon.gif) center right no-repeat;
516 padding-right: 18px;
518 #bodyContent a.external[href ^="irc://"],
519 #bodyContent a.external[href ^="ircs://"],
520 .link-irc {
521 /* @embed */
522 background: url(discussionitem_icon.gif) center right no-repeat;
523 padding-right: 18px;
525 #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
526 #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
527 #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
528 #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
529 #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
530 #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
531 .link-audio {
532 /* @embed */
533 background: url("audio.png") center right no-repeat;
534 padding-right: 13px;
536 #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
537 #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
538 #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
539 #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
540 .link-video {
541 /* @embed */
542 background: url("video.png") center right no-repeat;
543 padding-right: 13px;
545 #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
546 #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
547 #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
548 .link-document {
549 /* @embed */
550 background: url("document.png") center right no-repeat;
551 padding-right: 12px;
554 /* Interwiki Styling */
555 #bodyContent a.extiw,
556 #bodyContent a.extiw:active {
557 color: #36b;
558 /* Don't show icons for interwiki links */
559 background: none;
560 padding: 0;
562 #bodyContent a.extiw:visited {
563 color: #636;
565 #bodyContent a.extiw:active {
566 color: #b63;
569 /* External links */
570 #bodyContent a.external {
571 color: #36b;
573 #bodyContent a.external:visited {
574 color: #636; /* bug 3112 */
576 #bodyContent a.external:active {
577 color: #b63;
581 ** Structural Elements
585 ** general portlet styles (elements in the quickbar)
587 .portlet {
588 border: none;
589 margin: 0 0 .5em;
590 padding: 0;
591 float: none;
592 width: 11.6em;
593 overflow: hidden;
595 html > body .portlet {
596 float: left;
597 clear: left;
599 /* recover IEMac (might be fine with the float, but usually it's close to IE */
600 *>body .portlet {
601 float: none;
602 clear: none;
604 .portlet h4 {
605 font-size: 95%;
606 font-weight: normal;
607 white-space: nowrap;
609 .portlet h5 {
610 background: transparent;
611 padding: 0 1em 0 .5em;
612 display: inline;
613 height: 1em;
614 text-transform: lowercase;
615 font-size: 91%;
616 font-weight: normal;
617 white-space: nowrap;
619 .portlet h6 {
620 background: #ffae2e;
621 border: 1px solid #2f6fab;
622 border-style: solid solid none solid;
623 padding: 0 1em 0 1em;
624 text-transform: lowercase;
625 display: block;
626 font-size: 1em;
627 height: 1.2em;
628 font-weight: normal;
629 white-space: nowrap;
631 .pBody {
632 font-size: 95%;
633 background-color: white;
634 color: black;
635 border-collapse: collapse;
636 border: 1px solid #aaa;
637 padding: 0 .8em .3em .5em;
639 .portlet h1,
640 .portlet h2,
641 .portlet h3,
642 .portlet h4 {
643 margin: 0;
644 padding: 0;
646 .portlet ul {
647 line-height: 1.5em;
648 list-style-type: square;
649 /* @embed */
650 list-style-image: url(bullet.gif);
651 font-size: 95%;
653 .portlet li {
654 padding: 0;
655 margin: 0;
659 ** Logo properties
662 #p-logo {
663 top: 0;
664 left: 0;
665 position: absolute; /*needed to use z-index */
666 z-index: 3;
667 height: 155px;
668 width: 12em;
669 overflow: visible;
671 #p-logo h5 {
672 display: none;
674 #p-logo a,
675 #p-logo a:hover {
676 display: block;
677 height: 155px;
678 width: 12.2em;
679 background-repeat: no-repeat;
680 background-position: 35% 50% !important;
681 text-decoration: none;
685 ** Search portlet
687 #p-search {
688 position: relative;
689 z-index: 3;
691 input.searchButton {
692 margin-top: 1px;
693 font-size: 95%;
695 #searchGoButton {
696 padding-left: .5em;
697 padding-right: .5em;
698 font-weight: bold;
700 #searchInput {
701 width: 10.9em;
702 margin: 0;
703 font-size: 95%;
705 #p-search .pBody {
706 padding: .5em .4em .4em .4em;
707 text-align: center;
709 #p-search #searchform div div {
710 margin-top: .4em;
711 font-size: 95%;
714 ** the personal toolbar
716 #p-personal {
717 position: absolute;
718 left: 0;
719 top: 0;
720 z-index: 0;
722 #p-personal {
723 width: 100%;
724 white-space: nowrap;
725 padding: 0;
726 margin: 0;
727 border: none;
728 background: none;
729 overflow: visible;
730 line-height: 1.2em;
732 #p-personal h5 {
733 display: none;
735 #p-personal .portlet,
736 #p-personal .pBody {
737 z-index: 0;
738 padding: 0;
739 margin: 0;
740 border: none;
741 overflow: visible;
742 background: none;
744 /* this is the ul contained in the portlet */
745 #p-personal ul {
746 border: none;
747 line-height: 1.4em;
748 color: #2f6fab;
749 padding: 0 2em 0 3em;
750 margin: 0;
751 text-align: right;
752 list-style: none;
753 z-index: 0;
754 background: none;
755 cursor: default;
757 #p-personal li {
758 z-index: 0;
759 border: none;
760 padding: 0;
761 display: inline;
762 color: #2f6fab;
763 margin-left: 1em;
764 line-height: 1.2em;
765 background: none;
767 #p-personal li a {
768 text-decoration: none;
769 color: #005896;
770 padding-bottom: .2em;
771 background: none;
773 #p-personal li a:hover {
774 background-color: white;
775 padding-bottom: .2em;
776 text-decoration: none;
778 #p-personal li.active a:hover {
779 background-color: transparent;
781 /* the icon in front of the user name, single quotes
782 in bg url to hide it from iemac */
783 li#pt-userpage,
784 li#pt-anonuserpage,
785 li#pt-login {
786 /* @embed */
787 background: url(user.gif) top left no-repeat;
788 padding-left: 20px;
789 text-transform: none;
791 #p-personal ul {
792 text-transform: lowercase;
794 #p-personal li.active {
795 font-weight: bold;
798 ** the page-related actions- page/talk, edit etc
800 #p-cactions {
801 position: absolute;
802 top: 1.3em;
803 left: 11.5em;
804 margin: 0;
805 white-space: nowrap;
806 width: 76%;
807 line-height: 1.1em;
808 overflow: visible;
809 background: none;
810 border-collapse: collapse;
811 padding-left: 1em;
812 list-style: none;
813 font-size: 95%;
815 #p-cactions ul {
816 list-style: none;
818 #p-cactions li {
819 display: inline;
820 border: 1px solid #aaa;
821 border-bottom: none;
822 padding: 0 0 .1em 0;
823 margin: 0 .3em 0 0;
824 overflow: visible;
825 background: white;
827 #p-cactions li.selected {
828 border-color: #fabd23;
829 padding: 0 0 .2em 0;
830 font-weight: bold;
832 #p-cactions li a {
833 background-color: #fbfbfb;
834 color: #002bb8;
835 border: none;
836 padding: 0 .8em .3em;
837 position: relative;
838 z-index: 0;
839 margin: 0;
840 text-decoration: none;
842 #p-cactions li.selected a {
843 z-index: 3;
844 background-color: white;
846 #p-cactions .new a {
847 color: #ba0000;
849 #p-cactions li a:hover {
850 z-index: 3;
851 text-decoration: none;
852 background-color: white;
854 #p-cactions h5 {
855 display: none;
857 #p-cactions li.istalk {
858 margin-right: 0;
860 #p-cactions li.istalk a {
861 padding-right: .5em;
863 #p-cactions #ca-addsection a {
864 padding-left: .4em;
865 padding-right: .4em;
867 /* offsets to distinguish the tab groups */
868 li#ca-talk {
869 margin-right: 1.6em;
871 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
872 margin-left: 1.6em;
874 #p-cactions .pBody {
875 font-size: 1em;
876 background-color: transparent;
877 color: inherit;
878 border-collapse: inherit;
879 border: 0;
880 padding: 0;
882 #p-cactions li a {
883 text-transform: lowercase;
886 #p-lang {
887 position: relative;
888 z-index: 3;
891 /* Override text-transform on languages where capitalization is significant */
892 .capitalize-all-nouns .portlet h5,
893 .capitalize-all-nouns .portlet h6,
894 .capitalize-all-nouns #p-personal ul,
895 .capitalize-all-nouns #p-cactions ul li a {
896 text-transform: none;
899 /* TODO: #t-iscite is only used by the Cite extension, come up with some
900 * system which allows extensions to add to this file on the fly
902 #t-ispermalink, #t-iscite {
903 color: #999;
906 ** footer
908 div#footer {
909 background-color: white;
910 border-top: 1px solid #fabd23;
911 border-bottom: 1px solid #fabd23;
912 margin: .6em 0 1em 0;
913 padding: .4em 0 1.2em 0;
914 text-align: center;
915 font-size: 90%;
917 div#footer li {
918 display: inline;
919 margin: 0 1.3em;
921 #f-poweredbyico, #f-copyrightico {
922 margin: 0 8px;
923 position: relative;
924 top: -2px; /* Bump it up just a tad */
926 #f-poweredbyico {
927 float: right;
928 height: 1%;
930 #f-copyrightico {
931 float: left;
932 height: 1%;
935 .mw-htmlform-submit {
936 font-weight: bold;
937 padding-left: .3em;
938 padding-right: .3em;
939 margin-right: 2em;
942 /* js pref toc */
943 #preftoc {
944 margin: 0;
945 padding: 0;
946 width: 100%;
947 clear: both;
949 #preftoc li {
950 background-color: #f0f0f0;
951 color: #000;
953 #preftoc li {
954 margin: 1px -2px 1px 2px;
955 float: left;
956 padding: 2px 0 3px 0;
957 border: 1px solid #fff;
958 border-right-color: #716f64;
959 border-bottom: 0;
960 position: relative;
961 white-space: nowrap;
962 list-style-type: none;
963 list-style-image: none;
964 z-index: 3;
966 #preftoc li.selected {
967 font-weight: bold;
968 background-color: #f9f9f9;
969 border: 1px solid #aaa;
970 border-bottom: none;
971 cursor: default;
972 top: 1px;
973 padding-top: 2px;
974 margin-right: -3px;
976 #preftoc > li.selected {
977 top: 2px;
979 #preftoc a,
980 #preftoc a:active {
981 display: block;
982 color: #000;
983 padding: 0 .7em;
984 position: relative;
985 text-decoration: none;
987 #preftoc li.selected a {
988 cursor: default;
989 text-decoration: none;
991 #preferences {
992 margin: 0;
993 border: 1px solid #aaa;
994 clear: both;
995 padding: 1.5em;
996 background-color: #F9F9F9;
998 .prefsection {
999 border: none;
1000 padding: 0;
1001 margin: 0;
1004 .prefsection legend {
1005 font-weight: bold;
1007 .prefsection table, .prefsection legend {
1008 background-color: #F9F9F9;
1010 .mainLegend {
1011 display: none;
1013 td.htmlform-tip {
1014 font-size: x-small;
1015 padding: .2em 2em;
1016 color: #666;
1019 .preferences-login {
1020 clear: both;
1021 margin-bottom: 1.5em;
1024 .prefcache {
1025 font-size: 90%;
1026 margin-top: 2em;
1029 div#userloginForm form,
1030 div#userlogin form#userlogin2 {
1031 margin: 0 3em 1em 0;
1032 border: 1px solid #aaa;
1033 clear: both;
1034 padding: 1.5em 2em;
1035 background-color: #f9f9f9;
1036 float: left;
1039 div#userloginForm table,
1040 div#userlogin form#userlogin2 table {
1041 background-color: #f9f9f9;
1044 div#userloginForm h2,
1045 div#userlogin form#userlogin2 h2 {
1046 padding-top: 0;
1049 div#userlogin .captcha,
1050 div#userloginForm .captcha {
1051 border: 1px solid #bbb;
1052 padding: 1.5em 2em;
1053 background-color: white;
1056 #loginend, #signupend {
1057 clear: both;
1060 #userloginprompt, #languagelinks {
1061 font-size: 85%;
1064 #login-sectiontip {
1065 font-size: 85%;
1066 line-height: 1.2;
1067 padding-top: 2em;
1070 #userlogin .loginText, #userlogin .loginPassword {
1071 width: 12em;
1074 #userloginlink a, #wpLoginattempt, #wpCreateaccount {
1075 font-weight: bold;
1079 ** IE/Mac fixes, hope to find a validating way to move this
1080 ** to a separate stylesheet. This would work but doesn't validate:
1081 ** @import("IEMacFixes.css");
1083 /* tabs: border on the a, not the div */
1084 * > html #p-cactions li { border: none; }
1085 * > html #p-cactions li a {
1086 border: 1px solid #aaa;
1087 border-bottom: none;
1089 * > html #p-cactions li.selected a { border-color: #fabd23; }
1090 /* footer icons need a fixed width */
1091 * > html #f-poweredbyico,
1092 * > html #f-copyrightico { width: 88px; }
1093 * > html #bodyContent,
1094 * > html #bodyContent pre {
1095 overflow-x: auto;
1096 width: 100%;
1097 padding-bottom: 25px;
1100 /* more IE fixes */
1101 /* float/negative margin brokenness */
1102 * html div#footer {margin-top: 0;}
1103 * html div#column-content {
1104 display: inline;
1105 margin-bottom: 0;
1107 * html div.editsection { font-size: smaller; }
1108 #pagehistory li.selected { position: relative; }
1110 /* Mac IE 5.0 fix; floated content turns invisible */
1111 * > html div#column-content {
1112 float: none;
1114 * > html div#column-one {
1115 position: absolute;
1116 left: 0;
1117 top: 0;
1119 * > html div#footer {
1120 margin-left: 13.2em;
1122 .redirectText {
1123 font-size: 150%;
1124 margin: 5px;
1127 .printfooter {
1128 display: none;
1131 div.patrollink {
1132 clear: both;
1135 .sharedUploadNotice {
1136 font-style: italic;
1139 span.updatedmarker {
1140 color: black;
1141 background-color: #0f0;
1144 .editExternally {
1145 border: 1px solid gray;
1146 background-color: #ffffff;
1147 padding: 3px;
1148 margin-top: 0.5em;
1149 float: left;
1150 font-size: small;
1151 text-align: center;
1153 .editExternallyHelp {
1154 font-style: italic;
1155 color: gray;
1158 .toggle {
1159 margin-left: 2em;
1160 text-indent: -2em;
1163 /* @bug 1714 */
1164 input#wpSave, input#wpDiff {
1165 margin-right: 0.33em;
1168 #wpSave {
1169 font-weight: bold;
1172 /* noarticletext */
1173 div.noarticletext {
1174 border: 1px solid #ccc;
1175 background: #fff;
1176 padding: .2em 1em;
1177 color: #000;
1180 div#searchTargetContainer {
1181 left: 10px;
1182 top: 10px;
1183 width: 90%;
1184 background: white;
1187 div#searchTarget {
1188 padding: 3px;
1189 margin: 5px;
1190 background: #F0F0F0;
1191 border: solid 1px blue;
1194 div#searchTarget ul li {
1195 list-style: none;
1198 div#searchTarget ul li:before {
1199 color: orange;
1200 content: "\00BB \0020";
1203 div#searchTargetHide {
1204 float:right;
1205 border:solid 1px black;
1206 background:#DCDCDC;
1207 padding:2px;
1210 #powersearch p {
1211 margin-top:0px;
1214 div.multipageimagenavbox {
1215 border: solid 1px silver;
1216 padding: 4px;
1217 margin: 1em;
1218 background: #f0f0f0;
1221 div.multipageimagenavbox div.thumb {
1222 border: none;
1223 margin-left: 2em;
1224 margin-right: 2em;
1227 div.multipageimagenavbox hr {
1228 margin: 6px;
1231 table.multipageimage td {
1232 text-align: center;
1235 .templatesUsed { margin-top: 1.5em; }
1237 .mw-summary-preview {
1238 margin: 0.1em 0;
1241 /* Friendlier slave lag warnings */
1242 div.mw-lag-warn-normal,
1243 div.mw-lag-warn-high {
1244 padding: 3px;
1245 text-align: center;
1246 margin: 3px auto;
1248 div.mw-lag-warn-normal {
1249 border: 1px solid #FFCC66;
1250 background-color: #FFFFCC;
1252 div.mw-lag-warn-high {
1253 font-weight: bold;
1254 border: 2px solid #FF0033;
1255 background-color: #FFCCCC;
1258 .MediaTransformError {
1259 background-color: #ccc;
1260 padding: 0.1em;
1262 .MediaTransformError td {
1263 text-align: center;
1264 vertical-align: middle;
1265 font-size: 90%;
1268 /* God-damned hack for the crappy layout */
1269 .os-suggest {
1270 font-size: 127%;
1273 /* Sometimes people don't want personal tools to be lowercase! */
1274 .no-text-transform {
1275 text-transform: none;
1278 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
1279 .tipsy {
1280 font-size: 127%;