الگو:جعبه اطلاعات ورزش/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 {
	background-color: #fff !important;
	border: 0 !important;
	padding: 0.25em !important;
}


/* ---------------------------------------------------------
   Medal Table - Text Alignment
   --------------------------------------------------------- */

.sport-infobox-medals table td {
	text-align: center;
	vertical-align: middle;
}


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

}