6 ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
7 ** Copyright Gabriel Wicke - http://wikidev.net/
8 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
10 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
11 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi, Joe Geldart & Tom Croucher,
12 ** Michael Zeltner and Geir Bækholt)
13 ** All you guys rock :)
14 ** Added phpwiki integration: Reini Urban, based on the phpwiki.css
21 margin: 0 0 .6em -12.2em;
28 margin: 2.8em 0 0 12.2em;
29 padding: 0 1em 1.5em 1em;
32 border: 1px solid #aaa;
43 /* the left column width is specified in class .portlet */
46 ** We take advantage of keyword scaling- browsers won't go below 9px
47 ** More at http://www.w3.org/2003/07/30-font-size
48 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
52 font: small sans-serif;
53 background: #f9f9f9 url("images/headbg.jpg") 0 0 no-repeat;
59 /* scale back up to a sane default */
77 text-decoration: none;
88 text-decoration: underline;
95 vertical-align: middle;
98 margin: .4em 0 .5em 0;
108 background-color: #aaa;
110 margin: .2em 0 .2em 0;
113 h1, h2, h3, h4, h5, h6 {
117 font-family: Tahoma, sans-serif;
120 padding-bottom: 0.17em;
121 border-bottom: 1px solid #aaa;
123 h1 { font-size: 188%; }
124 h2 { font-size: 150%; }
125 h3 { font-size: 132%; }
126 h4 { font-size: 116%; }
127 h5 { font-size: 100%; }
128 h6 { font-size: 80%; }
134 /* Because in some cases there is a <p> in nested lists */
139 list-style-type: square;
140 margin: 0.3em 0 0 1.5em;
142 list-style-image: url("images/bullet.png");
146 margin: 0.3em 0 0 3.2em;
148 list-style-image: none;
150 li { margin-bottom: 0.1em; }
166 border: 1px solid #2f6fab;
168 padding: 0 1em 1em 1em;
172 /*background: white;*/
186 input.historysubmit {
187 padding: 0 0.3em 0.3em 0.3em !important;
190 height: 1.7em !important;
196 abbr, acronym, .explain {
197 border-bottom: 1px dotted black;
203 font-family: Times, "Times New Roman", serif;
208 font-family: Times, "Times New Roman", serif;
212 background-color: #f9f9f9;
216 border: 1px dashed #2f6fab;
218 background-color: #f9f9f9;
223 ** the main content area
226 #siteSub { display: none; }
233 margin: 0 0 1.4em 1em;
237 span.subpages { display: block; }
239 /* Some space under the headers in the content area */
240 #bodyContent h1, #bodyContent h2 {
243 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
246 .firstHeading { margin-bottom:0.1em; }
248 /* user notification thing */
250 background-color: #ffce7b;
251 border: 1px solid #ffa500;
256 vertical-align: middle;
267 .errorbox, .successbox {
277 background-color: #fff2f2;
281 background-color: #dfd;
283 .errorbox h2, .successbox h2 {
292 border: 1px solid #aaa;
293 background-color: #f9f9f9;
298 /* currently unused, intended to be used by a metadata box
299 in the bottom-right corner of the content area */
300 .documentDescription {
301 /* The summary text describing the document */
324 /* small for tables and similar */
338 border: 1px solid #aaa;
339 background-color: #f9f9f9;
374 list-style-type: square;
375 list-style-image: url("images/bullet.png");
390 border: 1px solid #aaa;
391 background-color: #f9f9f9;
402 div.floatright, table.floatright {
406 margin: 0 0 .5em .5em;
409 div.floatright p { font-style: italic; }
410 div.floatleft, table.floatleft {
413 margin: 0 .5em .5em 0;
416 div.floatleft p { font-style: italic; }
425 border: 1px solid #ccc;
426 padding: 3px !important;
427 background-color: #f9f9f9;
432 div.thumb div a img {
433 border: 1px solid #ccc;
435 div.thumb div div.thumbcaption {
439 padding: .3em 0 .1em 0;
443 border: none !important;
444 background: none !important;
446 div.magnify a, div.magnify img {
448 border: none !important;
449 background: none !important;
454 border-width: .5em 0 .8em 1.4em;
459 border-width: .5em 1.4em .8em 0;
467 vertical-align: middle;
474 ** classes for special content elements like town boxes
475 ** intended to be referenced directly from the wiki src
481 /* table standards */
490 border: 1px solid #aaa;
491 background-color: #f9f9f9;
500 border: 1px solid gray;
516 margin: .1em 0 0 1.1em;
517 background-color: #f3f3f3;
532 .pageinfo-majoredit {
533 font-weight: normal; /*bold;*/
540 /* Page history styling */
541 /* the auto-generated edit comments */
545 #pagehistory span.user {
549 #pagehistory span.minor {
553 border: 1px solid white;
555 #pagehistory li.selected {
556 background-color: #f9f9f9;
557 border: 1px dashed #aaa;
561 ** Diff rendering (unused)
563 table.diff, td.diff-otitle, td.diff-ntitle {
564 background-color: white;
570 td.diff-deletedline {
589 margin-bottom: 0.5ex;
592 border-top: 1px solid #494f5d;
593 border-left: 1px solid #494f5d;
594 border-bottom: 1px solid #c6d2de;
595 border-right: 1px solid #c6d2de;
598 padding-left: .125em;
599 padding-right: .125em;
608 /* individual blocks */
613 /* entire difftextblock */
618 border-top: 1px #e8e6df solid;
619 border-left: 1px #e8e6df solid;
620 border-bottom: 1px #d2d2d2 solid;
621 border-right: 1px #b2b2b2 solid;
628 /* + - line prefix */
631 font-family: monospace;
637 .diff del, .diff ins {
639 text-decoration: none;
642 /* blocks containing deleted or added words */
643 .diff .original, .diff .deleted,
644 .diff .final, .diff .added {
647 /* blocks containing deleted words */
648 .diff .original, .diff .deleted {
652 /* blocks containing added words */
653 .diff .final, .diff .added {
659 .diff del { background: #f99; }
661 .diff ins { background: #9f9; }
666 td.pageinfo { font-weight: bold; }
667 .pageinfo-minoredit, .pageinfo-authorid {
673 div.rss { margin: 1em; padding: 1em; font-size: 0.9em; background-color: #eeeeee; border: thin dashed #aaaaaa; }
674 div.feed { color: #333; margin: -0.5em; margin-bottom: 0em; padding: 0.3em; font-weight: bold; background-color: #f2f2f2; font-size: 1.2em; }
675 div.itemdesc { padding-left: 1em; }
676 div.rssitem { border-top: thin dashed #aaaaaa; }
677 a.rssicon { font-weight:normal; font-size:small; vertical-align:middle; }
683 border: 1px outset gray;
697 /* Month-name header */
698 table.cal-header { font-size: larger; }
699 table.cal-header tr, table.cal-header td { text-align: center; }
702 text-decoration: none;
705 /* Day-names header */
706 table.cal tbody tr .cal-dayname { }
710 text-decoration: underline;
713 /* Individual days */
714 a.cal-hide { text-decoration: none; }
718 table.cal td.cal-today {
720 border: 1px solid gray;
723 table.cal td.cal-today a.cal-hide { }
726 ** keep the whitespace in front of the ^=, hides rule from konqueror
727 ** this is css3, the validator doesn't like it when validating as css2
729 #bodyContent a.external,
730 #bodyContent a[href ^="gopher://"] {
731 background: url("images/url.png") center right no-repeat;
734 #bodyContent a[href ^="https://"],
736 background: url("images/lock_icon.png") center right no-repeat;
739 #bodyContent a[href ^="mailto:"],
741 background: url("images/mail_icon.png") center right no-repeat;
744 #bodyContent a[href ^="news://"] {
745 background: url("images/news_icon.png") center right no-repeat;
748 #bodyContent a[href ^="ftp://"],
750 background: url("images/file_icon.png") center right no-repeat;
753 #bodyContent a[href ^="irc://"],
755 background: url("images/discussionitem_icon.png") center right no-repeat;
758 /* disable interwiki styling */
759 #bodyContent a.extiw,
760 #bodyContent a.extiw:active {
765 #bodyContent a.external {
768 /* this can be used in the content area to switch off
769 special external link styling */
770 #bodyContent .plainlinks a {
771 background: none !important;
772 padding: 0 !important;
775 ** Structural Elements
779 ** general portlet styles (elements in the quickbar)
795 background: transparent;
796 padding: 0em 1em 0em 0.5em;
797 text-transform: lowercase;
806 border: 1px solid #2f6fab;
807 border-style: solid solid none solid;
808 padding: 0em 1em 0em 1em;
809 text-transform: lowercase;
818 background-color: white;
820 border-collapse: collapse;
821 border: 1px solid #aaa;
822 padding: 0 .8em .3em .5em;
833 list-style-type: square;
834 list-style-image: url("images/bullet.png");
845 * Optionally at the right also an image
849 position: absolute; /*needed to use z-index */
865 background-repeat: no-repeat;
866 background-position: 35% 50% !important;
867 text-decoration: none;
869 /* At the right we put a small "wiki star" */
877 background: url("images/wiki_stamp.png") left no-repeat;
878 background-repeat: no-repeat;
883 ** the navigation portlet
890 #p-navigation .pBody {
898 #p-navigation li.active a, #p-navigation li.active a:hover {
899 text-decoration: none;
914 padding: 0 0.4em !important;
917 background-color: White;
918 border: 1px solid #2f6fab;
926 #livesearch, #p-search input.dropdown {
933 padding: .5em .4em .4em .4em;
938 ** the personal toolbar
959 #p-personal .portlet,
968 /* this is the ul contained in the portlet */
974 padding: 0em 2em 0 3em;
977 /*text-transform: lowercase;*/
992 #p-personal li.active {
996 text-decoration: none;
998 padding-bottom: 0.2em;
1001 #p-personal li a:hover {
1002 background-color: white;
1003 padding-bottom: .2em;
1004 text-decoration: none;
1006 #p-personal li.active a:hover {
1007 background-color: transparent;
1009 /* the icon in front of the user name, single quotes
1010 in bg url to hide it from iemac */
1014 /*background: url('images/wikiuser.png') top left bottom no-repeat;*/
1015 background: url('images/wikiuser.png') left no-repeat;
1016 background-repeat: no-repeat;
1018 text-transform: none;
1020 #p-personal a.new { color:#ba0000; }
1023 ** the page-related actions- page/talk, edit etc
1027 /*z-index: 1;*/ /* important! */
1031 white-space: nowrap;
1036 border-collapse: collapse;
1041 #p-cactions .hiddenStructure {
1049 border: 1px solid #aaa;
1050 border-bottom: none;
1051 padding: 0 0 .1em 0;
1056 #p-cactions li.selected {
1057 border-color: #fabd23;
1058 padding: 0 0 0.2em 0 !important;
1063 background-color: #fbfbfb;
1066 padding: 0 .8em .3em;
1067 text-decoration: none;
1068 /*text-transform: lowercase;*/
1071 #p-cactions li.selected a {
1073 background-color: #fff;
1074 padding: 0 1em 0.2em;
1076 #p-cactions .new a {
1079 #p-cactions li a:hover {
1081 text-decoration: none;
1082 background-color: #dedede;
1084 /* http://universaleditbutton.org */
1085 #p-cactions li a#btn-edit {
1086 background: url('images/UEB16.png') top left no-repeat;
1087 background-repeat: no-repeat;
1088 padding-left: 20px !important;
1089 text-transform: none;
1091 #p-cactions li a#btn-edit:hover {
1093 text-decoration: none;
1094 background-color: #fff;
1095 /*padding-bottom: 0.3em !important;*/
1100 #p-cactions li.istalk {
1103 #p-cactions li.istalk a {
1104 padding-right: .5em;
1106 #p-cactions #ca-addsection a {
1108 padding-right: .4em;
1110 /* offsets to distinguish the tab groups */
1112 margin-right: 1.6em;
1114 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1119 ** the remaining portlets
1131 background-color: white;
1132 border-top: 1px solid #fabd23;
1133 border-bottom: 1px solid #fabd23;
1134 margin: .6em 0 1em 0;
1135 border-left: 1px solid #fabd23;
1136 margin-left: 13.6em;
1137 padding: .4em 0 1.2em 0;
1145 /* hide from incapable browsers */
1146 head:first-child+body #footer li { white-space: nowrap; }
1147 #f-poweredbyico, #f-copyrightico {
1149 /*vertical-align: middle;*/
1152 top: -31px; /* Bump it up just a tad */
1164 margin: 1em 1em 1em 1em;
1167 #preftoc li { border: 1px solid White; }
1168 #preftoc li.selected {
1169 background-color:#f9f9f9;
1170 border:1px dashed #aaaaaa;
1182 div.prefsectiontip {
1186 fieldset.operaprefsection { margin-left: 15em }
1189 /* float/negative margin brokenness */
1190 * html #footer {margin-top: 0;}
1191 * html #column-content {
1195 * html div.editsection { font-size: smaller; }
1196 #pagehistory li.selected { position: relative; }
1198 * > html #column-one {
1204 margin-left: 13.2em;
1216 background-color: #ffa;
1222 span.newpage, span.minor, span.searchmatch, span.bot {
1233 .sharedUploadNotice {
1237 span.updatedmarker {
1239 background-color: #0f0;
1241 span.newpageletter {
1244 background-color: yellow;
1246 span.minoreditletter {
1248 background-color: #c5ffe6;
1252 border: 1px solid #ccc;
1255 background-color: white;
1259 vertical-align: top;
1263 vertical-align: top;
1264 background-color: #f9f9f9;
1265 border: solid 2px white;
1268 table.gallery td.galleryheader {
1278 div.gallerybox div.thumb {
1280 border: 1px solid #ccc;
1300 border-bottom: 1px solid #aaa;
1301 padding-bottom: 1em;
1311 border: 1px solid gray;
1312 background-color: #ffffff;
1319 .editExternallyHelp {
1324 li span.deleted, span.history-deleted {
1325 text-decoration: line-through;
1335 /* Classes for EXIF data display */
1339 margin-bottom: 0.5em;
1343 table.mw_metadata caption {
1347 table.mw_metadata th {
1348 font-weight: normal;
1351 table.mw_metadata td {
1357 border-collapse: collapse;
1360 table.mw_metadata td, table.mw_metadata th {
1362 border: 1px solid #aaaaaa;
1363 padding-left: 0.1em;
1364 padding-right: 0.1em;
1367 table.mw_metadata th {
1368 background-color: #f9f9f9;
1371 table.mw_metadata td {
1372 background-color: #fcfcfc;
1375 table.collapsed tr.collapsable {
1383 border: 1px solid #aaaaaa;
1384 background-color: #f9f9f9;
1387 margin-bottom: 0.5em;
1394 list-style-type: none;
1399 input#wpSave, input#wpDiff {
1400 margin-right: 0.33em;
1403 #editform .editOptions {
1411 /* Classes for article validation */
1413 table.revisionform_default {
1414 border: 1px solid #000000;
1417 table.revisionform_focus {
1418 border: 1px solid #000000;
1419 background-color:#00BBFF;
1422 tr.revision_tr_default {
1423 background-color:#EEEEEE;
1426 tr.revision_tr_first {
1427 background-color:#DDDDDD;
1436 border: solid 1px #bbbbff;
1437 background-color: #eeeeff;
1442 /* Allmessages table */
1444 #allmessagestable th {
1445 background-color: #b2b2ff;
1448 #allmessagestable tr.orig {
1449 background-color: #ffe2e2;
1452 #allmessagestable tr.new {
1453 background-color: #e2ffe2;
1456 #allmessagestable tr.def {
1457 background-color: #f0f0ff;
1463 border: 1px solid #ccc;
1469 div#searchTargetContainer {
1479 background: #F0F0F0;
1480 border: solid 1px blue;
1483 div#searchTarget ul li {
1487 div#searchTarget ul li:before {
1489 content: "\00BB \0020";
1492 div.multipageimagenavbox {
1493 border: solid 1px silver;
1496 background: #f0f0f0;
1499 div.multipageimagenavbox div.thumb {
1505 div.multipageimagenavbox hr {
1509 table.multipageimage td {
1514 Table pager (e.g. Special:Imagelist)
1515 - remove underlines from the navigation link
1517 - set the borders to outsets (similar to Special:Allmessages)
1518 - remove line wrapping for all td and th, set background color
1519 - restore line wrapping for the last two table cells (description and size)
1521 .TablePager_nav a { text-decoration: none; }
1522 .TablePager { border-collapse: collapse; }
1523 .TablePager, .TablePager td, .TablePager th {
1524 border: 0.15em solid #777777;
1525 padding: 0 0.15em 0 0.15em;
1527 .TablePager th { background-color: #eeeeff }
1528 .TablePager td { background-color: #ffffff }
1529 .TablePager tr:hover td { background-color: #eeeeff }
1531 .imagelist td, .imagelist th { white-space: nowrap }
1532 .imagelist .TablePager_col_links { background-color: #eeeeff }
1533 .imagelist .TablePager_col_img_description { white-space: normal }
1534 .imagelist th.TablePager_sort { background-color: #ccccff }
1542 .pagelist thead td {
1543 background: #e8e8e8;
1544 text-decoration: none;
1547 .pagelist thead td u { text-decoration: none; }
1548 .pagelist tr { vertical-align: top; }
1549 .pagelist tr.evenrow { background: #eee; }
1550 .pagelist tr.oddrow { background: white; }
1552 background-color: ThreeDLightShadow;
1554 font-family: Tahoma, Arial, Helvetica, sans-serif;
1556 font-weight: normal;
1557 white-space: nowrap;
1560 padding: 5px 0px 5px 0px;
1562 border-style: solid;
1563 border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
1565 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1566 text-decoration: none;
1568 font-weight: normal;
1569 font-family: Tahoma, Arial, Helvetica, sans-serif;
1570 background-color: ThreeDLightShadow;
1574 .wikipaging { font-size: 80% }
1575 .wikipaging-disabled { color: #999 }
1577 /* plugin BoxRight */
1579 background-color: #e9fbff;
1584 border: thin solid #888888;
1589 margin-left: 12.2em;
1597 padding-left: 0.8em;
1598 padding-right: 0.8em;
1601 border: medium solid red;
1610 padding-left: 0.8em;
1611 padding-right: 0.8em;
1614 border: thin solid blue;
1622 font-family: monospace;
1625 padding: 0.5ex 0.5em;
1626 border: medium solid #fff8dc; /* darker ivory */
1631 background: #eeeeee;
1632 /* font-size: smaller; */
1635 padding: 0.5ex 0.5em;
1636 border: thin solid #aaaaaa;
1641 /* Disabled Plugins */
1648 .disabled-plugin .title {
1650 background-color: inherit;
1655 .disabled-plugin pre {
1659 padding: 0.3ex 0.5em;
1662 /* "(Redirected from ...)" message. */
1665 font-style: oblique;
1666 font-weight: normal;
1669 .search-context { background: white; font-style: oblique; }
1672 font-weight: normal;
1687 * The div inside the wikiadmin upload form does not
1688 * have a class yet, so it must be referenced indirectly
1690 /* div.wikiaction { background-color: #eee; } */
1691 /* div.wikiadmin { background-color: #fee; } */
1692 /* form.wikiadmin div { background-color: #fee; } */
1693 form.wikiformrich { background-color: #eee; }
1698 .wiki, .named-wiki {
1699 text-decoration: none;
1700 font-weight: normal;
1701 /* font-weight: bold; */
1703 .wiki relation, .named-wiki relation, .wiki attribute, .named-wiki attribute {
1704 font-style: oblique;
1705 /* font-weight: normal; */
1709 span.relation-symbol {
1711 font-family: monospace;
1712 letter-spacing: 0.1em;
1715 /* Action buttons */
1716 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
1717 input.wikiaction, input.button, input.wikiadmin {
1718 text-decoration: none;
1719 font-family: Arial, Helvetica, sans-serif;
1720 /* don't wrap text buttons */
1721 white-space: nowrap;
1722 /*font-size: inherit; */
1726 a.wikiaction, a.wikiaction:visited, input.wikiaction, input.button {
1727 background-color: #ddd;
1731 .wikiunsafe { background-color: #fcc; }
1734 a.wikiadmin, a.wikiadmin:visited, input.wikiadmin {
1735 background-color: #fdd;
1740 .wikiunknown, .named-wikiunknown {
1741 font-weight: normal;
1744 /* QuestionMark #600 */
1745 .wikiunknown a, .named-wikiunknown a {
1747 background-color: #eee;
1748 text-decoration: none;
1749 font-weight: normal;
1755 text-decoration: underline;
1758 h1 .backlinks { text-decoration: underline; }
1760 /* Interwiki links */
1761 /* .wikipage { font-weight: bold; } */
1762 .wikipage { font-weight: normal; }
1763 .interwiki { text-decoration: none; }
1764 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage { font-style: oblique; }
1765 .interwiki .wikipage, i .interwiki, em .interwiki { font-style: normal; }
1768 * "E-mail" style blockquote
1770 blockquote.mail-style-quote {
1771 border-left: medium #284 solid;
1776 .mail-style-quote blockquote.mail-style-quote {
1777 margin-left: -0.6em;
1781 * table class="boxed"
1782 * will put a border around the table (but not around the cells)
1784 * table class="bordered"
1785 * will put a border around the table and the cells
1787 * In both cases, the caption will be bold and centered under the table
1789 * In both cases, the headers (th) will have a "#d8d8d8" background
1792 table.boxed, table.bordered, table.bordered th, table.bordered td {
1794 border-style: solid;
1795 border-collapse: collapse;
1796 vertical-align: top;
1799 table.boxed td, table.bordered td,
1800 table.boxed th, table.bordered th {
1804 padding-bottom: 0px;
1807 table.boxed caption, table.bordered caption {
1810 caption-side: bottom;
1814 table.boxed th, table.bordered th {
1816 background-color: #d8d8d8;
1819 /* For RecentChanges plugin */
1820 td.tdselected, td.tdunselected {
1829 background-color: #554295;
1834 background-color: #e9e8de;
1837 /* Style for feedback
1838 * Use this style to tell the user that the operation he
1839 * requested was executed successfully, e.g:
1840 * User was successfully registered
1845 border-style: solid;
1846 background-color: #DFD;
1847 border-color: green;
1851 #edit-public, h1.firstHeading-public, h1.firstHeading-rating-public {
1852 background-color: #ffce7b;
1853 border: 1px solid #ffa500;
1856 /* PageTrail plugin */
1858 background-color: #FFFF99;
1862 /* IncludePage plugin ================================================= */
1864 .transclusion-title {
1866 font-style: oblique;
1868 text-decoration: underline;
1869 margin-bottom: 0.25ex;
1870 margin-right: 0.25em;
1872 .transclusion, .wiki-edithelp {
1876 border: 1px solid gray;
1877 padding-left: 0.8em;
1878 padding-right: 0.8em;
1880 padding-bottom: 0px;
1881 margin-left: 0.25em;
1882 margin-right: 0.25em;
1883 margin-bottom: 0.1ex;
1887 border: medium solid #fff8dc; /* darker ivory */
1888 padding-left: 0.5em;
1889 padding-right: 0.5em;
1890 padding-top: 0.75ex;
1891 padding-bottom: 0.75ex;