PluginProbe
WP Directory Kit / 1.5.4
WP Directory Kit v1.5.4
1.5.9 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 trunk 1.1.0 1.1.6 1.1.8 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.8 All 37 releases
wpdirectorykit / elementor-elements / classes / includes / css / wdk-elementor-live-editor.css

wdk-elementor-live-editor.css in WP Directory Kit 1.5.4, at elementor-elements/classes/includes/css/wdk-elementor-live-editor.css

950 lines 16.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .elementor-element .icon {
3 position: relative;
4 }
5
6 [class^="divider-type-"],
7 [class^="wdk-"],
8 [class*=" wdk-"] {
9 font-family: "wdk-elements" !important;
10 speak: none;
11 font-style: normal;
12 font-weight: normal;
13 font-variant: normal;
14 text-transform: none;
15 line-height: 1;
16 -webkit-font-smoothing: antialiased;
17 -moz-osx-font-smoothing: grayscale;
18 }
19
20 /*
21 * Icons Badge
22 */
23 .elementor-element-wrapper:not(.elementor-element--promotion) [class^="wdk-"]::after,
24 .elementor-element-wrapper:not(.elementor-element--promotion) [class*=" wdk-"]::after {
25 content: "PA";
26 font-family: "Montserrat", Sans-serif;
27 font-weight: 700;
28 font-size: 10px;
29 position: absolute;
30 right: 0.6em;
31 top: 0.6em;
32 border-radius: 2px;
33 padding: 2px;
34 }
35
36 .papro-dialog-buttons:not([style="display: none;"]) + button {
37 display: none;
38 }
39
40 .wdk-dash-icon:before {
41 content: "";
42 }
43
44 .wdk-banner:before {
45 content: "";
46 }
47
48 .wdk-blog:before {
49 content: "";
50 }
51
52 .wdk-button:before {
53 content: "";
54 }
55
56 .wdk-carousel:before {
57 content: "";
58 }
59
60 .wdk-contact-form:before {
61 content: "";
62 }
63
64 .wdk-countdown:before {
65 content: "";
66 }
67
68 .wdk-counter:before {
69 content: "";
70 }
71
72 .wdk-dual-header:before {
73 content: "";
74 }
75
76 .wdk-fancy-text:before {
77 content: "";
78 }
79
80 .wdk-maps:before {
81 content: "";
82 }
83
84 .wdk-grid-icon:before {
85 content: "";
86 }
87
88 .wdk-image-button:before {
89 content: "";
90 }
91
92 .wdk-image-scroll:before {
93 content: "";
94 }
95
96 .wdk-image-separator:before {
97 content: "";
98 }
99
100 .wdk-lottie-animations:before {
101 content: "";
102 }
103
104 .wdk-modal-box:before {
105 content: "";
106 }
107
108 .wdk-person:before {
109 content: "";
110 }
111
112 .wdk-pricing-table:before {
113 content: "";
114 }
115
116 .wdk-progress-bar:before {
117 content: "";
118 }
119
120 .wdk-testimonials:before {
121 content: "";
122 }
123
124 .wdk-title:before {
125 content: "";
126 }
127
128 .wdk-vscroll:before {
129 content: "";
130 }
131
132 .wdk-video-box:before {
133 content: "";
134 }
135
136 .wdk-icon-list:before {
137 content: "";
138 }
139
140 .wdk-woo-products:before {
141 content: "";
142 }
143
144 .wdk-woo-cats:before {
145 content: "";
146 }
147
148 .wdk-woo-cta:before {
149 content: "";
150 }
151
152 .wdk-mini-cart:before {
153 content: "";
154 }
155
156 .wdk-mega-menu:before {
157 content: "";
158 }
159
160 .wdk-tags-cloud:before {
161 content: "";
162 }
163
164 .wdk-world-clock:before {
165 content: "";
166 }
167
168 .wdk-tiktok-feed:before {
169 content: "�
170 ";
171 }
172
173 .wdk-search-form:before {
174 content: "";
175 }
176
177 .wdk-mobile-menu:before {
178 content: "";
179 }
180
181 .wdk-weather:before {
182 content: "";
183 }
184
185 .wdk-post-notifications:before {
186 content: "";
187 }
188
189 .wdk-ticker:before {
190 content: "";
191 }
192
193 .wdk-pinterest:before {
194 content: "�
195 ";
196 }
197
198 .wdk-media-wheel:before {
199 content: "";
200 }
201
202 .wdk-tiktok:before {
203 content: "";
204 }
205
206 .wdk-showcase:before {
207 content: "";
208 }
209
210 html:not([dir="rtl"]) .wdk-tiktok-feed:before {
211 margin-right: -2px;
212 }
213
214 [dir="rtl"] .wdk-tiktok-feed:before {
215 margin-left: -2px;
216 }
217
218 .editor-wdk-doc {
219 font-style: italic;
220 line-height: 1.2;
221 font-size: 12px;
222 }
223
224 .editor-wdk-spacer {
225 margin-top: 1.5em;
226 }
227
228 .editor-wdk-icon-control .elementor-control-icons--inline__none {
229 display: none;
230 }
231
232 .editor-wdk-icon-control .elementor-control-icons--inline__icon {
233 min-width: 50px;
234 }
235
236 .editor-wdk-color-control label.elementor-control-title {
237 -webkit-box-flex: 0;
238 -ms-flex-positive: 0;
239 flex-grow: 0;
240 }
241
242 .elementor-control.editor-wdk-control-disabled {
243 padding-top: 15px;
244 background: rgba(230, 233, 236, 0.5);
245 pointer-events: none;
246 }
247
248 .elementor-control.editor-wdk-control-notice {
249 padding-left: 0 !important;
250 padding-right: 0 !important;
251 }
252
253 .elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
254 .elementor-panel .elementor-control-raw-html.editor-wdk-doc a {
255 color: #0f6aa7;
256 }
257
258 .elementor-control-raw-html .wdk-notice-bold {
259 font-weight: bold;
260 }
261
262 #elementor-panel__editor__help__link[href^="https://wdkaddons.com/"]::before, #elementor-panel__editor__help__link[href*="PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv"]::before {
263 content: "\e900";
264 font-family: "wdk-elements" !important;
265 font-size: 20px;
266 font-style: normal;
267 font-weight: normal;
268 font-variant: normal;
269 text-transform: none;
270 line-height: 1;
271 -webkit-font-smoothing: antialiased;
272 -moz-osx-font-smoothing: grayscale;
273 margin: -1px 4px 0;
274 }
275
276 .wdk-dash-icon {
277 font-size: 11px !important;
278 padding-right: 1px;
279 }
280
281 .elementor-update-preview.editor-wdk-preview-update {
282 margin: 0;
283 margin-bottom: 8px;
284 }
285
286 .wdk-pro-trust-reviews:before {
287 content: "";
288 }
289
290 .wdk-pro-yelp-reviews:before {
291 content: "";
292 }
293
294 .wdk-pro-behance-feed:before {
295 content: "�
296 ";
297 }
298
299 .wdk-pro-charts:before {
300 content: "";
301 }
302
303 .wdk-pro-content-switcher:before {
304 content: "";
305 }
306
307 .wdk-pro-facebook-feed:before {
308 content: "";
309 }
310
311 .wdk-pro-facebook-reviews:before {
312 content: "";
313 }
314
315 .wdk-pro-flip-box:before {
316 content: "";
317 }
318
319 .wdk-pro-floating-block:before {
320 content: "";
321 }
322
323 .wdk-pro-google-reviews:before {
324 content: "";
325 }
326
327 .wdk-pro-horizontal-scroll:before {
328 content: "";
329 }
330
331 .wdk-pro-hot-spot:before {
332 content: "";
333 }
334
335 .wdk-pro-icon-box:before {
336 content: "";
337 }
338
339 .wdk-pro-ihover:before {
340 content: "";
341 }
342
343 .wdk-pro-image-accordion:before {
344 content: "";
345 }
346
347 .wdk-pro-image-comparison:before {
348 content: "";
349 }
350
351 .wdk-pro-image-layers:before {
352 content: "";
353 }
354
355 .wdk-pro-instagram-feed:before {
356 content: "";
357 }
358
359 .wdk-pro-magic-section:before {
360 content: "";
361 }
362
363 .wdk-pro-messenger-chat:before {
364 content: "";
365 }
366
367 .wdk-pro-multi-scroll:before {
368 content: "";
369 }
370
371 .wdk-pro-notification-bar:before {
372 content: "";
373 }
374
375 .wdk-pro-preview-window:before {
376 content: "";
377 }
378
379 .wdk-pro-separator:before {
380 content: "";
381 }
382
383 .wdk-pro-table:before {
384 content: "";
385 }
386
387 .wdk-pro-tabs:before {
388 content: "";
389 }
390
391 .wdk-pro-twitter-feed:before {
392 content: "";
393 }
394
395 .wdk-pro-unfold:before {
396 content: "";
397 }
398
399 .wdk-pro-whatsapp:before {
400 content: "";
401 }
402
403 .wdk-pro-color-transition:before {
404 content: "";
405 }
406
407 .wdk-pro-svg-drawer:before {
408 content: "";
409 }
410
411 .wdk-pro-site-logo:before {
412 content: "";
413 }
414
415 .wdk-pro-post-listing:before {
416 content: "";
417 }
418
419 .divider-type-icon:before {
420 content: "\e948";
421 }
422
423 .divider-type-image:before {
424 content: "\e949";
425 }
426
427 .divider-type-lottie:before {
428 content: "\e94a";
429 }
430
431 .divider-type-code:before {
432 content: "\e94b";
433 }
434
435 .editor-wdk-img {
436 max-width: 30px !important;
437 max-height: 30px;
438 vertical-align: middle;
439 }
440
441 .wdk-promotion-btn {
442 background-color: #252c59 !important;
443 width: 50% !important;
444 }
445
446 .wdk-promotion-pro-btn {
447 display: inline-block;
448 text-align: center;
449 background-color: #f47216;
450 color: #fff;
451 line-height: normal;
452 }
453
454 .wdk-promotion-pro-btn:hover {
455 color: #fff;
456 }
457
458 .wdk-promotion-dialog .eicon-pro-icon {
459 color: #f47216 !important;
460 margin: 0 6px !important;
461 }
462
463 .wdk-promotion-dialog .dialog-button {
464 font-size: 10px !important;
465 letter-spacing: 0.3px;
466 width: calc(50% - 5px) !important;
467 }
468
469 html:not([dir="rtl"]) .wdk-promotion-btn {
470 margin-right: 5px;
471 }
472
473 html:not([dir="rtl"]) .wdk-promotion-pro-btn {
474 margin-left: 5px;
475 }
476
477 [dir="rtl"] .wdk-promotion-pro-btn {
478 margin-right: 5px;
479 }
480
481 [dir="rtl"] .wdk-promotion-btn {
482 margin-left: 5px;
483 }
484
485 .elementor-panel .wdk-promotion-element > .elementor-element > .eicon-lock {
486 right: auto;
487 left: 0.6em;
488 }
489
490 .elementor-editor-active .tipsy-inner {
491 line-height: 15px;
492 }
493
494 .papro-upgrade-notice {
495 font-size: 12px;
496 font-weight: 300;
497 font-style: italic;
498 line-height: 1.4;
499 }
500
501 .elementor-slider .noUi-base .noUi-handle-upper .noUi-tooltip {
502 top: -100%;
503 }
504
505 .papro-btn-block {
506 width: 100% !important;
507 margin: -10px 0 10px;
508 }
509
510 .elementor-template-wdk-live-editor-modal-container {
511 display: flex;
512 }
513
514 .wdk-live-editor-iframe-modal {
515 display: none;
516 }
517
518 .wdk-dynamic-content-modal {
519 -js-display: flex;
520 display: -webkit-box;
521 display: -webkit-flex;
522 display: -moz-box;
523 display: -ms-flexbox;
524 display: flex;
525 justify-content: center;
526 }
527
528 .wdk-dynamic-content-modal .dialog-widget-content {
529 position: static !important;
530 max-width: 90% !important;
531 border-radius: 0;
532 }
533
534 .wdk-dynamic-content-modal .dialog-message {
535 overflow: unset !important;
536 }
537
538 .wdk-live-editor-iframe-modal {
539 display: none;
540 }
541
542 .wdk-live-editor-iframe-modal .elementor-templates-modal__header__logo__title {
543 margin-right: 35px;
544 }
545
546 .wdk-live-editor-iframe-modal .dialog-lightbox-header {
547 background-color: #0c0d0e;
548 }
549
550 .wdk-live-editor-iframe-modal .dialog-message {
551 position: relative;
552 }
553
554 .wdk-live-editor-iframe-modal iframe {
555 position: absolute;
556 top: 0;
557 bottom: 0;
558 right: 0;
559 left: 0;
560 width: 100%;
561 height: 100%;
562 }
563
564 .wdk-live-editor-iframe-modal .elementor-templates-modal__header__close {
565 margin-left: 15px;
566 }
567
568 #elementor-template-wdk-live-editor-modal-container .dialog-message {
569 height: calc(100vh - 60px);
570 max-height: calc(100vh - 60px);
571 }
572
573 .elementor-device-desktop #elementor-preview-responsive-wrapper {
574 min-width: auto !important;
575 }
576
577 #wdk-live-editor-logo .wdk-template-modal-header-logo-icon img {
578 width: 30px;
579 height: 30px;
580 }
581
582 #wdk-live-temp-title {
583 width: 400px;
584 border-radius: 3px 0 0 3px;
585 }
586
587 .wdk-live-temp-notice {
588 margin: 0 10px;
589 font-style: italic;
590 font-weight: normal;
591 text-transform: none;
592 }
593
594 #wdk-insert-live-temp {
595 white-space: nowrap;
596 border-radius: 0 3px 3px 0;
597 }
598
599 #wdk-insert-live-temp,
600 #wdk-live-temp-title {
601 padding: 8px 10px;
602 }
603
604 .wdk-live-editor-title {
605 display: flex;
606 -webkit-box-align: center;
607 -webkit-align-items: center;
608 -moz-box-align: center;
609 -ms-flex-align: center;
610 align-items: center;
611 }
612
613 .wdk-modal-expanded .dialog-lightbox-widget-content {
614 max-width: 100% !important;
615 margin: 0 !important;
616 }
617
618 .wdk-modal-expanded .dialog-lightbox-message {
619 max-height: 100vh;
620 }
621
622 .wdk-modal-expanded #wdk-live-editor-control-iframe {
623 height: calc(100vh - 50px);
624 }
625
626 .wdk-live-temp-title.control-hidden {
627 display: none;
628 }
629
630 .wdk-live-temp-label label {
631 font-weight: 900;
632 }
633
634 .elementor-control-type-wdk-tax-filter select {
635 padding-left: 5px;
636 padding-right: 20px;
637 cursor: pointer;
638 }
639
640 .elementor-control-pa_loop_template_id .elementor-template-query-control-actions,
641 .elementor-control-pa_grid_template_id .elementor-template-query-control-actions {
642 display: none;
643 }
644
645 .elementor-image-choices {
646 margin: 0 0 -2px 0;
647 }
648
649 .elementor-image-choices img {
650 max-width: 100%;
651 height: auto;
652 border: 0;
653 display: block;
654 }
655
656 .elementor-image-choices:after {
657 content: "";
658 clear: both;
659 display: block;
660 }
661
662 .elementor-image-choices .elementor-image-choices-label {
663 border: 3px solid rgba(0, 0, 0, 0.08);
664 padding: 2px;
665 }
666
667 .image-choose-label-block {
668 padding: 3px;
669 display: inline-block;
670 -webkit-box-sizing: border-box;
671 box-sizing: border-box;
672 margin-left: -3px;
673 vertical-align: middle;
674 }
675
676 .image-choose-label-block:nth-child(4n) {
677 clear: both;
678 }
679
680 .image-choose-label-block .imagesmall {
681 width: 100%;
682 height: auto;
683 display: block;
684 cursor: pointer;
685 }
686
687 .image-choose-label-block .imagesmall.imagesmall-svg {
688 height: 50px;
689 background-color: #afafaf;
690 }
691
692 .image-choose-label-block input {
693 display: none !important;
694 }
695
696 .elementor-control-presets img {
697 aspect-ratio: 2/2;
698 object-fit: cover;
699 object-position: center;
700 }
701
702 .elementor-image-choices-label {
703 display: block;
704 }
705
706 .elementor-control-wdk_gdivider_defaults .elementor-image-choices {
707 height: 195px;
708 position: relative;
709 overflow: hidden;
710 overflow-y: auto;
711 }
712
713 .elementor-control-wdk_gdivider_defaults .elementor-image-choices .elementor-image-choices-label {
714 border-width: 1px;
715 }
716
717 .elementor-control-wdk_gdivider_defaults .elementor-image-choices input.checked + .elementor-image-choices-label {
718 border: 1px solid #a4afb7;
719 border-radius: 0px;
720 padding: 2px;
721 }
722
723 .elementor-control-wdk_gdivider_defaults .elementor-image-choices .elementor-image-choices-label {
724 height: 50px;
725 }
726
727 .elementor-control-wdk_gdivider_defaults .elementor-image-choices .elementor-image-choices-label svg {
728 height: 100%;
729 width: 100%;
730 cursor: pointer;
731 }
732
733 .elementor-control-wdk_gdivider_defaults .elementor-image-choices .elementor-image-choices-label svg,
734 .elementor-control-wdk_gdivider_defaults .elementor-image-choices .elementor-image-choices-label svg path {
735 fill: #afafaf;
736 }
737
738 .elementor-image-choices input.checked + .elementor-image-choices-label {
739 border: 2px solid #a4afb7;
740 border-radius: 12px;
741 }
742
743 .wdk-rotate-icon {
744 transform: rotate(90deg);
745 }
746
747 #wdk-paste-area-dialog {
748 text-align: center;
749 }
750
751 #wdk-paste-area-dialog .dialog-header {
752 -webkit-padding-before: 60px;
753 padding-block-start: 60px;
754 font-size: 30px;
755 font-size: 23px;
756 text-align: center;
757 margin-bottom: 15px;
758 }
759
760 #wdk-paste-area-dialog .dialog-message {
761 padding: 0 15px 15px;
762 font-size: 15px;
763 position: relative;
764 font-size: 14px;
765 line-height: 1.3;
766 margin-bottom: 10px;
767 }
768
769 #wdk-paste-area-dialog #wdk-paste-area-dialog__input {
770 background: transparent;
771 color: transparent;
772 border-color: transparent;
773 padding: 0;
774 margin: 0;
775 height: 100px;
776 position: absolute;
777 top: -60px;
778 left: 0;
779 right: 0;
780 }
781
782 #wdk-paste-area-dialog #wdk-paste-area-dialog__input:focus {
783 border-color: transparent;
784 outline: none;
785 }
786
787 #wdk-paste-area-dialog .dialog-widget-content {
788 width: 400px;
789 padding: 25px;
790 }
791
792 #wdk-paste-area-dialog .dialog-widget-content .eicon-loading {
793 display: none;
794 }
795
796 #wdk-paste-area-dialog .dialog-widget-content.e-state-loading .eicon-loading {
797 display: block;
798 -webkit-margin-before: 15px;
799 margin-block-start: 15px;
800 }
801
802 #wdk-paste-area-dialog .dialog-close-button {
803 margin-top: 0;
804 z-index: 11;
805 }
806
807 #wdk-paste-area-dialog input#wdk-paste-input {
808 background: transparent;
809 color: transparent;
810 border-color: transparent;
811 padding: 0;
812 margin: 0;
813 height: 100%;
814 position: absolute;
815 top: 0;
816 left: 0;
817 right: 0;
818 }
819
820 #elementor-panel-state-loading {
821 flex-direction: column;
822 background-color: rgba(255, 255, 255, 0.8) !important;
823 }
824
825 #elementor-panel-state-loading .wdk-editor-panel-loader {
826 font-size: 14px;
827 font-weight: 400;
828 line-height: 1.2;
829 }
830
831 #elementor-panel-state-loading .wdk-editor-panel-loader a {
832 transition: all 0.3s ease-in-out;
833 }
834
835 #elementor-panel-state-loading .eicon-loading {
836 font-size: 20px !important;
837 background: white;
838 padding: 12px;
839 border-radius: 50%;
840 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
841 }
842
843 .wdk-editor-panel-loader {
844 text-align: center;
845 line-height: 1.4em;
846 margin-top: 20px;
847 }
848
849 .wdk-editor-panel-loader p {
850 font-size: 20px;
851 color: black;
852 }
853
854 .wdk-editor-btn {
855 display: block;
856 padding: 10px 20px;
857 border-radius: 8px;
858 transition: all 0.3s ease-in-out;
859 font-weight: 500;
860 font-size: 13px;
861 }
862
863 .wdk-editor-panel-loader-info {
864 color: #3756e1;
865 border: 1px solid #3756e1;
866 margin: 20px 0 10px;
867 }
868
869 .wdk-editor-panel-loader-info:hover {
870 color: #3756e1;
871 }
872
873 .wdk-disable-unused {
874 background-color: #3756e1;
875 color: #fff;
876 }
877
878 .wdk-promote-box {
879 text-align: center;
880 }
881
882 .wdk-promote-box svg {
883 width: 110px;
884 height: 110px;
885 }
886
887 .addon-promotion {
888 padding: 15px;
889 }
890
891 .papro-promote-title {
892 font-size: 16px;
893 font-weight: 700;
894 line-height: 1.4;
895 margin-top: 15px;
896 }
897
898 .papro-promote-message {
899 line-height: 1.8;
900 font-size: 12px;
901 margin-top: 5px;
902 }
903
904 .papro-promote-message + .wdk-promote-ctas {
905 margin-top: 15px;
906 }
907
908 .wdk-promote-ctas {
909 display: flex;
910 flex-direction: row;
911 justify-content: space-between;
912 }
913
914 .wdk-promote-ctas > a.elementor-button {
915 display: flex;
916 justify-content: center;
917 align-items: center;
918 }
919
920 .wdk-promote-box.addon-promotion .wdk-promote-ctas {
921 flex-direction: column;
922 }
923
924 .wdk-promote-box .elementor-button {
925 color: #fff;
926 padding: 10px;
927 border: none;
928 box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1);
929 }
930
931 .widget-box .elementor-button {
932 width: calc(50% - 5px);
933 }
934
935 .wdk-promote-ctas .elementor-button.wdk-promote-demo {
936 background-color: #252c59;
937 }
938
939 .wdk-promote-ctas .elementor-button.wdk-promote-upgrade {
940 background-color: #ff6000;
941 }
942
943 .addon-promotion .elementor-button.wdk-promote-upgrade {
944 margin-top: 7px;
945 }
946
947 .elementor-control-pa_pro_promotion_notice a {
948 color: #2463eb !important;
949 }
950