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 -151 4.2.2 → 3.34.0-beta1 View file →
@@ -591,22 +591,8 @@
591 591 #adminmenu #toplevel_page_elementor a[href="admin.php?page=go_elementor_pro"]:hover, #adminmenu #toplevel_page_elementor a[href="admin.php?page=go_elementor_pro"]:focus {
592 592 background-color: rgb(198, 0, 84.8571428571);
593 593 box-shadow: none;
594 594 }
595 -#adminmenu #toplevel_page_elementor-home a[href*=elementor-one-upgrade] {
596 - font-weight: 600;
597 - background-color: #93003f;
598 - color: #ffffff;
599 - margin: 3px 10px 0;
600 - display: block;
601 - text-align: center;
602 - border-radius: 3px;
603 - transition: all 0.3s;
604 -}
605 -#adminmenu #toplevel_page_elementor-home a[href*=elementor-one-upgrade]:hover, #adminmenu #toplevel_page_elementor-home a[href*=elementor-one-upgrade]:focus {
606 - background-color: rgb(198, 0, 84.8571428571);
607 - box-shadow: none;
608 -}
609 595 #adminmenu #menu-posts-elementor_library .wp-menu-image:before {
610 596 content: "\e8ff";
611 597 font-family: eicons;
612 598 font-size: 18px;
@@ -1284,14 +1270,63 @@
1284 1270 --e-context-cta-color: #524CFF;
1285 1271 --e-context-cta-color-dark: rgb(32.7094972067, 25, 255);
1286 1272 --e-context-cta-tint-4: rgba(82, 76, 255, 0.4);
1287 1273 --e-context-cta-tint-1: rgba(82, 76, 255, 0.04);
1288 - --e-context-promotion-color: #93003f;
1289 - --e-context-promotion-color-dark: rgb(96, 0, 41.1428571429);
1290 - --e-context-promotion-tint-4: rgba(147, 0, 63, 0.4);
1291 - --e-context-promotion-tint-1: rgba(147, 0, 63, 0.04);
1292 1274 }
1293 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 +
1294 1329 :root {
1295 1330 --e-button-padding-block: 0.4375rem;
1296 1331 --e-button-padding-inline: 0.75rem;
1297 1332 --e-button-font-size: 0.8125rem;
@@ -1302,49 +1337,8 @@
1302 1337 --e-button-context-color-dark: var(--e-context-primary-color-dark);
1303 1338 --e-button-context-tint: var(--e-context-primary-tint-1);
1304 1339 }
1305 1340
1306 -.notice a.e-button,
1307 -.error a.e-button,
1308 -.updated a.e-button {
1309 - color: #ffffff;
1310 - text-decoration: none;
1311 -}
1312 -.notice a.e-button:hover, .notice a.e-button:focus, .notice a.e-button:active,
1313 -.error a.e-button:hover,
1314 -.error a.e-button:focus,
1315 -.error a.e-button:active,
1316 -.updated a.e-button:hover,
1317 -.updated a.e-button:focus,
1318 -.updated a.e-button:active {
1319 - color: #ffffff;
1320 - text-decoration: none;
1321 -}
1322 -.notice a.e-button.e-button--outline,
1323 -.error a.e-button.e-button--outline,
1324 -.updated a.e-button.e-button--outline {
1325 - color: var(--e-button-context-color);
1326 -}
1327 -.notice a.e-button.e-button--outline:hover, .notice a.e-button.e-button--outline:focus,
1328 -.error a.e-button.e-button--outline:hover,
1329 -.error a.e-button.e-button--outline:focus,
1330 -.updated a.e-button.e-button--outline:hover,
1331 -.updated a.e-button.e-button--outline:focus {
1332 - color: var(--e-button-context-color-dark);
1333 -}
1334 -.notice a.e-button.e-button--link,
1335 -.error a.e-button.e-button--link,
1336 -.updated a.e-button.e-button--link {
1337 - color: var(--e-button-context-color);
1338 -}
1339 -.notice a.e-button.e-button--link:hover, .notice a.e-button.e-button--link:focus,
1340 -.error a.e-button.e-button--link:hover,
1341 -.error a.e-button.e-button--link:focus,
1342 -.updated a.e-button.e-button--link:hover,
1343 -.updated a.e-button.e-button--link:focus {
1344 - color: var(--e-button-context-color-dark);
1345 -}
1346 -
1347 1341 .e-button {
1348 1342 display: inline-block;
1349 1343 font-weight: var(--e-button-font-weight);
1350 1344 text-align: center;
@@ -1417,14 +1411,8 @@
1417 1411 --e-button-context-color-dark: var(--e-context-cta-color-dark);
1418 1412 --e-button-context-tint: var(--e-context-cta-tint-1);
1419 1413 --e-focus-color: var(--e-context-cta-tint-4);
1420 1414 }
1421 -.e-button--promotion {
1422 - --e-button-context-color: var(--e-context-promotion-color);
1423 - --e-button-context-color-dark: var(--e-context-promotion-color-dark);
1424 - --e-button-context-tint: var(--e-context-promotion-tint-1);
1425 - --e-focus-color: var(--e-context-promotion-tint-4);
1426 -}
1427 1415 .e-button.e-button--outline {
1428 1416 color: var(--e-button-context-color);
1429 1417 background: none;
1430 1418 border: 1px solid currentColor;
@@ -1524,13 +1512,8 @@
1524 1512 --e-notice-context-color: var(--e-context-cta-color);
1525 1513 --e-notice-context-color-dark: var(--e-context-cta-color-dark);
1526 1514 --e-notice-context-tint: var(--e-context-cta-tint-1);
1527 1515 }
1528 -.e-notice--promotion {
1529 - --e-notice-context-color: var(--e-context-promotion-color);
1530 - --e-notice-context-color-dark: var(--e-context-promotion-color-dark);
1531 - --e-notice-context-tint: var(--e-context-promotion-tint-1);
1532 -}
1533 1516 .e-notice--extended {
1534 1517 --e-notice-is-extended: 1;
1535 1518 }
1536 1519 .e-notice--dismissible {
@@ -1546,14 +1529,16 @@
1546 1529 flex-shrink: 0;
1547 1530 }
1548 1531 .e-notice__icon-wrapper {
1549 1532 display: inline-block;
1550 - font-size: 1.5rem;
1533 + font-size: 0.625rem;
1551 1534 max-height: 1.5rem;
1552 1535 width: 1.5rem;
1553 1536 line-height: 1.5rem;
1554 - color: var(--e-notice-context-color);
1555 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);
1556 1541 }
1557 1542 .e-notice__content {
1558 1543 padding: 20px;
1559 1544 }
@@ -1558,10 +1543,12 @@
1558 1543 padding: 20px;
1559 1544 }
1560 1545 .e-notice__actions {
1561 1546 display: flex;
1562 - gap: 8px;
1563 1547 }
1548 +.e-notice__actions > * + * {
1549 + margin-inline-start: 8px;
1550 +}
1564 1551 .e-notice__dismiss {
1565 1552 width: 20px;
1566 1553 height: 20px;
1567 1554 line-height: 20px;
@@ -2138,9 +2125,8 @@
2138 2125
2139 2126 #elementor_rollback > div,
2140 2127 #elementor_rollback_pro > div {
2141 2128 display: flex;
2142 - align-items: center;
2143 2129 }
2144 2130 #elementor_rollback > div input,
2145 2131 #elementor_rollback > div select,
2146 2132 #elementor_rollback_pro > div input,
@@ -2160,15 +2146,8 @@
2160 2146 }
2161 2147 .tab-import-export-kit__container:not(:first-child) {
2162 2148 margin-block-start: 5px;
2163 2149 }
2164 -.tab-import-export-kit__container.e-editor-one {
2165 - border: 1px solid rgba(0, 0, 0, 0.12);
2166 - border-radius: 8px;
2167 -}
2168 -.tab-import-export-kit__container.e-editor-one:not(:first-child) {
2169 - margin-block-start: 20px;
2170 -}
2171 2150 .tab-import-export-kit__container p {
2172 2151 font-size: 16px;
2173 2152 margin: 20px 0 25px;
2174 2153 }
@@ -2223,11 +2202,14 @@
2223 2202 margin: 0;
2224 2203 }
2225 2204 .tab-import-export-kit__revert .tab-import-export-kit__kit-item img {
2226 2205 width: 330px;
2227 - height: auto;
2228 - max-width: 100%;
2229 - 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;
2230 2212 }
2231 2213 .tab-import-export-kit__revert .button, .tab-import-export-kit__revert .button:hover {
2232 2214 color: #a94442;
2233 2215 border-color: #a94442;
@@ -2340,14 +2322,8 @@
2340 2322 color: #93003f;
2341 2323 font-weight: 500;
2342 2324 }
2343 2325
2344 -[class*=branch-7].wp-core-ui .button .dashicons {
2345 - vertical-align: middle;
2346 - line-height: 1.2;
2347 - color: var(--wp-admin-theme-color);
2348 -}
2349 -
2350 2326 .post-type-elementor_library #elementor-template-library-tabs-wrapper {
2351 2327 padding-block-start: 2em;
2352 2328 margin-block-end: 2em;
2353 2329 }
@@ -2513,17 +2489,8 @@
2513 2489 background: #ffffff;
2514 2490 color: #3f444b;
2515 2491 margin-block-end: 2px;
2516 2492 }
2517 -#elementor-role-manager .elementor-role-row.e-editor-one {
2518 - border: 1px solid rgba(0, 0, 0, 0.12);
2519 - margin-block-end: 20px;
2520 - border-radius: 8px;
2521 -}
2522 -#elementor-role-manager .elementor-role-row.e-editor-one .elementor-role-controls {
2523 - border-end-start-radius: 8px;
2524 - border-end-end-radius: 8px;
2525 -}
2526 2493 #elementor-role-manager .elementor-role-row .elementor-role-label {
2527 2494 display: flex;
2528 2495 padding: 15px 20px;
2529 2496 font-weight: 500;
@@ -2541,9 +2508,8 @@
2541 2508 }
2542 2509 #elementor-role-manager .elementor-role-row .elementor-role-controls {
2543 2510 background-color: #F9FAFA;
2544 2511 padding: 20px 20px 5px;
2545 - transition: all 0.3s ease-in-out;
2546 2512 }
2547 2513 #elementor-role-manager .elementor-role-row .elementor-role-controls > div {
2548 2514 margin-block-end: 15px;
2549 2515 }
@@ -2576,8 +2542,11 @@
2576 2542 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area:hover .elementor-beta-tester-do-not-show-again,
2577 2543 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area:hover .elementor-templates-modal__header__item > i {
2578 2544 color: var(--e-a-color-txt-hover);
2579 2545 }
2546 +#elementor-beta-tester-modal .elementor-templates-modal__header__items-area .elementor-templates-modal__header__close {
2547 + border: none;
2548 +}
2580 2549 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area .elementor-beta-tester-do-not-show-again {
2581 2550 text-transform: uppercase;
2582 2551 font-weight: bold;
2583 2552 font-size: 12px;
@@ -2632,9 +2601,8 @@
2632 2601 .e-experiment__title {
2633 2602 display: flex;
2634 2603 align-items: flex-start;
2635 2604 flex-direction: column;
2636 - position: relative;
2637 2605 }
2638 2606 .e-experiment__title__indicator {
2639 2607 position: absolute;
2640 2608 height: 10px;
@@ -2669,12 +2637,8 @@
2669 2637 .e-experiment__title__tag__deprecated {
2670 2638 background: #e66;
2671 2639 color: white;
2672 2640 }
2673 -.e-experiment__title__tag.e-editor-one {
2674 - background: #EBEBEB;
2675 - color: #3F444B;
2676 -}
2677 2641 .e-experiment__table-title {
2678 2642 margin: 30px 0;
2679 2643 }
2680 2644 .e-experiment__dependency, .e-experiment__status {
@@ -2797,22 +2761,15 @@
2797 2761 max-width: 90%;
2798 2762 aspect-ratio: 16/9;
2799 2763 }
2800 2764 }
2801 -#wpcontent .wrap.elementor-admin-page-license {
2802 - flex-direction: column;
2803 - align-items: flex-start;
2804 - flex-wrap: nowrap;
2805 -}
2806 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box {
2807 - width: 100%;
2765 +.wrap.elementor-admin-page-license .elementor-license-box {
2808 2766 max-width: 600px;
2809 2767 background: white;
2810 2768 margin: 20px 0;
2811 2769 padding: 20px 20px;
2812 - box-sizing: border-box;
2813 2770 }
2814 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 {
2771 +.wrap.elementor-admin-page-license .elementor-license-box h3 {
2815 2772 display: flex;
2816 2773 justify-content: space-between;
2817 2774 align-items: center;
2818 2775 margin: 0;
@@ -2819,67 +2776,48 @@
2819 2776 padding: 0;
2820 2777 padding-block-end: 20px;
2821 2778 border-block-end: 1px solid #eee;
2822 2779 }
2823 -@media screen and (max-width: 782px) {
2824 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 {
2825 - flex-wrap: wrap;
2826 - gap: 15px;
2827 - }
2828 -}
2829 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 span {
2780 +.wrap.elementor-admin-page-license .elementor-license-box h3 span {
2830 2781 flex-grow: 1;
2831 2782 padding-inline-start: 5px;
2832 2783 }
2833 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 small {
2784 +.wrap.elementor-admin-page-license .elementor-license-box h3 small {
2834 2785 font-size: 13px;
2835 2786 font-weight: normal;
2836 2787 }
2837 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box label {
2788 +.wrap.elementor-admin-page-license .elementor-license-box label {
2838 2789 display: block;
2839 2790 font-size: 1.3em;
2840 2791 font-weight: 600;
2841 2792 margin: 1em 0;
2842 2793 }
2843 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .button {
2794 +.wrap.elementor-admin-page-license .elementor-license-box .button {
2795 + height: 30px;
2844 2796 margin-inline-start: 15px;
2845 2797 margin-block-end: 0;
2846 2798 }
2847 -@media screen and (max-width: 782px) {
2848 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .button {
2849 - margin-inline: 0;
2850 - min-height: auto;
2851 - }
2852 -}
2853 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box p.description {
2799 +.wrap.elementor-admin-page-license .elementor-license-box p.description {
2854 2800 margin: 10px 0;
2855 2801 }
2856 -#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 {
2857 2803 display: flex;
2858 2804 align-items: center;
2859 2805 justify-content: space-between;
2860 2806 }
2861 -@media screen and (max-width: 782px) {
2862 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch, #wpcontent .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch {
2863 - align-items: flex-start;
2864 - }
2865 - #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 {
2866 - margin-inline-start: 10px;
2867 - }
2868 -}
2869 -#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 {
2870 2808 padding-block-end: 15px;
2871 2809 border-block-end: 1px solid #eeeeee;
2872 2810 }
2873 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link {
2811 +.wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link {
2874 2812 color: #93003f;
2875 2813 border-color: #93003f;
2876 2814 }
2877 -#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 {
2878 2816 color: #fff;
2879 2817 background-color: #93003f;
2880 2818 }
2881 -#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 {
2882 2820 display: flex;
2883 2821 flex-direction: row;
2884 2822 gap: 40px;
2885 2823 justify-content: start;
@@ -2884,15 +2822,15 @@
2884 2822 gap: 40px;
2885 2823 justify-content: start;
2886 2824 align-items: center;
2887 2825 }
2888 -#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 {
2889 2827 line-height: 24px;
2890 2828 }
2891 -#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 {
2892 2830 justify-content: flex-start;
2893 2831 }
2894 -#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 {
2895 2833 display: inline-flex;
2896 2834 align-items: center;
2897 2835 gap: 10px;
2898 2836 margin-inline: 0;
@@ -2900,20 +2838,20 @@
2900 2838 color: #fff;
2901 2839 background-color: #93003f;
2902 2840 border: 0;
2903 2841 }
2904 -#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 {
2905 2843 width: 45%;
2906 2844 }
2907 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action {
2845 +.wrap.elementor-admin-page-license .elementor-box-action {
2908 2846 display: flex;
2909 2847 justify-content: flex-end;
2910 2848 }
2911 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
2849 +.wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
2912 2850 color: #72777c;
2913 2851 margin-inline-end: 15px;
2914 2852 }
2915 -#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 {
2916 2854 color: inherit;
2917 2855 }
2918 2856
2919 2857 .elementor-control-notice {