.wrap{
background:#333;
width: 900px;
margin: 10px auto;
}
/*bagian header*/
.wrap .header{
background:#333;
/*height: 50px;*/
padding: 2px 15px;
font:"Arial Black", Gadget, sans-serif;
background-image:url(list.png)
}
/*akhir header*/
/*bagian menu*/
.wrap .menu{
background: yellow;
}
.wrap .menu ul{
padding: 0;
margin: 0;
background: yellow;
overflow: hidden;
}
.wrap .menu ul li{
float: left;
list-style-type: none;
padding: 10px;
}
/*akhir menu*/
.clear{
clear: both;
}
.badan{
height: 850px;
}
/*bagian sidebar*/
.wrap .badan .sidebar{
background:#666;
font-size:18px;
float: left;
width: 25%;
height: 100%;
text-align:left;
}
/*akhir sidebar*/
.wrap .badan .content{
background:#333;
float: left;
height: 100%;
width: 75%;
}
.wrap .footer{
width: 100%;
padding: 10px;
}
h2
{
position:absolute;
left:910px;
top:330px;
}
/*body*/
body{
background:#333;
color: white;
background:url(town.png)
}
tbody > tr:nth-child(2n+1) > td, tbody > tr:nth-child(2n+1) > th {
background-color:#333;
}
table{
width: 95%;
margin: auto;
border-collapse: collapse;
box-shadow: darkgrey 3px;
font-size:12px;
}
thead tr {
background-color: #36c2ff;
}