4 // -----------------------------------------------------
7 // -----------------------------------------------------
9 @import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
16 .navbar .nav-collapse.in .nav li > a {
22 label, input, button, select, textarea,
23 .navbar .search-query:-moz-placeholder,
24 .navbar .search-query::-webkit-input-placeholder {
25 font-family: 'Droid Sans', sans-serif;
30 font-weight: normal !important;
34 // -----------------------------------------------------
37 #gradient > .vertical (@bodyBackground, #252A30);
41 border-bottom: 2px solid @blue
45 // -----------------------------------------------------
50 border-bottom: 2px solid @blue
54 padding: 12px 20px 8px;
58 padding: 13px 10px 8px;
59 border-bottom: 3px solid rgba(0, 0, 0, 0);
62 .navbar .nav .active > a,
63 .navbar .nav li > a:hover,
64 .navbar .brand:hover {
65 border-bottom: 3px solid @blue
68 .navbar .search-query,
69 .navbar .search-query:focus,
70 .navbar .search-query.focused {
73 background-color: #222;
78 .navbar .nav > li > a {
79 border-left: 1px solid #222;
83 background-color: #191A1A;
84 border-left: solid 1px rgba(255, 255, 255, 0.1);
85 .box-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
88 .dropdown-menu li > a:hover {
89 background-color: @blue;
90 border-bottom: 3px solid transparent;
93 .dropdown-menu .divider {
94 background-color: #222;
95 border-bottom: 0px solid white;
98 .navbar .dropdown-menu::before,
99 .navbar .dropdown-menu::after {
103 .navbar .nav-collapse.in .nav > li > a {
107 .navbar .nav-collapse.in .nav a:hover {
108 background-color: @blue;
113 background-color: @grayDarker;
114 background-image: none;
118 div.subnav.subnav-fixed {
124 div.subnav .nav > li > a,
125 div.subnav .nav .active a {
126 background-color: @grayDarker;
127 border-left: 1px solid #222;
132 div.subnav .nav li.nav-header {
136 .subnav .nav > li > a:hover,
137 .subnav .nav > li.active > a:hover,
138 .subnav .nav > li:first-child > a:hover {
139 background: transparent;
140 border-bottom: 2px solid @blue;
141 border-left: 1px solid #222;
145 div.subnav .nav .open {
149 border-left: 1px solid #222;
150 border-bottom: 2px solid @blue;
151 background-color: #060606;
155 background-color: @grayDarker;
156 border-left: solid 1px rgba(255, 255, 255, 0.1);
165 @media (max-width: 768px) {
166 div.subnav .nav > li + li > a,
167 div.subnav .nav > li:first-child > a {
168 border-top: 1px solid #222;
169 border-left: 1px solid #222;
172 .subnav .nav > li + li > a:hover,
173 .subnav .nav > li:first-child > a:hover {
175 background-color: @blue;
180 // -----------------------------------------------------
189 background-color: @blue;
198 background-color: transparent;
199 border-bottom: 1px solid #222;
205 border-bottom: 1px solid #222;
209 li.active > a:hover {
210 border: 1px solid #222;
211 background-color: @blue;
215 .open .dropdown-toggle {
216 background-color: #060606 !important;
217 border: 1px solid #222;
220 .dropdown-menu li > a:hover {
228 background-color: @blue;
232 .open .dropdown-toggle {
233 background-color: #060606;
236 .dropdown-menu li > a:hover {
244 border: 1px solid #222 !important;
249 background-color: @blue;
256 .nav-tabs li.active > a {
262 background-color: transparent;
263 background-image: none;
289 background-color: @blue;
295 // -----------------------------------------------------
298 .box-shadow(1px 1px 2px #111);
299 .buttonBackground(darken(@gray, 20%), darken(@gray, 30%));
310 .buttonBackground(@blueDark, darken(@blueDark, 10%));
314 .buttonBackground(lighten(@orange, 10%), @orange);
318 .buttonBackground(lighten(@red, 10%), @red);
322 .buttonBackground(lighten(@green, 10%), @green);
326 .buttonBackground(darken(@gray, 40%), darken(@gray, 50%));
330 .buttonBackground(lighten(@purple, 5%), @purple);
334 border-top: 4px solid black;
338 .btn-group > .dropdown-menu > li > a:hover {
342 .btn.disabled, .btn[disabled] {
343 background-color: @grayLight;
347 // -----------------------------------------------------
349 input, textarea, select {
355 border-bottom: 0px solid #222;
358 input, textarea, select, .uneditable-input {
362 input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input {
363 background-color: #555;
371 border-color: rgba(82,168,236,1);
373 outline: thin dotted \9; /* IE6-9 */
376 input[type="file"]:focus,
377 input[type="radio"]:focus,
378 input[type="checkbox"]:focus,
380 .box-shadow(none); // override for file inputs
385 border-top: 1px solid #222;
389 // -----------------------------------------------------
393 border-top: solid 1px rgba(255, 255, 255, 0.3);
394 background-color: @grayDark;
398 border-bottom: 1px solid #222;
402 background-color: @grayDark;
403 border-top: 1px solid #222;
404 .border-radius(0 0 6px 6px);
409 // -----------------------------------------------------
411 .table, .well, .hero-unit, .prettyprint, input, textarea, select {
416 background-color: @grayLighter;
420 background-color: #131517;
421 border-top: solid 1px rgba(255, 255, 255, 0.1);
422 .box-shadow(0 2px 4px rgba(0,0,0,.8));
426 border-left: 5px solid @blue;
429 border-right: 5px solid @blue;
438 background-color: #060606;
439 background-image: none;
447 .label, .alert { background-color: darken(@gray, 20%); }
449 .label:hover { background-color: darken(@gray, 30%); }
451 .label-important, .alert-danger,
452 .alert-error { background-color: @red; }
454 .label-important:hover { background-color: darken(@red, 10%); }
456 .label-warning { background-color: darken(@orange, 10%); }
458 .label-warning:hover { background-color: darken(@orange, 20%); }
460 .label-success, .alert-success { background-color: darken(@green, 3%); }
462 .label-success:hover { background-color: darken(@green, 13%); }
464 .label-info, .alert-info { background-color: darken(@blueDark, 10%); }
466 .label-info:hover { background-color: darken(@blueDark, 20%); }
469 .alert .alert-heading,
471 .alert-success .alert-heading,
474 .alert-danger .alert-heading,
475 .alert-error .alert-heading,
477 .alert-info .alert-heading {
484 border-top: 1px solid #222;