Module:Navbox/styles.css

/* */ .navbox { box-sizing: border-box; border: 1px solid var(--border-color-base); border-radius: 8px; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 3px 6px rgba(0, 0, 0, 0.0575); /* boxshadow-2 */ position: relative; }

a.image{ display: inline; }

.nowraplinks.hlist.mw-collapsible.navbox-inner.mw-made-collapsible.mw-collapsed tbody { display: table; }

.navbox.navbox, .nowraplinks.hlist.navbox-subgroup, .nowraplinks.navbox-subgroup, .nowraplinks.mw-collapsible.navbox-subgroup, .nowraplinks.mw-collapsible.autocollapse.navbox-inner.mw-made-collapsible, .nowraplinks.hlist.navbox-inner { margin-top: 0; /* No top margin for nested navboxes */ }

.navbox + .navbox, /* TODO: remove first line after transclusions have updated */ .navbox + .navbox-styles + .navbox { margin-top: -1px; /* Single pixel border between adjacent navboxes */ }

.navbox-inner, .navbox-subgroup, .nowraplinks.hlist.mw-collapsible.navbox-inner.mw-made-collapsible.mw-collapsed tbody{ width: 100%; }

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

.navbox-group { white-space: nowrap; /* @noflip */ text-align: right; }

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

.navbox-list { line-height: 1.5em; border-color: var(--border-color-base); /* Must match background color */ /*display: inline-block;*/ }

.navbox-list-with-group { text-align: left; border-left-width: 1px; border-left-style: solid; display: inline-block; }

/* cell spacing for navbox cells */ /* Borders above 2nd, 3rd, etc. rows */ /* TODO: figure out how to replace tr as structure; * with div structure it should be just a matter of first-child */ tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list { border-top: 1px solid var(--border-color-base); /* Must match background color */ }

.navbox-title { background-color: var(--background-color-framed); /* Level 1 color */ }

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color: var(--background-color-framed); /* Level 2 color */ }

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: var(--background-color-framed); /* Level 3 color */ }

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

.navbox-odd { background-color: transparent; }

/* TODO: figure out how to remove reliance on td as structure */ .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; }

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

.navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; }

.navbox .mw-collapsible-toggle-default:before, .navbox .mw-collapsible-toggle-default:after { content: none; }

.navbox .mw-collapsible-text { border-radius: 8px; color: var(--color-base--subtle); background: var(--background-color-framed); }

.navbox-content .mw-collapsible-content { border-radius: 8px; overflow: hidden; }

.navbox .mw-collapsible-text:hover { background: var(--background-color-framed--hover); }

.navbox .mw-collapsible-text:active { background: var(--background-color-framed--active); }

td.navbox-list.navbox-odd.hlist .navbox{ box-shadow: none; outline: none; }