Make the logo icon more awesome
This commit is contained in:
parent
a87fccc083
commit
4ba24596d3
7 changed files with 64 additions and 18 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -17,6 +17,15 @@
|
|||
&.navbar-gitlab {
|
||||
.navbar-inner {
|
||||
background: #657;
|
||||
.app_logo {
|
||||
&:hover {
|
||||
background-color: #6A5A7A;
|
||||
}
|
||||
}
|
||||
.separator {
|
||||
background: #546;
|
||||
border-left: 1px solid #706080;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -17,6 +17,15 @@
|
|||
&.navbar-gitlab {
|
||||
.navbar-inner {
|
||||
background: #708090;
|
||||
.app_logo {
|
||||
&:hover {
|
||||
background-color: #6A7A8A;
|
||||
}
|
||||
}
|
||||
.separator {
|
||||
background: #607080;
|
||||
border-left: 1px solid #8090A0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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
|
||||
*
|
||||
|
|
|
@ -17,6 +17,15 @@
|
|||
&.navbar-gitlab {
|
||||
.navbar-inner {
|
||||
background: #567;
|
||||
.app_logo {
|
||||
&:hover {
|
||||
background-color: #516171;
|
||||
}
|
||||
}
|
||||
.separator {
|
||||
background: #456;
|
||||
border-left: 1px solid #678;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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?
|
||||
|
|
Loading…
Reference in a new issue