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;
292 vertical-align: bottom;
296 vertical-align: middle;
300 vertical-align: baseline;
311 /* --------------------------------------------------------------- */
314 ** the main content area
328 margin: 0 0 1.4em 1em;
337 /* Some space under the headers in the content area */
338 #bodyContent h1, #bodyContent h2 {
342 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
347 margin-bottom: 0.1em;
350 /* user notification thing */
352 background-color: #ffce7b;
353 border: 1px solid #ffa500;
358 vertical-align: middle;
372 .errorbox, .successbox {
383 background-color: #fff2f2;
388 background-color: #dfd;
391 .errorbox h2, .successbox h2 {
400 border: 1px solid #aaa;
401 background-color: #f9f9f9;
407 /* currently unused, intended to be used by a metadata box
408 in the bottom-right corner of the content area */
409 .documentDescription {
410 /* The summary text describing the document */
436 /* small for tables and similar */
451 border: 1px solid #aaa;
452 background-color: #f9f9f9;
492 list-style-type: square;
493 list-style-image: url("images/bullet.png");
510 border: 1px solid #aaa;
511 background-color: #f9f9f9;
523 div.floatright, table.floatright {
527 margin: 0 0 .5em .5em;
535 div.floatleft, table.floatleft {
538 margin: 0 .5em .5em 0;
555 border: 1px solid #ccc;
556 padding: 3px !important;
557 background-color: #f9f9f9;
563 div.thumb div a img {
564 border: 1px solid #ccc;
567 div.thumb div div.thumbcaption {
571 padding: .3em 0 .1em 0;
576 border-style: none !important;
577 background: none !important;
580 div.magnify a, div.magnify img {
582 border-style: none !important;
583 background: none !important;
589 border-width: .5em 0 .8em 1.4em;
595 border-width: .5em 1.4em .8em 0;
604 vertical-align: middle;
612 ** classes for special content elements like town boxes
613 ** intended to be referenced directly from the wiki src
619 /* table standards */
629 border: 1px solid #aaa;
630 background-color: #f9f9f9;
638 background-color: white;
640 border: 1px solid gray;
654 background-image: none;
659 margin: .1em 0 0 1.1em;
660 background-color: #f3f3f3;
675 .pageinfo-majoredit {
676 font-weight: normal; /*bold;*/
684 /* Page history styling */
685 /* the auto-generated edit comments */
690 #pagehistory span.user {
695 #pagehistory span.minor {
700 border: 1px solid white;
703 #pagehistory li.selected {
704 background-color: #f9f9f9;
705 border: 1px dashed #aaa;
709 ** Diff rendering (unused)
711 table.diff, td.diff-otitle, td.diff-ntitle {
712 background-color: white;
716 background-color: #cfc;
720 td.diff-deletedline {
721 background-color: #ffa;
726 background-color: #eee;
741 margin-bottom: 0.5ex;
742 background-color: white;
744 border-top: 1px solid #494f5d;
745 border-left: 1px solid #494f5d;
746 border-bottom: 1px solid #c6d2de;
747 border-right: 1px solid #c6d2de;
750 padding-left: .125em;
751 padding-right: .125em;
757 background-color: #ddd;
761 /* individual blocks */
763 background-color: white;
767 /* entire difftextblock */
771 background-color: white;
772 border-top: 1px #e8e6df solid;
773 border-left: 1px #e8e6df solid;
774 border-bottom: 1px #d2d2d2 solid;
775 border-right: 1px #b2b2b2 solid;
783 /* + - line prefix */
786 font-family: monospace;
793 .diff del, .diff ins {
795 text-decoration: none;
798 /* blocks containing deleted or added words */
799 .diff .original, .diff .deleted,
800 .diff .final, .diff .added {
801 background-color: white;
804 /* blocks containing deleted words */
805 .diff .original, .diff .deleted {
806 background-color: #fcc;
810 /* blocks containing added words */
811 .diff .final, .diff .added {
812 background-color: #cfc;
818 background-color: #f99;
823 background-color: #9f9;
833 .pageinfo-minoredit, .pageinfo-authorid {
843 background-color: #eeeeee;
844 border: thin dashed #aaaaaa;
853 background-color: #f2f2f2;
862 border-top: thin dashed #aaaaaa;
868 vertical-align: middle;
875 border: 1px outset gray;
876 background-color: white;
885 background-color: white;
889 /* Month-name header */
894 table.cal-header tr, table.cal-header td {
900 text-decoration: none;
903 /* Day-names header */
904 table.cal tbody tr .cal-dayname {
910 text-decoration: underline;
913 /* Individual days */
915 text-decoration: none;
920 table.cal td.cal-today {
922 border: 1px solid gray;
926 table.cal td.cal-today a.cal-hide {
930 ** keep the whitespace in front of the ^=, hides rule from konqueror
931 ** this is css3, the validator doesn't like it when validating as css2
933 #bodyContent a.external,
934 #bodyContent a[href ^="gopher://"] {
935 background: url("images/url.png") center right no-repeat;
939 #bodyContent a[href ^="https://"],
941 background: url("images/lock_icon.png") center right no-repeat;
945 #bodyContent a[href ^="mailto:"],
947 background: url("images/mail_icon.png") center right no-repeat;
951 #bodyContent a[href ^="news://"] {
952 background: url("images/news_icon.png") center right no-repeat;
956 #bodyContent a[href ^="ftp://"],
958 background: url("images/file_icon.png") center right no-repeat;
962 #bodyContent a[href ^="irc://"],
964 background: url("images/discussionitem_icon.png") center right no-repeat;
968 /* disable interwiki styling */
969 #bodyContent a.extiw,
970 #bodyContent a.extiw:active {
972 background-image: none;
976 #bodyContent a.external {
980 /* this can be used in the content area to switch off
981 special external link styling */
982 #bodyContent .plainlinks a {
983 background: none !important;
984 padding: 0 !important;
988 ** Structural Elements
992 ** general portlet styles (elements in the quickbar)
1005 font-weight: normal;
1006 white-space: nowrap;
1010 background-color: transparent;
1011 padding: 0 1em 0 0.5em;
1012 text-transform: lowercase;
1016 font-weight: normal;
1017 white-space: nowrap;
1021 background-color: #ffae2e;
1022 border: 1px solid #2f6fab;
1023 border-style: solid solid none solid;
1024 padding: 0 1em 0 1em;
1025 text-transform: lowercase;
1029 font-weight: normal;
1030 white-space: nowrap;
1035 background-color: white;
1037 border-collapse: collapse;
1038 border: 1px solid #aaa;
1039 padding: 0 .8em .3em .5em;
1052 list-style-type: square;
1053 list-style-image: url("images/bullet.png");
1065 * Optionally at the right also an image
1069 position: absolute; /*needed to use z-index */
1087 background-repeat: no-repeat;
1088 background-position: 35% 50% !important;
1089 text-decoration: none;
1092 /* At the right we put a small "wiki star" */
1100 background: url("images/wiki_stamp.png") left no-repeat;
1101 background-repeat: no-repeat;
1106 ** the navigation portlet
1114 #p-navigation .pBody {
1122 #p-navigation li.active a, #p-navigation li.active a:hover {
1123 text-decoration: none;
1136 input.searchButton {
1138 padding: 0 0.4em !important;
1141 background-color: White;
1142 border: 1px solid #2f6fab;
1147 padding-right: .5em;
1152 #livesearch, #p-search input.dropdown {
1160 padding: .5em .4em .4em .4em;
1165 ** the personal toolbar
1172 white-space: nowrap;
1187 #p-personal .portlet,
1188 #p-personal .pBody {
1194 background-image: none;
1197 /* this is the ul contained in the portlet */
1203 padding: 0 2em 0 3em;
1206 /*text-transform: lowercase;*/
1208 background-image: none;
1220 background-image: none;
1223 #p-personal li.active {
1228 text-decoration: none;
1230 padding-bottom: 0.2em;
1231 background-image: none;
1234 #p-personal li a:hover {
1235 background-color: white;
1236 padding-bottom: .2em;
1237 text-decoration: none;
1240 #p-personal li.active a:hover {
1241 background-color: transparent;
1244 /* the icon in front of the user name, single quotes
1245 in bg url to hide it from iemac */
1249 /*background: url('images/wikiuser.png') top left bottom no-repeat;*/
1250 background: url('images/wikiuser.png') left no-repeat;
1251 background-repeat: no-repeat;
1253 text-transform: none;
1261 ** the page-related actions- page/talk, edit etc
1270 white-space: nowrap;
1274 background-image: none;
1275 border-collapse: collapse;
1281 #p-cactions .hiddenStructure {
1291 border: 1px solid #aaa;
1292 border-bottom: none;
1293 padding: 0 0 .1em 0;
1296 background-color: white;
1299 #p-cactions li.selected {
1300 border-color: #fabd23;
1301 padding: 0 0 0.2em 0 !important;
1307 background-color: #fbfbfb;
1310 padding: 0 .8em .3em;
1311 text-decoration: none;
1312 /*text-transform: lowercase;*/
1316 #p-cactions li.selected a {
1318 background-color: #fff;
1319 padding: 0 1em 0.2em;
1322 #p-cactions .new a {
1326 #p-cactions li a:hover {
1328 text-decoration: none;
1329 background-color: #dedede;
1332 /* http://universaleditbutton.org */
1333 #p-cactions li a#btn-edit {
1334 background: url('images/UEB16.png') top left no-repeat;
1335 background-repeat: no-repeat;
1336 padding-left: 20px !important;
1337 text-transform: none;
1340 #p-cactions li a#btn-edit:hover {
1342 text-decoration: none;
1343 background-color: #fff;
1344 /*padding-bottom: 0.3em !important;*/
1351 #p-cactions li.istalk {
1355 #p-cactions li.istalk a {
1356 padding-right: .5em;
1359 #p-cactions #ca-addsection a {
1361 padding-right: .4em;
1364 /* offsets to distinguish the tab groups */
1366 margin-right: 1.6em;
1369 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1374 ** the remaining portlets
1386 background-color: white;
1387 border-top: 1px solid #fabd23;
1388 border-bottom: 1px solid #fabd23;
1389 margin: .6em 0 1em 0;
1390 border-left: 1px solid #fabd23;
1391 margin-left: 13.6em;
1392 padding: .4em 0 1.2em 0;
1398 display: table-cell;
1406 /* hide from incapable browsers */
1407 head:first-child+body #footer li {
1408 white-space: nowrap;
1411 #f-poweredbyico, #f-copyrightico {
1412 display: table-cell;
1416 vertical-align: middle;
1422 margin: 1em 1em 1em 1em;
1427 border: 1px solid White;
1430 #preftoc li.selected {
1431 background-color: #f9f9f9;
1432 border: 1px dashed #aaaaaa;
1447 div.prefsectiontip {
1452 fieldset.operaprefsection {
1457 /* float/negative margin brokenness */
1462 * html #column-content {
1467 * html div.editsection {
1471 #pagehistory li.selected {
1475 * > html #column-one {
1482 margin-left: 13.2em;
1495 background-color: #ffa;
1503 span.newpage, span.minor, span.searchmatch, span.bot {
1516 .sharedUploadNotice {
1520 span.updatedmarker {
1522 background-color: #0f0;
1525 span.newpageletter {
1528 background-color: yellow;
1531 span.minoreditletter {
1533 background-color: #c5ffe6;
1537 border: 1px solid #ccc;
1540 background-color: white;
1544 vertical-align: top;
1548 vertical-align: top;
1549 background-color: #f9f9f9;
1550 border: solid 2px white;
1553 table.gallery td.galleryheader {
1563 div.gallerybox div.thumb {
1565 border: 1px solid #ccc;
1585 border-bottom: 1px solid #aaa;
1586 padding-bottom: 1em;
1596 border: 1px solid gray;
1597 background-color: #ffffff;
1605 .editExternallyHelp {
1610 li span.deleted, span.history-deleted {
1611 text-decoration: line-through;
1621 /* Classes for EXIF data display */
1625 margin-bottom: 0.5em;
1629 table.mw_metadata caption {
1633 table.mw_metadata th {
1634 font-weight: normal;
1637 table.mw_metadata td {
1643 border-collapse: collapse;
1646 table.mw_metadata td, table.mw_metadata th {
1648 border: 1px solid #aaaaaa;
1649 padding-left: 0.1em;
1650 padding-right: 0.1em;
1653 table.mw_metadata th {
1654 background-color: #f9f9f9;
1657 table.mw_metadata td {
1658 background-color: #fcfcfc;
1661 table.collapsed tr.collapsable {
1668 border: 1px solid #aaaaaa;
1669 background-color: #f9f9f9;
1672 margin-bottom: 0.5em;
1679 list-style-type: none;
1684 input#wpSave, input#wpDiff {
1685 margin-right: 0.33em;
1688 #editform .editOptions {
1696 /* Classes for article validation */
1698 table.revisionform_default {
1699 border: 1px solid #000000;
1702 table.revisionform_focus {
1703 border: 1px solid #000000;
1704 background-color: #00BBFF;
1707 tr.revision_tr_default {
1708 background-color: #EEEEEE;
1711 tr.revision_tr_first {
1712 background-color: #DDDDDD;
1721 border: solid 1px #bbbbff;
1722 background-color: #eeeeff;
1726 /* Allmessages table */
1728 #allmessagestable th {
1729 background-color: #b2b2ff;
1732 #allmessagestable tr.orig {
1733 background-color: #ffe2e2;
1736 #allmessagestable tr.new {
1737 background-color: #e2ffe2;
1740 #allmessagestable tr.def {
1741 background-color: #f0f0ff;
1746 border: 1px solid #ccc;
1747 background-color: #fff;
1752 div#searchTargetContainer {
1756 background-color: white;
1762 background-color: #F0F0F0;
1763 border: solid 1px blue;
1766 div#searchTarget ul li {
1770 div#searchTarget ul li:before {
1772 content: "\00BB \0020";
1775 div.multipageimagenavbox {
1776 border: solid 1px silver;
1779 background-color: #f0f0f0;
1782 div.multipageimagenavbox div.thumb {
1788 div.multipageimagenavbox hr {
1792 table.multipageimage td {
1797 Table pager (e.g. Special:Imagelist)
1798 - remove underlines from the navigation link
1800 - set the borders to outsets (similar to Special:Allmessages)
1801 - remove line wrapping for all td and th, set background color
1802 - restore line wrapping for the last two table cells (description and size)
1805 text-decoration: none;
1809 border-collapse: collapse;
1812 .TablePager, .TablePager td, .TablePager th {
1813 border: 0.15em solid #777777;
1814 padding: 0 0.15em 0 0.15em;
1818 background-color: #eeeeff
1822 background-color: #ffffff
1825 .TablePager tr:hover td {
1826 background-color: #eeeeff
1829 .imagelist td, .imagelist th {
1833 .imagelist .TablePager_col_links {
1834 background-color: #eeeeff
1837 .imagelist .TablePager_col_img_description {
1841 .imagelist th.TablePager_sort {
1842 background-color: #ccccff
1852 .pagelist thead td {
1853 background-color: #e8e8e8;
1854 text-decoration: none;
1858 .pagelist thead td u {
1859 text-decoration: none;
1863 vertical-align: top;
1866 .pagelist tr.evenrow {
1867 background-color: #eee;
1870 .pagelist tr.oddrow {
1871 background-color: white;
1875 background-color: ThreeDLightShadow;
1877 font-family: Tahoma, Arial, Helvetica, sans-serif;
1879 font-weight: normal;
1880 white-space: nowrap;
1883 padding: 5px 0 5px 0;
1885 border-style: solid;
1886 border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
1889 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1890 text-decoration: none;
1892 font-weight: normal;
1893 font-family: Tahoma, Arial, Helvetica, sans-serif;
1894 background-color: ThreeDLightShadow;
1902 .wikipaging-disabled {
1906 /* plugin BoxRight */
1908 background-color: #e9fbff;
1913 border: thin solid #888888;
1918 margin-left: 12.2em;
1923 background-color: #eee;
1926 padding-left: 0.8em;
1927 padding-right: 0.8em;
1930 border: medium solid red;
1936 background-color: #eee;
1939 padding-left: 0.8em;
1940 padding-right: 0.8em;
1943 border: thin solid blue;
1950 background-color: white;
1951 font-family: monospace;
1954 padding: 0.5ex 0.5em;
1955 border: medium solid #fff8dc; /* darker ivory */
1961 background-color: #eeeeee;
1962 /* font-size: smaller; */
1965 padding: 0.5ex 0.5em;
1966 border: thin solid #aaaaaa;
1973 /* Disabled Plugins */
1980 .disabled-plugin .title {
1982 background-color: inherit;
1988 .disabled-plugin pre {
1990 background-color: #ddd;
1992 padding: 0.3ex 0.5em;
1995 /* "(Redirected from ...)" message. */
1998 font-style: oblique;
1999 font-weight: normal;
2004 background-color: white;
2005 font-style: oblique;
2009 background-color: yellow;
2010 font-weight: normal;
2015 background-color: yellow;
2025 * The div inside the wikiadmin upload form does not
2026 * have a class yet, so it must be referenced indirectly
2028 /* div.wikiaction { background-color: #eee; } */
2029 /* div.wikiadmin { background-color: #fee; } */
2030 /* form.wikiadmin div { background-color: #fee; } */
2032 background-color: #eee;
2038 .wiki, .named-wiki {
2039 text-decoration: none;
2040 font-weight: normal;
2041 /* font-weight: bold; */
2044 /* Action buttons */
2045 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
2046 input.wikiaction, input.button, input.wikiadmin {
2047 text-decoration: none;
2048 font-family: Arial, Helvetica, sans-serif;
2049 /* don't wrap text buttons */
2050 white-space: nowrap;
2051 /*font-size: inherit; */
2055 a.wikiaction, a.wikiaction:visited, input.wikiaction, input.button {
2056 background-color: #ddd;
2061 background-color: #fcc;
2065 a.wikiadmin, a.wikiadmin:visited, input.wikiadmin {
2066 background-color: #fdd;
2071 .wikiunknown, .named-wikiunknown {
2072 font-weight: normal;
2076 /* QuestionMark #600 */
2077 .wikiunknown a, .named-wikiunknown a {
2079 background-color: #eee;
2080 text-decoration: none;
2081 font-weight: normal;
2087 text-decoration: underline;
2092 text-decoration: underline;
2095 /* Interwiki links */
2096 /* .wikipage { font-weight: bold; } */
2098 font-weight: normal;
2102 text-decoration: none;
2105 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
2106 font-style: oblique;
2109 .interwiki .wikipage, i .interwiki, em .interwiki {
2114 * "E-mail" style blockquote
2116 blockquote.mail-style-quote {
2117 border-left: medium #284 solid;
2123 .mail-style-quote blockquote.mail-style-quote {
2124 margin-left: -0.6em;
2127 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
2130 * table class="boxed"
2131 * will put a border around the table (but not around the cells)
2133 * table class="bordered"
2134 * will put a border around the table and the cells
2136 * In both cases, the caption will be bold and centered under the table
2138 * In both cases, the headers (th) will have a "#d8d8d8" background
2141 table.boxed, table.bordered, table.bordered th, table.bordered td {
2143 border-style: solid;
2144 border-collapse: collapse;
2145 vertical-align: top;
2148 table.boxed td, table.bordered td,
2149 table.boxed th, table.bordered th {
2156 table.boxed caption, table.bordered caption {
2159 caption-side: bottom;
2163 table.boxed th, table.bordered th {
2165 background-color: #d8d8d8;
2168 /* For RecentChanges plugin */
2169 td.tdselected, td.tdunselected {
2178 background-color: #554295;
2183 background-color: #e9e8de;
2186 /* Style for feedback
2187 * Use this style to tell the user that the operation he
2188 * requested was executed successfully, e.g:
2189 * User was successfully registered
2194 border-style: solid;
2195 background-color: #DFD;
2196 border-color: green;
2200 #edit-public, h1.firstHeading-public, h1.firstHeading-rating-public {
2201 background-color: #ffce7b;
2202 border: 1px solid #ffa500;
2205 /* PageTrail plugin */
2207 background-color: #FFFF99;
2211 /* IncludePage plugin ================================================= */
2213 .transclusion-title {
2215 font-style: oblique;
2217 text-decoration: underline;
2218 margin-bottom: 0.25ex;
2219 margin-right: 0.25em;
2222 .transclusion, .wiki-edithelp {
2227 border: 1px solid gray;
2228 padding-left: 0.8em;
2229 padding-right: 0.8em;
2232 margin-left: 0.25em;
2233 margin-right: 0.25em;
2234 margin-bottom: 0.1ex;
2238 background-color: white;
2239 border: medium solid #fff8dc; /* darker ivory */
2240 padding-left: 0.5em;
2241 padding-right: 0.5em;
2242 padding-top: 0.75ex;
2243 padding-bottom: 0.75ex;