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;
25 margin: 2.8em 0 0 12.2em;
26 padding: 0 1em 1.5em 1em;
27 background-color: white;
29 border: 1px solid #aaa;
42 /* the left column width is specified in class .portlet */
45 ** We take advantage of keyword scaling- browsers won't go below 9px
46 ** More at http://www.w3.org/2003/07/30-font-size
47 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
51 font: small sans-serif;
52 background: #f9f9f9 url("images/headbg.jpg") 0 0 no-repeat;
58 /* scale back up to a sane default */
78 text-decoration: none;
80 background-image: none;
92 text-decoration: underline;
101 vertical-align: middle;
105 margin: .4em 0 .5em 0;
116 background-color: #aaa;
118 margin: .2em 0 .2em 0;
121 h1, h2, h3, h4, h5, h6 {
123 background-image: none;
125 font-family: Tahoma, sans-serif;
128 padding-bottom: 0.17em;
129 border-bottom: 1px solid #aaa;
161 /* Because in some cases there is a <p> in nested lists */
168 list-style-type: square;
169 margin: 0.3em 0 0 1.5em;
171 list-style-image: url("images/bullet.png");
176 margin: 0.3em 0 0 3.2em;
178 list-style-image: none;
182 margin-bottom: 0.1em;
202 border: 1px solid #2f6fab;
204 padding: 0 1em 1em 1em;
209 /*background: white;*/
224 input.historysubmit {
225 padding: 0 0.3em 0.3em 0.3em !important;
228 height: 1.7em !important;
236 abbr, acronym, .explain {
237 border-bottom: 1px dotted black;
239 background-image: none;
244 font-family: Times, "Times New Roman", serif;
250 font-family: Times, "Times New Roman", serif;
254 background-color: #f9f9f9;
259 border: 1px dashed #2f6fab;
261 background-color: #f9f9f9;
265 /* generic classes ----------------------------------------------- */
268 font-family: monospace;
272 text-decoration: line-through;
296 vertical-align: bottom;
300 vertical-align: middle;
304 vertical-align: baseline;
315 /* --------------------------------------------------------------- */
318 ** the main content area
332 margin: 0 0 1.4em 1em;
341 /* Some space under the headers in the content area */
342 #bodyContent h1, #bodyContent h2 {
346 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
351 margin-bottom: 0.1em;
354 /* user notification thing */
356 background-color: #ffce7b;
357 border: 1px solid #ffa500;
362 vertical-align: middle;
376 .errorbox, .successbox {
387 background-color: #fff2f2;
392 background-color: #dfd;
395 .errorbox h2, .successbox h2 {
404 border: 1px solid #aaa;
405 background-color: #f9f9f9;
411 /* currently unused, intended to be used by a metadata box
412 in the bottom-right corner of the content area */
413 .documentDescription {
414 /* The summary text describing the document */
440 /* small for tables and similar */
455 border: 1px solid #aaa;
456 background-color: #f9f9f9;
496 list-style-type: square;
497 list-style-image: url("images/bullet.png");
514 border: 1px solid #aaa;
515 background-color: #f9f9f9;
527 div.floatright, table.floatright {
531 margin: 0 0 .5em .5em;
539 div.floatleft, table.floatleft {
542 margin: 0 .5em .5em 0;
559 border: 1px solid #ccc;
560 padding: 3px !important;
561 background-color: #f9f9f9;
567 div.thumb div a img {
568 border: 1px solid #ccc;
571 div.thumb div div.thumbcaption {
575 padding: .3em 0 .1em 0;
580 border-style: none !important;
581 background: none !important;
584 div.magnify a, div.magnify img {
586 border-style: none !important;
587 background: none !important;
593 border-width: .5em 0 .8em 1.4em;
599 border-width: .5em 1.4em .8em 0;
608 vertical-align: middle;
616 ** classes for special content elements like town boxes
617 ** intended to be referenced directly from the wiki src
623 /* table standards */
633 border: 1px solid #aaa;
634 background-color: #f9f9f9;
642 background-color: white;
644 border: 1px solid gray;
658 background-image: none;
663 margin: .1em 0 0 1.1em;
664 background-color: #f3f3f3;
679 .pageinfo-majoredit {
680 font-weight: normal; /*bold;*/
688 /* Page history styling */
689 /* the auto-generated edit comments */
694 #pagehistory span.user {
699 #pagehistory span.minor {
704 border: 1px solid white;
707 #pagehistory li.selected {
708 background-color: #f9f9f9;
709 border: 1px dashed #aaa;
713 ** Diff rendering (unused)
715 table.diff, td.diff-otitle, td.diff-ntitle {
716 background-color: white;
720 background-color: #cfc;
724 td.diff-deletedline {
725 background-color: #ffa;
730 background-color: #eee;
745 margin-bottom: 0.5ex;
746 background-color: white;
748 border-top: 1px solid #494f5d;
749 border-left: 1px solid #494f5d;
750 border-bottom: 1px solid #c6d2de;
751 border-right: 1px solid #c6d2de;
754 padding-left: .125em;
755 padding-right: .125em;
761 background-color: #ddd;
765 /* individual blocks */
767 background-color: white;
771 /* entire difftextblock */
775 background-color: white;
776 border-top: 1px #e8e6df solid;
777 border-left: 1px #e8e6df solid;
778 border-bottom: 1px #d2d2d2 solid;
779 border-right: 1px #b2b2b2 solid;
787 /* + - line prefix */
790 font-family: monospace;
797 .diff del, .diff ins {
799 text-decoration: none;
802 /* blocks containing deleted or added words */
803 .diff .original, .diff .deleted,
804 .diff .final, .diff .added {
805 background-color: white;
808 /* blocks containing deleted words */
809 .diff .original, .diff .deleted {
810 background-color: #fcc;
814 /* blocks containing added words */
815 .diff .final, .diff .added {
816 background-color: #cfc;
822 background-color: #f99;
827 background-color: #9f9;
837 .pageinfo-minoredit, .pageinfo-authorid {
847 background-color: #eeeeee;
848 border: thin dashed #aaaaaa;
857 background-color: #f2f2f2;
866 border-top: thin dashed #aaaaaa;
872 vertical-align: middle;
879 border: 1px outset gray;
880 background-color: white;
889 background-color: white;
893 /* Month-name header */
898 table.cal-header tr, table.cal-header td {
904 text-decoration: none;
907 /* Day-names header */
908 table.cal tbody tr .cal-dayname {
914 text-decoration: underline;
917 /* Individual days */
919 text-decoration: none;
924 table.cal td.cal-today {
926 border: 1px solid gray;
930 table.cal td.cal-today a.cal-hide {
934 ** keep the whitespace in front of the ^=, hides rule from konqueror
935 ** this is css3, the validator doesn't like it when validating as css2
937 #bodyContent a.external,
938 #bodyContent a[href ^="gopher://"] {
939 background: url("images/url.png") center right no-repeat;
943 #bodyContent a[href ^="https://"],
945 background: url("images/lock_icon.png") center right no-repeat;
949 #bodyContent a[href ^="mailto:"],
951 background: url("images/mail_icon.png") center right no-repeat;
955 #bodyContent a[href ^="news://"] {
956 background: url("images/news_icon.png") center right no-repeat;
960 #bodyContent a[href ^="ftp://"],
962 background: url("images/file_icon.png") center right no-repeat;
966 #bodyContent a[href ^="irc://"],
968 background: url("images/discussionitem_icon.png") center right no-repeat;
972 /* disable interwiki styling */
973 #bodyContent a.extiw,
974 #bodyContent a.extiw:active {
976 background-image: none;
980 #bodyContent a.external {
984 /* this can be used in the content area to switch off
985 special external link styling */
986 #bodyContent .plainlinks a {
987 background: none !important;
988 padding: 0 !important;
992 ** Structural Elements
996 ** general portlet styles (elements in the quickbar)
1009 font-weight: normal;
1010 white-space: nowrap;
1014 background-color: transparent;
1015 padding: 0 1em 0 0.5em;
1016 text-transform: lowercase;
1020 font-weight: normal;
1021 white-space: nowrap;
1025 background-color: #ffae2e;
1026 border: 1px solid #2f6fab;
1027 border-style: solid solid none solid;
1028 padding: 0 1em 0 1em;
1029 text-transform: lowercase;
1033 font-weight: normal;
1034 white-space: nowrap;
1039 background-color: white;
1041 border-collapse: collapse;
1042 border: 1px solid #aaa;
1043 padding: 0 .8em .3em .5em;
1056 list-style-type: square;
1057 list-style-image: url("images/bullet.png");
1069 * Optionally at the right also an image
1073 position: absolute; /*needed to use z-index */
1091 background-repeat: no-repeat;
1092 background-position: 35% 50% !important;
1093 text-decoration: none;
1096 /* At the right we put a small "wiki star" */
1104 background: url("images/wiki_stamp.png") left no-repeat;
1105 background-repeat: no-repeat;
1110 ** the navigation portlet
1118 #p-navigation .pBody {
1126 #p-navigation li.active a, #p-navigation li.active a:hover {
1127 text-decoration: none;
1140 input.searchButton {
1142 padding: 0 0.4em !important;
1145 background-color: White;
1146 border: 1px solid #2f6fab;
1151 padding-right: .5em;
1156 #livesearch, #p-search input.dropdown {
1164 padding: .5em .4em .4em .4em;
1169 ** the personal toolbar
1176 white-space: nowrap;
1191 #p-personal .portlet,
1192 #p-personal .pBody {
1198 background-image: none;
1201 /* this is the ul contained in the portlet */
1207 padding: 0 2em 0 3em;
1210 /*text-transform: lowercase;*/
1212 background-image: none;
1224 background-image: none;
1227 #p-personal li.active {
1232 text-decoration: none;
1234 padding-bottom: 0.2em;
1235 background-image: none;
1238 #p-personal li a:hover {
1239 background-color: white;
1240 padding-bottom: .2em;
1241 text-decoration: none;
1244 #p-personal li.active a:hover {
1245 background-color: transparent;
1248 /* the icon in front of the user name, single quotes
1249 in bg url to hide it from iemac */
1253 /*background: url('images/wikiuser.png') top left bottom no-repeat;*/
1254 background: url('images/wikiuser.png') left no-repeat;
1255 background-repeat: no-repeat;
1257 text-transform: none;
1265 ** the page-related actions- page/talk, edit etc
1274 white-space: nowrap;
1278 background-image: none;
1279 border-collapse: collapse;
1285 #p-cactions .hiddenStructure {
1295 border: 1px solid #aaa;
1296 border-bottom: none;
1297 padding: 0 0 .1em 0;
1300 background-color: white;
1303 #p-cactions li.selected {
1304 border-color: #fabd23;
1305 padding: 0 0 0.2em 0 !important;
1311 background-color: #fbfbfb;
1314 padding: 0 .8em .3em;
1315 text-decoration: none;
1316 /*text-transform: lowercase;*/
1320 #p-cactions li.selected a {
1322 background-color: #fff;
1323 padding: 0 1em 0.2em;
1326 #p-cactions .new a {
1330 #p-cactions li a:hover {
1332 text-decoration: none;
1333 background-color: #dedede;
1336 /* http://universaleditbutton.org */
1337 #p-cactions li a#btn-edit {
1338 background: url('images/UEB16.png') top left no-repeat;
1339 background-repeat: no-repeat;
1340 padding-left: 20px !important;
1341 text-transform: none;
1344 #p-cactions li a#btn-edit:hover {
1346 text-decoration: none;
1347 background-color: #fff;
1348 /*padding-bottom: 0.3em !important;*/
1355 #p-cactions li.istalk {
1359 #p-cactions li.istalk a {
1360 padding-right: .5em;
1363 #p-cactions #ca-addsection a {
1365 padding-right: .4em;
1368 /* offsets to distinguish the tab groups */
1370 margin-right: 1.6em;
1373 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1378 ** the remaining portlets
1390 background-color: white;
1391 border-top: 1px solid #fabd23;
1392 border-bottom: 1px solid #fabd23;
1393 margin: .6em 0 1em 0;
1394 border-left: 1px solid #fabd23;
1395 margin-left: 13.6em;
1396 padding: .4em 0 1.2em 0;
1402 display: table-cell;
1410 /* hide from incapable browsers */
1411 head:first-child+body #footer li {
1412 white-space: nowrap;
1415 #f-poweredbyico, #f-copyrightico {
1416 display: table-cell;
1420 vertical-align: middle;
1426 margin: 1em 1em 1em 1em;
1431 border: 1px solid White;
1434 #preftoc li.selected {
1435 background-color: #f9f9f9;
1436 border: 1px dashed #aaaaaa;
1451 div.prefsectiontip {
1456 fieldset.operaprefsection {
1461 /* float/negative margin brokenness */
1466 * html #column-content {
1471 * html div.editsection {
1475 #pagehistory li.selected {
1479 * > html #column-one {
1486 margin-left: 13.2em;
1499 background-color: #ffa;
1507 span.newpage, span.minor, span.searchmatch, span.bot {
1520 .sharedUploadNotice {
1524 span.updatedmarker {
1526 background-color: #0f0;
1529 span.newpageletter {
1532 background-color: yellow;
1535 span.minoreditletter {
1537 background-color: #c5ffe6;
1541 border: 1px solid #ccc;
1544 background-color: white;
1548 vertical-align: top;
1552 vertical-align: top;
1553 background-color: #f9f9f9;
1554 border: solid 2px white;
1557 table.gallery td.galleryheader {
1567 div.gallerybox div.thumb {
1569 border: 1px solid #ccc;
1589 border-bottom: 1px solid #aaa;
1590 padding-bottom: 1em;
1600 border: 1px solid gray;
1601 background-color: #ffffff;
1609 .editExternallyHelp {
1614 li span.deleted, span.history-deleted {
1615 text-decoration: line-through;
1625 /* Classes for EXIF data display */
1629 margin-bottom: 0.5em;
1633 table.mw_metadata caption {
1637 table.mw_metadata th {
1638 font-weight: normal;
1641 table.mw_metadata td {
1647 border-collapse: collapse;
1650 table.mw_metadata td, table.mw_metadata th {
1652 border: 1px solid #aaaaaa;
1653 padding-left: 0.1em;
1654 padding-right: 0.1em;
1657 table.mw_metadata th {
1658 background-color: #f9f9f9;
1661 table.mw_metadata td {
1662 background-color: #fcfcfc;
1665 table.collapsed tr.collapsable {
1672 border: 1px solid #aaaaaa;
1673 background-color: #f9f9f9;
1676 margin-bottom: 0.5em;
1683 list-style-type: none;
1688 input#wpSave, input#wpDiff {
1689 margin-right: 0.33em;
1692 #editform .editOptions {
1700 /* Classes for article validation */
1702 table.revisionform_default {
1703 border: 1px solid #000000;
1706 table.revisionform_focus {
1707 border: 1px solid #000000;
1708 background-color: #00BBFF;
1711 tr.revision_tr_default {
1712 background-color: #EEEEEE;
1715 tr.revision_tr_first {
1716 background-color: #DDDDDD;
1725 border: solid 1px #bbbbff;
1726 background-color: #eeeeff;
1730 /* Allmessages table */
1732 #allmessagestable th {
1733 background-color: #b2b2ff;
1736 #allmessagestable tr.orig {
1737 background-color: #ffe2e2;
1740 #allmessagestable tr.new {
1741 background-color: #e2ffe2;
1744 #allmessagestable tr.def {
1745 background-color: #f0f0ff;
1750 border: 1px solid #ccc;
1751 background-color: #fff;
1756 div#searchTargetContainer {
1760 background-color: white;
1766 background-color: #F0F0F0;
1767 border: solid 1px blue;
1770 div#searchTarget ul li {
1774 div#searchTarget ul li:before {
1776 content: "\00BB \0020";
1779 div.multipageimagenavbox {
1780 border: solid 1px silver;
1783 background-color: #f0f0f0;
1786 div.multipageimagenavbox div.thumb {
1792 div.multipageimagenavbox hr {
1796 table.multipageimage td {
1801 Table pager (e.g. Special:Imagelist)
1802 - remove underlines from the navigation link
1804 - set the borders to outsets (similar to Special:Allmessages)
1805 - remove line wrapping for all td and th, set background color
1806 - restore line wrapping for the last two table cells (description and size)
1809 text-decoration: none;
1813 border-collapse: collapse;
1816 .TablePager, .TablePager td, .TablePager th {
1817 border: 0.15em solid #777777;
1818 padding: 0 0.15em 0 0.15em;
1822 background-color: #eeeeff
1826 background-color: #ffffff
1829 .TablePager tr:hover td {
1830 background-color: #eeeeff
1833 .imagelist td, .imagelist th {
1837 .imagelist .TablePager_col_links {
1838 background-color: #eeeeff
1841 .imagelist .TablePager_col_img_description {
1845 .imagelist th.TablePager_sort {
1846 background-color: #ccccff
1856 .pagelist thead td {
1857 background-color: #e8e8e8;
1858 text-decoration: none;
1862 .pagelist thead td u {
1863 text-decoration: none;
1867 vertical-align: top;
1870 .pagelist tr.evenrow {
1871 background-color: #eee;
1874 .pagelist tr.oddrow {
1875 background-color: white;
1879 background-color: ThreeDLightShadow;
1881 font-family: Tahoma, Arial, Helvetica, sans-serif;
1883 font-weight: normal;
1884 white-space: nowrap;
1887 padding: 5px 0 5px 0;
1889 border-style: solid;
1890 border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
1893 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1894 text-decoration: none;
1896 font-weight: normal;
1897 font-family: Tahoma, Arial, Helvetica, sans-serif;
1898 background-color: ThreeDLightShadow;
1906 .wikipaging-disabled {
1910 /* plugin BoxRight */
1912 background-color: #e9fbff;
1917 border: thin solid #888888;
1922 margin-left: 12.2em;
1927 background-color: #eee;
1930 padding-left: 0.8em;
1931 padding-right: 0.8em;
1934 border: medium solid red;
1940 background-color: #eee;
1943 padding-left: 0.8em;
1944 padding-right: 0.8em;
1947 border: thin solid blue;
1954 background-color: white;
1955 font-family: monospace;
1958 padding: 0.5ex 0.5em;
1959 border: medium solid #fff8dc; /* darker ivory */
1965 background-color: #eeeeee;
1966 /* font-size: smaller; */
1969 padding: 0.5ex 0.5em;
1970 border: thin solid #aaaaaa;
1977 /* Disabled Plugins */
1984 .disabled-plugin .title {
1986 background-color: inherit;
1992 .disabled-plugin pre {
1994 background-color: #ddd;
1996 padding: 0.3ex 0.5em;
1999 /* "(Redirected from ...)" message. */
2002 font-style: oblique;
2003 font-weight: normal;
2008 background-color: white;
2009 font-style: oblique;
2013 background-color: yellow;
2014 font-weight: normal;
2019 background-color: yellow;
2029 * The div inside the wikiadmin upload form does not
2030 * have a class yet, so it must be referenced indirectly
2032 /* div.wikiaction { background-color: #eee; } */
2033 /* div.wikiadmin { background-color: #fee; } */
2034 /* form.wikiadmin div { background-color: #fee; } */
2036 background-color: #eee;
2042 .wiki, .named-wiki {
2043 text-decoration: none;
2044 font-weight: normal;
2045 /* font-weight: bold; */
2048 /* Action buttons */
2049 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
2050 input.wikiaction, input.button, input.wikiadmin {
2051 text-decoration: none;
2052 font-family: Arial, Helvetica, sans-serif;
2053 /* don't wrap text buttons */
2054 white-space: nowrap;
2055 /*font-size: inherit; */
2059 a.wikiaction, a.wikiaction:visited, input.wikiaction, input.button {
2060 background-color: #ddd;
2065 background-color: #fcc;
2069 a.wikiadmin, a.wikiadmin:visited, input.wikiadmin {
2070 background-color: #fdd;
2075 .wikiunknown, .named-wikiunknown {
2076 font-weight: normal;
2080 /* QuestionMark #600 */
2081 .wikiunknown a, .named-wikiunknown a {
2083 background-color: #eee;
2084 text-decoration: none;
2085 font-weight: normal;
2091 text-decoration: underline;
2096 text-decoration: underline;
2099 /* Interwiki links */
2100 /* .wikipage { font-weight: bold; } */
2102 font-weight: normal;
2106 text-decoration: none;
2109 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
2110 font-style: oblique;
2113 .interwiki .wikipage, i .interwiki, em .interwiki {
2118 * "E-mail" style blockquote
2120 blockquote.mail-style-quote {
2121 border-left: medium #284 solid;
2127 .mail-style-quote blockquote.mail-style-quote {
2128 margin-left: -0.6em;
2131 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
2134 * table class="boxed"
2135 * will put a border around the table (but not around the cells)
2137 * table class="bordered"
2138 * will put a border around the table and the cells
2140 * In both cases, the caption will be bold and centered under the table
2142 * In both cases, the headers (th) will have a "#d8d8d8" background
2145 table.boxed, table.bordered, table.bordered th, table.bordered td {
2147 border-style: solid;
2148 border-collapse: collapse;
2149 vertical-align: top;
2152 table.boxed td, table.bordered td,
2153 table.boxed th, table.bordered th {
2160 table.boxed caption, table.bordered caption {
2163 caption-side: bottom;
2167 table.boxed th, table.bordered th {
2169 background-color: #d8d8d8;
2172 /* For RecentChanges plugin */
2173 td.tdselected, td.tdunselected {
2182 background-color: #554295;
2187 background-color: #e9e8de;
2190 /* Style for feedback
2191 * Use this style to tell the user that the operation he
2192 * requested was executed successfully, e.g:
2193 * User was successfully registered
2198 border-style: solid;
2199 background-color: #DFD;
2200 border-color: green;
2204 #edit-public, h1.firstHeading-public, h1.firstHeading-rating-public {
2205 background-color: #ffce7b;
2206 border: 1px solid #ffa500;
2209 /* PageTrail plugin */
2211 background-color: #FFFF99;
2215 /* IncludePage plugin ================================================= */
2217 .transclusion-title {
2219 font-style: oblique;
2221 text-decoration: underline;
2222 margin-bottom: 0.25ex;
2223 margin-right: 0.25em;
2226 .transclusion, .wiki-edithelp {
2231 border: 1px solid gray;
2232 padding-left: 0.8em;
2233 padding-right: 0.8em;
2236 margin-left: 0.25em;
2237 margin-right: 0.25em;
2238 margin-bottom: 0.1ex;
2242 background-color: white;
2243 border: medium solid #fff8dc; /* darker ivory */
2244 padding-left: 0.5em;
2245 padding-right: 0.5em;
2246 padding-top: 0.75ex;
2247 padding-bottom: 0.75ex;
2254 table.sortable th.header {
2255 background-image: url(../default/buttons/sort_none.gif);
2257 background-repeat: no-repeat;
2258 background-position: center right;
2259 padding-right: 20px;
2262 table.sortable th.headerSortUp {
2263 background-image: url(../default/buttons/sort_up.gif);
2265 background-repeat: no-repeat;
2266 background-position: center right;
2267 padding-right: 20px;
2270 table.sortable th.headerSortDown {
2271 background-image: url(../default/buttons/sort_down.gif);
2273 background-repeat: no-repeat;
2274 background-position: center right;
2275 padding-right: 20px;