Module:Infobox/styles.css

.infobox { max-width: 400px; font-size: 0.875rem; background-color: var( --color-surface-2 ); border-radius: var( --border-radius--large ); border-collapse: collapse; line-height: var( --line-height-sm ); }

/* We use grid to create the infobox layout */ .infobox tbody, .infobox th, .infobox td { display: block; }

.infobox tr { display: grid; margin-left: 1rem; margin-right: 1rem; }

.infobox tr + tr { margin-top: 0.5rem; }

.infobox th { text-align: start; }

.infobox-image, .infobox-above, .infobox-below { margin-left: -1rem; margin-right: -1rem; }

.infobox-image { position: relative; }

.infobox-image img { max-width: 100%; height: auto; border-top-left-radius: var( --border-radius--large ); border-top-right-radius: var( --border-radius--large ); }

.infobox-caption { text-align: center; color: var( --color-base--subtle ); background-color: var( --background-color-overlay ); letter-spacing: 0.025em; }

.infobox-title, .infobox-header { margin-top: 0.5rem; color: var( --color-base--emphasized ); }

.infobox-title { font-size: var( --font-size-h3 ); }

.infobox-header { font-size: 1rem; border-top: 1px solid; border-color: var( --border-color-base ); padding-top: 0.5rem; }

.infobox-label { color: var( --color-base--subtle ); font-size: 0.8125rem; font-weight: var( --font-weight-normal ); letter-spacing: 0.05em; }