Files
robotopro/static/css/less/ace-nav.less
Fergal Moran 294a55889c Initial commit
2013-08-29 12:08:44 +01:00

150 lines
2.5 KiB
Plaintext
Executable File

.navbar {
margin-bottom:0;
//position:relative;
//z-index:@zindexFixedNavbar+1;
}
.navbar {
padding-left:0; padding-right:0;
margin-left:0; margin-right:0;
.navbar-inner {
border:none;
.box-shadow(none);
.border-radius(0);
margin:0;
padding-left:0; padding-right:0;
min-height:@navbar-mh;
position:relative;
background:@navbar-bg;
}
.navbar-text, .navbar-link {
color:@navbar-text-color;
}
.brand {
color:@navbar-text-color;
font-size:@brand-size;
text-shadow:none;
}
.nav {
> li {
> a {
& , &:hover , &:focus {
font-size:13px;
text-shadow:none;
color:@navbar-text-color;
}
}
}//li
}//.nav
}
/* ace-nav */
.ace-nav {
height:100%;
> li {
line-height:@navbar-mh;
max-height:@navbar-mh;
background:@ace-nav-default;
border-left:1px solid #DDD;
padding:0;
position:relative;
&:first-child {
border-left:none;
}
> a {
position:relative;
color:#EEE;
display:block;
height:100%;
padding:0 8px !important;
background-color:transparent;
> [class*="icon-"] {
font-size:16px;
color:#EEE;
display:inline-block;
width:20px;
text-align:center;
}
> .badge {
position:relative;
top:-4px; left:2px;
padding-right:5px; padding-left:5px;
}
}
/* different colors */
&.grey { background:@ace-nav-grey; }
&.purple { background:@ace-nav-purple; }
&.green { background:@ace-nav-green; }
&.light-blue { background:@ace-nav-light-blue; }
&.light-blue2 { background:@ace-nav-light-blue2; }
&.red { background:@ace-nav-red; }
&.light-green { background:@ace-nav-light-green; }
&.light-purple { background:@ace-nav-light-purple; }
&.light-orange { background:@ace-nav-light-orange; }
&.light-pink { background:@ace-nav-light-pink; }
&.dark { background:@ace-nav-dark; }
&.white-opaque { background:@ace-nav-white-opaque;}
&.dark-opaque { background:@ace-nav-dark-opaque;}
//no border
&.no-border { border:none;}
//margins
.marginX (@index) when (@index > 0) {
&.margin-@{index} { margin-left:unit(@index,px); }
.marginX(@index - 1);
}
.marginX(4);
///
.dropdown-menu {
z-index:@zindexFixedNavbar+1;
}
}
.nav-user-photo {
margin:-4px 8px 0 0;
border-radius:24px;
border:2px solid #FFF;
max-width:36px !important;
}
li:last-child a [class^="icon-"] {/* the arrow indicating "See more" on each dropdown , and the icons of user menu */
display:inline-block;
width:1.25em;
text-align:center;
}
}