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

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