3 // -----------------------------------------------------
6 @boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
9 // -----------------------------------------------------
11 @import url('//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
14 // -----------------------------------------------------
21 // -----------------------------------------------------
30 padding: 12px 20px 8px;
31 font-family: @headingsFontFamily;
40 padding: 13px 15px 6px;
41 font-family: @headingsFontFamily;
46 text-decoration: none;
51 .nav .active > a:hover {
52 background-color: transparent;
56 padding: 13px 15px 7px;
58 font-family: @headingsFontFamily;
63 height: @navbarHeight - 1;
64 background-color: @hrBorder;
76 font-family: @headingsFontFamily;
91 @media (max-width: @navbarCollapseWidth) {
93 .navbar .nav-collapse {
99 background-image: none;
100 background-color: @dropdownLinkBackgroundHover;
110 border-top: 1px solid rgba(128, 128, 128, 0.3);
111 border-bottom: 1px solid rgba(128, 128, 128, 0.3);
115 .navbar-inverse .nav-collapse {
121 background-color: rgba(255, 255, 255, 0.1) !important;
126 color: rgba(255, 255, 255, 0.7);
133 background-image: none;
134 background-color: @navbarBackground;
135 border-bottom: 1px solid transparent;
136 .box-shadow(@boxShadow);
137 font-family: @headingsFontFamily;
140 top: @navbarHeight + 1;
141 .box-shadow(inset 0 5px #fff~"," @boxShadow);
145 padding: 14px 12px 10px;
146 border-left-color: transparent;
147 border-right-color: transparent;
152 background-color: transparent;
157 .nav > li.active > a,
158 .nav > li.active > a:hover {
159 border-left-color: transparent;
160 border-right-color: transparent;
161 background-color: transparent;
168 // -----------------------------------------------------
173 text-transform: none;
179 background-color: darken(@bodyBackground, 3%);
180 border: 1px solid #ccc;
184 border: 1px solid #ccc;
185 background-color: @dropdownLinkBackgroundHover;
191 & > li.active > a:hover {
192 background-color: @bodyBackground;
197 .dropdown-toggle .caret {
198 border-top-color: @textColor;
199 border-bottom-color: @textColor;
203 &:hover .dropdown-toggle .caret {
204 border-top-color: @linkColor;
205 border-bottom-color: @linkColor;
209 .dropdown.open .dropdown-toggle {
211 background-color: @dropdownLinkBackgroundHover;
217 border-top-color: @linkColor;
218 border-bottom-color: @linkColor;
228 padding: 8px 15px 3px;
236 .nav-tabs > li > a:hover {
237 border: 1px solid #ccc;
240 .nav-tabs > li.active > a {
241 border-bottom: 1px solid transparent;
244 &.tabs-below > .nav-tabs > li.active > a,
245 &.tabs-left > .nav-tabs > li.active > a,
246 &.tabs-right > .nav-tabs > li.active > a {
247 border-bottom: 1px solid #ccc;
257 background-color: @dropdownLinkBackgroundHover;
263 li.active > a:hover {
264 background-color: @dropdownLinkBackgroundHover;
268 .dropdown .dropdown-toggle .caret {
269 border-top-color: @textColor;
270 border-bottom-color: @textColor;
274 .dropdown .dropdown-toggle:hover .caret {
275 border-top-color: @linkColor;
276 border-bottom-color: @linkColor;
279 .dropdown.open .dropdown-toggle,
280 .dropdown.open:hover .dropdown-toggle {
281 background-color: @dropdownLinkBackgroundHover;
285 border-top-color: @linkColor;
286 border-bottom-color: @linkColor;
297 background-color: @dropdownLinkBackgroundHover;
303 li.active > a:hover {
304 background-color: @dropdownLinkBackgroundHover;
310 background-color: @white;
311 border: 0px solid transparent;
312 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
328 text-decoration: none;
340 background-color: @dropdownLinkBackgroundHover;
346 ul > .active > span {
347 background-color: @dropdownLinkBackgroundHover;
352 ul > .disabled > a:hover,
353 ul > .disabled > span,
354 ul > .disabled > span:hover {
355 background-color: transparent;
362 // -----------------------------------------------------
366 font-family: @headingsFontFamily;
371 // -----------------------------------------------------
374 // -----------------------------------------------------
377 border-bottom: 1px solid #ddd;
378 font-family: @headingsFontFamily;
381 .navbar-search .search-query {
382 border: 1px solid #ddd;
384 background-color: @bodyBackground;
388 .help-inline, .help-block {
393 .input-prepend .btn {
398 // -----------------------------------------------------
400 // ALERTS, LABELS, BADGES
401 // -----------------------------------------------------
404 padding: 4px 4px 3px;
412 // -----------------------------------------------------
416 vertical-align: -2px;
420 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
425 background-color: @navbarBackground;
426 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
431 background-color: @white;
435 #gradient > .vertical(#e0e0e0, #e8e8e8);
446 background-color: @navbarBackground;
450 background-color: @bodyBackground;
455 // -----------------------------------------------------