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 :)
10 ** Added phpwiki integration: Reini Urban, based on the phpwiki.css
17 margin: 0 0 .6em -12.2em;
24 margin: 2.8em 0 0 12.2em;
25 padding: 0 1em 1.5em 1em;
28 border: 1px solid #aaa;
39 /* the left column width is specified in class .portlet */
42 ** We take advantage of keyword scaling- browsers won't go below 9px
43 ** More at http://www.w3.org/2003/07/30-font-size
44 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
48 font: small sans-serif;
49 background: #f9f9f9 url("images/headbg.jpg") 0 0 no-repeat;
55 /* scale back up to a sane default */
73 text-decoration: none;
84 text-decoration: underline;
89 a.new, #p-personal a.new {
92 a.new:visited, #p-personal a.new:visited {
98 vertical-align: middle;
101 margin: .4em 0 .5em 0;
111 background-color: #aaa;
113 margin: .2em 0 .2em 0;
116 h1, h2, h3, h4, h5, h6 {
120 font-family: Tahoma, sans-serif;
123 padding-bottom: 0.17em;
124 border-bottom: 1px solid #aaa;
126 h1 { font-size: 188%; }
127 h2 { font-size: 150%; }
128 h3 { font-size: 132%; }
129 h4 { font-size: 116%; }
130 h5 { font-size: 100%; }
131 h6 { font-size: 80%; }
138 list-style-type: square;
139 margin: 0.3em 0 0 1.5em;
141 list-style-image: url("images/bullet.png");
145 margin: 0.3em 0 0 3.2em;
147 list-style-image: none;
149 li { margin-bottom: 0.1em; }
165 border: 1px solid #2f6fab;
167 padding: 0 1em 1em 1em;
171 /*background: white;*/
185 input.historysubmit {
186 padding: 0 0.3em 0.3em 0.3em !important;
189 height: 1.7em !important;
195 abbr, acronym, .explain {
196 border-bottom: 1px dotted black;
202 font-family: Times, "Times New Roman", serif;
207 font-family: Times, "Times New Roman", serif;
211 background-color: #f9f9f9;
215 border: 1px dashed #2f6fab;
217 background-color: #f9f9f9;
222 ** the main content area
225 #siteSub { display: none; }
232 margin: 0 0 1.4em 1em;
236 span.subpages { display: block; }
238 /* Some space under the headers in the content area */
239 #bodyContent h1, #bodyContent h2 {
242 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
245 .firstHeading { margin-bottom:0.1em; }
247 /* user notification thing */
249 background-color: #ffce7b;
250 border: 1px solid #ffa500;
255 vertical-align: middle;
270 .errorbox, .successbox {
280 background-color: #fff2f2;
284 background-color: #dfd;
286 .errorbox h2, .successbox h2 {
295 border: 1px solid #aaa;
296 background-color: #f9f9f9;
301 /* currently unused, intended to be used by a metadata box
302 in the bottom-right corner of the content area */
303 .documentDescription {
304 /* The summary text describing the document */
327 /* small for tables and similar */
341 border: 1px solid #aaa;
342 background-color: #f9f9f9;
369 list-style-type: none;
370 list-style-image: none;
381 list-style-type: square;
382 list-style-image: url("images/bullet.png");
397 border: 1px solid #aaa;
398 background-color: #f9f9f9;
409 div.floatright, table.floatright {
413 margin: 0 0 .5em .5em;
416 border: .5em solid white;
417 border-width: .5em 0 .8em 1.4em;
420 div.floatright p { font-style: italic; }
421 div.floatleft, table.floatleft {
424 margin: 0 .5em .5em 0;
427 margin: .3em .5em .5em 0;
428 border: .5em solid white;
429 border-width: .5em 1.4em .8em 0;
432 div.floatleft p { font-style: italic; }
441 border: 1px solid #ccc;
442 padding: 3px !important;
443 background-color: #f9f9f9;
448 div.thumb div a img {
449 border: 1px solid #ccc;
451 div.thumb div div.thumbcaption {
455 padding: .3em 0 .1em 0;
459 border: none !important;
460 background: none !important;
462 div.magnify a, div.magnify img {
464 border: none !important;
465 background: none !important;
470 border-width: .5em 0 .8em 1.4em;
475 border-width: .5em 1.4em .8em 0;
483 vertical-align: middle;
490 ** classes for special content elements like town boxes
491 ** intended to be referenced directly from the wiki src
497 /* table standards */
506 border: 1px solid #aaa;
507 background-color: #f9f9f9;
516 border: 1px solid gray;
532 margin: .1em 0 0 1.1em;
533 background-color: #f3f3f3;
548 .pageinfo-majoredit {
549 font-weight: normal; /*bold;*/
556 /* Page history styling */
557 /* the auto-generated edit comments */
561 #pagehistory span.user {
565 #pagehistory span.minor {
569 border: 1px solid white;
571 #pagehistory li.selected {
572 background-color: #f9f9f9;
573 border: 1px dashed #aaa;
577 ** Diff rendering (unused)
579 table.diff, td.diff-otitle, td.diff-ntitle {
580 background-color: white;
586 td.diff-deletedline {
605 margin-bottom: 0.5ex;
607 /* Netscape 4 requires this 1px border.
608 Without it, the paper borders below cause
609 the white background to disappear. */
610 border: 1px #ccc solid;
612 border-top: 1px solid #494f5d;
613 border-left: 1px solid #494f5d;
614 border-bottom: 1px solid #c6d2de;
615 border-right: 1px solid #c6d2de;
618 padding-left: .125em;
619 padding-right: .125em;
621 /* "paper" borders */
622 /*border-top: 2px #d2d2d2 solid;
623 border-left: 2px #b2b2b2 solid;
624 border-bottom: 2px #e8e6df solid;
625 border-right: 2px #e8e6df solid;*/
626 /* border-style: inset;*/
627 /*This breaks Netscape 4: (display does not go full width).
630 /* I'm not sure what the intent of this was, but it's
632 /* display: editarea; */
642 /* individual blocks */
648 /* entire difftextblock */
653 /* Netscape 4 requires this 1px border.
654 Without it, the paper borders below cause
655 the white background to disappear. */
656 border: 1px black solid;
657 /* "paper" borders */
658 border-top: 1px #e8e6df solid;
659 border-left: 1px #e8e6df solid;
660 border-bottom: 1px #d2d2d2 solid;
661 border-right: 1px #b2b2b2 solid;
666 /*This breaks Netscape 4: (display does not go full width).
671 /* + - line prefix */
674 font-family: monospace;
681 .diff del, .diff ins {
683 text-decoration: none;
686 /* blocks containing deleted or added words */
687 .diff .original, .diff .deleted,
688 .diff .final, .diff .added {
691 /* blocks containing deleted words */
692 .diff .original, .diff .deleted {
697 /* blocks containing added words */
698 .diff .final, .diff .added {
704 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
706 .diff del { background: #f99; }
708 .diff ins { background: #9f9; }
713 td.pageinfo { font-weight: bold; }
714 .pageinfo-minoredit, .pageinfo-authorid {
723 border: 1px outset gray;
737 /* Month-name header */
738 table.cal-header { font-size: larger; }
739 table.cal-header tr, table.cal-header td { text-align: center; }
742 text-decoration: none;
745 /* Day-names header */
746 table.cal tbody tr .cal-dayname { }
750 text-decoration: underline;
753 /* Individual days */
754 a.cal-hide { text-decoration: none; }
758 table.cal td.cal-today {
760 border: 1px solid gray;
763 table.cal td.cal-today a.cal-hide { }
766 ** keep the whitespace in front of the ^=, hides rule from konqueror
767 ** this is css3, the validator doesn't like it when validating as css2
769 #bodyContent a.external,
770 #bodyContent a[href ^="gopher://"] {
771 background: url("images/url.png") center right no-repeat;
774 #bodyContent a[href ^="https://"],
776 background: url("images/lock_icon.png") center right no-repeat;
779 #bodyContent a[href ^="mailto:"],
781 background: url("images/mail_icon.png") center right no-repeat;
784 #bodyContent a[href ^="news://"] {
785 background: url("images/news_icon.png") center right no-repeat;
788 #bodyContent a[href ^="ftp://"],
790 background: url("images/file_icon.png") center right no-repeat;
793 #bodyContent a[href ^="irc://"],
795 background: url("images/discussionitem_icon.png") center right no-repeat;
798 /* disable interwiki styling */
799 #bodyContent a.extiw,
800 #bodyContent a.extiw:active {
805 #bodyContent a.external {
808 /* this can be used in the content area to switch off
809 special external link styling */
810 #bodyContent .plainlinks a {
811 background: none !important;
812 padding: 0 !important;
815 ** Structural Elements
819 ** general portlet styles (elements in the quickbar)
835 background: transparent;
836 padding: 0em 1em 0em 0.5em;
837 text-transform: lowercase;
846 border: 1px solid #2f6fab;
847 border-style: solid solid none solid;
848 padding: 0em 1em 0em 1em;
849 text-transform: lowercase;
858 background-color: white;
860 border-collapse: collapse;
861 border: 1px solid #aaa;
862 padding: 0 .8em .3em .5em;
873 list-style-type: square;
874 list-style-image: url("images/bullet.png");
885 * Optionally at the right also an image
889 position: absolute; /*needed to use z-index */
905 background-repeat: no-repeat;
906 background-position: 35% 50% !important;
907 text-decoration: none;
909 /* At the right we put a small "wiki star" */
917 background: url("images/wiki_stamp.png") left no-repeat;
918 background-repeat: no-repeat;
923 ** the navigation portlet
930 #p-navigation .pBody {
938 #p-navigation li.active a, #p-navigation li.active a:hover {
939 text-decoration: none;
954 padding: 0 0.4em !important;
957 background-color: White;
958 border: 1px solid #2f6fab;
966 #livesearch, #p-search input.dropdown {
973 padding: .5em .4em .4em .4em;
978 ** the personal toolbar
999 #p-personal .portlet,
1000 #p-personal .pBody {
1008 /* this is the ul contained in the portlet */
1014 padding: 0em 2em 0 3em;
1017 /*text-transform: lowercase;*/
1032 #p-personal li.active {
1036 text-decoration: none;
1038 padding-bottom: 0.2em;
1041 #p-personal li a:hover {
1042 background-color: white;
1043 padding-bottom: .2em;
1044 text-decoration: none;
1046 #p-personal li.active a:hover {
1047 background-color: transparent;
1049 /* the icon in front of the user name, single quotes
1050 in bg url to hide it from iemac */
1054 /*background: url('images/wikiuser.png') top left bottom no-repeat;*/
1055 background: url('images/wikiuser.png') left no-repeat;
1056 background-repeat: no-repeat;
1058 text-transform: none;
1060 #p-personal a.new { color:#ba0000; }
1063 ** the page-related actions- page/talk, edit etc
1067 /*z-index: 1;*/ /* important! */
1071 white-space: nowrap;
1076 border-collapse: collapse;
1081 #p-cactions .hiddenStructure {
1089 border: 1px solid #aaa;
1090 border-bottom: none;
1091 padding: 0 0 .1em 0;
1096 #p-cactions li.selected {
1097 border-color: #fabd23;
1098 padding: 0 0 0.2em 0 !important;
1103 background-color: #fbfbfb;
1106 padding: 0 .8em .3em;
1107 text-decoration: none;
1108 /*text-transform: lowercase;*/
1111 #p-cactions li.selected a {
1113 background-color: #fff;
1114 padding: 0 1em 0.2em;
1116 #p-cactions .new a {
1119 #p-cactions li a:hover {
1121 text-decoration: none;
1122 background-color: #dedede;
1124 /* http://www.aboutus.org/UniversalWikiEditButton */
1125 #p-cactions li a#btn-edit {
1126 background: url('images/Edit-chalk-10gs.png') top left no-repeat;
1127 background-repeat: no-repeat;
1128 padding-left: 20px !important;
1129 text-transform: none;
1131 #p-cactions li a#btn-edit:hover {
1133 text-decoration: none;
1134 background-color: #fff;
1135 /*padding-bottom: 0.3em !important;*/
1140 #p-cactions li.istalk {
1143 #p-cactions li.istalk a {
1144 padding-right: .5em;
1146 #p-cactions #ca-addsection a {
1148 padding-right: .4em;
1150 /* offsets to distinguish the tab groups */
1152 margin-right: 1.6em;
1154 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1159 ** the remaining portlets
1171 background-color: white;
1172 border-top: 1px solid #fabd23;
1173 border-bottom: 1px solid #fabd23;
1174 margin: .6em 0 1em 0;
1175 border-left: 1px solid #fabd23;
1176 margin-left: 13.6em;
1177 padding: .4em 0 1.2em 0;
1185 /* hide from incapable browsers */
1186 head:first-child+body #footer li { white-space: nowrap; }
1187 #f-poweredbyico, #f-copyrightico {
1189 /*vertical-align: middle;*/
1192 top: -31px; /* Bump it up just a tad */
1204 margin: 1em 1em 1em 1em;
1207 #preftoc li { border: 1px solid White; }
1208 #preftoc li.selected {
1209 background-color:#f9f9f9;
1210 border:1px dashed #aaaaaa;
1222 div.prefsectiontip {
1226 fieldset.operaprefsection { margin-left: 15em }
1229 ** IE/Mac fixes, hope to find a validating way to move this
1230 ** to a separate stylesheet. This would work but doesn't validate:
1231 ** @import("IEMacFixes.css");
1234 /* tabs: border on the a, not the div */
1235 * > html #p-cactions li { border:none; }
1236 * > html #p-cactions li a {
1237 border: 1px solid #aaa;
1238 border-bottom: none;
1240 * > html #p-cactions li.selected a { border-color: #fabd23; }
1241 /* footer icons need a fixed width */
1242 * > html #f-poweredbyico,
1243 * > html #f-copyrightico { width: 88px; }
1244 * > html #bodyContent,
1245 * > html #bodyContent pre {
1248 padding-bottom: 25px;
1252 /* float/negative margin brokenness */
1253 * html #footer {margin-top: 0;}
1254 * html #column-content {
1258 * html div.editsection { font-size: smaller; }
1259 #pagehistory li.selected { position: relative; }
1261 /* Mac IE 5.0 fix; floated content turns invisible */
1262 * > html #column-content {
1265 * > html #column-one {
1271 margin-left: 13.2em;
1283 background-color: #ffa;
1289 span.newpage, span.minor, span.searchmatch, span.bot {
1300 .sharedUploadNotice {
1304 span.updatedmarker {
1306 background-color: #0f0;
1308 span.newpageletter {
1311 background-color: yellow;
1313 span.minoreditletter {
1315 background-color: #c5ffe6;
1319 border: 1px solid #ccc;
1322 background-color: white;
1326 vertical-align: top;
1330 vertical-align: top;
1331 background-color: #f9f9f9;
1332 border: solid 2px white;
1335 table.gallery td.galleryheader {
1345 div.gallerybox div.thumb {
1347 border: 1px solid #ccc;
1367 border-bottom: 1px solid #aaa;
1368 padding-bottom: 1em;
1378 border: 1px solid gray;
1379 background-color: #ffffff;
1386 .editExternallyHelp {
1391 li span.deleted, span.history-deleted {
1392 text-decoration: line-through;
1402 /* Classes for EXIF data display */
1406 margin-bottom: 0.5em;
1410 table.mw_metadata caption {
1414 table.mw_metadata th {
1415 font-weight: normal;
1418 table.mw_metadata td {
1424 border-collapse: collapse;
1427 table.mw_metadata td, table.mw_metadata th {
1429 border: 1px solid #aaaaaa;
1430 padding-left: 0.1em;
1431 padding-right: 0.1em;
1434 table.mw_metadata th {
1435 background-color: #f9f9f9;
1438 table.mw_metadata td {
1439 background-color: #fcfcfc;
1442 table.collapsed tr.collapsable {
1450 border: 1px solid #aaaaaa;
1451 background-color: #f9f9f9;
1454 margin-bottom: 0.5em;
1461 list-style-type: none;
1466 input#wpSave, input#wpDiff {
1467 margin-right: 0.33em;
1470 #editform .editOptions {
1478 /* Classes for article validation */
1480 table.revisionform_default {
1481 border: 1px solid #000000;
1484 table.revisionform_focus {
1485 border: 1px solid #000000;
1486 background-color:#00BBFF;
1489 tr.revision_tr_default {
1490 background-color:#EEEEEE;
1493 tr.revision_tr_first {
1494 background-color:#DDDDDD;
1503 border: solid 1px #bbbbff;
1504 background-color: #eeeeff;
1509 /* Allmessages table */
1511 #allmessagestable th {
1512 background-color: #b2b2ff;
1515 #allmessagestable tr.orig {
1516 background-color: #ffe2e2;
1519 #allmessagestable tr.new {
1520 background-color: #e2ffe2;
1523 #allmessagestable tr.def {
1524 background-color: #f0f0ff;
1530 border: 1px solid #ccc;
1536 div#searchTargetContainer {
1546 background: #F0F0F0;
1547 border: solid 1px blue;
1550 div#searchTarget ul li {
1554 div#searchTarget ul li:before {
1556 content: "\00BB \0020";
1559 div.multipageimagenavbox {
1560 border: solid 1px silver;
1563 -moz-border-radius: 6px;
1564 background: #f0f0f0;
1567 div.multipageimagenavbox div.thumb {
1573 div.multipageimagenavbox hr {
1577 table.multipageimage td {
1582 Table pager (e.g. Special:Imagelist)
1583 - remove underlines from the navigation link
1585 - set the borders to outsets (similar to Special:Allmessages)
1586 - remove line wrapping for all td and th, set background color
1587 - restore line wrapping for the last two table cells (description and size)
1589 .TablePager_nav a { text-decoration: none; }
1590 .TablePager { border-collapse: collapse; }
1591 .TablePager, .TablePager td, .TablePager th {
1592 border: 0.15em solid #777777;
1593 padding: 0 0.15em 0 0.15em;
1595 .TablePager th { background-color: #eeeeff }
1596 .TablePager td { background-color: #ffffff }
1597 .TablePager tr:hover td { background-color: #eeeeff }
1599 .imagelist td, .imagelist th { white-space: nowrap }
1600 .imagelist .TablePager_col_links { background-color: #eeeeff }
1601 .imagelist .TablePager_col_img_description { white-space: normal }
1602 .imagelist th.TablePager_sort { background-color: #ccccff }
1608 .pagelist thead td {
1609 background: #e8e8e8;
1610 text-decoration: none;
1614 .pagelist thead td u { text-decoration: none; }
1615 .pagelist tr.evenrow { background: #eee; }
1616 .pagelist tr.oddrow { background: white; }
1618 background-color: ThreedLightShadow;
1620 font-family: Tahoma, sans-serif, Arial, Helvetica;
1622 font-weight: normal;
1623 /*font-style: menu;*/
1624 white-space: nowrap;
1627 padding: 5px 0px 5px 0px;
1629 border-style: solid;
1630 border-color: ThreedHighlight ThreedDarkShadow ThreedDarkShadow ThreedHighlight;
1632 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1633 text-decoration: none;
1635 font-weight: normal;
1636 /*font-style: menu;*/
1637 font-family: Tahoma, sans-serif, Arial, Helvetica;
1638 background-color: ThreedLightShadow;
1642 .wikipaging { font-size: 80% }
1643 .wikipaging-disabled { color: #999 }
1645 /* <?plugin RawHtml <div class="boxright"> </div> */
1652 border: thin solid #888888;
1657 margin-left: 12.2em;
1665 padding-left: 0.8em;
1666 padding-right: 0.8em;
1669 border: medium solid red;
1676 text-decoration: underline;
1683 padding-left: 0.8em;
1684 padding-right: 0.8em;
1687 border: thin solid blue;
1690 .error { font-family: monospace; font-size: 120%; }
1691 .error ul { font-family: monospace; }
1697 font-family: monospace;
1700 padding: 0.5ex 0.5em;
1701 border: medium solid #fff8dc; /* darker ivory */
1706 background: #eeeeee;
1707 /* font-size: smaller; */
1710 padding: 0.5ex 0.5em;
1711 border: thin solid #aaaaaa;
1716 /* Disabled Plugins */
1723 .disabled-plugin .title {
1725 background-color: inherit;
1730 .disabled-plugin pre {
1734 padding: 0.3ex 0.5em;
1737 /* "(Redirected from ...)" message. */
1740 font-style: oblique;
1741 font-weight: normal;
1744 .search-context { background: white; font-style: oblique; }
1747 font-weight: normal;
1762 * The div inside the wikiadmin upload form does not
1763 * have a class yet, so it must be referenced indirectly
1765 /* div.wikiaction { background-color: #eee; } */
1766 /* div.wikiadmin { background-color: #fee; } */
1767 /* form.wikiadmin div { background-color: #fee; } */
1768 form.wikiformrich { background-color: #eee; }
1773 .wiki, .named-wiki {
1774 text-decoration: none;
1775 font-weight: normal;
1776 /* font-weight: bold; */
1778 .wiki relation, .named-wiki relation, .wiki attribute, .named-wiki attribute {
1779 font-style: oblique;
1780 /* font-weight: normal; */
1784 span.relation-symbol {
1786 font-family: monospace;
1787 letter-spacing: 0.1em;
1790 /* Action buttons */
1791 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
1792 input.wikiaction, input.button, input.wikiadmin {
1793 text-decoration: none;
1794 font-family: Arial, Helvetica, sans-serif;
1795 /* don't wrap text buttons */
1796 white-space: nowrap;
1797 /*font-size: inherit; */
1801 a.wikiaction, a.wikiaction:visited, input.wikiaction, input.button {
1802 background-color: #ddd;
1806 .wikiunsafe { background-color: #fcc; }
1809 a.wikiadmin, a.wikiadmin:visited, input.wikiadmin {
1810 background-color: #fdd;
1815 .wikiunknown, .named-wikiunknown {
1816 font-weight: normal;
1819 /* QuestionMark #600 */
1820 .wikiunknown a, .named-wikiunknown a {
1822 background-color: #eee;
1823 text-decoration: none;
1824 font-weight: normal;
1830 text-decoration: underline;
1833 h1 .backlinks { text-decoration: underline; }
1835 /* Interwiki links */
1836 /* .wikipage { font-weight: bold; } */
1837 .wikipage { font-weight: normal; }
1838 .interwiki { text-decoration: none; }
1839 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage { font-style: oblique; }
1840 .interwiki .wikipage, i .interwiki, em .interwiki { font-style: normal; }