Template:Navbox/styles.css

.navbox { border: 1px solid #a1a1aa; box-sizing: border-box; width: 100%; margin: auto; clear: both; font-size: 90%; text-align: center; padding: 1px; margin-top: 1rem; }

body.skin-citizen .navbox { border: 1px solid rgba(255,255,255,0.2); }

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

.navbox + .navbox-styles + .navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; }

.navbox th, .navbox-title, .navbox-abovebelow { text-align: center; /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; }

th.navbox-group { /* Group style */ white-space: nowrap; /* @noflip */ text-align: left; }

body.skin-citizen .navbox, body.skin-citizen .navbox-subgroup { background: #23313c; }

.navbox, .navbox-subgroup { background: #2b3b42; }

body.skin-citizen .navbox-list { border-color: rgba(255,255,255,0.2); }

.navbox-list { /* Must match background color */ border-color: #a1a1aa; }

body.skin-citizen .navbox th, body.skin-citizen .navbox-title { /* Level 1 color */ background: #1b262e; }

.navbox th, .navbox-title { /* Level 1 color */ background: #1b262e; }

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

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

body.skin-citizen .navbox-even { background: #1b262e; }

.navbox-even { /* Even row striping */ background: #1b262e; }

.navbox-odd { /* Odd row striping */ background: transparent; }

th.navbox-title1 { border-left: 2px solid pink; width: 100%; }

td.navbox-list1 { text-align: left; border-left-width: 2px; border-left-style: solid; }

td:first-child.navbox-group { padding: 0 .25rem }

.navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { /* Adjust hlist padding in navboxes */ padding: 0.125em 0; }

.navbox .hlist dd, .navbox .hlist dt, .navbox .hlist li { /* Nowrap list items in navboxes */ white-space: nowrap; }

.navbox .hlist dd dl, .navbox .hlist dt dl, .navbox .hlist li ol, .navbox .hlist li ul { /* But allow parent list items to be wrapped */ white-space: normal; }

ol + .navbox-styles + .navbox, ul + .navbox-styles + .navbox { /* Prevent lists from clinging to navboxes */ margin-top: 0.5em; }

table.toggle-button tbody tr:first-child th span table tbody tr td span { float: left !important; padding-left: 25%; font-size: 110%; }