4 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
11 label, input, button, select, textarea,
12 .navbar .search-query:-moz-placeholder,
13 .navbar .search-query::-webkit-input-placeholder {
14 font-family: 'Droid Sans', sans-serif;
19 background-color: @grayLighter;
23 border-left: 5px solid @blue;
26 border-right: 5px solid @blue;
31 // -----------------------------------------------------
39 #gradient > .vertical (@bodyBackground, #252A30);
43 border-bottom: 2px solid @blue
47 // -----------------------------------------------------
56 border-bottom: 2px solid @blue
60 padding: 12px 20px 11px;
71 padding: 13px 10px 8px;
72 border-bottom: 3px solid transparent;
73 border-left: 1px solid rgba(255, 255, 255, 0.1);
76 border-bottom: 3px solid @blue
81 border-bottom: 3px solid @blue;
85 .nav .active > a:hover,
86 .nav .active > a:focus {
90 .nav > li > .dropdown-menu::before,
91 .nav > li > .dropdown-menu::after {
95 .dropdown-menu li > a:hover,
96 .dropdown-menu li > a:focus,
97 .dropdown-submenu:hover > a {
98 background-image: none;
109 .search-query.focused {
112 background-color: #222;
121 border-bottom: 3px solid @black;
126 background-color: @black;
130 border-bottom-color: transparent;
134 border-bottom-color: transparent;
139 @media (max-width: @navbarCollapseWidth) {
141 .navbar .nav-collapse {
151 background-color: @blue;
157 background-color: @blue;
160 .dropdown-menu a:hover {
161 background-color: @blue;
171 color: rgba(128, 128, 128, 0.6);
175 .navbar-inverse .nav-collapse {
178 background-color: #111;
182 background-color: #111;
185 .nav li.dropdown.open > .dropdown-toggle,
186 .nav li.dropdown.active > .dropdown-toggle,
187 .nav li.dropdown.open.active > .dropdown-toggle {
188 background-color: #111;
195 background-color: @grayDarker;
196 background-image: none;
208 background-color: @grayDarker;
209 border-left: 1px solid #222;
219 .nav > li.active > a:hover,
220 .nav > li:first-child > a:hover {
221 background: transparent;
222 border-bottom: 2px solid @blue;
223 border-left: 1px solid #222;
227 .nav .open .dropdown-toggle {
229 border-left: 1px solid #222;
230 border-bottom: 2px solid @blue;
231 background-color: #060606;
234 .nav .open .dropdown-menu {
235 background-color: @grayDarker;
236 border-left: solid 1px rgba(255, 255, 255, 0.1);
246 // -----------------------------------------------------
250 border-bottom: 1px solid #222;
254 li.active > a:hover {
255 border: 1px solid #222;
256 background-color: @blue;
260 .open .dropdown-toggle {
261 background-color: #060606 !important;
262 border: 1px solid #222;
265 .dropdown-menu li > a:hover {
273 background-color: @blue;
277 .open .dropdown-toggle {
278 background-color: #060606;
281 .dropdown-menu li > a:hover {
293 background-color: @blue;
302 background-color: transparent;
303 border-bottom: 1px solid #222;
310 border: 1px solid #222 !important;
315 background-color: @blue;
322 .nav-tabs li.active > a {
329 background-color: transparent;
330 background-image: none;
358 background-color: @blue;
363 ul > .active > span {
364 background-color: @blue;
369 ul > .disabled > a:hover,
370 ul > .disabled > span,
371 ul > .disabled > span:hover {
372 background-color: rgba(0, 0, 0, 0.2);
379 background-color: @bodyBackground;
383 background-color: @blue;
389 background-color: @bodyBackground;
395 // -----------------------------------------------------
398 .box-shadow(1px 1px 2px #111);
399 .buttonBackground(darken(@gray, 20%), darken(@gray, 30%));
410 .buttonBackground(@blueDark, darken(@blueDark, 10%));
414 .buttonBackground(lighten(@orange, 10%), @orange);
418 .buttonBackground(lighten(@red, 10%), @red);
422 .buttonBackground(lighten(@green, 10%), @green);
426 .buttonBackground(darken(@gray, 40%), darken(@gray, 50%));
430 .buttonBackground(lighten(@purple, 5%), @purple);
434 border-top: 4px solid black;
438 .btn-group > .dropdown-menu > li > a:hover {
442 .btn.disabled, .btn[disabled] {
443 background-color: @grayLight;
447 // -----------------------------------------------------
449 input, textarea, select {
456 border-bottom: 0px solid #222;
459 input, textarea, select, .uneditable-input {
463 input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input {
464 background-color: #555;
472 border-color: rgba(82,168,236,1);
474 outline: thin dotted \9; /* IE6-9 */
477 input[type="file"]:focus,
478 input[type="radio"]:focus,
479 input[type="checkbox"]:focus,
481 .box-shadow(none); // override for file inputs
486 border-top: 1px solid #222;
490 // -----------------------------------------------------
496 tbody tr.success td {
497 background-color: @green;
502 background-color: @red;
507 background-color: @blue;
513 // -----------------------------------------------------
516 background-color: #191A1A;
517 .box-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
520 .dropdown-menu li > a:hover {
521 background-color: @blue;
524 // ALERTS, LABELS, BADGES
525 // -----------------------------------------------------
528 .alert .alert-heading,
530 .alert-success .alert-heading,
533 .alert-danger .alert-heading,
534 .alert-error .alert-heading,
536 .alert-info .alert-heading {
546 .label, .alert { background-color: darken(@gray, 20%); }
548 .label:hover { background-color: darken(@gray, 30%); }
552 .alert-error { background-color: @red; }
554 .label-important:hover { background-color: darken(@red, 10%); }
556 .label-warning { background-color: darken(@orange, 10%); }
558 .label-warning:hover { background-color: darken(@orange, 20%); }
560 .label-success, .alert-success { background-color: darken(@green, 3%); }
562 .label-success:hover { background-color: darken(@green, 13%); }
564 .label-info, .alert-info { background-color: darken(@blueDark, 10%); }
566 .label-info:hover { background-color: darken(@blueDark, 20%); }
569 // -----------------------------------------------------
576 border-top: solid 1px lighten(@grayDark, 5%);
577 .box-shadow(0 2px 4px rgba(0,0,0,.8));
585 background-color: #060606;
586 background-image: none;
592 border-top: solid 1px lighten(@grayDark, 5%);
593 background-color: @grayDark;
597 border-bottom: 1px solid #222;
601 background-color: @grayDark;
602 border-top: 1px solid #222;
603 .border-radius(0 0 6px 6px);
608 border-top: 1px solid #222;
612 // -----------------------------------------------------
614 @media (max-width: 768px) {
615 div.subnav .nav > li + li > a,
616 div.subnav .nav > li:first-child > a {
617 border-top: 1px solid #222;
618 border-left: 1px solid #222;
621 .subnav .nav > li + li > a:hover,
622 .subnav .nav > li:first-child > a:hover {
624 background-color: @blue;