Agentpedia

Module:Navbar/styles.css: Difference between revisions

← Older edit
en>Izno
m Izno moved page Template:Navbar/styles.css to Module:Navbar/styles.css without leaving a redirect: navbar is implemented in module space
m 5 revisions imported
 
(28 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/* CSS below is common */
/* {{pp|small=yes}} */
.navbar {
.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;
}
}


Line 9: Line 18:
display: inline-block;
display: inline-block;
white-space: nowrap;
white-space: nowrap;
line-height: inherit;
}
}


body.skin-Minerva .navbar ul {
.navbar-brackets::before {
display: inline; /* why does mobile differ here? */
margin-right: -0.125em;
content: '[ ';
}
 
.navbar-brackets::after {
margin-left: -0.125em;
content: ' ]';
}
}


Line 18: Line 34:
word-spacing: -0.125em;
word-spacing: -0.125em;
}
}
/*
Space reserved for remaining common fixes.
*/


/* Navbar styling when nested in infobox and navbox */
.navbar a > span,
/* Should consider having a separate TemplateStyles for those specific places
.navbar a > abbr {
using an infobox/navbox and a navbar */
text-decoration: inherit;
.infobox .navbar {
font-size: 100%;
}
}


.navbox .navbar {
.navbar-mini abbr {
display: block;
font-variant: small-caps;
font-size: 100%;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}
}


.navbox-title .navbar {
.navbar-ct-full {
/* @noflip */
font-size: 114%;
float: left;
margin: 0 7em;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}
}


body.skin-Minerva .navbox-title .navbar {
.navbar-ct-mini {
width: 6em; /* Why does mobile set this width? */
font-size: 114%;
margin: 0 4em;
}
}


/* CSS below is from Common.css */
/* not the usual @media screen, we simply remove navbar in @media print */
.mw-body-content .navbar ul {
html.skin-theme-clientpref-night .navbar li a abbr {
line-height: inherit; /* Why is this missing in Minerva? */
color: var(--color-base) !important;
}
}
.navbar.mini li abbr[title] { /* Not entirely certain why this is restricted to abbr with title; all abbrs must have a title */


font-variant: small-caps;
@media (prefers-color-scheme: dark) {
/* Below 3 rules missing from Minerva */
html.skin-theme-clientpref-os .navbar li a abbr {
border-bottom: none;
color: var(--color-base) !important;
text-decoration: none;
}
cursor: inherit;
}
}


/* CSS below is from Mobile.css */
@media print {
.navbar.mini li span {
.navbar {
font-variant: small-caps; /* This just looks like it missed the update to abbr */
display: none !important;
}
}
}
Retrieved from "https://agentpedia.tmafe.com/wiki/Module:Navbar/styles.css"