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 .navbar-form, .navbar-search {
135 border-color: transparent;
140 @media (max-width: @navbarCollapseWidth) {
142 .navbar .nav-collapse {
145 color: @headingsColor;
149 background-color: @blue;
154 .navbar-inverse .nav-collapse {
157 background-color: rgba(0, 0, 0, 0.06) !important;
164 background-color: @green;
165 background-image: none;
166 border-color: transparent;
167 .box-shadow(0 1px 5px rgba(0,0,0,.1));
171 padding: 13px 12px 9px;
172 border-color: transparent;
173 background-color: transparent;
174 font-family: @headingsFontFamily;
175 font-weight: @headingsFontWeight;
176 color: @headingsColor;
180 border-color: transparent;
183 .nav > li.active > a,
185 .nav > li.active > a:hover,
186 .dropdown.open .dropdown-toggle,
187 .dropdown.open.active .dropdown-toggle:hover {
189 background-color: transparent;
190 border-color: transparent;
194 .dropdown.open > .dropdown-menu {
195 background-color: @headingsColor;
197 border-color: transparent;
200 .dropdown.open > .dropdown-menu a:hover {
201 background-color: darken(#90A38F, 10%);
202 color: @headingsColor;
211 // --------------------------------------------------
219 background-color: #748C73;
232 background-color: transparent;
236 li.active > a:hover {
237 background-color: #A2CDB5;
242 background-color: transparent;
243 border-bottom: 1px solid @headingsColor;
248 border-color: transparent;
252 .nav-pills > li > a {
253 background-color: #748C73;
256 background-color: #748C73;
257 border-color: transparent;
261 .nav-tabs > .active > a,
262 .nav-tabs > .active > a:hover,
263 .nav-pills .active > a,
264 .nav-pills .active > a:hover {
265 background-color: #A2CDB5;
266 border-color: transparent;
270 .nav-tabs.nav-stacked > li > a {
271 border-color: transparent;
274 border-color: transparent;
278 .nav-tabs .open .dropdown-toggle,
279 .nav-pills .open .dropdown-toggle {
280 background-color: #748C73;
281 border-color: transparent;
285 .nav-tabs .active.open .dropdown-toggle,
286 .nav-pills .active.open .dropdown-toggle {
287 background-color: #A2CDB5;
290 .nav-tabs .dropdown-menu,
291 .nav-pills .dropdown-menu {
292 background-color: @headingsColor;
294 border-color: transparent;
297 background-color: #A2CDB5;
298 color: @headingsColor;
309 .nav-tabs > li > a:hover,
310 .nav-tabs > li.active > a,
311 .nav-tabs > li.active > a:hover {
312 border-color: transparent;
317 background-color: darken(#90A38F, 10%);
318 background-image: none;
319 border-color: transparent;
335 color: @headingsColor;
340 color: @headingsColor;
347 background-color: darken(#90A38F, 10%);
348 background-image: none;
349 border-color: transparent;
355 border-color: transparent;
359 background-color: rgba(0, 0, 0, 0.1);
364 color: @headingsColor;
365 background-color: rgba(0, 0, 0, 0.1);
369 ul > .disabled > a:hover {
378 background-color: #748C73;
381 background-color: #687D67;
387 background-color: #748C73;
393 // --------------------------------------------------
396 font-family: @headingsFontFamily;
397 font-weight: @headingsFontWeight;
399 border-color: transparent;
407 .btn-group .dropdown-toggle {
412 // --------------------------------------------------
415 .table.table-bordered,
416 .table.table-striped {
417 .border-radius(0 0 8px 8px);
420 .table-bordered thead:first-child tr:first-child th:first-child,
421 .table-bordered tbody:first-child tr:first-child td:first-child,
422 .table-bordered thead:first-child tr:first-child th:last-child,
423 .table-bordered tbody:first-child tr:first-child td:last-child {
427 .table-striped tbody:last-child tr:last-child td:first-child {
428 .border-radius(0 0 0 8px);
431 .table-striped tbody:last-child tr:last-child td:last-child {
432 .border-radius(0 0 8px 0);
439 .table thead tr th:first-child,
440 .table tbody tr td:first-child {
445 .table-striped tbody tr:nth-child(odd) th {
446 background-color: darken(#90A38F, 10%);
447 color: @headingsColor;
451 // --------------------------------------------------
454 font-family: @headingsFontFamily;
455 font-weight: @headingsFontWeight;
456 color: @headingsColor;
459 label, .help-block, input[type="file"] {
460 color: @headingsColor;
463 input, textarea, select {
472 border-bottom: 2px solid @white;
480 .control-group.error {
482 label, .help-block, .help-inline {
483 color: lighten(@red, 30%);
486 input, select, textarea {
487 border: 2px solid lighten(@red, 30%);
492 .control-group.success {
494 label, .help-block, .help-inline {
495 color: lighten(#24C00B, 25%);
498 input, select, textarea {
499 border: 2px solid lighten(#24C00B, 25%);
504 .control-group.warning {
506 label, .help-block, .help-inline {
507 color: lighten(@orange, 25%);
510 input, select, textarea {
511 border: 2px solid lighten(@orange, 25%);
516 // ALERTS, LABELS, BADGES
517 // --------------------------------------------------
525 font-family: @baseFontFamily;
532 background-color: @blue;
536 background-color: @successBackground;
540 background-color: @warningBackground;
544 background-color: @errorBackground;
548 background-color: @infoBackground;
552 background-color: @yellow;
557 // --------------------------------------------------
574 background-color: darken(#90A38F, 10%);
575 background-image: none;
581 padding: 12px 15px 6px;
582 background-color: @green;
587 background-color: @headingsColor;
597 .border-radius(0 0 4px 4px);
602 // --------------------------------------------------