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
@@ -56,54 +56,60 @@ div#header {
         font-weight: bold;
         border: solid 1px #ccc;
         vertical-align: middle;
 }
 div#header img#logo {
         float: right;
 }
 div#header a {
         color: black;
 }
 
 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 {
         white-space: nowrap;
 }
 
 table.commit-info {
         border-collapse: collapse;
         margin-top: 1.5em;
 }
 table.commit-info th {
         text-align: left;
         font-weight: normal;
         padding: 0.1em 1em 0.1em 0.1em;
 }
@@ -133,34 +139,53 @@ table.diffstat th {
         font-size: 100%;
 }
 table.diffstat td {
         padding: 0.1em 1em 0.1em 0.1em;
         font-size: 100%;
 }
 table.diffstat td span.modechange {
         padding-left: 1em;
         color: red;
 }
 table.diffstat td.add a {
         color: green;
 }
 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;
 }