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 {
328 background-color: transparent;
329 background-image: none;
355 background-color: @blue;
362 background-color: rgba(0, 0, 0, 0.2);
369 background-color: @bodyBackground;
373 background-color: @blue;
379 background-color: @bodyBackground;
385 // -----------------------------------------------------
388 .box-shadow(1px 1px 2px #111);
389 .buttonBackground(darken(@gray, 20%), darken(@gray, 30%));
400 .buttonBackground(@blueDark, darken(@blueDark, 10%));
404 .buttonBackground(lighten(@orange, 10%), @orange);
408 .buttonBackground(lighten(@red, 10%), @red);
412 .buttonBackground(lighten(@green, 10%), @green);
416 .buttonBackground(darken(@gray, 40%), darken(@gray, 50%));
420 .buttonBackground(lighten(@purple, 5%), @purple);
424 border-top: 4px solid black;
428 .btn-group > .dropdown-menu > li > a:hover {
432 .btn.disabled, .btn[disabled] {
433 background-color: @grayLight;
437 // -----------------------------------------------------
439 input, textarea, select {
446 border-bottom: 0px solid #222;
449 input, textarea, select, .uneditable-input {
453 input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input {
454 background-color: #555;
462 border-color: rgba(82,168,236,1);
464 outline: thin dotted \9; /* IE6-9 */
467 input[type="file"]:focus,
468 input[type="radio"]:focus,
469 input[type="checkbox"]:focus,
471 .box-shadow(none); // override for file inputs
476 border-top: 1px solid #222;
480 // -----------------------------------------------------
486 tbody tr.success td {
487 background-color: @green;
492 background-color: @red;
497 background-color: @blue;
503 // -----------------------------------------------------
506 background-color: #191A1A;
507 .box-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
510 .dropdown-menu li > a:hover {
511 background-color: @blue;
514 // ALERTS, LABELS, BADGES
515 // -----------------------------------------------------
518 .alert .alert-heading,
520 .alert-success .alert-heading,
523 .alert-danger .alert-heading,
524 .alert-error .alert-heading,
526 .alert-info .alert-heading {
536 .label, .alert { background-color: darken(@gray, 20%); }
538 .label:hover { background-color: darken(@gray, 30%); }
542 .alert-error { background-color: @red; }
544 .label-important:hover { background-color: darken(@red, 10%); }
546 .label-warning { background-color: darken(@orange, 10%); }
548 .label-warning:hover { background-color: darken(@orange, 20%); }
550 .label-success, .alert-success { background-color: darken(@green, 3%); }
552 .label-success:hover { background-color: darken(@green, 13%); }
554 .label-info, .alert-info { background-color: darken(@blueDark, 10%); }
556 .label-info:hover { background-color: darken(@blueDark, 20%); }
559 // -----------------------------------------------------
566 border-top: solid 1px lighten(@grayDark, 5%);
567 .box-shadow(0 2px 4px rgba(0,0,0,.8));
575 background-color: #060606;
576 background-image: none;
582 border-top: solid 1px lighten(@grayDark, 5%);
583 background-color: @grayDark;
587 border-bottom: 1px solid #222;
591 background-color: @grayDark;
592 border-top: 1px solid #222;
593 .border-radius(0 0 6px 6px);
598 border-top: 1px solid #222;
602 // -----------------------------------------------------
604 @media (max-width: 768px) {
605 div.subnav .nav > li + li > a,
606 div.subnav .nav > li:first-child > a {
607 border-top: 1px solid #222;
608 border-left: 1px solid #222;
611 .subnav .nav > li + li > a:hover,
612 .subnav .nav > li:first-child > a:hover {
614 background-color: @blue;