//ace top nav/bar @navbar-background: #438EB9;//navbar background color @navbar-text-color: #FFF; @ace-nav-border: rgba(255,255,255,0.4); .navbar { margin: 0; padding-left: 0; padding-right: 0; border-width: 0; border-radius : 0; .box-shadow(none); min-height: @navbar-min-height; background: @navbar-background; .navbar-text, .navbar-link { color: @navbar-text-color; } .navbar-brand { color: @navbar-text-color; font-size: @font-size-brand; text-shadow: none; padding-top: 10px; padding-bottom: 10px; height: auto; &:hover , &:focus { color: @navbar-text-color; } } } @media only screen and (min-width: @grid-float-breakpoint) { .navbar-container { padding-left: 10px; padding-right: 10px; } } //inside .container .navbar-container.container { padding-left: 0; padding-right: 0; } //ace-nav @import "navbar/user-buttons.less"; @import "navbar/user-dropdown-position.less"; @import "navbar/user-buttons-move-down.less";//move down when screen size is below 460px (@screen-topbar-down) @import "navbar/user-menu.less";//the menu and photo of logged in user //collapsible (.navbar.navbar-collapse) @import "navbar/collapsible.less"; @import "navbar/navbar-menu-form.less"; //some bs resetting! .navbar-fixed-top , .navbar-static-top , .navbar-fixed-bottom { .navbar-collapse { padding-left: floor(@grid-gutter-width / 2); padding-right: floor(@grid-gutter-width / 2); } } //// //this is only because of "inside-container" //we want the top blue section not to be more than 45px(inherit) @media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) { .navbar.navbar-collapse { background-color: transparent; &:before { background: @navbar-background; content: ""; display: block; position: absolute; min-height: inherit; left: 0; right: 0; top: 0; z-index: -1; border-radius: inherit; } .navbar-container { background-color: @navbar-background; } } } @import "navbar/toggle-button.less";