Template:Infobox/styles.css

.infobox { display: table; border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; }

.infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; text-align: center; }

.infobox td, .infobox th { vertical-align: top; /* @noflip */ text-align: left; }

.infobox.bordered { border-collapse: collapse; }

.infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; }

.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.infobox.sisterproject { width: 20em; font-size: 90%; }

.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; }

.infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; }

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; /* @noflip */ border-right: 1px solid #a2a9b1; }

.infobox .infobox-header, .infobox .infobox-subheader { color: black; background-color: var(--theme-primary-0); text-align: center; padding: 0 0.75em; }

.infobox .infobox-header { font-size: 1.15em; line-height: 1.5em; }

.infobox .infobox-image { text-align: center; padding: 1em 0; }

.infobox .spacer-cell { width: calc(100% / 30); }

.infobox .navbar { display: block; text-align: center; }

.infobox .tabber { margin-top: -1em; }

.infobox .tabber__header { margin-bottom: 1em; margin-left: auto; margin-right: auto; box-shadow: none; }

.infobox td ul { margin-left: 0.8rem; }

.infobox td .navbar > ul { margin-left: initial; }

.infobox td.false-cell { text-align: center; background-color: pink; font-weight: bold; }

.infobox td.true-cell { text-align: center; background-color: lightgreen; font-weight: bold; }

/* * Different screen sizes */ @media only screen and (max-width: 576px) { .infobox { float: none !important; margin-left: auto !important; margin-right: auto !important; } }

/* * Vector skin */

/* * Citizen skin */ body.skin-citizen .infobox { border-color: var(--border-color-base); background-color: var(--color-surface-1); border-radius: var(--border-radius--small); color: inherit; }

body.skin-citizen .infobox .infobox-header, body.skin-citizen .infobox .infobox-subheader { color: hsl(210, 3%, 12.9%); }

body.skin-citizen .infobox .infobox-image a.image:hover > img { transform: unset !important; }

body.skin-citizen .infobox td.false-cell, body.skin-citizen .infobox td.true-cell { color: hsl(206.7, 5.1%, 34.7%); }

/* * Cosmos skin */ body.skin-cosmos .infobox { border-radius: 4px; }