From 6ebd360cf2627f874532db6b6fa7f14d4b23984b Mon Sep 17 00:00:00 2001
From: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Date: Mon, 13 Aug 2012 08:52:10 +0300
Subject: [PATCH] Modern theme restyled. Better Profile -> Ui page

---
 app/assets/images/gitlab_classic.png         | Bin 0 -> 3054 bytes
 app/assets/images/gitlab_default.png         | Bin 0 -> 6435 bytes
 app/assets/images/gitlab_modern.png          | Bin 0 -> 3892 bytes
 app/assets/stylesheets/common.scss           | 242 ++++++++++---------
 app/assets/stylesheets/themes/ui_modern.scss | 171 +++++++++----
 app/views/events/_commit.html.haml           |   4 +-
 app/views/profile/design.html.haml           |  44 ++--
 7 files changed, 276 insertions(+), 185 deletions(-)
 create mode 100644 app/assets/images/gitlab_classic.png
 create mode 100644 app/assets/images/gitlab_default.png
 create mode 100644 app/assets/images/gitlab_modern.png

diff --git a/app/assets/images/gitlab_classic.png b/app/assets/images/gitlab_classic.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e189e220abb3d6e08f067802f95cdbe862853bc
GIT binary patch
literal 3054
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
DOnjjQ

literal 0
HcmV?d00001

