Module:Navbox/styles.css: Difference between revisions
m 1 revision imported: Importing Module:Navbox for navigation elements |
m CSS test |
||
| Line 2: | Line 2: | ||
.navbox { | .navbox { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border: 1px solid #a2a9b1; | border: 1px solid var(--box-shadow-color-progressive--focus,#a2a9b1); | ||
width: 100%; | width: 100%; | ||
clear: both; | clear: both; | ||
| Line 41: | Line 41: | ||
.navbox, | .navbox, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
background-color: #fdfdfd; | background-color: var(--background-color-neutral-subtle, #fdfdfd); | ||
} | } | ||
.navbox-list { | .navbox-list { | ||
line-height: 1.5em; | line-height: 1.5em; | ||
border-color | border: 1px solid var(--background-color-neutral-subtle, #fdfdfd); /* Must match background color */ | ||
} | } | ||
| Line 63: | Line 63: | ||
tr + tr > .navbox-image, | tr + tr > .navbox-image, | ||
tr + tr > .navbox-list { | tr + tr > .navbox-list { | ||
border-top: 2px solid #fdfdfd; /* Must match background color */ | border-top: 2px solid var(--background-color-neutral-subtle, #fdfdfd); /* Must match background color */ | ||
} | } | ||
.navbox-title { | .navbox-title { | ||
background-color: #ccf; /* Level 1 color */ | background-color: var(--background-color-interactive,#ccf); /* Level 1 color */ | ||
} | } | ||
| Line 73: | Line 73: | ||
.navbox-group, | .navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background-color: #ddf; /* Level 2 color */ | background-color: var(--background-color-interactive-subtle, #ddf); /* Level 2 color */ | ||
} | } | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
background-color: # | background-color: var(--background-color-base, #fff); /* Level 3 color */ | ||
} | } | ||
.navbox-even { | .navbox-even { | ||
background-color: # | background-color: var(--background-color-base, #fff); | ||
} | } | ||