ui: bulk changes

rhodecode/public/css/main.less

@@ -237,7 +237,7 b' input.inline[type="file"] {'
 	position: relative;
 	vertical-align: bottom;
 	padding: 0 @header-padding;
-	background-color: @grey2;
+	background-color: @grey1;
 	color: @grey5;
 
 	.title {

rhodecode/public/css/navigation.less

@@ -2,10 +2,21 b''
 // For use in RhodeCode applications;
 // see style guide documentation for guidelines.
 
+// TOP MAIN DARK NAVIGATION
+
+.header .main_nav.horizontal-list {
+    float: right;
+    color: @grey4;
+        > li {
+            a {
+                color: @grey4;
+                }
+            }
+}
+
 // HEADER NAVIGATION
 
 .horizontal-list {
-    float: right;
     display: block;
     margin: 0;
     padding: 0;
@@ -18,6 +29,7 b''
     li {
         line-height: 1em;
         list-style-type: none;
+        margin: 0 20px 0 0;
 
         a {
             padding: 0 .5em;
@@ -80,10 +92,6 b''
             }
         }
 
-        &.active {
-            border-bottom: 5px solid @rcblue;
-        }
-
         &.open {
 
             a {
@@ -118,14 +126,13 b''
         > a,
         &.has_select2 a {
             display: block;
-            padding: 10px 0 2px;
+            padding: 10px 0;
         }
 
         .menulabel {
-            padding: 0 .5em;
+            padding: 0 0 0.4em 0;
             line-height: 1em;
             // for this specifically we do not use a variable
-            border-right: 1px solid @grey4;
         }
 
         .pr_notifications {
@@ -141,7 +148,7 b''
         &.open,
         &.active {
             a {
-                color: @grey1;
+                color: @rcblue;
             }
         }
     }
@@ -503,8 +510,7 b''
     display: block;
     margin: 0 auto;
     padding: 0 @header-padding;
-    background-color: @grey6;
-    border-bottom: @border-thickness solid @grey5;
+    background-color: @grey7;
 
     .clear {
         clear: both;
@@ -513,19 +519,23 b''
 
 ul#context-pages {
     li {
-        line-height: 1em;
+        line-height: 2em;
         list-style-type: none;
 
         a {
             color: @grey3;
+
+            &:hover {
+                color: @grey2;
+            }
         }
 
         &.active {
             // special case, non-variable color
-            border-bottom: 4px solid @nav-grey;
+            border-bottom: 2px solid @rcblue;
 
             a {
-                color: @grey1;
+                color: @rcblue;
             }
         }
     }
@@ -631,14 +641,11 b' ul#context-pages {'
 
 .main_filter_help_box {
     padding: 7px 7px;
-    border-top: 1px solid @grey4;
-    border-right: 1px solid @grey4;
-    border-bottom: 1px solid @grey4;
     display: inline-block;
     vertical-align: top;
     background: inherit;
     position: absolute;
-    right: 8px;
+    right: 0;
     top: 9px;
 }
 
@@ -661,21 +668,24 b' ul#context-pages {'
     padding: 0 10px;
 }
 
-.main_filter_input {
-    padding: 5px;
-    min-width: 260px;
-    color: @nav-grey;
-    background: @grey3;
-    min-height: 18px;
-
+input {
 
-    &:active {
-      color: @grey2 !important;
-      background: white !important;
-    }
-    &:focus {
-      color: @grey2 !important;
-      background: white !important;
+    &.main_filter_input {
+        padding: 5px 10px;
+        min-width: 260px;
+        color: @grey7;
+        background: @black;
+        min-height: 18px;
+        border: 0;
+
+        &:active {
+          color: @grey2 !important;
+          background: white !important;
+        }
+        &:focus {
+          color: @grey2 !important;
+          background: white !important;
+        }
     }
 }
 

rhodecode/public/css/type.less

@@ -231,7 +231,7 b' mark,'
     clear: both;
     float: left;
     width: 100%;
-    margin: @pagepadding/2 0 @pagepadding;
+    margin: @pagepadding/2 0 @pagepadding/4;
 
     .breadcrumbs {
         float: left;

rhodecode/public/css/variables.less

@@ -8,13 +8,15 b''
 @rchighlightblue: lighten(@rcblue, 35%);
 
 // Secondary Colors (greyscale)
-@grey1: #202020;		//midnight
-@grey2: #323232;		//charcoal
-@grey3: #666666;		//tungsten
-@grey4: #979797;		//light grey
+@black: #000;
+@white: #fff;
+@grey1: #2B2B2D;		//midnight
+@grey2: #5C5C5C;		//charcoal
+@grey3: #7E7F7F;		//tungsten
+@grey4: #949494;		//light grey
 @grey5: #dbd9da;		//greyish
 @grey6: #eeeeee;		//silver
-@grey7: #f9f9f9;		//light silver
+@grey7: #F5F5F5;		//light silver
 
 // special for navigation
 @nav-grey: #CDCCCD;
@@ -131,7 +133,7 b''
 @button-padding: .9em;
 
 // DEFAULT WIDTHS
-@wrapper-maxwidth: 1200px;
+@wrapper-maxwidth: 1600px;
 @sidebar-width: 145px;
 @sidebar-all-width: @sidebar-width + 2 * @sidebarpadding;
 @sidebar-small-width: 100px;

rhodecode/templates/changelog/changelog.mako

@@ -30,7 +30,6 b''
 
 <div class="box">
     <div class="title">
-        ${self.repo_page_title(c.rhodecode_db_repo)}
         <ul class="links">
             <li>
                 <a href="#" class="btn btn-small" id="rev_range_container" style="display:none;"></a>

rhodecode/templates/compare/compare_diff.mako

@@ -32,10 +32,6 b''
     </script>
 
     <div class="box">
-        <div class="title">
-            ${self.repo_page_title(c.rhodecode_db_repo)}
-        </div>
-
         <div class="summary changeset">
             <div class="summary-detail">
               <div class="summary-detail-header">

rhodecode/templates/files/files.mako

@@ -27,10 +27,6 b''
 </%def>
 
 <%def name="main()">
-    <div class="title">
-        ${self.repo_page_title(c.rhodecode_db_repo)}
-    </div>
-
     <div id="pjax-container" class="summary">
         <div id="files_data">
             <%include file='files_pjax.mako'/>

rhodecode/templates/forks/fork.mako

@@ -20,10 +20,6 b''
 
 <%def name="main()">
 <div class="box">
-      <div class="title">
-          ${self.repo_page_title(c.rhodecode_db_repo)}
-      </div>
-
     ${h.secure_form(h.route_path('repo_fork_create',repo_name=c.rhodecode_db_repo.repo_name), request=request)}
     <div class="form">
         <!-- fields -->

rhodecode/templates/pullrequests/pullrequest.mako

@@ -19,10 +19,6 b''
 
 <%def name="main()">
 <div class="box">
-    <div class="title">
-        ${self.repo_page_title(c.rhodecode_db_repo)}
-    </div>
-
     ${h.secure_form(h.route_path('pullrequest_create', repo_name=c.repo_name, _query=request.GET.mixed()), id='pull_request_form', request=request)}
 
         ${self.breadcrumbs()}

rhodecode/templates/pullrequests/pullrequests.mako

@@ -24,8 +24,6 b''
 <%def name="main()">
 <div class="box">
   <div class="title">
-      ${self.repo_page_title(c.rhodecode_db_repo)}
-
       <ul class="links">
         <li>
            %if c.rhodecode_user.username != h.DEFAULT_USER:

rhodecode/templates/search/search.mako

@@ -63,15 +63,15 b''
 <div class="box">
     %if c.repo_name:
         <!-- box / title -->
-        <div class="title">
+        <!--div class="title">
             ${self.repo_page_title(c.rhodecode_db_repo)}
-        </div>
+        </div-->
         ${h.form(h.route_path('search_repo',repo_name=c.repo_name),method='get')}
     %elif c.repo_group_name:
         <!-- box / title -->
-        <div class="title">
+        <!--div class="title">
             ${self.repo_group_page_title(c.repo_group)}
-        </div>
+        </div-->
         ${h.form(h.route_path('search_repo_group',repo_group_name=c.repo_group_name),method='get')}
     %else:
         <!-- box / title -->

rhodecode/templates/summary/summary.mako

@@ -10,7 +10,6 b''
 <%def name="main()">
 
 <div class="title">
-    ${self.repo_page_title(c.rhodecode_db_repo)}
     ## Context Action
     <div>
         <ul class="links icon-only-links block-right">