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)
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 :)
15 margin: 0 0 .6em -12.2em;
19 margin: 2.8em 0 0 12.2em;
20 padding: 0 1em 1.5em 1em;
23 border: 1px solid #aaa;
32 /* the left column width is specified in class .portlet */
35 ** We take advantage of keyword scaling- browsers won't go below 9px
36 ** More at http://www.w3.org/2003/07/30-font-size
37 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
48 /* scale back up to a sane default */
67 text-decoration: none;
78 text-decoration: underline;
83 a.new, #p-personal a.new {
86 a.new:visited, #p-personal a.new:visited {
92 vertical-align: middle;
95 margin: .4em 0 .5em 0;
105 background-color: #aaa;
107 margin: .2em 0 .2em 0;
110 h1, h2, h3, h4, h5, h6 {
116 padding-bottom: .17em;
117 border-bottom: 1px solid #aaa;
119 h1 { font-size: 188%; }
120 h2 { font-size: 150%; }
125 h3 { font-size: 132%; }
126 h4 { font-size: 116%; }
127 h5 { font-size: 100%; }
128 h6 { font-size: 80%; }
132 list-style-type: square;
133 margin: .3em 0 0 1.5em;
135 list-style-image: url(bullet.gif);
139 margin: .3em 0 0 3.2em;
141 list-style-image: none;
161 border: 1px solid #2f6fab;
181 input.historysubmit {
182 padding: 0 .3em .3em .3em !important;
185 height: 1.7em !important;
191 abbr, acronym, .explain {
192 border-bottom: 1px dotted black;
198 font-family: Times, "Times New Roman", serif;
203 font-family: Times, "Times New Roman", serif;
207 background-color: #f9f9f9;
211 border: 1px dashed #2f6fab;
213 background-color: #f9f9f9;
218 ** the main content area
229 #contentSub, #contentSub2 {
232 margin: 0 0 1.4em 1em;
240 /* Some space under the headers in the content area */
241 #bodyContent h1, #bodyContent h2 {
244 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
251 /* user notification thing */
253 background-color: #ffce7b;
254 border: 1px solid #ffa500;
259 vertical-align: middle;
274 .errorbox, .successbox {
284 background-color: #fff2f2;
288 background-color: #dfd;
290 .errorbox h2, .successbox h2 {
299 border: 1px solid #aaa;
300 background-color: #f9f9f9;
305 /* currently unused, intended to be used by a metadata box
306 in the bottom-right corner of the content area */
307 .documentDescription {
308 /* The summary text describing the document */
331 /* small for tables and similar */
346 border: 1px solid #aaa;
347 background-color: #f9f9f9;
367 list-style-type: none;
368 list-style-image: none;
389 div.floatright, table.floatright {
393 margin: 0 0 .5em .5em;
396 border: .5em solid white;
397 border-width: .5em 0 .8em 1.4em;
400 div.floatright p { font-style: italic; }
401 div.floatleft, table.floatleft {
404 margin: 0 .5em .5em 0;
407 margin: .3em .5em .5em 0;
408 border: .5em solid white;
409 border-width: .5em 1.4em .8em 0;
412 div.floatleft p { font-style: italic; }
421 border: 1px solid #ccc;
422 padding: 3px !important;
423 background-color: #f9f9f9;
428 div.thumb div a img {
429 border: 1px solid #ccc;
431 div.thumb div div.thumbcaption {
435 padding: .3em 0 .1em 0;
439 border: none !important;
440 background: none !important;
442 div.magnify a, div.magnify img {
444 border: none !important;
445 background: none !important;
450 border-width: .5em 0 .8em 1.4em;
455 border-width: .5em 1.4em .8em 0;
463 vertical-align: middle;
470 ** classes for special content elements like town boxes
471 ** intended to be referenced directly from the wiki src
477 /* table standards */
486 border: 1px solid #aaa;
487 background-color: #f9f9f9;
496 border: 1px solid gray;
512 margin: .1em 0 0 1.1em;
513 background-color: #f3f3f3;
525 /* Page history styling */
526 /* the auto-generated edit comments */
530 #pagehistory span.user {
534 #pagehistory span.minor {
538 border: 1px solid white;
540 #pagehistory li.selected {
541 background-color: #f9f9f9;
542 border: 1px dashed #aaa;
548 table.diff, td.diff-otitle, td.diff-ntitle {
549 background-color: white;
555 td.diff-deletedline {
569 ** keep the whitespace in front of the ^=, hides rule from konqueror
570 ** this is css3, the validator doesn't like it when validating as css2
572 #bodyContent a.external,
573 #bodyContent a[href ^="gopher://"] {
574 background: url(external.png) center right no-repeat;
577 #bodyContent a[href ^="https://"],
579 background: url(lock_icon.gif) center right no-repeat;
582 #bodyContent a[href ^="mailto:"],
584 background: url(mail_icon.gif) center right no-repeat;
587 #bodyContent a[href ^="news://"] {
588 background: url(news_icon.png) center right no-repeat;
591 #bodyContent a[href ^="ftp://"],
593 background: url(file_icon.gif) center right no-repeat;
596 #bodyContent a[href ^="irc://"],
598 background: url(discussionitem_icon.gif) center right no-repeat;
601 /* disable interwiki styling */
602 #bodyContent a.extiw,
603 #bodyContent a.extiw:active {
608 #bodyContent a.external {
611 /* this can be used in the content area to switch off
612 special external link styling */
613 #bodyContent .plainlinks a {
614 background: none !important;
615 padding: 0 !important;
618 ** Structural Elements
622 ** general portlet styles (elements in the quickbar)
638 background: transparent;
639 padding: 0 1em 0 .5em;
642 text-transform: lowercase;
649 border: 1px solid #2f6fab;
650 border-style: solid solid none solid;
651 padding: 0 1em 0 1em;
652 text-transform: lowercase;
661 background-color: white;
663 border-collapse: collapse;
664 border: 1px solid #aaa;
665 padding: 0 .8em .3em .5em;
676 list-style-type: square;
677 list-style-image: url(bullet.gif);
691 position: absolute; /*needed to use z-index */
706 background-repeat: no-repeat;
707 background-position: 35% 50% !important;
708 text-decoration: none;
712 ** the navigation portlet
720 #p-navigation .pBody {
728 #p-navigation li.active a, #p-navigation li.active a:hover {
729 text-decoration: none;
757 padding: .5em .4em .4em .4em;
762 ** the personal toolbar
783 #p-personal .portlet,
792 /* this is the ul contained in the portlet */
797 padding: 0 2em 0 3em;
800 text-transform: lowercase;
816 #p-personal li.active {
820 text-decoration: none;
822 padding-bottom: .2em;
825 #p-personal li a:hover {
826 background-color: white;
827 padding-bottom: .2em;
828 text-decoration: none;
830 #p-personal li.active a:hover {
831 background-color: transparent;
833 /* the icon in front of the user name, single quotes
834 in bg url to hide it from iemac */
838 background: url(user.gif) top left no-repeat;
840 text-transform: none;
844 ** the page-related actions- page/talk, edit etc
856 border-collapse: collapse;
861 #p-cactions .hiddenStructure {
869 border: 1px solid #aaa;
876 #p-cactions li.selected {
877 border-color: #fabd23;
882 background-color: #fbfbfb;
885 padding: 0 .8em .3em;
886 text-decoration: none;
887 text-transform: lowercase;
892 #p-cactions li.selected a {
894 background-color: #fff;
895 padding: 0 1em .2em!important;
900 #p-cactions li a:hover {
902 text-decoration: none;
903 background-color: #fff;
908 #p-cactions li.istalk {
911 #p-cactions li.istalk a {
914 #p-cactions #ca-addsection a {
918 /* offsets to distinguish the tab groups */
922 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
927 ** the remaining portlets
935 /* TODO: #t-iscite is only used by the Cite extension, come up with some
936 * system which allows extensions to add to this file on the fly
938 #t-ispermalink, #t-iscite {
945 background-color: white;
946 border-top: 1px solid #fabd23;
947 border-bottom: 1px solid #fabd23;
948 margin: .6em 0 1em 0;
949 padding: .4em 0 1.2em 0;
957 /* hide from incapable browsers */
958 head:first-child+body #footer li { white-space: nowrap; }
959 #f-poweredbyico, #f-copyrightico {
962 top: -2px; /* Bump it up just a tad */
981 margin: 1px -2px 1px 2px;
983 padding: 2px 0 3px 0;
984 background-color: #f0f0f0;
986 border: 1px solid #fff;
987 border-right-color: #716f64;
991 list-style-type: none;
992 list-style-image: none;
995 #preftoc li.selected {
997 background-color: #f9f9f9;
998 border: 1px solid #aaa;
1005 #preftoc > li.selected {
1014 text-decoration: none;
1016 #preftoc li.selected a {
1018 text-decoration: none;
1026 border: 1px solid #aaa;
1029 background-color: #F9F9F9;
1036 .prefsection fieldset {
1037 border: 1px solid #aaa;
1041 .prefsection legend {
1044 .prefsection table, .prefsection legend {
1045 background-color: #F9F9F9;
1050 div.prefsectiontip {
1053 background-color: #FFC1C1;
1060 padding-right: .3em;
1063 .preferences-login {
1065 margin-bottom: 1.5em;
1073 div#userloginForm form,
1074 div#userlogin form#userlogin2 {
1075 margin: 0 3em 1em 0;
1076 border: 1px solid #aaa;
1079 background-color: #f9f9f9;
1083 div#userloginForm table,
1084 div#userlogin form#userlogin2 table {
1085 background-color: #f9f9f9;
1088 div#userloginForm h2,
1089 div#userlogin form#userlogin2 h2 {
1093 div#userlogin .captcha {
1094 border: 1px solid #bbb;
1097 background-color: white;
1101 #userloginprompt, #languagelinks {
1111 #userlogin .loginText, #userlogin .loginPassword {
1115 #userloginlink a, #wpLoginattempt, #wpCreateaccount {
1120 ** IE/Mac fixes, hope to find a validating way to move this
1121 ** to a separate stylesheet. This would work but doesn't validate:
1122 ** @import("IEMacFixes.css");
1124 /* tabs: border on the a, not the div */
1125 * > html #p-cactions li { border: none; }
1126 * > html #p-cactions li a {
1127 border: 1px solid #aaa;
1128 border-bottom: none;
1130 * > html #p-cactions li.selected a { border-color: #fabd23; }
1131 /* footer icons need a fixed width */
1132 * > html #f-poweredbyico,
1133 * > html #f-copyrightico { width: 88px; }
1134 * > html #bodyContent,
1135 * > html #bodyContent pre {
1138 padding-bottom: 25px;
1142 /* float/negative margin brokenness */
1143 * html #footer {margin-top: 0;}
1144 * html #column-content {
1148 * html div.editsection { font-size: smaller; }
1149 #pagehistory li.selected { position: relative; }
1151 /* Mac IE 5.0 fix; floated content turns invisible */
1152 * > html #column-content {
1155 * > html #column-one {
1161 margin-left: 13.2em;
1173 background-color: #ffa;
1179 span.newpage, span.minor, span.searchmatch, span.bot {
1190 .sharedUploadNotice {
1194 span.updatedmarker {
1196 background-color: #0f0;
1198 span.newpageletter {
1201 background-color: yellow;
1203 span.minoreditletter {
1205 background-color: #c5ffe6;
1209 border: 1px solid #ccc;
1212 background-color: white;
1216 vertical-align: top;
1220 vertical-align: top;
1221 background-color: #f9f9f9;
1222 border: solid 2px white;
1225 table.gallery td.galleryheader {
1235 div.gallerybox div.thumb {
1237 border: 1px solid #ccc;
1257 border-bottom: 1px solid #aaa;
1258 padding-bottom: 1em;
1268 border: 1px solid gray;
1269 background-color: #ffffff;
1276 .editExternallyHelp {
1281 li span.deleted, span.history-deleted {
1282 text-decoration: line-through;
1292 /* Classes for EXIF data display */
1296 margin-bottom: 0.5em;
1300 table.mw_metadata caption {
1304 table.mw_metadata th {
1305 font-weight: normal;
1308 table.mw_metadata td {
1314 border-collapse: collapse;
1317 table.mw_metadata td, table.mw_metadata th {
1319 border: 1px solid #aaaaaa;
1320 padding-left: 0.1em;
1321 padding-right: 0.1em;
1324 table.mw_metadata th {
1325 background-color: #f9f9f9;
1328 table.mw_metadata td {
1329 background-color: #fcfcfc;
1332 table.collapsed tr.collapsable {
1340 border: 1px solid #aaaaaa;
1341 background-color: #f9f9f9;
1344 margin-bottom: 0.5em;
1351 list-style-type: none;
1356 input#wpSave, input#wpDiff {
1357 margin-right: 0.33em;
1360 #editform .editOptions {
1368 /* Classes for article validation */
1370 table.revisionform_default {
1371 border: 1px solid #000000;
1374 table.revisionform_focus {
1375 border: 1px solid #000000;
1376 background-color:#00BBFF;
1379 tr.revision_tr_default {
1380 background-color:#EEEEEE;
1383 tr.revision_tr_first {
1384 background-color:#DDDDDD;
1393 border: solid 1px #bbbbff;
1394 background-color: #eeeeff;
1399 /* Allmessages table */
1401 #allmessagestable th {
1402 background-color: #b2b2ff;
1405 #allmessagestable tr.orig {
1406 background-color: #ffe2e2;
1409 #allmessagestable tr.new {
1410 background-color: #e2ffe2;
1413 #allmessagestable tr.def {
1414 background-color: #f0f0ff;
1420 border: 1px solid #ccc;
1426 div#searchTargetContainer {
1436 background: #F0F0F0;
1437 border: solid 1px blue;
1440 div#searchTarget ul li {
1444 div#searchTarget ul li:before {
1446 content: "\00BB \0020";