Module:Navbar/styles.css: Difference between revisions
From The Goon Show Depository
m (1 revision imported) |
en>Jon (WMF) (Fixes visibility of navbar edit links in dark mode.) |
||
Line 1: | Line 1: | ||
/ | /* {{pp|small=yes}} */ | ||
.navbar { | .navbar { | ||
display: inline; | display: inline; | ||
font-size: 88%; | font-size: 88%; | ||
font-weight: normal; | font-weight: normal; | ||
} | |||
.navbar-collapse { | |||
float: left; | |||
text-align: left; | |||
} | |||
.navbar-boxtext { | |||
word-spacing: 0; | |||
} | } | ||
.navbar ul { | .navbar ul { | ||
display: inline; | display: inline-block; | ||
white-space: nowrap; | white-space: nowrap; | ||
line-height: inherit; | |||
} | |||
.navbar-brackets::before { | |||
margin-right: -0.125em; | |||
content: '[ '; | |||
} | |||
.navbar-brackets::after { | |||
margin-left: -0.125em; | |||
content: ' ]'; | |||
} | } | ||
Line 19: | Line 35: | ||
} | } | ||
.navbar a > span, | |||
. | .navbar a > abbr { | ||
text-decoration: inherit; | |||
font-size: | } | ||
.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; | |||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .navbar li a abbr { | |||
color: var(--color-base) !important; | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .navbar li a abbr { | |||
color: var(--color-base) !important; | |||
} | |||
} | } |
Revision as of 10:00, 12 July 2024
/* {{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;
}
@media screen {
html.skin-theme-clientpref-night .navbar li a abbr {
color: var(--color-base) !important;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbar li a abbr {
color: var(--color-base) !important;
}
}