Module:Navbar/styles.css: Difference between revisions

    From Nonbinary Wiki
    (clean)
    (ct full/mini)
    Line 32: Line 32:
    }
    }


    .navbar-c-title-full {
    .navbar-ct-full {
    font-size: 114%;
    font-size: 114%;
    margin: 0 7em;
    margin: 0 7em;
    }
    }


    .navbar-c-title-mini {
    .navbar-ct-mini {
    font-size: 114%;
    font-size: 114%;
    margin: 0 4em;
    margin: 0 4em;
    Line 50: Line 50:
    }
    }


    /* Navbar styling when nested in infobox and navbox */
    /* Navbar styling when nested in infobox and navbox
    /* Should consider having a separate TemplateStyles for those specific places
    Should consider having a separate TemplateStyles for those specific places
    using an infobox/navbox and a navbar, or possibly override from using template */
    using an infobox/navbox and a navbar, or possibly override from using template */
    .infobox .navbar {
    .infobox .navbar {

    Revision as of 08:21, 4 December 2020

    /* CSS below is common */
    .navbar {
    	display: inline;
    	font-size: 88%;
    	font-weight: normal;
    }
    
    .navbar ul {
    	display: inline-block;
    	white-space: nowrap;
    }
    
    .navbar-collapse {
    	float: left;
    	text-align: left;
    }
    
    .navbar-boxtext {
    	word-spacing: 0;
    }
    
    .navbar li {
    	word-spacing: -0.125em;
    }
    
    .navbar-lbracket {
    	margin-right: -0.125em;
    }
    
    .navbar-rbracket {
    	margin-left: -0.125em;
    }
    
    .navbar-ct-full {
    	font-size: 114%;
    	margin: 0 7em;
    }
    
    .navbar-ct-mini {
    	font-size: 114%;
    	margin: 0 4em;
    }
    
    .navbar.mini li abbr,
    .navbar.mini li span {
    	font-variant: small-caps;
    	border-bottom: none;
    	text-decoration: none;
    	cursor: inherit;
    }
    
    /* 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%;
    }
    
    .navbox .navbar {
    	display: block;
    	font-size: 100%;
    }
    
    .navbox-title .navbar {
    	/* @noflip */
    	float: left;
    	/* @noflip */
    	text-align: left;
    	/* @noflip */
    	margin-right: 0.5em;
    }
    
    body.skin-Minerva .navbox-title .navbar {
    	width: 6em; /* Why does mobile set this width? */
    }
    
    /* body.everyoneelse */ .mw-body-content .navbar ul {
    	line-height: inherit;
    }