MediaWiki:Gadget-Navbox.css - Revision history

Stevium: Adjusted styling to be consistent with infobox styling

2026-02-18T09:29:03Z

Adjusted styling to be consistent with infobox styling

Stevium: Adjusted font-size

2025-11-27T10:12:30Z

Adjusted font-size

← Older revision		Revision as of 10:12, 27 November 2025
Line 126:		Line 126:
	--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-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%);

Stevium: Updated

2025-11-25T14:29:57Z

Updated

Stevium: Stevium moved page MediaWiki:Navbox.css to MediaWiki:Gadget-Navbox.css without leaving a redirect: Changing how the Navbox stylesheet is loaded: now uses ResourceLoader instead of @import

2025-11-25T13:37:42Z

Stevium moved page MediaWiki:Navbox.css to MediaWiki:Gadget-Navbox.css without leaving a redirect: Changing how the Navbox stylesheet is loaded: now uses ResourceLoader instead of @import

← Older revision	Revision as of 13:37, 25 November 2025
(No difference)

Stevium: Updated to RANGER navbox

2025-11-20T10:29:00Z

Updated to RANGER navbox

Show changes

ReisuDesign at 10:33, 16 November 2025

2025-11-16T10:33:44Z

← Older revision		Revision as of 10:33, 16 November 2025
Line 245:		Line 245:
	/* Portable Navbox */		/* Portable Navbox */
	.pi-theme-navbox {		.pi-theme-navbox {
	--pi-secondary-background: var(--~~theme~~-~~link-color~~);		--pi-secondary-background: var(--color-progressive);
	--pi-secondary-background--label: var(--theme-body-text-color);		--pi-secondary-background--label: var(--theme-body-text-color);
	padding: 0 3px;		padding: 0 3px;
Line 329:		Line 329:
	.navbox-title a,		.navbox-title a,
	.navbox-group a {		.navbox-group a {
	color: var(--~~theme~~-~~link-color~~);		color: var(--color-progressive);
	}		}

Line 335:		Line 335:
	.navbox-group,		.navbox-group,
	.navbox-title .mw-collapsible-text {		.navbox-title .mw-collapsible-text {
	color: var(--~~page~~-~~text-color~~);		color: var(--color-base);
	}		}


	.navbox-odd {		.navbox-odd {
	background: var(--~~theme~~-color-1);		background: var(--background-color-1);
	}		}

	.navbox-subgroup .navbox-title {		.navbox-subgroup .navbox-title {
	background: var(--~~theme~~-color-2);		background: var(--background-color-2);
	}		}

	.navbox-subgroup .navbox-subgroup .navbox-title {		.navbox-subgroup .navbox-subgroup .navbox-title {
	background: var(--~~theme~~-color-6);		background: var(--background-color-6);
	}		}

	.navbox-title {		.navbox-title {
	background: var(--~~theme~~-color-4);		background: var(--background-color-4);
	}		}

Line 359:		Line 359:
	.navbox-subgroup .navbox-group,		.navbox-subgroup .navbox-group,
	.navbox-subgroup .navbox-abovebelow {		.navbox-subgroup .navbox-abovebelow {
	color: var(--~~theme-page-text~~-~~color~~);		color: var(--color-base);
	background: var(--pi-rows-color)!important;		background: var(--pi-rows-color)!important;
	}		}

ReisuDesign at 21:51, 13 November 2025

2025-11-13T21:51:26Z

← Older revision		Revision as of 21:51, 13 November 2025
Line 1:		Line 1:
			.portable-infobox.pi-theme-navbox {
			box-sizing: border-box;
			float: none;
			margin: 0;
			/* fallback width */
			width: 100%;
			/* (1px border + 0.5em padding) * 2 = 16px
			width: calc(100% - 1em - 2px); */
			}

			.portable-infobox.pi-theme-navbox .pi-data-value {
			flex-basis: 100%;
			width: 100%;
			}

			.portable-infobox.pi-theme-navbox .pi-data-label {
			flex-basis: 200px;
			}

	.navbox {		.navbox {
	width: 100%;		width: 100%;

ReisuDesign: Created page with ".navbox { width: 100%; font-size: 88%; margin: auto; clear: both; text-align: center; border-radius: 10px !important; overflow: hidden; } .navbox td { padding: 0 !important; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em; line-height: 1.5em; text-align: center; } th.navbox-group { white-space: nowrap; text-align: left; /* Align Left c..."

2025-11-09T22:53:38Z

Created page with ".navbox { width: 100%; font-size: 88%; margin: auto; clear: both; text-align: center; border-radius: 10px !important; overflow: hidden; } .navbox td { padding: 0 !important; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em; line-height: 1.5em; text-align: center; } th.navbox-group { white-space: nowrap; text-align: left; /* Align Left c..."

New page

.navbox {
width: 100%;
font-size: 88%;
margin: auto;
clear: both;
text-align: center;
border-radius: 10px !important;
overflow: hidden;
}

.navbox td {
padding: 0 !important;
}

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

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

th.navbox-group {
white-space: nowrap;
text-align: left;
/* Align Left cuz read words LTR, skim left side charaters first */
}

.skin-fandommobile th.navbox-group {
white-space: normal;
}

.navbox,
.navbox-subgroup {
background: var(--theme-page-background-color);
}

.navbox-list {
line-height: 1.5em;
}

table.navbox table.navbox {
margin-top: 0;
}

table.navbox + table.navbox {
margin-top: -1px;
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0;
}

.page-content .navbox .hlist dl,
.page-content .navbox .hlist ol,
.page-content .navbox .hlist ul {
margin: 0;
padding: 0;
}

.hlist dd,
.hlist dt,
.hlist li {
display: inline;
}

.hlist .inline,
.hlist .inline dl,
.hlist .inline ol,
.hlist .inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}

.hlist dt:after {
content: ":"
}

.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}

.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}

.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}

