From 05da3801f53f06fdc529b4f3820af1380039f245 Mon Sep 17 00:00:00 2001
From: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Date: Thu, 16 Aug 2012 09:13:50 +0300
Subject: [PATCH] Restyled erros pages & avatar class

---
 app/assets/stylesheets/common.scss           |  20 +-
 app/assets/stylesheets/gitlab_bootstrap.scss | 278 +++++++++----------
 app/assets/stylesheets/sections/header.scss  |  38 +--
 app/assets/stylesheets/themes/ui_basic.scss  |  10 +-
 app/assets/stylesheets/themes/ui_mars.scss   |  24 +-
 app/assets/stylesheets/themes/ui_modern.scss |   3 +-
 app/views/errors/access_denied.html.haml     |   9 +-
 app/views/errors/git_not_found.html.haml     |  14 +-
 app/views/errors/gitolite.html.haml          |  50 ++--
 app/views/errors/not_found.html.haml         |   9 +-
 app/views/layouts/error.html.haml            |   4 +-
 public/404.html                              |   2 +-
 public/422.html                              |   2 +-
 public/500.html                              |   2 +-
 14 files changed, 231 insertions(+), 234 deletions(-)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index a30f0d3dac3..6103d05c3ce 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -249,7 +249,7 @@ ul.bordered-list li:last-child { border:none }
 li.commit {
   .avatar {
     width:24px;
-    top:-3px;
+    top:-5px;
     margin-right:10px;
     margin-left:10px;
   }
@@ -305,12 +305,7 @@ p.time {
 }
 
 .styled_image {
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  -moz-box-shadow: 0 0 5px #888;
-  -webkit-box-shadow: 0 0 5px#888;
-  box-shadow: 0 0 5px #888;
+  border:2px solid #ddd;
 }
 
 .event_feed {
@@ -729,3 +724,14 @@ li.note {
     }
   }
 }