diff --git a/app/assets/images/gitlab_default.png b/app/assets/images/gitlab_default.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e9dfb58896757f03d03302ff9f84b255a895e0a
GIT binary patch
literal 6435
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
VdF&t>{PTlCQ&m@`2x}Vje*lD$`yl`T

literal 0
HcmV?d00001

diff --git a/app/assets/images/gitlab_modern.png b/app/assets/images/gitlab_modern.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2d73b7a789f048a9947d68a0b942abe57c0b2e2
GIT binary patch
literal 3892
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
K8P^%!e)2y$W`lD8

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 9d9bfb7d..a30f0d3d 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -6,28 +6,28 @@
 
 /** LAYOUT **/
 
-.container { 
+.container {
   padding-top:0;
   z-index:5;
 }
 
-.container .content { 
+.container .content {
   margin:0 0;
 }
 
-.container  .sidebar { 
+.container  .sidebar {
   width: 200px;
   height:100%;
   min-height:450px;
   float:right;
 }
 
-.profile_avatar_holder { 
+.profile_avatar_holder {
   float:left;
   width:60px;
   height:60px;
   margin-right:20px;
-  img { 
+  img {
     width:60px;
     height:60px;
     background:#eee;
@@ -36,11 +36,11 @@
 
 
 .visible_link,
-.author_link { 
+.author_link {
   color: $link_color;
 }
 
-.widget { 
+.widget {
   @include shade;
   padding:20px;
   margin-bottom:20px;
@@ -48,7 +48,7 @@
   border-radius: 5px;
   background:#fafafa;
 
-  .link_holder { 
+  .link_holder {
     background:#eee;
     position:relative;
     left:-20px;
@@ -57,16 +57,16 @@
     width:100%;
     border-top:1px solid #ccc;
 
-    a { 
+    a {
       font-size:14px;
       color:#666;
     }
   }
 }
 
-.help li { color:#111 } 
+.help li { color:#111 }
 
-.back_link { 
+.back_link {
   text-decoration:underline;
   font-size:14px;
   font-weight:bold;
@@ -74,31 +74,31 @@
   padding-bottom:0;
 }
 
-.info_link { 
+.info_link {
   margin-right:5px;
   float:left;
 
-  img { 
+  img {
     width:20px;
   }
 }
 
-.download_repo_link { 
+.download_repo_link {
   background: url("images.png") no-repeat 0 -48px;
   padding-left:20px;
 }
 
-.number { 
-  border-radius: 4px; 
-  text-shadow: none; 
-  background: rgba(0,0,0,.12); 
-  text-align: center; 
-  padding: 2px 4px; 
+.number {
+  border-radius: 4px;
+  text-shadow: none;
+  background: rgba(0,0,0,.12);
+  text-align: center;
+  padding: 2px 4px;
   line-height:18px;
   margin-left:2px;
 }
 
-table a code { 
+table a code {
   position: relative;
   top: -2px;
   margin-right: 3px;
@@ -108,7 +108,7 @@ table a code {
  margin-top: 5px;
 }
 
-.loading { 
+.loading {
   margin:20px auto;
   background: url(ajax_loader.gif) no-repeat center center;
   width:40px;
@@ -198,12 +198,12 @@ a.project-update.titled {
   }
 }
 
-input.git_clone_url { 
+input.git_clone_url {
   width:325px;
 }
 
 .merge-request-form-holder {
-  select { 
+  select {
     width:300px;
   }
 }
@@ -217,17 +217,17 @@ input.git_clone_url {
     height: 100px;
 }
 
-.project_list_url { 
+.project_list_url {
   width:250px;
   background:#fff !important;
 }
 
 
 /** bordered list **/
-ul.bordered-list { 
+ul.bordered-list {
   margin:5px 0px;
   padding:0px;
-  li { 
+  li {
     padding: 5px 0;
     border-bottom: 1px solid #EEE;
     overflow: hidden;
@@ -236,25 +236,25 @@ ul.bordered-list {
   }
 }
 
-ul.bordered-list li:last-child { border:none } 
+ul.bordered-list li:last-child { border:none }
 
-.line_holder { 
-  &:hover { 
-    td { 
+.line_holder {
+  &:hover {
+    td {
       background: #FFFFCF !important;
     }
   }
 }
 
-li.commit { 
-  .avatar { 
+li.commit {
+  .avatar {
     width:24px;
     top:-3px;
     margin-right:10px;
     margin-left:10px;
   }
 
-  code { 
+  code {
     padding: 2px 2px 0;
     margin-top: -2px;
     &:hover {
@@ -270,21 +270,21 @@ p.time {
 }
 
 
-/** 
+/**
  * Dashboard page
- * 
+ *
  */
-.dashboard_category { 
+.dashboard_category {
   margin-bottom:30px;
-  h3 a { 
+  h3 a {
     color:#474D57;
-    &:hover { 
+    &:hover {
       text-decoration:underline;
     }
   }
 
-  .dashboard_block { 
-    .dash_project_item { 
+  .dashboard_block {
+    .dash_project_item {
       margin-bottom:10px;
       border:none;
       padding:0px 5px;
@@ -292,7 +292,7 @@ p.time {
         color:#888;
         &:hover {
           color:#111;
-          .ico.project { 
+          .ico.project {
             background-position:-209px -21px;
           }
         }
@@ -304,7 +304,7 @@ p.time {
   }
 }
 
-.styled_image { 
+.styled_image {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
@@ -313,23 +313,23 @@ p.time {
   box-shadow: 0 0 5px #888;
 }
 
-.event_feed { 
+.event_feed {
   min-height:40px;
   border-bottom:1px solid #ddd;
-  .avatar { 
+  .avatar {
     width:32px;
   }
-  .event_icon { 
+  .event_icon {
     float:right;
     margin-right:2px;
-    img { 
+    img {
       width:20px;
     }
   }
-  ul { 
+  ul {
     margin-left:50px;
     margin-bottom:5px;
-    .avatar { 
+    .avatar {
       width:24px;
     }
   }
@@ -338,17 +338,18 @@ p.time {
   &:last-child { border:none }
   .wll:hover { background:none }
 
-  .event_commits { 
+  .event_commits {
     margin-top: 5px;
 
-    li.commit { 
+    li.commit {
+      background: transparent;
       padding:5px;
       border:none;
     }
   }
 }
 
-.ico { 
+.ico {
   background: url("images.png") no-repeat -85px -77px;
   width: 19px;
   height: 16px;
@@ -357,24 +358,24 @@ p.time {
   margin-right: 10px;
   top: 8px;
 
-  &.project { 
+  &.project {
     background-position:  -37px -77px;
   }
 
-  &.activities { 
+  &.activities {
     background-position:-162px -22px;
   }
-  &.projects { 
+  &.projects {
     background-position:-209px -21px;
   }
 }
 
-.leftbar { 
-  h5, .title { 
+.leftbar {
+  h5, .title {
     padding:5px 10px;
   }
 
-  h4 { 
+  h4 {
     font-size:14px;
     padding:2px 10px;
     color:#666;
@@ -382,41 +383,41 @@ p.time {
   }
   a:last-child h4 { border:none; }
 
-  a:hover { 
+  a:hover {
     h4 {
       color:#111;
       background:$hover;
       border-color:#CCC;
-      .ico.project { 
+      .ico.project {
         background-position:-209px -21px;
       }
     }
   }
-  .bottom { 
+  .bottom {
     padding:10px;
   }
 }
 
-.btn { 
-  &.very_small { 
+.btn {
+  &.very_small {
     font-size:11px;
     padding:2px 6px;
     margin:2px;
   }
 
-  &.grouped { 
+  &.grouped {
     margin-right:7px;
     float:left;
   }
 
-  &.padded { 
+  &.padded {
     margin-right:3px;
     padding:4px 10px 4px;
   }
 }
 
 
-.prettyprint { 
+.prettyprint {
   background-color: #fefbf3;
   padding: 9px;
   border: 1px solid rgba(0,0,0,.2);
@@ -443,7 +444,7 @@ p.time {
 .readme {
   pre {
     background: white !important;
-    
+
     code {
       background: none !important;
     }
@@ -451,11 +452,11 @@ p.time {
 }
 
 
-.highlight_word { 
+.highlight_word {
   background:#EEDC94;
 }
 
-.status_info { 
+.status_info {
   font-size:14px;
   padding:5px 15px;
   line-height:24px;
@@ -464,13 +465,13 @@ p.time {
   float:left;
   margin-right:20px;
 
-  &.success { 
+  &.success {
     background: #5BB75B;
     color: white;
     text-shadow: 0 1px #111;
     border-color: #9A9;
   }
-  &.error { 
+  &.error {
     background: #DA4E49;
     border-color: #BD362F;
     color: white;
@@ -478,7 +479,7 @@ p.time {
   }
 }
 
-.arrow{ 
+.arrow{
   background: #E3E5EA;
   padding: 5px;
   margin-top:5px;
@@ -493,12 +494,12 @@ p.time {
   height: 150px;
 }
 
-.gitlab_pagination { 
+.gitlab_pagination {
   span a { color:$link_color; }
-  .prev, .next, .current, .page a { 
+  .prev, .next, .current, .page a {
     padding:10px;
   }
-  .current { 
+  .current {
     border-bottom:2px solid $style_color;
   }
 }
@@ -524,8 +525,8 @@ li.note {
   }
 }
 
-.markdown { 
-  img { 
+.markdown {
+  img {
     max-width:100%;
   }
 }
@@ -534,20 +535,20 @@ li.note {
   background-color: inherit;
 }
 
-.team_member_show { 
-  td:first-child { 
+.team_member_show {
+  td:first-child {
     color:#aaa;
   }
 }
 
-.remember_me { 
+.remember_me {
   text-align:left;
 
-  input { 
+  input {
     margin:0;
   }
 
-  span { 
+  span {
     padding-left:5px;
   }
 }
@@ -558,7 +559,7 @@ li.note {
  *
  */
 
-.milestone { 
+.milestone {
   @extend .wll;
 }
 
@@ -566,10 +567,10 @@ li.note {
  * Admin area
  *
  */
-.admin_dash { 
-  .data { 
-    a { 
-      h1 { 
+.admin_dash {
+  .data {
+    a {
+      h1 {
         line-height:48px;
         font-size:48px;
         padding:20px;
@@ -585,7 +586,7 @@ li.note {
     vertical-align:top;
   }
 
-  strong { 
+  strong {
     line-height:24px;
   }
 }
@@ -593,20 +594,20 @@ li.note {
 
 
 /* CHZN reset few styles */
-.chzn-container-single .chzn-single { 
+.chzn-container-single .chzn-single {
   background:#FFF;
   border: 1px solid #bbb;
   box-shadow:none;
 }
-.chzn-container-active .chzn-single { 
+.chzn-container-active .chzn-single {
   background:#fff;
 }
 
 /**
  * Push event widget
- * 
+ *
  */
-.event_lp { 
+.event_lp {
   @extend .alert-info;
   margin-bottom:20px;
   padding:8px;
@@ -615,19 +616,19 @@ li.note {
   @include border-radius(4px);
   min-height:22px;
 
-  .avatar { 
+  .avatar {
     width:24px;
   }
 }
 
 .supp_diff_link,
-.mr_show_all_commits { 
+.mr_show_all_commits {
   cursor:pointer;
 }
 
 /**
- *  Issues, MRs legend 
- * 
+ *  Issues, MRs legend
+ *
  */
 
 .list_legend {
@@ -640,32 +641,32 @@ li.note {
     margin-right:5px;
     margin-top: 2px;
     @include border-radius(4px);
-    &.today{ 
+    &.today{
       background: #ADA;
       border:1px solid #8B8;
     }
-    &.closed { 
+    &.closed {
       background: #DDD;
       border:1px solid  #BBB;
     }
-    &.yours { 
+    &.yours {
       background: #AAD;
       border:1px solid #88B;
     }
-    &.merged { 
+    &.merged {
       background: #DAD;
       border:1px solid #B8B;
     }
   }
-  .text { 
+  .text {
     padding-bottom: 10px;
     float:left;
   }
 }
 
 .merge_request,
-.issue { 
-  .list_legend { 
+.issue {
+  .list_legend {
     margin-right: 5px;
     margin-top: 14px;
     .icon {
@@ -678,34 +679,53 @@ li.note {
     }
   }
 
-  &.today{ 
+  &.today{
     background: #EFE;
     border-color:#CEC;
-    .icon { 
+    .icon {
       background: #ADA;
       border:1px solid #8B8;
     }
   }
-  &.closed { 
+  &.closed {
     background: #F5f5f5;
     border-color:#E5E5E5;
-    .icon { 
+    .icon {
       background: #DDD;
       border:1px solid  #BBB;
     }
   }
-  &.yours { 
-    .icon { 
+  &.yours {
+    .icon {
       background: #AAD;
       border:1px solid #88B;
     }
   }
-  &.merged { 
+  &.merged {
     background: #F5f5f5;
     border-color:#E5E5E5;
-    .icon { 
+    .icon {
       background: #DAD;
       border:1px solid #B8B;
     }
   }
 }
+
+.themes_opts {
+  padding-left:20px;
+
+  label {
+    width:175px;
+    margin-right:40px;
+
+    .prev {
+      @extend .borders;
+      height:120px;
+      width:175px;
+      margin-bottom:10px;
+      img {
+        width:180px;
+      }
+    }
+  }
+}
diff --git a/app/assets/stylesheets/themes/ui_modern.scss b/app/assets/stylesheets/themes/ui_modern.scss
index 1aeaafb7..6632bf88 100644
--- a/app/assets/stylesheets/themes/ui_modern.scss
+++ b/app/assets/stylesheets/themes/ui_modern.scss
@@ -1,69 +1,136 @@
 /**
- * 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 styles
  * - main menu styles
  *
  */
-.ui_modern { 
-  ul.main_menu { 
-    background:none;
-    box-shadow:none;
-    @include border-radius(0px);
-    border:none;
-    border-bottom:2px solid #456;
-
-    li { 
-      border:none;
-
-      &.current {
-        border-bottom:2px solid #f90;
-        background-color:#fff;
-        position:relative;
-        top:2px;
-      }
-    }
-  }
-
+.ui_modern {
   /*
-   * Common styles
+   *  Application Header
    *
    */
-  a {
-    color: #E28934;
-    &:hover { 
-      text-decoration:none; 
-      color: #f90;
+  header {
+    height:40px;
+    background-image: -moz-linear-gradient(top, #333, #222);
+    background-image: -ms-linear-gradient(top, #333, #222);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
+    background-image: -webkit-linear-gradient(top, #333, #222);
+    background-image: -o-linear-gradient(top, #333, #222);
+    background-image: linear-gradient(top, #333, #222);
+    background-repeat: repeat-x;
+    background-repeat: repeat-x;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+
+    .container .top_panel_content  { padding: 5px 0; }
+
+
+    /**
+     *
+     * Logo holder
+     *
+     */
+    .app_logo {
+      a {
+        h1 {
+          opacity: 0.7;
+          background: url('images.png') no-repeat -3px -6px;
+          width: 65px;
+          height: 26px;
+          margin: 6px 0;
+          padding: 0;
+          float: left;
+          text-indent: -1000em;
+          float:left;
+          &:hover {
+            opacity: 1.0;
+          }
+        }
+      }
+      .separator {
+        width: 1px;
+        height: 40px;
+        margin: 0 9px;
+        overflow: hidden;
+        background: #222;
+        border-left: 1px solid #333;
+      }
     }
-  }
 
-  .btn { 
-    &.primary, 
-    &.btn-primary { 
-      border-color:#C60;
-      background:#D70;
+    .fbtn {
+      .btn {
+        i {
+          @extend .icon-white;
+          position: relative;
+          top: 2px;
+        }
+        background:none;
+        margin-left:8px;
+        font-size: 13px;
+        line-height: 19px;
+        color:#ccc;
+        &:hover {
+          color:#fff;
+        }
+        border: none;
+        box-shadow:none;
+        text-shadow: 0 -1px 0 #000000;
+      }
+    }
 
-      &:hover { 
-        background:#F90;
+    /**
+     *
+     * Search box
+     *
+     */
+    .search {
+      float: right;
+      margin-right: 55px;
+      .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;
+        background-color: rgba(255, 255, 255, 0.5);
+
+        &:focus {
+          background-color: white;
+        }
+      }
+      .search-input::-webkit-input-placeholder {
+        color: #666;
+      }
+    }
+
+    /**
+     *
+     * Project / Area name
+     *
+     */
+    .project_name {
+      line-height:34px;
+      font-size:22px;
+      color:#fff;
+      text-shadow: 0 1px 1px #111;
+    }
+
+    /**
+     *
+     * Account box
+     *
+     */
+    .account-box {
+      top:6px;
+      img {
+        right: 5px;
+        width: 26px;
+        height: 26px;
       }
     }
   }
-
-  .alert-info { 
-    border-color:#FDA;
-    background:#FED;
-    color:#D70;
-  }
-  
-
-  .progress .bar { 
-    background:#D80;
-  }
-
-  .back_link { 
-    color:#D80;
-  }
 }
diff --git a/app/views/events/_commit.html.haml b/app/views/events/_commit.html.haml
index 79df0cfb..1e5c00cb 100644
--- a/app/views/events/_commit.html.haml
+++ b/app/views/events/_commit.html.haml
@@ -1,7 +1,7 @@
 - commit = CommitDecorator.decorate(commit)
-%li.wll.commit
+%li.commit
   %p
-    = link_to commit.short_id(8), project_commit_path(project, id: commit.id), class: "commit_short_id" 
+    = link_to commit.short_id(8), project_commit_path(project, id: commit.id), class: "commit_short_id"
     %strong.cdark= commit.author_name
     &ndash;
     = image_tag gravatar_icon(commit.author_email), class: "avatar", width: 16
diff --git a/app/views/profile/design.html.haml b/app/views/profile/design.html.haml
index a3455ced..d70483a2 100644
--- a/app/views/profile/design.html.haml
+++ b/app/views/profile/design.html.haml
@@ -1,37 +1,41 @@
 = form_for @user, url: profile_update_path, remote: true, method: :put do |f|
   %div
-    %h3 Application theme
-    %hr
-    .clearfix
+    %h3.page_title Application theme
+    %br
+    .themes_opts
       = label_tag do
+        .prev
+          = image_tag "gitlab_default.png"
         = f.radio_button :theme_id, 1
         Default
 
       = label_tag do
+        .prev
+          = image_tag "gitlab_classic.png"
         = f.radio_button :theme_id, 2
         Classic
 
       = label_tag do
+        .prev
+          = image_tag "gitlab_modern.png"
         = f.radio_button :theme_id, 3
         Modern
     %br
-  %h3 Code review
-  %hr
-  .row
-    %label.span3{for: "user_dark_scheme_false"}
-      .thumbnail
-        = image_tag "white.png", width: 260, class: "styled_image"
-        .caption
-          %h5
-            = f.radio_button :dark_scheme, false
-            White code preview
-    %label.span3{for: "user_dark_scheme_true"}
-      .thumbnail
-        = image_tag "dark.png", width: 260, class: "styled_image"
-        .caption
-          %h5
-            = f.radio_button :dark_scheme, true
-            Dark code preview
+    .clearfix
+
+  %h3.page_title Code review
+  %br
+  .themes_opts
+    = label_tag do
+      .prev
+        = image_tag "white.png"
+      = f.radio_button :dark_scheme, false
+      White code preview
+    = label_tag do
+      .prev
+        = image_tag "dark.png"
+      = f.radio_button :dark_scheme, true
+      Dark code preview
 
 :javascript
   $(function(){