1 files changed, 33 insertions, 2 deletions
diff --git a/static/style.css b/static/style.css
index 2ce7fa8..2e1db2a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,12 +1,41 @@
 * {
     box-sizing: border-box;
 }
+
+/* tree */
 body > table {
     width: 100%;
 }
 body > table tr > td:nth-child(3) {
     text-align: right;
 }
+body > table tr:hover {
+    box-shadow: inset 0 0 0 1px #bcd;
+}
+
+/* Make room for 4 16x16 icon on the left, with 5px padding on either
+ * side */
+body > table tr td:first-of-type {
+    padding-left: 24px;
+    background-size: 14px 16px;
+    background-repeat: no-repeat;
+    background-position: 5px 5px;
+    margin-left: 20px;
+}
+body > table tr.tree td:first-of-type {
+    background-image: url("/static/octicons/lib/svg/file-directory.svg");
+}
+body > table tr.tree.parent td:first-of-type {
+    background-image: url("/static/octicons/lib/svg/arrow-up.svg");
+}
+body > table tr.blob td:first-of-type {
+    background-image: url("/static/octicons/lib/svg/file.svg");
+}
+body > table tr.commit td:first-of-type {
+    background-image: url("/static/octicons/lib/svg/file-submodule.svg");
+}
+
+/* blob */
 body > form {
     display: block;
     border: solid 1px black;
@@ -35,6 +64,7 @@ input[type=file] {
     border-radius: 4px;
 }
 
+/* misc */
 kbd, code, samp, tt, pre {
     background: #DDDDFF;
     white-space: pre;
@@ -54,17 +84,18 @@ aside {
     opacity: 0.7;
 }
 
+/* CodeMirror */
 .CodeMirror {
      /* match Firefox's built-in style for textearea */
     border: 1px solid rgb(232, 232, 231);
 }
 .CodeMirror .cm-trailingspace {
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
+    background-image: url("errline.png");
     background-position: bottom left;
     background-repeat: repeat-x;
 }
 .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==) !important;
+    background-image: url("errline.png");
     background-position: bottom left !important;
     background-repeat: repeat-x !important;
     background-color: transparent !important;