Aternity Style Guide

A tab keeps related content in a single container that is shown and hidden through navigation.

Item One
Item Two
Item Three

Item One Content

				
.tabs{
    border-bottom: 1px solid #c7c7c7;
    font-family: tableau_book;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 16px;
} 	
	
.tabs:active{
    border-bottom: 3px solid #2980B9;
    font-family: tableau_bold;
    color: #000;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 16px;
} 	
	
.tabs:hover{
    border-bottom: 3px solid #2980B9;
    font-family: tableau_book;
    color: #2980B9;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 16px;
} 

			

Tabs