wip: lists + uri extensions
[fnpeditor.git] / libs / bootstrap / css / bootstrap-responsive.css
1 /*!
2  * Bootstrap Responsive v2.3.1
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 }