|
|
| Line 1: |
Line 1: |
| .navbox { | | .navbox { |
| box-sizing: border-box;
| | --accent: #dbb6e6; |
| 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 { | | .navbox .mw-collapsed { |
| margin-top: 0; /* No top margin for nested navboxes */
| | width: 100%; |
| } | | } |
|
| |
|
| .navbox + .navbox, /* TODO: remove first line after transclusions have updated */
| | .navbox { |
| .navbox + .navbox-styles + .navbox {
| | border: 1px solid var(--accent); |
| margin-top: -1px; /* Single pixel border between adjacent navboxes */
| |
| } | | } |
|
| |
|
| .navbox-inner, | | table.navbox-inner { |
| .navbox-subgroup {
| | border-spacing: 2px; |
| width: 100%;
| |
| } | | } |
|
| |
|
| .navbox-group, | | .navbox .navbox-title { |
| .navbox-title, | | background: var(--accent); |
| .navbox-abovebelow {
| |
| padding: 0.25em 1em;
| |
| line-height: 1.5em;
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| .navbox-group { | | .navbox .navbar li { |
| white-space: nowrap;
| | display: inline-block; |
| /* @noflip */
| | padding-left:1px; |
| text-align: right;
| |
| } | | } |
|
| |
|
| .navbox, | | .navbox .navbox-list li { |
| .navbox-subgroup { | | display: inline-block; |
| background-color: #fdfdfd;
| |
| } | | } |
| | | .navbox .navbox-list ul { |
| .navbox-list {
| | margin: 0px !important; |
| 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 .navbox-list li::after { |
| .navbox .hlist td dl, | | content: " · "; |
| .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 .navbox-list li:last-of-type:after { |
| .navbox .navbar { | | content: none; |
| display: block;
| |
| font-size: 100%;
| |
| } | | } |
|
| |
|
| .navbox-title .navbar { | | .navbox .navbox-group { |
| /* @noflip */
| | background: var(--accent); |
| float: left;
| | padding: 5px 10px !important; |
| /* @noflip */
| |
| text-align: left;
| |
| /* @noflip */
| |
| margin-right: 0.5em;
| |
| } | | } |
|
| |
|
| /** T367463 */
| | .navbox .navbox-abovebelow { |
| body.skin--responsive .navbox-image img {
| | background: var(--accent) !important; |
| max-width: none !important;
| | font-size: 80%; |
| | padding: 3px 5px !important; |
| } | | } |
