Difference between revisions of "MediaWiki:Monobook.css"
Jump to navigation
Jump to search
(Rounded corners for Firefox) |
|||
Line 1: | Line 1: | ||
− | /* | + | /* <pre> */ |
+ | |||
+ | /* Round the corners of everything. */ | ||
+ | |||
+ | #p-cactions ul li, #p-cactions ul li a { | ||
+ | -moz-border-radius-topleft: 8.1px; /* 0.59em; */ | ||
+ | -moz-border-radius-topright: 8px; /* 0.57em; */ | ||
+ | } | ||
+ | #content { | ||
+ | -moz-border-radius-topleft: 8.1px; | ||
+ | -moz-border-radius-bottomleft: 8.5px; | ||
+ | } | ||
+ | div.pBody { | ||
+ | -moz-border-radius-topright: 8px; | ||
+ | -moz-border-radius-bottomright: 8.4px; | ||
+ | } | ||
+ | pre, table#toc, div.thumb div, #ylwnote, #grnnote, #bluenote, #rednote { | ||
+ | -moz-border-radius-topleft: 8.1px; | ||
+ | -moz-border-radius-topright: 8px; | ||
+ | -moz-border-radius-bottomleft: 8.5px; | ||
+ | -moz-border-radius-bottomright: 8.4px; | ||
+ | } | ||
+ | |||
+ | #ylwnote, #grnnote, #bluenote, #rednote { | ||
+ | margin: 1em 0 0 0; | ||
+ | padding: 3px 5px; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | #bluenote { background: #dfefff; } | ||
+ | #rednote { background: #ffdfbf; } | ||
+ | #ylwnote { background: #ffff93; } | ||
+ | #grnnote { background: #b5fbb3; } | ||
+ | |||
+ | |||
+ | /* Change the background colour (and selected tab border | ||
+ | colour) for non-article pages */ | ||
+ | |||
+ | #content, #p-cactions ul li.selected a { | ||
+ | background: #f5f5ff; | ||
+ | } | ||
+ | #p-cactions ul li.selected { | ||
+ | border-color: #1080fa; | ||
+ | } | ||
+ | .ns-0 #content, .ns-0 #p-cactions ul li.selected a { | ||
+ | background: white; | ||
+ | } | ||
+ | .ns-0 #p-cactions ul li.selected { | ||
+ | border-color: #fabd23; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Change the colour and style of the borders around | ||
+ | "pre"s. */ | ||
+ | |||
+ | pre { | ||
+ | border: 1px solid #A2C5E6; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* make the Table of Contents look the same way as the | ||
+ | info box in the top-right of my User page. */ | ||
+ | |||
+ | table#toc { | ||
+ | border: 1px solid #aaaaaa; | ||
+ | border-spacing: 0; | ||
+ | background-color: #f9f9f9; | ||
+ | padding: 0; | ||
+ | font-size: 95%; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | table#toc tr#toctitle td { | ||
+ | background-color: #e9e9e9; | ||
+ | -moz-border-radius-topleft: 8.1px; | ||
+ | -moz-border-radius-topright: 8px; | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | |||
+ | table#toc tr#tocinside td { | ||
+ | border-top: 1px solid #aaaaaa; | ||
+ | background-color: inherit; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Underline all links. */ | ||
+ | |||
+ | a, a:link, a:visited, a:hover, a.extiw, a.extiw:link, a.extiw:visited, a.extiw:hover { text-decoration: underline; } | ||
+ | |||
+ | |||
+ | table { background: inherit; } | ||
+ | |||
+ | /* This makes a not-so-square not-a-box with categories */ | ||
+ | p.catlinks { | ||
+ | margin: 0; | ||
+ | padding: 0px 5px 2px 5px; | ||
+ | } | ||
+ | div#catlinks { | ||
+ | margin: -1px 0 0 50%; | ||
+ | padding: 0; | ||
+ | font-size: 90%; | ||
+ | border-left: 1px solid #aaaaaa; | ||
+ | border-bottom: 1px solid #aaaaaa; | ||
+ | border-right: 1px solid #aaaaaa; | ||
+ | border-top: 1px solid #aaaaaa; | ||
+ | -moz-border-radius-bottomleft: 8.5px; | ||
+ | -moz-border-radius-bottomright: 8.4px; | ||
+ | -moz-border-radius-topright: 8px; | ||
+ | background-color: #f9f9f9; | ||
+ | text-align: left; | ||
+ | clear: none; | ||
+ | } | ||
+ | div#catlinks p.catlinks { | ||
+ | clear: right; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | margin-bottom: 0; | ||
+ | margin-right: 9px; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | margin-top: 3px; | ||
+ | } | ||
+ | |||
+ | table.diff { | ||
+ | border: 1px solid #cccccc; | ||
+ | -moz-border-radius-topleft: 8.1px; | ||
+ | -moz-border-radius-topright: 8px; | ||
+ | -moz-border-radius-bottomleft: 8.5px; | ||
+ | -moz-border-radius-bottomright: 8.4px; | ||
+ | clear: both; | ||
+ | } | ||
+ | td.diff-context { background: inherit; } | ||
+ | td.diff-deletedline, td.diff-addedline { | ||
+ | background: #eee; | ||
+ | color: inherit; | ||
+ | -moz-border-radius-topleft: 8.1px; | ||
+ | -moz-border-radius-topright: 8px; | ||
+ | -moz-border-radius-bottomleft: 8.5px; | ||
+ | -moz-border-radius-bottomright: 8.4px; | ||
+ | } | ||
+ | |||
+ | td.diff-deletedline span.diffchange { | ||
+ | color: inherit; | ||
+ | background-color: #fcc; | ||
+ | } | ||
+ | td.diff-addedline span.diffchange { | ||
+ | color: inherit; | ||
+ | background-color: #cfc; | ||
+ | } | ||
+ | |||
+ | #siteSub { display: none; } /* "From Wikipedia, the free encyclopedia." */ | ||
+ | #contentSub { text-align: right; margin: 0; padding: 0; } | ||
+ | |||
+ | #siteNotice { | ||
+ | border: none; | ||
+ | border-left: 1px solid #ccc; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | -moz-border-radius-bottomleft: 8.5px; | ||
+ | text-align: right; | ||
+ | font-size: 75%; | ||
+ | font-style: normal; | ||
+ | margin: 0 0 0 2em; | ||
+ | padding: 0; | ||
+ | float: right; | ||
+ | width: 28%; | ||
+ | line-height: normal; | ||
+ | background: #f5f5ff; | ||
+ | clear: right; | ||
+ | } | ||
+ | |||
+ | .ns-0 #content #siteNotice { | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | .plainlinks, .mainpagetable, .infobox { clear: both; } | ||
+ | code { background: inherit; } | ||
+ | |||
+ | #fundraising { | ||
+ | text-align: right; | ||
+ | border: none; | ||
+ | padding: 0 0 5px 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* </pre> */ |
Revision as of 10:23, 22 July 2005
/* <pre> */ /* Round the corners of everything. */ #p-cactions ul li, #p-cactions ul li a { -moz-border-radius-topleft: 8.1px; /* 0.59em; */ -moz-border-radius-topright: 8px; /* 0.57em; */ } #content { -moz-border-radius-topleft: 8.1px; -moz-border-radius-bottomleft: 8.5px; } div.pBody { -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8.4px; } pre, table#toc, div.thumb div, #ylwnote, #grnnote, #bluenote, #rednote { -moz-border-radius-topleft: 8.1px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomleft: 8.5px; -moz-border-radius-bottomright: 8.4px; } #ylwnote, #grnnote, #bluenote, #rednote { margin: 1em 0 0 0; padding: 3px 5px; border: 1px solid #ccc; } #bluenote { background: #dfefff; } #rednote { background: #ffdfbf; } #ylwnote { background: #ffff93; } #grnnote { background: #b5fbb3; } /* Change the background colour (and selected tab border colour) for non-article pages */ #content, #p-cactions ul li.selected a { background: #f5f5ff; } #p-cactions ul li.selected { border-color: #1080fa; } .ns-0 #content, .ns-0 #p-cactions ul li.selected a { background: white; } .ns-0 #p-cactions ul li.selected { border-color: #fabd23; } /* Change the colour and style of the borders around "pre"s. */ pre { border: 1px solid #A2C5E6; } /* make the Table of Contents look the same way as the info box in the top-right of my User page. */ table#toc { border: 1px solid #aaaaaa; border-spacing: 0; background-color: #f9f9f9; padding: 0; font-size: 95%; margin-top: 10px; } table#toc tr#toctitle td { background-color: #e9e9e9; -moz-border-radius-topleft: 8.1px; -moz-border-radius-topright: 8px; padding: 0 10px; } table#toc tr#tocinside td { border-top: 1px solid #aaaaaa; background-color: inherit; padding: 5px; } /* Underline all links. */ a, a:link, a:visited, a:hover, a.extiw, a.extiw:link, a.extiw:visited, a.extiw:hover { text-decoration: underline; } table { background: inherit; } /* This makes a not-so-square not-a-box with categories */ p.catlinks { margin: 0; padding: 0px 5px 2px 5px; } div#catlinks { margin: -1px 0 0 50%; padding: 0; font-size: 90%; border-left: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; -moz-border-radius-bottomleft: 8.5px; -moz-border-radius-bottomright: 8.4px; -moz-border-radius-topright: 8px; background-color: #f9f9f9; text-align: left; clear: none; } div#catlinks p.catlinks { clear: right; } .firstHeading { margin-bottom: 0; margin-right: 9px; line-height: 1em; } #contentSub { margin-top: 3px; } table.diff { border: 1px solid #cccccc; -moz-border-radius-topleft: 8.1px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomleft: 8.5px; -moz-border-radius-bottomright: 8.4px; clear: both; } td.diff-context { background: inherit; } td.diff-deletedline, td.diff-addedline { background: #eee; color: inherit; -moz-border-radius-topleft: 8.1px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomleft: 8.5px; -moz-border-radius-bottomright: 8.4px; } td.diff-deletedline span.diffchange { color: inherit; background-color: #fcc; } td.diff-addedline span.diffchange { color: inherit; background-color: #cfc; } #siteSub { display: none; } /* "From Wikipedia, the free encyclopedia." */ #contentSub { text-align: right; margin: 0; padding: 0; } #siteNotice { border: none; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-border-radius-bottomleft: 8.5px; text-align: right; font-size: 75%; font-style: normal; margin: 0 0 0 2em; padding: 0; float: right; width: 28%; line-height: normal; background: #f5f5ff; clear: right; } .ns-0 #content #siteNotice { background: white; } .plainlinks, .mainpagetable, .infobox { clear: both; } code { background: inherit; } #fundraising { text-align: right; border: none; padding: 0 0 5px 0; margin: 0; } /* </pre> */