Template:Navbox/styles.css: Difference between revisions
Template page
More actions
Generalise ranks-specific CSS into shared navbox classes |
m Equalise navbox top/bottom padding; keep titleicon glued to title, shrink instead of wrap |
||
| Line 2: | Line 2: | ||
text-align: center; | text-align: center; | ||
border-top: 1px solid rgba(255, 255, 255, .08); | border-top: 1px solid rgba(255, 255, 255, .08); | ||
padding: . | /* Top padding looks small next to the bottom gap at a glance because it's | ||
the only one of the two paying for .loka-infobox's own separate | |||
padding-bottom (.6em, in THAT element's larger font-size context) -- | |||
1.3em here (in this element's own smaller .8em-scaled context) is the | |||
value that actually lands the two gaps at equal pixel heights, not .5em. */ | |||
padding: 1.3em .6em .55em; | |||
font-size: .8em; | font-size: .8em; | ||
} | } | ||
Latest revision as of 10:06, 22 August 2026
.loka-navbox {
text-align: center;
border-top: 1px solid rgba(255, 255, 255, .08);
/* Top padding looks small next to the bottom gap at a glance because it's
the only one of the two paying for .loka-infobox's own separate
padding-bottom (.6em, in THAT element's larger font-size context) --
1.3em here (in this element's own smaller .8em-scaled context) is the
value that actually lands the two gaps at equal pixel heights, not .5em. */
padding: 1.3em .6em .55em;
font-size: .8em;
}
.loka-navbox-group + .loka-navbox-group {
margin-top: .4em;
}
.loka-navbox-title {
display: block;
font-size: .78em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .03em;
opacity: .65;
margin-bottom: .3em;
}
.loka-navbox-links {
line-height: 1.5;
}
@media (prefers-color-scheme: light) {
.loka-navbox {
border-top-color: rgba(0, 0, 0, .1);
}
}