PluginProbe
Elementor Website Builder – more than just a page builder / 3.17.2
Elementor Website Builder – more than just a page builder v3.17.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 4.1.0-beta2 4.1.0-dev2 4.0.8 All 454 releases
← All changes | assets/css/common-rtl.css +137 -105 4.3.0 → 3.17.2 View file →
@@ -1,53 +1,73 @@
1 +/*! elementor - v3.17.0 - 01-11-2023 */
1 2 :root {
2 - --direction-multiplier: 1;
3 + --e-a-color-white: #ffffff;
4 + --e-a-color-black: #000000;
5 + --e-a-color-logo: #ffffff;
6 + --e-a-color-primary: #F3BAFD;
7 + --e-a-color-primary-bold: #D004D4;
8 + --e-a-color-secondary: #515962;
9 + --e-a-color-success: #0A875A;
10 + --e-a-color-danger: #DC2626;
11 + --e-a-color-info: #2563EB;
12 + --e-a-color-warning: #F59E0B;
13 + --e-a-color-accent: #93003f;
14 + --e-a-color-global: #1DDDBF;
15 + --e-a-bg-default: #ffffff;
16 + --e-a-bg-invert: #0C0D0E;
17 + --e-a-bg-hover: #F1F2F3;
18 + --e-a-bg-active: #E6E8EA;
19 + --e-a-bg-active-bold: #D5D8DC;
20 + --e-a-bg-loading: #F9FAFA;
21 + --e-a-bg-logo: #000000;
22 + --e-a-bg-primary: #FAE8FF;
23 + --e-a-bg-secondary: #515962;
24 + --e-a-bg-success: #F2FDF5;
25 + --e-a-bg-info: #F0F7FF;
26 + --e-a-bg-danger: #FEF1F4;
27 + --e-a-bg-warning: #FFFBEB;
28 + --e-a-color-txt: #515962;
29 + --e-a-color-txt-muted: #818A96;
30 + --e-a-color-txt-disabled: #BABFC5;
31 + --e-a-color-txt-invert: #ffffff;
32 + --e-a-color-txt-accent: #0C0D0E;
33 + --e-a-color-txt-hover: #3f444b;
34 + --e-a-color-txt-active: #0C0D0E;
35 + --e-a-border-color: #E6E8EA;
36 + --e-a-border-color-bold: #D5D8DC;
37 + --e-a-border-color-focus: #BABFC5;
38 + --e-a-border-color-accent: #0C0D0E;
39 + --e-a-border: 1px solid var(--e-a-border-color);
40 + --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
41 + --e-a-border-radius: 3px;
42 + --e-a-btn-color: #0C0D0E;
43 + --e-a-btn-color-invert: var(--e-a-color-txt-invert);
44 + --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
45 + --e-a-btn-bg: #515962;
46 + --e-a-btn-bg-hover: #3a4046;
47 + --e-a-btn-bg-active: #23262a;
48 + --e-a-btn-bg-disabled: #D5D8DC;
49 + --e-a-btn-bg-primary: #F3BAFD;
50 + --e-a-btn-bg-primary-hover: #F5D0FE;
51 + --e-a-btn-bg-primary-active:#F0ABFC;
52 + --e-a-btn-bg-accent: #93003f;
53 + --e-a-btn-bg-accent-hover: #8F1A4C;
54 + --e-a-btn-bg-accent-active: #A93365;
55 + --e-a-btn-bg-success: #0A875A;
56 + --e-a-btn-bg-success-hover: #06583a;
57 + --e-a-btn-bg-success-active:#03281b;
58 + --e-a-btn-bg-danger: #DC2626;
59 + --e-a-btn-bg-danger-hover: #b21d1d;
60 + --e-a-btn-bg-danger-active: #861616;
61 + --e-a-dark-bg: #0C0D0E;
62 + --e-a-dark-color-txt: #9DA5AE;
63 + --e-a-dark-color-txt-hover: #D5D8DC;
64 + --e-a-font-family: Roboto, Arial, Helvetica, sans-serif;
65 + --e-a-transition-hover: all .3s;
66 + --e-a-popover-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
67 + --e-a-dropdown-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
3 68 }
4 69
5 -html[dir=rtl],
6 -body.rtl {
7 - --direction-multiplier: -1;
8 -}
9 -
10 -.elementor-hidden {
11 - display: none;
12 -}
13 -
14 -.elementor-visibility-hidden {
15 - visibility: hidden;
16 -}
17 -
18 -.elementor-screen-only,
19 -.screen-reader-text,
20 -.screen-reader-text span,
21 -.ui-helper-hidden-accessible {
22 - position: absolute;
23 - top: -10000em;
24 - width: 1px;
25 - height: 1px;
26 - margin: -1px;
27 - padding: 0;
28 - overflow: hidden;
29 - clip: rect(0, 0, 0, 0);
30 - border: 0;
31 -}
32 -
33 -.elementor-clearfix:after {
34 - content: "";
35 - display: block;
36 - clear: both;
37 - width: 0;
38 - height: 0;
39 -}
40 -
41 -.e-logo-wrapper {
42 - display: inline-block;
43 - line-height: 1;
44 -}
45 -.e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
48 -}
49 -
50 70 .dialog-widget-content {
51 71 background-color: var(--e-a-bg-default);
52 72 position: absolute;
53 73 border-radius: 3px;
@@ -62,10 +82,10 @@
62 82
63 83 .dialog-close-button {
64 84 cursor: pointer;
65 85 position: absolute;
66 - margin-block-start: 15px;
67 - inset-inline-end: 15px;
86 + margin-top: 15px;
87 + left: 15px;
68 88 color: var(--e-a-color-txt);
69 89 font-size: 15px;
70 90 line-height: 1;
71 91 transition: var(--e-a-transition-hover);
@@ -187,12 +207,8 @@
187 207 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
188 208 background: transparent;
189 209 color: var(--e-a-color-txt-disabled);
190 210 }
191 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,
192 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border {
193 - border: 1px solid var(--e-a-color-txt-muted);
194 -}
195 211 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
196 212 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
197 213 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
198 214 background-color: var(--e-a-btn-bg-success);
@@ -262,20 +278,8 @@
262 278 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
263 279 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
264 280 background-color: var(--e-a-btn-bg-accent-active);
265 281 }
266 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,
267 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,
268 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info {
269 - background-color: var(--e-a-btn-bg-info);
270 -}
271 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus,
272 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,
273 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,
274 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,
275 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus {
276 - background-color: var(--e-a-btn-bg-info-hover);
277 -}
278 282 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
279 283 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
280 284 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
281 285 background-color: var(--e-a-btn-bg-warning);
@@ -291,13 +295,8 @@
291 295 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
292 296 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
293 297 background-color: var(--e-a-btn-bg-danger);
294 298 }
295 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger.color-white,
296 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white,
297 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger.color-white {
298 - color: var(--e-a-color-white);
299 -}
300 299 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,
301 300 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
302 301 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
303 302 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
@@ -313,20 +312,67 @@
313 312 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
314 313 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
315 314 color: initial;
316 315 }
317 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:visited,
318 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:hover,
319 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:focus,
320 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:visited {
321 - background-color: var(--e-a-btn-bg-disabled);
316 +.flatpickr-calendar {
317 + width: 280px;
322 318 }
323 -.dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled],
324 -.dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled] {
325 - background-color: var(--e-a-btn-bg-disabled);
326 - cursor: not-allowed;
319 +.flatpickr-calendar .flatpickr-current-month span.cur-month {
320 + font-weight: 300;
327 321 }
322 +.flatpickr-calendar .dayContainer {
323 + width: 280px;
324 + min-width: 280px;
325 + max-width: 280px;
326 +}
327 +.flatpickr-calendar .flatpickr-days {
328 + width: 280px;
329 +}
330 +.flatpickr-calendar .flatpickr-day {
331 + max-width: 37px;
332 + height: 37px;
333 + line-height: 37px;
334 +}
328 335
336 +.elementor-hidden {
337 + display: none;
338 +}
339 +
340 +.elementor-screen-only,
341 +.screen-reader-text,
342 +.screen-reader-text span,
343 +.ui-helper-hidden-accessible {
344 + position: absolute;
345 + top: -10000em;
346 + width: 1px;
347 + height: 1px;
348 + margin: -1px;
349 + padding: 0;
350 + overflow: hidden;
351 + clip: rect(0, 0, 0, 0);
352 + border: 0;
353 +}
354 +
355 +.elementor-clearfix:after {
356 + content: "";
357 + display: block;
358 + clear: both;
359 + width: 0;
360 + height: 0;
361 +}
362 +
363 +.e-logo-wrapper {
364 + background: var(--e-a-bg-logo);
365 + display: inline-block;
366 + padding: 0.75em;
367 + border-radius: 50%;
368 + line-height: 1;
369 +}
370 +.e-logo-wrapper i {
371 + color: var(--e-a-color-logo);
372 + font-size: 1em;
373 +}
374 +
329 375 #elementor-change-exit-preference-dialog .dialog-message a {
330 376 cursor: pointer;
331 377 }
332 378 #elementor-change-exit-preference-dialog .dialog-message > div {
@@ -426,9 +472,8 @@
426 472 }
427 473 .elementor-templates-modal__header__items-area {
428 474 display: flex;
429 475 flex-direction: row-reverse;
430 - align-items: center;
431 476 }
432 477 .elementor-templates-modal__header__item {
433 478 position: relative;
434 479 display: flex;
@@ -443,17 +488,8 @@
443 488 }
444 489 .elementor-templates-modal__header__item > i:hover {
445 490 color: var(--e-a-color-txt-hover);
446 491 }
447 -.elementor-templates-modal__header__close:is(button) {
448 - background: transparent;
449 - margin: 0;
450 - font-size: inherit;
451 - font-family: inherit;
452 - color: inherit;
453 - border: none;
454 - cursor: pointer;
455 -}
456 492 .elementor-templates-modal__header__close--normal {
457 493 width: 47px;
458 494 border-inline-start: var(--e-a-border);
459 495 }
@@ -507,9 +543,9 @@
507 543 display: flex;
508 544 justify-content: flex-end;
509 545 }
510 546 #elementor-toast .dialog-buttons-wrapper:not(:empty) {
511 - margin-block-start: 15px;
547 + margin-top: 15px;
512 548 }
513 549 #elementor-toast .dialog-button {
514 550 font-size: 12px;
515 551 font-weight: 500;
@@ -514,27 +550,20 @@
514 550 font-size: 12px;
515 551 font-weight: 500;
516 552 line-height: 1.2;
517 553 padding: 8px 16px;
518 - margin-inline-end: 10px;
554 + margin-left: 10px;
519 555 color: var(--e-a-dark-color-txt);
520 556 border-radius: var(--e-a-border-radius);
521 557 transition: var(--e-a-transition-hover);
522 558 cursor: pointer;
523 - background: none;
524 - border: none;
525 - font-family: inherit;
526 559 }
527 560 #elementor-toast .dialog-button:hover {
528 561 background: var(--e-a-bg-hover);
529 562 color: var(--e-a-color-txt-hover);
530 563 }
531 -#elementor-toast .dialog-button:focus-visible {
532 - outline: 2px solid var(--e-a-border-color-focus, #4F46E5);
533 - outline-offset: 2px;
534 -}
535 564 #elementor-toast .dialog-button:last-child {
536 - margin-inline-end: 0;
565 + margin-left: 0;
537 566 }
538 567
539 568 /* Will select next element after last '.elementor-general-section' */
540 569 #wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
@@ -542,14 +571,17 @@
542 571 margin-block-start: 6px;
543 572 }
544 573
545 574 .e-logo-wrapper {
575 + background: var(--e-a-bg-logo);
546 576 display: inline-block;
577 + padding: 0.75em;
578 + border-radius: 50%;
547 579 line-height: 1;
548 580 }
549 581 .e-logo-wrapper i {
550 - color: var(--e-a-color-circle-logo);
551 - font-size: 2.5em;
582 + color: var(--e-a-color-logo);
583 + font-size: 1em;
552 584 }
553 585
554 586 #elementor-finder__modal {
555 587 background: none;
@@ -558,9 +590,9 @@
558 590 #elementor-finder__modal .dialog-widget-content {
559 591 width: 650px;
560 592 max-width: 98%;
561 593 top: 18vh;
562 - left: calc(50% - 650px / 2);
594 + left: calc( 50% - 650px / 2 );
563 595 }
564 596 #elementor-finder__modal .dialog-content {
565 597 text-align: start;
566 598 }
@@ -567,9 +599,9 @@
567 599 #elementor-finder__modal .dialog-message {
568 600 height: initial;
569 601 min-height: 0;
570 602 padding: 0;
571 - text-align: start;
603 + text-align: right;
572 604 }
573 605 #elementor-finder__search {
574 606 padding: 15px;
575 607 display: flex;
@@ -613,9 +645,9 @@
613 645 }
614 646 .elementor-finder__results__category__title {
615 647 padding: 5px 25px;
616 648 font-size: 10px;
617 - border-block-end: var(--e-a-border);
649 + border-bottom: var(--e-a-border);
618 650 }
619 651 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
620 652 min-height: 26px;
621 653 }
@@ -621,10 +653,10 @@
621 653 }
622 654 .elementor-finder__results__category .eicon-loading {
623 655 display: none;
624 656 position: absolute;
625 - inset-block-start: 30px;
626 - inset-inline-end: 10px;
657 + left: 10px;
658 + top: 30px;
627 659 color: var(--e-a-color-info);
628 660 font-size: 14px;
629 661 }
630 662 .elementor-finder__results__item {