Merge pull request #2202 from gitlabhq/ui/tiny_nav

Redesign for navigation bar.
This commit is contained in:
Ariejan de Vroom 2012-12-07 01:35:48 -08:00
commit 3d9ba7b76c

View file

@ -3,15 +3,13 @@
*
*/
ul.main_menu {
@include border-radius(4px);
margin: auto;
margin: 30px 0;
border: 1px solid #BBB;
margin-top: 10px;
border-bottom: 1px solid #DDD;
height: 37px;
@include bg-gray-gradient;
position: relative;
overflow: hidden;
@include shade;
.count {
position: relative;
top: -1px;
@ -24,9 +22,6 @@ ul.main_menu {
line-height: 14px;
text-align: center;
color: #777;
background: #f2f2f2;
border-top: 1px solid #CCC;
@include border-radius(8px);
}
.label {
background: $hover;
@ -38,23 +33,10 @@ ul.main_menu {
margin: 0;
display: table-cell;
width: 1%;
border-right: 1px solid #DDD;
border-left: 1px solid #EEE;
border-bottom: 2px solid #CFCFCF;
&:first-child{
@include border-radius(5px 0 0 5px);
border-left: 0;
}
&.active {
background-color: #D5D5D5;
border-right: 1px solid #BBB;
border-left: 1px solid #BBB;
@include border-radius(0 0 1px 1px);
&:first-child{
border-bottom: none;
border-left: none;
border-bottom: 2px solid #474D57;
a {
color: $style_color;
}
}
@ -73,10 +55,10 @@ ul.main_menu {
a {
display: block;
text-align: center;
font-weight: bold;
font-weight: normal;
height: 35px;
line-height: 36px;
color: $style_color;
color: #777;
text-shadow: 0 1px 1px white;
padding: 0 10px;
}