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;
356 border-color: transparent;
360 background-color: rgba(0, 0, 0, 0.1);
365 ul > .active > span {
366 color: @headingsColor;
367 background-color: rgba(0, 0, 0, 0.1);
371 ul > .disabled > a:hover,
372 ul > .disabled > span,
373 ul > .disabled > span:hover {
382 background-color: #748C73;
385 background-color: #687D67;
391 background-color: #748C73;
397 // --------------------------------------------------
400 font-family: @headingsFontFamily;
401 font-weight: @headingsFontWeight;
403 border-color: transparent;
411 .btn-group .dropdown-toggle {
416 // --------------------------------------------------
419 .table.table-bordered,
420 .table.table-striped {
421 .border-radius(0 0 8px 8px);
424 .table-bordered thead:first-child tr:first-child th:first-child,
425 .table-bordered tbody:first-child tr:first-child td:first-child,
426 .table-bordered thead:first-child tr:first-child th:last-child,
427 .table-bordered tbody:first-child tr:first-child td:last-child {
431 .table-striped tbody:last-child tr:last-child td:first-child {
432 .border-radius(0 0 0 8px);
435 .table-striped tbody:last-child tr:last-child td:last-child {
436 .border-radius(0 0 8px 0);
443 .table thead tr th:first-child,
444 .table tbody tr td:first-child {
449 .table-striped tbody tr:nth-child(odd) th {
450 background-color: darken(#90A38F, 10%);
451 color: @headingsColor;
455 // --------------------------------------------------
458 font-family: @headingsFontFamily;
459 font-weight: @headingsFontWeight;
460 color: @headingsColor;
463 label, .help-block, input[type="file"] {
464 color: @headingsColor;
467 input, textarea, select {
476 border-bottom: 2px solid @white;
484 .control-group.error {
486 label, .help-block, .help-inline {
487 color: lighten(@red, 30%);
490 input, select, textarea {
491 border: 2px solid lighten(@red, 30%);
496 .control-group.success {
498 label, .help-block, .help-inline {
499 color: lighten(#24C00B, 25%);
502 input, select, textarea {
503 border: 2px solid lighten(#24C00B, 25%);
508 .control-group.warning {
510 label, .help-block, .help-inline {
511 color: lighten(@orange, 25%);
514 input, select, textarea {
515 border: 2px solid lighten(@orange, 25%);
520 // ALERTS, LABELS, BADGES
521 // --------------------------------------------------
529 font-family: @baseFontFamily;
536 background-color: @blue;
540 background-color: @successBackground;
544 background-color: @warningBackground;
548 background-color: @errorBackground;
552 background-color: @infoBackground;
556 background-color: @yellow;
561 // --------------------------------------------------
578 background-color: darken(#90A38F, 10%);
579 background-image: none;
585 padding: 12px 15px 6px;
586 background-color: @green;
591 background-color: @headingsColor;
601 .border-radius(0 0 4px 4px);
606 // --------------------------------------------------