Module:Navbar/styles.css: Difference between revisions

    From Nonbinary Wiki
    m (Izno moved page Template:Navbar/styles.css to Module:Navbar/styles.css without leaving a redirect: navbar is implemented in module space)
     
    (16 intermediate revisions by one other user 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;
    }
    .navbar-brackets::before {
    margin-right: -0.125em;
    content: '[ ';
    }
    }


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


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


    .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
    /* Navbar styling when nested in infobox and navbox */
    using an infobox/navbox and a navbar, or possibly override from using template */
    /* Should consider having a separate TemplateStyles for those specific places
    using an infobox/navbox and a navbar */
    .infobox .navbar {
    .infobox .navbar {
    font-size: 100%;
    font-size: 100%;
    Line 45: Line 71:
    /* @noflip */
    /* @noflip */
    margin-right: 0.5em;
    margin-right: 0.5em;
    }
    body.skin-Minerva .navbox-title .navbar {
    width: 6em; /* Why does mobile set this width? */
    }
    /* CSS below is from Common.css */
    .mw-body-content .navbar ul {
    line-height: inherit; /* Why is this missing in Minerva? */
    }
    .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;
    /* Below 3 rules missing from Minerva */
    border-bottom: none;
    text-decoration: none;
    cursor: inherit;
    }
    /* CSS below is from Mobile.css */
    .navbar.mini li span {
    font-variant: small-caps; /* This just looks like it missed the update to abbr */
    }
    }

    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;
    }