homepage: css/bootstrap-responsive.css@ba8ab09f730e

     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  */

    11 .clearfix {

    12   *zoom: 1;

    13 }

    15 .clearfix:before,

    16 .clearfix:after {

    17   display: table;

    18   line-height: 0;

    19   content: "";

    20 }

    22 .clearfix:after {

    23   clear: both;

    24 }

    26 .hide-text {

    27   font: 0/0 a;

    28   color: transparent;

    29   text-shadow: none;

    30   background-color: transparent;

    31   border: 0;

    32 }

    34 .input-block-level {

    35   display: block;

    36   width: 100%;

    37   min-height: 20px;

    38   -webkit-box-sizing: border-box;

    39      -moz-box-sizing: border-box;

    40           box-sizing: border-box;

    41 }

    43 @-ms-viewport {

    44   width: device-width;

    45 }

    47 .hidden {

    48   display: none;

    49   visibility: hidden;

    50 }

    52 .visible-phone {

    53   display: none !important;

    54 }

    56 .visible-tablet {

    57   display: none !important;

    58 }

    60 .hidden-desktop {

    61   display: none !important;

    62 }

    64 .visible-desktop {

    65   display: inherit !important;

    66 }

    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 }

    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 }

    98 .visible-print {

    99   display: none !important;

   100 }

   102 @media print {

   103   .visible-print {

   104     display: inherit !important;

   105   }

   106   .hidden-print {

   107     display: none !important;

   108   }

   109 }

   111 @media (min-width: 1200px) {

   112   .row {

   113     margin-left: -24px;

   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: 16px;

   129   }

   130   .container,

   131   .navbar-static-top .container,

   132   .navbar-fixed-top .container,

   133   .navbar-fixed-bottom .container {

   134     width: 1128px;

   135   }

   136   .span12 {

   137     width: 1128px;

   138   }

   139   .span11 {

   140     width: 1032px;

   141   }

   142   .span10 {

   143     width: 936px;

   144   }

   145   .span9 {

   146     width: 840px;

   147   }

   148   .span8 {

   149     width: 744px;

   150   }

   151   .span7 {

   152     width: 648px;

   153   }

   154   .span6 {

   155     width: 552px;

   156   }

   157   .span5 {

   158     width: 456px;

   159   }

   160   .span4 {

   161     width: 360px;

   162   }

   163   .span3 {

   164     width: 264px;

   165   }

   166   .span2 {

   167     width: 168px;

   168   }

   169   .span1 {

   170     width: 72px;

   171   }

   172   .offset12 {

   173     margin-left: 1176px;

   174   }

   175   .offset11 {

   176     margin-left: 1080px;

   177   }

   178   .offset10 {

   179     margin-left: 984px;

   180   }

   181   .offset9 {

   182     margin-left: 888px;

   183   }

   184   .offset8 {

   185     margin-left: 792px;

   186   }

   187   .offset7 {

   188     margin-left: 696px;

   189   }

   190   .offset6 {

   191     margin-left: 600px;

   192   }

   193   .offset5 {

   194     margin-left: 504px;

   195   }

   196   .offset4 {

   197     margin-left: 408px;

   198   }

   199   .offset3 {

   200     margin-left: 312px;

   201   }

   202   .offset2 {

   203     margin-left: 216px;

   204   }

   205   .offset1 {

   206     margin-left: 120px;

   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: 20px;

   226     margin-left: 2.127659574468085%;

   227     *margin-left: 2.07469347277317%;

   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.127659574468085%;

   237   }

   238   .row-fluid .span12 {

   239     width: 100%;

   240     *width: 99.94703389830508%;

   241   }

   242   .row-fluid .span11 {

   243     width: 91.48936170212765%;

   244     *width: 91.43639560043273%;

   245   }

   246   .row-fluid .span10 {

   247     width: 82.97872340425532%;

   248     *width: 82.9257573025604%;

   249   }

   250   .row-fluid .span9 {

   251     width: 74.46808510638297%;

   252     *width: 74.41511900468805%;

   253   }

   254   .row-fluid .span8 {

   255     width: 65.95744680851064%;

   256     *width: 65.90448070681572%;

   257   }

   258   .row-fluid .span7 {

   259     width: 57.44680851063829%;

   260     *width: 57.39384240894338%;

   261   }

   262   .row-fluid .span6 {

   263     width: 48.93617021276595%;

   264     *width: 48.88320411107104%;

   265   }

   266   .row-fluid .span5 {

   267     width: 40.42553191489362%;

   268     *width: 40.372565813198705%;

   269   }

   270   .row-fluid .span4 {

   271     width: 31.914893617021278%;

   272     *width: 31.86192751532636%;

   273   }

   274   .row-fluid .span3 {

   275     width: 23.404255319148934%;

   276     *width: 23.351289217454017%;

   277   }

   278   .row-fluid .span2 {

   279     width: 14.893617021276595%;

   280     *width: 14.84065091958168%;

   281   }

   282   .row-fluid .span1 {

   283     width: 6.382978723404255%;

   284     *width: 6.33001262170934%;

   285   }

   286   .row-fluid .offset12 {

   287     margin-left: 104.25531914893617%;

   288     *margin-left: 104.14938694554633%;

   289   }

   290   .row-fluid .offset12:first-child {

   291     margin-left: 102.12765957446808%;

   292     *margin-left: 102.02172737107824%;

   293   }

   294   .row-fluid .offset11 {

   295     margin-left: 95.74468085106382%;

   296     *margin-left: 95.63874864767398%;

   297   }

   298   .row-fluid .offset11:first-child {

   299     margin-left: 93.61702127659574%;

   300     *margin-left: 93.5110890732059%;

   301   }

   302   .row-fluid .offset10 {

   303     margin-left: 87.23404255319149%;

   304     *margin-left: 87.12811034980164%;

   305   }

   306   .row-fluid .offset10:first-child {

   307     margin-left: 85.1063829787234%;

   308     *margin-left: 85.00045077533356%;

   309   }

   310   .row-fluid .offset9 {

   311     margin-left: 78.72340425531914%;

   312     *margin-left: 78.6174720519293%;

   313   }

   314   .row-fluid .offset9:first-child {

   315     margin-left: 76.59574468085106%;

   316     *margin-left: 76.48981247746121%;

   317   }

   318   .row-fluid .offset8 {

   319     margin-left: 70.2127659574468%;

   320     *margin-left: 70.10683375405696%;

   321   }

   322   .row-fluid .offset8:first-child {

   323     margin-left: 68.08510638297872%;

   324     *margin-left: 67.97917417958888%;

   325   }

   326   .row-fluid .offset7 {

   327     margin-left: 61.70212765957446%;

   328     *margin-left: 61.59619545618464%;

   329   }

   330   .row-fluid .offset7:first-child {

   331     margin-left: 59.574468085106375%;

   332     *margin-left: 59.46853588171655%;

   333   }

   334   .row-fluid .offset6 {

   335     margin-left: 53.191489361702125%;

   336     *margin-left: 53.08555715831229%;

   337   }

   338   .row-fluid .offset6:first-child {

   339     margin-left: 51.063829787234035%;

   340     *margin-left: 50.95789758384421%;

   341   }

   342   .row-fluid .offset5 {

   343     margin-left: 44.68085106382979%;

   344     *margin-left: 44.57491886043996%;

   345   }

   346   .row-fluid .offset5:first-child {

   347     margin-left: 42.5531914893617%;

   348     *margin-left: 42.447259285971874%;

   349   }

   350   .row-fluid .offset4 {

   351     margin-left: 36.170212765957444%;

   352     *margin-left: 36.06428056256762%;

   353   }

   354   .row-fluid .offset4:first-child {

   355     margin-left: 34.04255319148936%;

   356     *margin-left: 33.936620988099534%;

   357   }

   358   .row-fluid .offset3 {

   359     margin-left: 27.659574468085104%;

   360     *margin-left: 27.55364226469527%;

   361   }

   362   .row-fluid .offset3:first-child {

   363     margin-left: 25.53191489361702%;

   364     *margin-left: 25.425982690227183%;

   365   }

   366   .row-fluid .offset2 {

   367     margin-left: 19.148936170212764%;

   368     *margin-left: 19.043003966822933%;

   369   }

   370   .row-fluid .offset2:first-child {

   371     margin-left: 17.02127659574468%;

   372     *margin-left: 16.91534439235485%;

   373   }

   374   .row-fluid .offset1 {

   375     margin-left: 10.638297872340425%;

   376     *margin-left: 10.532365668950595%;

   377   }

   378   .row-fluid .offset1:first-child {

   379     margin-left: 8.51063829787234%;

   380     *margin-left: 8.40470609448251%;

   381   }

   382   input,

   383   textarea,

   384   .uneditable-input {

   385     margin-left: 0;

   386   }

   387   .controls-row [class*="span"] + [class*="span"] {

   388     margin-left: 24px;

   389   }

   390   input.span12,

   391   textarea.span12,

   392   .uneditable-input.span12 {

   393     width: 1114px;

   394   }

   395   input.span11,

   396   textarea.span11,

   397   .uneditable-input.span11 {

   398     width: 1018px;

   399   }

   400   input.span10,

   401   textarea.span10,

   402   .uneditable-input.span10 {

   403     width: 922px;

   404   }

   405   input.span9,

   406   textarea.span9,

   407   .uneditable-input.span9 {

   408     width: 826px;

   409   }

   410   input.span8,

   411   textarea.span8,

   412   .uneditable-input.span8 {

   413     width: 730px;

   414   }

   415   input.span7,

   416   textarea.span7,

   417   .uneditable-input.span7 {

   418     width: 634px;

   419   }

   420   input.span6,

   421   textarea.span6,

   422   .uneditable-input.span6 {

   423     width: 538px;

   424   }

   425   input.span5,

   426   textarea.span5,

   427   .uneditable-input.span5 {

   428     width: 442px;

   429   }

   430   input.span4,

   431   textarea.span4,

   432   .uneditable-input.span4 {

   433     width: 346px;

   434   }

   435   input.span3,

   436   textarea.span3,

   437   .uneditable-input.span3 {

   438     width: 250px;

   439   }

   440   input.span2,

   441   textarea.span2,

   442   .uneditable-input.span2 {

   443     width: 154px;

   444   }

   445   input.span1,

   446   textarea.span1,

   447   .uneditable-input.span1 {

   448     width: 58px;

   449   }

   450   .thumbnails {

   451     margin-left: -24px;

   452   }

   453   .thumbnails > li {

   454     margin-left: 24px;

   455   }

   456   .row-fluid .thumbnails {

   457     margin-left: 0;

   458   }

   459 }

   461 @media (min-width: 768px) and (max-width: 979px) {

   462   .row {

   463     margin-left: -16px;

   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: 16px;

   479   }

   480   .container,

   481   .navbar-static-top .container,

   482   .navbar-fixed-top .container,

   483   .navbar-fixed-bottom .container {

   484     width: 656px;

   485   }

   486   .span12 {

   487     width: 656px;

   488   }

   489   .span11 {

   490     width: 600px;

   491   }

   492   .span10 {

   493     width: 544px;

   494   }

   495   .span9 {

   496     width: 488px;

   497   }

   498   .span8 {

   499     width: 432px;

   500   }

   501   .span7 {

   502     width: 376px;

   503   }

   504   .span6 {

   505     width: 320px;

   506   }

   507   .span5 {

   508     width: 264px;

   509   }

   510   .span4 {

   511     width: 208px;

   512   }

   513   .span3 {

   514     width: 152px;

   515   }

   516   .span2 {

   517     width: 96px;

   518   }

   519   .span1 {

   520     width: 40px;

   521   }

   522   .offset12 {

   523     margin-left: 688px;

   524   }

   525   .offset11 {

   526     margin-left: 632px;

   527   }

   528   .offset10 {

   529     margin-left: 576px;

   530   }

   531   .offset9 {

   532     margin-left: 520px;

   533   }

   534   .offset8 {

   535     margin-left: 464px;

   536   }

   537   .offset7 {

   538     margin-left: 408px;

   539   }

   540   .offset6 {

   541     margin-left: 352px;

   542   }

   543   .offset5 {

   544     margin-left: 296px;

   545   }

   546   .offset4 {

   547     margin-left: 240px;

   548   }

   549   .offset3 {

   550     margin-left: 184px;

   551   }

   552   .offset2 {

   553     margin-left: 128px;

   554   }

   555   .offset1 {

   556     margin-left: 72px;

   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: 20px;

   576     margin-left: 2.4390243902439024%;

   577     *margin-left: 2.386058288548987%;

   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.4390243902439024%;

   587   }

   588   .row-fluid .span12 {

   589     width: 100%;

   590     *width: 99.94703389830508%;

   591   }

   592   .row-fluid .span11 {

   593     width: 91.46341463414635%;

   594     *width: 91.41044853245143%;

   595   }

   596   .row-fluid .span10 {

   597     width: 82.92682926829268%;

   598     *width: 82.87386316659776%;

   599   }

   600   .row-fluid .span9 {

   601     width: 74.39024390243902%;

   602     *width: 74.3372778007441%;

   603   }

   604   .row-fluid .span8 {

   605     width: 65.85365853658537%;

   606     *width: 65.80069243489045%;

   607   }

   608   .row-fluid .span7 {

   609     width: 57.31707317073171%;

   610     *width: 57.2641070690368%;

   611   }

   612   .row-fluid .span6 {

   613     width: 48.78048780487805%;

   614     *width: 48.727521703183136%;

   615   }

   616   .row-fluid .span5 {

   617     width: 40.24390243902439%;

   618     *width: 40.190936337329475%;

   619   }

   620   .row-fluid .span4 {

   621     width: 31.70731707317073%;

   622     *width: 31.654350971475814%;

   623   }

   624   .row-fluid .span3 {

   625     width: 23.170731707317074%;

   626     *width: 23.117765605622157%;

   627   }

   628   .row-fluid .span2 {

   629     width: 14.634146341463415%;

   630     *width: 14.5811802397685%;

   631   }

   632   .row-fluid .span1 {

   633     width: 6.097560975609756%;

   634     *width: 6.044594873914841%;

   635   }

   636   .row-fluid .offset12 {

   637     margin-left: 104.8780487804878%;

   638     *margin-left: 104.77211657709796%;

   639   }

   640   .row-fluid .offset12:first-child {

   641     margin-left: 102.4390243902439%;

   642     *margin-left: 102.33309218685406%;

   643   }

   644   .row-fluid .offset11 {

   645     margin-left: 96.34146341463415%;

   646     *margin-left: 96.23553121124431%;

   647   }

   648   .row-fluid .offset11:first-child {

   649     margin-left: 93.90243902439025%;

   650     *margin-left: 93.7965068210004%;

   651   }

   652   .row-fluid .offset10 {

   653     margin-left: 87.80487804878048%;

   654     *margin-left: 87.69894584539064%;

   655   }

   656   .row-fluid .offset10:first-child {

   657     margin-left: 85.36585365853658%;

   658     *margin-left: 85.25992145514674%;

   659   }

   660   .row-fluid .offset9 {

   661     margin-left: 79.26829268292683%;

   662     *margin-left: 79.16236047953699%;

   663   }

   664   .row-fluid .offset9:first-child {

   665     margin-left: 76.82926829268293%;

   666     *margin-left: 76.72333608929308%;

   667   }

   668   .row-fluid .offset8 {

   669     margin-left: 70.73170731707317%;

   670     *margin-left: 70.62577511368333%;

   671   }

   672   .row-fluid .offset8:first-child {

   673     margin-left: 68.29268292682927%;

   674     *margin-left: 68.18675072343943%;

   675   }

   676   .row-fluid .offset7 {

   677     margin-left: 62.19512195121951%;

   678     *margin-left: 62.089189747829685%;

   679   }

   680   .row-fluid .offset7:first-child {

   681     margin-left: 59.75609756097561%;

   682     *margin-left: 59.650165357585784%;

   683   }

   684   .row-fluid .offset6 {

   685     margin-left: 53.65853658536585%;

   686     *margin-left: 53.552604381976025%;

   687   }

   688   .row-fluid .offset6:first-child {

   689     margin-left: 51.21951219512195%;

   690     *margin-left: 51.113579991732124%;

   691   }

   692   .row-fluid .offset5 {

   693     margin-left: 45.12195121951219%;

   694     *margin-left: 45.016019016122364%;

   695   }

   696   .row-fluid .offset5:first-child {

   697     margin-left: 42.68292682926829%;

   698     *margin-left: 42.57699462587846%;

   699   }

   700   .row-fluid .offset4 {

   701     margin-left: 36.58536585365854%;

   702     *margin-left: 36.4794336502687%;

   703   }

   704   .row-fluid .offset4:first-child {

   705     margin-left: 34.146341463414636%;

   706     *margin-left: 34.0404092600248%;

   707   }

   708   .row-fluid .offset3 {

   709     margin-left: 28.04878048780488%;

   710     *margin-left: 27.942848284415046%;

   711   }

   712   .row-fluid .offset3:first-child {

   713     margin-left: 25.609756097560975%;

   714     *margin-left: 25.50382389417114%;

   715   }

   716   .row-fluid .offset2 {

   717     margin-left: 19.51219512195122%;

   718     *margin-left: 19.40626291856139%;

   719   }

   720   .row-fluid .offset2:first-child {

   721     margin-left: 17.073170731707318%;

   722     *margin-left: 16.967238528317484%;

   723   }

   724   .row-fluid .offset1 {

   725     margin-left: 10.975609756097562%;

   726     *margin-left: 10.86967755270773%;

   727   }

   728   .row-fluid .offset1:first-child {

   729     margin-left: 8.536585365853659%;

   730     *margin-left: 8.430653162463829%;

   731   }

   732   input,

   733   textarea,

   734   .uneditable-input {

   735     margin-left: 0;

   736   }

   737   .controls-row [class*="span"] + [class*="span"] {

   738     margin-left: 16px;

   739   }

   740   input.span12,

   741   textarea.span12,

   742   .uneditable-input.span12 {

   743     width: 642px;

   744   }

   745   input.span11,

   746   textarea.span11,

   747   .uneditable-input.span11 {

   748     width: 586px;

   749   }

   750   input.span10,

   751   textarea.span10,

   752   .uneditable-input.span10 {

   753     width: 530px;

   754   }

   755   input.span9,

   756   textarea.span9,

   757   .uneditable-input.span9 {

   758     width: 474px;

   759   }

   760   input.span8,

   761   textarea.span8,

   762   .uneditable-input.span8 {

   763     width: 418px;

   764   }

   765   input.span7,

   766   textarea.span7,

   767   .uneditable-input.span7 {

   768     width: 362px;

   769   }

   770   input.span6,

   771   textarea.span6,

   772   .uneditable-input.span6 {

   773     width: 306px;

   774   }

   775   input.span5,

   776   textarea.span5,

   777   .uneditable-input.span5 {

   778     width: 250px;

   779   }

   780   input.span4,

   781   textarea.span4,

   782   .uneditable-input.span4 {

   783     width: 194px;

   784   }

   785   input.span3,

   786   textarea.span3,

   787   .uneditable-input.span3 {

   788     width: 138px;

   789   }

   790   input.span2,

   791   textarea.span2,

   792   .uneditable-input.span2 {

   793     width: 82px;

   794   }

   795   input.span1,

   796   textarea.span1,

   797   .uneditable-input.span1 {

   798     width: 26px;

   799   }

   800 }

   802 @media (max-width: 767px) {

   803   body {

   804     padding-right: 18px;

   805     padding-left: 18px;

   806   }

   807   .navbar-fixed-top,

   808   .navbar-fixed-bottom,

   809   .navbar-static-top {

   810     margin-right: -10px;

   811     margin-left: -10px;

   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: 20px;

   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: 18px;

   897   }

   898 }

   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: 20px;

   933   }

   934   .media-object {

   935     margin-right: 0;

   936     margin-left: 0;

   937   }

   938   .modal {

   939     top: 9px;

   940     right: 4px;

   941     left: 4px;

   942   }

   943   .modal-header .close {

   944     padding: 10px;

   945     margin: -10px;

   946   }

   947   .carousel-caption {

   948     position: static;

   949   }

   950 }

   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: 0;

   969   }

   970   .navbar .container {

   971     width: auto;

   972     padding: 0;

   973   }

   974   .navbar .brand {

   975     padding: 10px 10px;

   976     margin: 0;

   977   }

   978   .nav-collapse {

   979     clear: both;

   980   }

   981   .nav-collapse .nav {

   982     float: none;

   983     margin: 0 0 10px;

   984   }

   985   .nav-collapse .nav > li {

   986     float: none;

   987   }

   988   .nav-collapse .nav > li > a {

   989     margin-bottom: 0;

   990   }

   991   .nav-collapse .nav > .divider-vertical {

   992     display: none;

   993   }

   994   .nav-collapse .nav .nav-header {

   995     color: #000000;

   996     text-shadow: none;

   997   }

   998   .nav-collapse .nav > li > a,

   999   .nav-collapse .dropdown-menu a {

  1000     padding: 0 10px;

  1001     color: #000000;

  1002   }

  1003   .nav-collapse .nav > li.active > a {

  1004     color: #bbbbbb;

  1005   }

  1006   .nav-collapse .btn {

  1007     padding: 10px 10px;

  1008     font-weight: normal;

  1009     -webkit-border-radius: 0;

  1010        -moz-border-radius: 0;

  1011             border-radius: 0;

  1012   }

  1013   .nav-collapse .dropdown-menu li + li a {

  1014     margin-bottom: 0;

  1015   }

  1016   .nav-collapse .nav > li > a:hover,

  1017   .nav-collapse .nav > li > a:focus,

  1018   .nav-collapse .dropdown-menu a:hover,

  1019   .nav-collapse .dropdown-menu a:focus {

  1020     color: #bbbbbb;

  1021     background-color: #bbbbbb;

  1022   }

  1023   .navbar-inverse .nav-collapse .nav > li > a,

  1024   .navbar-inverse .nav-collapse .dropdown-menu a {

  1025     color: #000000;

  1026   }

  1027   .navbar-inverse .nav-collapse .nav > li > a:hover,

  1028   .navbar-inverse .nav-collapse .nav > li > a:focus,

  1029   .navbar-inverse .nav-collapse .dropdown-menu a:hover,

  1030   .navbar-inverse .nav-collapse .dropdown-menu a:focus {

  1031     color: #bbbbbb;

  1032     background-color: #000000;

  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;

  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 10px;

  1074     margin: 10px 0;

  1075     border-top: 1px solid #bbbbbb;

  1076     border-bottom: 1px solid #bbbbbb;

  1077   }

  1078   .navbar-inverse .nav-collapse .navbar-form,

  1079   .navbar-inverse .nav-collapse .navbar-search {

  1080     border-top-color: #000000;

  1081     border-bottom-color: #000000;

  1082   }

  1083   .navbar .nav-collapse .nav.pull-right {

  1084     float: none;

  1085     margin-left: 0;

  1086   }

  1087   .nav-collapse,

  1088   .nav-collapse.collapse {

  1089     height: 0;

  1090     overflow: hidden;

  1091   }

  1092   .nav-collapse > ul.nav > li.active > a {

  1093     color: #bbbbbb;

  1094   }

  1095   .navbar .btn-navbar {

  1096     display: block;

  1097     color: #ffffff;

  1098     background: #555555;

  1099     -webkit-box-shadow: 0 0 0;

  1100        -moz-box-shadow: 0 0 0;

  1101             box-shadow: 0 0 0;

  1102   }

  1103   .navbar .btn-navbar:after {

  1104     content: "";

  1105   }

  1106   .navbar .btn-navbar:before {

  1107     content: "▼";

  1108   }

  1109   .navbar .btn-navbar.active,

  1110   .navbar .btn-navbar:active {

  1111     margin-bottom: 20px;

  1112     color: #ffffff;

  1113     background: #000000;

  1114     outline: 0;

  1115   }

  1116   .navbar-static .navbar-inner {

  1117     padding-right: 10px;

  1118     padding-left: 10px;

  1119   }

  1120 }

  1122 @media (min-width: 980px) {

  1123   .nav-collapse.collapse {

  1124     height: auto !important;

  1125     overflow: visible !important;

  1126   }

  1127 }

author	indvd00m (gotoindvdum[at]gmail[dot]com)
	Fri, 04 Jul 2014 16:42:41 +0400
changeset 0	ba8ab09f730e
permissions	-rw-r--r--