Update index_box punBB with CSS

Hello, my english very bad but the images speaks for me

1. index_box default template



2. index_box customized css



Hope you like this

Code:

.main-content {
   background-color: #ddd5c4!important;
   padding: 5px!important;
   padding-top: 6px!important;
   border: 1px solid #bbb!important;
   margin-bottom: 10px;
   border-top: 1px solid #23282e!important;
}

.main-head {
   background: #22272D url() repeat-x top!important;
   border: 1px solid #23282e;
   box-shadow: inset 0 1px 0 #525d6a;
   color: #fff!important;
}

.pun table.table td {
   background: none!important;
}

.pun table.table th {
   background: #fdd2a4!important;
   border-bottom: 1px solid #e2ba90!important;
   border-top: 1px solid #ffe4c8!important;
   color: #ca7316!important;
   font-family: tahoma;
   font-size: 12px;
   font-weight: 600;
}

.pun table.table tr:nth-child(odd) {
   background-color: #eee!important;
   border-right: 1px solid #ddd!important;
   border-bottom: 1px solid #fff!important;
}

.pun table.table tr:nth-child(even) {
   background-color: #f8f8f8!important;
   border-right: 1px solid #ddd!important;
   border-top: 1px solid #ddd!important;
}

.pun table .tcr {
   width: 240px!important;
}

.pun .table .tc2,
.pun .table .tc3 {
   width: 52px!important;
}

span.status img {
   position: relative!important;
   left: 680px!important;
}

td.tcl img {
   margin-left: -36px;
}

td.tcl.tdtopics {
   padding-left: 10px!important;
}

td.tcl.tdtopics img {
   margin: 0 2px!important;
}


Looks like a MyBB style (In any perspective).
Thanks for sharing