4 // -----------------------------------------------------
6 @boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
9 // -----------------------------------------------------
11 @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
14 // -----------------------------------------------------
21 // -----------------------------------------------------
26 .box-shadow(inset 0 -1px #CFCACA);
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 .box-shadow(inset 0 5px #fff~"," @boxShadow);
144 padding: 14px 12px 10px;
146 border-left-color: transparent;
147 border-right-color: transparent;
150 background-color: transparent;
155 .nav > li.active > a,
156 .nav > li.active > a:hover {
157 border-left-color: transparent;
158 border-right-color: transparent;
159 background-color: transparent;
166 // -----------------------------------------------------
171 text-transform: none;
177 background-color: darken(@bodyBackground, 3%);
178 border: 1px solid #ccc;
182 border: 1px solid #ccc;
183 background-color: @dropdownLinkBackgroundHover;
189 & > li.active > a:hover {
190 background-color: @bodyBackground;
195 .dropdown-toggle .caret {
196 border-top-color: @textColor;
197 border-bottom-color: @textColor;
201 &:hover .dropdown-toggle .caret {
202 border-top-color: @linkColor;
203 border-bottom-color: @linkColor;
207 .dropdown.open .dropdown-toggle {
209 background-color: @dropdownLinkBackgroundHover;
215 border-top-color: @linkColor;
216 border-bottom-color: @linkColor;
226 padding: 8px 15px 3px;
234 .nav-tabs > li > a:hover {
235 border: 1px solid #ccc;
238 .nav-tabs > li.active > a {
239 border-bottom: 1px solid transparent;
242 &.tabs-below > .nav-tabs > li.active > a,
243 &.tabs-left > .nav-tabs > li.active > a,
244 &.tabs-right > .nav-tabs > li.active > a {
245 border-bottom: 1px solid #ccc;
255 background-color: @dropdownLinkBackgroundHover;
261 li.active > a:hover {
262 background-color: @dropdownLinkBackgroundHover;
266 .dropdown .dropdown-toggle .caret {
267 border-top-color: @textColor;
268 border-bottom-color: @textColor;
272 .dropdown .dropdown-toggle:hover .caret {
273 border-top-color: @linkColor;
274 border-bottom-color: @linkColor;
277 .dropdown.open .dropdown-toggle,
278 .dropdown.open:hover .dropdown-toggle {
279 background-color: @dropdownLinkBackgroundHover;
283 border-top-color: @linkColor;
284 border-bottom-color: @linkColor;
295 background-color: @dropdownLinkBackgroundHover;
301 li.active > a:hover {
302 background-color: @dropdownLinkBackgroundHover;
308 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
309 border: 0px solid transparent;
321 text-decoration: none;
332 background-color: @dropdownLinkBackgroundHover;
338 background-color: @dropdownLinkBackgroundHover;
345 // -----------------------------------------------------
349 font-family: @headingsFontFamily;
354 // -----------------------------------------------------
357 // -----------------------------------------------------
360 border-bottom: 1px solid #ddd;
361 font-family: @headingsFontFamily;
364 .navbar-search .search-query {
365 border: 1px solid #ddd;
367 background-color: @bodyBackground;
371 .help-inline, .help-block {
376 .input-prepend .btn {
381 // -----------------------------------------------------
383 // ALERTS, LABELS, BADGES
384 // -----------------------------------------------------
387 padding: 4px 4px 3px;
395 // -----------------------------------------------------
399 vertical-align: -2px;
403 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
408 background-color: @navbarBackground;
409 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
414 background-color: @white;
418 #gradient > .vertical(#e0e0e0, #e8e8e8);
429 background-color: @navbarBackground;
433 background-color: @bodyBackground;
438 // -----------------------------------------------------