Module:Infobox/Styles.css

/* */

.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.125rem 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; }