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.
 +
 
 +
&nbsp;*/
  
 
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. -->&nbsp;*/
 +
 +
#file img { background: url("/wiki/images/5/5d/Checker-16x16.png") repeat; }
 +
 +
/*
 +
===CSS for Skinning Download Boxes===
 +
 +
&nbsp;*/
 +
 +
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===
 +
&nbsp;*/
  
 
table.infobox {
 
table.infobox {
Line 53: Line 123:
 
  border-bottom: 1px solid #999;  
 
  border-bottom: 1px solid #999;  
 
  background: #F0F0F0;
 
  background: #F0F0F0;
}
 
 
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;
 
}
 
 
div.indent p {
 
text-indent: 1in;
 
 
}
 
}
  
Line 101: Line 137:
 
}
 
}
  
/* Messagebox templates */
+
/*
.messagebox {
+
===CSS for Skinning Normal Tables===
border: 1px solid #AAA;
+
wikitable/prettytable class for skinning normal tables
background-color: #F9F9F9;
 
width: 80%;
 
margin: 0 auto 1em auto;
 
padding: .45em;
 
}
 
 
 
/* Put a checker background at the image description page only visible if the image has transparent background */
 
 
 
#file img { background: url("/wiki/images/5/5d/Checker-16x16.png") repeat; }
 
 
 
/* 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;
 
}
 
  
/*
 
==wikitable/prettytable class for skinning normal tables==
 
 
&nbsp;*/
 
&nbsp;*/
  
Line 129: Line 146:
 
table.prettytable {
 
table.prettytable {
 
  margin: 1em 1em 1em 0;
 
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
+
  background: #F9F9F9;
  border: 1px #aaaaaa solid;
+
  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 #aaaaaa solid;
+
  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: #f2f2f2;
+
  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
 +
 +
&nbsp;*/
 +
 +
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.

&nbsp;*/

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. -->&nbsp;*/

 #file img { background: url("/wiki/images/5/5d/Checker-16x16.png") repeat; }

/*
===CSS for Skinning Download Boxes===

&nbsp;*/

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===
&nbsp;*/

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

&nbsp;*/

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

&nbsp;*/

div.indent p { 
 text-indent: 1in; 
}