Module:Infobox/Styles.css

/* [[Category:Template Styles]] */

.portable-infobox {
	background-color: #214d74;
	border: 1px solid #4b6d8c;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	padding: 0.5rem;
	width: 24rem;
}
body.skin-timeless .portable-infobox {
	font-size: 0.875rem !important;
}

@media screen and (max-width: 850px) {
    .portable-infobox {
        float: none;
        width: auto;
        font-size: initial;
        margin: 0;
    }
}

.portable-infobox .pi-title {
	background-color: #336089;
	border: 1px solid #4b6d8c;
	border-radius: 0.5rem;
	padding: 0.625rem 0.5rem;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}
body.skin-timeless .portable-infobox .pi-title {
	font-size: 1.25rem !important;
}

.pi-item-spacing {
	column-gap: 0;
	margin-top: 0.125rem;
	padding: 0;
}

.pi-data {
	border: none;
}
.portable-infobox .pi-data-label {
	background-color: #336089;
	border: 1px solid #4b6d8c;
	border-radius: 0.5rem 0 0 0.5rem;
	padding: 0.5rem;
	text-align: right;
	word-break: keep-all;
	
	display: flex;
	flex-basis: 9rem;
	justify-content: right;
}
.pi-data-value {
	padding: 0.5rem;
}
.pi-data-value:first-child { /* Infobox media */
	text-align: center;
}
.portable-infobox .pi-data-value:not(:first-child) {
	border: 1px solid #4b6d8c;
	border-left: 0;
	border-radius: 0 0.5rem 0.5rem 0;
	max-height: 11rem;
	overflow: auto;
}

.pi-data-label p {
	margin: 0;
}

.pi-data-value dd {
	margin-left: 0;
}

.pi-data-value dl:not(:first-child), .pi-data-value dt:not(:first-child) {
	margin-top: 0.5rem;
}