Difference between revisions of "MediaWiki:Common.css"

(Legibility)
(Testing something. Warning; this may break the site's CSS.)
Line 2: Line 2:
  
 
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 {
        font-family:     Verdana, Tahoma;
+
font-family: Verdana, Tahoma, sans-serif;
        font-size:       11px;
+
font-size: 11px;
        color:           black;
+
color: black;
        font-weight:     bold;                                                                                                                                                      
+
font-weight: bold;  
 
}
 
}
  
 
table.infobox {
 
table.infobox {
        border:         1px solid #999;
+
border: 1px solid #999;
        margin:         10px;
+
margin: 10px;
        padding:         5px;
+
padding: 5px;
        float:           right;
+
float: right;
        clear:           right;
+
clear: right;
        width:           250px;
+
width: 250px;
        background:     white;
+
background: white;
        border-collapse: collapse;
+
border-collapse: collapse;
        line-height:     2em;
+
line-height: 2em;
 
}
 
}
  
 
table.infobox tr {
 
table.infobox tr {
        text-align:     center;
+
text-align: center;
 
}
 
}
  
 
table.infobox tr td.infoboxname {
 
table.infobox tr td.infoboxname {
        text-align:     center;
+
text-align: center;
        color:           black;
+
color: black;
        background:     white;                                                                                                                                                  
+
background: white;  
        font-size:       larger;                                                                                                                                                  
+
font-size: larger;  
 
}
 
}
  
 
table.infobox tr td.infoboxheading{
 
table.infobox tr td.infoboxheading{
        text-align:     left;
+
text-align: left;
        background:     #BDB;
+
background: #BDB;
 
}
 
}
  
 
table.infobox tr.infoboxrow {
 
table.infobox tr.infoboxrow {
        text-align:     left;                                                                                                                                                    
+
text-align: left;  
        spacing-top:     0px;
+
spacing-top: 0px;
        spacing-bottom: 0px;
+
spacing-bottom: 0px;
        vertical-align: middle;
+
vertical-align: middle;
        background:     #F0F0F0;
+
background: #F0F0F0;
 
}
 
}
  
table.infobox tr td {   
+
table.infobox tr td {  
        padding:         5px;
+
  padding: 5px;
        background:     white;
+
background: white;
 
}
 
}
  
 
table.infobox tr.infoboxrow td {
 
table.infobox tr.infoboxrow td {
        border-top:     1px solid #999;
+
border-top: 1px solid #999;
        border-bottom:   1px solid #999;                                                                                                                                          
+
border-bottom: 1px solid #999;  
        background:     #F0F0F0;
+
background: #F0F0F0;
 
}
 
}
  
 
table.downloadbox {
 
table.downloadbox {
        border:         1px solid #999;
+
border: 1px solid #999;
        margin:         10px;
+
margin: 10px;
        padding:         5px;
+
padding: 5px;
        float:           right;
+
float: right;
        clear:           right;
+
clear: right;
        width:           250px;
+
width: 250px;
        background:     white;
+
background: white;
        border-collapse: collapse;
+
border-collapse: collapse;
 
}
 
}
  
 
table.downloadbox tr {
 
table.downloadbox tr {
        text-align:     left;                                                                                                                                                    
+
text-align: left;  
        spacing-top:     0px;
+
spacing-top: 0px;
        spacing-bottom: 0px;
+
spacing-bottom: 0px;
        vertical-align: middle;
+
vertical-align: middle;
        background:     #F0F0F0;
+
background: #F0F0F0;
 
}
 
}
  
table.downloadbox tr td {  
+
table.downloadbox tr td {  
        padding:         5px;
+
padding: 5px;
        border-top:     1px solid #999;
+
border-top: 1px solid #999;
        border-bottom:   1px solid #999;                                                                                                                                          
+
border-bottom: 1px solid #999;  
        background:     #F0F0F0;
+
background: #F0F0F0;
 
}
 
}
  
 
table.downloadbox tr td.downloadboxheading{
 
table.downloadbox tr td.downloadboxheading{
        background:     #BDB;
+
background: #BDB;
 
}
 
}
  
 
div.indent p {  
 
div.indent p {  
        text-indent:     1in;  
+
text-indent: 1in;  
 
}
 
}
  
 
table.infobox tr.infoboxrow td.bot {
 
table.infobox tr.infoboxrow td.bot {
  
      border-bottom: 1px solid #999;
+
border-bottom: 1px solid #999;
      border-top:     none;
+
border-top: none;
  
 
} table.infobox tr.infoboxrow td.top {
 
} table.infobox tr.infoboxrow td.top {
  
      border-bottom: none;
+
border-bottom: none;
      border-top:     1px solid #999;
+
border-top: 1px solid #999;
  
 
}
 
}
Line 103: Line 103:
 
/* Messagebox templates */
 
/* Messagebox templates */
 
.messagebox {
 
.messagebox {
      border:           1px solid #AAA;
+
border: 1px solid #AAA;
      background-color: #F9F9F9;
+
background-color: #F9F9F9;
      width:           80%;
+
width: 80%;
      margin:           0 auto 1em auto;
+
margin: 0 auto 1em auto;
      padding:         .45em;
+
padding: .45em;
 
}
 
}
  
Line 115: Line 115:
  
 
/* Puts a redirect indicator before redirects in Special:Allpages */
 
/* Puts a redirect indicator before redirects in Special:Allpages */
.allpagesredirect { font-style: italic; }
+
.allpagesredirect {
.allpagesredirect a { background: url("/wiki/images/5/5c/Allpagesredirect.gif") center left no-repeat; padding-left: 13px; }
+
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==
 +
 */
 +
 
 +
table.wikitable,
 +
table.prettytable {
 +
margin: 1em 1em 1em 0;
 +
background: #f9f9f9;
 +
border: 1px #aaaaaa solid;
 +
border-collapse: collapse;
 +
}
 +
 
 +
table.wikitable th, table.wikitable td,
 +
table.prettytable th, table.prettytable td {
 +
border: 1px #aaaaaa 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;
 +
}

Revision as of 20:31, 29 November 2006

/* CSS placed here will be applied to all skins */

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; 
}

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.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; 
}

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;

}

/* Messagebox templates */
.messagebox {
 border: 1px solid #AAA;
 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==
 */

table.wikitable,
table.prettytable {
 margin: 1em 1em 1em 0;
 background: #f9f9f9;
 border: 1px #aaaaaa solid;
 border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
 border: 1px #aaaaaa 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;
}