الگو:جعبه اطلاعات ورزش/styles.css

/* =========================================================
Wiki Alborz Sports Infobox
========================================================= */

/* ---------------------------------------------------------
Main Infobox
--------------------------------------------------------- */

.sport-infobox {
	width: 22em;
	max-width: 100%;
	float: left;
	clear: left;
	margin: 0 1em 1em 0;
	font-size: 90%;
	border: 1px solid #a2a9b1;
	background-color: #fff;
	border-collapse: collapse;
}

/* ---------------------------------------------------------
Title
--------------------------------------------------------- */

.sport-infobox-title {
	background: #2c5f9e;
	color: #ffffff;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	padding: 0.6em;
}

/* ---------------------------------------------------------
Section Headers
--------------------------------------------------------- */

.sport-infobox-header {
	background: #2c5f9e;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	padding: 0.4em;
}

/* ---------------------------------------------------------
Image
--------------------------------------------------------- */

.sport-infobox-image {
	text-align: center;
	padding: 0.5em;
	background-color: #fff;
}

.sport-infobox-caption {
	text-align: center;
	font-size: 90%;
	padding: 0.3em;
	background-color: #fff;
}

/* ---------------------------------------------------------
Labels
--------------------------------------------------------- */

.sport-infobox-label {
	width: 35%;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	background-color: #fff;
}

/* ---------------------------------------------------------
Values
--------------------------------------------------------- */

.sport-infobox-value {
	width: 65%;
	text-align: right;
	vertical-align: top;
	background-color: #fff;
}

/* =========================================================
Medal Table
========================================================= */

/*
The medal template creates its own internal table.
These rules make that table visually belong to the
main sport infobox.
*/

.sport-infobox-medals {
	background-color: #fff !important;
	padding: 0.4em !important;
	text-align: center;
}

/* ---------------------------------------------------------
Medal Table - Main Table
--------------------------------------------------------- */

.sport-infobox-medals table {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #fff !important;
	border: 0 !important;
	border-collapse: collapse;
}

/* ---------------------------------------------------------
Medal Table - Rows
--------------------------------------------------------- */

.sport-infobox-medals table tr {
	background-color: #fff !important;
}

/* ---------------------------------------------------------
Medal Table - Cells
--------------------------------------------------------- */

.sport-infobox-medals table td,
.sport-infobox-medals table th {
	border: 0 !important;
	padding: 0.25em !important;
}

/* ---------------------------------------------------------
Medal Table - Normal Cells
--------------------------------------------------------- */

.sport-infobox-medals table td {
	background-color: #fff !important;
	text-align: center;
	vertical-align: middle;
}

/* =========================================================
Medal Competition Headers
========================================================= */

/*
Internal competition headers such as:

قهرمانی جهان
بازی‌های آسیایی
قهرمانی آسیا
بازی‌های کشورهای اسلامی
المپیک

are rendered as header cells inside the medal table.
*/

.sport-infobox-medals table th {
	background-color: #e8f0f8 !important;
	color: #2c5f9e !important;
	text-align: center !important;
	vertical-align: middle !important;
	font-weight: bold !important;
	border-top: 1px solid #c5d4e3 !important;
	border-bottom: 1px solid #c5d4e3 !important;
	padding: 0.35em 0.25em !important;
}

/* ---------------------------------------------------------
First Competition Header
--------------------------------------------------------- */

.sport-infobox-medals table tr:first-child th {
	border-top: 0 !important;
}

/* ---------------------------------------------------------
Medal Images
--------------------------------------------------------- */

.sport-infobox-medals table img {
	vertical-align: middle;
}

/* =========================================================
Medal Row Container
========================================================= */

.sport-infobox-medals-row {
	background-color: #fff !important;
}

.sport-infobox-medals-row > td {
	background-color: #fff !important;
	padding: 0 !important;
}

/* =========================================================
General Table Cells
========================================================= */

.sport-infobox td,
.sport-infobox th {
	vertical-align: top;
}

/* =========================================================
Mobile
========================================================= */

@media (max-width: 640px) {

	.sport-infobox {
		float: none;
		clear: both;
		margin: 1em auto;
		width: 100%;
		max-width: 100%;
	}

}