URL: https://blogs.sitepointstatic.com/examples/tech/pe/pe.css
/* page CSS */
body
{
font-family: sans-serif;
font-size: 90%;
margin: 20px;
}
h1
{
font-size: 1.6em;
font-weight: normal;
margin: 0 0 0.5em 0;
}
h2
{
font-size: 1.3em;
font-weight: normal;
margin: 2em 0 0.2em 0;
}
p { margin: 0 0 1em 0; }
a:link, a:visited { color: #00c; }
a:hover { color: #c00; }
/* tab control CSS: the tabs */
.tabs
{
position: relative;
bottom: -1px;
height: 20px;
list-style-type: none;
padding: 0;
margin: 0;
}
.tabs li
{
display: inline;
float: left;
padding: 0;
margin: 0 0 0 10px;
}
.tabs a
{
display: block;
width: 5em;
height: 18px;
line-height: 18px;
text-align: center;
text-decoration: none;
color: #555;
background-color: #ccc;
border: 1px solid #999;
outline: 0 none;
}
.tabs a.active, .tabs a:hover, .tabs a:focus, .tabs a:active
{
color: #222;
background-color: #fff;
border-bottom-color: #fff;
}
/* tab control CSS: tab box */
.tabcontent
{
width: 26em;
height: 10em;
margin: 0 0 2em 0;
border: 1px solid #999;
overflow: auto;
}
.tabcontent div
{
height: 10em;
margin: 0 10px;
}
.tabcontent div h2
{
padding-top: 10px;
margin-top: 0;
}
/* tab control CSS: JavaScript progressive enhancements */
.tabcontent.active
{
overflow: hidden;
}