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;
298 /* --------------------------------------------------------------- */
301 ** the main content area
315 margin: 0 0 1.4em 1em;
324 /* Space for the right logo with rating */
325 h1.firstHeading-rating {
330 /* Space for the right logo without rating */
336 #edit-public, h1.firstHeading-public, h1.firstHeading-rating-public {
337 background-color: #ffce7b;
338 border: 1px solid #ffa500;
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 */
452 .pageinfo-majoredit {
453 font-weight: normal; /*bold;*/
465 border: 1px solid #aaa;
466 background-color: #f9f9f9;
475 border: 1px solid #aaa;
476 background-color: #f9f9f9;
506 list-style-type: none;
507 list-style-image: none;
530 div.floatright, table.floatright {
534 margin: 0 0 .5em .5em;
537 border: .5em solid white;
538 border-width: .5em 0 .8em 1.4em;
546 div.floatleft, table.floatleft {
549 margin: 0 .5em .5em 0;
566 border: 1px solid #ccc;
567 padding: 3px !important;
568 background-color: #f9f9f9;
574 div.thumb div a img {
575 border: 1px solid #ccc;
578 div.thumb div div.thumbcaption {
582 padding: .3em 0 .1em 0;
587 border-style: none !important;
588 background-image: none !important;
591 div.magnify a, div.magnify img {
593 border-style: none !important;
594 background-image: none !important;
600 border-width: .5em 0 .8em 1.4em;
606 border-width: .5em 1.4em .8em 0;
615 vertical-align: middle;
623 ** classes for special content elements like town boxes
624 ** intended to be referenced directly from the wiki src
630 /* table standards */
640 border: 1px solid #aaa;
641 background-color: #f9f9f9;
649 background-color: white;
651 border: 1px solid gray;
665 background-image: none;
670 margin: .1em 0 0 1.1em;
671 background-color: #f3f3f3;
683 /* Page history styling */
684 /* the auto-generated edit comments */
689 #pagehistory span.user {
694 #pagehistory span.minor {
699 border: 1px solid white;
702 #pagehistory li.selected {
703 background-color: #f9f9f9;
704 border: 1px dashed #aaa;
708 ** Diff rendering (unused)
710 table.diff, td.diff-otitle, td.diff-ntitle {
711 background-color: white;
715 background-color: #cfc;
719 td.diff-deletedline {
720 background-color: #ffa;
725 background-color: #eee;
740 margin-bottom: 0.5ex;
741 background-color: white;
743 border-top: 1px solid #494f5d;
744 border-left: 1px solid #494f5d;
745 border-bottom: 1px solid #c6d2de;
746 border-right: 1px solid #c6d2de;
752 background-color: #ddd;
756 /* individual blocks */
758 background-color: white;
762 /* entire difftextblock */
766 background-color: white;
767 /* "paper" borders */
768 border-top: 1px #e8e6df solid;
769 border-left: 1px #e8e6df solid;
770 border-bottom: 1px #d2d2d2 solid;
771 border-right: 1px #b2b2b2 solid;
779 /* + - line prefix */
782 font-family: monospace;
789 .diff del, .diff ins {
791 text-decoration: none;
794 /* blocks containing deleted or added words */
795 .diff .original, .diff .deleted,
796 .diff .final, .diff .added {
797 background-color: white;
800 /* blocks containing deleted words */
801 .diff .original, .diff .deleted {
802 background-color: #fcc;
806 /* blocks containing added words */
807 .diff .final, .diff .added {
808 background-color: #cfc;
814 background-color: #f99;
819 background-color: #9f9;
829 .pageinfo-minoredit, .pageinfo-authorid {
838 border: 1px outset gray;
839 background-color: white;
848 background-color: white;
852 /* Month-name header */
857 table.cal-header tr, table.cal-header td {
863 text-decoration: none;
866 /* Day-names header */
867 table.cal tbody tr .cal-dayname {
873 text-decoration: underline;
876 /* Individual days */
878 text-decoration: none;
883 table.cal td.cal-today {
885 border: 1px solid gray;
889 table.cal td.cal-today a.cal-hide {
893 ** keep the whitespace in front of the ^=, hides rule from konqueror
894 ** this is css3, the validator doesn't like it when validating as css2
896 #bodyContent a.external,
897 #bodyContent a[href ^="gopher://"] {
898 background-image: url("images/url.png");
899 background-position: center right;
900 background-repeat: no-repeat;
904 #bodyContent a[href ^="https://"],
906 background-image: url("images/lock_icon.png");
907 background-position: center right;
908 background-repeat: no-repeat;
912 #bodyContent a[href ^="mailto:"],
914 background-image: url("images/mail_icon.png");
915 background-position: center right;
916 background-repeat: no-repeat;
920 #bodyContent a[href ^="news://"] {
921 background-image: url("images/news_icon.png");
922 background-position: center right;
923 background-repeat: no-repeat;
927 #bodyContent a[href ^="ftp://"],
929 background-image: url("images/file_icon.png");
930 background-position: center right;
931 background-repeat: no-repeat;
935 #bodyContent a[href ^="irc://"],
937 background-image: url("images/discussionitem_icon.png");
938 background-position: center right;
939 background-repeat: no-repeat;
943 /* disable interwiki styling */
944 #bodyContent a.extiw,
945 #bodyContent a.extiw:active {
947 background-image: none;
951 #bodyContent a.external {
955 /* this can be used in the content area to switch off
956 special external link styling */
957 #bodyContent .plainlinks a {
958 background-image: none !important;
959 padding: 0 !important;
963 ** Structural Elements
967 ** general portlet styles (elements in the quickbar)
985 background-color: transparent;
986 padding: 0 1em 0 0.5em;
987 /*text-transform: lowercase;*/
1007 background-color: #ffae2e;
1008 border: 1px solid #2f6fab;
1009 border-style: solid solid none solid;
1010 padding: 0 1em 0 1em;
1011 /*text-transform: lowercase;*/
1015 font-weight: normal;
1016 white-space: nowrap;
1021 border-collapse: collapse;
1022 border: 1px solid #aaa;
1023 padding: 0 .8em .3em .5em;
1036 list-style-type: square;
1037 list-style-image: url("images/bullet.png");
1049 * Optionally at the right also an image
1053 position: absolute; /*needed to use z-index */
1059 background-color: #005A99;
1070 background-repeat: no-repeat;
1071 background-position: 35% 50% !important;
1076 position: absolute; /*needed to use z-index */
1077 white-space: nowrap;
1081 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1083 font-weight: bolder;
1084 text-decoration: none;
1085 vertical-align: middle;
1088 /* At the right we put a small "wiki stamp" */
1105 ** the navigation portlet
1113 #p-navigation .pBody {
1126 #p-navigation li.active a, #p-navigation li.active a:hover {
1127 text-decoration: none;
1133 * Search in the top row (not yet), see p-personal how to do that
1150 /*text-align: center;*/
1153 div.pBody > button, #searchButton {
1160 padding: .5em 0 .4em .4em;
1161 /*text-align: center;*/
1164 #searchholder form.searchform {
1170 button.searchButton {
1176 border: 1px solid ButtonShadow;
1179 input.searchButton {
1185 background-color: white;
1186 border: 1px solid #2f6fab;
1187 text-transform: capitalize;
1196 border-style: solid;
1197 border-color: #aaa #eee #eee #aaa;
1198 -moz-box-sizing: border-box;
1202 ** the personal toolbar
1207 white-space: nowrap;
1223 #p-personal .portlet,
1224 #p-personal .pBody {
1230 background-image: none;
1233 /* this is the ul contained in the portlet */
1237 padding: 0 1.5em 0 2em;
1242 background-image: none;
1254 background-image: none;
1258 text-decoration: none;
1260 padding-left: 0.5em;
1261 padding-bottom: 0.2em;
1264 #p-personal li a:hover {
1266 background-color: #005A99;
1267 padding-bottom: 0.2em;
1268 text-decoration: none;
1271 /* the icon in front of the user name, single quotes
1272 in bg url to hide it from iemac */
1278 background-image: url('images/wikiuser.png');
1279 background-position: top left;
1280 background-repeat: no-repeat;
1282 text-transform: none;
1286 ** the page-related actions- page/talk, edit etc
1290 top: 40px; /*1.3em;*/
1291 left: /*11.5em;*/ 13.2em;
1293 white-space: nowrap;
1297 background-image: none;
1298 border-collapse: collapse;
1304 #p-cactions .hiddenStructure {
1314 border: 1px solid #aaa;
1315 border-bottom: none;
1316 padding: 0 0 .1em 0;
1319 background-color: white;
1322 #p-cactions li.selected {
1323 border-color: #fabd23;
1324 padding: 0 0 0.2em 0;
1328 background-color: #fbfbfb;
1331 padding: 0 .8em .3em;
1332 text-decoration: none;
1338 #p-cactions li.selected a {
1340 background-color: #fff;
1341 padding: 0 1em .2em;
1344 #p-cactions li a:hover {
1346 text-decoration: none;
1347 background-color: #fff;
1348 padding-bottom: 0.3em;
1351 /* http://universaleditbutton.org */
1352 #p-cactions li a#btn-edit {
1353 background-image: url('images/UEB16.png');
1354 background-position: top left;
1355 background-repeat: no-repeat;
1356 padding-left: 20px !important;
1357 text-transform: none;
1360 #p-cactions li a#btn-edit:hover {
1362 text-decoration: none;
1363 background-color: #fff;
1370 #p-cactions li.istalk {
1374 #p-cactions li.istalk a {
1375 padding-right: .5em;
1378 #p-cactions #ca-addsection a {
1380 padding-right: .4em;
1383 /* offsets to distinguish the tab groups */
1385 margin-right: 1.6em;
1388 li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
1393 ** the remaining portlets
1405 background-color: white;
1406 border: 1px solid #fabd23;
1407 margin: 0.6em 0.5em 1em 13.6em;
1408 padding: .4em 0 1.2em 0;
1414 display: table-cell;
1427 /* hide from incapable browsers */
1428 head:first-child+body #footer li {
1429 white-space: nowrap;
1432 #f-poweredbyico, #f-copyrightico {
1433 display: table-cell;
1437 vertical-align: middle;
1443 margin: 1em 1em 1em 1em;
1448 border: 1px solid White;
1451 #preftoc li.selected {
1452 background-color: #f9f9f9;
1453 border: 1px dashed #aaaaaa;
1468 div.prefsectiontip {
1473 fieldset.operaprefsection {
1478 /* float/negative margin brokenness */
1483 * html #column-content {
1488 * html div.editsection {
1492 #pagehistory li.selected {
1506 background-color: #ffa;
1514 span.newpage, span.minor, span.searchmatch, span.bot {
1527 .sharedUploadNotice {
1531 span.updatedmarker {
1533 background-color: #0f0;
1536 span.newpageletter {
1539 background-color: yellow;
1542 span.minoreditletter {
1544 background-color: #c5ffe6;
1548 border: 1px solid #ccc;
1551 background-color: white;
1555 vertical-align: top;
1559 vertical-align: top;
1560 background-color: #f9f9f9;
1561 border: solid 2px white;
1564 table.gallery td.galleryheader {
1574 div.gallerybox div.thumb {
1576 border: 1px solid #ccc;
1596 border-bottom: 1px solid #aaa;
1597 padding-bottom: 1em;
1607 border: 1px solid gray;
1608 background-color: #ffffff;
1616 .editExternallyHelp {
1621 li span.deleted, span.history-deleted {
1622 text-decoration: line-through;
1632 /* Classes for EXIF data display */
1636 margin-bottom: 0.5em;
1640 table.mw_metadata caption {
1644 table.mw_metadata th {
1645 font-weight: normal;
1648 table.mw_metadata td {
1654 border-collapse: collapse;
1657 table.mw_metadata td, table.mw_metadata th {
1659 border: 1px solid #aaaaaa;
1660 padding-left: 0.1em;
1661 padding-right: 0.1em;
1664 table.mw_metadata th {
1665 background-color: #f9f9f9;
1668 table.mw_metadata td {
1669 background-color: #fcfcfc;
1672 table.collapsed tr.collapsable {
1679 border: 1px solid #aaaaaa;
1680 background-color: #f9f9f9;
1683 margin-bottom: 0.5em;
1690 list-style-type: none;
1695 input#wpSave, input#wpDiff {
1696 margin-right: 0.33em;
1699 #editform .editOptions {
1707 /* Classes for article validation */
1709 table.revisionform_default {
1710 border: 1px solid #000000;
1713 table.revisionform_focus {
1714 border: 1px solid #000000;
1715 background-color: #00BBFF;
1718 tr.revision_tr_default {
1719 background-color: #EEEEEE;
1722 tr.revision_tr_first {
1723 background-color: #DDDDDD;
1732 border: solid 1px #bbbbff;
1733 background-color: #eeeeff;
1737 /* Allmessages table */
1739 #allmessagestable th {
1740 background-color: #b2b2ff;
1743 #allmessagestable tr.orig {
1744 background-color: #ffe2e2;
1747 #allmessagestable tr.new {
1748 background-color: #e2ffe2;
1751 #allmessagestable tr.def {
1752 background-color: #f0f0ff;
1757 border: 1px solid #ccc;
1758 background-color: #fff;
1763 div#searchTargetContainer {
1767 background-color: white;
1773 background-color: #F0F0F0;
1774 border: solid 1px blue;
1777 div#searchTarget ul li {
1781 div#searchTarget ul li:before {
1783 content: "\00BB \0020";
1786 div.multipageimagenavbox {
1787 border: solid 1px silver;
1790 -moz-border-radius: 6px;
1791 background-color: #f0f0f0;
1794 div.multipageimagenavbox div.thumb {
1800 div.multipageimagenavbox hr {
1804 table.multipageimage td {
1809 Table pager (e.g. Special:Imagelist)
1810 - remove underlines from the navigation link
1812 - set the borders to outsets (similar to Special:Allmessages)
1813 - remove line wrapping for all td and th, set background color
1814 - restore line wrapping for the last two table cells (description and size)
1817 text-decoration: none;
1821 border-collapse: collapse;
1824 .TablePager, .TablePager td, .TablePager th {
1825 border: 0.15em solid #777777;
1826 padding: 0 0.15em 0 0.15em;
1830 background-color: #eeeeff
1834 background-color: #ffffff
1837 .TablePager tr:hover td {
1838 background-color: #eeeeff
1841 .imagelist td, .imagelist th {
1845 .imagelist .TablePager_col_links {
1846 background-color: #eeeeff
1849 .imagelist .TablePager_col_img_description {
1853 .imagelist th.TablePager_sort {
1854 background-color: #ccccff
1863 .pagelist thead td {
1864 background-color: #e8e8e8;
1865 text-decoration: none;
1870 .pagelist thead td u {
1871 text-decoration: none;
1874 .pagelist tr.evenrow {
1875 background-color: #eee;
1878 .pagelist tr.oddrow {
1879 background-color: white;
1883 background-color: ThreeDLightShadow;
1885 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1887 font-weight: normal;
1888 /*font-style: menu;*/
1889 white-space: nowrap;
1892 padding: 5px 0 5px 0;
1894 border-style: solid;
1895 border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
1898 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
1899 text-decoration: none;
1901 font-weight: normal;
1902 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1903 background-color: ThreeDLightShadow;
1911 .wikipaging-disabled {
1915 /* <?plugin RawHtml <div class="boxright"> </div> */
1921 border: thin solid #888888;
1922 padding: 0.5em 0.5em 0.5em 0.5em;
1926 div.boxright > blockquote {
1933 background-color: #FF9999;
1936 padding-left: 0.8em;
1937 padding-right: 0.8em;
1940 border: medium solid red;
1946 background-color: #FFCCCC;
1949 padding-left: 0.8em;
1950 padding-right: 0.8em;
1953 border: 1px solid #aaa;
1960 background-color: white;
1963 padding: 0.5ex 0.5em;
1964 border: medium solid #fff8dc; /* darker ivory */
1970 background-color: #eeeeee;
1973 padding: 0.5ex 0.5em;
1974 border: thin solid #aaaaaa;
1981 /* Disabled Plugins */
1988 .disabled-plugin .title {
1990 background-color: inherit;
1996 .disabled-plugin pre {
1998 background-color: #ddd;
2000 padding: 0.3ex 0.5em;
2003 /* "(Redirected from ...)" message. */
2006 font-style: oblique;
2007 font-weight: normal;
2012 background-color: white;
2013 font-style: oblique;
2017 background-color: yellow;
2018 font-weight: normal;
2023 background-color: yellow;
2033 * The div inside the wikiadmin upload form does not
2034 * have a class yet, so it must be referenced indirectly
2036 /* div.wikiaction { background-color: #eee; } */
2037 /* div.wikiadmin { background-color: #fee; } */
2038 /* form.wikiadmin div { background-color: #fee; } */
2039 /* form.wikiformrich { background-color: #eee; } */
2044 .wiki, .named-wiki {
2045 text-decoration: none;
2046 font-weight: normal;
2049 /* Action buttons */
2050 a.wikiaction, a.wikiadmin, a.wiki-rc-action, a.wikiunsafe,
2051 input.wikiaction, input.button, input.wikiadmin {
2052 text-decoration: none;
2053 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2054 /* don't wrap text buttons */
2055 white-space: nowrap;
2059 background-color: #fcc;
2063 .wikiunknown, .named-wikiunknown {
2064 font-weight: normal;
2068 /* QuestionMark #600 */
2069 .wikiunknown a, .named-wikiunknown a {
2070 text-decoration: none;
2071 font-weight: normal;
2077 text-decoration: underline;
2082 text-decoration: underline;
2085 /* Interwiki links */
2087 font-weight: normal;
2091 text-decoration: none;
2094 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
2095 font-style: oblique;
2098 .interwiki .wikipage, i .interwiki, em .interwiki {
2102 #p-rc-body div div.box-title {
2111 background-color: #eeeeee;
2112 border: thin dashed #aaa;
2121 background-color: #f2f2f2;
2130 border-top: thin dashed #aaa;
2134 font-weight: normal;
2136 vertical-align: middle;
2139 /* Top-page - RateIt */
2140 div#rateit-widget-top-1 {
2146 position: absolute; /*needed to use z-index */
2149 div#rateit-widget-top {
2159 /* Top-page - RateIt */
2161 text-decoration: none;
2162 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2166 div.public, span.public {
2167 background-color: #ffce7b;
2170 /* IncludePage plugin ================================================= */
2172 .transclusion-title {
2174 text-decoration: underline;
2175 margin-bottom: 0.25ex;
2176 margin-right: 0.25em;
2179 .transclusion, .wiki-edithelp {
2184 border: 1px solid gray;
2185 padding-left: 0.8em;
2186 padding-right: 0.8em;
2189 margin-left: 0.25em;
2190 margin-right: 0.25em;
2191 margin-bottom: 0.1ex;
2195 background-color: white;
2196 border: medium solid #fff8dc; /* darker ivory */
2197 padding-left: 0.5em;
2198 padding-right: 0.5em;
2199 padding-top: 0.75ex;
2200 padding-bottom: 0.75ex;
2207 .wiki-edithelp .wiki {
2208 /* color: #5454ff;*/
2212 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
2213 padding-left: 0.5em;
2214 padding-right: 0.5em;
2216 padding-bottom: 0.5ex;
2220 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
2223 * table class="boxed"
2224 * will put a border around the table (but not around the cells)
2226 * table class="bordered"
2227 * will put a border around the table and the cells
2229 * In both cases, the caption will be bold and centered under the table
2231 * In both cases, the headers (th) will have a "#d8d8d8" background
2234 table.boxed, table.bordered, table.bordered th, table.bordered td {
2236 border-style: solid;
2237 border-collapse: collapse;
2238 vertical-align: top;
2241 table.boxed td, table.bordered td,
2242 table.boxed th, table.bordered th {
2249 table.boxed caption, table.bordered caption {
2252 caption-side: bottom;
2256 table.boxed th, table.bordered th {
2258 background-color: #d8d8d8;
2261 /* For RecentChanges plugin */
2262 td.tdselected, td.tdunselected {
2271 background-color: #554295;
2276 background-color: #e9e8de;
2279 /* Style for feedback
2280 * Use this style to tell the user that the operation he
2281 * requested was executed successfully, e.g:
2282 * User was successfully registered
2287 border-style: solid;
2288 background-color: #DFD;
2289 border-color: green;