Module:Navbar/styles.css: Difference between revisions
Jump to navigation
Jump to search
en>Jdlrobson Migrate Navbar styles from Mobile.css |
m 1 revision imported |
||
(24 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
/* {{pp|small=yes}} */ | |||
.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: ' ]'; | |||
} | } | ||
.navbar li { | .navbar li { | ||
word-spacing: -0.125em; | word-spacing: -0.125em; | ||
} | } | ||
.navbar.mini | |||
.navbar a > span, | |||
.navbar a > abbr { | |||
text-decoration: inherit; | |||
} | |||
.navbar-mini abbr { | |||
font-variant: small-caps; | 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; | |||
} | } | ||
/* | |||
. | /* 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; | |||
} | |||
} | } |
Latest revision as of 12:19, 9 October 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;
}
/* 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;
}
}