Module:Navbar/styles.css: Difference between revisions
From All Skies Encyclopaedia
imported>Izno (poke) |
imported>Izno (adj) |
||
(19 intermediate revisions by 3 users not shown) | |||
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; |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
Line 19: | Line 15: | ||
} |
} |
||
.navbar |
.navbar ul { |
||
⚫ | |||
word-spacing: -0.125em; |
|||
⚫ | |||
⚫ | |||
} |
} |
||
.navbar- |
.navbar-brackets::before { |
||
margin-right: -0.125em; |
margin-right: -0.125em; |
||
content: '[ '; |
|||
} |
} |
||
.navbar- |
.navbar-brackets::after { |
||
margin-left: -0.125em; |
margin-left: -0.125em; |
||
content: ' ]'; |
|||
} |
} |
||
.navbar |
.navbar li { |
||
word-spacing: -0.125em; |
|||
⚫ | |||
} |
} |
||
.navbar |
.navbar a > span, |
||
.navbar a > abbr { |
|||
⚫ | |||
text-decoration: inherit; |
|||
margin: 0 4em; |
|||
} |
} |
||
.navbar |
.navbar-mini abbr { |
||
⚫ | |||
font-variant: small-caps; |
font-variant: small-caps; |
||
border-bottom: none; |
border-bottom: none; |
||
Line 49: | Line 47: | ||
} |
} |
||
.navbar-ct-full { |
|||
/* Navbar styling when nested in infobox and navbox |
|||
⚫ | |||
Should consider having a separate TemplateStyles for those specific places |
|||
⚫ | |||
using an infobox/navbox and a navbar, or possibly override from using template */ |
|||
.infobox .navbar { |
|||
font-size: 100%; |
|||
} |
} |
||
.navbar-ct-mini { |
|||
font-size: 114%; |
|||
margin: 0 4em; |
|||
} |
} |
||
/* not the usual @media screen, we simply remove navbar in @media print */ |
|||
.navbox-title .navbar { |
|||
html.skin-theme-clientpref-night .navbar li a abbr { |
|||
/* @noflip */ |
|||
color: var(--color-base) !important; |
|||
float: left; |
|||
/* @noflip */ |
|||
text-align: left; |
|||
/* @noflip */ |
|||
margin-right: 0.5em; |
|||
} |
} |
||
@media (prefers-color-scheme: dark) { |
|||
body.skin-Minerva .navbox-title .navbar { |
|||
html.skin-theme-clientpref-os .navbar li a abbr { |
|||
width: 6em; /* Why does mobile set this width? */ |
|||
color: var(--color-base) !important; |
|||
⚫ | |||
} |
} |
||
@media print { |
|||
/* body.everyoneelse */ .mw-body-content .navbar ul { |
|||
⚫ | |||
⚫ | |||
display: none !important; |
|||
} |
|||
} |
} |
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;
}
}