| @@ -34,9 +34,9 @@ | ||
| 34 | 34 | cursor: pointer; |
| 35 | 35 | } |
| 36 | 36 | |
| 37 | 37 | .patchstack-font a { |
| 38 | - color: #b2d675; | |
| 38 | + color: #AFE614; | |
| 39 | 39 | text-decoration: none |
| 40 | 40 | } |
| 41 | 41 | |
| 42 | 42 | .patchstack-nav-tab-icon { |
| @@ -227,15 +227,15 @@ | ||
| 227 | 227 | |
| 228 | 228 | .patchstack-content-inner input[type=submit], |
| 229 | 229 | .patchstack-form-wrap input[type=submit] { |
| 230 | 230 | height: auto; |
| 231 | - padding: 12px 30px !important; | |
| 232 | - color: #17191e!important; | |
| 231 | + padding: 18px 30px !important; | |
| 232 | + color: #1C1E22!important; | |
| 233 | 233 | border: none; |
| 234 | 234 | border-radius: 4px !important; |
| 235 | - background-color: #b2d675; | |
| 236 | - font-size: 13px !important; | |
| 237 | - font-weight: 500 !important; | |
| 235 | + background-color: #AFE614; | |
| 236 | + font-size: 15px !important; | |
| 237 | + font-weight: 400 !important; | |
| 238 | 238 | line-height: 20px; |
| 239 | 239 | -webkit-box-shadow: none; |
| 240 | 240 | box-shadow: none; |
| 241 | 241 | text-shadow: none; |
| @@ -245,19 +245,14 @@ | ||
| 245 | 245 | -o-transition: all .3s ease-in-out; |
| 246 | 246 | -ms-transition: all .3s ease-in-out |
| 247 | 247 | } |
| 248 | 248 | |
| 249 | -.patchstack-content-inner input[type=submit]:hover, | |
| 250 | -.patchstack-form-wrap input[type=submit]:focus { | |
| 251 | - background-color: #2c405a | |
| 252 | -} | |
| 253 | - | |
| 254 | 249 | .patchstack-content-inner input[type=submit]:focus, |
| 255 | 250 | .patchstack-content-inner input[type=submit]:hover, |
| 256 | 251 | .patchstack-form-wrap input[type=submit]:focus, |
| 257 | 252 | .patchstack-form-wrap input[type=submit]:hover { |
| 258 | - background-color: #b2d675; | |
| 259 | - opacity: 0.2; | |
| 253 | + background-color: #AFE614; | |
| 254 | + color: #1C1E22 !important; | |
| 260 | 255 | } |
| 261 | 256 | |
| 262 | 257 | .form-table th, |
| 263 | 258 | .patchstack-content-wrap .form-table td { |
| @@ -330,9 +325,9 @@ | ||
| 330 | 325 | box-shadow: none |
| 331 | 326 | } |
| 332 | 327 | |
| 333 | 328 | .patchstack-content-wrap .form-table input[type=checkbox]:checked { |
| 334 | - border: 3px solid #b2d675 | |
| 329 | + border: 3px solid #AFE614 | |
| 335 | 330 | } |
| 336 | 331 | |
| 337 | 332 | .patchstack-content-wrap .form-table input[type=checkbox]:checked:before { |
| 338 | 333 | margin: -7px 0 0 -5px; |
| @@ -337,9 +332,9 @@ | ||
| 337 | 332 | .patchstack-content-wrap .form-table input[type=checkbox]:checked:before { |
| 338 | 333 | margin: -7px 0 0 -5px; |
| 339 | 334 | font-size: 23px; |
| 340 | 335 | width: 25px; |
| 341 | - color: #b2d675; | |
| 336 | + color: #AFE614; | |
| 342 | 337 | content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2369a700%27%2F%3E%3C%2Fsvg%3E); |
| 343 | 338 | } |
| 344 | 339 | |
| 345 | 340 | .form-table input[type=text], |
| @@ -357,9 +352,10 @@ | ||
| 357 | 352 | width: 26em |
| 358 | 353 | } |
| 359 | 354 | |
| 360 | 355 | .patchstack-form-table { |
| 361 | - border-collapse: inherit | |
| 356 | + border-collapse: inherit; | |
| 357 | + margin-top: 0; | |
| 362 | 358 | } |
| 363 | 359 | |
| 364 | 360 | table { |
| 365 | 361 | border-collapse: collapse |
| @@ -558,17 +554,8 @@ | ||
| 558 | 554 | .tooltip.bs-tooltip-top .arrow::before { |
| 559 | 555 | border-top-color: #2c405a |
| 560 | 556 | } |
| 561 | 557 | |
| 562 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_processing { | |
| 563 | - background: #272930!important; | |
| 564 | - color: #fff!important; | |
| 565 | - height: 35px; | |
| 566 | - font-size: 13px; | |
| 567 | - text-transform: uppercase; | |
| 568 | - z-index: 99999 | |
| 569 | -} | |
| 570 | - | |
| 571 | 558 | .patchstack-content-inner-table .table-overflow .btn { |
| 572 | 559 | margin-bottom: 0 |
| 573 | 560 | } |
| 574 | 561 | |
| @@ -625,24 +612,8 @@ | ||
| 625 | 612 | .patchstack-content-inner-table .table>thead>tr>th:last-child { |
| 626 | 613 | border-top-right-radius: 0 |
| 627 | 614 | } |
| 628 | 615 | |
| 629 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_filter, | |
| 630 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_info, | |
| 631 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_length, | |
| 632 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button { | |
| 633 | - color: #fff!important; | |
| 634 | - font-size: 13px; | |
| 635 | - margin-right: 10px | |
| 636 | -} | |
| 637 | - | |
| 638 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_filter input, | |
| 639 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_length select { | |
| 640 | - border: 1px solid rgba(170, 189, 215, 0.1); | |
| 641 | - background: #272930; | |
| 642 | - color: #fff | |
| 643 | -} | |
| 644 | - | |
| 645 | 616 | .patchstack-content-inner-table .table-striped>tbody>tr:nth-of-type(odd) { |
| 646 | 617 | background-color: #17273c |
| 647 | 618 | } |
| 648 | 619 | |
| @@ -662,16 +633,8 @@ | ||
| 662 | 633 | .patchstack-content-inner-table table.dataTable { |
| 663 | 634 | margin: 0 auto!important |
| 664 | 635 | } |
| 665 | 636 | |
| 666 | -.patchstack-content-inner-table .dataTables_info, | |
| 667 | -.patchstack-content-inner-table .dataTables_length, | |
| 668 | -.patchstack-content-inner-table .dataTables_paginate .paging_simple_numbers { | |
| 669 | - color: #fff!important | |
| 670 | -} | |
| 671 | - | |
| 672 | -.patchstack-content-inner-table .dataTables_info, | |
| 673 | -.patchstack-content-inner-table .dataTables_length, | |
| 674 | 637 | .patchstack-font>h2, |
| 675 | 638 | .patchstack-font>h4 { |
| 676 | 639 | color: #fff; |
| 677 | 640 | padding-left: 10px |
| @@ -691,27 +654,8 @@ | ||
| 691 | 654 | font-family: 'Faktum'; |
| 692 | 655 | font-weight: 300!important |
| 693 | 656 | } |
| 694 | 657 | |
| 695 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button.current, | |
| 696 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button:hover { | |
| 697 | - background: #272930!important; | |
| 698 | - border-radius: 50%; | |
| 699 | - color: #fff!important; | |
| 700 | - border: none | |
| 701 | -} | |
| 702 | - | |
| 703 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button.next, | |
| 704 | -.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous { | |
| 705 | - background: 0 0!important; | |
| 706 | - color: #fff!important; | |
| 707 | - border: none!important | |
| 708 | -} | |
| 709 | - | |
| 710 | -.patchstack-content-inner-table .dataTables_length { | |
| 711 | - padding-bottom: 15px | |
| 712 | -} | |
| 713 | - | |
| 714 | 658 | .patchstack-content-table>.patchstack-content-inner { |
| 715 | 659 | background-color: #1f2128; |
| 716 | 660 | color: #fff; |
| 717 | 661 | float: right; |
| @@ -868,41 +812,27 @@ | ||
| 868 | 812 | } |
| 869 | 813 | |
| 870 | 814 | .patchstack-plan { |
| 871 | 815 | background:#272930; |
| 872 | - border-radius: 4px; | |
| 816 | + border-radius: 8px; | |
| 873 | 817 | padding: 32px; |
| 874 | 818 | color: #acacac; |
| 875 | 819 | font-size: 15px; |
| 876 | - width: 256px; | |
| 877 | - height: 374px; | |
| 820 | + width: 564px; | |
| 878 | 821 | float: left; |
| 879 | 822 | position: relative; |
| 880 | - margin-top: 70px; | |
| 823 | + margin-top: 32px; | |
| 881 | 824 | } |
| 882 | 825 | |
| 826 | +.patchstack-plan a { | |
| 827 | + color: #AFE614; | |
| 828 | + text-decoration: none; | |
| 829 | +} | |
| 830 | + | |
| 883 | 831 | .patchstack-plan1 { |
| 884 | 832 | margin-right: 80px; |
| 885 | 833 | } |
| 886 | 834 | |
| 887 | -.patchstack-plan1::before { | |
| 888 | - content: 'Start monitoring for vulnerabilities'; | |
| 889 | - position: absolute; | |
| 890 | - top: -35px; | |
| 891 | - left: 0; | |
| 892 | - color: #fff; | |
| 893 | - font-size: 15px; | |
| 894 | -} | |
| 895 | - | |
| 896 | -.patchstack-plan2::before { | |
| 897 | - content: 'Already have an account?'; | |
| 898 | - position: absolute; | |
| 899 | - top: -35px; | |
| 900 | - left: 0; | |
| 901 | - color: #fff; | |
| 902 | - font-size: 15px; | |
| 903 | -} | |
| 904 | - | |
| 905 | 835 | .patchstack-is-size-4 { |
| 906 | 836 | margin-top: 5px; |
| 907 | 837 | display: inline-block; |
| 908 | 838 | font-size: 36px; |
| @@ -909,18 +839,14 @@ | ||
| 909 | 839 | } |
| 910 | 840 | |
| 911 | 841 | .patchstack-has-text-white, |
| 912 | 842 | .patchstack-has-text-white:hover { |
| 913 | - color: #fff; | |
| 843 | + color: #fff !important; | |
| 914 | 844 | text-decoration: none; |
| 915 | 845 | } |
| 916 | 846 | |
| 917 | -.patchstack-has-text-white:hover { | |
| 918 | - opacity: 0.7; | |
| 919 | -} | |
| 920 | - | |
| 921 | 847 | .patchstack-has-text-white span { |
| 922 | - color: #B2D675; | |
| 848 | + color: #AFE614; | |
| 923 | 849 | font-size: 15px; |
| 924 | 850 | text-transform: uppercase; |
| 925 | 851 | } |
| 926 | 852 | |
| @@ -943,10 +869,11 @@ | ||
| 943 | 869 | } |
| 944 | 870 | |
| 945 | 871 | .patchstack-plan p { |
| 946 | 872 | color: #acacac; |
| 947 | - font-size: 13px; | |
| 873 | + font-size: 15px; | |
| 948 | 874 | line-height: 20px; |
| 875 | + margin: 0; | |
| 949 | 876 | } |
| 950 | 877 | |
| 951 | 878 | .patchstack-plan1 p { |
| 952 | 879 | margin: 20px 0; |
| @@ -998,10 +925,10 @@ | ||
| 998 | 925 | .patchstack-free .patchstack-top-logo { |
| 999 | 926 | width: 184px; |
| 1000 | 927 | margin: 0 auto; |
| 1001 | 928 | float: initial; |
| 1002 | - margin-top: 30px; | |
| 1003 | - margin-bottom: 30px; | |
| 929 | + margin-top: 32px; | |
| 930 | + margin-bottom: 32px; | |
| 1004 | 931 | } |
| 1005 | 932 | |
| 1006 | 933 | .patchstack-free .patchstack-content-table { |
| 1007 | 934 | padding-top: 0; |
| @@ -1007,9 +934,9 @@ | ||
| 1007 | 934 | padding-top: 0; |
| 1008 | 935 | } |
| 1009 | 936 | |
| 1010 | 937 | .patchstack-free .patchstack-content-table>.patchstack-content-inner { |
| 1011 | - max-width: 45rem; | |
| 938 | + max-width: 40rem; | |
| 1012 | 939 | margin: 0 auto; |
| 1013 | 940 | float: initial; |
| 1014 | 941 | } |
| 1015 | 942 | |
| @@ -1019,35 +946,48 @@ | ||
| 1019 | 946 | border-radius: 4px; |
| 1020 | 947 | } |
| 1021 | 948 | |
| 1022 | 949 | .patchstack-free h1 { |
| 1023 | - color: #fff; | |
| 950 | + color: #acacac; | |
| 1024 | 951 | font-family: 'Faktum'; |
| 1025 | - font-weight: 300!important; | |
| 1026 | - font-size: 25px; | |
| 952 | + font-weight: 400!important; | |
| 953 | + font-size: 15px; | |
| 1027 | 954 | text-align: center; |
| 1028 | 955 | } |
| 1029 | 956 | |
| 957 | +.patchstack-free h1 a { | |
| 958 | + color: #AFE614; | |
| 959 | + text-decoration: none; | |
| 960 | +} | |
| 961 | + | |
| 1030 | 962 | .patchstack-free .form-table input[type=text] { |
| 1031 | 963 | background: transparent; |
| 1032 | 964 | width: 100%; |
| 1033 | 965 | border: 2px solid rgba(170, 189, 215, 0.1) !important; |
| 1034 | - padding: 11px 15px; | |
| 966 | + padding: 17px 15px; | |
| 967 | + border-radius: 4px; | |
| 968 | + margin: 32px 0; | |
| 1035 | 969 | } |
| 1036 | 970 | |
| 1037 | 971 | .patchstack-free .form-table label { |
| 1038 | 972 | color: #fff; |
| 1039 | - font-size: 11px; | |
| 1040 | - margin: 15px 0 5px 0; | |
| 973 | + font-size: 15px; | |
| 974 | + margin: 0; | |
| 1041 | 975 | display: inline-block; |
| 976 | + width: 100%; | |
| 1042 | 977 | } |
| 1043 | 978 | |
| 979 | +.patchstack-free .form-table label span { | |
| 980 | + float: right; | |
| 981 | + color: #AFE614; | |
| 982 | +} | |
| 983 | + | |
| 1044 | 984 | .patchstack-free .button-primary { |
| 1045 | - color: #B2D675; | |
| 985 | + color: #1C1E22; | |
| 1046 | 986 | font-weight: 500; |
| 1047 | 987 | font-size: 13px; |
| 1048 | 988 | line-height: 20px; |
| 1049 | - background: rgba(178, 214, 117, 0.18); | |
| 989 | + background: #AFE614; | |
| 1050 | 990 | border-radius: 4px; |
| 1051 | 991 | border: none; |
| 1052 | 992 | padding: 12px 30px; |
| 1053 | 993 | margin-top: 34px; |
| @@ -1055,10 +995,10 @@ | ||
| 1055 | 995 | text-align: center; |
| 1056 | 996 | } |
| 1057 | 997 | |
| 1058 | 998 | .patchstack-free .button-primary:hover { |
| 1059 | - color: #000; | |
| 1060 | - background: #b2d675; | |
| 999 | + background-color: #6ebe00 !important; | |
| 1000 | + color: #111216 !important; | |
| 1061 | 1001 | } |
| 1062 | 1002 | |
| 1063 | 1003 | .patchstack-free .form-table th, |
| 1064 | 1004 | .form-table th label { |
| @@ -1082,9 +1022,9 @@ | ||
| 1082 | 1022 | margin-bottom: 20px; |
| 1083 | 1023 | } |
| 1084 | 1024 | |
| 1085 | 1025 | .patchstack-premium { |
| 1086 | - max-width: 19rem !important; | |
| 1026 | + max-width: 40rem !important; | |
| 1087 | 1027 | margin: 0 auto; |
| 1088 | 1028 | float: initial !important; |
| 1089 | 1029 | width: initial !important; |
| 1090 | 1030 | } |
| @@ -1092,15 +1032,82 @@ | ||
| 1092 | 1032 | .patchstack-premium .patchstack-plan2::before { |
| 1093 | 1033 | display: none; |
| 1094 | 1034 | } |
| 1095 | 1035 | |
| 1036 | +.patchstack-fullwidth { | |
| 1037 | + width: 100% !important; | |
| 1038 | +} | |
| 1039 | + | |
| 1096 | 1040 | #patchstack-activate { |
| 1041 | + margin-top: 0; | |
| 1042 | +} | |
| 1043 | + | |
| 1044 | +@-moz-keyframes spin { | |
| 1045 | + 100% { | |
| 1046 | + -moz-transform: rotate(360deg); | |
| 1047 | + } | |
| 1048 | + } | |
| 1049 | + | |
| 1050 | + @-webkit-keyframes spin { | |
| 1051 | + 100% { | |
| 1052 | + -webkit-transform: rotate(360deg); | |
| 1053 | + } | |
| 1054 | + } | |
| 1055 | + | |
| 1056 | + @keyframes spin { | |
| 1057 | + 100% { | |
| 1058 | + -webkit-transform: rotate(360deg); | |
| 1059 | + transform: rotate(360deg); | |
| 1060 | + } | |
| 1061 | +} | |
| 1062 | + | |
| 1063 | +.is-polling-section { | |
| 1064 | + margin-bottom: 16px; | |
| 1065 | + text-align: center; | |
| 1066 | +} | |
| 1067 | + | |
| 1068 | +.is-polling-section p { | |
| 1069 | + color: #afb9c6; | |
| 1070 | + font-size: 15px; | |
| 1071 | +} | |
| 1072 | + | |
| 1073 | +.is-polling-section img.rotate { | |
| 1074 | + -webkit-animation: spin 2s linear infinite; | |
| 1075 | + -moz-animation: spin 2s linear infinite; | |
| 1076 | + animation: spin 2s linear infinite; | |
| 1077 | +} | |
| 1078 | + | |
| 1079 | +.patchstack-activate-wrapper { | |
| 1080 | + position: relative; | |
| 1081 | +} | |
| 1082 | + | |
| 1083 | +.patchstack-activate-wrapper input[type=submit].button-primary { | |
| 1084 | + position: absolute; | |
| 1085 | + right: 12px; | |
| 1086 | + top: 41px; | |
| 1087 | + padding: 4px 8px !important; | |
| 1088 | + width: auto; | |
| 1089 | +} | |
| 1090 | + | |
| 1091 | +.patchstack-activate-wrapper input[type=text] { | |
| 1092 | + margin: 8px 0 0 0 !important; | |
| 1093 | +} | |
| 1094 | + | |
| 1095 | +.patchstack-license-button #patchstack-activate { | |
| 1096 | + width: 49%; | |
| 1097 | + float: left; | |
| 1098 | +} | |
| 1099 | + | |
| 1100 | +.patchstack-license-button .patchstack-activate { | |
| 1101 | + width: 49%; | |
| 1102 | + float: left; | |
| 1097 | 1103 | margin-top: 42px; |
| 1104 | + margin-left: 2%; | |
| 1098 | 1105 | } |
| 1099 | 1106 | |
| 1100 | 1107 | .patchstack-activate.button-primary.focus, |
| 1101 | 1108 | .patchstack-activate.button-primary:focus { |
| 1102 | - background: #b2d675; | |
| 1109 | + background: #AFE614; | |
| 1103 | 1110 | border: none; |
| 1104 | 1111 | outline: none; |
| 1105 | 1112 | opacity: .5; |
| 1106 | 1113 | } |
| @@ -1109,13 +1116,13 @@ | ||
| 1109 | 1116 | text-align: center; |
| 1110 | 1117 | font-size: 15px; |
| 1111 | 1118 | line-height: 24px; |
| 1112 | 1119 | color: #ACACAC; |
| 1113 | - margin-top: 64px; | |
| 1120 | + margin-top: 32px; | |
| 1114 | 1121 | } |
| 1115 | 1122 | |
| 1116 | 1123 | p.patchstack-upsell a { |
| 1117 | - color: #B2D675; | |
| 1124 | + color: #AFE614; | |
| 1118 | 1125 | text-decoration: none; |
| 1119 | 1126 | } |
| 1120 | 1127 | |
| 1121 | 1128 | p.patchstack-upsell img { |
| @@ -1122,8 +1129,111 @@ | ||
| 1122 | 1129 | position: relative; |
| 1123 | 1130 | top: 7px; |
| 1124 | 1131 | } |
| 1125 | 1132 | |
| 1126 | -.patchstack-premium p.patchstack-upsell { | |
| 1127 | - width: 500px; | |
| 1128 | - margin-left: -90px; | |
| 1133 | +.patchstack-status { | |
| 1134 | + width: 100%; | |
| 1135 | +} | |
| 1136 | + | |
| 1137 | +.patchstack-status:first-child { | |
| 1138 | + color: #fff; | |
| 1139 | + font-family: 'Faktum'; | |
| 1140 | + font-size: 15px; | |
| 1141 | + display: flex; | |
| 1142 | + align-items: center; | |
| 1143 | +} | |
| 1144 | + | |
| 1145 | +.patchstack-status-label { | |
| 1146 | + font-size: 13px; | |
| 1147 | + border-radius: 2px; | |
| 1148 | + background: #AFE614; | |
| 1149 | + color: #1C1E22; | |
| 1150 | + padding: 5px 10px 5px 8px; | |
| 1151 | + margin-left: auto; | |
| 1152 | + order: 2; | |
| 1153 | +} | |
| 1154 | + | |
| 1155 | +.patchstack-status-label-error { | |
| 1156 | + background: rgba(237, 100, 94, 0.3); | |
| 1157 | + color: #ED645E | |
| 1158 | +} | |
| 1159 | + | |
| 1160 | +.patchstack-protection { | |
| 1161 | + background: #2E3036; | |
| 1162 | + border-radius: 8px; | |
| 1163 | + padding: 16px; | |
| 1164 | + color: #fff; | |
| 1165 | + font-size: 20px; | |
| 1166 | + font-weight: 400; | |
| 1167 | + line-height: 28px; | |
| 1168 | + margin: 32px 0; | |
| 1169 | + display: flex; | |
| 1170 | + column-gap: 8px; | |
| 1171 | + align-items: center; | |
| 1172 | +} | |
| 1173 | + | |
| 1174 | +.patchstack-protection a.button-primary { | |
| 1175 | + background-color: #afe614; | |
| 1176 | + color: #111216; | |
| 1177 | + width: initial; | |
| 1178 | + margin: 0; | |
| 1179 | + margin-left: auto; | |
| 1180 | + order: 2; | |
| 1181 | +} | |
| 1182 | + | |
| 1183 | +.patchstack-loading { | |
| 1184 | + display: none; | |
| 1185 | + width: 32px; | |
| 1186 | + height: 32px; | |
| 1187 | + margin: 0 auto 0 auto; | |
| 1188 | +} | |
| 1189 | + | |
| 1190 | +.patchstack-loading div { | |
| 1191 | + box-sizing: border-box; | |
| 1192 | + display: block; | |
| 1193 | + position: absolute; | |
| 1194 | + width: 32px; | |
| 1195 | + height: 32px; | |
| 1196 | + margin: 8px; | |
| 1197 | + border: 4px solid #fff; | |
| 1198 | + border-radius: 50%; | |
| 1199 | + animation: patchstack-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; | |
| 1200 | + border-color: #fff transparent transparent transparent; | |
| 1201 | +} | |
| 1202 | + | |
| 1203 | +.patchstack-loading div:nth-child(1) { | |
| 1204 | + animation-delay: -0.45s; | |
| 1205 | +} | |
| 1206 | + | |
| 1207 | +.patchstack-loading div:nth-child(2) { | |
| 1208 | + animation-delay: -0.3s; | |
| 1209 | +} | |
| 1210 | + | |
| 1211 | +.patchstack-loading div:nth-child(3) { | |
| 1212 | + animation-delay: -0.15s; | |
| 1213 | +} | |
| 1214 | + | |
| 1215 | +@keyframes patchstack-loading { | |
| 1216 | + 0% { | |
| 1217 | + transform: rotate(0deg); | |
| 1218 | + } | |
| 1219 | + 100% { | |
| 1220 | + transform: rotate(360deg); | |
| 1221 | + } | |
| 1222 | +} | |
| 1223 | + | |
| 1224 | +p.patchstack-resync { | |
| 1225 | + color: #AFE614; | |
| 1226 | + margin-top: 32px; | |
| 1227 | + text-align: center; | |
| 1228 | +} | |
| 1229 | + | |
| 1230 | +p.patchstack-error { | |
| 1231 | + color: #ED645E; | |
| 1232 | + font-size: 11.20px; | |
| 1233 | + font-family: Faktum; | |
| 1234 | + font-weight: 400; | |
| 1235 | + line-height: 16px; | |
| 1236 | + letter-spacing: 0.22px; | |
| 1237 | + word-wrap: break-word; | |
| 1238 | + margin-bottom: 32px; | |
| 1129 | 1239 | } |
