comparison bin/css/bootstrap-responsive.css @ 1:1df6aaac800e draft

Deleted selected files
author brasset_jensen
date Wed, 13 Dec 2017 10:40:50 -0500
parents
children 4bc00caa60b4
comparison
equal deleted inserted replaced
0:e4e71401c577 1:1df6aaac800e
1 /*!
2 * Bootstrap Responsive v2.3.2
3 *
4 * Copyright 2012 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 @twitter by @mdo and @fat.
9 */
10
11 .clearfix {
12 *zoom: 1;
13 }
14
15 .clearfix:before,
16 .clearfix:after {
17 display: table;
18 line-height: 0;
19 content: "";
20 }
21
22 .clearfix:after {
23 clear: both;
24 }
25
26 .hide-text {
27 font: 0/0 a;
28 color: transparent;
29 text-shadow: none;
30 background-color: transparent;
31 border: 0;
32 }
33
34 .input-block-level {
35 display: block;
36 width: 100%;
37 min-height: 30px;
38 -webkit-box-sizing: border-box;
39 -moz-box-sizing: border-box;
40 box-sizing: border-box;
41 }
42
43 @-ms-viewport {
44 width: device-width;
45 }
46
47 .hidden {
48 display: none;
49 visibility: hidden;
50 }
51
52 .visible-phone {
53 display: none !important;
54 }
55
56 .visible-tablet {
57 display: none !important;
58 }
59
60 .hidden-desktop {
61 display: none !important;
62 }
63
64 .visible-desktop {
65 display: inherit !important;
66 }
67
68 @media (min-width: 768px) and (max-width: 979px) {
69 .hidden-desktop {
70 display: inherit !important;
71 }
72 .visible-desktop {
73 display: none !important ;
74 }
75 .visible-tablet {
76 display: inherit !important;
77 }
78 .hidden-tablet {
79 display: none !important;
80 }
81 }
82
83 @media (max-width: 767px) {
84 .hidden-desktop {
85 display: inherit !important;
86 }
87 .visible-desktop {
88 display: none !important;
89 }
90 .visible-phone {
91 display: inherit !important;
92 }
93 .hidden-phone {
94 display: none !important;
95 }
96 }
97
98 .visible-print {
99 display: none !important;
100 }
101
102 @media print {
103 .visible-print {
104 display: inherit !important;
105 }
106 .hidden-print {
107 display: none !important;
108 }
109 }
110
111 @media (min-width: 1200px) {
112 .row {
113 margin-left: -30px;
114 *zoom: 1;
115 }
116 .row:before,
117 .row:after {
118 display: table;
119 line-height: 0;
120 content: "";
121 }
122 .row:after {
123 clear: both;
124 }
125 [class*="span"] {
126 float: left;
127 min-height: 1px;
128 margin-left: 30px;
129 }
130 .container,
131 .navbar-static-top .container,
132 .navbar-fixed-top .container,
133 .navbar-fixed-bottom .container {
134 width: 1170px;
135 }
136 .span12 {
137 width: 1170px;
138 }
139 .span11 {
140 width: 1070px;
141 }
142 .span10 {
143 width: 970px;
144 }
145 .span9 {
146 width: 870px;
147 }
148 .span8 {
149 width: 770px;
150 }
151 .span7 {
152 width: 670px;
153 }
154 .span6 {
155 width: 570px;
156 }
157 .span5 {
158 width: 470px;
159 }
160 .span4 {
161 width: 370px;
162 }
163 .span3 {
164 width: 270px;
165 }
166 .span2 {
167 width: 170px;
168 }
169 .span1 {
170 width: 70px;
171 }
172 .offset12 {
173 margin-left: 1230px;
174 }
175 .offset11 {
176 margin-left: 1130px;
177 }
178 .offset10 {
179 margin-left: 1030px;
180 }
181 .offset9 {
182 margin-left: 930px;
183 }
184 .offset8 {
185 margin-left: 830px;
186 }
187 .offset7 {
188 margin-left: 730px;
189 }
190 .offset6 {
191 margin-left: 630px;
192 }
193 .offset5 {
194 margin-left: 530px;
195 }
196 .offset4 {
197 margin-left: 430px;
198 }
199 .offset3 {
200 margin-left: 330px;
201 }
202 .offset2 {
203 margin-left: 230px;
204 }
205 .offset1 {
206 margin-left: 130px;
207 }
208 .row-fluid {
209 width: 100%;
210 *zoom: 1;
211 }
212 .row-fluid:before,
213 .row-fluid:after {
214 display: table;
215 line-height: 0;
216 content: "";
217 }
218 .row-fluid:after {
219 clear: both;
220 }
221 .row-fluid [class*="span"] {
222 display: block;
223 float: left;
224 width: 100%;
225 min-height: 30px;
226 margin-left: 2.564102564102564%;
227 *margin-left: 2.5109110747408616%;
228 -webkit-box-sizing: border-box;
229 -moz-box-sizing: border-box;
230 box-sizing: border-box;
231 }
232 .row-fluid [class*="span"]:first-child {
233 margin-left: 0;
234 }
235 .row-fluid .controls-row [class*="span"] + [class*="span"] {
236 margin-left: 2.564102564102564%;
237 }
238 .row-fluid .span12 {
239 width: 100%;
240 *width: 99.94680851063829%;
241 }
242 .row-fluid .span11 {
243 width: 91.45299145299145%;
244 *width: 91.39979996362975%;
245 }
246 .row-fluid .span10 {
247 width: 82.90598290598291%;
248 *width: 82.8527914166212%;
249 }
250 .row-fluid .span9 {
251 width: 74.35897435897436%;
252 *width: 74.30578286961266%;
253 }
254 .row-fluid .span8 {
255 width: 65.81196581196582%;
256 *width: 65.75877432260411%;
257 }
258 .row-fluid .span7 {
259 width: 57.26495726495726%;
260 *width: 57.21176577559556%;
261 }
262 .row-fluid .span6 {
263 width: 48.717948717948715%;
264 *width: 48.664757228587014%;
265 }
266 .row-fluid .span5 {
267 width: 40.17094017094017%;
268 *width: 40.11774868157847%;
269 }
270 .row-fluid .span4 {
271 width: 31.623931623931625%;
272 *width: 31.570740134569924%;
273 }
274 .row-fluid .span3 {
275 width: 23.076923076923077%;
276 *width: 23.023731587561375%;
277 }
278 .row-fluid .span2 {
279 width: 14.52991452991453%;
280 *width: 14.476723040552828%;
281 }
282 .row-fluid .span1 {
283 width: 5.982905982905983%;
284 *width: 5.929714493544281%;
285 }
286 .row-fluid .offset12 {
287 margin-left: 105.12820512820512%;
288 *margin-left: 105.02182214948171%;
289 }
290 .row-fluid .offset12:first-child {
291 margin-left: 102.56410256410257%;
292 *margin-left: 102.45771958537915%;
293 }
294 .row-fluid .offset11 {
295 margin-left: 96.58119658119658%;
296 *margin-left: 96.47481360247316%;
297 }
298 .row-fluid .offset11:first-child {
299 margin-left: 94.01709401709402%;
300 *margin-left: 93.91071103837061%;
301 }
302 .row-fluid .offset10 {
303 margin-left: 88.03418803418803%;
304 *margin-left: 87.92780505546462%;
305 }
306 .row-fluid .offset10:first-child {
307 margin-left: 85.47008547008548%;
308 *margin-left: 85.36370249136206%;
309 }
310 .row-fluid .offset9 {
311 margin-left: 79.48717948717949%;
312 *margin-left: 79.38079650845607%;
313 }
314 .row-fluid .offset9:first-child {
315 margin-left: 76.92307692307693%;
316 *margin-left: 76.81669394435352%;
317 }
318 .row-fluid .offset8 {
319 margin-left: 70.94017094017094%;
320 *margin-left: 70.83378796144753%;
321 }
322 .row-fluid .offset8:first-child {
323 margin-left: 68.37606837606839%;
324 *margin-left: 68.26968539734497%;
325 }
326 .row-fluid .offset7 {
327 margin-left: 62.393162393162385%;
328 *margin-left: 62.28677941443899%;
329 }
330 .row-fluid .offset7:first-child {
331 margin-left: 59.82905982905982%;
332 *margin-left: 59.72267685033642%;
333 }
334 .row-fluid .offset6 {
335 margin-left: 53.84615384615384%;
336 *margin-left: 53.739770867430444%;
337 }
338 .row-fluid .offset6:first-child {
339 margin-left: 51.28205128205128%;
340 *margin-left: 51.175668303327875%;
341 }
342 .row-fluid .offset5 {
343 margin-left: 45.299145299145295%;
344 *margin-left: 45.1927623204219%;
345 }
346 .row-fluid .offset5:first-child {
347 margin-left: 42.73504273504273%;
348 *margin-left: 42.62865975631933%;
349 }
350 .row-fluid .offset4 {
351 margin-left: 36.75213675213675%;
352 *margin-left: 36.645753773413354%;
353 }
354 .row-fluid .offset4:first-child {
355 margin-left: 34.18803418803419%;
356 *margin-left: 34.081651209310785%;
357 }
358 .row-fluid .offset3 {
359 margin-left: 28.205128205128204%;
360 *margin-left: 28.0987452264048%;
361 }
362 .row-fluid .offset3:first-child {
363 margin-left: 25.641025641025642%;
364 *margin-left: 25.53464266230224%;
365 }
366 .row-fluid .offset2 {
367 margin-left: 19.65811965811966%;
368 *margin-left: 19.551736679396257%;
369 }
370 .row-fluid .offset2:first-child {
371 margin-left: 17.094017094017094%;
372 *margin-left: 16.98763411529369%;
373 }
374 .row-fluid .offset1 {
375 margin-left: 11.11111111111111%;
376 *margin-left: 11.004728132387708%;
377 }
378 .row-fluid .offset1:first-child {
379 margin-left: 8.547008547008547%;
380 *margin-left: 8.440625568285142%;
381 }
382 input,
383 textarea,
384 .uneditable-input {
385 margin-left: 0;
386 }
387 .controls-row [class*="span"] + [class*="span"] {
388 margin-left: 30px;
389 }
390 input.span12,
391 textarea.span12,
392 .uneditable-input.span12 {
393 width: 1156px;
394 }
395 input.span11,
396 textarea.span11,
397 .uneditable-input.span11 {
398 width: 1056px;
399 }
400 input.span10,
401 textarea.span10,
402 .uneditable-input.span10 {
403 width: 956px;
404 }
405 input.span9,
406 textarea.span9,
407 .uneditable-input.span9 {
408 width: 856px;
409 }
410 input.span8,
411 textarea.span8,
412 .uneditable-input.span8 {
413 width: 756px;
414 }
415 input.span7,
416 textarea.span7,
417 .uneditable-input.span7 {
418 width: 656px;
419 }
420 input.span6,
421 textarea.span6,
422 .uneditable-input.span6 {
423 width: 556px;
424 }
425 input.span5,
426 textarea.span5,
427 .uneditable-input.span5 {
428 width: 456px;
429 }
430 input.span4,
431 textarea.span4,
432 .uneditable-input.span4 {
433 width: 356px;
434 }
435 input.span3,
436 textarea.span3,
437 .uneditable-input.span3 {
438 width: 256px;
439 }
440 input.span2,
441 textarea.span2,
442 .uneditable-input.span2 {
443 width: 156px;
444 }
445 input.span1,
446 textarea.span1,
447 .uneditable-input.span1 {
448 width: 56px;
449 }
450 .thumbnails {
451 margin-left: -30px;
452 }
453 .thumbnails > li {
454 margin-left: 30px;
455 }
456 .row-fluid .thumbnails {
457 margin-left: 0;
458 }
459 }
460
461 @media (min-width: 768px) and (max-width: 979px) {
462 .row {
463 margin-left: -20px;
464 *zoom: 1;
465 }
466 .row:before,
467 .row:after {
468 display: table;
469 line-height: 0;
470 content: "";
471 }
472 .row:after {
473 clear: both;
474 }
475 [class*="span"] {
476 float: left;
477 min-height: 1px;
478 margin-left: 20px;
479 }
480 .container,
481 .navbar-static-top .container,
482 .navbar-fixed-top .container,
483 .navbar-fixed-bottom .container {
484 width: 724px;
485 }
486 .span12 {
487 width: 724px;
488 }
489 .span11 {
490 width: 662px;
491 }
492 .span10 {
493 width: 600px;
494 }
495 .span9 {
496 width: 538px;
497 }
498 .span8 {
499 width: 476px;
500 }
501 .span7 {
502 width: 414px;
503 }
504 .span6 {
505 width: 352px;
506 }
507 .span5 {
508 width: 290px;
509 }
510 .span4 {
511 width: 228px;
512 }
513 .span3 {
514 width: 166px;
515 }
516 .span2 {
517 width: 104px;
518 }
519 .span1 {
520 width: 42px;
521 }
522 .offset12 {
523 margin-left: 764px;
524 }
525 .offset11 {
526 margin-left: 702px;
527 }
528 .offset10 {
529 margin-left: 640px;
530 }
531 .offset9 {
532 margin-left: 578px;
533 }
534 .offset8 {
535 margin-left: 516px;
536 }
537 .offset7 {
538 margin-left: 454px;
539 }
540 .offset6 {
541 margin-left: 392px;
542 }
543 .offset5 {
544 margin-left: 330px;
545 }
546 .offset4 {
547 margin-left: 268px;
548 }
549 .offset3 {
550 margin-left: 206px;
551 }
552 .offset2 {
553 margin-left: 144px;
554 }
555 .offset1 {
556 margin-left: 82px;
557 }
558 .row-fluid {
559 width: 100%;
560 *zoom: 1;
561 }
562 .row-fluid:before,
563 .row-fluid:after {
564 display: table;
565 line-height: 0;
566 content: "";
567 }
568 .row-fluid:after {
569 clear: both;
570 }
571 .row-fluid [class*="span"] {
572 display: block;
573 float: left;
574 width: 100%;
575 min-height: 30px;
576 margin-left: 2.7624309392265194%;
577 *margin-left: 2.709239449864817%;
578 -webkit-box-sizing: border-box;
579 -moz-box-sizing: border-box;
580 box-sizing: border-box;
581 }
582 .row-fluid [class*="span"]:first-child {
583 margin-left: 0;
584 }
585 .row-fluid .controls-row [class*="span"] + [class*="span"] {
586 margin-left: 2.7624309392265194%;
587 }
588 .row-fluid .span12 {
589 width: 100%;
590 *width: 99.94680851063829%;
591 }
592 .row-fluid .span11 {
593 width: 91.43646408839778%;
594 *width: 91.38327259903608%;
595 }
596 .row-fluid .span10 {
597 width: 82.87292817679558%;
598 *width: 82.81973668743387%;
599 }
600 .row-fluid .span9 {
601 width: 74.30939226519337%;
602 *width: 74.25620077583166%;
603 }
604 .row-fluid .span8 {
605 width: 65.74585635359117%;
606 *width: 65.69266486422946%;
607 }
608 .row-fluid .span7 {
609 width: 57.18232044198895%;
610 *width: 57.12912895262725%;
611 }
612 .row-fluid .span6 {
613 width: 48.61878453038674%;
614 *width: 48.56559304102504%;
615 }
616 .row-fluid .span5 {
617 width: 40.05524861878453%;
618 *width: 40.00205712942283%;
619 }
620 .row-fluid .span4 {
621 width: 31.491712707182323%;
622 *width: 31.43852121782062%;
623 }
624 .row-fluid .span3 {
625 width: 22.92817679558011%;
626 *width: 22.87498530621841%;
627 }
628 .row-fluid .span2 {
629 width: 14.3646408839779%;
630 *width: 14.311449394616199%;
631 }
632 .row-fluid .span1 {
633 width: 5.801104972375691%;
634 *width: 5.747913483013988%;
635 }
636 .row-fluid .offset12 {
637 margin-left: 105.52486187845304%;
638 *margin-left: 105.41847889972962%;
639 }
640 .row-fluid .offset12:first-child {
641 margin-left: 102.76243093922652%;
642 *margin-left: 102.6560479605031%;
643 }
644 .row-fluid .offset11 {
645 margin-left: 96.96132596685082%;
646 *margin-left: 96.8549429881274%;
647 }
648 .row-fluid .offset11:first-child {
649 margin-left: 94.1988950276243%;
650 *margin-left: 94.09251204890089%;
651 }
652 .row-fluid .offset10 {
653 margin-left: 88.39779005524862%;
654 *margin-left: 88.2914070765252%;
655 }
656 .row-fluid .offset10:first-child {
657 margin-left: 85.6353591160221%;
658 *margin-left: 85.52897613729868%;
659 }
660 .row-fluid .offset9 {
661 margin-left: 79.8342541436464%;
662 *margin-left: 79.72787116492299%;
663 }
664 .row-fluid .offset9:first-child {
665 margin-left: 77.07182320441989%;
666 *margin-left: 76.96544022569647%;
667 }
668 .row-fluid .offset8 {
669 margin-left: 71.2707182320442%;
670 *margin-left: 71.16433525332079%;
671 }
672 .row-fluid .offset8:first-child {
673 margin-left: 68.50828729281768%;
674 *margin-left: 68.40190431409427%;
675 }
676 .row-fluid .offset7 {
677 margin-left: 62.70718232044199%;
678 *margin-left: 62.600799341718584%;
679 }
680 .row-fluid .offset7:first-child {
681 margin-left: 59.94475138121547%;
682 *margin-left: 59.838368402492065%;
683 }
684 .row-fluid .offset6 {
685 margin-left: 54.14364640883978%;
686 *margin-left: 54.037263430116376%;
687 }
688 .row-fluid .offset6:first-child {
689 margin-left: 51.38121546961326%;
690 *margin-left: 51.27483249088986%;
691 }
692 .row-fluid .offset5 {
693 margin-left: 45.58011049723757%;
694 *margin-left: 45.47372751851417%;
695 }
696 .row-fluid .offset5:first-child {
697 margin-left: 42.81767955801105%;
698 *margin-left: 42.71129657928765%;
699 }
700 .row-fluid .offset4 {
701 margin-left: 37.01657458563536%;
702 *margin-left: 36.91019160691196%;
703 }
704 .row-fluid .offset4:first-child {
705 margin-left: 34.25414364640884%;
706 *margin-left: 34.14776066768544%;
707 }
708 .row-fluid .offset3 {
709 margin-left: 28.45303867403315%;
710 *margin-left: 28.346655695309746%;
711 }
712 .row-fluid .offset3:first-child {
713 margin-left: 25.69060773480663%;
714 *margin-left: 25.584224756083227%;
715 }
716 .row-fluid .offset2 {
717 margin-left: 19.88950276243094%;
718 *margin-left: 19.783119783707537%;
719 }
720 .row-fluid .offset2:first-child {
721 margin-left: 17.12707182320442%;
722 *margin-left: 17.02068884448102%;
723 }
724 .row-fluid .offset1 {
725 margin-left: 11.32596685082873%;
726 *margin-left: 11.219583872105325%;
727 }
728 .row-fluid .offset1:first-child {
729 margin-left: 8.56353591160221%;
730 *margin-left: 8.457152932878806%;
731 }
732 input,
733 textarea,
734 .uneditable-input {
735 margin-left: 0;
736 }
737 .controls-row [class*="span"] + [class*="span"] {
738 margin-left: 20px;
739 }
740 input.span12,
741 textarea.span12,
742 .uneditable-input.span12 {
743 width: 710px;
744 }
745 input.span11,
746 textarea.span11,
747 .uneditable-input.span11 {
748 width: 648px;
749 }
750 input.span10,
751 textarea.span10,
752 .uneditable-input.span10 {
753 width: 586px;
754 }
755 input.span9,
756 textarea.span9,
757 .uneditable-input.span9 {
758 width: 524px;
759 }
760 input.span8,
761 textarea.span8,
762 .uneditable-input.span8 {
763 width: 462px;
764 }
765 input.span7,
766 textarea.span7,
767 .uneditable-input.span7 {
768 width: 400px;
769 }
770 input.span6,
771 textarea.span6,
772 .uneditable-input.span6 {
773 width: 338px;
774 }
775 input.span5,
776 textarea.span5,
777 .uneditable-input.span5 {
778 width: 276px;
779 }
780 input.span4,
781 textarea.span4,
782 .uneditable-input.span4 {
783 width: 214px;
784 }
785 input.span3,
786 textarea.span3,
787 .uneditable-input.span3 {
788 width: 152px;
789 }
790 input.span2,
791 textarea.span2,
792 .uneditable-input.span2 {
793 width: 90px;
794 }
795 input.span1,
796 textarea.span1,
797 .uneditable-input.span1 {
798 width: 28px;
799 }
800 }
801
802 @media (max-width: 767px) {
803 body {
804 padding-right: 20px;
805 padding-left: 20px;
806 }
807 .navbar-fixed-top,
808 .navbar-fixed-bottom,
809 .navbar-static-top {
810 margin-right: -20px;
811 margin-left: -20px;
812 }
813 .container-fluid {
814 padding: 0;
815 }
816 .dl-horizontal dt {
817 float: none;
818 width: auto;
819 clear: none;
820 text-align: left;
821 }
822 .dl-horizontal dd {
823 margin-left: 0;
824 }
825 .container {
826 width: auto;
827 }
828 .row-fluid {
829 width: 100%;
830 }
831 .row,
832 .thumbnails {
833 margin-left: 0;
834 }
835 .thumbnails > li {
836 float: none;
837 margin-left: 0;
838 }
839 [class*="span"],
840 .uneditable-input[class*="span"],
841 .row-fluid [class*="span"] {
842 display: block;
843 float: none;
844 width: 100%;
845 margin-left: 0;
846 -webkit-box-sizing: border-box;
847 -moz-box-sizing: border-box;
848 box-sizing: border-box;
849 }
850 .span12,
851 .row-fluid .span12 {
852 width: 100%;
853 -webkit-box-sizing: border-box;
854 -moz-box-sizing: border-box;
855 box-sizing: border-box;
856 }
857 .row-fluid [class*="offset"]:first-child {
858 margin-left: 0;
859 }
860 .input-large,
861 .input-xlarge,
862 .input-xxlarge,
863 input[class*="span"],
864 select[class*="span"],
865 textarea[class*="span"],
866 .uneditable-input {
867 display: block;
868 width: 100%;
869 min-height: 30px;
870 -webkit-box-sizing: border-box;
871 -moz-box-sizing: border-box;
872 box-sizing: border-box;
873 }
874 .input-prepend input,
875 .input-append input,
876 .input-prepend input[class*="span"],
877 .input-append input[class*="span"] {
878 display: inline-block;
879 width: auto;
880 }
881 .controls-row [class*="span"] + [class*="span"] {
882 margin-left: 0;
883 }
884 .modal {
885 position: fixed;
886 top: 20px;
887 right: 20px;
888 left: 20px;
889 width: auto;
890 margin: 0;
891 }
892 .modal.fade {
893 top: -100px;
894 }
895 .modal.fade.in {
896 top: 20px;
897 }
898 }
899
900 @media (max-width: 480px) {
901 .nav-collapse {
902 -webkit-transform: translate3d(0, 0, 0);
903 }
904 .page-header h1 small {
905 display: block;
906 line-height: 20px;
907 }
908 input[type="checkbox"],
909 input[type="radio"] {
910 border: 1px solid #ccc;
911 }
912 .form-horizontal .control-label {
913 float: none;
914 width: auto;
915 padding-top: 0;
916 text-align: left;
917 }
918 .form-horizontal .controls {
919 margin-left: 0;
920 }
921 .form-horizontal .control-list {
922 padding-top: 0;
923 }
924 .form-horizontal .form-actions {
925 padding-right: 10px;
926 padding-left: 10px;
927 }
928 .media .pull-left,
929 .media .pull-right {
930 display: block;
931 float: none;
932 margin-bottom: 10px;
933 }
934 .media-object {
935 margin-right: 0;
936 margin-left: 0;
937 }
938 .modal {
939 top: 10px;
940 right: 10px;
941 left: 10px;
942 }
943 .modal-header .close {
944 padding: 10px;
945 margin: -10px;
946 }
947 .carousel-caption {
948 position: static;
949 }
950 }
951
952 @media (max-width: 979px) {
953 body {
954 padding-top: 0;
955 }
956 .navbar-fixed-top,
957 .navbar-fixed-bottom {
958 position: static;
959 }
960 .navbar-fixed-top {
961 margin-bottom: 20px;
962 }
963 .navbar-fixed-bottom {
964 margin-top: 20px;
965 }
966 .navbar-fixed-top .navbar-inner,
967 .navbar-fixed-bottom .navbar-inner {
968 padding: 5px;
969 }
970 .navbar .container {
971 width: auto;
972 padding: 0;
973 }
974 .navbar .brand {
975 padding-right: 10px;
976 padding-left: 10px;
977 margin: 0 0 0 -5px;
978 }
979 .nav-collapse {
980 clear: both;
981 }
982 .nav-collapse .nav {
983 float: none;
984 margin: 0 0 10px;
985 }
986 .nav-collapse .nav > li {
987 float: none;
988 }
989 .nav-collapse .nav > li > a {
990 margin-bottom: 2px;
991 }
992 .nav-collapse .nav > .divider-vertical {
993 display: none;
994 }
995 .nav-collapse .nav .nav-header {
996 color: #777777;
997 text-shadow: none;
998 }
999 .nav-collapse .nav > li > a,
1000 .nav-collapse .dropdown-menu a {
1001 padding: 9px 15px;
1002 font-weight: bold;
1003 color: #777777;
1004 -webkit-border-radius: 3px;
1005 -moz-border-radius: 3px;
1006 border-radius: 3px;
1007 }
1008 .nav-collapse .btn {
1009 padding: 4px 10px 4px;
1010 font-weight: normal;
1011 -webkit-border-radius: 4px;
1012 -moz-border-radius: 4px;
1013 border-radius: 4px;
1014 }
1015 .nav-collapse .dropdown-menu li + li a {
1016 margin-bottom: 2px;
1017 }
1018 .nav-collapse .nav > li > a:hover,
1019 .nav-collapse .nav > li > a:focus,
1020 .nav-collapse .dropdown-menu a:hover,
1021 .nav-collapse .dropdown-menu a:focus {
1022 background-color: #f2f2f2;
1023 }
1024 .navbar-inverse .nav-collapse .nav > li > a,
1025 .navbar-inverse .nav-collapse .dropdown-menu a {
1026 color: #999999;
1027 }
1028 .navbar-inverse .nav-collapse .nav > li > a:hover,
1029 .navbar-inverse .nav-collapse .nav > li > a:focus,
1030 .navbar-inverse .nav-collapse .dropdown-menu a:hover,
1031 .navbar-inverse .nav-collapse .dropdown-menu a:focus {
1032 background-color: #111111;
1033 }
1034 .nav-collapse.in .btn-group {
1035 padding: 0;
1036 margin-top: 5px;
1037 }
1038 .nav-collapse .dropdown-menu {
1039 position: static;
1040 top: auto;
1041 left: auto;
1042 display: none;
1043 float: none;
1044 max-width: none;
1045 padding: 0;
1046 margin: 0 15px;
1047 background-color: transparent;
1048 border: none;
1049 -webkit-border-radius: 0;
1050 -moz-border-radius: 0;
1051 border-radius: 0;
1052 -webkit-box-shadow: none;
1053 -moz-box-shadow: none;
1054 box-shadow: none;
1055 }
1056 .nav-collapse .open > .dropdown-menu {
1057 display: block;
1058 }
1059 .nav-collapse .dropdown-menu:before,
1060 .nav-collapse .dropdown-menu:after {
1061 display: none;
1062 }
1063 .nav-collapse .dropdown-menu .divider {
1064 display: none;
1065 }
1066 .nav-collapse .nav > li > .dropdown-menu:before,
1067 .nav-collapse .nav > li > .dropdown-menu:after {
1068 display: none;
1069 }
1070 .nav-collapse .navbar-form,
1071 .nav-collapse .navbar-search {
1072 float: none;
1073 padding: 10px 15px;
1074 margin: 10px 0;
1075 border-top: 1px solid #f2f2f2;
1076 border-bottom: 1px solid #f2f2f2;
1077 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1078 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1079 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1080 }
1081 .navbar-inverse .nav-collapse .navbar-form,
1082 .navbar-inverse .nav-collapse .navbar-search {
1083 border-top-color: #111111;
1084 border-bottom-color: #111111;
1085 }
1086 .navbar .nav-collapse .nav.pull-right {
1087 float: none;
1088 margin-left: 0;
1089 }
1090 .nav-collapse,
1091 .nav-collapse.collapse {
1092 height: 0;
1093 overflow: hidden;
1094 }
1095 .navbar .btn-navbar {
1096 display: block;
1097 }
1098 .navbar-static .navbar-inner {
1099 padding-right: 10px;
1100 padding-left: 10px;
1101 }
1102 }
1103
1104 @media (min-width: 980px) {
1105 .nav-collapse.collapse {
1106 height: auto !important;
1107 overflow: visible !important;
1108 }
1109 }