Fix for r40041. PHP strict notice. Thanks to Ialex
[mediawiki.git] / skins / modern / main.css
blobd86a1f875d97ead16906f9a6e39f5cd2d3491309
1 body {
2 margin: 0 0 0 0;
3 padding: 0 0 0 0;
4 /*font-size: 10pt;*/
5 font-size: x-small;
8 font-family: sans-serif;
9 color: black;
10 background-color: #f0f0f0;
13 #mw_main,
14 #p-personal,
15 #mw_header,
16 .os-suggest {
17 font-size: 130%;
20 #mw_header {
21 position: absolute;
22 top: 0;
23 left: 0;
24 margin: 0 0 0 0;
25 padding: 0 0em 0 0em;
26 border: none;
27 height: 2em;
28 width: 100%;
30 background-color: #003366;
31 color: white;
34 #mw_header h1 {
35 margin: 0 0 0 0.5em;
36 padding: 0 0 0 0;
37 text-decoration: none;
38 font-size: 150%;
41 #p-personal {
42 position: absolute;
43 top: 2em;
44 left: 0;
45 height: 1.5em;
46 margin: 0 0 0 0;
47 padding: 0 0 0 0;
48 width: 100%;
52 #p-personal div.pBody {
53 margin: 0 0 0 0;
54 padding: 0 0 0 0;
55 height: 1.5em;
56 font-variant: small-caps;
59 #p-personal h5 {
60 display: none;
63 #p-personal ul {
64 margin: 0 0 0 0;
65 padding: 0 0 0 0;
66 display: block;
67 height: 1.5em;
68 background-color: #3c78b5;
71 #p-personal li {
72 display: block; float: left;
73 height: 1.5em;
74 margin: 0 0 0 0;
75 vertical-align: middle;
77 font-weight: bold;
78 text-transform: lowercase;
81 #p-personal li a {
82 text-decoration: none;
83 color: white;
84 padding: 0 1em 0 1em;
87 #p-personal li a:hover {
88 text-decoration: none;
89 color: white;
92 #p-personal li:hover {
93 background-color: #003366;
96 #jump-to-nav {
97 display: none;
100 #mw_contentwrapper {
101 width: 100%;
102 margin: 0 0 0 -15em;
103 float: right;
106 #mw_content {
107 margin: 0 0 0 14em;
109 background-color: white;
110 border-top: solid 1px #bbbbbb;
111 border-left: solid 1px #bbbbbb;
112 border-bottom: solid 1px #bbbbbb;
114 line-height: 1.5em;
115 padding: 0 1em 1em 1em;
118 #mw_portlets {
119 width: 14em;
121 border-right: solid 1px #bbbbbb;
122 background-color: #f0f0f0;
125 #mw_main {
126 padding: 0 0 0 0;
127 margin: 0 0 0 0;
128 margin-top: 3.5em;
131 div.mw_clear {
132 margin: 0 0 0 0;
133 padding: 0 0 0 0;
134 clear: both;
137 .portlet {
138 padding: 0 0 0 0;
139 margin: 0 0 0 0;
142 .portlet div.pBody {
143 padding: 0em 0 1em 0;
146 textarea {
147 width: 100%;
148 padding: .1em;
151 #searchBody {
152 text-align: center;
155 #searchInput {
156 display: block;
157 margin-left: auto;
158 margin-right: auto;
161 .portlet h5 {
162 padding: 0.1em 0 0.3em 1em;
163 margin: 0 0 0 0;
164 background-color: #dddddd;
165 font-weight: bold;
166 border-bottom: solid 1px #3c78b5;
167 height: 1.1em;
170 .portlet ul {
171 margin: 0 0 0 1.5em;
172 padding: 0 0 0 0;
175 #mw_portlets .portlet ul {
176 line-height: 1.4em;
179 ul {
180 list-style-image: url(bullet.gif);
183 #p-cactions {
184 height: 1.5em;
185 padding: 0 0 0 0;
186 margin: 0 0 0 14em;
189 #p-cactions div.pBody {
190 margin: 0 0 0 0;
191 padding: 0 0 0 0;
194 #p-cactions a,
195 #p-cactions a:hover {
196 color: black;
197 text-decoration: none;
200 #p-cactions ul {
201 display: inline;
202 margin: 0 0 0 0;
203 padding: 0 0 0 0;
206 #p-cactions li {
207 margin: 0 0.5em 0 0.5em;
208 padding: 0 0.2em 0 0.2em;
209 display: block;
210 float: left;
211 height: 1.5em;
212 text-transform: lowercase;
215 #p-cactions li.selected {
216 background-color: #bbbbbb;
219 #p-cactions li a,
220 #p-cactions li a:hover,
221 #p-cactions li a:visited {
222 text-decoration: underline;
223 color: #003366;
226 #p-cactions li.selected a,
227 #p-cactions li.selected a:hover,
228 #p-cactions li.selected a:visited {
229 text-decoration: none;
230 color: white;
233 #p-cactions h5 {
234 display: none;
237 #siteSub {
238 display: none;
241 #footer {
242 background-color: #f0f0f0;
243 background: url(footer-grad.png) repeat-x 0 0;
244 padding: 10px 1em 1em 1em;
245 clear:both;
246 color: #444444;
249 #footer a,
250 #footer a:hover,
251 #footer a:visited {
252 color: #444444;
253 text-decoration: underline;
256 img {
257 border: none;
260 #footer li {
261 display: inline;
262 list-style-type: none;
263 padding: 0 0 0 0;
264 margin: 0 0 0 0;
267 #footer ul {
268 padding: 0 0 0 0;
269 margin: 0 0 0 0;
272 div.printfooter {
273 display: none;
277 margin: 1em 0 1em 0;
280 hr {
281 height: 1px;
282 color: #aaa;
283 background-color: #aaa;
284 border: 0;
285 margin: .2em 0 .2em 0;
288 #contentSub {
289 color: #888;
290 font-size: small;
291 padding-left: 2em;
294 #mw_portlets form {
295 margin: 0 0 0 0;
296 padding: 0 0 0 0;
300 text-decoration: none;
301 color: #003366;
302 background: none;
304 a:visited {
305 color: #5a3696;
307 a:active {
308 color: #faa700;
310 a:hover {
311 text-decoration: underline;
313 a.stub {
314 color: #772233;
316 a.new {
317 color: #ba0000;
319 a.new:visited {
320 color: #a55858;
323 span.editsection {
324 font-size: small;
327 h1, h2 {
328 border-bottom: solid 1px #003366;
331 #preftoc {
332 width: 100%;
333 margin: 0 0 0 0;
334 padding: 0 0 0 0;
335 height: 1.5em;
336 clear: right;
339 #preftoc li {
340 margin: 0 0.5em 0 0.5em;
341 padding: 0 0.2em 0 0.2em;
342 display: block;
343 float: left;
344 height: 1.5em;
345 text-transform: lowercase;
348 #preferences {
349 margin: 0 0 0 0;
350 padding: 0em 1em 1em 1em;
351 border: solid 1px #bbbbbb;
352 clear: left; /* Multi-line toc should not push data to horizontally */
355 #preferences fieldset {
356 margin-top: 0;
357 border: none;
360 #preferences h2 {
363 .mainLegend {
364 display: none;
367 .prefsectiontip {
368 font-size: x-small;
369 padding: .2em 2em;
370 color: #666;
373 .prefsection legend {
374 font-weight: bold;
377 #preftoc li.selected {
378 background-color: #bbbbbb;
381 #preftoc li a,
382 #preftoc li a:hover,
383 #preftoc li a:visited {
384 text-decoration: underline;
385 color: #003366;
388 #preftoc li.selected a,
389 #preftoc li.selected a:hover,
390 #preftoc li.selected a:visited {
391 text-decoration: none;
392 color: white;
395 #mw_content a.external,
396 #mw_content a[href ^="gopher://"] {
397 background: url(external.png) center right no-repeat;
398 padding-right: 13px;
400 #mw_content a[href ^="https://"],
401 .link-https {
402 background: url(lock_icon.gif) center right no-repeat;
403 padding-right: 16px;
405 #mw_content a[href ^="mailto:"],
406 .link-mailto {
407 background: url(mail_icon.gif) center right no-repeat;
408 padding-right: 18px;
410 #mw_content a[href ^="news://"] {
411 background: url(news_icon.png) center right no-repeat;
412 padding-right: 18px;
414 #mw_content a[href ^="ftp://"],
415 .link-ftp {
416 background: url(file_icon.gif) center right no-repeat;
417 padding-right: 18px;
419 #mw_content a[href ^="irc://"],
420 #mw_content a.extiw[href ^="irc://"],
421 .link-irc {
422 background: url(discussionitem_icon.gif) center right no-repeat;
423 padding-right: 18px;
426 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
427 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
428 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
429 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
430 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
431 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
432 .link-audio {
433 background: url("audio.png") center right no-repeat;
434 padding-right: 13px;
436 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
437 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
438 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
439 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
440 .link-video {
441 background: url("video.png") center right no-repeat;
442 padding-right: 13px;
444 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
445 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
446 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
447 .link-document {
448 background: url("document.png") center right no-repeat;
449 padding-right: 12px;
452 /* images */
453 div.floatright, table.floatright {
454 clear: right;
455 float: right;
456 position: relative;
457 margin: 0 0 .5em .5em;
458 border: 0;
460 border: .5em solid white;
461 border-width: .5em 0 .8em 1.4em;
464 div.floatright p { font-style: italic; }
465 div.floatleft, table.floatleft {
466 float: left;
467 clear: left;
468 position: relative;
469 margin: 0 .5em .5em 0;
470 border: 0;
472 margin: .3em .5em .5em 0;
473 border: .5em solid white;
474 border-width: .5em 1.4em .8em 0;
477 div.floatleft p { font-style: italic; }
478 /* thumbnails */
479 div.thumb {
480 margin-bottom: .5em;
481 border-style: solid;
482 border-color: white;
483 width: auto;
485 div.thumbinner {
486 border: 1px solid #ccc;
487 padding: 3px !important;
488 background-color: #f9f9f9;
489 font-size: 94%;
490 text-align: center;
491 overflow: hidden;
493 html .thumbimage {
494 border: 1px solid #ccc;
496 html .thumbcaption {
497 border: none;
498 text-align: left;
499 line-height: 1.4em;
500 padding: 3px !important;
501 font-size: 94%;
503 div.magnify {
504 float: right;
505 border: none !important;
506 background: none !important;
508 div.magnify a, div.magnify img {
509 display: block;
510 border: none !important;
511 background: none !important;
513 div.tright {
514 clear: right;
515 float: right;
516 border-width: .5em 0 .8em 1.4em;
518 div.tleft {
519 float: left;
520 clear: left;
521 margin-right: .5em;
522 border-width: .5em 1.4em .8em 0;
524 img.thumbborder {
525 border: 1px solid #dddddd;
527 .hiddenStructure {
528 display: none;
531 #mw_content .plainlinks a {
532 background: none !important;
533 padding: 0 !important;
536 .mw-warning {
537 border: 1px solid #aaa;
538 background-color: #f9f9f9;
539 padding: 5px;
540 font-size: 95%;
543 #toc,
544 .toc {
545 margin: 0 0 0 0;
546 padding: 0 0 0 0;
547 border-spacing: 0;
548 background-color: #f0f0f0;
549 border: solid 1px #bbbbbb;
552 #toc tr, #toc td {
553 margin: 0 0 0 0;
554 padding: 0 0 0 0;
557 #toctitle {
558 border-bottom: solid 1px #3c78b5;
559 background-color: #dddddd;
560 margin: 0 0 0 0;
563 #toc h2,
564 .toc h2 {
565 display: inline;
566 border: none;
567 padding: 0;
568 font-size: 100%;
569 font-weight: bold;
571 #toc #toctitle,
572 .toc #toctitle,
573 #toc .toctitle,
574 .toc .toctitle {
575 text-align: center;
578 #toc ul,
579 .toc ul {
580 list-style-type: none;
581 list-style-image: none;
582 margin: 0 1em 0 1em;
583 padding-left: 0;
584 text-align: left;
587 #toc ul ul,
588 .toc ul ul {
589 margin: 0 0 0 2em;
592 #toc .toctoggle,
593 .toc .toctoggle {
594 font-size: 94%;
597 .mw-warning {
598 margin-left: 50px;
599 margin-right: 50px;
600 text-align: center;
603 .catlinks {
604 border: solid 1px #bbbbbb;
605 background-color: #f0f0f0;
606 padding: 0.5em 0.5em 0.5em 0.5em;
607 margin: 0 0 0 0;
610 .catlinks {
611 margin: 0 0 0 0;
612 padding: 0 0 0 0;
615 #mw_header h1,
616 #p-personal,
617 #p-cactions {
618 overflow: hidden;
621 /* disable interwiki styling */
622 #mw_content a.extiw,
623 #mw_content a.extiw:active {
624 color: #36b;
625 background: none;
626 padding: 0;
628 #mw_content a.external {
629 color: #36b;
634 .redirectText {
635 font-size: 150%;
636 margin: 5px;
639 .printfooter {
640 display: none;
643 .not-patrolled {
644 background-color: #ffa;
646 div.patrollink {
647 font-size: 75%;
648 text-align: right;
650 span.newpage, span.minor, span.searchmatch, span.bot {
651 font-weight: bold;
653 span.unpatrolled {
654 font-weight: bold;
655 color: red;
658 span.searchmatch {
659 color: red;
661 .sharedUploadNotice {
662 font-style: italic;
665 span.updatedmarker {
666 color: black;
667 background-color: #0f0;
670 table.gallery {
671 border: 1px solid #ccc;
672 margin: 2px;
673 padding: 2px;
674 background-color: white;
677 table.gallery tr {
678 vertical-align: top;
681 table.gallery td {
682 vertical-align: top;
683 background-color: #f9f9f9;
684 border: solid 2px white;
686 /* Keep this temporarily so that cached pages will display right */
687 table.gallery td.galleryheader {
688 text-align: center;
689 font-weight: bold;
691 table.gallery caption {
692 font-weight: bold;
695 div.gallerybox {
696 margin: 2px;
699 div.gallerybox div.thumb {
700 text-align: center;
701 border: 1px solid #ccc;
702 margin: 2px;
705 div.gallerytext {
706 overflow: hidden;
707 font-size: 94%;
708 padding: 2px 4px;
711 span.comment {
712 font-style: italic;
715 span.changedby {
716 font-size: 95%;
719 .previewnote {
720 text-indent: 3em;
721 color: #c00;
722 border-bottom: 1px solid #aaa;
723 padding-bottom: 1em;
724 margin-bottom: 1em;
727 .previewnote p {
728 margin: 0;
729 padding: 0;
732 .editExternally {
733 border: 1px solid gray;
734 background-color: #ffffff;
735 padding: 3px;
736 margin-top: 0.5em;
737 float: left;
738 font-size: small;
739 text-align: center;
741 .editExternallyHelp {
742 font-style: italic;
743 color: gray;
746 .toggle {
747 margin-left: 2em;
748 text-indent: -2em;
751 /* Classes for EXIF data display */
752 table.mw_metadata {
753 font-size: 0.8em;
754 margin-left: 0.5em;
755 margin-bottom: 0.5em;
756 width: 300px;
759 table.mw_metadata caption {
760 font-weight: bold;
763 table.mw_metadata th {
764 font-weight: normal;
767 table.mw_metadata td {
768 padding: 0.1em;
771 table.mw_metadata {
772 border: none;
773 border-collapse: collapse;
776 table.mw_metadata td, table.mw_metadata th {
777 text-align: center;
778 border: 1px solid #aaaaaa;
779 padding-left: 0.1em;
780 padding-right: 0.1em;
783 table.mw_metadata th {
784 background-color: #f9f9f9;
787 table.mw_metadata td {
788 background-color: #fcfcfc;
791 table.collapsed tr.collapsable {
792 display: none;
796 /* filetoc */
797 ul#filetoc {
798 text-align: center;
799 border: 1px solid #aaaaaa;
800 background-color: #f9f9f9;
801 padding: 5px;
802 font-size: 95%;
803 margin-bottom: 0.5em;
804 margin-left: 0;
805 margin-right: 0;
808 #filetoc li {
809 display: inline;
810 list-style-type: none;
811 padding-right: 2em;
814 input#wpSummary {
815 width: 80%;
818 /* @bug 1714 */
819 input#wpSave, input#wpDiff {
820 margin-right: 0.33em;
823 #wpSave {
824 font-weight: bold;
827 /* Classes for article validation */
829 table.revisionform_default {
830 border: 1px solid #000000;
833 table.revisionform_focus {
834 border: 1px solid #000000;
835 background-color:#00BBFF;
838 tr.revision_tr_default {
839 background-color:#EEEEEE;
842 tr.revision_tr_first {
843 background-color:#DDDDDD;
846 p.revision_saved {
847 color: green;
848 font-weight:bold;
851 #mw_trackbacks {
852 border: solid 1px #bbbbff;
853 background-color: #eeeeff;
854 padding: 0.2em;
858 /* Allmessages table */
860 #allmessagestable th {
861 background-color: #b2b2ff;
864 #allmessagestable tr.orig {
865 background-color: #ffe2e2;
868 #allmessagestable tr.new {
869 background-color: #e2ffe2;
872 #allmessagestable tr.def {
873 background-color: #f0f0ff;
877 /* noarticletext */
878 div.noarticletext {
879 border: 1px solid #ccc;
880 background: #fff;
881 padding: .2em 1em;
882 color: #000;
885 div#searchTargetContainer {
886 left: 10px;
887 top: 10px;
888 width: 90%;
889 background: white;
892 div#searchTarget {
893 padding: 3px;
894 margin: 5px;
895 background: #F0F0F0;
896 border: solid 1px blue;
899 div#searchTarget ul li {
900 list-style: none;
903 div#searchTarget ul li:before {
904 color: orange;
905 content: "\00BB \0020";
908 div#searchTargetHide {
909 float:right;
910 border:solid 1px black;
911 background:gainsboro;
912 padding:2px;
915 div.multipageimagenavbox {
916 border: solid 1px silver;
917 padding: 4px;
918 margin: 1em;
919 background: #f0f0f0;
922 div.multipageimagenavbox div.thumb {
923 border: none;
924 margin-left: 2em;
925 margin-right: 2em;
928 div.multipageimagenavbox hr {
929 margin: 6px;
932 table.multipageimage td {
933 text-align: center;
936 /** Special:Version */
938 table#sv-ext, table#sv-hooks, table#sv-software {
939 margin: 1em;
940 padding:0em;
943 #sv-ext td, #sv-hooks td, #sv-software td,
944 #sv-ext th, #sv-hooks th, #sv-software th {
945 border: 1px solid #A0A0A0;
946 padding: 0 0.15em 0 0.15em;
948 #sv-ext th, #sv-hooks th, #sv-software th {
949 background-color: #F0F0F0;
950 color: black;
951 padding: 0 0.15em 0 0.15em;
953 tr.sv-space{
954 height: 0.8em;
955 border:none;
957 tr.sv-space td { display: none; }
960 Table pager (e.g. Special:Imagelist)
961 - remove underlines from the navigation link
962 - collapse borders
963 - set the borders to outsets (similar to Special:Allmessages)
964 - remove line wrapping for all td and th, set background color
965 - restore line wrapping for the last two table cells (description and size)
967 .TablePager_nav a { text-decoration: none; }
968 .TablePager { border-collapse: collapse; }
969 .TablePager, .TablePager td, .TablePager th {
970 border: 1px solid #aaaaaa;
971 padding: 0 0.15em 0 0.15em;
973 .TablePager th { background-color: #eeeeff }
974 .TablePager td { background-color: #ffffff }
975 .TablePager tr:hover td { background-color: #eeeeff }
977 .imagelist td, .imagelist th { white-space: nowrap }
978 .imagelist .TablePager_col_links { background-color: #eeeeff }
979 .imagelist .TablePager_col_img_description { white-space: normal }
980 .imagelist th.TablePager_sort { background-color: #ccccff }
982 .templatesUsed { margin-top: 1.5em; }
984 .mw-summary-preview {
985 margin: 0.1em 0;
988 /* Friendlier slave lag warnings */
989 div.mw-lag-warn-normal,
990 div.mw-lag-warn-high {
991 padding: 3px;
992 text-align: center;
993 margin: 3px auto;
995 div.mw-lag-warn-normal {
996 border: 1px solid #FFCC66;
997 background-color: #FFFFCC;
999 div.mw-lag-warn-high {
1000 font-weight: bold;
1001 border: 2px solid #FF0033;
1002 background-color: #FFCCCC;
1005 /* Recreating-deleted-page/reupload file warning and log entries */
1006 div#mw-upload-deleted-warn,
1007 div#mw-recreate-deleted-warn {
1008 padding: 3px;
1009 margin-bottom: 3px;
1010 border: 2px solid #2F6FAB;
1012 div#mw-upload-deleted-warn ul li,
1013 div#mw-recreate-deleted-warn ul li {
1014 font-size: 90%;
1016 .MediaTransformError {
1017 background-color: #ccc;
1018 padding: 0.1em;
1020 .MediaTransformError td {
1021 text-align: center;
1022 vertical-align: middle;
1023 font-size: 90%;
1025 ul {
1026 line-height: 1.5em;
1027 list-style-type: square;
1028 margin: .3em 0 0 1.5em;
1029 padding: 0;
1030 list-style-image: url(bullet.gif);
1032 ol {
1033 line-height: 1.5em;
1034 margin: .3em 0 0 3.2em;
1035 padding: 0;
1036 list-style-image: none;
1038 li {
1039 margin-bottom: .1em;
1041 dt {
1042 font-weight: bold;
1043 margin-bottom: .1em;
1045 dl {
1046 margin-top: .2em;
1047 margin-bottom: .5em;
1050 #p-cactions li.new a {
1051 color: #cc2200;
1054 span.subpages {
1055 font-size: 80%;
1056 display: block;
1059 pre {
1060 border: solid 1px #3c78b5;
1061 padding: 0.4em;
1062 background-color: #f0f0f0;
1065 .usermessage {
1066 background-color: #dadaff;
1069 .mw-topboxes {
1070 border-collapse: collapse;
1071 margin: 0 -1em 1em -1em;
1072 padding: 0 0 8px 0;
1073 background: url(footer-grad.png) repeat-x bottom left;
1076 .mw-topbox p {
1077 padding: 0 0 0 0;
1078 margin: 0 0 0 0;
1081 .mw-topbox {
1082 color: black;
1083 font-weight: bold;
1084 margin: 0 0 0 0;
1085 padding: 0 1em 0 1em;
1086 vertical-align: middle;
1087 border-collapse: collapse;
1088 border-bottom: solid 1px #bbbbbb;
1091 #siteSub {
1092 background-color: #dddddd;
1095 /* emulate center */
1096 .center {
1097 width:100%;
1098 text-align:center;
1100 *.center * {
1101 margin-left:auto;
1102 margin-right:auto;
1105 /* table standards */
1106 .toccolours {
1107 border:1px solid #bbbbbb;
1108 background-color:#f0f0f0;
1109 border-spacing:0pt;
1110 margin:0pt;
1111 padding:0pt;