tree view pollished

diff --git a/app/assets/stylesheets/tree.scss b/app/assets/stylesheets/tree.scss
index 6a6da26..63887a3 100644 (file)
--- a/app/assets/stylesheets/tree.scss
+++ b/app/assets/stylesheets/tree.scss
@@ -39,18 +39,28 @@
 
   .view_file .view_file_header,
   .diff_file .diff_file_header {
-    background:#f5f5f5;
+    border-bottom: 1px solid #bbb;
+    background:#eee;
+    background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
+    background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
+    background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
+    background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
     margin: 0;
     font-weight: normal;
     font-weight: bold;
     text-align: left;
     color: #666;
-    border-bottom: 1px solid #ccc;
-    padding: 7px 10px;
+    padding: 9px 10px;
+    height:18px;
 
     .mode_text,
     .file_icon { 
-      color:#aaa;
+      color:#777;
+    }
+
+    .file_name { 
+      color:#474D57;
+      text-shadow: 0 1px 1px #fff;
     }
   }
 
@@ -128,7 +138,7 @@
     border:none;
 
     a { 
-      color:#666;
+      color:#474D57;
       font-weight:bold;
       font-size:14px;
     }
@@ -137,14 +147,27 @@
   #tree-slider { 
     @include shade;
 
+    border-color:#ccc;
+
     td { 
       padding:7px;
       border-color:#f1f1f1;
+      background:#fafafa;
+    }
+
+    tr:first-child td:first-child, 
+    tr:first-child td:last-child { 
+      border-radius:0;
     }
 
     th { 
-      background:#f5f5f5;
-      border-color:#f1f1f1;
+      border-color: #CCC;
+      border-bottom: 1px solid #bbb;
+      background:#eee;
+      background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
+      background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
+      background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
+      background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
     }
   }