Template:CentralNotice/Navbar/styles.css

.centralnotice-navbar {
	font-weight: bold;
	padding-bottom: 2px;
	line-height: 1.4;
}
.centralnotice-navbar ul {
	list-style: none;
	margin: 0;
}
.centralnotice-navbar li {
	margin: 2px 0;
	border: 0 solid var(--background-color-progressive, #36c);
	border-radius: 2px;
	padding: 5px;
	background-color: var(--background-color-progressive-subtle, #ccdcf9);
	color: var(--color-base, #000);
}
.centralnotice-navbar li:hover {
	border: 0px solid var(--background-color-progressive--hover, #36c);
}
.centralnotice-navbar[dir="ltr"] li,
.centralnotice-navbar[dir="ltr"] li:hover {
	/* @noflip */
	border-width: 0 0 0 5px;
}
.centralnotice-navbar[dir="rtl"] li,
.centralnotice-navbar[dir="rtl"] li:hover {
	/* @noflip */
	border-width: 0 5px 0 0;
}
.centralnotice-navbar a {
	color: inherit;
}
.centralnotice-navbar .centralnotice-navbar-tab-home,
.centralnotice-navbar .centralnotice-navbar-tab-home:hover {
	border: 5px solid var(--color-subtle, #54595d);
	background-color: var(--color-subtle, #54595d);
	color: var(--color-inverted, #fff);
	font-size: 1.2em;
	font-variant: small-caps;
}
.centralnotice-navbar .centralnotice-navbar-tab-active {
	border: 2px solid var(--color-subtle, #0f1e3d);
}
@media (min-width: 1000px) {
	.centralnotice-navbar {
		display: table;
		width: 100%;
		text-align: center;
		border-spacing: 2px;
	}
	.centralnotice-navbar ul {
		display: table-row;
	}
	.centralnotice-navbar[dir="ltr"] li,
	.centralnotice-navbar[dir="rtl"] li,
	.centralnotice-navbar[dir="ltr"] li:hover,
	.centralnotice-navbar[dir="rtl"] li:hover,
	.centralnotice-navbar .centralnotice-navbar-tab-active {
		display: table-cell;
		height: 2em;
		width: 16%;
		vertical-align: middle;
		border-width: 0 0 5px 0;
	}
	.centralnotice-navbar li.centralnotice-navbar-tab-home,
	.centralnotice-navbar li.centralnotice-navbar-tab-home:hover {
		width: 20%;
		border-width: 5px 0;
	}
}

/* {{PP-template}} */