Difference between revisions of "MediaWiki:Common.css"
(Testing something. Warning; this may break the site's CSS.) |
(MAJOR edit. Again, this may break the site's CSS. It didn't last time, so fingers crossed.) |
||
Line 1: | Line 1: | ||
− | /* CSS placed here will be applied to all skins */ | + | /* |
+ | {{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 { | a.topbar, a.topbar:link, a.topbar:active, a.topbar:visited, a.topbar:hover { | ||
Line 7: | Line 17: | ||
font-weight: bold; | 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 { | table.infobox { | ||
Line 53: | Line 123: | ||
border-bottom: 1px solid #999; | border-bottom: 1px solid #999; | ||
background: #F0F0F0; | background: #F0F0F0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 101: | Line 137: | ||
} | } | ||
− | /* | + | /* |
− | + | ===CSS for Skinning Normal Tables=== | |
− | + | wikitable/prettytable class for skinning normal tables | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
*/ | */ | ||
Line 129: | Line 146: | ||
table.prettytable { | table.prettytable { | ||
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
− | background: # | + | background: #F9F9F9; |
− | border: 1px # | + | border: 1px #AAA solid; |
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
Line 136: | Line 153: | ||
table.wikitable th, table.wikitable td, | table.wikitable th, table.wikitable td, | ||
table.prettytable th, table.prettytable td { | table.prettytable th, table.prettytable td { | ||
− | border: 1px # | + | border: 1px #AAA solid; |
padding: 0.2em; | padding: 0.2em; | ||
} | } | ||
Line 142: | Line 159: | ||
table.wikitable th, | table.wikitable th, | ||
table.prettytable th { | table.prettytable th { | ||
− | background: # | + | background: #F2F2F2; |
text-align: center; | text-align: center; | ||
} | } | ||
Line 150: | Line 167: | ||
margin-right: inherit; | margin-right: inherit; | ||
font-weight: bold; | 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 indenting paragraphs on fancruft articles | ||
+ | |||
+ | */ | ||
+ | |||
+ | div.indent p { | ||
+ | text-indent: 1in; | ||
} | } |
Revision as of 21:44, 29 November 2006
/*
{{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 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 indenting paragraphs on fancruft articles
*/
div.indent p {
text-indent: 1in;
}