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

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