PluginProbe
Elementor Website Builder – more than just a page builder / 3.34.0-beta1
Elementor Website Builder – more than just a page builder v3.34.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
← All changes | assets/css/admin.css +89 -177 4.0.9 → 3.34.0-beta1 View file →
@@ -1270,14 +1270,63 @@
1270 1270 --e-context-cta-color: #524CFF;
1271 1271 --e-context-cta-color-dark: rgb(32.7094972067, 25, 255);
1272 1272 --e-context-cta-tint-4: rgba(82, 76, 255, 0.4);
1273 1273 --e-context-cta-tint-1: rgba(82, 76, 255, 0.04);
1274 - --e-context-promotion-color: #93003f;
1275 - --e-context-promotion-color-dark: rgb(96, 0, 41.1428571429);
1276 - --e-context-promotion-tint-4: rgba(147, 0, 63, 0.4);
1277 - --e-context-promotion-tint-1: rgba(147, 0, 63, 0.04);
1278 1274 }
1279 1275
1276 +.e-getting-started {
1277 + max-width: 900px;
1278 + padding: 2.5em 0;
1279 + margin: auto;
1280 + text-align: center;
1281 +}
1282 +.e-getting-started__header {
1283 + display: flex;
1284 + flex-direction: row;
1285 + justify-content: space-between;
1286 + align-items: center;
1287 + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
1288 +}
1289 +.e-getting-started__header .e-logo-wrapper {
1290 + font-size: 10px;
1291 + margin-inline-end: 10px;
1292 +}
1293 +.e-getting-started__title {
1294 + padding: 0 15px;
1295 + font-weight: 600;
1296 + text-transform: uppercase;
1297 + display: flex;
1298 + align-items: center;
1299 +}
1300 +.e-getting-started__skip {
1301 + border-inline-start: 1px solid #eee;
1302 + font-size: 16px;
1303 + color: inherit;
1304 +}
1305 +.e-getting-started__skip i {
1306 + padding: 15px;
1307 +}
1308 +.e-getting-started__content {
1309 + padding: 50px;
1310 +}
1311 +.e-getting-started__content h2 {
1312 + font-size: 2em;
1313 + margin-block-start: 0;
1314 +}
1315 +.e-getting-started__content--narrow {
1316 + max-width: 500px;
1317 + margin: auto;
1318 +}
1319 +.e-getting-started__video {
1320 + margin: 40px 0 60px;
1321 +}
1322 +.e-getting-started__video iframe {
1323 + box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
1324 +}
1325 +.e-getting-started__actions .button-primary {
1326 + margin-inline-end: 20px;
1327 +}
1328 +
1280 1329 :root {
1281 1330 --e-button-padding-block: 0.4375rem;
1282 1331 --e-button-padding-inline: 0.75rem;
1283 1332 --e-button-font-size: 0.8125rem;
@@ -1288,49 +1337,8 @@
1288 1337 --e-button-context-color-dark: var(--e-context-primary-color-dark);
1289 1338 --e-button-context-tint: var(--e-context-primary-tint-1);
1290 1339 }
1291 1340
1292 -.notice a.e-button,
1293 -.error a.e-button,
1294 -.updated a.e-button {
1295 - color: #ffffff;
1296 - text-decoration: none;
1297 -}
1298 -.notice a.e-button:hover, .notice a.e-button:focus, .notice a.e-button:active,
1299 -.error a.e-button:hover,
1300 -.error a.e-button:focus,
1301 -.error a.e-button:active,
1302 -.updated a.e-button:hover,
1303 -.updated a.e-button:focus,
1304 -.updated a.e-button:active {
1305 - color: #ffffff;
1306 - text-decoration: none;
1307 -}
1308 -.notice a.e-button.e-button--outline,
1309 -.error a.e-button.e-button--outline,
1310 -.updated a.e-button.e-button--outline {
1311 - color: var(--e-button-context-color);
1312 -}
1313 -.notice a.e-button.e-button--outline:hover, .notice a.e-button.e-button--outline:focus,
1314 -.error a.e-button.e-button--outline:hover,
1315 -.error a.e-button.e-button--outline:focus,
1316 -.updated a.e-button.e-button--outline:hover,
1317 -.updated a.e-button.e-button--outline:focus {
1318 - color: var(--e-button-context-color-dark);
1319 -}
1320 -.notice a.e-button.e-button--link,
1321 -.error a.e-button.e-button--link,
1322 -.updated a.e-button.e-button--link {
1323 - color: var(--e-button-context-color);
1324 -}
1325 -.notice a.e-button.e-button--link:hover, .notice a.e-button.e-button--link:focus,
1326 -.error a.e-button.e-button--link:hover,
1327 -.error a.e-button.e-button--link:focus,
1328 -.updated a.e-button.e-button--link:hover,
1329 -.updated a.e-button.e-button--link:focus {
1330 - color: var(--e-button-context-color-dark);
1331 -}
1332 -
1333 1341 .e-button {
1334 1342 display: inline-block;
1335 1343 font-weight: var(--e-button-font-weight);
1336 1344 text-align: center;
@@ -1403,14 +1411,8 @@
1403 1411 --e-button-context-color-dark: var(--e-context-cta-color-dark);
1404 1412 --e-button-context-tint: var(--e-context-cta-tint-1);
1405 1413 --e-focus-color: var(--e-context-cta-tint-4);
1406 1414 }
1407 -.e-button--promotion {
1408 - --e-button-context-color: var(--e-context-promotion-color);
1409 - --e-button-context-color-dark: var(--e-context-promotion-color-dark);
1410 - --e-button-context-tint: var(--e-context-promotion-tint-1);
1411 - --e-focus-color: var(--e-context-promotion-tint-4);
1412 -}
1413 1415 .e-button.e-button--outline {
1414 1416 color: var(--e-button-context-color);
1415 1417 background: none;
1416 1418 border: 1px solid currentColor;
@@ -1510,13 +1512,8 @@
1510 1512 --e-notice-context-color: var(--e-context-cta-color);
1511 1513 --e-notice-context-color-dark: var(--e-context-cta-color-dark);
1512 1514 --e-notice-context-tint: var(--e-context-cta-tint-1);
1513 1515 }
1514 -.e-notice--promotion {
1515 - --e-notice-context-color: var(--e-context-promotion-color);
1516 - --e-notice-context-color-dark: var(--e-context-promotion-color-dark);
1517 - --e-notice-context-tint: var(--e-context-promotion-tint-1);
1518 -}
1519 1516 .e-notice--extended {
1520 1517 --e-notice-is-extended: 1;
1521 1518 }
1522 1519 .e-notice--dismissible {
@@ -1532,14 +1529,16 @@
1532 1529 flex-shrink: 0;
1533 1530 }
1534 1531 .e-notice__icon-wrapper {
1535 1532 display: inline-block;
1536 - font-size: 1.5rem;
1533 + font-size: 0.625rem;
1537 1534 max-height: 1.5rem;
1538 1535 width: 1.5rem;
1539 1536 line-height: 1.5rem;
1540 - color: var(--e-notice-context-color);
1541 1537 border-radius: 100px;
1538 + background: var(--e-notice-context-color);
1539 + color: #fff;
1540 + text-shadow: 0 0 3px var(--e-notice-context-color-dark), 0 0 1px var(--e-notice-context-color-dark), 0 0 1px var(--e-notice-context-color-dark);
1542 1541 }
1543 1542 .e-notice__content {
1544 1543 padding: 20px;
1545 1544 }
@@ -1544,10 +1543,12 @@
1544 1543 padding: 20px;
1545 1544 }
1546 1545 .e-notice__actions {
1547 1546 display: flex;
1548 - gap: 8px;
1549 1547 }
1548 +.e-notice__actions > * + * {
1549 + margin-inline-start: 8px;
1550 +}
1550 1551 .e-notice__dismiss {
1551 1552 width: 20px;
1552 1553 height: 20px;
1553 1554 line-height: 20px;
@@ -2124,9 +2125,8 @@
2124 2125
2125 2126 #elementor_rollback > div,
2126 2127 #elementor_rollback_pro > div {
2127 2128 display: flex;
2128 - align-items: center;
2129 2129 }
2130 2130 #elementor_rollback > div input,
2131 2131 #elementor_rollback > div select,
2132 2132 #elementor_rollback_pro > div input,
@@ -2146,15 +2146,8 @@
2146 2146 }
2147 2147 .tab-import-export-kit__container:not(:first-child) {
2148 2148 margin-block-start: 5px;
2149 2149 }
2150 -.tab-import-export-kit__container.e-editor-one {
2151 - border: 1px solid rgba(0, 0, 0, 0.12);
2152 - border-radius: 8px;
2153 -}
2154 -.tab-import-export-kit__container.e-editor-one:not(:first-child) {
2155 - margin-block-start: 20px;
2156 -}
2157 2150 .tab-import-export-kit__container p {
2158 2151 font-size: 16px;
2159 2152 margin: 20px 0 25px;
2160 2153 }
@@ -2209,11 +2202,14 @@
2209 2202 margin: 0;
2210 2203 }
2211 2204 .tab-import-export-kit__revert .tab-import-export-kit__kit-item img {
2212 2205 width: 330px;
2213 - height: auto;
2214 - max-width: 100%;
2215 - aspect-ratio: 330/315;
2206 + height: 315px;
2207 + padding: 0.625rem;
2208 + -o-object-fit: cover;
2209 + object-fit: cover;
2210 + -o-object-position: top;
2211 + object-position: top;
2216 2212 }
2217 2213 .tab-import-export-kit__revert .button, .tab-import-export-kit__revert .button:hover {
2218 2214 color: #a94442;
2219 2215 border-color: #a94442;
@@ -2326,54 +2322,8 @@
2326 2322 color: #93003f;
2327 2323 font-weight: 500;
2328 2324 }
2329 2325
2330 -[class*=branch-7].wp-core-ui .button .dashicons {
2331 - vertical-align: middle;
2332 - line-height: 1.2;
2333 - color: var(--wp-admin-theme-color);
2334 -}
2335 -
2336 -#e-dashboard-ally .ui-sortable-handle {
2337 - justify-content: flex-start;
2338 - gap: 8px;
2339 -}
2340 -
2341 -#dashboard-widgets .e-dashboard-ally {
2342 - padding: 28px 0;
2343 -}
2344 -#dashboard-widgets .e-dashboard-ally .e-dashboard-ally-img {
2345 - text-align: center;
2346 - margin-block-end: 16px;
2347 -}
2348 -#dashboard-widgets .e-dashboard-ally .e-dashboard-ally-info {
2349 - display: flex;
2350 - flex-direction: column;
2351 - align-items: center;
2352 - text-align: center;
2353 - margin-block-end: 20px;
2354 -}
2355 -#dashboard-widgets .e-dashboard-ally .e-dashboard-ally-title {
2356 - font-size: 20px;
2357 - line-height: 32px;
2358 - color: #0C0D0E;
2359 - margin-block-end: 0;
2360 -}
2361 -#dashboard-widgets .e-dashboard-ally .e-dashboard-ally-description {
2362 - max-width: 295px;
2363 - font-size: 14px;
2364 - line-height: 20px;
2365 - color: #3F444B;
2366 - margin: 0 0 16px;
2367 -}
2368 -
2369 -label[for=e-dashboard-ally-hide] svg {
2370 - display: inline-block;
2371 - vertical-align: middle;
2372 - margin-inline-end: 4px;
2373 - margin-block-end: 2px;
2374 -}
2375 -
2376 2326 .post-type-elementor_library #elementor-template-library-tabs-wrapper {
2377 2327 padding-block-start: 2em;
2378 2328 margin-block-end: 2em;
2379 2329 }
@@ -2539,17 +2489,8 @@
2539 2489 background: #ffffff;
2540 2490 color: #3f444b;
2541 2491 margin-block-end: 2px;
2542 2492 }
2543 -#elementor-role-manager .elementor-role-row.e-editor-one {
2544 - border: 1px solid rgba(0, 0, 0, 0.12);
2545 - margin-block-end: 20px;
2546 - border-radius: 8px;
2547 -}
2548 -#elementor-role-manager .elementor-role-row.e-editor-one .elementor-role-controls {
2549 - border-end-start-radius: 8px;
2550 - border-end-end-radius: 8px;
2551 -}
2552 2493 #elementor-role-manager .elementor-role-row .elementor-role-label {
2553 2494 display: flex;
2554 2495 padding: 15px 20px;
2555 2496 font-weight: 500;
@@ -2567,9 +2508,8 @@
2567 2508 }
2568 2509 #elementor-role-manager .elementor-role-row .elementor-role-controls {
2569 2510 background-color: #F9FAFA;
2570 2511 padding: 20px 20px 5px;
2571 - transition: all 0.3s ease-in-out;
2572 2512 }
2573 2513 #elementor-role-manager .elementor-role-row .elementor-role-controls > div {
2574 2514 margin-block-end: 15px;
2575 2515 }
@@ -2602,8 +2542,11 @@
2602 2542 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area:hover .elementor-beta-tester-do-not-show-again,
2603 2543 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area:hover .elementor-templates-modal__header__item > i {
2604 2544 color: var(--e-a-color-txt-hover);
2605 2545 }
2546 +#elementor-beta-tester-modal .elementor-templates-modal__header__items-area .elementor-templates-modal__header__close {
2547 + border: none;
2548 +}
2606 2549 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area .elementor-beta-tester-do-not-show-again {
2607 2550 text-transform: uppercase;
2608 2551 font-weight: bold;
2609 2552 font-size: 12px;
@@ -2658,9 +2601,8 @@
2658 2601 .e-experiment__title {
2659 2602 display: flex;
2660 2603 align-items: flex-start;
2661 2604 flex-direction: column;
2662 - position: relative;
2663 2605 }
2664 2606 .e-experiment__title__indicator {
2665 2607 position: absolute;
2666 2608 height: 10px;
@@ -2695,12 +2637,8 @@
2695 2637 .e-experiment__title__tag__deprecated {
2696 2638 background: #e66;
2697 2639 color: white;
2698 2640 }
2699 -.e-experiment__title__tag.e-editor-one {
2700 - background: #EBEBEB;
2701 - color: #3F444B;
2702 -}
2703 2641 .e-experiment__table-title {
2704 2642 margin: 30px 0;
2705 2643 }
2706 2644 .e-experiment__dependency, .e-experiment__status {
@@ -2823,22 +2761,15 @@
2823 2761 max-width: 90%;
2824 2762 aspect-ratio: 16/9;
2825 2763 }
2826 2764 }
2827 -#wpcontent .wrap.elementor-admin-page-license {
2828 - flex-direction: column;
2829 - align-items: flex-start;
2830 - flex-wrap: nowrap;
2831 -}
2832 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box {
2833 - width: 100%;
2765 +.wrap.elementor-admin-page-license .elementor-license-box {
2834 2766 max-width: 600px;
2835 2767 background: white;
2836 2768 margin: 20px 0;
2837 2769 padding: 20px 20px;
2838 - box-sizing: border-box;
2839 2770 }
2840 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 {
2771 +.wrap.elementor-admin-page-license .elementor-license-box h3 {
2841 2772 display: flex;
2842 2773 justify-content: space-between;
2843 2774 align-items: center;
2844 2775 margin: 0;
@@ -2845,67 +2776,48 @@
2845 2776 padding: 0;
2846 2777 padding-block-end: 20px;
2847 2778 border-block-end: 1px solid #eee;
2848 2779 }
2849 -@media screen and (max-width: 782px) {
2850 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 {
2851 - flex-wrap: wrap;
2852 - gap: 15px;
2853 - }
2854 -}
2855 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 span {
2780 +.wrap.elementor-admin-page-license .elementor-license-box h3 span {
2856 2781 flex-grow: 1;
2857 2782 padding-inline-start: 5px;
2858 2783 }
2859 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 small {
2784 +.wrap.elementor-admin-page-license .elementor-license-box h3 small {
2860 2785 font-size: 13px;
2861 2786 font-weight: normal;
2862 2787 }
2863 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box label {
2788 +.wrap.elementor-admin-page-license .elementor-license-box label {
2864 2789 display: block;
2865 2790 font-size: 1.3em;
2866 2791 font-weight: 600;
2867 2792 margin: 1em 0;
2868 2793 }
2869 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .button {
2794 +.wrap.elementor-admin-page-license .elementor-license-box .button {
2795 + height: 30px;
2870 2796 margin-inline-start: 15px;
2871 2797 margin-block-end: 0;
2872 2798 }
2873 -@media screen and (max-width: 782px) {
2874 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .button {
2875 - margin-inline: 0;
2876 - min-height: auto;
2877 - }
2878 -}
2879 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box p.description {
2799 +.wrap.elementor-admin-page-license .elementor-license-box p.description {
2880 2800 margin: 10px 0;
2881 2801 }
2882 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch, #wpcontent .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch {
2802 +.wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch, .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch {
2883 2803 display: flex;
2884 2804 align-items: center;
2885 2805 justify-content: space-between;
2886 2806 }
2887 -@media screen and (max-width: 782px) {
2888 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch, #wpcontent .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch {
2889 - align-items: flex-start;
2890 - }
2891 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch .button, #wpcontent .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch .button {
2892 - margin-inline-start: 10px;
2893 - }
2894 -}
2895 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-divider-bottom {
2807 +.wrap.elementor-admin-page-license .elementor-license-box .e-row-divider-bottom {
2896 2808 padding-block-end: 15px;
2897 2809 border-block-end: 1px solid #eeeeee;
2898 2810 }
2899 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link {
2811 +.wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link {
2900 2812 color: #93003f;
2901 2813 border-color: #93003f;
2902 2814 }
2903 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link:hover {
2815 +.wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link:hover {
2904 2816 color: #fff;
2905 2817 background-color: #93003f;
2906 2818 }
2907 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion {
2819 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion {
2908 2820 display: flex;
2909 2821 flex-direction: row;
2910 2822 gap: 40px;
2911 2823 justify-content: start;
@@ -2910,15 +2822,15 @@
2910 2822 gap: 40px;
2911 2823 justify-content: start;
2912 2824 align-items: center;
2913 2825 }
2914 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion h2 {
2826 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion h2 {
2915 2827 line-height: 24px;
2916 2828 }
2917 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion .elementor-box-action {
2829 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion .elementor-box-action {
2918 2830 justify-content: flex-start;
2919 2831 }
2920 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion .button-upgrade {
2832 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion .button-upgrade {
2921 2833 display: inline-flex;
2922 2834 align-items: center;
2923 2835 gap: 10px;
2924 2836 margin-inline: 0;
@@ -2926,20 +2838,20 @@
2926 2838 color: #fff;
2927 2839 background-color: #93003f;
2928 2840 border: 0;
2929 2841 }
2930 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion > img {
2842 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion > img {
2931 2843 width: 45%;
2932 2844 }
2933 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action {
2845 +.wrap.elementor-admin-page-license .elementor-box-action {
2934 2846 display: flex;
2935 2847 justify-content: flex-end;
2936 2848 }
2937 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
2849 +.wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
2938 2850 color: #72777c;
2939 2851 margin-inline-end: 15px;
2940 2852 }
2941 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link:hover {
2853 +.wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link:hover {
2942 2854 color: inherit;
2943 2855 }
2944 2856
2945 2857 .elementor-control-notice {