Sablon:Infobox/styles.css

/*
== Új infoboxok stílusa ==
*/
.ujinfobox,
.content table.infobox.ujinfobox {
	border: 1px solid #a2a9b1;
	color: black;
	padding: 5px;
	vertical-align: top;
	font-size: 92%; 
	line-height: 150%;
	border-collapse: separate;
	border-spacing: 5px;
}
@media screen {
	.ujinfobox {
		box-shadow: 3px 3px 6px #a2a9b1;
	}
}
@media screen and (min-width: 720px), print {
	.ujinfobox,
	.content table.infobox.ujinfobox {
		width: 272px;
		margin: 0 0 0.5em 1em;
	}
}
.ujinfobox th,
.ujinfobox td,
.content table.infobox.ujinfobox th,
.content table.infobox.ujinfobox td {
	border-bottom: none;
}

.ujinfobox th,
.content table.infobox.ujinfobox th {
	vertical-align: top;
	text-align: left;
}

.ujinfobox th a,
.content table.infobox.ujinfobox th a {
	color: black;
}

.ujinfobox .fejlec,
.content table.infobox.ujinfobox .fejlec {
	height: 40px;
	max-height: 40px;
	vertical-align: middle;
	text-align: center;
	font-size: 135%; 
	font-weight: bolder;
	line-height: 1.2em;
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;
}

.ujinfobox td,
.content table.infobox.ujinfobox td {
	padding: 0;
}

.ujinfobox td.kronologia,
.content table.infobox.ujinfobox td.kronologia {
	font-size: 90%;
	text-align: center;
}

.ujinfobox td.fejezet,
.content table.infobox.ujinfobox td.fejezet {
	text-align: center;
	padding: 1px 0;
}

.ujinfobox td.cimke,
.content table.infobox.ujinfobox td.cimke {
	padding: 0 3px 0 0;
	vertical-align: top;
}

.ujinfobox td.cimkealatt,
.content table.infobox.ujinfobox td.cimkealatt {
	padding: 0 3px 0 15px;
	vertical-align: top; 
	font-weight: normal;
}

.ujinfobox td.adat,
.content table.infobox.ujinfobox td.adat {
	padding: 0;
	vertical-align: top;
}