From df0ba7f7ff02ed02c0ba7714ae928a79d932baef Mon Sep 17 00:00:00 2001
From: Tom <tw201207@gmail.com>
Date: Thu, 06 Nov 2014 12:05:33 -0500
Subject: [PATCH] Improve the commitdiff.

---
 src/main/resources/gitblit.css |  144 ++++++++++++++++++++++++++---------------------
 1 files changed, 80 insertions(+), 64 deletions(-)

diff --git a/src/main/resources/gitblit.css b/src/main/resources/gitblit.css
index ba6f534..43b1be8 100644
--- a/src/main/resources/gitblit.css
+++ b/src/main/resources/gitblit.css
@@ -38,6 +38,19 @@
     font-weight: bold;
 }
 
+.gray {
+	color: #888;
+}
+
+.octicon-centered {
+    text-align: center;
+    width: 16px;
+}
+
+tr:hover .octicon-centered {
+	color:#eee;
+}
+
 .label a.bugtraq {
 	font-weight: normal;
 	color: white;
@@ -237,14 +250,13 @@
 }
 
 .repositorynavbar {
-	background-color: #fbfbfb;
+	background-color: #f8f8f8;
 	border-bottom: 1px solid #ccc;
 	margin-bottom: 10px;
 }
 
 .repositorynavbar .title {
-	line-height: 32px;
-	padding: 5px 0px;
+	padding: 10px 0px;
 }
 
 .repositorynavbar .repository {
@@ -1338,19 +1350,6 @@
 	font-family: inherit;
 }
 
-div.diff.hunk_header {
-	-moz-border-bottom-colors: none;
-    -moz-border-image: none;
-    -moz-border-left-colors: none;
-    -moz-border-right-colors: none;
-    -moz-border-top-colors: none;
-    border-color: #FFE0FF;
-    border-style: dotted;
-    border-width: 1px 0 0;
-    margin-top: 2px;
-    font-family: inherit;
-}
-
 span.diff.hunk_info {
 	background-color: #FFEEFF;	
 	color: #990099;
@@ -1362,60 +1361,72 @@
 	font-family: inherit;
 }
 
-div.diff.add2 {
-	background-color: #DDFFDD;
-    font-family: inherit;
+.diff-cell {
+	margin: 0px;
+	padding: 0px;
+	border: 0;
+	border-left: 1px solid #bbb;
 }
 
-div.diff.remove2 {
+.add2 {
+    background-color: #DDFFDD;
+}
+
+.remove2 {
 	background-color: #FFDDDD;
-    font-family: inherit;
 }
 
-div.diff table {
+.context2 {
+	background-color: #fbfbfb;
+}
+
+div.diff > table {
 	border-radius: 0;
 	border-right: 1px solid #bbb;
 	border-bottom: 1px solid #bbb;
 	width: 100%;
 }
 
-div.diff table th, div.diff table td {
-	margin: 0px;
-	padding: 0px;
-	font-family: monospace;
-	border: 0;
-}
-
-div.diff table th {
+.diff-line {
 	background-color: #f0f0f0;
 	text-align: center;
 	color: #999;
-	padding-left: 5px;
-	padding-right: 5px;
-	width: 30px;
+	padding-left: 2px;
+	padding-right: 2px;
+	width: 3em; /* Font-size relative! */
 }
 
-div.diff table th.header {
-	background-color: #D2C3AF;
-	border-right: 0px;
-	border-bottom: 1px solid #808080;
-	font-family: inherit;
-	font-size:0.9em;
-	color: black;
-	padding: 2px;
-	text-align: left;
+.diff-line:before {
+	content: attr(data-lineno);
 }
 
-div.diff table td.hunk_header {
+.diff-state {
+	background-color: #f0f0f0;
+	text-align: center;
+	color: #999;
+	padding-left: 2px;
+	padding-right: 2px;
+	width: 0.5em; /* Font-size relative! */
+}
+
+.diff-state-add:before {
+	color: green;
+	font-weight: bold;
+	content: '+';
+}
+
+.diff-state-sub:before {
+	color: red;
+	font-weight: bold;
+	content: '-';
+}
+
+.hunk_header {
 	background-color: #dAe2e5 !important;
+	border-left: 1px solid #bbb;
 	border-top: 1px solid #bac2c5;	
 	border-bottom: 1px solid #bac2c5;
 	color: #555;
-}
-
-div.diff table td {
-	border-left: 1px solid #bbb;
-	background-color: #fbfbfb;
 }
 
 td.changeType {
@@ -2085,67 +2096,72 @@
     color: #815b3a;
 }
 .severity-catastrophic {
-	color:#CC79A7;
+	color:#D51900;
 }
 .severity-catastrophic:after {
 	font-family: Helvetica,arial,freesans,clean,sans-serif ;
-	content: "Ca";
+	content: "●●●●●";
 	font-weight:900;
-	font-size:.6em;	
+	font-size:.45em;	
 	font-variant:small-caps;
 	display:flex;
+	white-space: pre;
 }
 .severity-critical {
-	color:#D55E00;
+	color:#D55900;
 }
 .severity-critical:after {
 	font-family: Helvetica,arial,freesans,clean,sans-serif ;
-	content: "c";
+	content: " ●●●●";
 	font-weight:900;
-	font-size:.6em;	
+	font-size:.45em;	
 	font-variant:small-caps;
 	display:flex;
+	white-space: pre;
 }
 .severity-serious {
 	color:#E69F00;
 }
 .severity-serious:after {
 	font-family: Helvetica,arial,freesans,clean,sans-serif ;
-	content: "s";
+	content: "  ●●●";
 	font-weight:900;
-	font-size:.6em;	
+	font-size:.45em;	
 	font-variant:small-caps;
 	display:flex;
+	white-space: pre;
 }
 .severity-minor {
-	color:#0072B2;
+	color:#009E73;
 }
 .severity-minor:after {
 	font-family: Helvetica,arial,freesans,clean,sans-serif ;
-	content: "m";
+	content: "   ●●";
 	font-weight:900;
-	font-size:.6em;	
+	font-size:.45em;	
 	font-variant:small-caps;
 	display:flex;
+	white-space: pre;
 }
 .severity-negligible {
-	color:#009E73;
+	color:#0072B2;
 }
 .severity-negligible:after {
 	font-family: Helvetica,arial,freesans,clean,sans-serif ;
-	content: "n";
+	content: "    ●";
 	font-weight:900;
-	font-size:.6em;	
+	font-size:.45em;	
 	font-variant:small-caps;
 	display:flex;
+	white-space: pre;
 }
 .severity-unrated {
 }
 .priority-urgent {
-	color:#CC79A7;
+	color:#D51900;
 }
 .priority-high {
-	color:#D55E00;
+	color:#D55900;
 }
 .priority-normal {
 }

--
Gitblit v1.9.1