fixed and new-ui changes on the inputs, tags, dropdowns

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;

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 {

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;
     }

rhodecode/public/css/select2.less

@@ -169,6 +169,12 @@ select.select2{height:28px;visibility:hidden}
     width: 100%;
     margin: .5em 0;
     padding: .5em;
+    border-color: @grey4;
+
+    &:focus, &:hover {
+        border-color: @rcblue;
+        box-shadow: @button-shadow;
+    }
 }
 
 .select2-no-results {

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; }