Module:Navbar/styles.css: Difference between revisions

    From Nonbinary Wiki
    (add brackets in css)
     
    (9 intermediate revisions by one other user not shown)
    Line 1: Line 1:
    /* {{pp|small=yes}} */
    .navbar {
    .navbar {
    display: inline;
    display: inline;
    Line 12: Line 13:
    .navbar-boxtext {
    .navbar-boxtext {
    word-spacing: 0;
    word-spacing: 0;
    }
    .navbar ul {
    display: inline-block;
    white-space: nowrap;
    line-height: inherit;
    }
    }


    .navbar-brackets::before {
    .navbar-brackets::before {
    margin-right: -0.125em;
    margin-right: -0.125em;
    content: '[ ';
    content: '[ ';
    }
    }


    .navbar-brackets::after {
    .navbar-brackets::after {
    margin-left: -0.125em;
    margin-left: -0.125em;
    content: ' ]';
    content: ' ]';
    }
     
    .navbar-lbracket {
    margin-right: -0.125em;
    }
     
    .navbar-rbracket {
    margin-left: -0.125em;
    }
     
    .navbar ul {
    display: inline-block;
    white-space: nowrap;
    line-height: inherit;
    }
    }


    Line 42: Line 35:
    }
    }


    .navbar.mini li abbr,
    .navbar-mini abbr {
    .navbar.mini li span {
    font-variant: small-caps;
    font-variant: small-caps;
    border-bottom: none;
    border-bottom: none;
    Line 51: Line 43:


    .navbar-ct-full {
    .navbar-ct-full {
    font-size: 114%; /* marginally cheaper to have two rules of 114% */
    font-size: 114%;
    margin: 0 7em;
    margin: 0 7em;
    }
    }

    Latest revision as of 11:42, 21 May 2021

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