From 10177fb0a59cc9fc61fb78c724f7b0816b69b798 Mon Sep 17 00:00:00 2001 From: James Moger <james.moger@gitblit.com> Date: Sat, 01 Oct 2011 15:50:22 -0400 Subject: [PATCH] CSS fixes for palette buttons --- resources/bootstrap.gb.css | 137 ++++++++++++++++++++++++++++++++++++--------- 1 files changed, 108 insertions(+), 29 deletions(-) diff --git a/resources/bootstrap.gb.css b/resources/bootstrap.gb.css index 747f812..cf82c87 100644 --- a/resources/bootstrap.gb.css +++ b/resources/bootstrap.gb.css @@ -1,5 +1,31 @@ -.topbar{ +body, input, select { + color: #202020; +} + +ul, ol { + margin-bottom: 10px !important; +} + +hr { + margin-top: 10px; + margin-bottom: 10px; +} + +.page-header h1, .page-header h2 { + color: #0069D6; +} + +.topbar { height:40px !important; +} + +.topbar a { + color: white; + text-shadow: none; +} + +.nav a:hover { + color: #abd4ff !important; } .topbar-inner,.topbar .fill{ @@ -26,11 +52,11 @@ } .page-header { - margin-bottom: 5px; + margin-bottom: 5px; } .page-header h2 small { - font-size: 90%; + font-size: 80%; font-weight: bold; } @@ -51,6 +77,7 @@ font-size:12px; border:0px; padding: 0; + line-height: 1.35em; } table { @@ -85,7 +112,7 @@ a.list { text-decoration: none; - color: #000000; + color: inherit; } a.list.subject { @@ -126,6 +153,11 @@ img.inlineIcon { padding-left: 1px; padding-right: 1px; +} + +img.overview { + float:right; + border:1px solid #CCCCCC; } div.header, div.commitHeader, table.repositories th { @@ -197,26 +229,41 @@ -webkit-border-radius:0;-moz-border-radius:0x;border-radius:0; vertical-align: top; background: url(search-icon.png) no-repeat 4px center; - color: #ddd; background-color: transparent; border: 1px solid transparent; + outline: none; padding: 2px 2px 2px 22px; + text-shadow: none; margin: 0px; + + color: #ddd; } div.search input:hover, div.search input:focus { - background: url(search-icon.png) no-repeat 4px center; - color: white; + background-color: transparent; + border: 1px solid transparent; + padding: 2px 2px 2px 22px; + text-shadow: none; + + color: #ddd; border-bottom: 1px solid #ff9900; - outline: none; } -div.search input:focused { - background: url(search-icon.png) no-repeat 4px center; +div.search input:focus { color: white; - border-bottom: 1px solid #ff9900; - outline: none; - padding: 0 !important; +} + +/* div.search input:focused { */ +/* background-color: transparent; */ +/* border: 1px solid transparent; */ +/* padding: 2px 2px 2px 22px; */ +/* text-shadow: none; */ +/* } */ + +div.login input:focus { + background-color: rgba(255, 255, 255, 0.6); + text-shadow: none; + color: white; } div.commit_message { @@ -366,7 +413,8 @@ } div.diff table td.hunk_header { - background-color: #dAe2e5 !important; + background-color: #dAe2e5 !important; + border-top: 1px solid #bac2c5; border-bottom: 1px solid #bac2c5; color: #555; } @@ -488,8 +536,22 @@ color: black; background-color: #ddd; padding-left: 5px; - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; + border-top: 1px solid #aaa; + border-bottom: 1px solid #aaa; +} + +table.palette { border:0; width: 0 !important; } +table.palette td.header { + font-weight: bold; + background-color: #ffffff !important; + padding-top: 0px !important; + margin-bottom: 0 !imporant; + border: 0 !important; + border-radius: 0 !important; + line-height: 1em; +} +table.palette td.pane { + padding: 0px; } table.gitnotes { @@ -519,8 +581,6 @@ } table.annotated { - width: 100%; - border: 1px solid #bbb; } table.annotated tr.even { @@ -528,13 +588,18 @@ } table.annotated tr.odd { - background-color: #fdfbdf; + background-color: #f5f5f5; } table.annotated td { padding: 0px; border: 0; } + +tr th a { background-position: right; padding-right: 15px; background-repeat:no-repeat; } +tr th.wicket_orderDown a {background-image: url(arrow_down.png); } +tr th.wicket_orderUp a { background-image: url(arrow_up.png); } +tr th.wicket_orderNone a { background-image: url(arrow_off.png); } tr.light { background-color: #ffffff; @@ -644,19 +709,33 @@ border-color: #00cc33; } -.feedbackPanelERROR { - color: red; - list-style-image: url(bullet_error.png); - font-weight: bold; - vertical-align: top; - padding:0; - margin:0; +table .palette td.buttons button { + -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; + border: 1px solid #ccc !important; + padding: 10px; + margin-bottom: 10px; } -.feedbackPanelINFO { -/* position:relative;padding:7px 15px;margin-bottom:18px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);} */ +table .palette td.buttons button:hover { + border: 1px solid #0069D6 !important; +} + +table .palette td.buttons button:active { + border: 1px solid orange !important; +} + +.feedbackPanelERROR, .feedbackPanelINFO { list-style: none; - background-color:#ddf4fb;border-color:#c6edf9; + line-height: 35px; +} + +.feedbackPanelINFO span, .feedbackPanelERROR span { + position:relative;padding:7px 15px;margin-top:5px;margin-bottom:5px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25); +} + +.feedbackPanelERROR span { + color: #ffffff; + background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } /* google-code-prettify line numbers */ -- Gitblit v1.9.1