| @@ -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,16 +225,15 @@ | ||
| 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: 18px 30px !important; | |
| 232 | + color: #B2D675!important; | |
| 72 | 233 | border: none; |
| 73 | - border-radius: 2px !important; | |
| 74 | - background-color: #AFE614; | |
| 234 | + border-radius: 4px !important; | |
| 235 | + background-color: rgba(178, 214, 117, 0.18); | |
| 75 | 236 | font-size: 15px !important; |
| 76 | 237 | font-weight: 400 !important; |
| 77 | 238 | line-height: 20px; |
| 78 | 239 | -webkit-box-shadow: none; |
| @@ -84,18 +245,14 @@ | ||
| 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; | |
| 90 | -} | |
| 91 | - | |
| 92 | 249 | .patchstack-content-inner input[type=submit]:focus, |
| 93 | 250 | .patchstack-content-inner input[type=submit]:hover, |
| 94 | 251 | .patchstack-form-wrap input[type=submit]:focus, |
| 95 | 252 | .patchstack-form-wrap input[type=submit]:hover { |
| 96 | - background-color: #AFE614; | |
| 97 | - color: #1C1E22 !important; | |
| 253 | + background-color: #b2d675; | |
| 254 | + color: #000 !important; | |
| 98 | 255 | } |
| 99 | 256 | |
| 100 | 257 | .form-table th, |
| 101 | 258 | .patchstack-content-wrap .form-table td { |
| @@ -103,8 +260,20 @@ | ||
| 103 | 260 | color: #444; |
| 104 | 261 | line-height: 1.3 |
| 105 | 262 | } |
| 106 | 263 | |
| 264 | +.patchstack-content-inner textarea, | |
| 265 | +.patchstack-form-wrap textarea { | |
| 266 | + padding: 8px 15px; | |
| 267 | + color: #444; | |
| 268 | + border: 1px solid #acacac; | |
| 269 | + border-radius: 3px; | |
| 270 | + font-size: 14px; | |
| 271 | + line-height: 1.3; | |
| 272 | + max-height: 150px; | |
| 273 | + width: 100% | |
| 274 | +} | |
| 275 | + | |
| 107 | 276 | .form-table { |
| 108 | 277 | margin-top: 15px |
| 109 | 278 | } |
| 110 | 279 | |
| @@ -139,9 +308,38 @@ | ||
| 139 | 308 | color: #d0d0d0; |
| 140 | 309 | text-transform: initial |
| 141 | 310 | } |
| 142 | 311 | |
| 143 | -.form-table input[type=text] { | |
| 312 | +.form-table input[type=checkbox] { | |
| 313 | + border: 1px solid #acacac; | |
| 314 | + background-color: #fff; | |
| 315 | + width: 16px; | |
| 316 | + height: 16px; | |
| 317 | + -webkit-box-shadow: none; | |
| 318 | + box-shadow: none; | |
| 319 | + margin: 0 9px 0 0 | |
| 320 | +} | |
| 321 | + | |
| 322 | +.form-table input[type=checkbox]:focus, | |
| 323 | +.form-table input[type=checkbox]:hover { | |
| 324 | + -webkit-box-shadow: none; | |
| 325 | + box-shadow: none | |
| 326 | +} | |
| 327 | + | |
| 328 | +.patchstack-content-wrap .form-table input[type=checkbox]:checked { | |
| 329 | + border: 3px solid #b2d675 | |
| 330 | +} | |
| 331 | + | |
| 332 | +.patchstack-content-wrap .form-table input[type=checkbox]:checked:before { | |
| 333 | + margin: -7px 0 0 -5px; | |
| 334 | + font-size: 23px; | |
| 335 | + width: 25px; | |
| 336 | + color: #b2d675; | |
| 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); | |
| 338 | +} | |
| 339 | + | |
| 340 | +.form-table input[type=text], | |
| 341 | +.form-table select { | |
| 144 | 342 | padding: 8px 15px; |
| 145 | 343 | color: #444; |
| 146 | 344 | border: 1px solid #acacac; |
| 147 | 345 | border-radius: 3px; |
| @@ -184,19 +382,296 @@ | ||
| 184 | 382 | .patchstack-form-table th { |
| 185 | 383 | vertical-align: middle |
| 186 | 384 | } |
| 187 | 385 | |
| 386 | +.dt-table>tbody>tr>td, | |
| 387 | +.dt-table>tbody>tr>th, | |
| 388 | +.dt-table>tfoot>tr>td, | |
| 389 | +.dt-table>tfoot>tr>th, | |
| 390 | +.dt-table>thead>tr>td, | |
| 391 | +.dt-table>thead>tr>th { | |
| 392 | + line-height: 1.8; | |
| 393 | + border-color: #e6ecf5 | |
| 394 | +} | |
| 395 | + | |
| 396 | +.dt-table>thead>tr>th { | |
| 397 | + color: #515365; | |
| 398 | + border-bottom: 1px solid #e6ecf5 | |
| 399 | +} | |
| 400 | + | |
| 401 | +.tooltip-inner, | |
| 402 | +.patchstack-message { | |
| 403 | + border-radius: 4px | |
| 404 | +} | |
| 405 | + | |
| 406 | +.q-hover.dash { | |
| 407 | + padding: 0 4px | |
| 408 | +} | |
| 409 | + | |
| 410 | +.tooltip { | |
| 411 | + position: absolute; | |
| 412 | + z-index: 1070; | |
| 413 | + display: block; | |
| 414 | + font-family: "Faktum",sans-serif; | |
| 415 | + font-size: 12px; | |
| 416 | + font-weight: 400; | |
| 417 | + line-height: 1.42857143; | |
| 418 | + text-align: left; | |
| 419 | + text-align: start; | |
| 420 | + text-decoration: none; | |
| 421 | + text-shadow: none; | |
| 422 | + text-transform: none; | |
| 423 | + word-break: normal; | |
| 424 | + word-spacing: normal; | |
| 425 | + word-wrap: normal; | |
| 426 | + white-space: normal; | |
| 427 | + line-break: auto | |
| 428 | +} | |
| 429 | + | |
| 430 | +.tooltip-inner, | |
| 188 | 431 | pre, |
| 189 | 432 | thead { |
| 190 | 433 | text-align: left |
| 191 | 434 | } |
| 192 | 435 | |
| 436 | +.tooltip.in { | |
| 437 | + opacity: .9 | |
| 438 | +} | |
| 439 | + | |
| 440 | +.tooltip.top { | |
| 441 | + padding: 5px 0; | |
| 442 | + margin-top: -3px | |
| 443 | +} | |
| 444 | + | |
| 445 | +.tooltip-arrow { | |
| 446 | + position: absolute; | |
| 447 | + width: 0; | |
| 448 | + height: 0; | |
| 449 | + border-color: transparent; | |
| 450 | + border-style: solid | |
| 451 | +} | |
| 452 | + | |
| 453 | +.tooltip.top .tooltip-arrow, | |
| 454 | +.tooltip.top-left .tooltip-arrow, | |
| 455 | +.tooltip.top-right .tooltip-arrow { | |
| 456 | + bottom: 0; | |
| 457 | + border-width: 5px 5px 0; | |
| 458 | + border-top-color: #000 | |
| 459 | +} | |
| 460 | + | |
| 461 | +.tooltip.top .tooltip-arrow { | |
| 462 | + left: 50%; | |
| 463 | + margin-left: -5px | |
| 464 | +} | |
| 465 | + | |
| 466 | +.tooltip.top-left .tooltip-arrow { | |
| 467 | + right: 5px; | |
| 468 | + margin-bottom: -5px | |
| 469 | +} | |
| 470 | + | |
| 471 | +.tooltip.top-right .tooltip-arrow { | |
| 472 | + left: 5px; | |
| 473 | + margin-bottom: -5px | |
| 474 | +} | |
| 475 | + | |
| 476 | +.tooltip.right .tooltip-arrow { | |
| 477 | + top: 50%; | |
| 478 | + left: 0; | |
| 479 | + margin-top: -5px; | |
| 480 | + border-width: 5px 5px 5px 0; | |
| 481 | + border-right-color: #000 | |
| 482 | +} | |
| 483 | + | |
| 484 | +.tooltip.left .tooltip-arrow { | |
| 485 | + top: 50%; | |
| 486 | + right: 0; | |
| 487 | + margin-top: -5px; | |
| 488 | + border-width: 5px 0 5px 5px; | |
| 489 | + border-left-color: #000 | |
| 490 | +} | |
| 491 | + | |
| 492 | +.tooltip.bottom .tooltip-arrow, | |
| 493 | +.tooltip.bottom-left .tooltip-arrow, | |
| 494 | +.tooltip.bottom-right .tooltip-arrow { | |
| 495 | + top: 0; | |
| 496 | + border-width: 0 5px 5px; | |
| 497 | + border-bottom-color: #000 | |
| 498 | +} | |
| 499 | + | |
| 500 | +.tooltip.bottom .tooltip-arrow { | |
| 501 | + left: 50%; | |
| 502 | + margin-left: -5px | |
| 503 | +} | |
| 504 | + | |
| 505 | +.tooltip.bottom-left .tooltip-arrow { | |
| 506 | + right: 5px; | |
| 507 | + margin-top: -5px | |
| 508 | +} | |
| 509 | + | |
| 510 | +.tooltip.bottom-right .tooltip-arrow { | |
| 511 | + left: 5px; | |
| 512 | + margin-top: -5px | |
| 513 | +} | |
| 514 | + | |
| 515 | +.tooltip-inner { | |
| 516 | + font-size: 12px | |
| 517 | +} | |
| 518 | + | |
| 519 | +.table-firewall-log { | |
| 520 | + border-color: #2c405a | |
| 521 | +} | |
| 522 | + | |
| 523 | +.patchstack-content-inner-tabl table.dataTable tbody tr { | |
| 524 | + background-color: #17273c!important | |
| 525 | +} | |
| 526 | + | |
| 527 | +.patchstack-content-inner-tabl thead>tr>th { | |
| 528 | + padding: 0; | |
| 529 | + margin: 0 | |
| 530 | +} | |
| 531 | + | |
| 532 | +.radio input[type=radio]:checked+label:before { | |
| 533 | + color: #a50f01!important | |
| 534 | +} | |
| 535 | + | |
| 536 | +.tooltip-inner { | |
| 537 | + color: #fff; | |
| 538 | + line-height: normal; | |
| 539 | + font-weight: 300 | |
| 540 | +} | |
| 541 | + | |
| 542 | +.tooltip { | |
| 543 | + opacity: 1!important | |
| 544 | +} | |
| 545 | + | |
| 546 | +.tooltip-inner { | |
| 547 | + max-width: 200px; | |
| 548 | + background-color: #000; | |
| 549 | + font-family: 'Faktum', sans-serif; | |
| 550 | + padding: 6px | |
| 551 | +} | |
| 552 | + | |
| 553 | +.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, | |
| 554 | +.tooltip.bs-tooltip-top .arrow::before { | |
| 555 | + border-top-color: #2c405a | |
| 556 | +} | |
| 557 | + | |
| 558 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_processing { | |
| 559 | + background: #272930!important; | |
| 560 | + color: #fff!important; | |
| 561 | + height: 35px; | |
| 562 | + font-size: 13px; | |
| 563 | + text-transform: uppercase; | |
| 564 | + z-index: 99999 | |
| 565 | +} | |
| 566 | + | |
| 567 | +.patchstack-content-inner-table .table-overflow .btn { | |
| 568 | + margin-bottom: 0 | |
| 569 | +} | |
| 570 | + | |
| 571 | +.patchstack-content-inner-table table.dataTable thead { | |
| 572 | + background-color: #272930 | |
| 573 | +} | |
| 574 | + | |
| 575 | +.patchstack-content-inner-table .table-hover>tbody>tr:hover, | |
| 576 | +.patchstack-content-inner-table table.dataTable tbody tr { | |
| 577 | + background-color: transparent | |
| 578 | +} | |
| 579 | + | |
| 580 | +.patchstack-content-inner-table table.dataTable thead td, | |
| 581 | +.patchstack-content-inner-table table.dataTable thead th { | |
| 582 | + border-bottom: 0!important | |
| 583 | +} | |
| 584 | + | |
| 585 | +.patchstack-content-inner-table .table-lg>tbody>tr:hover>td:first-child { | |
| 586 | + border-left: 2px solid rgba(170, 189, 215, 0.1) | |
| 587 | +} | |
| 588 | + | |
| 589 | +.patchstack-content-inner-table .table>thead>tr>th { | |
| 590 | + border-bottom: none; | |
| 591 | + font-family: 'Faktum'; | |
| 592 | + font-size: 11px; | |
| 593 | + font-weight: 500!important; | |
| 594 | + letter-spacing: 1.7px; | |
| 595 | + text-align: left; | |
| 596 | + color: #fff; | |
| 597 | + text-transform: uppercase; | |
| 598 | + padding: 14px 7px!important; | |
| 599 | + border-top: none | |
| 600 | +} | |
| 601 | + | |
| 602 | +.patchstack-content-inner-table .table>tbody>tr>td { | |
| 603 | + font-family: 'Faktum'; | |
| 604 | + font-size: 13px; | |
| 605 | + font-weight: 300; | |
| 606 | + line-height: 1.46; | |
| 607 | + text-align: left; | |
| 608 | + color: #fff | |
| 609 | +} | |
| 610 | + | |
| 611 | +.patchstack-content-inner-table .table>tbody>tr>td:first-child, | |
| 612 | +.patchstack-content-inner-table .table>tfoot>tr>th:first-child, | |
| 613 | +.patchstack-content-inner-table .table>thead>tr>th:first-child { | |
| 614 | + padding-left: 20px!important | |
| 615 | +} | |
| 616 | + | |
| 617 | +.patchstack-content-inner-table .table>thead>tr>th:first-child { | |
| 618 | + border-top-left-radius: 0 | |
| 619 | +} | |
| 620 | + | |
| 621 | +.patchstack-content-inner-table .table>thead>tr>th:last-child { | |
| 622 | + border-top-right-radius: 0 | |
| 623 | +} | |
| 624 | + | |
| 625 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_filter, | |
| 626 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_info, | |
| 627 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_length, | |
| 628 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button { | |
| 629 | + color: #fff!important; | |
| 630 | + font-size: 13px; | |
| 631 | + margin-right: 10px | |
| 632 | +} | |
| 633 | + | |
| 634 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_filter input, | |
| 635 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_length select { | |
| 636 | + border: 1px solid rgba(170, 189, 215, 0.1); | |
| 637 | + background: #272930; | |
| 638 | + color: #fff | |
| 639 | +} | |
| 640 | + | |
| 641 | +.patchstack-content-inner-table .table-striped>tbody>tr:nth-of-type(odd) { | |
| 642 | + background-color: #17273c | |
| 643 | +} | |
| 644 | + | |
| 645 | +.patchstack-content-inner-table .table-bordered { | |
| 646 | + border: 1px solid #334b69 | |
| 647 | +} | |
| 648 | + | |
| 649 | +.g-recaptcha { | |
| 650 | + margin-top: -1px!important | |
| 651 | +} | |
| 652 | + | |
| 653 | +.table-firewall-log>tbody>tr>td, | |
| 654 | +.table-user-log>tbody>tr>td { | |
| 655 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 656 | +} | |
| 657 | + | |
| 658 | +.patchstack-content-inner-table table.dataTable { | |
| 659 | + margin: 0 auto!important | |
| 660 | +} | |
| 661 | + | |
| 662 | +.patchstack-content-inner-table .dataTables_info, | |
| 663 | +.patchstack-content-inner-table .dataTables_length, | |
| 664 | +.patchstack-content-inner-table .dataTables_paginate .paging_simple_numbers { | |
| 665 | + color: #fff!important | |
| 666 | +} | |
| 667 | + | |
| 668 | +.patchstack-content-inner-table .dataTables_info, | |
| 669 | +.patchstack-content-inner-table .dataTables_length, | |
| 193 | 670 | .patchstack-font>h2, |
| 194 | 671 | .patchstack-font>h4 { |
| 195 | 672 | color: #fff; |
| 196 | - padding-left: 10px; | |
| 197 | - font-family: 'Faktum'; | |
| 198 | - font-weight: 300!important; | |
| 673 | + padding-left: 10px | |
| 199 | 674 | } |
| 200 | 675 | |
| 201 | 676 | .patchstack-font>h2 { |
| 202 | 677 | padding-left: 0; |
| @@ -205,11 +680,39 @@ | ||
| 205 | 680 | .patchstack-content-inner>h2 { |
| 206 | 681 | padding-left: 10px |
| 207 | 682 | } |
| 208 | 683 | |
| 684 | +.table-firewall-log>thead>tr>th, | |
| 685 | +.patchstack-font>h2, | |
| 686 | +.patchstack-font>h4 { | |
| 687 | + font-family: 'Faktum'; | |
| 688 | + font-weight: 300!important | |
| 689 | +} | |
| 690 | + | |
| 691 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button.current, | |
| 692 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button:hover { | |
| 693 | + background: #272930!important; | |
| 694 | + border-radius: 50%; | |
| 695 | + color: #fff!important; | |
| 696 | + border: none | |
| 697 | +} | |
| 698 | + | |
| 699 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button.next, | |
| 700 | +.patchstack-content-inner-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous { | |
| 701 | + background: 0 0!important; | |
| 702 | + color: #fff!important; | |
| 703 | + border: none!important | |
| 704 | +} | |
| 705 | + | |
| 706 | +.patchstack-content-inner-table .dataTables_length { | |
| 707 | + padding-bottom: 15px | |
| 708 | +} | |
| 709 | + | |
| 209 | 710 | .patchstack-content-table>.patchstack-content-inner { |
| 210 | - background-color: #1C1E22; | |
| 711 | + background-color: #1f2128; | |
| 211 | 712 | color: #fff; |
| 713 | + float: right; | |
| 714 | + width: 80%; | |
| 212 | 715 | } |
| 213 | 716 | |
| 214 | 717 | .patchstack-form-wrap>table>tbody>tr>td>label>i, |
| 215 | 718 | .patchstack-form-wrap>table>tbody>tr>th { |
| @@ -228,10 +731,44 @@ | ||
| 228 | 731 | .patchstack-form-table>tbody>tr>th>label { |
| 229 | 732 | color: #d0d0d0 |
| 230 | 733 | } |
| 231 | 734 | |
| 735 | +.label { | |
| 736 | + font-size: 11.84px; | |
| 737 | + font-weight: 700; | |
| 738 | + line-height: 14px; | |
| 739 | + color: #fff; | |
| 740 | + text-shadow: 0 -1px 0 rgba(0,0,0,.25); | |
| 741 | + white-space: nowrap; | |
| 742 | + vertical-align: baseline; | |
| 743 | + background-color: #999 | |
| 744 | +} | |
| 745 | + | |
| 746 | +.label { | |
| 747 | + padding: 1px 4px 2px; | |
| 748 | + border-radius: 3px | |
| 749 | +} | |
| 750 | + | |
| 751 | +a.label:hover { | |
| 752 | + color: #fff; | |
| 753 | + text-decoration: none; | |
| 754 | + cursor: pointer | |
| 755 | +} | |
| 756 | + | |
| 757 | +.label-success { | |
| 758 | + background-color: #468847 | |
| 759 | +} | |
| 760 | + | |
| 761 | +.label-success[href] { | |
| 762 | + background-color: #356635 | |
| 763 | +} | |
| 764 | + | |
| 765 | +.patchstack-license-h2 { | |
| 766 | + padding: 0!important | |
| 767 | +} | |
| 768 | + | |
| 232 | 769 | #wpwrap { |
| 233 | - background-color: #1C1E22 | |
| 770 | + background-color: #1f2128 | |
| 234 | 771 | } |
| 235 | 772 | |
| 236 | 773 | .patchstack-content-table { |
| 237 | 774 | padding-top: 80px |
| @@ -236,14 +773,75 @@ | ||
| 236 | 773 | .patchstack-content-table { |
| 237 | 774 | padding-top: 80px |
| 238 | 775 | } |
| 239 | 776 | |
| 777 | +.patchstack-active-tab-logs { | |
| 778 | + padding: 0 | |
| 779 | +} | |
| 780 | + | |
| 781 | +.patchstack-active-tab-logs h2.patchstack-logs-nav { | |
| 782 | + display: inline-block; | |
| 783 | + margin: -1px 0 0 0; | |
| 784 | + position: relative; | |
| 785 | + width: 100%; | |
| 786 | + padding: 0 | |
| 787 | +} | |
| 788 | + | |
| 789 | +.patchstack-active-tab-logs h2.patchstack-logs-nav::after { | |
| 790 | + content: ""; | |
| 791 | + display: block; | |
| 792 | + position: absolute; | |
| 793 | + width: 100%; | |
| 794 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1); | |
| 795 | + bottom: 0 | |
| 796 | +} | |
| 797 | + | |
| 798 | +.patchstack-active-tab-logs .patchstack-nav-tab { | |
| 799 | + float: left; | |
| 800 | + width: 150px; | |
| 801 | + margin-left: 0; | |
| 802 | + font-family: 'Faktum'; | |
| 803 | + font-size: 15px; | |
| 804 | + font-weight: 300; | |
| 805 | + text-align: left; | |
| 806 | + width: initial; | |
| 807 | + padding: 15px 20px; | |
| 808 | + position: relative; | |
| 809 | + color: #fff; | |
| 810 | + opacity: .5 | |
| 811 | +} | |
| 812 | + | |
| 813 | +.patchstack-active-tab-logs .patchstack-nav-tab:first-child { | |
| 814 | + border-top-left-radius: 4px | |
| 815 | +} | |
| 816 | + | |
| 817 | +.patchstack-active-tab-logs .patchstack-nav-tab, | |
| 818 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active, | |
| 819 | +.patchstack-active-tab-logs .patchstack-nav-tab:focus, | |
| 820 | +.patchstack-nav-tab:hover { | |
| 821 | + background-color: transparent | |
| 822 | +} | |
| 823 | + | |
| 824 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active { | |
| 825 | + opacity: 1 | |
| 826 | +} | |
| 827 | + | |
| 828 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active::after { | |
| 829 | + content: ""; | |
| 830 | + display: block; | |
| 831 | + width: 100%; | |
| 832 | + position: absolute; | |
| 833 | + bottom: -8px; | |
| 834 | + left: 0; | |
| 835 | + border-bottom: 5px solid rgba(170, 189, 215, 0.1) | |
| 836 | +} | |
| 837 | + | |
| 240 | 838 | .patchstack-top { |
| 241 | 839 | display: block; |
| 242 | 840 | width: 100%; |
| 243 | 841 | position: absolute; |
| 244 | 842 | z-index: 800; |
| 245 | - background: #1C1E22; | |
| 843 | + background: #1f2128; | |
| 246 | 844 | border: none; |
| 247 | 845 | margin-left: -20px; |
| 248 | 846 | padding-right: 20px |
| 249 | 847 | } |
| @@ -252,36 +850,81 @@ | ||
| 252 | 850 | float: left; |
| 253 | 851 | margin: 40px 0px 0 45px; |
| 254 | 852 | } |
| 255 | 853 | |
| 854 | +.patchstack-bi { | |
| 855 | + border: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 856 | +} | |
| 857 | + | |
| 858 | +.patchstack-bi thead { | |
| 859 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 860 | +} | |
| 861 | + | |
| 862 | +.patchstack-bi tbody>tr>td { | |
| 863 | + padding-left: 0 | |
| 864 | +} | |
| 865 | + | |
| 256 | 866 | .patchstack-plan { |
| 257 | - background:rgba(185, 192, 202, 0.05); | |
| 867 | + background:#272930; | |
| 258 | 868 | border-radius: 8px; |
| 259 | 869 | padding: 32px; |
| 260 | 870 | color: #acacac; |
| 261 | 871 | font-size: 15px; |
| 262 | - max-width: 496px; | |
| 872 | + width: 564px; | |
| 873 | + float: left; | |
| 263 | 874 | position: relative; |
| 264 | 875 | margin-top: 32px; |
| 265 | 876 | } |
| 266 | 877 | |
| 267 | 878 | .patchstack-plan a { |
| 268 | - color: #AFE614; | |
| 879 | + color: #B2D675; | |
| 269 | 880 | text-decoration: none; |
| 270 | 881 | } |
| 271 | 882 | |
| 883 | +.patchstack-plan1 { | |
| 884 | + margin-right: 80px; | |
| 885 | +} | |
| 886 | + | |
| 887 | +.patchstack-is-size-4 { | |
| 888 | + margin-top: 5px; | |
| 889 | + display: inline-block; | |
| 890 | + font-size: 36px; | |
| 891 | +} | |
| 892 | + | |
| 272 | 893 | .patchstack-has-text-white, |
| 273 | 894 | .patchstack-has-text-white:hover { |
| 274 | - color: #fff !important; | |
| 895 | + color: #fff; | |
| 275 | 896 | text-decoration: none; |
| 276 | 897 | } |
| 277 | 898 | |
| 278 | -.patchstack-has-text-danger, | |
| 279 | -.patchstack-has-text-danger:hover { | |
| 280 | - color: #ED645E !important; | |
| 281 | - text-decoration: none; | |
| 899 | +.patchstack-has-text-white:hover { | |
| 900 | + opacity: 0.7; | |
| 282 | 901 | } |
| 283 | 902 | |
| 903 | +.patchstack-has-text-white span { | |
| 904 | + color: #B2D675; | |
| 905 | + font-size: 15px; | |
| 906 | + text-transform: uppercase; | |
| 907 | +} | |
| 908 | + | |
| 909 | +.patchstack-sub { | |
| 910 | + width: 69%; | |
| 911 | + float: left; | |
| 912 | + margin: 30px 0 0 0; | |
| 913 | +} | |
| 914 | + | |
| 915 | +.patchstack-sub span:first-child { | |
| 916 | + color: #fff; | |
| 917 | + font-size: 11px; | |
| 918 | + width: 100%; | |
| 919 | + display: inline-block; | |
| 920 | + margin-bottom: 5px; | |
| 921 | +} | |
| 922 | + | |
| 923 | +.patchstack-sub span:last-child { | |
| 924 | + font-size: 15px; | |
| 925 | +} | |
| 926 | + | |
| 284 | 927 | .patchstack-plan p { |
| 285 | 928 | color: #acacac; |
| 286 | 929 | font-size: 15px; |
| 287 | 930 | line-height: 20px; |
| @@ -287,12 +930,49 @@ | ||
| 287 | 930 | line-height: 20px; |
| 288 | 931 | margin: 0; |
| 289 | 932 | } |
| 290 | 933 | |
| 934 | +.patchstack-plan1 p { | |
| 935 | + margin: 20px 0; | |
| 936 | +} | |
| 937 | + | |
| 291 | 938 | .patchstack-plan li { |
| 292 | 939 | margin-bottom: 8px; |
| 293 | 940 | } |
| 294 | 941 | |
| 942 | +.patchstack-check { | |
| 943 | + background: url(../images/check-green.svg) no-repeat #323735; | |
| 944 | + background-position: 6px 8px; | |
| 945 | + border-radius: 50%; | |
| 946 | + height: 24px; | |
| 947 | + width: 24px; | |
| 948 | + display: inline-block; | |
| 949 | + position: relative; | |
| 950 | + top: 5px; | |
| 951 | + margin-right: 10px; | |
| 952 | +} | |
| 953 | + | |
| 954 | +.patchstack-check.patchstack-check-grey { | |
| 955 | + background: url(../images/check.svg) no-repeat #32333a; | |
| 956 | + background-position: 3px 5px; | |
| 957 | +} | |
| 958 | + | |
| 959 | +.patchstack-strike { | |
| 960 | + color: #585a5e; | |
| 961 | +} | |
| 962 | + | |
| 963 | +.patchstack-minus { | |
| 964 | + background: url(../images/minus.svg) no-repeat #32333a; | |
| 965 | + background-position: 4px 4px; | |
| 966 | + border-radius: 50%; | |
| 967 | + height: 24px; | |
| 968 | + width: 24px; | |
| 969 | + display: inline-block; | |
| 970 | + position: relative; | |
| 971 | + top: 5px; | |
| 972 | + margin-right: 10px; | |
| 973 | +} | |
| 974 | + | |
| 295 | 975 | .patchstack-free .patchstack-top { |
| 296 | 976 | position: initial; |
| 297 | 977 | margin-left: 0; |
| 298 | 978 | padding-right: 0; |
| @@ -310,9 +990,11 @@ | ||
| 310 | 990 | padding-top: 0; |
| 311 | 991 | } |
| 312 | 992 | |
| 313 | 993 | .patchstack-free .patchstack-content-table>.patchstack-content-inner { |
| 994 | + max-width: 40rem; | |
| 314 | 995 | margin: 0 auto; |
| 996 | + float: initial; | |
| 315 | 997 | } |
| 316 | 998 | |
| 317 | 999 | .patchstack-free .patchstack-content-table>.patchstack-content-inner > .patchstack-font{ |
| 318 | 1000 | background: #272930; |
| @@ -328,9 +1010,9 @@ | ||
| 328 | 1010 | text-align: center; |
| 329 | 1011 | } |
| 330 | 1012 | |
| 331 | 1013 | .patchstack-free h1 a { |
| 332 | - color: #AFE614; | |
| 1014 | + color: #B2D675; | |
| 333 | 1015 | text-decoration: none; |
| 334 | 1016 | } |
| 335 | 1017 | |
| 336 | 1018 | .patchstack-free .form-table input[type=text] { |
| @@ -351,17 +1033,17 @@ | ||
| 351 | 1033 | } |
| 352 | 1034 | |
| 353 | 1035 | .patchstack-free .form-table label span { |
| 354 | 1036 | float: right; |
| 355 | - color: #AFE614; | |
| 1037 | + color: #B2D675; | |
| 356 | 1038 | } |
| 357 | 1039 | |
| 358 | 1040 | .patchstack-free .button-primary { |
| 359 | - color: #1C1E22; | |
| 1041 | + color: #B2D675; | |
| 360 | 1042 | font-weight: 500; |
| 361 | 1043 | font-size: 13px; |
| 362 | 1044 | line-height: 20px; |
| 363 | - background: #AFE614; | |
| 1045 | + background: rgba(178, 214, 117, 0.18); | |
| 364 | 1046 | border-radius: 4px; |
| 365 | 1047 | border: none; |
| 366 | 1048 | padding: 12px 30px; |
| 367 | 1049 | margin-top: 34px; |
| @@ -368,13 +1050,11 @@ | ||
| 368 | 1050 | width: 100%; |
| 369 | 1051 | text-align: center; |
| 370 | 1052 | } |
| 371 | 1053 | |
| 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; | |
| 1054 | +.patchstack-free .button-primary:hover { | |
| 1055 | + color: #000; | |
| 1056 | + background: #b2d675; | |
| 377 | 1057 | } |
| 378 | 1058 | |
| 379 | 1059 | .patchstack-free .form-table th, |
| 380 | 1060 | .form-table th label { |
| @@ -388,10 +1068,22 @@ | ||
| 388 | 1068 | .patchstack-free .patchstack-form-table td { |
| 389 | 1069 | padding: 3px 0px; |
| 390 | 1070 | } |
| 391 | 1071 | |
| 1072 | +.patchstack-free .patchstack-license-h2 { | |
| 1073 | + border-bottom: 1px solid rgba(170,189,215,.1); | |
| 1074 | + margin-left: -20px; | |
| 1075 | + width: 106%; | |
| 1076 | + text-indent: 20px; | |
| 1077 | + padding-bottom: 15px !important; | |
| 1078 | + margin-bottom: 20px; | |
| 1079 | +} | |
| 1080 | + | |
| 392 | 1081 | .patchstack-premium { |
| 393 | - max-width: 560px; | |
| 1082 | + max-width: 40rem !important; | |
| 1083 | + margin: 0 auto; | |
| 1084 | + float: initial !important; | |
| 1085 | + width: initial !important; | |
| 394 | 1086 | } |
| 395 | 1087 | |
| 396 | 1088 | .patchstack-premium .patchstack-plan2::before { |
| 397 | 1089 | display: none; |
| @@ -404,59 +1096,8 @@ | ||
| 404 | 1096 | #patchstack-activate { |
| 405 | 1097 | margin-top: 0; |
| 406 | 1098 | } |
| 407 | 1099 | |
| 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 | 1100 | .patchstack-license-button #patchstack-activate { |
| 460 | 1101 | width: 49%; |
| 461 | 1102 | float: left; |
| 462 | 1103 | } |
| @@ -469,9 +1110,9 @@ | ||
| 469 | 1110 | } |
| 470 | 1111 | |
| 471 | 1112 | .patchstack-activate.button-primary.focus, |
| 472 | 1113 | .patchstack-activate.button-primary:focus { |
| 473 | - background: #AFE614; | |
| 1114 | + background: #b2d675; | |
| 474 | 1115 | border: none; |
| 475 | 1116 | outline: none; |
| 476 | 1117 | opacity: .5; |
| 477 | 1118 | } |
| @@ -483,35 +1124,82 @@ | ||
| 483 | 1124 | color: #ACACAC; |
| 484 | 1125 | margin-top: 32px; |
| 485 | 1126 | } |
| 486 | 1127 | |
| 487 | -p.patchstack-upsell.patchstack-footer { | |
| 1128 | +p.patchstack-upsell a { | |
| 1129 | + color: #B2D675; | |
| 1130 | + text-decoration: none; | |
| 1131 | +} | |
| 1132 | + | |
| 1133 | +p.patchstack-upsell img { | |
| 1134 | + position: relative; | |
| 1135 | + top: 7px; | |
| 1136 | +} | |
| 1137 | + | |
| 1138 | +.patchstack-active-tab-multisite { | |
| 1139 | + max-width: 35rem !important; | |
| 1140 | +} | |
| 1141 | + | |
| 1142 | +.multisite .patchstack-active-tab-hardening { | |
| 1143 | + max-width: 35rem !important; | |
| 1144 | +} | |
| 1145 | + | |
| 1146 | +.patchstack-status { | |
| 1147 | + width: 100%; | |
| 1148 | +} | |
| 1149 | + | |
| 1150 | +.patchstack-status:first-child { | |
| 1151 | + color: #fff; | |
| 1152 | + font-family: 'Faktum'; | |
| 1153 | + font-size: 15px; | |
| 488 | 1154 | display: flex; |
| 489 | - gap: 32px; | |
| 490 | - justify-content: center; | |
| 1155 | + align-items: center; | |
| 491 | 1156 | } |
| 492 | 1157 | |
| 493 | -.patchstack-footer span { | |
| 494 | - background: rgba(185, 192, 202, 0.10); | |
| 495 | - height: 24px; | |
| 496 | - width: 1px; | |
| 1158 | +.patchstack-status-label { | |
| 1159 | + font-size: 13px; | |
| 1160 | + border-radius: 2px; | |
| 1161 | + background: rgba(178, 214, 117, 0.18); | |
| 1162 | + color: #B2D675; | |
| 1163 | + padding: 5px 10px 5px 8px; | |
| 1164 | + margin-left: auto; | |
| 1165 | + order: 2; | |
| 497 | 1166 | } |
| 498 | 1167 | |
| 499 | -p.patchstack-upsell a { | |
| 500 | - color: #AFE614; | |
| 501 | - text-decoration: none; | |
| 1168 | +.patchstack-status-label-error { | |
| 1169 | + background: rgba(237, 100, 94, 0.3); | |
| 1170 | + color: #ED645E | |
| 502 | 1171 | } |
| 503 | 1172 | |
| 504 | -p.patchstack-upsell img { | |
| 505 | - position: relative; | |
| 506 | - top: 7px; | |
| 1173 | +.patchstack-protection { | |
| 1174 | + background: #2E3036; | |
| 1175 | + border-radius: 8px; | |
| 1176 | + padding: 16px; | |
| 1177 | + color: #fff; | |
| 1178 | + font-size: 20px; | |
| 1179 | + font-weight: 400; | |
| 1180 | + line-height: 28px; | |
| 1181 | + margin: 32px 0; | |
| 1182 | + display: flex; | |
| 1183 | + column-gap: 8px; | |
| 1184 | + align-items: center; | |
| 507 | 1185 | } |
| 508 | 1186 | |
| 1187 | +.patchstack-protection a.button-primary { | |
| 1188 | + background: #B2D675; | |
| 1189 | + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); | |
| 1190 | + color: #000; | |
| 1191 | + width: initial; | |
| 1192 | + margin: 0; | |
| 1193 | + margin-left: auto; | |
| 1194 | + order: 2; | |
| 1195 | +} | |
| 1196 | + | |
| 509 | 1197 | .patchstack-loading { |
| 510 | 1198 | display: none; |
| 511 | 1199 | width: 32px; |
| 512 | 1200 | height: 32px; |
| 513 | - margin: 16px auto 0 auto; | |
| 1201 | + margin: 0 auto 0 auto; | |
| 514 | 1202 | } |
| 515 | 1203 | |
| 516 | 1204 | .patchstack-loading div { |
| 517 | 1205 | box-sizing: border-box; |
| @@ -547,9 +1235,9 @@ | ||
| 547 | 1235 | } |
| 548 | 1236 | } |
| 549 | 1237 | |
| 550 | 1238 | p.patchstack-resync { |
| 551 | - color: #AFE614; | |
| 1239 | + color: #B2D675; | |
| 552 | 1240 | margin-top: 32px; |
| 553 | 1241 | text-align: center; |
| 554 | 1242 | } |
| 555 | 1243 | |
| @@ -561,115 +1249,5 @@ | ||
| 561 | 1249 | line-height: 16px; |
| 562 | 1250 | letter-spacing: 0.22px; |
| 563 | 1251 | word-wrap: break-word; |
| 564 | 1252 | 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; | |
| 675 | 1253 | } |
