Added Tables

1 files changed, 98 insertions, 7 deletions

diff --git a/dist/mac/all.css b/dist/mac/all.css
index 736de73..1348417 100644
--- a/dist/mac/all.css
+++ b/dist/mac/all.css
@@ -1204,10 +1204,101 @@ h6 {
     height: 128px;
 }
 
-.thumbnail-small.selected, .thumbnail-medium.selected, .thumbnail-large.selected{
+.thumbnail-small.selected, .thumbnail-medium.selected, .thumbnail-large.selected {
     border: solid 2px #0063E1;
 }
 
+/* Tables */
+
+table {
+    width: 100%;
+    border: 0;
+    border-collapse: separate;
+    font-size: 12px;
+    text-align: left;
+}
+
+thead {
+    background-color: #F0F0F0;
+}
+
+tbody {
+    background-color: #fff;
+}
+
+.table-striped tr:nth-child(even) {
+    background-color: #F4F5F5;
+}
+
+tr:active, .table-striped tr:active:nth-child(even) {
+    color: #fff;
+    background-color: #116cd6;
+}
+
+tr.active, .table-striped tr.active:nth-child(even) {
+    color: #fff;
+    background-color: #116cd6;
+}
+
+thead tr:active {
+    color: #333;
+    background-color: #f5f5f4;
+}
+
+th {
+    font-size: 11px;
+    font-weight: 500;
+    border-right: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    padding: 4px 0px 4px 8px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+tr > td:first-child {
+    padding-left: 35px;
+}
+
+td > img {
+    height: 14px;
+    width: 15px;
+    margin-right: 5px;
+    margin-top: -2px;
+    position: relative;
+    top: 2px;
+}
+
+.iconed i {
+    font-size: 22px;
+    color: #7A7A7A;
+    line-height: 0px;
+    margin-right: 10px;
+    position: relative;
+    top: 3px;
+}
+
+.iconed > td:first-child {
+    padding-left: 16px !important;
+}
+
+td {
+    font-size: 12px;
+    font-weight: 400;
+    letter-spacing: -0.1px;
+    padding: 3px 0px 3px 8px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+td:empty::after{
+    content: "\00a0";
+}
+
+th:last-child, td:last-child {
+    border-right: 0;
+}
+
 /* Lists */
 
 .list {
@@ -1375,18 +1466,18 @@ textarea {
 }
 
 .pane-small {
-    max-width: 220px;
-    min-width: 150px;
+    width: 180px;
+    flex: none;
 }
 
 .pane-normal {
-    max-width: 320px;
-    min-width: 240px;
+    width: 240px;
+    flex: none;
 }
 
 .pane-large {
-    max-width: 480px;
-    min-width: 360px;
+    width: 360px;
+    flex: none;
 }
 
 .pane-one-fourth {