PluginProbe
Elementor Website Builder – more than just a page builder / 4.0.9
Elementor Website Builder – more than just a page builder v4.0.9
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 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 All 452 releases
← All changes | assets/css/editor-rtl.css +170 -126 4.3.0-beta34.0.9 View file →
@@ -787,49 +787,60 @@
787 787 }
788 788
789 789 .elementor-panel :where(#elementor-panel-state-loading,
790 790 #elementor-panel-header-wrapper,
791 -#elementor-panel-content-wrapper) h1,
791 +#elementor-panel-content-wrapper,
792 +#elementor-panel-footer) h1,
792 793 .elementor-panel :where(#elementor-panel-state-loading,
793 794 #elementor-panel-header-wrapper,
794 -#elementor-panel-content-wrapper) h2,
795 +#elementor-panel-content-wrapper,
796 +#elementor-panel-footer) h2,
795 797 .elementor-panel :where(#elementor-panel-state-loading,
796 798 #elementor-panel-header-wrapper,
797 -#elementor-panel-content-wrapper) h3,
799 +#elementor-panel-content-wrapper,
800 +#elementor-panel-footer) h3,
798 801 .elementor-panel :where(#elementor-panel-state-loading,
799 802 #elementor-panel-header-wrapper,
800 -#elementor-panel-content-wrapper) h4,
803 +#elementor-panel-content-wrapper,
804 +#elementor-panel-footer) h4,
801 805 .elementor-panel :where(#elementor-panel-state-loading,
802 806 #elementor-panel-header-wrapper,
803 -#elementor-panel-content-wrapper) h5,
807 +#elementor-panel-content-wrapper,
808 +#elementor-panel-footer) h5,
804 809 .elementor-panel :where(#elementor-panel-state-loading,
805 810 #elementor-panel-header-wrapper,
806 -#elementor-panel-content-wrapper) h6 {
811 +#elementor-panel-content-wrapper,
812 +#elementor-panel-footer) h6 {
807 813 font-size: 100%;
808 814 font-weight: normal;
809 815 }
810 816 .elementor-panel :where(#elementor-panel-state-loading,
811 817 #elementor-panel-header-wrapper,
812 -#elementor-panel-content-wrapper) abbr,
818 +#elementor-panel-content-wrapper,
819 +#elementor-panel-footer) abbr,
813 820 .elementor-panel :where(#elementor-panel-state-loading,
814 821 #elementor-panel-header-wrapper,
815 -#elementor-panel-content-wrapper) acronym {
822 +#elementor-panel-content-wrapper,
823 +#elementor-panel-footer) acronym {
816 824 border: 0;
817 825 font-variant: normal;
818 826 }
819 827 .elementor-panel :where(#elementor-panel-state-loading,
820 828 #elementor-panel-header-wrapper,
821 -#elementor-panel-content-wrapper) sup {
829 +#elementor-panel-content-wrapper,
830 +#elementor-panel-footer) sup {
822 831 vertical-align: text-top;
823 832 }
824 833 .elementor-panel :where(#elementor-panel-state-loading,
825 834 #elementor-panel-header-wrapper,
826 -#elementor-panel-content-wrapper) sub {
835 +#elementor-panel-content-wrapper,
836 +#elementor-panel-footer) sub {
827 837 vertical-align: text-bottom;
828 838 }
829 839 .elementor-panel :where(#elementor-panel-state-loading,
830 840 #elementor-panel-header-wrapper,
831 -#elementor-panel-content-wrapper) img {
841 +#elementor-panel-content-wrapper,
842 +#elementor-panel-footer) img {
832 843 max-width: 100%;
833 844 height: auto;
834 845 border: 0;
835 846 }
@@ -834,9 +845,10 @@
834 845 border: 0;
835 846 }
836 847 .elementor-panel :where(#elementor-panel-state-loading,
837 848 #elementor-panel-header-wrapper,
838 -#elementor-panel-content-wrapper) :focus {
849 +#elementor-panel-content-wrapper,
850 +#elementor-panel-footer) :focus {
839 851 outline: 0;
840 852 }
841 853 .elementor-panel .elementor-panel-box-content {
842 854 padding: 20px 20px 10px;
@@ -1188,8 +1200,135 @@
1188 1200 inset-inline-end: 0;
1189 1201 border-radius: 50%;
1190 1202 z-index: -1;
1191 1203 }
1204 +.elementor-panel #elementor-panel-footer {
1205 + position: relative;
1206 + height: 40px;
1207 + background-color: var(--e-a-dark-bg);
1208 + color: var(--e-a-dark-color-txt);
1209 +}
1210 +.elementor-panel #elementor-panel-footer-tools {
1211 + display: flex;
1212 + justify-content: space-between;
1213 + height: 100%;
1214 +}
1215 +.elementor-panel .elementor-panel-footer-tool {
1216 + display: flex;
1217 + align-items: center;
1218 + justify-content: center;
1219 + width: 15%;
1220 + cursor: pointer;
1221 + transition: var(--e-a-transition-hover);
1222 + border: 0;
1223 + color: currentColor;
1224 + background-color: transparent;
1225 +}
1226 +.elementor-panel .elementor-panel-footer-tool i {
1227 + font-size: 15px;
1228 +}
1229 +.elementor-panel .elementor-panel-footer-tool #elementor-panel-saver-button-save-options i.eicon-chevron-right {
1230 + margin: auto;
1231 + transform: rotate(270deg);
1232 +}
1233 +.elementor-panel .elementor-panel-footer-tool #elementor-panel-saver-button-save-options.elementor-disabled {
1234 + cursor: inherit;
1235 +}
1236 +.elementor-panel .elementor-panel-footer-tool:not(.e-open):hover, .elementor-panel .elementor-panel-footer-tool:not(.e-open):focus {
1237 + color: var(--e-a-dark-color-txt-hover);
1238 +}
1239 +.elementor-panel .elementor-panel-footer-tool:not(.e-open) .elementor-panel-footer-sub-menu-wrapper {
1240 + display: none;
1241 +}
1242 +.elementor-panel #elementor-panel-footer-saver-publish {
1243 + width: 30%;
1244 + margin-inline-start: auto;
1245 +}
1246 +.elementor-panel #elementor-panel-footer-saver-publish .elementor-button-state i {
1247 + margin-inline-end: 0;
1248 +}
1249 +.elementor-panel #elementor-panel-footer-saver-publish .elementor-button-state #elementor-panel-saver-button-publish-label {
1250 + display: none;
1251 +}
1252 +.elementor-panel #elementor-panel-footer-saver-options {
1253 + width: 10%;
1254 +}
1255 +.elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper {
1256 + font-size: 11px;
1257 + font-style: italic;
1258 + padding: 5px 0 15px;
1259 +}
1260 +.elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper:not(.elementor-state-active) .elementor-state-icon {
1261 + display: none;
1262 +}
1263 +.elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper time {
1264 + border-block-end: 1px dotted transparent;
1265 + transition: all ease-in-out 0.3s;
1266 + cursor: pointer;
1267 +}
1268 +.elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper time:hover {
1269 + border-block-end-color: inherit;
1270 +}
1271 +.elementor-panel #elementor-panel-footer-saver-options.e-open i.eicon-chevron-right {
1272 + transform: rotate(90deg);
1273 +}
1274 +.elementor-panel #elementor-panel-saver-button-publish, .elementor-panel #elementor-panel-saver-button-save-options {
1275 + padding: 0;
1276 + font-size: 11px;
1277 + height: 100%;
1278 + width: 100%;
1279 + border-radius: 0;
1280 +}
1281 +.elementor-panel #elementor-panel-saver-button-publish.elementor-disabled, .elementor-panel #elementor-panel-saver-button-save-options.elementor-disabled {
1282 + background-color: #1f2124;
1283 + color: #9DA5AE;
1284 +}
1285 +.elementor-panel #elementor-panel-saver-button-publish:not(.elementor-disabled) {
1286 + border-inline-end: 1px solid #F0ABFC;
1287 +}
1288 +.elementor-panel #elementor-panel-saver-button-publish.elementor-disabled {
1289 + border-inline-end: 1px solid #3f444b;
1290 +}
1291 +.elementor-panel .elementor-panel-footer-sub-menu-wrapper {
1292 + position: absolute;
1293 + inset-block-end: 100%;
1294 + inset-inline-start: 0;
1295 + width: 100%;
1296 + background-color: #1f2124;
1297 + padding: 10px;
1298 + box-shadow: -2px -5px 8px rgba(0, 0, 0, 0.1);
1299 + cursor: default;
1300 + z-index: 10000;
1301 +}
1302 +.elementor-panel .elementor-panel-footer-sub-menu {
1303 + border-radius: var(--e-border-radius);
1304 + overflow: hidden;
1305 + border: 1px solid #3f444b;
1306 +}
1307 +.elementor-panel .elementor-panel-footer-sub-menu-item {
1308 + display: flex;
1309 + height: 40px;
1310 + color: #D5D8DC;
1311 + align-items: center;
1312 + -moz-column-gap: 10px;
1313 + column-gap: 10px;
1314 + padding: 0 20px;
1315 + transition: var(--e-a-transition-hover);
1316 + cursor: pointer;
1317 +}
1318 +.elementor-panel .elementor-panel-footer-sub-menu-item.elementor-disabled {
1319 + cursor: default;
1320 + color: #69727D;
1321 +}
1322 +.elementor-panel .elementor-panel-footer-sub-menu-item:not(:last-child) {
1323 + border-block-end: 1px solid #3f444b;
1324 +}
1325 +.elementor-panel .elementor-panel-footer-sub-menu-item:hover {
1326 + background-color: rgba(255, 255, 255, 0.1);
1327 +}
1328 +.elementor-panel .elementor-panel-footer-sub-menu-item.active {
1329 + background-color: rgba(255, 255, 255, 0.2);
1330 +}
1192 1331
1193 1332 #elementor-panel-elements-navigation .elementor-panel-navigation-tab {
1194 1333 text-align: center;
1195 1334 padding: 10px 0;
@@ -1288,27 +1427,14 @@
1288 1427 -webkit-user-select: none;
1289 1428 -moz-user-select: none;
1290 1429 user-select: none;
1291 1430 }
1292 -.elementor-panel .elementor-element .eicon-atomic,
1293 -.elementor-panel .elementor-element .e-widget-new-badge {
1431 +.elementor-panel .elementor-element .eicon-atomic {
1294 1432 position: absolute;
1295 - inset-block-start: 4px;
1296 - inset-inline-end: 6px;
1297 -}
1298 -.elementor-panel .elementor-element .eicon-atomic {
1433 + inset-block-start: 5px;
1434 + inset-inline-end: 5px;
1299 1435 color: var(--e-a-color-txt);
1300 1436 }
1301 -.elementor-panel .elementor-element .e-widget-new-badge {
1302 - border-radius: 4px;
1303 - background-color: #EBF2FE;
1304 - color: var(--e-a-color-info);
1305 - padding: 2px 4px;
1306 - font-size: 10px;
1307 - font-weight: 500;
1308 - line-height: 1.4;
1309 - pointer-events: none;
1310 -}
1311 1437 .elementor-panel .elementor-element:hover, .elementor-panel .elementor-element:focus {
1312 1438 background-color: var(--e-a-bg-hover);
1313 1439 border-color: var(--e-a-border-color-bold);
1314 1440 }
@@ -1544,54 +1670,18 @@
1544 1670 #elementor-panel-get-pro-elements .elementor-nerd-box-icon {
1545 1671 margin-block-start: 20px;
1546 1672 }
1547 1673
1548 -#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) {
1549 - display: flex;
1550 - flex-direction: column;
1551 -}
1552 -#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) #elementor-panel-page-editor {
1553 - display: flex;
1554 - flex-direction: column;
1555 - flex: 1;
1556 - min-height: 0;
1557 -}
1558 -#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) .elementor-panel-editor-sticky-promotion {
1559 - position: sticky;
1560 - inset-block-end: 0;
1561 - margin-block-start: auto;
1562 -}
1563 -#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) .elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message {
1564 - margin-block-start: 0;
1565 -}
1566 -
1567 1674 #elementor-panel-get-pro-elements-sticky {
1568 1675 position: sticky;
1569 1676 inset-block-end: 0;
1677 + font-size: 14px;
1678 + font-weight: 400;
1679 + line-height: 1.6;
1570 1680 margin-block-end: -10px;
1571 1681 }
1572 1682 #elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message {
1573 1683 margin-block-start: -14px;
1574 -}
1575 -
1576 -#elementor-panel-page-elements:has(> #elementor-panel-get-pro-elements-sticky) {
1577 - display: flex;
1578 - flex-direction: column;
1579 - min-height: 100%;
1580 -}
1581 -#elementor-panel-page-elements:has(> #elementor-panel-get-pro-elements-sticky) > #elementor-panel-get-pro-elements-sticky {
1582 - margin-block-start: auto;
1583 -}
1584 -
1585 -#elementor-panel-get-pro-elements-sticky,
1586 -.elementor-panel-editor-sticky-promotion {
1587 - font-size: 14px;
1588 - font-weight: 400;
1589 - line-height: 1.6;
1590 - background-color: var(--e-a-color-white);
1591 -}
1592 -#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message,
1593 -.elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message {
1594 1684 min-height: 40px;
1595 1685 display: block;
1596 1686 padding: 9px min(35px, 5%);
1597 1687 gap: 10px;
@@ -1599,17 +1689,15 @@
1599 1689 color: var(--e-a-color-black);
1600 1690 text-align: center;
1601 1691 box-shadow: 0px -10px 14px -6px rgba(0, 0, 0, 0.05);
1602 1692 }
1603 -#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message a,
1604 -.elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message a {
1693 +#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message a {
1605 1694 display: inline-block;
1606 1695 font-size: 13px;
1607 1696 font-weight: 500;
1608 1697 color: var(--e-a-btn-bg-accent);
1609 1698 }
1610 -#elementor-panel-get-pro-elements-sticky img,
1611 -.elementor-panel-editor-sticky-promotion img {
1699 +#elementor-panel-get-pro-elements-sticky img {
1612 1700 margin-inline-start: 17px;
1613 1701 }
1614 1702
1615 1703 #elementor-panel-notice-wrapper .elementor-panel-notice {
@@ -1641,12 +1729,8 @@
1641 1729 inset-block-start: 5px;
1642 1730 inset-inline-end: 5px;
1643 1731 }
1644 1732
1645 -#elementor-panel-footer.elementor-panel-footer-back-compat-wrapper {
1646 - display: none !important;
1647 -}
1648 -
1649 1733 .media-modal.wp-core-ui {
1650 1734 color-scheme: light;
1651 1735 color: #515962;
1652 1736 }
@@ -1817,8 +1901,11 @@
1817 1901 background-color: var(--e-a-bg-chip);
1818 1902 border-radius: 100px;
1819 1903 padding: 5px 8px;
1820 1904 }
1905 +.elementor-panel-heading-category-chip i {
1906 + margin-inline-start: 4px;
1907 +}
1821 1908 .elementor-panel-heading-promotion {
1822 1909 margin-inline-start: auto;
1823 1910 }
1824 1911 .elementor-panel-heading-promotion a {
@@ -4436,10 +4523,10 @@
4436 4523 .e-control-display-conditions-promotion__wrapper {
4437 4524 display: flex;
4438 4525 justify-content: space-between;
4439 4526 }
4440 -.e-control-display-conditions-promotion__wrapper:hover .eicon-upgrade-crown-full.e-control-display-conditions-promotion {
4441 - color: var(--e-a-color-accent-promotion);
4527 +.e-control-display-conditions-promotion__wrapper:hover .eicon-lock.e-control-display-conditions-promotion {
4528 + color: var(--e-a-color-accent);
4442 4529 }
4443 4530 .e-control-display-conditions-promotion__description {
4444 4531 display: flex;
4445 4532 align-self: center;
@@ -4452,11 +4539,8 @@
4452 4539 display: flex;
4453 4540 justify-content: center;
4454 4541 align-items: center;
4455 4542 }
4456 -.e-control-display-conditions-promotion__lock-wrapper .eicon-upgrade-crown-full {
4457 - color: var(--e-a-color-accent-promotion-disabled);
4458 -}
4459 4543 .e-control-display-conditions-promotion.eicon-flow {
4460 4544 align-self: flex-end;
4461 4545 cursor: pointer;
4462 4546 border: var(--e-a-border-bold);
@@ -4467,10 +4551,10 @@
4467 4551 background-color: var(--e-a-bg-active);
4468 4552 color: #E73CF6;
4469 4553 }
4470 4554
4471 -.e-control-motion-effects-promotion__wrapper:hover .eicon-upgrade-crown-full, .e-control-promotion__wrapper:hover .eicon-upgrade-crown-full {
4472 - color: var(--e-a-color-accent-promotion);
4555 +.e-control-motion-effects-promotion__wrapper:hover .eicon-lock, .e-control-promotion__wrapper:hover .eicon-lock {
4556 + color: var(--e-a-color-accent);
4473 4557 }
4474 4558 .e-control-motion-effects-promotion__wrapper .elementor-control-title, .e-control-promotion__wrapper .elementor-control-title {
4475 4559 margin-inline-end: 0;
4476 4560 }
@@ -4495,11 +4579,8 @@
4495 4579 display: flex;
4496 4580 justify-content: center;
4497 4581 align-items: center;
4498 4582 }
4499 -.e-control-motion-effects-promotion__lock-wrapper .eicon-upgrade-crown-full, .e-control-promotion__lock-wrapper .eicon-upgrade-crown-full {
4500 - color: var(--e-a-color-accent-promotion-disabled);
4501 -}
4502 4583
4503 4584 .e-link-promotion {
4504 4585 font-family: "Roboto", sans-serif;
4505 4586 font-weight: 500;
@@ -4529,9 +4610,11 @@
4529 4610 .elementor-editor-kit .elementor-panel #elementor-panel-page-menu {
4530 4611 padding: 25px 15px 0;
4531 4612 }
4532 4613 .elementor-editor-kit #elementor-panel-header-add-button,
4533 -.elementor-editor-kit #elementor-panel-header-menu-button {
4614 +.elementor-editor-kit #elementor-panel-header-menu-button,
4615 +.elementor-editor-kit #elementor-panel-footer-sub-menu-item-save-template,
4616 +.elementor-editor-kit #elementor-panel-footer-navigator {
4534 4617 display: none;
4535 4618 }
4536 4619
4537 4620 .elementor-control-type-global-style-repeater .elementor-repeater-fields {
@@ -5041,9 +5124,9 @@
5041 5124 #elementor-template-library-modal .dialog-message {
5042 5125 overflow-y: scroll;
5043 5126 }
5044 5127 #elementor-template-library-modal:has(#elementor-template-library-save-template) .dialog-message, #elementor-template-library-modal:has(#elementor-template-library-save-template-variant-b) .dialog-message {
5045 - overflow-y: auto;
5128 + overflow-y: hidden;
5046 5129 }
5047 5130 #elementor-template-library-modal .e-back-to-editor {
5048 5131 color: var(--e-a-color-txt);
5049 5132 text-decoration: underline;
@@ -8261,37 +8344,8 @@
8261 8344 display: block;
8262 8345 margin: 10px -15px;
8263 8346 }
8264 8347
8265 -.elementor-app-backdrop {
8266 - position: fixed;
8267 - z-index: 99998;
8268 - inset: 0;
8269 - background: rgba(0, 0, 0, 0.5);
8270 - opacity: 0;
8271 - transition: opacity 0.25s ease;
8272 -}
8273 -.elementor-app-backdrop--visible {
8274 - opacity: 1;
8275 -}
8276 -
8277 -.elementor-app-iframe {
8278 - position: fixed;
8279 - top: 30px;
8280 - left: 40px;
8281 - width: calc(100% - 80px);
8282 - height: calc(100% - 60px);
8283 - z-index: 100000;
8284 - border-radius: 12px;
8285 - box-shadow: 0 16px 64px rgba(0, 0, 0, 0.3);
8286 - background-color: transparent;
8287 - opacity: 0;
8288 - transition: opacity 0.25s ease;
8289 -}
8290 -.elementor-app-iframe--visible {
8291 - opacity: 1;
8292 -}
8293 -
8294 8348 [class^=eicon-flex], [class*=" eicon-flex"] {
8295 8349 transition: 0.3s all;
8296 8350 }
8297 8351 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
@@ -8321,16 +8375,6 @@
8321 8375 transform: rotate(calc(var(--is-rtl) * 180deg));
8322 8376 }
8323 8377 .e-ui-state--document-direction-mode__row-reverse [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end), .e-ui-state--document-direction-mode__row-reverse [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end) {
8324 8378 transform: rotate(calc(var(--is-ltr) * 180deg));
8325 -}
8326 -
8327 -.elementor-editor-active .embed-media-settings .setting.caption {
8328 - display: none;
8329 -}
8330 -.elementor-editor-active .embed-media-settings .setting.align {
8331 - display: none;
8332 -}
8333 -.elementor-editor-active .embed-media-settings fieldset.setting-group {
8334 - display: none;
8335 8379 }
8336 8380 /*# sourceMappingURL=editor-rtl.css.map */