Template:Navbox/styles.css

.navbox {
    box-sizing: border-box;
    border: 1px solid #a2a9b1;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 2px;
    margin: 1em auto 0;
}

.navbox + .navbox {
    margin-top: -1px;
}

.navbox-subgroup {
	margin: -1px;
    width: 100%;
}

.navbox-inner {
    background-color: #fdfdfd;
    display: grid;
    grid-template-rows: repeat(100, auto);
    grid-template-columns: min-content min-content auto min-content;
}

.navbox-above,
.navbox-below {
    grid-column: 1/-1;
}

.navbox-above {
    grid-row: 1;
}

.navbox-below {
    grid-row: -1;
}

.navbox-group,
.navbox-title,
.navbox-above,
.navbox-below {
    padding: 0.25em 1em;
    line-height: 1.5em;
    text-align: center;
}

.navbox-group {
	grid-column: 2;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    white-space: nowrap;
    font-weight: bold;
}

.navbox-list {
	grid-column: 3;
    line-height: 1.5em;
    text-align: left;
    background-color: #f7f7f7;
}

.navbox-list > :not(.navbox-subgroup) {
    padding: 0.25em;
}

.navbox-list:first-child,
:not(.navbox-group) + .navbox-list {
    grid-column: 2 / -2;
}

.navbox > .navbox-inner > .navbox-list:first-child,
.navbox > .navbox-inner > :not(.navbox-group) + .navbox-list {
    text-align: center;
}

.navbox-image {
    grid-row: 1 / -2;
    grid-column: 4;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-left: 0.25em;
}

.navbox-above ~ .navbox-image {
    grid-row-start: 2;
}

.navbox-image.navbox-image-left {
    grid-column: 1;
    margin-right: 0.25em;
    margin-left: 0;
}

.navbox-title,
.navbox-above,
.navbox-below,
.navbox-group,
.navbox-image,
.navbox-list {
    margin: 1px;
}

.navbox-title {
    background-color: #ccccff;
    font-size: 114%;
    font-weight: bold;
    padding-left: 5em;
    padding-right: 5em;
}

.navbox-above,
.navbox-below,
.navbox-group,
.navbox-subgroup .navbox-title {
    background-color: #ddddff;
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-above,
.navbox-subgroup .navbox-below {
    background-color: #e6e6ff;
}

.navbox-subgroup .navbox-list {
    margin-right: 0;
}

.navbox p {
    margin: 0;
}

.navbox .mw-collapsible-toggle {
    margin: .33em .5em;
}