| @@ -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 | 38 | color: #AFE614; |
| 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,15 +225,14 @@ | ||
| 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; | |
| 231 | + padding: 18px 30px !important; | |
| 71 | 232 | color: #1C1E22!important; |
| 72 | 233 | border: none; |
| 73 | - border-radius: 2px !important; | |
| 234 | + border-radius: 4px !important; | |
| 74 | 235 | background-color: #AFE614; |
| 75 | 236 | font-size: 15px !important; |
| 76 | 237 | font-weight: 400 !important; |
| 77 | 238 | line-height: 20px; |
| @@ -84,12 +245,8 @@ | ||
| 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 { |
| @@ -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 #AFE614 | |
| 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: #AFE614; | |
| 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,263 @@ | ||
| 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 .table-overflow .btn { | |
| 559 | + margin-bottom: 0 | |
| 560 | +} | |
| 561 | + | |
| 562 | +.patchstack-content-inner-table table.dataTable thead { | |
| 563 | + background-color: #272930 | |
| 564 | +} | |
| 565 | + | |
| 566 | +.patchstack-content-inner-table .table-hover>tbody>tr:hover, | |
| 567 | +.patchstack-content-inner-table table.dataTable tbody tr { | |
| 568 | + background-color: transparent | |
| 569 | +} | |
| 570 | + | |
| 571 | +.patchstack-content-inner-table table.dataTable thead td, | |
| 572 | +.patchstack-content-inner-table table.dataTable thead th { | |
| 573 | + border-bottom: 0!important | |
| 574 | +} | |
| 575 | + | |
| 576 | +.patchstack-content-inner-table .table-lg>tbody>tr:hover>td:first-child { | |
| 577 | + border-left: 2px solid rgba(170, 189, 215, 0.1) | |
| 578 | +} | |
| 579 | + | |
| 580 | +.patchstack-content-inner-table .table>thead>tr>th { | |
| 581 | + border-bottom: none; | |
| 582 | + font-family: 'Faktum'; | |
| 583 | + font-size: 11px; | |
| 584 | + font-weight: 500!important; | |
| 585 | + letter-spacing: 1.7px; | |
| 586 | + text-align: left; | |
| 587 | + color: #fff; | |
| 588 | + text-transform: uppercase; | |
| 589 | + padding: 14px 7px!important; | |
| 590 | + border-top: none | |
| 591 | +} | |
| 592 | + | |
| 593 | +.patchstack-content-inner-table .table>tbody>tr>td { | |
| 594 | + font-family: 'Faktum'; | |
| 595 | + font-size: 13px; | |
| 596 | + font-weight: 300; | |
| 597 | + line-height: 1.46; | |
| 598 | + text-align: left; | |
| 599 | + color: #fff | |
| 600 | +} | |
| 601 | + | |
| 602 | +.patchstack-content-inner-table .table>tbody>tr>td:first-child, | |
| 603 | +.patchstack-content-inner-table .table>tfoot>tr>th:first-child, | |
| 604 | +.patchstack-content-inner-table .table>thead>tr>th:first-child { | |
| 605 | + padding-left: 20px!important | |
| 606 | +} | |
| 607 | + | |
| 608 | +.patchstack-content-inner-table .table>thead>tr>th:first-child { | |
| 609 | + border-top-left-radius: 0 | |
| 610 | +} | |
| 611 | + | |
| 612 | +.patchstack-content-inner-table .table>thead>tr>th:last-child { | |
| 613 | + border-top-right-radius: 0 | |
| 614 | +} | |
| 615 | + | |
| 616 | +.patchstack-content-inner-table .table-striped>tbody>tr:nth-of-type(odd) { | |
| 617 | + background-color: #17273c | |
| 618 | +} | |
| 619 | + | |
| 620 | +.patchstack-content-inner-table .table-bordered { | |
| 621 | + border: 1px solid #334b69 | |
| 622 | +} | |
| 623 | + | |
| 624 | +.g-recaptcha { | |
| 625 | + margin-top: -1px!important | |
| 626 | +} | |
| 627 | + | |
| 628 | +.table-firewall-log>tbody>tr>td, | |
| 629 | +.table-user-log>tbody>tr>td { | |
| 630 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 631 | +} | |
| 632 | + | |
| 633 | +.patchstack-content-inner-table table.dataTable { | |
| 634 | + margin: 0 auto!important | |
| 635 | +} | |
| 636 | + | |
| 193 | 637 | .patchstack-font>h2, |
| 194 | 638 | .patchstack-font>h4 { |
| 195 | 639 | color: #fff; |
| 196 | - padding-left: 10px; | |
| 197 | - font-family: 'Faktum'; | |
| 198 | - font-weight: 300!important; | |
| 640 | + padding-left: 10px | |
| 199 | 641 | } |
| 200 | 642 | |
| 201 | 643 | .patchstack-font>h2 { |
| 202 | 644 | padding-left: 0; |
| @@ -205,11 +647,20 @@ | ||
| 205 | 647 | .patchstack-content-inner>h2 { |
| 206 | 648 | padding-left: 10px |
| 207 | 649 | } |
| 208 | 650 | |
| 651 | +.table-firewall-log>thead>tr>th, | |
| 652 | +.patchstack-font>h2, | |
| 653 | +.patchstack-font>h4 { | |
| 654 | + font-family: 'Faktum'; | |
| 655 | + font-weight: 300!important | |
| 656 | +} | |
| 657 | + | |
| 209 | 658 | .patchstack-content-table>.patchstack-content-inner { |
| 210 | - background-color: #1C1E22; | |
| 659 | + background-color: #1f2128; | |
| 211 | 660 | color: #fff; |
| 661 | + float: right; | |
| 662 | + width: 80%; | |
| 212 | 663 | } |
| 213 | 664 | |
| 214 | 665 | .patchstack-form-wrap>table>tbody>tr>td>label>i, |
| 215 | 666 | .patchstack-form-wrap>table>tbody>tr>th { |
| @@ -228,10 +679,44 @@ | ||
| 228 | 679 | .patchstack-form-table>tbody>tr>th>label { |
| 229 | 680 | color: #d0d0d0 |
| 230 | 681 | } |
| 231 | 682 | |
| 683 | +.label { | |
| 684 | + font-size: 11.84px; | |
| 685 | + font-weight: 700; | |
| 686 | + line-height: 14px; | |
| 687 | + color: #fff; | |
| 688 | + text-shadow: 0 -1px 0 rgba(0,0,0,.25); | |
| 689 | + white-space: nowrap; | |
| 690 | + vertical-align: baseline; | |
| 691 | + background-color: #999 | |
| 692 | +} | |
| 693 | + | |
| 694 | +.label { | |
| 695 | + padding: 1px 4px 2px; | |
| 696 | + border-radius: 3px | |
| 697 | +} | |
| 698 | + | |
| 699 | +a.label:hover { | |
| 700 | + color: #fff; | |
| 701 | + text-decoration: none; | |
| 702 | + cursor: pointer | |
| 703 | +} | |
| 704 | + | |
| 705 | +.label-success { | |
| 706 | + background-color: #468847 | |
| 707 | +} | |
| 708 | + | |
| 709 | +.label-success[href] { | |
| 710 | + background-color: #356635 | |
| 711 | +} | |
| 712 | + | |
| 713 | +.patchstack-license-h2 { | |
| 714 | + padding: 0!important | |
| 715 | +} | |
| 716 | + | |
| 232 | 717 | #wpwrap { |
| 233 | - background-color: #1C1E22 | |
| 718 | + background-color: #1f2128 | |
| 234 | 719 | } |
| 235 | 720 | |
| 236 | 721 | .patchstack-content-table { |
| 237 | 722 | padding-top: 80px |
| @@ -236,14 +721,75 @@ | ||
| 236 | 721 | .patchstack-content-table { |
| 237 | 722 | padding-top: 80px |
| 238 | 723 | } |
| 239 | 724 | |
| 725 | +.patchstack-active-tab-logs { | |
| 726 | + padding: 0 | |
| 727 | +} | |
| 728 | + | |
| 729 | +.patchstack-active-tab-logs h2.patchstack-logs-nav { | |
| 730 | + display: inline-block; | |
| 731 | + margin: -1px 0 0 0; | |
| 732 | + position: relative; | |
| 733 | + width: 100%; | |
| 734 | + padding: 0 | |
| 735 | +} | |
| 736 | + | |
| 737 | +.patchstack-active-tab-logs h2.patchstack-logs-nav::after { | |
| 738 | + content: ""; | |
| 739 | + display: block; | |
| 740 | + position: absolute; | |
| 741 | + width: 100%; | |
| 742 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1); | |
| 743 | + bottom: 0 | |
| 744 | +} | |
| 745 | + | |
| 746 | +.patchstack-active-tab-logs .patchstack-nav-tab { | |
| 747 | + float: left; | |
| 748 | + width: 150px; | |
| 749 | + margin-left: 0; | |
| 750 | + font-family: 'Faktum'; | |
| 751 | + font-size: 15px; | |
| 752 | + font-weight: 300; | |
| 753 | + text-align: left; | |
| 754 | + width: initial; | |
| 755 | + padding: 15px 20px; | |
| 756 | + position: relative; | |
| 757 | + color: #fff; | |
| 758 | + opacity: .5 | |
| 759 | +} | |
| 760 | + | |
| 761 | +.patchstack-active-tab-logs .patchstack-nav-tab:first-child { | |
| 762 | + border-top-left-radius: 4px | |
| 763 | +} | |
| 764 | + | |
| 765 | +.patchstack-active-tab-logs .patchstack-nav-tab, | |
| 766 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active, | |
| 767 | +.patchstack-active-tab-logs .patchstack-nav-tab:focus, | |
| 768 | +.patchstack-nav-tab:hover { | |
| 769 | + background-color: transparent | |
| 770 | +} | |
| 771 | + | |
| 772 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active { | |
| 773 | + opacity: 1 | |
| 774 | +} | |
| 775 | + | |
| 776 | +.patchstack-active-tab-logs .patchstack-nav-tab.patchstack-nav-tab-active::after { | |
| 777 | + content: ""; | |
| 778 | + display: block; | |
| 779 | + width: 100%; | |
| 780 | + position: absolute; | |
| 781 | + bottom: -8px; | |
| 782 | + left: 0; | |
| 783 | + border-bottom: 5px solid rgba(170, 189, 215, 0.1) | |
| 784 | +} | |
| 785 | + | |
| 240 | 786 | .patchstack-top { |
| 241 | 787 | display: block; |
| 242 | 788 | width: 100%; |
| 243 | 789 | position: absolute; |
| 244 | 790 | z-index: 800; |
| 245 | - background: #1C1E22; | |
| 791 | + background: #1f2128; | |
| 246 | 792 | border: none; |
| 247 | 793 | margin-left: -20px; |
| 248 | 794 | padding-right: 20px |
| 249 | 795 | } |
| @@ -252,15 +798,28 @@ | ||
| 252 | 798 | float: left; |
| 253 | 799 | margin: 40px 0px 0 45px; |
| 254 | 800 | } |
| 255 | 801 | |
| 802 | +.patchstack-bi { | |
| 803 | + border: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 804 | +} | |
| 805 | + | |
| 806 | +.patchstack-bi thead { | |
| 807 | + border-bottom: 1px solid rgba(170, 189, 215, 0.1)!important | |
| 808 | +} | |
| 809 | + | |
| 810 | +.patchstack-bi tbody>tr>td { | |
| 811 | + padding-left: 0 | |
| 812 | +} | |
| 813 | + | |
| 256 | 814 | .patchstack-plan { |
| 257 | - background:rgba(185, 192, 202, 0.05); | |
| 815 | + background:#272930; | |
| 258 | 816 | border-radius: 8px; |
| 259 | 817 | padding: 32px; |
| 260 | 818 | color: #acacac; |
| 261 | 819 | font-size: 15px; |
| 262 | - max-width: 496px; | |
| 820 | + width: 564px; | |
| 821 | + float: left; | |
| 263 | 822 | position: relative; |
| 264 | 823 | margin-top: 32px; |
| 265 | 824 | } |
| 266 | 825 | |
| @@ -268,8 +827,18 @@ | ||
| 268 | 827 | color: #AFE614; |
| 269 | 828 | text-decoration: none; |
| 270 | 829 | } |
| 271 | 830 | |
| 831 | +.patchstack-plan1 { | |
| 832 | + margin-right: 80px; | |
| 833 | +} | |
| 834 | + | |
| 835 | +.patchstack-is-size-4 { | |
| 836 | + margin-top: 5px; | |
| 837 | + display: inline-block; | |
| 838 | + font-size: 36px; | |
| 839 | +} | |
| 840 | + | |
| 272 | 841 | .patchstack-has-text-white, |
| 273 | 842 | .patchstack-has-text-white:hover { |
| 274 | 843 | color: #fff !important; |
| 275 | 844 | text-decoration: none; |
| @@ -274,14 +843,32 @@ | ||
| 274 | 843 | color: #fff !important; |
| 275 | 844 | text-decoration: none; |
| 276 | 845 | } |
| 277 | 846 | |
| 278 | -.patchstack-has-text-danger, | |
| 279 | -.patchstack-has-text-danger:hover { | |
| 280 | - color: #ED645E !important; | |
| 281 | - text-decoration: none; | |
| 847 | +.patchstack-has-text-white span { | |
| 848 | + color: #AFE614; | |
| 849 | + font-size: 15px; | |
| 850 | + text-transform: uppercase; | |
| 282 | 851 | } |
| 283 | 852 | |
| 853 | +.patchstack-sub { | |
| 854 | + width: 69%; | |
| 855 | + float: left; | |
| 856 | + margin: 30px 0 0 0; | |
| 857 | +} | |
| 858 | + | |
| 859 | +.patchstack-sub span:first-child { | |
| 860 | + color: #fff; | |
| 861 | + font-size: 11px; | |
| 862 | + width: 100%; | |
| 863 | + display: inline-block; | |
| 864 | + margin-bottom: 5px; | |
| 865 | +} | |
| 866 | + | |
| 867 | +.patchstack-sub span:last-child { | |
| 868 | + font-size: 15px; | |
| 869 | +} | |
| 870 | + | |
| 284 | 871 | .patchstack-plan p { |
| 285 | 872 | color: #acacac; |
| 286 | 873 | font-size: 15px; |
| 287 | 874 | line-height: 20px; |
| @@ -287,12 +874,49 @@ | ||
| 287 | 874 | line-height: 20px; |
| 288 | 875 | margin: 0; |
| 289 | 876 | } |
| 290 | 877 | |
| 878 | +.patchstack-plan1 p { | |
| 879 | + margin: 20px 0; | |
| 880 | +} | |
| 881 | + | |
| 291 | 882 | .patchstack-plan li { |
| 292 | 883 | margin-bottom: 8px; |
| 293 | 884 | } |
| 294 | 885 | |
| 886 | +.patchstack-check { | |
| 887 | + background: url(../images/check-green.svg) no-repeat #323735; | |
| 888 | + background-position: 6px 8px; | |
| 889 | + border-radius: 50%; | |
| 890 | + height: 24px; | |
| 891 | + width: 24px; | |
| 892 | + display: inline-block; | |
| 893 | + position: relative; | |
| 894 | + top: 5px; | |
| 895 | + margin-right: 10px; | |
| 896 | +} | |
| 897 | + | |
| 898 | +.patchstack-check.patchstack-check-grey { | |
| 899 | + background: url(../images/check.svg) no-repeat #32333a; | |
| 900 | + background-position: 3px 5px; | |
| 901 | +} | |
| 902 | + | |
| 903 | +.patchstack-strike { | |
| 904 | + color: #585a5e; | |
| 905 | +} | |
| 906 | + | |
| 907 | +.patchstack-minus { | |
| 908 | + background: url(../images/minus.svg) no-repeat #32333a; | |
| 909 | + background-position: 4px 4px; | |
| 910 | + border-radius: 50%; | |
| 911 | + height: 24px; | |
| 912 | + width: 24px; | |
| 913 | + display: inline-block; | |
| 914 | + position: relative; | |
| 915 | + top: 5px; | |
| 916 | + margin-right: 10px; | |
| 917 | +} | |
| 918 | + | |
| 295 | 919 | .patchstack-free .patchstack-top { |
| 296 | 920 | position: initial; |
| 297 | 921 | margin-left: 0; |
| 298 | 922 | padding-right: 0; |
| @@ -310,9 +934,11 @@ | ||
| 310 | 934 | padding-top: 0; |
| 311 | 935 | } |
| 312 | 936 | |
| 313 | 937 | .patchstack-free .patchstack-content-table>.patchstack-content-inner { |
| 938 | + max-width: 40rem; | |
| 314 | 939 | margin: 0 auto; |
| 940 | + float: initial; | |
| 315 | 941 | } |
| 316 | 942 | |
| 317 | 943 | .patchstack-free .patchstack-content-table>.patchstack-content-inner > .patchstack-font{ |
| 318 | 944 | background: #272930; |
| @@ -368,13 +994,11 @@ | ||
| 368 | 994 | width: 100%; |
| 369 | 995 | text-align: center; |
| 370 | 996 | } |
| 371 | 997 | |
| 372 | -.patchstack-free .button-primary:hover, | |
| 373 | -.patchstack-free .button-primary:focus { | |
| 998 | +.patchstack-free .button-primary:hover { | |
| 374 | 999 | background-color: #6ebe00 !important; |
| 375 | 1000 | color: #111216 !important; |
| 376 | - box-shadow: none; | |
| 377 | 1001 | } |
| 378 | 1002 | |
| 379 | 1003 | .patchstack-free .form-table th, |
| 380 | 1004 | .form-table th label { |
| @@ -388,10 +1012,22 @@ | ||
| 388 | 1012 | .patchstack-free .patchstack-form-table td { |
| 389 | 1013 | padding: 3px 0px; |
| 390 | 1014 | } |
| 391 | 1015 | |
| 1016 | +.patchstack-free .patchstack-license-h2 { | |
| 1017 | + border-bottom: 1px solid rgba(170,189,215,.1); | |
| 1018 | + margin-left: -20px; | |
| 1019 | + width: 106%; | |
| 1020 | + text-indent: 20px; | |
| 1021 | + padding-bottom: 15px !important; | |
| 1022 | + margin-bottom: 20px; | |
| 1023 | +} | |
| 1024 | + | |
| 392 | 1025 | .patchstack-premium { |
| 393 | - max-width: 560px; | |
| 1026 | + max-width: 40rem !important; | |
| 1027 | + margin: 0 auto; | |
| 1028 | + float: initial !important; | |
| 1029 | + width: initial !important; | |
| 394 | 1030 | } |
| 395 | 1031 | |
| 396 | 1032 | .patchstack-premium .patchstack-plan2::before { |
| 397 | 1033 | display: none; |
| @@ -483,20 +1119,8 @@ | ||
| 483 | 1119 | color: #ACACAC; |
| 484 | 1120 | margin-top: 32px; |
| 485 | 1121 | } |
| 486 | 1122 | |
| 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 | 1123 | p.patchstack-upsell a { |
| 500 | 1124 | color: #AFE614; |
| 501 | 1125 | text-decoration: none; |
| 502 | 1126 | } |
| @@ -505,13 +1129,63 @@ | ||
| 505 | 1129 | position: relative; |
| 506 | 1130 | top: 7px; |
| 507 | 1131 | } |
| 508 | 1132 | |
| 1133 | +.patchstack-status { | |
| 1134 | + width: 100%; | |
| 1135 | +} | |
| 1136 | + | |
| 1137 | +.patchstack-status:first-child { | |
| 1138 | + color: #fff; | |
| 1139 | + font-family: 'Faktum'; | |
| 1140 | + font-size: 15px; | |
| 1141 | + display: flex; | |
| 1142 | + align-items: center; | |
| 1143 | +} | |
| 1144 | + | |
| 1145 | +.patchstack-status-label { | |
| 1146 | + font-size: 13px; | |
| 1147 | + border-radius: 2px; | |
| 1148 | + background: #AFE614; | |
| 1149 | + color: #1C1E22; | |
| 1150 | + padding: 5px 10px 5px 8px; | |
| 1151 | + margin-left: auto; | |
| 1152 | + order: 2; | |
| 1153 | +} | |
| 1154 | + | |
| 1155 | +.patchstack-status-label-error { | |
| 1156 | + background: rgba(237, 100, 94, 0.3); | |
| 1157 | + color: #ED645E | |
| 1158 | +} | |
| 1159 | + | |
| 1160 | +.patchstack-protection { | |
| 1161 | + background: #2E3036; | |
| 1162 | + border-radius: 8px; | |
| 1163 | + padding: 16px; | |
| 1164 | + color: #fff; | |
| 1165 | + font-size: 20px; | |
| 1166 | + font-weight: 400; | |
| 1167 | + line-height: 28px; | |
| 1168 | + margin: 32px 0; | |
| 1169 | + display: flex; | |
| 1170 | + column-gap: 8px; | |
| 1171 | + align-items: center; | |
| 1172 | +} | |
| 1173 | + | |
| 1174 | +.patchstack-protection a.button-primary { | |
| 1175 | + background-color: #afe614; | |
| 1176 | + color: #111216; | |
| 1177 | + width: initial; | |
| 1178 | + margin: 0; | |
| 1179 | + margin-left: auto; | |
| 1180 | + order: 2; | |
| 1181 | +} | |
| 1182 | + | |
| 509 | 1183 | .patchstack-loading { |
| 510 | 1184 | display: none; |
| 511 | 1185 | width: 32px; |
| 512 | 1186 | height: 32px; |
| 513 | - margin: 16px auto 0 auto; | |
| 1187 | + margin: 0 auto 0 auto; | |
| 514 | 1188 | } |
| 515 | 1189 | |
| 516 | 1190 | .patchstack-loading div { |
| 517 | 1191 | box-sizing: border-box; |
| @@ -561,115 +1235,5 @@ | ||
| 561 | 1235 | line-height: 16px; |
| 562 | 1236 | letter-spacing: 0.22px; |
| 563 | 1237 | word-wrap: break-word; |
| 564 | 1238 | 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 | 1239 | } |
