xonstat/util/xs_interceptor/static/css/bootstrap-responsive.css

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