Add basic diff view

Finally, xdiff is used to show per-file diffs via commit view.

Signed-off-by: Lars Hjemli <hjemli@gmail.com>

1 files changed, 25 insertions, 0 deletions

diff --git a/cgit.css b/cgit.css
index 5f01926..7b8e468 100644
--- a/cgit.css
+++ b/cgit.css
@@ -68,30 +68,36 @@ div#content {
         margin: 0.5em 0.5em;
 }
 
 div#blob {
         border: solid 1px black;
 }
 
 div.error {
         color: red;
         font-weight: bold;
         margin: 1em 2em;
 }
+div.ls-blob, div.ls-dir {
+        font-family: monospace;
+}
 div.ls-dir a {
         font-weight: bold;
 }
 th.filesize, td.filesize {
         text-align: right;
 }
+td.filesize {
+        font-family: monospace;
+}
 td.filemode {
         font-family: monospace;
 }
 
 td.blob {
         white-space: pre;
         font-family: courier;
         font-size: 100%;
         background-color: white;
 }
 
 table.log td {
@@ -145,22 +151,41 @@ table.diffstat td.add a {
 }
 table.diffstat td.del a {
         color: red;
 }
 table.diffstat td.upd a {
         color: blue;
 }
 table.diffstat td.summary {
         /* border-top: solid 1px black; */
         color: #888;
         padding-top: 0.5em;
 }
+
+table.diff td {
+        border: solid 1px black;
+        font-family: monospace;
+        white-space: pre;
+}
+
+table.diff td div.hunk {
+        background: #ccc;
+}
+
+table.diff td div.add {
+        color: green;
+}
+
+table.diff td div.del {
+        color: red;
+}
+
 .sha1 {
         font-family: courier;
         font-size: 90%;
 }
 .left {
         text-align: left;
 }
 .right {
         text-align: right;
 }