PluginProbe
Elementor Website Builder – more than just a page builder / 3.8.0
Elementor Website Builder – more than just a page builder v3.8.0
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 4.0.7 All 451 releases
elementor / assets / css / common-rtl.css

common-rtl.css in Elementor Website Builder – more than just a page builder 3.8.0, at assets/css/common-rtl.css

707 lines 15.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.8.0 - 30-10-2022 */
2 .dialog-widget-content {
3 background-color: #fff;
4 position: absolute;
5 border-radius: 3px;
6 -webkit-box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
7 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
8 overflow: hidden;
9 }
10
11 .dialog-message {
12 font-size: 12px;
13 line-height: 1.5;
14 -webkit-box-sizing: border-box;
15 box-sizing: border-box;
16 }
17
18 .dialog-type-lightbox {
19 position: fixed;
20 height: 100%;
21 width: 100%;
22 bottom: 0;
23 left: 0;
24 background-color: rgba(0, 0, 0, 0.8);
25 z-index: 9999;
26 -webkit-user-select: none;
27 -moz-user-select: none;
28 -ms-user-select: none;
29 user-select: none;
30 }
31 .dialog-type-lightbox .dialog-widget-content {
32 margin: auto;
33 width: 375px;
34 }
35 .dialog-type-lightbox .dialog-header {
36 font-size: 15px;
37 color: #495157;
38 padding: 30px 0 10px;
39 font-weight: 500;
40 }
41 .dialog-type-lightbox .dialog-message {
42 padding: 0 30px 30px;
43 min-height: 50px;
44 }
45 .dialog-type-lightbox:not(.elementor-popup-modal) .dialog-header,
46 .dialog-type-lightbox:not(.elementor-popup-modal) .dialog-message {
47 text-align: center;
48 }
49 .dialog-type-lightbox .dialog-buttons-wrapper {
50 border-top: 1px solid #e6e9ec;
51 text-align: center;
52 }
53 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button {
54 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
55 width: 50%;
56 border: none;
57 background: none;
58 color: #6d7882;
59 font-size: 15px;
60 cursor: pointer;
61 padding: 13px 0;
62 outline: 0;
63 }
64 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover {
65 background-color: #f4f6f7;
66 }
67 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok {
68 color: #b01b1b;
69 }
70 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-take_over {
71 color: #39b54a;
72 }
73 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:active {
74 background-color: rgba(230, 233, 236, 0.5);
75 }
76 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button::-moz-focus-inner {
77 border: 0;
78 }
79
80 .dialog-close-button {
81 cursor: pointer;
82 position: absolute;
83 margin-top: 15px;
84 left: 15px;
85 font-size: 15px;
86 line-height: 1;
87 }
88 .dialog-close-button:not(:hover) {
89 opacity: 0.4;
90 }
91
92 .dialog-alert-widget .dialog-buttons-wrapper > button {
93 width: 100%;
94 }
95
96 .dialog-confirm-widget .dialog-button:first-child {
97 border-left: 1px solid #e6e9ec;
98 }
99
100 #elementor-change-exit-preference-dialog .dialog-message a {
101 cursor: pointer;
102 }
103 #elementor-change-exit-preference-dialog .dialog-message > div {
104 margin-bottom: 10px;
105 }
106 #elementor-change-exit-preference-dialog .dialog-ok {
107 color: #39b54a;
108 }
109
110 #e-experiments-dependency-dialog .dialog-confirm-header {
111 font-weight: 600;
112 }
113 #e-experiments-dependency-dialog .dialog-ok {
114 color: #39b54a;
115 }
116
117 .dialog-prevent-scroll {
118 overflow: hidden;
119 max-height: 100vh;
120 }
121
122 @media (min-width: 1024px) {
123 body.admin-bar .dialog-lightbox-widget {
124 height: calc(100vh - 32px);
125 }
126 }
127 @media (max-width: 1024px) {
128 body.admin-bar .dialog-type-lightbox {
129 position: sticky;
130 height: 100vh;
131 }
132 }
133 .elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
134 padding-bottom: 42.8571%;
135 }
136 .elementor-aspect-ratio-169 .elementor-fit-aspect-ratio {
137 padding-bottom: 56.25%;
138 }
139 .elementor-aspect-ratio-43 .elementor-fit-aspect-ratio {
140 padding-bottom: 75%;
141 }
142 .elementor-aspect-ratio-32 .elementor-fit-aspect-ratio {
143 padding-bottom: 66.6666%;
144 }
145 .elementor-aspect-ratio-11 .elementor-fit-aspect-ratio {
146 padding-bottom: 100%;
147 }
148 .elementor-aspect-ratio-916 .elementor-fit-aspect-ratio {
149 padding-bottom: 177.8%;
150 }
151
152 .elementor-fit-aspect-ratio {
153 position: relative;
154 height: 0;
155 }
156 .elementor-fit-aspect-ratio iframe {
157 position: absolute;
158 top: 0;
159 left: 0;
160 height: 100%;
161 width: 100%;
162 border: 0;
163 background-color: #000;
164 }
165 .elementor-fit-aspect-ratio video {
166 width: 100%;
167 }
168
169 .flatpickr-calendar {
170 width: 280px;
171 }
172 .flatpickr-calendar .flatpickr-current-month span.cur-month {
173 font-weight: 300;
174 }
175 .flatpickr-calendar .dayContainer {
176 width: 280px;
177 min-width: 280px;
178 max-width: 280px;
179 }
180 .flatpickr-calendar .flatpickr-days {
181 width: 280px;
182 }
183 .flatpickr-calendar .flatpickr-day {
184 max-width: 37px;
185 height: 37px;
186 line-height: 37px;
187 }
188
189 .elementor-templates-modal .dialog-widget-content {
190 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
191 background-color: #f1f3f5;
192 width: 100%;
193 }
194 @media (max-width: 1439px) {
195 .elementor-templates-modal .dialog-widget-content {
196 max-width: 990px;
197 }
198 }
199 @media (min-width: 1440px) {
200 .elementor-templates-modal .dialog-widget-content {
201 max-width: 1200px;
202 }
203 }
204 .elementor-templates-modal .dialog-header {
205 padding: 0;
206 background-color: #fff;
207 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
208 box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
209 position: relative;
210 z-index: 1;
211 }
212 .elementor-templates-modal .dialog-buttons-wrapper {
213 background-color: #fff;
214 border: none;
215 display: none;
216 -webkit-box-pack: end;
217 -ms-flex-pack: end;
218 justify-content: flex-end;
219 padding: 5px;
220 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
221 box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
222 position: relative;
223 }
224 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button {
225 height: 40px;
226 margin-right: 5px;
227 }
228 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success {
229 padding: 12px 36px;
230 color: #fff;
231 width: initial;
232 font-size: 15px;
233 }
234 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success:hover {
235 background-color: #39b54a;
236 }
237 .elementor-templates-modal .dialog-message {
238 height: 750px;
239 max-height: 85vh;
240 overflow-y: scroll;
241 padding-top: 25px;
242 }
243 .elementor-templates-modal .dialog-content {
244 height: 100%;
245 }
246 .elementor-templates-modal .dialog-loading {
247 display: none;
248 }
249 .elementor-templates-modal__header {
250 display: -webkit-box;
251 display: -ms-flexbox;
252 display: flex;
253 -webkit-box-align: center;
254 -ms-flex-align: center;
255 align-items: center;
256 -webkit-box-pack: justify;
257 -ms-flex-pack: justify;
258 justify-content: space-between;
259 height: 50px;
260 }
261 .elementor-templates-modal__header__logo {
262 line-height: 1;
263 text-transform: uppercase;
264 font-weight: bold;
265 cursor: pointer;
266 }
267 .elementor-templates-modal__header__logo-area {
268 text-align: right;
269 padding-right: 15px;
270 }
271 .elementor-templates-modal__header__logo-area > * {
272 display: -webkit-box;
273 display: -ms-flexbox;
274 display: flex;
275 -webkit-box-align: center;
276 -ms-flex-align: center;
277 align-items: center;
278 }
279 .elementor-templates-modal__header__logo__icon-wrapper {
280 margin-left: 10px;
281 font-size: 12px;
282 }
283 .elementor-templates-modal__header__logo__title {
284 padding-top: 2px;
285 }
286 .elementor-templates-modal__header__items-area {
287 display: -webkit-box;
288 display: -ms-flexbox;
289 display: flex;
290 -webkit-box-orient: horizontal;
291 -webkit-box-direction: reverse;
292 -ms-flex-direction: row-reverse;
293 flex-direction: row-reverse;
294 }
295 .elementor-templates-modal__header__item {
296 position: relative;
297 display: -webkit-box;
298 display: -ms-flexbox;
299 display: flex;
300 -webkit-box-align: center;
301 -ms-flex-align: center;
302 align-items: center;
303 -webkit-box-pack: center;
304 -ms-flex-pack: center;
305 justify-content: center;
306 -webkit-box-sizing: content-box;
307 box-sizing: content-box;
308 }
309 .elementor-templates-modal__header__item > i {
310 font-size: 20px;
311 -webkit-transition: all 0.3s;
312 -o-transition: all 0.3s;
313 transition: all 0.3s;
314 cursor: pointer;
315 }
316 .elementor-templates-modal__header__item > i:not(:hover) {
317 color: #a4afb7;
318 }
319 .elementor-templates-modal__header__close--normal {
320 width: 47px;
321 border-right: 1px solid #e6e9ec;
322 }
323 .elementor-templates-modal__header__close--normal i {
324 font-size: 18px;
325 }
326 .elementor-templates-modal__header__close--skip {
327 padding: 10px;
328 padding-right: 20px;
329 margin-left: 10px;
330 color: #fff;
331 background-color: #a4afb7;
332 font-size: 11px;
333 font-weight: normal;
334 line-height: 1;
335 text-transform: uppercase;
336 border-radius: 2px;
337 cursor: pointer;
338 }
339 .elementor-templates-modal__header__close--skip > i {
340 font-size: inherit;
341 padding-right: 10px;
342 margin-right: 15px;
343 border-right: 1px solid;
344 }
345 .elementor-templates-modal__header__close--skip > i:not(:hover) {
346 color: #fff;
347 }
348 .elementor-templates-modal__sidebar {
349 -ms-flex-negative: 0;
350 flex-shrink: 0;
351 width: 25%;
352 background-color: rgba(255, 255, 255, 0.3);
353 }
354 .elementor-templates-modal__content {
355 -webkit-box-flex: 1;
356 -ms-flex-positive: 1;
357 flex-grow: 1;
358 -webkit-box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05);
359 box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05);
360 }
361
362 /* Will select next element after last '.elementor-general-section' */
363 #wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
364 border-top: 1px solid #464b50;
365 margin-top: 6px;
366 }
367
368 .elementor-hidden {
369 display: none;
370 }
371
372 .elementor-screen-only,
373 .screen-reader-text,
374 .screen-reader-text span,
375 .ui-helper-hidden-accessible {
376 position: absolute;
377 top: -10000em;
378 width: 1px;
379 height: 1px;
380 margin: -1px;
381 padding: 0;
382 overflow: hidden;
383 clip: rect(0, 0, 0, 0);
384 border: 0;
385 }
386
387 .elementor-clearfix:after {
388 content: "";
389 display: block;
390 clear: both;
391 width: 0;
392 height: 0;
393 }
394
395 .e-logo-wrapper {
396 background: #93003c;
397 display: inline-block;
398 padding: 0.75em;
399 border-radius: 50%;
400 line-height: 1;
401 }
402 .e-logo-wrapper i {
403 color: #fff;
404 font-size: 1em;
405 }
406
407 #e-enable-unfiltered-files-dialog-import-template .dialog-confirm-ok {
408 color: #39b54a;
409 }
410 #e-enable-unfiltered-files-dialog-import-template .dialog-confirm-cancel {
411 color: #b01b1b;
412 }
413
414 #elementor-finder__modal {
415 background: none;
416 z-index: 99999;
417 }
418 #elementor-finder__modal .dialog-widget-content {
419 width: 650px;
420 max-width: 98%;
421 top: 18vh;
422 left: calc( 50% - 650px / 2 );
423 }
424 #elementor-finder__modal .dialog-message {
425 height: initial;
426 min-height: 0;
427 padding: 0;
428 text-align: right;
429 }
430 #elementor-finder__search {
431 padding: 14px 15px 14px 21px;
432 display: -webkit-box;
433 display: -ms-flexbox;
434 display: flex;
435 -webkit-box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
436 box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
437 }
438 #elementor-finder__search i {
439 font-size: 16px;
440 color: #a4afb7;
441 font-weight: bold;
442 margin-left: 15px;
443 }
444 #elementor-finder__search__input {
445 border: none;
446 background: none;
447 outline: none;
448 padding: 0;
449 margin: 0;
450 -webkit-box-flex: 1;
451 -ms-flex-positive: 1;
452 flex-grow: 1;
453 font-size: 14px;
454 color: #495157;
455 -webkit-box-shadow: none;
456 box-shadow: none;
457 }
458 #elementor-finder__search__input::-webkit-input-placeholder {
459 color: #a4afb7;
460 font-style: italic;
461 font-weight: 300;
462 }
463 #elementor-finder__search__input::-moz-placeholder {
464 color: #a4afb7;
465 font-style: italic;
466 font-weight: 300;
467 }
468 #elementor-finder__search__input::-ms-input-placeholder {
469 color: #a4afb7;
470 font-style: italic;
471 font-weight: 300;
472 }
473 #elementor-finder__search__input::placeholder {
474 color: #a4afb7;
475 font-style: italic;
476 font-weight: 300;
477 }
478 #elementor-finder__results {
479 max-height: 50vh;
480 overflow: auto;
481 }
482 #elementor-finder__no-results {
483 display: none;
484 padding: 20px;
485 color: #a4afb7;
486 }
487 #elementor-finder__lock-dialog {
488 z-index: 100000;
489 }
490
491 .elementor-finder__results__category {
492 position: relative;
493 }
494 .elementor-finder__results__category__title {
495 padding: 5px 25px;
496 color: #6d7882;
497 background-color: #e6e9ec;
498 font-size: 9px;
499 text-transform: uppercase;
500 }
501 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
502 min-height: 26px;
503 }
504 .elementor-finder__results__category .eicon-loading {
505 display: none;
506 position: absolute;
507 left: 10px;
508 top: 30px;
509 color: #71d7f7;
510 font-size: 14px;
511 }
512 .elementor-finder__results__item {
513 display: -webkit-box;
514 display: -ms-flexbox;
515 display: flex;
516 }
517 .elementor-finder__results__item a {
518 text-decoration: none;
519 -webkit-box-shadow: none;
520 box-shadow: none;
521 outline: none;
522 }
523 .elementor-finder__results__item.elementor-active {
524 background-color: #71d7f7;
525 -webkit-box-shadow: none;
526 box-shadow: none;
527 outline: none;
528 }
529 .elementor-finder__results__item.elementor-active * {
530 color: #fff;
531 }
532 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
533 display: none;
534 }
535 .elementor-finder__results__item__link {
536 display: -webkit-box;
537 display: -ms-flexbox;
538 display: flex;
539 -webkit-box-align: center;
540 -ms-flex-align: center;
541 align-items: center;
542 height: 35px;
543 -webkit-box-flex: 1;
544 -ms-flex-positive: 1;
545 flex-grow: 1;
546 }
547 .elementor-finder__results__item__icon {
548 width: 60px;
549 text-align: center;
550 color: #6d7882;
551 font-size: 17px;
552 }
553 .elementor-finder__results__item__title {
554 color: #6d7882;
555 font-size: 13px;
556 }
557 .elementor-finder__results__item__description {
558 margin-right: 5px;
559 color: #a4afb7;
560 font-style: italic;
561 }
562 .elementor-finder__results__item__badge {
563 text-transform: uppercase;
564 position: absolute;
565 inset-inline-end: 16px;
566 color: #556068;
567 font-size: 8px;
568 font-weight: 500;
569 display: -webkit-box;
570 display: -ms-flexbox;
571 display: flex;
572 -webkit-box-align: center;
573 -ms-flex-align: center;
574 align-items: center;
575 gap: 4px;
576 }
577 .elementor-finder__results__item__actions {
578 display: -webkit-box;
579 display: -ms-flexbox;
580 display: flex;
581 }
582 .elementor-finder__results__item__action {
583 display: -webkit-box;
584 display: -ms-flexbox;
585 display: flex;
586 -webkit-box-align: center;
587 -ms-flex-align: center;
588 align-items: center;
589 -webkit-box-pack: center;
590 -ms-flex-pack: center;
591 justify-content: center;
592 height: 100%;
593 width: 35px;
594 }
595 .elementor-finder__results__item__action:hover {
596 background-color: rgba(0, 0, 0, 0.07);
597 }
598
599 .tipsy {
600 font-size: 10px;
601 position: absolute;
602 padding: 5px;
603 z-index: 100000;
604 }
605
606 .tipsy-inner {
607 background-color: #000;
608 color: #FFF;
609 font-weight: 500;
610 max-width: 200px;
611 padding: 5px 12px;
612 text-align: center;
613 border-radius: 3px;
614 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
615 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
616 }
617
618 .tipsy-arrow {
619 position: absolute;
620 width: 0;
621 height: 0;
622 line-height: 0;
623 border: 5px dashed #000;
624 }
625
626 .tipsy-arrow-n {
627 border-bottom-color: #000;
628 }
629
630 .tipsy-arrow-s {
631 border-top-color: #000;
632 }
633
634 .tipsy-arrow-e {
635 border-left-color: #000;
636 }
637
638 .tipsy-arrow-w {
639 border-right-color: #000;
640 }
641
642 .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow {
643 border-left-color: transparent;
644 border-right-color: transparent;
645 top: 0;
646 border-bottom-style: solid;
647 border-top: none;
648 }
649
650 .tipsy-n .tipsy-arrow {
651 left: 50%;
652 margin-left: -5px;
653 }
654
655 .tipsy-nw .tipsy-arrow {
656 left: 10px;
657 }
658
659 .tipsy-ne .tipsy-arrow {
660 top: 0;
661 right: 10px;
662 border-bottom-style: solid;
663 border-top: none;
664 border-left-color: transparent;
665 border-right-color: transparent;
666 }
667
668 .tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow {
669 bottom: 0;
670 border-top-style: solid;
671 border-bottom: none;
672 border-left-color: transparent;
673 border-right-color: transparent;
674 }
675
676 .tipsy-s .tipsy-arrow {
677 left: 50%;
678 margin-left: -5px;
679 }
680
681 .tipsy-sw .tipsy-arrow {
682 left: 10px;
683 }
684
685 .tipsy-se .tipsy-arrow {
686 right: 10px;
687 }
688
689 .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
690 top: 50%;
691 margin-top: -5px;
692 border-top-color: transparent;
693 border-bottom-color: transparent;
694 }
695
696 .tipsy-e .tipsy-arrow {
697 right: 0;
698 border-left-style: solid;
699 border-right: none;
700 }
701
702 .tipsy-w .tipsy-arrow {
703 left: 0;
704 border-right-style: solid;
705 border-left: none;
706 }
707 /*# sourceMappingURL=common-rtl.css.map */