Module:Navbar/styles.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-/* {{pp|small=yes}} */
+/**
+ * This TemplateStyles page is separately used for [[Template:Navbar]]
+ * because of course there are two versions of the same template.
+ * Be careful when adjusting styles accordingly.
+ */
 .navbar {
 	display: inline;
 	font-size: 88%;
 	font-weight: normal;
-}
+	color: var(--color-base, #202122) !important;
-.navbar-collapse {
-	float: left;
-	text-align: left;
-}
-.navbar-boxtext {
-	word-spacing: 0;
 }
 .navbar ul {
-	display: inline-block;
+	display: inline;
 	white-space: nowrap;
-	line-height: inherit;
-}
-.navbar-brackets::before {
-	margin-right: -0.125em;
-	content: '[ ';
-}
-.navbar-brackets::after {
-	margin-left: -0.125em;
-	content: ' ]';
 }
@@ Line 35: / Line 20: @@
 }
-.navbar a > span,
+/* Navbar styling when nested in navbox */
-.navbar a > abbr {
+.navbox .navbar {
-	text-decoration: inherit;
+	display: block;
+	font-size: 100%;
 }
-.navbar-mini abbr {
+.navbox-title .navbar {
-	font-variant: small-caps;
+	/* @noflip */
-	border-bottom: none;
+	float: left;
-	text-decoration: none;
+	/* @noflip */
-	cursor: inherit;
+	text-align: left;
-}
+	/* @noflip */
+	margin-right: 0.5em;
-.navbar-ct-full {
+	width: 6em;
-	font-size: 114%;
-	margin: 0 7em;
-}
-.navbar-ct-mini {
-	font-size: 114%;
-	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;
-}
-@media (prefers-color-scheme: dark) {
-	html.skin-theme-clientpref-os .navbar li a abbr {
-		color: var(--color-base) !important;
-	}
-}
-@media print {
-	.navbar {
-		display: none !important;
-	}
 }