Restyle ui-box to be more flat

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/stylesheets/gitlab_bootstrap/blocks.scss

@@ -34,9 +34,8 @@
   &.ui-box-show {
     color: #666;
     margin:20px 0;
-    background: #FFF;
+    background: #FAFAFA;
     box-shadow: inset 0 1px 0 #fff, 0 1px 5px #f1f1f1;
-    @include linear-gradient(#fafafa, #f1f1f1);
 
     .control-group {
       margin-bottom: 0;
@@ -100,9 +99,9 @@
   }
 
   .title {
-    @include bg-gray-gradient;
-    border-bottom: 1px solid #CCC;
-    color: #456;
+    background-color: #EEE;
+    border-bottom: 1px solid #DDD;
+    color: #666;
     font-size: 16px;
     text-shadow: 0 1px 1px #fff;
     padding: 0 10px;

app/assets/stylesheets/gitlab_bootstrap/buttons.scss

@@ -10,21 +10,21 @@
   white-space: nowrap;
   padding: 6px 12px;
   font-size: 13px;
-  line-height: 1.5;
+  line-height: 18px;
   border-radius: 4px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
-  color: #333333;
+  color: #444444;
   background-color: #fff;
   border-color: #ccc;
   text-shadow: none;
 
   &.hover,
   &:hover {
-    color: #333333;
+    color: #444444;
     text-decoration: none;
     background-color: #ebebeb;
     border-color: #adadad;
@@ -32,7 +32,7 @@
 
   &.focus,
   &:focus {
-    color: #333333;
+    color: #444444;
     text-decoration: none;
     outline: thin dotted #333;
     outline: 5px auto -webkit-focus-ring-color;

app/assets/stylesheets/sections/dashboard.scss

@@ -51,7 +51,7 @@
   li {
     &.active {
       a {
-        @include linear-gradient(#f5f5f5, #eee);
+        background-color: #EEE;
         border-bottom: 1px solid #EEE !important;
         &:hover {
           background: #eee;