Mercurialhg/html~demo / file revision
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | raw | help
minesweeper/src/main/webapp/pages/bootstrap-responsive.css
author Jaroslav Tulach <jtulach@netbeans.org>
Thu, 20 Mar 2014 11:25:28 +0100
changeset 116 4dce5ea7e13a
permissions -rw-r--r--
Merging teavm branch into default line, now when teavm 0.1 is out 
     1 /**

     2  * The MIT License (MIT)

     3  *

     4  * Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>

     5  *

     6  * Permission is hereby granted, free of charge, to any person obtaining a copy

     7  * of this software and associated documentation files (the "Software"), to deal

     8  * in the Software without restriction, including without limitation the rights

     9  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

    10  * copies of the Software, and to permit persons to whom the Software is

    11  * furnished to do so, subject to the following conditions:

    12  *

    13  * The above copyright notice and this permission notice shall be included in

    14  * all copies or substantial portions of the Software.

    15  *

    16  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

    17  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

    18  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

    19  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

    20  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

    21  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN

    22  * THE SOFTWARE.

    23  */

    24 .clearfix {

    25   *zoom: 1;

    26 }

    27 

    28 .clearfix:before,

    29 .clearfix:after {

    30   display: table;

    31   line-height: 0;

    32   content: "";

    33 }

    34 

    35 .clearfix:after {

    36   clear: both;

    37 }

    38 

    39 .hide-text {

    40   font: 0/0 a;

    41   color: transparent;

    42   text-shadow: none;

    43   background-color: transparent;

    44   border: 0;

    45 }

    46 

    47 .input-block-level {

    48   display: block;

    49   width: 100%;

    50   min-height: 30px;

    51   -webkit-box-sizing: border-box;

    52      -moz-box-sizing: border-box;

    53           box-sizing: border-box;

    54 }

    55 

    56 @-ms-viewport {

    57   width: device-width;

    58 }

    59 

    60 .hidden {

    61   display: none;

    62   visibility: hidden;

    63 }

    64 

    65 .visible-phone {

    66   display: none !important;

    67 }

    68 

    69 .visible-tablet {

    70   display: none !important;

    71 }

    72 

    73 .hidden-desktop {

    74   display: none !important;

    75 }

    76 

    77 .visible-desktop {

    78   display: inherit !important;

    79 }

    80 

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

    82   .hidden-desktop {

    83     display: inherit !important;

    84   }

    85   .visible-desktop {

    86     display: none !important ;

    87   }

    88   .visible-tablet {

    89     display: inherit !important;

    90   }

    91   .hidden-tablet {

    92     display: none !important;

    93   }

    94 }

    95 

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

    97   .hidden-desktop {

    98     display: inherit !important;

    99   }

   100   .visible-desktop {

   101     display: none !important;

   102   }

   103   .visible-phone {

   104     display: inherit !important;

   105   }

   106   .hidden-phone {

   107     display: none !important;

   108   }

   109 }

   110 

   111 .visible-print {

   112   display: none !important;

   113 }

   114 

   115 @media print {

   116   .visible-print {

   117     display: inherit !important;

   118   }

   119   .hidden-print {

   120     display: none !important;

   121   }

   122 }

   123 

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

   125   .row {

   126     margin-left: -30px;

   127     *zoom: 1;

   128   }

   129   .row:before,

   130   .row:after {

   131     display: table;

   132     line-height: 0;

   133     content: "";

   134   }

   135   .row:after {

   136     clear: both;

   137   }

   138   [class*="span"] {

   139     float: left;

   140     min-height: 1px;

   141     margin-left: 30px;

   142   }

   143   .container,

   144   .navbar-static-top .container,

   145   .navbar-fixed-top .container,

   146   .navbar-fixed-bottom .container {

   147     width: 1170px;

   148   }

   149   .span12 {

   150     width: 1170px;

   151   }

   152   .span11 {

   153     width: 1070px;

   154   }

   155   .span10 {

   156     width: 970px;

   157   }

   158   .span9 {

   159     width: 870px;

   160   }

   161   .span8 {

   162     width: 770px;

   163   }

   164   .span7 {

   165     width: 670px;

   166   }

   167   .span6 {

   168     width: 570px;

   169   }

   170   .span5 {

   171     width: 470px;

   172   }

   173   .span4 {

   174     width: 370px;

   175   }

   176   .span3 {

   177     width: 270px;

   178   }

   179   .span2 {

   180     width: 170px;

   181   }

   182   .span1 {

   183     width: 70px;

   184   }

   185   .offset12 {

   186     margin-left: 1230px;

   187   }

   188   .offset11 {

   189     margin-left: 1130px;

   190   }

   191   .offset10 {

   192     margin-left: 1030px;

   193   }

   194   .offset9 {

   195     margin-left: 930px;

   196   }

   197   .offset8 {

   198     margin-left: 830px;

   199   }

   200   .offset7 {

   201     margin-left: 730px;

   202   }

   203   .offset6 {

   204     margin-left: 630px;

   205   }

   206   .offset5 {

   207     margin-left: 530px;

   208   }

   209   .offset4 {

   210     margin-left: 430px;

   211   }

   212   .offset3 {

   213     margin-left: 330px;

   214   }

   215   .offset2 {

   216     margin-left: 230px;

   217   }

   218   .offset1 {

   219     margin-left: 130px;

   220   }

   221   .row-fluid {

   222     width: 100%;

   223     *zoom: 1;

   224   }

   225   .row-fluid:before,

   226   .row-fluid:after {

   227     display: table;

   228     line-height: 0;

   229     content: "";

   230   }

   231   .row-fluid:after {

   232     clear: both;

   233   }

   234   .row-fluid [class*="span"] {

   235     display: block;

   236     float: left;

   237     width: 100%;

   238     min-height: 30px;

   239     margin-left: 2.564102564102564%;

   240     *margin-left: 2.5109110747408616%;

   241     -webkit-box-sizing: border-box;

   242        -moz-box-sizing: border-box;

   243             box-sizing: border-box;

   244   }

   245   .row-fluid [class*="span"]:first-child {

   246     margin-left: 0;

   247   }

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

   249     margin-left: 2.564102564102564%;

   250   }

   251   .row-fluid .span12 {

   252     width: 100%;

   253     *width: 99.94680851063829%;

   254   }

   255   .row-fluid .span11 {

   256     width: 91.45299145299145%;

   257     *width: 91.39979996362975%;

   258   }

   259   .row-fluid .span10 {

   260     width: 82.90598290598291%;

   261     *width: 82.8527914166212%;

   262   }

   263   .row-fluid .span9 {

   264     width: 74.35897435897436%;

   265     *width: 74.30578286961266%;

   266   }

   267   .row-fluid .span8 {

   268     width: 65.81196581196582%;

   269     *width: 65.75877432260411%;

   270   }

   271   .row-fluid .span7 {

   272     width: 57.26495726495726%;

   273     *width: 57.21176577559556%;

   274   }

   275   .row-fluid .span6 {

   276     width: 48.717948717948715%;

   277     *width: 48.664757228587014%;

   278   }

   279   .row-fluid .span5 {

   280     width: 40.17094017094017%;

   281     *width: 40.11774868157847%;

   282   }

   283   .row-fluid .span4 {

   284     width: 31.623931623931625%;

   285     *width: 31.570740134569924%;

   286   }

   287   .row-fluid .span3 {

   288     width: 23.076923076923077%;

   289     *width: 23.023731587561375%;

   290   }

   291   .row-fluid .span2 {

   292     width: 14.52991452991453%;

   293     *width: 14.476723040552828%;

   294   }

   295   .row-fluid .span1 {

   296     width: 5.982905982905983%;

   297     *width: 5.929714493544281%;

   298   }

   299   .row-fluid .offset12 {

   300     margin-left: 105.12820512820512%;

   301     *margin-left: 105.02182214948171%;

   302   }

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

   304     margin-left: 102.56410256410257%;

   305     *margin-left: 102.45771958537915%;

   306   }

   307   .row-fluid .offset11 {

   308     margin-left: 96.58119658119658%;

   309     *margin-left: 96.47481360247316%;

   310   }

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

   312     margin-left: 94.01709401709402%;

   313     *margin-left: 93.91071103837061%;

   314   }

   315   .row-fluid .offset10 {

   316     margin-left: 88.03418803418803%;

   317     *margin-left: 87.92780505546462%;

   318   }

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

   320     margin-left: 85.47008547008548%;

   321     *margin-left: 85.36370249136206%;

   322   }

   323   .row-fluid .offset9 {

   324     margin-left: 79.48717948717949%;

   325     *margin-left: 79.38079650845607%;

   326   }

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

   328     margin-left: 76.92307692307693%;

   329     *margin-left: 76.81669394435352%;

   330   }

   331   .row-fluid .offset8 {

   332     margin-left: 70.94017094017094%;

   333     *margin-left: 70.83378796144753%;

   334   }

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

   336     margin-left: 68.37606837606839%;

   337     *margin-left: 68.26968539734497%;

   338   }

   339   .row-fluid .offset7 {

   340     margin-left: 62.393162393162385%;

   341     *margin-left: 62.28677941443899%;

   342   }

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

   344     margin-left: 59.82905982905982%;

   345     *margin-left: 59.72267685033642%;

   346   }

   347   .row-fluid .offset6 {

   348     margin-left: 53.84615384615384%;

   349     *margin-left: 53.739770867430444%;

   350   }

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

   352     margin-left: 51.28205128205128%;

   353     *margin-left: 51.175668303327875%;

   354   }

   355   .row-fluid .offset5 {

   356     margin-left: 45.299145299145295%;

   357     *margin-left: 45.1927623204219%;

   358   }

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

   360     margin-left: 42.73504273504273%;

   361     *margin-left: 42.62865975631933%;

   362   }

   363   .row-fluid .offset4 {

   364     margin-left: 36.75213675213675%;

   365     *margin-left: 36.645753773413354%;

   366   }

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

   368     margin-left: 34.18803418803419%;

   369     *margin-left: 34.081651209310785%;

   370   }

   371   .row-fluid .offset3 {

   372     margin-left: 28.205128205128204%;

   373     *margin-left: 28.0987452264048%;

   374   }

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

   376     margin-left: 25.641025641025642%;

   377     *margin-left: 25.53464266230224%;

   378   }

   379   .row-fluid .offset2 {

   380     margin-left: 19.65811965811966%;

   381     *margin-left: 19.551736679396257%;

   382   }

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

   384     margin-left: 17.094017094017094%;

   385     *margin-left: 16.98763411529369%;

   386   }

   387   .row-fluid .offset1 {

   388     margin-left: 11.11111111111111%;

   389     *margin-left: 11.004728132387708%;

   390   }

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

   392     margin-left: 8.547008547008547%;

   393     *margin-left: 8.440625568285142%;

   394   }

   395   input,

   396   textarea,

   397   .uneditable-input {

   398     margin-left: 0;

   399   }

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

   401     margin-left: 30px;

   402   }

   403   input.span12,

   404   textarea.span12,

   405   .uneditable-input.span12 {

   406     width: 1156px;

   407   }

   408   input.span11,

   409   textarea.span11,

   410   .uneditable-input.span11 {

   411     width: 1056px;

   412   }

   413   input.span10,

   414   textarea.span10,

   415   .uneditable-input.span10 {

   416     width: 956px;

   417   }

   418   input.span9,

   419   textarea.span9,

   420   .uneditable-input.span9 {

   421     width: 856px;

   422   }

   423   input.span8,

   424   textarea.span8,

   425   .uneditable-input.span8 {

   426     width: 756px;

   427   }

   428   input.span7,

   429   textarea.span7,

   430   .uneditable-input.span7 {

   431     width: 656px;

   432   }

   433   input.span6,

   434   textarea.span6,

   435   .uneditable-input.span6 {

   436     width: 556px;

   437   }

   438   input.span5,

   439   textarea.span5,

   440   .uneditable-input.span5 {

   441     width: 456px;

   442   }

   443   input.span4,

   444   textarea.span4,

   445   .uneditable-input.span4 {

   446     width: 356px;

   447   }

   448   input.span3,

   449   textarea.span3,

   450   .uneditable-input.span3 {

   451     width: 256px;

   452   }

   453   input.span2,

   454   textarea.span2,

   455   .uneditable-input.span2 {

   456     width: 156px;

   457   }

   458   input.span1,

   459   textarea.span1,

   460   .uneditable-input.span1 {

   461     width: 56px;

   462   }

   463   .thumbnails {

   464     margin-left: -30px;

   465   }

   466   .thumbnails > li {

   467     margin-left: 30px;

   468   }

   469   .row-fluid .thumbnails {

   470     margin-left: 0;

   471   }

   472 }

   473 

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

   475   .row {

   476     margin-left: -20px;

   477     *zoom: 1;

   478   }

   479   .row:before,

   480   .row:after {

   481     display: table;

   482     line-height: 0;

   483     content: "";

   484   }

   485   .row:after {

   486     clear: both;

   487   }

   488   [class*="span"] {

   489     float: left;

   490     min-height: 1px;

   491     margin-left: 20px;

   492   }

   493   .container,

   494   .navbar-static-top .container,

   495   .navbar-fixed-top .container,

   496   .navbar-fixed-bottom .container {

   497     width: 724px;

   498   }

   499   .span12 {

   500     width: 724px;

   501   }

   502   .span11 {

   503     width: 662px;

   504   }

   505   .span10 {

   506     width: 600px;

   507   }

   508   .span9 {

   509     width: 538px;

   510   }

   511   .span8 {

   512     width: 476px;

   513   }

   514   .span7 {

   515     width: 414px;

   516   }

   517   .span6 {

   518     width: 352px;

   519   }

   520   .span5 {

   521     width: 290px;

   522   }

   523   .span4 {

   524     width: 228px;

   525   }

   526   .span3 {

   527     width: 166px;

   528   }

   529   .span2 {

   530     width: 104px;

   531   }

   532   .span1 {

   533     width: 42px;

   534   }

   535   .offset12 {

   536     margin-left: 764px;

   537   }

   538   .offset11 {

   539     margin-left: 702px;

   540   }

   541   .offset10 {

   542     margin-left: 640px;

   543   }

   544   .offset9 {

   545     margin-left: 578px;

   546   }

   547   .offset8 {

   548     margin-left: 516px;

   549   }

   550   .offset7 {

   551     margin-left: 454px;

   552   }

   553   .offset6 {

   554     margin-left: 392px;

   555   }

   556   .offset5 {

   557     margin-left: 330px;

   558   }

   559   .offset4 {

   560     margin-left: 268px;

   561   }

   562   .offset3 {

   563     margin-left: 206px;

   564   }

   565   .offset2 {

   566     margin-left: 144px;

   567   }

   568   .offset1 {

   569     margin-left: 82px;

   570   }

   571   .row-fluid {

   572     width: 100%;

   573     *zoom: 1;

   574   }

   575   .row-fluid:before,

   576   .row-fluid:after {

   577     display: table;

   578     line-height: 0;

   579     content: "";

   580   }

   581   .row-fluid:after {

   582     clear: both;

   583   }

   584   .row-fluid [class*="span"] {

   585     display: block;

   586     float: left;

   587     width: 100%;

   588     min-height: 30px;

   589     margin-left: 2.7624309392265194%;

   590     *margin-left: 2.709239449864817%;

   591     -webkit-box-sizing: border-box;

   592        -moz-box-sizing: border-box;

   593             box-sizing: border-box;

   594   }

   595   .row-fluid [class*="span"]:first-child {

   596     margin-left: 0;

   597   }

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

   599     margin-left: 2.7624309392265194%;

   600   }

   601   .row-fluid .span12 {

   602     width: 100%;

   603     *width: 99.94680851063829%;

   604   }

   605   .row-fluid .span11 {

   606     width: 91.43646408839778%;

   607     *width: 91.38327259903608%;

   608   }

   609   .row-fluid .span10 {

   610     width: 82.87292817679558%;

   611     *width: 82.81973668743387%;

   612   }

   613   .row-fluid .span9 {

   614     width: 74.30939226519337%;

   615     *width: 74.25620077583166%;

   616   }

   617   .row-fluid .span8 {

   618     width: 65.74585635359117%;

   619     *width: 65.69266486422946%;

   620   }

   621   .row-fluid .span7 {

   622     width: 57.18232044198895%;

   623     *width: 57.12912895262725%;

   624   }

   625   .row-fluid .span6 {

   626     width: 48.61878453038674%;

   627     *width: 48.56559304102504%;

   628   }

   629   .row-fluid .span5 {

   630     width: 40.05524861878453%;

   631     *width: 40.00205712942283%;

   632   }

   633   .row-fluid .span4 {

   634     width: 31.491712707182323%;

   635     *width: 31.43852121782062%;

   636   }

   637   .row-fluid .span3 {

   638     width: 22.92817679558011%;

   639     *width: 22.87498530621841%;

   640   }

   641   .row-fluid .span2 {

   642     width: 14.3646408839779%;

   643     *width: 14.311449394616199%;

   644   }

   645   .row-fluid .span1 {

   646     width: 5.801104972375691%;

   647     *width: 5.747913483013988%;

   648   }

   649   .row-fluid .offset12 {

   650     margin-left: 105.52486187845304%;

   651     *margin-left: 105.41847889972962%;

   652   }

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

   654     margin-left: 102.76243093922652%;

   655     *margin-left: 102.6560479605031%;

   656   }

   657   .row-fluid .offset11 {

   658     margin-left: 96.96132596685082%;

   659     *margin-left: 96.8549429881274%;

   660   }

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

   662     margin-left: 94.1988950276243%;

   663     *margin-left: 94.09251204890089%;

   664   }

   665   .row-fluid .offset10 {

   666     margin-left: 88.39779005524862%;

   667     *margin-left: 88.2914070765252%;

   668   }

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

   670     margin-left: 85.6353591160221%;

   671     *margin-left: 85.52897613729868%;

   672   }

   673   .row-fluid .offset9 {

   674     margin-left: 79.8342541436464%;

   675     *margin-left: 79.72787116492299%;

   676   }

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

   678     margin-left: 77.07182320441989%;

   679     *margin-left: 76.96544022569647%;

   680   }

   681   .row-fluid .offset8 {

   682     margin-left: 71.2707182320442%;

   683     *margin-left: 71.16433525332079%;

   684   }

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

   686     margin-left: 68.50828729281768%;

   687     *margin-left: 68.40190431409427%;

   688   }

   689   .row-fluid .offset7 {

   690     margin-left: 62.70718232044199%;

   691     *margin-left: 62.600799341718584%;

   692   }

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

   694     margin-left: 59.94475138121547%;

   695     *margin-left: 59.838368402492065%;

   696   }

   697   .row-fluid .offset6 {

   698     margin-left: 54.14364640883978%;

   699     *margin-left: 54.037263430116376%;

   700   }

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

   702     margin-left: 51.38121546961326%;

   703     *margin-left: 51.27483249088986%;

   704   }

   705   .row-fluid .offset5 {

   706     margin-left: 45.58011049723757%;

   707     *margin-left: 45.47372751851417%;

   708   }

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

   710     margin-left: 42.81767955801105%;

   711     *margin-left: 42.71129657928765%;

   712   }

   713   .row-fluid .offset4 {

   714     margin-left: 37.01657458563536%;

   715     *margin-left: 36.91019160691196%;

   716   }

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

   718     margin-left: 34.25414364640884%;

   719     *margin-left: 34.14776066768544%;

   720   }

   721   .row-fluid .offset3 {

   722     margin-left: 28.45303867403315%;

   723     *margin-left: 28.346655695309746%;

   724   }

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

   726     margin-left: 25.69060773480663%;

   727     *margin-left: 25.584224756083227%;

   728   }

   729   .row-fluid .offset2 {

   730     margin-left: 19.88950276243094%;

   731     *margin-left: 19.783119783707537%;

   732   }

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

   734     margin-left: 17.12707182320442%;

   735     *margin-left: 17.02068884448102%;

   736   }

   737   .row-fluid .offset1 {

   738     margin-left: 11.32596685082873%;

   739     *margin-left: 11.219583872105325%;

   740   }

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

   742     margin-left: 8.56353591160221%;

   743     *margin-left: 8.457152932878806%;

   744   }

   745   input,

   746   textarea,

   747   .uneditable-input {

   748     margin-left: 0;

   749   }

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

   751     margin-left: 20px;

   752   }

   753   input.span12,

   754   textarea.span12,

   755   .uneditable-input.span12 {

   756     width: 710px;

   757   }

   758   input.span11,

   759   textarea.span11,

   760   .uneditable-input.span11 {

   761     width: 648px;

   762   }

   763   input.span10,

   764   textarea.span10,

   765   .uneditable-input.span10 {

   766     width: 586px;

   767   }

   768   input.span9,

   769   textarea.span9,

   770   .uneditable-input.span9 {

   771     width: 524px;

   772   }

   773   input.span8,

   774   textarea.span8,

   775   .uneditable-input.span8 {

   776     width: 462px;

   777   }

   778   input.span7,

   779   textarea.span7,

   780   .uneditable-input.span7 {

   781     width: 400px;

   782   }

   783   input.span6,

   784   textarea.span6,

   785   .uneditable-input.span6 {

   786     width: 338px;

   787   }

   788   input.span5,

   789   textarea.span5,

   790   .uneditable-input.span5 {

   791     width: 276px;

   792   }

   793   input.span4,

   794   textarea.span4,

   795   .uneditable-input.span4 {

   796     width: 214px;

   797   }

   798   input.span3,

   799   textarea.span3,

   800   .uneditable-input.span3 {

   801     width: 152px;

   802   }

   803   input.span2,

   804   textarea.span2,

   805   .uneditable-input.span2 {

   806     width: 90px;

   807   }

   808   input.span1,

   809   textarea.span1,

   810   .uneditable-input.span1 {

   811     width: 28px;

   812   }

   813 }

   814 

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

   816   body {

   817     padding-right: 20px;

   818     padding-left: 20px;

   819   }

   820   .navbar-fixed-top,

   821   .navbar-fixed-bottom,

   822   .navbar-static-top {

   823     margin-right: -20px;

   824     margin-left: -20px;

   825   }

   826   .container-fluid {

   827     padding: 0;

   828   }

   829   .dl-horizontal dt {

   830     float: none;

   831     width: auto;

   832     clear: none;

   833     text-align: left;

   834   }

   835   .dl-horizontal dd {

   836     margin-left: 0;

   837   }

   838   .container {

   839     width: auto;

   840   }

   841   .row-fluid {

   842     width: 100%;

   843   }

   844   .row,

   845   .thumbnails {

   846     margin-left: 0;

   847   }

   848   .thumbnails > li {

   849     float: none;

   850     margin-left: 0;

   851   }

   852   [class*="span"],

   853   .uneditable-input[class*="span"],

   854   .row-fluid [class*="span"] {

   855     display: block;

   856     float: none;

   857     width: 100%;

   858     margin-left: 0;

   859     -webkit-box-sizing: border-box;

   860        -moz-box-sizing: border-box;

   861             box-sizing: border-box;

   862   }

   863   .span12,

   864   .row-fluid .span12 {

   865     width: 100%;

   866     -webkit-box-sizing: border-box;

   867        -moz-box-sizing: border-box;

   868             box-sizing: border-box;

   869   }

   870   .row-fluid [class*="offset"]:first-child {

   871     margin-left: 0;

   872   }

   873   .input-large,

   874   .input-xlarge,

   875   .input-xxlarge,

   876   input[class*="span"],

   877   select[class*="span"],

   878   textarea[class*="span"],

   879   .uneditable-input {

   880     display: block;

   881     width: 100%;

   882     min-height: 30px;

   883     -webkit-box-sizing: border-box;

   884        -moz-box-sizing: border-box;

   885             box-sizing: border-box;

   886   }

   887   .input-prepend input,

   888   .input-append input,

   889   .input-prepend input[class*="span"],

   890   .input-append input[class*="span"] {

   891     display: inline-block;

   892     width: auto;

   893   }

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

   895     margin-left: 0;

   896   }

   897   .modal {

   898     position: fixed;

   899     top: 20px;

   900     right: 20px;

   901     left: 20px;

   902     width: auto;

   903     margin: 0;

   904   }

   905   .modal.fade {

   906     top: -100px;

   907   }

   908   .modal.fade.in {

   909     top: 20px;

   910   }

   911 }

   912 

   913 @media (max-width: 480px) {

   914   .nav-collapse {

   915     -webkit-transform: translate3d(0, 0, 0);

   916   }

   917   .page-header h1 small {

   918     display: block;

   919     line-height: 20px;

   920   }

   921   input[type="checkbox"],

   922   input[type="radio"] {

   923     border: 1px solid #ccc;

   924   }

   925   .form-horizontal .control-label {

   926     float: none;

   927     width: auto;

   928     padding-top: 0;

   929     text-align: left;

   930   }

   931   .form-horizontal .controls {

   932     margin-left: 0;

   933   }

   934   .form-horizontal .control-list {

   935     padding-top: 0;

   936   }

   937   .form-horizontal .form-actions {

   938     padding-right: 10px;

   939     padding-left: 10px;

   940   }

   941   .media .pull-left,

   942   .media .pull-right {

   943     display: block;

   944     float: none;

   945     margin-bottom: 10px;

   946   }

   947   .media-object {

   948     margin-right: 0;

   949     margin-left: 0;

   950   }

   951   .modal {

   952     top: 10px;

   953     right: 10px;

   954     left: 10px;

   955   }

   956   .modal-header .close {

   957     padding: 10px;

   958     margin: -10px;

   959   }

   960   .carousel-caption {

   961     position: static;

   962   }

   963 }

   964 

   965 @media (max-width: 979px) {

   966   body {

   967     padding-top: 0;

   968   }

   969   .navbar-fixed-top,

   970   .navbar-fixed-bottom {

   971     position: static;

   972   }

   973   .navbar-fixed-top {

   974     margin-bottom: 20px;

   975   }

   976   .navbar-fixed-bottom {

   977     margin-top: 20px;

   978   }

   979   .navbar-fixed-top .navbar-inner,

   980   .navbar-fixed-bottom .navbar-inner {

   981     padding: 5px;

   982   }

   983   .navbar .container {

   984     width: auto;

   985     padding: 0;

   986   }

   987   .navbar .brand {

   988     padding-right: 10px;

   989     padding-left: 10px;

   990     margin: 0 0 0 -5px;

   991   }

   992   .nav-collapse {

   993     clear: both;

   994   }

   995   .nav-collapse .nav {

   996     float: none;

   997     margin: 0 0 10px;

   998   }

   999   .nav-collapse .nav > li {

  1000     float: none;

  1001   }

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

  1003     margin-bottom: 2px;

  1004   }

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

  1006     display: none;

  1007   }

  1008   .nav-collapse .nav .nav-header {

  1009     color: #777777;

  1010     text-shadow: none;

  1011   }

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

  1013   .nav-collapse .dropdown-menu a {

  1014     padding: 9px 15px;

  1015     font-weight: bold;

  1016     color: #777777;

  1017     -webkit-border-radius: 3px;

  1018        -moz-border-radius: 3px;

  1019             border-radius: 3px;

  1020   }

  1021   .nav-collapse .btn {

  1022     padding: 4px 10px 4px;

  1023     font-weight: normal;

  1024     -webkit-border-radius: 4px;

  1025        -moz-border-radius: 4px;

  1026             border-radius: 4px;

  1027   }

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

  1029     margin-bottom: 2px;

  1030   }

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

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

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

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

  1035     background-color: #f2f2f2;

  1036   }

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

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

  1039     color: #999999;

  1040   }

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

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

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

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

  1045     background-color: #111111;

  1046   }

  1047   .nav-collapse.in .btn-group {

  1048     padding: 0;

  1049     margin-top: 5px;

  1050   }

  1051   .nav-collapse .dropdown-menu {

  1052     position: static;

  1053     top: auto;

  1054     left: auto;

  1055     display: none;

  1056     float: none;

  1057     max-width: none;

  1058     padding: 0;

  1059     margin: 0 15px;

  1060     background-color: transparent;

  1061     border: none;

  1062     -webkit-border-radius: 0;

  1063        -moz-border-radius: 0;

  1064             border-radius: 0;

  1065     -webkit-box-shadow: none;

  1066        -moz-box-shadow: none;

  1067             box-shadow: none;

  1068   }

  1069   .nav-collapse .open > .dropdown-menu {

  1070     display: block;

  1071   }

  1072   .nav-collapse .dropdown-menu:before,

  1073   .nav-collapse .dropdown-menu:after {

  1074     display: none;

  1075   }

  1076   .nav-collapse .dropdown-menu .divider {

  1077     display: none;

  1078   }

  1079   .nav-collapse .nav > li > .dropdown-menu:before,

  1080   .nav-collapse .nav > li > .dropdown-menu:after {

  1081     display: none;

  1082   }

  1083   .nav-collapse .navbar-form,

  1084   .nav-collapse .navbar-search {

  1085     float: none;

  1086     padding: 10px 15px;

  1087     margin: 10px 0;

  1088     border-top: 1px solid #f2f2f2;

  1089     border-bottom: 1px solid #f2f2f2;

  1090     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

  1091        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

  1092             box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

  1093   }

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

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

  1096     border-top-color: #111111;

  1097     border-bottom-color: #111111;

  1098   }

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

  1100     float: none;

  1101     margin-left: 0;

  1102   }

  1103   .nav-collapse,

  1104   .nav-collapse.collapse {

  1105     height: 0;

  1106     overflow: hidden;

  1107   }

  1108   .navbar .btn-navbar {

  1109     display: block;

  1110   }

  1111   .navbar-static .navbar-inner {

  1112     padding-right: 10px;

  1113     padding-left: 10px;

  1114   }

  1115 }

  1116 

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

  1118   .nav-collapse.collapse {

  1119     height: auto !important;

  1120     overflow: visible !important;

  1121   }

  1122 }
hg/html~demo