コンテンツにスキップ

MediaWiki:Navbox.css

提供: Undertale Wiki

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。
/* TODO: Remove duplicate styles after Parsoid rolls out */
/* (.navbox > ul is legacy, .navbox > section > ul is Parsoid) */
.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 {
	background-color: var(--background-color-progressive);
	border-bottom: 0;
	margin: 0;
	line-height: 1;
	padding: 9px;
	text-align: center;
}

.navbox .mw-heading > h2,
.navbox .mw-heading > 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 {
	display: none;
}

.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;
}

@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;
	}
}