2 ** Based upon the 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 :)
11 ** Added phpwiki integration: Reini Urban, based on the phpwiki.css by Jeff Dairiki
12 ** "Edit this page" icon by Helge Fahrnberger
18 margin: 0 0 .6em -12.2em;
23 margin: 61px 0 0 12.2em;
24 padding: 1em 1em 1.5em 1em;
25 background-color: white;
26 border: 1px solid #aaaaaa;
37 /* the left column width is specified in class .portlet */
40 ** We take advantage of keyword scaling- browsers won't go below 9px
41 ** More at http://www.w3.org/2003/07/30-font-size
42 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
46 font: small sans-serif;
47 background-color: #ffffff;
53 /* scale back up to a sane default */
73 text-decoration: none;
85 text-decoration: underline;
97 margin: .4em 0 .5em 0;
113 background-color: #aaa;
115 margin: .2em 0 .2em 0;
118 h1, h2, h3, h4, h5, h6 {
120 background-image: none;
122 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
125 padding-bottom: 0.17em;
126 border-bottom: 1px solid #aaa;
160 list-style-type: square;
161 margin: 0.3em 0 0 1.5em;
163 list-style-image: url("images/bullet.png");
168 list-style-type: square;
169 margin: 0.3em 0 0 1.5em;
171 list-style-image: url("images/bulletLoading.gif");
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;
223 input.historysubmit {
224 padding: 0 0.3em 0.3em 0.3em !important;
227 height: 1.7em !important;
235 abbr, acronym, .explain {
236 border-bottom: 1px dotted black;
238 background-image: none;
243 font-family: Times, "Times New Roman", serif;
249 font-family: Times, "Times New Roman", serif;
253 background-color: #f9f9f9;
258 border: 1px dashed #2f6fab;
260 background-color: #f9f9f9;
264 /* generic classes ----------------------------------------------- */
267 font-family: monospace;
271 text-decoration: line-through;
291 vertical-align: bottom;
295 vertical-align: middle;
299 vertical-align: baseline;
310 /* --------------------------------------------------------------- */
313 ** the main content area
327 margin: 0 0 1.4em 1em;
336 /* Space for the right logo with rating */
337 h1.firstHeading-rating {
342 /* Space for the right logo without rating */
348 #edit-public, h1.firstHeading-public, h1.firstHeading-rating-public {
349 background-color: #ffce7b;
350 border: 1px solid #ffa500;
353 /* Some space under the headers in the content area */
354 #bodyContent h1, #bodyContent h2 {
358 #bodyContent h3, #bodyContent h4, #bodyContent h5 {
363 margin-bottom: 0.1em;
366 /* user notification thing */
368 background-color: #ffce7b;
369 border: 1px solid #ffa500;
374 vertical-align: middle;
388 .errorbox, .successbox {
399 background-color: #fff2f2;
404 background-color: #dfd;
407 .errorbox h2, .successbox h2 {
416 border: 1px solid #aaa;
417 background-color: #f9f9f9;
423 /* currently unused, intended to be used by a metadata box
424 in the bottom-right corner of the content area */
425 .documentDescription {
426 /* The summary text describing the document */
452 /* small for tables and similar */
464 .pageinfo-majoredit {
465 font-weight: normal; /*bold;*/
477 border: 1px solid #aaa;
478 background-color: #f9f9f9;
487 border: 1px solid #aaa;
488 background-color: #f9f9f9;
518 list-style-type: none;
519 list-style-image: none;
542 div.floatright, table.floatright {
546 margin: 0 0 .5em .5em;
549 border: .5em solid white;
550 border-width: .5em 0 .8em 1.4em;
558 div.floatleft, table.floatleft {
561 margin: 0 .5em .5em 0;
578 border: 1px solid #ccc;
579 padding: 3px !important;
580 background-color: #f9f9f9;
586 div.thumb div a img {
587 border: 1px solid #ccc;
590 div.thumb div div.thumbcaption {
594 padding: .3em 0 .1em 0;
599 border-style: none !important;
600 background-image: none !important;
603 div.magnify a, div.magnify img {
605 border-style: none !important;
606 background-image: none !important;
612 border-width: .5em 0 .8em 1.4em;
618 border-width: .5em 1.4em .8em 0;
627 vertical-align: middle;
635 ** classes for special content elements like town boxes
636 ** intended to be referenced directly from the wiki src
642 /* table standards */
652 border: 1px solid #aaa;
653 background-color: #f9f9f9;
661 background-color: white;
663 border: 1px solid gray;
677 background-image: none;
682 margin: .1em 0 0 1.1em;
683 background-color: #f3f3f3;
695 /* Page history styling */
696 /* the auto-generated edit comments */
701 #pagehistory span.user {
706 #pagehistory span.minor {
711 border: 1px solid white;
714 #pagehistory li.selected {
715 background-color: #f9f9f9;
716 border: 1px dashed #aaa;
720 ** Diff rendering (unused)
722 table.diff, td.diff-otitle, td.diff-ntitle {
723 background-color: white;
727 background-color: #cfc;
731 td.diff-deletedline {
732 background-color: #ffa;
737 background-color: #eee;
752 margin-bottom: 0.5ex;
753 background-color: white;
755 border-top: 1px solid #494f5d;
756 border-left: 1px solid #494f5d;
757 border-bottom: 1px solid #c6d2de;
758 border-right: 1px solid #c6d2de;
764 background-color: #ddd;
768 /* individual blocks */
770 background-color: white;
774 /* entire difftextblock */
778 background-color: white;
779 /* "paper" borders */
780 border-top: 1px #e8e6df solid;
781 border-left: 1px #e8e6df solid;
782 border-bottom: 1px #d2d2d2 solid;
783 border-right: 1px #b2b2b2 solid;
791 /* + - line prefix */
794 font-family: monospace;
801 .diff del, .diff ins {
803 text-decoration: none;
806 /* blocks containing deleted or added words */
807 .diff .original, .diff .deleted,
808 .diff .final, .diff .added {
809 background-color: white;
812 /* blocks containing deleted words */
813 .diff .original, .diff .deleted {
814 background-color: #fcc;
818 /* blocks containing added words */
819 .diff .final, .diff .added {
820 background-color: #cfc;
826 background-color: #f99;
831 background-color: #9f9;
841 .pageinfo-minoredit, .pageinfo-authorid {
850 border: 1px outset gray;
851 background-color: white;
860 background-color: white;
864 /* Month-name header */
869 table.cal-header tr, table.cal-header td {
875 text-decoration: none;
878 /* Day-names header */
879 table.cal tbody tr .cal-dayname {
885 text-decoration: underline;
888 /* Individual days */
890 text-decoration: none;
895 table.cal td.cal-today {
897 border: 1px solid gray;
901 table.cal td.cal-today a.cal-hide {
905 ** keep the whitespace in front of the ^=, hides rule from konqueror
906 ** this is css3, the validator doesn't like it when validating as css2
908 #bodyContent a.external,
909 #bodyContent a[href ^="gopher://"] {
910 background-image: url("images/url.png");
911 background-position: center right;
912 background-repeat: no-repeat;
916 #bodyContent a[href ^="https://"],
918 background-image: url("images/lock_icon.png");
919 background-position: center right;
920 background-repeat: no-repeat;
924 #bodyContent a[href ^="mailto:"],
926 background-image: url("images/mail_icon.png");
927 background-position: center right;
928 background-repeat: no-repeat;
932 #bodyContent a[href ^="news://"] {
933 background-image: url("images/news_icon.png");
934 background-position: center right;
935 background-repeat: no-repeat;
939 #bodyContent a[href ^="ftp://"],
941 background-image: url("images/file_icon.png");
942 background-position: center right;
943 background-repeat: no-repeat;
947 #bodyContent a[href ^="irc://"],
949 background-image: url("images/discussionitem_icon.png");
950 background-position: center right;
951 background-repeat: no-repeat;
955 /* disable interwiki styling */
956 #bodyContent a.extiw,
957 #bodyContent a.extiw:active {
959 background-image: none;
963 #bodyContent a.external {
967 /* this can be used in the content area to switch off
968 special external link styling */
969 #bodyContent .plainlinks a {
970 background-image: none !important;
971 padding: 0 !important;
975 ** Structural Elements
979 ** general portlet styles (elements in the quickbar)
997 background-color: transparent;
998 padding: 0 1em 0 0.5em;
999 /*text-transform: lowercase;*/
1005 white-space: nowrap;
1019 background-color: #ffae2e;
1020 border: 1px solid #2f6fab;
1021 border-style: solid solid none solid;
1022 padding: 0 1em 0 1em;
1023 /*text-transform: lowercase;*/
1027 font-weight: normal;
1028 white-space: nowrap;
1033 border-collapse: collapse;
1034 border: 1px solid #aaa;
1035 padding: 0 .8em .3em .5em;
1048 list-style-type: square;
1049 list-style-image: url("images/bullet.png");
1061 * Optionally at the right also an image
1065 position: absolute; /*needed to use z-index */
1071 background-color: #005A99;
1082 background-repeat: no-repeat;
1083 background-position: 35% 50% !important;
1088 position: absolute; /*needed to use z-index */
1089 white-space: nowrap;
1093 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1095 font-weight: bolder;
1096 text-decoration: none;
1097 vertical-align: middle;
1100 /* At the right we put a small "wiki stamp" */
1117 ** the navigation portlet
1125 #p-navigation .pBody {
1138 #p-navigation li.active a, #p-navigation li.active a:hover {
1139 text-decoration: none;
1145 * Search in the top row (not yet), see p-personal how to do that
1162 /*text-align: center;*/
1165 div.pBody > button, #searchButton {
1172 padding: .5em 0 .4em .4em;
1173 /*text-align: center;*/
1176 #searchholder form.searchform {
1182 button.searchButton {
1188 border: 1px solid ButtonShadow;
1191 input.searchButton {
1197 background-color: white;
1198 border: 1px solid #2f6fab;
1199 text-transform: capitalize;
1208 border-style: solid;
1209 border-color: #aaa #eee #eee #aaa;
1210 -moz-box-sizing: border-box;
1214 ** the personal toolbar
1219 white-space: nowrap;
1235 #p-personal .portlet,
1236 #p-personal .pBody {
1242 background-image: none;
1245 /* this is the ul contained in the portlet */
1249 padding: 0 1.5em 0 2em;
1254 background-image: none;
1266 background-image: none;
1270 text-decoration: none;
1272 padding-left: 0.5em;
1273 padding-bottom: 0.2em;
1276 #p-personal li a:hover {
1278 background-color: #005A99;
1279 padding-bottom: 0.2em;
1280 text-decoration: none;
1283 /* the icon in front of the user name, single quotes
1284 in bg url to hide it from iemac */
1290 background-image: url('images/wikiuser.png');
1291 background-position: top left;
1292 background-repeat: no-repeat;
1294 text-transform: none;
1298 ** the page-related actions- page/talk, edit etc
1302 top: 40px; /*1.3em;*/
1303 left: /*11.5em;*/ 13.2em;
1305 white-space: nowrap;
1309 background-image: none;
1310 border-collapse: collapse;
1316 #p-cactions .hiddenStructure {
1326 border: 1px solid #aaa;
1327 border-bottom: none;
1328 padding: 0 0 .1em 0;
1331 background-color: white;
1334 #p-cactions li.selected {
1335 border-color: #fabd23;
1336 padding: 0 0 0.2em 0;
1340 background-color: #fbfbfb;
1343 padding: 0 .8em .3em;
1344 text-decoration: none;
1350 #p-cactions li.selected a {
1352 background-color: #fff;
1353 padding: 0 1em .2em;
1356 #p-cactions li a:hover {
1358 text-decoration: none;
1359 background-color: #fff;
1360 padding-bottom: 0.3em;
1363 /* http://universaleditbutton.org */
1364 #p-cactions li a#btn-edit {
1365 background-image: url('images/UEB16.png');
1366 background-position: top left;
1367 background-repeat: no-repeat;
1368 padding-left: 20px !important;
1369 text-transform: none;
1372 #p-cactions li a#btn-edit:hover {
1374 text-decoration: none;
1375 background-color: #fff;
1382 #p-cactions li.istalk {
1386 #p-cactions li.istalk a {
1387 padding-right: .5em;
1390 #p-cactions #ca-addsection a {
1392 padding-right: .4em;
1395 /* offsets to distinguish the tab groups */
1397 margin-right: 1.6em;
1400 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1405 ** the remaining portlets
1417 background-color: white;
1418 border: 1px solid #fabd23;
1419 margin: 0.6em 0.5em 1em 13.6em;
1420 padding: .4em 0 1.2em 0;
1426 display: table-cell;
1439 /* hide from incapable browsers */
1440 head:first-child+body #footer li {
1441 white-space: nowrap;
1444 #f-poweredbyico, #f-copyrightico {
1445 display: table-cell;
1449 vertical-align: middle;
1455 margin: 1em 1em 1em 1em;
1460 border: 1px solid White;
1463 #preftoc li.selected {
1464 background-color: #f9f9f9;
1465 border: 1px dashed #aaaaaa;
1480 div.prefsectiontip {
1485 fieldset.operaprefsection {
1490 /* float/negative margin brokenness */
1495 * html #column-content {
1500 * html div.editsection {
1504 #pagehistory li.selected {
1518 background-color: #ffa;
1526 span.newpage, span.minor, span.searchmatch, span.bot {
1539 .sharedUploadNotice {
1543 span.updatedmarker {
1545 background-color: #0f0;
1548 span.newpageletter {
1551 background-color: yellow;
1554 span.minoreditletter {
1556 background-color: #c5ffe6;
1560 border: 1px solid #ccc;
1563 background-color: white;
1567 vertical-align: top;
1571 vertical-align: top;
1572 background-color: #f9f9f9;
1573 border: solid 2px white;
1576 table.gallery td.galleryheader {
1586 div.gallerybox div.thumb {
1588 border: 1px solid #ccc;
1608 border-bottom: 1px solid #aaa;
1609 padding-bottom: 1em;
1619 border: 1px solid gray;
1620 background-color: #ffffff;
1628 .editExternallyHelp {
1633 li span.deleted, span.history-deleted {
1634 text-decoration: line-through;
1644 /* Classes for EXIF data display */
1648 margin-bottom: 0.5em;
1652 table.mw_metadata caption {
1656 table.mw_metadata th {
1657 font-weight: normal;
1660 table.mw_metadata td {
1666 border-collapse: collapse;
1669 table.mw_metadata td, table.mw_metadata th {
1671 border: 1px solid #aaaaaa;
1672 padding-left: 0.1em;
1673 padding-right: 0.1em;
1676 table.mw_metadata th {
1677 background-color: #f9f9f9;
1680 table.mw_metadata td {
1681 background-color: #fcfcfc;
1684 table.collapsed tr.collapsable {
1691 border: 1px solid #aaaaaa;
1692 background-color: #f9f9f9;
1695 margin-bottom: 0.5em;
1702 list-style-type: none;
1707 input#wpSave, input#wpDiff {
1708 margin-right: 0.33em;
1711 #editform .editOptions {
1719 /* Classes for article validation */
1721 table.revisionform_default {
1722 border: 1px solid #000000;
1725 table.revisionform_focus {
1726 border: 1px solid #000000;
1727 background-color: #00BBFF;
1730 tr.revision_tr_default {
1731 background-color: #EEEEEE;
1734 tr.revision_tr_first {
1735 background-color: #DDDDDD;
1744 border: solid 1px #bbbbff;
1745 background-color: #eeeeff;
1749 /* Allmessages table */
1751 #allmessagestable th {
1752 background-color: #b2b2ff;
1755 #allmessagestable tr.orig {
1756 background-color: #ffe2e2;
1759 #allmessagestable tr.new {
1760 background-color: #e2ffe2;
1763 #allmessagestable tr.def {
1764 background-color: #f0f0ff;
1769 border: 1px solid #ccc;
1770 background-color: #fff;
1775 div#searchTargetContainer {
1779 background-color: white;
1785 background-color: #F0F0F0;
1786 border: solid 1px blue;
1789 div#searchTarget ul li {
1793 div#searchTarget ul li:before {
1795 content: "\00BB \0020";
1798 div.multipageimagenavbox {
1799 border: solid 1px silver;
1802 -moz-border-radius: 6px;
1803 background-color: #f0f0f0;
1806 div.multipageimagenavbox div.thumb {
1812 div.multipageimagenavbox hr {
1816 table.multipageimage td {
1821 Table pager (e.g. Special:Imagelist)
1822 - remove underlines from the navigation link
1824 - set the borders to outsets (similar to Special:Allmessages)
1825 - remove line wrapping for all td and th, set background color
1826 - restore line wrapping for the last two table cells (description and size)
1829 text-decoration: none;
1833 border-collapse: collapse;
1836 .TablePager, .TablePager td, .TablePager th {
1837 border: 0.15em solid #777777;
1838 padding: 0 0.15em 0 0.15em;
1842 background-color: #eeeeff
1846 background-color: #ffffff
1849 .TablePager tr:hover td {
1850 background-color: #eeeeff
1853 .imagelist td, .imagelist th {
1857 .imagelist .TablePager_col_links {
1858 background-color: #eeeeff
1861 .imagelist .TablePager_col_img_description {
1865 .imagelist th.TablePager_sort {
1866 background-color: #ccccff
1875 .pagelist thead td {
1876 background-color: #e8e8e8;
1877 text-decoration: none;
1882 .pagelist thead td u {
1883 text-decoration: none;
1886 .pagelist tr.evenrow {
1887 background-color: #eee;
1890 .pagelist tr.oddrow {
1891 background-color: white;
1895 background-color: ThreeDLightShadow;
1897 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1899 font-weight: normal;
1900 /*font-style: menu;*/
1901 white-space: nowrap;
1904 padding: 5px 0 5px 0;
1906 border-style: solid;
1907 border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
1910 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1911 text-decoration: none;
1913 font-weight: normal;
1914 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1915 background-color: ThreeDLightShadow;
1923 .wikipaging-disabled {
1927 /* <?plugin RawHtml <div class="boxright"> </div> */
1933 border: thin solid #888888;
1934 padding: 0.5em 0.5em 0.5em 0.5em;
1938 div.boxright > blockquote {
1945 background-color: #FF9999;
1948 padding-left: 0.8em;
1949 padding-right: 0.8em;
1952 border: medium solid red;
1958 background-color: #FFCCCC;
1961 padding-left: 0.8em;
1962 padding-right: 0.8em;
1965 border: 1px solid #aaa;
1972 background-color: white;
1975 padding: 0.5ex 0.5em;
1976 border: medium solid #fff8dc; /* darker ivory */
1982 background-color: #eeeeee;
1985 padding: 0.5ex 0.5em;
1986 border: thin solid #aaaaaa;
1993 /* Disabled Plugins */
2000 .disabled-plugin .title {
2002 background-color: inherit;
2008 .disabled-plugin pre {
2010 background-color: #ddd;
2012 padding: 0.3ex 0.5em;
2015 /* "(Redirected from ...)" message. */
2018 font-style: oblique;
2019 font-weight: normal;
2024 background-color: white;
2025 font-style: oblique;
2029 background-color: yellow;
2030 font-weight: normal;
2035 background-color: yellow;
2045 * The div inside the wikiadmin upload form does not
2046 * have a class yet, so it must be referenced indirectly
2048 /* div.wikiaction { background-color: #eee; } */
2049 /* div.wikiadmin { background-color: #fee; } */
2050 /* form.wikiadmin div { background-color: #fee; } */
2051 /* form.wikiformrich { background-color: #eee; } */
2056 .wiki, .named-wiki {
2057 text-decoration: none;
2058 font-weight: normal;
2061 /* Action buttons */
2062 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
2063 input.wikiaction, input.button, input.wikiadmin {
2064 text-decoration: none;
2065 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2066 /* don't wrap text buttons */
2067 white-space: nowrap;
2071 background-color: #fcc;
2075 .wikiunknown, .named-wikiunknown {
2076 font-weight: normal;
2080 /* QuestionMark #600 */
2081 .wikiunknown a, .named-wikiunknown a {
2082 text-decoration: none;
2083 font-weight: normal;
2089 text-decoration: underline;
2094 text-decoration: underline;
2097 /* Interwiki links */
2099 font-weight: normal;
2103 text-decoration: none;
2106 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
2107 font-style: oblique;
2110 .interwiki .wikipage, i .interwiki, em .interwiki {
2114 #p-rc-body div div.box-title {
2123 background-color: #eeeeee;
2124 border: thin dashed #aaa;
2133 background-color: #f2f2f2;
2142 border-top: thin dashed #aaa;
2146 font-weight: normal;
2148 vertical-align: middle;
2151 /* Top-page - RateIt */
2152 div#rateit-widget-top-1 {
2158 position: absolute; /*needed to use z-index */
2161 div#rateit-widget-top {
2171 /* Top-page - RateIt */
2173 text-decoration: none;
2174 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2178 div.public, span.public {
2179 background-color: #ffce7b;
2182 /* IncludePage plugin ================================================= */
2184 .transclusion-title {
2186 text-decoration: underline;
2187 margin-bottom: 0.25ex;
2188 margin-right: 0.25em;
2191 .transclusion, .wiki-edithelp {
2196 border: 1px solid gray;
2197 padding-left: 0.8em;
2198 padding-right: 0.8em;
2201 margin-left: 0.25em;
2202 margin-right: 0.25em;
2203 margin-bottom: 0.1ex;
2207 background-color: white;
2208 border: medium solid #fff8dc; /* darker ivory */
2209 padding-left: 0.5em;
2210 padding-right: 0.5em;
2211 padding-top: 0.75ex;
2212 padding-bottom: 0.75ex;
2219 .wiki-edithelp .wiki {
2220 /* color: #5454ff;*/
2224 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2225 padding-left: 0.5em;
2226 padding-right: 0.5em;
2228 padding-bottom: 0.5ex;
2232 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
2235 * table class="boxed"
2236 * will put a border around the table (but not around the cells)
2238 * table class="bordered"
2239 * will put a border around the table and the cells
2241 * In both cases, the caption will be bold and centered under the table
2243 * In both cases, the headers (th) will have a "#d8d8d8" background
2246 table.boxed, table.bordered, table.bordered th, table.bordered td {
2248 border-style: solid;
2249 border-collapse: collapse;
2250 vertical-align: top;
2253 table.boxed td, table.bordered td,
2254 table.boxed th, table.bordered th {
2261 table.boxed caption, table.bordered caption {
2264 caption-side: bottom;
2268 table.boxed th, table.bordered th {
2270 background-color: #d8d8d8;
2273 /* For RecentChanges plugin */
2274 td.tdselected, td.tdunselected {
2283 background-color: #554295;
2288 background-color: #e9e8de;
2291 /* Style for feedback
2292 * Use this style to tell the user that the operation he
2293 * requested was executed successfully, e.g:
2294 * User was successfully registered
2299 border-style: solid;
2300 background-color: #DFD;
2301 border-color: green;