MediaWiki:Navbox.css

/*navbox*/
.navbox {
    width: 100%;
    font-size: 88%;
    margin: auto;
    clear: both;
    text-align: center;
}

.navbox-inner,.navbox-subgroup {
    width: 100%;
}

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

th.navbox-group {
    white-space: nowrap;
    text-align: left;
    color: var(--font-color);
}

.navbox,.navbox-subgroup {
    background: var(--white);
}

.navbox-list {
    line-height: 1.5em;
    border-color: var(--white);
    padding: 0 0 0 2px;
}

.navbox-list ul {
  margin: 0.3em 0;
}

/* Navbox colors */
.navbox-title a, .navbox-group a {
    color: var(--font-color);
}

.navbox-title, .navbox-group, .navbox-title .mw-collapsible-text {
    color: var(--font-color);
}

.navbox-border {
	border-radius: 5px;
	border: 3px solid var(--gray-100);
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbox-odd {
    background: var(--gray-050);
}

/* Light mode navbox */
.navbox-subgroup .navbox-title {
    background: var(--light-blue);
}

.navbox-subgroup .navbox-subgroup .navbox-title {
    background: var(--gray-100);
}

.navbox-title {
    background: var(--brown-300);
}


th.navbox-group {
	background: var(--brown-100);
}

.navbox-abovebelow,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    color: var(--font-color);
    background: var(--gray-100);
}

.navbox-image {
    background: var(--gray-050);
}

.navbox-even {
    background: var(--white);
}

table.navbox {
    margin-top: 1em;
}

table.navbox table.navbox {
    margin-top: 0;
}

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

.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
    padding: 0.125em 0;
}

.page-content .navbox .hlist dl, .page-content .navbox .hlist ol, .page-content .navbox .hlist ul {
    margin: 0;
    padding: 0;
}

.hlist dd,.hlist dt,.hlist li {
    display: inline;
}

.hlist .inline,.hlist .inline dl,.hlist .inline ol,.hlist .inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
    display: inline;
}

.hlist dt:after {
    content: ":"
}

.hlist dd:after,.hlist li:after {
    content: " · ";
    font-weight: bold;
}

.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
    content: none;
}

.hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after {
    content: none;
}

.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}

.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}

.hlist dd dd.hlist-last-child:after,.hlist dd dt.hlist-last-child:after,.hlist dd li.hlist-last-child:after,.hlist dt dd.hlist-last-child:after,.hlist dt dt.hlist-last-child:after,.hlist dt li.hlist-last-child:after,.hlist li dd.hlist-last-child:after,.hlist li dt.hlist-last-child:after,.hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}

.hlist ol {
    counter-reset: listitem;
}

.hlist ol > li {
    counter-increment: listitem;
}

.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap
}

.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}

.navbar ul {
    display: inline;
    white-space: nowrap;
}

.mw-body-content .navbar ul {
    line-height: inherit;
}

.navbar li {
    word-spacing: -0.125em;
}

.navbox .navbar {
    display: block;
    font-size: 100%;
}

.navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    width: 6em;
}

.collapseButton {
    float: right;
    font-weight: normal;
    margin-left: 0.5em;
    text-align: right;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}

.mw-collapsible-toggle {
    font-weight: normal;
    text-align: right;
}

.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* For Template:Characters_Navbox 
.navbox-list-top > div > div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
*/
/* Adds Unknown image for not uploaded files and hides redlink */
.navbox-list a.new[href*="Special:Upload"] {
    display: inline-flex;
    width: 45px;
    height: 45px;
    /*background-image: url();*/
    background-size: cover;
    vertical-align: middle;
    font-size: 0;
}