3 // -----------------------------------------------------
7 // --------------------------------------------------
9 @import url(//fonts.googleapis.com/css?family=Crete+Round);
18 color: @headingsColor;
19 font-family: @baseFontFamily;
23 font-weight: normal !important;
27 // --------------------------------------------------
40 border-bottom: 2px solid @headingsColor;
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-color: @green;
190 background-image: none;
191 border-color: transparent;
194 padding: 12px 12px 10px;
195 border-color: transparent;
196 background-color: transparent;
197 font-family: @headingsFontFamily;
198 font-weight: @headingsFontWeight;
199 color: @navbarLinkColor;
204 .nav > .active > a:hover,
205 .dropdown.open .dropdown-toggle,
206 .dropdown.open.active .dropdown-toggle:hover {
207 background-color: @navbarLinkBackgroundHover;
209 border-color: transparent;
219 // --------------------------------------------------
224 color: @headingsColor;
228 .disabled > a:hover {
229 background-color: lighten(@green, 10%);
236 border-color: transparent;
239 background-color: @green;
243 background-color: @navbarBackground;
244 border-color: transparent;
250 background-color: @navbarBackground;
251 border-color: transparent;
255 &.nav-stacked > li > a {
256 border-color: transparent;
259 border-color: transparent;
263 .open .dropdown-toggle,
264 .active.open .dropdown-toggle {
265 background-color: @navbarBackground;
272 background-color: @green;
276 background-color: @navbarBackground;
277 border-color: transparent;
283 background-color: @navbarBackground;
284 border-color: transparent;
288 .open .dropdown-toggle,
289 .active.open .dropdown-toggle {
290 background-color: @navbarBackground;
297 .nav-tabs > li > a:hover,
298 .nav-tabs > li.active > a,
299 .nav-tabs > li.active > a:hover {
300 border-color: transparent;
312 background-color: @green;
317 li.active > a:hover {
318 background-color: @navbarBackground;
323 background-color: transparent;
324 border-bottom: 1px solid @grayLight;
330 background-color: @green;
331 background-image: none;
333 border-color: transparent;
341 text-decoration: underline;
361 background-color: @green;
362 background-image: none;
364 border-color: transparent;
370 background-color: @green;
371 border-color: transparent;
375 background-color: @navbarBackground;
381 ul > .active > span {
382 background-color: @navbarBackground;
387 ul > .disabled > a:hover,
388 ul > .disabled > span,
389 ul > .disabled > span:hover {
390 background-color: lighten(@green, 10%);
400 background-color: @green;
404 background-color: @navbarBackground;
410 background-color: lighten(@green, 10%);
416 // --------------------------------------------------
419 font-family: @headingsFontFamily;
420 font-weight: @headingsFontWeight;
428 .btn-group .dropdown-toggle {
433 // --------------------------------------------------
436 .table-striped tbody tr:nth-child(odd) th {
437 background-color: @green;
443 tbody tr.success td {
444 background-color: #B5EEAA;
448 background-color: #EEB8B8;
452 background-color: #AEE2EE;
457 // --------------------------------------------------
461 font-family: @headingsFontFamily;
462 font-weight: @headingsFontWeight;
463 color: @headingsColor;
466 label, .help-block, input[type="file"] {
467 color: @headingsColor;
470 input, textarea, select {
494 .control-group.error {
501 input, select, textarea {
502 border: 1px solid @red;
507 .control-group.success {
514 input, select, textarea {
515 border: 1px solid @green;
520 .control-group.warning {
527 input, select, textarea {
528 border: 1px solid @orange;
533 // ALERTS, LABELS, BADGES
534 // --------------------------------------------------
540 h1, h2, h3, h4, h5, h6 {
547 font-family: @baseFontFamily;
554 background-color: @green;
558 background-color: @btnSuccessBackground;
562 background-color: @btnWarningBackground;
566 background-color: @btnDangerBackground;
570 background-color: @btnInfoBackground;
574 background-color: @btnInverseBackground;
579 // --------------------------------------------------
595 .dropdown-menu .nav-header {
600 .dropdown-menu li > a:hover,
601 .dropdown-menu li > a:focus,
602 .dropdown-submenu:hover > a {
603 background-image: none;
607 background-color: darken(@grayLighter, 10%);
608 background-image: none;
613 vertical-align: baseline;
619 padding: 12px 15px 6px;
620 background-color: @green;
625 background-color: @headingsColor;
643 // --------------------------------------------------