Module:Navbox/styles.css - Revision history

Walter61: 1 revision imported

2026-05-14T17:07:06Z

1 revision imported

← Older revision		Revision as of 13:07, 14 May 2026
(No difference)

wiki>Izno: +empty

2026-05-11T22:00:09Z

+empty

@@ Line 15: / Line 15: @@
+}
-.navbox + .navbox, /* TODO: remove first line after transclusions have updated */
+.navbox + .navbox-styles + .navbox,
-.navbox + .navbox-styles + .navbox {
+/* category positions are wrapped in an "empty" span in Parsoid [[phab:T378906]] */
 	margin-top: -1px; /* Single pixel border between adjacent navboxes */
+}
@@ Line 128: / Line 129: @@
 		display: none !important;
+	}
+}

Walter61 at 20:33, 26 February 2026

2026-02-26T20:33:01Z

@@ Line 128: / Line 128: @@
 		display: none !important;
+	}
+}

Walter61 at 20:24, 26 February 2026

2026-02-26T20:24:01Z

← Older revision		Revision as of 16:24, 26 February 2026
Line 1:		Line 1:
	/* {{pp\|small=y}} */		/* {{pp\|small=y}} */

	.navbox {		.navbox {
	box-sizing: border-box;		box-sizing: border-box;
Line 10:		Line 9:
	padding: 1px;		padding: 1px;
	margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */		margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
	~~background-color: var(--background-color-base);~~
	~~color: var(--color-base);~~
	}		}

Line 26:		Line 23:
	.navbox-subgroup {		.navbox-subgroup {
	width: 100%;		width: 100%;
	~~background-color: var(--background-color-base);~~
	~~color: var(--color-base);~~
	}		}

Line 36:		Line 31:
	line-height: 1.5em;		line-height: 1.5em;
	text-align: center;		text-align: center;
	~~color: var(--color-base);~~
	}		}

Line 45:		Line 39:
	}		}

	~~/* Lists */~~		.navbox,
			.navbox-subgroup {
			background-color: #fdfdfd;
			color:inherit;
			}

	.navbox-list {		.navbox-list {
	line-height: 1.5em;		line-height: 1.5em;
	~~background~~-color: ~~transparent~~;		border-color: #fdfdfd; /* Must match background color */
	color~~: inherit;~~
	}		}

Line 56:		Line 54:
	border-left-width: 2px;		border-left-width: 2px;
	border-left-style: solid;		border-left-style: solid;
	~~border-left-color: #a2a9b1;~~
	}		}

			/* cell spacing for navbox cells */
	/* Borders above 2nd, 3rd, etc. rows */		/* 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-abovebelow,
	tr + tr > .navbox-group,		tr + tr > .navbox-group,
	tr + tr > .navbox-image,		tr + tr > .navbox-image,
	tr + tr > .navbox-list {		tr + tr > .navbox-list {
	border-top: 2px solid ~~transparent~~; /* ~~avoids hardcoded light separators~~ */		border-top: 2px solid #fdfdfd; /* Must match background color */
	}		}

	~~/* Header colors (theme-aware) */~~
	.navbox-title {		.navbox-title {
	background-color: ~~var(--background-~~color~~-neutral);~~		background-color: #ccf; /* Level 1 color */
	color: ~~var(--color-base)~~;		color:inherit;
	}		}

Line 76:		Line 75:
	.navbox-group,		.navbox-group,
	.navbox-subgroup .navbox-title {		.navbox-subgroup .navbox-title {
	background-color: ~~var(--background-~~color~~-neutral-subtle);~~		background-color: #ddf; /* Level 2 color */
	color: ~~var(--color-base)~~;		color:inherit;
	}		}

	.navbox-subgroup .navbox-group,		.navbox-subgroup .navbox-group,
	.navbox-subgroup .navbox-abovebelow {		.navbox-subgroup .navbox-abovebelow {
	background-color: ~~var(--background-~~color~~-neutral-subtle);~~		background-color: #e6e6ff; /* Level 3 color */
	color: ~~var(--color-base)~~;		color:inherit;
	}		}

	~~/* Striping */~~
	.navbox-even {		.navbox-even {
	background-color: ~~var(--background-color-neutral-subtle)~~;		background-color: #f7f7f7;
	color: ~~var(--color-base)~~;		color:inherit;
	}		}

	.navbox-odd {		.navbox-odd {
	background-color: transparent;		background-color: transparent;
	color: inherit;		color:inherit;
	}		}

Walter61 at 20:23, 26 February 2026

2026-02-26T20:23:22Z

