main.css

body{
	width: 100%;
	height: 100%;
	background-color: #000;
}
.container{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 2%;
}
.nav-tabs > li {
    position:relative;
}
.nav-tabs > li > a {
    display:inline-block;
    padding: 2px 5px 5px 5px;
    border: none;
    border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-size: 12px;
}

.nav-tabs > li > span {
    display:none;
    cursor:pointer;
    position:absolute;
    right: 5px;
    top: 2px;
}
.nav-tabs > li:hover > span {
    display: inline-block;
}

a, a:hover, a:active, a:visited, a:focus{
	color: #fff;
	height: 25px;
	font-weight: bold;
	width: 100%;
}

ul li{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	height: 25px;
	width: 10%;
	text-align: center;
	color: #ffffff;
}
ul li:nth-child(1){
	background-color: #E74C3C;
}
ul li:nth-child(2){
	background-color: #99ccff;
}
ul li:nth-child(3){
	background-color: #ffff99;
}

ul li:nth-child(4){
	background-color: #F5AB35;
}
ul li:nth-child(5){
	background-color: #ff884d;
}
ul li:nth-child(6){
	background-color: #EF4836;
}
ul li:nth-child(7){
	background-color: #4d4d00;
}
ul li:nth-child(8){
	background-color:#FFCC99;
}
ul li:nth-child(9){
	background-color: #ffccff;
}
ul li:nth-child(10){
	background-color: #29a3a3;
}