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;
195 & > li.disabled > a:hover {
196 background-color: darken(@bodyBackground, 3%);
202 .dropdown-toggle .caret {
203 border-top-color: @textColor;
204 border-bottom-color: @textColor;
208 &:hover .dropdown-toggle .caret {
209 border-top-color: @linkColor;
210 border-bottom-color: @linkColor;
214 .dropdown.open .dropdown-toggle {
216 background-color: @dropdownLinkBackgroundHover;
222 border-top-color: @linkColor;
223 border-bottom-color: @linkColor;
233 padding: 8px 15px 3px;
241 .nav-tabs > li > a:hover {
242 border: 1px solid #ccc;
245 .nav-tabs > li.active > a {
246 border-bottom: 1px solid transparent;
249 &.tabs-below > .nav-tabs > li.active > a,
250 &.tabs-left > .nav-tabs > li.active > a,
251 &.tabs-right > .nav-tabs > li.active > a {
252 border-bottom: 1px solid #ccc;
262 background-color: @dropdownLinkBackgroundHover;
268 li.active > a:hover {
269 background-color: @dropdownLinkBackgroundHover;
273 & > li.disabled > a:hover {
277 .dropdown .dropdown-toggle .caret {
278 border-top-color: @textColor;
279 border-bottom-color: @textColor;
283 .dropdown .dropdown-toggle:hover .caret {
284 border-top-color: @linkColor;
285 border-bottom-color: @linkColor;
288 .dropdown.open .dropdown-toggle,
289 .dropdown.open:hover .dropdown-toggle {
290 background-color: @dropdownLinkBackgroundHover;
294 border-top-color: @linkColor;
295 border-bottom-color: @linkColor;
306 background-color: @dropdownLinkBackgroundHover;
312 li.active > a:hover {
313 background-color: @dropdownLinkBackgroundHover;
319 background-color: @white;
320 border: 0px solid transparent;
321 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
337 text-decoration: none;
349 background-color: @dropdownLinkBackgroundHover;
355 ul > .active > span {
356 background-color: @dropdownLinkBackgroundHover;
361 ul > .disabled > a:hover,
362 ul > .disabled > span,
363 ul > .disabled > span:hover {
364 background-color: transparent;
371 // -----------------------------------------------------
375 font-family: @headingsFontFamily;
380 // -----------------------------------------------------
383 // -----------------------------------------------------
386 border-bottom: 1px solid #ddd;
387 font-family: @headingsFontFamily;
390 .navbar-search .search-query {
391 border: 1px solid #ddd;
393 background-color: @bodyBackground;
397 .help-inline, .help-block {
402 .input-prepend .btn {
407 // -----------------------------------------------------
409 // ALERTS, LABELS, BADGES
410 // -----------------------------------------------------
419 // -----------------------------------------------------
423 vertical-align: -2px;
427 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
432 background-color: @navbarBackground;
433 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
438 background-color: @white;
442 #gradient > .vertical(#e0e0e0, #e8e8e8);
453 background-color: @navbarBackground;
457 background-color: @bodyBackground;
462 // -----------------------------------------------------