PluginProbe
Elementor Website Builder – more than just a page builder / 3.7.4
Elementor Website Builder – more than just a page builder v3.7.4
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.css

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

700 lines 15.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.7.4 - 31-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 right: 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-right: 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-left: 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: left;
262 padding-left: 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-right: 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-left: 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-left: 20px;
322 margin-right: 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-left: 10px;
335 margin-left: 15px;
336 border-left: 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: left;
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-right: 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 #elementor-finder__lock-dialog {
481 z-index: 100000;
482 }
483
484 .elementor-finder__results__category {
485 position: relative;
486 }
487 .elementor-finder__results__category__title {
488 padding: 5px 25px;
489 color: #6d7882;
490 background-color: #e6e9ec;
491 font-size: 9px;
492 text-transform: uppercase;
493 }
494 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
495 min-height: 26px;
496 }
497 .elementor-finder__results__category .eicon-loading {
498 display: none;
499 position: absolute;
500 right: 10px;
501 top: 30px;
502 color: #71d7f7;
503 font-size: 14px;
504 }
505 .elementor-finder__results__item {
506 display: -webkit-box;
507 display: -ms-flexbox;
508 display: flex;
509 }
510 .elementor-finder__results__item a {
511 text-decoration: none;
512 -webkit-box-shadow: none;
513 box-shadow: none;
514 outline: none;
515 }
516 .elementor-finder__results__item.elementor-active {
517 background-color: #71d7f7;
518 -webkit-box-shadow: none;
519 box-shadow: none;
520 outline: none;
521 }
522 .elementor-finder__results__item.elementor-active * {
523 color: #fff;
524 }
525 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
526 display: none;
527 }
528 .elementor-finder__results__item__link {
529 display: -webkit-box;
530 display: -ms-flexbox;
531 display: flex;
532 -webkit-box-align: center;
533 -ms-flex-align: center;
534 align-items: center;
535 height: 35px;
536 -webkit-box-flex: 1;
537 -ms-flex-positive: 1;
538 flex-grow: 1;
539 }
540 .elementor-finder__results__item__icon {
541 width: 60px;
542 text-align: center;
543 color: #6d7882;
544 font-size: 17px;
545 }
546 .elementor-finder__results__item__title {
547 color: #6d7882;
548 font-size: 13px;
549 }
550 .elementor-finder__results__item__description {
551 margin-left: 5px;
552 color: #a4afb7;
553 font-style: italic;
554 }
555 .elementor-finder__results__item__badge {
556 text-transform: uppercase;
557 position: absolute;
558 inset-inline-end: 16px;
559 color: #556068;
560 font-size: 8px;
561 font-weight: 500;
562 display: -webkit-box;
563 display: -ms-flexbox;
564 display: flex;
565 -webkit-box-align: center;
566 -ms-flex-align: center;
567 align-items: center;
568 gap: 4px;
569 }
570 .elementor-finder__results__item__actions {
571 display: -webkit-box;
572 display: -ms-flexbox;
573 display: flex;
574 }
575 .elementor-finder__results__item__action {
576 display: -webkit-box;
577 display: -ms-flexbox;
578 display: flex;
579 -webkit-box-align: center;
580 -ms-flex-align: center;
581 align-items: center;
582 -webkit-box-pack: center;
583 -ms-flex-pack: center;
584 justify-content: center;
585 height: 100%;
586 width: 35px;
587 }
588 .elementor-finder__results__item__action:hover {
589 background-color: rgba(0, 0, 0, 0.07);
590 }
591
592 .tipsy {
593 font-size: 10px;
594 position: absolute;
595 padding: 5px;
596 z-index: 100000;
597 }
598
599 .tipsy-inner {
600 background-color: #000;
601 color: #FFF;
602 font-weight: 500;
603 max-width: 200px;
604 padding: 5px 12px;
605 text-align: center;
606 border-radius: 3px;
607 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
608 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
609 }
610
611 .tipsy-arrow {
612 position: absolute;
613 width: 0;
614 height: 0;
615 line-height: 0;
616 border: 5px dashed #000;
617 }
618
619 .tipsy-arrow-n {
620 border-bottom-color: #000;
621 }
622
623 .tipsy-arrow-s {
624 border-top-color: #000;
625 }
626
627 .tipsy-arrow-e {
628 border-left-color: #000;
629 }
630
631 .tipsy-arrow-w {
632 border-right-color: #000;
633 }
634
635 .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow {
636 border-left-color: transparent;
637 border-right-color: transparent;
638 top: 0;
639 border-bottom-style: solid;
640 border-top: none;
641 }
642
643 .tipsy-n .tipsy-arrow {
644 left: 50%;
645 margin-left: -5px;
646 }
647
648 .tipsy-nw .tipsy-arrow {
649 left: 10px;
650 }
651
652 .tipsy-ne .tipsy-arrow {
653 top: 0;
654 right: 10px;
655 border-bottom-style: solid;
656 border-top: none;
657 border-left-color: transparent;
658 border-right-color: transparent;
659 }
660
661 .tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow {
662 bottom: 0;
663 border-top-style: solid;
664 border-bottom: none;
665 border-left-color: transparent;
666 border-right-color: transparent;
667 }
668
669 .tipsy-s .tipsy-arrow {
670 left: 50%;
671 margin-left: -5px;
672 }
673
674 .tipsy-sw .tipsy-arrow {
675 left: 10px;
676 }
677
678 .tipsy-se .tipsy-arrow {
679 right: 10px;
680 }
681
682 .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
683 top: 50%;
684 margin-top: -5px;
685 border-top-color: transparent;
686 border-bottom-color: transparent;
687 }
688
689 .tipsy-e .tipsy-arrow {
690 right: 0;
691 border-left-style: solid;
692 border-right: none;
693 }
694
695 .tipsy-w .tipsy-arrow {
696 left: 0;
697 border-right-style: solid;
698 border-left: none;
699 }
700 /*# sourceMappingURL=common.css.map */