| @@ -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: #B2D675!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: rgba(178, 214, 117, 0.18); | |
| 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 | 253 | background-color: #b2d675; |
| 259 | - opacity: 0.2; | |
| 254 | + color: #000 !important; | |
| 260 | 255 | } |
| 261 | 256 | |
| 262 | 257 | .form-table th, |
| 263 | 258 | .patchstack-content-wrap .form-table td { |
| @@ -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 |
| @@ -868,41 +864,27 @@ | ||
| 868 | 864 | } |
| 869 | 865 | |
| 870 | 866 | .patchstack-plan { |
| 871 | 867 | background:#272930; |
| 872 | - border-radius: 4px; | |
| 868 | + border-radius: 8px; | |
| 873 | 869 | padding: 32px; |
| 874 | 870 | color: #acacac; |
| 875 | 871 | font-size: 15px; |
| 876 | - width: 256px; | |
| 877 | - height: 374px; | |
| 872 | + width: 564px; | |
| 878 | 873 | float: left; |
| 879 | 874 | position: relative; |
| 880 | - margin-top: 70px; | |
| 875 | + margin-top: 32px; | |
| 881 | 876 | } |
| 882 | 877 | |
| 878 | +.patchstack-plan a { | |
| 879 | + color: #B2D675; | |
| 880 | + text-decoration: none; | |
| 881 | +} | |
| 882 | + | |
| 883 | 883 | .patchstack-plan1 { |
| 884 | 884 | margin-right: 80px; |
| 885 | 885 | } |
| 886 | 886 | |
| 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 | 887 | .patchstack-is-size-4 { |
| 906 | 888 | margin-top: 5px; |
| 907 | 889 | display: inline-block; |
| 908 | 890 | font-size: 36px; |
| @@ -943,10 +925,11 @@ | ||
| 943 | 925 | } |
| 944 | 926 | |
| 945 | 927 | .patchstack-plan p { |
| 946 | 928 | color: #acacac; |
| 947 | - font-size: 13px; | |
| 929 | + font-size: 15px; | |
| 948 | 930 | line-height: 20px; |
| 931 | + margin: 0; | |
| 949 | 932 | } |
| 950 | 933 | |
| 951 | 934 | .patchstack-plan1 p { |
| 952 | 935 | margin: 20px 0; |
| @@ -998,10 +981,10 @@ | ||
| 998 | 981 | .patchstack-free .patchstack-top-logo { |
| 999 | 982 | width: 184px; |
| 1000 | 983 | margin: 0 auto; |
| 1001 | 984 | float: initial; |
| 1002 | - margin-top: 30px; | |
| 1003 | - margin-bottom: 30px; | |
| 985 | + margin-top: 32px; | |
| 986 | + margin-bottom: 32px; | |
| 1004 | 987 | } |
| 1005 | 988 | |
| 1006 | 989 | .patchstack-free .patchstack-content-table { |
| 1007 | 990 | padding-top: 0; |
| @@ -1007,9 +990,9 @@ | ||
| 1007 | 990 | padding-top: 0; |
| 1008 | 991 | } |
| 1009 | 992 | |
| 1010 | 993 | .patchstack-free .patchstack-content-table>.patchstack-content-inner { |
| 1011 | - max-width: 45rem; | |
| 994 | + max-width: 40rem; | |
| 1012 | 995 | margin: 0 auto; |
| 1013 | 996 | float: initial; |
| 1014 | 997 | } |
| 1015 | 998 | |
| @@ -1019,29 +1002,42 @@ | ||
| 1019 | 1002 | border-radius: 4px; |
| 1020 | 1003 | } |
| 1021 | 1004 | |
| 1022 | 1005 | .patchstack-free h1 { |
| 1023 | - color: #fff; | |
| 1006 | + color: #acacac; | |
| 1024 | 1007 | font-family: 'Faktum'; |
| 1025 | - font-weight: 300!important; | |
| 1026 | - font-size: 25px; | |
| 1008 | + font-weight: 400!important; | |
| 1009 | + font-size: 15px; | |
| 1027 | 1010 | text-align: center; |
| 1028 | 1011 | } |
| 1029 | 1012 | |
| 1013 | +.patchstack-free h1 a { | |
| 1014 | + color: #B2D675; | |
| 1015 | + text-decoration: none; | |
| 1016 | +} | |
| 1017 | + | |
| 1030 | 1018 | .patchstack-free .form-table input[type=text] { |
| 1031 | 1019 | background: transparent; |
| 1032 | 1020 | width: 100%; |
| 1033 | 1021 | border: 2px solid rgba(170, 189, 215, 0.1) !important; |
| 1034 | - padding: 11px 15px; | |
| 1022 | + padding: 17px 15px; | |
| 1023 | + border-radius: 4px; | |
| 1024 | + margin: 32px 0; | |
| 1035 | 1025 | } |
| 1036 | 1026 | |
| 1037 | 1027 | .patchstack-free .form-table label { |
| 1038 | 1028 | color: #fff; |
| 1039 | - font-size: 11px; | |
| 1040 | - margin: 15px 0 5px 0; | |
| 1029 | + font-size: 15px; | |
| 1030 | + margin: 0; | |
| 1041 | 1031 | display: inline-block; |
| 1032 | + width: 100%; | |
| 1042 | 1033 | } |
| 1043 | 1034 | |
| 1035 | +.patchstack-free .form-table label span { | |
| 1036 | + float: right; | |
| 1037 | + color: #B2D675; | |
| 1038 | +} | |
| 1039 | + | |
| 1044 | 1040 | .patchstack-free .button-primary { |
| 1045 | 1041 | color: #B2D675; |
| 1046 | 1042 | font-weight: 500; |
| 1047 | 1043 | font-size: 13px; |
| @@ -1082,9 +1078,9 @@ | ||
| 1082 | 1078 | margin-bottom: 20px; |
| 1083 | 1079 | } |
| 1084 | 1080 | |
| 1085 | 1081 | .patchstack-premium { |
| 1086 | - max-width: 19rem !important; | |
| 1082 | + max-width: 40rem !important; | |
| 1087 | 1083 | margin: 0 auto; |
| 1088 | 1084 | float: initial !important; |
| 1089 | 1085 | width: initial !important; |
| 1090 | 1086 | } |
| @@ -1097,9 +1093,9 @@ | ||
| 1097 | 1093 | width: 100% !important; |
| 1098 | 1094 | } |
| 1099 | 1095 | |
| 1100 | 1096 | #patchstack-activate { |
| 1101 | - margin-top: 42px; | |
| 1097 | + margin-top: 0; | |
| 1102 | 1098 | } |
| 1103 | 1099 | |
| 1104 | 1100 | .patchstack-license-button #patchstack-activate { |
| 1105 | 1101 | width: 49%; |
| @@ -1125,9 +1121,9 @@ | ||
| 1125 | 1121 | text-align: center; |
| 1126 | 1122 | font-size: 15px; |
| 1127 | 1123 | line-height: 24px; |
| 1128 | 1124 | color: #ACACAC; |
| 1129 | - margin-top: 64px; | |
| 1125 | + margin-top: 32px; | |
| 1130 | 1126 | } |
| 1131 | 1127 | |
| 1132 | 1128 | p.patchstack-upsell a { |
| 1133 | 1129 | color: #B2D675; |
| @@ -1138,16 +1134,112 @@ | ||
| 1138 | 1134 | position: relative; |
| 1139 | 1135 | top: 7px; |
| 1140 | 1136 | } |
| 1141 | 1137 | |
| 1142 | -.patchstack-premium p.patchstack-upsell { | |
| 1143 | - width: 500px; | |
| 1144 | - margin-left: -90px; | |
| 1138 | +.patchstack-status { | |
| 1139 | + width: 100%; | |
| 1145 | 1140 | } |
| 1146 | 1141 | |
| 1147 | -.patchstack-active-tab-multisite { | |
| 1148 | - max-width: 35rem !important; | |
| 1142 | +.patchstack-status:first-child { | |
| 1143 | + color: #fff; | |
| 1144 | + font-family: 'Faktum'; | |
| 1145 | + font-size: 15px; | |
| 1146 | + display: flex; | |
| 1147 | + align-items: center; | |
| 1149 | 1148 | } |
| 1150 | 1149 | |
| 1151 | -.multisite .patchstack-active-tab-hardening { | |
| 1152 | - max-width: 35rem !important; | |
| 1150 | +.patchstack-status-label { | |
| 1151 | + font-size: 13px; | |
| 1152 | + border-radius: 2px; | |
| 1153 | + background: rgba(178, 214, 117, 0.18); | |
| 1154 | + color: #B2D675; | |
| 1155 | + padding: 5px 10px 5px 8px; | |
| 1156 | + margin-left: auto; | |
| 1157 | + order: 2; | |
| 1158 | +} | |
| 1159 | + | |
| 1160 | +.patchstack-status-label-error { | |
| 1161 | + background: rgba(237, 100, 94, 0.3); | |
| 1162 | + color: #ED645E | |
| 1163 | +} | |
| 1164 | + | |
| 1165 | +.patchstack-protection { | |
| 1166 | + background: #2E3036; | |
| 1167 | + border-radius: 8px; | |
| 1168 | + padding: 16px; | |
| 1169 | + color: #fff; | |
| 1170 | + font-size: 20px; | |
| 1171 | + font-weight: 400; | |
| 1172 | + line-height: 28px; | |
| 1173 | + margin: 32px 0; | |
| 1174 | + display: flex; | |
| 1175 | + column-gap: 8px; | |
| 1176 | + align-items: center; | |
| 1177 | +} | |
| 1178 | + | |
| 1179 | +.patchstack-protection a.button-primary { | |
| 1180 | + background: #B2D675; | |
| 1181 | + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); | |
| 1182 | + color: #000; | |
| 1183 | + width: initial; | |
| 1184 | + margin: 0; | |
| 1185 | + margin-left: auto; | |
| 1186 | + order: 2; | |
| 1187 | +} | |
| 1188 | + | |
| 1189 | +.patchstack-loading { | |
| 1190 | + display: none; | |
| 1191 | + width: 32px; | |
| 1192 | + height: 32px; | |
| 1193 | + margin: 0 auto 0 auto; | |
| 1194 | +} | |
| 1195 | + | |
| 1196 | +.patchstack-loading div { | |
| 1197 | + box-sizing: border-box; | |
| 1198 | + display: block; | |
| 1199 | + position: absolute; | |
| 1200 | + width: 32px; | |
| 1201 | + height: 32px; | |
| 1202 | + margin: 8px; | |
| 1203 | + border: 4px solid #fff; | |
| 1204 | + border-radius: 50%; | |
| 1205 | + animation: patchstack-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; | |
| 1206 | + border-color: #fff transparent transparent transparent; | |
| 1207 | +} | |
| 1208 | + | |
| 1209 | +.patchstack-loading div:nth-child(1) { | |
| 1210 | + animation-delay: -0.45s; | |
| 1211 | +} | |
| 1212 | + | |
| 1213 | +.patchstack-loading div:nth-child(2) { | |
| 1214 | + animation-delay: -0.3s; | |
| 1215 | +} | |
| 1216 | + | |
| 1217 | +.patchstack-loading div:nth-child(3) { | |
| 1218 | + animation-delay: -0.15s; | |
| 1219 | +} | |
| 1220 | + | |
| 1221 | +@keyframes patchstack-loading { | |
| 1222 | + 0% { | |
| 1223 | + transform: rotate(0deg); | |
| 1224 | + } | |
| 1225 | + 100% { | |
| 1226 | + transform: rotate(360deg); | |
| 1227 | + } | |
| 1228 | +} | |
| 1229 | + | |
| 1230 | +p.patchstack-resync { | |
| 1231 | + color: #B2D675; | |
| 1232 | + margin-top: 32px; | |
| 1233 | + text-align: center; | |
| 1234 | +} | |
| 1235 | + | |
| 1236 | +p.patchstack-error { | |
| 1237 | + color: #ED645E; | |
| 1238 | + font-size: 11.20px; | |
| 1239 | + font-family: Faktum; | |
| 1240 | + font-weight: 400; | |
| 1241 | + line-height: 16px; | |
| 1242 | + letter-spacing: 0.22px; | |
| 1243 | + word-wrap: break-word; | |
| 1244 | + margin-bottom: 32px; | |
| 1153 | 1245 | } |
