Dogcows Code - chaz/website/blob - static/lib/bootstrap/css/bootstrap-responsive.css

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