From 9bc17d16ea48a7978b198126d346828b1d24fe4e Mon Sep 17 00:00:00 2001
From: James Moger <james.moger@gitblit.com>
Date: Mon, 18 Apr 2011 22:29:20 -0400
Subject: [PATCH] Color-coded change type indicator with tooltip for changed paths.

---
 src/com/gitblit/wicket/resources/gitblit.css |  122 ++++++++++++++++++++++++++++------------
 1 files changed, 85 insertions(+), 37 deletions(-)

diff --git a/src/com/gitblit/wicket/resources/gitblit.css b/src/com/gitblit/wicket/resources/gitblit.css
index 6c75432..d3d68b7 100644
--- a/src/com/gitblit/wicket/resources/gitblit.css
+++ b/src/com/gitblit/wicket/resources/gitblit.css
@@ -5,6 +5,10 @@
 	font-family: verdana, sans-serif;
 	font-size: 12px;
 	line-height: 15px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
 }
 
 body {
@@ -87,26 +91,15 @@
 	padding: 0px 0px 15px 5px;
 }
 
-div.link {
-	padding: 2px 5px;
+span.link, span.link a {
 	font-family: sans-serif;
 	font-size: 11px;
 }
 
-div.link span {
-	font-family: inherit;
-	font-size: inherit;
-}
-
-div.link a {
-	font-family: inherit;
-	font-size: inherit;
-}
-
-div.link em, div.link span em {
+span.link em, div.link span em {
 	font-style: normal;
-	font-family: inherit;
-	font-size: inherit;
+	font-family: sans-serif;
+	font-size: 11px;
 }
 
 div.page_header {
@@ -115,7 +108,7 @@
 	font-family: sans-serif;
 	font-weight: bold;
 	font-size: 150%;
-	color: #bbb;
+	color: #888;
 	background-color: #ffffff;
 }
 
@@ -140,6 +133,7 @@
 }
 
 div.page_footer {
+	clear: both;
 	height: 17px;
 	color: black;
 	background-color: #ffffff;
@@ -151,7 +145,7 @@
 div.page_nav {
 	color: #ddd;
 	background-color: #000070;
-	padding: 5px;
+	padding: 7px;
 }
 
 div.page_nav a {
@@ -169,6 +163,13 @@
 
 div.page_nav2 {
 	padding: 2px 5px 7px 5px;	
+}
+
+div.search {
+	color:yellow;
+	text-align:right;
+	float:right;
+	padding:3px 4px 3px 3px;	
 }
 
 .repositories_message {
@@ -229,9 +230,9 @@
     background-color: #EDECE6;
     border-color: #D9D8D1;
     border-style: solid;
-    border-width: 1px 0;
+    border-width: 1px;
     font-weight: bold;
-    margin-top: 4px;
+    margin-top: 10px;
     padding: 4px 0 2px;
 }
 
@@ -241,17 +242,17 @@
     font-family: inherit;
 }
 
-div.diff.add {
+span.diff.add {
 	color: #008800;
 	font-family: inherit;
 }
 
-div.diff.remove {
+span.diff.remove {
 	color: #cc0000;
 	font-family: inherit;
 }
 
-div.diff.unchanged {
+span.diff.unchanged {
 	color: inherit;
 	font-family: inherit;
 }
@@ -280,9 +281,42 @@
 	font-family: inherit;
 }
 
+span.addition, span.modification, span.deletion, span.rename {
+	border: 1px solid #888;
+	float: left;
+	height: 0.8em;
+	margin: 0.2em 0.5em 0 0;
+	overflow: hidden;
+	width: 0.8em;
+}
+
+span.addition {
+	background-color: #bbffbb;
+}
+
+span.modification {
+	background-color: #ffdd88;
+}
+
+span.deletion {
+	background-color: #ff8888;
+}
+
+span.rename {
+	background-color: #8888ff;
+}
+
 a.list {
 	text-decoration: none;
 	color: #000000;
+}
+
+a.list.subject {
+	font-weight: bold;
+}
+
+a.list.name {
+	font-weight: bold;	
 }
 
 a.list:hover {
@@ -304,11 +338,20 @@
 	padding: 8px;
 }
 
-table.pretty, table.repositories {
+table.pretty, table.repositories, table.comments {
 	margin-bottom:5px;
 	border-spacing: 0px;
 	border-left: 1px solid #bbb;
 	border-right: 1px solid #bbb;	
+}
+
+table.pretty td {
+	padding: 2px 4px;
+}
+
+table.comments td {
+	padding: 4px;
+	line-height: 17px;
 }
 
 table.repositories {
@@ -388,7 +431,7 @@
 	font-style: italic;	
 }
 
-td.sha1, td.sha1 span {
+span.sha1, span.sha1 a, span.sha1 a span {
 	font-family: monospace;
 	font-size: 13px;
 }
@@ -409,41 +452,46 @@
 	text-align: right;
 }
 
-span.refs span {
+span .tagRef, span .headRef, span .remoteRef, span .otherRef {	
 	padding: 0px 4px;
+	margin-right:2px;
 	font-family: sans-serif;
-	font-size: 70%;
+	font-size: 9px;
 	font-weight: normal;
 	border: 1px solid;
-	background-color: #ffaaff;
-	border-color: #ffccff #ff00ee #ff00ee #ffccff;
 	color: black;
 }
 
-span.refs span a {
-	text-decoration: none;
-	color: inherit;
+span .tagRef a span, span .headRef a span, span .remoteRef a span, span .otherRef a span {
+	font-size: 9px;
 }
 
-span.refs span a:hover {
+span .tagRef a, span .headRef a, span .remoteRef a, span .otherRef a {
+	text-decoration: none;
+	color: black;
+}
+
+span .tagRef a:hover, span .headRef a:hover, span .remoteRef a:hover, span .otherRef a:hover {
+	color: black;
 	text-decoration: underline;
 }
 
-span.refs span.indirect {
-	font-style: italic;
+span .otherRef {
+	background-color: #ffaaff;
+	border-color: #ffccff #ff00ee #ff00ee #ffccff;
 }
 
-span.refs span.ref {
+span .remoteRef {
 	background-color: #aaaaff;
 	border-color: #ccccff #0033cc #0033cc #ccccff;
 }
 
-span.refs span.tag {
+span .tagRef {
 	background-color: #ffffaa;
 	border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
 }
 
-span.refs span.head {
+span .headRef {
 	background-color: #aaffaa;
 	border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
 }
\ No newline at end of file

--
Gitblit v1.9.1