MediaWiki:Themes.css

/* Portable Element Themes */
/* Uses CSS Variables, which are supported by most browsers except Edge */
/* Edge support is marked Legacy, and lines can be removed around 1 MAY 2017 */
.portable-infobox {
    margin: 0 0 1em 1em;
}
.portable-infobox .pi-img-thumbnail {
    height: auto;
    width: 100%;
}
.portable-infobox.pi-theme-Theme1 {
    --dark-color: #1E1E2E;
    --mid-color: #223;
    --light-color: #334;
    color: white;
    padding: 1px;
    border: 1px solid #334;
}
.pi-theme-Theme1.pi-background {
    background-color: var(--dark-color);
}
.pi-theme-Theme1 .pi-item-spacing {
    padding: 1px 2px;
}
.pi-theme-Theme1 .pi-border-color {
    border-color: var(--dark-color);
}
.pi-theme-Theme1 .pi-title {
    margin: 2px;
    margin-bottom: 0;
    font-size: 1.05em;
    background-color: var(--light-color);
    text-align: center;
}
.pi-theme-Theme1 .pi-title ~ .pi-title { font-size: smaller; }
.pi-theme-Theme1 .pi-title ~ .pi-data .pi-data-value:only-child {
    background-color: var(--light-color);
    text-align: center;
    font-weight: bolder;
    width: 100%;
}
.pi-theme-Theme1 .pi-image {
    margin: 2px;
}
.pi-theme-Theme1 .pi-caption {
    background-color: var(--light-color);
    font-size: 1.05em;
    margin: 2px;
    text-align: center;
    font-style: normal;
    padding: 4px 10px 4px 0;
    color: white;
    font-weight: bold;
}
.pi-theme-Theme1 .pi-header {
    background-color: var(--light-color);
    text-align: center;
}
.pi-theme-Theme1 .pi-data .pi-data-label {
    flex-basis: 125px;
    text-align: right;
    font-size: 0.775em;
    padding: 4px 10px 4px 0;
    background-color: var(--mid-color);
}
.pi-theme-Theme1 .pi-data .pi-data-value {
    padding: 4px 10px 4px 0;
}
.pi-theme-Theme1 .pi-navigation {
    background-color: var(--light-color);
    text-align: center;
}
.portable-infobox.pi-theme-Weapon-ME2 {}
.portable-infobox.pi-theme-Weapon-ME3 {}
.portable-infobox.pi-theme-Adversary {}
.portable-infobox.pi-theme-Adversary-ME2 {}
.portable-infobox.pi-theme-Adversary-ME3 {}
.portable-infobox.pi-theme-Adversary-MEI {}
.portable-infobox.pi-theme-Adversary-MEG {}

@supports (not (--css-variables: 0)) {
    /* Legacy code can go here. */
    .pi-theme-Theme1.pi-background { background-color: #1E1E2E; }
    .pi-theme-Theme1 .pi-border-color { border-color: #1E1E2E; }
    .pi-theme-Theme1 .pi-title,
    .pi-theme-Theme1 .pi-title ~ .pi-data .pi-data-value:only-child,
    .pi-theme-Theme1 .pi-caption,
    .pi-theme-Theme1 .pi-header,
    .pi-theme-Theme1 .pi-navigation { background-color: #334; }
    .pi-theme-Theme1 .pi-data .pi-data-label { background-color: #223; }
}