3 // --------------------------------------------------
8 @media (max-width: @navbarCollapseWidth) {
12 // Remove any padding from the body
18 .navbar-fixed-bottom {
22 margin-bottom: @baseLineHeight;
24 .navbar-fixed-bottom {
25 margin-top: @baseLineHeight;
27 .navbar-fixed-top .navbar-inner,
28 .navbar-fixed-bottom .navbar-inner {
35 // Account for brand name
44 // Nav collapse clears brand
48 // Block-level the nav
51 margin: 0 0 (@baseLineHeight / 2);
53 .nav-collapse .nav > li {
56 .nav-collapse .nav > li > a {
59 .nav-collapse .nav > .divider-vertical {
62 .nav-collapse .nav .nav-header {
66 // Nav and dropdown links in navbar
67 .nav-collapse .nav > li > a,
68 .nav-collapse .dropdown-menu a {
71 color: @navbarLinkColor;
76 padding: 4px 10px 4px;
80 .nav-collapse .dropdown-menu li + li a {
83 .nav-collapse .nav > li > a:hover,
84 .nav-collapse .dropdown-menu a:hover {
85 background-color: @navbarBackground;
87 .navbar-inverse .nav-collapse .nav > li > a:hover,
88 .navbar-inverse .nav-collapse .dropdown-menu a:hover {
89 background-color: @navbarInverseBackground;
91 // Buttons in the navbar
92 .nav-collapse.in .btn-group {
96 // Dropdowns in the navbar
97 .nav-collapse .dropdown-menu {
106 background-color: transparent;
111 .nav-collapse .dropdown-menu:before,
112 .nav-collapse .dropdown-menu:after {
115 .nav-collapse .dropdown-menu .divider {
118 .nav-collapse .nav > li > .dropdown-menu {
125 .nav-collapse .navbar-form,
126 .nav-collapse .navbar-search {
128 padding: (@baseLineHeight / 2) 15px;
129 margin: (@baseLineHeight / 2) 0;
130 border-top: 1px solid @navbarBackground;
131 border-bottom: 1px solid @navbarBackground;
132 .box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1));
134 .navbar-inverse .nav-collapse .navbar-form,
135 .navbar-inverse .nav-collapse .navbar-search {
136 border-top-color: @navbarInverseBackground;
137 border-bottom-color: @navbarInverseBackground;
139 // Pull right (secondary) nav content
140 .navbar .nav-collapse .nav.pull-right {
144 // Hide everything in the navbar save .brand and toggle button */
146 .nav-collapse.collapse {
151 .navbar .btn-navbar {
157 .navbar-static .navbar-inner {
169 @media (min-width: 980px) {
171 // Required to make the collapsing navbar work on regular desktops
172 .nav-collapse.collapse {
173 height: auto !important;
174 overflow: visible !important;