theme-table css design

 //drupal-7 theme-table css design

table {
  border: none;
  margin: 1em 0 2em;
  width: 100%;
}
table thead th {
  background: #f4f7f8;
  border-bottom: 1px solid #b6cad0;
  color: #3e474d;
  text-shadow: 0 1px 0 white;
  padding-right: 1em;
  text-align: left;
}
table thead th:first-child {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
}
table thead th:last-child {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
table thead th.active {
  background: #e4ecee;
}
table thead th.active img {
  display: inline;
  padding-left: 5px;
}
table tbody {
  border-top: 1px solid #d0d7d9;
}
table tr.even, table tr.odd {
  border: none;
  padding: 0;
}
table tr td {
  border-top: 1px solid white;
}
table tr td.active {
  background: #f4f7f8;
}
table tr.odd td, table tr.even td, table tr.info td {
  border-bottom: 1px solid #d5dcde;
  background: white;
}
table tr.even td {
  background: #fafbfb;
}
table tr.ok td {
  background: #f1fbea;
  border-bottom: 1px solid #c6eca7;
}
table tr.warning td {
  background: #fcf9e0;
  border-bottom: 1px solid #eedd55;
}
table tr.error td {
  background: #fef4f5;
  border-bottom: 1px solid #f8a9aa;
}
table tr.drag td {
  background: #fefced;
  border-bottom: 1px solid #f7f0b2;
}
table tr.selected td, table tr.drag-previous td {
  background: #fffbdd;
  border-bottom: 1px solid #f3e683;
}
table th, table td {
  padding: 0.7em;
}
table th.checkbox, table td.checkbox {
  text-align: center;
}

.tabledrag-toggle-weight {
  font-size: 0.9em;
}