Github-like style for tree view

1 files changed, 45 insertions, 0 deletions

diff --git a/cgit.css b/cgit.css
index ae41951..183343f 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,3 +1,5 @@
+@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
+
 @font-face {
   font-family: 'Source Code Pro';
   font-style: normal;
@@ -570,11 +572,54 @@ body {
     border: none;
 }
 
+#cgit .list a:active {
+    outline: none;
+}
+
 #cgit .list[summary="tree listing"] td:first-child,
 #cgit .list[summary="tree listing"] td:last-child {
     width: 1%;
 }
 
+#cgit .list[summary="tree listing"] {
+    border: 1px solid #CCC;
+    width: 700px;
+    margin: auto;
+}
+
+#cgit .list[summary="tree listing"] th {
+    background-image: linear-gradient(#FAFAFA, #EAEAEA);
+    padding: 0.3em 1em;
+    border-bottom: 1px solid #CCC;
+}
+
+#cgit .list[summary="tree listing"] td {
+    border-bottom: 1px solid #eee;
+}
+
+#cgit .list[summary="tree listing"] tr:last-child td {
+    border-bottom: none;
+}
+
+#cgit .list[summary="tree listing"] .ls-blob:before {
+    content: "\f0f6";
+    width: 1.2em;
+    display:inline-block;
+    color: #666;
+    line-height: 1;
+    font-family: FontAwesome;
+}
+
+#cgit .list[summary="tree listing"] .ls-dir:before {
+    content: "\f07b";
+    margin-right: 0.1em;
+    display: inline-block;
+    width: 1.2em;
+    color: #4183C4;
+    line-height: 1;
+    font-family: FontAwesome;
+}
+
 #cgit .list .ls-mode + td > a {
     color: inherit;
 }