4 // -----------------------------------------------------
7 // --------------------------------------------------
9 @import url('https://fonts.googleapis.com/css?family=Josefin+Slab:400,700');
17 h2 { font-size: 48px; }
18 h3 { font-size: 36px; }
19 h4 { font-size: 24px; }
20 h5 { font-size: 20px; }
29 color: @headingsColor;
30 font-family: @baseFontFamily;
34 color: lighten(@blueDark, 10%);
35 background-color: @headingsColor;
39 // --------------------------------------------------
42 // #gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
43 // background-size: 100% 1400px;
44 // background-repeat: repeat-y;
48 border-bottom: 2px solid @headingsColor;
58 border-bottom: 2px solid @headingsColor;
62 border-left: 2px solid @headingsColor;
65 border-right: 2px solid @headingsColor;
74 // --------------------------------------------------
79 background-image: none;
84 padding: 18px 20px 12px;
86 font-family: @headingsFontFamily;
87 font-weight: @headingsFontWeight;
91 padding: 20px 20px 10px;
93 font-family: @headingsFontFamily;
94 font-weight: @headingsFontWeight;
98 .nav .active > a:hover {
103 .nav > .active > a:hover,
104 .nav > .active > a:focus {
111 font-family: @headingsFontFamily;
112 font-weight: @headingsFontWeight;
113 line-height: inherit;
117 border-color: rgba(0, 0, 0, 0.2);
124 .navbar-search .search-query {
125 border-color: transparent;
126 background-color: rgba(255, 255, 255, 0.4);
134 .nav > .open > .dropdown-menu {
135 background-color: @headingsColor;
137 border-color: transparent;
140 .nav > .open > .dropdown-menu a:hover {
141 background-color: darken(#90A38F, 10%);
142 color: @headingsColor;
149 .navbar-form, .navbar-search {
150 border-color: transparent;
155 @media (max-width: @navbarCollapseWidth) {
157 .navbar .nav-collapse {
160 color: @headingsColor;
164 background-color: @blue;
169 .navbar-inverse .nav-collapse {
172 background-color: rgba(0, 0, 0, 0.06) !important;
179 background-color: @green;
180 background-image: none;
181 border-color: transparent;
182 .box-shadow(0 1px 5px rgba(0,0,0,.1));
186 padding: 13px 12px 9px;
187 border-color: transparent;
188 background-color: transparent;
189 font-family: @headingsFontFamily;
190 font-weight: @headingsFontWeight;
191 color: @headingsColor;
195 border-color: transparent;
198 .nav > li.active > a,
200 .nav > li.active > a:hover,
201 .dropdown.open .dropdown-toggle,
202 .dropdown.open.active .dropdown-toggle:hover {
204 background-color: transparent;
205 border-color: transparent;
209 .dropdown.open > .dropdown-menu {
210 background-color: @headingsColor;
212 border-color: transparent;
215 .dropdown.open > .dropdown-menu a:hover {
216 background-color: darken(#90A38F, 10%);
217 color: @headingsColor;
226 // --------------------------------------------------
234 background-color: #748C73;
247 background-color: transparent;
251 li.active > a:hover {
252 background-color: #A2CDB5;
257 background-color: transparent;
258 border-bottom: 1px solid @headingsColor;
263 border-color: transparent;
267 .nav-pills > li > a {
268 background-color: #748C73;
271 background-color: #748C73;
272 border-color: transparent;
276 .nav-tabs > .active > a,
277 .nav-tabs > .active > a:hover,
278 .nav-pills .active > a,
279 .nav-pills .active > a:hover {
280 background-color: #A2CDB5;
281 border-color: transparent;
285 .nav-tabs.nav-stacked > li > a {
286 border-color: transparent;
289 border-color: transparent;
293 .nav-tabs .open .dropdown-toggle,
294 .nav-pills .open .dropdown-toggle {
295 background-color: #748C73;
296 border-color: transparent;
300 .nav-tabs .active.open .dropdown-toggle,
301 .nav-pills .active.open .dropdown-toggle {
302 background-color: #A2CDB5;
305 .nav-tabs .dropdown-menu,
306 .nav-pills .dropdown-menu {
307 background-color: @headingsColor;
309 border-color: transparent;
312 background-color: #A2CDB5;
313 color: @headingsColor;
324 .nav-tabs > li > a:hover,
325 .nav-tabs > li.active > a,
326 .nav-tabs > li.active > a:hover {
327 border-color: transparent;
332 background-color: darken(#90A38F, 10%);
333 background-image: none;
334 border-color: transparent;
350 color: @headingsColor;
355 color: @headingsColor;
362 background-color: darken(#90A38F, 10%);
363 background-image: none;
364 border-color: transparent;
370 border-color: transparent;
374 background-color: rgba(0, 0, 0, 0.1);
379 color: @headingsColor;
380 background-color: rgba(0, 0, 0, 0.1);
393 background-color: #748C73;
396 background-color: #687D67;
402 background-color: #748C73;
408 // --------------------------------------------------
411 .buttonBackground(lighten(@blueDark, 5%), @blueDark);
412 font-family: @headingsFontFamily;
413 font-weight: @headingsFontWeight;
416 border-color: transparent;
429 .buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%));
433 .buttonBackground(@orange, darken(@orange, 5%));
437 .buttonBackground(lighten(@red, 5%), @red);
441 .buttonBackground(#62c462, #51a351);
445 .buttonBackground(#5bc0de, #2f96b4);
449 .buttonBackground(@yellow, darken(@yellow, 5%));
452 .btn-group .dropdown-toggle {
457 // --------------------------------------------------
460 .table.table-bordered,
461 .table.table-striped {
462 .border-radius(0 0 8px 8px);
465 .table-bordered thead:first-child tr:first-child th:first-child,
466 .table-bordered tbody:first-child tr:first-child td:first-child,
467 .table-bordered thead:first-child tr:first-child th:last-child,
468 .table-bordered tbody:first-child tr:first-child td:last-child {
472 .table-striped tbody:last-child tr:last-child td:first-child {
473 .border-radius(0 0 0 8px);
476 .table-striped tbody:last-child tr:last-child td:last-child {
477 .border-radius(0 0 8px 0);
484 .table thead tr th:first-child,
485 .table tbody tr td:first-child {
490 .table-striped tbody tr:nth-child(odd) th {
491 background-color: darken(#90A38F, 10%);
492 color: @headingsColor;
496 // --------------------------------------------------
499 font-family: @headingsFontFamily;
500 font-weight: @headingsFontWeight;
501 color: @headingsColor;
504 label, .help-block, input[type="file"] {
505 color: @headingsColor;
508 input, textarea, select {
517 border-bottom: 2px solid @white;
525 // ALERTS, LABELS, BADGES
526 // --------------------------------------------------
534 font-family: @baseFontFamily;
541 background-color: @blue;
545 background-color: @successBackground;
549 background-color: @warningBackground;
553 background-color: @errorBackground;
557 background-color: @infoBackground;
561 background-color: @yellow;
566 // --------------------------------------------------
583 background-color: darken(#90A38F, 10%);
584 background-image: none;
590 padding: 12px 15px 6px;
591 background-color: @green;
596 background-color: @headingsColor;
606 .border-radius(0 0 4px 4px);
611 // --------------------------------------------------