Template:Start tab/v2/styles.css

From Meta, a Wikimedia project coordination wiki
.tab-wrapper > ul {
	display: flex;
	margin: 0.5em 0 1em;
	padding: 0 3ex;
	border-bottom: 1px solid #99B3FF;
	
	flex-wrap: wrap;
	row-gap: 0.3em;
}

.tab-wrapper > ul > li {
	list-style: none;
	flex: auto;
	
	border: 1px solid #99B3FF;
	border-bottom: none;
	border-radius: .5em .5em 0 0;
	
	margin: 0 0.4ex;
	padding: 0.4em 0.5ex;
	font-size: 1.1em;
	background: #CEE0F2;
	text-align: center;
	
	/* Vertically align tab content */
	display: flex;
	align-items: center;
}
.tab-wrapper.no-radius > ul > li {
	border-radius: unset;
}

.tab-wrapper > ul > li > a {
	margin: auto;
}

.active-1 > ul > li:nth-child(1),
.active-2 > ul > li:nth-child(2),
.active-3 > ul > li:nth-child(3),
.active-4 > ul > li:nth-child(4),
.active-5 > ul > li:nth-child(5),
.active-6 > ul > li:nth-child(6) {
	background-color: transparent; font-weight:bold;
}