deac/gitlabhq
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

restyled main menu. move from left to top orientation

Browse source
This commit is contained in:
Dmitriy Zaporozhets 2012-02-12 02:38:38 +02:00
parent 9511ec846d
commit c844723a24
11 changed files with 98 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

60
app/assets/stylesheets/common.scss
View file

@ -78,29 +78,63 @@ a {
margin-top:62px;
}
.container-fluid > .sidebar {
width: 140px;
border-right: 1px solid $border_color;
.container-fluid .sidebar {
width: 250px;
border-left: 1px solid $lite_border_color;
height:100%;
min-height:450px;
float:right;
}
.fixed {
position:fixed;
nav.main_menu {
border-radius: 4px;
box-shadow: 0 1px 2px black;
width: 100%;
margin: auto;
margin-top:20px;
margin-bottom:20px;
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);
.label {
background:$hover;
text-shadow:none;
color:$style_color;
}
aside a {
display:block;
position:relative;
padding:12px 10px;
margin:10px 0 0 0;
font-size:13px;
a {
font-weight:bold;
color:$style_color;
&:first-child{
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
padding: 10px 25px;
display: inline-block;
color: #D6DADF;
border-right: 1px solid #31363E;
position: relative;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
margin: 0;
text-shadow: 0 -1px 0 black;
&.current {
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);
background-image: -o-linear-gradient(#595d63 6.6%, #202227);
}
}
}
.container-fluid > .content {
margin-left: 160px;
margin-left: 0px;
margin-top:20px;
}