css/bootstrap/bootstrap-responsive.css

0001 /*!
0002  * Bootstrap Responsive v2.3.2
0003  *
0004  * Copyright 2012 Twitter, Inc
0005  * Licensed under the Apache License v2.0
0006  * http://www.apache.org/licenses/LICENSE-2.0
0007  *
0008  * Designed and built with all the love in the world @twitter by @mdo and @fat.
0009  */
0010
0011 .clearfix {
0012   *zoom: 1;
0013 }
0014
0015 .clearfix:before,
0016 .clearfix:after {
0017   display: table;
0018   line-height: 0;
0019   content: "";
0020 }
0021
0022 .clearfix:after {
0023   clear: both;
0024 }
0025
0026 .hide-text {
0027   font: 0/0 a;
0028   color: transparent;
0029   text-shadow: none;
0030   background-color: transparent;
0031   border: 0;
0032 }
0033
0034 .input-block-level {
0035   display: block;
0036   width: 100%;
0037   min-height: 30px;
0038   -webkit-box-sizing: border-box;
0039      -moz-box-sizing: border-box;
0040           box-sizing: border-box;
0041 }
0042
0043 @-ms-viewport {
0044   width: device-width;
0045 }
0046
0047 .hidden {
0048   display: none;
0049   visibility: hidden;
0050 }
0051
0052 .visible-phone {
0053   display: none !important;
0054 }
0055
0056 .visible-tablet {
0057   display: none !important;
0058 }
0059
0060 .hidden-desktop {
0061   display: none !important;
0062 }
0063
0064 .visible-desktop {
0065   display: inherit !important;
0066 }
0067
0068 @media (min-width: 768px) and (max-width: 979px) {
0069   .hidden-desktop {
0070     display: inherit !important;
0071   }
0072   .visible-desktop {
0073     display: none !important ;
0074   }
0075   .visible-tablet {
0076     display: inherit !important;
0077   }
0078   .hidden-tablet {
0079     display: none !important;
0080   }
0081 }
0082
0083 @media (max-width: 767px) {
0084   .hidden-desktop {
0085     display: inherit !important;
0086   }
0087   .visible-desktop {
0088     display: none !important;
0089   }
0090   .visible-phone {
0091     display: inherit !important;
0092   }
0093   .hidden-phone {
0094     display: none !important;
0095   }
0096 }
0097
0098 .visible-print {
0099   display: none !important;
0100 }
0101
0102 @media print {
0103   .visible-print {
0104     display: inherit !important;
0105   }
0106   .hidden-print {
0107     display: none !important;
0108   }
0109 }
0110
0111 @media (min-width: 1200px) {
0112   .row {
0113     margin-left: -30px;
0114     *zoom: 1;
0115   }
0116   .row:before,
0117   .row:after {
0118     display: table;
0119     line-height: 0;
0120     content: "";
0121   }
0122   .row:after {
0123     clear: both;
0124   }
0125   [class*="span"] {
0126     float: left;
0127     min-height: 1px;
0128     margin-left: 30px;
0129   }
0130   .container,
0131   .navbar-static-top .container,
0132   .navbar-fixed-top .container,
0133   .navbar-fixed-bottom .container {
0134     width: 1170px;
0135   }
0136   .span12 {
0137     width: 1170px;
0138   }
0139   .span11 {
0140     width: 1070px;
0141   }
0142   .span10 {
0143     width: 970px;
0144   }
0145   .span9 {
0146     width: 870px;
0147   }
0148   .span8 {
0149     width: 770px;
0150   }
0151   .span7 {
0152     width: 670px;
0153   }
0154   .span6 {
0155     width: 570px;
0156   }
0157   .span5 {
0158     width: 470px;
0159   }
0160   .span4 {
0161     width: 370px;
0162   }
0163   .span3 {
0164     width: 270px;
0165   }
0166   .span2 {
0167     width: 170px;
0168   }
0169   .span1 {
0170     width: 70px;
0171   }
0172   .offset12 {
0173     margin-left: 1230px;
0174   }
0175   .offset11 {
0176     margin-left: 1130px;
0177   }
0178   .offset10 {
0179     margin-left: 1030px;
0180   }
0181   .offset9 {
0182     margin-left: 930px;
0183   }
0184   .offset8 {
0185     margin-left: 830px;
0186   }
0187   .offset7 {
0188     margin-left: 730px;
0189   }
0190   .offset6 {
0191     margin-left: 630px;
0192   }
0193   .offset5 {
0194     margin-left: 530px;
0195   }
0196   .offset4 {
0197     margin-left: 430px;
0198   }
0199   .offset3 {
0200     margin-left: 330px;
0201   }
0202   .offset2 {
0203     margin-left: 230px;
0204   }
0205   .offset1 {
0206     margin-left: 130px;
0207   }
0208   .row-fluid {
0209     width: 100%;
0210     *zoom: 1;
0211   }
0212   .row-fluid:before,
0213   .row-fluid:after {
0214     display: table;
0215     line-height: 0;
0216     content: "";
0217   }
0218   .row-fluid:after {
0219     clear: both;
0220   }
0221   .row-fluid [class*="span"] {
0222     display: block;
0223     float: left;
0224     width: 100%;
0225     min-height: 30px;
0226     margin-left: 2.564102564102564%;
0227     *margin-left: 2.5109110747408616%;
0228     -webkit-box-sizing: border-box;
0229        -moz-box-sizing: border-box;
0230             box-sizing: border-box;
0231   }
0232   .row-fluid [class*="span"]:first-child {
0233     margin-left: 0;
0234   }
0235   .row-fluid .controls-row [class*="span"] + [class*="span"] {
0236     margin-left: 2.564102564102564%;
0237   }
0238   .row-fluid .span12 {
0239     width: 100%;
0240     *width: 99.94680851063829%;
0241   }
0242   .row-fluid .span11 {
0243     width: 91.45299145299145%;
0244     *width: 91.39979996362975%;
0245   }
0246   .row-fluid .span10 {
0247     width: 82.90598290598291%;
0248     *width: 82.8527914166212%;
0249   }
0250   .row-fluid .span9 {
0251     width: 74.35897435897436%;
0252     *width: 74.30578286961266%;
0253   }
0254   .row-fluid .span8 {
0255     width: 65.81196581196582%;
0256     *width: 65.75877432260411%;
0257   }
0258   .row-fluid .span7 {
0259     width: 57.26495726495726%;
0260     *width: 57.21176577559556%;
0261   }
0262   .row-fluid .span6 {
0263     width: 48.717948717948715%;
0264     *width: 48.664757228587014%;
0265   }
0266   .row-fluid .span5 {
0267     width: 40.17094017094017%;
0268     *width: 40.11774868157847%;
0269   }
0270   .row-fluid .span4 {
0271     width: 31.623931623931625%;
0272     *width: 31.570740134569924%;
0273   }
0274   .row-fluid .span3 {
0275     width: 23.076923076923077%;
0276     *width: 23.023731587561375%;
0277   }
0278   .row-fluid .span2 {
0279     width: 14.52991452991453%;
0280     *width: 14.476723040552828%;
0281   }
0282   .row-fluid .span1 {
0283     width: 5.982905982905983%;
0284     *width: 5.929714493544281%;
0285   }
0286   .row-fluid .offset12 {
0287     margin-left: 105.12820512820512%;
0288     *margin-left: 105.02182214948171%;
0289   }
0290   .row-fluid .offset12:first-child {
0291     margin-left: 102.56410256410257%;
0292     *margin-left: 102.45771958537915%;
0293   }
0294   .row-fluid .offset11 {
0295     margin-left: 96.58119658119658%;
0296     *margin-left: 96.47481360247316%;
0297   }
0298   .row-fluid .offset11:first-child {
0299     margin-left: 94.01709401709402%;
0300     *margin-left: 93.91071103837061%;
0301   }
0302   .row-fluid .offset10 {
0303     margin-left: 88.03418803418803%;
0304     *margin-left: 87.92780505546462%;
0305   }
0306   .row-fluid .offset10:first-child {
0307     margin-left: 85.47008547008548%;
0308     *margin-left: 85.36370249136206%;
0309   }
0310   .row-fluid .offset9 {
0311     margin-left: 79.48717948717949%;
0312     *margin-left: 79.38079650845607%;
0313   }
0314   .row-fluid .offset9:first-child {
0315     margin-left: 76.92307692307693%;
0316     *margin-left: 76.81669394435352%;
0317   }
0318   .row-fluid .offset8 {
0319     margin-left: 70.94017094017094%;
0320     *margin-left: 70.83378796144753%;
0321   }
0322   .row-fluid .offset8:first-child {
0323     margin-left: 68.37606837606839%;
0324     *margin-left: 68.26968539734497%;
0325   }
0326   .row-fluid .offset7 {
0327     margin-left: 62.393162393162385%;
0328     *margin-left: 62.28677941443899%;
0329   }
0330   .row-fluid .offset7:first-child {
0331     margin-left: 59.82905982905982%;
0332     *margin-left: 59.72267685033642%;
0333   }
0334   .row-fluid .offset6 {
0335     margin-left: 53.84615384615384%;
0336     *margin-left: 53.739770867430444%;
0337   }
0338   .row-fluid .offset6:first-child {
0339     margin-left: 51.28205128205128%;
0340     *margin-left: 51.175668303327875%;
0341   }
0342   .row-fluid .offset5 {
0343     margin-left: 45.299145299145295%;
0344     *margin-left: 45.1927623204219%;
0345   }
0346   .row-fluid .offset5:first-child {
0347     margin-left: 42.73504273504273%;
0348     *margin-left: 42.62865975631933%;
0349   }
0350   .row-fluid .offset4 {
0351     margin-left: 36.75213675213675%;
0352     *margin-left: 36.645753773413354%;
0353   }
0354   .row-fluid .offset4:first-child {
0355     margin-left: 34.18803418803419%;
0356     *margin-left: 34.081651209310785%;
0357   }
0358   .row-fluid .offset3 {
0359     margin-left: 28.205128205128204%;
0360     *margin-left: 28.0987452264048%;
0361   }
0362   .row-fluid .offset3:first-child {
0363     margin-left: 25.641025641025642%;
0364     *margin-left: 25.53464266230224%;
0365   }
0366   .row-fluid .offset2 {
0367     margin-left: 19.65811965811966%;
0368     *margin-left: 19.551736679396257%;
0369   }
0370   .row-fluid .offset2:first-child {
0371     margin-left: 17.094017094017094%;
0372     *margin-left: 16.98763411529369%;
0373   }
0374   .row-fluid .offset1 {
0375     margin-left: 11.11111111111111%;
0376     *margin-left: 11.004728132387708%;
0377   }
0378   .row-fluid .offset1:first-child {
0379     margin-left: 8.547008547008547%;
0380     *margin-left: 8.440625568285142%;
0381   }
0382   input,
0383   textarea,
0384   .uneditable-input {
0385     margin-left: 0;
0386   }
0387   .controls-row [class*="span"] + [class*="span"] {
0388     margin-left: 30px;
0389   }
0390   input.span12,
0391   textarea.span12,
0392   .uneditable-input.span12 {
0393     width: 1156px;
0394   }
0395   input.span11,
0396   textarea.span11,
0397   .uneditable-input.span11 {
0398     width: 1056px;
0399   }
0400   input.span10,
0401   textarea.span10,
0402   .uneditable-input.span10 {
0403     width: 956px;
0404   }
0405   input.span9,
0406   textarea.span9,
0407   .uneditable-input.span9 {
0408     width: 856px;
0409   }
0410   input.span8,
0411   textarea.span8,
0412   .uneditable-input.span8 {
0413     width: 756px;
0414   }
0415   input.span7,
0416   textarea.span7,
0417   .uneditable-input.span7 {
0418     width: 656px;
0419   }
0420   input.span6,
0421   textarea.span6,
0422   .uneditable-input.span6 {
0423     width: 556px;
0424   }
0425   input.span5,
0426   textarea.span5,
0427   .uneditable-input.span5 {
0428     width: 456px;
0429   }
0430   input.span4,
0431   textarea.span4,
0432   .uneditable-input.span4 {
0433     width: 356px;
0434   }
0435   input.span3,
0436   textarea.span3,
0437   .uneditable-input.span3 {
0438     width: 256px;
0439   }
0440   input.span2,
0441   textarea.span2,
0442   .uneditable-input.span2 {
0443     width: 156px;
0444   }
0445   input.span1,
0446   textarea.span1,
0447   .uneditable-input.span1 {
0448     width: 56px;
0449   }
0450   .thumbnails {
0451     margin-left: -30px;
0452   }
0453   .thumbnails > li {
0454     margin-left: 30px;
0455   }
0456   .row-fluid .thumbnails {
0457     margin-left: 0;
0458   }
0459 }
0460
0461 @media (min-width: 768px) and (max-width: 979px) {
0462   .row {
0463     margin-left: -20px;
0464     *zoom: 1;
0465   }
0466   .row:before,
0467   .row:after {
0468     display: table;
0469     line-height: 0;
0470     content: "";
0471   }
0472   .row:after {
0473     clear: both;
0474   }
0475   [class*="span"] {
0476     float: left;
0477     min-height: 1px;
0478     margin-left: 20px;
0479   }
0480   .container,
0481   .navbar-static-top .container,
0482   .navbar-fixed-top .container,
0483   .navbar-fixed-bottom .container {
0484     width: 724px;
0485   }
0486   .span12 {
0487     width: 724px;
0488   }
0489   .span11 {
0490     width: 662px;
0491   }
0492   .span10 {
0493     width: 600px;
0494   }
0495   .span9 {
0496     width: 538px;
0497   }
0498   .span8 {
0499     width: 476px;
0500   }
0501   .span7 {
0502     width: 414px;
0503   }
0504   .span6 {
0505     width: 352px;
0506   }
0507   .span5 {
0508     width: 290px;
0509   }
0510   .span4 {
0511     width: 228px;
0512   }
0513   .span3 {
0514     width: 166px;
0515   }
0516   .span2 {
0517     width: 104px;
0518   }
0519   .span1 {
0520     width: 42px;
0521   }
0522   .offset12 {
0523     margin-left: 764px;
0524   }
0525   .offset11 {
0526     margin-left: 702px;
0527   }
0528   .offset10 {
0529     margin-left: 640px;
0530   }
0531   .offset9 {
0532     margin-left: 578px;
0533   }
0534   .offset8 {
0535     margin-left: 516px;
0536   }
0537   .offset7 {
0538     margin-left: 454px;
0539   }
0540   .offset6 {
0541     margin-left: 392px;
0542   }
0543   .offset5 {
0544     margin-left: 330px;
0545   }
0546   .offset4 {
0547     margin-left: 268px;
0548   }
0549   .offset3 {
0550     margin-left: 206px;
0551   }
0552   .offset2 {
0553     margin-left: 144px;
0554   }
0555   .offset1 {
0556     margin-left: 82px;
0557   }
0558   .row-fluid {
0559     width: 100%;
0560     *zoom: 1;
0561   }
0562   .row-fluid:before,
0563   .row-fluid:after {
0564     display: table;
0565     line-height: 0;
0566     content: "";
0567   }
0568   .row-fluid:after {
0569     clear: both;
0570   }
0571   .row-fluid [class*="span"] {
0572     display: block;
0573     float: left;
0574     width: 100%;
0575     min-height: 30px;
0576     margin-left: 2.7624309392265194%;
0577     *margin-left: 2.709239449864817%;
0578     -webkit-box-sizing: border-box;
0579        -moz-box-sizing: border-box;
0580             box-sizing: border-box;
0581   }
0582   .row-fluid [class*="span"]:first-child {
0583     margin-left: 0;
0584   }
0585   .row-fluid .controls-row [class*="span"] + [class*="span"] {
0586     margin-left: 2.7624309392265194%;
0587   }
0588   .row-fluid .span12 {
0589     width: 100%;
0590     *width: 99.94680851063829%;
0591   }
0592   .row-fluid .span11 {
0593     width: 91.43646408839778%;
0594     *width: 91.38327259903608%;
0595   }
0596   .row-fluid .span10 {
0597     width: 82.87292817679558%;
0598     *width: 82.81973668743387%;
0599   }
0600   .row-fluid .span9 {
0601     width: 74.30939226519337%;
0602     *width: 74.25620077583166%;
0603   }
0604   .row-fluid .span8 {
0605     width: 65.74585635359117%;
0606     *width: 65.69266486422946%;
0607   }
0608   .row-fluid .span7 {
0609     width: 57.18232044198895%;
0610     *width: 57.12912895262725%;
0611   }
0612   .row-fluid .span6 {
0613     width: 48.61878453038674%;
0614     *width: 48.56559304102504%;
0615   }
0616   .row-fluid .span5 {
0617     width: 40.05524861878453%;
0618     *width: 40.00205712942283%;
0619   }
0620   .row-fluid .span4 {
0621     width: 31.491712707182323%;
0622     *width: 31.43852121782062%;
0623   }
0624   .row-fluid .span3 {
0625     width: 22.92817679558011%;
0626     *width: 22.87498530621841%;
0627   }
0628   .row-fluid .span2 {
0629     width: 14.3646408839779%;
0630     *width: 14.311449394616199%;
0631   }
0632   .row-fluid .span1 {
0633     width: 5.801104972375691%;
0634     *width: 5.747913483013988%;
0635   }
0636   .row-fluid .offset12 {
0637     margin-left: 105.52486187845304%;
0638     *margin-left: 105.41847889972962%;
0639   }
0640   .row-fluid .offset12:first-child {
0641     margin-left: 102.76243093922652%;
0642     *margin-left: 102.6560479605031%;
0643   }
0644   .row-fluid .offset11 {
0645     margin-left: 96.96132596685082%;
0646     *margin-left: 96.8549429881274%;
0647   }
0648   .row-fluid .offset11:first-child {
0649     margin-left: 94.1988950276243%;
0650     *margin-left: 94.09251204890089%;
0651   }
0652   .row-fluid .offset10 {
0653     margin-left: 88.39779005524862%;
0654     *margin-left: 88.2914070765252%;
0655   }
0656   .row-fluid .offset10:first-child {
0657     margin-left: 85.6353591160221%;
0658     *margin-left: 85.52897613729868%;
0659   }
0660   .row-fluid .offset9 {
0661     margin-left: 79.8342541436464%;
0662     *margin-left: 79.72787116492299%;
0663   }
0664   .row-fluid .offset9:first-child {
0665     margin-left: 77.07182320441989%;
0666     *margin-left: 76.96544022569647%;
0667   }
0668   .row-fluid .offset8 {
0669     margin-left: 71.2707182320442%;
0670     *margin-left: 71.16433525332079%;
0671   }
0672   .row-fluid .offset8:first-child {
0673     margin-left: 68.50828729281768%;
0674     *margin-left: 68.40190431409427%;
0675   }
0676   .row-fluid .offset7 {
0677     margin-left: 62.70718232044199%;
0678     *margin-left: 62.600799341718584%;
0679   }
0680   .row-fluid .offset7:first-child {
0681     margin-left: 59.94475138121547%;
0682     *margin-left: 59.838368402492065%;
0683   }
0684   .row-fluid .offset6 {
0685     margin-left: 54.14364640883978%;
0686     *margin-left: 54.037263430116376%;
0687   }
0688   .row-fluid .offset6:first-child {
0689     margin-left: 51.38121546961326%;
0690     *margin-left: 51.27483249088986%;
0691   }
0692   .row-fluid .offset5 {
0693     margin-left: 45.58011049723757%;
0694     *margin-left: 45.47372751851417%;
0695   }
0696   .row-fluid .offset5:first-child {
0697     margin-left: 42.81767955801105%;
0698     *margin-left: 42.71129657928765%;
0699   }
0700   .row-fluid .offset4 {
0701     margin-left: 37.01657458563536%;
0702     *margin-left: 36.91019160691196%;
0703   }
0704   .row-fluid .offset4:first-child {
0705     margin-left: 34.25414364640884%;
0706     *margin-left: 34.14776066768544%;
0707   }
0708   .row-fluid .offset3 {
0709     margin-left: 28.45303867403315%;
0710     *margin-left: 28.346655695309746%;
0711   }
0712   .row-fluid .offset3:first-child {
0713     margin-left: 25.69060773480663%;
0714     *margin-left: 25.584224756083227%;
0715   }
0716   .row-fluid .offset2 {
0717     margin-left: 19.88950276243094%;
0718     *margin-left: 19.783119783707537%;
0719   }
0720   .row-fluid .offset2:first-child {
0721     margin-left: 17.12707182320442%;
0722     *margin-left: 17.02068884448102%;
0723   }
0724   .row-fluid .offset1 {
0725     margin-left: 11.32596685082873%;
0726     *margin-left: 11.219583872105325%;
0727   }
0728   .row-fluid .offset1:first-child {
0729     margin-left: 8.56353591160221%;
0730     *margin-left: 8.457152932878806%;
0731   }
0732   input,
0733   textarea,
0734   .uneditable-input {
0735     margin-left: 0;
0736   }
0737   .controls-row [class*="span"] + [class*="span"] {
0738     margin-left: 20px;
0739   }
0740   input.span12,
0741   textarea.span12,
0742   .uneditable-input.span12 {
0743     width: 710px;
0744   }
0745   input.span11,
0746   textarea.span11,
0747   .uneditable-input.span11 {
0748     width: 648px;
0749   }
0750   input.span10,
0751   textarea.span10,
0752   .uneditable-input.span10 {
0753     width: 586px;
0754   }
0755   input.span9,
0756   textarea.span9,
0757   .uneditable-input.span9 {
0758     width: 524px;
0759   }
0760   input.span8,
0761   textarea.span8,
0762   .uneditable-input.span8 {
0763     width: 462px;
0764   }
0765   input.span7,
0766   textarea.span7,
0767   .uneditable-input.span7 {
0768     width: 400px;
0769   }
0770   input.span6,
0771   textarea.span6,
0772   .uneditable-input.span6 {
0773     width: 338px;
0774   }
0775   input.span5,
0776   textarea.span5,
0777   .uneditable-input.span5 {
0778     width: 276px;
0779   }
0780   input.span4,
0781   textarea.span4,
0782   .uneditable-input.span4 {
0783     width: 214px;
0784   }
0785   input.span3,
0786   textarea.span3,
0787   .uneditable-input.span3 {
0788     width: 152px;
0789   }
0790   input.span2,
0791   textarea.span2,
0792   .uneditable-input.span2 {
0793     width: 90px;
0794   }
0795   input.span1,
0796   textarea.span1,
0797   .uneditable-input.span1 {
0798     width: 28px;
0799   }
0800 }
0801
0802 @media (max-width: 767px) {
0803   body {
0804     padding-right: 20px;
0805     padding-left: 20px;
0806   }
0807   .navbar-fixed-top,
0808   .navbar-fixed-bottom,
0809   .navbar-static-top {
0810     margin-right: -20px;
0811     margin-left: -20px;
0812   }
0813   .container-fluid {
0814     padding: 0;
0815   }
0816   .dl-horizontal dt {
0817     float: none;
0818     width: auto;
0819     clear: none;
0820     text-align: left;
0821   }
0822   .dl-horizontal dd {
0823     margin-left: 0;
0824   }
0825   .container {
0826     width: auto;
0827   }
0828   .row-fluid {
0829     width: 100%;
0830   }
0831   .row,
0832   .thumbnails {
0833     margin-left: 0;
0834   }
0835   .thumbnails > li {
0836     float: none;
0837     margin-left: 0;
0838   }
0839   [class*="span"],
0840   .uneditable-input[class*="span"],
0841   .row-fluid [class*="span"] {
0842     display: block;
0843     float: none;
0844     width: 100%;
0845     margin-left: 0;
0846     -webkit-box-sizing: border-box;
0847        -moz-box-sizing: border-box;
0848             box-sizing: border-box;
0849   }
0850   .span12,
0851   .row-fluid .span12 {
0852     width: 100%;
0853     -webkit-box-sizing: border-box;
0854        -moz-box-sizing: border-box;
0855             box-sizing: border-box;
0856   }
0857   .row-fluid [class*="offset"]:first-child {
0858     margin-left: 0;
0859   }
0860   .input-large,
0861   .input-xlarge,
0862   .input-xxlarge,
0863   input[class*="span"],
0864   select[class*="span"],
0865   textarea[class*="span"],
0866   .uneditable-input {
0867     display: block;
0868     width: 100%;
0869     min-height: 30px;
0870     -webkit-box-sizing: border-box;
0871        -moz-box-sizing: border-box;
0872             box-sizing: border-box;
0873   }
0874   .input-prepend input,
0875   .input-append input,
0876   .input-prepend input[class*="span"],
0877   .input-append input[class*="span"] {
0878     display: inline-block;
0879     width: auto;
0880   }
0881   .controls-row [class*="span"] + [class*="span"] {
0882     margin-left: 0;
0883   }
0884   .modal {
0885     position: fixed;
0886     top: 20px;
0887     right: 20px;
0888     left: 20px;
0889     width: auto;
0890     margin: 0;
0891   }
0892   .modal.fade {
0893     top: -100px;
0894   }
0895   .modal.fade.in {
0896     top: 20px;
0897   }
0898 }
0899
0900 @media (max-width: 480px) {
0901   .nav-collapse {
0902     -webkit-transform: translate3d(0, 0, 0);
0903   }
0904   .page-header h1 small {
0905     display: block;
0906     line-height: 20px;
0907   }
0908   input[type="checkbox"],
0909   input[type="radio"] {
0910     border: 1px solid #ccc;
0911   }
0912   .form-horizontal .control-label {
0913     float: none;
0914     width: auto;
0915     padding-top: 0;
0916     text-align: left;
0917   }
0918   .form-horizontal .controls {
0919     margin-left: 0;
0920   }
0921   .form-horizontal .control-list {
0922     padding-top: 0;
0923   }
0924   .form-horizontal .form-actions {
0925     padding-right: 10px;
0926     padding-left: 10px;
0927   }
0928   .media .pull-left,
0929   .media .pull-right {
0930     display: block;
0931     float: none;
0932     margin-bottom: 10px;
0933   }
0934   .media-object {
0935     margin-right: 0;
0936     margin-left: 0;
0937   }
0938   .modal {
0939     top: 10px;
0940     right: 10px;
0941     left: 10px;
0942   }
0943   .modal-header .close {
0944     padding: 10px;
0945     margin: -10px;
0946   }
0947   .carousel-caption {
0948     position: static;
0949   }
0950 }
0951
0952 @media (max-width: 979px) {
0953   body {
0954     padding-top: 0;
0955   }
0956   .navbar-fixed-top,
0957   .navbar-fixed-bottom {
0958     position: static;
0959   }
0960   .navbar-fixed-top {
0961     margin-bottom: 20px;
0962   }
0963   .navbar-fixed-bottom {
0964     margin-top: 20px;
0965   }
0966   .navbar-fixed-top .navbar-inner,
0967   .navbar-fixed-bottom .navbar-inner {
0968     padding: 5px;
0969   }
0970   .navbar .container {
0971     width: auto;
0972     padding: 0;
0973   }
0974   .navbar .brand {
0975     padding-right: 10px;
0976     padding-left: 10px;
0977     margin: 0 0 0 -5px;
0978   }
0979   .nav-collapse {
0980     clear: both;
0981   }
0982   .nav-collapse .nav {
0983     float: none;
0984     margin: 0 0 10px;
0985   }
0986   .nav-collapse .nav > li {
0987     float: none;
0988   }
0989   .nav-collapse .nav > li > a {
0990     margin-bottom: 2px;
0991   }
0992   .nav-collapse .nav > .divider-vertical {
0993     display: none;
0994   }
0995   .nav-collapse .nav .nav-header {
0996     color: #777777;
0997     text-shadow: none;
0998   }
0999   .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 }