├── README.md ├── classes ├── jwt.php └── user.php ├── css ├── bootstrap.css └── demo.css ├── footer.php ├── header.php ├── index.php └── secret.php /README.md: -------------------------------------------------------------------------------- 1 | # Chrome-CORS 2 | A demo vulnerable application for stealing sensitive information by abusing Google Chrome cache. When `Access Control Allow Origin` header is set to `*` without having cache control response headers , an attacker can steal victim's private information. 3 | 4 | ##### Credentials 5 | `Username : gamer` 6 | `Password: gamer` 7 | 8 | #### Solution 9 | By using the `force-cache` directive in `fetch` function of js, we can ask the browser to first check if the request is cached and return the cached version if it exist. 10 | 11 | 12 | Original bug report : https://bugs.chromium.org/p/chromium/issues/detail?id=988319 13 | 14 | Reference : https://hackerone.com/reports/761726 15 | 16 | Feel free to contact me over [Twitter](https://twitter.com/roughwire) 17 | 18 | ##### Made by 19 | [@roughwire](https://twitter.com/roughwire) & [@MrGeek_007](https://twitter.com/MrGeek_007) 20 | -------------------------------------------------------------------------------- /classes/jwt.php: -------------------------------------------------------------------------------- 1 | $value) { 9 | $token.= '"'.$key.'":"'.$value.'",'; 10 | } 11 | $token .= "}"; 12 | $to_sign = $header.".".base64_encode($token); 13 | return $to_sign.".".JWT::signature($to_sign); 14 | } 15 | 16 | public static function signature($data) { 17 | return hash("sha256","donth4ckmebr0".$data); 18 | } 19 | 20 | public static function verify($auth) { 21 | list($h64,$d64,$sign) = explode(".",$auth); 22 | if (!empty($sign) and (JWT::signature($h64.".".$d64) != $sign)) { 23 | die("Invalid Signature"); 24 | } 25 | $header = base64_decode($h64); 26 | $data = base64_decode($d64); 27 | return JWT::parse_json($data); 28 | } 29 | public static function parse_json($str) { 30 | $data = explode(",",rtrim(ltrim($str, '{'), '}')); 31 | $ret = array(); 32 | foreach($data as $entry) { 33 | list($key, $value) = explode(":",$entry); 34 | $key = rtrim(ltrim($key, '"'), '"'); 35 | $value = rtrim(ltrim($value, '"'), '"'); 36 | $ret[$key] = $value; 37 | } 38 | return $ret; 39 | } 40 | } 41 | 42 | ?> 43 | -------------------------------------------------------------------------------- /classes/user.php: -------------------------------------------------------------------------------- 1 | 73 | -------------------------------------------------------------------------------- /css/bootstrap.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.0.0 3 | * 4 | * Copyright 2013 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world by @mdo and @fat. 9 | */ 10 | 11 | /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ 12 | 13 | article, 14 | aside, 15 | details, 16 | figcaption, 17 | figure, 18 | footer, 19 | header, 20 | hgroup, 21 | main, 22 | nav, 23 | section, 24 | summary { 25 | display: block; 26 | } 27 | 28 | audio, 29 | canvas, 30 | video { 31 | display: inline-block; 32 | } 33 | 34 | audio:not([controls]) { 35 | display: none; 36 | height: 0; 37 | } 38 | 39 | [hidden] { 40 | display: none; 41 | } 42 | 43 | html { 44 | font-family: sans-serif; 45 | -webkit-text-size-adjust: 100%; 46 | -ms-text-size-adjust: 100%; 47 | } 48 | 49 | body { 50 | margin: 0; 51 | } 52 | 53 | a:focus { 54 | outline: thin dotted; 55 | } 56 | 57 | a:active, 58 | a:hover { 59 | outline: 0; 60 | } 61 | 62 | h1 { 63 | margin: 0.67em 0; 64 | font-size: 2em; 65 | } 66 | 67 | abbr[title] { 68 | border-bottom: 1px dotted; 69 | } 70 | 71 | b, 72 | strong { 73 | font-weight: bold; 74 | } 75 | 76 | dfn { 77 | font-style: italic; 78 | } 79 | 80 | hr { 81 | height: 0; 82 | -moz-box-sizing: content-box; 83 | box-sizing: content-box; 84 | } 85 | 86 | mark { 87 | color: #000; 88 | background: #ff0; 89 | } 90 | 91 | code, 92 | kbd, 93 | pre, 94 | samp { 95 | font-family: monospace, serif; 96 | font-size: 1em; 97 | } 98 | 99 | pre { 100 | white-space: pre-wrap; 101 | } 102 | 103 | q { 104 | quotes: "\201C" "\201D" "\2018" "\2019"; 105 | } 106 | 107 | small { 108 | font-size: 80%; 109 | } 110 | 111 | sub, 112 | sup { 113 | position: relative; 114 | font-size: 75%; 115 | line-height: 0; 116 | vertical-align: baseline; 117 | } 118 | 119 | sup { 120 | top: -0.5em; 121 | } 122 | 123 | sub { 124 | bottom: -0.25em; 125 | } 126 | 127 | img { 128 | border: 0; 129 | } 130 | 131 | svg:not(:root) { 132 | overflow: hidden; 133 | } 134 | 135 | figure { 136 | margin: 0; 137 | } 138 | 139 | fieldset { 140 | padding: 0.35em 0.625em 0.75em; 141 | margin: 0 2px; 142 | border: 1px solid #c0c0c0; 143 | } 144 | 145 | legend { 146 | padding: 0; 147 | border: 0; 148 | } 149 | 150 | button, 151 | input, 152 | select, 153 | textarea { 154 | margin: 0; 155 | font-family: inherit; 156 | font-size: 100%; 157 | } 158 | 159 | button, 160 | input { 161 | line-height: normal; 162 | } 163 | 164 | button, 165 | select { 166 | text-transform: none; 167 | } 168 | 169 | button, 170 | html input[type="button"], 171 | input[type="reset"], 172 | input[type="submit"] { 173 | cursor: pointer; 174 | -webkit-appearance: button; 175 | } 176 | 177 | button[disabled], 178 | html input[disabled] { 179 | cursor: default; 180 | } 181 | 182 | input[type="checkbox"], 183 | input[type="radio"] { 184 | padding: 0; 185 | box-sizing: border-box; 186 | } 187 | 188 | input[type="search"] { 189 | -webkit-box-sizing: content-box; 190 | -moz-box-sizing: content-box; 191 | box-sizing: content-box; 192 | -webkit-appearance: textfield; 193 | } 194 | 195 | input[type="search"]::-webkit-search-cancel-button, 196 | input[type="search"]::-webkit-search-decoration { 197 | -webkit-appearance: none; 198 | } 199 | 200 | button::-moz-focus-inner, 201 | input::-moz-focus-inner { 202 | padding: 0; 203 | border: 0; 204 | } 205 | 206 | textarea { 207 | overflow: auto; 208 | vertical-align: top; 209 | } 210 | 211 | table { 212 | border-collapse: collapse; 213 | border-spacing: 0; 214 | } 215 | 216 | @media print { 217 | * { 218 | color: #000 !important; 219 | text-shadow: none !important; 220 | background: transparent !important; 221 | box-shadow: none !important; 222 | } 223 | a, 224 | a:visited { 225 | text-decoration: underline; 226 | } 227 | a[href]:after { 228 | content: " (" attr(href) ")"; 229 | } 230 | abbr[title]:after { 231 | content: " (" attr(title) ")"; 232 | } 233 | .ir a:after, 234 | a[href^="javascript:"]:after, 235 | a[href^="#"]:after { 236 | content: ""; 237 | } 238 | pre, 239 | blockquote { 240 | border: 1px solid #999; 241 | page-break-inside: avoid; 242 | } 243 | thead { 244 | display: table-header-group; 245 | } 246 | tr, 247 | img { 248 | page-break-inside: avoid; 249 | } 250 | img { 251 | max-width: 100% !important; 252 | } 253 | @page { 254 | margin: 2cm .5cm; 255 | } 256 | p, 257 | h2, 258 | h3 { 259 | orphans: 3; 260 | widows: 3; 261 | } 262 | h2, 263 | h3 { 264 | page-break-after: avoid; 265 | } 266 | .navbar { 267 | display: none; 268 | } 269 | .table td, 270 | .table th { 271 | background-color: #fff !important; 272 | } 273 | .btn > .caret, 274 | .dropup > .btn > .caret { 275 | border-top-color: #000 !important; 276 | } 277 | .label { 278 | border: 1px solid #000; 279 | } 280 | .table { 281 | border-collapse: collapse !important; 282 | } 283 | .table-bordered th, 284 | .table-bordered td { 285 | border: 1px solid #ddd !important; 286 | } 287 | } 288 | 289 | * { 290 | -webkit-box-sizing: border-box; 291 | -moz-box-sizing: border-box; 292 | box-sizing: border-box; 293 | } 294 | 295 | html { 296 | font-size: 62.5%; 297 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 298 | } 299 | 300 | body { 301 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 302 | font-size: 14px; 303 | line-height: 1.428571429; 304 | color: #333333; 305 | background-color: #ffffff; 306 | } 307 | 308 | input, 309 | button, 310 | select, 311 | textarea { 312 | font-family: inherit; 313 | font-size: inherit; 314 | line-height: inherit; 315 | } 316 | 317 | a { 318 | color: #428bca; 319 | text-decoration: none; 320 | } 321 | 322 | a:hover, 323 | a:focus { 324 | color: #2a6496; 325 | text-decoration: underline; 326 | } 327 | 328 | a:focus { 329 | outline: thin dotted #333; 330 | outline: 5px auto -webkit-focus-ring-color; 331 | outline-offset: -2px; 332 | } 333 | 334 | img { 335 | vertical-align: middle; 336 | } 337 | 338 | .img-responsive { 339 | display: inline-block; 340 | height: auto; 341 | max-width: 100%; 342 | } 343 | 344 | .img-rounded { 345 | border-radius: 6px; 346 | } 347 | 348 | .img-circle { 349 | border-radius: 500px; 350 | } 351 | 352 | hr { 353 | margin-top: 20px; 354 | margin-bottom: 20px; 355 | border: 0; 356 | border-top: 1px solid #eeeeee; 357 | } 358 | 359 | p { 360 | margin: 0 0 10px; 361 | } 362 | 363 | .lead { 364 | margin-bottom: 20px; 365 | font-size: 21px; 366 | font-weight: 200; 367 | line-height: 1.4; 368 | } 369 | 370 | small { 371 | font-size: 85%; 372 | } 373 | 374 | cite { 375 | font-style: normal; 376 | } 377 | 378 | .text-muted { 379 | color: #999999; 380 | } 381 | 382 | .text-primary { 383 | color: #428bca; 384 | } 385 | 386 | .text-warning { 387 | color: #c09853; 388 | } 389 | 390 | .text-danger { 391 | color: #b94a48; 392 | } 393 | 394 | .text-success { 395 | color: #468847; 396 | } 397 | 398 | .text-info { 399 | color: #3a87ad; 400 | } 401 | 402 | .text-left { 403 | text-align: left; 404 | } 405 | 406 | .text-right { 407 | text-align: right; 408 | } 409 | 410 | .text-center { 411 | text-align: center; 412 | } 413 | 414 | h1, 415 | h2, 416 | h3, 417 | h4, 418 | h5, 419 | h6, 420 | .h1, 421 | .h2, 422 | .h3, 423 | .h4, 424 | .h5, 425 | .h6 { 426 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 427 | font-weight: 500; 428 | line-height: 1.1; 429 | } 430 | 431 | h1 small, 432 | h2 small, 433 | h3 small, 434 | h4 small, 435 | h5 small, 436 | h6 small, 437 | .h1 small, 438 | .h2 small, 439 | .h3 small, 440 | .h4 small, 441 | .h5 small, 442 | .h6 small { 443 | font-weight: normal; 444 | line-height: 1; 445 | color: #999999; 446 | } 447 | 448 | h1, 449 | h2, 450 | h3 { 451 | margin-top: 20px; 452 | margin-bottom: 10px; 453 | } 454 | 455 | h4, 456 | h5, 457 | h6 { 458 | margin-top: 10px; 459 | margin-bottom: 10px; 460 | } 461 | 462 | h1, 463 | .h1 { 464 | font-size: 38px; 465 | } 466 | 467 | h2, 468 | .h2 { 469 | font-size: 32px; 470 | } 471 | 472 | h3, 473 | .h3 { 474 | font-size: 24px; 475 | } 476 | 477 | h4, 478 | .h4 { 479 | font-size: 18px; 480 | } 481 | 482 | h5, 483 | .h5 { 484 | font-size: 14px; 485 | } 486 | 487 | h6, 488 | .h6 { 489 | font-size: 12px; 490 | } 491 | 492 | h1 small, 493 | .h1 small { 494 | font-size: 24px; 495 | } 496 | 497 | h2 small, 498 | .h2 small { 499 | font-size: 18px; 500 | } 501 | 502 | h3 small, 503 | .h3 small, 504 | h4 small, 505 | .h4 small { 506 | font-size: 14px; 507 | } 508 | 509 | .page-header { 510 | padding-bottom: 9px; 511 | margin: 0px 0 0px; 512 | } 513 | 514 | ul, 515 | ol { 516 | margin-top: 0; 517 | margin-bottom: 10px; 518 | } 519 | 520 | ul ul, 521 | ol ul, 522 | ul ol, 523 | ol ol { 524 | margin-bottom: 0; 525 | } 526 | 527 | .list-unstyled { 528 | padding-left: 0; 529 | list-style: none; 530 | } 531 | 532 | .list-inline { 533 | padding-left: 0; 534 | list-style: none; 535 | } 536 | 537 | .list-inline > li { 538 | display: inline-block; 539 | padding-right: 5px; 540 | padding-left: 5px; 541 | } 542 | 543 | dl { 544 | margin-bottom: 20px; 545 | } 546 | 547 | dt, 548 | dd { 549 | line-height: 1.428571429; 550 | } 551 | 552 | dt { 553 | font-weight: bold; 554 | } 555 | 556 | dd { 557 | margin-left: 0; 558 | } 559 | 560 | .dl-horizontal dt { 561 | float: left; 562 | width: 160px; 563 | overflow: hidden; 564 | clear: left; 565 | text-align: right; 566 | text-overflow: ellipsis; 567 | white-space: nowrap; 568 | } 569 | 570 | .dl-horizontal dd { 571 | margin-left: 180px; 572 | } 573 | 574 | .dl-horizontal dd:before, 575 | .dl-horizontal dd:after { 576 | display: table; 577 | content: " "; 578 | } 579 | 580 | .dl-horizontal dd:after { 581 | clear: both; 582 | } 583 | 584 | .dl-horizontal dd:before, 585 | .dl-horizontal dd:after { 586 | display: table; 587 | content: " "; 588 | } 589 | 590 | .dl-horizontal dd:after { 591 | clear: both; 592 | } 593 | 594 | abbr[title], 595 | abbr[data-original-title] { 596 | cursor: help; 597 | border-bottom: 1px dotted #999999; 598 | } 599 | 600 | abbr.initialism { 601 | font-size: 90%; 602 | text-transform: uppercase; 603 | } 604 | 605 | blockquote { 606 | padding: 10px 20px; 607 | margin: 0 0 20px; 608 | border-left: 5px solid #eeeeee; 609 | } 610 | 611 | blockquote p { 612 | font-size: 17.5px; 613 | font-weight: 300; 614 | line-height: 1.25; 615 | } 616 | 617 | blockquote p:last-child { 618 | margin-bottom: 0; 619 | } 620 | 621 | blockquote small { 622 | display: block; 623 | line-height: 1.428571429; 624 | color: #999999; 625 | } 626 | 627 | blockquote small:before { 628 | content: '\2014 \00A0'; 629 | } 630 | 631 | blockquote.pull-right { 632 | float: right; 633 | padding-right: 15px; 634 | padding-left: 0; 635 | border-right: 5px solid #eeeeee; 636 | border-left: 0; 637 | } 638 | 639 | blockquote.pull-right p, 640 | blockquote.pull-right small { 641 | text-align: right; 642 | } 643 | 644 | blockquote.pull-right small:before { 645 | content: ''; 646 | } 647 | 648 | blockquote.pull-right small:after { 649 | content: '\00A0 \2014'; 650 | } 651 | 652 | q:before, 653 | q:after, 654 | blockquote:before, 655 | blockquote:after { 656 | content: ""; 657 | } 658 | 659 | address { 660 | display: block; 661 | margin-bottom: 20px; 662 | font-style: normal; 663 | line-height: 1.428571429; 664 | } 665 | 666 | code, 667 | pre { 668 | font-family: Monaco, Menlo, Consolas, "Courier New", monospace; 669 | } 670 | 671 | code { 672 | padding: 2px 4px; 673 | font-size: 90%; 674 | color: #c7254e; 675 | white-space: nowrap; 676 | background-color: #f9f2f4; 677 | border-radius: 4px; 678 | } 679 | 680 | pre { 681 | display: block; 682 | padding: 9.5px; 683 | margin: 0 0 10px; 684 | font-size: 13px; 685 | line-height: 1.428571429; 686 | color: #333333; 687 | word-break: break-all; 688 | word-wrap: break-word; 689 | background-color: #f5f5f5; 690 | border: 1px solid #cccccc; 691 | border-radius: 4px; 692 | } 693 | 694 | pre.prettyprint { 695 | margin-bottom: 20px; 696 | } 697 | 698 | pre code { 699 | padding: 0; 700 | color: inherit; 701 | white-space: pre-wrap; 702 | background-color: transparent; 703 | border: 0; 704 | } 705 | 706 | .pre-scrollable { 707 | max-height: 340px; 708 | overflow-y: scroll; 709 | } 710 | 711 | .container { 712 | width: 100%; 713 | margin-left: 200px; 714 | } 715 | 716 | 717 | .container:after { 718 | clear: both; 719 | } 720 | 721 | .container:before, 722 | .container:after { 723 | display: table; 724 | content: " "; 725 | } 726 | 727 | .container:after { 728 | clear: both; 729 | } 730 | 731 | .row:before, 732 | .row:after { 733 | display: table; 734 | content: " "; 735 | } 736 | 737 | .row:after { 738 | clear: both; 739 | } 740 | 741 | .row:before, 742 | .row:after { 743 | display: table; 744 | content: " "; 745 | } 746 | 747 | .row:after { 748 | clear: both; 749 | } 750 | 751 | @media (min-width: 768px) { 752 | .row { 753 | margin-right: -15px; 754 | margin-left: -15px; 755 | } 756 | } 757 | 758 | .row .row { 759 | margin-right: -15px; 760 | margin-left: -15px; 761 | } 762 | 763 | .col-1, 764 | .col-2, 765 | .col-3, 766 | .col-4, 767 | .col-5, 768 | .col-6, 769 | .col-7, 770 | .col-8, 771 | .col-9, 772 | .col-10, 773 | .col-11, 774 | .col-12, 775 | .col-sm-1, 776 | .col-sm-2, 777 | .col-sm-3, 778 | .col-sm-4, 779 | .col-sm-5, 780 | .col-sm-6, 781 | .col-sm-7, 782 | .col-sm-8, 783 | .col-sm-9, 784 | .col-sm-10, 785 | .col-sm-11, 786 | .col-sm-12, 787 | .col-lg-1, 788 | .col-lg-2, 789 | .col-lg-3, 790 | .col-lg-4, 791 | .col-lg-5, 792 | .col-lg-6, 793 | .col-lg-7, 794 | .col-lg-8, 795 | .col-lg-9, 796 | .col-lg-10, 797 | .col-lg-11, 798 | .col-lg-12 { 799 | position: relative; 800 | min-height: 1px; 801 | padding-right: 15px; 802 | padding-left: 15px; 803 | } 804 | 805 | .col-1, 806 | .col-2, 807 | .col-3, 808 | .col-4, 809 | .col-5, 810 | .col-6, 811 | .col-7, 812 | .col-8, 813 | .col-9, 814 | .col-10, 815 | .col-11, 816 | .col-12 { 817 | float: left; 818 | } 819 | 820 | .col-1 { 821 | width: 8.333333333333332%; 822 | } 823 | 824 | .col-2 { 825 | width: 16.666666666666664%; 826 | } 827 | 828 | .col-3 { 829 | width: 25%; 830 | } 831 | 832 | .col-4 { 833 | width: 33.33333333333333%; 834 | } 835 | 836 | .col-5 { 837 | width: 41.66666666666667%; 838 | } 839 | 840 | .col-6 { 841 | width: 50%; 842 | } 843 | 844 | .col-7 { 845 | width: 58.333333333333336%; 846 | } 847 | 848 | .col-8 { 849 | width: 66.66666666666666%; 850 | } 851 | 852 | .col-9 { 853 | width: 75%; 854 | } 855 | 856 | .col-10 { 857 | width: 83.33333333333334%; 858 | } 859 | 860 | .col-11 { 861 | width: 91.66666666666666%; 862 | } 863 | 864 | .col-12 { 865 | width: 100%; 866 | } 867 | 868 | @media (min-width: 768px) { 869 | .container { 870 | max-width: 728px; 871 | } 872 | .col-sm-1, 873 | .col-sm-2, 874 | .col-sm-3, 875 | .col-sm-4, 876 | .col-sm-5, 877 | .col-sm-6, 878 | .col-sm-7, 879 | .col-sm-8, 880 | .col-sm-9, 881 | .col-sm-10, 882 | .col-sm-11, 883 | .col-sm-12 { 884 | float: left; 885 | } 886 | .col-sm-1 { 887 | width: 8.333333333333332%; 888 | } 889 | .col-sm-2 { 890 | width: 16.666666666666664%; 891 | } 892 | .col-sm-3 { 893 | width: 25%; 894 | } 895 | .col-sm-4 { 896 | width: 33.33333333333333%; 897 | } 898 | .col-sm-5 { 899 | width: 41.66666666666667%; 900 | } 901 | .col-sm-6 { 902 | width: 50%; 903 | } 904 | .col-sm-7 { 905 | width: 58.333333333333336%; 906 | } 907 | .col-sm-8 { 908 | width: 66.66666666666666%; 909 | } 910 | .col-sm-9 { 911 | width: 75%; 912 | } 913 | .col-sm-10 { 914 | width: 83.33333333333334%; 915 | } 916 | .col-sm-11 { 917 | width: 91.66666666666666%; 918 | } 919 | .col-sm-12 { 920 | width: 100%; 921 | } 922 | .col-push-1 { 923 | left: 8.333333333333332%; 924 | } 925 | .col-push-2 { 926 | left: 16.666666666666664%; 927 | } 928 | .col-push-3 { 929 | left: 25%; 930 | } 931 | .col-push-4 { 932 | left: 33.33333333333333%; 933 | } 934 | .col-push-5 { 935 | left: 41.66666666666667%; 936 | } 937 | .col-push-6 { 938 | left: 50%; 939 | } 940 | .col-push-7 { 941 | left: 58.333333333333336%; 942 | } 943 | .col-push-8 { 944 | left: 66.66666666666666%; 945 | } 946 | .col-push-9 { 947 | left: 75%; 948 | } 949 | .col-push-10 { 950 | left: 83.33333333333334%; 951 | } 952 | .col-push-11 { 953 | left: 91.66666666666666%; 954 | } 955 | .col-pull-1 { 956 | right: 8.333333333333332%; 957 | } 958 | .col-pull-2 { 959 | right: 16.666666666666664%; 960 | } 961 | .col-pull-3 { 962 | right: 25%; 963 | } 964 | .col-pull-4 { 965 | right: 33.33333333333333%; 966 | } 967 | .col-pull-5 { 968 | right: 41.66666666666667%; 969 | } 970 | .col-pull-6 { 971 | right: 50%; 972 | } 973 | .col-pull-7 { 974 | right: 58.333333333333336%; 975 | } 976 | .col-pull-8 { 977 | right: 66.66666666666666%; 978 | } 979 | .col-pull-9 { 980 | right: 75%; 981 | } 982 | .col-pull-10 { 983 | right: 83.33333333333334%; 984 | } 985 | .col-pull-11 { 986 | right: 91.66666666666666%; 987 | } 988 | } 989 | 990 | @media (min-width: 992px) { 991 | .container { 992 | max-width: 940px; 993 | } 994 | .col-lg-1, 995 | .col-lg-2, 996 | .col-lg-3, 997 | .col-lg-4, 998 | .col-lg-5, 999 | .col-lg-6, 1000 | .col-lg-7, 1001 | .col-lg-8, 1002 | .col-lg-9, 1003 | .col-lg-10, 1004 | .col-lg-11, 1005 | .col-lg-12 { 1006 | float: left; 1007 | } 1008 | .col-lg-1 { 1009 | width: 8.333333333333332%; 1010 | } 1011 | .col-lg-2 { 1012 | width: 16.666666666666664%; 1013 | } 1014 | .col-lg-3 { 1015 | width: 25%; 1016 | } 1017 | .col-lg-4 { 1018 | width: 33.33333333333333%; 1019 | } 1020 | .col-lg-5 { 1021 | width: 41.66666666666667%; 1022 | } 1023 | .col-lg-6 { 1024 | width: 50%; 1025 | } 1026 | .col-lg-7 { 1027 | width: 58.333333333333336%; 1028 | } 1029 | .col-lg-8 { 1030 | width: 66.66666666666666%; 1031 | } 1032 | .col-lg-9 { 1033 | width: 75%; 1034 | } 1035 | .col-lg-10 { 1036 | width: 83.33333333333334%; 1037 | } 1038 | .col-lg-11 { 1039 | width: 91.66666666666666%; 1040 | } 1041 | .col-lg-12 { 1042 | width: 100%; 1043 | } 1044 | .col-offset-1 { 1045 | margin-left: 8.333333333333332%; 1046 | } 1047 | .col-offset-2 { 1048 | margin-left: 16.666666666666664%; 1049 | } 1050 | .col-offset-3 { 1051 | margin-left: 25%; 1052 | } 1053 | .col-offset-4 { 1054 | margin-left: 33.33333333333333%; 1055 | } 1056 | .col-offset-5 { 1057 | margin-left: 41.66666666666667%; 1058 | } 1059 | .col-offset-6 { 1060 | margin-left: 50%; 1061 | } 1062 | .col-offset-7 { 1063 | margin-left: 58.333333333333336%; 1064 | } 1065 | .col-offset-8 { 1066 | margin-left: 66.66666666666666%; 1067 | } 1068 | .col-offset-9 { 1069 | margin-left: 75%; 1070 | } 1071 | .col-offset-10 { 1072 | margin-left: 83.33333333333334%; 1073 | } 1074 | .col-offset-11 { 1075 | margin-left: 91.66666666666666%; 1076 | } 1077 | } 1078 | 1079 | @media (min-width: 1200px) { 1080 | .container { 1081 | max-width: 1170px; 1082 | } 1083 | } 1084 | 1085 | table { 1086 | max-width: 100%; 1087 | min-width: 100%; 1088 | background-color: transparent; 1089 | } 1090 | 1091 | th { 1092 | text-align: left; 1093 | } 1094 | 1095 | .table { 1096 | width: 100%; 1097 | margin-bottom: 20px; 1098 | } 1099 | 1100 | .table thead > tr > th, 1101 | .table tbody > tr > th, 1102 | .table tfoot > tr > th, 1103 | .table thead > tr > td, 1104 | .table tbody > tr > td, 1105 | .table tfoot > tr > td { 1106 | padding: 8px; 1107 | line-height: 1.428571429; 1108 | vertical-align: top; 1109 | border-top: 1px solid #dddddd; 1110 | } 1111 | 1112 | .table thead > tr > th { 1113 | vertical-align: bottom; 1114 | } 1115 | 1116 | .table caption + thead tr:first-child th, 1117 | .table colgroup + thead tr:first-child th, 1118 | .table thead:first-child tr:first-child th, 1119 | .table caption + thead tr:first-child td, 1120 | .table colgroup + thead tr:first-child td, 1121 | .table thead:first-child tr:first-child td { 1122 | border-top: 0; 1123 | } 1124 | 1125 | .table tbody + tbody { 1126 | border-top: 2px solid #dddddd; 1127 | } 1128 | 1129 | .table .table { 1130 | background-color: #ffffff; 1131 | } 1132 | 1133 | .table-condensed thead > tr > th, 1134 | .table-condensed tbody > tr > th, 1135 | .table-condensed tfoot > tr > th, 1136 | .table-condensed thead > tr > td, 1137 | .table-condensed tbody > tr > td, 1138 | .table-condensed tfoot > tr > td { 1139 | padding: 5px; 1140 | } 1141 | 1142 | .table-bordered { 1143 | border: 1px solid #dddddd; 1144 | } 1145 | 1146 | .table-bordered > thead > tr > th, 1147 | .table-bordered > tbody > tr > th, 1148 | .table-bordered > tfoot > tr > th, 1149 | .table-bordered > thead > tr > td, 1150 | .table-bordered > tbody > tr > td, 1151 | .table-bordered > tfoot > tr > td { 1152 | border: 1px solid #dddddd; 1153 | } 1154 | 1155 | .table-striped > tbody > tr:nth-child(odd) > td, 1156 | .table-striped > tbody > tr:nth-child(odd) > th { 1157 | background-color: #e0e0e0; 1158 | } 1159 | 1160 | .table-hover > tbody > tr:hover > td, 1161 | .table-hover > tbody > tr:hover > th { 1162 | background-color: #f5f5f5; 1163 | } 1164 | 1165 | table col[class^="col-"] { 1166 | display: table-column; 1167 | float: none; 1168 | } 1169 | 1170 | table td[class^="col-"], 1171 | table th[class^="col-"] { 1172 | display: table-cell; 1173 | float: none; 1174 | } 1175 | 1176 | .table > thead > tr > td.active, 1177 | .table > tbody > tr > td.active, 1178 | .table > tfoot > tr > td.active, 1179 | .table > thead > tr > th.active, 1180 | .table > tbody > tr > th.active, 1181 | .table > tfoot > tr > th.active, 1182 | .table > thead > tr.active > td, 1183 | .table > tbody > tr.active > td, 1184 | .table > tfoot > tr.active > td, 1185 | .table > thead > tr.active > th, 1186 | .table > tbody > tr.active > th, 1187 | .table > tfoot > tr.active > th { 1188 | background-color: #f5f5f5; 1189 | } 1190 | 1191 | .table > thead > tr > td.success, 1192 | .table > tbody > tr > td.success, 1193 | .table > tfoot > tr > td.success, 1194 | .table > thead > tr > th.success, 1195 | .table > tbody > tr > th.success, 1196 | .table > tfoot > tr > th.success, 1197 | .table > thead > tr.success > td, 1198 | .table > tbody > tr.success > td, 1199 | .table > tfoot > tr.success > td, 1200 | .table > thead > tr.success > th, 1201 | .table > tbody > tr.success > th, 1202 | .table > tfoot > tr.success > th { 1203 | background-color: #dff0d8; 1204 | border-color: #d6e9c6; 1205 | } 1206 | 1207 | .table > thead > tr > td.danger, 1208 | .table > tbody > tr > td.danger, 1209 | .table > tfoot > tr > td.danger, 1210 | .table > thead > tr > th.danger, 1211 | .table > tbody > tr > th.danger, 1212 | .table > tfoot > tr > th.danger, 1213 | .table > thead > tr.danger > td, 1214 | .table > tbody > tr.danger > td, 1215 | .table > tfoot > tr.danger > td, 1216 | .table > thead > tr.danger > th, 1217 | .table > tbody > tr.danger > th, 1218 | .table > tfoot > tr.danger > th { 1219 | background-color: #f2dede; 1220 | border-color: #eed3d7; 1221 | } 1222 | 1223 | .table > thead > tr > td.warning, 1224 | .table > tbody > tr > td.warning, 1225 | .table > tfoot > tr > td.warning, 1226 | .table > thead > tr > th.warning, 1227 | .table > tbody > tr > th.warning, 1228 | .table > tfoot > tr > th.warning, 1229 | .table > thead > tr.warning > td, 1230 | .table > tbody > tr.warning > td, 1231 | .table > tfoot > tr.warning > td, 1232 | .table > thead > tr.warning > th, 1233 | .table > tbody > tr.warning > th, 1234 | .table > tfoot > tr.warning > th { 1235 | background-color: #fcf8e3; 1236 | border-color: #fbeed5; 1237 | } 1238 | 1239 | .table-hover > tbody > tr > td.success:hover, 1240 | .table-hover > tbody > tr > th.success:hover, 1241 | .table-hover > tbody > tr.success:hover > td { 1242 | background-color: #d0e9c6; 1243 | border-color: #c9e2b3; 1244 | } 1245 | 1246 | .table-hover > tbody > tr > td.danger:hover, 1247 | .table-hover > tbody > tr > th.danger:hover, 1248 | .table-hover > tbody > tr.danger:hover > td { 1249 | background-color: #ebcccc; 1250 | border-color: #e6c1c7; 1251 | } 1252 | 1253 | .table-hover > tbody > tr > td.warning:hover, 1254 | .table-hover > tbody > tr > th.warning:hover, 1255 | .table-hover > tbody > tr.warning:hover > td { 1256 | background-color: #faf2cc; 1257 | border-color: #f8e5be; 1258 | } 1259 | 1260 | fieldset { 1261 | padding: 0; 1262 | margin: 0; 1263 | border: 0; 1264 | } 1265 | 1266 | legend { 1267 | display: block; 1268 | width: 100%; 1269 | padding: 0; 1270 | margin-bottom: 20px; 1271 | font-size: 21px; 1272 | line-height: inherit; 1273 | color: #333333; 1274 | border: 0; 1275 | border-bottom: 1px solid #e5e5e5; 1276 | } 1277 | 1278 | label { 1279 | display: inline-block; 1280 | margin-bottom: 5px; 1281 | font-weight: bold; 1282 | } 1283 | 1284 | input[type="search"] { 1285 | -webkit-box-sizing: border-box; 1286 | -moz-box-sizing: border-box; 1287 | box-sizing: border-box; 1288 | } 1289 | 1290 | input[type="radio"], 1291 | input[type="checkbox"] { 1292 | margin: 4px 0 0; 1293 | margin-top: 1px \9; 1294 | /* IE8-9 */ 1295 | 1296 | line-height: normal; 1297 | } 1298 | 1299 | input[type="file"] { 1300 | display: block; 1301 | } 1302 | 1303 | select[multiple], 1304 | select[size] { 1305 | height: auto; 1306 | } 1307 | 1308 | select optgroup { 1309 | font-family: inherit; 1310 | font-size: inherit; 1311 | font-style: inherit; 1312 | } 1313 | 1314 | input[type="file"]:focus, 1315 | input[type="radio"]:focus, 1316 | input[type="checkbox"]:focus { 1317 | outline: thin dotted #333; 1318 | outline: 5px auto -webkit-focus-ring-color; 1319 | outline-offset: -2px; 1320 | } 1321 | 1322 | input[type="number"]::-webkit-outer-spin-button, 1323 | input[type="number"]::-webkit-inner-spin-button { 1324 | height: auto; 1325 | } 1326 | 1327 | .form-control:-moz-placeholder { 1328 | color: #999999; 1329 | } 1330 | 1331 | .form-control::-moz-placeholder { 1332 | color: #999999; 1333 | } 1334 | 1335 | .form-control:-ms-input-placeholder { 1336 | color: #999999; 1337 | } 1338 | 1339 | .form-control::-webkit-input-placeholder { 1340 | color: #999999; 1341 | } 1342 | 1343 | .form-control { 1344 | display: block; 1345 | width: 100%; 1346 | height: 38px; 1347 | padding: 8px 12px; 1348 | font-size: 14px; 1349 | line-height: 1.428571429; 1350 | color: #555555; 1351 | vertical-align: middle; 1352 | background-color: #ffffff; 1353 | border: 1px solid #cccccc; 1354 | border-radius: 4px; 1355 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1356 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1357 | -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 1358 | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 1359 | } 1360 | 1361 | .form-control:focus { 1362 | border-color: rgba(82, 168, 236, 0.8); 1363 | outline: 0; 1364 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 1365 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 1366 | } 1367 | 1368 | .form-control[disabled], 1369 | .form-control[readonly], 1370 | fieldset[disabled] .form-control { 1371 | cursor: not-allowed; 1372 | background-color: #eeeeee; 1373 | } 1374 | 1375 | textarea.form-control { 1376 | height: auto; 1377 | } 1378 | 1379 | .form-group { 1380 | margin-bottom: 15px; 1381 | } 1382 | 1383 | .radio, 1384 | .checkbox { 1385 | display: block; 1386 | min-height: 20px; 1387 | padding-left: 20px; 1388 | margin-top: 10px; 1389 | margin-bottom: 10px; 1390 | vertical-align: middle; 1391 | } 1392 | 1393 | .radio label, 1394 | .checkbox label { 1395 | display: inline; 1396 | margin-bottom: 0; 1397 | font-weight: normal; 1398 | cursor: pointer; 1399 | } 1400 | 1401 | .radio input[type="radio"], 1402 | .radio-inline input[type="radio"], 1403 | .checkbox input[type="checkbox"], 1404 | .checkbox-inline input[type="checkbox"] { 1405 | float: left; 1406 | margin-left: -20px; 1407 | } 1408 | 1409 | .radio + .radio, 1410 | .checkbox + .checkbox { 1411 | margin-top: -5px; 1412 | } 1413 | 1414 | .radio-inline, 1415 | .checkbox-inline { 1416 | display: inline-block; 1417 | padding-left: 20px; 1418 | margin-bottom: 0; 1419 | font-weight: normal; 1420 | vertical-align: middle; 1421 | cursor: pointer; 1422 | } 1423 | 1424 | .radio-inline + .radio-inline, 1425 | .checkbox-inline + .checkbox-inline { 1426 | margin-top: 0; 1427 | margin-left: 10px; 1428 | } 1429 | 1430 | .form-control.input-large { 1431 | height: 56px; 1432 | padding: 14px 16px; 1433 | font-size: 18px; 1434 | border-radius: 6px; 1435 | } 1436 | 1437 | .form-control.input-small { 1438 | height: 30px; 1439 | padding: 5px 10px; 1440 | font-size: 12px; 1441 | border-radius: 3px; 1442 | } 1443 | 1444 | select.input-large { 1445 | height: 56px; 1446 | line-height: 56px; 1447 | } 1448 | 1449 | select.input-small { 1450 | height: 30px; 1451 | line-height: 30px; 1452 | } 1453 | 1454 | .has-warning .help-block, 1455 | .has-warning .control-label { 1456 | color: #c09853; 1457 | } 1458 | 1459 | .has-warning .form-control { 1460 | padding-right: 32px; 1461 | border-color: #c09853; 1462 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1463 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1464 | } 1465 | 1466 | .has-warning .form-control:focus { 1467 | border-color: #a47e3c; 1468 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; 1469 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; 1470 | } 1471 | 1472 | .has-warning .input-group-addon { 1473 | color: #c09853; 1474 | background-color: #fcf8e3; 1475 | border-color: #c09853; 1476 | } 1477 | 1478 | .has-error .help-block, 1479 | .has-error .control-label { 1480 | color: #b94a48; 1481 | } 1482 | 1483 | .has-error .form-control { 1484 | padding-right: 32px; 1485 | border-color: #b94a48; 1486 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1487 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1488 | } 1489 | 1490 | .has-error .form-control:focus { 1491 | border-color: #953b39; 1492 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; 1493 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; 1494 | } 1495 | 1496 | .has-error .input-group-addon { 1497 | color: #b94a48; 1498 | background-color: #f2dede; 1499 | border-color: #b94a48; 1500 | } 1501 | 1502 | .has-success .help-block, 1503 | .has-success .control-label { 1504 | color: #468847; 1505 | } 1506 | 1507 | .has-success .form-control { 1508 | padding-right: 32px; 1509 | border-color: #468847; 1510 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1511 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1512 | } 1513 | 1514 | .has-success .form-control:focus { 1515 | border-color: #356635; 1516 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; 1517 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; 1518 | } 1519 | 1520 | .has-success .input-group-addon { 1521 | color: #468847; 1522 | background-color: #dff0d8; 1523 | border-color: #468847; 1524 | } 1525 | 1526 | .help-block { 1527 | display: block; 1528 | margin-top: 5px; 1529 | margin-bottom: 10px; 1530 | color: #737373; 1531 | } 1532 | 1533 | .input-group { 1534 | display: table; 1535 | border-collapse: separate; 1536 | } 1537 | 1538 | .input-group.col { 1539 | float: none; 1540 | padding-right: 0; 1541 | padding-left: 0; 1542 | } 1543 | 1544 | .input-group .form-control { 1545 | width: 100%; 1546 | margin-bottom: 0; 1547 | } 1548 | 1549 | .input-group-addon, 1550 | .input-group-btn, 1551 | .input-group .form-control { 1552 | display: table-cell; 1553 | } 1554 | 1555 | .input-group-addon:not(:first-child):not(:last-child), 1556 | .input-group-btn:not(:first-child):not(:last-child), 1557 | .input-group .form-control:not(:first-child):not(:last-child) { 1558 | border-radius: 0; 1559 | } 1560 | 1561 | .input-group-addon, 1562 | .input-group-btn { 1563 | width: 1%; 1564 | white-space: nowrap; 1565 | vertical-align: middle; 1566 | } 1567 | 1568 | .input-group-addon { 1569 | padding: 8px 12px; 1570 | font-size: 14px; 1571 | font-weight: normal; 1572 | line-height: 1.428571429; 1573 | text-align: center; 1574 | background-color: #eeeeee; 1575 | border: 1px solid #cccccc; 1576 | border-radius: 4px; 1577 | -webkit-box-sizing: border-box; 1578 | -moz-box-sizing: border-box; 1579 | box-sizing: border-box; 1580 | } 1581 | 1582 | .input-group-addon.input-small { 1583 | padding: 5px 10px; 1584 | font-size: 12px; 1585 | border-radius: 3px; 1586 | } 1587 | 1588 | .input-group-addon.input-large { 1589 | padding: 14px 16px; 1590 | font-size: 18px; 1591 | border-radius: 6px; 1592 | } 1593 | 1594 | .input-group .form-control:first-child, 1595 | .input-group-addon:first-child, 1596 | .input-group-btn:first-child > .btn, 1597 | .input-group-btn:first-child > .dropdown-toggle, 1598 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { 1599 | border-top-right-radius: 0; 1600 | border-bottom-right-radius: 0; 1601 | } 1602 | 1603 | .input-group-addon:first-child { 1604 | border-right: 0; 1605 | } 1606 | 1607 | .input-group .form-control:last-child, 1608 | .input-group-addon:last-child, 1609 | .input-group-btn:last-child > .btn, 1610 | .input-group-btn:last-child > .dropdown-toggle, 1611 | .input-group-btn:first-child > .btn:not(:first-child) { 1612 | border-bottom-left-radius: 0; 1613 | border-top-left-radius: 0; 1614 | } 1615 | 1616 | .input-group-addon:last-child { 1617 | border-left: 0; 1618 | } 1619 | 1620 | .input-group-btn { 1621 | position: relative; 1622 | white-space: nowrap; 1623 | } 1624 | 1625 | .input-group-btn > .btn { 1626 | position: relative; 1627 | } 1628 | 1629 | .input-group-btn > .btn + .btn { 1630 | margin-left: -4px; 1631 | } 1632 | 1633 | .input-group-btn > .btn:hover, 1634 | .input-group-btn > .btn:active { 1635 | z-index: 2; 1636 | } 1637 | 1638 | .form-inline .form-control, 1639 | .form-inline .radio, 1640 | .form-inline .checkbox { 1641 | display: inline-block; 1642 | } 1643 | 1644 | .form-inline .radio, 1645 | .form-inline .checkbox { 1646 | margin-top: 0; 1647 | margin-bottom: 0; 1648 | } 1649 | 1650 | .form-horizontal .control-label { 1651 | padding-top: 6px; 1652 | } 1653 | 1654 | .form-horizontal .form-group:before, 1655 | .form-horizontal .form-group:after { 1656 | display: table; 1657 | content: " "; 1658 | } 1659 | 1660 | .form-horizontal .form-group:after { 1661 | clear: both; 1662 | } 1663 | 1664 | .form-horizontal .form-group:before, 1665 | .form-horizontal .form-group:after { 1666 | display: table; 1667 | content: " "; 1668 | } 1669 | 1670 | .form-horizontal .form-group:after { 1671 | clear: both; 1672 | } 1673 | 1674 | @media (min-width: 768px) { 1675 | .form-horizontal .form-group { 1676 | margin-right: -15px; 1677 | margin-left: -15px; 1678 | } 1679 | } 1680 | 1681 | .form-horizontal .form-group .row { 1682 | margin-right: -15px; 1683 | margin-left: -15px; 1684 | } 1685 | 1686 | @media (min-width: 768px) { 1687 | .form-horizontal .control-label { 1688 | text-align: right; 1689 | } 1690 | } 1691 | 1692 | .btn { 1693 | display: inline-block; 1694 | padding: 8px 12px; 1695 | margin-bottom: 0; 1696 | font-size: 14px; 1697 | font-weight: 500; 1698 | line-height: 1.428571429; 1699 | text-align: center; 1700 | white-space: nowrap; 1701 | vertical-align: middle; 1702 | cursor: pointer; 1703 | border: 1px solid transparent; 1704 | border-radius: 4px; 1705 | } 1706 | 1707 | .btn:focus { 1708 | outline: thin dotted #333; 1709 | outline: 5px auto -webkit-focus-ring-color; 1710 | outline-offset: -2px; 1711 | } 1712 | 1713 | .btn:hover, 1714 | .btn:focus { 1715 | color: #ffffff; 1716 | text-decoration: none; 1717 | } 1718 | 1719 | .btn:active, 1720 | .btn.active { 1721 | outline: 0; 1722 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 1723 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 1724 | } 1725 | 1726 | .btn.disabled, 1727 | .btn[disabled], 1728 | fieldset[disabled] .btn { 1729 | pointer-events: none; 1730 | cursor: default; 1731 | opacity: 0.65; 1732 | filter: alpha(opacity=65); 1733 | -webkit-box-shadow: none; 1734 | box-shadow: none; 1735 | } 1736 | 1737 | .btn-default { 1738 | color: #ffffff; 1739 | background-color: #474949; 1740 | border-color: #474949; 1741 | } 1742 | 1743 | .btn-default:hover, 1744 | .btn-default:focus, 1745 | .btn-default:active, 1746 | .btn-default.active { 1747 | background-color: #3a3c3c; 1748 | border-color: #2e2f2f; 1749 | } 1750 | 1751 | .btn-default.disabled, 1752 | .btn-default[disabled], 1753 | fieldset[disabled] .btn-default, 1754 | .btn-default.disabled:hover, 1755 | .btn-default[disabled]:hover, 1756 | fieldset[disabled] .btn-default:hover, 1757 | .btn-default.disabled:focus, 1758 | .btn-default[disabled]:focus, 1759 | fieldset[disabled] .btn-default:focus, 1760 | .btn-default.disabled:active, 1761 | .btn-default[disabled]:active, 1762 | fieldset[disabled] .btn-default:active, 1763 | .btn-default.disabled.active, 1764 | .btn-default[disabled].active, 1765 | fieldset[disabled] .btn-default.active { 1766 | background-color: #474949; 1767 | border-color: #474949; 1768 | } 1769 | 1770 | .btn-primary { 1771 | color: #ffffff; 1772 | background-color: #428bca; 1773 | border-color: #428bca; 1774 | } 1775 | 1776 | .btn-primary:hover, 1777 | .btn-primary:focus, 1778 | .btn-primary:active, 1779 | .btn-primary.active { 1780 | background-color: #357ebd; 1781 | border-color: #3071a9; 1782 | } 1783 | 1784 | .btn-primary.disabled, 1785 | .btn-primary[disabled], 1786 | fieldset[disabled] .btn-primary, 1787 | .btn-primary.disabled:hover, 1788 | .btn-primary[disabled]:hover, 1789 | fieldset[disabled] .btn-primary:hover, 1790 | .btn-primary.disabled:focus, 1791 | .btn-primary[disabled]:focus, 1792 | fieldset[disabled] .btn-primary:focus, 1793 | .btn-primary.disabled:active, 1794 | .btn-primary[disabled]:active, 1795 | fieldset[disabled] .btn-primary:active, 1796 | .btn-primary.disabled.active, 1797 | .btn-primary[disabled].active, 1798 | fieldset[disabled] .btn-primary.active { 1799 | background-color: #428bca; 1800 | border-color: #428bca; 1801 | } 1802 | 1803 | .btn-warning { 1804 | color: #ffffff; 1805 | background-color: #f0ad4e; 1806 | border-color: #f0ad4e; 1807 | } 1808 | 1809 | .btn-warning:hover, 1810 | .btn-warning:focus, 1811 | .btn-warning:active, 1812 | .btn-warning.active { 1813 | background-color: #eea236; 1814 | border-color: #ec971f; 1815 | } 1816 | 1817 | .btn-warning.disabled, 1818 | .btn-warning[disabled], 1819 | fieldset[disabled] .btn-warning, 1820 | .btn-warning.disabled:hover, 1821 | .btn-warning[disabled]:hover, 1822 | fieldset[disabled] .btn-warning:hover, 1823 | .btn-warning.disabled:focus, 1824 | .btn-warning[disabled]:focus, 1825 | fieldset[disabled] .btn-warning:focus, 1826 | .btn-warning.disabled:active, 1827 | .btn-warning[disabled]:active, 1828 | fieldset[disabled] .btn-warning:active, 1829 | .btn-warning.disabled.active, 1830 | .btn-warning[disabled].active, 1831 | fieldset[disabled] .btn-warning.active { 1832 | background-color: #f0ad4e; 1833 | border-color: #f0ad4e; 1834 | } 1835 | 1836 | .btn-danger { 1837 | color: #ffffff; 1838 | background-color: #d9534f; 1839 | border-color: #d9534f; 1840 | } 1841 | 1842 | .btn-danger:hover, 1843 | .btn-danger:focus, 1844 | .btn-danger:active, 1845 | .btn-danger.active { 1846 | background-color: #d43f3a; 1847 | border-color: #c9302c; 1848 | } 1849 | 1850 | .btn-danger.disabled, 1851 | .btn-danger[disabled], 1852 | fieldset[disabled] .btn-danger, 1853 | .btn-danger.disabled:hover, 1854 | .btn-danger[disabled]:hover, 1855 | fieldset[disabled] .btn-danger:hover, 1856 | .btn-danger.disabled:focus, 1857 | .btn-danger[disabled]:focus, 1858 | fieldset[disabled] .btn-danger:focus, 1859 | .btn-danger.disabled:active, 1860 | .btn-danger[disabled]:active, 1861 | fieldset[disabled] .btn-danger:active, 1862 | .btn-danger.disabled.active, 1863 | .btn-danger[disabled].active, 1864 | fieldset[disabled] .btn-danger.active { 1865 | background-color: #d9534f; 1866 | border-color: #d9534f; 1867 | } 1868 | 1869 | .btn-success { 1870 | color: #ffffff; 1871 | background-color: #5cb85c; 1872 | border-color: #5cb85c; 1873 | } 1874 | 1875 | .btn-success:hover, 1876 | .btn-success:focus, 1877 | .btn-success:active, 1878 | .btn-success.active { 1879 | background-color: #4cae4c; 1880 | border-color: #449d44; 1881 | } 1882 | 1883 | .btn-success.disabled, 1884 | .btn-success[disabled], 1885 | fieldset[disabled] .btn-success, 1886 | .btn-success.disabled:hover, 1887 | .btn-success[disabled]:hover, 1888 | fieldset[disabled] .btn-success:hover, 1889 | .btn-success.disabled:focus, 1890 | .btn-success[disabled]:focus, 1891 | fieldset[disabled] .btn-success:focus, 1892 | .btn-success.disabled:active, 1893 | .btn-success[disabled]:active, 1894 | fieldset[disabled] .btn-success:active, 1895 | .btn-success.disabled.active, 1896 | .btn-success[disabled].active, 1897 | fieldset[disabled] .btn-success.active { 1898 | background-color: #5cb85c; 1899 | border-color: #5cb85c; 1900 | } 1901 | 1902 | .btn-info { 1903 | color: #ffffff; 1904 | background-color: #5bc0de; 1905 | border-color: #5bc0de; 1906 | } 1907 | 1908 | .btn-info:hover, 1909 | .btn-info:focus, 1910 | .btn-info:active, 1911 | .btn-info.active { 1912 | background-color: #46b8da; 1913 | border-color: #31b0d5; 1914 | } 1915 | 1916 | .btn-info.disabled, 1917 | .btn-info[disabled], 1918 | fieldset[disabled] .btn-info, 1919 | .btn-info.disabled:hover, 1920 | .btn-info[disabled]:hover, 1921 | fieldset[disabled] .btn-info:hover, 1922 | .btn-info.disabled:focus, 1923 | .btn-info[disabled]:focus, 1924 | fieldset[disabled] .btn-info:focus, 1925 | .btn-info.disabled:active, 1926 | .btn-info[disabled]:active, 1927 | fieldset[disabled] .btn-info:active, 1928 | .btn-info.disabled.active, 1929 | .btn-info[disabled].active, 1930 | fieldset[disabled] .btn-info.active { 1931 | background-color: #5bc0de; 1932 | border-color: #5bc0de; 1933 | } 1934 | 1935 | .btn-link { 1936 | font-weight: normal; 1937 | color: #428bca; 1938 | cursor: pointer; 1939 | border-radius: 0; 1940 | } 1941 | 1942 | .btn-link, 1943 | .btn-link:active, 1944 | .btn-link[disabled], 1945 | fieldset[disabled] .btn-link { 1946 | background-color: transparent; 1947 | -webkit-box-shadow: none; 1948 | box-shadow: none; 1949 | } 1950 | 1951 | .btn-link, 1952 | .btn-link:hover, 1953 | .btn-link:focus, 1954 | .btn-link:active { 1955 | border-color: transparent; 1956 | } 1957 | 1958 | .btn-link:hover, 1959 | .btn-link:focus { 1960 | color: #2a6496; 1961 | text-decoration: underline; 1962 | background-color: transparent; 1963 | } 1964 | 1965 | .btn-link[disabled]:hover, 1966 | fieldset[disabled] .btn-link:hover, 1967 | .btn-link[disabled]:focus, 1968 | fieldset[disabled] .btn-link:focus { 1969 | color: #333333; 1970 | text-decoration: none; 1971 | } 1972 | 1973 | .btn-large { 1974 | padding: 14px 16px; 1975 | font-size: 18px; 1976 | border-radius: 6px; 1977 | } 1978 | 1979 | .btn-small { 1980 | padding: 5px 10px; 1981 | font-size: 12px; 1982 | line-height: 1.5; 1983 | border-radius: 3px; 1984 | } 1985 | 1986 | .btn-block { 1987 | display: block; 1988 | width: 100%; 1989 | padding-right: 0; 1990 | padding-left: 0; 1991 | } 1992 | 1993 | .btn-block + .btn-block { 1994 | margin-top: 5px; 1995 | } 1996 | 1997 | input[type="submit"].btn-block, 1998 | input[type="reset"].btn-block, 1999 | input[type="button"].btn-block { 2000 | width: 100%; 2001 | } 2002 | 2003 | .fade { 2004 | opacity: 0; 2005 | -webkit-transition: opacity 0.15s linear; 2006 | transition: opacity 0.15s linear; 2007 | } 2008 | 2009 | .fade.in { 2010 | opacity: 1; 2011 | } 2012 | 2013 | .collapse { 2014 | position: relative; 2015 | height: 0; 2016 | overflow: hidden; 2017 | -webkit-transition: height 0.35s ease; 2018 | transition: height 0.35s ease; 2019 | } 2020 | 2021 | .collapse.in { 2022 | height: auto; 2023 | } 2024 | 2025 | .caret { 2026 | display: inline-block; 2027 | width: 0; 2028 | height: 0; 2029 | margin-left: 2px; 2030 | vertical-align: middle; 2031 | border-top: 4px solid #000000; 2032 | border-right: 4px solid transparent; 2033 | border-left: 4px solid transparent; 2034 | content: ""; 2035 | } 2036 | 2037 | .dropdown-menu { 2038 | position: absolute; 2039 | top: 100%; 2040 | left: 0; 2041 | z-index: 1000; 2042 | display: none; 2043 | float: left; 2044 | min-width: 160px; 2045 | padding: 5px 0; 2046 | margin: 2px 0 0; 2047 | list-style: none; 2048 | background-color: #ffffff; 2049 | border: 1px solid #cccccc; 2050 | border: 1px solid rgba(0, 0, 0, 0.15); 2051 | border-radius: 4px; 2052 | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 2053 | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 2054 | background-clip: padding-box; 2055 | } 2056 | 2057 | .dropdown-menu.pull-right { 2058 | right: 0; 2059 | left: auto; 2060 | } 2061 | 2062 | .dropdown-menu .divider { 2063 | height: 1px; 2064 | margin: 9px 0; 2065 | overflow: hidden; 2066 | background-color: #e5e5e5; 2067 | } 2068 | 2069 | .dropdown-menu > li > a { 2070 | display: block; 2071 | padding: 3px 20px; 2072 | clear: both; 2073 | font-weight: normal; 2074 | line-height: 1.428571429; 2075 | color: #333333; 2076 | white-space: nowrap; 2077 | } 2078 | 2079 | .dropdown-menu > li > a:hover, 2080 | .dropdown-menu > li > a:focus { 2081 | color: #ffffff; 2082 | text-decoration: none; 2083 | background-color: #357ebd; 2084 | background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); 2085 | background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); 2086 | background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); 2087 | background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); 2088 | background-repeat: repeat-x; 2089 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); 2090 | } 2091 | 2092 | .dropdown-menu > .active > a, 2093 | .dropdown-menu > .active > a:hover, 2094 | .dropdown-menu > .active > a:focus { 2095 | color: #ffffff; 2096 | text-decoration: none; 2097 | background-color: #357ebd; 2098 | background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); 2099 | background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); 2100 | background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); 2101 | background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); 2102 | background-repeat: repeat-x; 2103 | outline: 0; 2104 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); 2105 | } 2106 | 2107 | .dropdown-menu > .disabled > a, 2108 | .dropdown-menu > .disabled > a:hover, 2109 | .dropdown-menu > .disabled > a:focus { 2110 | color: #999999; 2111 | } 2112 | 2113 | .dropdown-menu > .disabled > a:hover, 2114 | .dropdown-menu > .disabled > a:focus { 2115 | text-decoration: none; 2116 | cursor: not-allowed; 2117 | background-color: transparent; 2118 | background-image: none; 2119 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 2120 | } 2121 | 2122 | .open > .dropdown-menu { 2123 | display: block; 2124 | } 2125 | 2126 | .open > a { 2127 | outline: 0; 2128 | } 2129 | 2130 | .dropdown-header { 2131 | display: block; 2132 | padding: 3px 20px; 2133 | font-size: 12px; 2134 | line-height: 1.428571429; 2135 | color: #999999; 2136 | } 2137 | 2138 | .dropdown-backdrop { 2139 | position: fixed; 2140 | top: 0; 2141 | right: 0; 2142 | bottom: 0; 2143 | left: 0; 2144 | z-index: 990; 2145 | } 2146 | 2147 | .pull-right > .dropdown-menu { 2148 | right: 0; 2149 | left: auto; 2150 | } 2151 | 2152 | .dropup .caret, 2153 | .navbar-fixed-bottom .dropdown .caret { 2154 | border-top: 0; 2155 | border-bottom: 4px solid #000000; 2156 | content: ""; 2157 | } 2158 | 2159 | .dropup .dropdown-menu, 2160 | .navbar-fixed-bottom .dropdown .dropdown-menu { 2161 | top: auto; 2162 | bottom: 100%; 2163 | margin-bottom: 1px; 2164 | } 2165 | 2166 | .list-group { 2167 | padding-left: 0; 2168 | margin-bottom: 20px; 2169 | background-color: #ffffff; 2170 | } 2171 | 2172 | .list-group-item { 2173 | position: relative; 2174 | display: block; 2175 | padding: 10px 30px 10px 15px; 2176 | margin-bottom: -1px; 2177 | border: 1px solid #dddddd; 2178 | } 2179 | 2180 | .list-group-item:first-child { 2181 | border-top-right-radius: 4px; 2182 | border-top-left-radius: 4px; 2183 | } 2184 | 2185 | .list-group-item:last-child { 2186 | margin-bottom: 0; 2187 | border-bottom-right-radius: 4px; 2188 | border-bottom-left-radius: 4px; 2189 | } 2190 | 2191 | .list-group-item > .badge { 2192 | float: right; 2193 | margin-right: -15px; 2194 | } 2195 | 2196 | .list-group-item-heading { 2197 | margin-top: 0; 2198 | margin-bottom: 5px; 2199 | } 2200 | 2201 | .list-group-item-text { 2202 | margin-bottom: 0; 2203 | line-height: 1.3; 2204 | } 2205 | 2206 | a.list-group-item .list-group-item-heading { 2207 | color: #333333; 2208 | } 2209 | 2210 | a.list-group-item .list-group-item-text { 2211 | color: #555555; 2212 | } 2213 | 2214 | a.list-group-item:hover, 2215 | a.list-group-item:focus { 2216 | text-decoration: none; 2217 | background-color: #f5f5f5; 2218 | } 2219 | 2220 | a.list-group-item.active { 2221 | z-index: 2; 2222 | color: #ffffff; 2223 | background-color: #428bca; 2224 | border-color: #428bca; 2225 | } 2226 | 2227 | a.list-group-item.active .list-group-item-heading { 2228 | color: inherit; 2229 | } 2230 | 2231 | a.list-group-item.active .list-group-item-text { 2232 | color: #e1edf7; 2233 | } 2234 | 2235 | .panel { 2236 | padding: 15px; 2237 | margin-bottom: 20px; 2238 | background-color: #ffffff; 2239 | border: 1px solid #dddddd; 2240 | border-radius: 4px; 2241 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); 2242 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); 2243 | } 2244 | 2245 | .panel-heading { 2246 | padding: 10px 15px; 2247 | margin: -15px -15px 15px; 2248 | background-color: #f5f5f5; 2249 | border-bottom: 1px solid #dddddd; 2250 | border-top-right-radius: 3px; 2251 | border-top-left-radius: 3px; 2252 | } 2253 | 2254 | .panel-title { 2255 | margin-top: 0; 2256 | margin-bottom: 0; 2257 | font-size: 17.5px; 2258 | font-weight: 500; 2259 | } 2260 | 2261 | .panel-footer { 2262 | padding: 10px 15px; 2263 | margin: 15px -15px -15px; 2264 | background-color: #f5f5f5; 2265 | border-top: 1px solid #dddddd; 2266 | border-bottom-right-radius: 3px; 2267 | border-bottom-left-radius: 3px; 2268 | } 2269 | 2270 | .panel-primary { 2271 | border-color: #428bca; 2272 | } 2273 | 2274 | .panel-primary .panel-heading { 2275 | color: #ffffff; 2276 | background-color: #428bca; 2277 | border-color: #428bca; 2278 | } 2279 | 2280 | .panel-success { 2281 | border-color: #d6e9c6; 2282 | } 2283 | 2284 | .panel-success .panel-heading { 2285 | color: #468847; 2286 | background-color: #dff0d8; 2287 | border-color: #d6e9c6; 2288 | } 2289 | 2290 | .panel-warning { 2291 | border-color: #fbeed5; 2292 | } 2293 | 2294 | .panel-warning .panel-heading { 2295 | color: #c09853; 2296 | background-color: #fcf8e3; 2297 | border-color: #fbeed5; 2298 | } 2299 | 2300 | .panel-danger { 2301 | border-color: #eed3d7; 2302 | } 2303 | 2304 | .panel-danger .panel-heading { 2305 | color: #b94a48; 2306 | background-color: #f2dede; 2307 | border-color: #eed3d7; 2308 | } 2309 | 2310 | .panel-info { 2311 | border-color: #bce8f1; 2312 | } 2313 | 2314 | .panel-info .panel-heading { 2315 | color: #3a87ad; 2316 | background-color: #d9edf7; 2317 | border-color: #bce8f1; 2318 | } 2319 | 2320 | .list-group-flush { 2321 | margin: 15px -15px -15px; 2322 | } 2323 | 2324 | .list-group-flush .list-group-item { 2325 | border-width: 1px 0; 2326 | } 2327 | 2328 | .list-group-flush .list-group-item:first-child { 2329 | border-top-right-radius: 0; 2330 | border-top-left-radius: 0; 2331 | } 2332 | 2333 | .list-group-flush .list-group-item:last-child { 2334 | border-bottom: 0; 2335 | } 2336 | 2337 | .well { 2338 | min-height: 20px; 2339 | padding: 19px; 2340 | margin-bottom: 20px; 2341 | background-color: #f5f5f5; 2342 | border: 1px solid #e3e3e3; 2343 | border-radius: 4px; 2344 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 2345 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 2346 | } 2347 | 2348 | .well blockquote { 2349 | border-color: #ddd; 2350 | border-color: rgba(0, 0, 0, 0.15); 2351 | } 2352 | 2353 | .well-large { 2354 | padding: 24px; 2355 | border-radius: 6px; 2356 | } 2357 | 2358 | .well-small { 2359 | padding: 9px; 2360 | border-radius: 3px; 2361 | } 2362 | 2363 | .close { 2364 | float: right; 2365 | font-size: 21px; 2366 | font-weight: bold; 2367 | line-height: 1; 2368 | color: #000000; 2369 | text-shadow: 0 1px 0 #ffffff; 2370 | opacity: 0.2; 2371 | filter: alpha(opacity=20); 2372 | } 2373 | 2374 | .close:hover, 2375 | .close:focus { 2376 | color: #000000; 2377 | text-decoration: none; 2378 | cursor: pointer; 2379 | opacity: 0.5; 2380 | filter: alpha(opacity=50); 2381 | } 2382 | 2383 | button.close { 2384 | padding: 0; 2385 | cursor: pointer; 2386 | background: transparent; 2387 | border: 0; 2388 | -webkit-appearance: none; 2389 | } 2390 | 2391 | .nav { 2392 | padding-left: 0; 2393 | margin-bottom: 0; 2394 | list-style: none; 2395 | } 2396 | 2397 | .nav:before, 2398 | .nav:after { 2399 | display: table; 2400 | content: " "; 2401 | } 2402 | 2403 | .nav:after { 2404 | clear: both; 2405 | } 2406 | 2407 | .nav:before, 2408 | .nav:after { 2409 | display: table; 2410 | content: " "; 2411 | } 2412 | 2413 | .nav:after { 2414 | clear: both; 2415 | } 2416 | 2417 | .nav > li { 2418 | position: relative; 2419 | display: block; 2420 | } 2421 | 2422 | .nav > li > a { 2423 | position: relative; 2424 | display: block; 2425 | padding: 10px 15px; 2426 | } 2427 | 2428 | .nav > li > a:hover, 2429 | .nav > li > a:focus { 2430 | text-decoration: none; 2431 | background-color: #eeeeee; 2432 | } 2433 | 2434 | .nav > li.disabled > a { 2435 | color: #999999; 2436 | } 2437 | 2438 | .nav > li.disabled > a:hover, 2439 | .nav > li.disabled > a:focus { 2440 | color: #999999; 2441 | text-decoration: none; 2442 | cursor: not-allowed; 2443 | background-color: transparent; 2444 | } 2445 | 2446 | .nav > li + .nav-header { 2447 | margin-top: 9px; 2448 | } 2449 | 2450 | .nav.open > a, 2451 | .nav.open > a:hover, 2452 | .nav.open > a:focus { 2453 | color: #ffffff; 2454 | background-color: #428bca; 2455 | border-color: #428bca; 2456 | } 2457 | 2458 | .nav.open > a .caret, 2459 | .nav.open > a:hover .caret, 2460 | .nav.open > a:focus .caret { 2461 | border-top-color: #ffffff; 2462 | border-bottom-color: #ffffff; 2463 | } 2464 | 2465 | .nav > .pull-right { 2466 | float: right; 2467 | } 2468 | 2469 | .nav .nav-divider { 2470 | height: 1px; 2471 | margin: 9px 0; 2472 | overflow: hidden; 2473 | background-color: #e5e5e5; 2474 | } 2475 | 2476 | .nav-tabs { 2477 | border-bottom: 1px solid #dddddd; 2478 | } 2479 | 2480 | .nav-tabs > li { 2481 | float: left; 2482 | margin-bottom: -1px; 2483 | } 2484 | 2485 | .nav-tabs > li > a { 2486 | margin-right: 2px; 2487 | line-height: 1.428571429; 2488 | border: 1px solid transparent; 2489 | border-radius: 4px 4px 0 0; 2490 | } 2491 | 2492 | .nav-tabs > li > a:hover { 2493 | border-color: #eeeeee; 2494 | } 2495 | 2496 | .nav-tabs > li.active > a, 2497 | .nav-tabs > li.active > a:hover, 2498 | .nav-tabs > li.active > a:focus { 2499 | color: #555555; 2500 | cursor: default; 2501 | background-color: #ffffff; 2502 | border: 1px solid #dddddd; 2503 | border-bottom-color: transparent; 2504 | } 2505 | 2506 | .nav-tabs.nav-justified { 2507 | display: table; 2508 | width: 100%; 2509 | border-bottom: 0; 2510 | } 2511 | 2512 | .nav-tabs.nav-justified > li { 2513 | display: table-cell; 2514 | float: none; 2515 | width: auto; 2516 | } 2517 | 2518 | .nav-tabs.nav-justified > li > a { 2519 | text-align: center; 2520 | } 2521 | 2522 | .nav-tabs.nav-justified > li > a { 2523 | margin-right: 0; 2524 | border-bottom: 1px solid #dddddd; 2525 | } 2526 | 2527 | .nav-tabs.nav-justified > .active > a { 2528 | border-bottom-color: #ffffff; 2529 | } 2530 | 2531 | .nav-pills > li { 2532 | float: left; 2533 | } 2534 | 2535 | .nav-pills > li > a { 2536 | border-radius: 5px; 2537 | } 2538 | 2539 | .nav-pills > li + li > a { 2540 | margin-left: 2px; 2541 | } 2542 | 2543 | .nav-pills > li.active > a, 2544 | .nav-pills > li.active > a:hover, 2545 | .nav-pills > li.active > a:focus { 2546 | color: #ffffff; 2547 | background-color: #428bca; 2548 | } 2549 | 2550 | .nav-stacked > li { 2551 | float: none; 2552 | } 2553 | 2554 | .nav-stacked > li + li > a { 2555 | margin-top: 2px; 2556 | margin-left: 0; 2557 | } 2558 | 2559 | .nav-justified { 2560 | display: table; 2561 | width: 100%; 2562 | } 2563 | 2564 | .nav-justified > li { 2565 | display: table-cell; 2566 | float: none; 2567 | width: auto; 2568 | } 2569 | 2570 | .nav-justified > li > a { 2571 | text-align: center; 2572 | } 2573 | 2574 | .nav-tabs-justified { 2575 | border-bottom: 0; 2576 | } 2577 | 2578 | .nav-tabs-justified > li > a { 2579 | margin-right: 0; 2580 | border-bottom: 1px solid #dddddd; 2581 | } 2582 | 2583 | .nav-tabs-justified > .active > a { 2584 | border-bottom-color: #ffffff; 2585 | } 2586 | 2587 | .tabbable:before, 2588 | .tabbable:after { 2589 | display: table; 2590 | content: " "; 2591 | } 2592 | 2593 | .tabbable:after { 2594 | clear: both; 2595 | } 2596 | 2597 | .tabbable:before, 2598 | .tabbable:after { 2599 | display: table; 2600 | content: " "; 2601 | } 2602 | 2603 | .tabbable:after { 2604 | clear: both; 2605 | } 2606 | 2607 | .tab-content > .tab-pane, 2608 | .pill-content > .pill-pane { 2609 | display: none; 2610 | } 2611 | 2612 | .tab-content > .active, 2613 | .pill-content > .active { 2614 | display: block; 2615 | } 2616 | 2617 | .nav .caret { 2618 | border-top-color: #428bca; 2619 | border-bottom-color: #428bca; 2620 | } 2621 | 2622 | .nav a:hover .caret { 2623 | border-top-color: #2a6496; 2624 | border-bottom-color: #2a6496; 2625 | } 2626 | 2627 | .nav-tabs .dropdown-menu { 2628 | margin-top: -1px; 2629 | border-top-right-radius: 0; 2630 | border-top-left-radius: 0; 2631 | } 2632 | 2633 | .navbar { 2634 | position: relative; 2635 | min-height: 50px; 2636 | padding-right: 15px; 2637 | padding-left: 15px; 2638 | margin-bottom: 20px; 2639 | background-color: #eeeeee; 2640 | border-radius: 4px; 2641 | } 2642 | 2643 | .navbar:before, 2644 | .navbar:after { 2645 | display: table; 2646 | content: " "; 2647 | } 2648 | 2649 | .navbar:after { 2650 | clear: both; 2651 | } 2652 | 2653 | .navbar:before, 2654 | .navbar:after { 2655 | display: table; 2656 | content: " "; 2657 | } 2658 | 2659 | .navbar:after { 2660 | clear: both; 2661 | } 2662 | 2663 | .navbar-nav { 2664 | margin-top: 10px; 2665 | margin-bottom: 15px; 2666 | } 2667 | 2668 | .navbar-nav > li > a { 2669 | padding-top: 15px; 2670 | padding-bottom: 15px; 2671 | line-height: 20px; 2672 | color: #777777; 2673 | border-radius: 4px; 2674 | } 2675 | 2676 | .navbar-nav > li > a:hover, 2677 | .navbar-nav > li > a:focus { 2678 | color: #333333; 2679 | background-color: transparent; 2680 | } 2681 | 2682 | .navbar-nav > .active > a, 2683 | .navbar-nav > .active > a:hover, 2684 | .navbar-nav > .active > a:focus { 2685 | color: #555555; 2686 | background-color: #d5d5d5; 2687 | } 2688 | 2689 | .navbar-nav > .disabled > a, 2690 | .navbar-nav > .disabled > a:hover, 2691 | .navbar-nav > .disabled > a:focus { 2692 | color: #cccccc; 2693 | background-color: transparent; 2694 | } 2695 | 2696 | .navbar-nav.pull-right { 2697 | width: 100%; 2698 | } 2699 | 2700 | .navbar-static-top { 2701 | border-radius: 0; 2702 | } 2703 | 2704 | .navbar-fixed-top, 2705 | .navbar-fixed-bottom { 2706 | position: fixed; 2707 | right: 0; 2708 | left: 0; 2709 | z-index: 1030; 2710 | border-radius: 0; 2711 | } 2712 | 2713 | .navbar-fixed-top { 2714 | top: 0; 2715 | } 2716 | 2717 | .navbar-fixed-bottom { 2718 | bottom: 0; 2719 | margin-bottom: 0; 2720 | } 2721 | 2722 | .navbar-brand { 2723 | display: block; 2724 | max-width: 200px; 2725 | padding: 15px 15px; 2726 | margin-right: auto; 2727 | margin-left: auto; 2728 | font-size: 18px; 2729 | font-weight: 500; 2730 | line-height: 20px; 2731 | color: #777777; 2732 | text-align: center; 2733 | } 2734 | 2735 | .navbar-brand:hover, 2736 | .navbar-brand:focus { 2737 | color: #5e5e5e; 2738 | text-decoration: none; 2739 | background-color: transparent; 2740 | } 2741 | 2742 | .navbar-toggle { 2743 | position: absolute; 2744 | top: 9px; 2745 | right: 10px; 2746 | width: 48px; 2747 | height: 32px; 2748 | padding: 8px 12px; 2749 | background-color: transparent; 2750 | border: 1px solid #dddddd; 2751 | border-radius: 4px; 2752 | } 2753 | 2754 | .navbar-toggle:hover, 2755 | .navbar-toggle:focus { 2756 | background-color: #dddddd; 2757 | } 2758 | 2759 | .navbar-toggle .icon-bar { 2760 | display: block; 2761 | width: 22px; 2762 | height: 2px; 2763 | background-color: #cccccc; 2764 | border-radius: 1px; 2765 | } 2766 | 2767 | .navbar-toggle .icon-bar + .icon-bar { 2768 | margin-top: 4px; 2769 | } 2770 | 2771 | .navbar-form { 2772 | margin-top: 6px; 2773 | margin-bottom: 6px; 2774 | } 2775 | 2776 | .navbar-form .form-control, 2777 | .navbar-form .radio, 2778 | .navbar-form .checkbox { 2779 | display: inline-block; 2780 | } 2781 | 2782 | .navbar-form .radio, 2783 | .navbar-form .checkbox { 2784 | margin-top: 0; 2785 | margin-bottom: 0; 2786 | } 2787 | 2788 | .navbar-nav > li > .dropdown-menu { 2789 | margin-top: 0; 2790 | border-top-right-radius: 0; 2791 | border-top-left-radius: 0; 2792 | } 2793 | 2794 | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { 2795 | border-bottom-right-radius: 0; 2796 | border-bottom-left-radius: 0; 2797 | } 2798 | 2799 | .navbar-nav > .dropdown > a:hover .caret, 2800 | .navbar-nav > .dropdown > a:focus .caret { 2801 | border-top-color: #333333; 2802 | border-bottom-color: #333333; 2803 | } 2804 | 2805 | .navbar-nav > .open > a, 2806 | .navbar-nav > .open > a:hover, 2807 | .navbar-nav > .open > a:focus { 2808 | color: #555555; 2809 | background-color: #d5d5d5; 2810 | } 2811 | 2812 | .navbar-nav > .open > a .caret, 2813 | .navbar-nav > .open > a:hover .caret, 2814 | .navbar-nav > .open > a:focus .caret { 2815 | border-top-color: #555555; 2816 | border-bottom-color: #555555; 2817 | } 2818 | 2819 | .navbar-nav > .dropdown > a .caret { 2820 | border-top-color: #777777; 2821 | border-bottom-color: #777777; 2822 | } 2823 | 2824 | .navbar-nav.pull-right > li > .dropdown-menu, 2825 | .navbar-nav > li > .dropdown-menu.pull-right { 2826 | right: 0; 2827 | left: auto; 2828 | } 2829 | 2830 | .navbar-inverse { 2831 | background-color: #222222; 2832 | } 2833 | 2834 | .navbar-inverse .navbar-brand { 2835 | color: #999999; 2836 | } 2837 | 2838 | .navbar-inverse .navbar-brand:hover, 2839 | .navbar-inverse .navbar-brand:focus { 2840 | color: #ffffff; 2841 | background-color: transparent; 2842 | } 2843 | 2844 | .navbar-inverse .navbar-text { 2845 | color: #999999; 2846 | } 2847 | 2848 | .navbar-inverse .navbar-nav > li > a { 2849 | color: #999999; 2850 | } 2851 | 2852 | .navbar-inverse .navbar-nav > li > a:hover, 2853 | .navbar-inverse .navbar-nav > li > a:focus { 2854 | color: #ffffff; 2855 | background-color: transparent; 2856 | } 2857 | 2858 | .navbar-inverse .navbar-nav > .active > a, 2859 | .navbar-inverse .navbar-nav > .active > a:hover, 2860 | .navbar-inverse .navbar-nav > .active > a:focus { 2861 | color: #ffffff; 2862 | background-color: #080808; 2863 | } 2864 | 2865 | .navbar-inverse .navbar-nav > .disabled > a, 2866 | .navbar-inverse .navbar-nav > .disabled > a:hover, 2867 | .navbar-inverse .navbar-nav > .disabled > a:focus { 2868 | color: #444444; 2869 | background-color: transparent; 2870 | } 2871 | 2872 | .navbar-inverse .navbar-toggle { 2873 | border-color: #333333; 2874 | } 2875 | 2876 | .navbar-inverse .navbar-toggle:hover, 2877 | .navbar-inverse .navbar-toggle:focus { 2878 | background-color: #333333; 2879 | } 2880 | 2881 | .navbar-inverse .navbar-toggle .icon-bar { 2882 | background-color: #ffffff; 2883 | } 2884 | 2885 | .navbar-inverse .navbar-nav > .open > a, 2886 | .navbar-inverse .navbar-nav > .open > a:hover, 2887 | .navbar-inverse .navbar-nav > .open > a:focus { 2888 | color: #ffffff; 2889 | background-color: #080808; 2890 | } 2891 | 2892 | .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { 2893 | border-top-color: #ffffff; 2894 | border-bottom-color: #ffffff; 2895 | } 2896 | 2897 | .navbar-inverse .navbar-nav > .dropdown > a .caret { 2898 | border-top-color: #999999; 2899 | border-bottom-color: #999999; 2900 | } 2901 | 2902 | .navbar-inverse .navbar-nav > .open > a .caret, 2903 | .navbar-inverse .navbar-nav > .open > a:hover .caret, 2904 | .navbar-inverse .navbar-nav > .open > a:focus .caret { 2905 | border-top-color: #ffffff; 2906 | border-bottom-color: #ffffff; 2907 | } 2908 | 2909 | @media screen and (min-width: 768px) { 2910 | .navbar-brand { 2911 | float: left; 2912 | margin-right: 5px; 2913 | margin-left: -15px; 2914 | } 2915 | .navbar-nav { 2916 | float: left; 2917 | margin-top: 0; 2918 | margin-bottom: 0; 2919 | } 2920 | .navbar-nav > li { 2921 | float: left; 2922 | } 2923 | .navbar-nav > li > a { 2924 | border-radius: 0; 2925 | } 2926 | .navbar-nav.pull-right { 2927 | float: right; 2928 | width: auto; 2929 | } 2930 | .navbar-toggle { 2931 | position: relative; 2932 | top: auto; 2933 | left: auto; 2934 | display: none; 2935 | } 2936 | .nav-collapse.collapse { 2937 | height: auto !important; 2938 | overflow: visible !important; 2939 | } 2940 | } 2941 | 2942 | .navbar-btn { 2943 | margin-top: 6px; 2944 | } 2945 | 2946 | .navbar-text { 2947 | margin-top: 15px; 2948 | margin-bottom: 15px; 2949 | } 2950 | 2951 | .navbar-link { 2952 | color: #777777; 2953 | } 2954 | 2955 | .navbar-link:hover { 2956 | color: #333333; 2957 | } 2958 | 2959 | .navbar-inverse .navbar-link { 2960 | color: #999999; 2961 | } 2962 | 2963 | .navbar-inverse .navbar-link:hover { 2964 | color: #ffffff; 2965 | } 2966 | 2967 | .btn .caret { 2968 | border-top-color: #ffffff; 2969 | } 2970 | 2971 | .dropup .btn .caret { 2972 | border-bottom-color: #ffffff; 2973 | } 2974 | 2975 | .btn-group, 2976 | .btn-group-vertical { 2977 | position: relative; 2978 | display: inline-block; 2979 | vertical-align: middle; 2980 | } 2981 | 2982 | .btn-group > .btn, 2983 | .btn-group-vertical > .btn { 2984 | position: relative; 2985 | float: left; 2986 | } 2987 | 2988 | .btn-group > .btn:hover, 2989 | .btn-group-vertical > .btn:hover, 2990 | .btn-group > .btn:active, 2991 | .btn-group-vertical > .btn:active { 2992 | z-index: 2; 2993 | } 2994 | 2995 | .btn-group .btn + .btn { 2996 | margin-left: -1px; 2997 | } 2998 | 2999 | .btn-toolbar:before, 3000 | .btn-toolbar:after { 3001 | display: table; 3002 | content: " "; 3003 | } 3004 | 3005 | .btn-toolbar:after { 3006 | clear: both; 3007 | } 3008 | 3009 | .btn-toolbar:before, 3010 | .btn-toolbar:after { 3011 | display: table; 3012 | content: " "; 3013 | } 3014 | 3015 | .btn-toolbar:after { 3016 | clear: both; 3017 | } 3018 | 3019 | .btn-toolbar .btn-group { 3020 | float: left; 3021 | } 3022 | 3023 | .btn-toolbar > .btn + .btn, 3024 | .btn-toolbar > .btn-group + .btn, 3025 | .btn-toolbar > .btn + .btn-group, 3026 | .btn-toolbar > .btn-group + .btn-group { 3027 | margin-left: 5px; 3028 | } 3029 | 3030 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 3031 | border-radius: 0; 3032 | } 3033 | 3034 | .btn-group > .btn:first-child { 3035 | margin-left: 0; 3036 | } 3037 | 3038 | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { 3039 | border-top-right-radius: 0; 3040 | border-bottom-right-radius: 0; 3041 | } 3042 | 3043 | .btn-group > .btn:last-child:not(:first-child), 3044 | .btn-group > .dropdown-toggle:not(:first-child) { 3045 | border-bottom-left-radius: 0; 3046 | border-top-left-radius: 0; 3047 | } 3048 | 3049 | .btn-group > .btn-group { 3050 | float: left; 3051 | } 3052 | 3053 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 3054 | border-radius: 0; 3055 | } 3056 | 3057 | .btn-group > .btn-group:first-child > .btn:last-child, 3058 | .btn-group > .btn-group:first-child > .dropdown-toggle { 3059 | border-top-right-radius: 0; 3060 | border-bottom-right-radius: 0; 3061 | } 3062 | 3063 | .btn-group > .btn-group:last-child > .btn:first-child { 3064 | border-bottom-left-radius: 0; 3065 | border-top-left-radius: 0; 3066 | } 3067 | 3068 | .btn-group .dropdown-toggle:active, 3069 | .btn-group.open .dropdown-toggle { 3070 | outline: 0; 3071 | } 3072 | 3073 | .btn-group > .btn + .dropdown-toggle { 3074 | padding-right: 8px; 3075 | padding-left: 8px; 3076 | } 3077 | 3078 | .btn-group > .btn-large + .dropdown-toggle { 3079 | padding-right: 12px; 3080 | padding-left: 12px; 3081 | } 3082 | 3083 | .btn-group.open .dropdown-toggle { 3084 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3085 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3086 | } 3087 | 3088 | .btn .caret { 3089 | margin-left: 0; 3090 | } 3091 | 3092 | .btn-large .caret { 3093 | border-width: 5px; 3094 | } 3095 | 3096 | .dropup .btn-large .caret { 3097 | border-bottom-width: 5px; 3098 | } 3099 | 3100 | .btn-group-vertical > .btn { 3101 | display: block; 3102 | float: none; 3103 | width: 100%; 3104 | max-width: 100%; 3105 | } 3106 | 3107 | .btn-group-vertical > .btn + .btn { 3108 | margin-top: -1px; 3109 | } 3110 | 3111 | .btn-group-vertical .btn:not(:first-child):not(:last-child) { 3112 | border-radius: 0; 3113 | } 3114 | 3115 | .btn-group-vertical .btn:first-child { 3116 | border-bottom-right-radius: 0; 3117 | border-bottom-left-radius: 0; 3118 | } 3119 | 3120 | .btn-group-vertical .btn:last-child { 3121 | border-top-right-radius: 0; 3122 | border-top-left-radius: 0; 3123 | } 3124 | 3125 | .btn-group-justified { 3126 | display: table; 3127 | width: 100%; 3128 | } 3129 | 3130 | .btn-group-justified .btn { 3131 | display: table-cell; 3132 | float: none; 3133 | width: 1%; 3134 | } 3135 | 3136 | .btn-group[data-toggle="buttons"] > .btn > input[type="radio"], 3137 | .btn-group[data-toggle="buttons"] > .btn > input[type="checkbox"] { 3138 | display: none; 3139 | } 3140 | 3141 | .breadcrumb { 3142 | padding: 8px 15px; 3143 | margin-bottom: 20px; 3144 | list-style: none; 3145 | background-color: #f5f5f5; 3146 | border-radius: 4px; 3147 | } 3148 | 3149 | .breadcrumb > li { 3150 | display: inline-block; 3151 | } 3152 | 3153 | .breadcrumb > li + li:before { 3154 | padding: 0 5px; 3155 | color: #cccccc; 3156 | content: "/\00a0"; 3157 | } 3158 | 3159 | .breadcrumb > .active { 3160 | color: #999999; 3161 | } 3162 | 3163 | .pagination { 3164 | display: inline-block; 3165 | padding-left: 0; 3166 | margin: 20px 0; 3167 | border-radius: 4px; 3168 | } 3169 | 3170 | .pagination > li { 3171 | display: inline; 3172 | } 3173 | 3174 | .pagination > li > a, 3175 | .pagination > li > span { 3176 | float: left; 3177 | padding: 4px 12px; 3178 | line-height: 1.428571429; 3179 | text-decoration: none; 3180 | background-color: #ffffff; 3181 | border: 1px solid #dddddd; 3182 | border-left-width: 0; 3183 | } 3184 | 3185 | .pagination > li:first-child > a, 3186 | .pagination > li:first-child > span { 3187 | border-left-width: 1px; 3188 | border-bottom-left-radius: 4px; 3189 | border-top-left-radius: 4px; 3190 | } 3191 | 3192 | .pagination > li:last-child > a, 3193 | .pagination > li:last-child > span { 3194 | border-top-right-radius: 4px; 3195 | border-bottom-right-radius: 4px; 3196 | } 3197 | 3198 | .pagination > li > a:hover, 3199 | .pagination > li > a:focus, 3200 | .pagination > .active > a, 3201 | .pagination > .active > span { 3202 | background-color: #f5f5f5; 3203 | } 3204 | 3205 | .pagination > .active > a, 3206 | .pagination > .active > span { 3207 | color: #999999; 3208 | cursor: default; 3209 | } 3210 | 3211 | .pagination > .disabled > span, 3212 | .pagination > .disabled > a, 3213 | .pagination > .disabled > a:hover, 3214 | .pagination > .disabled > a:focus { 3215 | color: #999999; 3216 | cursor: not-allowed; 3217 | background-color: #ffffff; 3218 | } 3219 | 3220 | .pagination-large > li > a, 3221 | .pagination-large > li > span { 3222 | padding: 14px 16px; 3223 | font-size: 18px; 3224 | } 3225 | 3226 | .pagination-large > li:first-child > a, 3227 | .pagination-large > li:first-child > span { 3228 | border-bottom-left-radius: 6px; 3229 | border-top-left-radius: 6px; 3230 | } 3231 | 3232 | .pagination-large > li:last-child > a, 3233 | .pagination-large > li:last-child > span { 3234 | border-top-right-radius: 6px; 3235 | border-bottom-right-radius: 6px; 3236 | } 3237 | 3238 | .pagination-small > li > a, 3239 | .pagination-small > li > span { 3240 | padding: 5px 10px; 3241 | font-size: 12px; 3242 | } 3243 | 3244 | .pagination-small > li:first-child > a, 3245 | .pagination-small > li:first-child > span { 3246 | border-bottom-left-radius: 3px; 3247 | border-top-left-radius: 3px; 3248 | } 3249 | 3250 | .pagination-small > li:last-child > a, 3251 | .pagination-small > li:last-child > span { 3252 | border-top-right-radius: 3px; 3253 | border-bottom-right-radius: 3px; 3254 | } 3255 | 3256 | .pager { 3257 | padding-left: 0; 3258 | margin: 20px 0; 3259 | text-align: center; 3260 | list-style: none; 3261 | } 3262 | 3263 | .pager:before, 3264 | .pager:after { 3265 | display: table; 3266 | content: " "; 3267 | } 3268 | 3269 | .pager:after { 3270 | clear: both; 3271 | } 3272 | 3273 | .pager:before, 3274 | .pager:after { 3275 | display: table; 3276 | content: " "; 3277 | } 3278 | 3279 | .pager:after { 3280 | clear: both; 3281 | } 3282 | 3283 | .pager li { 3284 | display: inline; 3285 | } 3286 | 3287 | .pager li > a, 3288 | .pager li > span { 3289 | display: inline-block; 3290 | padding: 5px 14px; 3291 | background-color: #ffffff; 3292 | border: 1px solid #dddddd; 3293 | border-radius: 15px; 3294 | } 3295 | 3296 | .pager li > a:hover, 3297 | .pager li > a:focus { 3298 | text-decoration: none; 3299 | background-color: #f5f5f5; 3300 | } 3301 | 3302 | .pager .next > a, 3303 | .pager .next > span { 3304 | float: right; 3305 | } 3306 | 3307 | .pager .previous > a, 3308 | .pager .previous > span { 3309 | float: left; 3310 | } 3311 | 3312 | .pager .disabled > a, 3313 | .pager .disabled > a:hover, 3314 | .pager .disabled > a:focus, 3315 | .pager .disabled > span { 3316 | color: #999999; 3317 | cursor: not-allowed; 3318 | background-color: #ffffff; 3319 | } 3320 | 3321 | .modal-open { 3322 | overflow: hidden; 3323 | } 3324 | 3325 | .modal { 3326 | position: fixed; 3327 | top: 0; 3328 | right: 0; 3329 | bottom: 0; 3330 | left: 0; 3331 | z-index: 1040; 3332 | display: none; 3333 | overflow: auto; 3334 | overflow-y: scroll; 3335 | } 3336 | 3337 | .modal.fade { 3338 | top: -25%; 3339 | -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; 3340 | transition: opacity 0.3s linear, top 0.3s ease-out; 3341 | } 3342 | 3343 | .modal.fade.in { 3344 | top: 0; 3345 | } 3346 | 3347 | .modal-dialog { 3348 | position: relative; 3349 | top: 0; 3350 | right: 0; 3351 | left: 0; 3352 | z-index: 1050; 3353 | width: auto; 3354 | padding: 10px; 3355 | } 3356 | 3357 | .modal-content { 3358 | position: relative; 3359 | background-color: #ffffff; 3360 | border: 1px solid #999999; 3361 | border: 1px solid rgba(0, 0, 0, 0.2); 3362 | border-radius: 6px; 3363 | outline: none; 3364 | -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); 3365 | box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); 3366 | background-clip: padding-box; 3367 | } 3368 | 3369 | .modal-backdrop { 3370 | position: fixed; 3371 | top: 0; 3372 | right: 0; 3373 | bottom: 0; 3374 | left: 0; 3375 | z-index: 1030; 3376 | background-color: #000000; 3377 | } 3378 | 3379 | .modal-backdrop.fade { 3380 | opacity: 0; 3381 | filter: alpha(opacity=0); 3382 | } 3383 | 3384 | .modal-backdrop.fade.in { 3385 | opacity: 0.5; 3386 | filter: alpha(opacity=50); 3387 | } 3388 | 3389 | .modal-header { 3390 | min-height: 16.428571429px; 3391 | padding: 15px; 3392 | border-bottom: 1px solid #e5e5e5; 3393 | } 3394 | 3395 | .modal-header .close { 3396 | margin-top: -2px; 3397 | } 3398 | 3399 | .modal-title { 3400 | margin: 0; 3401 | line-height: 1.428571429; 3402 | } 3403 | 3404 | .modal-body { 3405 | position: relative; 3406 | padding: 20px; 3407 | } 3408 | 3409 | .modal-footer { 3410 | padding: 19px 20px 20px; 3411 | margin-top: 15px; 3412 | text-align: right; 3413 | border-top: 1px solid #e5e5e5; 3414 | } 3415 | 3416 | .modal-footer:before, 3417 | .modal-footer:after { 3418 | display: table; 3419 | content: " "; 3420 | } 3421 | 3422 | .modal-footer:after { 3423 | clear: both; 3424 | } 3425 | 3426 | .modal-footer:before, 3427 | .modal-footer:after { 3428 | display: table; 3429 | content: " "; 3430 | } 3431 | 3432 | .modal-footer:after { 3433 | clear: both; 3434 | } 3435 | 3436 | .modal-footer .btn + .btn { 3437 | margin-bottom: 0; 3438 | margin-left: 5px; 3439 | } 3440 | 3441 | .modal-footer .btn-group .btn + .btn { 3442 | margin-left: -1px; 3443 | } 3444 | 3445 | .modal-footer .btn-block + .btn-block { 3446 | margin-left: 0; 3447 | } 3448 | 3449 | @media screen and (min-width: 768px) { 3450 | .modal-dialog { 3451 | right: auto; 3452 | left: 50%; 3453 | width: 560px; 3454 | padding-top: 30px; 3455 | padding-bottom: 30px; 3456 | margin-left: -280px; 3457 | } 3458 | .modal-content { 3459 | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); 3460 | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); 3461 | } 3462 | } 3463 | 3464 | .tooltip { 3465 | position: absolute; 3466 | z-index: 1030; 3467 | display: block; 3468 | font-size: 12px; 3469 | line-height: 1.4; 3470 | opacity: 0; 3471 | filter: alpha(opacity=0); 3472 | visibility: visible; 3473 | } 3474 | 3475 | .tooltip.in { 3476 | opacity: 1; 3477 | filter: alpha(opacity=100); 3478 | } 3479 | 3480 | .tooltip.top { 3481 | padding: 5px 0; 3482 | margin-top: -3px; 3483 | } 3484 | 3485 | .tooltip.right { 3486 | padding: 0 5px; 3487 | margin-left: 3px; 3488 | } 3489 | 3490 | .tooltip.bottom { 3491 | padding: 5px 0; 3492 | margin-top: 3px; 3493 | } 3494 | 3495 | .tooltip.left { 3496 | padding: 0 5px; 3497 | margin-left: -3px; 3498 | } 3499 | 3500 | .tooltip-inner { 3501 | max-width: 200px; 3502 | padding: 3px 8px; 3503 | color: #ffffff; 3504 | text-align: center; 3505 | text-decoration: none; 3506 | background-color: rgba(0, 0, 0, 0.9); 3507 | border-radius: 4px; 3508 | } 3509 | 3510 | .tooltip-arrow { 3511 | position: absolute; 3512 | width: 0; 3513 | height: 0; 3514 | border-color: transparent; 3515 | border-style: solid; 3516 | } 3517 | 3518 | .tooltip.top .tooltip-arrow { 3519 | bottom: 0; 3520 | left: 50%; 3521 | margin-left: -5px; 3522 | border-top-color: rgba(0, 0, 0, 0.9); 3523 | border-width: 5px 5px 0; 3524 | } 3525 | 3526 | .tooltip.top-left .tooltip-arrow { 3527 | bottom: 0; 3528 | left: 5px; 3529 | border-top-color: rgba(0, 0, 0, 0.9); 3530 | border-width: 5px 5px 0; 3531 | } 3532 | 3533 | .tooltip.top-right .tooltip-arrow { 3534 | right: 5px; 3535 | bottom: 0; 3536 | border-top-color: rgba(0, 0, 0, 0.9); 3537 | border-width: 5px 5px 0; 3538 | } 3539 | 3540 | .tooltip.right .tooltip-arrow { 3541 | top: 50%; 3542 | left: 0; 3543 | margin-top: -5px; 3544 | border-right-color: rgba(0, 0, 0, 0.9); 3545 | border-width: 5px 5px 5px 0; 3546 | } 3547 | 3548 | .tooltip.left .tooltip-arrow { 3549 | top: 50%; 3550 | right: 0; 3551 | margin-top: -5px; 3552 | border-left-color: rgba(0, 0, 0, 0.9); 3553 | border-width: 5px 0 5px 5px; 3554 | } 3555 | 3556 | .tooltip.bottom .tooltip-arrow { 3557 | top: 0; 3558 | left: 50%; 3559 | margin-left: -5px; 3560 | border-bottom-color: rgba(0, 0, 0, 0.9); 3561 | border-width: 0 5px 5px; 3562 | } 3563 | 3564 | .tooltip.bottom-left .tooltip-arrow { 3565 | top: 0; 3566 | left: 5px; 3567 | border-bottom-color: rgba(0, 0, 0, 0.9); 3568 | border-width: 0 5px 5px; 3569 | } 3570 | 3571 | .tooltip.bottom-right .tooltip-arrow { 3572 | top: 0; 3573 | right: 5px; 3574 | border-bottom-color: rgba(0, 0, 0, 0.9); 3575 | border-width: 0 5px 5px; 3576 | } 3577 | 3578 | .popover { 3579 | position: absolute; 3580 | top: 0; 3581 | left: 0; 3582 | z-index: 1010; 3583 | display: none; 3584 | max-width: 276px; 3585 | padding: 1px; 3586 | text-align: left; 3587 | white-space: normal; 3588 | background-color: #ffffff; 3589 | border: 1px solid #cccccc; 3590 | border: 1px solid rgba(0, 0, 0, 0.2); 3591 | border-radius: 6px; 3592 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 3593 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 3594 | background-clip: padding-box; 3595 | -webkit-bg-clip: padding-box; 3596 | -moz-bg-clip: padding; 3597 | } 3598 | 3599 | .popover.top { 3600 | margin-top: -10px; 3601 | } 3602 | 3603 | .popover.right { 3604 | margin-left: 10px; 3605 | } 3606 | 3607 | .popover.bottom { 3608 | margin-top: 10px; 3609 | } 3610 | 3611 | .popover.left { 3612 | margin-left: -10px; 3613 | } 3614 | 3615 | .popover-title { 3616 | padding: 8px 14px; 3617 | margin: 0; 3618 | font-size: 14px; 3619 | font-weight: normal; 3620 | line-height: 18px; 3621 | background-color: #f7f7f7; 3622 | border-bottom: 1px solid #ebebeb; 3623 | border-radius: 5px 5px 0 0; 3624 | } 3625 | 3626 | .popover-content { 3627 | padding: 9px 14px; 3628 | } 3629 | 3630 | .popover .arrow, 3631 | .popover .arrow:after { 3632 | position: absolute; 3633 | display: block; 3634 | width: 0; 3635 | height: 0; 3636 | border-color: transparent; 3637 | border-style: solid; 3638 | } 3639 | 3640 | .popover .arrow { 3641 | border-width: 11px; 3642 | } 3643 | 3644 | .popover .arrow:after { 3645 | border-width: 10px; 3646 | content: ""; 3647 | } 3648 | 3649 | .popover.top .arrow { 3650 | bottom: -11px; 3651 | left: 50%; 3652 | margin-left: -11px; 3653 | border-top-color: #999999; 3654 | border-top-color: rgba(0, 0, 0, 0.25); 3655 | border-bottom-width: 0; 3656 | } 3657 | 3658 | .popover.top .arrow:after { 3659 | bottom: 1px; 3660 | margin-left: -10px; 3661 | border-top-color: #ffffff; 3662 | border-bottom-width: 0; 3663 | content: " "; 3664 | } 3665 | 3666 | .popover.right .arrow { 3667 | top: 50%; 3668 | left: -11px; 3669 | margin-top: -11px; 3670 | border-right-color: #999999; 3671 | border-right-color: rgba(0, 0, 0, 0.25); 3672 | border-left-width: 0; 3673 | } 3674 | 3675 | .popover.right .arrow:after { 3676 | bottom: -10px; 3677 | left: 1px; 3678 | border-right-color: #ffffff; 3679 | border-left-width: 0; 3680 | content: " "; 3681 | } 3682 | 3683 | .popover.bottom .arrow { 3684 | top: -11px; 3685 | left: 50%; 3686 | margin-left: -11px; 3687 | border-bottom-color: #999999; 3688 | border-bottom-color: rgba(0, 0, 0, 0.25); 3689 | border-top-width: 0; 3690 | } 3691 | 3692 | .popover.bottom .arrow:after { 3693 | top: 1px; 3694 | margin-left: -10px; 3695 | border-bottom-color: #ffffff; 3696 | border-top-width: 0; 3697 | content: " "; 3698 | } 3699 | 3700 | .popover.left .arrow { 3701 | top: 50%; 3702 | right: -11px; 3703 | margin-top: -11px; 3704 | border-left-color: #999999; 3705 | border-left-color: rgba(0, 0, 0, 0.25); 3706 | border-right-width: 0; 3707 | } 3708 | 3709 | .popover.left .arrow:after { 3710 | right: 1px; 3711 | bottom: -10px; 3712 | border-left-color: #ffffff; 3713 | border-right-width: 0; 3714 | content: " "; 3715 | } 3716 | 3717 | .alert { 3718 | padding: 10px 35px 10px 15px; 3719 | margin-bottom: 20px; 3720 | color: #c09853; 3721 | background-color: #fcf8e3; 3722 | border: 1px solid #fbeed5; 3723 | border-radius: 4px; 3724 | } 3725 | 3726 | .alert h4 { 3727 | margin-top: 0; 3728 | color: inherit; 3729 | } 3730 | 3731 | .alert hr { 3732 | border-top-color: #f8e5be; 3733 | } 3734 | 3735 | .alert .alert-link { 3736 | font-weight: 500; 3737 | color: #a47e3c; 3738 | } 3739 | 3740 | .alert .close { 3741 | position: relative; 3742 | top: -2px; 3743 | right: -21px; 3744 | color: inherit; 3745 | } 3746 | 3747 | .alert-success { 3748 | color: #468847; 3749 | background-color: #dff0d8; 3750 | border-color: #d6e9c6; 3751 | } 3752 | 3753 | .alert-success hr { 3754 | border-top-color: #c9e2b3; 3755 | } 3756 | 3757 | .alert-success .alert-link { 3758 | color: #356635; 3759 | } 3760 | 3761 | .alert-danger { 3762 | color: #b94a48; 3763 | background-color: #f2dede; 3764 | border-color: #eed3d7; 3765 | } 3766 | 3767 | .alert-danger hr { 3768 | border-top-color: #e6c1c7; 3769 | } 3770 | 3771 | .alert-danger .alert-link { 3772 | color: #953b39; 3773 | } 3774 | 3775 | .alert-info { 3776 | color: #3a87ad; 3777 | background-color: #d9edf7; 3778 | border-color: #bce8f1; 3779 | } 3780 | 3781 | .alert-info hr { 3782 | border-top-color: #a6e1ec; 3783 | } 3784 | 3785 | .alert-info .alert-link { 3786 | color: #2d6987; 3787 | } 3788 | 3789 | .alert-block { 3790 | padding-top: 15px; 3791 | padding-bottom: 15px; 3792 | } 3793 | 3794 | .alert-block > p, 3795 | .alert-block > ul { 3796 | margin-bottom: 0; 3797 | } 3798 | 3799 | .alert-block p + p { 3800 | margin-top: 5px; 3801 | } 3802 | 3803 | .thumbnail, 3804 | .img-thumbnail { 3805 | padding: 4px; 3806 | line-height: 1.428571429; 3807 | background-color: #ffffff; 3808 | border: 1px solid #dddddd; 3809 | border-radius: 4px; 3810 | -webkit-transition: all 0.2s ease-in-out; 3811 | transition: all 0.2s ease-in-out; 3812 | } 3813 | 3814 | .thumbnail { 3815 | display: block; 3816 | } 3817 | 3818 | .thumbnail > img, 3819 | .img-thumbnail { 3820 | display: inline-block; 3821 | height: auto; 3822 | max-width: 100%; 3823 | } 3824 | 3825 | a.thumbnail:hover, 3826 | a.thumbnail:focus { 3827 | border-color: #428bca; 3828 | } 3829 | 3830 | .thumbnail > img { 3831 | margin-right: auto; 3832 | margin-left: auto; 3833 | } 3834 | 3835 | .thumbnail .caption { 3836 | padding: 9px; 3837 | color: #333333; 3838 | } 3839 | 3840 | .media, 3841 | .media-body { 3842 | overflow: hidden; 3843 | zoom: 1; 3844 | } 3845 | 3846 | .media, 3847 | .media .media { 3848 | margin-top: 15px; 3849 | } 3850 | 3851 | .media:first-child { 3852 | margin-top: 0; 3853 | } 3854 | 3855 | .media-object { 3856 | display: block; 3857 | } 3858 | 3859 | .media-heading { 3860 | margin: 0 0 5px; 3861 | } 3862 | 3863 | .media > .pull-left { 3864 | margin-right: 10px; 3865 | } 3866 | 3867 | .media > .pull-right { 3868 | margin-left: 10px; 3869 | } 3870 | 3871 | .media-list { 3872 | padding-left: 0; 3873 | list-style: none; 3874 | } 3875 | 3876 | .label { 3877 | display: inline; 3878 | padding: .25em .6em; 3879 | font-size: 75%; 3880 | font-weight: 500; 3881 | line-height: 1; 3882 | color: #ffffff; 3883 | text-align: center; 3884 | white-space: nowrap; 3885 | vertical-align: middle; 3886 | background-color: #999999; 3887 | border-radius: .25em; 3888 | } 3889 | 3890 | .label[href]:hover, 3891 | .label[href]:focus { 3892 | color: #ffffff; 3893 | text-decoration: none; 3894 | cursor: pointer; 3895 | background-color: #808080; 3896 | } 3897 | 3898 | .label-danger { 3899 | background-color: #d9534f; 3900 | } 3901 | 3902 | .label-danger[href]:hover, 3903 | .label-danger[href]:focus { 3904 | background-color: #c9302c; 3905 | } 3906 | 3907 | .label-success { 3908 | background-color: #5cb85c; 3909 | } 3910 | 3911 | .label-success[href]:hover, 3912 | .label-success[href]:focus { 3913 | background-color: #449d44; 3914 | } 3915 | 3916 | .label-warning { 3917 | background-color: #f0ad4e; 3918 | } 3919 | 3920 | .label-warning[href]:hover, 3921 | .label-warning[href]:focus { 3922 | background-color: #ec971f; 3923 | } 3924 | 3925 | .label-info { 3926 | background-color: #5bc0de; 3927 | } 3928 | 3929 | .label-info[href]:hover, 3930 | .label-info[href]:focus { 3931 | background-color: #31b0d5; 3932 | } 3933 | 3934 | .badge { 3935 | display: inline-block; 3936 | min-width: 10px; 3937 | padding: 3px 7px; 3938 | font-size: 12px; 3939 | font-weight: bold; 3940 | line-height: 1; 3941 | color: #ffffff; 3942 | text-align: center; 3943 | white-space: nowrap; 3944 | vertical-align: middle; 3945 | background-color: #999999; 3946 | border-radius: 10px; 3947 | } 3948 | 3949 | .badge:empty { 3950 | display: none; 3951 | } 3952 | 3953 | a.badge:hover, 3954 | a.badge:focus { 3955 | color: #ffffff; 3956 | text-decoration: none; 3957 | cursor: pointer; 3958 | } 3959 | 3960 | .btn .badge { 3961 | position: relative; 3962 | top: -1px; 3963 | } 3964 | 3965 | a.list-group-item.active > .badge, 3966 | .nav-pills > .active > a > .badge { 3967 | color: #428bca; 3968 | background-color: #ffffff; 3969 | } 3970 | 3971 | .nav-pills > li > a > .badge { 3972 | margin-left: 3px; 3973 | } 3974 | 3975 | @-webkit-keyframes progress-bar-stripes { 3976 | from { 3977 | background-position: 40px 0; 3978 | } 3979 | to { 3980 | background-position: 0 0; 3981 | } 3982 | } 3983 | 3984 | @-moz-keyframes progress-bar-stripes { 3985 | from { 3986 | background-position: 40px 0; 3987 | } 3988 | to { 3989 | background-position: 0 0; 3990 | } 3991 | } 3992 | 3993 | @-ms-keyframes progress-bar-stripes { 3994 | from { 3995 | background-position: 40px 0; 3996 | } 3997 | to { 3998 | background-position: 0 0; 3999 | } 4000 | } 4001 | 4002 | @-o-keyframes progress-bar-stripes { 4003 | from { 4004 | background-position: 0 0; 4005 | } 4006 | to { 4007 | background-position: 40px 0; 4008 | } 4009 | } 4010 | 4011 | @keyframes progress-bar-stripes { 4012 | from { 4013 | background-position: 40px 0; 4014 | } 4015 | to { 4016 | background-position: 0 0; 4017 | } 4018 | } 4019 | 4020 | .progress { 4021 | height: 20px; 4022 | margin-bottom: 20px; 4023 | overflow: hidden; 4024 | background-color: #f5f5f5; 4025 | border-radius: 4px; 4026 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 4027 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 4028 | } 4029 | 4030 | .progress-bar { 4031 | float: left; 4032 | width: 0; 4033 | height: 100%; 4034 | font-size: 12px; 4035 | color: #ffffff; 4036 | text-align: center; 4037 | background-color: #428bca; 4038 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 4039 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 4040 | -webkit-transition: width 0.6s ease; 4041 | transition: width 0.6s ease; 4042 | } 4043 | 4044 | .progress-striped .progress-bar { 4045 | background-color: #428bca; 4046 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4047 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4048 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4049 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4050 | background-size: 40px 40px; 4051 | } 4052 | 4053 | .progress.active .progress-bar { 4054 | -webkit-animation: progress-bar-stripes 2s linear infinite; 4055 | -moz-animation: progress-bar-stripes 2s linear infinite; 4056 | -ms-animation: progress-bar-stripes 2s linear infinite; 4057 | -o-animation: progress-bar-stripes 2s linear infinite; 4058 | animation: progress-bar-stripes 2s linear infinite; 4059 | } 4060 | 4061 | .progress-bar-danger { 4062 | background-color: #d9534f; 4063 | } 4064 | 4065 | .progress-striped .progress-bar-danger { 4066 | background-color: #d9534f; 4067 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4068 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4069 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4070 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4071 | } 4072 | 4073 | .progress-bar-success { 4074 | background-color: #5cb85c; 4075 | } 4076 | 4077 | .progress-striped .progress-bar-success { 4078 | background-color: #5cb85c; 4079 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4080 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4081 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4082 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4083 | } 4084 | 4085 | .progress-bar-warning { 4086 | background-color: #f0ad4e; 4087 | } 4088 | 4089 | .progress-striped .progress-bar-warning { 4090 | background-color: #f0ad4e; 4091 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4092 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4093 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4094 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4095 | } 4096 | 4097 | .progress-bar-info { 4098 | background-color: #5bc0de; 4099 | } 4100 | 4101 | .progress-striped .progress-bar-info { 4102 | background-color: #5bc0de; 4103 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4104 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4105 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4106 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4107 | } 4108 | 4109 | .accordion { 4110 | margin-bottom: 20px; 4111 | } 4112 | 4113 | .accordion-group { 4114 | margin-bottom: 2px; 4115 | border: 1px solid #e5e5e5; 4116 | border-radius: 4px; 4117 | } 4118 | 4119 | .accordion-heading { 4120 | border-bottom: 0; 4121 | } 4122 | 4123 | .accordion-heading .accordion-toggle { 4124 | display: block; 4125 | padding: 8px 15px; 4126 | cursor: pointer; 4127 | } 4128 | 4129 | .accordion-inner { 4130 | padding: 9px 15px; 4131 | border-top: 1px solid #e5e5e5; 4132 | } 4133 | 4134 | .carousel { 4135 | position: relative; 4136 | } 4137 | 4138 | .carousel-inner { 4139 | position: relative; 4140 | width: 100%; 4141 | overflow: hidden; 4142 | } 4143 | 4144 | .carousel-inner > .item { 4145 | position: relative; 4146 | display: none; 4147 | -webkit-transition: 0.6s ease-in-out left; 4148 | transition: 0.6s ease-in-out left; 4149 | } 4150 | 4151 | .carousel-inner > .item > img, 4152 | .carousel-inner > .item > a > img { 4153 | display: inline-block; 4154 | height: auto; 4155 | max-width: 100%; 4156 | line-height: 1; 4157 | } 4158 | 4159 | .carousel-inner > .active, 4160 | .carousel-inner > .next, 4161 | .carousel-inner > .prev { 4162 | display: block; 4163 | } 4164 | 4165 | .carousel-inner > .active { 4166 | left: 0; 4167 | } 4168 | 4169 | .carousel-inner > .next, 4170 | .carousel-inner > .prev { 4171 | position: absolute; 4172 | top: 0; 4173 | width: 100%; 4174 | } 4175 | 4176 | .carousel-inner > .next { 4177 | left: 100%; 4178 | } 4179 | 4180 | .carousel-inner > .prev { 4181 | left: -100%; 4182 | } 4183 | 4184 | .carousel-inner > .next.left, 4185 | .carousel-inner > .prev.right { 4186 | left: 0; 4187 | } 4188 | 4189 | .carousel-inner > .active.left { 4190 | left: -100%; 4191 | } 4192 | 4193 | .carousel-inner > .active.right { 4194 | left: 100%; 4195 | } 4196 | 4197 | .carousel-control { 4198 | position: absolute; 4199 | top: 0; 4200 | bottom: 0; 4201 | left: 0; 4202 | width: 15%; 4203 | font-size: 20px; 4204 | color: #ffffff; 4205 | text-align: center; 4206 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); 4207 | opacity: 0.5; 4208 | filter: alpha(opacity=50); 4209 | } 4210 | 4211 | .carousel-control.left { 4212 | background-color: rgba(0, 0, 0, 0.0001); 4213 | background-color: transparent; 4214 | background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); 4215 | background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); 4216 | background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 4217 | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 4218 | background-repeat: repeat-x; 4219 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); 4220 | } 4221 | 4222 | .carousel-control.right { 4223 | right: 0; 4224 | left: auto; 4225 | background-color: rgba(0, 0, 0, 0.5); 4226 | background-color: transparent; 4227 | background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); 4228 | background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); 4229 | background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 4230 | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 4231 | background-repeat: repeat-x; 4232 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); 4233 | } 4234 | 4235 | .carousel-control:hover, 4236 | .carousel-control:focus { 4237 | color: #ffffff; 4238 | text-decoration: none; 4239 | opacity: 0.9; 4240 | filter: alpha(opacity=90); 4241 | } 4242 | 4243 | .carousel-control .glyphicon, 4244 | .carousel-control .icon-prev, 4245 | .carousel-control .icon-next { 4246 | position: absolute; 4247 | top: 50%; 4248 | left: 50%; 4249 | z-index: 5; 4250 | display: inline-block; 4251 | width: 20px; 4252 | height: 20px; 4253 | margin-top: -10px; 4254 | margin-left: -10px; 4255 | } 4256 | 4257 | .carousel-control .icon-prev:before { 4258 | content: '\2039'; 4259 | } 4260 | 4261 | .carousel-control .icon-next:before { 4262 | content: '\203a'; 4263 | } 4264 | 4265 | .carousel-indicators { 4266 | position: absolute; 4267 | bottom: 10px; 4268 | left: 50%; 4269 | z-index: 15; 4270 | width: 120px; 4271 | padding-left: 0; 4272 | margin-left: -60px; 4273 | text-align: center; 4274 | list-style: none; 4275 | } 4276 | 4277 | .carousel-indicators li { 4278 | display: inline-block; 4279 | width: 10px; 4280 | height: 10px; 4281 | margin: 1px; 4282 | text-indent: -999px; 4283 | cursor: pointer; 4284 | border: 1px solid #ffffff; 4285 | border-radius: 10px; 4286 | } 4287 | 4288 | .carousel-indicators .active { 4289 | width: 12px; 4290 | height: 12px; 4291 | margin: 0; 4292 | background-color: #ffffff; 4293 | } 4294 | 4295 | .carousel-caption { 4296 | position: absolute; 4297 | right: 15%; 4298 | bottom: 20px; 4299 | left: 15%; 4300 | z-index: 10; 4301 | padding-top: 20px; 4302 | padding-bottom: 20px; 4303 | color: #ffffff; 4304 | text-align: center; 4305 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); 4306 | } 4307 | 4308 | .carousel-caption .btn { 4309 | text-shadow: none; 4310 | } 4311 | 4312 | @media screen and (min-width: 768px) { 4313 | .carousel-control .glyphicon, 4314 | .carousel-control .icon-prev, 4315 | .carousel-control .icon-next { 4316 | width: 30px; 4317 | height: 30px; 4318 | margin-top: -15px; 4319 | margin-left: -15px; 4320 | font-size: 30px; 4321 | } 4322 | .carousel-caption { 4323 | right: 20%; 4324 | left: 20%; 4325 | padding-bottom: 30px; 4326 | } 4327 | .carousel-indicators { 4328 | bottom: 20px; 4329 | } 4330 | } 4331 | 4332 | .jumbotron { 4333 | padding: 30px; 4334 | margin-bottom: 30px; 4335 | font-size: 21px; 4336 | font-weight: 200; 4337 | line-height: 2.1428571435; 4338 | color: inherit; 4339 | background-color: #eeeeee; 4340 | } 4341 | 4342 | .jumbotron h1 { 4343 | line-height: 1; 4344 | color: inherit; 4345 | } 4346 | 4347 | .jumbotron p { 4348 | line-height: 1.4; 4349 | } 4350 | 4351 | @media screen and (min-width: 768px) { 4352 | .jumbotron { 4353 | padding: 50px 60px; 4354 | border-radius: 6px; 4355 | } 4356 | .jumbotron h1 { 4357 | font-size: 63px; 4358 | } 4359 | } 4360 | 4361 | .clearfix:before, 4362 | .clearfix:after { 4363 | display: table; 4364 | content: " "; 4365 | } 4366 | 4367 | .clearfix:after { 4368 | clear: both; 4369 | } 4370 | 4371 | .pull-right { 4372 | float: right; 4373 | } 4374 | 4375 | .pull-left { 4376 | float: left; 4377 | } 4378 | 4379 | .hide { 4380 | display: none !important; 4381 | } 4382 | 4383 | .show { 4384 | display: block !important; 4385 | } 4386 | 4387 | .invisible { 4388 | visibility: hidden; 4389 | } 4390 | 4391 | .text-hide { 4392 | font: 0/0 a; 4393 | color: transparent; 4394 | text-shadow: none; 4395 | background-color: transparent; 4396 | border: 0; 4397 | } 4398 | 4399 | .affix { 4400 | position: fixed; 4401 | } 4402 | 4403 | @-ms-viewport { 4404 | width: device-width; 4405 | } 4406 | 4407 | @media screen and (max-width: 400px) { 4408 | @-ms-viewport { 4409 | width: 320px; 4410 | } 4411 | } 4412 | 4413 | .hidden { 4414 | display: none !important; 4415 | visibility: hidden !important; 4416 | } 4417 | 4418 | .visible-sm { 4419 | display: block !important; 4420 | } 4421 | 4422 | tr.visible-sm { 4423 | display: table-row !important; 4424 | } 4425 | 4426 | th.visible-sm, 4427 | td.visible-sm { 4428 | display: table-cell !important; 4429 | } 4430 | 4431 | .visible-md { 4432 | display: none !important; 4433 | } 4434 | 4435 | tr.visible-md { 4436 | display: none !important; 4437 | } 4438 | 4439 | th.visible-md, 4440 | td.visible-md { 4441 | display: none !important; 4442 | } 4443 | 4444 | .visible-lg { 4445 | display: none !important; 4446 | } 4447 | 4448 | tr.visible-lg { 4449 | display: none !important; 4450 | } 4451 | 4452 | th.visible-lg, 4453 | td.visible-lg { 4454 | display: none !important; 4455 | } 4456 | 4457 | .hidden-sm { 4458 | display: none !important; 4459 | } 4460 | 4461 | tr.hidden-sm { 4462 | display: none !important; 4463 | } 4464 | 4465 | th.hidden-sm, 4466 | td.hidden-sm { 4467 | display: none !important; 4468 | } 4469 | 4470 | .hidden-md { 4471 | display: block !important; 4472 | } 4473 | 4474 | tr.hidden-md { 4475 | display: table-row !important; 4476 | } 4477 | 4478 | th.hidden-md, 4479 | td.hidden-md { 4480 | display: table-cell !important; 4481 | } 4482 | 4483 | .hidden-lg { 4484 | display: block !important; 4485 | } 4486 | 4487 | tr.hidden-lg { 4488 | display: table-row !important; 4489 | } 4490 | 4491 | th.hidden-lg, 4492 | td.hidden-lg { 4493 | display: table-cell !important; 4494 | } 4495 | 4496 | @media (min-width: 768px) and (max-width: 991px) { 4497 | .visible-sm { 4498 | display: none !important; 4499 | } 4500 | tr.visible-sm { 4501 | display: none !important; 4502 | } 4503 | th.visible-sm, 4504 | td.visible-sm { 4505 | display: none !important; 4506 | } 4507 | .visible-md { 4508 | display: block !important; 4509 | } 4510 | tr.visible-md { 4511 | display: table-row !important; 4512 | } 4513 | th.visible-md, 4514 | td.visible-md { 4515 | display: table-cell !important; 4516 | } 4517 | .visible-lg { 4518 | display: none !important; 4519 | } 4520 | tr.visible-lg { 4521 | display: none !important; 4522 | } 4523 | th.visible-lg, 4524 | td.visible-lg { 4525 | display: none !important; 4526 | } 4527 | .hidden-sm { 4528 | display: block !important; 4529 | } 4530 | tr.hidden-sm { 4531 | display: table-row !important; 4532 | } 4533 | th.hidden-sm, 4534 | td.hidden-sm { 4535 | display: table-cell !important; 4536 | } 4537 | .hidden-md { 4538 | display: none !important; 4539 | } 4540 | tr.hidden-md { 4541 | display: none !important; 4542 | } 4543 | th.hidden-md, 4544 | td.hidden-md { 4545 | display: none !important; 4546 | } 4547 | .hidden-lg { 4548 | display: block !important; 4549 | } 4550 | tr.hidden-lg { 4551 | display: table-row !important; 4552 | } 4553 | th.hidden-lg, 4554 | td.hidden-lg { 4555 | display: table-cell !important; 4556 | } 4557 | } 4558 | 4559 | @media (min-width: 992px) { 4560 | .visible-sm { 4561 | display: none !important; 4562 | } 4563 | tr.visible-sm { 4564 | display: none !important; 4565 | } 4566 | th.visible-sm, 4567 | td.visible-sm { 4568 | display: none !important; 4569 | } 4570 | .visible-md { 4571 | display: none !important; 4572 | } 4573 | tr.visible-md { 4574 | display: none !important; 4575 | } 4576 | th.visible-md, 4577 | td.visible-md { 4578 | display: none !important; 4579 | } 4580 | .visible-lg { 4581 | display: block !important; 4582 | } 4583 | tr.visible-lg { 4584 | display: table-row !important; 4585 | } 4586 | th.visible-lg, 4587 | td.visible-lg { 4588 | display: table-cell !important; 4589 | } 4590 | .hidden-sm { 4591 | display: block !important; 4592 | } 4593 | tr.hidden-sm { 4594 | display: table-row !important; 4595 | } 4596 | th.hidden-sm, 4597 | td.hidden-sm { 4598 | display: table-cell !important; 4599 | } 4600 | .hidden-md { 4601 | display: block !important; 4602 | } 4603 | tr.hidden-md { 4604 | display: table-row !important; 4605 | } 4606 | th.hidden-md, 4607 | td.hidden-md { 4608 | display: table-cell !important; 4609 | } 4610 | .hidden-lg { 4611 | display: none !important; 4612 | } 4613 | tr.hidden-lg { 4614 | display: none !important; 4615 | } 4616 | th.hidden-lg, 4617 | td.hidden-lg { 4618 | display: none !important; 4619 | } 4620 | } 4621 | 4622 | .visible-print { 4623 | display: none !important; 4624 | } 4625 | 4626 | tr.visible-print { 4627 | display: none !important; 4628 | } 4629 | 4630 | th.visible-print, 4631 | td.visible-print { 4632 | display: none !important; 4633 | } 4634 | 4635 | @media print { 4636 | .visible-print { 4637 | display: block !important; 4638 | } 4639 | tr.visible-print { 4640 | display: table-row !important; 4641 | } 4642 | th.visible-print, 4643 | td.visible-print { 4644 | display: table-cell !important; 4645 | } 4646 | .hidden-print { 4647 | display: none !important; 4648 | } 4649 | tr.hidden-print { 4650 | display: none !important; 4651 | } 4652 | th.hidden-print, 4653 | td.hidden-print { 4654 | display: none !important; 4655 | } 4656 | } 4657 | -------------------------------------------------------------------------------- /css/demo.css: -------------------------------------------------------------------------------- 1 | .container { 2 | margin-top: 50px; 3 | padding-right: 200px; 4 | } 5 | -------------------------------------------------------------------------------- /footer.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /header.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | CORS MISCONFIGURATION DEMO 4 | 5 | 6 | 7 | 8 |
9 |
10 | 16 |
17 |
18 |
19 |
20 | 21 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 18 | 19 |
20 |
21 |

A Demo Application made by @MrGeek_007 @roughwire

22 |

Log in

23 |
24 |
25 | 26 | 27 | 28 | 29 |
30 |
31 | 32 | 33 |
34 |
35 | 36 | 37 |
38 |
39 | 42 |
43 | 44 |
45 |
46 |
47 | 48 | -------------------------------------------------------------------------------- /secret.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | --------------------------------------------------------------------------------