MediaWiki:Monobook.css
From Blankclubencyclopedia
Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac); IE: hold Ctrl while clicking Refresh, or press Ctrl-F5; Konqueror:: simply click the Reload button, or press F5; Opera users may need to completely clear their cache in Tools→Preferences.
*/ /* <pre> */ /*************************************************** ** BODY */ body { background-image: url(/graphics/background_monobook.gif); background-repeat: repeat; background-color: #333333; color: #FFFFFF; font: x-small; margin: 0px; padding: 0px; } /*************************************************** ** H1-H6 / Headings */ h1, h2, h3, h4, h5, h6 { color: #FFCC00; background: none; margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; } h1, h2 { font-weight: normal; border-bottom: 1px solid #FFCC00; } h3, h4, h5, h6 { font-weight: bold; border-bottom: none; } h1 { font-size: 188%; } h2 { font-size: 150%; } h3 { font-size: 132%; } h4 { font-size: 116%; } h5 { font-size: 100%; } h6 { font-size: 80%; } /* Some space under the headers in the content area */ #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; } #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0.3em; } /*************************************************** ** A / Link appearance ** (Link icons at the eof) ** + _____ : standard links ** + new : "missing" articles ** + extiw : interwiki links ** + external: external links ** + stub : "short" articles */ a { color: #00CCFF; background: none; text-decoration: underline; } a:visited { color: #0066FF; } a:hover { text-decoration: underline; } a.new, a.new:visited { color: #BA0000; } #bodyContent a.extiw, #bodyContent a.extiw:active { color: #00CCFF; background: none; padding: 0; } #bodyContent a.external, #bodyContent a.external:active { color: #00CCFF; } a.stub, #bodyContent a.stub, #bodyContent a.stub:active { color: #FF5500; } div#catlinks { border: 1px inset #999999; background-color: #282828; color: inherit; padding: 0; } div.shortcut { float:right; border:1px solid #AAAAAA; background-color:#282828; padding: 0.5em; margin-bottom:1em; text-align: center; font-size:smaller; font-weight:bold; width: auto; } p.catlinks { border: 1px outset #282828; margin: 2px; padding: 7px; } #bodyContent { background-color: #333333; color: #FFFFFF; background: none; } #content { background-color: #333333; color: #FFFFFF; } #footer { background-color: #333333; color: #FFFFFF; z-index: 200; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; min-height: 39px; } #siteSub { display: block !important; margin-top: -5px; font-size: smaller; color: white; } #contentSub { color: #AAAAAA; } #content_withads { background-color: #333333; } #column-google { z-index: 100; } #siteNotice { padding-left: 4px; font-style: italic; font-weight: bold; text-align: center; color: white; line-height: 85%; } #p-logo { height: 100px !important; } #column-one { padding-top: 140px !important; } .pBody { background-color: #333333; color: #FFFFFF; } /* ** keep the whitespace in front of the ^=, hides rule from konqueror ** this is css3, the validator doesn't like it when validating as css2 */ #bodyContent a[href ^="http://"], #bodyContent a[href ^="gopher://"] { background: url("/graphics/link_external.gif") center right no-repeat; padding-right: 15px; } #bodyContent a[href ^="https://"], .link-https { background: url("/graphics/link_secure.gif") center right no-repeat; padding-right: 16px; } #bodyContent a[href ^="mailto:"], .link-mailto { background: url("/graphics/link_mail.gif") center right no-repeat; } #bodyContent a[href ^="news://"], #bodyContent a[href ^="nntp://"] { background: url("/graphics/link_news.gif") center right no-repeat; padding-right: 15px !important; } #bodyContent a[href ^="ftp://"], .link-ftp { background: url("/graphics/link_ftp.gif") center right no-repeat; padding-right: 14px !important; } #bodyContent a[href ^="irc://"], #bodyContent a[href ^="aim://"], #bodyContent a[href ^="ichat://"], .link-irc { background: url("/graphics/link_chat.gif") center right no-repeat; } #bodyContent a[href ^="itms://"] { background: url("/graphics/link_itms.gif") center right no-repeat; padding-right: 14px !important; } #bodyContent div.noicon a { background: none; padding: 0; } .selected { background-color: #333333; color: #FFFFFF; border-color: #CCCCCC; } #p-cactions ul li a { background-color: #333333; color: #FFFFFF; } pre { background-color: transparent; color: inherit; border: none; } code { background-color: transparent; } #p-personal { background-color: transparent; color: #00CCFF; } #p-personal a { color: #00CCFF !important; background-color: transparent; } #p-personal a:hover { background-color: transparent !important; } #pagehistory li { border: 1px solid #333333; list-style-type: none; } #pagehistory li.selected { background-color: #282828; border: 1px dashed #aaaaaa; } table.diff { background: #282828; } td.diff-otitle { background: #282828; } td.diff-ntitle { background: #282828; } td.diff-addedline { font-size: smaller; background-color: #000033; } td.diff-deletedline { font-size: smaller; background-color: #330000; } td.diff-context { background: #282828; font-size: smaller; } table.grey, table.wiki-sidebar, table.browser { border: 1px inset #999999; background-color: #282828; color: inherit; } table.grey td { border: 1px outset #282828; } table.grey tr th, table.grey thead tr th { color: inherit; background-color: #660000; border: 1px outset #660000; text-align: left; font-weight: bold; } th { text-align: left; color: #FFCC00; background-color: inherit; font-size: 106.25%; } td.odd { background-color: #282828; border: 1px outset #282828; } td.even { border: 1px outset #333333; background-color: #333333; } /* ** TABLE: WIKI-SIDEBAR */ table.wiki-sidebar { float: right; margin-left: 5px; width: 200px; } table.wiki-sidebar td { line-height: 130%; } table.wiki-sidebar td.odd { width: 35%; font-weight: bold; text-align: right; } table.wiki-sidebar td.sb-both { border: 1px outset #333333; background-color: #333333; font-weight: bold; font-size: smaller; } table.wiki-sidebar td.sb-both img { display:block; /*force new line after img in sidebar */ } table.wiki-sidebar td.sb-both { text-align: center; } table.wiki-sidebar td.sb-left { width: 35%; font-weight: bold; text-align: right; background-color: #282828; border: 1px outset #282828; } table.wiki-sidebar td.sb-right { border: 1px outset #333333; background-color: #333333; } /* ** TABLE: NAV-SIMPLE */ table.nav-simple { width: auto; clear: both; background-color: #282828; border: 1px solid #AAAAAA; margin: 1em auto 1em auto; } table.nav-simple tr th { background-color: #660000; text-align: center; font-weight: bold; } table.nav-simple tr td { background-color: transparent; text-align: center; font-size: smaller; } table.browser { width: 100%; clear: both; } table.browser td { text-align: center; width: 33%; background: #282828; border: 1px outset #282828; line-height: 130%; } table.browser td.topic { background-color: #282828; border: 1px outset #282828; } span.diffchange { color: red; } tr[bgcolor] td { color: black; } table.mainpage { width: 100%; background-color: #282828; /*background-image: url(/graphics/tableborder.png);*/ border: 1px inset #666666; } table.mainpage tr td, table.mainpage tr th { padding: 4px; width: 33%; } table.mainpage tr th { background: #660000; text-align: center; font-size: 1.2em; } /*table.mainpage tr td ul li { margin-left: -2.0em; }*/ caption { color: #FFCC00; font-size: 1.2em; text-decoration: underline; } div.header-notice, div.warning { width: 85%; margin: 1.0em auto 0.5em auto; padding: 5px; text-align: left; border: 1px inset #999999; background-color: #282828; color: #FFFFFF; line-height: 120%; } div.warning { color: red !important; font-weight: bold; } div.notice, div.usermessage { width: 65%; margin: 1.0em auto 0.5em auto; padding: 5px; text-align: center; border-style: dashed; border-width: 2px; border-color: red; background-color: #282828; color: #FFFFFF; line-height: 120%; } div.header-notice#fa { width: auto; font-size: inherit !important; } div.notice p, div.header-notice p, div.warning p { line-height: 120% !important; } .floatright, .floatright span, .floatright a.image, .floatleft, .floatleft span, .floatleft a.image { background-color: transparent !important; border-color: transparent !important; } .thumb, .tright, .tleft { border: 1px inset #999999 !important; background-color: #282828 !important; } div.thumb div a img { border: none; } div.thumb div { background-color: #282828 !important; } table, td, tr { background-color: transparent; color: #FFFFFF; } td, th { vertical-align: top; } div.fullImage { text-align: center; } /*************************************************** ** TOC layout */ #toc, .toc { background-color: #282828; border: 1px solid #999999; padding: 5px; font-size: 95%; } #toc h2, .toc h2 { display: inline; border: none; padding: 0; font-size: 100%; font-weight: bold; } #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { text-align: center; background-color: transparent; } #toc ul, .toc ul { list-style-type: none; list-style-image: none; margin-left: 0; padding-left: 0; text-align: left; } #toc ul ul, .toc ul ul { margin: 0 0 0 1em; } #toc .toctoggle, .toc .toctoggle { font-size: 100%; } li.toclevel-1 { border-top: 1px solid #555555; } .toc a, #toc a { text-decoration:none; } legend { background-color: #282828; border: 1px solid #2f6fab; color: #FFCC00; } fieldset { background-color: #282828; } #preftoc li { background-color: transparent; border: 0px; } #preftoc li a { color: #00CCFF; } #preftoc li.selected { border: 1px; background-color: #282828; } ol ol { list-style-type: lower-latin; } ol ol ol { list-style-type: lower-roman; } li#pt-userpage { background: url("/graphics/user.gif") top left no-repeat !important; background-repeat: no-repeat; background-color: transparent !important; padding-left: 20px; text-transform: none; } /*************************************************** ** Gallery layout - merged with content from main.css, edited */ table.gallery { margin: 2px; padding: 2px; border: none; background-color: transparent; } table.gallery tr { vertical-align: top; } table.gallery td { vertical-align: top; background-color: #282828; border: 1px solid #999999; margin: 2px; } div.gallerybox { margin: 2px; width: 150px; border: none; } div.gallerybox div.thumb { text-align: center; border: none; margin: 2px; } div.gallerytext { font-size: smaller; text-align: center; padding: 2px 4px; background-color: transparent; border: none; } /*************************************************** ** FIXES ** everything below is a quick fix to correct apparent errors ** should be merged into the above styles later */ /* ** fix for background color on Special:Newpages ** --Cid, 2005-12-13 */ .special, .not-patrolled { background-color: inherit; } /* ** fix for background color on Image pages (filetoc) ** --Cid, 2006-01-18 */ ul#filetoc { text-align: center; border: 1px solid #aaaaaa; background-color: inherit; padding: 5px; font-size: 95%; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; } #filetoc li { display: inline; list-style-type: none; padding-right: 2em; } /* ** fix for image legend (smaller, centered) ** --Cid, 2006-01-18 */ div.fullImageLink { text-align: center; } div.fullMedia { text-align: center; border: 1px solid #aaaaaa; background-color: inherit; padding: 5px; font-size:smaller; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; } /* ** fix for exclamation mark on Special:Recentchanges ** --Cid, 2006-01-18 */ span.unpatrolled { font-weight: bold; color: #FFFFFF; } /* ** fix for table layout on Special:Allmessages ** copied from MA/de, colors might need adjustment later ** --Cid, 2006-01-20 */ #allmessagestable th { background-color: #333333; } #allmessagestable tr.orig { background-color: #555555; } #allmessagestable tr.new { background-color: #552222; } #allmessagestable tr.def { background-color: #222255; } /* ** fix to remove double 1px-border between the two search boxes ** --Cid, 2006-01-24 */ div#p-search div.pBody { border-top:0px; } div#p-search h5 + div.pBody { border-top:1px solid #999999; border-bottom:0px; } /* </pre> */ /*