Make the logo icon more awesome

This commit is contained in:
Dmitriy Zaporozhets 2012-12-24 21:18:23 +02:00
parent a87fccc083
commit 4ba24596d3
7 changed files with 64 additions and 18 deletions

View file

@ -35,9 +35,14 @@ header {
.app_logo {
float: left;
margin-right: 15px;
position: relative;
top: -5px;
padding-top: 5px;
a {
float: left;
padding: 0px;
margin: 0 10px;
h1 {
background: url('logo_dark.png') no-repeat 0px 2px;
@ -48,6 +53,9 @@ header {
text-indent: -9999px;
}
}
&:hover {
background-color: #EEE;
}
}
/**
@ -243,5 +251,23 @@ header {
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;
}
}

View file

@ -4,21 +4,8 @@
*
*/
.ui_basic {
.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;
}
}

View file

@ -17,6 +17,15 @@
&.navbar-gitlab {
.navbar-inner {
background: #657;
.app_logo {
&:hover {
background-color: #6A5A7A;
}
}
.separator {
background: #546;
border-left: 1px solid #706080;
}
}
}
}

View file

@ -17,6 +17,15 @@
&.navbar-gitlab {
.navbar-inner {
background: #708090;
.app_logo {
&:hover {
background-color: #6A7A8A;
}
}
.separator {
background: #607080;
border-left: 1px solid #8090A0;
}
}
}
}

View file

@ -46,21 +46,26 @@
.app_logo {
a {
h1 {
background: url('logo_white.png') no-repeat 0px 2px;
background: url('logo_white.png') no-repeat center center;
color: #eee;
text-shadow: 0 1px 1px #111;
}
}
.separator {
display: none;
&:hover {
background-color: #41464e;
}
}
.project_name {
color: #eee;
text-shadow: 0 1px 1px #111;
}
}
.separator {
background: #31363E;
border-left: 1px solid #666;
}
/*
* End of Application Header
*

View file

@ -17,6 +17,15 @@
&.navbar-gitlab {
.navbar-inner {
background: #567;
.app_logo {
&:hover {
background-color: #516171;
}
}
.separator {
background: #456;
border-left: 1px solid #678;
}
}
}
}

View file

@ -2,9 +2,10 @@
.navbar-inner
.container
%div.app_logo
%span.separator
= link_to root_path, class: "home has_bottom_tooltip", title: "Dashboard" do
%h1 GITLAB
%span.separator
%span.separator
%h1.project_name= title
%ul.nav
- if current_user.is_admin?