თარგი:საერთო სტილი/layout/styles.css

.tabs ul {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0;
}

.tabs li {
	list-style: none;
	flex: auto;
	padding: 0.1em 1ex;
	text-align: center;
	margin: 0.1em 0.1ex;
	border-bottom: 3px solid green;
	font-size: 1.4em;
	background-color: lightblue;
}

.tabs li:nth-child(1) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(2) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(3) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(4) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(5) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(6) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(7) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(8) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(9) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(10) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }
.tabs li:nth-child(11) { background-color: #D4CBCB; border-bottom: 3px #F22E20 solid; }

.tabs.active-1 li:nth-child(1) { background: none; border-bottom-width: 10px; }
.tabs.active-2 li:nth-child(2) { background: none; border-bottom-width: 10px; }
.tabs.active-3 li:nth-child(3) { background: none; border-bottom-width: 10px; }
.tabs.active-4 li:nth-child(4) { background: none; border-bottom-width: 10px; }
.tabs.active-5 li:nth-child(5) { background: none; border-bottom-width: 10px; }
.tabs.active-6 li:nth-child(6) { background: none; border-bottom-width: 10px; }
.tabs.active-7 li:nth-child(7) { background: none; border-bottom-width: 10px; }
.tabs.active-8 li:nth-child(8) { background: none; border-bottom-width: 10px; }
.tabs.active-9 li:nth-child(9) { background: none; border-bottom-width: 10px; }
.tabs.active-10 li:nth-child(10) { background: none; border-bottom-width: 10px; }
.tabs.active-11 li:nth-child(11) { background: none; border-bottom-width: 10px; }