MediaWiki:Common.css/Infobox.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.

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

/*******************************************************************************
Template(s): All Infoboxes
Author(s): FO-nTTaX
*******************************************************************************/
.fo-nttax-infobox-wrapper {
	clear:right;
	float:right;
	margin:10px 0 10px 10px;
	font-size:90%;
}
.fo-nttax-infobox-adbox {
	width:336px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width:2px;
	border-bottom-style:solid;
	overflow:hidden;
}
.fo-nttax-infobox-adbox > * {
	margin:0 auto;
}
.fo-nttax-infobox {
	width:336px;
	padding-top:10px;
	padding-bottom:10px;
	border-top-width:2px;
	border-bottom-width:2px;
	border-top-style:solid;
	border-bottom-style:solid;
}
.fo-nttax-infobox > div {
	display:table;
	width:100%;
}
.fo-nttax-infobox > div:nth-child(2n+1) {
	background-color:#eeeeee;
}
.fo-nttax-infobox > div:nth-child(2n) {
	background-color:#f5f5f5;
}
.fo-nttax-infobox > div:after {
	clear:both;
}
.fo-nttax-infobox > div > div {
	width:100%;
	float:left;
	height:inherit;
	padding:5px;
}
.fo-nttax-infobox > div > div.infobox-cell-2 {
	width:50%;
}
.fo-nttax-infobox > div > div.infobox-cell-3 {
	width:33.3333%;
}
.fo-nttax-infobox > div > div.infobox-cell-4 {
	width:25%;
}
.fo-nttax-infobox > div > div.infobox-cell-5 {
	width:20%;
}
.fo-nttax-infobox > div > div.infobox-cell-6 {
	width:16.6666%;
}
.fo-nttax-infobox > div > div.infobox-cell-7 {
	width:14.2857%;
}
.fo-nttax-infobox > div > div.infobox-cell-8 {
	width:12.5%;
}
.fo-nttax-infobox > div > div.infobox-cell-9 {
	width:11.1111%;
}
.fo-nttax-infobox > div > div.infobox-cell-10 {
	width:10%;
}
.fo-nttax-infobox > div > div.infobox-cell-11 {
	width:9.0909%;
}
.fo-nttax-infobox > div > div.infobox-cell-12 {
	width:8.3333%;
}
.fo-nttax-infobox-wrapper .infobox-header {
	font-weight:700;
	text-align:center;
	font-size:20px;
}
.fo-nttax-infobox-wrapper .infobox-header-2 {
	font-size:17px;
}
.fo-nttax-infobox-wrapper .infobox-header-3 {
	font-size:15px;
}
.fo-nttax-infobox > div > div.infobox-description {
	font-weight:bold;
	text-align:right;
}
.fo-nttax-infobox > div > div.infobox-image {
	padding:0;
	width:100%;
}
.fo-nttax-infobox > div > div.infobox-image:not(.infobox-fixed-size-image) img {
	width:100%;
	height:auto;
}
.fo-nttax-infobox > div > div.infobox-center{
	text-align:center;
}
.fo-nttax-infobox-wrapper .infobox-header .infobox-buttons {
	float:right;
	font-size:12px;
	font-weight:500;
}
.fo-nttax-infobox-wrapper .infobox-header .infobox-buttons a {
	background:none repeat scroll 0% 0% transparent !important;
	padding:0px !important;
}
.fo-nttax-infobox-wrapper .infobox-icons a {
	background:none repeat scroll 0% 0% transparent !important;
	padding:0px !important;
}
.fo-nttax-infobox-wrapper .infobox-text-left {
	text-align:left;
}
.fo-nttax-infobox-wrapper .infobox-text-right {
	text-align:right;
}
.fo-nttax-infobox-wrapper .infobox-float-left {
	float:left;
}
.fo-nttax-infobox-wrapper .infobox-float-right {
	float:right;
}
@media (max-width:600px) {
	.fo-nttax-infobox-wrapper {
		width:100%;
		margin-left:0;
		float:none;
	}
	.fo-nttax-infobox {
		width:100%;
	}
	.fo-nttax-infobox-adbox {
		width:100%;
	}
	.fo-nttax-infobox-wrapper .infobox-image > div > div {
		text-align:center;
	}
}
.fo-nttax-infobox-wrapper .infobox-gold {
	font-size:11pt;
	color:#f5c433;
	text-shadow:-1px 0 #555,0 1px #555,1px 0 #555,0 -1px #555;
}
.fo-nttax-infobox-wrapper .infobox-gradient {
	background:linear-gradient(to right, #ffcccc, #ffddaa, #ffff99, #eeffaa, #ccffcc) repeat scroll 0% 0% transparent;
	line-height:0.1px;
}
.fo-nttax-infobox-wrapper .infobox-color-always {
	background-color:#ccffcc;
}
.fo-nttax-infobox-wrapper .infobox-color-very.often {
	background-color:#eeffaa;
}
.fo-nttax-infobox-wrapper .infobox-color-often {
	background-color:#ffff99;
}
.fo-nttax-infobox-wrapper .infobox-color-seldom {
	background-color:#ffddaa;
}
.fo-nttax-infobox-wrapper .infobox-color-never {
	background-color:#ffcccc;
}
.fo-nttax-infobox-wrapper.popout {
	position:absolute;
	top:0;
	left:990px;
}

/** Game colors **/
/* StarCraft II */
.fo-nttax-infobox-wrapper.infobox-wol .infobox-header {
	background-color:#b6cfe5;
}
.fo-nttax-infobox-wrapper.infobox-hots .infobox-header {
	background-color:#deb0b0;
}
.fo-nttax-infobox-wrapper.infobox-lotv .infobox-header {
	background-color:#b0deb0;
}
.fo-nttax-infobox-wrapper.infobox-mod .infobox-header {
	background-color:#f2e8b8;
}
/* Smash */
.fo-nttax-infobox-wrapper.infobox-64 .infobox-header {
	background-color:#d5e5b6;
}
.fo-nttax-infobox-wrapper.infobox-melee .infobox-header {
	background-color:#b6e5c6;
}
.fo-nttax-infobox-wrapper.infobox-brawl .infobox-header {
	background-color:#b6d5e5;
}
.fo-nttax-infobox-wrapper.infobox-pm .infobox-header {
	background-color:#c6b6e5;
}
.fo-nttax-infobox-wrapper.infobox-3ds .infobox-header {
	background-color:#e5b6d5;
}
.fo-nttax-infobox-wrapper.infobox-wiiu .infobox-header {
	background-color:#e5c6b6;
}
/* Counter-Strike */
.fo-nttax-infobox-wrapper.infobox-csgo .infobox-header {
	background-color:#cde5b6;
}
.fo-nttax-infobox-wrapper.infobox-css .infobox-header {
	background-color:#deb0b0;
}
.fo-nttax-infobox-wrapper.infobox-cs16 .infobox-header {
	background-color:#f2e8b8;
}
.fo-nttax-infobox-wrapper.infobox-cscz .infobox-header {
	background-color:#b6cfe5;
}