3 // -----------------------------------------------------
7 // --------------------------------------------------
9 @import url(//fonts.googleapis.com/css?family=Crete+Round);
11 h1, h2, h3, h4, h5, h6 {
14 font-family: @baseFontFamily;
15 color: @headingsColor;
24 font-weight: normal !important;
28 // --------------------------------------------------
44 border-left: 2px solid @headingsColor;
47 border-right: 2px solid @headingsColor;
56 // --------------------------------------------------
61 background-image: none;
66 padding: 18px 20px 16px;
68 font-family: @headingsFontFamily;
69 font-weight: @headingsFontWeight;
72 background-color: @navbarLinkBackgroundHover;
77 padding: 20px 20px 14px;
79 font-family: @headingsFontFamily;
80 font-weight: @headingsFontWeight;
85 .nav > .active > a:hover,
86 .nav > .active > a:focus {
93 font-family: @headingsFontFamily;
94 font-weight: @headingsFontWeight;
99 border-color: rgba(0, 0, 0, 0.2);
106 .navbar-form, .navbar-search {
107 border-color: transparent;
113 .navbar-search .search-query {
114 border-color: transparent;
115 background-color: rgba(255, 255, 255, 0.4);
120 .dropdown-menu li > a {
121 font-family: @headingsFontFamily;
122 font-weight: @headingsFontWeight;
125 .nav > li > .dropdown-menu::before,
126 .nav > li > .dropdown-menu::after {
132 .navbar-search .search-query {
137 background-color: @navbarInverseLinkBackgroundHover;
140 color: @headingsColor;
143 background-color: @navbarInverseBackground;
148 border-bottom: 1px solid rgba(0, 0, 0, 0.2);
160 @media (max-width: @navbarCollapseWidth) {
162 .navbar .nav-collapse {
165 color: @navbarLinkColor;
168 background-color: @navbarLinkBackgroundHover;
173 .navbar-inverse .nav-collapse {
176 background-color: rgba(0, 0, 0, 0.06) !important;
180 .nav-collapse .navbar-form,
181 .nav-collapse .navbar-search {
182 border: none !important;
183 .box-shadow(none) !important;
189 background: @green none;
190 border-color: transparent;
193 padding: 12px 12px 10px;
194 border-color: transparent;
195 background-color: transparent;
196 font-family: @headingsFontFamily;
197 font-weight: @headingsFontWeight;
198 color: @navbarLinkColor;
203 .nav > .active > a:hover,
204 .dropdown.open .dropdown-toggle,
205 .dropdown.open.active .dropdown-toggle:hover {
206 background-color: @navbarLinkBackgroundHover;
208 border-color: transparent;
218 // --------------------------------------------------
223 color: @headingsColor;
227 .disabled > a:hover {
228 background-color: lighten(@green, 10%);
235 border-color: transparent;
238 background-color: @green;
242 background-color: @navbarBackground;
243 border-color: transparent;
249 background-color: @navbarBackground;
250 border-color: transparent;
254 &.nav-stacked > li > a {
255 border-color: transparent;
258 border-color: transparent;
262 .open .dropdown-toggle,
263 .active.open .dropdown-toggle {
264 background-color: @navbarBackground;
271 background-color: @green;
275 background-color: @navbarBackground;
276 border-color: transparent;
282 background-color: @navbarBackground;
283 border-color: transparent;
287 .open .dropdown-toggle,
288 .active.open .dropdown-toggle {
289 background-color: @navbarBackground;
296 .nav-tabs > li > a:hover,
297 .nav-tabs > li.active > a,
298 .nav-tabs > li.active > a:hover {
299 border-color: transparent;
311 background-color: @green;
316 li.active > a:hover {
317 background-color: @navbarBackground;
322 background-color: transparent;
323 border-bottom: 1px solid @grayLight;
329 background-color: @green;
330 background-image: none;
332 border-color: transparent;
340 text-decoration: underline;
360 background-color: @green;
361 background-image: none;
363 border-color: transparent;
369 background-color: @green;
370 border-color: transparent;
374 background-color: @navbarBackground;
380 ul > .active > span {
381 background-color: @navbarBackground;
386 ul > .disabled > a:hover,
387 ul > .disabled > span,
388 ul > .disabled > span:hover {
389 background-color: lighten(@green, 10%);
399 background-color: @green;
403 background-color: @navbarBackground;
409 background-color: lighten(@green, 10%);
415 // --------------------------------------------------
418 font-family: @headingsFontFamily;
419 font-weight: @headingsFontWeight;
427 .btn-group .dropdown-toggle {
432 // --------------------------------------------------
435 .table-striped tbody tr:nth-child(odd) th {
436 background-color: @green;
442 tbody tr.success td {
443 background-color: #B5EEAA;
447 background-color: #EEB8B8;
451 background-color: #AEE2EE;
456 // --------------------------------------------------
460 font-family: @headingsFontFamily;
461 font-weight: @headingsFontWeight;
462 color: @headingsColor;
465 label, .help-block, input[type="file"] {
466 color: @headingsColor;
469 input, textarea, select {
493 .control-group.error {
500 input, select, textarea {
501 border: 1px solid @red;
506 .control-group.success {
513 input, select, textarea {
514 border: 1px solid @green;
519 .control-group.warning {
526 input, select, textarea {
527 border: 1px solid @orange;
532 // ALERTS, LABELS, BADGES
533 // --------------------------------------------------
539 h1, h2, h3, h4, h5, h6 {
546 font-family: @baseFontFamily;
553 background-color: @green;
557 background-color: @btnSuccessBackground;
561 background-color: @btnWarningBackground;
565 background-color: @btnDangerBackground;
569 background-color: @btnInfoBackground;
573 background-color: @btnInverseBackground;
578 // --------------------------------------------------
594 .dropdown-menu .nav-header {
599 .dropdown-menu li > a:hover,
600 .dropdown-menu li > a:focus,
601 .dropdown-submenu:hover > a {
602 background-image: none;
606 background-color: darken(@grayLighter, 10%);
607 background-image: none;
612 vertical-align: baseline;
618 padding: 12px 15px 6px;
619 background-color: @green;
620 color: @navbarLinkColor;
622 h1, h2, h3, h4, h5, h6 {
623 color: @navbarLinkColor;
638 background-color: @wellBackground;
650 // --------------------------------------------------