Commit 4ba24596 authored by Dmitriy Zaporozhets's avatar Dmitriy Zaporozhets

Make the logo icon more awesome

parent a87fccc0
...@@ -35,9 +35,14 @@ header { ...@@ -35,9 +35,14 @@ header {
.app_logo { .app_logo {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
position: relative;
top: -5px;
padding-top: 5px;
a { a {
float: left; float: left;
padding: 0px; padding: 0px;
margin: 0 10px;
h1 { h1 {
background: url('logo_dark.png') no-repeat 0px 2px; background: url('logo_dark.png') no-repeat 0px 2px;
...@@ -48,6 +53,9 @@ header { ...@@ -48,6 +53,9 @@ header {
text-indent: -9999px; text-indent: -9999px;
} }
} }
&:hover {
background-color: #EEE;
}
} }
/** /**
...@@ -243,5 +251,23 @@ header { ...@@ -243,5 +251,23 @@ header {
text-shadow: 0 1px 1px #111; text-shadow: 0 1px 1px #111;
} }
} }
.app_logo {
.separator {
margin-left: 0;
margin-right: 0;
}
}
.separator {
float: left;
height: 60px;
width: 1px;
background: white;
border-left: 1px solid #DDD;
margin-top: -10px;
margin-left: 10px;
margin-right: 10px;
}
} }
...@@ -4,21 +4,8 @@ ...@@ -4,21 +4,8 @@
* *
*/ */
.ui_basic { .ui_basic {
.app_logo {
.separator { .separator {
margin-left: 0;
margin-right: 0;
}
}
.separator {
float: left;
height: 60px;
width: 1px;
background: white; background: white;
border-left: 1px solid #DDD; border-left: 1px solid #DDD;
margin-top: -10px;
margin-left: 10px;
margin-right: 10px;
} }
} }
...@@ -17,6 +17,15 @@ ...@@ -17,6 +17,15 @@
&.navbar-gitlab { &.navbar-gitlab {
.navbar-inner { .navbar-inner {
background: #657; background: #657;
.app_logo {
&:hover {
background-color: #6A5A7A;
}
}
.separator {
background: #546;
border-left: 1px solid #706080;
}
} }
} }
} }
......
...@@ -17,6 +17,15 @@ ...@@ -17,6 +17,15 @@
&.navbar-gitlab { &.navbar-gitlab {
.navbar-inner { .navbar-inner {
background: #708090; background: #708090;
.app_logo {
&:hover {
background-color: #6A7A8A;
}
}
.separator {
background: #607080;
border-left: 1px solid #8090A0;
}
} }
} }
} }
......
...@@ -46,21 +46,26 @@ ...@@ -46,21 +46,26 @@
.app_logo { .app_logo {
a { a {
h1 { h1 {
background: url('logo_white.png') no-repeat 0px 2px; background: url('logo_white.png') no-repeat center center;
color: #eee; color: #eee;
text-shadow: 0 1px 1px #111; text-shadow: 0 1px 1px #111;
} }
} }
.separator { &:hover {
display: none; background-color: #41464e;
} }
} }
.project_name { .project_name {
color: #eee; color: #eee;
text-shadow: 0 1px 1px #111; text-shadow: 0 1px 1px #111;
} }
} }
.separator {
background: #31363E;
border-left: 1px solid #666;
}
/* /*
* End of Application Header * End of Application Header
* *
......
...@@ -17,6 +17,15 @@ ...@@ -17,6 +17,15 @@
&.navbar-gitlab { &.navbar-gitlab {
.navbar-inner { .navbar-inner {
background: #567; background: #567;
.app_logo {
&:hover {
background-color: #516171;
}
}
.separator {
background: #456;
border-left: 1px solid #678;
}
} }
} }
} }
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
.navbar-inner .navbar-inner
.container .container
%div.app_logo %div.app_logo
%span.separator
= link_to root_path, class: "home has_bottom_tooltip", title: "Dashboard" do = link_to root_path, class: "home has_bottom_tooltip", title: "Dashboard" do
%h1 GITLAB %h1 GITLAB
%span.separator %span.separator
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment