├── README.md ├── css ├── bootstrap.css ├── style.css └── style1.css ├── images ├── shop.jpg └── sunset.jpg ├── index.html └── js ├── jquery.pin.js ├── jquery.pin.min.js ├── scrollReveal.js └── unslider.min.js /README.md: -------------------------------------------------------------------------------- 1 | 一个基于bootstrap 漂亮的网站导航模板 by jianghaosen 2 | 喜欢就拿去用吧~ 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/bootstrap.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.2.0 (http://getbootstrap.com) 3 | * Copyright 2011-2014 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | 7 | /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ 8 | html { 9 | font-family: sans-serif; 10 | -webkit-text-size-adjust: 100%; 11 | -ms-text-size-adjust: 100%; 12 | } 13 | body { 14 | margin: 0; 15 | } 16 | article, 17 | aside, 18 | details, 19 | figcaption, 20 | figure, 21 | footer, 22 | header, 23 | hgroup, 24 | main, 25 | nav, 26 | section, 27 | summary { 28 | display: block; 29 | } 30 | audio, 31 | canvas, 32 | progress, 33 | video { 34 | display: inline-block; 35 | vertical-align: baseline; 36 | } 37 | audio:not([controls]) { 38 | display: none; 39 | height: 0; 40 | } 41 | [hidden], 42 | template { 43 | display: none; 44 | } 45 | a { 46 | background: transparent; 47 | } 48 | a:active, 49 | a:hover { 50 | outline: 0; 51 | } 52 | abbr[title] { 53 | border-bottom: 1px dotted; 54 | } 55 | b, 56 | strong { 57 | font-weight: bold; 58 | } 59 | dfn { 60 | font-style: italic; 61 | } 62 | h1 { 63 | margin: .67em 0; 64 | font-size: 2em; 65 | } 66 | mark { 67 | color: #000; 68 | background: #ff0; 69 | } 70 | small { 71 | font-size: 80%; 72 | } 73 | sub, 74 | sup { 75 | position: relative; 76 | font-size: 75%; 77 | line-height: 0; 78 | vertical-align: baseline; 79 | } 80 | sup { 81 | top: -.5em; 82 | } 83 | sub { 84 | bottom: -.25em; 85 | } 86 | img { 87 | border: 0; 88 | } 89 | svg:not(:root) { 90 | overflow: hidden; 91 | } 92 | figure { 93 | margin: 1em 40px; 94 | } 95 | hr { 96 | height: 0; 97 | -webkit-box-sizing: content-box; 98 | -moz-box-sizing: content-box; 99 | box-sizing: content-box; 100 | } 101 | pre { 102 | overflow: auto; 103 | } 104 | code, 105 | kbd, 106 | pre, 107 | samp { 108 | font-family: monospace, monospace; 109 | font-size: 1em; 110 | } 111 | button, 112 | input, 113 | optgroup, 114 | select, 115 | textarea { 116 | margin: 0; 117 | font: inherit; 118 | color: inherit; 119 | } 120 | button { 121 | overflow: visible; 122 | } 123 | button, 124 | select { 125 | text-transform: none; 126 | } 127 | button, 128 | html input[type="button"], 129 | input[type="reset"], 130 | input[type="submit"] { 131 | -webkit-appearance: button; 132 | cursor: pointer; 133 | } 134 | button[disabled], 135 | html input[disabled] { 136 | cursor: default; 137 | } 138 | button::-moz-focus-inner, 139 | input::-moz-focus-inner { 140 | padding: 0; 141 | border: 0; 142 | } 143 | input { 144 | line-height: normal; 145 | } 146 | input[type="checkbox"], 147 | input[type="radio"] { 148 | -webkit-box-sizing: border-box; 149 | -moz-box-sizing: border-box; 150 | box-sizing: border-box; 151 | padding: 0; 152 | } 153 | input[type="number"]::-webkit-inner-spin-button, 154 | input[type="number"]::-webkit-outer-spin-button { 155 | height: auto; 156 | } 157 | input[type="search"] { 158 | -webkit-box-sizing: content-box; 159 | -moz-box-sizing: content-box; 160 | box-sizing: content-box; 161 | -webkit-appearance: textfield; 162 | } 163 | input[type="search"]::-webkit-search-cancel-button, 164 | input[type="search"]::-webkit-search-decoration { 165 | -webkit-appearance: none; 166 | } 167 | fieldset { 168 | padding: .35em .625em .75em; 169 | margin: 0 2px; 170 | border: 1px solid #c0c0c0; 171 | } 172 | legend { 173 | padding: 0; 174 | border: 0; 175 | } 176 | textarea { 177 | overflow: auto; 178 | } 179 | optgroup { 180 | font-weight: bold; 181 | } 182 | table { 183 | border-spacing: 0; 184 | border-collapse: collapse; 185 | } 186 | td, 187 | th { 188 | padding: 0; 189 | } 190 | @media print { 191 | * { 192 | color: #000 !important; 193 | text-shadow: none !important; 194 | background: transparent !important; 195 | -webkit-box-shadow: none !important; 196 | box-shadow: none !important; 197 | } 198 | a, 199 | a:visited { 200 | text-decoration: underline; 201 | } 202 | a[href]:after { 203 | content: " (" attr(href) ")"; 204 | } 205 | abbr[title]:after { 206 | content: " (" attr(title) ")"; 207 | } 208 | a[href^="javascript:"]:after, 209 | a[href^="#"]:after { 210 | content: ""; 211 | } 212 | pre, 213 | blockquote { 214 | border: 1px solid #999; 215 | 216 | page-break-inside: avoid; 217 | } 218 | thead { 219 | display: table-header-group; 220 | } 221 | tr, 222 | img { 223 | page-break-inside: avoid; 224 | } 225 | img { 226 | max-width: 100% !important; 227 | } 228 | p, 229 | h2, 230 | h3 { 231 | orphans: 3; 232 | widows: 3; 233 | } 234 | h2, 235 | h3 { 236 | page-break-after: avoid; 237 | } 238 | select { 239 | background: #fff !important; 240 | } 241 | .navbar { 242 | display: none; 243 | } 244 | .table td, 245 | .table th { 246 | background-color: #fff !important; 247 | } 248 | .btn > .caret, 249 | .dropup > .btn > .caret { 250 | border-top-color: #000 !important; 251 | } 252 | .label { 253 | border: 1px solid #000; 254 | } 255 | .table { 256 | border-collapse: collapse !important; 257 | } 258 | .table-bordered th, 259 | .table-bordered td { 260 | border: 1px solid #ddd !important; 261 | } 262 | } 263 | @font-face { 264 | font-family: 'Glyphicons Halflings'; 265 | 266 | src: url('../fonts/glyphicons-halflings-regular.eot'); 267 | src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 268 | } 269 | .glyphicon { 270 | position: relative; 271 | top: 1px; 272 | display: inline-block; 273 | font-family: 'Glyphicons Halflings'; 274 | font-style: normal; 275 | font-weight: normal; 276 | line-height: 1; 277 | 278 | -webkit-font-smoothing: antialiased; 279 | -moz-osx-font-smoothing: grayscale; 280 | } 281 | .glyphicon-asterisk:before { 282 | content: "\2a"; 283 | } 284 | .glyphicon-plus:before { 285 | content: "\2b"; 286 | } 287 | .glyphicon-euro:before { 288 | content: "\20ac"; 289 | } 290 | .glyphicon-minus:before { 291 | content: "\2212"; 292 | } 293 | .glyphicon-cloud:before { 294 | content: "\2601"; 295 | } 296 | .glyphicon-envelope:before { 297 | content: "\2709"; 298 | } 299 | .glyphicon-pencil:before { 300 | content: "\270f"; 301 | } 302 | .glyphicon-glass:before { 303 | content: "\e001"; 304 | } 305 | .glyphicon-music:before { 306 | content: "\e002"; 307 | } 308 | .glyphicon-search:before { 309 | content: "\e003"; 310 | } 311 | .glyphicon-heart:before { 312 | content: "\e005"; 313 | } 314 | .glyphicon-star:before { 315 | content: "\e006"; 316 | } 317 | .glyphicon-star-empty:before { 318 | content: "\e007"; 319 | } 320 | .glyphicon-user:before { 321 | content: "\e008"; 322 | } 323 | .glyphicon-film:before { 324 | content: "\e009"; 325 | } 326 | .glyphicon-th-large:before { 327 | content: "\e010"; 328 | } 329 | .glyphicon-th:before { 330 | content: "\e011"; 331 | } 332 | .glyphicon-th-list:before { 333 | content: "\e012"; 334 | } 335 | .glyphicon-ok:before { 336 | content: "\e013"; 337 | } 338 | .glyphicon-remove:before { 339 | content: "\e014"; 340 | } 341 | .glyphicon-zoom-in:before { 342 | content: "\e015"; 343 | } 344 | .glyphicon-zoom-out:before { 345 | content: "\e016"; 346 | } 347 | .glyphicon-off:before { 348 | content: "\e017"; 349 | } 350 | .glyphicon-signal:before { 351 | content: "\e018"; 352 | } 353 | .glyphicon-cog:before { 354 | content: "\e019"; 355 | } 356 | .glyphicon-trash:before { 357 | content: "\e020"; 358 | } 359 | .glyphicon-home:before { 360 | content: "\e021"; 361 | } 362 | .glyphicon-file:before { 363 | content: "\e022"; 364 | } 365 | .glyphicon-time:before { 366 | content: "\e023"; 367 | } 368 | .glyphicon-road:before { 369 | content: "\e024"; 370 | } 371 | .glyphicon-download-alt:before { 372 | content: "\e025"; 373 | } 374 | .glyphicon-download:before { 375 | content: "\e026"; 376 | } 377 | .glyphicon-upload:before { 378 | content: "\e027"; 379 | } 380 | .glyphicon-inbox:before { 381 | content: "\e028"; 382 | } 383 | .glyphicon-play-circle:before { 384 | content: "\e029"; 385 | } 386 | .glyphicon-repeat:before { 387 | content: "\e030"; 388 | } 389 | .glyphicon-refresh:before { 390 | content: "\e031"; 391 | } 392 | .glyphicon-list-alt:before { 393 | content: "\e032"; 394 | } 395 | .glyphicon-lock:before { 396 | content: "\e033"; 397 | } 398 | .glyphicon-flag:before { 399 | content: "\e034"; 400 | } 401 | .glyphicon-headphones:before { 402 | content: "\e035"; 403 | } 404 | .glyphicon-volume-off:before { 405 | content: "\e036"; 406 | } 407 | .glyphicon-volume-down:before { 408 | content: "\e037"; 409 | } 410 | .glyphicon-volume-up:before { 411 | content: "\e038"; 412 | } 413 | .glyphicon-qrcode:before { 414 | content: "\e039"; 415 | } 416 | .glyphicon-barcode:before { 417 | content: "\e040"; 418 | } 419 | .glyphicon-tag:before { 420 | content: "\e041"; 421 | } 422 | .glyphicon-tags:before { 423 | content: "\e042"; 424 | } 425 | .glyphicon-book:before { 426 | content: "\e043"; 427 | } 428 | .glyphicon-bookmark:before { 429 | content: "\e044"; 430 | } 431 | .glyphicon-print:before { 432 | content: "\e045"; 433 | } 434 | .glyphicon-camera:before { 435 | content: "\e046"; 436 | } 437 | .glyphicon-font:before { 438 | content: "\e047"; 439 | } 440 | .glyphicon-bold:before { 441 | content: "\e048"; 442 | } 443 | .glyphicon-italic:before { 444 | content: "\e049"; 445 | } 446 | .glyphicon-text-height:before { 447 | content: "\e050"; 448 | } 449 | .glyphicon-text-width:before { 450 | content: "\e051"; 451 | } 452 | .glyphicon-align-left:before { 453 | content: "\e052"; 454 | } 455 | .glyphicon-align-center:before { 456 | content: "\e053"; 457 | } 458 | .glyphicon-align-right:before { 459 | content: "\e054"; 460 | } 461 | .glyphicon-align-justify:before { 462 | content: "\e055"; 463 | } 464 | .glyphicon-list:before { 465 | content: "\e056"; 466 | } 467 | .glyphicon-indent-left:before { 468 | content: "\e057"; 469 | } 470 | .glyphicon-indent-right:before { 471 | content: "\e058"; 472 | } 473 | .glyphicon-facetime-video:before { 474 | content: "\e059"; 475 | } 476 | .glyphicon-picture:before { 477 | content: "\e060"; 478 | } 479 | .glyphicon-map-marker:before { 480 | content: "\e062"; 481 | } 482 | .glyphicon-adjust:before { 483 | content: "\e063"; 484 | } 485 | .glyphicon-tint:before { 486 | content: "\e064"; 487 | } 488 | .glyphicon-edit:before { 489 | content: "\e065"; 490 | } 491 | .glyphicon-share:before { 492 | content: "\e066"; 493 | } 494 | .glyphicon-check:before { 495 | content: "\e067"; 496 | } 497 | .glyphicon-move:before { 498 | content: "\e068"; 499 | } 500 | .glyphicon-step-backward:before { 501 | content: "\e069"; 502 | } 503 | .glyphicon-fast-backward:before { 504 | content: "\e070"; 505 | } 506 | .glyphicon-backward:before { 507 | content: "\e071"; 508 | } 509 | .glyphicon-play:before { 510 | content: "\e072"; 511 | } 512 | .glyphicon-pause:before { 513 | content: "\e073"; 514 | } 515 | .glyphicon-stop:before { 516 | content: "\e074"; 517 | } 518 | .glyphicon-forward:before { 519 | content: "\e075"; 520 | } 521 | .glyphicon-fast-forward:before { 522 | content: "\e076"; 523 | } 524 | .glyphicon-step-forward:before { 525 | content: "\e077"; 526 | } 527 | .glyphicon-eject:before { 528 | content: "\e078"; 529 | } 530 | .glyphicon-chevron-left:before { 531 | content: "\e079"; 532 | } 533 | .glyphicon-chevron-right:before { 534 | content: "\e080"; 535 | } 536 | .glyphicon-plus-sign:before { 537 | content: "\e081"; 538 | } 539 | .glyphicon-minus-sign:before { 540 | content: "\e082"; 541 | } 542 | .glyphicon-remove-sign:before { 543 | content: "\e083"; 544 | } 545 | .glyphicon-ok-sign:before { 546 | content: "\e084"; 547 | } 548 | .glyphicon-question-sign:before { 549 | content: "\e085"; 550 | } 551 | .glyphicon-info-sign:before { 552 | content: "\e086"; 553 | } 554 | .glyphicon-screenshot:before { 555 | content: "\e087"; 556 | } 557 | .glyphicon-remove-circle:before { 558 | content: "\e088"; 559 | } 560 | .glyphicon-ok-circle:before { 561 | content: "\e089"; 562 | } 563 | .glyphicon-ban-circle:before { 564 | content: "\e090"; 565 | } 566 | .glyphicon-arrow-left:before { 567 | content: "\e091"; 568 | } 569 | .glyphicon-arrow-right:before { 570 | content: "\e092"; 571 | } 572 | .glyphicon-arrow-up:before { 573 | content: "\e093"; 574 | } 575 | .glyphicon-arrow-down:before { 576 | content: "\e094"; 577 | } 578 | .glyphicon-share-alt:before { 579 | content: "\e095"; 580 | } 581 | .glyphicon-resize-full:before { 582 | content: "\e096"; 583 | } 584 | .glyphicon-resize-small:before { 585 | content: "\e097"; 586 | } 587 | .glyphicon-exclamation-sign:before { 588 | content: "\e101"; 589 | } 590 | .glyphicon-gift:before { 591 | content: "\e102"; 592 | } 593 | .glyphicon-leaf:before { 594 | content: "\e103"; 595 | } 596 | .glyphicon-fire:before { 597 | content: "\e104"; 598 | } 599 | .glyphicon-eye-open:before { 600 | content: "\e105"; 601 | } 602 | .glyphicon-eye-close:before { 603 | content: "\e106"; 604 | } 605 | .glyphicon-warning-sign:before { 606 | content: "\e107"; 607 | } 608 | .glyphicon-plane:before { 609 | content: "\e108"; 610 | } 611 | .glyphicon-calendar:before { 612 | content: "\e109"; 613 | } 614 | .glyphicon-random:before { 615 | content: "\e110"; 616 | } 617 | .glyphicon-comment:before { 618 | content: "\e111"; 619 | } 620 | .glyphicon-magnet:before { 621 | content: "\e112"; 622 | } 623 | .glyphicon-chevron-up:before { 624 | content: "\e113"; 625 | } 626 | .glyphicon-chevron-down:before { 627 | content: "\e114"; 628 | } 629 | .glyphicon-retweet:before { 630 | content: "\e115"; 631 | } 632 | .glyphicon-shopping-cart:before { 633 | content: "\e116"; 634 | } 635 | .glyphicon-folder-close:before { 636 | content: "\e117"; 637 | } 638 | .glyphicon-folder-open:before { 639 | content: "\e118"; 640 | } 641 | .glyphicon-resize-vertical:before { 642 | content: "\e119"; 643 | } 644 | .glyphicon-resize-horizontal:before { 645 | content: "\e120"; 646 | } 647 | .glyphicon-hdd:before { 648 | content: "\e121"; 649 | } 650 | .glyphicon-bullhorn:before { 651 | content: "\e122"; 652 | } 653 | .glyphicon-bell:before { 654 | content: "\e123"; 655 | } 656 | .glyphicon-certificate:before { 657 | content: "\e124"; 658 | } 659 | .glyphicon-thumbs-up:before { 660 | content: "\e125"; 661 | } 662 | .glyphicon-thumbs-down:before { 663 | content: "\e126"; 664 | } 665 | .glyphicon-hand-right:before { 666 | content: "\e127"; 667 | } 668 | .glyphicon-hand-left:before { 669 | content: "\e128"; 670 | } 671 | .glyphicon-hand-up:before { 672 | content: "\e129"; 673 | } 674 | .glyphicon-hand-down:before { 675 | content: "\e130"; 676 | } 677 | .glyphicon-circle-arrow-right:before { 678 | content: "\e131"; 679 | } 680 | .glyphicon-circle-arrow-left:before { 681 | content: "\e132"; 682 | } 683 | .glyphicon-circle-arrow-up:before { 684 | content: "\e133"; 685 | } 686 | .glyphicon-circle-arrow-down:before { 687 | content: "\e134"; 688 | } 689 | .glyphicon-globe:before { 690 | content: "\e135"; 691 | } 692 | .glyphicon-wrench:before { 693 | content: "\e136"; 694 | } 695 | .glyphicon-tasks:before { 696 | content: "\e137"; 697 | } 698 | .glyphicon-filter:before { 699 | content: "\e138"; 700 | } 701 | .glyphicon-briefcase:before { 702 | content: "\e139"; 703 | } 704 | .glyphicon-fullscreen:before { 705 | content: "\e140"; 706 | } 707 | .glyphicon-dashboard:before { 708 | content: "\e141"; 709 | } 710 | .glyphicon-paperclip:before { 711 | content: "\e142"; 712 | } 713 | .glyphicon-heart-empty:before { 714 | content: "\e143"; 715 | } 716 | .glyphicon-link:before { 717 | content: "\e144"; 718 | } 719 | .glyphicon-phone:before { 720 | content: "\e145"; 721 | } 722 | .glyphicon-pushpin:before { 723 | content: "\e146"; 724 | } 725 | .glyphicon-usd:before { 726 | content: "\e148"; 727 | } 728 | .glyphicon-gbp:before { 729 | content: "\e149"; 730 | } 731 | .glyphicon-sort:before { 732 | content: "\e150"; 733 | } 734 | .glyphicon-sort-by-alphabet:before { 735 | content: "\e151"; 736 | } 737 | .glyphicon-sort-by-alphabet-alt:before { 738 | content: "\e152"; 739 | } 740 | .glyphicon-sort-by-order:before { 741 | content: "\e153"; 742 | } 743 | .glyphicon-sort-by-order-alt:before { 744 | content: "\e154"; 745 | } 746 | .glyphicon-sort-by-attributes:before { 747 | content: "\e155"; 748 | } 749 | .glyphicon-sort-by-attributes-alt:before { 750 | content: "\e156"; 751 | } 752 | .glyphicon-unchecked:before { 753 | content: "\e157"; 754 | } 755 | .glyphicon-expand:before { 756 | content: "\e158"; 757 | } 758 | .glyphicon-collapse-down:before { 759 | content: "\e159"; 760 | } 761 | .glyphicon-collapse-up:before { 762 | content: "\e160"; 763 | } 764 | .glyphicon-log-in:before { 765 | content: "\e161"; 766 | } 767 | .glyphicon-flash:before { 768 | content: "\e162"; 769 | } 770 | .glyphicon-log-out:before { 771 | content: "\e163"; 772 | } 773 | .glyphicon-new-window:before { 774 | content: "\e164"; 775 | } 776 | .glyphicon-record:before { 777 | content: "\e165"; 778 | } 779 | .glyphicon-save:before { 780 | content: "\e166"; 781 | } 782 | .glyphicon-open:before { 783 | content: "\e167"; 784 | } 785 | .glyphicon-saved:before { 786 | content: "\e168"; 787 | } 788 | .glyphicon-import:before { 789 | content: "\e169"; 790 | } 791 | .glyphicon-export:before { 792 | content: "\e170"; 793 | } 794 | .glyphicon-send:before { 795 | content: "\e171"; 796 | } 797 | .glyphicon-floppy-disk:before { 798 | content: "\e172"; 799 | } 800 | .glyphicon-floppy-saved:before { 801 | content: "\e173"; 802 | } 803 | .glyphicon-floppy-remove:before { 804 | content: "\e174"; 805 | } 806 | .glyphicon-floppy-save:before { 807 | content: "\e175"; 808 | } 809 | .glyphicon-floppy-open:before { 810 | content: "\e176"; 811 | } 812 | .glyphicon-credit-card:before { 813 | content: "\e177"; 814 | } 815 | .glyphicon-transfer:before { 816 | content: "\e178"; 817 | } 818 | .glyphicon-cutlery:before { 819 | content: "\e179"; 820 | } 821 | .glyphicon-header:before { 822 | content: "\e180"; 823 | } 824 | .glyphicon-compressed:before { 825 | content: "\e181"; 826 | } 827 | .glyphicon-earphone:before { 828 | content: "\e182"; 829 | } 830 | .glyphicon-phone-alt:before { 831 | content: "\e183"; 832 | } 833 | .glyphicon-tower:before { 834 | content: "\e184"; 835 | } 836 | .glyphicon-stats:before { 837 | content: "\e185"; 838 | } 839 | .glyphicon-sd-video:before { 840 | content: "\e186"; 841 | } 842 | .glyphicon-hd-video:before { 843 | content: "\e187"; 844 | } 845 | .glyphicon-subtitles:before { 846 | content: "\e188"; 847 | } 848 | .glyphicon-sound-stereo:before { 849 | content: "\e189"; 850 | } 851 | .glyphicon-sound-dolby:before { 852 | content: "\e190"; 853 | } 854 | .glyphicon-sound-5-1:before { 855 | content: "\e191"; 856 | } 857 | .glyphicon-sound-6-1:before { 858 | content: "\e192"; 859 | } 860 | .glyphicon-sound-7-1:before { 861 | content: "\e193"; 862 | } 863 | .glyphicon-copyright-mark:before { 864 | content: "\e194"; 865 | } 866 | .glyphicon-registration-mark:before { 867 | content: "\e195"; 868 | } 869 | .glyphicon-cloud-download:before { 870 | content: "\e197"; 871 | } 872 | .glyphicon-cloud-upload:before { 873 | content: "\e198"; 874 | } 875 | .glyphicon-tree-conifer:before { 876 | content: "\e199"; 877 | } 878 | .glyphicon-tree-deciduous:before { 879 | content: "\e200"; 880 | } 881 | * { 882 | -webkit-box-sizing: border-box; 883 | -moz-box-sizing: border-box; 884 | box-sizing: border-box; 885 | } 886 | *:before, 887 | *:after { 888 | -webkit-box-sizing: border-box; 889 | -moz-box-sizing: border-box; 890 | box-sizing: border-box; 891 | } 892 | html { 893 | font-size: 10px; 894 | 895 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 896 | } 897 | body { 898 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 899 | font-size: 14px; 900 | line-height: 1.42857143; 901 | color: #333; 902 | background-color: #fff; 903 | } 904 | input, 905 | button, 906 | select, 907 | textarea { 908 | font-family: inherit; 909 | font-size: inherit; 910 | line-height: inherit; 911 | } 912 | a { 913 | color: #428bca; 914 | text-decoration: none; 915 | } 916 | a:hover, 917 | a:focus { 918 | color: #2a6496; 919 | text-decoration: underline; 920 | } 921 | a:focus { 922 | outline: thin dotted; 923 | outline: 5px auto -webkit-focus-ring-color; 924 | outline-offset: -2px; 925 | } 926 | figure { 927 | margin: 0; 928 | } 929 | img { 930 | vertical-align: middle; 931 | } 932 | .img-responsive, 933 | .thumbnail > img, 934 | .thumbnail a > img, 935 | .carousel-inner > .item > img, 936 | .carousel-inner > .item > a > img { 937 | display: block; 938 | width: 100% \9; 939 | max-width: 100%; 940 | height: auto; 941 | } 942 | .img-rounded { 943 | border-radius: 6px; 944 | } 945 | .img-thumbnail { 946 | display: inline-block; 947 | width: 100% \9; 948 | max-width: 100%; 949 | height: auto; 950 | padding: 4px; 951 | line-height: 1.42857143; 952 | background-color: #fff; 953 | border: 1px solid #ddd; 954 | border-radius: 4px; 955 | -webkit-transition: all .2s ease-in-out; 956 | -o-transition: all .2s ease-in-out; 957 | transition: all .2s ease-in-out; 958 | } 959 | .img-circle { 960 | border-radius: 50%; 961 | } 962 | hr { 963 | margin-top: 20px; 964 | margin-bottom: 20px; 965 | border: 0; 966 | border-top: 1px solid #eee; 967 | } 968 | .sr-only { 969 | position: absolute; 970 | width: 1px; 971 | height: 1px; 972 | padding: 0; 973 | margin: -1px; 974 | overflow: hidden; 975 | clip: rect(0, 0, 0, 0); 976 | border: 0; 977 | } 978 | .sr-only-focusable:active, 979 | .sr-only-focusable:focus { 980 | position: static; 981 | width: auto; 982 | height: auto; 983 | margin: 0; 984 | overflow: visible; 985 | clip: auto; 986 | } 987 | h1, 988 | h2, 989 | h3, 990 | h4, 991 | h5, 992 | h6, 993 | .h1, 994 | .h2, 995 | .h3, 996 | .h4, 997 | .h5, 998 | .h6 { 999 | font-family: inherit; 1000 | font-weight: 500; 1001 | line-height: 1.1; 1002 | color: inherit; 1003 | } 1004 | h1 small, 1005 | h2 small, 1006 | h3 small, 1007 | h4 small, 1008 | h5 small, 1009 | h6 small, 1010 | .h1 small, 1011 | .h2 small, 1012 | .h3 small, 1013 | .h4 small, 1014 | .h5 small, 1015 | .h6 small, 1016 | h1 .small, 1017 | h2 .small, 1018 | h3 .small, 1019 | h4 .small, 1020 | h5 .small, 1021 | h6 .small, 1022 | .h1 .small, 1023 | .h2 .small, 1024 | .h3 .small, 1025 | .h4 .small, 1026 | .h5 .small, 1027 | .h6 .small { 1028 | font-weight: normal; 1029 | line-height: 1; 1030 | color: #777; 1031 | } 1032 | h1, 1033 | .h1, 1034 | h2, 1035 | .h2, 1036 | h3, 1037 | .h3 { 1038 | margin-top: 20px; 1039 | margin-bottom: 10px; 1040 | } 1041 | h1 small, 1042 | .h1 small, 1043 | h2 small, 1044 | .h2 small, 1045 | h3 small, 1046 | .h3 small, 1047 | h1 .small, 1048 | .h1 .small, 1049 | h2 .small, 1050 | .h2 .small, 1051 | h3 .small, 1052 | .h3 .small { 1053 | font-size: 65%; 1054 | } 1055 | h4, 1056 | .h4, 1057 | h5, 1058 | .h5, 1059 | h6, 1060 | .h6 { 1061 | margin-top: 10px; 1062 | margin-bottom: 10px; 1063 | } 1064 | h4 small, 1065 | .h4 small, 1066 | h5 small, 1067 | .h5 small, 1068 | h6 small, 1069 | .h6 small, 1070 | h4 .small, 1071 | .h4 .small, 1072 | h5 .small, 1073 | .h5 .small, 1074 | h6 .small, 1075 | .h6 .small { 1076 | font-size: 75%; 1077 | } 1078 | h1, 1079 | .h1 { 1080 | font-size: 36px; 1081 | } 1082 | h2, 1083 | .h2 { 1084 | font-size: 30px; 1085 | } 1086 | h3, 1087 | .h3 { 1088 | font-size: 24px; 1089 | } 1090 | h4, 1091 | .h4 { 1092 | font-size: 18px; 1093 | } 1094 | h5, 1095 | .h5 { 1096 | font-size: 14px; 1097 | } 1098 | h6, 1099 | .h6 { 1100 | font-size: 12px; 1101 | } 1102 | p { 1103 | margin: 0 0 10px; 1104 | } 1105 | .lead { 1106 | margin-bottom: 20px; 1107 | font-size: 16px; 1108 | font-weight: 300; 1109 | line-height: 1.4; 1110 | } 1111 | @media (min-width: 768px) { 1112 | .lead { 1113 | font-size: 21px; 1114 | } 1115 | } 1116 | small, 1117 | .small { 1118 | font-size: 85%; 1119 | } 1120 | cite { 1121 | font-style: normal; 1122 | } 1123 | mark, 1124 | .mark { 1125 | padding: .2em; 1126 | background-color: #fcf8e3; 1127 | } 1128 | .text-left { 1129 | text-align: left; 1130 | } 1131 | .text-right { 1132 | text-align: right; 1133 | } 1134 | .text-center { 1135 | text-align: center; 1136 | } 1137 | .text-justify { 1138 | text-align: justify; 1139 | } 1140 | .text-nowrap { 1141 | white-space: nowrap; 1142 | } 1143 | .text-lowercase { 1144 | text-transform: lowercase; 1145 | } 1146 | .text-uppercase { 1147 | text-transform: uppercase; 1148 | } 1149 | .text-capitalize { 1150 | text-transform: capitalize; 1151 | } 1152 | .text-muted { 1153 | color: #777; 1154 | } 1155 | .text-primary { 1156 | color: #428bca; 1157 | } 1158 | a.text-primary:hover { 1159 | color: #3071a9; 1160 | } 1161 | .text-success { 1162 | color: #3c763d; 1163 | } 1164 | a.text-success:hover { 1165 | color: #2b542c; 1166 | } 1167 | .text-info { 1168 | color: #31708f; 1169 | } 1170 | a.text-info:hover { 1171 | color: #245269; 1172 | } 1173 | .text-warning { 1174 | color: #8a6d3b; 1175 | } 1176 | a.text-warning:hover { 1177 | color: #66512c; 1178 | } 1179 | .text-danger { 1180 | color: #a94442; 1181 | } 1182 | a.text-danger:hover { 1183 | color: #843534; 1184 | } 1185 | .bg-primary { 1186 | color: #fff; 1187 | background-color: #428bca; 1188 | } 1189 | a.bg-primary:hover { 1190 | background-color: #3071a9; 1191 | } 1192 | .bg-success { 1193 | background-color: #dff0d8; 1194 | } 1195 | a.bg-success:hover { 1196 | background-color: #c1e2b3; 1197 | } 1198 | .bg-info { 1199 | background-color: #d9edf7; 1200 | } 1201 | a.bg-info:hover { 1202 | background-color: #afd9ee; 1203 | } 1204 | .bg-warning { 1205 | background-color: #fcf8e3; 1206 | } 1207 | a.bg-warning:hover { 1208 | background-color: #f7ecb5; 1209 | } 1210 | .bg-danger { 1211 | background-color: #f2dede; 1212 | } 1213 | a.bg-danger:hover { 1214 | background-color: #e4b9b9; 1215 | } 1216 | .page-header { 1217 | padding-bottom: 9px; 1218 | margin: 40px 0 20px; 1219 | border-bottom: 1px solid #eee; 1220 | } 1221 | ul, 1222 | ol { 1223 | margin-top: 0; 1224 | margin-bottom: 10px; 1225 | } 1226 | ul ul, 1227 | ol ul, 1228 | ul ol, 1229 | ol ol { 1230 | margin-bottom: 0; 1231 | } 1232 | .list-unstyled { 1233 | padding-left: 0; 1234 | list-style: none; 1235 | } 1236 | .list-inline { 1237 | padding-left: 0; 1238 | margin-left: -5px; 1239 | list-style: none; 1240 | } 1241 | .list-inline > li { 1242 | display: inline-block; 1243 | padding-right: 5px; 1244 | padding-left: 5px; 1245 | } 1246 | dl { 1247 | margin-top: 0; 1248 | margin-bottom: 20px; 1249 | } 1250 | dt, 1251 | dd { 1252 | line-height: 1.42857143; 1253 | } 1254 | dt { 1255 | font-weight: bold; 1256 | } 1257 | dd { 1258 | margin-left: 0; 1259 | } 1260 | @media (min-width: 768px) { 1261 | .dl-horizontal dt { 1262 | float: left; 1263 | width: 160px; 1264 | overflow: hidden; 1265 | clear: left; 1266 | text-align: right; 1267 | text-overflow: ellipsis; 1268 | white-space: nowrap; 1269 | } 1270 | .dl-horizontal dd { 1271 | margin-left: 180px; 1272 | } 1273 | } 1274 | abbr[title], 1275 | abbr[data-original-title] { 1276 | cursor: help; 1277 | border-bottom: 1px dotted #777; 1278 | } 1279 | .initialism { 1280 | font-size: 90%; 1281 | text-transform: uppercase; 1282 | } 1283 | blockquote { 1284 | padding: 10px 20px; 1285 | margin: 0 0 20px; 1286 | font-size: 17.5px; 1287 | border-left: 5px solid #eee; 1288 | } 1289 | blockquote p:last-child, 1290 | blockquote ul:last-child, 1291 | blockquote ol:last-child { 1292 | margin-bottom: 0; 1293 | } 1294 | blockquote footer, 1295 | blockquote small, 1296 | blockquote .small { 1297 | display: block; 1298 | font-size: 80%; 1299 | line-height: 1.42857143; 1300 | color: #777; 1301 | } 1302 | blockquote footer:before, 1303 | blockquote small:before, 1304 | blockquote .small:before { 1305 | content: '\2014 \00A0'; 1306 | } 1307 | .blockquote-reverse, 1308 | blockquote.pull-right { 1309 | padding-right: 15px; 1310 | padding-left: 0; 1311 | text-align: right; 1312 | border-right: 5px solid #eee; 1313 | border-left: 0; 1314 | } 1315 | .blockquote-reverse footer:before, 1316 | blockquote.pull-right footer:before, 1317 | .blockquote-reverse small:before, 1318 | blockquote.pull-right small:before, 1319 | .blockquote-reverse .small:before, 1320 | blockquote.pull-right .small:before { 1321 | content: ''; 1322 | } 1323 | .blockquote-reverse footer:after, 1324 | blockquote.pull-right footer:after, 1325 | .blockquote-reverse small:after, 1326 | blockquote.pull-right small:after, 1327 | .blockquote-reverse .small:after, 1328 | blockquote.pull-right .small:after { 1329 | content: '\00A0 \2014'; 1330 | } 1331 | blockquote:before, 1332 | blockquote:after { 1333 | content: ""; 1334 | } 1335 | address { 1336 | margin-bottom: 20px; 1337 | font-style: normal; 1338 | line-height: 1.42857143; 1339 | } 1340 | code, 1341 | kbd, 1342 | pre, 1343 | samp { 1344 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; 1345 | } 1346 | code { 1347 | padding: 2px 4px; 1348 | font-size: 90%; 1349 | color: #c7254e; 1350 | background-color: #f9f2f4; 1351 | border-radius: 4px; 1352 | } 1353 | kbd { 1354 | padding: 2px 4px; 1355 | font-size: 90%; 1356 | color: #fff; 1357 | background-color: #333; 1358 | border-radius: 3px; 1359 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); 1360 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); 1361 | } 1362 | kbd kbd { 1363 | padding: 0; 1364 | font-size: 100%; 1365 | -webkit-box-shadow: none; 1366 | box-shadow: none; 1367 | } 1368 | pre { 1369 | display: block; 1370 | padding: 9.5px; 1371 | margin: 0 0 10px; 1372 | font-size: 13px; 1373 | line-height: 1.42857143; 1374 | color: #333; 1375 | word-break: break-all; 1376 | word-wrap: break-word; 1377 | background-color: #f5f5f5; 1378 | border: 1px solid #ccc; 1379 | border-radius: 4px; 1380 | } 1381 | pre code { 1382 | padding: 0; 1383 | font-size: inherit; 1384 | color: inherit; 1385 | white-space: pre-wrap; 1386 | background-color: transparent; 1387 | border-radius: 0; 1388 | } 1389 | .pre-scrollable { 1390 | max-height: 340px; 1391 | overflow-y: scroll; 1392 | } 1393 | .container { 1394 | padding-right: 15px; 1395 | padding-left: 15px; 1396 | margin-right: auto; 1397 | margin-left: auto; 1398 | } 1399 | @media (min-width: 768px) { 1400 | .container { 1401 | width: 750px; 1402 | } 1403 | } 1404 | @media (min-width: 992px) { 1405 | .container { 1406 | width: 970px; 1407 | } 1408 | } 1409 | @media (min-width: 1200px) { 1410 | .container { 1411 | width: 1170px; 1412 | } 1413 | } 1414 | .container-fluid { 1415 | padding-right: 15px; 1416 | padding-left: 15px; 1417 | margin-right: auto; 1418 | margin-left: auto; 1419 | } 1420 | .row { 1421 | margin-right: -15px; 1422 | margin-left: -15px; 1423 | } 1424 | .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { 1425 | position: relative; 1426 | min-height: 1px; 1427 | padding-right: 15px; 1428 | padding-left: 15px; 1429 | } 1430 | .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { 1431 | float: left; 1432 | } 1433 | .col-xs-12 { 1434 | width: 100%; 1435 | } 1436 | .col-xs-11 { 1437 | width: 91.66666667%; 1438 | } 1439 | .col-xs-10 { 1440 | width: 83.33333333%; 1441 | } 1442 | .col-xs-9 { 1443 | width: 75%; 1444 | } 1445 | .col-xs-8 { 1446 | width: 66.66666667%; 1447 | } 1448 | .col-xs-7 { 1449 | width: 58.33333333%; 1450 | } 1451 | .col-xs-6 { 1452 | width: 50%; 1453 | } 1454 | .col-xs-5 { 1455 | width: 41.66666667%; 1456 | } 1457 | .col-xs-4 { 1458 | width: 33.33333333%; 1459 | } 1460 | .col-xs-3 { 1461 | width: 25%; 1462 | } 1463 | .col-xs-2 { 1464 | width: 16.66666667%; 1465 | } 1466 | .col-xs-1 { 1467 | width: 8.33333333%; 1468 | } 1469 | .col-xs-pull-12 { 1470 | right: 100%; 1471 | } 1472 | .col-xs-pull-11 { 1473 | right: 91.66666667%; 1474 | } 1475 | .col-xs-pull-10 { 1476 | right: 83.33333333%; 1477 | } 1478 | .col-xs-pull-9 { 1479 | right: 75%; 1480 | } 1481 | .col-xs-pull-8 { 1482 | right: 66.66666667%; 1483 | } 1484 | .col-xs-pull-7 { 1485 | right: 58.33333333%; 1486 | } 1487 | .col-xs-pull-6 { 1488 | right: 50%; 1489 | } 1490 | .col-xs-pull-5 { 1491 | right: 41.66666667%; 1492 | } 1493 | .col-xs-pull-4 { 1494 | right: 33.33333333%; 1495 | } 1496 | .col-xs-pull-3 { 1497 | right: 25%; 1498 | } 1499 | .col-xs-pull-2 { 1500 | right: 16.66666667%; 1501 | } 1502 | .col-xs-pull-1 { 1503 | right: 8.33333333%; 1504 | } 1505 | .col-xs-pull-0 { 1506 | right: auto; 1507 | } 1508 | .col-xs-push-12 { 1509 | left: 100%; 1510 | } 1511 | .col-xs-push-11 { 1512 | left: 91.66666667%; 1513 | } 1514 | .col-xs-push-10 { 1515 | left: 83.33333333%; 1516 | } 1517 | .col-xs-push-9 { 1518 | left: 75%; 1519 | } 1520 | .col-xs-push-8 { 1521 | left: 66.66666667%; 1522 | } 1523 | .col-xs-push-7 { 1524 | left: 58.33333333%; 1525 | } 1526 | .col-xs-push-6 { 1527 | left: 50%; 1528 | } 1529 | .col-xs-push-5 { 1530 | left: 41.66666667%; 1531 | } 1532 | .col-xs-push-4 { 1533 | left: 33.33333333%; 1534 | } 1535 | .col-xs-push-3 { 1536 | left: 25%; 1537 | } 1538 | .col-xs-push-2 { 1539 | left: 16.66666667%; 1540 | } 1541 | .col-xs-push-1 { 1542 | left: 8.33333333%; 1543 | } 1544 | .col-xs-push-0 { 1545 | left: auto; 1546 | } 1547 | .col-xs-offset-12 { 1548 | margin-left: 100%; 1549 | } 1550 | .col-xs-offset-11 { 1551 | margin-left: 91.66666667%; 1552 | } 1553 | .col-xs-offset-10 { 1554 | margin-left: 83.33333333%; 1555 | } 1556 | .col-xs-offset-9 { 1557 | margin-left: 75%; 1558 | } 1559 | .col-xs-offset-8 { 1560 | margin-left: 66.66666667%; 1561 | } 1562 | .col-xs-offset-7 { 1563 | margin-left: 58.33333333%; 1564 | } 1565 | .col-xs-offset-6 { 1566 | margin-left: 50%; 1567 | } 1568 | .col-xs-offset-5 { 1569 | margin-left: 41.66666667%; 1570 | } 1571 | .col-xs-offset-4 { 1572 | margin-left: 33.33333333%; 1573 | } 1574 | .col-xs-offset-3 { 1575 | margin-left: 25%; 1576 | } 1577 | .col-xs-offset-2 { 1578 | margin-left: 16.66666667%; 1579 | } 1580 | .col-xs-offset-1 { 1581 | margin-left: 8.33333333%; 1582 | } 1583 | .col-xs-offset-0 { 1584 | margin-left: 0; 1585 | } 1586 | @media (min-width: 768px) { 1587 | .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { 1588 | float: left; 1589 | } 1590 | .col-sm-12 { 1591 | width: 100%; 1592 | } 1593 | .col-sm-11 { 1594 | width: 91.66666667%; 1595 | } 1596 | .col-sm-10 { 1597 | width: 83.33333333%; 1598 | } 1599 | .col-sm-9 { 1600 | width: 75%; 1601 | } 1602 | .col-sm-8 { 1603 | width: 66.66666667%; 1604 | } 1605 | .col-sm-7 { 1606 | width: 58.33333333%; 1607 | } 1608 | .col-sm-6 { 1609 | width: 50%; 1610 | } 1611 | .col-sm-5 { 1612 | width: 41.66666667%; 1613 | } 1614 | .col-sm-4 { 1615 | width: 33.33333333%; 1616 | } 1617 | .col-sm-3 { 1618 | width: 25%; 1619 | } 1620 | .col-sm-2 { 1621 | width: 16.66666667%; 1622 | } 1623 | .col-sm-1 { 1624 | width: 8.33333333%; 1625 | } 1626 | .col-sm-pull-12 { 1627 | right: 100%; 1628 | } 1629 | .col-sm-pull-11 { 1630 | right: 91.66666667%; 1631 | } 1632 | .col-sm-pull-10 { 1633 | right: 83.33333333%; 1634 | } 1635 | .col-sm-pull-9 { 1636 | right: 75%; 1637 | } 1638 | .col-sm-pull-8 { 1639 | right: 66.66666667%; 1640 | } 1641 | .col-sm-pull-7 { 1642 | right: 58.33333333%; 1643 | } 1644 | .col-sm-pull-6 { 1645 | right: 50%; 1646 | } 1647 | .col-sm-pull-5 { 1648 | right: 41.66666667%; 1649 | } 1650 | .col-sm-pull-4 { 1651 | right: 33.33333333%; 1652 | } 1653 | .col-sm-pull-3 { 1654 | right: 25%; 1655 | } 1656 | .col-sm-pull-2 { 1657 | right: 16.66666667%; 1658 | } 1659 | .col-sm-pull-1 { 1660 | right: 8.33333333%; 1661 | } 1662 | .col-sm-pull-0 { 1663 | right: auto; 1664 | } 1665 | .col-sm-push-12 { 1666 | left: 100%; 1667 | } 1668 | .col-sm-push-11 { 1669 | left: 91.66666667%; 1670 | } 1671 | .col-sm-push-10 { 1672 | left: 83.33333333%; 1673 | } 1674 | .col-sm-push-9 { 1675 | left: 75%; 1676 | } 1677 | .col-sm-push-8 { 1678 | left: 66.66666667%; 1679 | } 1680 | .col-sm-push-7 { 1681 | left: 58.33333333%; 1682 | } 1683 | .col-sm-push-6 { 1684 | left: 50%; 1685 | } 1686 | .col-sm-push-5 { 1687 | left: 41.66666667%; 1688 | } 1689 | .col-sm-push-4 { 1690 | left: 33.33333333%; 1691 | } 1692 | .col-sm-push-3 { 1693 | left: 25%; 1694 | } 1695 | .col-sm-push-2 { 1696 | left: 16.66666667%; 1697 | } 1698 | .col-sm-push-1 { 1699 | left: 8.33333333%; 1700 | } 1701 | .col-sm-push-0 { 1702 | left: auto; 1703 | } 1704 | .col-sm-offset-12 { 1705 | margin-left: 100%; 1706 | } 1707 | .col-sm-offset-11 { 1708 | margin-left: 91.66666667%; 1709 | } 1710 | .col-sm-offset-10 { 1711 | margin-left: 83.33333333%; 1712 | } 1713 | .col-sm-offset-9 { 1714 | margin-left: 75%; 1715 | } 1716 | .col-sm-offset-8 { 1717 | margin-left: 66.66666667%; 1718 | } 1719 | .col-sm-offset-7 { 1720 | margin-left: 58.33333333%; 1721 | } 1722 | .col-sm-offset-6 { 1723 | margin-left: 50%; 1724 | } 1725 | .col-sm-offset-5 { 1726 | margin-left: 41.66666667%; 1727 | } 1728 | .col-sm-offset-4 { 1729 | margin-left: 33.33333333%; 1730 | } 1731 | .col-sm-offset-3 { 1732 | margin-left: 25%; 1733 | } 1734 | .col-sm-offset-2 { 1735 | margin-left: 16.66666667%; 1736 | } 1737 | .col-sm-offset-1 { 1738 | margin-left: 8.33333333%; 1739 | } 1740 | .col-sm-offset-0 { 1741 | margin-left: 0; 1742 | } 1743 | } 1744 | @media (min-width: 992px) { 1745 | .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { 1746 | float: left; 1747 | } 1748 | .col-md-12 { 1749 | width: 100%; 1750 | } 1751 | .col-md-11 { 1752 | width: 91.66666667%; 1753 | } 1754 | .col-md-10 { 1755 | width: 83.33333333%; 1756 | } 1757 | .col-md-9 { 1758 | width: 75%; 1759 | } 1760 | .col-md-8 { 1761 | width: 66.66666667%; 1762 | } 1763 | .col-md-7 { 1764 | width: 58.33333333%; 1765 | } 1766 | .col-md-6 { 1767 | width: 50%; 1768 | } 1769 | .col-md-5 { 1770 | width: 41.66666667%; 1771 | } 1772 | .col-md-4 { 1773 | width: 33.33333333%; 1774 | } 1775 | .col-md-3 { 1776 | width: 25%; 1777 | } 1778 | .col-md-2 { 1779 | width: 16.66666667%; 1780 | } 1781 | .col-md-1 { 1782 | width: 8.33333333%; 1783 | } 1784 | .col-md-pull-12 { 1785 | right: 100%; 1786 | } 1787 | .col-md-pull-11 { 1788 | right: 91.66666667%; 1789 | } 1790 | .col-md-pull-10 { 1791 | right: 83.33333333%; 1792 | } 1793 | .col-md-pull-9 { 1794 | right: 75%; 1795 | } 1796 | .col-md-pull-8 { 1797 | right: 66.66666667%; 1798 | } 1799 | .col-md-pull-7 { 1800 | right: 58.33333333%; 1801 | } 1802 | .col-md-pull-6 { 1803 | right: 50%; 1804 | } 1805 | .col-md-pull-5 { 1806 | right: 41.66666667%; 1807 | } 1808 | .col-md-pull-4 { 1809 | right: 33.33333333%; 1810 | } 1811 | .col-md-pull-3 { 1812 | right: 25%; 1813 | } 1814 | .col-md-pull-2 { 1815 | right: 16.66666667%; 1816 | } 1817 | .col-md-pull-1 { 1818 | right: 8.33333333%; 1819 | } 1820 | .col-md-pull-0 { 1821 | right: auto; 1822 | } 1823 | .col-md-push-12 { 1824 | left: 100%; 1825 | } 1826 | .col-md-push-11 { 1827 | left: 91.66666667%; 1828 | } 1829 | .col-md-push-10 { 1830 | left: 83.33333333%; 1831 | } 1832 | .col-md-push-9 { 1833 | left: 75%; 1834 | } 1835 | .col-md-push-8 { 1836 | left: 66.66666667%; 1837 | } 1838 | .col-md-push-7 { 1839 | left: 58.33333333%; 1840 | } 1841 | .col-md-push-6 { 1842 | left: 50%; 1843 | } 1844 | .col-md-push-5 { 1845 | left: 41.66666667%; 1846 | } 1847 | .col-md-push-4 { 1848 | left: 33.33333333%; 1849 | } 1850 | .col-md-push-3 { 1851 | left: 25%; 1852 | } 1853 | .col-md-push-2 { 1854 | left: 16.66666667%; 1855 | } 1856 | .col-md-push-1 { 1857 | left: 8.33333333%; 1858 | } 1859 | .col-md-push-0 { 1860 | left: auto; 1861 | } 1862 | .col-md-offset-12 { 1863 | margin-left: 100%; 1864 | } 1865 | .col-md-offset-11 { 1866 | margin-left: 91.66666667%; 1867 | } 1868 | .col-md-offset-10 { 1869 | margin-left: 83.33333333%; 1870 | } 1871 | .col-md-offset-9 { 1872 | margin-left: 75%; 1873 | } 1874 | .col-md-offset-8 { 1875 | margin-left: 66.66666667%; 1876 | } 1877 | .col-md-offset-7 { 1878 | margin-left: 58.33333333%; 1879 | } 1880 | .col-md-offset-6 { 1881 | margin-left: 50%; 1882 | } 1883 | .col-md-offset-5 { 1884 | margin-left: 41.66666667%; 1885 | } 1886 | .col-md-offset-4 { 1887 | margin-left: 33.33333333%; 1888 | } 1889 | .col-md-offset-3 { 1890 | margin-left: 25%; 1891 | } 1892 | .col-md-offset-2 { 1893 | margin-left: 16.66666667%; 1894 | } 1895 | .col-md-offset-1 { 1896 | margin-left: 8.33333333%; 1897 | } 1898 | .col-md-offset-0 { 1899 | margin-left: 0; 1900 | } 1901 | } 1902 | @media (min-width: 1200px) { 1903 | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { 1904 | float: left; 1905 | } 1906 | .col-lg-12 { 1907 | width: 100%; 1908 | } 1909 | .col-lg-11 { 1910 | width: 91.66666667%; 1911 | } 1912 | .col-lg-10 { 1913 | width: 83.33333333%; 1914 | } 1915 | .col-lg-9 { 1916 | width: 75%; 1917 | } 1918 | .col-lg-8 { 1919 | width: 66.66666667%; 1920 | } 1921 | .col-lg-7 { 1922 | width: 58.33333333%; 1923 | } 1924 | .col-lg-6 { 1925 | width: 50%; 1926 | } 1927 | .col-lg-5 { 1928 | width: 41.66666667%; 1929 | } 1930 | .col-lg-4 { 1931 | width: 33.33333333%; 1932 | } 1933 | .col-lg-3 { 1934 | width: 25%; 1935 | } 1936 | .col-lg-2 { 1937 | width: 16.66666667%; 1938 | } 1939 | .col-lg-1 { 1940 | width: 8.33333333%; 1941 | } 1942 | .col-lg-pull-12 { 1943 | right: 100%; 1944 | } 1945 | .col-lg-pull-11 { 1946 | right: 91.66666667%; 1947 | } 1948 | .col-lg-pull-10 { 1949 | right: 83.33333333%; 1950 | } 1951 | .col-lg-pull-9 { 1952 | right: 75%; 1953 | } 1954 | .col-lg-pull-8 { 1955 | right: 66.66666667%; 1956 | } 1957 | .col-lg-pull-7 { 1958 | right: 58.33333333%; 1959 | } 1960 | .col-lg-pull-6 { 1961 | right: 50%; 1962 | } 1963 | .col-lg-pull-5 { 1964 | right: 41.66666667%; 1965 | } 1966 | .col-lg-pull-4 { 1967 | right: 33.33333333%; 1968 | } 1969 | .col-lg-pull-3 { 1970 | right: 25%; 1971 | } 1972 | .col-lg-pull-2 { 1973 | right: 16.66666667%; 1974 | } 1975 | .col-lg-pull-1 { 1976 | right: 8.33333333%; 1977 | } 1978 | .col-lg-pull-0 { 1979 | right: auto; 1980 | } 1981 | .col-lg-push-12 { 1982 | left: 100%; 1983 | } 1984 | .col-lg-push-11 { 1985 | left: 91.66666667%; 1986 | } 1987 | .col-lg-push-10 { 1988 | left: 83.33333333%; 1989 | } 1990 | .col-lg-push-9 { 1991 | left: 75%; 1992 | } 1993 | .col-lg-push-8 { 1994 | left: 66.66666667%; 1995 | } 1996 | .col-lg-push-7 { 1997 | left: 58.33333333%; 1998 | } 1999 | .col-lg-push-6 { 2000 | left: 50%; 2001 | } 2002 | .col-lg-push-5 { 2003 | left: 41.66666667%; 2004 | } 2005 | .col-lg-push-4 { 2006 | left: 33.33333333%; 2007 | } 2008 | .col-lg-push-3 { 2009 | left: 25%; 2010 | } 2011 | .col-lg-push-2 { 2012 | left: 16.66666667%; 2013 | } 2014 | .col-lg-push-1 { 2015 | left: 8.33333333%; 2016 | } 2017 | .col-lg-push-0 { 2018 | left: auto; 2019 | } 2020 | .col-lg-offset-12 { 2021 | margin-left: 100%; 2022 | } 2023 | .col-lg-offset-11 { 2024 | margin-left: 91.66666667%; 2025 | } 2026 | .col-lg-offset-10 { 2027 | margin-left: 83.33333333%; 2028 | } 2029 | .col-lg-offset-9 { 2030 | margin-left: 75%; 2031 | } 2032 | .col-lg-offset-8 { 2033 | margin-left: 66.66666667%; 2034 | } 2035 | .col-lg-offset-7 { 2036 | margin-left: 58.33333333%; 2037 | } 2038 | .col-lg-offset-6 { 2039 | margin-left: 50%; 2040 | } 2041 | .col-lg-offset-5 { 2042 | margin-left: 41.66666667%; 2043 | } 2044 | .col-lg-offset-4 { 2045 | margin-left: 33.33333333%; 2046 | } 2047 | .col-lg-offset-3 { 2048 | margin-left: 25%; 2049 | } 2050 | .col-lg-offset-2 { 2051 | margin-left: 16.66666667%; 2052 | } 2053 | .col-lg-offset-1 { 2054 | margin-left: 8.33333333%; 2055 | } 2056 | .col-lg-offset-0 { 2057 | margin-left: 0; 2058 | } 2059 | } 2060 | table { 2061 | background-color: transparent; 2062 | } 2063 | th { 2064 | text-align: left; 2065 | } 2066 | .table { 2067 | width: 100%; 2068 | max-width: 100%; 2069 | margin-bottom: 20px; 2070 | } 2071 | .table > thead > tr > th, 2072 | .table > tbody > tr > th, 2073 | .table > tfoot > tr > th, 2074 | .table > thead > tr > td, 2075 | .table > tbody > tr > td, 2076 | .table > tfoot > tr > td { 2077 | padding: 8px; 2078 | line-height: 1.42857143; 2079 | vertical-align: top; 2080 | border-top: 1px solid #ddd; 2081 | } 2082 | .table > thead > tr > th { 2083 | vertical-align: bottom; 2084 | border-bottom: 2px solid #ddd; 2085 | } 2086 | .table > caption + thead > tr:first-child > th, 2087 | .table > colgroup + thead > tr:first-child > th, 2088 | .table > thead:first-child > tr:first-child > th, 2089 | .table > caption + thead > tr:first-child > td, 2090 | .table > colgroup + thead > tr:first-child > td, 2091 | .table > thead:first-child > tr:first-child > td { 2092 | border-top: 0; 2093 | } 2094 | .table > tbody + tbody { 2095 | border-top: 2px solid #ddd; 2096 | } 2097 | .table .table { 2098 | background-color: #fff; 2099 | } 2100 | .table-condensed > thead > tr > th, 2101 | .table-condensed > tbody > tr > th, 2102 | .table-condensed > tfoot > tr > th, 2103 | .table-condensed > thead > tr > td, 2104 | .table-condensed > tbody > tr > td, 2105 | .table-condensed > tfoot > tr > td { 2106 | padding: 5px; 2107 | } 2108 | .table-bordered { 2109 | border: 1px solid #ddd; 2110 | } 2111 | .table-bordered > thead > tr > th, 2112 | .table-bordered > tbody > tr > th, 2113 | .table-bordered > tfoot > tr > th, 2114 | .table-bordered > thead > tr > td, 2115 | .table-bordered > tbody > tr > td, 2116 | .table-bordered > tfoot > tr > td { 2117 | border: 1px solid #ddd; 2118 | } 2119 | .table-bordered > thead > tr > th, 2120 | .table-bordered > thead > tr > td { 2121 | border-bottom-width: 2px; 2122 | } 2123 | .table-striped > tbody > tr:nth-child(odd) > td, 2124 | .table-striped > tbody > tr:nth-child(odd) > th { 2125 | background-color: #f9f9f9; 2126 | } 2127 | .table-hover > tbody > tr:hover > td, 2128 | .table-hover > tbody > tr:hover > th { 2129 | background-color: #f5f5f5; 2130 | } 2131 | table col[class*="col-"] { 2132 | position: static; 2133 | display: table-column; 2134 | float: none; 2135 | } 2136 | table td[class*="col-"], 2137 | table th[class*="col-"] { 2138 | position: static; 2139 | display: table-cell; 2140 | float: none; 2141 | } 2142 | .table > thead > tr > td.active, 2143 | .table > tbody > tr > td.active, 2144 | .table > tfoot > tr > td.active, 2145 | .table > thead > tr > th.active, 2146 | .table > tbody > tr > th.active, 2147 | .table > tfoot > tr > th.active, 2148 | .table > thead > tr.active > td, 2149 | .table > tbody > tr.active > td, 2150 | .table > tfoot > tr.active > td, 2151 | .table > thead > tr.active > th, 2152 | .table > tbody > tr.active > th, 2153 | .table > tfoot > tr.active > th { 2154 | background-color: #f5f5f5; 2155 | } 2156 | .table-hover > tbody > tr > td.active:hover, 2157 | .table-hover > tbody > tr > th.active:hover, 2158 | .table-hover > tbody > tr.active:hover > td, 2159 | .table-hover > tbody > tr:hover > .active, 2160 | .table-hover > tbody > tr.active:hover > th { 2161 | background-color: #e8e8e8; 2162 | } 2163 | .table > thead > tr > td.success, 2164 | .table > tbody > tr > td.success, 2165 | .table > tfoot > tr > td.success, 2166 | .table > thead > tr > th.success, 2167 | .table > tbody > tr > th.success, 2168 | .table > tfoot > tr > th.success, 2169 | .table > thead > tr.success > td, 2170 | .table > tbody > tr.success > td, 2171 | .table > tfoot > tr.success > td, 2172 | .table > thead > tr.success > th, 2173 | .table > tbody > tr.success > th, 2174 | .table > tfoot > tr.success > th { 2175 | background-color: #dff0d8; 2176 | } 2177 | .table-hover > tbody > tr > td.success:hover, 2178 | .table-hover > tbody > tr > th.success:hover, 2179 | .table-hover > tbody > tr.success:hover > td, 2180 | .table-hover > tbody > tr:hover > .success, 2181 | .table-hover > tbody > tr.success:hover > th { 2182 | background-color: #d0e9c6; 2183 | } 2184 | .table > thead > tr > td.info, 2185 | .table > tbody > tr > td.info, 2186 | .table > tfoot > tr > td.info, 2187 | .table > thead > tr > th.info, 2188 | .table > tbody > tr > th.info, 2189 | .table > tfoot > tr > th.info, 2190 | .table > thead > tr.info > td, 2191 | .table > tbody > tr.info > td, 2192 | .table > tfoot > tr.info > td, 2193 | .table > thead > tr.info > th, 2194 | .table > tbody > tr.info > th, 2195 | .table > tfoot > tr.info > th { 2196 | background-color: #d9edf7; 2197 | } 2198 | .table-hover > tbody > tr > td.info:hover, 2199 | .table-hover > tbody > tr > th.info:hover, 2200 | .table-hover > tbody > tr.info:hover > td, 2201 | .table-hover > tbody > tr:hover > .info, 2202 | .table-hover > tbody > tr.info:hover > th { 2203 | background-color: #c4e3f3; 2204 | } 2205 | .table > thead > tr > td.warning, 2206 | .table > tbody > tr > td.warning, 2207 | .table > tfoot > tr > td.warning, 2208 | .table > thead > tr > th.warning, 2209 | .table > tbody > tr > th.warning, 2210 | .table > tfoot > tr > th.warning, 2211 | .table > thead > tr.warning > td, 2212 | .table > tbody > tr.warning > td, 2213 | .table > tfoot > tr.warning > td, 2214 | .table > thead > tr.warning > th, 2215 | .table > tbody > tr.warning > th, 2216 | .table > tfoot > tr.warning > th { 2217 | background-color: #fcf8e3; 2218 | } 2219 | .table-hover > tbody > tr > td.warning:hover, 2220 | .table-hover > tbody > tr > th.warning:hover, 2221 | .table-hover > tbody > tr.warning:hover > td, 2222 | .table-hover > tbody > tr:hover > .warning, 2223 | .table-hover > tbody > tr.warning:hover > th { 2224 | background-color: #faf2cc; 2225 | } 2226 | .table > thead > tr > td.danger, 2227 | .table > tbody > tr > td.danger, 2228 | .table > tfoot > tr > td.danger, 2229 | .table > thead > tr > th.danger, 2230 | .table > tbody > tr > th.danger, 2231 | .table > tfoot > tr > th.danger, 2232 | .table > thead > tr.danger > td, 2233 | .table > tbody > tr.danger > td, 2234 | .table > tfoot > tr.danger > td, 2235 | .table > thead > tr.danger > th, 2236 | .table > tbody > tr.danger > th, 2237 | .table > tfoot > tr.danger > th { 2238 | background-color: #f2dede; 2239 | } 2240 | .table-hover > tbody > tr > td.danger:hover, 2241 | .table-hover > tbody > tr > th.danger:hover, 2242 | .table-hover > tbody > tr.danger:hover > td, 2243 | .table-hover > tbody > tr:hover > .danger, 2244 | .table-hover > tbody > tr.danger:hover > th { 2245 | background-color: #ebcccc; 2246 | } 2247 | @media screen and (max-width: 767px) { 2248 | .table-responsive { 2249 | width: 100%; 2250 | margin-bottom: 15px; 2251 | overflow-x: auto; 2252 | overflow-y: hidden; 2253 | -webkit-overflow-scrolling: touch; 2254 | -ms-overflow-style: -ms-autohiding-scrollbar; 2255 | border: 1px solid #ddd; 2256 | } 2257 | .table-responsive > .table { 2258 | margin-bottom: 0; 2259 | } 2260 | .table-responsive > .table > thead > tr > th, 2261 | .table-responsive > .table > tbody > tr > th, 2262 | .table-responsive > .table > tfoot > tr > th, 2263 | .table-responsive > .table > thead > tr > td, 2264 | .table-responsive > .table > tbody > tr > td, 2265 | .table-responsive > .table > tfoot > tr > td { 2266 | white-space: nowrap; 2267 | } 2268 | .table-responsive > .table-bordered { 2269 | border: 0; 2270 | } 2271 | .table-responsive > .table-bordered > thead > tr > th:first-child, 2272 | .table-responsive > .table-bordered > tbody > tr > th:first-child, 2273 | .table-responsive > .table-bordered > tfoot > tr > th:first-child, 2274 | .table-responsive > .table-bordered > thead > tr > td:first-child, 2275 | .table-responsive > .table-bordered > tbody > tr > td:first-child, 2276 | .table-responsive > .table-bordered > tfoot > tr > td:first-child { 2277 | border-left: 0; 2278 | } 2279 | .table-responsive > .table-bordered > thead > tr > th:last-child, 2280 | .table-responsive > .table-bordered > tbody > tr > th:last-child, 2281 | .table-responsive > .table-bordered > tfoot > tr > th:last-child, 2282 | .table-responsive > .table-bordered > thead > tr > td:last-child, 2283 | .table-responsive > .table-bordered > tbody > tr > td:last-child, 2284 | .table-responsive > .table-bordered > tfoot > tr > td:last-child { 2285 | border-right: 0; 2286 | } 2287 | .table-responsive > .table-bordered > tbody > tr:last-child > th, 2288 | .table-responsive > .table-bordered > tfoot > tr:last-child > th, 2289 | .table-responsive > .table-bordered > tbody > tr:last-child > td, 2290 | .table-responsive > .table-bordered > tfoot > tr:last-child > td { 2291 | border-bottom: 0; 2292 | } 2293 | } 2294 | fieldset { 2295 | min-width: 0; 2296 | padding: 0; 2297 | margin: 0; 2298 | border: 0; 2299 | } 2300 | legend { 2301 | display: block; 2302 | width: 100%; 2303 | padding: 0; 2304 | margin-bottom: 20px; 2305 | font-size: 21px; 2306 | line-height: inherit; 2307 | color: #333; 2308 | border: 0; 2309 | border-bottom: 1px solid #e5e5e5; 2310 | } 2311 | label { 2312 | display: inline-block; 2313 | max-width: 100%; 2314 | margin-bottom: 5px; 2315 | font-weight: bold; 2316 | } 2317 | input[type="search"] { 2318 | -webkit-box-sizing: border-box; 2319 | -moz-box-sizing: border-box; 2320 | box-sizing: border-box; 2321 | } 2322 | input[type="radio"], 2323 | input[type="checkbox"] { 2324 | margin: 4px 0 0; 2325 | margin-top: 1px \9; 2326 | line-height: normal; 2327 | } 2328 | input[type="file"] { 2329 | display: block; 2330 | } 2331 | input[type="range"] { 2332 | display: block; 2333 | width: 100%; 2334 | } 2335 | select[multiple], 2336 | select[size] { 2337 | height: auto; 2338 | } 2339 | input[type="file"]:focus, 2340 | input[type="radio"]:focus, 2341 | input[type="checkbox"]:focus { 2342 | outline: thin dotted; 2343 | outline: 5px auto -webkit-focus-ring-color; 2344 | outline-offset: -2px; 2345 | } 2346 | output { 2347 | display: block; 2348 | padding-top: 7px; 2349 | font-size: 14px; 2350 | line-height: 1.42857143; 2351 | color: #555; 2352 | } 2353 | .form-control { 2354 | display: block; 2355 | width: 100%; 2356 | height: 34px; 2357 | padding: 6px 12px; 2358 | font-size: 14px; 2359 | line-height: 1.42857143; 2360 | color: #555; 2361 | background-color: #fff; 2362 | background-image: none; 2363 | border: 1px solid #ccc; 2364 | border-radius: 4px; 2365 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2366 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2367 | -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 2368 | -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 2369 | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 2370 | } 2371 | .form-control:focus { 2372 | border-color: #66afe9; 2373 | outline: 0; 2374 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 2375 | box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); 2376 | } 2377 | .form-control::-moz-placeholder { 2378 | color: #777; 2379 | opacity: 1; 2380 | } 2381 | .form-control:-ms-input-placeholder { 2382 | color: #777; 2383 | } 2384 | .form-control::-webkit-input-placeholder { 2385 | color: #777; 2386 | } 2387 | .form-control[disabled], 2388 | .form-control[readonly], 2389 | fieldset[disabled] .form-control { 2390 | cursor: not-allowed; 2391 | background-color: #eee; 2392 | opacity: 1; 2393 | } 2394 | textarea.form-control { 2395 | height: auto; 2396 | } 2397 | input[type="search"] { 2398 | -webkit-appearance: none; 2399 | } 2400 | input[type="date"], 2401 | input[type="time"], 2402 | input[type="datetime-local"], 2403 | input[type="month"] { 2404 | line-height: 34px; 2405 | line-height: 1.42857143 \0; 2406 | } 2407 | input[type="date"].input-sm, 2408 | input[type="time"].input-sm, 2409 | input[type="datetime-local"].input-sm, 2410 | input[type="month"].input-sm { 2411 | line-height: 30px; 2412 | } 2413 | input[type="date"].input-lg, 2414 | input[type="time"].input-lg, 2415 | input[type="datetime-local"].input-lg, 2416 | input[type="month"].input-lg { 2417 | line-height: 46px; 2418 | } 2419 | .form-group { 2420 | margin-bottom: 15px; 2421 | } 2422 | .radio, 2423 | .checkbox { 2424 | position: relative; 2425 | display: block; 2426 | min-height: 20px; 2427 | margin-top: 10px; 2428 | margin-bottom: 10px; 2429 | } 2430 | .radio label, 2431 | .checkbox label { 2432 | padding-left: 20px; 2433 | margin-bottom: 0; 2434 | font-weight: normal; 2435 | cursor: pointer; 2436 | } 2437 | .radio input[type="radio"], 2438 | .radio-inline input[type="radio"], 2439 | .checkbox input[type="checkbox"], 2440 | .checkbox-inline input[type="checkbox"] { 2441 | position: absolute; 2442 | margin-top: 4px \9; 2443 | margin-left: -20px; 2444 | } 2445 | .radio + .radio, 2446 | .checkbox + .checkbox { 2447 | margin-top: -5px; 2448 | } 2449 | .radio-inline, 2450 | .checkbox-inline { 2451 | display: inline-block; 2452 | padding-left: 20px; 2453 | margin-bottom: 0; 2454 | font-weight: normal; 2455 | vertical-align: middle; 2456 | cursor: pointer; 2457 | } 2458 | .radio-inline + .radio-inline, 2459 | .checkbox-inline + .checkbox-inline { 2460 | margin-top: 0; 2461 | margin-left: 10px; 2462 | } 2463 | input[type="radio"][disabled], 2464 | input[type="checkbox"][disabled], 2465 | input[type="radio"].disabled, 2466 | input[type="checkbox"].disabled, 2467 | fieldset[disabled] input[type="radio"], 2468 | fieldset[disabled] input[type="checkbox"] { 2469 | cursor: not-allowed; 2470 | } 2471 | .radio-inline.disabled, 2472 | .checkbox-inline.disabled, 2473 | fieldset[disabled] .radio-inline, 2474 | fieldset[disabled] .checkbox-inline { 2475 | cursor: not-allowed; 2476 | } 2477 | .radio.disabled label, 2478 | .checkbox.disabled label, 2479 | fieldset[disabled] .radio label, 2480 | fieldset[disabled] .checkbox label { 2481 | cursor: not-allowed; 2482 | } 2483 | .form-control-static { 2484 | padding-top: 7px; 2485 | padding-bottom: 7px; 2486 | margin-bottom: 0; 2487 | } 2488 | .form-control-static.input-lg, 2489 | .form-control-static.input-sm { 2490 | padding-right: 0; 2491 | padding-left: 0; 2492 | } 2493 | .input-sm, 2494 | .form-horizontal .form-group-sm .form-control { 2495 | height: 30px; 2496 | padding: 5px 10px; 2497 | font-size: 12px; 2498 | line-height: 1.5; 2499 | border-radius: 3px; 2500 | } 2501 | select.input-sm { 2502 | height: 30px; 2503 | line-height: 30px; 2504 | } 2505 | textarea.input-sm, 2506 | select[multiple].input-sm { 2507 | height: auto; 2508 | } 2509 | .input-lg, 2510 | .form-horizontal .form-group-lg .form-control { 2511 | height: 46px; 2512 | padding: 10px 16px; 2513 | font-size: 18px; 2514 | line-height: 1.33; 2515 | border-radius: 6px; 2516 | } 2517 | select.input-lg { 2518 | height: 46px; 2519 | line-height: 46px; 2520 | } 2521 | textarea.input-lg, 2522 | select[multiple].input-lg { 2523 | height: auto; 2524 | } 2525 | .has-feedback { 2526 | position: relative; 2527 | } 2528 | .has-feedback .form-control { 2529 | padding-right: 42.5px; 2530 | } 2531 | .form-control-feedback { 2532 | position: absolute; 2533 | top: 25px; 2534 | right: 0; 2535 | z-index: 2; 2536 | display: block; 2537 | width: 34px; 2538 | height: 34px; 2539 | line-height: 34px; 2540 | text-align: center; 2541 | } 2542 | .input-lg + .form-control-feedback { 2543 | width: 46px; 2544 | height: 46px; 2545 | line-height: 46px; 2546 | } 2547 | .input-sm + .form-control-feedback { 2548 | width: 30px; 2549 | height: 30px; 2550 | line-height: 30px; 2551 | } 2552 | .has-success .help-block, 2553 | .has-success .control-label, 2554 | .has-success .radio, 2555 | .has-success .checkbox, 2556 | .has-success .radio-inline, 2557 | .has-success .checkbox-inline { 2558 | color: #3c763d; 2559 | } 2560 | .has-success .form-control { 2561 | border-color: #3c763d; 2562 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2563 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2564 | } 2565 | .has-success .form-control:focus { 2566 | border-color: #2b542c; 2567 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; 2568 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; 2569 | } 2570 | .has-success .input-group-addon { 2571 | color: #3c763d; 2572 | background-color: #dff0d8; 2573 | border-color: #3c763d; 2574 | } 2575 | .has-success .form-control-feedback { 2576 | color: #3c763d; 2577 | } 2578 | .has-warning .help-block, 2579 | .has-warning .control-label, 2580 | .has-warning .radio, 2581 | .has-warning .checkbox, 2582 | .has-warning .radio-inline, 2583 | .has-warning .checkbox-inline { 2584 | color: #8a6d3b; 2585 | } 2586 | .has-warning .form-control { 2587 | border-color: #8a6d3b; 2588 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2589 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2590 | } 2591 | .has-warning .form-control:focus { 2592 | border-color: #66512c; 2593 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; 2594 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; 2595 | } 2596 | .has-warning .input-group-addon { 2597 | color: #8a6d3b; 2598 | background-color: #fcf8e3; 2599 | border-color: #8a6d3b; 2600 | } 2601 | .has-warning .form-control-feedback { 2602 | color: #8a6d3b; 2603 | } 2604 | .has-error .help-block, 2605 | .has-error .control-label, 2606 | .has-error .radio, 2607 | .has-error .checkbox, 2608 | .has-error .radio-inline, 2609 | .has-error .checkbox-inline { 2610 | color: #a94442; 2611 | } 2612 | .has-error .form-control { 2613 | border-color: #a94442; 2614 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2615 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 2616 | } 2617 | .has-error .form-control:focus { 2618 | border-color: #843534; 2619 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; 2620 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; 2621 | } 2622 | .has-error .input-group-addon { 2623 | color: #a94442; 2624 | background-color: #f2dede; 2625 | border-color: #a94442; 2626 | } 2627 | .has-error .form-control-feedback { 2628 | color: #a94442; 2629 | } 2630 | .has-feedback label.sr-only ~ .form-control-feedback { 2631 | top: 0; 2632 | } 2633 | .help-block { 2634 | display: block; 2635 | margin-top: 5px; 2636 | margin-bottom: 10px; 2637 | color: #737373; 2638 | } 2639 | @media (min-width: 768px) { 2640 | .form-inline .form-group { 2641 | display: inline-block; 2642 | margin-bottom: 0; 2643 | vertical-align: middle; 2644 | } 2645 | .form-inline .form-control { 2646 | display: inline-block; 2647 | width: auto; 2648 | vertical-align: middle; 2649 | } 2650 | .form-inline .input-group { 2651 | display: inline-table; 2652 | vertical-align: middle; 2653 | } 2654 | .form-inline .input-group .input-group-addon, 2655 | .form-inline .input-group .input-group-btn, 2656 | .form-inline .input-group .form-control { 2657 | width: auto; 2658 | } 2659 | .form-inline .input-group > .form-control { 2660 | width: 100%; 2661 | } 2662 | .form-inline .control-label { 2663 | margin-bottom: 0; 2664 | vertical-align: middle; 2665 | } 2666 | .form-inline .radio, 2667 | .form-inline .checkbox { 2668 | display: inline-block; 2669 | margin-top: 0; 2670 | margin-bottom: 0; 2671 | vertical-align: middle; 2672 | } 2673 | .form-inline .radio label, 2674 | .form-inline .checkbox label { 2675 | padding-left: 0; 2676 | } 2677 | .form-inline .radio input[type="radio"], 2678 | .form-inline .checkbox input[type="checkbox"] { 2679 | position: relative; 2680 | margin-left: 0; 2681 | } 2682 | .form-inline .has-feedback .form-control-feedback { 2683 | top: 0; 2684 | } 2685 | } 2686 | .form-horizontal .radio, 2687 | .form-horizontal .checkbox, 2688 | .form-horizontal .radio-inline, 2689 | .form-horizontal .checkbox-inline { 2690 | padding-top: 7px; 2691 | margin-top: 0; 2692 | margin-bottom: 0; 2693 | } 2694 | .form-horizontal .radio, 2695 | .form-horizontal .checkbox { 2696 | min-height: 27px; 2697 | } 2698 | .form-horizontal .form-group { 2699 | margin-right: -15px; 2700 | margin-left: -15px; 2701 | } 2702 | @media (min-width: 768px) { 2703 | .form-horizontal .control-label { 2704 | padding-top: 7px; 2705 | margin-bottom: 0; 2706 | text-align: right; 2707 | } 2708 | } 2709 | .form-horizontal .has-feedback .form-control-feedback { 2710 | top: 0; 2711 | right: 15px; 2712 | } 2713 | @media (min-width: 768px) { 2714 | .form-horizontal .form-group-lg .control-label { 2715 | padding-top: 14.3px; 2716 | } 2717 | } 2718 | @media (min-width: 768px) { 2719 | .form-horizontal .form-group-sm .control-label { 2720 | padding-top: 6px; 2721 | } 2722 | } 2723 | .btn { 2724 | display: inline-block; 2725 | padding: 6px 12px; 2726 | margin-bottom: 0; 2727 | font-size: 14px; 2728 | font-weight: normal; 2729 | line-height: 1.42857143; 2730 | text-align: center; 2731 | white-space: nowrap; 2732 | vertical-align: middle; 2733 | cursor: pointer; 2734 | -webkit-user-select: none; 2735 | -moz-user-select: none; 2736 | -ms-user-select: none; 2737 | user-select: none; 2738 | background-image: none; 2739 | border: 1px solid transparent; 2740 | border-radius: 4px; 2741 | } 2742 | .btn:focus, 2743 | .btn:active:focus, 2744 | .btn.active:focus { 2745 | outline: thin dotted; 2746 | outline: 5px auto -webkit-focus-ring-color; 2747 | outline-offset: -2px; 2748 | } 2749 | .btn:hover, 2750 | .btn:focus { 2751 | color: #333; 2752 | text-decoration: none; 2753 | } 2754 | .btn:active, 2755 | .btn.active { 2756 | background-image: none; 2757 | outline: 0; 2758 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 2759 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 2760 | } 2761 | .btn.disabled, 2762 | .btn[disabled], 2763 | fieldset[disabled] .btn { 2764 | pointer-events: none; 2765 | cursor: not-allowed; 2766 | filter: alpha(opacity=65); 2767 | -webkit-box-shadow: none; 2768 | box-shadow: none; 2769 | opacity: .65; 2770 | } 2771 | .btn-default { 2772 | color: #333; 2773 | background-color: #fff; 2774 | border-color: #ccc; 2775 | } 2776 | .btn-default:hover, 2777 | .btn-default:focus, 2778 | .btn-default:active, 2779 | .btn-default.active, 2780 | .open > .dropdown-toggle.btn-default { 2781 | color: #333; 2782 | background-color: #e6e6e6; 2783 | border-color: #adadad; 2784 | } 2785 | .btn-default:active, 2786 | .btn-default.active, 2787 | .open > .dropdown-toggle.btn-default { 2788 | background-image: none; 2789 | } 2790 | .btn-default.disabled, 2791 | .btn-default[disabled], 2792 | fieldset[disabled] .btn-default, 2793 | .btn-default.disabled:hover, 2794 | .btn-default[disabled]:hover, 2795 | fieldset[disabled] .btn-default:hover, 2796 | .btn-default.disabled:focus, 2797 | .btn-default[disabled]:focus, 2798 | fieldset[disabled] .btn-default:focus, 2799 | .btn-default.disabled:active, 2800 | .btn-default[disabled]:active, 2801 | fieldset[disabled] .btn-default:active, 2802 | .btn-default.disabled.active, 2803 | .btn-default[disabled].active, 2804 | fieldset[disabled] .btn-default.active { 2805 | background-color: #fff; 2806 | border-color: #ccc; 2807 | } 2808 | .btn-default .badge { 2809 | color: #fff; 2810 | background-color: #333; 2811 | } 2812 | .btn-primary { 2813 | color: #fff; 2814 | background-color: #428bca; 2815 | border-color: #357ebd; 2816 | } 2817 | .btn-primary:hover, 2818 | .btn-primary:focus, 2819 | .btn-primary:active, 2820 | .btn-primary.active, 2821 | .open > .dropdown-toggle.btn-primary { 2822 | color: #fff; 2823 | background-color: #3071a9; 2824 | border-color: #285e8e; 2825 | } 2826 | .btn-primary:active, 2827 | .btn-primary.active, 2828 | .open > .dropdown-toggle.btn-primary { 2829 | background-image: none; 2830 | } 2831 | .btn-primary.disabled, 2832 | .btn-primary[disabled], 2833 | fieldset[disabled] .btn-primary, 2834 | .btn-primary.disabled:hover, 2835 | .btn-primary[disabled]:hover, 2836 | fieldset[disabled] .btn-primary:hover, 2837 | .btn-primary.disabled:focus, 2838 | .btn-primary[disabled]:focus, 2839 | fieldset[disabled] .btn-primary:focus, 2840 | .btn-primary.disabled:active, 2841 | .btn-primary[disabled]:active, 2842 | fieldset[disabled] .btn-primary:active, 2843 | .btn-primary.disabled.active, 2844 | .btn-primary[disabled].active, 2845 | fieldset[disabled] .btn-primary.active { 2846 | background-color: #428bca; 2847 | border-color: #357ebd; 2848 | } 2849 | .btn-primary .badge { 2850 | color: #428bca; 2851 | background-color: #fff; 2852 | } 2853 | .btn-success { 2854 | color: #fff; 2855 | background-color: #5cb85c; 2856 | border-color: #4cae4c; 2857 | } 2858 | .btn-success:hover, 2859 | .btn-success:focus, 2860 | .btn-success:active, 2861 | .btn-success.active, 2862 | .open > .dropdown-toggle.btn-success { 2863 | color: #fff; 2864 | background-color: #449d44; 2865 | border-color: #398439; 2866 | } 2867 | .btn-success:active, 2868 | .btn-success.active, 2869 | .open > .dropdown-toggle.btn-success { 2870 | background-image: none; 2871 | } 2872 | .btn-success.disabled, 2873 | .btn-success[disabled], 2874 | fieldset[disabled] .btn-success, 2875 | .btn-success.disabled:hover, 2876 | .btn-success[disabled]:hover, 2877 | fieldset[disabled] .btn-success:hover, 2878 | .btn-success.disabled:focus, 2879 | .btn-success[disabled]:focus, 2880 | fieldset[disabled] .btn-success:focus, 2881 | .btn-success.disabled:active, 2882 | .btn-success[disabled]:active, 2883 | fieldset[disabled] .btn-success:active, 2884 | .btn-success.disabled.active, 2885 | .btn-success[disabled].active, 2886 | fieldset[disabled] .btn-success.active { 2887 | background-color: #5cb85c; 2888 | border-color: #4cae4c; 2889 | } 2890 | .btn-success .badge { 2891 | color: #5cb85c; 2892 | background-color: #fff; 2893 | } 2894 | .btn-info { 2895 | color: #fff; 2896 | background-color: #5bc0de; 2897 | border-color: #46b8da; 2898 | } 2899 | .btn-info:hover, 2900 | .btn-info:focus, 2901 | .btn-info:active, 2902 | .btn-info.active, 2903 | .open > .dropdown-toggle.btn-info { 2904 | color: #fff; 2905 | background-color: #31b0d5; 2906 | border-color: #269abc; 2907 | } 2908 | .btn-info:active, 2909 | .btn-info.active, 2910 | .open > .dropdown-toggle.btn-info { 2911 | background-image: none; 2912 | } 2913 | .btn-info.disabled, 2914 | .btn-info[disabled], 2915 | fieldset[disabled] .btn-info, 2916 | .btn-info.disabled:hover, 2917 | .btn-info[disabled]:hover, 2918 | fieldset[disabled] .btn-info:hover, 2919 | .btn-info.disabled:focus, 2920 | .btn-info[disabled]:focus, 2921 | fieldset[disabled] .btn-info:focus, 2922 | .btn-info.disabled:active, 2923 | .btn-info[disabled]:active, 2924 | fieldset[disabled] .btn-info:active, 2925 | .btn-info.disabled.active, 2926 | .btn-info[disabled].active, 2927 | fieldset[disabled] .btn-info.active { 2928 | background-color: #5bc0de; 2929 | border-color: #46b8da; 2930 | } 2931 | .btn-info .badge { 2932 | color: #5bc0de; 2933 | background-color: #fff; 2934 | } 2935 | .btn-warning { 2936 | color: #fff; 2937 | background-color: #f0ad4e; 2938 | border-color: #eea236; 2939 | } 2940 | .btn-warning:hover, 2941 | .btn-warning:focus, 2942 | .btn-warning:active, 2943 | .btn-warning.active, 2944 | .open > .dropdown-toggle.btn-warning { 2945 | color: #fff; 2946 | background-color: #ec971f; 2947 | border-color: #d58512; 2948 | } 2949 | .btn-warning:active, 2950 | .btn-warning.active, 2951 | .open > .dropdown-toggle.btn-warning { 2952 | background-image: none; 2953 | } 2954 | .btn-warning.disabled, 2955 | .btn-warning[disabled], 2956 | fieldset[disabled] .btn-warning, 2957 | .btn-warning.disabled:hover, 2958 | .btn-warning[disabled]:hover, 2959 | fieldset[disabled] .btn-warning:hover, 2960 | .btn-warning.disabled:focus, 2961 | .btn-warning[disabled]:focus, 2962 | fieldset[disabled] .btn-warning:focus, 2963 | .btn-warning.disabled:active, 2964 | .btn-warning[disabled]:active, 2965 | fieldset[disabled] .btn-warning:active, 2966 | .btn-warning.disabled.active, 2967 | .btn-warning[disabled].active, 2968 | fieldset[disabled] .btn-warning.active { 2969 | background-color: #f0ad4e; 2970 | border-color: #eea236; 2971 | } 2972 | .btn-warning .badge { 2973 | color: #f0ad4e; 2974 | background-color: #fff; 2975 | } 2976 | .btn-danger { 2977 | color: #fff; 2978 | background-color: #d9534f; 2979 | border-color: #d43f3a; 2980 | } 2981 | .btn-danger:hover, 2982 | .btn-danger:focus, 2983 | .btn-danger:active, 2984 | .btn-danger.active, 2985 | .open > .dropdown-toggle.btn-danger { 2986 | color: #fff; 2987 | background-color: #c9302c; 2988 | border-color: #ac2925; 2989 | } 2990 | .btn-danger:active, 2991 | .btn-danger.active, 2992 | .open > .dropdown-toggle.btn-danger { 2993 | background-image: none; 2994 | } 2995 | .btn-danger.disabled, 2996 | .btn-danger[disabled], 2997 | fieldset[disabled] .btn-danger, 2998 | .btn-danger.disabled:hover, 2999 | .btn-danger[disabled]:hover, 3000 | fieldset[disabled] .btn-danger:hover, 3001 | .btn-danger.disabled:focus, 3002 | .btn-danger[disabled]:focus, 3003 | fieldset[disabled] .btn-danger:focus, 3004 | .btn-danger.disabled:active, 3005 | .btn-danger[disabled]:active, 3006 | fieldset[disabled] .btn-danger:active, 3007 | .btn-danger.disabled.active, 3008 | .btn-danger[disabled].active, 3009 | fieldset[disabled] .btn-danger.active { 3010 | background-color: #d9534f; 3011 | border-color: #d43f3a; 3012 | } 3013 | .btn-danger .badge { 3014 | color: #d9534f; 3015 | background-color: #fff; 3016 | } 3017 | .btn-link { 3018 | font-weight: normal; 3019 | color: #428bca; 3020 | cursor: pointer; 3021 | border-radius: 0; 3022 | } 3023 | .btn-link, 3024 | .btn-link:active, 3025 | .btn-link[disabled], 3026 | fieldset[disabled] .btn-link { 3027 | background-color: transparent; 3028 | -webkit-box-shadow: none; 3029 | box-shadow: none; 3030 | } 3031 | .btn-link, 3032 | .btn-link:hover, 3033 | .btn-link:focus, 3034 | .btn-link:active { 3035 | border-color: transparent; 3036 | } 3037 | .btn-link:hover, 3038 | .btn-link:focus { 3039 | color: #2a6496; 3040 | text-decoration: underline; 3041 | background-color: transparent; 3042 | } 3043 | .btn-link[disabled]:hover, 3044 | fieldset[disabled] .btn-link:hover, 3045 | .btn-link[disabled]:focus, 3046 | fieldset[disabled] .btn-link:focus { 3047 | color: #777; 3048 | text-decoration: none; 3049 | } 3050 | .btn-lg, 3051 | .btn-group-lg > .btn { 3052 | padding: 10px 16px; 3053 | font-size: 18px; 3054 | line-height: 1.33; 3055 | border-radius: 6px; 3056 | } 3057 | .btn-sm, 3058 | .btn-group-sm > .btn { 3059 | padding: 5px 10px; 3060 | font-size: 12px; 3061 | line-height: 1.5; 3062 | border-radius: 3px; 3063 | } 3064 | .btn-xs, 3065 | .btn-group-xs > .btn { 3066 | padding: 1px 5px; 3067 | font-size: 12px; 3068 | line-height: 1.5; 3069 | border-radius: 3px; 3070 | } 3071 | .btn-block { 3072 | display: block; 3073 | width: 100%; 3074 | } 3075 | .btn-block + .btn-block { 3076 | margin-top: 5px; 3077 | } 3078 | input[type="submit"].btn-block, 3079 | input[type="reset"].btn-block, 3080 | input[type="button"].btn-block { 3081 | width: 100%; 3082 | } 3083 | .fade { 3084 | opacity: 0; 3085 | -webkit-transition: opacity .15s linear; 3086 | -o-transition: opacity .15s linear; 3087 | transition: opacity .15s linear; 3088 | } 3089 | .fade.in { 3090 | opacity: 1; 3091 | } 3092 | .collapse { 3093 | display: none; 3094 | } 3095 | .collapse.in { 3096 | display: block; 3097 | } 3098 | tr.collapse.in { 3099 | display: table-row; 3100 | } 3101 | tbody.collapse.in { 3102 | display: table-row-group; 3103 | } 3104 | .collapsing { 3105 | position: relative; 3106 | height: 0; 3107 | overflow: hidden; 3108 | -webkit-transition: height .35s ease; 3109 | -o-transition: height .35s ease; 3110 | transition: height .35s ease; 3111 | } 3112 | .caret { 3113 | display: inline-block; 3114 | width: 0; 3115 | height: 0; 3116 | margin-left: 2px; 3117 | vertical-align: middle; 3118 | border-top: 4px solid; 3119 | border-right: 4px solid transparent; 3120 | border-left: 4px solid transparent; 3121 | } 3122 | .dropdown { 3123 | position: relative; 3124 | } 3125 | .dropdown-toggle:focus { 3126 | outline: 0; 3127 | } 3128 | .dropdown-menu { 3129 | position: absolute; 3130 | top: 100%; 3131 | left: 0; 3132 | z-index: 1000; 3133 | display: none; 3134 | float: left; 3135 | min-width: 160px; 3136 | padding: 5px 0; 3137 | margin: 2px 0 0; 3138 | font-size: 14px; 3139 | text-align: left; 3140 | list-style: none; 3141 | background-color: #fff; 3142 | -webkit-background-clip: padding-box; 3143 | background-clip: padding-box; 3144 | border: 1px solid #ccc; 3145 | border: 1px solid rgba(0, 0, 0, .15); 3146 | border-radius: 4px; 3147 | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 3148 | box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 3149 | } 3150 | .dropdown-menu.pull-right { 3151 | right: 0; 3152 | left: auto; 3153 | } 3154 | .dropdown-menu .divider { 3155 | height: 1px; 3156 | margin: 9px 0; 3157 | overflow: hidden; 3158 | background-color: #e5e5e5; 3159 | } 3160 | .dropdown-menu > li > a { 3161 | display: block; 3162 | padding: 3px 20px; 3163 | clear: both; 3164 | font-weight: normal; 3165 | line-height: 1.42857143; 3166 | color: #333; 3167 | white-space: nowrap; 3168 | } 3169 | .dropdown-menu > li > a:hover, 3170 | .dropdown-menu > li > a:focus { 3171 | color: #262626; 3172 | text-decoration: none; 3173 | background-color: #f5f5f5; 3174 | } 3175 | .dropdown-menu > .active > a, 3176 | .dropdown-menu > .active > a:hover, 3177 | .dropdown-menu > .active > a:focus { 3178 | color: #fff; 3179 | text-decoration: none; 3180 | background-color: #428bca; 3181 | outline: 0; 3182 | } 3183 | .dropdown-menu > .disabled > a, 3184 | .dropdown-menu > .disabled > a:hover, 3185 | .dropdown-menu > .disabled > a:focus { 3186 | color: #777; 3187 | } 3188 | .dropdown-menu > .disabled > a:hover, 3189 | .dropdown-menu > .disabled > a:focus { 3190 | text-decoration: none; 3191 | cursor: not-allowed; 3192 | background-color: transparent; 3193 | background-image: none; 3194 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 3195 | } 3196 | .open > .dropdown-menu { 3197 | display: block; 3198 | } 3199 | .open > a { 3200 | outline: 0; 3201 | } 3202 | .dropdown-menu-right { 3203 | right: 0; 3204 | left: auto; 3205 | } 3206 | .dropdown-menu-left { 3207 | right: auto; 3208 | left: 0; 3209 | } 3210 | .dropdown-header { 3211 | display: block; 3212 | padding: 3px 20px; 3213 | font-size: 12px; 3214 | line-height: 1.42857143; 3215 | color: #777; 3216 | white-space: nowrap; 3217 | } 3218 | .dropdown-backdrop { 3219 | position: fixed; 3220 | top: 0; 3221 | right: 0; 3222 | bottom: 0; 3223 | left: 0; 3224 | z-index: 990; 3225 | } 3226 | .pull-right > .dropdown-menu { 3227 | right: 0; 3228 | left: auto; 3229 | } 3230 | .dropup .caret, 3231 | .navbar-fixed-bottom .dropdown .caret { 3232 | content: ""; 3233 | border-top: 0; 3234 | border-bottom: 4px solid; 3235 | } 3236 | .dropup .dropdown-menu, 3237 | .navbar-fixed-bottom .dropdown .dropdown-menu { 3238 | top: auto; 3239 | bottom: 100%; 3240 | margin-bottom: 1px; 3241 | } 3242 | @media (min-width: 768px) { 3243 | .navbar-right .dropdown-menu { 3244 | right: 0; 3245 | left: auto; 3246 | } 3247 | .navbar-right .dropdown-menu-left { 3248 | right: auto; 3249 | left: 0; 3250 | } 3251 | } 3252 | .btn-group, 3253 | .btn-group-vertical { 3254 | position: relative; 3255 | display: inline-block; 3256 | vertical-align: middle; 3257 | } 3258 | .btn-group > .btn, 3259 | .btn-group-vertical > .btn { 3260 | position: relative; 3261 | float: left; 3262 | } 3263 | .btn-group > .btn:hover, 3264 | .btn-group-vertical > .btn:hover, 3265 | .btn-group > .btn:focus, 3266 | .btn-group-vertical > .btn:focus, 3267 | .btn-group > .btn:active, 3268 | .btn-group-vertical > .btn:active, 3269 | .btn-group > .btn.active, 3270 | .btn-group-vertical > .btn.active { 3271 | z-index: 2; 3272 | } 3273 | .btn-group > .btn:focus, 3274 | .btn-group-vertical > .btn:focus { 3275 | outline: 0; 3276 | } 3277 | .btn-group .btn + .btn, 3278 | .btn-group .btn + .btn-group, 3279 | .btn-group .btn-group + .btn, 3280 | .btn-group .btn-group + .btn-group { 3281 | margin-left: -1px; 3282 | } 3283 | .btn-toolbar { 3284 | margin-left: -5px; 3285 | } 3286 | .btn-toolbar .btn-group, 3287 | .btn-toolbar .input-group { 3288 | float: left; 3289 | } 3290 | .btn-toolbar > .btn, 3291 | .btn-toolbar > .btn-group, 3292 | .btn-toolbar > .input-group { 3293 | margin-left: 5px; 3294 | } 3295 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 3296 | border-radius: 0; 3297 | } 3298 | .btn-group > .btn:first-child { 3299 | margin-left: 0; 3300 | } 3301 | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { 3302 | border-top-right-radius: 0; 3303 | border-bottom-right-radius: 0; 3304 | } 3305 | .btn-group > .btn:last-child:not(:first-child), 3306 | .btn-group > .dropdown-toggle:not(:first-child) { 3307 | border-top-left-radius: 0; 3308 | border-bottom-left-radius: 0; 3309 | } 3310 | .btn-group > .btn-group { 3311 | float: left; 3312 | } 3313 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 3314 | border-radius: 0; 3315 | } 3316 | .btn-group > .btn-group:first-child > .btn:last-child, 3317 | .btn-group > .btn-group:first-child > .dropdown-toggle { 3318 | border-top-right-radius: 0; 3319 | border-bottom-right-radius: 0; 3320 | } 3321 | .btn-group > .btn-group:last-child > .btn:first-child { 3322 | border-top-left-radius: 0; 3323 | border-bottom-left-radius: 0; 3324 | } 3325 | .btn-group .dropdown-toggle:active, 3326 | .btn-group.open .dropdown-toggle { 3327 | outline: 0; 3328 | } 3329 | .btn-group > .btn + .dropdown-toggle { 3330 | padding-right: 8px; 3331 | padding-left: 8px; 3332 | } 3333 | .btn-group > .btn-lg + .dropdown-toggle { 3334 | padding-right: 12px; 3335 | padding-left: 12px; 3336 | } 3337 | .btn-group.open .dropdown-toggle { 3338 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 3339 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 3340 | } 3341 | .btn-group.open .dropdown-toggle.btn-link { 3342 | -webkit-box-shadow: none; 3343 | box-shadow: none; 3344 | } 3345 | .btn .caret { 3346 | margin-left: 0; 3347 | } 3348 | .btn-lg .caret { 3349 | border-width: 5px 5px 0; 3350 | border-bottom-width: 0; 3351 | } 3352 | .dropup .btn-lg .caret { 3353 | border-width: 0 5px 5px; 3354 | } 3355 | .btn-group-vertical > .btn, 3356 | .btn-group-vertical > .btn-group, 3357 | .btn-group-vertical > .btn-group > .btn { 3358 | display: block; 3359 | float: none; 3360 | width: 100%; 3361 | max-width: 100%; 3362 | } 3363 | .btn-group-vertical > .btn-group > .btn { 3364 | float: none; 3365 | } 3366 | .btn-group-vertical > .btn + .btn, 3367 | .btn-group-vertical > .btn + .btn-group, 3368 | .btn-group-vertical > .btn-group + .btn, 3369 | .btn-group-vertical > .btn-group + .btn-group { 3370 | margin-top: -1px; 3371 | margin-left: 0; 3372 | } 3373 | .btn-group-vertical > .btn:not(:first-child):not(:last-child) { 3374 | border-radius: 0; 3375 | } 3376 | .btn-group-vertical > .btn:first-child:not(:last-child) { 3377 | border-top-right-radius: 4px; 3378 | border-bottom-right-radius: 0; 3379 | border-bottom-left-radius: 0; 3380 | } 3381 | .btn-group-vertical > .btn:last-child:not(:first-child) { 3382 | border-top-left-radius: 0; 3383 | border-top-right-radius: 0; 3384 | border-bottom-left-radius: 4px; 3385 | } 3386 | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 3387 | border-radius: 0; 3388 | } 3389 | .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, 3390 | .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { 3391 | border-bottom-right-radius: 0; 3392 | border-bottom-left-radius: 0; 3393 | } 3394 | .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { 3395 | border-top-left-radius: 0; 3396 | border-top-right-radius: 0; 3397 | } 3398 | .btn-group-justified { 3399 | display: table; 3400 | width: 100%; 3401 | table-layout: fixed; 3402 | border-collapse: separate; 3403 | } 3404 | .btn-group-justified > .btn, 3405 | .btn-group-justified > .btn-group { 3406 | display: table-cell; 3407 | float: none; 3408 | width: 1%; 3409 | } 3410 | .btn-group-justified > .btn-group .btn { 3411 | width: 100%; 3412 | } 3413 | .btn-group-justified > .btn-group .dropdown-menu { 3414 | left: auto; 3415 | } 3416 | [data-toggle="buttons"] > .btn > input[type="radio"], 3417 | [data-toggle="buttons"] > .btn > input[type="checkbox"] { 3418 | position: absolute; 3419 | z-index: -1; 3420 | filter: alpha(opacity=0); 3421 | opacity: 0; 3422 | } 3423 | .input-group { 3424 | position: relative; 3425 | display: table; 3426 | border-collapse: separate; 3427 | } 3428 | .input-group[class*="col-"] { 3429 | float: none; 3430 | padding-right: 0; 3431 | padding-left: 0; 3432 | } 3433 | .input-group .form-control { 3434 | position: relative; 3435 | z-index: 2; 3436 | float: left; 3437 | width: 100%; 3438 | margin-bottom: 0; 3439 | } 3440 | .input-group-lg > .form-control, 3441 | .input-group-lg > .input-group-addon, 3442 | .input-group-lg > .input-group-btn > .btn { 3443 | height: 46px; 3444 | padding: 10px 16px; 3445 | font-size: 18px; 3446 | line-height: 1.33; 3447 | border-radius: 6px; 3448 | } 3449 | select.input-group-lg > .form-control, 3450 | select.input-group-lg > .input-group-addon, 3451 | select.input-group-lg > .input-group-btn > .btn { 3452 | height: 46px; 3453 | line-height: 46px; 3454 | } 3455 | textarea.input-group-lg > .form-control, 3456 | textarea.input-group-lg > .input-group-addon, 3457 | textarea.input-group-lg > .input-group-btn > .btn, 3458 | select[multiple].input-group-lg > .form-control, 3459 | select[multiple].input-group-lg > .input-group-addon, 3460 | select[multiple].input-group-lg > .input-group-btn > .btn { 3461 | height: auto; 3462 | } 3463 | .input-group-sm > .form-control, 3464 | .input-group-sm > .input-group-addon, 3465 | .input-group-sm > .input-group-btn > .btn { 3466 | height: 30px; 3467 | padding: 5px 10px; 3468 | font-size: 12px; 3469 | line-height: 1.5; 3470 | border-radius: 3px; 3471 | } 3472 | select.input-group-sm > .form-control, 3473 | select.input-group-sm > .input-group-addon, 3474 | select.input-group-sm > .input-group-btn > .btn { 3475 | height: 30px; 3476 | line-height: 30px; 3477 | } 3478 | textarea.input-group-sm > .form-control, 3479 | textarea.input-group-sm > .input-group-addon, 3480 | textarea.input-group-sm > .input-group-btn > .btn, 3481 | select[multiple].input-group-sm > .form-control, 3482 | select[multiple].input-group-sm > .input-group-addon, 3483 | select[multiple].input-group-sm > .input-group-btn > .btn { 3484 | height: auto; 3485 | } 3486 | .input-group-addon, 3487 | .input-group-btn, 3488 | .input-group .form-control { 3489 | display: table-cell; 3490 | } 3491 | .input-group-addon:not(:first-child):not(:last-child), 3492 | .input-group-btn:not(:first-child):not(:last-child), 3493 | .input-group .form-control:not(:first-child):not(:last-child) { 3494 | border-radius: 0; 3495 | } 3496 | .input-group-addon, 3497 | .input-group-btn { 3498 | width: 1%; 3499 | white-space: nowrap; 3500 | vertical-align: middle; 3501 | } 3502 | .input-group-addon { 3503 | padding: 6px 12px; 3504 | font-size: 14px; 3505 | font-weight: normal; 3506 | line-height: 1; 3507 | color: #555; 3508 | text-align: center; 3509 | background-color: #eee; 3510 | border: 1px solid #ccc; 3511 | border-radius: 4px; 3512 | } 3513 | .input-group-addon.input-sm { 3514 | padding: 5px 10px; 3515 | font-size: 12px; 3516 | border-radius: 3px; 3517 | } 3518 | .input-group-addon.input-lg { 3519 | padding: 10px 16px; 3520 | font-size: 18px; 3521 | border-radius: 6px; 3522 | } 3523 | .input-group-addon input[type="radio"], 3524 | .input-group-addon input[type="checkbox"] { 3525 | margin-top: 0; 3526 | } 3527 | .input-group .form-control:first-child, 3528 | .input-group-addon:first-child, 3529 | .input-group-btn:first-child > .btn, 3530 | .input-group-btn:first-child > .btn-group > .btn, 3531 | .input-group-btn:first-child > .dropdown-toggle, 3532 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 3533 | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { 3534 | border-top-right-radius: 0; 3535 | border-bottom-right-radius: 0; 3536 | } 3537 | .input-group-addon:first-child { 3538 | border-right: 0; 3539 | } 3540 | .input-group .form-control:last-child, 3541 | .input-group-addon:last-child, 3542 | .input-group-btn:last-child > .btn, 3543 | .input-group-btn:last-child > .btn-group > .btn, 3544 | .input-group-btn:last-child > .dropdown-toggle, 3545 | .input-group-btn:first-child > .btn:not(:first-child), 3546 | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { 3547 | border-top-left-radius: 0; 3548 | border-bottom-left-radius: 0; 3549 | } 3550 | .input-group-addon:last-child { 3551 | border-left: 0; 3552 | } 3553 | .input-group-btn { 3554 | position: relative; 3555 | font-size: 0; 3556 | white-space: nowrap; 3557 | } 3558 | .input-group-btn > .btn { 3559 | position: relative; 3560 | } 3561 | .input-group-btn > .btn + .btn { 3562 | margin-left: -1px; 3563 | } 3564 | .input-group-btn > .btn:hover, 3565 | .input-group-btn > .btn:focus, 3566 | .input-group-btn > .btn:active { 3567 | z-index: 2; 3568 | } 3569 | .input-group-btn:first-child > .btn, 3570 | .input-group-btn:first-child > .btn-group { 3571 | margin-right: -1px; 3572 | } 3573 | .input-group-btn:last-child > .btn, 3574 | .input-group-btn:last-child > .btn-group { 3575 | margin-left: -1px; 3576 | } 3577 | .nav { 3578 | padding-left: 0; 3579 | margin-bottom: 0; 3580 | list-style: none; 3581 | } 3582 | .nav > li { 3583 | position: relative; 3584 | display: block; 3585 | } 3586 | .nav > li > a { 3587 | position: relative; 3588 | display: block; 3589 | padding: 10px 15px; 3590 | } 3591 | .nav > li > a:hover, 3592 | .nav > li > a:focus { 3593 | text-decoration: none; 3594 | background-color: #eee; 3595 | } 3596 | .nav > li.disabled > a { 3597 | color: #777; 3598 | } 3599 | .nav > li.disabled > a:hover, 3600 | .nav > li.disabled > a:focus { 3601 | color: #777; 3602 | text-decoration: none; 3603 | cursor: not-allowed; 3604 | background-color: transparent; 3605 | } 3606 | .nav .open > a, 3607 | .nav .open > a:hover, 3608 | .nav .open > a:focus { 3609 | background-color: #eee; 3610 | border-color: #428bca; 3611 | } 3612 | .nav .nav-divider { 3613 | height: 1px; 3614 | margin: 9px 0; 3615 | overflow: hidden; 3616 | background-color: #e5e5e5; 3617 | } 3618 | .nav > li > a > img { 3619 | max-width: none; 3620 | } 3621 | .nav-tabs { 3622 | border-bottom: 1px solid #ddd; 3623 | } 3624 | .nav-tabs > li { 3625 | float: left; 3626 | margin-bottom: -1px; 3627 | } 3628 | .nav-tabs > li > a { 3629 | margin-right: 2px; 3630 | line-height: 1.42857143; 3631 | border: 1px solid transparent; 3632 | border-radius: 4px 4px 0 0; 3633 | } 3634 | .nav-tabs > li > a:hover { 3635 | border-color: #eee #eee #ddd; 3636 | } 3637 | .nav-tabs > li.active > a, 3638 | .nav-tabs > li.active > a:hover, 3639 | .nav-tabs > li.active > a:focus { 3640 | color: #555; 3641 | cursor: default; 3642 | background-color: #fff; 3643 | border: 1px solid #ddd; 3644 | border-bottom-color: transparent; 3645 | } 3646 | .nav-tabs.nav-justified { 3647 | width: 100%; 3648 | border-bottom: 0; 3649 | } 3650 | .nav-tabs.nav-justified > li { 3651 | float: none; 3652 | } 3653 | .nav-tabs.nav-justified > li > a { 3654 | margin-bottom: 5px; 3655 | text-align: center; 3656 | } 3657 | .nav-tabs.nav-justified > .dropdown .dropdown-menu { 3658 | top: auto; 3659 | left: auto; 3660 | } 3661 | @media (min-width: 768px) { 3662 | .nav-tabs.nav-justified > li { 3663 | display: table-cell; 3664 | width: 1%; 3665 | } 3666 | .nav-tabs.nav-justified > li > a { 3667 | margin-bottom: 0; 3668 | } 3669 | } 3670 | .nav-tabs.nav-justified > li > a { 3671 | margin-right: 0; 3672 | border-radius: 4px; 3673 | } 3674 | .nav-tabs.nav-justified > .active > a, 3675 | .nav-tabs.nav-justified > .active > a:hover, 3676 | .nav-tabs.nav-justified > .active > a:focus { 3677 | border: 1px solid #ddd; 3678 | } 3679 | @media (min-width: 768px) { 3680 | .nav-tabs.nav-justified > li > a { 3681 | border-bottom: 1px solid #ddd; 3682 | border-radius: 4px 4px 0 0; 3683 | } 3684 | .nav-tabs.nav-justified > .active > a, 3685 | .nav-tabs.nav-justified > .active > a:hover, 3686 | .nav-tabs.nav-justified > .active > a:focus { 3687 | border-bottom-color: #fff; 3688 | } 3689 | } 3690 | .nav-pills > li { 3691 | float: left; 3692 | } 3693 | .nav-pills > li > a { 3694 | border-radius: 4px; 3695 | } 3696 | .nav-pills > li + li { 3697 | margin-left: 2px; 3698 | } 3699 | .nav-pills > li.active > a, 3700 | .nav-pills > li.active > a:hover, 3701 | .nav-pills > li.active > a:focus { 3702 | color: #fff; 3703 | background-color: #428bca; 3704 | } 3705 | .nav-stacked > li { 3706 | float: none; 3707 | } 3708 | .nav-stacked > li + li { 3709 | margin-top: 2px; 3710 | margin-left: 0; 3711 | } 3712 | .nav-justified { 3713 | width: 100%; 3714 | } 3715 | .nav-justified > li { 3716 | float: none; 3717 | } 3718 | .nav-justified > li > a { 3719 | margin-bottom: 5px; 3720 | text-align: center; 3721 | } 3722 | .nav-justified > .dropdown .dropdown-menu { 3723 | top: auto; 3724 | left: auto; 3725 | } 3726 | @media (min-width: 768px) { 3727 | .nav-justified > li { 3728 | display: table-cell; 3729 | width: 1%; 3730 | } 3731 | .nav-justified > li > a { 3732 | margin-bottom: 0; 3733 | } 3734 | } 3735 | .nav-tabs-justified { 3736 | border-bottom: 0; 3737 | } 3738 | .nav-tabs-justified > li > a { 3739 | margin-right: 0; 3740 | border-radius: 4px; 3741 | } 3742 | .nav-tabs-justified > .active > a, 3743 | .nav-tabs-justified > .active > a:hover, 3744 | .nav-tabs-justified > .active > a:focus { 3745 | border: 1px solid #ddd; 3746 | } 3747 | @media (min-width: 768px) { 3748 | .nav-tabs-justified > li > a { 3749 | border-bottom: 1px solid #ddd; 3750 | border-radius: 4px 4px 0 0; 3751 | } 3752 | .nav-tabs-justified > .active > a, 3753 | .nav-tabs-justified > .active > a:hover, 3754 | .nav-tabs-justified > .active > a:focus { 3755 | border-bottom-color: #fff; 3756 | } 3757 | } 3758 | .tab-content > .tab-pane { 3759 | display: none; 3760 | } 3761 | .tab-content > .active { 3762 | display: block; 3763 | } 3764 | .nav-tabs .dropdown-menu { 3765 | margin-top: -1px; 3766 | border-top-left-radius: 0; 3767 | border-top-right-radius: 0; 3768 | } 3769 | .navbar { 3770 | position: relative; 3771 | min-height: 50px; 3772 | margin-bottom: 20px; 3773 | border: 1px solid transparent; 3774 | } 3775 | @media (min-width: 768px) { 3776 | .navbar { 3777 | border-radius: 4px; 3778 | } 3779 | } 3780 | @media (min-width: 768px) { 3781 | .navbar-header { 3782 | float: left; 3783 | } 3784 | } 3785 | .navbar-collapse { 3786 | padding-right: 15px; 3787 | padding-left: 15px; 3788 | overflow-x: visible; 3789 | -webkit-overflow-scrolling: touch; 3790 | border-top: 1px solid transparent; 3791 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); 3792 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); 3793 | } 3794 | .navbar-collapse.in { 3795 | overflow-y: auto; 3796 | } 3797 | @media (min-width: 768px) { 3798 | .navbar-collapse { 3799 | width: auto; 3800 | border-top: 0; 3801 | -webkit-box-shadow: none; 3802 | box-shadow: none; 3803 | } 3804 | .navbar-collapse.collapse { 3805 | display: block !important; 3806 | height: auto !important; 3807 | padding-bottom: 0; 3808 | overflow: visible !important; 3809 | } 3810 | .navbar-collapse.in { 3811 | overflow-y: visible; 3812 | } 3813 | .navbar-fixed-top .navbar-collapse, 3814 | .navbar-static-top .navbar-collapse, 3815 | .navbar-fixed-bottom .navbar-collapse { 3816 | padding-right: 0; 3817 | padding-left: 0; 3818 | } 3819 | } 3820 | .navbar-fixed-top .navbar-collapse, 3821 | .navbar-fixed-bottom .navbar-collapse { 3822 | max-height: 340px; 3823 | } 3824 | @media (max-width: 480px) and (orientation: landscape) { 3825 | .navbar-fixed-top .navbar-collapse, 3826 | .navbar-fixed-bottom .navbar-collapse { 3827 | max-height: 200px; 3828 | } 3829 | } 3830 | .container > .navbar-header, 3831 | .container-fluid > .navbar-header, 3832 | .container > .navbar-collapse, 3833 | .container-fluid > .navbar-collapse { 3834 | margin-right: -15px; 3835 | margin-left: -15px; 3836 | } 3837 | @media (min-width: 768px) { 3838 | .container > .navbar-header, 3839 | .container-fluid > .navbar-header, 3840 | .container > .navbar-collapse, 3841 | .container-fluid > .navbar-collapse { 3842 | margin-right: 0; 3843 | margin-left: 0; 3844 | } 3845 | } 3846 | .navbar-static-top { 3847 | z-index: 1000; 3848 | border-width: 0 0 1px; 3849 | } 3850 | @media (min-width: 768px) { 3851 | .navbar-static-top { 3852 | border-radius: 0; 3853 | } 3854 | } 3855 | .navbar-fixed-top, 3856 | .navbar-fixed-bottom { 3857 | position: fixed; 3858 | right: 0; 3859 | left: 0; 3860 | z-index: 1030; 3861 | -webkit-transform: translate3d(0, 0, 0); 3862 | -o-transform: translate3d(0, 0, 0); 3863 | transform: translate3d(0, 0, 0); 3864 | } 3865 | @media (min-width: 768px) { 3866 | .navbar-fixed-top, 3867 | .navbar-fixed-bottom { 3868 | border-radius: 0; 3869 | } 3870 | } 3871 | .navbar-fixed-top { 3872 | top: 0; 3873 | border-width: 0 0 1px; 3874 | } 3875 | .navbar-fixed-bottom { 3876 | bottom: 0; 3877 | margin-bottom: 0; 3878 | border-width: 1px 0 0; 3879 | } 3880 | .navbar-brand { 3881 | float: left; 3882 | height: 50px; 3883 | padding: 15px 15px; 3884 | font-size: 18px; 3885 | line-height: 20px; 3886 | } 3887 | .navbar-brand:hover, 3888 | .navbar-brand:focus { 3889 | text-decoration: none; 3890 | } 3891 | @media (min-width: 768px) { 3892 | .navbar > .container .navbar-brand, 3893 | .navbar > .container-fluid .navbar-brand { 3894 | margin-left: -15px; 3895 | } 3896 | } 3897 | .navbar-toggle { 3898 | position: relative; 3899 | float: right; 3900 | padding: 9px 10px; 3901 | margin-top: 8px; 3902 | margin-right: 15px; 3903 | margin-bottom: 8px; 3904 | background-color: transparent; 3905 | background-image: none; 3906 | border: 1px solid transparent; 3907 | border-radius: 4px; 3908 | } 3909 | .navbar-toggle:focus { 3910 | outline: 0; 3911 | } 3912 | .navbar-toggle .icon-bar { 3913 | display: block; 3914 | width: 22px; 3915 | height: 2px; 3916 | border-radius: 1px; 3917 | } 3918 | .navbar-toggle .icon-bar + .icon-bar { 3919 | margin-top: 4px; 3920 | } 3921 | @media (min-width: 768px) { 3922 | .navbar-toggle { 3923 | display: none; 3924 | } 3925 | } 3926 | .navbar-nav { 3927 | margin: 7.5px -15px; 3928 | } 3929 | .navbar-nav > li > a { 3930 | padding-top: 10px; 3931 | padding-bottom: 10px; 3932 | line-height: 20px; 3933 | } 3934 | @media (max-width: 767px) { 3935 | .navbar-nav .open .dropdown-menu { 3936 | position: static; 3937 | float: none; 3938 | width: auto; 3939 | margin-top: 0; 3940 | background-color: transparent; 3941 | border: 0; 3942 | -webkit-box-shadow: none; 3943 | box-shadow: none; 3944 | } 3945 | .navbar-nav .open .dropdown-menu > li > a, 3946 | .navbar-nav .open .dropdown-menu .dropdown-header { 3947 | padding: 5px 15px 5px 25px; 3948 | } 3949 | .navbar-nav .open .dropdown-menu > li > a { 3950 | line-height: 20px; 3951 | } 3952 | .navbar-nav .open .dropdown-menu > li > a:hover, 3953 | .navbar-nav .open .dropdown-menu > li > a:focus { 3954 | background-image: none; 3955 | } 3956 | } 3957 | @media (min-width: 768px) { 3958 | .navbar-nav { 3959 | float: left; 3960 | margin: 0; 3961 | } 3962 | .navbar-nav > li { 3963 | float: left; 3964 | } 3965 | .navbar-nav > li > a { 3966 | padding-top: 15px; 3967 | padding-bottom: 15px; 3968 | } 3969 | .navbar-nav.navbar-right:last-child { 3970 | margin-right: -15px; 3971 | } 3972 | } 3973 | @media (min-width: 768px) { 3974 | .navbar-left { 3975 | float: left !important; 3976 | } 3977 | .navbar-right { 3978 | float: right !important; 3979 | } 3980 | } 3981 | .navbar-form { 3982 | padding: 10px 15px; 3983 | margin-top: 8px; 3984 | margin-right: -15px; 3985 | margin-bottom: 8px; 3986 | margin-left: -15px; 3987 | border-top: 1px solid transparent; 3988 | border-bottom: 1px solid transparent; 3989 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); 3990 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); 3991 | } 3992 | @media (min-width: 768px) { 3993 | .navbar-form .form-group { 3994 | display: inline-block; 3995 | margin-bottom: 0; 3996 | vertical-align: middle; 3997 | } 3998 | .navbar-form .form-control { 3999 | display: inline-block; 4000 | width: auto; 4001 | vertical-align: middle; 4002 | } 4003 | .navbar-form .input-group { 4004 | display: inline-table; 4005 | vertical-align: middle; 4006 | } 4007 | .navbar-form .input-group .input-group-addon, 4008 | .navbar-form .input-group .input-group-btn, 4009 | .navbar-form .input-group .form-control { 4010 | width: auto; 4011 | } 4012 | .navbar-form .input-group > .form-control { 4013 | width: 100%; 4014 | } 4015 | .navbar-form .control-label { 4016 | margin-bottom: 0; 4017 | vertical-align: middle; 4018 | } 4019 | .navbar-form .radio, 4020 | .navbar-form .checkbox { 4021 | display: inline-block; 4022 | margin-top: 0; 4023 | margin-bottom: 0; 4024 | vertical-align: middle; 4025 | } 4026 | .navbar-form .radio label, 4027 | .navbar-form .checkbox label { 4028 | padding-left: 0; 4029 | } 4030 | .navbar-form .radio input[type="radio"], 4031 | .navbar-form .checkbox input[type="checkbox"] { 4032 | position: relative; 4033 | margin-left: 0; 4034 | } 4035 | .navbar-form .has-feedback .form-control-feedback { 4036 | top: 0; 4037 | } 4038 | } 4039 | @media (max-width: 767px) { 4040 | .navbar-form .form-group { 4041 | margin-bottom: 5px; 4042 | } 4043 | } 4044 | @media (min-width: 768px) { 4045 | .navbar-form { 4046 | width: auto; 4047 | padding-top: 0; 4048 | padding-bottom: 0; 4049 | margin-right: 0; 4050 | margin-left: 0; 4051 | border: 0; 4052 | -webkit-box-shadow: none; 4053 | box-shadow: none; 4054 | } 4055 | .navbar-form.navbar-right:last-child { 4056 | margin-right: -15px; 4057 | } 4058 | } 4059 | .navbar-nav > li > .dropdown-menu { 4060 | margin-top: 0; 4061 | border-top-left-radius: 0; 4062 | border-top-right-radius: 0; 4063 | } 4064 | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { 4065 | border-bottom-right-radius: 0; 4066 | border-bottom-left-radius: 0; 4067 | } 4068 | .navbar-btn { 4069 | margin-top: 8px; 4070 | margin-bottom: 8px; 4071 | } 4072 | .navbar-btn.btn-sm { 4073 | margin-top: 10px; 4074 | margin-bottom: 10px; 4075 | } 4076 | .navbar-btn.btn-xs { 4077 | margin-top: 14px; 4078 | margin-bottom: 14px; 4079 | } 4080 | .navbar-text { 4081 | margin-top: 15px; 4082 | margin-bottom: 15px; 4083 | } 4084 | @media (min-width: 768px) { 4085 | .navbar-text { 4086 | float: left; 4087 | margin-right: 15px; 4088 | margin-left: 15px; 4089 | } 4090 | .navbar-text.navbar-right:last-child { 4091 | margin-right: 0; 4092 | } 4093 | } 4094 | .navbar-default { 4095 | background-color: #f8f8f8; 4096 | border-color: #e7e7e7; 4097 | } 4098 | .navbar-default .navbar-brand { 4099 | color: #777; 4100 | } 4101 | .navbar-default .navbar-brand:hover, 4102 | .navbar-default .navbar-brand:focus { 4103 | color: #5e5e5e; 4104 | background-color: transparent; 4105 | } 4106 | .navbar-default .navbar-text { 4107 | color: #777; 4108 | } 4109 | .navbar-default .navbar-nav > li > a { 4110 | color: #777; 4111 | } 4112 | .navbar-default .navbar-nav > li > a:hover, 4113 | .navbar-default .navbar-nav > li > a:focus { 4114 | color: #333; 4115 | background-color: transparent; 4116 | } 4117 | .navbar-default .navbar-nav > .active > a, 4118 | .navbar-default .navbar-nav > .active > a:hover, 4119 | .navbar-default .navbar-nav > .active > a:focus { 4120 | color: #555; 4121 | background-color: #e7e7e7; 4122 | } 4123 | .navbar-default .navbar-nav > .disabled > a, 4124 | .navbar-default .navbar-nav > .disabled > a:hover, 4125 | .navbar-default .navbar-nav > .disabled > a:focus { 4126 | color: #ccc; 4127 | background-color: transparent; 4128 | } 4129 | .navbar-default .navbar-toggle { 4130 | border-color: #ddd; 4131 | } 4132 | .navbar-default .navbar-toggle:hover, 4133 | .navbar-default .navbar-toggle:focus { 4134 | background-color: #ddd; 4135 | } 4136 | .navbar-default .navbar-toggle .icon-bar { 4137 | background-color: #888; 4138 | } 4139 | .navbar-default .navbar-collapse, 4140 | .navbar-default .navbar-form { 4141 | border-color: #e7e7e7; 4142 | } 4143 | .navbar-default .navbar-nav > .open > a, 4144 | .navbar-default .navbar-nav > .open > a:hover, 4145 | .navbar-default .navbar-nav > .open > a:focus { 4146 | color: #555; 4147 | background-color: #e7e7e7; 4148 | } 4149 | @media (max-width: 767px) { 4150 | .navbar-default .navbar-nav .open .dropdown-menu > li > a { 4151 | color: #777; 4152 | } 4153 | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 4154 | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { 4155 | color: #333; 4156 | background-color: transparent; 4157 | } 4158 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 4159 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 4160 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { 4161 | color: #555; 4162 | background-color: #e7e7e7; 4163 | } 4164 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, 4165 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, 4166 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { 4167 | color: #ccc; 4168 | background-color: transparent; 4169 | } 4170 | } 4171 | .navbar-default .navbar-link { 4172 | color: #777; 4173 | } 4174 | .navbar-default .navbar-link:hover { 4175 | color: #333; 4176 | } 4177 | .navbar-default .btn-link { 4178 | color: #777; 4179 | } 4180 | .navbar-default .btn-link:hover, 4181 | .navbar-default .btn-link:focus { 4182 | color: #333; 4183 | } 4184 | .navbar-default .btn-link[disabled]:hover, 4185 | fieldset[disabled] .navbar-default .btn-link:hover, 4186 | .navbar-default .btn-link[disabled]:focus, 4187 | fieldset[disabled] .navbar-default .btn-link:focus { 4188 | color: #ccc; 4189 | } 4190 | .navbar-inverse { 4191 | background-color: #222; 4192 | border-color: #080808; 4193 | } 4194 | .navbar-inverse .navbar-brand { 4195 | color: #777; 4196 | } 4197 | .navbar-inverse .navbar-brand:hover, 4198 | .navbar-inverse .navbar-brand:focus { 4199 | color: #fff; 4200 | background-color: transparent; 4201 | } 4202 | .navbar-inverse .navbar-text { 4203 | color: #777; 4204 | } 4205 | .navbar-inverse .navbar-nav > li > a { 4206 | color: #777; 4207 | } 4208 | .navbar-inverse .navbar-nav > li > a:hover, 4209 | .navbar-inverse .navbar-nav > li > a:focus { 4210 | color: #fff; 4211 | background-color: transparent; 4212 | } 4213 | .navbar-inverse .navbar-nav > .active > a, 4214 | .navbar-inverse .navbar-nav > .active > a:hover, 4215 | .navbar-inverse .navbar-nav > .active > a:focus { 4216 | color: #fff; 4217 | background-color: #080808; 4218 | } 4219 | .navbar-inverse .navbar-nav > .disabled > a, 4220 | .navbar-inverse .navbar-nav > .disabled > a:hover, 4221 | .navbar-inverse .navbar-nav > .disabled > a:focus { 4222 | color: #444; 4223 | background-color: transparent; 4224 | } 4225 | .navbar-inverse .navbar-toggle { 4226 | border-color: #333; 4227 | } 4228 | .navbar-inverse .navbar-toggle:hover, 4229 | .navbar-inverse .navbar-toggle:focus { 4230 | background-color: #333; 4231 | } 4232 | .navbar-inverse .navbar-toggle .icon-bar { 4233 | background-color: #fff; 4234 | } 4235 | .navbar-inverse .navbar-collapse, 4236 | .navbar-inverse .navbar-form { 4237 | border-color: #101010; 4238 | } 4239 | .navbar-inverse .navbar-nav > .open > a, 4240 | .navbar-inverse .navbar-nav > .open > a:hover, 4241 | .navbar-inverse .navbar-nav > .open > a:focus { 4242 | color: #fff; 4243 | background-color: #080808; 4244 | } 4245 | @media (max-width: 767px) { 4246 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { 4247 | border-color: #080808; 4248 | } 4249 | .navbar-inverse .navbar-nav .open .dropdown-menu .divider { 4250 | background-color: #080808; 4251 | } 4252 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { 4253 | color: #777; 4254 | } 4255 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, 4256 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { 4257 | color: #fff; 4258 | background-color: transparent; 4259 | } 4260 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 4261 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 4262 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { 4263 | color: #fff; 4264 | background-color: #080808; 4265 | } 4266 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, 4267 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, 4268 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { 4269 | color: #444; 4270 | background-color: transparent; 4271 | } 4272 | } 4273 | .navbar-inverse .navbar-link { 4274 | color: #777; 4275 | } 4276 | .navbar-inverse .navbar-link:hover { 4277 | color: #fff; 4278 | } 4279 | .navbar-inverse .btn-link { 4280 | color: #777; 4281 | } 4282 | .navbar-inverse .btn-link:hover, 4283 | .navbar-inverse .btn-link:focus { 4284 | color: #fff; 4285 | } 4286 | .navbar-inverse .btn-link[disabled]:hover, 4287 | fieldset[disabled] .navbar-inverse .btn-link:hover, 4288 | .navbar-inverse .btn-link[disabled]:focus, 4289 | fieldset[disabled] .navbar-inverse .btn-link:focus { 4290 | color: #444; 4291 | } 4292 | .breadcrumb { 4293 | padding: 8px 15px; 4294 | margin-bottom: 20px; 4295 | list-style: none; 4296 | background-color: #f5f5f5; 4297 | border-radius: 4px; 4298 | } 4299 | .breadcrumb > li { 4300 | display: inline-block; 4301 | } 4302 | .breadcrumb > li + li:before { 4303 | padding: 0 5px; 4304 | color: #ccc; 4305 | content: "/\00a0"; 4306 | } 4307 | .breadcrumb > .active { 4308 | color: #777; 4309 | } 4310 | .pagination { 4311 | display: inline-block; 4312 | padding-left: 0; 4313 | margin: 20px 0; 4314 | border-radius: 4px; 4315 | } 4316 | .pagination > li { 4317 | display: inline; 4318 | } 4319 | .pagination > li > a, 4320 | .pagination > li > span { 4321 | position: relative; 4322 | float: left; 4323 | padding: 6px 12px; 4324 | margin-left: -1px; 4325 | line-height: 1.42857143; 4326 | color: #428bca; 4327 | text-decoration: none; 4328 | background-color: #fff; 4329 | border: 1px solid #ddd; 4330 | } 4331 | .pagination > li:first-child > a, 4332 | .pagination > li:first-child > span { 4333 | margin-left: 0; 4334 | border-top-left-radius: 4px; 4335 | border-bottom-left-radius: 4px; 4336 | } 4337 | .pagination > li:last-child > a, 4338 | .pagination > li:last-child > span { 4339 | border-top-right-radius: 4px; 4340 | border-bottom-right-radius: 4px; 4341 | } 4342 | .pagination > li > a:hover, 4343 | .pagination > li > span:hover, 4344 | .pagination > li > a:focus, 4345 | .pagination > li > span:focus { 4346 | color: #2a6496; 4347 | background-color: #eee; 4348 | border-color: #ddd; 4349 | } 4350 | .pagination > .active > a, 4351 | .pagination > .active > span, 4352 | .pagination > .active > a:hover, 4353 | .pagination > .active > span:hover, 4354 | .pagination > .active > a:focus, 4355 | .pagination > .active > span:focus { 4356 | z-index: 2; 4357 | color: #fff; 4358 | cursor: default; 4359 | background-color: #428bca; 4360 | border-color: #428bca; 4361 | } 4362 | .pagination > .disabled > span, 4363 | .pagination > .disabled > span:hover, 4364 | .pagination > .disabled > span:focus, 4365 | .pagination > .disabled > a, 4366 | .pagination > .disabled > a:hover, 4367 | .pagination > .disabled > a:focus { 4368 | color: #777; 4369 | cursor: not-allowed; 4370 | background-color: #fff; 4371 | border-color: #ddd; 4372 | } 4373 | .pagination-lg > li > a, 4374 | .pagination-lg > li > span { 4375 | padding: 10px 16px; 4376 | font-size: 18px; 4377 | } 4378 | .pagination-lg > li:first-child > a, 4379 | .pagination-lg > li:first-child > span { 4380 | border-top-left-radius: 6px; 4381 | border-bottom-left-radius: 6px; 4382 | } 4383 | .pagination-lg > li:last-child > a, 4384 | .pagination-lg > li:last-child > span { 4385 | border-top-right-radius: 6px; 4386 | border-bottom-right-radius: 6px; 4387 | } 4388 | .pagination-sm > li > a, 4389 | .pagination-sm > li > span { 4390 | padding: 5px 10px; 4391 | font-size: 12px; 4392 | } 4393 | .pagination-sm > li:first-child > a, 4394 | .pagination-sm > li:first-child > span { 4395 | border-top-left-radius: 3px; 4396 | border-bottom-left-radius: 3px; 4397 | } 4398 | .pagination-sm > li:last-child > a, 4399 | .pagination-sm > li:last-child > span { 4400 | border-top-right-radius: 3px; 4401 | border-bottom-right-radius: 3px; 4402 | } 4403 | .pager { 4404 | padding-left: 0; 4405 | margin: 20px 0; 4406 | text-align: center; 4407 | list-style: none; 4408 | } 4409 | .pager li { 4410 | display: inline; 4411 | } 4412 | .pager li > a, 4413 | .pager li > span { 4414 | display: inline-block; 4415 | padding: 5px 14px; 4416 | background-color: #fff; 4417 | border: 1px solid #ddd; 4418 | border-radius: 15px; 4419 | } 4420 | .pager li > a:hover, 4421 | .pager li > a:focus { 4422 | text-decoration: none; 4423 | background-color: #eee; 4424 | } 4425 | .pager .next > a, 4426 | .pager .next > span { 4427 | float: right; 4428 | } 4429 | .pager .previous > a, 4430 | .pager .previous > span { 4431 | float: left; 4432 | } 4433 | .pager .disabled > a, 4434 | .pager .disabled > a:hover, 4435 | .pager .disabled > a:focus, 4436 | .pager .disabled > span { 4437 | color: #777; 4438 | cursor: not-allowed; 4439 | background-color: #fff; 4440 | } 4441 | .label { 4442 | display: inline; 4443 | padding: .2em .6em .3em; 4444 | font-size: 75%; 4445 | font-weight: bold; 4446 | line-height: 1; 4447 | color: #fff; 4448 | text-align: center; 4449 | white-space: nowrap; 4450 | vertical-align: baseline; 4451 | border-radius: .25em; 4452 | } 4453 | a.label:hover, 4454 | a.label:focus { 4455 | color: #fff; 4456 | text-decoration: none; 4457 | cursor: pointer; 4458 | } 4459 | .label:empty { 4460 | display: none; 4461 | } 4462 | .btn .label { 4463 | position: relative; 4464 | top: -1px; 4465 | } 4466 | .label-default { 4467 | background-color: #777; 4468 | } 4469 | .label-default[href]:hover, 4470 | .label-default[href]:focus { 4471 | background-color: #5e5e5e; 4472 | } 4473 | .label-primary { 4474 | background-color: #428bca; 4475 | } 4476 | .label-primary[href]:hover, 4477 | .label-primary[href]:focus { 4478 | background-color: #3071a9; 4479 | } 4480 | .label-success { 4481 | background-color: #5cb85c; 4482 | } 4483 | .label-success[href]:hover, 4484 | .label-success[href]:focus { 4485 | background-color: #449d44; 4486 | } 4487 | .label-info { 4488 | background-color: #5bc0de; 4489 | } 4490 | .label-info[href]:hover, 4491 | .label-info[href]:focus { 4492 | background-color: #31b0d5; 4493 | } 4494 | .label-warning { 4495 | background-color: #f0ad4e; 4496 | } 4497 | .label-warning[href]:hover, 4498 | .label-warning[href]:focus { 4499 | background-color: #ec971f; 4500 | } 4501 | .label-danger { 4502 | background-color: #d9534f; 4503 | } 4504 | .label-danger[href]:hover, 4505 | .label-danger[href]:focus { 4506 | background-color: #c9302c; 4507 | } 4508 | .badge { 4509 | display: inline-block; 4510 | min-width: 10px; 4511 | padding: 3px 7px; 4512 | font-size: 12px; 4513 | font-weight: bold; 4514 | line-height: 1; 4515 | color: #fff; 4516 | text-align: center; 4517 | white-space: nowrap; 4518 | vertical-align: baseline; 4519 | background-color: #777; 4520 | border-radius: 10px; 4521 | } 4522 | .badge:empty { 4523 | display: none; 4524 | } 4525 | .btn .badge { 4526 | position: relative; 4527 | top: -1px; 4528 | } 4529 | .btn-xs .badge { 4530 | top: 0; 4531 | padding: 1px 5px; 4532 | } 4533 | a.badge:hover, 4534 | a.badge:focus { 4535 | color: #fff; 4536 | text-decoration: none; 4537 | cursor: pointer; 4538 | } 4539 | a.list-group-item.active > .badge, 4540 | .nav-pills > .active > a > .badge { 4541 | color: #428bca; 4542 | background-color: #fff; 4543 | } 4544 | .nav-pills > li > a > .badge { 4545 | margin-left: 3px; 4546 | } 4547 | .jumbotron { 4548 | padding: 30px; 4549 | margin-bottom: 30px; 4550 | color: inherit; 4551 | background-color: #eee; 4552 | } 4553 | .jumbotron h1, 4554 | .jumbotron .h1 { 4555 | color: inherit; 4556 | } 4557 | .jumbotron p { 4558 | margin-bottom: 15px; 4559 | font-size: 21px; 4560 | font-weight: 200; 4561 | } 4562 | .jumbotron > hr { 4563 | border-top-color: #d5d5d5; 4564 | } 4565 | .container .jumbotron { 4566 | border-radius: 6px; 4567 | } 4568 | .jumbotron .container { 4569 | max-width: 100%; 4570 | } 4571 | @media screen and (min-width: 768px) { 4572 | .jumbotron { 4573 | padding-top: 48px; 4574 | padding-bottom: 48px; 4575 | } 4576 | .container .jumbotron { 4577 | padding-right: 60px; 4578 | padding-left: 60px; 4579 | } 4580 | .jumbotron h1, 4581 | .jumbotron .h1 { 4582 | font-size: 63px; 4583 | } 4584 | } 4585 | .thumbnail { 4586 | display: block; 4587 | padding: 4px; 4588 | margin-bottom: 20px; 4589 | line-height: 1.42857143; 4590 | background-color: #fff; 4591 | border: 1px solid #ddd; 4592 | border-radius: 4px; 4593 | -webkit-transition: all .2s ease-in-out; 4594 | -o-transition: all .2s ease-in-out; 4595 | transition: all .2s ease-in-out; 4596 | } 4597 | .thumbnail > img, 4598 | .thumbnail a > img { 4599 | margin-right: auto; 4600 | margin-left: auto; 4601 | } 4602 | a.thumbnail:hover, 4603 | a.thumbnail:focus, 4604 | a.thumbnail.active { 4605 | border-color: #428bca; 4606 | } 4607 | .thumbnail .caption { 4608 | padding: 9px; 4609 | color: #333; 4610 | } 4611 | .alert { 4612 | padding: 15px; 4613 | margin-bottom: 20px; 4614 | border: 1px solid transparent; 4615 | border-radius: 4px; 4616 | } 4617 | .alert h4 { 4618 | margin-top: 0; 4619 | color: inherit; 4620 | } 4621 | .alert .alert-link { 4622 | font-weight: bold; 4623 | } 4624 | .alert > p, 4625 | .alert > ul { 4626 | margin-bottom: 0; 4627 | } 4628 | .alert > p + p { 4629 | margin-top: 5px; 4630 | } 4631 | .alert-dismissable, 4632 | .alert-dismissible { 4633 | padding-right: 35px; 4634 | } 4635 | .alert-dismissable .close, 4636 | .alert-dismissible .close { 4637 | position: relative; 4638 | top: -2px; 4639 | right: -21px; 4640 | color: inherit; 4641 | } 4642 | .alert-success { 4643 | color: #3c763d; 4644 | background-color: #dff0d8; 4645 | border-color: #d6e9c6; 4646 | } 4647 | .alert-success hr { 4648 | border-top-color: #c9e2b3; 4649 | } 4650 | .alert-success .alert-link { 4651 | color: #2b542c; 4652 | } 4653 | .alert-info { 4654 | color: #31708f; 4655 | background-color: #d9edf7; 4656 | border-color: #bce8f1; 4657 | } 4658 | .alert-info hr { 4659 | border-top-color: #a6e1ec; 4660 | } 4661 | .alert-info .alert-link { 4662 | color: #245269; 4663 | } 4664 | .alert-warning { 4665 | color: #8a6d3b; 4666 | background-color: #fcf8e3; 4667 | border-color: #faebcc; 4668 | } 4669 | .alert-warning hr { 4670 | border-top-color: #f7e1b5; 4671 | } 4672 | .alert-warning .alert-link { 4673 | color: #66512c; 4674 | } 4675 | .alert-danger { 4676 | color: #a94442; 4677 | background-color: #f2dede; 4678 | border-color: #ebccd1; 4679 | } 4680 | .alert-danger hr { 4681 | border-top-color: #e4b9c0; 4682 | } 4683 | .alert-danger .alert-link { 4684 | color: #843534; 4685 | } 4686 | @-webkit-keyframes progress-bar-stripes { 4687 | from { 4688 | background-position: 40px 0; 4689 | } 4690 | to { 4691 | background-position: 0 0; 4692 | } 4693 | } 4694 | @-o-keyframes progress-bar-stripes { 4695 | from { 4696 | background-position: 40px 0; 4697 | } 4698 | to { 4699 | background-position: 0 0; 4700 | } 4701 | } 4702 | @keyframes progress-bar-stripes { 4703 | from { 4704 | background-position: 40px 0; 4705 | } 4706 | to { 4707 | background-position: 0 0; 4708 | } 4709 | } 4710 | .progress { 4711 | height: 20px; 4712 | margin-bottom: 20px; 4713 | overflow: hidden; 4714 | background-color: #f5f5f5; 4715 | border-radius: 4px; 4716 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 4717 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 4718 | } 4719 | .progress-bar { 4720 | float: left; 4721 | width: 0; 4722 | height: 100%; 4723 | font-size: 12px; 4724 | line-height: 20px; 4725 | color: #fff; 4726 | text-align: center; 4727 | background-color: #428bca; 4728 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); 4729 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); 4730 | -webkit-transition: width .6s ease; 4731 | -o-transition: width .6s ease; 4732 | transition: width .6s ease; 4733 | } 4734 | .progress-striped .progress-bar, 4735 | .progress-bar-striped { 4736 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4737 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4738 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4739 | -webkit-background-size: 40px 40px; 4740 | background-size: 40px 40px; 4741 | } 4742 | .progress.active .progress-bar, 4743 | .progress-bar.active { 4744 | -webkit-animation: progress-bar-stripes 2s linear infinite; 4745 | -o-animation: progress-bar-stripes 2s linear infinite; 4746 | animation: progress-bar-stripes 2s linear infinite; 4747 | } 4748 | .progress-bar[aria-valuenow="1"], 4749 | .progress-bar[aria-valuenow="2"] { 4750 | min-width: 30px; 4751 | } 4752 | .progress-bar[aria-valuenow="0"] { 4753 | min-width: 30px; 4754 | color: #777; 4755 | background-color: transparent; 4756 | background-image: none; 4757 | -webkit-box-shadow: none; 4758 | box-shadow: none; 4759 | } 4760 | .progress-bar-success { 4761 | background-color: #5cb85c; 4762 | } 4763 | .progress-striped .progress-bar-success { 4764 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4765 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4766 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4767 | } 4768 | .progress-bar-info { 4769 | background-color: #5bc0de; 4770 | } 4771 | .progress-striped .progress-bar-info { 4772 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4773 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4774 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4775 | } 4776 | .progress-bar-warning { 4777 | background-color: #f0ad4e; 4778 | } 4779 | .progress-striped .progress-bar-warning { 4780 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4781 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4782 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4783 | } 4784 | .progress-bar-danger { 4785 | background-color: #d9534f; 4786 | } 4787 | .progress-striped .progress-bar-danger { 4788 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4789 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4790 | background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); 4791 | } 4792 | .media, 4793 | .media-body { 4794 | overflow: hidden; 4795 | zoom: 1; 4796 | } 4797 | .media, 4798 | .media .media { 4799 | margin-top: 15px; 4800 | } 4801 | .media:first-child { 4802 | margin-top: 0; 4803 | } 4804 | .media-object { 4805 | display: block; 4806 | } 4807 | .media-heading { 4808 | margin: 0 0 5px; 4809 | } 4810 | .media > .pull-left { 4811 | margin-right: 10px; 4812 | } 4813 | .media > .pull-right { 4814 | margin-left: 10px; 4815 | } 4816 | .media-list { 4817 | padding-left: 0; 4818 | list-style: none; 4819 | } 4820 | .list-group { 4821 | padding-left: 0; 4822 | margin-bottom: 20px; 4823 | } 4824 | .list-group-item { 4825 | position: relative; 4826 | display: block; 4827 | padding: 10px 15px; 4828 | margin-bottom: -1px; 4829 | background-color: #fff; 4830 | border: 1px solid #ddd; 4831 | } 4832 | .list-group-item:first-child { 4833 | border-top-left-radius: 4px; 4834 | border-top-right-radius: 4px; 4835 | } 4836 | .list-group-item:last-child { 4837 | margin-bottom: 0; 4838 | border-bottom-right-radius: 4px; 4839 | border-bottom-left-radius: 4px; 4840 | } 4841 | .list-group-item > .badge { 4842 | float: right; 4843 | } 4844 | .list-group-item > .badge + .badge { 4845 | margin-right: 5px; 4846 | } 4847 | a.list-group-item { 4848 | color: #555; 4849 | } 4850 | a.list-group-item .list-group-item-heading { 4851 | color: #333; 4852 | } 4853 | a.list-group-item:hover, 4854 | a.list-group-item:focus { 4855 | color: #555; 4856 | text-decoration: none; 4857 | background-color: #f5f5f5; 4858 | } 4859 | .list-group-item.disabled, 4860 | .list-group-item.disabled:hover, 4861 | .list-group-item.disabled:focus { 4862 | color: #777; 4863 | background-color: #eee; 4864 | } 4865 | .list-group-item.disabled .list-group-item-heading, 4866 | .list-group-item.disabled:hover .list-group-item-heading, 4867 | .list-group-item.disabled:focus .list-group-item-heading { 4868 | color: inherit; 4869 | } 4870 | .list-group-item.disabled .list-group-item-text, 4871 | .list-group-item.disabled:hover .list-group-item-text, 4872 | .list-group-item.disabled:focus .list-group-item-text { 4873 | color: #777; 4874 | } 4875 | .list-group-item.active, 4876 | .list-group-item.active:hover, 4877 | .list-group-item.active:focus { 4878 | z-index: 2; 4879 | color: #fff; 4880 | background-color: #428bca; 4881 | border-color: #428bca; 4882 | } 4883 | .list-group-item.active .list-group-item-heading, 4884 | .list-group-item.active:hover .list-group-item-heading, 4885 | .list-group-item.active:focus .list-group-item-heading, 4886 | .list-group-item.active .list-group-item-heading > small, 4887 | .list-group-item.active:hover .list-group-item-heading > small, 4888 | .list-group-item.active:focus .list-group-item-heading > small, 4889 | .list-group-item.active .list-group-item-heading > .small, 4890 | .list-group-item.active:hover .list-group-item-heading > .small, 4891 | .list-group-item.active:focus .list-group-item-heading > .small { 4892 | color: inherit; 4893 | } 4894 | .list-group-item.active .list-group-item-text, 4895 | .list-group-item.active:hover .list-group-item-text, 4896 | .list-group-item.active:focus .list-group-item-text { 4897 | color: #e1edf7; 4898 | } 4899 | .list-group-item-success { 4900 | color: #3c763d; 4901 | background-color: #dff0d8; 4902 | } 4903 | a.list-group-item-success { 4904 | color: #3c763d; 4905 | } 4906 | a.list-group-item-success .list-group-item-heading { 4907 | color: inherit; 4908 | } 4909 | a.list-group-item-success:hover, 4910 | a.list-group-item-success:focus { 4911 | color: #3c763d; 4912 | background-color: #d0e9c6; 4913 | } 4914 | a.list-group-item-success.active, 4915 | a.list-group-item-success.active:hover, 4916 | a.list-group-item-success.active:focus { 4917 | color: #fff; 4918 | background-color: #3c763d; 4919 | border-color: #3c763d; 4920 | } 4921 | .list-group-item-info { 4922 | color: #31708f; 4923 | background-color: #d9edf7; 4924 | } 4925 | a.list-group-item-info { 4926 | color: #31708f; 4927 | } 4928 | a.list-group-item-info .list-group-item-heading { 4929 | color: inherit; 4930 | } 4931 | a.list-group-item-info:hover, 4932 | a.list-group-item-info:focus { 4933 | color: #31708f; 4934 | background-color: #c4e3f3; 4935 | } 4936 | a.list-group-item-info.active, 4937 | a.list-group-item-info.active:hover, 4938 | a.list-group-item-info.active:focus { 4939 | color: #fff; 4940 | background-color: #31708f; 4941 | border-color: #31708f; 4942 | } 4943 | .list-group-item-warning { 4944 | color: #8a6d3b; 4945 | background-color: #fcf8e3; 4946 | } 4947 | a.list-group-item-warning { 4948 | color: #8a6d3b; 4949 | } 4950 | a.list-group-item-warning .list-group-item-heading { 4951 | color: inherit; 4952 | } 4953 | a.list-group-item-warning:hover, 4954 | a.list-group-item-warning:focus { 4955 | color: #8a6d3b; 4956 | background-color: #faf2cc; 4957 | } 4958 | a.list-group-item-warning.active, 4959 | a.list-group-item-warning.active:hover, 4960 | a.list-group-item-warning.active:focus { 4961 | color: #fff; 4962 | background-color: #8a6d3b; 4963 | border-color: #8a6d3b; 4964 | } 4965 | .list-group-item-danger { 4966 | color: #a94442; 4967 | background-color: #f2dede; 4968 | } 4969 | a.list-group-item-danger { 4970 | color: #a94442; 4971 | } 4972 | a.list-group-item-danger .list-group-item-heading { 4973 | color: inherit; 4974 | } 4975 | a.list-group-item-danger:hover, 4976 | a.list-group-item-danger:focus { 4977 | color: #a94442; 4978 | background-color: #ebcccc; 4979 | } 4980 | a.list-group-item-danger.active, 4981 | a.list-group-item-danger.active:hover, 4982 | a.list-group-item-danger.active:focus { 4983 | color: #fff; 4984 | background-color: #a94442; 4985 | border-color: #a94442; 4986 | } 4987 | .list-group-item-heading { 4988 | margin-top: 0; 4989 | margin-bottom: 5px; 4990 | } 4991 | .list-group-item-text { 4992 | margin-bottom: 0; 4993 | line-height: 1.3; 4994 | } 4995 | .panel { 4996 | margin-bottom: 20px; 4997 | background-color: #fff; 4998 | border: 1px solid transparent; 4999 | border-radius: 4px; 5000 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); 5001 | box-shadow: 0 1px 1px rgba(0, 0, 0, .05); 5002 | } 5003 | .panel-body { 5004 | padding: 15px; 5005 | } 5006 | .panel-heading { 5007 | padding: 10px 15px; 5008 | border-bottom: 1px solid transparent; 5009 | border-top-left-radius: 3px; 5010 | border-top-right-radius: 3px; 5011 | } 5012 | .panel-heading > .dropdown .dropdown-toggle { 5013 | color: inherit; 5014 | } 5015 | .panel-title { 5016 | margin-top: 0; 5017 | margin-bottom: 0; 5018 | font-size: 16px; 5019 | color: inherit; 5020 | } 5021 | .panel-title > a { 5022 | color: inherit; 5023 | } 5024 | .panel-footer { 5025 | padding: 10px 15px; 5026 | background-color: #f5f5f5; 5027 | border-top: 1px solid #ddd; 5028 | border-bottom-right-radius: 3px; 5029 | border-bottom-left-radius: 3px; 5030 | } 5031 | .panel > .list-group { 5032 | margin-bottom: 0; 5033 | } 5034 | .panel > .list-group .list-group-item { 5035 | border-width: 1px 0; 5036 | border-radius: 0; 5037 | } 5038 | .panel > .list-group:first-child .list-group-item:first-child { 5039 | border-top: 0; 5040 | border-top-left-radius: 3px; 5041 | border-top-right-radius: 3px; 5042 | } 5043 | .panel > .list-group:last-child .list-group-item:last-child { 5044 | border-bottom: 0; 5045 | border-bottom-right-radius: 3px; 5046 | border-bottom-left-radius: 3px; 5047 | } 5048 | .panel-heading + .list-group .list-group-item:first-child { 5049 | border-top-width: 0; 5050 | } 5051 | .list-group + .panel-footer { 5052 | border-top-width: 0; 5053 | } 5054 | .panel > .table, 5055 | .panel > .table-responsive > .table, 5056 | .panel > .panel-collapse > .table { 5057 | margin-bottom: 0; 5058 | } 5059 | .panel > .table:first-child, 5060 | .panel > .table-responsive:first-child > .table:first-child { 5061 | border-top-left-radius: 3px; 5062 | border-top-right-radius: 3px; 5063 | } 5064 | .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, 5065 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, 5066 | .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, 5067 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, 5068 | .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, 5069 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, 5070 | .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, 5071 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { 5072 | border-top-left-radius: 3px; 5073 | } 5074 | .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, 5075 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, 5076 | .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, 5077 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, 5078 | .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, 5079 | .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, 5080 | .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, 5081 | .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { 5082 | border-top-right-radius: 3px; 5083 | } 5084 | .panel > .table:last-child, 5085 | .panel > .table-responsive:last-child > .table:last-child { 5086 | border-bottom-right-radius: 3px; 5087 | border-bottom-left-radius: 3px; 5088 | } 5089 | .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, 5090 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, 5091 | .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, 5092 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, 5093 | .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, 5094 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, 5095 | .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, 5096 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { 5097 | border-bottom-left-radius: 3px; 5098 | } 5099 | .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, 5100 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, 5101 | .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, 5102 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, 5103 | .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, 5104 | .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, 5105 | .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, 5106 | .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { 5107 | border-bottom-right-radius: 3px; 5108 | } 5109 | .panel > .panel-body + .table, 5110 | .panel > .panel-body + .table-responsive { 5111 | border-top: 1px solid #ddd; 5112 | } 5113 | .panel > .table > tbody:first-child > tr:first-child th, 5114 | .panel > .table > tbody:first-child > tr:first-child td { 5115 | border-top: 0; 5116 | } 5117 | .panel > .table-bordered, 5118 | .panel > .table-responsive > .table-bordered { 5119 | border: 0; 5120 | } 5121 | .panel > .table-bordered > thead > tr > th:first-child, 5122 | .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, 5123 | .panel > .table-bordered > tbody > tr > th:first-child, 5124 | .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, 5125 | .panel > .table-bordered > tfoot > tr > th:first-child, 5126 | .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, 5127 | .panel > .table-bordered > thead > tr > td:first-child, 5128 | .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, 5129 | .panel > .table-bordered > tbody > tr > td:first-child, 5130 | .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, 5131 | .panel > .table-bordered > tfoot > tr > td:first-child, 5132 | .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { 5133 | border-left: 0; 5134 | } 5135 | .panel > .table-bordered > thead > tr > th:last-child, 5136 | .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, 5137 | .panel > .table-bordered > tbody > tr > th:last-child, 5138 | .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, 5139 | .panel > .table-bordered > tfoot > tr > th:last-child, 5140 | .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, 5141 | .panel > .table-bordered > thead > tr > td:last-child, 5142 | .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, 5143 | .panel > .table-bordered > tbody > tr > td:last-child, 5144 | .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, 5145 | .panel > .table-bordered > tfoot > tr > td:last-child, 5146 | .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { 5147 | border-right: 0; 5148 | } 5149 | .panel > .table-bordered > thead > tr:first-child > td, 5150 | .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, 5151 | .panel > .table-bordered > tbody > tr:first-child > td, 5152 | .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, 5153 | .panel > .table-bordered > thead > tr:first-child > th, 5154 | .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, 5155 | .panel > .table-bordered > tbody > tr:first-child > th, 5156 | .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { 5157 | border-bottom: 0; 5158 | } 5159 | .panel > .table-bordered > tbody > tr:last-child > td, 5160 | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, 5161 | .panel > .table-bordered > tfoot > tr:last-child > td, 5162 | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, 5163 | .panel > .table-bordered > tbody > tr:last-child > th, 5164 | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, 5165 | .panel > .table-bordered > tfoot > tr:last-child > th, 5166 | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { 5167 | border-bottom: 0; 5168 | } 5169 | .panel > .table-responsive { 5170 | margin-bottom: 0; 5171 | border: 0; 5172 | } 5173 | .panel-group { 5174 | margin-bottom: 20px; 5175 | } 5176 | .panel-group .panel { 5177 | margin-bottom: 0; 5178 | border-radius: 4px; 5179 | } 5180 | .panel-group .panel + .panel { 5181 | margin-top: 5px; 5182 | } 5183 | .panel-group .panel-heading { 5184 | border-bottom: 0; 5185 | } 5186 | .panel-group .panel-heading + .panel-collapse > .panel-body { 5187 | border-top: 1px solid #ddd; 5188 | } 5189 | .panel-group .panel-footer { 5190 | border-top: 0; 5191 | } 5192 | .panel-group .panel-footer + .panel-collapse .panel-body { 5193 | border-bottom: 1px solid #ddd; 5194 | } 5195 | .panel-default { 5196 | border-color: #ddd; 5197 | } 5198 | .panel-default > .panel-heading { 5199 | color: #333; 5200 | background-color: #f5f5f5; 5201 | border-color: #ddd; 5202 | } 5203 | .panel-default > .panel-heading + .panel-collapse > .panel-body { 5204 | border-top-color: #ddd; 5205 | } 5206 | .panel-default > .panel-heading .badge { 5207 | color: #f5f5f5; 5208 | background-color: #333; 5209 | } 5210 | .panel-default > .panel-footer + .panel-collapse > .panel-body { 5211 | border-bottom-color: #ddd; 5212 | } 5213 | .panel-primary { 5214 | border-color: #428bca; 5215 | } 5216 | .panel-primary > .panel-heading { 5217 | color: #fff; 5218 | background-color: #428bca; 5219 | border-color: #428bca; 5220 | } 5221 | .panel-primary > .panel-heading + .panel-collapse > .panel-body { 5222 | border-top-color: #428bca; 5223 | } 5224 | .panel-primary > .panel-heading .badge { 5225 | color: #428bca; 5226 | background-color: #fff; 5227 | } 5228 | .panel-primary > .panel-footer + .panel-collapse > .panel-body { 5229 | border-bottom-color: #428bca; 5230 | } 5231 | .panel-success { 5232 | border-color: #d6e9c6; 5233 | } 5234 | .panel-success > .panel-heading { 5235 | color: #3c763d; 5236 | background-color: #dff0d8; 5237 | border-color: #d6e9c6; 5238 | } 5239 | .panel-success > .panel-heading + .panel-collapse > .panel-body { 5240 | border-top-color: #d6e9c6; 5241 | } 5242 | .panel-success > .panel-heading .badge { 5243 | color: #dff0d8; 5244 | background-color: #3c763d; 5245 | } 5246 | .panel-success > .panel-footer + .panel-collapse > .panel-body { 5247 | border-bottom-color: #d6e9c6; 5248 | } 5249 | .panel-info { 5250 | border-color: #bce8f1; 5251 | } 5252 | .panel-info > .panel-heading { 5253 | color: #31708f; 5254 | background-color: #d9edf7; 5255 | border-color: #bce8f1; 5256 | } 5257 | .panel-info > .panel-heading + .panel-collapse > .panel-body { 5258 | border-top-color: #bce8f1; 5259 | } 5260 | .panel-info > .panel-heading .badge { 5261 | color: #d9edf7; 5262 | background-color: #31708f; 5263 | } 5264 | .panel-info > .panel-footer + .panel-collapse > .panel-body { 5265 | border-bottom-color: #bce8f1; 5266 | } 5267 | .panel-warning { 5268 | border-color: #faebcc; 5269 | } 5270 | .panel-warning > .panel-heading { 5271 | color: #8a6d3b; 5272 | background-color: #fcf8e3; 5273 | border-color: #faebcc; 5274 | } 5275 | .panel-warning > .panel-heading + .panel-collapse > .panel-body { 5276 | border-top-color: #faebcc; 5277 | } 5278 | .panel-warning > .panel-heading .badge { 5279 | color: #fcf8e3; 5280 | background-color: #8a6d3b; 5281 | } 5282 | .panel-warning > .panel-footer + .panel-collapse > .panel-body { 5283 | border-bottom-color: #faebcc; 5284 | } 5285 | .panel-danger { 5286 | border-color: #ebccd1; 5287 | } 5288 | .panel-danger > .panel-heading { 5289 | color: #a94442; 5290 | background-color: #f2dede; 5291 | border-color: #ebccd1; 5292 | } 5293 | .panel-danger > .panel-heading + .panel-collapse > .panel-body { 5294 | border-top-color: #ebccd1; 5295 | } 5296 | .panel-danger > .panel-heading .badge { 5297 | color: #f2dede; 5298 | background-color: #a94442; 5299 | } 5300 | .panel-danger > .panel-footer + .panel-collapse > .panel-body { 5301 | border-bottom-color: #ebccd1; 5302 | } 5303 | .embed-responsive { 5304 | position: relative; 5305 | display: block; 5306 | height: 0; 5307 | padding: 0; 5308 | overflow: hidden; 5309 | } 5310 | .embed-responsive .embed-responsive-item, 5311 | .embed-responsive iframe, 5312 | .embed-responsive embed, 5313 | .embed-responsive object { 5314 | position: absolute; 5315 | top: 0; 5316 | bottom: 0; 5317 | left: 0; 5318 | width: 100%; 5319 | height: 100%; 5320 | border: 0; 5321 | } 5322 | .embed-responsive.embed-responsive-16by9 { 5323 | padding-bottom: 56.25%; 5324 | } 5325 | .embed-responsive.embed-responsive-4by3 { 5326 | padding-bottom: 75%; 5327 | } 5328 | .well { 5329 | min-height: 20px; 5330 | padding: 19px; 5331 | margin-bottom: 20px; 5332 | background-color: #f5f5f5; 5333 | border: 1px solid #e3e3e3; 5334 | border-radius: 4px; 5335 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); 5336 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); 5337 | } 5338 | .well blockquote { 5339 | border-color: #ddd; 5340 | border-color: rgba(0, 0, 0, .15); 5341 | } 5342 | .well-lg { 5343 | padding: 24px; 5344 | border-radius: 6px; 5345 | } 5346 | .well-sm { 5347 | padding: 9px; 5348 | border-radius: 3px; 5349 | } 5350 | .close { 5351 | float: right; 5352 | font-size: 21px; 5353 | font-weight: bold; 5354 | line-height: 1; 5355 | color: #000; 5356 | text-shadow: 0 1px 0 #fff; 5357 | filter: alpha(opacity=20); 5358 | opacity: .2; 5359 | } 5360 | .close:hover, 5361 | .close:focus { 5362 | color: #000; 5363 | text-decoration: none; 5364 | cursor: pointer; 5365 | filter: alpha(opacity=50); 5366 | opacity: .5; 5367 | } 5368 | button.close { 5369 | -webkit-appearance: none; 5370 | padding: 0; 5371 | cursor: pointer; 5372 | background: transparent; 5373 | border: 0; 5374 | } 5375 | .modal-open { 5376 | overflow: hidden; 5377 | } 5378 | .modal { 5379 | position: fixed; 5380 | top: 0; 5381 | right: 0; 5382 | bottom: 0; 5383 | left: 0; 5384 | z-index: 1050; 5385 | display: none; 5386 | overflow: hidden; 5387 | -webkit-overflow-scrolling: touch; 5388 | outline: 0; 5389 | } 5390 | .modal.fade .modal-dialog { 5391 | -webkit-transition: -webkit-transform .3s ease-out; 5392 | -o-transition: -o-transform .3s ease-out; 5393 | transition: transform .3s ease-out; 5394 | -webkit-transform: translate3d(0, -25%, 0); 5395 | -o-transform: translate3d(0, -25%, 0); 5396 | transform: translate3d(0, -25%, 0); 5397 | } 5398 | .modal.in .modal-dialog { 5399 | -webkit-transform: translate3d(0, 0, 0); 5400 | -o-transform: translate3d(0, 0, 0); 5401 | transform: translate3d(0, 0, 0); 5402 | } 5403 | .modal-open .modal { 5404 | overflow-x: hidden; 5405 | overflow-y: auto; 5406 | } 5407 | .modal-dialog { 5408 | position: relative; 5409 | width: auto; 5410 | margin: 10px; 5411 | } 5412 | .modal-content { 5413 | position: relative; 5414 | background-color: #fff; 5415 | -webkit-background-clip: padding-box; 5416 | background-clip: padding-box; 5417 | border: 1px solid #999; 5418 | border: 1px solid rgba(0, 0, 0, .2); 5419 | border-radius: 6px; 5420 | outline: 0; 5421 | -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); 5422 | box-shadow: 0 3px 9px rgba(0, 0, 0, .5); 5423 | } 5424 | .modal-backdrop { 5425 | position: fixed; 5426 | top: 0; 5427 | right: 0; 5428 | bottom: 0; 5429 | left: 0; 5430 | z-index: 1040; 5431 | background-color: #000; 5432 | } 5433 | .modal-backdrop.fade { 5434 | filter: alpha(opacity=0); 5435 | opacity: 0; 5436 | } 5437 | .modal-backdrop.in { 5438 | filter: alpha(opacity=50); 5439 | opacity: .5; 5440 | } 5441 | .modal-header { 5442 | min-height: 16.42857143px; 5443 | padding: 15px; 5444 | border-bottom: 1px solid #e5e5e5; 5445 | } 5446 | .modal-header .close { 5447 | margin-top: -2px; 5448 | } 5449 | .modal-title { 5450 | margin: 0; 5451 | line-height: 1.42857143; 5452 | } 5453 | .modal-body { 5454 | position: relative; 5455 | padding: 15px; 5456 | } 5457 | .modal-footer { 5458 | padding: 15px; 5459 | text-align: right; 5460 | border-top: 1px solid #e5e5e5; 5461 | } 5462 | .modal-footer .btn + .btn { 5463 | margin-bottom: 0; 5464 | margin-left: 5px; 5465 | } 5466 | .modal-footer .btn-group .btn + .btn { 5467 | margin-left: -1px; 5468 | } 5469 | .modal-footer .btn-block + .btn-block { 5470 | margin-left: 0; 5471 | } 5472 | .modal-scrollbar-measure { 5473 | position: absolute; 5474 | top: -9999px; 5475 | width: 50px; 5476 | height: 50px; 5477 | overflow: scroll; 5478 | } 5479 | @media (min-width: 768px) { 5480 | .modal-dialog { 5481 | width: 600px; 5482 | margin: 30px auto; 5483 | } 5484 | .modal-content { 5485 | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); 5486 | box-shadow: 0 5px 15px rgba(0, 0, 0, .5); 5487 | } 5488 | .modal-sm { 5489 | width: 300px; 5490 | } 5491 | } 5492 | @media (min-width: 992px) { 5493 | .modal-lg { 5494 | width: 900px; 5495 | } 5496 | } 5497 | .tooltip { 5498 | position: absolute; 5499 | z-index: 1070; 5500 | display: block; 5501 | font-size: 12px; 5502 | line-height: 1.4; 5503 | visibility: visible; 5504 | filter: alpha(opacity=0); 5505 | opacity: 0; 5506 | } 5507 | .tooltip.in { 5508 | filter: alpha(opacity=90); 5509 | opacity: .9; 5510 | } 5511 | .tooltip.top { 5512 | padding: 5px 0; 5513 | margin-top: -3px; 5514 | } 5515 | .tooltip.right { 5516 | padding: 0 5px; 5517 | margin-left: 3px; 5518 | } 5519 | .tooltip.bottom { 5520 | padding: 5px 0; 5521 | margin-top: 3px; 5522 | } 5523 | .tooltip.left { 5524 | padding: 0 5px; 5525 | margin-left: -3px; 5526 | } 5527 | .tooltip-inner { 5528 | max-width: 200px; 5529 | padding: 3px 8px; 5530 | color: #fff; 5531 | text-align: center; 5532 | text-decoration: none; 5533 | background-color: #000; 5534 | border-radius: 4px; 5535 | } 5536 | .tooltip-arrow { 5537 | position: absolute; 5538 | width: 0; 5539 | height: 0; 5540 | border-color: transparent; 5541 | border-style: solid; 5542 | } 5543 | .tooltip.top .tooltip-arrow { 5544 | bottom: 0; 5545 | left: 50%; 5546 | margin-left: -5px; 5547 | border-width: 5px 5px 0; 5548 | border-top-color: #000; 5549 | } 5550 | .tooltip.top-left .tooltip-arrow { 5551 | bottom: 0; 5552 | left: 5px; 5553 | border-width: 5px 5px 0; 5554 | border-top-color: #000; 5555 | } 5556 | .tooltip.top-right .tooltip-arrow { 5557 | right: 5px; 5558 | bottom: 0; 5559 | border-width: 5px 5px 0; 5560 | border-top-color: #000; 5561 | } 5562 | .tooltip.right .tooltip-arrow { 5563 | top: 50%; 5564 | left: 0; 5565 | margin-top: -5px; 5566 | border-width: 5px 5px 5px 0; 5567 | border-right-color: #000; 5568 | } 5569 | .tooltip.left .tooltip-arrow { 5570 | top: 50%; 5571 | right: 0; 5572 | margin-top: -5px; 5573 | border-width: 5px 0 5px 5px; 5574 | border-left-color: #000; 5575 | } 5576 | .tooltip.bottom .tooltip-arrow { 5577 | top: 0; 5578 | left: 50%; 5579 | margin-left: -5px; 5580 | border-width: 0 5px 5px; 5581 | border-bottom-color: #000; 5582 | } 5583 | .tooltip.bottom-left .tooltip-arrow { 5584 | top: 0; 5585 | left: 5px; 5586 | border-width: 0 5px 5px; 5587 | border-bottom-color: #000; 5588 | } 5589 | .tooltip.bottom-right .tooltip-arrow { 5590 | top: 0; 5591 | right: 5px; 5592 | border-width: 0 5px 5px; 5593 | border-bottom-color: #000; 5594 | } 5595 | .popover { 5596 | position: absolute; 5597 | top: 0; 5598 | left: 0; 5599 | z-index: 1060; 5600 | display: none; 5601 | max-width: 276px; 5602 | padding: 1px; 5603 | text-align: left; 5604 | white-space: normal; 5605 | background-color: #fff; 5606 | -webkit-background-clip: padding-box; 5607 | background-clip: padding-box; 5608 | border: 1px solid #ccc; 5609 | border: 1px solid rgba(0, 0, 0, .2); 5610 | border-radius: 6px; 5611 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); 5612 | box-shadow: 0 5px 10px rgba(0, 0, 0, .2); 5613 | } 5614 | .popover.top { 5615 | margin-top: -10px; 5616 | } 5617 | .popover.right { 5618 | margin-left: 10px; 5619 | } 5620 | .popover.bottom { 5621 | margin-top: 10px; 5622 | } 5623 | .popover.left { 5624 | margin-left: -10px; 5625 | } 5626 | .popover-title { 5627 | padding: 8px 14px; 5628 | margin: 0; 5629 | font-size: 14px; 5630 | font-weight: normal; 5631 | line-height: 18px; 5632 | background-color: #f7f7f7; 5633 | border-bottom: 1px solid #ebebeb; 5634 | border-radius: 5px 5px 0 0; 5635 | } 5636 | .popover-content { 5637 | padding: 9px 14px; 5638 | } 5639 | .popover > .arrow, 5640 | .popover > .arrow:after { 5641 | position: absolute; 5642 | display: block; 5643 | width: 0; 5644 | height: 0; 5645 | border-color: transparent; 5646 | border-style: solid; 5647 | } 5648 | .popover > .arrow { 5649 | border-width: 11px; 5650 | } 5651 | .popover > .arrow:after { 5652 | content: ""; 5653 | border-width: 10px; 5654 | } 5655 | .popover.top > .arrow { 5656 | bottom: -11px; 5657 | left: 50%; 5658 | margin-left: -11px; 5659 | border-top-color: #999; 5660 | border-top-color: rgba(0, 0, 0, .25); 5661 | border-bottom-width: 0; 5662 | } 5663 | .popover.top > .arrow:after { 5664 | bottom: 1px; 5665 | margin-left: -10px; 5666 | content: " "; 5667 | border-top-color: #fff; 5668 | border-bottom-width: 0; 5669 | } 5670 | .popover.right > .arrow { 5671 | top: 50%; 5672 | left: -11px; 5673 | margin-top: -11px; 5674 | border-right-color: #999; 5675 | border-right-color: rgba(0, 0, 0, .25); 5676 | border-left-width: 0; 5677 | } 5678 | .popover.right > .arrow:after { 5679 | bottom: -10px; 5680 | left: 1px; 5681 | content: " "; 5682 | border-right-color: #fff; 5683 | border-left-width: 0; 5684 | } 5685 | .popover.bottom > .arrow { 5686 | top: -11px; 5687 | left: 50%; 5688 | margin-left: -11px; 5689 | border-top-width: 0; 5690 | border-bottom-color: #999; 5691 | border-bottom-color: rgba(0, 0, 0, .25); 5692 | } 5693 | .popover.bottom > .arrow:after { 5694 | top: 1px; 5695 | margin-left: -10px; 5696 | content: " "; 5697 | border-top-width: 0; 5698 | border-bottom-color: #fff; 5699 | } 5700 | .popover.left > .arrow { 5701 | top: 50%; 5702 | right: -11px; 5703 | margin-top: -11px; 5704 | border-right-width: 0; 5705 | border-left-color: #999; 5706 | border-left-color: rgba(0, 0, 0, .25); 5707 | } 5708 | .popover.left > .arrow:after { 5709 | right: 1px; 5710 | bottom: -10px; 5711 | content: " "; 5712 | border-right-width: 0; 5713 | border-left-color: #fff; 5714 | } 5715 | .carousel { 5716 | position: relative; 5717 | } 5718 | .carousel-inner { 5719 | position: relative; 5720 | width: 100%; 5721 | overflow: hidden; 5722 | } 5723 | .carousel-inner > .item { 5724 | position: relative; 5725 | display: none; 5726 | -webkit-transition: .6s ease-in-out left; 5727 | -o-transition: .6s ease-in-out left; 5728 | transition: .6s ease-in-out left; 5729 | } 5730 | .carousel-inner > .item > img, 5731 | .carousel-inner > .item > a > img { 5732 | line-height: 1; 5733 | } 5734 | .carousel-inner > .active, 5735 | .carousel-inner > .next, 5736 | .carousel-inner > .prev { 5737 | display: block; 5738 | } 5739 | .carousel-inner > .active { 5740 | left: 0; 5741 | } 5742 | .carousel-inner > .next, 5743 | .carousel-inner > .prev { 5744 | position: absolute; 5745 | top: 0; 5746 | width: 100%; 5747 | } 5748 | .carousel-inner > .next { 5749 | left: 100%; 5750 | } 5751 | .carousel-inner > .prev { 5752 | left: -100%; 5753 | } 5754 | .carousel-inner > .next.left, 5755 | .carousel-inner > .prev.right { 5756 | left: 0; 5757 | } 5758 | .carousel-inner > .active.left { 5759 | left: -100%; 5760 | } 5761 | .carousel-inner > .active.right { 5762 | left: 100%; 5763 | } 5764 | .carousel-control { 5765 | position: absolute; 5766 | top: 0; 5767 | bottom: 0; 5768 | left: 0; 5769 | width: 15%; 5770 | font-size: 20px; 5771 | color: #fff; 5772 | text-align: center; 5773 | text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 5774 | filter: alpha(opacity=50); 5775 | opacity: .5; 5776 | } 5777 | .carousel-control.left { 5778 | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 5779 | background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 5780 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); 5781 | background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); 5782 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); 5783 | background-repeat: repeat-x; 5784 | } 5785 | .carousel-control.right { 5786 | right: 0; 5787 | left: auto; 5788 | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 5789 | background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 5790 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); 5791 | background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); 5792 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); 5793 | background-repeat: repeat-x; 5794 | } 5795 | .carousel-control:hover, 5796 | .carousel-control:focus { 5797 | color: #fff; 5798 | text-decoration: none; 5799 | filter: alpha(opacity=90); 5800 | outline: 0; 5801 | opacity: .9; 5802 | } 5803 | .carousel-control .icon-prev, 5804 | .carousel-control .icon-next, 5805 | .carousel-control .glyphicon-chevron-left, 5806 | .carousel-control .glyphicon-chevron-right { 5807 | position: absolute; 5808 | top: 50%; 5809 | z-index: 5; 5810 | display: inline-block; 5811 | } 5812 | .carousel-control .icon-prev, 5813 | .carousel-control .glyphicon-chevron-left { 5814 | left: 50%; 5815 | margin-left: -10px; 5816 | } 5817 | .carousel-control .icon-next, 5818 | .carousel-control .glyphicon-chevron-right { 5819 | right: 50%; 5820 | margin-right: -10px; 5821 | } 5822 | .carousel-control .icon-prev, 5823 | .carousel-control .icon-next { 5824 | width: 20px; 5825 | height: 20px; 5826 | margin-top: -10px; 5827 | font-family: serif; 5828 | } 5829 | .carousel-control .icon-prev:before { 5830 | content: '\2039'; 5831 | } 5832 | .carousel-control .icon-next:before { 5833 | content: '\203a'; 5834 | } 5835 | .carousel-indicators { 5836 | position: absolute; 5837 | bottom: 10px; 5838 | left: 50%; 5839 | z-index: 15; 5840 | width: 60%; 5841 | padding-left: 0; 5842 | margin-left: -30%; 5843 | text-align: center; 5844 | list-style: none; 5845 | } 5846 | .carousel-indicators li { 5847 | display: inline-block; 5848 | width: 10px; 5849 | height: 10px; 5850 | margin: 1px; 5851 | text-indent: -999px; 5852 | cursor: pointer; 5853 | background-color: #000 \9; 5854 | background-color: rgba(0, 0, 0, 0); 5855 | border: 1px solid #fff; 5856 | border-radius: 10px; 5857 | } 5858 | .carousel-indicators .active { 5859 | width: 12px; 5860 | height: 12px; 5861 | margin: 0; 5862 | background-color: #fff; 5863 | } 5864 | .carousel-caption { 5865 | position: absolute; 5866 | right: 15%; 5867 | bottom: 20px; 5868 | left: 15%; 5869 | z-index: 10; 5870 | padding-top: 20px; 5871 | padding-bottom: 20px; 5872 | color: #fff; 5873 | text-align: center; 5874 | text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 5875 | } 5876 | .carousel-caption .btn { 5877 | text-shadow: none; 5878 | } 5879 | @media screen and (min-width: 768px) { 5880 | .carousel-control .glyphicon-chevron-left, 5881 | .carousel-control .glyphicon-chevron-right, 5882 | .carousel-control .icon-prev, 5883 | .carousel-control .icon-next { 5884 | width: 30px; 5885 | height: 30px; 5886 | margin-top: -15px; 5887 | font-size: 30px; 5888 | } 5889 | .carousel-control .glyphicon-chevron-left, 5890 | .carousel-control .icon-prev { 5891 | margin-left: -15px; 5892 | } 5893 | .carousel-control .glyphicon-chevron-right, 5894 | .carousel-control .icon-next { 5895 | margin-right: -15px; 5896 | } 5897 | .carousel-caption { 5898 | right: 20%; 5899 | left: 20%; 5900 | padding-bottom: 30px; 5901 | } 5902 | .carousel-indicators { 5903 | bottom: 20px; 5904 | } 5905 | } 5906 | .clearfix:before, 5907 | .clearfix:after, 5908 | .dl-horizontal dd:before, 5909 | .dl-horizontal dd:after, 5910 | .container:before, 5911 | .container:after, 5912 | .container-fluid:before, 5913 | .container-fluid:after, 5914 | .row:before, 5915 | .row:after, 5916 | .form-horizontal .form-group:before, 5917 | .form-horizontal .form-group:after, 5918 | .btn-toolbar:before, 5919 | .btn-toolbar:after, 5920 | .btn-group-vertical > .btn-group:before, 5921 | .btn-group-vertical > .btn-group:after, 5922 | .nav:before, 5923 | .nav:after, 5924 | .navbar:before, 5925 | .navbar:after, 5926 | .navbar-header:before, 5927 | .navbar-header:after, 5928 | .navbar-collapse:before, 5929 | .navbar-collapse:after, 5930 | .pager:before, 5931 | .pager:after, 5932 | .panel-body:before, 5933 | .panel-body:after, 5934 | .modal-footer:before, 5935 | .modal-footer:after { 5936 | display: table; 5937 | content: " "; 5938 | } 5939 | .clearfix:after, 5940 | .dl-horizontal dd:after, 5941 | .container:after, 5942 | .container-fluid:after, 5943 | .row:after, 5944 | .form-horizontal .form-group:after, 5945 | .btn-toolbar:after, 5946 | .btn-group-vertical > .btn-group:after, 5947 | .nav:after, 5948 | .navbar:after, 5949 | .navbar-header:after, 5950 | .navbar-collapse:after, 5951 | .pager:after, 5952 | .panel-body:after, 5953 | .modal-footer:after { 5954 | clear: both; 5955 | } 5956 | .center-block { 5957 | display: block; 5958 | margin-right: auto; 5959 | margin-left: auto; 5960 | } 5961 | .pull-right { 5962 | float: right !important; 5963 | } 5964 | .pull-left { 5965 | float: left !important; 5966 | } 5967 | .hide { 5968 | display: none !important; 5969 | } 5970 | .show { 5971 | display: block !important; 5972 | } 5973 | .invisible { 5974 | visibility: hidden; 5975 | } 5976 | .text-hide { 5977 | font: 0/0 a; 5978 | color: transparent; 5979 | text-shadow: none; 5980 | background-color: transparent; 5981 | border: 0; 5982 | } 5983 | .hidden { 5984 | display: none !important; 5985 | visibility: hidden !important; 5986 | } 5987 | .affix { 5988 | position: fixed; 5989 | -webkit-transform: translate3d(0, 0, 0); 5990 | -o-transform: translate3d(0, 0, 0); 5991 | transform: translate3d(0, 0, 0); 5992 | } 5993 | @-ms-viewport { 5994 | width: device-width; 5995 | } 5996 | .visible-xs, 5997 | .visible-sm, 5998 | .visible-md, 5999 | .visible-lg { 6000 | display: none !important; 6001 | } 6002 | .visible-xs-block, 6003 | .visible-xs-inline, 6004 | .visible-xs-inline-block, 6005 | .visible-sm-block, 6006 | .visible-sm-inline, 6007 | .visible-sm-inline-block, 6008 | .visible-md-block, 6009 | .visible-md-inline, 6010 | .visible-md-inline-block, 6011 | .visible-lg-block, 6012 | .visible-lg-inline, 6013 | .visible-lg-inline-block { 6014 | display: none !important; 6015 | } 6016 | @media (max-width: 767px) { 6017 | .visible-xs { 6018 | display: block !important; 6019 | } 6020 | table.visible-xs { 6021 | display: table; 6022 | } 6023 | tr.visible-xs { 6024 | display: table-row !important; 6025 | } 6026 | th.visible-xs, 6027 | td.visible-xs { 6028 | display: table-cell !important; 6029 | } 6030 | } 6031 | @media (max-width: 767px) { 6032 | .visible-xs-block { 6033 | display: block !important; 6034 | } 6035 | } 6036 | @media (max-width: 767px) { 6037 | .visible-xs-inline { 6038 | display: inline !important; 6039 | } 6040 | } 6041 | @media (max-width: 767px) { 6042 | .visible-xs-inline-block { 6043 | display: inline-block !important; 6044 | } 6045 | } 6046 | @media (min-width: 768px) and (max-width: 991px) { 6047 | .visible-sm { 6048 | display: block !important; 6049 | } 6050 | table.visible-sm { 6051 | display: table; 6052 | } 6053 | tr.visible-sm { 6054 | display: table-row !important; 6055 | } 6056 | th.visible-sm, 6057 | td.visible-sm { 6058 | display: table-cell !important; 6059 | } 6060 | } 6061 | @media (min-width: 768px) and (max-width: 991px) { 6062 | .visible-sm-block { 6063 | display: block !important; 6064 | } 6065 | } 6066 | @media (min-width: 768px) and (max-width: 991px) { 6067 | .visible-sm-inline { 6068 | display: inline !important; 6069 | } 6070 | } 6071 | @media (min-width: 768px) and (max-width: 991px) { 6072 | .visible-sm-inline-block { 6073 | display: inline-block !important; 6074 | } 6075 | } 6076 | @media (min-width: 992px) and (max-width: 1199px) { 6077 | .visible-md { 6078 | display: block !important; 6079 | } 6080 | table.visible-md { 6081 | display: table; 6082 | } 6083 | tr.visible-md { 6084 | display: table-row !important; 6085 | } 6086 | th.visible-md, 6087 | td.visible-md { 6088 | display: table-cell !important; 6089 | } 6090 | } 6091 | @media (min-width: 992px) and (max-width: 1199px) { 6092 | .visible-md-block { 6093 | display: block !important; 6094 | } 6095 | } 6096 | @media (min-width: 992px) and (max-width: 1199px) { 6097 | .visible-md-inline { 6098 | display: inline !important; 6099 | } 6100 | } 6101 | @media (min-width: 992px) and (max-width: 1199px) { 6102 | .visible-md-inline-block { 6103 | display: inline-block !important; 6104 | } 6105 | } 6106 | @media (min-width: 1200px) { 6107 | .visible-lg { 6108 | display: block !important; 6109 | } 6110 | table.visible-lg { 6111 | display: table; 6112 | } 6113 | tr.visible-lg { 6114 | display: table-row !important; 6115 | } 6116 | th.visible-lg, 6117 | td.visible-lg { 6118 | display: table-cell !important; 6119 | } 6120 | } 6121 | @media (min-width: 1200px) { 6122 | .visible-lg-block { 6123 | display: block !important; 6124 | } 6125 | } 6126 | @media (min-width: 1200px) { 6127 | .visible-lg-inline { 6128 | display: inline !important; 6129 | } 6130 | } 6131 | @media (min-width: 1200px) { 6132 | .visible-lg-inline-block { 6133 | display: inline-block !important; 6134 | } 6135 | } 6136 | @media (max-width: 767px) { 6137 | .hidden-xs { 6138 | display: none !important; 6139 | } 6140 | } 6141 | @media (min-width: 768px) and (max-width: 991px) { 6142 | .hidden-sm { 6143 | display: none !important; 6144 | } 6145 | } 6146 | @media (min-width: 992px) and (max-width: 1199px) { 6147 | .hidden-md { 6148 | display: none !important; 6149 | } 6150 | } 6151 | @media (min-width: 1200px) { 6152 | .hidden-lg { 6153 | display: none !important; 6154 | } 6155 | } 6156 | .visible-print { 6157 | display: none !important; 6158 | } 6159 | @media print { 6160 | .visible-print { 6161 | display: block !important; 6162 | } 6163 | table.visible-print { 6164 | display: table; 6165 | } 6166 | tr.visible-print { 6167 | display: table-row !important; 6168 | } 6169 | th.visible-print, 6170 | td.visible-print { 6171 | display: table-cell !important; 6172 | } 6173 | } 6174 | .visible-print-block { 6175 | display: none !important; 6176 | } 6177 | @media print { 6178 | .visible-print-block { 6179 | display: block !important; 6180 | } 6181 | } 6182 | .visible-print-inline { 6183 | display: none !important; 6184 | } 6185 | @media print { 6186 | .visible-print-inline { 6187 | display: inline !important; 6188 | } 6189 | } 6190 | .visible-print-inline-block { 6191 | display: none !important; 6192 | } 6193 | @media print { 6194 | .visible-print-inline-block { 6195 | display: inline-block !important; 6196 | } 6197 | } 6198 | @media print { 6199 | .hidden-print { 6200 | display: none !important; 6201 | } 6202 | } 6203 | /*# sourceMappingURL=bootstrap.css.map */ 6204 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | 5 | -webkit-font-smoothing: antialiased; 6 | 7 | -webkit-box-sizing: border-box; 8 | -moz-box-sizing: border-box; 9 | box-sizing: border-box; 10 | } 11 | 12 | ::selection { 13 | background: #bfa57c; 14 | color: #fff; 15 | } 16 | 17 | body { 18 | color: #a48d66; 19 | font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif; 20 | } 21 | 22 | h1, h2, h3, h4, b { 23 | font-weight: 300; 24 | font-family: bree-web, Bree, sans-serif; 25 | } 26 | h2 { 27 | font-size: 28px; 28 | padding-bottom: 60px; 29 | } 30 | b { 31 | font-weight: 500; 32 | font-size: 16px; 33 | 34 | color: #c3522f; 35 | } 36 | 37 | #logo { 38 | position: absolute; 39 | left: 80px; 40 | top: 40px; 41 | z-index: 2; 42 | 43 | margin-left: -17px; 44 | } 45 | 46 | .banner { 47 | position: relative; 48 | width: 100%; 49 | overflow: auto; 50 | 51 | font-size: 18px; 52 | line-height: 24px; 53 | text-align: center; 54 | 55 | color: rgba(255,255,255,.6); 56 | text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); 57 | 58 | background: #5b4d3d; 59 | box-shadow: 0 1px 2px rgba(0,0,0,.25); 60 | } 61 | .banner ul { 62 | list-style: none; 63 | width: 300%; 64 | } 65 | .banner ul li { 66 | display: block; 67 | float: left; 68 | width: 33%; 69 | min-height: 350px; 70 | 71 | -o-background-size: 100% 100%; 72 | -ms-background-size: 100% 100%; 73 | -moz-background-size: 100% 100%; 74 | -webkit-background-size: 100% 100%; 75 | background-size: 100% 100%; 76 | 77 | box-shadow: inset 0 -3px 6px rgba(0,0,0,.1); 78 | } 79 | 80 | .banner .inner { 81 | padding: 160px 0 110px; 82 | } 83 | 84 | .banner h1, .banner h2 { 85 | font-size: 40px; 86 | line-height: 52px; 87 | 88 | color: #fff; 89 | } 90 | 91 | .banner .btn { 92 | display: inline-block; 93 | margin: 25px 0 0; 94 | padding: 9px 22px 7px; 95 | clear: both; 96 | 97 | color: #fff; 98 | font-size: 12px; 99 | font-weight: bold; 100 | text-transform: uppercase; 101 | text-decoration: none; 102 | 103 | border: 2px solid rgba(255,255,255,.4); 104 | border-radius: 5px; 105 | } 106 | .banner .btn:hover { 107 | background: rgba(255,255,255,.05); 108 | } 109 | .banner .btn:active { 110 | -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); 111 | -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); 112 | -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); 113 | -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); 114 | filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); 115 | } 116 | 117 | .banner .btn, .banner .dot { 118 | -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); 119 | -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); 120 | -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); 121 | -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); 122 | filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); 123 | } 124 | 125 | .banner .dots { 126 | position: absolute; 127 | left: 0; 128 | right: 0; 129 | bottom: 20px; 130 | } 131 | .banner .dots li { 132 | display: inline-block; 133 | width: 10px; 134 | height: 10px; 135 | margin: 0 4px; 136 | 137 | text-indent: -999em; 138 | 139 | border: 2px solid #fff; 140 | border-radius: 6px; 141 | 142 | cursor: pointer; 143 | opacity: .4; 144 | 145 | -webkit-transition: background .5s, opacity .5s; 146 | -moz-transition: background .5s, opacity .5s; 147 | transition: background .5s, opacity .5s; 148 | } 149 | .banner .dots li.active { 150 | background: #fff; 151 | opacity: 1; 152 | } 153 | 154 | .banner .arrows { 155 | position: absolute; 156 | bottom: 20px; 157 | right: 20px; 158 | color: #fff; 159 | } 160 | .banner .arrow { 161 | display: inline; 162 | padding-left: 10px; 163 | cursor: pointer; 164 | } 165 | 166 | .features { 167 | overflow: hidden; 168 | padding: 15px 0; 169 | margin-bottom: 60px; 170 | background: #f7f7f6; 171 | box-shadow: inset 0 -1px 3px rgba(0,0,0,.03); 172 | } 173 | .features li { 174 | position: relative; 175 | padding: 0 25px 0 40px; 176 | list-style: none; 177 | 178 | width: 25%; 179 | float: left; 180 | } 181 | .features li:before { 182 | content: ''; 183 | position: absolute; 184 | left: 0; 185 | top: 0; 186 | 187 | display: block; 188 | width: 24px; 189 | height: 22px; 190 | 191 | background: url('img/icons.png'); 192 | } 193 | .features li.browser:before { background-position: 0 -44px; } 194 | .features li.height:before { background-position: 0 -22px; } 195 | .features li.responsive:before { background-position: 0 -66px; } 196 | .features b { 197 | display: block; 198 | padding-bottom: 6px; 199 | } 200 | 201 | .how { 202 | padding: 120px 0 0 0; 203 | } 204 | .how h2 { 205 | color: #7c6853; 206 | } 207 | .how h3 { 208 | padding-bottom: 8px; 209 | 210 | color: #7b6b53; 211 | font-size: 20px; 212 | line-height: 10px; 213 | } 214 | .how li { 215 | position: relative; 216 | width: 375px; 217 | margin: 0 0 40px 15px; 218 | padding-left: 10px; 219 | } 220 | .how pre { 221 | position: absolute; 222 | left: 450px; 223 | top: 0; 224 | 225 | width: 495px; 226 | padding: 20px 25px; 227 | 228 | background: #f8f5f0; 229 | color: #8a785d; 230 | 231 | font-size: 12px; 232 | line-height: 18px; 233 | 234 | border-radius: 5px; 235 | box-shadow: inset 0 2px 2px rgba(180,157,125,.15), inset 0 0 1px rgba(0,0,0,.2); 236 | } 237 | .how p { 238 | padding-bottom: 15px; 239 | } 240 | 241 | .options { 242 | padding: 60px 0; 243 | 244 | background: #39342d; 245 | color: #7b7368; 246 | 247 | box-shadow: inset 0 2px 3px rgba(0,0,0,.2); 248 | text-shadow: 0 1px 1px rgba(0,0,0,.2); 249 | } 250 | .options a { 251 | opacity: .7; 252 | color: #fff; 253 | border-bottom: 1px solid rgba(255,255,255,.2); 254 | text-decoration: none; 255 | } 256 | .options a:hover { 257 | opacity: 1; 258 | border-bottom-color: rgba(255,255,255,.3); 259 | } 260 | .options p { 261 | font-size: 16px; 262 | line-height: 25px; 263 | 264 | padding-bottom: 20px; 265 | } 266 | .options h2 { 267 | color: #fff; 268 | padding-bottom: 15px; 269 | } 270 | .options pre { 271 | padding: 20px 25px; 272 | 273 | background: #342f29; 274 | color: #988f81; 275 | 276 | font-size: 13px; 277 | line-height: 19px; 278 | 279 | box-shadow: inset 0 2px 2px rgba(0,0,0,.15), inset 0 0 1px rgba(0,0,0,.1); 280 | border-radius: 5px; 281 | } 282 | .options pre span { 283 | color: #706657; 284 | } 285 | 286 | .footer { 287 | padding: 80px 0 60px; 288 | text-align: center; 289 | } 290 | .footer .btn { 291 | display: inline-block; 292 | padding: 13px 24px 10px; 293 | margin-bottom: 15px; 294 | 295 | background-color: #c4652d; 296 | background-image: -webkit-gradient(linear, left top, left bottom, from(#d07936), to(#b95124)); 297 | background-image: -webkit-linear-gradient(top, #d07936, #b95124); 298 | background-image: -moz-linear-gradient(top, #d07936, #b95124); 299 | background-image: -o-linear-gradient(top, #d07936, #b95124); 300 | background-image: -ms-linear-gradient(top, #d07936, #b95124); 301 | background-image: linear-gradient(top, #d07936, #b95124); 302 | filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d07936', EndColorStr='#b95124'); 303 | 304 | border-radius: 5px; 305 | box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.1); 306 | 307 | color: #fff; 308 | text-shadow: 0 1px 2px rgba(0,0,0,.2); 309 | 310 | font-size: 12px; 311 | line-height: 18px; 312 | font-weight: bold; 313 | text-transform: uppercase; 314 | 315 | border: none; 316 | } 317 | .footer .btn span { 318 | font-weight: normal; 319 | opacity: .8; 320 | } 321 | .footer .btn:hover { 322 | opacity: .95; 323 | color: #fff; 324 | } 325 | .footer .btn:active { 326 | opacity: 1; 327 | background-color: #bc5f29; 328 | background-image: -webkit-gradient(linear, left top, left bottom, from(#b55625), to(#c3692d)); 329 | background-image: -webkit-linear-gradient(top, #b55625, #c3692d); 330 | background-image: -moz-linear-gradient(top, #b55625, #c3692d); 331 | background-image: -o-linear-gradient(top, #b55625, #c3692d); 332 | background-image: -ms-linear-gradient(top, #b55625, #c3692d); 333 | background-image: linear-gradient(top, #b55625, #c3692d); 334 | filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b55625', EndColorStr='#c3692d'); 335 | 336 | box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,.1), inset 0 2px 2px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.1); 337 | } 338 | .footer a { 339 | margin: 0 4px; 340 | 341 | color: #79654e; 342 | text-decoration: none; 343 | border-bottom: 1px solid #ddd2c6; 344 | } 345 | .footer a:hover { 346 | color: #665139; 347 | border-color: #d1bfa9; 348 | } 349 | 350 | .wrap { 351 | margin: 0 auto; 352 | width: 960px; 353 | 354 | } 355 | .cen{ 356 | text-align: center; 357 | } 358 | 359 | @media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) { 360 | .wrap { 361 | width: 90%; 362 | } 363 | #logo { 364 | left: 50px; 365 | top: 30px; 366 | } 367 | 368 | .banner h1, .banner h2 { 369 | font-size: 24px; 370 | line-height: 30px; 371 | } 372 | .banner ul li { 373 | height: 240px; 374 | } 375 | .banner .inner { 376 | padding-top: 100px; 377 | padding-bottom: 50px; 378 | } 379 | .banner p { 380 | font-size: 15px; 381 | width: 80%; 382 | margin: 0 auto; 383 | } 384 | pre { 385 | overflow: auto; 386 | } 387 | .features li { 388 | width: 100%; 389 | margin-left: 10px; 390 | margin-bottom: 30px; 391 | } 392 | .how li { 393 | width: 90%; 394 | } 395 | .how pre { 396 | position: static; 397 | width: 100%; 398 | } 399 | } 400 | 401 | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 402 | .features li:before { 403 | background: url('img/icons@2x.png'); 404 | background-size: 100%; 405 | } 406 | } 407 | .column span{ 408 | color:#fff; 409 | padding: 5px 8px; 410 | } 411 | button a{ 412 | color:#fff; 413 | 414 | } 415 | button a:hover{ 416 | color:#fff; 417 | text-decoration: none; 418 | } 419 | .title{ 420 | 421 | } 422 | .firsthow{ 423 | padding: 0 0 60px 0; 424 | } 425 | -------------------------------------------------------------------------------- /css/style1.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | 6 | 7 | .clearfix:before, 8 | .clearfix:after { 9 | content: " "; 10 | display: table; 11 | } 12 | 13 | .clearfix:after { 14 | clear: both; 15 | } 16 | 17 | html, body { 18 | color: white; 19 | text-align: center; 20 | position: relative; 21 | } 22 | @media screen and (min-width: 300px) { 23 | html, body { 24 | font-size: 14px; 25 | } 26 | } 27 | @media screen and (min-width: 460px) { 28 | html, body { 29 | font-size: 20px; 30 | } 31 | } 32 | @media screen and (min-width: 900px) { 33 | html, body { 34 | font-size: 24px; 35 | } 36 | } 37 | 38 | h1, .h1 { 39 | line-height: 1.166; 40 | margin: .66em 0; 41 | } 42 | 43 | @media screen and (min-width: 300px) { 44 | h1, .h1 { 45 | font-size: 2.33em; 46 | } 47 | } 48 | @media screen and (min-width: 460px) { 49 | h1, .h1 { 50 | font-size: 2.66em; 51 | } 52 | } 53 | @media screen and (min-width: 720px) { 54 | h1, .h1 { 55 | font-size: 3.33em; 56 | } 57 | } 58 | 59 | 60 | small { 61 | font-size: .75em; 62 | } 63 | 64 | em { 65 | font-style: italic; 66 | } 67 | 68 | .text-left { 69 | text-align: left; 70 | } 71 | 72 | .text-right { 73 | text-align: right; 74 | } 75 | 76 | .text-center { 77 | text-align: center; 78 | } 79 | 80 | .column-container { 81 | width: 100%; 82 | max-width: 1000px; 83 | margin: 0 auto; 84 | overflow: hidden; 85 | height: 100%; 86 | text-align: center; 87 | } 88 | @media screen and (min-width: 300px) { 89 | .column-container { 90 | padding-top: 20%; 91 | margin-bottom: -125px; 92 | } 93 | } 94 | @media screen and (min-width: 720px) { 95 | .column-container { 96 | padding-top: 10%; 97 | } 98 | } 99 | 100 | .column { 101 | width: 100%; 102 | height: 3em; 103 | margin: 0 2%; 104 | 105 | } 106 | 107 | .block { 108 | border-radius: 5px; 109 | margin-right: 5%; 110 | margin-bottom: %; 111 | } 112 | 113 | .block-1x { 114 | width: 30%; 115 | 116 | } 117 | 118 | .block-2x { 119 | width: 45%; 120 | } 121 | 122 | .block-3x { 123 | width: 60%; 124 | } 125 | 126 | .block-blueberry { 127 | background: #008597; 128 | } 129 | 130 | .block-slate { 131 | background: #2d3443; 132 | } 133 | 134 | .block-grape { 135 | background: #4d407c; 136 | } 137 | 138 | .block-raspberry { 139 | background: #ff005d; 140 | } 141 | 142 | .block-mango { 143 | background: #ffcc00; 144 | } 145 | 146 | .block-orange { 147 | background: #ff7c35; 148 | } 149 | 150 | .block-kiwi { 151 | background: #35ff99; 152 | } 153 | 154 | .withLove { 155 | overflow: hidden; 156 | text-align: center; 157 | padding-bottom: 2em; 158 | cursor: default; 159 | color: #616c84; 160 | } 161 | @media screen and (min-width: 900px) { 162 | .withLove { 163 | margin-top: 125px; 164 | } 165 | } 166 | .withLove * { 167 | display: inline-block; 168 | } 169 | .withLove .alpha, 170 | .withLove .omega { 171 | width: 40%; 172 | } 173 | .withLove .alpha { 174 | text-align: right; 175 | } 176 | .withLove .omega { 177 | text-align: left; 178 | } 179 | .withLove .heart { 180 | margin: 0 -2px; 181 | position: relative; 182 | z-index: 3; 183 | -webkit-animation: throb 1.33s ease-in-out infinite; 184 | animation: throb 1.33s ease-in-out infinite; 185 | } 186 | .withLove .heart path { 187 | fill: #ff005d; 188 | } 189 | @media screen and (min-width: 300px) { 190 | .withLove .heart { 191 | width: 30px; 192 | height: 30px; 193 | top: .66em; 194 | } 195 | } 196 | @media screen and (min-width: 460px) { 197 | .withLove .heart { 198 | top: .8em; 199 | width: 50px; 200 | height: 50px; 201 | } 202 | } 203 | 204 | @-webkit-keyframes throb { 205 | 0% { 206 | -webkit-transform: scale(1); 207 | } 208 | 209 | 50% { 210 | -webkit-transform: scale(0.8); 211 | } 212 | 213 | 100% { 214 | -webkit-transform: scale(1); 215 | } 216 | } 217 | 218 | @keyframes throb { 219 | 0% { 220 | transform: scale(1); 221 | } 222 | 223 | 50% { 224 | transform: scale(0.8); 225 | } 226 | 227 | 100% { 228 | transform: scale(1); 229 | } 230 | } 231 | -------------------------------------------------------------------------------- /images/shop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LightEngine71/navigation/f8d3f5baa79526414caf4162ff9eff4620e7e00d/images/shop.jpg -------------------------------------------------------------------------------- /images/sunset.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LightEngine71/navigation/f8d3f5baa79526414caf4162ff9eff4620e7e00d/images/sunset.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |43 | 44 | 45 | 46 |
47 | 48 | 49 |