Module:Navbar/styles.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
(move text-decoration:inherit to TemplateStyles) |
m (1 revision imported) |
||
| (6 intermediate revisions by 5 users not shown) | |||
| Line 57: | Line 57: | ||
} |
} |
||
| + | /* not the usual @media screen, we simply remove navbar in @media print */ |
||
| − | /* Navbar styling when nested in infobox and navbox |
||
| + | html.skin-theme-clientpref-night .navbar li a abbr { |
||
| − | Should consider having a separate TemplateStyles for those specific places |
||
| + | color: var(--color-base) !important; |
||
| − | using an infobox/navbox and a navbar, or possibly override from using template */ |
||
| ⚫ | |||
| − | font-size: 100%; |
||
} |
} |
||
| + | @media (prefers-color-scheme: dark) { |
||
| − | .navbox .navbar { |
||
| + | html.skin-theme-clientpref-os .navbar li a abbr { |
||
| − | display: block; |
||
| + | color: var(--color-base) !important; |
||
| − | font-size: 100%; |
||
| + | } |
||
} |
} |
||
| + | @media print { |
||
| − | .navbox-title .navbar { |
||
| ⚫ | |||
| − | /* @noflip */ |
||
| + | display: none !important; |
||
| − | float: left; |
||
| + | } |
||
| − | /* @noflip */ |
||
| − | text-align: left; |
||
| − | /* @noflip */ |
||
| − | margin-right: 0.5em; |
||
} |
} |
||
Latest revision as of 12:30, 23 August 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;
}
}