Mercurial > web

comparison css/bootstrap.css @ 73:8ceccee9d839

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bootstrap: optimize css, remove js I removed EVERYTHING except the navbar. Why? Because I won't be using them, obviously :)
author Paper <mrpapersonic@gmail.com>
date Sun, 17 Dec 2023 17:56:14 -0500
parents
children
comparison
equal deleted inserted replaced
72:ff98f97603ca 73:8ceccee9d839
1 /*!
2 * Bootstrap v2.3.2
3 *
4 * Copyright 2013 Twitter, Inc
5 * Licensed under the Apache License v2.0
6 * http://www.apache.org/licenses/LICENSE-2.0
7 *
8 * Designed and built with all the love in the world by @mdo and @fat.
9 *
10 * Optimized for Paper's website, it only includes essentials and the navbar.
11 */
12
13 .clearfix {
14 *zoom: 1;
15 }
16
17 .clearfix:before,
18 .clearfix:after {
19 display: table;
20 line-height: 0;
21 content: "";
22 }
23
24 .clearfix:after {
25 clear: both;
26 }
27
28 .hide-text {
29 font: 0/0 a;
30 color: transparent;
31 text-shadow: none;
32 background-color: transparent;
33 border: 0;
34 }
35
36 .input-block-level {
37 display: block;
38 width: 100%;
39 min-height: 30px;
40 -webkit-box-sizing: border-box;
41 -moz-box-sizing: border-box;
42 box-sizing: border-box;
43 }
44
45 .nav {
46 margin-bottom: 20px;
47 margin-left: 0;
48 list-style: none;
49 }
50
51 .nav > li > a {
52 display: block;
53 }
54
55 .nav > li > a:hover,
56 .nav > li > a:focus {
57 text-decoration: none;
58 background-color: #eeeeee;
59 }
60
61 .nav > li > a > img {
62 max-width: none;
63 }
64
65 .nav > .pull-right {
66 float: right;
67 }
68
69 .nav-header {
70 display: block;
71 padding: 3px 15px;
72 font-size: 11px;
73 font-weight: bold;
74 line-height: 20px;
75 color: #999999;
76 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
77 text-transform: uppercase;
78 }
79
80 .nav li + .nav-header {
81 margin-top: 9px;
82 }
83
84 .nav-list {
85 padding-right: 15px;
86 padding-left: 15px;
87 margin-bottom: 0;
88 }
89
90 .nav-list > li > a,
91 .nav-list .nav-header {
92 margin-right: -15px;
93 margin-left: -15px;
94 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
95 }
96
97 .nav-list > li > a {
98 padding: 3px 15px;
99 }
100
101 .nav-list > .active > a,
102 .nav-list > .active > a:hover,
103 .nav-list > .active > a:focus {
104 color: #ffffff;
105 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
106 background-color: #0088cc;
107 }
108
109 .nav-list [class^="icon-"],
110 .nav-list [class*=" icon-"] {
111 margin-right: 2px;
112 }
113
114 .nav-list .divider {
115 *width: 100%;
116 height: 1px;
117 margin: 9px 1px;
118 *margin: -5px 0 5px;
119 overflow: hidden;
120 background-color: #e5e5e5;
121 border-bottom: 1px solid #ffffff;
122 }
123
124 .nav-tabs,
125 .nav-pills {
126 *zoom: 1;
127 }
128
129 .nav-tabs:before,
130 .nav-pills:before,
131 .nav-tabs:after,
132 .nav-pills:after {
133 display: table;
134 line-height: 0;
135 content: "";
136 }
137
138 .nav-tabs:after,
139 .nav-pills:after {
140 clear: both;
141 }
142
143 .nav-tabs > li,
144 .nav-pills > li {
145 float: left;
146 }
147
148 .nav-tabs > li > a,
149 .nav-pills > li > a {
150 padding-right: 12px;
151 padding-left: 12px;
152 margin-right: 2px;
153 line-height: 14px;
154 }
155
156 .nav-tabs {
157 border-bottom: 1px solid #ddd;
158 }
159
160 .nav-tabs > li {
161 margin-bottom: -1px;
162 }
163
164 .nav-tabs > li > a {
165 padding-top: 8px;
166 padding-bottom: 8px;
167 line-height: 20px;
168 border: 1px solid transparent;
169 -webkit-border-radius: 4px 4px 0 0;
170 -moz-border-radius: 4px 4px 0 0;
171 border-radius: 4px 4px 0 0;
172 }
173
174 .nav-tabs > li > a:hover,
175 .nav-tabs > li > a:focus {
176 border-color: #eeeeee #eeeeee #dddddd;
177 }
178
179 .nav-tabs > .active > a,
180 .nav-tabs > .active > a:hover,
181 .nav-tabs > .active > a:focus {
182 color: #555555;
183 cursor: default;
184 background-color: #ffffff;
185 border: 1px solid #ddd;
186 border-bottom-color: transparent;
187 }
188
189 .nav-pills > li > a {
190 padding-top: 8px;
191 padding-bottom: 8px;
192 margin-top: 2px;
193 margin-bottom: 2px;
194 -webkit-border-radius: 5px;
195 -moz-border-radius: 5px;
196 border-radius: 5px;
197 }
198
199 .nav-pills > .active > a,
200 .nav-pills > .active > a:hover,
201 .nav-pills > .active > a:focus {
202 color: #ffffff;
203 background-color: #0088cc;
204 }
205
206 .nav-stacked > li {
207 float: none;
208 }
209
210 .nav-stacked > li > a {
211 margin-right: 0;
212 }
213
214 .nav-tabs.nav-stacked {
215 border-bottom: 0;
216 }
217
218 .nav-tabs.nav-stacked > li > a {
219 border: 1px solid #ddd;
220 -webkit-border-radius: 0;
221 -moz-border-radius: 0;
222 border-radius: 0;
223 }
224
225 .nav-tabs.nav-stacked > li:first-child > a {
226 -webkit-border-top-right-radius: 4px;
227 border-top-right-radius: 4px;
228 -webkit-border-top-left-radius: 4px;
229 border-top-left-radius: 4px;
230 -moz-border-radius-topright: 4px;
231 -moz-border-radius-topleft: 4px;
232 }
233
234 .nav-tabs.nav-stacked > li:last-child > a {
235 -webkit-border-bottom-right-radius: 4px;
236 border-bottom-right-radius: 4px;
237 -webkit-border-bottom-left-radius: 4px;
238 border-bottom-left-radius: 4px;
239 -moz-border-radius-bottomright: 4px;
240 -moz-border-radius-bottomleft: 4px;
241 }
242
243 .nav-tabs.nav-stacked > li > a:hover,
244 .nav-tabs.nav-stacked > li > a:focus {
245 z-index: 2;
246 border-color: #ddd;
247 }
248
249 .nav-pills.nav-stacked > li > a {
250 margin-bottom: 3px;
251 }
252
253 .nav-pills.nav-stacked > li:last-child > a {
254 margin-bottom: 1px;
255 }
256
257 .nav-tabs .dropdown-menu {
258 -webkit-border-radius: 0 0 6px 6px;
259 -moz-border-radius: 0 0 6px 6px;
260 border-radius: 0 0 6px 6px;
261 }
262
263 .nav-pills .dropdown-menu {
264 -webkit-border-radius: 6px;
265 -moz-border-radius: 6px;
266 border-radius: 6px;
267 }
268
269 .nav .dropdown-toggle .caret {
270 margin-top: 6px;
271 border-top-color: #0088cc;
272 border-bottom-color: #0088cc;
273 }
274
275 .nav .dropdown-toggle:hover .caret,
276 .nav .dropdown-toggle:focus .caret {
277 border-top-color: #005580;
278 border-bottom-color: #005580;
279 }
280
281 /* move down carets for tabs */
282
283 .nav-tabs .dropdown-toggle .caret {
284 margin-top: 8px;
285 }
286
287 .nav .active .dropdown-toggle .caret {
288 border-top-color: #fff;
289 border-bottom-color: #fff;
290 }
291
292 .nav-tabs .active .dropdown-toggle .caret {
293 border-top-color: #555555;
294 border-bottom-color: #555555;
295 }
296
297 .nav > .dropdown.active > a:hover,
298 .nav > .dropdown.active > a:focus {
299 cursor: pointer;
300 }
301
302 .nav-tabs .open .dropdown-toggle,
303 .nav-pills .open .dropdown-toggle,
304 .nav > li.dropdown.open.active > a:hover,
305 .nav > li.dropdown.open.active > a:focus {
306 color: #ffffff;
307 background-color: #999999;
308 border-color: #999999;
309 }
310
311 .nav li.dropdown.open .caret,
312 .nav li.dropdown.open.active .caret,
313 .nav li.dropdown.open a:hover .caret,
314 .nav li.dropdown.open a:focus .caret {
315 border-top-color: #ffffff;
316 border-bottom-color: #ffffff;
317 opacity: 1;
318 filter: alpha(opacity=100);
319 }
320
321 .tabs-stacked .open > a:hover,
322 .tabs-stacked .open > a:focus {
323 border-color: #999999;
324 }
325
326 .tabbable {
327 *zoom: 1;
328 }
329
330 .tabbable:before,
331 .tabbable:after {
332 display: table;
333 line-height: 0;
334 content: "";
335 }
336
337 .tabbable:after {
338 clear: both;
339 }
340
341 .tab-content {
342 overflow: auto;
343 }
344
345 .tabs-below > .nav-tabs,
346 .tabs-right > .nav-tabs,
347 .tabs-left > .nav-tabs {
348 border-bottom: 0;
349 }
350
351 .tab-content > .tab-pane,
352 .pill-content > .pill-pane {
353 display: none;
354 }
355
356 .tab-content > .active,
357 .pill-content > .active {
358 display: block;
359 }
360
361 .tabs-below > .nav-tabs {
362 border-top: 1px solid #ddd;
363 }
364
365 .tabs-below > .nav-tabs > li {
366 margin-top: -1px;
367 margin-bottom: 0;
368 }
369
370 .tabs-below > .nav-tabs > li > a {
371 -webkit-border-radius: 0 0 4px 4px;
372 -moz-border-radius: 0 0 4px 4px;
373 border-radius: 0 0 4px 4px;
374 }
375
376 .tabs-below > .nav-tabs > li > a:hover,
377 .tabs-below > .nav-tabs > li > a:focus {
378 border-top-color: #ddd;
379 border-bottom-color: transparent;
380 }
381
382 .tabs-below > .nav-tabs > .active > a,
383 .tabs-below > .nav-tabs > .active > a:hover,
384 .tabs-below > .nav-tabs > .active > a:focus {
385 border-color: transparent #ddd #ddd #ddd;
386 }
387
388 .tabs-left > .nav-tabs > li,
389 .tabs-right > .nav-tabs > li {
390 float: none;
391 }
392
393 .tabs-left > .nav-tabs > li > a,
394 .tabs-right > .nav-tabs > li > a {
395 min-width: 74px;
396 margin-right: 0;
397 margin-bottom: 3px;
398 }
399
400 .tabs-left > .nav-tabs {
401 float: left;
402 margin-right: 19px;
403 border-right: 1px solid #ddd;
404 }
405
406 .tabs-left > .nav-tabs > li > a {
407 margin-right: -1px;
408 -webkit-border-radius: 4px 0 0 4px;
409 -moz-border-radius: 4px 0 0 4px;
410 border-radius: 4px 0 0 4px;
411 }
412
413 .tabs-left > .nav-tabs > li > a:hover,
414 .tabs-left > .nav-tabs > li > a:focus {
415 border-color: #eeeeee #dddddd #eeeeee #eeeeee;
416 }
417
418 .tabs-left > .nav-tabs .active > a,
419 .tabs-left > .nav-tabs .active > a:hover,
420 .tabs-left > .nav-tabs .active > a:focus {
421 border-color: #ddd transparent #ddd #ddd;
422 *border-right-color: #ffffff;
423 }
424
425 .tabs-right > .nav-tabs {
426 float: right;
427 margin-left: 19px;
428 border-left: 1px solid #ddd;
429 }
430
431 .tabs-right > .nav-tabs > li > a {
432 margin-left: -1px;
433 -webkit-border-radius: 0 4px 4px 0;
434 -moz-border-radius: 0 4px 4px 0;
435 border-radius: 0 4px 4px 0;
436 }
437
438 .tabs-right > .nav-tabs > li > a:hover,
439 .tabs-right > .nav-tabs > li > a:focus {
440 border-color: #eeeeee #eeeeee #eeeeee #dddddd;
441 }
442
443 .tabs-right > .nav-tabs .active > a,
444 .tabs-right > .nav-tabs .active > a:hover,
445 .tabs-right > .nav-tabs .active > a:focus {
446 border-color: #ddd #ddd #ddd transparent;
447 *border-left-color: #ffffff;
448 }
449
450 .nav > .disabled > a {
451 color: #999999;
452 }
453
454 .nav > .disabled > a:hover,
455 .nav > .disabled > a:focus {
456 text-decoration: none;
457 cursor: default;
458 background-color: transparent;
459 }
460
461 .navbar {
462 *position: relative;
463 *z-index: 2;
464 margin-bottom: 20px;
465 overflow: visible;
466 }
467
468 .navbar-inner {
469 min-height: 40px;
470 padding-right: 20px;
471 padding-left: 20px;
472 background-color: #fafafa;
473 background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
474 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
475 background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
476 background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
477 background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
478 background-repeat: repeat-x;
479 border: 1px solid #d4d4d4;
480 -webkit-border-radius: 4px;
481 -moz-border-radius: 4px;
482 border-radius: 4px;
483 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
484 *zoom: 1;
485 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
486 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
487 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
488 }
489
490 .navbar-inner:before,
491 .navbar-inner:after {
492 display: table;
493 line-height: 0;
494 content: "";
495 }
496
497 .navbar-inner:after {
498 clear: both;
499 }
500
501 .navbar .container {
502 width: auto;
503 }
504
505 .nav-collapse.collapse {
506 height: auto;
507 overflow: visible;
508 }
509
510 .navbar .brand {
511 display: block;
512 float: left;
513 padding: 10px 20px 10px;
514 margin-left: -20px;
515 font-size: 20px;
516 font-weight: 200;
517 color: #777777;
518 text-shadow: 0 1px 0 #ffffff;
519 }
520
521 .navbar .brand:hover,
522 .navbar .brand:focus {
523 text-decoration: none;
524 }
525
526 .navbar-text {
527 margin-bottom: 0;
528 line-height: 40px;
529 color: #777777;
530 }
531
532 .navbar-link {
533 color: #777777;
534 }
535
536 .navbar-link:hover,
537 .navbar-link:focus {
538 color: #333333;
539 }
540
541 .navbar .divider-vertical {
542 height: 40px;
543 margin: 0 9px;
544 border-right: 1px solid #ffffff;
545 border-left: 1px solid #f2f2f2;
546 }
547
548 .navbar .btn,
549 .navbar .btn-group {
550 margin-top: 5px;
551 }
552
553 .navbar .btn-group .btn,
554 .navbar .input-prepend .btn,
555 .navbar .input-append .btn,
556 .navbar .input-prepend .btn-group,
557 .navbar .input-append .btn-group {
558 margin-top: 0;
559 }
560
561 .navbar-form {
562 margin-bottom: 0;
563 *zoom: 1;
564 }
565
566 .navbar-form:before,
567 .navbar-form:after {
568 display: table;
569 line-height: 0;
570 content: "";
571 }
572
573 .navbar-form:after {
574 clear: both;
575 }
576
577 .navbar-form input,
578 .navbar-form select,
579 .navbar-form .radio,
580 .navbar-form .checkbox {
581 margin-top: 5px;
582 }
583
584 .navbar-form input,
585 .navbar-form select,
586 .navbar-form .btn {
587 display: inline-block;
588 margin-bottom: 0;
589 }
590
591 .navbar-form input[type="image"],
592 .navbar-form input[type="checkbox"],
593 .navbar-form input[type="radio"] {
594 margin-top: 3px;
595 }
596
597 .navbar-form .input-append,
598 .navbar-form .input-prepend {
599 margin-top: 5px;
600 white-space: nowrap;
601 }
602
603 .navbar-form .input-append input,
604 .navbar-form .input-prepend input {
605 margin-top: 0;
606 }
607
608 .navbar-search {
609 position: relative;
610 float: left;
611 margin-top: 5px;
612 margin-bottom: 0;
613 }
614
615 .navbar-search .search-query {
616 padding: 4px 14px;
617 margin-bottom: 0;
618 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
619 font-size: 13px;
620 font-weight: normal;
621 line-height: 1;
622 -webkit-border-radius: 15px;
623 -moz-border-radius: 15px;
624 border-radius: 15px;
625 }
626
627 .navbar-static-top {
628 position: static;
629 margin-bottom: 0;
630 }
631
632 .navbar-static-top .navbar-inner {
633 -webkit-border-radius: 0;
634 -moz-border-radius: 0;
635 border-radius: 0;
636 }
637
638 .navbar-fixed-top,
639 .navbar-fixed-bottom {
640 position: fixed;
641 right: 0;
642 left: 0;
643 z-index: 1030;
644 margin-bottom: 0;
645 }
646
647 .navbar-fixed-top .navbar-inner,
648 .navbar-static-top .navbar-inner {
649 border-width: 0 0 1px;
650 }
651
652 .navbar-fixed-bottom .navbar-inner {
653 border-width: 1px 0 0;
654 }
655
656 .navbar-fixed-top .navbar-inner,
657 .navbar-fixed-bottom .navbar-inner {
658 padding-right: 0;
659 padding-left: 0;
660 -webkit-border-radius: 0;
661 -moz-border-radius: 0;
662 border-radius: 0;
663 }
664
665 .navbar-static-top .container,
666 .navbar-fixed-top .container,
667 .navbar-fixed-bottom .container {
668 width: 940px;
669 }
670
671 .navbar-fixed-top {
672 top: 0;
673 }
674
675 .navbar-fixed-top .navbar-inner,
676 .navbar-static-top .navbar-inner {
677 -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
678 -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
679 box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
680 }
681
682 .navbar-fixed-bottom {
683 bottom: 0;
684 }
685
686 .navbar-fixed-bottom .navbar-inner {
687 -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
688 -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
689 box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
690 }
691
692 .navbar .nav {
693 position: relative;
694 left: 0;
695 display: block;
696 float: left;
697 margin: 0 10px 0 0;
698 }
699
700 .navbar .nav.pull-right {
701 float: right;
702 margin-right: 0;
703 }
704
705 .navbar .nav > li {
706 float: left;
707 }
708
709 .navbar .nav > li > a {
710 float: none;
711 padding: 10px 15px 10px;
712 color: #777777;
713 text-decoration: none;
714 text-shadow: 0 1px 0 #ffffff;
715 }
716
717 .navbar .nav .dropdown-toggle .caret {
718 margin-top: 8px;
719 }
720
721 .navbar .nav > li > a:focus,
722 .navbar .nav > li > a:hover {
723 color: #333333;
724 text-decoration: none;
725 background-color: transparent;
726 }
727
728 .navbar .nav > .active > a,
729 .navbar .nav > .active > a:hover,
730 .navbar .nav > .active > a:focus {
731 color: #555555;
732 text-decoration: none;
733 background-color: #e5e5e5;
734 -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
735 -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
736 box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
737 }
738
739 .navbar .btn-navbar {
740 display: none;
741 float: right;
742 padding: 7px 10px;
743 margin-right: 5px;
744 margin-left: 5px;
745 color: #ffffff;
746 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
747 background-color: #ededed;
748 *background-color: #e5e5e5;
749 background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
750 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
751 background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
752 background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
753 background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
754 background-repeat: repeat-x;
755 border-color: #e5e5e5 #e5e5e5 #bfbfbf;
756 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
757 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
758 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
759 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
760 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
761 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
762 }
763
764 .navbar .btn-navbar:hover,
765 .navbar .btn-navbar:focus,
766 .navbar .btn-navbar:active,
767 .navbar .btn-navbar.active,
768 .navbar .btn-navbar.disabled,
769 .navbar .btn-navbar[disabled] {
770 color: #ffffff;
771 background-color: #e5e5e5;
772 *background-color: #d9d9d9;
773 }
774
775 .navbar .btn-navbar:active,
776 .navbar .btn-navbar.active {
777 background-color: #cccccc \9;
778 }
779
780 .navbar .btn-navbar .icon-bar {
781 display: block;
782 width: 18px;
783 height: 2px;
784 background-color: #f5f5f5;
785 -webkit-border-radius: 1px;
786 -moz-border-radius: 1px;
787 border-radius: 1px;
788 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
789 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
790 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
791 }
792
793 .btn-navbar .icon-bar + .icon-bar {
794 margin-top: 3px;
795 }
796
797 .navbar .nav > li > .dropdown-menu:before {
798 position: absolute;
799 top: -7px;
800 left: 9px;
801 display: inline-block;
802 border-right: 7px solid transparent;
803 border-bottom: 7px solid #ccc;
804 border-left: 7px solid transparent;
805 border-bottom-color: rgba(0, 0, 0, 0.2);
806 content: '';
807 }
808
809 .navbar .nav > li > .dropdown-menu:after {
810 position: absolute;
811 top: -6px;
812 left: 10px;
813 display: inline-block;
814 border-right: 6px solid transparent;
815 border-bottom: 6px solid #ffffff;
816 border-left: 6px solid transparent;
817 content: '';
818 }
819
820 .navbar-fixed-bottom .nav > li > .dropdown-menu:before {
821 top: auto;
822 bottom: -7px;
823 border-top: 7px solid #ccc;
824 border-bottom: 0;
825 border-top-color: rgba(0, 0, 0, 0.2);
826 }
827
828 .navbar-fixed-bottom .nav > li > .dropdown-menu:after {
829 top: auto;
830 bottom: -6px;
831 border-top: 6px solid #ffffff;
832 border-bottom: 0;
833 }
834
835 .navbar .nav li.dropdown > a:hover .caret,
836 .navbar .nav li.dropdown > a:focus .caret {
837 border-top-color: #333333;
838 border-bottom-color: #333333;
839 }
840
841 .navbar .nav li.dropdown.open > .dropdown-toggle,
842 .navbar .nav li.dropdown.active > .dropdown-toggle,
843 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
844 color: #555555;
845 background-color: #e5e5e5;
846 }
847
848 .navbar .nav li.dropdown > .dropdown-toggle .caret {
849 border-top-color: #777777;
850 border-bottom-color: #777777;
851 }
852
853 .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
854 .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
855 .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
856 border-top-color: #555555;
857 border-bottom-color: #555555;
858 }
859
860 .navbar .pull-right > li > .dropdown-menu,
861 .navbar .nav > li > .dropdown-menu.pull-right {
862 right: 0;
863 left: auto;
864 }
865
866 .navbar .pull-right > li > .dropdown-menu:before,
867 .navbar .nav > li > .dropdown-menu.pull-right:before {
868 right: 12px;
869 left: auto;
870 }
871
872 .navbar .pull-right > li > .dropdown-menu:after,
873 .navbar .nav > li > .dropdown-menu.pull-right:after {
874 right: 13px;
875 left: auto;
876 }
877
878 .navbar .pull-right > li > .dropdown-menu .dropdown-menu,
879 .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
880 right: 100%;
881 left: auto;
882 margin-right: -1px;
883 margin-left: 0;
884 -webkit-border-radius: 6px 0 6px 6px;
885 -moz-border-radius: 6px 0 6px 6px;
886 border-radius: 6px 0 6px 6px;
887 }
888
889 .navbar-inverse .navbar-inner {
890 background-color: #1b1b1b;
891 background-image: -moz-linear-gradient(top, #222222, #111111);
892 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
893 background-image: -webkit-linear-gradient(top, #222222, #111111);
894 background-image: -o-linear-gradient(top, #222222, #111111);
895 background-image: linear-gradient(to bottom, #222222, #111111);
896 background-repeat: repeat-x;
897 border-color: #252525;
898 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
899 }
900
901 .navbar-inverse .brand,
902 .navbar-inverse .nav > li > a {
903 color: #999999;
904 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
905 }
906
907 .navbar-inverse .brand:hover,
908 .navbar-inverse .nav > li > a:hover,
909 .navbar-inverse .brand:focus,
910 .navbar-inverse .nav > li > a:focus {
911 color: #ffffff;
912 }
913
914 .navbar-inverse .brand {
915 color: #999999;
916 }
917
918 .navbar-inverse .navbar-text {
919 color: #999999;
920 }
921
922 .navbar-inverse .nav > li > a:focus,
923 .navbar-inverse .nav > li > a:hover {
924 color: #ffffff;
925 background-color: transparent;
926 }
927
928 .navbar-inverse .nav .active > a,
929 .navbar-inverse .nav .active > a:hover,
930 .navbar-inverse .nav .active > a:focus {
931 color: #ffffff;
932 background-color: #111111;
933 }
934
935 .navbar-inverse .navbar-link {
936 color: #999999;
937 }
938
939 .navbar-inverse .navbar-link:hover,
940 .navbar-inverse .navbar-link:focus {
941 color: #ffffff;
942 }
943
944 .navbar-inverse .divider-vertical {
945 border-right-color: #222222;
946 border-left-color: #111111;
947 }
948
949 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
950 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
951 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
952 color: #ffffff;
953 background-color: #111111;
954 }
955
956 .navbar-inverse .nav li.dropdown > a:hover .caret,
957 .navbar-inverse .nav li.dropdown > a:focus .caret {
958 border-top-color: #ffffff;
959 border-bottom-color: #ffffff;
960 }
961
962 .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
963 border-top-color: #999999;
964 border-bottom-color: #999999;
965 }
966
967 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
968 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
969 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
970 border-top-color: #ffffff;
971 border-bottom-color: #ffffff;
972 }
973
974 .navbar-inverse .navbar-search .search-query {
975 color: #ffffff;
976 background-color: #515151;
977 border-color: #111111;
978 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
979 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
980 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
981 -webkit-transition: none;
982 -moz-transition: none;
983 -o-transition: none;
984 transition: none;
985 }
986
987 .navbar-inverse .navbar-search .search-query:-moz-placeholder {
988 color: #cccccc;
989 }
990
991 .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
992 color: #cccccc;
993 }
994
995 .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
996 color: #cccccc;
997 }
998
999 .navbar-inverse .navbar-search .search-query:focus,
1000 .navbar-inverse .navbar-search .search-query.focused {
1001 padding: 5px 15px;
1002 color: #333333;
1003 text-shadow: 0 1px 0 #ffffff;
1004 background-color: #ffffff;
1005 border: 0;
1006 outline: 0;
1007 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1008 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1009 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1010 }
1011
1012 .navbar-inverse .btn-navbar {
1013 color: #ffffff;
1014 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1015 background-color: #0e0e0e;
1016 *background-color: #040404;
1017 background-image: -moz-linear-gradient(top, #151515, #040404);
1018 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
1019 background-image: -webkit-linear-gradient(top, #151515, #040404);
1020 background-image: -o-linear-gradient(top, #151515, #040404);
1021 background-image: linear-gradient(to bottom, #151515, #040404);
1022 background-repeat: repeat-x;
1023 border-color: #040404 #040404 #000000;
1024 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1025 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
1026 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1027 }
1028
1029 .navbar-inverse .btn-navbar:hover,
1030 .navbar-inverse .btn-navbar:focus,
1031 .navbar-inverse .btn-navbar:active,
1032 .navbar-inverse .btn-navbar.active,
1033 .navbar-inverse .btn-navbar.disabled,
1034 .navbar-inverse .btn-navbar[disabled] {
1035 color: #ffffff;
1036 background-color: #040404;
1037 *background-color: #000000;
1038 }
1039
1040 .navbar-inverse .btn-navbar:active,
1041 .navbar-inverse .btn-navbar.active {
1042 background-color: #000000 \9;
1043 }
1044
1045 .pull-right {
1046 float: right;
1047 }
1048
1049 .pull-left {
1050 float: left;
1051 }
1052
1053 .hide {
1054 display: none;
1055 }
1056
1057 .show {
1058 display: block;
1059 }
1060
1061 .invisible {
1062 visibility: hidden;
1063 }
1064
1065 .affix {
1066 position: fixed;
1067 }