MediaWiki:Common.css
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*
{{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;
line-height: 50px;
padding-left: 50px;
}
/* For indenting paragraphs on fancruft articles */
div.indent p {
text-indent: 1in;
}
/* Style for "notices" */
.notice {
margin: 1em;
padding: 0.2em;
}
/*
{{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;
line-height: 50px;
padding-left: 50px;
}
/* For indenting paragraphs on fancruft articles */
div.indent p {
text-indent: 1in;
}
/* Style for "notices" */
.notice {
margin: 1em;
padding: 0.2em;
}