| @@ -1,6 +1,7 @@ | ||
| 1 | 1 | body { |
| 2 | - background-color: #f7faff !important; | |
| 2 | + // background-color: #f7faff !important; | |
| 3 | + background-color: #fff !important; | |
| 3 | 4 | } |
| 4 | 5 | |
| 5 | 6 | .berqwp-dashbaord { |
| 6 | 7 | font-family: "Lato", sans-serif !important; |
| @@ -804,22 +805,30 @@ | ||
| 804 | 805 | } |
| 805 | 806 | |
| 806 | 807 | #berqwp-intro { |
| 807 | 808 | // min-height: 80vh; |
| 808 | - background-color: #f7faff; | |
| 809 | + // background-color: #f7faff; | |
| 810 | + background-color: transparent; | |
| 809 | 811 | border-radius: 20px; |
| 810 | - border: 1px solid #e6e6e6; | |
| 812 | + // border: 1px solid #e6e6e6; | |
| 811 | 813 | display: flex; |
| 812 | 814 | flex-direction: column; |
| 813 | 815 | justify-content: center; |
| 814 | 816 | align-items: center; |
| 815 | - -webkit-font-smoothing: antialiased; | |
| 817 | + // -webkit-font-smoothing: antialiased; | |
| 816 | 818 | padding: 70px 20px; |
| 817 | 819 | padding-bottom: 100px; |
| 818 | 820 | max-width: 800px; |
| 819 | 821 | margin: 0 auto; |
| 820 | - box-shadow: 0px 3px 5px 0px rgba(83, 113, 167, 0.05); | |
| 822 | + // box-shadow: 0px 3px 5px 0px rgba(83, 113, 167, 0.05); | |
| 823 | + padding-bottom: 30px; | |
| 824 | + margin-top: 50px; | |
| 821 | 825 | |
| 826 | + img.logo { | |
| 827 | + width: 140px; | |
| 828 | + margin-bottom: 30px; | |
| 829 | + } | |
| 830 | + | |
| 822 | 831 | h2.title { |
| 823 | 832 | font-size: 35px; |
| 824 | 833 | text-align: center; |
| 825 | 834 | color: #222222; |
| @@ -839,9 +848,9 @@ | ||
| 839 | 848 | |
| 840 | 849 | input[type="email"], |
| 841 | 850 | input[type="password"] { |
| 842 | 851 | background-color: #fff; |
| 843 | - padding: 10px 13px; | |
| 852 | + padding: 11px 15px; | |
| 844 | 853 | border: 1px solid #dad2ff; |
| 845 | 854 | border-radius: 8px; |
| 846 | 855 | font-size: 14px; |
| 847 | 856 | line-height: 1; |
| @@ -848,12 +857,12 @@ | ||
| 848 | 857 | } |
| 849 | 858 | |
| 850 | 859 | button[type="submit"] { |
| 851 | 860 | background-color: #1f71ff; |
| 852 | - padding: 10px 13px; | |
| 861 | + padding: 12px 16px; | |
| 853 | 862 | border: 1px solid #1f71ff; |
| 854 | 863 | border-radius: 8px; |
| 855 | - font-weight: 500; | |
| 864 | + // font-weight: 500; | |
| 856 | 865 | font-size: 14px; |
| 857 | 866 | cursor: pointer; |
| 858 | 867 | color: #fff; |
| 859 | 868 | line-height: 1; |
| @@ -967,24 +976,39 @@ | ||
| 967 | 976 | display: flex; |
| 968 | 977 | gap: 10px; |
| 969 | 978 | justify-content: center; |
| 970 | 979 | align-items: center; |
| 971 | - margin-top: 60px; | |
| 980 | + margin-top: 30px; | |
| 972 | 981 | |
| 973 | 982 | a.btn { |
| 974 | 983 | background: #1f71ff; |
| 975 | - border-radius: 6px; | |
| 984 | + border-radius: 9px; | |
| 976 | 985 | display: flex; |
| 977 | 986 | align-items: center; |
| 978 | - gap: 10px; | |
| 987 | + gap: 4px; | |
| 979 | 988 | color: #fff; |
| 980 | - padding: 15px 30px; | |
| 981 | - font-size: 18px; | |
| 989 | + padding: 12px 20px; | |
| 990 | + padding-left: 17px; | |
| 991 | + font-size: 15px; | |
| 982 | 992 | text-decoration: none; |
| 983 | 993 | |
| 984 | 994 | &:hover { |
| 985 | 995 | background-color: #2067e3; |
| 986 | 996 | } |
| 997 | + | |
| 998 | + &.secondary { | |
| 999 | + // background: #edeef1; | |
| 1000 | + background: #fff; | |
| 1001 | + color: #222; | |
| 1002 | + border: 1px solid #dad2ff; | |
| 1003 | + padding: 11px 19px; | |
| 1004 | + padding-left: 17px; | |
| 1005 | + | |
| 1006 | + &:hover { | |
| 1007 | + // background-color: #e0e1e5; | |
| 1008 | + } | |
| 1009 | + } | |
| 1010 | + | |
| 987 | 1011 | } |
| 988 | 1012 | } |
| 989 | 1013 | } |
| 990 | 1014 | |
| @@ -1322,9 +1346,9 @@ | ||
| 1322 | 1346 | justify-content: center; |
| 1323 | 1347 | align-content: center; |
| 1324 | 1348 | background-color: #1f71ff; |
| 1325 | 1349 | color: #fff; |
| 1326 | - padding: 8px 16px; | |
| 1350 | + padding: 10px 16px; | |
| 1327 | 1351 | border-radius: 8px; |
| 1328 | 1352 | gap: 6px; |
| 1329 | 1353 | transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s all; |
| 1330 | 1354 | text-decoration: none !important; |
| @@ -1329,8 +1353,12 @@ | ||
| 1329 | 1353 | transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s all; |
| 1330 | 1354 | text-decoration: none !important; |
| 1331 | 1355 | border: 1px solid transparent; |
| 1332 | 1356 | |
| 1357 | + .icon { | |
| 1358 | + display: flex; | |
| 1359 | + } | |
| 1360 | + | |
| 1333 | 1361 | &.light { |
| 1334 | 1362 | background-color: #fff; |
| 1335 | 1363 | color: #0c2d66; |
| 1336 | 1364 | border: 1px solid #d4dff2; |
| @@ -1345,8 +1373,14 @@ | ||
| 1345 | 1373 | svg { |
| 1346 | 1374 | width: 15px; |
| 1347 | 1375 | height: auto; |
| 1348 | 1376 | } |
| 1377 | + | |
| 1378 | + &.bwp-upgrade-btn { | |
| 1379 | + background: #4d1fff; | |
| 1380 | + color: #fff; | |
| 1381 | + border-color: #4d1fff; | |
| 1382 | + } | |
| 1349 | 1383 | } |
| 1350 | 1384 | |
| 1351 | 1385 | .berq-triple-boxes { |
| 1352 | 1386 | display: grid; |
| @@ -1491,9 +1525,9 @@ | ||
| 1491 | 1525 | } |
| 1492 | 1526 | } |
| 1493 | 1527 | |
| 1494 | 1528 | .berq-box-title.cloud-exclusive::after { |
| 1495 | - content: 'Cloud exclusive'; | |
| 1529 | + content: 'Premium'; | |
| 1496 | 1530 | font-weight: normal; |
| 1497 | 1531 | font-size: 12px; |
| 1498 | 1532 | margin-left: 10px; |
| 1499 | 1533 | background: #2aad2a; |
| @@ -1502,5 +1536,97 @@ | ||
| 1502 | 1536 | border-radius: 20px; |
| 1503 | 1537 | margin-top: 0px !important; |
| 1504 | 1538 | display: inline-block; |
| 1505 | 1539 | position: absolute; |
| 1540 | +} | |
| 1541 | + | |
| 1542 | +.berqwp-continue-free { | |
| 1543 | + text-align: center; | |
| 1544 | + font-size: 15px; | |
| 1545 | + margin-top: 80px; | |
| 1546 | + align-self: end; | |
| 1547 | + | |
| 1548 | + | |
| 1549 | + a { | |
| 1550 | + color: #acbbd5; | |
| 1551 | + text-decoration: none; | |
| 1552 | + } | |
| 1553 | + | |
| 1554 | +} | |
| 1555 | + | |
| 1556 | +// Database tab: cleanup action rows | |
| 1557 | +.berqwp-db-actions { | |
| 1558 | + margin-top: 16px; | |
| 1559 | + display: flex; | |
| 1560 | + flex-direction: column; | |
| 1561 | + gap: 10px; | |
| 1562 | +} | |
| 1563 | + | |
| 1564 | +.berqwp-db-action { | |
| 1565 | + display: flex; | |
| 1566 | + align-items: center; | |
| 1567 | + justify-content: space-between; | |
| 1568 | + gap: 15px; | |
| 1569 | + flex-wrap: wrap; | |
| 1570 | + padding: 14px 18px; | |
| 1571 | + border: 1px solid #e0e9fa; | |
| 1572 | + border-radius: 8px; | |
| 1573 | + background: #f8fafd; | |
| 1574 | + | |
| 1575 | + span { | |
| 1576 | + color: #0c2d66; | |
| 1577 | + font-size: 15px; | |
| 1578 | + font-weight: 500; | |
| 1579 | + } | |
| 1580 | + | |
| 1581 | + a.berq-btn { | |
| 1582 | + margin-bottom: 0; | |
| 1583 | + flex-shrink: 0; | |
| 1584 | + | |
| 1585 | + &.disabled { | |
| 1586 | + opacity: 0.6; | |
| 1587 | + pointer-events: none; | |
| 1588 | + } | |
| 1589 | + } | |
| 1590 | +} | |
| 1591 | + | |
| 1592 | +input.berqwp-inline-number { | |
| 1593 | + width: 60px; | |
| 1594 | + padding: 4px 8px; | |
| 1595 | + margin: 0 4px; | |
| 1596 | + border: 1px solid #dbe9fe; | |
| 1597 | + border-radius: 5px; | |
| 1598 | + color: #0c2d66; | |
| 1599 | + font-size: 14px; | |
| 1600 | +} | |
| 1601 | + | |
| 1602 | +.berqwp-db-scheduled-tasks { | |
| 1603 | + margin-top: 12px; | |
| 1604 | + display: grid; | |
| 1605 | + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); | |
| 1606 | + gap: 4px 20px; | |
| 1607 | + | |
| 1608 | + label.berq-check { | |
| 1609 | + margin-top: 0; | |
| 1610 | + } | |
| 1611 | +} | |
| 1612 | + | |
| 1613 | +// Debloat tab: Heartbeat interval field | |
| 1614 | +.berqwp-heartbeat-interval { | |
| 1615 | + margin-top: 16px; | |
| 1616 | + | |
| 1617 | + label { | |
| 1618 | + display: flex; | |
| 1619 | + align-items: center; | |
| 1620 | + gap: 10px; | |
| 1621 | + color: #0c2d66; | |
| 1622 | + font-size: 14px; | |
| 1623 | + } | |
| 1624 | + | |
| 1625 | + input[type="number"] { | |
| 1626 | + width: 80px; | |
| 1627 | + padding: 6px 10px; | |
| 1628 | + border: 1px solid #dbe9fe; | |
| 1629 | + border-radius: 5px; | |
| 1630 | + color: #0c2d66; | |
| 1631 | + } | |
| 1506 | 1632 | } |
