Doc
[mediawiki.git] / skins / modern / main.css
blobe4c0ade87dd7286dba4dcd9218f4df4a7bf7e4c5
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 #contentSub {
281 color: #888;
282 font-size: small;
283 padding-left: 2em;
286 #mw_portlets form {
287 margin: 0 0 0 0;
288 padding: 0 0 0 0;
292 text-decoration: none;
293 color: #003366;
294 background: none;
296 a:visited {
297 color: #5a3696;
299 a:active {
300 color: #faa700;
302 a:hover {
303 text-decoration: underline;
305 a.stub {
306 color: #772233;
308 a.new {
309 color: #ba0000;
311 a.new:visited {
312 color: #a55858;
315 span.editsection {
316 font-size: small;
319 h1, h2 {
320 border-bottom: solid 1px #003366;
323 #preftoc {
324 width: 100%;
325 margin: 0 0 0 0;
326 padding: 0 0 0 0;
327 height: 1.5em;
328 clear: right;
331 #preftoc li {
332 margin: 0 0.5em 0 0.5em;
333 padding: 0 0.2em 0 0.2em;
334 display: block;
335 float: left;
336 height: 1.5em;
337 text-transform: lowercase;
340 #preferences {
341 margin: 0 0 0 0;
342 padding: 0em 1em 1em 1em;
343 border: solid 1px #bbbbbb;
344 clear: left; /* Multi-line toc should not push data to horizontally */
347 #preferences fieldset {
348 margin-top: 0;
349 border: none;
352 #preferences h2 {
355 .mainLegend {
356 display: none;
359 .prefsectiontip {
360 font-size: x-small;
361 padding: .2em 2em;
362 color: #666;
365 #preftoc li.selected {
366 background-color: #bbbbbb;
369 #preftoc li a,
370 #preftoc li a:hover,
371 #preftoc li a:visited {
372 text-decoration: underline;
373 color: #003366;
376 #preftoc li.selected a,
377 #preftoc li.selected a:hover,
378 #preftoc li.selected a:visited {
379 text-decoration: none;
380 color: white;
383 #mw_content a.external,
384 #mw_content a[href ^="gopher://"] {
385 background: url(external.png) center right no-repeat;
386 padding-right: 13px;
388 #mw_content a[href ^="https://"],
389 .link-https {
390 background: url(lock_icon.gif) center right no-repeat;
391 padding-right: 16px;
393 #mw_content a[href ^="mailto:"],
394 .link-mailto {
395 background: url(mail_icon.gif) center right no-repeat;
396 padding-right: 18px;
398 #mw_content a[href ^="news://"] {
399 background: url(news_icon.png) center right no-repeat;
400 padding-right: 18px;
402 #mw_content a[href ^="ftp://"],
403 .link-ftp {
404 background: url(file_icon.gif) center right no-repeat;
405 padding-right: 18px;
407 #mw_content a[href ^="irc://"],
408 .link-irc {
409 background: url(discussionitem_icon.gif) center right no-repeat;
410 padding-right: 18px;
413 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
414 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
415 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
416 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
417 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
418 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
419 .link-audio {
420 background: url("audio.png") center right no-repeat;
421 padding-right: 13px;
423 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
424 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
425 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
426 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
427 .link-video {
428 background: url("video.png") center right no-repeat;
429 padding-right: 13px;
431 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
432 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
433 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
434 .link-document {
435 background: url("document.png") center right no-repeat;
436 padding-right: 12px;
439 /* images */
440 div.floatright, table.floatright {
441 clear: right;
442 float: right;
443 position: relative;
444 margin: 0 0 .5em .5em;
445 border: 0;
447 border: .5em solid white;
448 border-width: .5em 0 .8em 1.4em;
451 div.floatright p { font-style: italic; }
452 div.floatleft, table.floatleft {
453 float: left;
454 clear: left;
455 position: relative;
456 margin: 0 .5em .5em 0;
457 border: 0;
459 margin: .3em .5em .5em 0;
460 border: .5em solid white;
461 border-width: .5em 1.4em .8em 0;
464 div.floatleft p { font-style: italic; }
465 /* thumbnails */
466 div.thumb {
467 margin-bottom: .5em;
468 border-style: solid;
469 border-color: white;
470 width: auto;
472 div.thumbinner {
473 border: 1px solid #ccc;
474 padding: 3px !important;
475 background-color: #f9f9f9;
476 font-size: 94%;
477 text-align: center;
478 overflow: hidden;
480 html .thumbimage {
481 border: 1px solid #ccc;
483 html .thumbcaption {
484 border: none;
485 text-align: left;
486 line-height: 1.4em;
487 padding: 3px !important;
488 font-size: 94%;
490 div.magnify {
491 float: right;
492 border: none !important;
493 background: none !important;
495 div.magnify a, div.magnify img {
496 display: block;
497 border: none !important;
498 background: none !important;
500 div.tright {
501 clear: right;
502 float: right;
503 border-width: .5em 0 .8em 1.4em;
505 div.tleft {
506 float: left;
507 clear: left;
508 margin-right: .5em;
509 border-width: .5em 1.4em .8em 0;
511 img.thumbborder {
512 border: 1px solid #dddddd;
514 .hiddenStructure {
515 display: none;
518 #mw_content .plainlinks a {
519 background: none !important;
520 padding: 0 !important;
523 .mw-warning {
524 border: 1px solid #aaa;
525 background-color: #f9f9f9;
526 padding: 5px;
527 font-size: 95%;
530 #toc,
531 .toc {
532 margin: 0 0 0 0;
533 padding: 0 0 0 0;
534 border-spacing: 0;
535 background-color: #f0f0f0;
536 border: solid 1px #bbbbbb;
539 #toc tr, #toc td {
540 margin: 0 0 0 0;
541 padding: 0 0 0 0;
544 #toctitle {
545 border-bottom: solid 1px #3c78b5;
546 background-color: #dddddd;
547 margin: 0 0 0 0;
550 #toc h2,
551 .toc h2 {
552 display: inline;
553 border: none;
554 padding: 0;
555 font-size: 100%;
556 font-weight: bold;
558 #toc #toctitle,
559 .toc #toctitle,
560 #toc .toctitle,
561 .toc .toctitle {
562 text-align: center;
565 #toc ul,
566 .toc ul {
567 list-style-type: none;
568 list-style-image: none;
569 margin: 0 1em 0 1em;
570 padding-left: 0;
571 text-align: left;
574 #toc ul ul,
575 .toc ul ul {
576 margin: 0 0 0 2em;
579 #toc .toctoggle,
580 .toc .toctoggle {
581 font-size: 94%;
584 .mw-warning {
585 margin-left: 50px;
586 margin-right: 50px;
587 text-align: center;
590 .catlinks {
591 border: solid 1px #bbbbbb;
592 background-color: #f0f0f0;
593 padding: 0.5em 0.5em 0.5em 0.5em;
594 margin: 0 0 0 0;
597 .catlinks {
598 margin: 0 0 0 0;
599 padding: 0 0 0 0;
602 #mw_header h1,
603 #p-personal,
604 #p-cactions {
605 overflow: hidden;
608 /* disable interwiki styling */
609 #mw_content a.extiw,
610 #mw_content a.extiw:active {
611 color: #36b;
612 background: none;
613 padding: 0;
615 #mw_content a.external {
616 color: #36b;
621 .redirectText {
622 font-size: 150%;
623 margin: 5px;
626 .printfooter {
627 display: none;
630 .not-patrolled {
631 background-color: #ffa;
633 div.patrollink {
634 font-size: 75%;
635 text-align: right;
637 span.newpage, span.minor, span.searchmatch, span.bot {
638 font-weight: bold;
640 span.unpatrolled {
641 font-weight: bold;
642 color: red;
645 span.searchmatch {
646 color: red;
648 .sharedUploadNotice {
649 font-style: italic;
652 span.updatedmarker {
653 color: black;
654 background-color: #0f0;
657 table.gallery {
658 border: 1px solid #ccc;
659 margin: 2px;
660 padding: 2px;
661 background-color: white;
664 table.gallery tr {
665 vertical-align: top;
668 table.gallery td {
669 vertical-align: top;
670 background-color: #f9f9f9;
671 border: solid 2px white;
673 /* Keep this temporarily so that cached pages will display right */
674 table.gallery td.galleryheader {
675 text-align: center;
676 font-weight: bold;
678 table.gallery caption {
679 font-weight: bold;
682 div.gallerybox {
683 margin: 2px;
686 div.gallerybox div.thumb {
687 text-align: center;
688 border: 1px solid #ccc;
689 margin: 2px;
692 div.gallerytext {
693 overflow: hidden;
694 font-size: 94%;
695 padding: 2px 4px;
698 span.comment {
699 font-style: italic;
702 span.changedby {
703 font-size: 95%;
706 .previewnote {
707 text-indent: 3em;
708 color: #c00;
709 border-bottom: 1px solid #aaa;
710 padding-bottom: 1em;
711 margin-bottom: 1em;
714 .previewnote p {
715 margin: 0;
716 padding: 0;
719 .editExternally {
720 border: 1px solid gray;
721 background-color: #ffffff;
722 padding: 3px;
723 margin-top: 0.5em;
724 float: left;
725 font-size: small;
726 text-align: center;
728 .editExternallyHelp {
729 font-style: italic;
730 color: gray;
733 .toggle {
734 margin-left: 2em;
735 text-indent: -2em;
738 /* Classes for EXIF data display */
739 table.mw_metadata {
740 font-size: 0.8em;
741 margin-left: 0.5em;
742 margin-bottom: 0.5em;
743 width: 300px;
746 table.mw_metadata caption {
747 font-weight: bold;
750 table.mw_metadata th {
751 font-weight: normal;
754 table.mw_metadata td {
755 padding: 0.1em;
758 table.mw_metadata {
759 border: none;
760 border-collapse: collapse;
763 table.mw_metadata td, table.mw_metadata th {
764 text-align: center;
765 border: 1px solid #aaaaaa;
766 padding-left: 0.1em;
767 padding-right: 0.1em;
770 table.mw_metadata th {
771 background-color: #f9f9f9;
774 table.mw_metadata td {
775 background-color: #fcfcfc;
778 table.collapsed tr.collapsable {
779 display: none;
783 /* filetoc */
784 ul#filetoc {
785 text-align: center;
786 border: 1px solid #aaaaaa;
787 background-color: #f9f9f9;
788 padding: 5px;
789 font-size: 95%;
790 margin-bottom: 0.5em;
791 margin-left: 0;
792 margin-right: 0;
795 #filetoc li {
796 display: inline;
797 list-style-type: none;
798 padding-right: 2em;
801 input#wpSummary {
802 width: 80%;
805 /* @bug 1714 */
806 input#wpSave, input#wpDiff {
807 margin-right: 0.33em;
810 #editform .editOptions {
811 display: inline;
814 #wpSave {
815 font-weight: bold;
818 /* Classes for article validation */
820 table.revisionform_default {
821 border: 1px solid #000000;
824 table.revisionform_focus {
825 border: 1px solid #000000;
826 background-color:#00BBFF;
829 tr.revision_tr_default {
830 background-color:#EEEEEE;
833 tr.revision_tr_first {
834 background-color:#DDDDDD;
837 p.revision_saved {
838 color: green;
839 font-weight:bold;
842 #mw_trackbacks {
843 border: solid 1px #bbbbff;
844 background-color: #eeeeff;
845 padding: 0.2em;
849 /* Allmessages table */
851 #allmessagestable th {
852 background-color: #b2b2ff;
855 #allmessagestable tr.orig {
856 background-color: #ffe2e2;
859 #allmessagestable tr.new {
860 background-color: #e2ffe2;
863 #allmessagestable tr.def {
864 background-color: #f0f0ff;
868 /* noarticletext */
869 div.noarticletext {
870 border: 1px solid #ccc;
871 background: #fff;
872 padding: .2em 1em;
873 color: #000;
876 div#searchTargetContainer {
877 left: 10px;
878 top: 10px;
879 width: 90%;
880 background: white;
883 div#searchTarget {
884 padding: 3px;
885 margin: 5px;
886 background: #F0F0F0;
887 border: solid 1px blue;
890 div#searchTarget ul li {
891 list-style: none;
894 div#searchTarget ul li:before {
895 color: orange;
896 content: "\00BB \0020";
899 div#searchTargetHide {
900 float:right;
901 border:solid 1px black;
902 background:gainsboro;
903 padding:2px;
906 div.multipageimagenavbox {
907 border: solid 1px silver;
908 padding: 4px;
909 margin: 1em;
910 -moz-border-radius: 6px;
911 background: #f0f0f0;
914 div.multipageimagenavbox div.thumb {
915 border: none;
916 margin-left: 2em;
917 margin-right: 2em;
920 div.multipageimagenavbox hr {
921 margin: 6px;
924 table.multipageimage td {
925 text-align: center;
928 /** Special:Version */
930 table#sv-ext, table#sv-hooks, table#sv-software {
931 margin: 1em;
932 padding:0em;
935 #sv-ext td, #sv-hooks td, #sv-software td,
936 #sv-ext th, #sv-hooks th, #sv-software th {
937 border: 1px solid #A0A0A0;
938 padding: 0 0.15em 0 0.15em;
940 #sv-ext th, #sv-hooks th, #sv-software th {
941 background-color: #F0F0F0;
942 color: black;
943 padding: 0 0.15em 0 0.15em;
945 tr.sv-space{
946 height: 0.8em;
947 border:none;
949 tr.sv-space td { display: none; }
952 Table pager (e.g. Special:Imagelist)
953 - remove underlines from the navigation link
954 - collapse borders
955 - set the borders to outsets (similar to Special:Allmessages)
956 - remove line wrapping for all td and th, set background color
957 - restore line wrapping for the last two table cells (description and size)
959 .TablePager_nav a { text-decoration: none; }
960 .TablePager { border-collapse: collapse; }
961 .TablePager, .TablePager td, .TablePager th {
962 border: 1px solid #aaaaaa;
963 padding: 0 0.15em 0 0.15em;
965 .TablePager th { background-color: #eeeeff }
966 .TablePager td { background-color: #ffffff }
967 .TablePager tr:hover td { background-color: #eeeeff }
969 .imagelist td, .imagelist th { white-space: nowrap }
970 .imagelist .TablePager_col_links { background-color: #eeeeff }
971 .imagelist .TablePager_col_img_description { white-space: normal }
972 .imagelist th.TablePager_sort { background-color: #ccccff }
974 .templatesUsed { margin-top: 1.5em; }
976 .mw-summary-preview {
977 margin: 0.1em 0;
980 /* Friendlier slave lag warnings */
981 div.mw-lag-warn-normal,
982 div.mw-lag-warn-high {
983 padding: 3px;
984 text-align: center;
985 margin: 3px auto;
987 div.mw-lag-warn-normal {
988 border: 1px solid #FFCC66;
989 background-color: #FFFFCC;
991 div.mw-lag-warn-high {
992 font-weight: bold;
993 border: 2px solid #FF0033;
994 background-color: #FFCCCC;
997 /* Recreating-deleted-page/reupload file warning and log entries */
998 div#mw-upload-deleted-warn,
999 div#mw-recreate-deleted-warn {
1000 padding: 3px;
1001 margin-bottom: 3px;
1002 border: 2px solid #2F6FAB;
1004 div#mw-upload-deleted-warn ul li,
1005 div#mw-recreate-deleted-warn ul li {
1006 font-size: 90%;
1008 .MediaTransformError {
1009 background-color: #ccc;
1010 padding: 0.1em;
1012 .MediaTransformError td {
1013 text-align: center;
1014 vertical-align: middle;
1015 font-size: 90%;
1017 ul {
1018 line-height: 1.5em;
1019 list-style-type: square;
1020 margin: .3em 0 0 1.5em;
1021 padding: 0;
1022 list-style-image: url(bullet.gif);
1024 ol {
1025 line-height: 1.5em;
1026 margin: .3em 0 0 3.2em;
1027 padding: 0;
1028 list-style-image: none;
1030 li {
1031 margin-bottom: .1em;
1033 dt {
1034 font-weight: bold;
1035 margin-bottom: .1em;
1037 dl {
1038 margin-top: .2em;
1039 margin-bottom: .5em;
1042 #p-cactions li.new a {
1043 color: #cc2200;
1046 span.subpages {
1047 font-size: 80%;
1048 display: block;
1051 pre {
1052 border: solid 1px #3c78b5;
1053 padding: 0.4em;
1054 background-color: #f0f0f0;
1057 .usermessage {
1058 background-color: #dadaff;
1061 .mw-topboxes {
1062 border-collapse: collapse;
1063 margin: 0 -1em 1em -1em;
1064 padding: 0 0 8px 0;
1065 background: url(footer-grad.png) repeat-x bottom left;
1068 .mw-topbox p {
1069 padding: 0 0 0 0;
1070 margin: 0 0 0 0;
1073 .mw-topbox {
1074 color: black;
1075 font-weight: bold;
1076 margin: 0 0 0 0;
1077 padding: 0 1em 0 1em;
1078 vertical-align: middle;
1079 border-collapse: collapse;
1080 border-bottom: solid 1px #bbbbbb;
1083 #siteSub {
1084 background-color: #dddddd;
1087 /* emulate center */
1088 .center {
1089 width:100%;
1090 text-align:center;
1092 *.center * {
1093 margin-left:auto;
1094 margin-right:auto;
1097 /* table standards */
1098 .toccolours {
1099 border:1px solid #bbbbbb;
1100 background-color:#f0f0f0;
1101 border-spacing:0pt;
1102 margin:0pt;
1103 padding:0pt;