From a645ba09d693495c50ab0ee0d1fc2734407b73a4 Mon Sep 17 00:00:00 2001 From: James Moger <james.moger@gitblit.com> Date: Thu, 21 Apr 2011 20:50:59 -0400 Subject: [PATCH] Added merge icon. Added commit legend with counts. Improved header. --- src/com/gitblit/wicket/resources/gitblit.css | 211 ++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 168 insertions(+), 43 deletions(-) diff --git a/src/com/gitblit/wicket/resources/gitblit.css b/src/com/gitblit/wicket/resources/gitblit.css index 6c75432..fa78cec 100644 --- a/src/com/gitblit/wicket/resources/gitblit.css +++ b/src/com/gitblit/wicket/resources/gitblit.css @@ -4,7 +4,11 @@ html, body, table, dl, dt, dd, ol, ul, li, form, a, span, tr, th, td, div, em { font-family: verdana, sans-serif; font-size: 12px; - line-height: 15px; + line-height: 1.35em; + margin: 0; + padding: 0; + border: 0; + outline: 0; } body { @@ -16,9 +20,10 @@ margin-left: auto; margin-top: none; padding: 0px; + background: url(background.png) repeat-x scroll 0 0 #FFFFFF; } -pre, pre.prettyprint, pre.plainprint { +pre, code, pre.prettyprint, pre.plainprint { color: black; font-family: monospace; font-size:12px; @@ -71,6 +76,7 @@ background-color: #D2C3AF; padding: 3px; border: 1px solid #808080; + border-radius: 3px 3px 0 0; } div.header a { @@ -87,26 +93,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,8 +110,8 @@ font-family: sans-serif; font-weight: bold; font-size: 150%; - color: #bbb; - background-color: #ffffff; + color: #888; + background: transparent; } div.page_header span { @@ -140,6 +135,7 @@ } div.page_footer { + clear: both; height: 17px; color: black; background-color: #ffffff; @@ -151,7 +147,8 @@ div.page_nav { color: #ddd; background-color: #000070; - padding: 5px; + padding: 7px; + border-radius: 3px; } div.page_nav a { @@ -169,6 +166,13 @@ div.page_nav2 { padding: 2px 5px 7px 5px; +} + +div.search { + color:yellow; + text-align:right; + float:right; + padding:4px 4px 3px 3px; } .repositories_message { @@ -218,6 +222,7 @@ div.diff { font-family: monospace; + overflow: auto; } div.diff.header { @@ -229,9 +234,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 +246,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 +285,116 @@ font-family: inherit; } +div.diff.add2 { + background-color: #DDFFDD; + font-family: inherit; +} + +div.diff.remove2 { + background-color: #FFDDDD; + font-family: inherit; +} + +div.diff table { + 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; +} + +div.diff table th { + background-color: #faf8dc; + border-left: 1px solid #bbb; + text-align: center; + color: #999; + padding-left: 5px; + padding-right: 5px; + width: 30px; +} + +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; +} + +div.diff table td.hunk_header { + background-color: #dAe2e5 !important; + border-bottom: 1px solid #bac2c5; + color: #555; +} + +div.diff table td { + border-left: 1px solid #bbb; + background-color: #fbfbfb; +} + +td.changeType { + width: 15px; +} + +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; +} + +div.commitLegend { + float: right; + padding: 0.4em; + vertical-align:top; +} + +div.commitLegend span { + font-size: 0.9em; + vertical-align: top; +} + +div.references { + float: right; + text-align: right; +} + a.list { text-decoration: none; color: #000000; +} + +a.list.subject { + font-weight: bold; +} + +a.list.name { + font-weight: bold; } a.list:hover { @@ -304,15 +416,23 @@ 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.repositories { - width:100%; +table.pretty, table.comments, table.repositories { + width:100%; +} +table.pretty td { + padding: 2px 4px; +} + +table.comments td { + padding: 4px; + line-height: 17px; } table.repositories th { @@ -388,7 +508,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 +529,46 @@ text-align: right; } -span.refs span { - padding: 0px 4px; +span .tagRef, span .headRef, span .remoteRef, span .otherRef { + padding: 0px 3px; + 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; + color: black; } -span.refs span a { +span .tagRef a span, span .headRef a span, span .remoteRef a span, span .otherRef a span { + font-size: 9px; +} + +span .tagRef a, span .headRef a, span .remoteRef a, span .otherRef a { text-decoration: none; - color: inherit; + color: black !important; } -span.refs span a:hover { +span .tagRef a:hover, span .headRef a:hover, span .remoteRef a:hover, span .otherRef a:hover { + color: black !important; 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