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 | 129 ++++++++++++++++++++++++++++++------------
1 files changed, 92 insertions(+), 37 deletions(-)
diff --git a/src/com/gitblit/wicket/resources/gitblit.css b/src/com/gitblit/wicket/resources/gitblit.css
index 675a258..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,20 +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;
+span.link em, div.link span em {
+ font-style: normal;
+ font-family: sans-serif;
+ font-size: 11px;
}
div.page_header {
@@ -109,7 +108,7 @@
font-family: sans-serif;
font-weight: bold;
font-size: 150%;
- color: #bbb;
+ color: #888;
background-color: #ffffff;
}
@@ -134,6 +133,7 @@
}
div.page_footer {
+ clear: both;
height: 17px;
color: black;
background-color: #ffffff;
@@ -145,7 +145,7 @@
div.page_nav {
color: #ddd;
background-color: #000070;
- padding: 5px;
+ padding: 7px;
}
div.page_nav a {
@@ -157,8 +157,19 @@
text-decoration: underline;
}
+div.page_nav em {
+ font-style: normal;
+}
+
div.page_nav2 {
padding: 2px 5px 7px 5px;
+}
+
+div.search {
+ color:yellow;
+ text-align:right;
+ float:right;
+ padding:3px 4px 3px 3px;
}
.repositories_message {
@@ -177,7 +188,7 @@
div.commit_message {
padding: 8px;
border: solid #bbb;
- border-width: 1px 0px 1px;
+ border-width: 1px 0px 0px;
}
div.bug_open, span.bug_open {
@@ -219,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;
}
@@ -231,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;
}
@@ -270,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 {
@@ -294,13 +338,20 @@
padding: 8px;
}
-table.pretty, table.repositories {
- margin-top:5px;
+table.pretty, table.repositories, table.comments {
margin-bottom:5px;
border-spacing: 0px;
- border-top: 1px solid #bbb;
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 {
@@ -377,11 +428,10 @@
}
td.date {
- font-style: italic;
- width:90px;
+ font-style: italic;
}
-td.sha1, td.sha1 span {
+span.sha1, span.sha1 a, span.sha1 a span {
font-family: monospace;
font-size: 13px;
}
@@ -402,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