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;
22 margin: 2.92em 0 0 12.2em;
23 padding: 0 1em 1.5em 1em;
26 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;
77 a:visited { color: #5a3696; }
78 a:active { color: #faa700; }
79 a:hover { text-decoration: underline; }
80 a.stub { color: #772233; }
81 a.new, #p-personal a.new {
84 a.new:visited, #p-personal a.new:visited {
90 vertical-align: middle;
93 margin: .4em 0 .5em 0;
103 background-color: #aaa;
105 margin: .2em 0 .2em 0;
108 h1, h2, h3, h4, h5, h6 {
112 font-family: Tahoma, sans-serif;
115 padding-bottom: 0.17em;
116 border-bottom: 1px solid #aaa;
118 h1 { font-size: 188%; }
119 h2 { font-size: 150%; }
120 h3 { font-size: 132%; }
121 h4 { font-size: 116%; }
122 h5 { font-size: 100%; }
123 h6 { font-size: 80%; }
130 list-style-type: square;
131 margin: 0.3em 0 0 1.5em;
133 list-style-image: url("images/bullet.png");
137 margin: 0.3em 0 0 3.2em;
139 list-style-image: none;
141 li { margin-bottom: 0.1em; }
157 border: 1px solid #2f6fab;
159 padding: 0 1em 1em 1em;
163 /*background: white;*/
177 input.historysubmit {
178 padding: 0 0.3em 0.3em 0.3em !important;
181 height: 1.7em !important;
187 abbr, acronym, .explain {
188 border-bottom: 1px dotted black;
194 font-family: Times, "Times New Roman", serif;
199 font-family: Times, "Times New Roman", serif;
203 background-color: #f9f9f9;
207 border: 1px dashed #2f6fab;
209 background-color: #f9f9f9;
214 ** the main content area
217 #siteSub { display: none; }
224 margin: 0 0 1.4em 1em;
228 span.subpages { display: block; }
230 /* Some space under the headers in the content area */
231 #bodyContent h1, #bodyContent h2 {
234 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
237 .firstHeading { margin-bottom:0.1em; }
239 /* user notification thing */
241 background-color: #ffce7b;
242 border: 1px solid #ffa500;
247 vertical-align: middle;
262 .errorbox, .successbox {
272 background-color: #fff2f2;
276 background-color: #dfd;
278 .errorbox h2, .successbox h2 {
287 border: 1px solid #aaa;
288 background-color: #f9f9f9;
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 */
319 /* small for tables and similar */
333 border: 1px solid #aaa;
334 background-color: #f9f9f9;
361 list-style-type: none;
362 list-style-image: none;
373 list-style-type: square;
374 list-style-image: url("images/bullet.png");
389 border: 1px solid #aaa;
390 background-color: #f9f9f9;
401 div.floatright, table.floatright {
405 margin: 0 0 .5em .5em;
408 border: .5em solid white;
409 border-width: .5em 0 .8em 1.4em;
412 div.floatright p { font-style: italic; }
413 div.floatleft, table.floatleft {
416 margin: 0 .5em .5em 0;
419 margin: .3em .5em .5em 0;
420 border: .5em solid white;
421 border-width: .5em 1.4em .8em 0;
424 div.floatleft p { font-style: italic; }
433 border: 1px solid #ccc;
434 padding: 3px !important;
435 background-color: #f9f9f9;
440 div.thumb div a img {
441 border: 1px solid #ccc;
443 div.thumb div div.thumbcaption {
447 padding: .3em 0 .1em 0;
451 border: none !important;
452 background: none !important;
454 div.magnify a, div.magnify img {
456 border: none !important;
457 background: none !important;
462 border-width: .5em 0 .8em 1.4em;
467 border-width: .5em 1.4em .8em 0;
475 vertical-align: middle;
482 ** classes for special content elements like town boxes
483 ** intended to be referenced directly from the wiki src
489 /* table standards */
498 border: 1px solid #aaa;
499 background-color: #f9f9f9;
508 border: 1px solid gray;
524 margin: .1em 0 0 1.1em;
525 background-color: #f3f3f3;
540 .pageinfo-majoredit {
541 font-weight: normal; /*bold;*/
548 /* Page history styling */
549 /* the auto-generated edit comments */
553 #pagehistory span.user {
557 #pagehistory span.minor {
561 border: 1px solid white;
563 #pagehistory li.selected {
564 background-color: #f9f9f9;
565 border: 1px dashed #aaa;
569 ** Diff rendering (unused)
571 table.diff, td.diff-otitle, td.diff-ntitle {
572 background-color: white;
578 td.diff-deletedline {
597 margin-bottom: 0.5ex;
599 /* Netscape 4 requires this 1px border.
600 Without it, the paper borders below cause
601 the white background to disappear. */
602 border: 1px #ccc solid;
604 border-top: 1px solid #494f5d;
605 border-left: 1px solid #494f5d;
606 border-bottom: 1px solid #c6d2de;
607 border-right: 1px solid #c6d2de;
610 padding-left: .125em;
611 padding-right: .125em;
613 /* "paper" borders */
614 /*border-top: 2px #d2d2d2 solid;
615 border-left: 2px #b2b2b2 solid;
616 border-bottom: 2px #e8e6df solid;
617 border-right: 2px #e8e6df solid;*/
618 /* padding-left: 0em;
619 padding-bottom: 0ex;*/
620 /* border-style: inset;*/
621 /*This breaks Netscape 4: (display does not go full width).
624 /* I'm not sure what the intent of this was, but it's
626 /* display: editarea; */
636 /* individual blocks */
642 /* entire difftextblock */
647 /* Netscape 4 requires this 1px border.
648 Without it, the paper borders below cause
649 the white background to disappear. */
650 border: 1px black solid;
651 /* "paper" borders */
652 border-top: 1px #e8e6df solid;
653 border-left: 1px #e8e6df solid;
654 border-bottom: 1px #d2d2d2 solid;
655 border-right: 1px #b2b2b2 solid;
660 /*This breaks Netscape 4: (display does not go full width).
665 /* + - line prefix */
668 font-family: monospace;
675 .diff del, .diff ins {
677 text-decoration: none;
680 /* blocks containing deleted or added words */
681 .diff .original, .diff .deleted,
682 .diff .final, .diff .added {
685 /* blocks containing deleted words */
686 .diff .original, .diff .deleted {
691 /* blocks containing added words */
692 .diff .final, .diff .added {
698 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
700 .diff del { background: #f99; }
702 .diff ins { background: #9f9; }
707 td.pageinfo { font-weight: bold; }
708 .pageinfo-minoredit, .pageinfo-authorid {
717 border: 1px outset gray;
731 /* Month-name header */
732 table.cal-header { font-size: larger; }
733 table.cal-header tr, table.cal-header td { text-align: center; }
736 text-decoration: none;
739 /* Day-names header */
740 table.cal tbody tr .cal-dayname { }
744 text-decoration: underline;
747 /* Individual days */
748 a.cal-hide { text-decoration: none; }
752 table.cal td.cal-today {
754 border: 1px solid gray;
757 table.cal td.cal-today a.cal-hide { }
760 ** keep the whitespace in front of the ^=, hides rule from konqueror
761 ** this is css3, the validator doesn't like it when validating as css2
763 #bodyContent a.external,
764 #bodyContent a[href ^="gopher://"] {
765 background: url("images/url.png") center right no-repeat;
768 #bodyContent a[href ^="https://"],
770 background: url("images/lock_icon.png") center right no-repeat;
773 #bodyContent a[href ^="mailto:"],
775 background: url("images/mail_icon.png") center right no-repeat;
778 #bodyContent a[href ^="news://"] {
779 background: url("images/news_icon.png") center right no-repeat;
782 #bodyContent a[href ^="ftp://"],
784 background: url("images/file_icon.png") center right no-repeat;
787 #bodyContent a[href ^="irc://"],
789 background: url("images/discussionitem_icon.png") center right no-repeat;
792 /* disable interwiki styling */
793 #bodyContent a.extiw,
794 #bodyContent a.extiw:active {
799 #bodyContent a.external {
802 /* this can be used in the content area to switch off
803 special external link styling */
804 #bodyContent .plainlinks a {
805 background: none !important;
806 padding: 0 !important;
809 ** Structural Elements
813 ** general portlet styles (elements in the quickbar)
829 background: transparent;
830 padding: 0em 1em 0em 0.5em;
831 text-transform: lowercase;
840 border: 1px solid #2f6fab;
841 border-style: solid solid none solid;
842 padding: 0em 1em 0em 1em;
843 text-transform: lowercase;
852 background-color: white;
854 border-collapse: collapse;
855 border: 1px solid #aaa;
856 padding: 0 .8em .3em .5em;
867 list-style-type: square;
868 list-style-image: url("images/bullet.png");
879 * Optionally at the right also an image
884 position: absolute; /*needed to use z-index */
899 background-repeat: no-repeat;
900 background-position: 35% 50% !important;
901 text-decoration: none;
903 /* At the right we put a small "wiki star" */
911 background: url("images/wiki_stamp.png") left no-repeat;
912 background-repeat: no-repeat;
917 ** the navigation portlet
924 #p-navigation .pBody {
932 #p-navigation li.active a, #p-navigation li.active a:hover {
933 text-decoration: none;
948 padding: 0 0.4em !important;
951 background-color: White;
952 border: 1px solid #2f6fab;
960 #livesearch, #p-search input.dropdown {
967 padding: .5em .4em .4em .4em;
972 ** the personal toolbar
993 #p-personal .portlet,
1002 /* this is the ul contained in the portlet */
1007 padding: 0em 2em 0 3em;
1010 /*text-transform: lowercase;*/
1027 text-decoration: none;
1029 padding-bottom: 0.2em;
1032 #p-personal li a:hover {
1033 background-color: white;
1034 padding-bottom: .2em;
1035 text-decoration: none;
1037 #p-personal li.active a:hover {
1038 background-color: transparent;
1040 /* the icon in front of the user name, single quotes
1041 in bg url to hide it from iemac */
1045 /*background: url('images/wikiuser.png') top left bottom no-repeat;*/
1046 background: url('images/wikiuser.png') left no-repeat;
1047 background-repeat: no-repeat;
1049 text-transform: none;
1051 #p-personal a.new { color:#ba0000; }
1054 ** the page-related actions- page/talk, edit etc
1067 border-collapse: collapse;
1072 #p-cactions .hiddenStructure {
1080 border: 1px solid #aaa;
1081 border-bottom: none;
1082 padding: 0 0 .1em 0;
1087 #p-cactions li.selected {
1088 border-color: #fabd23;
1089 padding: 0 0 0.2em 0;
1092 background-color: #fbfbfb;
1095 padding: 0 .8em .3em;
1096 text-decoration: none;
1097 /*text-transform: lowercase;*/
1102 #p-cactions li.selected a {
1104 background-color: #fff;
1105 padding: 0 1em 0 !important;
1107 #p-cactions .new a {
1110 #p-cactions li a:hover {
1112 text-decoration: none;
1113 background-color: #eee;
1114 padding: 0 1em 0.2em !important;
1119 #p-cactions li.istalk {
1122 #p-cactions li.istalk a {
1123 padding-right: .5em;
1125 #p-cactions #ca-addsection a {
1127 padding-right: .4em;
1129 /* offsets to distinguish the tab groups */
1131 margin-right: 1.6em;
1133 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1138 ** the remaining portlets
1150 background-color: white;
1151 border-top: 1px solid #fabd23;
1152 border-bottom: 1px solid #fabd23;
1153 margin: .6em 0 1em 0;
1154 border-left: 1px solid #fabd23;
1155 margin-left: 13.6em;
1156 padding: .4em 0 1.2em 0;
1164 /* hide from incapable browsers */
1165 head:first-child+body #footer li { white-space: nowrap; }
1166 #f-poweredbyico, #f-copyrightico {
1168 /*vertical-align: middle;*/
1171 top: -31px; /* Bump it up just a tad */
1183 margin: 1em 1em 1em 1em;
1186 #preftoc li { border: 1px solid White; }
1187 #preftoc li.selected {
1188 background-color:#f9f9f9;
1189 border:1px dashed #aaaaaa;
1201 div.prefsectiontip {
1205 fieldset.operaprefsection { margin-left: 15em }
1208 ** IE/Mac fixes, hope to find a validating way to move this
1209 ** to a separate stylesheet. This would work but doesn't validate:
1210 ** @import("IEMacFixes.css");
1213 /* tabs: border on the a, not the div */
1214 * > html #p-cactions li { border:none; }
1215 * > html #p-cactions li a {
1216 border: 1px solid #aaa;
1217 border-bottom: none;
1219 * > html #p-cactions li.selected a { border-color: #fabd23; }
1220 /* footer icons need a fixed width */
1221 * > html #f-poweredbyico,
1222 * > html #f-copyrightico { width: 88px; }
1223 * > html #bodyContent,
1224 * > html #bodyContent pre {
1227 padding-bottom: 25px;
1231 /* float/negative margin brokenness */
1232 * html #footer {margin-top: 0;}
1233 * html #column-content {
1237 * html div.editsection { font-size: smaller; }
1238 #pagehistory li.selected { position: relative; }
1240 /* Mac IE 5.0 fix; floated content turns invisible */
1241 * > html #column-content {
1244 * > html #column-one {
1250 margin-left: 13.2em;
1262 background-color: #ffa;
1268 span.newpage, span.minor, span.searchmatch, span.bot {
1279 .sharedUploadNotice {
1283 span.updatedmarker {
1285 background-color: #0f0;
1287 span.newpageletter {
1290 background-color: yellow;
1292 span.minoreditletter {
1294 background-color: #c5ffe6;
1298 border: 1px solid #ccc;
1301 background-color: white;
1305 vertical-align: top;
1309 vertical-align: top;
1310 background-color: #f9f9f9;
1311 border: solid 2px white;
1314 table.gallery td.galleryheader {
1324 div.gallerybox div.thumb {
1326 border: 1px solid #ccc;
1346 border-bottom: 1px solid #aaa;
1347 padding-bottom: 1em;
1357 border: 1px solid gray;
1358 background-color: #ffffff;
1365 .editExternallyHelp {
1370 li span.deleted, span.history-deleted {
1371 text-decoration: line-through;
1381 /* Classes for EXIF data display */
1385 margin-bottom: 0.5em;
1389 table.mw_metadata caption {
1393 table.mw_metadata th {
1394 font-weight: normal;
1397 table.mw_metadata td {
1403 border-collapse: collapse;
1406 table.mw_metadata td, table.mw_metadata th {
1408 border: 1px solid #aaaaaa;
1409 padding-left: 0.1em;
1410 padding-right: 0.1em;
1413 table.mw_metadata th {
1414 background-color: #f9f9f9;
1417 table.mw_metadata td {
1418 background-color: #fcfcfc;
1421 table.collapsed tr.collapsable {
1429 border: 1px solid #aaaaaa;
1430 background-color: #f9f9f9;
1433 margin-bottom: 0.5em;
1440 list-style-type: none;
1445 input#wpSave, input#wpDiff {
1446 margin-right: 0.33em;
1449 #editform .editOptions {
1457 /* Classes for article validation */
1459 table.revisionform_default {
1460 border: 1px solid #000000;
1463 table.revisionform_focus {
1464 border: 1px solid #000000;
1465 background-color:#00BBFF;
1468 tr.revision_tr_default {
1469 background-color:#EEEEEE;
1472 tr.revision_tr_first {
1473 background-color:#DDDDDD;
1482 border: solid 1px #bbbbff;
1483 background-color: #eeeeff;
1488 /* Allmessages table */
1490 #allmessagestable th {
1491 background-color: #b2b2ff;
1494 #allmessagestable tr.orig {
1495 background-color: #ffe2e2;
1498 #allmessagestable tr.new {
1499 background-color: #e2ffe2;
1502 #allmessagestable tr.def {
1503 background-color: #f0f0ff;
1509 border: 1px solid #ccc;
1515 div#searchTargetContainer {
1525 background: #F0F0F0;
1526 border: solid 1px blue;
1529 div#searchTarget ul li {
1533 div#searchTarget ul li:before {
1535 content: "\00BB \0020";
1538 div.multipageimagenavbox {
1539 border: solid 1px silver;
1542 -moz-border-radius: 6px;
1543 background: #f0f0f0;
1546 div.multipageimagenavbox div.thumb {
1552 div.multipageimagenavbox hr {
1556 table.multipageimage td {
1561 Table pager (e.g. Special:Imagelist)
1562 - remove underlines from the navigation link
1564 - set the borders to outsets (similar to Special:Allmessages)
1565 - remove line wrapping for all td and th, set background color
1566 - restore line wrapping for the last two table cells (description and size)
1568 .TablePager_nav a { text-decoration: none; }
1569 .TablePager { border-collapse: collapse; }
1570 .TablePager, .TablePager td, .TablePager th {
1571 border: 0.15em solid #777777;
1572 padding: 0 0.15em 0 0.15em;
1574 .TablePager th { background-color: #eeeeff }
1575 .TablePager td { background-color: #ffffff }
1576 .TablePager tr:hover td { background-color: #eeeeff }
1578 .imagelist td, .imagelist th { white-space: nowrap }
1579 .imagelist .TablePager_col_links { background-color: #eeeeff }
1580 .imagelist .TablePager_col_img_description { white-space: normal }
1581 .imagelist th.TablePager_sort { background-color: #ccccff }
1587 .pagelist thead td {
1588 background: #e8e8e8;
1589 text-decoration: none;
1593 .pagelist thead td u { text-decoration: none; }
1594 .pagelist tr.evenrow { background: #eee; }
1595 .pagelist tr.oddrow { background: white; }
1597 background-color: ThreedLightShadow;
1599 font-family: Tahoma, sans-serif, Arial, Helvetica;
1601 font-weight: normal;
1602 /*font-style: menu;*/
1603 white-space: nowrap;
1606 padding: 5px 0px 5px 0px;
1608 border-style: solid;
1609 border-color: ThreedHighlight ThreedDarkShadow ThreedDarkShadow ThreedHighlight;
1611 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1612 text-decoration: none;
1614 font-weight: normal;
1615 /*font-style: menu;*/
1616 font-family: Tahoma, sans-serif, Arial, Helvetica;
1617 background-color: ThreedLightShadow;
1621 .wikipaging { font-size: 80% }
1622 .wikipaging-disabled { color: #999 }
1624 /* <?plugin RawHtml <div class="boxright"> </div> */
1631 border: thin solid #888888;
1636 margin-left: 12.2em;
1644 padding-left: 0.8em;
1645 padding-right: 0.8em;
1648 border: medium solid red;
1655 text-decoration: underline;
1662 padding-left: 0.8em;
1663 padding-right: 0.8em;
1666 border: thin solid blue;
1669 .error { font-family: monospace; font-size: 120%; }
1670 .error ul { font-family: monospace; }
1676 font-family: monospace;
1679 padding: 0.5ex 0.5em;
1680 border: medium solid #fff8dc; /* darker ivory */
1685 background: #eeeeee;
1686 /* font-size: smaller; */
1689 padding: 0.5ex 0.5em;
1690 border: thin solid #aaaaaa;
1695 /* Disabled Plugins */
1702 .disabled-plugin .title {
1704 background-color: inherit;
1709 .disabled-plugin pre {
1713 padding: 0.3ex 0.5em;
1716 /* "(Redirected from ...)" message. */
1719 font-style: oblique;
1720 font-weight: normal;
1723 .search-context { background: white; font-style: oblique; }
1726 font-weight: normal;
1741 * The div inside the wikiadmin upload form does not
1742 * have a class yet, so it must be referenced indirectly
1744 /* div.wikiaction { background-color: #eee; } */
1745 /* div.wikiadmin { background-color: #fee; } */
1746 /* form.wikiadmin div { background-color: #fee; } */
1747 form.wikiformrich { background-color: #eee; }
1752 .wiki, .named-wiki {
1753 text-decoration: none;
1754 font-weight: normal;
1755 /* font-weight: bold; */
1757 .wiki relation, .named-wiki relation, .wiki attribute, .named-wiki attribute {
1758 font-style: oblique;
1759 /* font-weight: normal; */
1763 span.relation-symbol {
1765 font-family: monospace;
1766 letter-spacing: 0.1em;
1769 /* Action buttons */
1770 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
1771 input.wikiaction, input.button, input.wikiadmin {
1772 text-decoration: none;
1773 font-family: Arial, Helvetica, sans-serif;
1774 /* don't wrap text buttons */
1775 white-space: nowrap;
1776 /*font-size: inherit; */
1780 a.wikiaction, a.wikiaction:visited, input.wikiaction, input.button {
1781 background-color: #ddd;
1785 .wikiunsafe { background-color: #fcc; }
1788 a.wikiadmin, a.wikiadmin:visited, input.wikiadmin {
1789 background-color: #fdd;
1794 .wikiunknown, .named-wikiunknown {
1795 font-weight: normal;
1798 /* QuestionMark #600 */
1799 .wikiunknown a, .named-wikiunknown a {
1801 background-color: #eee;
1802 text-decoration: none;
1803 font-weight: normal;
1809 text-decoration: underline;
1812 h1 .backlinks { text-decoration: underline; }
1814 /* Interwiki links */
1815 /* .wikipage { font-weight: bold; } */
1816 .wikipage { font-weight: normal; }
1817 .interwiki { text-decoration: none; }
1818 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage { font-style: oblique; }
1819 .interwiki .wikipage, i .interwiki, em .interwiki { font-style: normal; }