Module:Navbox/div/styles.css

    From Nonbinary Wiki
    < Module:Navbox‎ | div
    Revision as of 16:33, 17 July 2024 by U9000 (talk | contribs) (Add Module:Navbox/div/styles.css per module requirements on English Wikipedia)
    (diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
    .navbox-div {
    	box-sizing: border-box;
    	border: 1px solid #a2a9b1;
    	clear: both;
    	font-size: 88%;
    	padding: 3px;
    	margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
    }
    
    .navbox-div .navbox-div {
    	margin-top: 0; /* No top margin for nested navboxes */
    }
    
    .navbox-div + .navbox-div-styles + .navbox-div {
    	margin-top: -1px; /* Single pixel border between adjacent navboxes */
    }
    
    .navbox-div-title {
    	font-size: 114%;
    }
    
    .navbox-div .mw-collapsible-toggle {
    	padding-right: 1em;
    }
    
    .navbox-div-group,
    .navbox-div-title-and-bar,
    .navbox-div-abovebelow {
    	padding: 0.25em 1em;
    	line-height: 1.5em;
    	text-align: center;
    }
    
    .navbox-div-group,
    .navbox-div-title,
    .navbox-div-subgroup {
    	font-weight: bold;
    }
    
    .navbox-div,
    .navbox-div-subgroup {
    	background-color: #fdfdfd;
    }
    
    .navbox-div-list {
    	line-height: 1.5em;
    	border-color: #fdfdfd; /* Must match background color */
    	padding: 0 0.25em
    }
    
    /* cell spacing for navbox cells */
    /* Borders above 2nd, 3rd, etc. rows */
    .navbox-div-abovebelow,
    .navbox-div-image,
    .navbox-div-leftimage,
    .navbox-div-lists > div {
    	border-top: 2px solid #fdfdfd; /* Must match background color */
    	margin-top: 2px;
    }
    
    .navbox-div-abovebelow:first-child,
    .navbox-div-image:first-child,
    .navbox-div-leftimage:first-child,
    .navbox-div-lists > div:first-child {
    	border-top: none;
    }
    
    .navbox-div-image,
    .navbox-div-leftimage {
    	text-align: center;
    }
    
    
    .navbox-div-title-and-bar {
    	background-color: #ccf; /* Level 1 color */
    }
    
    .navbox-div-abovebelow,
    .navbox-div-group,
    .navbox-div-subgroup .navbox-div-title-and-bar {
    	background-color: #ddf; /* Level 2 color */
    }
    
    .navbox-div-subgroup .navbox-div-group,
    .navbox-div-subgroup .navbox-div-abovebelow {
    	background-color: #e6e6ff; /* Level 3 color */
    }
    
    .navbox-div-even {
    	background-color: #f7f7f7;
    }
    
    .navbox-div-odd {
    	background-color: transparent;
    }
    
    .navbox-div .hlist dl,
    .navbox-div .hlist ol,
    .navbox-div .hlist ul {
    	padding: 0.125em 0;
    }
    
    .navbox-div .navbar {
    	font-size: 100%;
    	/* @noflip */
    	text-align: left;
    }
    
    @media (min-width: 720px) {
    	.navbox-div {
    		text-align: center;
    	}
    
    	.navbox-div.mw-collapsible .navbox-div-title {
    		margin: 0 4em;
    	}
    
    	.navbox-div-group {
    		white-space: nowrap;
    		justify-content: flex-end;
    	}
    	
    	/* why are these two separate rules now?) */
    	.navbox-div .navbar {
    		display: block;
    		/* @noflip */
    		float: left;
    		/* @noflip */
    		margin-right: 0.5em;
    	}
    
    	.navbox-div-list-with-group {
    		text-align: left;
    		border-left-width: 2px;
    		border-left-style: solid;
    	}
    	
    	.navbox-div-main {
    		display: flex;
    	}
    	
    	.navbox-div-image,
    	.navbox-div-leftimage {
    		align-self: center;
    	}
    	
    	.navbox-div-lists {
    		display: grid;
    		grid-template-columns: auto 1fr;
    		flex: 1;
    		align-items: stretch;
    	}
    	
    	.navbox-div-list-groupless {
    		grid-column: 1/3;
    		justify-content: center;
    	}
    	
    	.navbox-div-lists > div {
    		display: flex;
    		align-items: center;
    	}
    	
    	
    	
    }