الگو:AlborzInfoBox/styles.css

/* =========================================================
   Wiki Alborz
   AlborzInfoBox
   Shared Infobox Styles
   ========================================================= */


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

.alborz-infobox {
	width: 300px;

	float: right;
	clear: right;

	margin: 0 0 1em 1em;
	padding: 0;

	background: #ffffff;

	border: 1px solid #c8d4e3;
	border-radius: 6px;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

	font-size: 90%;
	line-height: 1.7;

	direction: rtl;
	text-align: right;
}


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

.alborz-infobox .infobox-title {
	background: #2c5f9e;
	color: #ffffff;

	font-size: 118%;
	font-weight: bold;

	text-align: center;

	padding: 8px 6px;

	border: 0;

	border-radius: 5px 5px 0 0;
}


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

.alborz-infobox .infobox-section {
	background: #2c5f9e;
	color: #ffffff;

	font-weight: bold;

	text-align: center;

	padding: 5px 6px;

	border: 0;
}


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

.alborz-infobox .infobox-badge-row {
	background: #ffffff;

	text-align: center;

	padding: 6px 0 8px 0;

	border: 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 {
	background: #ffffff;

	text-align: center;

	padding: 5px 0 7px 0;

	border: 0;
}


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


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

.alborz-infobox .infobox-caption {
	background: #ffffff;

	color: #555555;

	font-size: 90%;

	text-align: center;

	padding: 3px 7px 8px 7px;

	border: 0;
}


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

.alborz-infobox .infobox-label {
	background: #eef3f8;
	color: #23496f;

	font-weight: bold;

	text-align: right;

	vertical-align: top;

	padding: 5px 7px;

	border-bottom: 1px solid #e1e7ee;
}


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

.alborz-infobox .infobox-value {
	background: #ffffff;

	text-align: right;

	vertical-align: top;

	padding: 5px 7px;

	border-bottom: 1px solid #edf0f3;
}


/* ---------------------------------------------------------
   Last Row
   --------------------------------------------------------- */

.alborz-infobox tr:last-child th,
.alborz-infobox tr:last-child td {
	border-bottom: 0;
}


/* ---------------------------------------------------------
   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: 720px) {

	.alborz-infobox {

		width: 100%;

		float: none;
		clear: both;

		margin: 0 0 1em 0;

	}

	.alborz-infobox .infobox-image img {

		max-width: 100%;
		height: auto;

	}

}