. gridtable {border:solid #ccc 1px; -moz-border-radius:6px; -webkit-border-radius:6px; Border-radius:6px; -webkit-box-shadow:01px 1px #ccc; -moz-box-shadow:01px 1px #ccc; Box-shadow:01px 1px #ccc; }. gridtable Tr:hover {background: #fbf8e9; -o-transition:all 0.1s ease-inch-Out ; -webkit-transition:all 0.1s ease-inch-Out ; -moz-transition:all 0.1s ease-inch-Out ; -ms-transition:all 0.1s ease-inch-Out ; Transition:all0.1s ease-inch-Out ; }. gridtable td,. gridtable TH {Border-left:1px solid #ccc; Border-top:1px solid #ccc; padding:10px; Text-Align:left; }. gridtable th {background-color: #dce9f9; Background-image:-webkit-gradient (linear, left top, left bottom, from (#ebf3fc), to (#dce9f9)); Background-image:-webkit-linear-gradient (top, #ebf3fc, #dce9f9); Background-image:-moz-linear-gradient (top, #ebf3fc, #dce9f9); Background-image:-ms-linear-gradient (top, #ebf3fc, #dce9f9); Background-image:-o-linear-gradient (top, #ebf3fc, #dce9f9); Background-image:linear-gradient (top, #ebf3fc, #dce9f9); -webkit-box-shadow:0 1px 0 Rgba (255,255,255,.8) inset; -moz-box-shadow:0 1px 0 Rgba (255,255,255,.8) inset; Box-shadow:0 1px 0 Rgba (255,255,255,.8) inset; Border-Top:none; Text-shadow:0 1px 0 Rgba (255,255,255,.5); }. gridtable Td:first-child,. Gridtable th:first-Child {Border-Left:none;} . gridtable Th:first-Child {-MOZ-BORDER-RADIUS:6PX 0 0 0; -WEBKIT-BORDER-RADIUS:6PX 0 0 0; Border-RADIUS:6PX 0 0 0;} . gridtable Th:last-Child {-moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0; Border-radius:0 6px 0 0;} . gridtable th:only-child{-MOZ-BORDER-RADIUS:6PX 6px 0 0; -WEBKIT-BORDER-RADIUS:6PX 6px 0 0; Border-RADIUS:6PX 6px 0 0;} . gridtable Tr:last-child td:first-Child {-moz-border-radius:0 0 06px; -webkit-border-radius:0 0 06px; Border-radius:0 0 06px;} . gridtable Tr:last-child td:last-Child {-moz-border-radius:0 0 6px 0; -webkit-border-radius:0 0 6px 0; Border-radius:0 0 6px 0;} /*----------------------*/. Zebra td,. zebra TH {padding:10px; Border-bottom:1px solid #f2f2f2; }. Zebra Tbody tr:nth-Child (even) {background: #f5f5f5; -webkit-box-shadow:0 1px 0 Rgba (255,255,255,.8) inset; -moz-box-shadow:0 1px 0 Rgba (255,255,255,.8) inset; Box-shadow:0 1px 0 Rgba (255,255,255,.8) inset; }. Zebra th {text-Align:left; Text-shadow:0 1px 0 Rgba (255,255,255,.5); Border-bottom:1px solid #ccc; Background-color: #eee; Background-image:-webkit-gradient (linear, left top, left bottom, from (#f5f5f5), to (#eee)); Background-image:-webkit-linear-gradient (top, #f5f5f5, #eee); Background-image:-moz-linear-gradient (top, #f5f5f5, #eee); Background-image:-ms-linear-gradient (top, #f5f5f5, #eee); Background-image:-o-linear-gradient (top, #f5f5f5, #eee); Background-image:linear-gradient (top, #f5f5f5, #eee);} . Zebra Th:first-Child {-MOZ-BORDER-RADIUS:6PX 0 0 0; -WEBKIT-BORDER-RADIUS:6PX 0 0 0; Border-RADIUS:6PX 0 0 0; }. Zebra Th:last-Child {-moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0; Border-radius:0 6px 0 0;} . Zebra Th:only-child{-MOZ-BORDER-RADIUS:6PX 6px 0 0; -WEBKIT-BORDER-RADIUS:6PX 6px 0 0; Border-RADIUS:6PX 6px 0 0;} . Zebra Tfoot td {Border-bottom:0; Border-top:1px solid #fff; Background-color: #f1f1f1; }. Zebra Tfoot td:first-Child {-moz-border-radius:0 0 06px; -webkit-border-radius:0 0 06px; Border-radius:0 0 06px;} . Zebra tfoot Td:last-Child {-moz-border-radius:0 0 6px 0; -webkit-border-radius:0 0 6px 0; Border-radius:0 0 6px 0;} . Zebra tfoot td:only-child{-moz-border-radius:0 06px 6px; -webkit-border-radius:0 06px 6px Border-radius:0 06px 6px}
Css-table.css