You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
2.0 KiB
113 lines
2.0 KiB
4 years ago
|
//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";
|
||
|
|
|