Difference between revisions of "MediaWiki:Monobook.css"
From Nick Jenkins
(trying a new experimental site look!) |
|||
Line 1: | Line 1: | ||
− | /* | + | /* From: http://wikidev.net/MediaWiki_skin_tweaks |
+ | ** Make a few corners round, only supported by moz/firefox/other gecko browsers for now | ||
+ | */ | ||
+ | #p-cactions ul li, #p-cactions ul li a { -moz-border-radius-topleft: 0.4em; -moz-border-radius-topright: 0.4em; } | ||
+ | #content { -moz-border-radius-topleft: 0.6em; -moz-border-radius-bottomleft: 0.6em; } | ||
+ | div.pBody { -moz-border-radius-topright: 0.4em; -moz-border-radius-bottomright: 0.4em; } | ||
+ | |||
+ | /* From http://xs.mw and changes in http://xs.mw/wiki/skins/monobook/main.css | ||
+ | ** Custom CSS overrides for mediawiki monobook skin. | ||
+ | ** - The default/original values are in comments. | ||
+ | ** - "new property" means it wasn't there before. | ||
+ | */ | ||
+ | #content { | ||
+ | background: #383E4E; /* white; */ | ||
+ | color: white; /* black */; | ||
+ | border: 1px solid #FFF8AF; /* #aaa */ | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font: x-small verdana, sans-serif; /* x-small sans-serif */ | ||
+ | background: #3E3E3E; /* #f9f9f9 url(headbg.jpg) 0 0 no-repeat; */ | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | background: transparent; /* white; */ | ||
+ | color: white; /* new property. DIFFERS-FROM-XS-MW: Not present. */ | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #E9FF8F; /* DIFFERS-FROM-XS-MW: #FFFCDF; */ /* #002bb8; */ | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #E9FF8F; /* #5a3696; */ | ||
+ | } | ||
+ | a:active { | ||
+ | color: #FFAFAF; /* #faa700; */ | ||
+ | } | ||
+ | a:hover { | ||
+ | background: #AFA4A4; /* new property */ | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: white; /* black */ | ||
+ | } | ||
+ | |||
+ | legend { | ||
+ | background: transparent; /* white; */ | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | background-color: #CECF8E; /* #f9f9f9; */ | ||
+ | } | ||
+ | |||
+ | pre { | ||
+ | background-color: #CECF8E; /* #f9f9f9; */ | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | border: 1px solid #8395BF; /* #aaa; */ | ||
+ | background-color: #243551; /* DIFFERS-FROM-XS-MW: #CECF8E; */ /* #f9f9f9; */ | ||
+ | } | ||
+ | |||
+ | #toc, | ||
+ | .toc, | ||
+ | .mw-warning { | ||
+ | border: 1px solid #99AEDF; /* #aaa; */ | ||
+ | background-color: #626F8F; /* #f9f9f9; */ | ||
+ | } | ||
+ | |||
+ | div.townBox { | ||
+ | color:black; /* DIFFERS-FROM-XS-MW: not present */ | ||
+ | background: transparent; /* white; */ | ||
+ | } | ||
+ | |||
+ | table.diff, td.diff-otitle, td.diff-ntitle { | ||
+ | color:black; /* DIFFERS-FROM-XS-MW: not present */ | ||
+ | background-color: transparent; /* white; */ | ||
+ | } | ||
+ | |||
+ | /* making internal links more noticable, whilst not stopping new links from being different: */ | ||
+ | #bodyContent a.new { | ||
+ | color: #ba0000; // redish colour /* DIFFERS-FROM-XS-MW: not present */ | ||
+ | } | ||
+ | |||
+ | #bodyContent a, /* DIFFERS-FROM-XS-MW: not present */ | ||
+ | #bodyContent a.extiw, | ||
+ | #bodyContent a.extiw:active { | ||
+ | color: yellow; /* DIFFERS-FROM-XS-MW: #F3FCCC; */ /* #36b; */ | ||
+ | } | ||
+ | |||
+ | #bodyContent a.external { | ||
+ | color: yellow; /* DIFFERS-FROM-XS-MW: #F3FCCC; */ /* #36b; */ | ||
+ | } | ||
+ | |||
+ | .pBody { | ||
+ | background-color: #3E3E3E; /* white; */ | ||
+ | } | ||
+ | |||
+ | #p-logo a, | ||
+ | #p-logo a:hover { | ||
+ | color: #FFFF80; /* new property */ | ||
+ | background-color: transparent; /* new property: mouseover effecfts on the logo are just nasty ... */ | ||
+ | } | ||
+ | |||
+ | #p-personal li a { | ||
+ | color: silver; /* #005896; */ | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | background-color: transparent; /* white; */ | ||
+ | color: white; /* new property */ | ||
+ | border-top: 1px solid #FFF8AF; /* #fabd23; */ | ||
+ | border-bottom: 1px solid #FFF8AF; /* #fabd23; */ | ||
+ | } | ||
+ | |||
+ | /* Omitted stanza, DIFFERS-FROM-XS-MW: #p-cactions li */ | ||
+ | |||
+ | #p-cactions li a { | ||
+ | background-color: #FFF8AF; /* #fbfbfb; */ | ||
+ | /* Omitted item, DIFFERS-FROM-XS-MW: color: black; */ | ||
+ | } | ||
+ | |||
+ | // Preferences: | ||
+ | #preferences { | ||
+ | background-color: transparent; /* #F9F9F9; */ | ||
+ | } | ||
+ | #preftoc li.selected { | ||
+ | background-color: #2f6fab; /* #f9f9f9; */ | ||
+ | } | ||
+ | .prefsection table, .prefsection legend { | ||
+ | background-color: transparent; /* #F9F9F9; */ | ||
+ | } | ||
+ | div.prefsectiontip { | ||
+ | background-color: #243551; /* #FFC1C1; */ | ||
+ | } | ||
+ | |||
+ | // page history: | ||
+ | #pagehistory li.selected { | ||
+ | background-color: #2f6fab; /* new property */ | ||
+ | } | ||
+ | .autocomment { | ||
+ | color: white; | ||
+ | } |
Revision as of 10:01, 10 June 2006
/* From: http://wikidev.net/MediaWiki_skin_tweaks ** Make a few corners round, only supported by moz/firefox/other gecko browsers for now */ #p-cactions ul li, #p-cactions ul li a { -moz-border-radius-topleft: 0.4em; -moz-border-radius-topright: 0.4em; } #content { -moz-border-radius-topleft: 0.6em; -moz-border-radius-bottomleft: 0.6em; } div.pBody { -moz-border-radius-topright: 0.4em; -moz-border-radius-bottomright: 0.4em; } /* From http://xs.mw and changes in http://xs.mw/wiki/skins/monobook/main.css ** Custom CSS overrides for mediawiki monobook skin. ** - The default/original values are in comments. ** - "new property" means it wasn't there before. */ #content { background: #383E4E; /* white; */ color: white; /* black */; border: 1px solid #FFF8AF; /* #aaa */ } body { font: x-small verdana, sans-serif; /* x-small sans-serif */ background: #3E3E3E; /* #f9f9f9 url(headbg.jpg) 0 0 no-repeat; */ } table { background: transparent; /* white; */ color: white; /* new property. DIFFERS-FROM-XS-MW: Not present. */ } a { color: #E9FF8F; /* DIFFERS-FROM-XS-MW: #FFFCDF; */ /* #002bb8; */ } a:visited { color: #E9FF8F; /* #5a3696; */ } a:active { color: #FFAFAF; /* #faa700; */ } a:hover { background: #AFA4A4; /* new property */ } h1, h2, h3, h4, h5, h6 { color: white; /* black */ } legend { background: transparent; /* white; */ } code { background-color: #CECF8E; /* #f9f9f9; */ } pre { background-color: #CECF8E; /* #f9f9f9; */ } #catlinks { border: 1px solid #8395BF; /* #aaa; */ background-color: #243551; /* DIFFERS-FROM-XS-MW: #CECF8E; */ /* #f9f9f9; */ } #toc, .toc, .mw-warning { border: 1px solid #99AEDF; /* #aaa; */ background-color: #626F8F; /* #f9f9f9; */ } div.townBox { color:black; /* DIFFERS-FROM-XS-MW: not present */ background: transparent; /* white; */ } table.diff, td.diff-otitle, td.diff-ntitle { color:black; /* DIFFERS-FROM-XS-MW: not present */ background-color: transparent; /* white; */ } /* making internal links more noticable, whilst not stopping new links from being different: */ #bodyContent a.new { color: #ba0000; // redish colour /* DIFFERS-FROM-XS-MW: not present */ } #bodyContent a, /* DIFFERS-FROM-XS-MW: not present */ #bodyContent a.extiw, #bodyContent a.extiw:active { color: yellow; /* DIFFERS-FROM-XS-MW: #F3FCCC; */ /* #36b; */ } #bodyContent a.external { color: yellow; /* DIFFERS-FROM-XS-MW: #F3FCCC; */ /* #36b; */ } .pBody { background-color: #3E3E3E; /* white; */ } #p-logo a, #p-logo a:hover { color: #FFFF80; /* new property */ background-color: transparent; /* new property: mouseover effecfts on the logo are just nasty ... */ } #p-personal li a { color: silver; /* #005896; */ } #footer { background-color: transparent; /* white; */ color: white; /* new property */ border-top: 1px solid #FFF8AF; /* #fabd23; */ border-bottom: 1px solid #FFF8AF; /* #fabd23; */ } /* Omitted stanza, DIFFERS-FROM-XS-MW: #p-cactions li */ #p-cactions li a { background-color: #FFF8AF; /* #fbfbfb; */ /* Omitted item, DIFFERS-FROM-XS-MW: color: black; */ } // Preferences: #preferences { background-color: transparent; /* #F9F9F9; */ } #preftoc li.selected { background-color: #2f6fab; /* #f9f9f9; */ } .prefsection table, .prefsection legend { background-color: transparent; /* #F9F9F9; */ } div.prefsectiontip { background-color: #243551; /* #FFC1C1; */ } // page history: #pagehistory li.selected { background-color: #2f6fab; /* new property */ } .autocomment { color: white; }