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