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

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