← All changes | admin/css/style.scss +134 -13 4.0.24 → trunk View file →

		@@ -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;
		@@ -851,9 +860,9 @@
851	860	background-color: #1f71ff;
852	861	padding: 10px 13px;
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,34 @@
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: 7px;
979	988	color: #fff;
980		- padding: 15px 30px;
981		- font-size: 18px;
	989	+ padding: 12px 20px;
	990	+ font-size: 15px;
982	991	text-decoration: none;
983	992
984	993	&:hover {
985	994	background-color: #2067e3;
986	995	}
	996	+
	997	+ &.secondary {
	998	+ background: #edeef1;
	999	+ color: #222;
	1000	+
	1001	+ &:hover {
	1002	+ background-color: #e0e1e5;
	1003	+ }
	1004	+ }
	1005	+
987	1006	}
988	1007	}
989	1008	}
990	1009
		@@ -1322,9 +1341,9 @@
1322	1341	justify-content: center;
1323	1342	align-content: center;
1324	1343	background-color: #1f71ff;
1325	1344	color: #fff;
1326		- padding: 8px 16px;
	1345	+ padding: 10px 16px;
1327	1346	border-radius: 8px;
1328	1347	gap: 6px;
1329	1348	transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s all;
1330	1349	text-decoration: none !important;
		@@ -1329,8 +1348,12 @@
1329	1348	transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s all;
1330	1349	text-decoration: none !important;
1331	1350	border: 1px solid transparent;
1332	1351
	1352	+ .icon {
	1353	+ display: flex;
	1354	+ }
	1355	+
1333	1356	&.light {
1334	1357	background-color: #fff;
1335	1358	color: #0c2d66;
1336	1359	border: 1px solid #d4dff2;
		@@ -1345,8 +1368,14 @@
1345	1368	svg {
1346	1369	width: 15px;
1347	1370	height: auto;
1348	1371	}
	1372	+
	1373	+ &.bwp-upgrade-btn {
	1374	+ background: #4d1fff;
	1375	+ color: #fff;
	1376	+ border-color: #4d1fff;
	1377	+ }
1349	1378	}
1350	1379
1351	1380	.berq-triple-boxes {
1352	1381	display: grid;
		@@ -1491,9 +1520,9 @@
1491	1520	}
1492	1521	}
1493	1522
1494	1523	.berq-box-title.cloud-exclusive::after {
1495		- content: 'Cloud exclusive';
	1524	+ content: 'Premium';
1496	1525	font-weight: normal;
1497	1526	font-size: 12px;
1498	1527	margin-left: 10px;
1499	1528	background: #2aad2a;
		@@ -1503,4 +1532,96 @@
1503	1532	margin-top: 0px !important;
1504	1533	display: inline-block;
1505	1534	position: absolute;
1506	1535	}
	1536	+
	1537	+.berqwp-continue-free {
	1538	+ text-align: center;
	1539	+ font-size: 15px;
	1540	+ margin-top: 80px;
	1541	+ align-self: end;
	1542	+
	1543	+
	1544	+ a {
	1545	+ color: #acbbd5;
	1546	+ text-decoration: none;
	1547	+ }
	1548	+
	1549	+}
	1550	+
	1551	+// Database tab: cleanup action rows
	1552	+.berqwp-db-actions {
	1553	+ margin-top: 16px;
	1554	+ display: flex;
	1555	+ flex-direction: column;
	1556	+ gap: 10px;
	1557	+}
	1558	+
	1559	+.berqwp-db-action {
	1560	+ display: flex;
	1561	+ align-items: center;
	1562	+ justify-content: space-between;
	1563	+ gap: 15px;
	1564	+ flex-wrap: wrap;
	1565	+ padding: 14px 18px;
	1566	+ border: 1px solid #e0e9fa;
	1567	+ border-radius: 8px;
	1568	+ background: #f8fafd;
	1569	+
	1570	+ span {
	1571	+ color: #0c2d66;
	1572	+ font-size: 15px;
	1573	+ font-weight: 500;
	1574	+ }
	1575	+
	1576	+ a.berq-btn {
	1577	+ margin-bottom: 0;
	1578	+ flex-shrink: 0;
	1579	+
	1580	+ &.disabled {
	1581	+ opacity: 0.6;
	1582	+ pointer-events: none;
	1583	+ }
	1584	+ }
	1585	+}
	1586	+
	1587	+input.berqwp-inline-number {
	1588	+ width: 60px;
	1589	+ padding: 4px 8px;
	1590	+ margin: 0 4px;
	1591	+ border: 1px solid #dbe9fe;
	1592	+ border-radius: 5px;
	1593	+ color: #0c2d66;
	1594	+ font-size: 14px;
	1595	+}
	1596	+
	1597	+.berqwp-db-scheduled-tasks {
	1598	+ margin-top: 12px;
	1599	+ display: grid;
	1600	+ grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	1601	+ gap: 4px 20px;
	1602	+
	1603	+ label.berq-check {
	1604	+ margin-top: 0;
	1605	+ }
	1606	+}
	1607	+
	1608	+// Debloat tab: Heartbeat interval field
	1609	+.berqwp-heartbeat-interval {
	1610	+ margin-top: 16px;
	1611	+
	1612	+ label {
	1613	+ display: flex;
	1614	+ align-items: center;
	1615	+ gap: 10px;
	1616	+ color: #0c2d66;
	1617	+ font-size: 14px;
	1618	+ }
	1619	+
	1620	+ input[type="number"] {
	1621	+ width: 80px;
	1622	+ padding: 6px 10px;
	1623	+ border: 1px solid #dbe9fe;
	1624	+ border-radius: 5px;
	1625	+ color: #0c2d66;
	1626	+ }
	1627	+}