MediaWiki:Navbox.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* TODO: Remove duplicate styles after Parsoid rolls out */
/* (.navbox > ul is legacy, .navbox > section > ul is Parsoid) */
/* (.navbox > h2 is only inside VisualEditor, which doesn't emit .mw-heading) */
.navbox {
	border: 1px solid var(--border-color-base);
	border-radius: 5px;
	box-sizing: border-box;
	clear: both;
	padding: 0.5em;
	width: 100%;
}

.navbox .mw-heading::after {
	content: url("/resources/lib/ooui/themes/wikimediaui/images/icons/expand.svg");
	filter: var(--invert-on-dark);
	float: right;
	padding-top: 4px;
}

.navbox.expanded .mw-heading::after {
	content: url("/resources/lib/ooui/themes/wikimediaui/images/icons/collapse.svg");
}

.navbox .mw-heading,
.navbox > h2 {
	background-color: var(--background-color-progressive);
	border-bottom: 0;
	margin: 0;
	line-height: 1;
	padding: 9px;
	text-align: center;
}

.navbox .mw-heading > h2,
.navbox > h2,
.navbox .mw-heading > h2 a,
.navbox > h2 a {
	color: var(--color-inverted-fixed);
	font-family: "Determination Mono", sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.5px;
	-webkit-font-smoothing: none;
}

.navbox .mw-heading > h2 > span:not(.mw-selflink),
.navbox > h2 > span:not(.mw-selflink) {
	display: none;
}

.navbox .mw-heading > h2 > span.mw-selflink,
.navbox > h2 > span.mw-selflink {
	font-weight: normal;
}

.navbox .mw-heading > .mw-editsection {
	display: none;
}

.navbox > ul, .navbox > section > ul {
	display: none;
	grid-template-columns: auto 1fr;
	font-size: 0.85em;
	list-style: none;
	padding: 10px;
	margin: 0;
}

.navbox.expanded > ul, .navbox.expanded > section > ul {
	display: grid;
}

.navbox > ul > li, .navbox > section > ul > li {
	display: contents;
	font-weight: bold;
	margin-bottom: 0;
}

.navbox > ul > li > span, .navbox > section > ul > li > span {
	display: block;
	max-width: 200px;
	padding: 5px 10px;
}

.navbox > ul > li > ul, .navbox > section > ul > li > ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 5px 10px;
}

.navbox > ul > li > ul > li, .navbox > section > ul > li > ul > li {
	font-weight: normal;
	margin-bottom: 0;
}

.navbox > ul > li > ul > li:not(:last-child)::after,
.navbox > section > ul > li > ul > li:not(:last-child)::after {
	content: "•";
	padding: 0 5px;
}

#vector-toc li[id$="_(Navigation)"] {
	display: none;
}

.client-nojs .navbox > ul,
.client-nojs .navbox.expanded > ul,
.client-nojs .navbox > section > ul,
.client-nojs .navbox.expanded > section > ul {
	display: block;
}

.client-nojs .navbox .mw-heading::after,
.client-nojs .navbox.expanded > .mw-heading::after {
	content: "";
}

@media screen and (max-width: 720px) {
	.navbox > ul, .navbox.expanded > ul,
	.navbox > section > ul, .navbox.expanded > section > ul {
		display: block;
	}
	.navbox .mw-heading::after, .navbox.expanded > .mw-heading::after {
		content: "";
	}
	.navbox > ul > li > span, .navbox > section > ul > li > span {
		padding: 0;
	}
	.navbox > ul, .navbox > section > ul {
		font-size: initial;
	}
}