.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}

.hlist dd dd.hlist-last-child:after,
.hlist dd dt.hlist-last-child:after,
.hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after,
.hlist dt dt.hlist-last-child:after,
.hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after,
.hlist li dt.hlist-last-child:after,
.hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}

.hlist ol {
counter-reset: listitem;
}

.hlist ol > li {
counter-increment: listitem;
}

.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}

.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}

.navbar ul {
display: inline;
white-space: nowrap;
}

.mw-body-content .navbar ul {
line-height: inherit;
}

.navbar li {
word-spacing: -0.125em;
}

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

.navbox-title .navbar {
float: left;
text-align: left;
margin-right: 0.5em;
width: 6em;
}

.collapseButton {
float: right;
font-weight: normal;
margin-left: 0.5em;
text-align: right;
width: auto;
}

.navbox .collapseButton {
width: 6em;
}

.mw-collapsible-toggle {
font-weight: normal;
text-align: right;
}

.navbox .mw-collapsible-toggle {
width: 6em;
}

/* Portable Navbox */
.pi-theme-navbox {
--pi-secondary-background: var(--theme-link-color);
--pi-secondary-background--label: var(--theme-body-text-color);
padding: 0 3px;
}
.pi-theme-navbox .pi-data {
padding: 0;
}

.portable-infobox.pi-theme-navbox :is(.pi-data-label, .pi-data-value) {
line-height: 1.5em;
font-size: .7em;
padding: 0.25em 1em;
}
.portable-infobox.pi-theme-navbox .pi-data-label {
display: flex;
align-items: center;
justify-content: flex-start;
/* Align Left cuz read words LTR, skim left side charaters first */
flex-basis: 200px;
background-color: var(--custom-tertiary-color);
color: var(--custom-tertiary-color-text);
}
.portable-infobox.pi-theme-navbox .pi-data-value {
flex-basis: 100%;
}
.portable-infobox.pi-theme-navbox .pi-data:nth-child(odd) .pi-data-value {
background-color: var(--theme-page-background-color--secondary);
}

