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;
299 /* --------------------------------------------------------------- */
302 ** the main content area
316 margin: 0 0 1.4em 1em;
325 /* Some space under the headers in the content area */
326 #bodyContent h1, #bodyContent h2 {
330 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
335 margin-bottom: 0.1em;
338 /* user notification thing */
340 background-color: #ffce7b;
341 border: 1px solid #ffa500;
346 vertical-align: middle;
360 .errorbox, .successbox {
371 background-color: #fff2f2;
376 background-color: #dfd;
379 .errorbox h2, .successbox h2 {
388 border: 1px solid #aaa;
389 background-color: #f9f9f9;
395 /* currently unused, intended to be used by a metadata box
396 in the bottom-right corner of the content area */
397 .documentDescription {
398 /* The summary text describing the document */
424 /* small for tables and similar */
439 border: 1px solid #aaa;
440 background-color: #f9f9f9;
480 list-style-type: square;
481 list-style-image: url("images/bullet.png");
498 border: 1px solid #aaa;
499 background-color: #f9f9f9;
511 div.floatright, table.floatright {
515 margin: 0 0 .5em .5em;
523 div.floatleft, table.floatleft {
526 margin: 0 .5em .5em 0;
543 border: 1px solid #ccc;
544 padding: 3px !important;
545 background-color: #f9f9f9;
551 div.thumb div a img {
552 border: 1px solid #ccc;
555 div.thumb div div.thumbcaption {
559 padding: .3em 0 .1em 0;
564 border-style: none !important;
565 background: none !important;
568 div.magnify a, div.magnify img {
570 border-style: none !important;
571 background: none !important;
577 border-width: .5em 0 .8em 1.4em;
583 border-width: .5em 1.4em .8em 0;
592 vertical-align: middle;
600 ** classes for special content elements like town boxes
601 ** intended to be referenced directly from the wiki src
607 /* table standards */
617 border: 1px solid #aaa;
618 background-color: #f9f9f9;
626 background-color: white;
628 border: 1px solid gray;
642 background-image: none;
647 margin: .1em 0 0 1.1em;
648 background-color: #f3f3f3;
663 .pageinfo-majoredit {
664 font-weight: normal; /*bold;*/
672 /* Page history styling */
673 /* the auto-generated edit comments */
678 #pagehistory span.user {
683 #pagehistory span.minor {
688 border: 1px solid white;
691 #pagehistory li.selected {
692 background-color: #f9f9f9;
693 border: 1px dashed #aaa;
697 ** Diff rendering (unused)
699 table.diff, td.diff-otitle, td.diff-ntitle {
700 background-color: white;
704 background-color: #cfc;
708 td.diff-deletedline {
709 background-color: #ffa;
714 background-color: #eee;
729 margin-bottom: 0.5ex;
730 background-color: white;
732 border-top: 1px solid #494f5d;
733 border-left: 1px solid #494f5d;
734 border-bottom: 1px solid #c6d2de;
735 border-right: 1px solid #c6d2de;
738 padding-left: .125em;
739 padding-right: .125em;
745 background-color: #ddd;
749 /* individual blocks */
751 background-color: white;
755 /* entire difftextblock */
759 background-color: white;
760 border-top: 1px #e8e6df solid;
761 border-left: 1px #e8e6df solid;
762 border-bottom: 1px #d2d2d2 solid;
763 border-right: 1px #b2b2b2 solid;
771 /* + - line prefix */
774 font-family: monospace;
781 .diff del, .diff ins {
783 text-decoration: none;
786 /* blocks containing deleted or added words */
787 .diff .original, .diff .deleted,
788 .diff .final, .diff .added {
789 background-color: white;
792 /* blocks containing deleted words */
793 .diff .original, .diff .deleted {
794 background-color: #fcc;
798 /* blocks containing added words */
799 .diff .final, .diff .added {
800 background-color: #cfc;
806 background-color: #f99;
811 background-color: #9f9;
821 .pageinfo-minoredit, .pageinfo-authorid {
831 background-color: #eeeeee;
832 border: thin dashed #aaaaaa;
841 background-color: #f2f2f2;
850 border-top: thin dashed #aaaaaa;
856 vertical-align: middle;
863 border: 1px outset gray;
864 background-color: white;
873 background-color: white;
877 /* Month-name header */
882 table.cal-header tr, table.cal-header td {
888 text-decoration: none;
891 /* Day-names header */
892 table.cal tbody tr .cal-dayname {
898 text-decoration: underline;
901 /* Individual days */
903 text-decoration: none;
908 table.cal td.cal-today {
910 border: 1px solid gray;
914 table.cal td.cal-today a.cal-hide {
918 ** keep the whitespace in front of the ^=, hides rule from konqueror
919 ** this is css3, the validator doesn't like it when validating as css2
921 #bodyContent a.external,
922 #bodyContent a[href ^="gopher://"] {
923 background: url("images/url.png") center right no-repeat;
927 #bodyContent a[href ^="https://"],
929 background: url("images/lock_icon.png") center right no-repeat;
933 #bodyContent a[href ^="mailto:"],
935 background: url("images/mail_icon.png") center right no-repeat;
939 #bodyContent a[href ^="news://"] {
940 background: url("images/news_icon.png") center right no-repeat;
944 #bodyContent a[href ^="ftp://"],
946 background: url("images/file_icon.png") center right no-repeat;
950 #bodyContent a[href ^="irc://"],
952 background: url("images/discussionitem_icon.png") center right no-repeat;
956 /* disable interwiki styling */
957 #bodyContent a.extiw,
958 #bodyContent a.extiw:active {
960 background-image: none;
964 #bodyContent a.external {
968 /* this can be used in the content area to switch off
969 special external link styling */
970 #bodyContent .plainlinks a {
971 background: none !important;
972 padding: 0 !important;
976 ** Structural Elements
980 ** general portlet styles (elements in the quickbar)
998 background-color: transparent;
999 padding: 0 1em 0 0.5em;
1000 text-transform: lowercase;
1004 font-weight: normal;
1005 white-space: nowrap;
1009 background-color: #ffae2e;
1010 border: 1px solid #2f6fab;
1011 border-style: solid solid none solid;
1012 padding: 0 1em 0 1em;
1013 text-transform: lowercase;
1017 font-weight: normal;
1018 white-space: nowrap;
1023 background-color: white;
1025 border-collapse: collapse;
1026 border: 1px solid #aaa;
1027 padding: 0 .8em .3em .5em;
1040 list-style-type: square;
1041 list-style-image: url("images/bullet.png");
1053 * Optionally at the right also an image
1057 position: absolute; /*needed to use z-index */
1075 background-repeat: no-repeat;
1076 background-position: 35% 50% !important;
1077 text-decoration: none;
1080 /* At the right we put a small "wiki star" */
1088 background: url("images/wiki_stamp.png") left no-repeat;
1089 background-repeat: no-repeat;
1094 ** the navigation portlet
1102 #p-navigation .pBody {
1110 #p-navigation li.active a, #p-navigation li.active a:hover {
1111 text-decoration: none;
1124 input.searchButton {
1126 padding: 0 0.4em !important;
1129 background-color: White;
1130 border: 1px solid #2f6fab;
1135 padding-right: .5em;
1140 #livesearch, #p-search input.dropdown {
1148 padding: .5em .4em .4em .4em;
1153 ** the personal toolbar
1160 white-space: nowrap;
1175 #p-personal .portlet,
1176 #p-personal .pBody {
1182 background-image: none;
1185 /* this is the ul contained in the portlet */
1191 padding: 0 2em 0 3em;
1194 /*text-transform: lowercase;*/
1196 background-image: none;
1208 background-image: none;
1211 #p-personal li.active {
1216 text-decoration: none;
1218 padding-bottom: 0.2em;
1219 background-image: none;
1222 #p-personal li a:hover {
1223 background-color: white;
1224 padding-bottom: .2em;
1225 text-decoration: none;
1228 #p-personal li.active a:hover {
1229 background-color: transparent;
1232 /* the icon in front of the user name, single quotes
1233 in bg url to hide it from iemac */
1237 /*background: url('images/wikiuser.png') top left bottom no-repeat;*/
1238 background: url('images/wikiuser.png') left no-repeat;
1239 background-repeat: no-repeat;
1241 text-transform: none;
1249 ** the page-related actions- page/talk, edit etc
1258 white-space: nowrap;
1262 background-image: none;
1263 border-collapse: collapse;
1269 #p-cactions .hiddenStructure {
1279 border: 1px solid #aaa;
1280 border-bottom: none;
1281 padding: 0 0 .1em 0;
1284 background-color: white;
1287 #p-cactions li.selected {
1288 border-color: #fabd23;
1289 padding: 0 0 0.2em 0 !important;
1295 background-color: #fbfbfb;
1298 padding: 0 .8em .3em;
1299 text-decoration: none;
1300 /*text-transform: lowercase;*/
1304 #p-cactions li.selected a {
1306 background-color: #fff;
1307 padding: 0 1em 0.2em;
1310 #p-cactions .new a {
1314 #p-cactions li a:hover {
1316 text-decoration: none;
1317 background-color: #dedede;
1320 /* http://universaleditbutton.org */
1321 #p-cactions li a#btn-edit {
1322 background: url('images/UEB16.png') top left no-repeat;
1323 background-repeat: no-repeat;
1324 padding-left: 20px !important;
1325 text-transform: none;
1328 #p-cactions li a#btn-edit:hover {
1330 text-decoration: none;
1331 background-color: #fff;
1332 /*padding-bottom: 0.3em !important;*/
1339 #p-cactions li.istalk {
1343 #p-cactions li.istalk a {
1344 padding-right: .5em;
1347 #p-cactions #ca-addsection a {
1349 padding-right: .4em;
1352 /* offsets to distinguish the tab groups */
1354 margin-right: 1.6em;
1357 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1362 ** the remaining portlets
1374 background-color: white;
1375 border-top: 1px solid #fabd23;
1376 border-bottom: 1px solid #fabd23;
1377 margin: .6em 0 1em 0;
1378 border-left: 1px solid #fabd23;
1379 margin-left: 13.6em;
1380 padding: .4em 0 1.2em 0;
1386 display: table-cell;
1394 /* hide from incapable browsers */
1395 head:first-child+body #footer li {
1396 white-space: nowrap;
1399 #f-poweredbyico, #f-copyrightico {
1400 display: table-cell;
1404 vertical-align: middle;
1410 margin: 1em 1em 1em 1em;
1415 border: 1px solid White;
1418 #preftoc li.selected {
1419 background-color: #f9f9f9;
1420 border: 1px dashed #aaaaaa;
1435 div.prefsectiontip {
1440 fieldset.operaprefsection {
1445 /* float/negative margin brokenness */
1450 * html #column-content {
1455 * html div.editsection {
1459 #pagehistory li.selected {
1463 * > html #column-one {
1470 margin-left: 13.2em;
1483 background-color: #ffa;
1491 span.newpage, span.minor, span.searchmatch, span.bot {
1504 .sharedUploadNotice {
1508 span.updatedmarker {
1510 background-color: #0f0;
1513 span.newpageletter {
1516 background-color: yellow;
1519 span.minoreditletter {
1521 background-color: #c5ffe6;
1525 border: 1px solid #ccc;
1528 background-color: white;
1532 vertical-align: top;
1536 vertical-align: top;
1537 background-color: #f9f9f9;
1538 border: solid 2px white;
1541 table.gallery td.galleryheader {
1551 div.gallerybox div.thumb {
1553 border: 1px solid #ccc;
1573 border-bottom: 1px solid #aaa;
1574 padding-bottom: 1em;
1584 border: 1px solid gray;
1585 background-color: #ffffff;
1593 .editExternallyHelp {
1598 li span.deleted, span.history-deleted {
1599 text-decoration: line-through;
1609 /* Classes for EXIF data display */
1613 margin-bottom: 0.5em;
1617 table.mw_metadata caption {
1621 table.mw_metadata th {
1622 font-weight: normal;
1625 table.mw_metadata td {
1631 border-collapse: collapse;
1634 table.mw_metadata td, table.mw_metadata th {
1636 border: 1px solid #aaaaaa;
1637 padding-left: 0.1em;
1638 padding-right: 0.1em;
1641 table.mw_metadata th {
1642 background-color: #f9f9f9;
1645 table.mw_metadata td {
1646 background-color: #fcfcfc;
1649 table.collapsed tr.collapsable {
1656 border: 1px solid #aaaaaa;
1657 background-color: #f9f9f9;
1660 margin-bottom: 0.5em;
1667 list-style-type: none;
1672 input#wpSave, input#wpDiff {
1673 margin-right: 0.33em;
1676 #editform .editOptions {
1684 /* Classes for article validation */
1686 table.revisionform_default {
1687 border: 1px solid #000000;
1690 table.revisionform_focus {
1691 border: 1px solid #000000;
1692 background-color: #00BBFF;
1695 tr.revision_tr_default {
1696 background-color: #EEEEEE;
1699 tr.revision_tr_first {
1700 background-color: #DDDDDD;
1709 border: solid 1px #bbbbff;
1710 background-color: #eeeeff;
1714 /* Allmessages table */
1716 #allmessagestable th {
1717 background-color: #b2b2ff;
1720 #allmessagestable tr.orig {
1721 background-color: #ffe2e2;
1724 #allmessagestable tr.new {
1725 background-color: #e2ffe2;
1728 #allmessagestable tr.def {
1729 background-color: #f0f0ff;
1734 border: 1px solid #ccc;
1735 background-color: #fff;
1740 div#searchTargetContainer {
1744 background-color: white;
1750 background-color: #F0F0F0;
1751 border: solid 1px blue;
1754 div#searchTarget ul li {
1758 div#searchTarget ul li:before {
1760 content: "\00BB \0020";
1763 div.multipageimagenavbox {
1764 border: solid 1px silver;
1767 background-color: #f0f0f0;
1770 div.multipageimagenavbox div.thumb {
1776 div.multipageimagenavbox hr {
1780 table.multipageimage td {
1785 Table pager (e.g. Special:Imagelist)
1786 - remove underlines from the navigation link
1788 - set the borders to outsets (similar to Special:Allmessages)
1789 - remove line wrapping for all td and th, set background color
1790 - restore line wrapping for the last two table cells (description and size)
1793 text-decoration: none;
1797 border-collapse: collapse;
1800 .TablePager, .TablePager td, .TablePager th {
1801 border: 0.15em solid #777777;
1802 padding: 0 0.15em 0 0.15em;
1806 background-color: #eeeeff
1810 background-color: #ffffff
1813 .TablePager tr:hover td {
1814 background-color: #eeeeff
1817 .imagelist td, .imagelist th {
1821 .imagelist .TablePager_col_links {
1822 background-color: #eeeeff
1825 .imagelist .TablePager_col_img_description {
1829 .imagelist th.TablePager_sort {
1830 background-color: #ccccff
1840 .pagelist thead td {
1841 background-color: #e8e8e8;
1842 text-decoration: none;
1846 .pagelist thead td u {
1847 text-decoration: none;
1851 vertical-align: top;
1854 .pagelist tr.evenrow {
1855 background-color: #eee;
1858 .pagelist tr.oddrow {
1859 background-color: white;
1863 background-color: ThreeDLightShadow;
1865 font-family: Tahoma, Arial, Helvetica, sans-serif;
1867 font-weight: normal;
1868 white-space: nowrap;
1871 padding: 5px 0 5px 0;
1873 border-style: solid;
1874 border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
1877 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1878 text-decoration: none;
1880 font-weight: normal;
1881 font-family: Tahoma, Arial, Helvetica, sans-serif;
1882 background-color: ThreeDLightShadow;
1890 .wikipaging-disabled {
1894 /* plugin BoxRight */
1896 background-color: #e9fbff;
1901 border: thin solid #888888;
1906 margin-left: 12.2em;
1911 background-color: #eee;
1914 padding-left: 0.8em;
1915 padding-right: 0.8em;
1918 border: medium solid red;
1924 background-color: #eee;
1927 padding-left: 0.8em;
1928 padding-right: 0.8em;
1931 border: thin solid blue;
1938 background-color: white;
1939 font-family: monospace;
1942 padding: 0.5ex 0.5em;
1943 border: medium solid #fff8dc; /* darker ivory */
1949 background-color: #eeeeee;
1950 /* font-size: smaller; */
1953 padding: 0.5ex 0.5em;
1954 border: thin solid #aaaaaa;
1961 /* Disabled Plugins */
1968 .disabled-plugin .title {
1970 background-color: inherit;
1976 .disabled-plugin pre {
1978 background-color: #ddd;
1980 padding: 0.3ex 0.5em;
1983 /* "(Redirected from ...)" message. */
1986 font-style: oblique;
1987 font-weight: normal;
1992 background-color: white;
1993 font-style: oblique;
1997 background-color: yellow;
1998 font-weight: normal;
2003 background-color: yellow;
2013 * The div inside the wikiadmin upload form does not
2014 * have a class yet, so it must be referenced indirectly
2016 /* div.wikiaction { background-color: #eee; } */
2017 /* div.wikiadmin { background-color: #fee; } */
2018 /* form.wikiadmin div { background-color: #fee; } */
2020 background-color: #eee;
2026 .wiki, .named-wiki {
2027 text-decoration: none;
2028 font-weight: normal;
2029 /* font-weight: bold; */
2032 /* Action buttons */
2033 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
2034 input.wikiaction, input.button, input.wikiadmin {
2035 text-decoration: none;
2036 font-family: Arial, Helvetica, sans-serif;
2037 /* don't wrap text buttons */
2038 white-space: nowrap;
2039 /*font-size: inherit; */
2043 a.wikiaction, a.wikiaction:visited, input.wikiaction, input.button {
2044 background-color: #ddd;
2049 background-color: #fcc;
2053 a.wikiadmin, a.wikiadmin:visited, input.wikiadmin {
2054 background-color: #fdd;
2059 .wikiunknown, .named-wikiunknown {
2060 font-weight: normal;
2064 /* QuestionMark #600 */
2065 .wikiunknown a, .named-wikiunknown a {
2067 background-color: #eee;
2068 text-decoration: none;
2069 font-weight: normal;
2075 text-decoration: underline;
2080 text-decoration: underline;
2083 /* Interwiki links */
2084 /* .wikipage { font-weight: bold; } */
2086 font-weight: normal;
2090 text-decoration: none;
2093 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
2094 font-style: oblique;
2097 .interwiki .wikipage, i .interwiki, em .interwiki {
2102 * "E-mail" style blockquote
2104 blockquote.mail-style-quote {
2105 border-left: medium #284 solid;
2111 .mail-style-quote blockquote.mail-style-quote {
2112 margin-left: -0.6em;
2115 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
2118 * table class="boxed"
2119 * will put a border around the table (but not around the cells)
2121 * table class="bordered"
2122 * will put a border around the table and the cells
2124 * In both cases, the caption will be bold and centered under the table
2126 * In both cases, the headers (th) will have a "#d8d8d8" background
2129 table.boxed, table.bordered, table.bordered th, table.bordered td {
2131 border-style: solid;
2132 border-collapse: collapse;
2133 vertical-align: top;
2136 table.boxed td, table.bordered td,
2137 table.boxed th, table.bordered th {
2144 table.boxed caption, table.bordered caption {
2147 caption-side: bottom;
2151 table.boxed th, table.bordered th {
2153 background-color: #d8d8d8;
2156 /* For RecentChanges plugin */
2157 td.tdselected, td.tdunselected {
2166 background-color: #554295;
2171 background-color: #e9e8de;
2174 /* Style for feedback
2175 * Use this style to tell the user that the operation he
2176 * requested was executed successfully, e.g:
2177 * User was successfully registered
2182 border-style: solid;
2183 background-color: #DFD;
2184 border-color: green;
2188 #edit-public, h1.firstHeading-public, h1.firstHeading-rating-public {
2189 background-color: #ffce7b;
2190 border: 1px solid #ffa500;
2193 /* PageTrail plugin */
2195 background-color: #FFFF99;
2199 /* IncludePage plugin ================================================= */
2201 .transclusion-title {
2203 font-style: oblique;
2205 text-decoration: underline;
2206 margin-bottom: 0.25ex;
2207 margin-right: 0.25em;
2210 .transclusion, .wiki-edithelp {
2215 border: 1px solid gray;
2216 padding-left: 0.8em;
2217 padding-right: 0.8em;
2220 margin-left: 0.25em;
2221 margin-right: 0.25em;
2222 margin-bottom: 0.1ex;
2226 background-color: white;
2227 border: medium solid #fff8dc; /* darker ivory */
2228 padding-left: 0.5em;
2229 padding-right: 0.5em;
2230 padding-top: 0.75ex;
2231 padding-bottom: 0.75ex;