Module:Navbox/styles.css

/* */ .navbox { box-sizing: border-box; border: 1px solid #a2a9b1; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ }

.navbox .navbox { 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 { 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: #fdfdfd; }

.navbox-list { line-height: 1.5em; border-color: #fdfdfd; /* Must match background color */ }

.navbox-list-with-group { text-align: left; border-left-width: 2px; border-left-style: solid; }

/* 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: 2px solid #fdfdfd; /* Must match background color */ }

.navbox-title { background-color: #ccf; /* Level 1 color */ }

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color: #ddf; /* Level 2 color */ }

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: #e6e6ff; /* Level 3 color */ }

.navbox-even { background-color: #f7f7f7; }

.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; }

/* Based on https://starcitizen.tools/Template:Navplate/styles.css */ body.skin-citizen .mw-parser-output .navbox { margin-top: 1.6rem; padding: 0 !important; border: 0; background-color: var(--color-surface-3); border-radius: var(--border-radius--medium); overflow: hidden; }

body.skin-citizen .mw-parser-output .navbox-title, body.skin-citizen .mw-parser-output .navbox-abovebelow, body.skin-citizen .mw-parser-output .navbox-group, body.skin-citizen .mw-parser-output .navbox-subgroup .navbox-title, body.skin-citizen .mw-parser-output .navbox-subgroup .navbox-group, body.skin-citizen .mw-parser-output .navbox-subgroup .navbox-abovebelow { padding: 5px 20px; background-color: transparent; color: var(--color-base--subtle); letter-spacing: .05em; text-align: left; vertical-align: top; }

body.skin-citizen .mw-parser-output .navbox-abovebelow, body.skin-citizen .mw-parser-output .navbox-subgroup .navbox-abovebelow { text-align: center; }

body.skin-citizen .mw-parser-output .navbox-even, body.skin-citizen .mw-parser-output .navbox-odd { background-color: var(--color-surface-2); }

body.skin-citizen .mw-parser-output .navbox-group { padding: 10px 20px; }

body.skin-citizen .mw-parser-output .navbox-list { padding: 10px 14px; border-color: var(--border-color-base); vertical-align: top; }

body.skin-citizen .mw-parser-output .navbox-list-with-group { border-left-width: 0; }

body.skin-citizen .mw-parser-output tr+tr>.navbox-abovebelow, body.skin-citizen .mw-parser-output tr+tr>.navbox-group, body.skin-citizen .mw-parser-output tr+tr>.navbox-image, body.skin-citizen .mw-parser-output tr+tr>.navbox-list { border-top: 1px solid var(--border-color-base); }

body.skin-citizen .mw-parser-output .navbox-title .navbar { float: right; }