← Older revision		Revision as of 16:23, 26 February 2026
Line 1:		Line 1:
	/* {{pp\|small=y}} */		/* {{pp\|small=y}} */

	.navbox {		.navbox {
	box-sizing: border-box;		box-sizing: border-box;
Line 9:		Line 10:
	padding: 1px;		padding: 1px;
	margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */		margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
			background-color: var(--background-color-base);
			color: var(--color-base);
	}		}

Line 23:		Line 26:
	.navbox-subgroup {		.navbox-subgroup {
	width: 100%;		width: 100%;
			background-color: var(--background-color-base);
			color: var(--color-base);
	}		}

Line 31:		Line 36:
	line-height: 1.5em;		line-height: 1.5em;
	text-align: center;		text-align: center;
			color: var(--color-base);
	}		}

Line 39:		Line 45:
	}		}

	~~.navbox,~~		/* Lists */
	~~.navbox-subgroup {~~
	~~background-color: #fdfdfd;~~
	~~color:inherit;~~
	}

	.navbox-list {		.navbox-list {
	line-height: 1.5em;		line-height: 1.5em;
	~~border~~-color: ~~#fdfdfd~~; ~~/* Must match background~~ color */		background-color: transparent;
			color: inherit;
	}		}

Line 54:		Line 56:
	border-left-width: 2px;		border-left-width: 2px;
	border-left-style: solid;		border-left-style: solid;
			border-left-color: #a2a9b1;
	}		}

	~~/* cell spacing for navbox cells */~~
	/* Borders above 2nd, 3rd, etc. rows */		/* 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-abovebelow,
	tr + tr > .navbox-group,		tr + tr > .navbox-group,
	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 transparent; /* avoids hardcoded light separators */
	}		}

			/* Header colors (theme-aware) */
	.navbox-title {		.navbox-title {
	background-color: ~~#ccf~~; ~~/* Level 1 color */~~		background-color: var(--background-color-neutral);
	color:~~inherit~~;		color: var(--color-base);
	}		}

Line 75:		Line 76:
	.navbox-group,		.navbox-group,
	.navbox-subgroup .navbox-title {		.navbox-subgroup .navbox-title {
	background-color: ~~#ddf~~; ~~/* Level 2 color */~~		background-color: var(--background-color-neutral-subtle);
	color:~~inherit~~;		color: var(--color-base);
	}		}

	.navbox-subgroup .navbox-group,		.navbox-subgroup .navbox-group,
	.navbox-subgroup .navbox-abovebelow {		.navbox-subgroup .navbox-abovebelow {
	background-color: ~~#e6e6ff~~; ~~/* Level 3 color */~~		background-color: var(--background-color-neutral-subtle);
	color:~~inherit~~;		color: var(--color-base);
	}		}

			/* Striping */
	.navbox-even {		.navbox-even {
	background-color: ~~#f7f7f7~~;		background-color: var(--background-color-neutral-subtle);
	color:~~inherit~~;		color: var(--color-base);
	}		}

	.navbox-odd {		.navbox-odd {
	background-color: transparent;		background-color: transparent;
	color:inherit;		color: inherit;
	}		}

Walter61: 1 revision imported

2026-02-01T08:13:28Z

1 revision imported

← Older revision		Revision as of 04:13, 1 February 2026
(No difference)

wiki>Jonesey95: fix text color in dark mode; this generally works but may cause problems, in which case revert or try specifying a different CSS value

2025-10-04T01:45:43Z

fix text color in dark mode; this generally works but may cause problems, in which case revert or try specifying a different CSS value

New page

/* {{pp|small=y}} */
.navbox {
box-sizing: border-box;
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 {
margin-top: 0; /* No top margin for nested navboxes */
}

.navbox + .navbox, /* TODO: remove first line after transclusions have updated */
.navbox + .navbox-styles + .navbox {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}

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

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

.navbox-group {
white-space: nowrap;
/* @noflip */
text-align: right;
}

.navbox,
.navbox-subgroup {
background-color: #fdfdfd;
color:inherit;
}

.navbox-list {
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 */
color:inherit;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background-color: #ddf; /* Level 2 color */
color:inherit;
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff; /* Level 3 color */
color:inherit;
}

.navbox-even {
background-color: #f7f7f7;
color:inherit;
}

.navbox-odd {
background-color: transparent;
color:inherit;
}

/* TODO: figure out how to remove reliance on td as structure */
.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;
}

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

.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}

/** T367463 */
body.skin--responsive .navbox-image img {
max-width: none !important;
}

@media print {
body.ns-0 .navbox {
display: none !important;
}
}