Module:Navbar/styles.css: Difference between revisions

From Random Island Wiki
Jump to navigation Jump to search
>Izno
(poke)
m (1 revision imported)
 
(19 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS below is common */
/* {{pp|small=yes}} */
.navbar {
.navbar {
display: inline;
display: inline;
Line 6: Line 6:
}
}


.navbar ul {
.navbar-collapse {
display: inline-block;
float: left;
white-space: nowrap;
text-align: left;
}
}


body.skin-Minerva .navbar ul {
.navbar-boxtext {
display: inline; /* why does mobile differ here? */
word-spacing: 0;
}
}


.navbar li {
.navbar ul {
word-spacing: -0.125em;
display: inline-block;
}
white-space: nowrap;
/*
line-height: inherit;
Space reserved for remaining common fixes.
 
 
 
 
*/
 
/* 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 */
.infobox .navbar {
font-size: 100%;
}
}


.navbox .navbar {
.navbar-brackets::before {
display: block;
margin-right: -0.125em;
font-size: 100%;
content: '[ ';
}
}


.navbox-title .navbar {
.navbar-brackets::after {
/* @noflip */
margin-left: -0.125em;
float: left;
content: ' ]';
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}
}


body.skin-Minerva .navbox-title .navbar {
.navbar li {
width: 6em; /* Why does mobile set this width? */
word-spacing: -0.125em;
}
}


/* CSS below is from Common.css */
.navbar a > span,
.mw-body-content .navbar ul {
.navbar a > abbr {
line-height: inherit; /* Why is this missing in Minerva? */
text-decoration: inherit;
}
}
.navbar.mini li abbr[title] { /* Not entirely certain why this is restricted to abbr with title; all abbrs must have a title */


.navbar-mini abbr {
font-variant: small-caps;
font-variant: small-caps;
/* Below 3 rules missing from Minerva */
border-bottom: none;
border-bottom: none;
text-decoration: none;
text-decoration: none;
Line 64: Line 47:
}
}


/* CSS below is from Mobile.css */
.navbar-ct-full {
.navbar.mini li span {
font-size: 114%;
font-variant: small-caps; /* This just looks like it missed the update to abbr */
margin: 0 7em;
}
 
.navbar-ct-mini {
font-size: 114%;
margin: 0 4em;
}
}

Latest revision as of 15:54, 2 October 2022

/* {{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;
}