4 // -----------------------------------------------------
7 // --------------------------------------------------
9 @import url('https://fonts.googleapis.com/css?family=Josefin+Slab:400,700');
11 .navbar .brand, legend, .btn,
12 .navbar .nav > li > a,
15 font-family: @headingsFontFamily;
16 font-weight: @headingsFontWeight;
19 h1 { font-size: 54px; }
20 h2 { font-size: 36px; }
21 h3 { font-size: 20px; }
22 h4 { font-size: 16px; }
23 h5 { font-size: 14px; }
25 h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted {
26 color: @headingsColor;
27 font-family: @baseFontFamily;
31 font-family: @baseFontFamily;
36 // --------------------------------------------------
39 // #gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
40 background-size: 100% 1400px;
41 background-repeat: repeat-y;
45 border-left: 2px solid @headingsColor;
48 border-right: 2px solid @headingsColor;
57 color: lighten(@blueDark, 10%);
58 background-color: @headingsColor;
62 // --------------------------------------------------
67 background-image: none;
73 padding: 18px 20px 12px;
78 padding: 20px 20px 10px;
82 .nav .active > a:hover {
87 .nav > .active > a:hover,
88 .nav > .active > a:focus {
99 border-color: rgba(0, 0, 0, 0.2);
106 .navbar-search .search-query {
107 border-color: transparent;
108 background-color: rgba(255, 255, 255, 0.4);
116 .nav > .open > .dropdown-menu {
117 background-color: @headingsColor;
119 border-color: transparent;
122 .nav > .open > .dropdown-menu a:hover {
123 background-color: darken(#90A38F, 10%);
124 color: @headingsColor;
131 .nav-collapse.in .nav li > a {
132 color: @headingsColor;
136 background-color: @blue;
140 .navbar-form, .navbar-search {
141 border-color: transparent;
147 background-color: @green;
148 background-image: none;
149 border-color: transparent;
150 .box-shadow(0 1px 5px rgba(0,0,0,.1));
154 padding: 13px 12px 9px;
155 border-color: transparent;
156 background-color: transparent;
157 color: @headingsColor;
161 border-color: transparent;
164 .nav > li.active > a,
166 .nav > li.active > a:hover,
167 .dropdown.open .dropdown-toggle,
168 .dropdown.open.active .dropdown-toggle:hover {
170 background-color: transparent;
171 border-color: transparent;
175 .dropdown.open > .dropdown-menu {
176 background-color: @headingsColor;
178 border-color: transparent;
181 .dropdown.open > .dropdown-menu a:hover {
182 background-color: darken(#90A38F, 10%);
183 color: @headingsColor;
192 // --------------------------------------------------
195 .table.table-bordered,
196 .table.table-striped {
197 .border-radius(0 0 8px 8px);
200 .table-bordered thead:first-child tr:first-child th:first-child,
201 .table-bordered tbody:first-child tr:first-child td:first-child,
202 .table-bordered thead:first-child tr:first-child th:last-child,
203 .table-bordered tbody:first-child tr:first-child td:last-child {
207 .table-striped tbody:last-child tr:last-child td:first-child {
208 .border-radius(0 0 0 8px);
211 .table-striped tbody:last-child tr:last-child td:last-child {
212 .border-radius(0 0 8px 0);
219 .table thead tr th:first-child,
220 .table tbody tr td:first-child {
225 .table-striped tbody tr:nth-child(odd) th {
226 background-color: darken(#90A38F, 10%);
227 color: @headingsColor;
231 // --------------------------------------------------
234 .buttonBackground(lighten(@blueDark, 5%), @blueDark);
237 border-color: transparent;
250 .buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%));
254 .buttonBackground(@orange, darken(@orange, 5%));
258 .buttonBackground(lighten(@red, 5%), @red);
262 .buttonBackground(#62c462, #51a351);
266 .buttonBackground(#5bc0de, #2f96b4);
270 .buttonBackground(@yellow, darken(@yellow, 5%));
273 .btn-group .dropdown-toggle {
278 // --------------------------------------------------
286 background-color: #748C73;
292 background-color: darken(#90A38F, 10%);
293 background-image: none;
294 border-color: transparent;
310 color: @headingsColor;
315 color: @headingsColor;
322 background-color: darken(#90A38F, 10%);
323 background-image: none;
324 border-color: transparent;
330 border-color: transparent;
334 background-color: rgba(0, 0, 0, 0.1);
339 color: @headingsColor;
340 background-color: rgba(0, 0, 0, 0.1);
357 background-color: transparent;
361 li.active > a:hover {
362 background-color: #A2CDB5;
367 background-color: transparent;
368 border-bottom: 1px solid @headingsColor;
373 border-color: transparent;
377 .nav-pills > li > a {
378 background-color: #748C73;
381 background-color: #748C73;
382 border-color: transparent;
386 .nav-tabs > .active > a,
387 .nav-tabs > .active > a:hover,
388 .nav-pills .active > a,
389 .nav-pills .active > a:hover {
390 background-color: #A2CDB5;
391 border-color: transparent;
395 .nav-tabs.nav-stacked > li > a {
396 border-color: transparent;
399 border-color: transparent;
403 .nav-tabs .open .dropdown-toggle,
404 .nav-pills .open .dropdown-toggle {
405 background-color: #748C73;
406 border-color: transparent;
410 .nav-tabs .active.open .dropdown-toggle,
411 .nav-pills .active.open .dropdown-toggle {
412 background-color: #A2CDB5;
415 .nav-tabs .dropdown-menu,
416 .nav-pills .dropdown-menu {
417 background-color: @headingsColor;
419 border-color: transparent;
422 background-color: #A2CDB5;
423 color: @headingsColor;
434 .nav-tabs > li > a:hover,
435 .nav-tabs > li.active > a,
436 .nav-tabs > li.active > a:hover {
437 border-color: transparent;
445 background-color: #748C73;
448 background-color: #687D67;
454 background-color: #748C73;
460 // --------------------------------------------------
463 color: @headingsColor;
466 label, .help-block, input[type="file"] {
467 color: @headingsColor;
470 input, textarea, select {
479 border-bottom: 2px solid @white;
488 // --------------------------------------------------
491 padding: 12px 15px 6px;
492 background-color: @green;
497 background-color: @headingsColor;
507 .border-radius(0 0 4px 4px);
511 // --------------------------------------------------
521 background-color: @blue;
525 background-color: @successBackground;
529 background-color: @warningBackground;
533 background-color: @errorBackground;
537 background-color: @infoBackground;
541 background-color: @yellow;
546 background-color: darken(#90A38F, 10%);
547 background-image: none;
566 border-bottom: 2px solid @headingsColor;
570 border-bottom: 2px solid @headingsColor;