Module:NavboxMobile/styles.css

/* */ .navboxMobile { 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 */ }

.navboxMobile .navboxMobile { margin-top: 0; /* No top margin for nested navboxes */ }

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

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

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

.navboxMobile-group { white-space: nowrap; /* @noflip */ /* text-align: right; */	/* 2023-01-06 - removed */ text-align: center;			/* 2023-01-06 - added */ }

.navboxMobile, .navboxMobile-subgroup { background-color: #fdfdfd; }

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

.navboxMobile-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 > .navboxMobile-abovebelow, tr + tr > .navboxMobile-group, tr + tr > .navboxMobile-image, tr + tr > .navboxMobile-list { border-top: 2px solid #fdfdfd; /* Must match background color */ }

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

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

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

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

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

/* TODO: figure out how to remove reliance on td as structure */ .navboxMobile .hlist td dl, .navboxMobile .hlist td ol, .navboxMobile .hlist td ul, .navboxMobile td.hlist dl, .navboxMobile td.hlist ol, .navboxMobile td.hlist ul { padding: 0.125em 0; }

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

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