Template:Horizontal navigation/styles.css

.template-horizontal-navigation {
	background: var( --background-color-neutral-subtle );
	box-sizing: border-box;
	overflow: hidden;
	margin: 1em 0;
}
.template-horizontal-navigation table {
	border-spacing: .5em;
	width: 100%;
}
.template-horizontal-navigation caption {
	cursor: pointer;
	font-weight: bold;
	margin: .5em;
}
.template-horizontal-navigation caption:after {
	content: "▼";
	margin-left: .5em;
}
.template-horizontal-navigation caption a {
	color: inherit;
	text-decoration: underline;
}
.template-horizontal-navigation th {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
.template-horizontal-navigation td {
	text-align: left;
}
.template-horizontal-navigation ul {
	margin-top: 0;
	margin-left: 1em;
}
.template-horizontal-navigation li {
	display: inline;
	list-style: none;
	margin-right: .5em;
}

/**
 * Collapsed mode
 */
.template-horizontal-navigation.collapse .template-horizontal-navigation-content {
	display: none;
}

/**
 * Small screens
 */
@media screen and (max-width: 800px) {
	.template-horizontal-navigation-content {
		display: none;
	}
}

/* [[Category:Template style pages]] */