+
+.git_error_tips {
+  @extend .span6;
+  text-align:left;
+  margin-top:40px;
+  pre {
+    background:white;
+    border:none;
+    font-size: 12px;
+  }
+}
diff --git a/app/assets/stylesheets/gitlab_bootstrap.scss b/app/assets/stylesheets/gitlab_bootstrap.scss
index 9d6c05a68d4..550046d04fd 100644
--- a/app/assets/stylesheets/gitlab_bootstrap.scss
+++ b/app/assets/stylesheets/gitlab_bootstrap.scss
@@ -1,32 +1,32 @@
-body { 
+body {
   margin-bottom:20px;
 }
 a {
   outline: none;
   color: $link_color;
-  &:hover { 
-    text-decoration:none; 
+  &:hover {
+    text-decoration:none;
     color: $blue_link;
   }
 
-  &.btn { 
+  &.btn {
     color: $style_color;
   }
 
-  &.dark { 
+  &.dark {
     color: $style_color;
   }
 
-  &.lined { 
-    text-decoration:underline; 
+  &.lined {
+    text-decoration:underline;
     &:hover { text-decoration:underline; }
   }
 
-  &.gray { 
+  &.gray {
     color:gray;
   }
 
-  &.supp_diff_link { 
+  &.supp_diff_link {
     text-align:center;
     padding:20px 0;
     background:#f1f1f1;
@@ -39,24 +39,24 @@ a {
   }
 }
 
-.neib { 
+.neib {
   margin-right:10px;
 }
 
-.alert-message { 
+.alert-message {
   @extend .alert;
 
-  &.success { 
+  &.success {
     @extend .alert-success;
   }
 
-  &.error { 
+  &.error {
     @extend .alert-error;
   }
 }
 
-.alert { 
-  &.alert-well { 
+.alert {
+  &.alert-well {
     background:#ddd;
     border:1px solid #ccc;
     background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #ddd), to(#dfdfdf));
@@ -71,12 +71,12 @@ h3, h4, h5, h6 {
   line-height: 36px;
 }
 
-h5 { 
+h5 {
   font-size:14px;
 }
 
 
-table { 
+table {
   width:100%;
   th {
     padding-top: 9px;
@@ -97,12 +97,12 @@ table {
     border-radius: 4px;
   }
 
-  &.zebra-striped { 
+  &.zebra-striped {
     @extend .table-striped;
   }
 }
 
-.btn { 
+.btn {
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), color-stop(25%, #f1f1f1), to(#e6e6e6));
   background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 25%, #e6e6e6);
   background-image: -moz-linear-gradient(top, #f1f1f1, #f1f1f1 25%, #e6e6e6);
@@ -110,63 +110,63 @@ table {
   background-image: -o-linear-gradient(#f1f1f1, #f1f1f1 25%, #e6e6e6);
   background-image: linear-gradient(#f1f1f1, #f1f1f1 25%, #e6e6e6);
 
-  &:hover { 
+  &:hover {
   }
 
-  &.btn-primary { 
+  &.btn-primary {
     background:$link_color;
     border-color: #2A79A3;
-    &:hover { 
+    &:hover {
       background:$blue_link;
     }
   }
-  &.primary { 
+  &.primary {
     @extend .btn-primary;
   }
 
-  &.success { 
+  &.success {
     color: #fff;
     text-shadow: 0 0 1px #111;
     background: #5bb75b;;
     font-weight: bold;
 
-    &:hover { 
+    &:hover {
       background-color: #51a351;
       color: #fff;
     }
   }
 
   &.danger,
-  &.btn-danger { 
+  &.btn-danger {
     color:#fff;
     background: #DA4E49;
     border-color: #BD362F;
 
-    &:hover { 
+    &:hover {
       color:#fff;
       background: #EE4E49;
     }
   }
 
-  &.danger { 
+  &.danger {
     @extend .btn-danger;
   }
 
-  &.small { 
+  &.small {
     @extend .btn-small;
   }
 
-  &.active { 
+  &.active {
     border-color:#aaa;
     background-color:#ccc;
   }
 }
 
-a:focus { 
-  outline: none; 
+a:focus {
+  outline: none;
 }
 
-.nav-pills a:hover { 
+.nav-pills a:hover {
   background-color:#888;
 }
 
@@ -174,20 +174,20 @@ a:focus {
   background-color: $style_color;
 }
 
-.label { 
+.label {
   background-color: #474D57;
-  &.label-important { 
+  &.label-important {
     background-color: #B94A48;
   }
 
-  &.label-issue { 
+  &.label-issue {
     background-color: #eee;
     border: 1px solid #ccc;
     padding:4px 6px;
     color:#444;
     text-shadow:0 0 1px #fff;
 
-    &.grouped { 
+    &.grouped {
       float: left;
       margin-right: 6px;
       padding: 6px;
@@ -199,7 +199,7 @@ a:focus {
   color:$style_color;
 }
 
-.nav-tabs > .active > a { 
+.nav-tabs > .active > a {
   font-weight:bold;
 }
 
@@ -248,39 +248,39 @@ a:focus {
   margin-top:20px;
 }
 
-.padded { 
+.padded {
   padding:20px;
 }
 
-.ipadded { 
+.ipadded {
   padding:20px !important;
 }
-.lborder { 
+.lborder {
   border-left:1px solid #eee;
 }
 
-.borders { 
+.borders {
   border: 1px solid #ccc;
   @include shade;
 }
-.no-borders { 
+.no-borders {
   border:none;
 }
-table.no-borders { 
+table.no-borders {
   border:none;
   tr, td { border:none }
 }
-.no-padding { 
+.no-padding {
   padding:0 !important;
 }
-.underlined { 
+.underlined {
   border-bottom: 1px solid $border_color;
 }
-.vlink { 
+.vlink {
   color: $link_color !important;
 }
 
-.pretty_label { 
+.pretty_label {
   @include round-borders-all(4px);
   padding:2px 4px;
   background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.076, #fefefe), to(#F6F7F8));
@@ -290,7 +290,7 @@ table.no-borders {
   color: #777;
   border: 1px solid #DEDFE1;
 
-  &.branch { 
+  &.branch {
     border:none;
     font-size:13px;
     background: #474D57;
@@ -300,73 +300,71 @@ table.no-borders {
   }
 }
 
-.event_label { 
+.event_label {
   @extend .label;
   background-color: #999;
 
-  &.pushed { 
+  &.pushed {
     background-color: #3A87AD;
   }
 
-  &.opened { 
+  &.opened {
     background-color: #468847;
   }
 
-  &.closed { 
+  &.closed {
     background-color: #B94A48;
   }
 
-  &.merged { 
+  &.merged {
     background-color: #2A2;
   }
 }
 
-img.avatar { 
+img.avatar {
   float:left;
   margin-right:15px;
   width:40px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+  border:2px solid #ddd;
 
-  &.s16 { 
+  &.s16 {
     width:16px;
   }
-  &.s24 { 
+  &.s24 {
     width:24px;
   }
-  &.s32 { 
+  &.s32 {
     width:32px;
   }
 }
 
-img.lil_av { 
+img.lil_av {
   padding-left: 4px;
   padding-right:3px;
 }
 
-form { 
+form {
   @extend .form-horizontal;
 
-  .actions { 
+  .actions {
     @extend .form-actions;
   }
 
-  .clearfix { 
+  .clearfix {
     @extend .control-group;
   }
 
-  .input { 
+  .input {
     @extend .controls;
   }
 
-  label { 
+  label {
     @extend .control-label;
   }
-  .xlarge { 
+  .xlarge {
     @extend .input-xlarge;
   }
-  .xxlarge { 
+  .xxlarge {
     @extend .input-xxlarge;
   }
 }
@@ -375,25 +373,25 @@ form {
  * List li block element #1
  *
  */
-.wll { 
+.wll {
   background-color: #FFF;
   padding: 10px 5px;
   min-height: 20px;
   border-bottom: 1px solid #eee;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-  &.smoke { 
+  &.smoke {
     background-color:#f5f5f5;
   }
-  &:hover { 
+  &:hover {
     background:$hover;
   }
   &:last-child { border:none }
   p { padding-top:5px; margin:0; color:$style_color;}
   .author { color: #999; }
-  p { 
+  p {
     color:#222;
     margin-bottom: 0;
-    img { 
+    img {
       position:relative;
       top:3px;
     }
@@ -405,7 +403,7 @@ form {
  * Block element #2
  *
  */
-.entry { 
+.entry {
   position: relative;
   padding: 7px 15px;
   margin-bottom: 18px;
@@ -427,10 +425,10 @@ form {
   border: 1px solid #ccc;
 
 
-  p { 
+  p {
     color:$style_color;
     margin-bottom: 0;
-    img { 
+    img {
       position:relative;
       top:3px;
     }
@@ -442,18 +440,18 @@ form {
  * Big UI Block for show page content
  *
  */
-.ui-box { 
+.ui-box {
   background:#F9F9F9;
   margin-bottom: 25px;
   @include round-borders-all(4px);
   border-color: #CCC;
   @include solid_shade;
 
-  ul { 
+  ul {
     margin:0;
   }
 
-  h5, .title { 
+  h5, .title {
     padding: 0 10px;
     @include round-borders-top(4px);
     border-bottom: 1px solid #bbb;
@@ -463,30 +461,30 @@ form {
     background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
     background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
 
-    &.small { 
+    &.small {
       line-height: 28px;
       font-size: 14px;
       line-height:28px;
       text-shadow: 0 1px 1px white;
     }
 
-    form { 
+    form {
       padding:9px 0;
       margin:0px;
     }
 
-    .nav-pills { 
-      li { 
+    .nav-pills {
+      li {
         padding:3px 0;
         &.active a { background-color:$style_color; }
-        a { 
+        a {
           border-radius:7px;
         }
       }
     }
   }
 
-  .bottom { 
+  .bottom {
     background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
     background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
     background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
@@ -496,13 +494,13 @@ form {
     border-top: 1px solid #bbb;
   }
 
-  &.padded { 
-    h5, .title { 
+  &.padded {
+    h5, .title {
       margin: -20px;
       margin-bottom: 0;
       padding: 5px 20px;
     }
-    .middle_title { 
+    .middle_title {
       background:#f5f5f5;
       margin:20px -20px;
       padding: 0 20px;
@@ -512,7 +510,7 @@ form {
       color:#777;
     }
   }
-  .row_title { 
+  .row_title {
     font-weight:bold;
     color:#444;
     &:hover {
@@ -523,12 +521,12 @@ form {
 
   li, .wll {
     padding:10px;
-    &:first-child { 
+    &:first-child {
       @include round-borders-top(4px);
       border-top:none;
     }
 
-    &:last-child { 
+    &:last-child {
       @include round-borders-bottom(4px);
       border:none;
     }
@@ -537,10 +535,10 @@ form {
 }
 
 table.admin-table {
-  @extend .table-bordered; 
+  @extend .table-bordered;
   @extend .zebra-striped;
   @include solid_shade;
-  th { 
+  th {
     border-color: #CCC;
     border-bottom: 1px solid #bbb;
     background:#eee;
@@ -551,7 +549,7 @@ table.admin-table {
   }
 }
 
-.field_with_errors { 
+.field_with_errors {
   display:inline;
 }
 
@@ -563,13 +561,13 @@ ul.breadcrumb {
     text-shadow: 0 1px 0 white
   }
 
-  a { 
+  a {
     color:#474D57;
     font-weight:bold;
     font-size:14px;
   }
 
-  .arrow { 
+  .arrow {
     background: url("images.png") no-repeat -85px -77px;
     width: 19px;
     height: 16px;
@@ -581,18 +579,18 @@ ul.breadcrumb {
   }
 }
 
-.nothing_here_message { 
+.nothing_here_message {
   text-align:center;
   padding:20px;
   color:#777;
 }
 
 /**
- *  UI box element 
+ *  UI box element
  *  contains top, middle, bottom blocks
- * 
+ *
  */
-.main_box { 
+.main_box {
   @extend .borders;
   @extend .prepend-top-20;
   @extend .append-bottom-20;
@@ -608,9 +606,9 @@ ul.breadcrumb {
     }
   }
 
-  .top_box_content, 
-  .middle_box_content, 
-  .bottom_box_content { 
+  .top_box_content,
+  .middle_box_content,
+  .bottom_box_content {
     padding:15px;
 
     pre {
@@ -621,7 +619,7 @@ ul.breadcrumb {
     }
   }
 
-  .middle_box_content { 
+  .middle_box_content {
     border-radius:0;
     border:none;
     font-size:12px;
@@ -630,20 +628,20 @@ ul.breadcrumb {
     border-top:1px solid #eee;
   }
 
-  .bottom_box_content { 
+  .bottom_box_content {
     border-top:1px solid #eee;
   }
 }
 
-input[type=text] { 
-  &.large_text { 
+input[type=text] {
+  &.large_text {
     padding:6px;
     font-size:16px;
   }
 }
 
-p { 
-  &.slead { 
+p {
+  &.slead {
     color:#456;
     font-size:16px;
     margin-bottom: 12px;
@@ -652,7 +650,7 @@ p {
   }
 }
 
-h3.page_title { 
+h3.page_title {
   color:#456;
   font-size:20px;
   font-weight: normal;
@@ -660,15 +658,15 @@ h3.page_title {
 }
 
 /**
- * File content holder 
+ * File content holder
  *
  */
-.file_holder { 
+.file_holder {
   border:1px solid #CCC;
   margin-bottom:1em;
   @include solid_shade;
 
-  .file_title { 
+  .file_title {
     border-bottom: 1px solid #bbb;
     background:#eee;
     background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
@@ -683,16 +681,16 @@ h3.page_title {
     padding: 9px 10px;
     height:18px;
 
-    .options { 
+    .options {
       float:right;
       margin-top: -5px;
     }
 
-    .file_name { 
+    .file_name {
       color:$style_color;
       font-size:14px;
       text-shadow: 0 1px 1px #fff;
-      small { 
+      small {
         color:#999;
         font-size:13px;
       }
@@ -702,21 +700,21 @@ h3.page_title {
     background:#fff;
     font-size: 11px;
 
-    &.wiki { 
+    &.wiki {
       font-size: 13px;
-      code { 
+      code {
         padding:0 4px;
       }
       padding:20px;
-      h1, h2 {  
-        line-height: 46px;  
-      }  
-      h3, h4 {  
-        line-height: 40px;  
-      }  
+      h1, h2 {
+        line-height: 46px;
+      }
+      h3, h4 {
+        line-height: 40px;
+      }
     }
 
-    &.image_file { 
+    &.image_file {
       background:#eee;
       text-align:center;
       img {
@@ -725,27 +723,27 @@ h3.page_title {
       }
     }
 
-    &.blob_file { 
+    &.blob_file {
 
     }
 
     /**
      *  Blame file
      */
-    &.blame { 
-      tr { 
+    &.blame {
+      tr {
         border-bottom: 1px solid #eee;
       }
-      td { 
+      td {
         padding:5px;
       }
-      .author, 
-      .blame_commit { 
+      .author,
+      .blame_commit {
         background:#f5f5f5;
         vertical-align:top;
       }
-      .lines { 
-        pre { 
+      .lines {
+        pre {
           padding:0;
           margin:0;
           background:none;
@@ -754,27 +752,27 @@ h3.page_title {
       }
     }
 
-    &.logs { 
+    &.logs {
       background:#eee;
       max-height: 700px;
       overflow-y: auto;
 
-      ol { 
+      ol {
         margin-left:40px;
         padding: 10px 0;
         border-left: 1px solid #CCC;
         margin-bottom:0;
         background: white;
-        li { 
+        li {
           color:#888;
-          p { 
+          p {
             margin:0;
             color:#333;
             line-height:24px;
             padding-left: 10px;
           }
 
-          &:hover { 
+          &:hover {
             background:$hover;
           }
         }
@@ -784,7 +782,7 @@ h3.page_title {
     /**
      *  Code file
      */
-    &.code { 
+    &.code {
       padding:0;
       td.code {
         width: 100%;
diff --git a/app/assets/stylesheets/sections/header.scss b/app/assets/stylesheets/sections/header.scss
index 07eba39b275..c08404c324b 100644
--- a/app/assets/stylesheets/sections/header.scss
+++ b/app/assets/stylesheets/sections/header.scss
@@ -2,14 +2,14 @@
  *  Application Header
  *
  */
-header { 
+header {
   width:100%;
   padding:0;
   margin:0;
   top:1px;
   left:0;
   background: #F1F1F1; /* for non-css3 browsers */
-  border-bottom: 1px solid #ccc; 
+  border-bottom: 1px solid #ccc;
   box-shadow: 0 -1px 0 white inset;
   -moz-box-shadow: 0 -1px 0 white inset;
   -webkit-box-shadow: 0 -1px 0 white inset;
@@ -17,7 +17,7 @@ header {
   height:60px;
 
   /**
-   * 
+   *
    * Logo holder
    *
    */
@@ -27,10 +27,10 @@ header {
     position:relative;
     top:-5px;
 
-    a { 
+    a {
       float:left;
 
-      h1 { 
+      h1 {
         text-indent:-9999px;
         width:102px;
         background: url('logo_text.png') no-repeat 0px -3px;
@@ -54,8 +54,8 @@ header {
       margin-top: -10px;
     }
   }
-  .container { 
-    .top_panel_content { 
+  .container {
+    .top_panel_content {
       margin:auto;
       position:relative;
       padding:15px 0;
@@ -63,7 +63,7 @@ header {
   }
 
   /**
-   * 
+   *
    * Project / Area name
    *
    */
@@ -78,10 +78,10 @@ header {
     text-shadow: 0 1px 1px #FFF;
   }
 
-  .fbtn { 
+  .fbtn {
     float: right;
     margin-right:10px;
-    .btn { 
+    .btn {
       margin-left:7px;
       background: #F1F1F1;
       border: 1px solid #CCC;
@@ -90,13 +90,13 @@ header {
 
 
   /**
-   * 
+   *
    * Search box
    *
    */
-  .search { 
+  .search {
     float: right;
-    margin-right: 50px;
+    margin-right: 45px;
 
     .search-input {
       @extend .span2;
@@ -110,7 +110,7 @@ header {
   }
 
   /**
-   * 
+   *
    * Account box
    *
    */
@@ -125,13 +125,13 @@ header {
     display: block;
     cursor: pointer;
     img {
-      border-radius: 4px;
+      @include border-radius(4px);
       right: 5px;
       position: absolute;
-      width: 31px;
-      height: 31px;
+      width: 28px;
+      height: 28px;
       display: block;
-      top: 0;
+      top: 2px;
       &:after {
         content: " ";
         display: block;
@@ -186,7 +186,7 @@ header {
     width: 100px;
     position: absolute;
     right: 10px;
-    top: 46px;
+    top: 42px;
     margin-top: 0;
     float: right;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
diff --git a/app/assets/stylesheets/themes/ui_basic.scss b/app/assets/stylesheets/themes/ui_basic.scss
index 1b731c9192b..09ff0747470 100644
--- a/app/assets/stylesheets/themes/ui_basic.scss
+++ b/app/assets/stylesheets/themes/ui_basic.scss
@@ -1,17 +1,17 @@
 /**
- * This file represent some UI that can be changed 
- * during web app restyle or theme select. 
+ * This file represent some UI that can be changed
+ * during web app restyle or theme select.
  *
  */
-.ui_basic { 
+.ui_basic {
   /*
    * Common styles
    *
    */
   a {
     color: $link_color;
-    &:hover { 
-      text-decoration:none; 
+    &:hover {
+      text-decoration:none;
       color: $blue_link;
     }
   }
diff --git a/app/assets/stylesheets/themes/ui_mars.scss b/app/assets/stylesheets/themes/ui_mars.scss
index 39dcab1d085..488c2af5a8d 100644
--- a/app/assets/stylesheets/themes/ui_mars.scss
+++ b/app/assets/stylesheets/themes/ui_mars.scss
@@ -1,7 +1,7 @@
 /**
- * This file represent some UI that can be changed 
- * during web app restyle or theme select. 
- * 
+ * This file represent some UI that can be changed
+ * during web app restyle or theme select.
+ *
  * Next items should be placed there
  * - link colors
  * - header restyles
@@ -13,20 +13,20 @@
    *  Application Header
    *
    */
-  header { 
+  header {
     background: #474D57 url('bg-header.png') repeat-x bottom;
     box-shadow:none;
     border-bottom: 1px solid #444;
 
-    .fbtn { 
-      .btn { 
+    .fbtn {
+      .btn {
         margin-left:8px;
         background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #595D63), to(#31363E));
         background-image: -webkit-linear-gradient(#595D63 6.6%, #31363E);
         background-image: -moz-linear-gradient(#595D63 6.6%, #31363E);
         background-image: -o-linear-gradient(#595D63 6.6%, #31363E);
         font-size: 12px;
-        &:hover { 
+        &:hover {
           background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #595D63), to(#2C2F35));
           background-image: -webkit-linear-gradient(#595D63 6.6%, #2C2F35);
           background-image: -moz-linear-gradient(#595D63 6.6%, #202227);
@@ -39,10 +39,10 @@
         text-shadow: 0 -1px 0 #000000;
       }
     }
-    .search { 
+    .search {
       float: right;
-      margin-right: 55px;
-      .search-input { 
+      margin-right: 45px;
+      .search-input {
         border: 1px solid rgba(0, 0, 0, 0.7);
         box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.4) inset;
         background-color: #D2D5DA;
@@ -57,8 +57,8 @@
       color: #666;
     }
     .app_logo {
-      a { 
-        h1 { 
+      a {
+        h1 {
           background: url('images.png') no-repeat -3px -6px;
           width: 65px;
           height: 26px;
diff --git a/app/assets/stylesheets/themes/ui_modern.scss b/app/assets/stylesheets/themes/ui_modern.scss
index 6632bf88a19..29c857e5462 100644
--- a/app/assets/stylesheets/themes/ui_modern.scss
+++ b/app/assets/stylesheets/themes/ui_modern.scss
@@ -91,7 +91,7 @@
      */
     .search {
       float: right;
-      margin-right: 55px;
+      margin-right: 45px;
       .search-input {
         border: 1px solid rgba(0, 0, 0, 0.7);
         box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.4) inset;
@@ -127,6 +127,7 @@
     .account-box {
       top:6px;
       img {
+        top:1px;
         right: 5px;
         width: 26px;
         height: 26px;
diff --git a/app/views/errors/access_denied.html.haml b/app/views/errors/access_denied.html.haml
index 644ee03ec9f..4766ef7bcdd 100644
--- a/app/views/errors/access_denied.html.haml
+++ b/app/views/errors/access_denied.html.haml
@@ -1,5 +1,4 @@
-.alert-message.block-message.error
-  %h3 Access Denied
-  %hr
-  %p Youre not allowed to access this page
-  %p Read more about project permissions #{link_to "here", help_permissions_path, class: "vlink"}
+%h1 Access Denied
+%hr
+%h2 You are not allowed to access this page
+%p Read more about project permissions #{link_to "here", help_permissions_path, class: "vlink"}
diff --git a/app/views/errors/git_not_found.html.haml b/app/views/errors/git_not_found.html.haml
index b2399ac51dc..7bc6e98026e 100644
--- a/app/views/errors/git_not_found.html.haml
+++ b/app/views/errors/git_not_found.html.haml
@@ -1,9 +1,5 @@
-.alert-message.block-message.error
-  %h3 Git Resource Not found
-  %hr
-  %p
-    Application cant get access to some
-    %span.label branch
-    or
-    %span.label commit
-    in your repository. Maybe it was moved
+%h1 404
+%hr
+%h2 Git Resource Not found
+%p
+  Application cant get access to some branch or commit in your repository. Maybe it was removed
diff --git a/app/views/errors/gitolite.html.haml b/app/views/errors/gitolite.html.haml
index eb09d2141b9..44276419bac 100644
--- a/app/views/errors/gitolite.html.haml
+++ b/app/views/errors/gitolite.html.haml
@@ -1,30 +1,28 @@
-.alert-message.block-message.error
-  %h3 Gitolite Error
-  %h4 Application cant get access to your gitolite system.
+%h1 Git Error
+%hr
+%h2 Application cant get access to your gitolite system.
 
 
-
-
-%h4 Tips for Administrator:
-
-%ul
-  %li
-    %p
-      Check git logs in admin area
-  %li
-    %p
-      Check config/gitlab.yml for correct settings.
-  %li
-    %p
-      Diagnostic tool:
+.git_error_tips
+  %h4 Tips for Administrator:
+  %ol
+    %li
+      %p
+        Check git logs in admin area
+    %li
+      %p
+        Check config/gitlab.yml for correct settings.
+    %li
+      %p
+        Diagnostic tool:
+        %pre
+          bundle exec rake gitlab:app:status RAILS_ENV=production
+    %li
+      %p
+        Permissions:
       %pre
-        bundle exec rake gitlab:app:status RAILS_ENV=production
-  %li
-    %p
-      Permissions:
-    %pre
-      = preserve do
-        sudo chmod -R 770 /home/git/repositories/
-        sudo chown -R git:git /home/git/repositories/
-        sudo chown gitlab:gitlab /home/git/repositories/**/hooks/post-receive 
+        = preserve do
+          sudo chmod -R 770 /home/git/repositories/
+          sudo chown -R git:git /home/git/repositories/
+          sudo chown gitlab:gitlab /home/git/repositories/**/hooks/post-receive
 
diff --git a/app/views/errors/not_found.html.haml b/app/views/errors/not_found.html.haml
index 9b76a9bf908..d3734e07d3c 100644
--- a/app/views/errors/not_found.html.haml
+++ b/app/views/errors/not_found.html.haml
@@ -1,5 +1,4 @@
-.alert-message.block-message.error
-  %h3 Not found
-  %hr
-  %p Resource you were looking for doesn't exist.
-  %P You may have mistyped the address or it was removed.
+%h1 404
+%hr
+%h2 Resource you were looking for doesn't exist.
+%p You may have mistyped the address or the page may have moved.
diff --git a/app/views/layouts/error.html.haml b/app/views/layouts/error.html.haml
index a512c4a58aa..1f5c03bdced 100644
--- a/app/views/layouts/error.html.haml
+++ b/app/views/layouts/error.html.haml
@@ -6,5 +6,5 @@
     = render "layouts/head_panel", title: ""
     .container
       .content
-        %br
-        %h3= yield
+        %center.padded.prepend-top-20
+          = yield
diff --git a/public/404.html b/public/404.html
index d4b26fe439c..3e56e52cc18 100644
--- a/public/404.html
+++ b/public/404.html
@@ -7,7 +7,7 @@
 
 <body>
   <h1>404</h1>
-  <div class="alert-message block-message error">
+  <div>
     <h2>The page you were looking for doesn't exist.</h2>
     <p>You may have mistyped the address or the page may have moved.</p>
   </div>
diff --git a/public/422.html b/public/422.html
index a0a0a244105..b6c37ac5386 100644
--- a/public/422.html
+++ b/public/422.html
@@ -8,7 +8,7 @@
 <body>
   <!-- This file lives in public/422.html -->
   <h1>422</h1>
-  <div class="alert-message block-message error">
+  <div>
     <h2>The change you wanted was rejected.</h2>
     <p>Maybe you tried to change something you didn't have access to.</p>
   </div>
diff --git a/public/500.html b/public/500.html
index 2868de5e686..3be1cc259c0 100644
--- a/public/500.html
+++ b/public/500.html
@@ -8,7 +8,7 @@
 <body>
   <!-- This file lives in public/500.html -->
   <h1>500</h1>
-  <div class="alert-message block-message error">
+  <div>
     <h2>We're sorry, but something went wrong.</h2>
     <p>We've been notified about this issue and we'll take a look at it shortly.</p>
   </div>