Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Gadget-Navbox.css: Difference between revisions

MediaWiki interface page
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-0); /* for entire navbox */
   --navbox-background: var(--background-color-0b); /* for entire navbox */
   --navbox-margin: 0.5em auto;
   --navbox-margin: 0.5em auto;
   --navbox-padding: 0px;
   --navbox-padding: 6px;
   --navbox-gap: 2px; /* when using zero-value, it must be 0px */
   --navbox-gap: 4px; /* when using zero-value, it must be 0px */
   --navbox-outer-border-color: var(--background-color-0b);
   --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-2b);
   --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-2);
   --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-2);
   --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-0b);
   --navbox-list-background: var(--background-color-1);
   --navbox-list-background--striped: var(--background-color-1);
   --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-1b);
   --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-1b);
   --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-1b);
   --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-1); /* background of pills with selflink in them */
   --navbox-pill-selflink-background: var(--background-color-2); /* background of pills with selflink in them */
   --navbox-list-background: var(--background-color-0b);
   --navbox-list-background: var(--background-color-1);
   --navbox-list-background--striped: var(--background-color-1);
   --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);
  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{