MediaWiki:Gadget-Navbox.css: Difference between revisions
MediaWiki interface page
More actions
Updated |
Adjusted styling to be consistent with infobox styling |
||
| (One intermediate revision by the same user not shown) | |||
| Line 118: | Line 118: | ||
.ranger-navbox{ | .ranger-navbox{ | ||
--navbox-background: var(--background-color- | --navbox-background: var(--background-color-0b); /* for entire navbox */ | ||
--navbox-margin: 0.5em auto; | --navbox-margin: 0.5em auto; | ||
--navbox-padding: | --navbox-padding: 6px; | ||
--navbox-gap: | --navbox-gap: 4px; /* when using zero-value, it must be 0px */ | ||
--navbox-outer-border-color: var(--background-color- | --navbox-outer-border-color: var(--background-color-1); | ||
--navbox-outer-border-width: 0px; | --navbox-outer-border-width: 0px; | ||
--navbox-outer-border-style: solid; | --navbox-outer-border-style: solid; | ||
--navbox-outer-border-radius: 10px; | --navbox-outer-border-radius: 10px; | ||
--navbox-font-size: calc(1em - 2px); | --navbox-inner-border-radius: calc(var(--navbox-outer-border-radius) - var(--navbox-gap)); | ||
--navbox-font-size: max(calc(1em - 2px), 0.825rem); | |||
--navbox-title-color: var(--color-emphasized); | --navbox-title-color: var(--color-emphasized); | ||
--navbox-title-font-size: calc(115%); | --navbox-title-font-size: calc(115%); | ||
--navbox-title-background: var(--background-color- | --navbox-title-background: var(--background-color-3); | ||
--navbox-title-icon-color: var(--color-base); | --navbox-title-icon-color: var(--color-base); | ||
--navbox-title-link-color: var(--color-progressive); | --navbox-title-link-color: var(--color-progressive); | ||
| Line 138: | Line 139: | ||
--navbox-title-redlink-decoration: none; | --navbox-title-redlink-decoration: none; | ||
--navbox-title-padding--y: 0.25em; | --navbox-title-padding--y: 0.25em; | ||
--navbox-above-background: var(--background-color- | --navbox-above-background: var(--background-color-2b); | ||
--navbox-above-color: var(--color-base); | --navbox-above-color: var(--color-base); | ||
--navbox-above-padding: var(--navbox-list-padding); | --navbox-above-padding: var(--navbox-list-padding); | ||
| Line 146: | Line 147: | ||
--navbox-header-color: var(--navbox-title-color); | --navbox-header-color: var(--navbox-title-color); | ||
--navbox-header-font-size: calc(110%); | --navbox-header-font-size: calc(110%); | ||
--navbox-header-background: var(--background-color- | --navbox-header-background: var(--background-color-2b); | ||
--navbox-header-icon-color: var(--navbox-title-icon-color); | --navbox-header-icon-color: var(--navbox-title-icon-color); | ||
--navbox-header-link-color: var(--navbox-title-link-color); | --navbox-header-link-color: var(--navbox-title-link-color); | ||
| Line 157: | Line 158: | ||
--navbox-subheader-font-size: calc(100%); | --navbox-subheader-font-size: calc(100%); | ||
--navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); | --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); | ||
--navbox-list-background: var(--background-color- | --navbox-list-background: var(--background-color-1); | ||
--navbox-list-background--striped: var(--background-color- | --navbox-list-background--striped: var(--background-color-1b); | ||
--navbox-list-color: var(--color-base); | --navbox-list-color: var(--color-base); | ||
--navbox-list-padding: 0.25em 0.5em; | --navbox-list-padding: 0.25em 0.5em; | ||
| Line 164: | Line 165: | ||
--navbox-group-text-align: left; | --navbox-group-text-align: left; | ||
--navbox-group-text-align--mobile: left; /* only for mobile view */ | --navbox-group-text-align--mobile: left; /* only for mobile view */ | ||
--navbox-group-background: var(--background-color- | --navbox-group-background: var(--background-color-2); | ||
--navbox-group-color: var(--color-base); | --navbox-group-color: var(--color-base); | ||
--navbox-group-padding: var(--navbox-list-padding); | --navbox-group-padding: var(--navbox-list-padding); | ||
--navbox-tree-line-color: var(--background-color- | --navbox-tree-line-color: var(--background-color-2); | ||
--navbox-tree-line-width: 3px; | --navbox-tree-line-width: 3px; | ||
--navbox-tree-indent: 1em; | --navbox-tree-indent: 1em; | ||
| Line 183: | Line 184: | ||
--navbox-pill-border-radius: 3px; | --navbox-pill-border-radius: 3px; | ||
--navbox-pill-box-shadow: 0 0 0 1px var(--border-color-base); | --navbox-pill-box-shadow: 0 0 0 1px var(--border-color-base); | ||
--navbox-pill-background: var(--background-color- | --navbox-pill-background: var(--background-color-2b); | ||
--navbox-pill-box-shadow--hover: 0 0 0 1px var(--navbox-list-color); | --navbox-pill-box-shadow--hover: 0 0 0 1px var(--navbox-list-color); | ||
--navbox-pill-background--hover: var(--navbox-pill-background); | --navbox-pill-background--hover: var(--navbox-pill-background); | ||
--navbox-pill-selflink-background: var(--background-color- | --navbox-pill-selflink-background: var(--background-color-2); /* background of pills with selflink in them */ | ||
--navbox-list-background: var(--background-color- | --navbox-list-background: var(--background-color-1); | ||
--navbox-list-background--striped: var(--background-color- | --navbox-list-background--striped: var(--background-color-1b); | ||
} | } | ||
.ranger-navbox.no-underline-title-links{ | .ranger-navbox.no-underline-title-links{ | ||
| Line 219: | Line 220: | ||
.ranger-navbox * { | .ranger-navbox * { | ||
border: 0; | border: 0; | ||
} | |||
.ranger-row * { | |||
border-radius: var(--navbox-inner-border-radius); | |||
} | } | ||
.ranger-navbox .center *{ | .ranger-navbox .center *{ | ||
| Line 238: | Line 242: | ||
z-index: 0; | z-index: 0; | ||
font-weight: bold; | font-weight: bold; | ||
border-radius: var(--navbox-inner-border-radius); | |||
} | } | ||
.ranger-navbox .ranger-title{ | .ranger-navbox .ranger-title{ | ||
| Line 307: | Line 312: | ||
.ranger-navbox .ranger-header a.new, | .ranger-navbox .ranger-header a.new, | ||
.ranger-navbox .ranger-header a.new:visited{ | .ranger-navbox .ranger-header a.new:visited{ | ||
color:var(--navbox-header-redlink-color); | |||
} | } | ||
.ranger-navbox .ranger-header a:hover, | .ranger-navbox .ranger-header a:hover, | ||
| Line 445: | Line 450: | ||
padding: var(--navbox-above-padding); | padding: var(--navbox-above-padding); | ||
width: unset; | width: unset; | ||
border-radius: var(--navbox-inner-border-radius); | |||
} | } | ||
.ranger-navbox .ranger-below{ | .ranger-navbox .ranger-below{ | ||
| Line 451: | Line 457: | ||
padding: var(--navbox-below-padding); | padding: var(--navbox-below-padding); | ||
width: unset; | width: unset; | ||
border-radius: var(--navbox-inner-border-radius); | |||
} | } | ||
.ranger-navbox .ranger-sublist{ | .ranger-navbox .ranger-sublist{ | ||