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