الگو:AlborzInfoBox/styles.css

/* =========================================================
   Wiki Alborz
   AlborzInfoBox
   Shared Infobox Styles
   Based on Healthcare Infobox
   ========================================================= */

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

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

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

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

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

.alborz-infobox .infobox-section {
	background: #2c5f9e;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 0.4em;
}

/* ---------------------------------------------------------
   Type Badge
   --------------------------------------------------------- */

.alborz-infobox .infobox-badge-row {
	background: #fff;
	text-align: center;
	padding: 6px 0 8px 0;
}

.alborz-infobox .infobox-badge {
	display: inline-block;
	background: #e8f0f8;
	color: #1e4b7a;
	font-size: 87%;
	font-weight: bold;
	padding: 3px 12px;
	border-radius: 5px;
	border: 1px solid #b0c8e0;
}

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

.alborz-infobox .infobox-image {
	text-align: center;
	padding: 0.5em;
}

.alborz-infobox .infobox-image img {
	max-width: 250px;
	height: auto;
}

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

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

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

.alborz-infobox .infobox-label {
	width: 35%;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	padding: 5px 7px;
}

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

.alborz-infobox .infobox-value {
	width: 65%;
	text-align: right;
	vertical-align: top;
	padding: 5px 7px;
}

/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

.alborz-infobox a {
	color: #2c5f9e;
}

.alborz-infobox a:hover {
	color: #1e426e;
}

/* ---------------------------------------------------------
   Lists
   --------------------------------------------------------- */

.alborz-infobox ul,
.alborz-infobox ol {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-right: 1.3em;
}

/* ---------------------------------------------------------
   Small Text
   --------------------------------------------------------- */

.alborz-infobox small {
	font-size: 90%;
}

/* ---------------------------------------------------------
   Images Inside Values
   --------------------------------------------------------- */

.alborz-infobox .infobox-value img {
	max-width: 100%;
	height: auto;
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 640px) {

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

	.alborz-infobox .infobox-image img {
		max-width: 100%;
		height: auto;
	}
}