PluginProbe
Elementor Website Builder – more than just a page builder / 3.14.0-beta5
Elementor Website Builder – more than just a page builder v3.14.0-beta5
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 4.1.0-beta2 All 456 releases
← All changes | assets/css/common.css +104 -139 4.1.4 → 3.14.0-beta5 View file →
@@ -1,53 +1,5 @@
1 -:root {
2 - --direction-multiplier: 1;
3 -}
4 -
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 -
1 +/*! elementor - v3.14.0 - 14-06-2023 */
50 2 .dialog-widget-content {
51 3 background-color: var(--e-a-bg-default);
52 4 position: absolute;
53 5 border-radius: 3px;
@@ -62,10 +14,10 @@
62 14
63 15 .dialog-close-button {
64 16 cursor: pointer;
65 17 position: absolute;
66 - margin-block-start: 15px;
67 - inset-inline-end: 15px;
18 + margin-top: 15px;
19 + right: 15px;
68 20 color: var(--e-a-color-txt);
69 21 font-size: 15px;
70 22 line-height: 1;
71 23 transition: var(--e-a-transition-hover);
@@ -91,12 +43,8 @@
91 43 -moz-user-select: none;
92 44 user-select: none;
93 45 }
94 46
95 -.elementor-editor-active .elementor-popup-modal {
96 - background-color: initial;
97 -}
98 -
99 47 .dialog-type-confirm .dialog-widget-content,
100 48 .dialog-type-alert .dialog-widget-content {
101 49 margin: auto;
102 50 width: 400px;
@@ -110,13 +58,13 @@
110 58 .dialog-type-confirm .dialog-header:after,
111 59 .dialog-type-alert .dialog-header:after {
112 60 content: "";
113 61 display: block;
114 - border-block-end: var(--e-a-border);
115 - padding-block-end: 10px;
116 - margin-block-end: 10px;
117 - margin-inline-start: -20px;
118 - margin-inline-end: -20px;
62 + border-bottom: var(--e-a-border);
63 + padding-bottom: 10px;
64 + margin-bottom: 10px;
65 + margin-right: -20px;
66 + margin-left: -20px;
119 67 }
120 68 .dialog-type-confirm .dialog-message,
121 69 .dialog-type-alert .dialog-message {
122 70 min-height: 50px;
@@ -122,9 +70,9 @@
122 70 min-height: 50px;
123 71 }
124 72 .dialog-type-confirm .dialog-buttons-wrapper,
125 73 .dialog-type-alert .dialog-buttons-wrapper {
126 - padding-block-start: 10px;
74 + padding-top: 10px;
127 75 display: flex;
128 76 justify-content: flex-end;
129 77 gap: 15px;
130 78 }
@@ -132,8 +80,9 @@
132 80 .dialog-type-alert .dialog-buttons-wrapper .dialog-button {
133 81 font-size: 12px;
134 82 font-weight: 500;
135 83 line-height: 1.2;
84 + text-transform: uppercase;
136 85 padding: 8px 16px;
137 86 outline: none;
138 87 border: none;
139 88 border-radius: var(--e-a-border-radius);
@@ -187,12 +136,8 @@
187 136 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled {
188 137 background: transparent;
189 138 color: var(--e-a-color-txt-disabled);
190 139 }
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 140 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,
196 141 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,
197 142 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success {
198 143 background-color: var(--e-a-btn-bg-success);
@@ -262,20 +207,8 @@
262 207 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,
263 208 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active {
264 209 background-color: var(--e-a-btn-bg-accent-active);
265 210 }
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 211 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,
279 212 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,
280 213 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning {
281 214 background-color: var(--e-a-btn-bg-warning);
@@ -291,13 +224,8 @@
291 224 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,
292 225 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger {
293 226 background-color: var(--e-a-btn-bg-danger);
294 227 }
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 228 .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 229 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,
302 230 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,
303 231 .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,
@@ -305,9 +233,10 @@
305 233 background-color: var(--e-a-btn-bg-danger-hover);
306 234 }
307 235 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i,
308 236 .dialog-type-alert .dialog-buttons-wrapper .dialog-button i {
309 - margin-inline-end: 5px;
237 + -webkit-margin-end: 5px;
238 + margin-inline-end: 5px;
310 239 }
311 240 .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited,
312 241 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,
313 242 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
@@ -313,25 +242,72 @@
313 242 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,
314 243 .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited {
315 244 color: initial;
316 245 }
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);
246 +.flatpickr-calendar {
247 + width: 280px;
322 248 }
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;
249 +.flatpickr-calendar .flatpickr-current-month span.cur-month {
250 + font-weight: 300;
327 251 }
252 +.flatpickr-calendar .dayContainer {
253 + width: 280px;
254 + min-width: 280px;
255 + max-width: 280px;
256 +}
257 +.flatpickr-calendar .flatpickr-days {
258 + width: 280px;
259 +}
260 +.flatpickr-calendar .flatpickr-day {
261 + max-width: 37px;
262 + height: 37px;
263 + line-height: 37px;
264 +}
328 265
266 +.elementor-hidden {
267 + display: none;
268 +}
269 +
270 +.elementor-screen-only,
271 +.screen-reader-text,
272 +.screen-reader-text span,
273 +.ui-helper-hidden-accessible {
274 + position: absolute;
275 + top: -10000em;
276 + width: 1px;
277 + height: 1px;
278 + margin: -1px;
279 + padding: 0;
280 + overflow: hidden;
281 + clip: rect(0, 0, 0, 0);
282 + border: 0;
283 +}
284 +
285 +.elementor-clearfix:after {
286 + content: "";
287 + display: block;
288 + clear: both;
289 + width: 0;
290 + height: 0;
291 +}
292 +
293 +.e-logo-wrapper {
294 + background: var(--e-a-bg-logo);
295 + display: inline-block;
296 + padding: 0.75em;
297 + border-radius: 50%;
298 + line-height: 1;
299 +}
300 +.e-logo-wrapper i {
301 + color: var(--e-a-color-logo);
302 + font-size: 1em;
303 +}
304 +
329 305 #elementor-change-exit-preference-dialog .dialog-message a {
330 306 cursor: pointer;
331 307 }
332 308 #elementor-change-exit-preference-dialog .dialog-message > div {
333 - margin-block-end: 10px;
309 + margin-bottom: 10px;
334 310 }
335 311
336 312 #e-experiments-messages-dialog .dialog-confirm-header {
337 313 font-weight: 600;
@@ -341,9 +317,9 @@
341 317 display: flex;
342 318 align-items: center;
343 319 justify-content: center;
344 320 gap: 10px;
345 - margin-block-start: 20px;
321 + margin-top: 20px;
346 322 }
347 323
348 324 @media (min-width: 1024px) {
349 325 body.admin-bar .dialog-lightbox-widget {
@@ -371,14 +347,14 @@
371 347 max-width: 1200px;
372 348 }
373 349 }
374 350 .elementor-templates-modal .dialog-header {
375 - border-block-end: var(--e-a-border);
351 + border-bottom: var(--e-a-border);
376 352 padding: 0;
377 353 z-index: 1;
378 354 }
379 355 .elementor-templates-modal .dialog-buttons-wrapper {
380 - border-block-start: var(--e-a-border);
356 + border-top: var(--e-a-border);
381 357 padding: 10px;
382 358 display: flex;
383 359 justify-content: flex-end;
384 360 gap: 15px;
@@ -408,10 +384,10 @@
408 384 font-weight: bold;
409 385 cursor: pointer;
410 386 }
411 387 .elementor-templates-modal__header__logo-area {
412 - text-align: start;
413 - padding-inline-start: 15px;
388 + text-align: left;
389 + padding-left: 15px;
414 390 }
415 391 .elementor-templates-modal__header__logo-area > * {
416 392 display: flex;
417 393 align-items: center;
@@ -416,19 +392,18 @@
416 392 display: flex;
417 393 align-items: center;
418 394 }
419 395 .elementor-templates-modal__header__logo__icon-wrapper {
420 - margin-inline-end: 10px;
396 + margin-right: 10px;
421 397 font-size: 12px;
422 398 }
423 399 .elementor-templates-modal__header__logo__title {
424 400 color: var(--e-a-color-txt-active);
425 - padding-block-start: 2px;
401 + padding-top: 2px;
426 402 }
427 403 .elementor-templates-modal__header__items-area {
428 404 display: flex;
429 405 flex-direction: row-reverse;
430 - align-items: center;
431 406 }
432 407 .elementor-templates-modal__header__item {
433 408 position: relative;
434 409 display: flex;
@@ -443,20 +418,11 @@
443 418 }
444 419 .elementor-templates-modal__header__item > i:hover {
445 420 color: var(--e-a-color-txt-hover);
446 421 }
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 422 .elementor-templates-modal__header__close--normal {
457 423 width: 47px;
458 - border-inline-start: var(--e-a-border);
424 + border-left: var(--e-a-border);
459 425 }
460 426 .elementor-templates-modal__header__close--normal i {
461 427 font-size: 18px;
462 428 }
@@ -461,21 +427,22 @@
461 427 font-size: 18px;
462 428 }
463 429 .elementor-templates-modal__header__close--skip {
464 430 padding: 10px;
465 - padding-inline-start: 20px;
466 - margin-inline-end: 10px;
431 + padding-left: 20px;
432 + margin-right: 10px;
467 433 font-size: 11px;
468 434 font-weight: normal;
469 435 line-height: 1;
470 - border-radius: var(--e-a-border-radius);
436 + text-transform: uppercase;
437 + border-radius: 2px;
471 438 cursor: pointer;
472 439 }
473 440 .elementor-templates-modal__header__close--skip > i {
474 441 font-size: inherit;
475 - padding-inline-start: 10px;
476 - margin-inline-start: 15px;
477 - border-inline-start: 1px solid;
442 + padding-left: 10px;
443 + margin-left: 15px;
444 + border-left: 1px solid;
478 445 }
479 446 .elementor-templates-modal__header__close--skip > i:not(:hover) {
480 447 color: var(--e-a-color-white);
481 448 }
@@ -481,9 +448,10 @@
481 448 }
482 449 .elementor-templates-modal__sidebar {
483 450 flex-shrink: 0;
484 451 width: 25%;
485 - border-inline-end: var(--e-a-border);
452 + -webkit-border-end: var(--e-a-border);
453 + border-inline-end: var(--e-a-border);
486 454 }
487 455 .elementor-templates-modal__content {
488 456 flex-grow: 1;
489 457 }
@@ -507,49 +475,46 @@
507 475 display: flex;
508 476 justify-content: flex-end;
509 477 }
510 478 #elementor-toast .dialog-buttons-wrapper:not(:empty) {
511 - margin-block-start: 15px;
479 + margin-top: 15px;
512 480 }
513 481 #elementor-toast .dialog-button {
514 482 font-size: 12px;
515 483 font-weight: 500;
516 484 line-height: 1.2;
485 + text-transform: uppercase;
517 486 padding: 8px 16px;
518 - margin-inline-end: 10px;
487 + margin-right: 10px;
519 488 color: var(--e-a-dark-color-txt);
520 489 border-radius: var(--e-a-border-radius);
521 490 transition: var(--e-a-transition-hover);
522 491 cursor: pointer;
523 - background: none;
524 - border: none;
525 - font-family: inherit;
526 492 }
527 493 #elementor-toast .dialog-button:hover {
528 494 background: var(--e-a-bg-hover);
529 495 color: var(--e-a-color-txt-hover);
530 496 }
531 -#elementor-toast .dialog-button:focus-visible {
532 - outline: 2px solid var(--e-a-border-color-focus, #4F46E5);
533 - outline-offset: 2px;
534 -}
535 497 #elementor-toast .dialog-button:last-child {
536 - margin-inline-end: 0;
498 + margin-right: 0;
537 499 }
538 500
539 501 /* Will select next element after last '.elementor-general-section' */
540 502 #wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
541 - border-block-start: 1px solid #464b50;
542 - margin-block-start: 6px;
503 + border-top: 1px solid #464b50;
504 + margin-top: 6px;
543 505 }
544 506
545 507 .e-logo-wrapper {
508 + background: var(--e-a-bg-logo);
546 509 display: inline-block;
510 + padding: 0.75em;
511 + border-radius: 50%;
547 512 line-height: 1;
548 513 }
549 514 .e-logo-wrapper i {
550 - color: var(--e-a-color-circle-logo);
551 - font-size: 2.5em;
515 + color: var(--e-a-color-logo);
516 + font-size: 1em;
552 517 }
553 518
554 519 #elementor-finder__modal {
555 520 background: none;
@@ -558,9 +523,9 @@
558 523 #elementor-finder__modal .dialog-widget-content {
559 524 width: 650px;
560 525 max-width: 98%;
561 526 top: 18vh;
562 - left: calc(50% - 650px / 2);
527 + left: calc( 50% - 650px / 2 );
563 528 }
564 529 #elementor-finder__modal .dialog-content {
565 530 text-align: start;
566 531 }
@@ -567,9 +532,9 @@
567 532 #elementor-finder__modal .dialog-message {
568 533 height: initial;
569 534 min-height: 0;
570 535 padding: 0;
571 - text-align: start;
536 + text-align: left;
572 537 }
573 538 #elementor-finder__search {
574 539 padding: 15px;
575 540 display: flex;
@@ -575,9 +540,9 @@
575 540 display: flex;
576 541 }
577 542 #elementor-finder__search i {
578 543 font-size: 16px;
579 - margin-inline-end: 15px;
544 + margin-right: 15px;
580 545 }
581 546 #elementor-finder__search__input {
582 547 border: none;
583 548 background: none;
@@ -613,9 +578,9 @@
613 578 }
614 579 .elementor-finder__results__category__title {
615 580 padding: 5px 25px;
616 581 font-size: 10px;
617 - border-block-end: var(--e-a-border);
582 + border-bottom: var(--e-a-border);
618 583 }
619 584 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
620 585 min-height: 26px;
621 586 }
@@ -621,10 +586,10 @@
621 586 }
622 587 .elementor-finder__results__category .eicon-loading {
623 588 display: none;
624 589 position: absolute;
625 - inset-block-start: 30px;
626 - inset-inline-end: 10px;
590 + right: 10px;
591 + top: 30px;
627 592 color: var(--e-a-color-info);
628 593 font-size: 14px;
629 594 }
630 595 .elementor-finder__results__item {
@@ -657,9 +622,9 @@
657 622 .elementor-finder__results__item__title {
658 623 font-size: 13px;
659 624 }
660 625 .elementor-finder__results__item__description {
661 - margin-inline-start: 5px;
626 + margin-left: 5px;
662 627 font-style: italic;
663 628 }
664 629 .elementor-finder__results__item__badge {
665 630 text-transform: uppercase;