| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | //ace top nav/bar |
| A | 2 | |
| 3 | @ace-nav-border: rgba(255,255,255,0.4); | |
| 4 | ||
| 5 | .navbar { | |
| 6 | margin: 0; | |
| 7 | padding-left: 0; | |
| 8 | padding-right: 0; | |
| 9 | ||
| 10 | border-width: 0; | |
| 11 | border-radius : 0; | |
| 12 | .box-shadow(none); | |
| 13 | ||
| 14 | min-height: @navbar-min-height; | |
| 15 | ||
| 16 | background: @navbar-background; | |
| 17 | ||
| 18 | .navbar-text, .navbar-link { | |
| 19 | color: @navbar-text-color; | |
| 20 | } | |
| 21 | ||
| 22 | .navbar-brand { | |
| 23 | color: @navbar-text-color; | |
| 24 | font-size: @font-size-brand; | |
| 25 | text-shadow: none; | |
| 26 | ||
| 27 | padding-top: 10px; | |
| 28 | padding-bottom: 10px; | |
| 29 | ||
| 30 | height: auto; | |
| 31 | ||
| 32 | &:hover , &:focus { | |
| 33 | color: @navbar-text-color; | |
| 34 | } | |
| 35 | } | |
| 36 | } | |
| 37 | ||
| 38 | /** | |
| 39 | @media (min-width: @grid-float-breakpoint) { | |
| 40 | .navbar > .container .navbar-brand, | |
| 41 | .navbar > .container-fluid .navbar-brand { | |
| 42 | margin-left: 0; | |
| 43 | margin-right: 0; | |
| 44 | } | |
| 45 | } | |
| 46 | */ | |
| 47 | ||
| 48 | @media only screen and (min-width: @grid-float-breakpoint) { | |
| 49 | .navbar-container { | |
| 50 | padding-left: 10px; | |
| 51 | padding-right: 10px; | |
| 52 | } | |
| 53 | } | |
| 54 | //inside .container | |
| 55 | .navbar-container.container { | |
| 56 | padding-left: 0; | |
| 57 | padding-right: 0; | |
| 58 | } | |
| 59 | ||
| 60 | ||
| 61 | ||
| 62 | //ace-nav | |
| 63 | @import "navbar/user-buttons.less"; | |
| 64 | @import "navbar/user-dropdown-position.less"; | |
| 65 | @import "navbar/user-buttons-move-down.less";//move down when screen size is below 460px (@screen-topbar-down) | |
| 66 | @import "navbar/user-menu.less";//the menu and photo of logged in user | |
| 67 | ||
| 68 | //collapsible (.navbar.navbar-collapse) | |
| 69 | @import "navbar/collapsible.less"; | |
| 70 | @import "navbar/navbar-menu-form.less"; | |
| 71 | ||
| 72 | ||
| 73 | //some bs resetting! | |
| 74 | .navbar-fixed-top , .navbar-static-top , .navbar-fixed-bottom { | |
| 75 | .navbar-collapse { | |
| 76 | padding-left: floor(@grid-gutter-width / 2); | |
| 77 | padding-right: floor(@grid-gutter-width / 2); | |
| 78 | } | |
| 79 | } | |
| 80 | ||
| 81 | ||
| 82 | ||
| 83 | ||
| 84 | //// | |
| 85 | //this is only because of "inside-container" | |
| 86 | //we want the top blue section not to be more than 45px(inherit) | |
| 87 | @media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) { | |
| 88 | .navbar.navbar-collapse { | |
| 89 | background-color: transparent; | |
| 90 | ||
| 91 | &:before { | |
| 92 | background: @navbar-background; | |
| 93 | content: ""; | |
| 94 | display: block; | |
| 95 | ||
| 96 | position: absolute; | |
| 97 | min-height: inherit; | |
| 98 | ||
| 99 | left: 0; | |
| 100 | right: 0; | |
| 101 | top: 0; | |
| 102 | ||
| 103 | z-index: -1; | |
| 104 | border-radius: inherit; | |
| 105 | } | |
| 106 | ||
| 107 | .navbar-container { | |
| 108 | background-color: @navbar-background; | |
| 109 | } | |
| 110 | } | |
| 111 | } | |
| 112 | ||
| 113 | ||
| 114 | ||
| 115 | ||
| 116 | ||
| 117 | ||
| 118 | @import "navbar/toggle-button.less"; | |
| 119 | ||
