Template:Infobox/styles.css

/* Infobox CSS */

/* The main box */
.infobox {
    background: #DEDEDE;
    border-spacing: 3px;
    margin: 0 0 .5em;
    width: 100%;
    padding: 0.2em;
    line-height: 1.5em;
}
.infobox>caption {
    background: #183d62;
    color: #fff;
    padding: .5em;
    font-size: 1.4em;
}
.infobox th {
    font-weight: bold;
}
.infobox th:only-child {
    background:  rgba(24, 61, 98, 0.6);
    color: #EEE;
}

.infobox tr.even, .infobox tr.alt, .infobox tr:nth-of-type(2n) {
    background: #CFCFD8;
}
.infobox .plainlinks>ul {
    margin: 0;
}

/* ---- Infobox ---- */
.infobox {
    background: var(--color-surface-2) !important;
    border: 1px solid var(--color-surface-3) !important;
    color: var(--color-base) !important;
}
.infobox > caption {
    background: var(--color-primary) !important;
    color: var(--color-primary--text, #fff) !important;
}
.infobox th {
    color: var(--color-base) !important;
}
/* Section headers (Properties, Recipes, Logic, Construction, Stage 1, etc.) */
.infobox th:only-child {
    background: var(--color-surface-3) !important;
    color: var(--color-base) !important;
}
.infobox td {
    color: var(--color-base) !important;
}
.infobox tr:nth-of-type(2n) {
    background: var(--color-surface-3) !important;
}
.infobox a {
    color: var(--color-link) !important;
}

/* Infobox large screen */
@media only screen and (min-width: 50em) {

.infobox {
    float: right;
    clear: right;
    width: 23em;
    margin: 0.5em 0 0.5em 1em;
}
}