模板:信息框/style.css

.infobox {
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    float: right;
    font-size: 0.77em;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 300px;
}

.overflowed {
	margin: 0;
	position: inherit;
}

.infobox table {
	border-collapse: collapse;
	width: 100%;
}

.infobox tr:only-child {
	display: none;
}

@media screen and (max-width: 660px) {
	.infobox {
		font-size: 0.9em;
		width: 100%;
	}
}

.infobox th {
	padding-top: 0.45em;
	padding-bottom: 0.45em;
	padding-left: 0.7em;
	padding-right: 1em;
	text-align: left;
    vertical-align: top;
    width: 30%;
    border-top: 1px solid #d4d4d4;
}

.infobox td {
	width: 70%;
	padding-top: 0.45em;
	padding-bottom: 0.45em;
	padding-right: 0.7em;
    vertical-align: top;
    border-top: 1px solid #d4d4d4;
}

.infobox tr:last-child > th { padding-bottom: 0.53em; }
.infobox tr:last-child > td { padding-bottom: 0.53em; }

th.infobox-title {
	border-top: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

th.infobox-header {
	text-align: center;
    font-weight: bold;
    font-size: 1em;
    margin-top: 0.5em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.7em;
	padding-bottom: 0.7em;
}

th.infobox-image {
	padding: 0;
	border-top: none;
	text-align: center;
}

th.infobox-caption {
	border-top: none;
	font-size: 1em;
	font-weight: lighter;
    text-align: center;
    color: #999999;
    padding-left: 0;
    padding-right: 0;
}