Difference between revisions of "MediaWiki:Common.css"
m (→CSS for Skinning WikiProject Message Boxes: I'll get it right. Eventually.) |
(CSS for the Novel Info Box) |
||
Line 324: | Line 324: | ||
margin: 1.5em; | margin: 1.5em; | ||
padding: 0.45em | padding: 0.45em | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ===CSS for the Novel Info Box=== | ||
+ | */ | ||
+ | table.infoBoxNovel { | ||
+ | border: 1px solid #bdb76b; | ||
+ | border-top: 0px; | ||
+ | border-collapse: collapse; | ||
+ | float: right; | ||
+ | font: normal 11px Arial,sans-serif; | ||
+ | margin: 0px 0px 10px 10px; | ||
+ | width: 250px; | ||
+ | } | ||
+ | .infoBoxNovel th { | ||
+ | border-bottom: 1px solid #bdb76b; | ||
+ | padding: 4px; | ||
+ | background-color: #eee8aa; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .infoBoxNovel td { | ||
+ | padding: 4px; | ||
} | } |
Revision as of 00:57, 2 August 2008
/*
{{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 Hacks===
This one is to get around the default skin screwing up font sizes.
*/
a, a:active, a:hover, a:link, a:visited {
font-size: inherit;
font-family: inherit;
}
/*
===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 {
background-color: inherit;
color: black;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
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 {
background: white;
border-collapse: collapse;
border: 1px solid #999;
clear: right;
color: black;
float: right;
margin: 10px;
padding: 5px;
width: 250px
}
table.downloadbox tr {
background: #F0F0F0;
color: inherit;
border-spacing: 0;
text-align: left;
vertical-align: middle
}
table.downloadbox tr td {
background: #F0F0F0;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
color: inherit;
padding: 5px
}
table.downloadbox tr td.downloadboxheading {
background: #BDB;
color: inherit
}
/*
===CSS for Skinning Info Boxes===
*/
table.infobox {
background: white;
border: 1px solid #999;
border-collapse: collapse;
clear: right;
color: black;
float: right;
line-height: 2em;
margin: 10px;
padding: 5px;
width: 250px
}
table.infobox tr {
text-align: center
}
table.infobox tr td.infoboxname,
table.infobox tr th.infoboxname {
color: inherit;
background: white;
font-size: larger;
font-weight: bold;
text-align: center
}
table.infobox tr td.infoboxheading,
table.infobox tr th.infoboxheading {
background: #BDB;
color: inherit;
font-weight: bold;
text-align: left
}
table.infobox tr.infoboxrow {
background: #F0F0F0;
color: inherit;
border-spacing: 0;
vertical-align: middle;
text-align: left
}
table.infobox tr td {
background: white;
color: inherit;
padding: 5px
}
table.infobox tr.infoboxrow td {
background: #F0F0F0;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
color: inherit
}
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 General Purpose Message Boxes===
*/
.messagebox {
background: #F9F9F9;
border: 1px solid #AAA;
clear: both;
color: black;
margin: 0 auto 1em auto;
padding: .45em;
width: 80%
}
.messagebox.merge {
background: #F0E5FF;
color: black;
border: 1px solid #C0B8CC;
text-align: center
}
.messagebox.cleanup {
background: #EFEFFF;
border: 1px solid #9F9FFF;
color: black;
text-align: center
}
.messagebox.standard-talk {
background: #F8EABA;
border: 1px solid #C0C090;
color: black
}
/*
===CSS for Skinning WikiProject Message Boxes===
*/
.messagebox.standard-talk.projectbm {
background: #F8EABA url("/wiki/images/d/dc/Mech.gif") no-repeat 10px 13px;
color: inherit;
padding: 10px 10px 10px 40px
}
.messagebox.standard-talk.projectp {
background: #F8EABA url("/wiki/images/thumb/5/59/Planet.png/25px-Planet.png") no-repeat 8px 13px;
color: inherit;
padding: 10px 10px 10px 40px
}
.messagebox.standard-talk.projectv {
background: #F8EABA url("/wiki/images/thumb/0/08/Vehicle.gif/25px-Vehicle.gif") no-repeat 8px 13px;
color: inherit;
padding: 10px 10px 10px 40px
}
.messagebox.standard-talk.projectbio {
background: #F8EABA url("/wiki/images/a/ad/Bio.gif") no-repeat 8px 13px;
color: inherit;
padding: 10px 10px 10px 40px
}
/*
===CSS for Skinning Normal Tables===
wikitable class for skinning normal tables
*/
table.wikitable {
background: #F9F9F9;
border: 1px #AAA solid;
border-collapse: collapse;
color: inherit;
margin: 1em 1em 1em 0
}
table.wikitable th, table.wikitable td {
border: 1px #AAA solid;
padding: 0.2em
}
table.wikitable th {
background: #F2F2F2;
color: inherit;
text-align: center
}
table.wikitable caption {
font-weight: bold;
margin-left: inherit;
margin-right: inherit
}
/*
===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: #FFD700;
border: 1px solid #AA8;
color: black;
margin: 0 auto;
padding: 0 1em;
text-align: center;
width: 95%
}
/* for designating giant slabs of code */
code.block {
display: table;
line-height: 1.2em
}
/* Used in template:disambig
;Note: Won't display properly in IE. Then again, what does? */
.dabnote {
background: url("/wiki/images/thumb/5/5f/Disambig_gray.svg/30px-Disambig_gray.svg.png") no-repeat 10px 50%;
border-bottom: 1px solid #D3D3D3;
border-top: 1px solid #D3D3D3;
display: table;
font-style: italic;
height: 50px;
margin: 0 auto;
min-width: 80%
}
.dabnote > div:first-child {
display: table-cell;
padding-left: 50px;
vertical-align: middle
}
/* For indenting paragraphs on fancruft */
div.indent p {
text-indent: 0.5in
}
/* Styles for "notices" */
.impt {
font-weight: bold;
font-size: 1.45em;
line-height: 1.45em
}
.notice {
margin: 1.5em;
padding: 0.45em
}
/*
===CSS for the Novel Info Box===
*/
table.infoBoxNovel {
border: 1px solid #bdb76b;
border-top: 0px;
border-collapse: collapse;
float: right;
font: normal 11px Arial,sans-serif;
margin: 0px 0px 10px 10px;
width: 250px;
}
.infoBoxNovel th {
border-bottom: 1px solid #bdb76b;
padding: 4px;
background-color: #eee8aa;
text-align: left;
}
.infoBoxNovel td {
padding: 4px;
}