Module:Navbar/styles.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
+/* {{pp|small=yes}} */
 .navbar {
 	display: inline;
 	font-size: 88%;
 	font-weight: normal;
-}
-.navbar ul {
-	display: inline-block;
-	white-space: nowrap;
 }
@@ Line 19: / Line 15: @@
 }
-.navbar li {
+.navbar ul {
-	word-spacing: -0.125em;
+	display: inline-block;
+	white-space: nowrap;
+	line-height: inherit;
 }
-.navbar-lbracket {
+.navbar-brackets::before {
 	margin-right: -0.125em;
+	content: '[ ';
 }
-.navbar-rbracket {
+.navbar-brackets::after {
 	margin-left: -0.125em;
+	content: ' ]';
 }
-.navbar-ct-full {
+.navbar li {
-	font-size: 114%;
+	word-spacing: -0.125em;
-	margin: 0 7em;
 }
-.navbar-ct-mini {
+.navbar a > span,
-	font-size: 114%;
+.navbar a > abbr {
-	margin: 0 4em;
+	text-decoration: inherit;
 }
-.navbar.mini li abbr,
+.navbar-mini abbr {
-.navbar.mini li span {
 	font-variant: small-caps;
 	border-bottom: none;
@@ Line 49: / Line 47: @@
 }
-/* Navbar styling when nested in infobox and navbox
+.navbar-ct-full {
-Should consider having a separate TemplateStyles for those specific places
+	font-size: 114%;
-using an infobox/navbox and a navbar, or possibly override from using template */
+	margin: 0 7em;
-.infobox .navbar {
-	font-size: 100%;
 }
-.navbox .navbar {
+.navbar-ct-mini {
-	display: block;
+	font-size: 114%;
-	font-size: 100%;
+	margin: 0 4em;
+}
+/* not the usual @media screen, we simply remove navbar in @media print */
+html.skin-theme-clientpref-night .navbar li a abbr {
+	color: var(--color-base) !important;
 }
-.navbox-title .navbar {
+@media (prefers-color-scheme: dark) {
-	/* @noflip */
+	html.skin-theme-clientpref-os .navbar li a abbr {
-	float: left;
+		color: var(--color-base) !important;
-	/* @noflip */
+	}
-	text-align: left;
-	/* @noflip */
-	margin-right: 0.5em;
 }
-/* body.everyoneelse */ .mw-body-content .navbar ul {
+@media print {
-	line-height: inherit;
+	.navbar {
+		display: none !important;
+	}
 }