4 // -----------------------------------------------------
6 @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
8 @boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
11 // -----------------------------------------------------
14 color: @headingsColor;
18 // -----------------------------------------------------
23 .box-shadow(inset 0 -1px #CFCACA);
27 padding: 13px 20px 10px;
36 padding: 15px 20px 9px;
42 padding: 15px 20px 9px;
46 text-decoration: none;
51 .nav .active > a:hover {
52 background-color: transparent;
55 .nav li.dropdown.open > .dropdown-toggle,
56 .nav li.dropdown.active > .dropdown-toggle:hover {
60 .nav li.dropdown .dropdown-toggle .caret {
61 border-top-color: @textColor;
62 border-bottom-color: @textColor;
66 .nav li.dropdown:hover .dropdown-toggle .caret,
67 .nav li.dropdown.active > .dropdown-toggle .caret,
68 .nav li.dropdown.open .dropdown-toggle .caret {
69 border-top-color: @linkColor;
70 border-bottom-color: @linkColor;
73 .nav-collapse.collapse {
79 background-color: @grayLighter;
87 background-image: none;
88 background-color: @navbarBackground;
89 border-bottom: 1px solid transparent;
90 .box-shadow(@boxShadow);
93 .box-shadow(inset 0 5px #fff~"," @boxShadow);
97 padding: 14px 12px 10px;
99 border-left-color: transparent;
100 border-right-color: transparent;
103 background-color: transparent;
108 .nav > li.active > a,
109 .nav > li.active > a:hover {
110 border-left-color: transparent;
111 border-right-color: transparent;
112 background-color: transparent;
117 .nav > li.dropdown.open > a,
118 .nav > li.dropdown.open > a:hover {
119 border-left-color: transparent;
120 border-right-color: transparent;
121 background-color: transparent;
125 .nav li.dropdown .dropdown-toggle .caret {
126 border-top-color: @textColor;
127 border-bottom-color: @textColor;
131 .nav li.dropdown:hover .dropdown-toggle .caret,
132 .nav li.dropdown.active .dropdown-toggle .caret,
133 .nav li.dropdown.open .dropdown-toggle .caret {
134 border-top-color: @linkColor;
135 border-bottom-color: @linkColor;
139 .dropdown-menu a:hover {
140 background-color: @dropdownLinkBackgroundHover;
144 @media (max-width: 979px) {
145 form.navbar-form, form.navbar-search {
146 border-top: 1px solid #ccc;
147 border-bottom: 1px solid #ccc;
152 // -----------------------------------------------------
157 text-transform: none;
163 background-color: darken(@bodyBackground, 3%);
164 border: 1px solid #ccc;
168 border: 1px solid #ccc;
169 background-color: @dropdownLinkBackgroundHover;
175 & > li.active > a:hover {
176 background-color: @bodyBackground;
181 .dropdown-toggle .caret {
182 border-top-color: @textColor;
183 border-bottom-color: @textColor;
187 &:hover .dropdown-toggle .caret {
188 border-top-color: @linkColor;
189 border-bottom-color: @linkColor;
193 .dropdown.open .dropdown-toggle {
195 background-color: @dropdownLinkBackgroundHover;
201 border-top-color: @linkColor;
202 border-bottom-color: @linkColor;
212 padding: 8px 15px 3px;
220 .nav-tabs > li > a:hover {
221 border: 1px solid #ccc;
224 .nav-tabs > li.active > a {
225 border-bottom: 1px solid transparent;
228 &.tabs-below > .nav-tabs > li.active > a,
229 &.tabs-left > .nav-tabs > li.active > a,
230 &.tabs-right > .nav-tabs > li.active > a {
231 border-bottom: 1px solid #ccc;
241 background-color: @dropdownLinkBackgroundHover;
247 li.active > a:hover {
248 background-color: @dropdownLinkBackgroundHover;
252 .dropdown .dropdown-toggle .caret {
253 border-top-color: @textColor;
254 border-bottom-color: @textColor;
258 .dropdown:hover .dropdown-toggle .caret {
259 border-top-color: @linkColor;
260 border-bottom-color: @linkColor;
263 .dropdown.open .dropdown-toggle,
264 .dropdown.open:hover .dropdown-toggle {
265 background-color: @dropdownLinkBackgroundHover;
269 border-top-color: @linkColor;
270 border-bottom-color: @linkColor;
281 background-color: @dropdownLinkBackgroundHover;
287 li.active > a:hover {
288 background-color: @dropdownLinkBackgroundHover;
294 // -----------------------------------------------------
297 border-bottom: 1px solid #ddd;
300 .navbar-search .search-query {
301 border: 1px solid #ddd;
303 background-color: @bodyBackground;
307 .help-inline, .help-block {
312 // -----------------------------------------------------
316 // -----------------------------------------------------
319 padding: 6px 10px 2px;
323 padding: 11px 14px 8px;
327 padding: 5px 9px 3px;
331 padding: 3px 6px 1px;
335 // -----------------------------------------------------
343 background-color: @navbarBackground;
347 background-color: @bodyBackground;
351 // -----------------------------------------------------
355 vertical-align: -2px;
359 #gradient > .vertical(#e0e0e0, #e8e8e8);
363 padding: 4px 4px 3px;
368 background-color: @navbarBackground;
369 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
373 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
374 background-color: @white;
379 .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
380 border: 0px solid transparent;
392 text-decoration: none;
403 background-color: @dropdownLinkBackgroundHover;
409 background-color: @dropdownLinkBackgroundHover;