/* For Template:Characters_Navbox */
.navbox-list-top > div > div {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

/* align left when navbox list contains cards */
.navbox-list:has(div > .card-list-container) > div,
.navbox-list:has(div > div > .card-list-container) > div {
text-align: left;
}

/* Adds Unknown image for not uploaded files and hides redlink */
.navbox-list a.new[href*="Special:Upload"] {
display: inline-flex;
width: 45px;
height: 45px;
background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png/revision/latest/scale-to-width-down/45);
background-size: cover;
vertical-align: middle;
font-size: 0;
}

/* Hide empty sub-navboxes (second rule is for the spacing row) */
.navbox-inner tr:has(> td.navbox-list:only-child > .navbox-subgroup tr:only-child > th.navbox-title),
.navbox-inner tr:has(+ tr > td.navbox-list:only-child > .navbox-subgroup tr:only-child > th.navbox-title) {
display: none !important;
}

/* Gallery for mobile */
.skin-fandommobile .navbox-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;

.article-media-thumbnail {
margin-bottom: 0;
}

.article-media-placeholder {
border: none;
}

br,
figcaption {
display: none;
}
}

/* Navbox colors */
.navbox-title a,
.navbox-group a {
color: var(--theme-link-color);
}

.navbox-title,
.navbox-group,
.navbox-title .mw-collapsible-text {
color: var(--page-text-color);
}

.navbox-odd {
background: var(--theme-color-1);
}

.navbox-subgroup .navbox-title {
background: var(--theme-color-2);
}

.navbox-subgroup .navbox-subgroup .navbox-title {
background: var(--theme-color-6);
}

.navbox-title {
background: var(--theme-color-4);
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
color: var(--theme-page-text-color);
background: var(--pi-rows-color)!important;
}

.navbox-image {
background: var(--pi-rows-color);
}

.navbox-even {
background: var(--theme-page-background-color--secondary);
}

← Older revision		Revision as of 09:29, 18 February 2026
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-inner-border-radius: calc(var(--navbox-outer-border-radius) - var(--navbox-gap));
	--navbox-font-size: max(calc(1em - 2px), 0.825rem);		--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{

← Older revision		Revision as of 14:29, 25 November 2025
Line 1:		Line 1:
	/************************************************************		/****************************************************************
	* Semantically-correct horizontal lists (for Module:Navbox) *		* Semantically-correct horizontal lists (for [[Module:Navbox]]) *
	*************************************************************/		*****************************************************************/
	.hlist dl,		.hlist dl,
	.hlist ol,		.hlist ol,
Line 122:		Line 122:
	--navbox-padding: 0px;		--navbox-padding: 0px;
	--navbox-gap: 2px; /* when using zero-value, it must be 0px */		--navbox-gap: 2px; /* when using zero-value, it must be 0px */
	--navbox-outer-border-color: var(--background-color-1);		--navbox-outer-border-color: var(--background-color-0b);
	--navbox-outer-border-width: ~~1px~~;		--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;
Line 129:		Line 129:
	--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-4);		--navbox-title-background: var(--background-color-2b);
	--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 138:
	--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-3);		--navbox-above-background: var(--background-color-2);
	--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 146:
	--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-3);		--navbox-header-background: var(--background-color-2);
	--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 157:
	--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-0);		--navbox-list-background: var(--background-color-0b);
	--navbox-list-background--striped: var(--background-color-1);		--navbox-list-background--striped: var(--background-color-1);
	--navbox-list-color: var(--color-base);		--navbox-list-color: var(--color-base);
Line 164:		Line 164:
	--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-2);		--navbox-group-background: var(--background-color-1b);
	--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-2);		--navbox-tree-line-color: var(--background-color-1b);
	--navbox-tree-line-width: 3px;		--navbox-tree-line-width: 3px;
	--navbox-tree-indent: 1em;		--navbox-tree-indent: 1em;
Line 183:		Line 183:
	--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-1);		--navbox-pill-background: var(--background-color-1b);
	--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-1); /* background of pills with selflink in them */
	--navbox-list-background: var(--background-color-1);		--navbox-list-background: var(--background-color-0b);
	--navbox-list-background--striped: var(--background-color-2);		--navbox-list-background--striped: var(--background-color-1);
	}		}
	.ranger-navbox.no-underline-title-links{		.ranger-navbox.no-underline-title-links{