Module:Navbar/styles.css: Difference between revisions
From All Skies Encyclopaedia
imported>Izno m (Protected "Module:Navbar/styles.css": Highly visible template: match to parent ([Edit=Require administrator access] (indefinite) [Move=Require administrator access] (indefinite))) |
imported>Izno (adj) |
||
(9 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* {{pp|small=yes}} */ |
|||
.navbar { |
.navbar { |
||
display: inline; |
display: inline; |
||
Line 34: | Line 35: | ||
} |
} |
||
.navbar |
.navbar a > span, |
||
.navbar |
.navbar a > abbr { |
||
text-decoration: inherit; |
|||
} |
|||
.navbar-mini abbr { |
|||
font-variant: small-caps; |
font-variant: small-caps; |
||
border-bottom: none; |
border-bottom: none; |
||
Line 52: | 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 02:07, 9 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;
}
}