|
|
| (61 intermediate revisions by 5 users not shown) |
| Line 1: |
Line 1: |
| − | /* | + | // NOTE: These have been disabled by Nicjansma. Please contact him if you think something should be enabled site-wide. |
| − | {{TOCright}}
| |
| − | CSS placed here will be applied to all skins
| |
| − | | |
| − | Tools: [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fsarna.net%2Fwiki%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service] | [http://sarna.net/wiki/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css&smaxage=18000 reload cache]
| |
| − | <br style="clear: both"/>
| |
| − | | |
| − | ===CSS for Navigation Bar===
| |
| − | Don't touch this without Nic's permission.
| |
| − | | |
| − | */
| |
| − | | |
| − | a.topbar, a.topbar:link, a.topbar:active, a.topbar:visited, a.topbar:hover {
| |
| − | font-family: Verdana, Tahoma, sans-serif;
| |
| − | font-size: 11px; | |
| − | color: black;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | | |
| − | /*
| |
| − | === CSS for Special: Pages ===
| |
| − | | |
| − | Puts a redirect indicator before redirects in Special:Allpages
| |
| − | | |
| − | */
| |
| − | | |
| − | .allpagesredirect {
| |
| − | font-style: italic;
| |
| − | }
| |
| − | | |
| − | .allpagesredirect a {
| |
| − | background: url("/wiki/images/5/5c/Allpagesredirect.gif") center left no-repeat; padding-left: 13px;
| |
| − | }
| |
| − | | |
| − | /*
| |
| − | === CSS for Image: Pages ===
| |
| − | Put a checker background at the image description page only visible if the image has transparent background
| |
| − | | |
| − | <!-- Note that _all_ instances of #id will need to 'break' with the format standardised elsewhere on _this_ page or else the CSS will become unreadable. --> */
| |
| − | | |
| − | #file img { background: url("/wiki/images/5/5d/Checker-16x16.png") repeat; }
| |
| − | | |
| − | /*
| |
| − | ===CSS for Skinning Download Boxes===
| |
| − | | |
| − | */
| |
| − | | |
| − | table.downloadbox {
| |
| − | border: 1px solid #999;
| |
| − | margin: 10px;
| |
| − | padding: 5px;
| |
| − | float: right;
| |
| − | clear: right;
| |
| − | width: 250px;
| |
| − | background: white;
| |
| − | border-collapse: collapse;
| |
| − | }
| |
| − | | |
| − | table.downloadbox tr {
| |
| − | text-align: left;
| |
| − | spacing-top: 0px;
| |
| − | spacing-bottom: 0px;
| |
| − | vertical-align: middle;
| |
| − | background: #F0F0F0;
| |
| − | }
| |
| − | | |
| − | table.downloadbox tr td {
| |
| − | padding: 5px;
| |
| − | border-top: 1px solid #999;
| |
| − | border-bottom: 1px solid #999;
| |
| − | background: #F0F0F0;
| |
| − | }
| |
| − | | |
| − | table.downloadbox tr td.downloadboxheading{
| |
| − | background: #BDB;
| |
| − | }
| |
| − | | |
| − | /*
| |
| − | ===CSS for Skinning Info Boxes===
| |
| − | */
| |
| − | | |
| − | table.infobox {
| |
| − | border: 1px solid #999;
| |
| − | margin: 10px;
| |
| − | padding: 5px;
| |
| − | float: right;
| |
| − | clear: right;
| |
| − | width: 250px;
| |
| − | background: white;
| |
| − | border-collapse: collapse;
| |
| − | line-height: 2em;
| |
| − | }
| |
| − | | |
| − | table.infobox tr {
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | table.infobox tr td.infoboxname {
| |
| − | text-align: center;
| |
| − | color: black;
| |
| − | background: white;
| |
| − | font-size: larger;
| |
| − | }
| |
| − | | |
| − | table.infobox tr td.infoboxheading{
| |
| − | text-align: left;
| |
| − | background: #BDB;
| |
| − | }
| |
| − | | |
| − | table.infobox tr.infoboxrow {
| |
| − | text-align: left;
| |
| − | spacing-top: 0px;
| |
| − | spacing-bottom: 0px;
| |
| − | vertical-align: middle;
| |
| − | background: #F0F0F0;
| |
| − | }
| |
| − | | |
| − | table.infobox tr td {
| |
| − | padding: 5px;
| |
| − | background: white;
| |
| − | }
| |
| − | | |
| − | table.infobox tr.infoboxrow td {
| |
| − | border-top: 1px solid #999;
| |
| − | border-bottom: 1px solid #999;
| |
| − | background: #F0F0F0;
| |
| − | }
| |
| − | | |
| − | table.infobox tr.infoboxrow td.bot {
| |
| − | | |
| − | border-bottom: 1px solid #999;
| |
| − | border-top: none;
| |
| − | | |
| − | } table.infobox tr.infoboxrow td.top {
| |
| − | | |
| − | border-bottom: none;
| |
| − | border-top: 1px solid #999;
| |
| − | | |
| − | }
| |
| − | | |
| − | /*
| |
| − | ===CSS for Skinng Message Boxes===
| |
| − | Messagebox templates
| |
| − | | |
| − | */
| |
| − | | |
| − | .messagebox {
| |
| − | background-color: #F9F9F9;
| |
| − | border: 1px solid #AAA;
| |
| − | clear: both;
| |
| − | margin: 0 auto 1em auto;
| |
| − | padding: .45em;
| |
| − | width: 80%;
| |
| − | }
| |
| − | | |
| − | .messagebox.merge {
| |
| − | background-color: #F0E5FF;
| |
| − | border: 1px solid #C0B8CC;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .messagebox.cleanup {
| |
| − | background-color: #EFEFFF;
| |
| − | border: 1px solid #9F9FFF;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .messagebox.standard-talk {
| |
| − | background-color: #F8EABA;
| |
| − | border: 1px solid #C0C090;
| |
| − | }
| |
| − | | |
| − | .messagebox.standard-talk.projectbm {
| |
| − | background: #F8EABA url(/wiki/images/d/dc/Mech.gif) no-repeat 10px center;
| |
| − | padding: 10px 10px 10px 40px;
| |
| − | }
| |
| − | | |
| − | /*
| |
| − | | |
| − | ===CSS for Skinning Normal Tables===
| |
| − | wikitable/prettytable class for skinning normal tables
| |
| − | | |
| − | */
| |
| − | | |
| − | table.wikitable,
| |
| − | table.prettytable {
| |
| − | margin: 1em 1em 1em 0;
| |
| − | background: #F9F9F9;
| |
| − | border: 1px #AAA solid;
| |
| − | border-collapse: collapse;
| |
| − | }
| |
| − | | |
| − | table.wikitable th, table.wikitable td,
| |
| − | table.prettytable th, table.prettytable td {
| |
| − | border: 1px #AAA solid;
| |
| − | padding: 0.2em;
| |
| − | }
| |
| − | | |
| − | table.wikitable th,
| |
| − | table.prettytable th {
| |
| − | background: #F2F2F2;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | table.wikitable caption,
| |
| − | table.prettytable caption {
| |
| − | margin-left: inherit;
| |
| − | margin-right: inherit;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | | |
| − | /*
| |
| − | ===Miscellaneous CSS===
| |
| − | This area is for CSS that isn't 'categorised'. Try to fit CSS under a 'category' if at all possible.
| |
| − | | |
| − | For boilerplate messages
| |
| − | | |
| − | */
| |
| − | | |
| − | .boilerplate {
| |
| − | background-color: #FFD84C;
| |
| − | border: 1px solid #AA8;
| |
| − | margin: 0 auto;
| |
| − | padding: 0 1em;
| |
| − | text-align: center;
| |
| − | width: 95%
| |
| − | }
| |
| − | | |
| − | /* Used in disambig */
| |
| − | | |
| − | .dabnote {
| |
| − | background: url(/wiki/images/thumb/5/5f/Disambig_gray.svg/30px-Disambig_gray.svg.png) no-repeat 10px center;
| |
| − | border-bottom: 1px solid LightGrey;
| |
| − | border-top: 1px solid LightGrey;
| |
| − | font-style: italic;
| |
| − | min-height: 50px;
| |
| − | padding-left: 50px;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | | |
| − | /* For indenting paragraphs on fancruft articles */
| |
| − | | |
| − | div.indent p {
| |
| − | text-indent: 1in;
| |
| − | }
| |
| − | | |
| − | /* Style for "notices" */
| |
| − | | |
| − | .notice {
| |
| − | margin: 1em;
| |
| − | padding: 0.2em;
| |
| − | }
| |
