init

template/css/tables.css

@@ -0,0 +1,105 @@
+table.no-style {
+    border: none;
+    border-collapse: collapse;
+    padding: 0;
+    margin: 0;
+    background: none;
+}
+table.full {
+    width: 100%;
+}
+
+table.no-style td, table.no-style th {
+    background: none;
+    border: none;
+}
+
+table.datatable {
+    border: 1px solid #aaa;
+    border-collapse: separate;
+    border-spacing: 0;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -khtml-border-radius: 5px;
+    border-radius: 5px;
+}
+
+table.datatable thead th {
+    background: #f7f7f7;
+    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
+    background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);
+    -pie-background: linear-gradient(top,  #f7f7f7,  #e1e1e1);
+    color: #333;
+    text-shadow: 0 1px 0 #fff;
+    position: relative;
+}
+
+table.datatable thead th:first-child {
+    -moz-border-radius-topleft: 5px;
+    -webkit-border-top-left-radius: 5px;
+    -khtml-border-top-left-radius: 5px;
+    border-radius: 5px 0 0 0;
+}
+
+table.datatable thead th:last-child {
+    -moz-border-radius-topright: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -khtml-border-top-right-radius: 5px;
+    border-radius: 0 5px 0 0;
+}
+
+table.datatable tbody tr:last-child td:first-child {
+    -moz-border-radius-bottomleft: 5px;
+    -webkit-border-bottom-left-radius: 5px;
+    -khtml-border-bottom-left-radius: 5px;
+    border-radius: 0 0 0 5px;
+}
+
+table.datatable tbody tr:last-child td:last-child {
+    -moz-border-radius-bottomright: 5px;
+    -webkit-border-bottom-right-radius: 5px;
+    -khtml-border-bottom-right-radius: 5px;
+    border-radius: 0 0 5px 0;
+}
+
+table.datatable.no-border thead th:first-child, table.datatable.no-border thead th:last-child, table.datatable.no-border tbody tr:last-child td:first-child, table.datatable.no-border tbody tr:last-child td:last-child {
+    -moz-border-radius: 0 !important;
+    -webkit-border-radius: 0 !important;
+    -khtml-border-radius: 0 !important;
+    border-radius: 0 !important;
+}
+
+table.datatable th, table.datatable td {
+    padding: 5px;
+}
+
+table.datatable tbody tr:nth-child(odd) td {
+    background: #f9f9f9;
+}
+
+table.datatable.sortable {
+    table-layout: fixed;
+}
+
+table.datatable.sortable td.column-selected {
+    background: #ffffc0 !important;
+}
+
+table.datatable.sortable th a {
+    display: block;
+}
+table.datatable.sortable th a.sort-asc {
+    background: transparent url(../images/arrow-up.png) no-repeat right;
+}
+table.datatable.sortable th a.sort-desc {
+    background: transparent url(../images/arrow-down.png) no-repeat right;
+}
+
+table.datatable.selectable tbody tr.hover td, table.datatable.selectable tbody tr.selected td {
+    background: #ffffc0;
+}
+
+table.datatable tfoot tr td {
+    border-top: 1px solid #e1e1e1;
+    background: #f1f1f1;
+}