PluginProbe
Elementor Website Builder – more than just a page builder / 3.7.0
Elementor Website Builder – more than just a page builder v3.7.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.7.0, at assets/css/common-rtl.css

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