Module:Navbar/styles.css

/* {{pp|small=yes}} */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}

.navbar-collapse {
	float: left;
	text-align: left;
}

.navbar-boxtext {
	word-spacing: 0;
}

.navbar ul {
	display: inline-block;
	white-space: nowrap;
	line-height: inherit;
}

.navbar-brackets::before {
	margin-right: -0.125em;
	content: '[ ';
}

.navbar-brackets::after {
	margin-left: -0.125em;
	content: ' ]';
}

.navbar li {
	word-spacing: -0.125em;
}

.navbar a > span,
.navbar a > abbr {
	text-decoration: inherit;
}

.navbar-mini abbr {
	font-variant: small-caps;
	border-bottom: none;
	text-decoration: none;
	cursor: inherit;
}

.navbar-ct-full {
	font-size: 114%;
	margin: 0 7em;
}

.navbar-ct-mini {
	font-size: 114%;
	margin: 0 4em;
}

/* Navbar styles adjusted for Citizen dark theme */
.skin-citizen-dark .navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
    color: #e0e0e0;
}

.skin-citizen-dark .navbar-collapse {
    float: left;
    text-align: left;
}

.skin-citizen-dark .navbar-boxtext {
    word-spacing: 0;
}

.skin-citizen-dark .navbar ul {
    display: inline-block;
    white-space: nowrap;
    line-height: inherit;
}

.skin-citizen-dark .navbar-brackets::before {
    margin-right: -0.125em;
    content: '[ ';
    color: #aaa;
}

.skin-citizen-dark .navbar-brackets::after {
    margin-left: -0.125em;
    content: ' ]';
    color: #aaa;
}

.skin-citizen-dark .navbar li {
    word-spacing: -0.125em;
}

.skin-citizen-dark .navbar a {
    color: #61afef;
}

.skin-citizen-dark .navbar a:hover {
    color: #c678dd;
}

.skin-citizen-dark .navbar a > span,
.skin-citizen-dark .navbar a > abbr {
    text-decoration: inherit;
}

.skin-citizen-dark .navbar-mini abbr {
    font-variant: small-caps;
    border-bottom: none;
    text-decoration: none;
    cursor: inherit;
}

.skin-citizen-dark .navbar-ct-full {
    font-size: 114%;
    margin: 0 7em;
}

.skin-citizen-dark .navbar-ct-mini {
    font-size: 114%;
    margin: 0 4em;
}