← All changes | admin/assets/css/upk-admin.css +81 -31 4.0.9 → 4.5.6 View file →

		@@ -902,17 +902,30 @@
902	902	.ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .upk-white-label-options .upk-option-item-inner {
903	903	background: #fefefe;
904	904	padding: 30px;
905	905	}
906		-.ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin {
907		- display: flex;
908		- flex-direction: column;
	906	+.ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list {
	907	+ display: grid;
	908	+ grid-template-columns: 1fr;
909	909	gap: 20px;
910	910	}
911	911	.ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card {
	912	+ display: flex;
912	913	flex-direction: column;
913		- gap: 20px;
	914	+ align-items: flex-start;
	915	+ gap: 8px;
	916	+ height: 100%;
	917	+ padding: 25px 20px;
	918	+ background: var(--upk-white, #ffffff);
	919	+ border: 1px solid var(--upk-gray-medium, #e8f0f3);
	920	+ border-radius: var(--upk-border-radius, 10px);
	921	+ transition: var(--upk-transition, all 0.3s ease);
914	922	}
	923	+.ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card:hover {
	924	+ border-color: var(--upk-primary, #6c5ce7);
	925	+ box-shadow: var(--upk-shadow, 0 10px 20px rgba(108, 92, 231, 0.1));
	926	+ transform: translateY(-3px);
	927	+}
915	928	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card {
916	929	border-radius: 6px;
917	930	transition-property: box-shadow, color;
918	931	transition-duration: 0.3s;
		@@ -940,36 +953,45 @@
940	953	text-transform: uppercase;
941	954	}
942	955	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content {
943	956	width: 100%;
944		- gap: 20px;
	957	+ gap: 8px;
945	958	flex-direction: column;
946	959	align-items: flex-start;
947	960	}
948	961	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title {
949		- font-weight: 500;
	962	+ font-weight: 600;
	963	+ font-size: 16px;
	964	+ line-height: 1.4;
	965	+ color: var(--upk-text-dark, #2d3436);
950	966	}
951	967	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-plugin-logo-wrap {
952		- gap: 15px;
	968	+ flex-direction: column;
	969	+ align-items: flex-start;
	970	+ gap: 12px;
	971	+ width: 100%;
953	972	}
954	973	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content img {
955		- width: clamp(50px, 8vw, 70px);
956		- height: auto;
	974	+ width: 48px;
	975	+ height: 48px;
	976	+ flex: none;
	977	+ object-fit: contain;
957	978	vertical-align: middle;
	979	+ border-radius: 4px;
958	980	}
959	981	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title {
960	982	margin-bottom: 0;
961	983	}
962	984	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content p {
963		- margin: 0 0 10px 0;
964		- font-size: 15px;
	985	+ margin: 0 0 4px 0;
	986	+ font-size: 14px;
965	987	line-height: 1.5;
966		- color: #656a71;
967		- max-width: 600px;
968		- font-weight: 300;
	988	+ color: var(--upk-text-light, #636e72);
	989	+ max-width: none;
	990	+ font-weight: 400;
969	991	}
970	992	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs {
971		- font-size: 14px;
	993	+ font-size: 13px;
972	994	font-weight: 500;
973	995	color: #9C27B0;
974	996	}
975	997	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs .installs-count {
		@@ -974,9 +996,16 @@
974	996	}
975	997	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs .installs-count {
976	998	color: #9C27B0;
977	999	}
	1000	+.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-others-plugin-downloads {
	1001	+ font-size: 13px;
	1002	+ color: var(--upk-success, #00b894);
	1003	+ font-weight: 500;
	1004	+}
978	1005	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-others-plugin-updated {
	1006	+ font-size: 13px;
	1007	+ font-style: italic;
979	1008	color: #656a71;
980	1009	}
981	1010	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link {
982	1011	display: flex;
		@@ -983,10 +1012,10 @@
983	1012	flex-wrap: wrap;
984	1013	justify-content: left;
985	1014	gap: 8px;
986	1015	width: 100%;
987		- flex: 1;
988		- min-width: 300px;
	1016	+ margin-top: auto;
	1017	+ padding-top: 5px;
989	1018	}
990	1019	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link .bdt-dashboard-sec-btn {
991	1020	padding: 9px 20px !important;
992	1021	}
		@@ -1026,8 +1055,25 @@
1026	1055	}
1027	1056	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-welcome-button:hover {
1028	1057	background: linear-gradient(to right, #58D34D, #00A85C);
1029	1058	}
	1059	+.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-button-success {
	1060	+ display: inline-flex;
	1061	+ align-items: center;
	1062	+ justify-content: center;
	1063	+ gap: 4px;
	1064	+ background: rgba(0, 168, 92, 0.12);
	1065	+ color: #00A85C;
	1066	+ border: 1px solid rgba(0, 168, 92, 0.25);
	1067	+ cursor: default;
	1068	+}
	1069	+.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-button-success .dashicons {
	1070	+ color: inherit;
	1071	+ font-size: 16px;
	1072	+ width: 16px;
	1073	+ height: 16px;
	1074	+ line-height: 1;
	1075	+}
1030	1076	.ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-dashboard-sec-btn {
1031	1077	color: #58D34D;
1032	1078	border: 2px solid #58D34D;
1033	1079	}
		@@ -1297,9 +1343,9 @@
1297	1343	.ultimate-post-kit-dashboard .upk-purchase-button a {
1298	1344	color: #ffffff;
1299	1345	border-style: none;
1300	1346	border-radius: 4px 4px 4px 4px;
1301		- box-shadow: 0px 10px 40px 0px rgba(0, 130, 117, 0.29);
	1347	+ box-shadow: 0px 10px 40px 0px rgba(0, 168, 92, 0.29);
1302	1348	padding: 18px 45px 18px 45px;
1303	1349	font-weight: 700;
1304	1350	cursor: pointer;
1305	1351	display: inline-block;
		@@ -1310,15 +1356,15 @@
1310	1356	transition: all 0.3s ease-out;
1311	1357	text-align: center;
1312	1358	overflow: hidden;
1313	1359	background-color: transparent;
1314		- background-image: linear-gradient(145deg, #20e2ad 0%, #08aeec 100%);
	1360	+ background-image: linear-gradient(145deg, #00A85C 0%, #58D34D 100%);
1315	1361	text-decoration: none;
1316	1362	letter-spacing: 1px;
1317	1363	}
1318	1364	.ultimate-post-kit-dashboard .upk-purchase-button a:hover {
1319		- background-image: linear-gradient(145deg, #08aeec 0%, #20e2ad 100%);
1320		- box-shadow: 0px 10px 40px 0px rgba(0, 130, 117, 0.46);
	1365	+ background-image: linear-gradient(145deg, #58D34D 0%, #00A85C 100%);
	1366	+ box-shadow: 0px 10px 40px 0px rgba(0, 168, 92, 0.46);
1321	1367	}
1322	1368	.ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .el-license-container p.submit {
1323	1369	margin: 0;
1324	1370	padding: 0;
		@@ -2201,8 +2247,10 @@
2201	2247	.ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn,
2202	2248	.ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn,
2203	2249	.ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn {
2204	2250	padding: 3px 30px;
	2251	+ line-height: 40px;
	2252	+ font-size: 16px;
2205	2253	color: #fff;
2206	2254	background: linear-gradient(to right, #00A85C, #58D34D);
2207	2255	border: 0;
2208	2256	border-radius: 6px;
		@@ -2209,17 +2257,19 @@
2209	2257	}
2210	2258	.ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn {
2211	2259	margin-right: 12px;
2212	2260	}
	2261	+.ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn:hover {
	2262	+ background: linear-gradient(to right, #58D34D, #00A85C);
	2263	+}
2213	2264	.ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn,
2214	2265	.ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn {
2215		- background: #ffcdd9;
2216		- color: #EF476F;
	2266	+ background: linear-gradient(to right, #fa6336, #ff3c3c);
	2267	+ color: #fff;
2217	2268	}
2218	2269	.ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn:hover,
2219	2270	.ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn:hover {
2220		- background: #EF476F;
2221		- color: #fff;
	2271	+ background: linear-gradient(to right, #ff3c3c, #fa6336);
2222	2272	}
2223	2273	.ultimate-post-kit-dashboard .upk-code-message,
2224	2274	.ultimate-post-kit-dashboard .upk-white-label-message {
2225	2275	position: fixed;
		@@ -2576,8 +2626,11 @@
2576	2626	}
2577	2627	.ultimate-post-kit-dashboard.wrap .upk-content-type-filter {
2578	2628	display: block;
2579	2629	}
	2630	+ .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list {
	2631	+ grid-template-columns: repeat(2, 1fr);
	2632	+ }
2580	2633	}
2581	2634	@media (min-width: 1200px) {
2582	2635	.ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper {
2583	2636	display: block;
		@@ -2588,14 +2641,11 @@
2588	2641	}
2589	2642	.ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) {
2590	2643	grid-column: span 5/auto;
2591	2644	}
2592		- .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card {
2593		- flex-direction: row;
	2645	+ .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .upk-plugins-list {
	2646	+ grid-template-columns: repeat(3, 1fr);
2594	2647	}
2595		- .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card .bdt-others-plugins-link {
2596		- justify-content: right;
2597		- }
2598	2648	}
2599	2649	@media (min-width: 1440px) {
2600	2650	.ultimate-post-kit-dashboard.wrap .upk-dashboard-container {
2601	2651	gap: 30px;
		@@ -2656,5 +2706,5 @@
2656	2706	@media (max-width: 768px) {
2657	2707	.ultimate-post-kit-dashboard.wrap .upk-white-label-input {
2658	2708	max-width: 100%;
2659	2709	}
2660		-}
	2710	+}