MediaWiki:Common.css: Difference between revisions

/*<pre>*/
/* CSS placed here will be applied to all skins */

div.noarticletext {
	border: 1px solid #CCC;
	background: #FFF;
	padding: .2em 1em;
	color: #000;
}

.allpagesredirect {
	font-style:italic;
}

/* Highlight clicked refs */
ol.references li:target,
sup.reference:target,
span.citation:target {
    background-color: #CDE;
}

/*****
 ** Wikitable table class
 *****/
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    border-collapse: collapse;
}

table.prettytable {
	background: #E9E9E9;
	border: 1px #6B6B6B solid;
}
 
table.wikitable > tr > th, table.wikitable > tr > td,
table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    padding: 0.2em;
}

table.prettytable > tr > th, table.prettytable > tr > td
table.prettytable > * > tr > th, table.prettytable > * > tr > td {
	border: 1px #696969 solid;
    padding: 0.2em;
}
 
table.wikitable > tr > th,
table.wikitable > * > tr > th {
    text-align: center;
}

table.prettytable > tr > th,
table.prettytable > * > tr > th {
	background-color: #D9D9D9;
    text-align: center;
    border: 1px solid #AAA;
	padding: .2em;
}
 
table.wikitable caption,
table.prettytable caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}

/*****
 ** Compatibility list table class
 *****/
table.compatibilitytable,
table.compattable {
	margin: 1em 1em 1em 0;
	background: #F0F0F0;
	border: 1px #222 solid;
	text-align: center;
	border-spacing: 1px;
	border-collapse: separate;
	width: 100%;
}

table.compatibilitytable td,
table.compattable td {
	background-color: #E9E9E9;
	border: 1px #111 solid;
}

table.compatibilitytable th,
table.compattable th {
	background-color: #D9D9D9;
	border: 1px #222 solid;
	text-align: center;
}

/* Colors */
.ct-works, table td.ct-works {
	background-color: #32CD32; /* limegreen */
}

.ct-minor, table td.ct-minor {
	background-color: #00BFFF; /* deepskyblue */
}

.ct-issues, table td.ct-issues {
	background-color: #FFA500; /* orange */
}

.ct-broken, table td.ct-broken {
	background-color: #FA8072; /* salmon */
}

.ct-noresult, table td.ct-noresult {
	background-color: #A9A9A9; /* darkgrey */
}

/*****
 * WikiEditor
 *****/
.wikiEditor-ui-toolbar .group-insert {
	border-right: 1px solid #DDD;
}
 
.wikiEditor-ui-toolbar div.group:last-child {
	border-right: none;
}
 
#upload-list .file .input-change {
	margin: 0 10px 0 38px;
}

/*****
 ** Experimental browser specific styles to make preformatted text wrap
 *****/
pre { 
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*****
 ** Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]].
 *****/
div.Boxmerge,
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    background-color :white;
}

div.Boxmerge div.NavFrame {
    border-style: none;
    border-style: hidden;
}

div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}

div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}

div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccccff;
    position:relative;
    padding-top:3px;
}

div.NavFrame p {
    font-size: 100%;
}

div.NavFrame div.NavContent {
     font-size: 100%;
}

div.NavFrame div.NavContent p {
        font-size: 100%;
}

div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}

a.NavToggle {
    position:absolute;
    top:3px;
    right:3px;
    font-weight:normal;
    font-size:smaller;
}

/*****
 * Navbox
 *****/
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}

table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}

/* Single pixel border between adjacent navboxes */
table.navbox + table.navbox {  
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay) */
}

.navbox-title {
    padding-top:3px;
    padding-bottom:3px;
    padding-left:7em;
    color:#222;
    font-size:11px;
    text-align:center;
}

.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding:3px;
    background-color: #ccf;
    background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important;
    background-repeat:repeat-x;
}

.navbox-group {              /* Group style */
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding:3px;
    padding-left: 1em;
    padding-right: 1em;
    width:1px;
    min-width:100px;
    background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important;
    background-repeat:repeat-x;
}

.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}

.navbox-list {
    border-color: #FFF;   /* Must match background color */
    padding:3px;
    padding-left:5px;
    text-align:left;
    background: #F8F8FA;
}
.navbox-title, .navbox th {
    background:#CCF !important;        /* Level 1 color */
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #DDF;        /* Level 2 color */
}

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;     /* Level 3 color */
}

.navbox-even {
    background: #f7f7f7;     /* Even row striping */
}

.navbox-odd {
    background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}

.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Navbar]],   */
}                          /* so they need to be the same width.         */

/*****
 ** Infobox Styles
 *****/
.infobox {
    border:#AAA 1px solid;
    background: #F9F9F9; width:25em;
    text-align: left; float:right;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em; border-radius:5px;
    -moz-border-radius:5px;
}

.infobox-title {
    font-size:16px;
    text-align:center;
    background: #CCF;
    font-weight:bold;
    background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important;
    background-repeat:repeat-x;
    padding: 10px;
}

.infobox-header {
    font-weight:bold;
    text-align:center;
    background: #CCF;
    padding-top:4px;
    padding-bottom:4px;
    background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important;
    background-repeat:repeat-x;
}

.infobox-label {
    background: #DDF;
    font-weight:bold;
    padding:4px;
    width:50%;
    background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important;
    background-repeat:repeat-x;
}

.infobox-below {
    text-align:center;
    background: #DDF;
    padding-top:4px;
    padding-bottom:4px;
    background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important;
    background-repeat:repeat-x;
}

/*****
 ** Recent Changes
 *****/
.mw-plusminus-pos {
    color:green;
}

.mw-plusminus-neg {
    color:#BA0000;
}

/*</pre>*/