MediaWiki:Common.css: Difference between revisions

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

/* General body styling to match old Vector theme */
body {
    background: #f9f9f9;
    color: #000;
    font-size: 0.875em; /* ~14px */
    line-height: 1.5;
}

/* Main content area */
#content, .mw-body {
    background: #ffffff;
    border: 1px solid #a7d7f9;
    padding: 1em;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #0645ad;
}

/* Links */
a {
    color: #0645ad;
    text-decoration: none;
}
a:visited {
    color: #0b0080;
}
a:hover {
    text-decoration: underline;
}

/* Table of contents */
#toc, .toc {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 5px;
}

/* Footer links */
#footer a {
    color: #0645ad;
}

/* Code blocks */
pre, code {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 0.5em;
}
/* Costello - end */

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

pre {
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;
}

/*****
 ** 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 #AAA solid;
	padding: 0.2em;
}

table.prettytable > * > tr:hover > td {
	background: #E0E0E0;
}

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

/* Fix inconsistent spacing */
thead:empty,
tbody:empty,
tfoot:empty {
	display: none;
}

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

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

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

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

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

table.prettytable > * > tr:hover > td.ct-works {
	background: #23C423;
}

table.prettytable > * > tr:hover > td.ct-minor {
	background: #00B6F6;
}

table.prettytable > * > tr:hover > td.ct-issues {
	background: #F69F00;
}

table.prettytable > * > tr:hover > td.ct-broken {
	background: #F17769;
}

table.prettytable > * > tr:hover > td.ct-noresult {
	background: #A0A0A0;
}

/*****
 * Homebrew subnavigation
 *****/
table.secondarynav {
	border: 1px solid #000;
} 

table.secondarynav td {
	background-color: #A4CDDF;
	padding: 5px;
	border-right: 2px solid #505050;
	text-align: center;
}

table.secondarynav.lighter td {
	background-color: #C8DCE5;
}

.bluenav ul {
	display: inline-block;
	list-style: none;
	margin: 0;
}

.bluenav li {
	background-color: #A4CDDF;
	border: 1px solid #505050;
	text-align: center;
	display: inline-block;
	list-style: none;
	margin: 0 -4px 0 0;
	transition: background-color .1s;
}

.bluenav.lighter li {
	background-color: #C8DCE5;
}

.bluenav li:hover {
	background-color: #8BBDD4;
}

.bluenav.lighter li:hover {
	background-color: #A4CDDF;
}

.bluenav li a {
	padding: 5px;
	display: inline-block;
}

.bluenav li a:hover {
	text-decoration: none;
	color: #EEE;
}

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

/*****
 ** 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('//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('//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('//wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important;
	background-repeat:repeat-x;
	padding: 10px;
}

.infobox-image {
	text-align: center;
}

.infobox-header {
	font-weight:bold;
	text-align:center;
	background: #CCF;
	padding-top:4px;
	padding-bottom:4px;
	background-image:url('//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('//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('//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;
}

/*****
 ** Videos
 *****/
.embedvideo, .embedvideo iframe {
	max-width: 100%;
}

.embedvideowrapper {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.embedvideo .embedvideowrapper iframe {
	top: 0;
	left: 0;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
}

abbr[title], .explain[title] {
	border-bottom: 1px dotted;
	text-decoration: none;
}

@media( max-width: 650px ) {
	table.compatibilitytable, table.compattable {
		border-collapse: collapse;
	}
}

/*</pre>*/