| @@ -4,20 +4,174 @@ | ||
| 4 | 4 | font-style: normal; |
| 5 | 5 | src: url(../fonts/Faktum-Regular.woff); |
| 6 | 6 | } |
| 7 | 7 | |
| 8 | +#hiddenstatusbox { | |
| 9 | + display: none; | |
| 10 | + padding: 0 | |
| 11 | +} | |
| 12 | + | |
| 13 | +.patchstack-logo { | |
| 14 | + height: auto; | |
| 15 | + vertical-align: middle | |
| 16 | +} | |
| 17 | + | |
| 18 | +.patchstack_license { | |
| 19 | + padding: 15px; | |
| 20 | + background: #fff; | |
| 21 | + border-left: 4px solid #fff; | |
| 22 | + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); | |
| 23 | + box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); | |
| 24 | + border-left-color: #dc3232 | |
| 25 | +} | |
| 26 | + | |
| 8 | 27 | .patchstack-content-wrap, |
| 9 | -.patchstack-font { | |
| 28 | +.patchstack-font, | |
| 29 | +.patchstack-nav-tab { | |
| 10 | 30 | font-family: 'Faktum',sans-serif |
| 11 | 31 | } |
| 12 | 32 | |
| 33 | +.patchstack-hover { | |
| 34 | + cursor: pointer; | |
| 35 | +} | |
| 36 | + | |
| 13 | 37 | .patchstack-font a { |
| 14 | - color: #AFE614; | |
| 38 | + color: #b2d675; | |
| 15 | 39 | text-decoration: none |
| 16 | 40 | } |
| 17 | 41 | |
| 42 | +.patchstack-nav-tab-icon { | |
| 43 | + background-repeat: no-repeat; | |
| 44 | + background-position: center | |
| 45 | +} | |
| 46 | + | |
| 47 | +.patchstack-nav-tab-wrapper { | |
| 48 | + border-bottom: none; | |
| 49 | + float: left; | |
| 50 | + width: 15%; | |
| 51 | + position: relative; | |
| 52 | + display: block; | |
| 53 | + padding-top: 0; | |
| 54 | + z-index: 20 | |
| 55 | +} | |
| 56 | + | |
| 57 | +.patchstack-nav-tab { | |
| 58 | + position: relative; | |
| 59 | + border: none; | |
| 60 | + padding: 10px 10px 10px 00px; | |
| 61 | + width: 100%; | |
| 62 | + font-size: 14px; | |
| 63 | + line-height: 25px; | |
| 64 | + font-weight: 300; | |
| 65 | + color: #fff; | |
| 66 | + margin-left: 4px; | |
| 67 | + margin-bottom: 3px; | |
| 68 | + background: 0 0; | |
| 69 | + border-radius: 5px | |
| 70 | +} | |
| 71 | + | |
| 72 | +.nav-tab-active.patchstack-nav-tab, | |
| 73 | +.patchstack-nav-tab.nav-tab-active:focus, | |
| 74 | +.patchstack-nav-tab.nav-tab-active:focus:active, | |
| 75 | +.patchstack-nav-tab.nav-tab-active:hover { | |
| 76 | + background: inherit; | |
| 77 | + border: none | |
| 78 | +} | |
| 79 | + | |
| 80 | +.patchstack-icon-wrapper { | |
| 81 | + width: 48px; | |
| 82 | + height: 48px; | |
| 83 | + position: relative; | |
| 84 | + float: left; | |
| 85 | + border-radius: 12px; | |
| 86 | + margin-left: 10px | |
| 87 | +} | |
| 88 | + | |
| 89 | +.patchstack-icon-text { | |
| 90 | + float: left; | |
| 91 | + margin-left: 10px | |
| 92 | +} | |
| 93 | + | |
| 94 | +.patchstack-icon-text>span { | |
| 95 | + font-size: 11px; | |
| 96 | + color: #cecece | |
| 97 | +} | |
| 98 | + | |
| 99 | +.patchstack-nav-tab-icon { | |
| 100 | + position: absolute; | |
| 101 | + left: 12px; | |
| 102 | + top: 12px; | |
| 103 | + width: 25px; | |
| 104 | + height: 25px; | |
| 105 | + margin-right: 5px; | |
| 106 | + display: inline-block; | |
| 107 | + background-size: contain; | |
| 108 | + vertical-align: middle; | |
| 109 | + transition: all .3s ease-in-out; | |
| 110 | + -webkit-transition: all .3s ease-in-out; | |
| 111 | + -moz-transition: all .3s ease-in-out; | |
| 112 | + -o-transition: all .3s ease-in-out; | |
| 113 | + -ms-transition: all .3s ease-in-out | |
| 114 | +} | |
| 115 | + | |
| 116 | +.patchstack-nav-tab-icon.blue, | |
| 117 | +.patchstack-nav-tab.patchstack-nav-tab-active:focus .patchstack-nav-tab-icon.white, | |
| 118 | +.patchstack-nav-tab.patchstack-nav-tab-active:hover .patchstack-nav-tab-icon.white, | |
| 119 | +.patchstack-nav-tab:focus:focus .patchstack-nav-tab-icon.white, | |
| 120 | +.patchstack-nav-tab:focus:hover .patchstack-nav-tab-icon.white, | |
| 121 | +.patchstack-nav-tab:hover:focus .patchstack-nav-tab-icon.white, | |
| 122 | +.patchstack-nav-tab:hover:hover .patchstack-nav-tab-icon.white { | |
| 123 | + opacity: 1; | |
| 124 | + visibility: visible | |
| 125 | +} | |
| 126 | + | |
| 127 | +.patchstack-nav-tab-icon.ic-services { | |
| 128 | + background-image: url(../images/service.png) | |
| 129 | +} | |
| 130 | + | |
| 131 | +.patchstack-nav-tab-icon.ic-firewall { | |
| 132 | + background-image: url(../images/firewall.png) | |
| 133 | +} | |
| 134 | + | |
| 135 | +.patchstack-nav-tab-icon.ic-cookies { | |
| 136 | + background-image: url(../images/user-lock-light.svg) | |
| 137 | +} | |
| 138 | + | |
| 139 | +.patchstack-nav-tab-icon.ic-logs { | |
| 140 | + background-image: url(../images/logs.svg) | |
| 141 | +} | |
| 142 | + | |
| 143 | +.patchstack-nav-tab-icon.ic-login { | |
| 144 | + background-image: url(../images/lock.svg) | |
| 145 | +} | |
| 146 | + | |
| 147 | +.patchstack-nav-tab-icon.ic-license { | |
| 148 | + background-image: url(../images/license.svg) | |
| 149 | +} | |
| 150 | + | |
| 151 | +.patchstack-nav-tab.nav-tab:focus, | |
| 152 | +.patchstack-nav-tab.nav-tab:hover { | |
| 153 | + color: #cecece!important; | |
| 154 | + background-color: #17191e!important | |
| 155 | +} | |
| 156 | + | |
| 157 | +.patchstack-nav-tab.patchstack-nav-tab-active { | |
| 158 | + color: #cecece; | |
| 159 | + background-color: #17191e; | |
| 160 | + border: none; | |
| 161 | + outline: 0; | |
| 162 | + -webkit-box-shadow: none; | |
| 163 | + box-shadow: none | |
| 164 | +} | |
| 165 | + | |
| 166 | +.patchstack-nav-tab.patchstack-nav-tab-active .patchstack-nav-tab-icon.white, | |
| 167 | +.patchstack-nav-tab:focus .patchstack-nav-tab-icon.white, | |
| 168 | +.patchstack-nav-tab:hover .patchstack-nav-tab-icon.white { | |
| 169 | + opacity: 1; | |
| 170 | + visibility: visible | |
| 171 | +} | |
| 172 | + | |
| 18 | 173 | .patchstack-content-wrap { |
| 19 | - margin-top: 64px; | |
| 20 | 174 | padding: 0 20px 20px 0 |
| 21 | 175 | } |
| 22 | 176 | |
| 23 | 177 | .patchstack-content-inner { |
| @@ -28,10 +182,18 @@ | ||
| 28 | 182 | border-bottom-left-radius: 3px; |
| 29 | 183 | border-bottom-right-radius: 3px |
| 30 | 184 | } |
| 31 | 185 | |
| 186 | +.patchstack-content-inner-table { | |
| 187 | + padding: 15px 0 | |
| 188 | +} | |
| 189 | + | |
| 32 | 190 | .patchstack-form-table input[type=text], |
| 33 | -.patchstack-form-wrap input[type=text] { | |
| 191 | +.patchstack-form-wrap input[type=number], | |
| 192 | +.patchstack-form-wrap input[type=text], | |
| 193 | +.patchstack-form-wrap select, | |
| 194 | +.patchstack-form-wrap textarea, | |
| 195 | +.patchstack-inner-block select { | |
| 34 | 196 | background-color: #272930; |
| 35 | 197 | border: none !important; |
| 36 | 198 | color: #acacac!important |
| 37 | 199 | } |
| @@ -63,18 +225,17 @@ | ||
| 63 | 225 | font-weight: 400 |
| 64 | 226 | } |
| 65 | 227 | |
| 66 | 228 | .patchstack-content-inner input[type=submit], |
| 67 | -.patchstack-form-wrap input[type=submit], | |
| 68 | -.patchstack-button { | |
| 229 | +.patchstack-form-wrap input[type=submit] { | |
| 69 | 230 | height: auto; |
| 70 | - padding: 10px 30px !important; | |
| 71 | - color: #1C1E22!important; | |
| 231 | + padding: 12px 30px !important; | |
| 232 | + color: #17191e!important; | |
| 72 | 233 | border: none; |
| 73 | - border-radius: 2px !important; | |
| 74 | - background-color: #AFE614; | |
| 75 | - font-size: 15px !important; | |
| 76 | - font-weight: 400 !important; | |
| 234 | + border-radius: 4px !important; | |
| 235 | + background-color: #b2d675; | |
| 236 | + font-size: 13px !important; | |
| 237 | + font-weight: 500 !important; | |
| 77 | 238 | line-height: 20px; |
| 78 | 239 | -webkit-box-shadow: none; |
| 79 | 240 | box-shadow: none; |
| 80 | 241 | text-shadow: none; |
| @@ -84,10 +245,11 @@ | ||
| 84 | 245 | -o-transition: all .3s ease-in-out; |
| 85 | 246 | -ms-transition: all .3s ease-in-out |
| 86 | 247 | } |
| 87 | 248 | |
| 88 | -.patchstack-button { | |
| 89 | - margin-top: 0 !important; | |
| 249 | +.patchstack-content-inner input[type=submit]:hover, | |
| 250 | +.patchstack-form-wrap input[type=submit]:focus { | |
| 251 | + background-color: #2c405a | |
| 90 | 252 | } |
| 91 | 253 | |
| 92 | 254 | .patchstack-content-inner input[type=submit]:focus, |
| 93 | 255 | .patchstack-content-inner input[type=submit]:hover, |
| @@ -92,10 +254,10 @@ | ||
| 92 | 254 | .patchstack-content-inner input[type=submit]:focus, |
| 93 | 255 | .patchstack-content-inner input[type=submit]:hover, |
| 94 | 256 | .patchstack-form-wrap input[type=submit]:focus, |
| 95 | 257 | .patchstack-form-wrap input[type=submit]:hover { |
| 96 | - background-color: #AFE614; | |
| 97 | - color: #1C1E22 !important; | |
| 258 | + background-color: #b2d675; | |
| 259 | + opacity: 0.2; | |
| 98 | 260 | } |
| 99 | 261 | |
| 100 | 262 | .form-table th, |
| 101 | 263 | .patchstack-content-wrap .form-table td { |
| @@ -103,8 +265,20 @@ | ||
| 103 | 265 | color: #444; |
| 104 | 266 | line-height: 1.3 |
| 105 | 267 | } |
| 106 | 268 | |
| 269 | +.patchstack-content-inner textarea, | |
| 270 | +.patchstack-form-wrap textarea { | |
| 271 | + padding: 8px 15px; | |
| 272 | + color: #444; | |
| 273 | + border: 1px solid #acacac; | |
| 274 | + border-radius: 3px; | |
| 275 | + font-size: 14px; | |
| 276 | + line-height: 1.3; | |
| 277 | + max-height: 150px; | |
| 278 | + width: 100% | |
| 279 | +} | |
| 280 | + | |
| 107 | 281 | .form-table { |
| 108 | 282 | margin-top: 15px |
| 109 | 283 | } |
| 110 | 284 | |
| @@ -139,9 +313,38 @@ | ||
| 139 | 313 | color: #d0d0d0; |
| 140 | 314 | text-transform: initial |
| 141 | 315 | } |
| 142 | 316 | |
| 143 | -.form-table input[type=text] { | |
| 317 | +.form-table input[type=checkbox] { | |
| 318 | + border: 1px solid #acacac; | |
| 319 | + background-color: #fff; | |
| 320 | + width: 16px; | |
| 321 | + height: 16px; | |
| 322 | + -webkit-box-shadow: none; | |
| 323 | + box-shadow: none; | |
| 324 | + margin: 0 9px 0 0 | |
| 325 | +} | |
| 326 | + | |
| 327 | +.form-table input[type=checkbox]:focus, | |
| 328 | +.form-table input[type=checkbox]:hover { | |
| 329 | + -webkit-box-shadow: none; | |
| 330 | + box-shadow: none | |
| 331 | +} | |
| 332 | + | |
| 333 | +.patchstack-content-wrap .form-table input[type=checkbox]:checked { | |
| 334 | + border: 3px solid #b2d675 | |
| 335 | +} | |
| 336 | + | |
| 337 | +.patchstack-content-wrap .form-table input[type=checkbox]:checked:before { | |
| 338 | + margin: -7px 0 0 -5px; | |
| 339 | + font-size: 23px; | |
| 340 | + width: 25px; | |
| 341 | + color: #b2d675; | |
| 342 | + 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 | +} | |
| 344 | + | |
| 345 | +.form-table input[type=text], | |
| 346 | +.form-table select { | |
| 144 | 347 | padding: 8px 15px; |
| 145 | 348 | color: #444; |
| 146 | 349 | border: 1px solid #acacac; |
| 147 | 350 | border-radius: 3px; |
| @@ -154,10 +357,9 @@ | ||
| 154 | 357 | width: 26em |
| 155 | 358 | } |
| 156 | 359 | |
| 157 | 360 | .patchstack-form-table { |
| 158 | - border-collapse: inherit; | |
| 159 | - margin-top: 0; | |
| 361 | + border-collapse: inherit | |
| 160 | 362 | } |
| 161 | 363 | |
| 162 | 364 | table { |
| 163 | 365 | border-collapse: collapse |
| @@ -184,19 +386,296 @@ | ||
| 184 | 386 | .patchstack-form-table th { |
| 185 | 387 | vertical-align: middle |
| 186 | 388 | } |
| 187 | 389 | |
| 390 | +.dt-table>tbody>tr>td, | |
| 391 | +.dt-table>tbody>tr>th, | |
| 392 | +.dt-table>tfoot>tr>td, | |
| 393 | +.dt-table>tfoot>tr>th, | |
| 394 | +.dt-table>thead>tr>td, | |
| 395 | +.dt-table>thead>tr>th { | |
| 396 | + line-height: 1.8; | |
| 397 | + border-color: #e6ecf5 | |
| 398 | +} | |
| 399 | + | |
| 400 | +.dt-table>thead>tr>th { | |
| 401 | + color: #515365; | |
| 402 | + border-bottom: 1px solid #e6ecf5 | |
| 403 | +} | |
| 404 | + | |
| 405 | +.tooltip-inner, | |
| 406 | +.patchstack-message { | |
| 407 | + border-radius: 4px | |
| 408 | +} | |
| 409 | + | |
| 410 | +.q-hover.dash { | |
| 411 | + padding: 0 4px | |
| 412 | +} | |
| 413 | + | |
| 414 | +.tooltip { | |
| 415 | + position: absolute; | |
| 416 | + z-index: 1070; | |
| 417 | + display: block; | |
| 418 | + font-family: "Faktum",sans-serif; | |
| 419 | + font-size: 12px; | |
| 420 | + font-weight: 400; | |
| 421 | + line-height: 1.42857143; | |
| 422 | + text-align: left; | |
| 423 | + text-align: start; | |
| 424 | + text-decoration: none; | |
| 425 | + text-shadow: none; | |
| 426 | + text-transform: none; | |
| 427 | + word-break: normal; | |
| 428 | + word-spacing: normal; | |
| 429 | + word-wrap: normal; | |
| 430 | + white-space: normal; | |
| 431 | + line-break: auto | |
| 432 | +} | |
| 433 | + | |
| 434 | +.tooltip-inner, | |
| 188 | 435 | pre, |
| 189 | 436 | thead { |
| 190 | 437 | text-align: left |
| 191 | 438 | } |
| 192 | 439 | |
| 440 | +.tooltip.in { | |
| 441 | + opacity: .9 | |
| 442 | +} | |
| 443 | + | |
| 444 | +.tooltip.top { | |
| 445 | + padding: 5px 0; | |
| 446 | + margin-top: -3px | |
| 447 | +} | |
| 448 | + | |
| 449 | +.tooltip-arrow { | |
| 450 | + position: absolute; | |
| 451 | + width: 0; | |
| 452 | + height: 0; | |
| 453 | + border-color: transparent; | |
| 454 | + border-style: solid | |
| 455 | +} | |
| 456 | + | |
| 457 | +.tooltip.top .tooltip-arrow, | |
| 458 | +.tooltip.top-left .tooltip-arrow, | |
| 459 | +.tooltip.top-right .tooltip-arrow { | |
| 460 | + bottom: 0; | |
| 461 | + border-width: 5px 5px 0; | |
| 462 | + border-top-color: #000 | |
| 463 | +} | |
| 464 | + | |
| 465 | +.tooltip.top .tooltip-arrow { | |
| 466 | + left: 50%; | |
| 467 | + margin-left: -5px | |
| 468 | +} | |
| 469 | + | |
| 470 | +.tooltip.top-left .tooltip-arrow { | |
| 471 | + right: 5px; | |
| 472 | + margin-bottom: -5px | |
| 473 | +} | |
| 474 | + | |
| 475 | +.tooltip.top-right .tooltip-arrow { | |
| 476 | + left: 5px; | |
| 477 | + margin-bottom: -5px | |
| 478 | +} | |
| 479 | + | |
| 480 | +.tooltip.right .tooltip-arrow { | |
| 481 | + top: 50%; | |
| 482 | + left: 0; | |
| 483 | + margin-top: -5px; | |
| 484 | + border-width: 5px 5px 5px 0; | |
| 485 | + border-right-color: #000 | |
| 486 | +} | |
| 487 | + | |
| 488 | +.tooltip.left .tooltip-arrow { | |
| 489 | + top: 50%; | |
| 490 | + right: 0; | |
| 491 | + margin-top: -5px; | |
| 492 | + border-width: 5px 0 5px 5px; | |
| 493 | + border-left-color: #000 | |
| 494 | +} | |
| 495 | + | |
| 496 | +.tooltip.bottom .tooltip-arrow, | |
| 497 | +.tooltip.bottom-left .tooltip-arrow, | |
| 498 | +.tooltip.bottom-right .tooltip-arrow { | |
| 499 | + top: 0; | |
| 500 | + border-width: 0 5px 5px; | |
| 501 | + border-bottom-color: #000 | |
| 502 | +} | |
| 503 | + | |
| 504 | +.tooltip.bottom .tooltip-arrow { | |
| 505 | + left: 50%; | |
| 506 | + margin-left: -5px | |
| 507 | +} | |
| 508 | + | |
| 509 | +.tooltip.bottom-left .tooltip-arrow { | |
| 510 | + right: 5px; | |
| 511 | + margin-top: -5px | |
| 512 | +} | |
| 513 | + | |
| 514 | +.tooltip.bottom-right .tooltip-arrow { | |
| 515 | + left: 5px; | |
| 516 | + margin-top: -5px | |
| 517 | +} | |
| 518 | + | |
| 519 | +.tooltip-inner { | |
| 520 | + font-size: 12px | |
| 521 | +} | |
| 522 | + | |
| 523 | +.table-firewall-log { | |
| 524 | + border-color: #2c405a | |
| 525 | +} | |
| 526 | + | |
| 527 | +.patchstack-content-inner-tabl table.dataTable tbody tr { | |
| 528 | + background-color: #17273c!important | |
| 529 | +} | |
| 530 | + | |
| 531 | +.patchstack-content-inner-tabl thead>tr>th { | |
| 532 | + padding: 0; | |
| 533 | + margin: 0 | |
| 534 | +} | |
| 535 | + | |
| 536 | +.radio input[type=radio]:checked+label:before { | |
| 537 | + color: #a50f01!important | |
| 538 | +} | |
| 539 | + | |
| 540 | +.tooltip-inner { | |
| 541 | + color: #fff; | |
| 542 | + line-height: normal; | |
| 543 | + font-weight: 300 | |
| 544 | +} | |
| 545 | + | |
| 546 | +.tooltip { | |
| 547 | + opacity: 1!important | |
| 548 | +} | |
| 549 | + | |
| 550 | +.tooltip-inner { | |
| 551 | + max-width: 200px; | |
| 552 | + background-color: #000; | |
| 553 | + font-family: 'Faktum', sans-serif; | |
| 554 | + padding: 6px | |
| 555 | +} | |
| 556 | + | |
| 557 | +.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, | |
| 558 | +.tooltip.bs-tooltip-top .arrow::before { | |
| 559 | + border-top-color: #2c405a | |
| 560 | +} | |
| 561 | + | |
| 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 | +.patchstack-content-inner-table .table-overflow .btn { | |
| 572 | + margin-bottom: 0 | |
| 573 | +} | |
| 574 | + | |
| 575 | +.patchstack-content-inner-table table.dataTable thead { | |
| 576 | + background-color: #272930 | |
| 577 | +} | |
| 578 | + | |
| 579 | +.patchstack-content-inner-table .table-hover>tbody>tr:hover, | |
| 580 | +.patchstack-content-inner-table table.dataTable tbody tr { | |
| 581 | + background-color: transparent | |
| 582 | +} | |
| 583 | + | |
| 584 | +.patchstack-content-inner-table table.dataTable thead td, | |
| 585 | +.patchstack-content-inner-table table.dataTable thead th { | |
| 586 | + border-bottom: 0!important | |
| 587 | +} | |
| 588 | + | |
| 589 | +.patchstack-content-inner-table .table-lg>tbody>tr:hover>td:first-child { | |
| 590 | + border-left: 2px solid rgba(170, 189, 215, 0.1) | |
| 591 | +} | |
| 592 | + | |
| 593 | +.patchstack-content-inner-table .table>thead>tr>th { | |
| 594 | + border-bottom: none; | |
| 595 | + font-family: 'Faktum'; | |
| 596 | + font-size: 11px; | |
| 597 | + font-weight: 500!important; | |
| 598 | + letter-spacing: 1.7px; | |
| 599 | + text-align: left; | |
| 600 | + color: #fff; | |
| 601 | + text-transform: uppercase; | |
| 602 | + padding: 14px 7px!important; | |
| 603 | + border-top: none | |
| 604 | +} | |
| 605 | + | |
| 606 | +.patchstack-content-inner-table .table>tbody>tr>td { | |
| 607 | + font-family: 'Faktum'; | |
| 608 | + font-size: 13px; | |
| 609 | + font-weight: 300; | |
| 610 | + line-height: 1.46; | |
| 611 | + text-align: left; | |
| 612 | + color: #fff | |
| 613 | +} | |
| 614 | + | |
| 615 | +.patchstack-content-inner-table .table>tbody>tr>td:first-child, | |
| 616 | +.patchstack-content-inner-table .table>tfoot>tr>th:first-child, | |
| 617 | +.patchstack-content-inner-table .table>thead>tr>th:first-child { | |
| 618 | + padding-left: 20px!important | |
| 619 | +} | |
| 620 | + | |
| 621 | +.patchstack-content-inner-table .table>thead>tr>th:first-child { | |
| 622 | + border-top-left-radius: 0 | |
| 623 | +} | |
| 624 | + | |
| 625 | +.patchstack-content-inner-table .table>thead>tr>th:last-child { | |
| 626 | + border-top-right-radius: 0 | |
| 627 | +} | |
| 628 | + | |
| 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 | +.patchstack-content-inner-table .table-striped>tbody>tr:nth-of-type(odd) { | |
| 646 | + background-color: #17273c | |
| 647 | +} | |
| 648 | + | |
| 649 | +.patchstack-content-inner-table .table-bordered { | |
| 650 | + border: 1px solid #334b69 | |
| 651 | +} | |
| 652 | + | |
| 653 | +.g-recaptcha { | |
| 654 | + margin-top: -1px!important | |
| 655 | +} | |
| 656 | + | |
| 657 | +.table-firewall-log>tbody>tr>td, | |
| 658 | +.table-user-log>tbody>tr>td { | |
| 659 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 660 | +} | |
| 661 | + | |
| 662 | +.patchstack-content-inner-table table.dataTable { | |
| 663 | + margin: 0 auto!important | |
| 664 | +} | |
| 665 | + | |
| 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, | |
| 193 | 674 | .patchstack-font>h2, |
| 194 | 675 | .patchstack-font>h4 { |
| 195 | 676 | color: #fff; |
| 196 | - padding-left: 10px; | |
| 197 | - font-family: 'Faktum'; | |
| 198 | - font-weight: 300!important; | |
| 677 | + padding-left: 10px | |
| 199 | 678 | } |
| 200 | 679 | |
| 201 | 680 | .patchstack-font>h2 { |
| 202 | 681 | padding-left: 0; |
| @@ -205,11 +684,39 @@ | ||
| 205 | 684 | .patchstack-content-inner>h2 { |
| 206 | 685 | padding-left: 10px |
| 207 | 686 | } |
| 208 | 687 | |
| 688 | +.table-firewall-log>thead>tr>th, | |
| 689 | +.patchstack-font>h2, | |
| 690 | +.patchstack-font>h4 { | |
| 691 | + font-family: 'Faktum'; | |
| 692 | + font-weight: 300!important | |
| 693 | +} | |
| 694 | + | |
| 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 | + | |
| 209 | 714 | .patchstack-content-table>.patchstack-content-inner { |
| 210 | - background-color: #1C1E22; | |
| 715 | + background-color: #1f2128; | |
| 211 | 716 | color: #fff; |
| 717 | + float: right; | |
| 718 | + width: 80%; | |
| 212 | 719 | } |
| 213 | 720 | |
| 214 | 721 | .patchstack-form-wrap>table>tbody>tr>td>label>i, |
| 215 | 722 | .patchstack-form-wrap>table>tbody>tr>th { |
| @@ -228,10 +735,44 @@ | ||
| 228 | 735 | .patchstack-form-table>tbody>tr>th>label { |
| 229 | 736 | color: #d0d0d0 |
| 230 | 737 | } |
| 231 | 738 | |
| 739 | +.label { | |
| 740 | + font-size: 11.84px; | |
| 741 | + font-weight: 700; | |
| 742 | + line-height: 14px; | |
| 743 | + color: #fff; | |
| 744 | + text-shadow: 0 -1px 0 rgba(0,0,0,.25); | |
| 745 | + white-space: nowrap; | |
| 746 | + vertical-align: baseline; | |
| 747 | + background-color: #999 | |
| 748 | +} | |
| 749 | + | |
| 750 | +.label { | |
| 751 | + padding: 1px 4px 2px; | |
| 752 | + border-radius: 3px | |
| 753 | +} | |
| 754 | + | |
| 755 | +a.label:hover { | |
| 756 | + color: #fff; | |
| 757 | + text-decoration: none; | |
| 758 | + cursor: pointer | |
| 759 | +} | |
| 760 | + | |
| 761 | +.label-success { | |
| 762 | + background-color: #468847 | |
| 763 | +} | |
| 764 | + | |
| 765 | +.label-success[href] { | |
| 766 | + background-color: #356635 | |
| 767 | +} | |
| 768 | + | |
| 769 | +.patchstack-license-h2 { | |
| 770 | + padding: 0!important | |
| 771 | +} | |
| 772 | + | |
| 232 | 773 | #wpwrap { |
| 233 | - background-color: #1C1E22 | |
| 774 | + background-color: #1f2128 | |
| 234 | 775 | } |
| 235 | 776 | |
| 236 | 777 | .patchstack-content-table { |
| 237 | 778 | padding-top: 80px |
| @@ -236,14 +777,75 @@ | ||
| 236 | 777 | .patchstack-content-table { |
| 237 | 778 | padding-top: 80px |
| 238 | 779 | } |
| 239 | 780 | |
| 781 | +.patchstack-active-tab-logs { | |
| 782 | + padding: 0 | |
| 783 | +} | |
| 784 | + | |
| 785 | +.patchstack-active-tab-logs h2.patchstack-logs-nav { | |
| 786 | + display: inline-block; | |
| 787 | + margin: -1px 0 0 0; | |
| 788 | + position: relative; | |
| 789 | + width: 100%; | |
| 790 | + padding: 0 | |
| 791 | +} | |
| 792 | + | |
| 793 | +.patchstack-active-tab-logs h2.patchstack-logs-nav::after { | |
| 794 | + content: ""; | |
| 795 | + display: block; | |
| 796 | + position: absolute; | |
| 797 | + width: 100%; | |
| 798 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1); | |
| 799 | + bottom: 0 | |
| 800 | +} | |
| 801 | + | |
| 802 | +.patchstack-active-tab-logs .patchstack-nav-tab { | |
| 803 | + float: left; | |
| 804 | + width: 150px; | |
| 805 | + margin-left: 0; | |
| 806 | + font-family: 'Faktum'; | |
| 807 | + font-size: 15px; | |
| 808 | + font-weight: 300; | |
| 809 | + text-align: left; | |
| 810 | + width: initial; | |
| 811 | + padding: 15px 20px; | |
| 812 | + position: relative; | |
| 813 | + color: #fff; | |
| 814 | + opacity: .5 | |
| 815 | +} | |
| 816 | + | |
| 817 | +.patchstack-active-tab-logs .patchstack-nav-tab:first-child { | |
| 818 | + border-top-left-radius: 4px | |
| 819 | +} | |
| 820 | + | |
| 821 | +.patchstack-active-tab-logs .patchstack-nav-tab, | |
| 822 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active, | |
| 823 | +.patchstack-active-tab-logs .patchstack-nav-tab:focus, | |
| 824 | +.patchstack-nav-tab:hover { | |
| 825 | + background-color: transparent | |
| 826 | +} | |
| 827 | + | |
| 828 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active { | |
| 829 | + opacity: 1 | |
| 830 | +} | |
| 831 | + | |
| 832 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active::after { | |
| 833 | + content: ""; | |
| 834 | + display: block; | |
| 835 | + width: 100%; | |
| 836 | + position: absolute; | |
| 837 | + bottom: -8px; | |
| 838 | + left: 0; | |
| 839 | + border-bottom: 5px solid rgba(170, 189, 215, 0.1) | |
| 840 | +} | |
| 841 | + | |
| 240 | 842 | .patchstack-top { |
| 241 | 843 | display: block; |
| 242 | 844 | width: 100%; |
| 243 | 845 | position: absolute; |
| 244 | 846 | z-index: 800; |
| 245 | - background: #1C1E22; | |
| 847 | + background: #1f2128; | |
| 246 | 848 | border: none; |
| 247 | 849 | margin-left: -20px; |
| 248 | 850 | padding-right: 20px |
| 249 | 851 | } |
| @@ -252,47 +854,142 @@ | ||
| 252 | 854 | float: left; |
| 253 | 855 | margin: 40px 0px 0 45px; |
| 254 | 856 | } |
| 255 | 857 | |
| 858 | +.patchstack-bi { | |
| 859 | + border: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 860 | +} | |
| 861 | + | |
| 862 | +.patchstack-bi thead { | |
| 863 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 864 | +} | |
| 865 | + | |
| 866 | +.patchstack-bi tbody>tr>td { | |
| 867 | + padding-left: 0 | |
| 868 | +} | |
| 869 | + | |
| 256 | 870 | .patchstack-plan { |
| 257 | - background:rgba(185, 192, 202, 0.05); | |
| 258 | - border-radius: 8px; | |
| 871 | + background:#272930; | |
| 872 | + border-radius: 4px; | |
| 259 | 873 | padding: 32px; |
| 260 | 874 | color: #acacac; |
| 261 | 875 | font-size: 15px; |
| 262 | - max-width: 496px; | |
| 876 | + width: 256px; | |
| 877 | + height: 374px; | |
| 878 | + float: left; | |
| 263 | 879 | position: relative; |
| 264 | - margin-top: 32px; | |
| 880 | + margin-top: 70px; | |
| 265 | 881 | } |
| 266 | 882 | |
| 267 | -.patchstack-plan a { | |
| 268 | - color: #AFE614; | |
| 269 | - text-decoration: none; | |
| 883 | +.patchstack-plan1 { | |
| 884 | + margin-right: 80px; | |
| 270 | 885 | } |
| 271 | 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 | +.patchstack-is-size-4 { | |
| 906 | + margin-top: 5px; | |
| 907 | + display: inline-block; | |
| 908 | + font-size: 36px; | |
| 909 | +} | |
| 910 | + | |
| 272 | 911 | .patchstack-has-text-white, |
| 273 | 912 | .patchstack-has-text-white:hover { |
| 274 | - color: #fff !important; | |
| 913 | + color: #fff; | |
| 275 | 914 | text-decoration: none; |
| 276 | 915 | } |
| 277 | 916 | |
| 278 | -.patchstack-has-text-danger, | |
| 279 | -.patchstack-has-text-danger:hover { | |
| 280 | - color: #ED645E !important; | |
| 281 | - text-decoration: none; | |
| 917 | +.patchstack-has-text-white:hover { | |
| 918 | + opacity: 0.7; | |
| 282 | 919 | } |
| 283 | 920 | |
| 921 | +.patchstack-has-text-white span { | |
| 922 | + color: #B2D675; | |
| 923 | + font-size: 15px; | |
| 924 | + text-transform: uppercase; | |
| 925 | +} | |
| 926 | + | |
| 927 | +.patchstack-sub { | |
| 928 | + width: 69%; | |
| 929 | + float: left; | |
| 930 | + margin: 30px 0 0 0; | |
| 931 | +} | |
| 932 | + | |
| 933 | +.patchstack-sub span:first-child { | |
| 934 | + color: #fff; | |
| 935 | + font-size: 11px; | |
| 936 | + width: 100%; | |
| 937 | + display: inline-block; | |
| 938 | + margin-bottom: 5px; | |
| 939 | +} | |
| 940 | + | |
| 941 | +.patchstack-sub span:last-child { | |
| 942 | + font-size: 15px; | |
| 943 | +} | |
| 944 | + | |
| 284 | 945 | .patchstack-plan p { |
| 285 | 946 | color: #acacac; |
| 286 | - font-size: 15px; | |
| 947 | + font-size: 13px; | |
| 287 | 948 | line-height: 20px; |
| 288 | - margin: 0; | |
| 289 | 949 | } |
| 290 | 950 | |
| 951 | +.patchstack-plan1 p { | |
| 952 | + margin: 20px 0; | |
| 953 | +} | |
| 954 | + | |
| 291 | 955 | .patchstack-plan li { |
| 292 | 956 | margin-bottom: 8px; |
| 293 | 957 | } |
| 294 | 958 | |
| 959 | +.patchstack-check { | |
| 960 | + background: url(../images/check-green.svg) no-repeat #323735; | |
| 961 | + background-position: 6px 8px; | |
| 962 | + border-radius: 50%; | |
| 963 | + height: 24px; | |
| 964 | + width: 24px; | |
| 965 | + display: inline-block; | |
| 966 | + position: relative; | |
| 967 | + top: 5px; | |
| 968 | + margin-right: 10px; | |
| 969 | +} | |
| 970 | + | |
| 971 | +.patchstack-check.patchstack-check-grey { | |
| 972 | + background: url(../images/check.svg) no-repeat #32333a; | |
| 973 | + background-position: 3px 5px; | |
| 974 | +} | |
| 975 | + | |
| 976 | +.patchstack-strike { | |
| 977 | + color: #585a5e; | |
| 978 | +} | |
| 979 | + | |
| 980 | +.patchstack-minus { | |
| 981 | + background: url(../images/minus.svg) no-repeat #32333a; | |
| 982 | + background-position: 4px 4px; | |
| 983 | + border-radius: 50%; | |
| 984 | + height: 24px; | |
| 985 | + width: 24px; | |
| 986 | + display: inline-block; | |
| 987 | + position: relative; | |
| 988 | + top: 5px; | |
| 989 | + margin-right: 10px; | |
| 990 | +} | |
| 991 | + | |
| 295 | 992 | .patchstack-free .patchstack-top { |
| 296 | 993 | position: initial; |
| 297 | 994 | margin-left: 0; |
| 298 | 995 | padding-right: 0; |
| @@ -301,10 +998,10 @@ | ||
| 301 | 998 | .patchstack-free .patchstack-top-logo { |
| 302 | 999 | width: 184px; |
| 303 | 1000 | margin: 0 auto; |
| 304 | 1001 | float: initial; |
| 305 | - margin-top: 32px; | |
| 306 | - margin-bottom: 32px; | |
| 1002 | + margin-top: 30px; | |
| 1003 | + margin-bottom: 30px; | |
| 307 | 1004 | } |
| 308 | 1005 | |
| 309 | 1006 | .patchstack-free .patchstack-content-table { |
| 310 | 1007 | padding-top: 0; |
| @@ -310,9 +1007,11 @@ | ||
| 310 | 1007 | padding-top: 0; |
| 311 | 1008 | } |
| 312 | 1009 | |
| 313 | 1010 | .patchstack-free .patchstack-content-table>.patchstack-content-inner { |
| 1011 | + max-width: 45rem; | |
| 314 | 1012 | margin: 0 auto; |
| 1013 | + float: initial; | |
| 315 | 1014 | } |
| 316 | 1015 | |
| 317 | 1016 | .patchstack-free .patchstack-content-table>.patchstack-content-inner > .patchstack-font{ |
| 318 | 1017 | background: #272930; |
| @@ -320,48 +1019,35 @@ | ||
| 320 | 1019 | border-radius: 4px; |
| 321 | 1020 | } |
| 322 | 1021 | |
| 323 | 1022 | .patchstack-free h1 { |
| 324 | - color: #acacac; | |
| 1023 | + color: #fff; | |
| 325 | 1024 | font-family: 'Faktum'; |
| 326 | - font-weight: 400!important; | |
| 327 | - font-size: 15px; | |
| 1025 | + font-weight: 300!important; | |
| 1026 | + font-size: 25px; | |
| 328 | 1027 | text-align: center; |
| 329 | 1028 | } |
| 330 | 1029 | |
| 331 | -.patchstack-free h1 a { | |
| 332 | - color: #AFE614; | |
| 333 | - text-decoration: none; | |
| 334 | -} | |
| 335 | - | |
| 336 | 1030 | .patchstack-free .form-table input[type=text] { |
| 337 | 1031 | background: transparent; |
| 338 | 1032 | width: 100%; |
| 339 | 1033 | border: 2px solid rgba(170, 189, 215, 0.1) !important; |
| 340 | - padding: 17px 15px; | |
| 341 | - border-radius: 4px; | |
| 342 | - margin: 32px 0; | |
| 1034 | + padding: 11px 15px; | |
| 343 | 1035 | } |
| 344 | 1036 | |
| 345 | 1037 | .patchstack-free .form-table label { |
| 346 | 1038 | color: #fff; |
| 347 | - font-size: 15px; | |
| 348 | - margin: 0; | |
| 1039 | + font-size: 11px; | |
| 1040 | + margin: 15px 0 5px 0; | |
| 349 | 1041 | display: inline-block; |
| 350 | - width: 100%; | |
| 351 | 1042 | } |
| 352 | 1043 | |
| 353 | -.patchstack-free .form-table label span { | |
| 354 | - float: right; | |
| 355 | - color: #AFE614; | |
| 356 | -} | |
| 357 | - | |
| 358 | 1044 | .patchstack-free .button-primary { |
| 359 | - color: #1C1E22; | |
| 1045 | + color: #B2D675; | |
| 360 | 1046 | font-weight: 500; |
| 361 | 1047 | font-size: 13px; |
| 362 | 1048 | line-height: 20px; |
| 363 | - background: #AFE614; | |
| 1049 | + background: rgba(178, 214, 117, 0.18); | |
| 364 | 1050 | border-radius: 4px; |
| 365 | 1051 | border: none; |
| 366 | 1052 | padding: 12px 30px; |
| 367 | 1053 | margin-top: 34px; |
| @@ -368,13 +1054,11 @@ | ||
| 368 | 1054 | width: 100%; |
| 369 | 1055 | text-align: center; |
| 370 | 1056 | } |
| 371 | 1057 | |
| 372 | -.patchstack-free .button-primary:hover, | |
| 373 | -.patchstack-free .button-primary:focus { | |
| 374 | - background-color: #6ebe00 !important; | |
| 375 | - color: #111216 !important; | |
| 376 | - box-shadow: none; | |
| 1058 | +.patchstack-free .button-primary:hover { | |
| 1059 | + color: #000; | |
| 1060 | + background: #b2d675; | |
| 377 | 1061 | } |
| 378 | 1062 | |
| 379 | 1063 | .patchstack-free .form-table th, |
| 380 | 1064 | .form-table th label { |
| @@ -388,10 +1072,22 @@ | ||
| 388 | 1072 | .patchstack-free .patchstack-form-table td { |
| 389 | 1073 | padding: 3px 0px; |
| 390 | 1074 | } |
| 391 | 1075 | |
| 1076 | +.patchstack-free .patchstack-license-h2 { | |
| 1077 | + border-bottom: 1px solid rgba(170,189,215,.1); | |
| 1078 | + margin-left: -20px; | |
| 1079 | + width: 106%; | |
| 1080 | + text-indent: 20px; | |
| 1081 | + padding-bottom: 15px !important; | |
| 1082 | + margin-bottom: 20px; | |
| 1083 | +} | |
| 1084 | + | |
| 392 | 1085 | .patchstack-premium { |
| 393 | - max-width: 560px; | |
| 1086 | + max-width: 19rem !important; | |
| 1087 | + margin: 0 auto; | |
| 1088 | + float: initial !important; | |
| 1089 | + width: initial !important; | |
| 394 | 1090 | } |
| 395 | 1091 | |
| 396 | 1092 | .patchstack-premium .patchstack-plan2::before { |
| 397 | 1093 | display: none; |
| @@ -396,82 +1092,15 @@ | ||
| 396 | 1092 | .patchstack-premium .patchstack-plan2::before { |
| 397 | 1093 | display: none; |
| 398 | 1094 | } |
| 399 | 1095 | |
| 400 | -.patchstack-fullwidth { | |
| 401 | - width: 100% !important; | |
| 402 | -} | |
| 403 | - | |
| 404 | 1096 | #patchstack-activate { |
| 405 | - margin-top: 0; | |
| 406 | -} | |
| 407 | - | |
| 408 | -@-moz-keyframes spin { | |
| 409 | - 100% { | |
| 410 | - -moz-transform: rotate(360deg); | |
| 411 | - } | |
| 412 | - } | |
| 413 | - | |
| 414 | - @-webkit-keyframes spin { | |
| 415 | - 100% { | |
| 416 | - -webkit-transform: rotate(360deg); | |
| 417 | - } | |
| 418 | - } | |
| 419 | - | |
| 420 | - @keyframes spin { | |
| 421 | - 100% { | |
| 422 | - -webkit-transform: rotate(360deg); | |
| 423 | - transform: rotate(360deg); | |
| 424 | - } | |
| 425 | -} | |
| 426 | - | |
| 427 | -.is-polling-section { | |
| 428 | - margin-bottom: 16px; | |
| 429 | - text-align: center; | |
| 430 | -} | |
| 431 | - | |
| 432 | -.is-polling-section p { | |
| 433 | - color: #afb9c6; | |
| 434 | - font-size: 15px; | |
| 435 | -} | |
| 436 | - | |
| 437 | -.is-polling-section img.rotate { | |
| 438 | - -webkit-animation: spin 2s linear infinite; | |
| 439 | - -moz-animation: spin 2s linear infinite; | |
| 440 | - animation: spin 2s linear infinite; | |
| 441 | -} | |
| 442 | - | |
| 443 | -.patchstack-activate-wrapper { | |
| 444 | - position: relative; | |
| 445 | -} | |
| 446 | - | |
| 447 | -.patchstack-activate-wrapper input[type=submit].button-primary { | |
| 448 | - position: absolute; | |
| 449 | - right: 12px; | |
| 450 | - top: 41px; | |
| 451 | - padding: 4px 8px !important; | |
| 452 | - width: auto; | |
| 453 | -} | |
| 454 | - | |
| 455 | -.patchstack-activate-wrapper input[type=text] { | |
| 456 | - margin: 8px 0 0 0 !important; | |
| 457 | -} | |
| 458 | - | |
| 459 | -.patchstack-license-button #patchstack-activate { | |
| 460 | - width: 49%; | |
| 461 | - float: left; | |
| 462 | -} | |
| 463 | - | |
| 464 | -.patchstack-license-button .patchstack-activate { | |
| 465 | - width: 49%; | |
| 466 | - float: left; | |
| 467 | 1097 | margin-top: 42px; |
| 468 | - margin-left: 2%; | |
| 469 | 1098 | } |
| 470 | 1099 | |
| 471 | 1100 | .patchstack-activate.button-primary.focus, |
| 472 | 1101 | .patchstack-activate.button-primary:focus { |
| 473 | - background: #AFE614; | |
| 1102 | + background: #b2d675; | |
| 474 | 1103 | border: none; |
| 475 | 1104 | outline: none; |
| 476 | 1105 | opacity: .5; |
| 477 | 1106 | } |
| @@ -480,25 +1109,13 @@ | ||
| 480 | 1109 | text-align: center; |
| 481 | 1110 | font-size: 15px; |
| 482 | 1111 | line-height: 24px; |
| 483 | 1112 | color: #ACACAC; |
| 484 | - margin-top: 32px; | |
| 1113 | + margin-top: 64px; | |
| 485 | 1114 | } |
| 486 | 1115 | |
| 487 | -p.patchstack-upsell.patchstack-footer { | |
| 488 | - display: flex; | |
| 489 | - gap: 32px; | |
| 490 | - justify-content: center; | |
| 491 | -} | |
| 492 | - | |
| 493 | -.patchstack-footer span { | |
| 494 | - background: rgba(185, 192, 202, 0.10); | |
| 495 | - height: 24px; | |
| 496 | - width: 1px; | |
| 497 | -} | |
| 498 | - | |
| 499 | 1116 | p.patchstack-upsell a { |
| 500 | - color: #AFE614; | |
| 1117 | + color: #B2D675; | |
| 501 | 1118 | text-decoration: none; |
| 502 | 1119 | } |
| 503 | 1120 | |
| 504 | 1121 | p.patchstack-upsell img { |
| @@ -505,171 +1122,8 @@ | ||
| 505 | 1122 | position: relative; |
| 506 | 1123 | top: 7px; |
| 507 | 1124 | } |
| 508 | 1125 | |
| 509 | -.patchstack-loading { | |
| 510 | - display: none; | |
| 511 | - width: 32px; | |
| 512 | - height: 32px; | |
| 513 | - margin: 16px auto 0 auto; | |
| 514 | -} | |
| 515 | - | |
| 516 | -.patchstack-loading div { | |
| 517 | - box-sizing: border-box; | |
| 518 | - display: block; | |
| 519 | - position: absolute; | |
| 520 | - width: 32px; | |
| 521 | - height: 32px; | |
| 522 | - margin: 8px; | |
| 523 | - border: 4px solid #fff; | |
| 524 | - border-radius: 50%; | |
| 525 | - animation: patchstack-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; | |
| 526 | - border-color: #fff transparent transparent transparent; | |
| 527 | -} | |
| 528 | - | |
| 529 | -.patchstack-loading div:nth-child(1) { | |
| 530 | - animation-delay: -0.45s; | |
| 531 | -} | |
| 532 | - | |
| 533 | -.patchstack-loading div:nth-child(2) { | |
| 534 | - animation-delay: -0.3s; | |
| 535 | -} | |
| 536 | - | |
| 537 | -.patchstack-loading div:nth-child(3) { | |
| 538 | - animation-delay: -0.15s; | |
| 539 | -} | |
| 540 | - | |
| 541 | -@keyframes patchstack-loading { | |
| 542 | - 0% { | |
| 543 | - transform: rotate(0deg); | |
| 544 | - } | |
| 545 | - 100% { | |
| 546 | - transform: rotate(360deg); | |
| 547 | - } | |
| 548 | -} | |
| 549 | - | |
| 550 | -p.patchstack-resync { | |
| 551 | - color: #AFE614; | |
| 552 | - margin-top: 32px; | |
| 553 | - text-align: center; | |
| 554 | -} | |
| 555 | - | |
| 556 | -p.patchstack-error { | |
| 557 | - color: #ED645E; | |
| 558 | - font-size: 11.20px; | |
| 559 | - font-family: Faktum; | |
| 560 | - font-weight: 400; | |
| 561 | - line-height: 16px; | |
| 562 | - letter-spacing: 0.22px; | |
| 563 | - word-wrap: break-word; | |
| 564 | - margin-bottom: 32px; | |
| 565 | -} | |
| 566 | - | |
| 567 | -.patchstack-rows > div { | |
| 568 | - width: 100%; | |
| 569 | - display: flex; | |
| 570 | - justify-content: space-between; | |
| 571 | - border-bottom: 1px solid rgba(136, 138, 142, 0.10); | |
| 572 | - padding: 16px 0; | |
| 573 | -} | |
| 574 | - | |
| 575 | -.patchstack-rows > div:first-child { | |
| 576 | - padding-top: 0; | |
| 577 | -} | |
| 578 | - | |
| 579 | -.patchstack-rows > div:last-child { | |
| 580 | - border-bottom: 0; | |
| 581 | -} | |
| 582 | - | |
| 583 | -.patchstack-rows > div span { | |
| 584 | - font-size: 16px; | |
| 585 | -} | |
| 586 | - | |
| 587 | -.patchstack-rows > div span:first-child { | |
| 588 | - color: #AFB9C6; | |
| 589 | -} | |
| 590 | - | |
| 591 | -.patchstack-rows > div span:last-child { | |
| 592 | - color: #fff; | |
| 593 | -} | |
| 594 | - | |
| 595 | -.patchstack-login-button { | |
| 596 | - margin-top: 16px; | |
| 597 | -} | |
| 598 | - | |
| 599 | -.ps-label { | |
| 600 | - display: flex; | |
| 601 | - padding: 3px 9px; | |
| 602 | - font-size: 11px !important; | |
| 603 | -} | |
| 604 | - | |
| 605 | -.ps-label.has-success { | |
| 606 | - color: #AFE614 !important; | |
| 607 | - background: rgba(110, 190, 0, 0.15); | |
| 608 | -} | |
| 609 | - | |
| 610 | -.ps-label.has-error { | |
| 611 | - color: #ED645E !important; | |
| 612 | - background: rgba(237, 100, 94, 0.15); | |
| 613 | -} | |
| 614 | - | |
| 615 | -[class*=hint--]::after { | |
| 616 | - background: #333 !important; | |
| 617 | - border-radius: 4px; | |
| 618 | - font-size: 14px !important; | |
| 619 | -} | |
| 620 | - | |
| 621 | -.has-text-centered { | |
| 622 | - text-align: center; | |
| 623 | -} | |
| 624 | - | |
| 625 | -.patchstack-top-16 { | |
| 626 | - margin-top: 16px; | |
| 627 | -} | |
| 628 | - | |
| 629 | -/* Connection status row with Retry + last sync */ | |
| 630 | -.patchstack-rows > div.patchstack-connection-row { | |
| 631 | - align-items: center; | |
| 632 | -} | |
| 633 | -.patchstack-retry-link { | |
| 634 | - color: #afe614; | |
| 635 | - text-decoration: none; | |
| 636 | - margin-left: 8px; | |
| 637 | - font-size: 14px; | |
| 638 | -} | |
| 639 | -.patchstack-retry-link:hover { | |
| 640 | - text-decoration: underline; | |
| 641 | -} | |
| 642 | -.patchstack-retry-link.is-loading { | |
| 643 | - opacity: 0.5; | |
| 644 | - cursor: wait; | |
| 645 | - pointer-events: none; | |
| 646 | -} | |
| 647 | -.patchstack-connection-status { | |
| 648 | - display: inline-flex; | |
| 649 | - align-items: center; | |
| 650 | - gap: 8px; | |
| 651 | -} | |
| 652 | -.patchstack-rows > div .patchstack-connection-status.is-connected, | |
| 653 | -.patchstack-rows > div .patchstack-connection-status.is-connected .patchstack-last-sync { | |
| 654 | - color: #afe614; | |
| 655 | -} | |
| 656 | -.patchstack-rows > div .patchstack-connection-status.is-connected .patchstack-status-dot { | |
| 657 | - background-color: #afe614; | |
| 658 | -} | |
| 659 | -.patchstack-rows > div .patchstack-connection-status.is-disconnected, | |
| 660 | -.patchstack-rows > div .patchstack-connection-status.is-disconnected .patchstack-last-sync { | |
| 661 | - color: #ed645e; | |
| 662 | -} | |
| 663 | -.patchstack-rows > div .patchstack-connection-status.is-disconnected .patchstack-status-dot { | |
| 664 | - background-color: #ed645e; | |
| 665 | -} | |
| 666 | -.patchstack-connection-status .patchstack-last-sync { | |
| 667 | - font-size: 16px; | |
| 668 | -} | |
| 669 | -.patchstack-status-dot { | |
| 670 | - width: 10px; | |
| 671 | - height: 10px; | |
| 672 | - border-radius: 50%; | |
| 673 | - background-color: currentColor; | |
| 674 | - display: inline-block; | |
| 1126 | +.patchstack-premium p.patchstack-upsell { | |
| 1127 | + width: 500px; | |
| 1128 | + margin-left: -90px; | |
| 675 | 1129 | } |
