tables.css in zen-0.2.8

- old
+ new

@@ -1,29 +1,26 @@
 @charset "UTF-8";
 
-/**
-* Tables
-*
-* @author Yorick Peterse
-* @since  0.1
-*/
 table
 {
     border:          1px solid #aaa;
     border-collapse: separate;
     width:           100%;
     text-align:      left;
 }
 
     table thead
     {
-        background:      #ddd;
+        background: #ddd;
     }
 
         table thead tr th
         {
-            background:    #ddd -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#eee));
+            background: #ddd -webkit-gradient(
+                linear, left bottom, left top,from(#ddd), to(#eee)
+            );
+
             background:    #ddd -moz-linear-gradient(bottom, top, #ddd, #eee);
             border-top:    1px solid #fff;
             border-right:  1px solid #aaa;
             border-bottom: 1px solid #aaa;
             text-shadow:   1px 1px #fff;
@@ -32,20 +29,51 @@
         table thead tr th:last-child, table tbody tr td:last-child
         {
             border-right:  none;
         }
 
+        /* Styles used to indicate the sort order of a column */
+        table thead tr th div
+        {
+            background:   url('../../images/zen/icons/asc.png')
+                no-repeat center right;
+
+            cursor:        pointer;
+            margin-right:  -5px;
+            padding-right: 30px;
+
+            /* VENDOR PREFIXES, AWESOME! */
+            user-select:         none;
+            -webkit-user-select: none;
+            -khtml-user-select:  none;
+            -moz-user-select:    none;
+            -o-user-select:      none;
+        }
+
+        table thead tr th.desc
+        {
+            background: #ddd;
+        }
+
+            table thead tr th.desc div
+            {
+                background:   url('../../images/zen/icons/desc.png')
+                    no-repeat center right!important;
+            }
+
         table thead tr th, table tbody tr td
         {
-            padding: 4px 10px 2px 10px;
+            padding:        2px 10px;
+            vertical-align: middle;
         }
 
-        .table thead tr th:first-child, .table tbody tr td:first-child
+        table thead tr th:first-child, table tbody tr td:first-child
         {
             width: 15px;
         }
 
-        .table thead tr th:first-child input[type="checkbox"], .table tbody tr td:first-child input[type="checkbox"]
+        table thead tr th:first-child input[type="checkbox"],
+        table tbody tr td:first-child input[type="checkbox"]
         {
             margin-top: 3px;
         }
 
     table tr.odd