| @@ -81,9 +81,8 @@ | ||
| 81 | 81 | /* CSS3 */ |
| 82 | 82 | /* Including all prefixes according to http://caniuse.com/ */ |
| 83 | 83 | /* CSS Animations don't cascade, so don't require resetting */ |
| 84 | 84 | background-origin: padding-box !important; |
| 85 | - -webkit-background-clip: border-box !important; | |
| 86 | 85 | background-clip: border-box !important; |
| 87 | 86 | background-size: auto !important; |
| 88 | 87 | border-image: none !important; |
| 89 | 88 | border-radius: 0 !important; |
| @@ -96,9 +95,8 @@ | ||
| 96 | 95 | column-width: auto !important; |
| 97 | 96 | font-feature-settings: normal !important; |
| 98 | 97 | overflow-x: visible !important; |
| 99 | 98 | overflow-y: visible !important; |
| 100 | - -webkit-hyphens: manual !important; | |
| 101 | 99 | hyphens: manual !important; |
| 102 | 100 | -ms-perspective: none !important; |
| 103 | 101 | -o-perspective: none !important; |
| 104 | 102 | perspective: none !important; |
| @@ -265,9 +263,9 @@ | ||
| 265 | 263 | border: 1px #a6a6a6 solid !important; |
| 266 | 264 | background: lightgrey !important; /* Old browsers */ |
| 267 | 265 | background: rgb(255, 255, 255); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ |
| 268 | 266 | background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%, rgb(209, 209, 209) 100%, rgb(221, 221, 221) 100%) !important; /* W3C */ |
| 269 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#dddddd",GradientType=0 ) !important; /* IE6-9 */ | |
| 267 | + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ) !important; /* IE6-9 */ | |
| 270 | 268 | -o-box-shadow: 1px 1px 0px #eee !important; |
| 271 | 269 | box-shadow: 1px 1px 0px #eee !important; |
| 272 | 270 | outline: initial !important; |
| 273 | 271 | } |
| @@ -457,11 +455,11 @@ | ||
| 457 | 455 | } |
| 458 | 456 | |
| 459 | 457 | .cleanslate { |
| 460 | 458 | /* Modal */ |
| 461 | - /* Form Toggle */ | |
| 462 | 459 | } |
| 463 | -.cleanslate .components-modal__screen-overlay, .cleanslate .ccpa__loading-overlay { | |
| 460 | +.cleanslate .components-modal__screen-overlay, | |
| 461 | +.cleanslate .ccpa__loading-overlay { | |
| 464 | 462 | position: fixed !important; |
| 465 | 463 | top: 0 !important; |
| 466 | 464 | right: 0 !important; |
| 467 | 465 | bottom: 0 !important; |
| @@ -492,9 +490,9 @@ | ||
| 492 | 490 | left: 0 !important; |
| 493 | 491 | box-sizing: border-box !important; |
| 494 | 492 | margin: 0 !important; |
| 495 | 493 | text-align: center !important; |
| 496 | - color: #ffffff !important; | |
| 494 | + color: #fff !important; | |
| 497 | 495 | } |
| 498 | 496 | @media (min-width: 600px) { |
| 499 | 497 | .cleanslate .components-modal__frame { |
| 500 | 498 | top: 50% !important; |
| @@ -510,12 +508,12 @@ | ||
| 510 | 508 | } |
| 511 | 509 | } |
| 512 | 510 | @keyframes components-modal__appear-animation { |
| 513 | 511 | from { |
| 514 | - margin-top: 32px !important; | |
| 512 | + margin-top: 32px; | |
| 515 | 513 | } |
| 516 | 514 | to { |
| 517 | - margin-top: 0 !important; | |
| 515 | + margin-top: 0; | |
| 518 | 516 | } |
| 519 | 517 | } |
| 520 | 518 | .cleanslate .components-modal__header { |
| 521 | 519 | box-sizing: border-box !important; |
| @@ -568,20 +566,8 @@ | ||
| 568 | 566 | flex-direction: row-reverse !important; |
| 569 | 567 | justify-content: space-between !important; |
| 570 | 568 | align-items: center !important; |
| 571 | 569 | } |
| 572 | -.cleanslate .components-button { | |
| 573 | - display: inline-flex !important; | |
| 574 | - text-decoration: none !important; | |
| 575 | - font-size: 13px !important; | |
| 576 | - margin: 0 !important; | |
| 577 | - border: 0 !important; | |
| 578 | - cursor: pointer !important; | |
| 579 | - -webkit-appearance: none !important; | |
| 580 | - background: none !important; | |
| 581 | - /* Buttons that look like links, for a cross of good semantics with the visual */ | |
| 582 | - /* Link buttons that are red to indicate destructive behavior. */ | |
| 583 | -} | |
| 584 | 570 | .cleanslate .components-icon-button { |
| 585 | 571 | display: flex !important; |
| 586 | 572 | align-items: center !important; |
| 587 | 573 | padding: 8px !important; |
| @@ -618,11 +604,15 @@ | ||
| 618 | 604 | background-color: #fff !important; |
| 619 | 605 | color: #1d2327 !important; |
| 620 | 606 | box-shadow: inset 0 0 0 1px #c3c4c7, inset 0 0 0 2px #fff !important; |
| 621 | 607 | } |
| 622 | -.cleanslate .components-icon-button[aria-disabled=true]:focus, .cleanslate .components-icon-button:disabled:focus { | |
| 608 | +.cleanslate .components-icon-button[aria-disabled=true]:focus, | |
| 609 | +.cleanslate .components-icon-button:disabled:focus { | |
| 623 | 610 | box-shadow: none !important; |
| 624 | 611 | } |
| 612 | +.cleanslate { | |
| 613 | + /* Form Toggle */ | |
| 614 | +} | |
| 625 | 615 | .cleanslate .components-form-toggle { |
| 626 | 616 | position: relative !important; |
| 627 | 617 | display: inline-block !important; |
| 628 | 618 | } |
| @@ -652,8 +642,12 @@ | ||
| 652 | 642 | } |
| 653 | 643 | .cleanslate .components-form-toggle .components-form-toggle__on { |
| 654 | 644 | left: 8px !important; |
| 655 | 645 | display: none !important; |
| 646 | + outline: 1px solid transparent !important; | |
| 647 | + outline-offset: -1px !important; | |
| 648 | + border: 1px solid #000 !important; | |
| 649 | + filter: invert(100%) contrast(500%) !important; | |
| 656 | 650 | } |
| 657 | 651 | .cleanslate .components-form-toggle .components-form-toggle__track { |
| 658 | 652 | content: "" !important; |
| 659 | 653 | display: inline-block !important; |
| @@ -741,14 +735,8 @@ | ||
| 741 | 735 | } |
| 742 | 736 | .cleanslate .components-form-toggle input.components-form-toggle__input[type=checkbox]::before { |
| 743 | 737 | content: "" !important; |
| 744 | 738 | } |
| 745 | -.cleanslate .components-form-toggle .components-form-toggle__on { | |
| 746 | - outline: 1px solid transparent !important; | |
| 747 | - outline-offset: -1px !important; | |
| 748 | - border: 1px solid #000 !important; | |
| 749 | - filter: invert(100%) contrast(500%) !important; | |
| 750 | -} | |
| 751 | 739 | .cleanslate .components-button { |
| 752 | 740 | display: inline-flex !important; |
| 753 | 741 | text-decoration: none !important; |
| 754 | 742 | font-size: 13px !important; |
| @@ -756,9 +744,9 @@ | ||
| 756 | 744 | border: 0 !important; |
| 757 | 745 | cursor: pointer !important; |
| 758 | 746 | -webkit-appearance: none !important; |
| 759 | 747 | background: none !important; |
| 760 | - /* Buttons that look like links, for a cross of good semantics with the visual */ | |
| 748 | + /* Buttons that look like links for a cross of good semantics and visuals. */ | |
| 761 | 749 | /* Link buttons that are red to indicate destructive behavior. */ |
| 762 | 750 | } |
| 763 | 751 | .cleanslate .components-button.is-button { |
| 764 | 752 | padding: 0 10px 1px !important; |
| @@ -776,9 +764,10 @@ | ||
| 776 | 764 | color: #fff !important; |
| 777 | 765 | text-decoration: none !important; |
| 778 | 766 | text-shadow: 0 -1px 1px rgb(0, 93, 130), 1px 0 1px rgb(0, 93, 130), 0 1px 1px rgb(0, 93, 130), -1px 0 1px rgb(0, 93, 130) !important; |
| 779 | 767 | } |
| 780 | -.cleanslate .components-button.is-primary:hover, .cleanslate .components-button.is-primary:focus:enabled { | |
| 768 | +.cleanslate .components-button.is-primary:hover, | |
| 769 | +.cleanslate .components-button.is-primary:focus:enabled { | |
| 781 | 770 | background: rgb(0, 126, 177) !important; |
| 782 | 771 | border-color: rgb(0, 67, 93) !important; |
| 783 | 772 | color: #fff !important; |
| 784 | 773 | } |
| @@ -790,9 +779,12 @@ | ||
| 790 | 779 | border-color: rgb(0, 67, 93) !important; |
| 791 | 780 | box-shadow: inset 0 1px 0 rgb(0, 67, 93) !important; |
| 792 | 781 | vertical-align: top !important; |
| 793 | 782 | } |
| 794 | -.cleanslate .components-button.is-primary:disabled, .cleanslate .components-button.is-primary:disabled:active:enabled, .cleanslate .components-button.is-primary[aria-disabled=true], .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled { | |
| 783 | +.cleanslate .components-button.is-primary:disabled, | |
| 784 | +.cleanslate .components-button.is-primary:disabled:active:enabled, | |
| 785 | +.cleanslate .components-button.is-primary[aria-disabled=true], | |
| 786 | +.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled { | |
| 795 | 787 | color: rgb(102, 182, 214) !important; |
| 796 | 788 | background: rgb(0, 133, 186) !important; |
| 797 | 789 | border-color: rgb(0, 124, 173) !important; |
| 798 | 790 | box-shadow: none !important; |
| @@ -798,13 +790,27 @@ | ||
| 798 | 790 | box-shadow: none !important; |
| 799 | 791 | text-shadow: none !important; |
| 800 | 792 | opacity: 1 !important; |
| 801 | 793 | } |
| 802 | -.cleanslate .components-button.is-primary:disabled.is-button, .cleanslate .components-button.is-primary:disabled.is-button:hover, .cleanslate .components-button.is-primary:disabled:active:enabled, .cleanslate .components-button.is-primary:disabled:active:enabled.is-button, .cleanslate .components-button.is-primary:disabled:active:enabled.is-button:hover, .cleanslate .components-button.is-primary:disabled:active:enabled:active:enabled, .cleanslate .components-button.is-primary[aria-disabled=true].is-button, .cleanslate .components-button.is-primary[aria-disabled=true].is-button:hover, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled.is-button, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled.is-button:hover, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled:active:enabled { | |
| 794 | +.cleanslate .components-button.is-primary:disabled.is-button, | |
| 795 | +.cleanslate .components-button.is-primary:disabled.is-button:hover, | |
| 796 | +.cleanslate .components-button.is-primary:disabled:active:enabled, | |
| 797 | +.cleanslate .components-button.is-primary:disabled:active:enabled.is-button, | |
| 798 | +.cleanslate .components-button.is-primary:disabled:active:enabled.is-button:hover, | |
| 799 | +.cleanslate .components-button.is-primary:disabled:active:enabled:active:enabled, | |
| 800 | +.cleanslate .components-button.is-primary[aria-disabled=true].is-button, | |
| 801 | +.cleanslate .components-button.is-primary[aria-disabled=true].is-button:hover, | |
| 802 | +.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled, | |
| 803 | +.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled.is-button, | |
| 804 | +.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled.is-button:hover, | |
| 805 | +.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled:active:enabled { | |
| 803 | 806 | box-shadow: none !important; |
| 804 | 807 | text-shadow: none !important; |
| 805 | 808 | } |
| 806 | -.cleanslate .components-button.is-primary:disabled:focus:enabled, .cleanslate .components-button.is-primary:disabled:active:enabled:focus:enabled, .cleanslate .components-button.is-primary[aria-disabled=true]:focus:enabled, .cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { | |
| 809 | +.cleanslate .components-button.is-primary:disabled:focus:enabled, | |
| 810 | +.cleanslate .components-button.is-primary:disabled:active:enabled:focus:enabled, | |
| 811 | +.cleanslate .components-button.is-primary[aria-disabled=true]:focus:enabled, | |
| 812 | +.cleanslate .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { | |
| 807 | 813 | color: rgb(102, 182, 214) !important; |
| 808 | 814 | border-color: rgb(0, 124, 173) !important; |
| 809 | 815 | box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba !important; |
| 810 | 816 | } |
| @@ -819,9 +825,9 @@ | ||
| 819 | 825 | padding: 16px !important; |
| 820 | 826 | border-bottom: 1px solid #e2e4e7 !important; |
| 821 | 827 | } |
| 822 | 828 | .cleanslate .ccpa-setting__header { |
| 823 | - font-weight: bold !important; | |
| 829 | + font-weight: 700 !important; | |
| 824 | 830 | } |
| 825 | 831 | .cleanslate .ccpa-setting__text { |
| 826 | 832 | padding-right: 50px !important; |
| 827 | 833 | } |
| @@ -842,8 +848,9 @@ | ||
| 842 | 848 | } |
| 843 | 849 | .cleanslate .is-checked > .ccpa-setting__toggle-text-on { |
| 844 | 850 | display: inline-block !important; |
| 845 | 851 | } |
| 846 | -.cleanslate .ccpa-privacy, .cleanslate .ccpa-privacy:visited { | |
| 852 | +.cleanslate .ccpa-privacy, | |
| 853 | +.cleanslate .ccpa-privacy:visited { | |
| 847 | 854 | color: rgb(0, 133, 186) !important; |
| 848 | 855 | text-decoration: none !important; |
| 849 | 856 | } |
