diff --git a/rhodecode/public/css/forms.less b/rhodecode/public/css/forms.less --- a/rhodecode/public/css/forms.less +++ b/rhodecode/public/css/forms.less @@ -60,13 +60,13 @@ form.rcform { max-width: 500px; margin: 0 0 @padding -@legend-width; padding: 0 0 0 @legend-width; - + .btn { display: inline-block; margin: 0 1em @padding 0; } } - + input, textarea { float: left; @@ -113,7 +113,7 @@ form.rcform { opacity: 0.5; } } - + input[type="radio"]:not(#ie), input[type="checkbox"]:not(#ie) { // Hide the input, but have it still be clickable @@ -187,13 +187,13 @@ form.rcform { filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ } - + & + .label { float: left; margin-top: 5px } } - + input[type=checkbox]:not(#ie) { visibility: hidden; &:checked + label:after { @@ -244,7 +244,7 @@ form.rcform { .error-message { margin-top: 5px; } - + input[type=submit] { &:extend(.btn-primary); @@ -271,14 +271,15 @@ form.rcform { .badged-field { .user-badge { line-height: 25px; - padding: 10px 5px; + padding: .5em; border-radius: @border-radius; - border-top: 1px solid @rclightblue; - border-left: 1px solid @rclightblue; - border-bottom: 1px solid @rclightblue; + border-top: 1px solid @grey4; + border-left: 1px solid @grey4; + border-bottom: 1px solid @grey4; font-size: 14px; font-style: normal; color: @text-light; + background: @grey7; display: inline-block; vertical-align: top; cursor: default; diff --git a/rhodecode/public/css/main.less b/rhodecode/public/css/main.less --- a/rhodecode/public/css/main.less +++ b/rhodecode/public/css/main.less @@ -605,10 +605,20 @@ button.close { } -input { +input, textarea { &.disabled { opacity: .5; } + + &:hover { + border-color: @grey3; + box-shadow: @button-shadow; + } + + &:focus { + border-color: @rcblue; + box-shadow: @button-shadow; + } } // remove extra padding in firefox @@ -643,16 +653,20 @@ select { padding: 0 18px 0 8px; line-height:1em; font-size: @basefontsize; - border: @border-thickness solid @rcblue; + border: @border-thickness solid @grey5; + border-radius: @border-radius; background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%; - color: @rcblue; + color: @grey4; + box-shadow: @button-shadow; &:after { content: "\00A0\25BE"; } - &:focus { + &:focus, &:hover { outline: none; + border-color: @grey4; + color: @rcdarkblue; } } @@ -2112,7 +2126,7 @@ h3.files_location{ box-shadow: @button-shadow; #at_rev, a { - padding: 0.6em 0.9em; + padding: 0.6em 0.4em; margin: 0; .box-shadow(none); border: 0; @@ -2122,7 +2136,7 @@ h3.files_location{ input#at_rev { max-width: 50px; - text-align: right; + text-align: center; } &.previous { diff --git a/rhodecode/public/css/navigation.less b/rhodecode/public/css/navigation.less --- a/rhodecode/public/css/navigation.less +++ b/rhodecode/public/css/navigation.less @@ -536,8 +536,9 @@ ul#context-pages { // PAGINATION .pagination { - border: @border-thickness solid @rcblue; - color: @rcblue; + border: @border-thickness solid @grey5; + color: @grey2; + box-shadow: @button-shadow; .current { color: @grey4; @@ -554,19 +555,24 @@ ul#context-pages { .dataTables_paginate, .pagination-wh { text-align: left; display: inline-block; - border-left: 1px solid @rcblue; + border-left: 1px solid @grey5; float: none; overflow: hidden; + box-shadow: @button-shadow; .paginate_button, .pager_curpage, .pager_link, .pg-previous, .pg-next, .pager_dotdot { display: inline-block; padding: @menupadding/4 @menupadding; - border: 1px solid @rcblue; + border: 1px solid @grey5; border-left: 0; - color: @rcblue; + color: @grey2; cursor: pointer; float: left; + + &:hover { + color: @rcdarkblue; + } } .pager_curpage, .pager_dotdot, @@ -580,7 +586,7 @@ ul#context-pages { display: inline-block; text-align: left; padding: @menupadding/4 @menupadding; - border: 1px solid @rcblue; + border: 1px solid @grey5; border-left: 0; float: left; } diff --git a/rhodecode/public/css/select2.less b/rhodecode/public/css/select2.less --- a/rhodecode/public/css/select2.less +++ b/rhodecode/public/css/select2.less @@ -169,6 +169,12 @@ select.select2{height:28px;visibility:hi width: 100%; margin: .5em 0; padding: .5em; + border-color: @grey4; + + &:focus, &:hover { + border-color: @rcblue; + box-shadow: @button-shadow; + } } .select2-no-results { diff --git a/rhodecode/public/css/tags.less b/rhodecode/public/css/tags.less --- a/rhodecode/public/css/tags.less +++ b/rhodecode/public/css/tags.less @@ -13,15 +13,19 @@ font-size: (-1 + @basefontsize); //fit in tables line-height: .9em; border: none; + box-shadow: @button-shadow; .border-radius(@border-radius); font-family: @text-regular; background-image: none; color: @grey4; - .border ( @border-thickness-tags, @grey4 ); + .border ( @border-thickness-tags, @grey5 ); white-space: nowrap; a { color: inherit; - text-decoration: underline; + + &:hover { + color: @grey2; + } i, [class^="icon-"]:before, @@ -29,6 +33,10 @@ text-decoration: none; } } + + &:hover { + border-color: @grey4; + } } .tag0 { .border ( @border-thickness-tags, @grey4 ); color:@grey4; }