PluginProbe
WP Directory Kit / 1.2.3
WP Directory Kit v1.2.3
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 1.4.0 1.4.1 All 35 releases
wpdirectorykit / admin / css / wpdirectorykit-admin.scss

wpdirectorykit-admin.scss in WP Directory Kit 1.2.3, at admin/css/wpdirectorykit-admin.scss

1,338 lines 30.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * All of the CSS for your admin-specific functionality should be
3 * included in this file.
4 */
5
6 /* General */
7 #adminmenu .wp-has-current-submenu ul a[href="admin.php?page=wdk_importdemo"]="admin.php?page=wdk_importdemo""] {
8 display: none;
9 }
10
11 .wdk-wrap .clearfix:after
12 {
13 content: '';
14 display: table;
15 clear: both;
16 }
17
18 .wdk-wrap .postbox-header {
19 max-width: 100%;
20 min-width: 100%;
21 h3
22 {
23 padding-left:15px;
24
25 &.wide {
26 flex: 1 2 auto;
27 }
28 }
29 }
30
31 .wdk-wrap .pull_right
32 {
33 float:right;
34 }
35
36 .wdk-wrap .wdk-depend-hidden,
37 .wdk-wrap .hidden
38 {
39 display:none;
40 }
41
42 .wdk-wrap .img-link
43 {
44 display: block;
45 }
46
47 .actions_column a:hover span
48 {
49 color:black;
50 }
51
52 .wp-list-table a.title
53 {
54 font-weight: bold;
55 }
56 /* Sortable */
57
58 .wdk-wrap .ui-sortable-handle a
59 {
60 text-decoration: none;
61 border: 0px;
62 color: black;
63 }
64
65 .wdk-wrap .ui-sortable-handle a:hover
66 {
67 color: #135e96;
68 }
69
70 .wdk-wrap .ui-sortable-handle h3 a
71 {
72 font-size: 16px;
73 }
74
75 .wdk-wrap .ui-sortable-handle h3 span
76 {
77 padding-right: 15px;
78 }
79
80 .wdk-wrap .hndle
81 {
82 display:block;
83 }
84
85 .wdk-wrap .listing_edit_map {
86 height: 350px;
87 width: 100%;
88 }
89
90 /* Alerts */
91
92 .wdk-wrap .alert
93 {
94 border-radius: 0;
95 }
96
97 .wdk-wrap .alert.alert-success
98 {
99 background: #E6F4E7;
100 color: #376637;
101 border-left: 3px solid #88BF88;
102 margin: 0px 0px 5px 0px;
103 padding: 15px;
104 font-weight: bold;
105 }
106
107 .wdk-wrap .alert.alert-danger
108 {
109 background: #FFE6DF;
110 color: #AB3C1B;
111 border-left: 3px solid #E98B6F;
112 margin: 0px 0px 5px 0px;
113 padding: 15px;
114 font-weight: bold;
115 }
116
117 .wdk-wrap .alert.alert-info
118 {
119 background: #cce5ff;
120 color: #3d648e;
121 border-left: 3px solid #3d648e;
122 margin: 0px 0px 5px 0px;
123 padding: 15px;
124 font-weight: bold;
125 }
126
127 /* Labels */
128 .wdk-wrap .label {
129 display: inline-block;
130 }
131
132 .wdk-wrap .label.label-success {
133 background: #E6F4E7;
134 color: #376637;
135 margin: 0px 5px 5px 0px;
136 padding: 5px;
137 }
138
139 .wdk-wrap .label.label-danger {
140 background: #FFE6DF;
141 color: #AB3C1B;
142 margin: 0px 5px 5px 0px;
143 padding: 5px;
144 }
145
146 .wdk-wrap .label.label-info {
147 background: #cce5ff;
148 color: #3d648e;
149 margin: 0px 5px 5px 0px;
150 padding: 5px;
151 }
152
153 .wdk-wrap .label.label-warning {
154 color: #664d03;
155 background-color: #fff3cd;
156 border-color: #ffecb5;
157 margin: 0px 5px 5px 0px;
158 padding: 5px;
159 }
160
161 /* Custom fields layout */
162
163 div.wdk-field-edit
164 {
165 margin: 15px 0px;
166 display: flex;
167 justify-content: flex-start;
168 }
169
170 div.wdk-field-edit label
171 {
172 width: auto;
173 display: inline-block;
174 vertical-align: top;
175 max-width: 80px;
176 flex: 0 0 100px;
177 padding-right: 10px;
178 font-weight: 600;
179 }
180
181
182 div.wdk-field-edit.edittable {
183 & {
184 padding: 0px;
185 margin: 0;
186 }
187
188 div.wdk-field-container {
189 & {
190 padding:0px;
191 }
192
193 .wdk_dropdown_tree {
194 max-width: 351px;
195 }
196 }
197 }
198
199 div.wdk-field-edit.DATETIME_TO .wdk-field-container,
200 div.wdk-field-edit.DATETIME_FROM .wdk-field-container,
201 div.wdk-field-edit.DATETIME .wdk-field-container {
202
203
204 .wdk-datetime-group {
205 display: flex;
206 flex-wrap: wrap;
207 max-width: 230px;
208 select {
209 width: 60px;
210 }
211
212 .regular-text {
213 min-width: 90px;
214 flex: 1 2;
215 }
216 }
217
218 input,select {
219 margin-bottom: 5px;
220 }
221 }
222
223
224 div.wdk-field-edit div.wdk-field-container {
225 & {
226 display: inline-block;
227 padding:0px 15px;
228 padding-right: 0;
229 flex: 1 2 auto;
230 }
231
232 .wdk_dropdown_tree,
233 input:not([type="checkbox"]):not([type="radio"]),
234 select {
235 width: 100%;
236 max-width: 230px;
237 }
238
239 .wdk_dropdown_tree > .btn-group {
240 width: 100%;
241 display: flex;
242 height: auto;
243 }
244
245 .wdk_dropdown_tree button {
246 padding: 0 8px;
247 height: auto;
248 box-shadow: 0 0 0 transparent;
249 border: 1px solid #8c8f94;
250 background-color: #fff;
251 color: #2c3338;
252 min-height: 30px;
253 }
254
255 .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle,
256 .wdk_dropdown_tree button {
257 border-radius: 4px;
258 }
259
260 .wdk_dropdown_tree button:first-child {
261 border-top-right-radius: 0;
262 border-bottom-right-radius: 0;
263 }
264
265 .wdk_dropdown_tree .list_container .input-group {
266 border: 1px solid #8c8f94;
267 }
268
269 .wdk_dropdown_tree .list_scroll {
270 border-left: 1px solid #8c8f94;
271 left: 0;
272 }
273
274 .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle:last-child {
275 border-top-left-radius: 0;
276 border-bottom-left-radius: 0;
277
278 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
279 background-size: auto;
280 background-size: 16px 16px;
281 cursor: pointer;
282 vertical-align: middle;
283 }
284
285 .wdk_dropdown_tree {
286 min-width: initial;
287 position: relative;
288 }
289
290 .wdk_dropdown_tree .list_container input.form-control.search_term {
291 height: initial;
292 padding: 0 8px;
293 }
294
295 .wdk_dropdown_tree .list_container .input-group-addon {
296 &{
297 position: relative;
298 }
299
300 & i {
301 position: absolute;
302 left: 0;
303 margin-left: 5px;
304 top: 50%;
305 margin-top: -9px;
306 }
307
308 & i.fa-spin {
309 margin-left: 7px;
310 margin-top: -7px;
311 }
312
313 .fa:after {
314 font-family: dashicons;
315 line-height: 1;
316 font-weight: 400;
317 font-style: normal;
318 text-transform: none;
319 text-rendering: auto;
320 font-size: 20px;
321 text-align: center;
322 }
323
324 .loader-spiner.fa.fa-spinner:before,
325 .fa.fa-search:before {
326 display: none !important;
327 }
328
329 .fa.fa-search:after {
330 content: "\f179";
331 }
332
333 .loader-spiner.fa.fa-spinner:after {
334 content: "\f113";
335 }
336
337 .loader-spiner.fa.fa-spinner {
338 -webkit-animation: wdk-spin 2s infinite linear;
339 animation: wdk-spin 2s infinite linear;
340 font-family: dashicons;
341 font-size: 18px;
342 margin-left: 6px;
343 margin-top: -9px;
344 }
345
346 @keyframes wdk-spin {
347 0% {
348 -webkit-transform: rotate(0deg);
349 transform: rotate(0deg);
350 }
351 100% {
352 -webkit-transform: rotate(360deg);
353 transform: rotate(360deg);
354 }
355 }
356 }
357
358 }
359
360 .form-table p.wdk-hint,
361 div.wdk-field-edit p.wdk-hint
362 {
363 font-style: italic;
364 }
365
366 /* Tables */
367
368 .wdk-wrap .widefat .actions_column
369 {
370 text-align: right;
371 }
372
373 .wdk-wrap .form-table td {
374 vertical-align: top;
375 }
376
377 .wdk-wrap .wdk-side-content {
378 display: flex;
379 flex-wrap: wrap;
380 }
381
382 .wdk-wrap .wdk-side-content .wdk-col {
383 flex: 1 2 auto;
384 }
385
386 .wdk-wrap .wdk-side-content .wdk-col.main {
387 flex: 1 2 50%;
388 padding-right: 35px;
389 }
390
391 .wdk-wrap .wdk-side-content .wdk-col.sidebar {
392 flex: 1 2 30%;
393 min-width: 400px;
394 padding: 22px 0;
395 }
396
397 .wdk-wrap .wdk-side-content + .form-table td {
398 padding-right: 0;
399 }
400
401 .wdk-wrap .wdk-side-content + .form-table th,
402 .wdk-wrap .wdk-side-content .form-table th {
403 max-width: 85px;
404 padding-right: 10px;
405 }
406
407
408 /* Filtering above/below tables */
409
410 .wdk-wrap .tablenav.top .left
411 {
412 float:left;
413 }
414
415 .wdk-wrap .inputbox_map {
416 height: 250px;
417 width: 100%;
418 max-width: 450px
419 }
420
421 /* Visual Builder Search Forms */
422 .wdk-builder-container .widget-title h3, .widget-title h4 {
423 white-space: initial;
424 }
425 .wdk-builder-container .wdk-builder-elements-column
426 {
427 margin-bottom: 15px;
428 display:block;
429 width: 40%;
430 float: left;
431 padding-top: 6px;
432 }
433
434
435 .wdk-builder-elements-box h3.sec-title {
436 position: relative;
437 border: 1px solid #c3c4c7;
438 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
439 color: #fff;
440 background: #2c3338;
441 padding: 10px 15px;
442 margin-bottom: 0;
443 margin-top: 0;
444 margin-right: 15px;
445 }
446
447 .wdk-builder-elements
448 {
449 width: 100%;
450 min-height: auto;
451 box-sizing: border-box;
452 padding: 15px 15px 15px 0px;
453 display: grid;
454 grid-template-columns: repeat(2, 1fr);
455 grid-column-gap: 10px;
456 grid-row-gap: 0;
457 }
458
459 .wdk-builder-elements .widget
460 {
461 width: 100%;
462 }
463
464 .wdk-builder-selected
465 {
466 margin-top: 6px;
467 width:80%;
468 border: 1px solid #c3c4c7;
469 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
470 min-height:400px;
471 float:left;
472 box-sizing: border-box;
473 padding: 15px;
474 }
475
476 #wdk-drop .widget.ui-draggable.ui-sortable-handle,
477 #wdk-drop .ui-sortable-placeholder.widget-placeholder,
478 .wdk-wrap .drop-container .widget.ui-draggable.ui-sortable-handle,
479 .wdk-wrap .drop-container .ui-sortable-placeholder.widget-placeholder
480 {
481 width:300px;
482 margin:0px 15px 15px 0px;
483 float:left;
484 }
485
486 #wdk-drag .widget-action,
487 #wdk-drag .widget-inside
488 {
489 display:none !important;
490 }
491
492
493 .wdk-builder-container button[aria-expanded="true"]="true""] .toggle-indicator::before {
494 content: "\f142"
495 }
496
497 #wdk-drop .widget-inside,
498 .wdk-wrap .drop-container .widget-inside
499 {
500 padding: 5px;
501 }
502
503 /* Visual Builder result item */
504
505 .wdk-wrap .drop-container
506 {
507 width: 60%;
508 float: left;
509 }
510
511 .wdk-wrap .drop-container .wdk-builder-selected
512 {
513 width:100%;
514 min-height: 100px;
515 }
516
517 .wdk-wrap .drop-container>h3
518 {
519 padding-bottom:0px;
520 margin-bottom:0px;
521 }
522
523 .wdk-wrap .listing_custom_fields div.wdk-field-edit div.wdk-field-container .wp-editor-wrap input,
524 .wdk-wrap .listing_custom_fields div.wdk-field-edit div.wdk-field-container .wp-editor-wrap select {
525 width: auto;
526 max-width: auto;
527 }
528
529 .wdk-field-edit.SECTION .title {
530 border-bottom: 1px solid #c3c4c7;
531 width: 100%;
532 padding: 10px 0;
533 }
534
535 .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle:last-child i {
536 display: none;
537 }
538
539 /* columns */
540
541 .wdk-wrap
542 {
543 .actions {
544 margin-top: 0;
545 }
546
547 .dl-helper {
548 dt {
549 font-weight: 700;
550 }
551
552 dd {
553 margin-left: 25px;
554 }
555 }
556
557 @for $i from 1 through 10 {
558 .wdk-mr-#{$i*5}#{$i*5} {
559 margin-right: #{$i*5}px;
560 }
561 }
562
563 div.wdk-field-edit.notes a {
564 margin-left: 5px;
565 display: inline-block;
566 font-weight: 600;
567 font-size: 14px;
568 }
569
570 .mb0 {
571 margin-bottom: 0 !important;
572 }
573
574 .align-top {
575 vertical-align: top !important;
576 }
577
578 .text-capitalize {
579 text-transform: capitalize !important;
580 }
581
582 .alert p {
583 margin: 0;
584 }
585
586 .color-primary {
587 color: #004c8c;
588 }
589
590 .wdk-infinity-load {
591 -webkit-animation: wdk-spin 2s infinite linear;
592 animation: wdk-spin 2s infinite linear;
593 }
594
595 .postbox .inside {
596 padding: 0 12px 0;
597 }
598
599 table.wp-list-table tr.no-items {
600 background-color: #f0f0f1;
601 }
602
603 @keyframes wdk-spin {
604 0% {
605 -webkit-transform: rotate(0deg);
606 transform: rotate(0deg);
607 }
608 100% {
609 -webkit-transform: rotate(360deg);
610 transform: rotate(360deg);
611 }
612 }
613
614 .wdk-field-edit.SECTION .title {
615 width: 100%;
616 position: relative;
617 border: 1px solid #c3c4c7;
618 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
619 color: #fff;
620 background: #2c3338;
621 padding: 10px 15px;
622 margin-bottom: 0;
623 margin-top: 0;
624 }
625
626 .meta-box-sortables .wdk_field.SECTION .postbox {
627 color: #fff;
628 background: #2c3338;
629 }
630
631 .meta-box-sortables .wdk_field.SECTION.ui-sortable-handle a {
632 color: #fff;
633 }
634
635 .meta-box-sortables .wdk_field.SECTION.ui-sortable-handle a:hover {
636 color: #72aee6;
637 }
638
639
640 .listing_custom_fields div.wdk-field-edit div.wdk-field-container input,
641 .listing_custom_fields div.wdk-field-edit div.wdk-field-container select {
642 max-width: initial;
643 flex: 1 2;
644 }
645
646 div.wdk-field-edit div.wdk-field-container {
647 display: flex;
648 align-items: flex-start;
649 flex-wrap: wrap;
650 }
651
652 div.wdk-field-edit.TEXTAREA_CODE div.wdk-field-container {
653 width: 400px;
654 }
655
656 div.wdk-field-edit div.wdk-field-container .suffix:not(:empty) {
657 padding: 5px 0px 5px 5px;
658 }
659
660 div.wdk-field-edit div.wdk-field-container .wp-editor-wrap {
661 width: 100%;
662 max-width: 100%;
663 }
664
665 div.wdk-field-edit p.wdk-hint {
666 flex: 0 0 100%;
667 }
668
669 .wdk-row
670 {
671 & {
672 display: -ms-flexbox;
673 display: flex;
674 -ms-flex-wrap: wrap;
675 flex-wrap: wrap;
676 margin-right: -15px;
677 margin-left: -15px;
678 }
679
680 & > [class*='wdk-col']*='wdk-col']
681 {
682 position: relative;
683 width: 100%;
684 padding-right: 15px;
685 padding-left: 15px;
686 box-sizing: border-box;
687 }
688
689 .wdk-col-auto {
690 -ms-flex: 0 0 auto;
691 flex: 0 0 auto;
692 width: auto;
693 max-width: 100%;
694 }
695
696
697 @for $i from 1 through 12 {
698 .wdk-col-#{$i} {
699 -webkit-flex: 0 0 calc(100% / 12 * #{$i});
700 flex: 0 0 calc(100% / 12 * #{$i});
701 max-width: calc(100% / 12 * #{$i});
702 }
703 }
704
705 @media (min-width:992px){
706 @for $i from 1 through 12 {
707 .wdk-col-md-#{$i} {
708 -webkit-flex: 0 0 calc(100% / 12 * #{$i});
709 flex: 0 0 calc(100% / 12 * #{$i});
710 max-width: calc(100% / 12 * #{$i});
711 }
712 }
713 }
714 }
715
716 .text-center {
717 text-align: center;
718 }
719
720 .text-left {
721 text-align: left;
722 }
723
724 .text-right {
725 text-align: right;
726 }
727
728 .button.btn-danger {
729 color: #ffffff;
730 background-color: #c1002b;
731 border-color: #c1002b;
732
733 &:hover, &:hover {
734 -webkit-box-shadow: 0 1px 5px rgba(193, 0, 43, 0.4) !important;
735 box-shadow: 0 1px 5px rgba(193, 0, 43, 0.4) !important;
736 }
737 }
738
739 .button.btn-info {
740 color: #ffffff;
741 background-color: #00c9b7;
742 border-color: #00c9b7;
743
744 &:hover, &:hover {
745 -webkit-box-shadow: 0 1px 5px #00c9b875 !important;
746 box-shadow: 0 1px 5px #00c9b875 !important;
747 }
748 }
749
750 .button.xl {
751 padding: 10px 30px;
752 }
753
754 .wp-editor-wrap .wp-editor-container {
755 width: 100%;
756 margin: 0;
757 box-shadow: none;
758 border-radius: 4px;
759 border: 1px solid #8c8f94;
760 background-color: #fff;
761 color: #2c3338;
762 overflow: hidden;
763 }
764
765 /* addon subscription */
766 .wdk-pricing {
767 margin: 10px 0;
768 .wdk-sec-header {
769 margin-bottom: 20px;
770 .wdk-sec-title {
771 font-size: 24px;
772 font-weight: 300;
773 line-height: 1.5;
774 margin-top: 5px;
775 .mark {
776 font-weight: 700;
777 }
778 .mark.color {
779 color: #c1002b;
780 }
781 .mark.up {
782 text-transform: uppercase;
783 }
784 }
785 .wdk-sec-subtitle {
786 font-size: 20px;
787 font-weight: 400;
788 }
789 }
790
791 .wdk-pac {
792 text-align: center;
793 background-color: #fff;
794 border: 1px solid #dcdcde;
795 box-sizing: border-box;
796 margin-bottom: 15px;
797 &.featured {
798 .header {
799 background: -webkit-gradient(linear, left top, left bottom, from(#5837ff), to(#5533ff));
800 background: linear-gradient(#1d2327, #121518);
801 }
802
803 p,
804 .header {
805 color: #fff;
806 }
807 }
808 }
809
810 .wdk-wrap .wdk-pricing .wdk-pac.yearly h4
811 {
812 margin-top:0px;
813 }
814
815 .header {
816 background: -webkit-gradient(linear, left top, left bottom, from(#fcfdfe), to(#f9fbfd));
817 background: linear-gradient(#fcfdfe, #f9fbfd);
818 background-color: rgba(22, 28, 45, 0.03);
819 padding: 0.75rem 1.25rem;
820 margin-bottom: 0;
821 border-bottom: 1px solid rgba(22, 28, 45, 0.125);
822 color: rgb(109, 118, 139);
823 h4 {
824 font-size: 24px;
825 font-weight: 400;
826 margin-bottom: 15px;
827 }
828
829 p {
830 font-size: 16px;
831 }
832 }
833
834 .list-items {
835 padding: 0;
836 margin: 0;
837 list-style: none;
838 .item {
839 display: block;
840 padding: 12px 20px;
841 font-size: 16px;
842 color: rgb(109, 118, 139);
843 }
844 .item:not(:first-child) {
845 border-top: 1px solid rgba(22, 28, 45, 0.125);
846 }
847 }
848
849 .wdk-pac-footer {
850 border-top: 1px solid rgba(22, 28, 45, 0.125);
851 padding: 20px 20px;
852
853 .btn {
854 -webkit-transition: all 0.3s ease;
855 transition: all 0.3s ease;
856 text-decoration: none;
857 font-family: "Poppins", sans-serif;
858 font-weight: 400;
859 white-space: normal;
860 line-height: 1.5;
861 border: 1px solid #506690;
862 padding: 8px 20px;
863 border-radius: 3px;
864
865 &:hover{
866 color: #ffffff;
867 background-color: #506690;
868 border-color: #506690;
869 }
870 }
871 }
872
873 .pricing-value {
874 font-family: "Poppins", sans-serif;
875 font-size: 52px;
876 .price {
877 position: relative;
878 font-weight: 500;
879 line-height: 1;
880 }
881 .price .before,
882 .price .after {
883 font-size: 18px;
884 font-weight: 300;
885 font-style: italic;
886 }
887 .price .before {
888 position: absolute;
889 top: 10px;
890 left: -15px;
891 }
892 .price .after {
893 position: relative;
894 }
895 }
896
897 }
898
899 .winter_mvc-media .winter_mvc-media-card {
900 min-width: 200px;
901 }
902 }
903
904 .wp-core-ui .quicktags-toolbar input.button.button-small {
905 display: inline-block !important;
906 width: auto !important;
907 }
908
909 .wdk-unwrapp-field {
910 .wdk_dropdown_tree > .btn-group {
911 width: 100%;
912 display: flex;
913 height: auto;
914 }
915
916 .wdk_dropdown_tree button {
917 padding: 0 8px;
918 height: auto;
919 box-shadow: 0 0 0 transparent;
920 border: 1px solid #8c8f94;
921 background-color: #fff;
922 color: #2c3338;
923 min-height: 30px;
924 }
925
926 .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle,
927 .wdk_dropdown_tree button {
928 border-radius: 4px;
929 }
930
931 .wdk_dropdown_tree button:first-child {
932 border-top-right-radius: 0;
933 border-bottom-right-radius: 0;
934 border-top-left-radius: 4px;
935 border-bottom-left-radius: 4px;
936 }
937
938 .wdk_dropdown_tree .list_container .input-group {
939 border: 1px solid #8c8f94;
940 }
941
942 .wdk_dropdown_tree .list_scroll {
943 border-left: 1px solid #8c8f94;
944 left: 0;
945 }
946
947 .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle:last-child {
948 border-top-left-radius: 0;
949 border-bottom-left-radius: 0;
950
951 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
952 background-size: auto;
953 background-size: 16px 16px;
954 cursor: pointer;
955 vertical-align: middle;
956 }
957
958 .wdk_dropdown_tree {
959 min-width: initial;
960 position: relative;
961 }
962
963 .wdk_dropdown_tree .list_container input.form-control.search_term {
964 height: initial;
965 max-width: 100%;
966 }
967
968 .wdk_dropdown_tree .list_container .input-group-addon {
969 &{
970 position: relative;
971 }
972
973 & i {
974 position: absolute;
975 left: 0;
976 margin-left: 5px;
977 top: 50%;
978 margin-top: -9px;
979 }
980
981 & i.fa-spin {
982 margin-left: 7px;
983 margin-top: -7px;
984 }
985
986 .fa:after {
987 font-family: dashicons;
988 line-height: 1;
989 font-weight: 400;
990 font-style: normal;
991 text-transform: none;
992 text-rendering: auto;
993 font-size: 20px;
994 text-align: center;
995 }
996
997 .loader-spiner.fa.fa-spinner:after,
998 .fa.fa-search:before {
999 display: none !important;
1000 }
1001
1002 .fa.fa-search:after {
1003 content: "\f179";
1004 }
1005
1006 .loader-spiner.fa.fa-spinner:after {
1007 content: "\f113";
1008 }
1009
1010 .loader-spiner.fa.fa-spinner {
1011 -webkit-animation: wdk-spin 2s infinite linear;
1012 animation: wdk-spin 2s infinite linear;
1013 }
1014
1015 @keyframes wdk-spin {
1016 0% {
1017 -webkit-transform: rotate(0deg);
1018 transform: rotate(0deg);
1019 }
1020 100% {
1021 -webkit-transform: rotate(360deg);
1022 transform: rotate(360deg);
1023 }
1024 }
1025 }
1026 }
1027
1028 .tablenav .wdk-unwrapp-field {
1029 float: left;
1030 margin-right: 4px;
1031 max-width: 12.5rem;
1032 margin-left: 3px;
1033 }
1034
1035 #adminmenu .wp-submenu a[href="admin.php?page=wdk_addons"]="admin.php?page=wdk_addons""],
1036 #adminmenu .wp-submenu a[href="admin.php?page=wdk-addons"]="admin.php?page=wdk-addons""],
1037 #adminmenu .wp-submenu a[href="admin.php?page=wdk_addons_currencies"]="admin.php?page=wdk_addons_currencies""],
1038 #adminmenu .wp-submenu a[href="admin.php?page=wdk_addons_membership"]="admin.php?page=wdk_addons_membership""],
1039 #adminmenu .wp-submenu a[href="admin.php?page=wdk_addons_bookings"]="admin.php?page=wdk_addons_bookings""],
1040 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons"]="admin.php?page=wdk_addons""],
1041 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk-addons"]="admin.php?page=wdk-addons""],
1042 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons_currencies"]="admin.php?page=wdk_addons_currencies""],
1043 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons_membership"]="admin.php?page=wdk_addons_membership""],
1044 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons_bookings"]="admin.php?page=wdk_addons_bookings""] {
1045 color: greenyellow;
1046 }
1047
1048
1049 body .select2-container--default {
1050 &.select2-container--focus .select2-selection--multiple,
1051 & {
1052 border: 0;
1053 min-width: 150px;
1054 }
1055 .select2-selection--multiple {
1056 .select2-search__field {
1057 border: 0 !important;
1058 }
1059 .select2-selection__rendered li {
1060 list-style: none;
1061 margin: 0;
1062
1063 &.select2-selection__choice {
1064 padding: 5px 6px;
1065 margin: 3px 3px;
1066 }
1067 }
1068
1069 .select2-selection__rendered {
1070 padding: 0;
1071 display: block;
1072 padding: 2px 45px 2px 5px ;
1073 }
1074 }
1075 }
1076
1077 body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default .select2-selection--multiple{
1078
1079 .select2-selection__rendered {
1080 padding: 0px 45px 0px 5px;
1081 display: flex;
1082 align-items: center;
1083 flex-wrap: wrap;
1084
1085 li.select2-selection__choice {
1086 padding: 1px 6px;
1087 line-height: 19px;
1088 }
1089 }
1090
1091
1092 .select2-selection__choice__remove {
1093
1094 }
1095 }
1096
1097 body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default {
1098 //width: calc(100% - 28px) !important;
1099 }
1100
1101 body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default {
1102 width: auto !important;
1103 flex: 1 2 auto;
1104 }
1105
1106
1107 body .listing_custom_fields .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default {
1108 width: initial !important;
1109 flex: 1 2 auto;
1110 min-width: initial;
1111 }
1112
1113 body .select2-container .select2-search--inline .select2-search__field {
1114 margin-top: 0;
1115 }
1116
1117 body .select2-container--default.select2-container--focus .select2-selection--multiple {
1118 border: 1px solid #8c8f94;
1119 }
1120
1121 .datetime_time_mask {
1122
1123 }
1124
1125 .wdk_btn_load_indicator {
1126 position: relative;
1127 &::after {
1128 content: "\f113";
1129 font-family: dashicons;
1130 display: inline-block;
1131 line-height: 1;
1132 font-weight: 900;
1133 font-style: normal;
1134 font-size: 20px;
1135 speak: never;
1136 text-decoration: inherit;
1137 text-transform: none;
1138 text-rendering: auto;
1139 -webkit-animation: wdk-spin 2s infinite linear;
1140 animation: wdk-spin 2s infinite linear;
1141 margin-left: 5px;
1142 margin-top: -10px;
1143 display: inline-block;
1144 position: relative;
1145 top: 50%;
1146 }
1147
1148 &.out::after {
1149 position: absolute;
1150 right: -30px;
1151 color: #2271b1;
1152 }
1153
1154 @keyframes wdk-spin {
1155 0% {
1156 -webkit-transform: rotate(0deg);
1157 transform: rotate(0deg);
1158 }
1159 100% {
1160 -webkit-transform: rotate(360deg);
1161 transform: rotate(360deg);
1162 }
1163 }
1164 }
1165
1166 .wdk_btn_load_success {
1167 position: relative;
1168 &::after {
1169 content: "\f147";
1170 font-family: dashicons;
1171 display: inline-block;
1172 line-height: 1;
1173 font-weight: 900;
1174 font-style: normal;
1175 font-size: 20px;
1176 speak: never;
1177 text-decoration: inherit;
1178 text-transform: none;
1179 text-rendering: auto;
1180 margin-left: 5px;
1181 margin-top: -10px;
1182 display: inline-block;
1183 position: relative;
1184 top: 50%;
1185 }
1186
1187 &.out::after {
1188 position: absolute;
1189 right: -30px;
1190 color: #2271b1;
1191 }
1192
1193 }
1194
1195 .wdk_btn_load_error {
1196 position: relative;
1197 &::after {
1198 content: "\f335";
1199 font-family: dashicons;
1200 display: inline-block;
1201 line-height: 1;
1202 font-weight: 900;
1203 font-style: normal;
1204 font-size: 20px;
1205 speak: never;
1206 text-decoration: inherit;
1207 text-transform: none;
1208 text-rendering: auto;
1209 margin-left: 5px;
1210 margin-top: -10px;
1211 display: inline-block;
1212 position: relative;
1213 top: 50%;
1214 }
1215
1216 &.out::after {
1217 position: absolute;
1218 right: -30px;
1219 color: #2271b1;
1220 }
1221
1222 }
1223
1224 .wdk-depend-fields .wdk_field {
1225 position: relative;
1226 min-width: 255px;
1227 border: 1px solid #c3c4c7;
1228 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1229 background: #fff;
1230 margin-bottom: 20px;
1231 display: flex;
1232 align-items: center;
1233 justify-content: flex-start;
1234 padding: 15px 15px;
1235
1236 input[type="checkbox"]="checkbox""], input[type="radio"]="radio""] {
1237 margin: 0;
1238 }
1239
1240 label {
1241 margin-right: 10px;
1242 display: inline-block;
1243 }
1244
1245 &.section {
1246 border: 1px solid #c3c4c7;
1247 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1248 color: #fff;
1249 background: #2c3338;
1250
1251 label {
1252 margin-left: auto;
1253 }
1254 }
1255
1256 &.wdk_btn_load_indicator.out::after {
1257 right: 15px;
1258 }
1259 }
1260
1261 .wdk-wrap .listing_custom_fields div.wdk-field-edit .wdk-field-container {
1262 width: calc(100% - 130px);
1263
1264 .select2.select2-container {
1265 max-width: 100%;
1266 }
1267 }
1268
1269 .wdk-wrap .wdk-listing-childs-drop {
1270 margin-top: 6px;
1271 border: 1px solid #c3c4c7;
1272 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1273 border-radius: 4px;
1274 border: 1px dashed #8c8f94;
1275 background-color: #fff;
1276
1277 min-height: 75px;
1278 box-sizing: border-box;
1279 padding: 15px 15px 0 15px;
1280 margin-bottom: 15px;
1281 .drop-listing-item {
1282 width: 100%;
1283 max-width: initial;
1284 min-width: initial;
1285 margin: 0px 15px 15px 0px;
1286 cursor: pointer;
1287 border-radius: 4px;
1288 border: 1px solid #c3c4c7;
1289 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1290 background: #fff;
1291
1292 h3.handle {
1293 padding: 10px 15px;
1294 margin: 0;
1295 display: flex;
1296 align-items: center;
1297 justify-content: flex-start;
1298
1299 .title {
1300 flex: 1 2 auto;
1301 }
1302
1303 .btn span {
1304 padding-right: 0;
1305 padding-left: 10px;
1306 }
1307 }
1308
1309 a.title {
1310 font-size: 16px;
1311 font-weight: 500;
1312 }
1313
1314 a {
1315 text-decoration: none;
1316 border: 0px;
1317 color: black;
1318
1319 &:hover {
1320 color: #135e96;
1321 }
1322 }
1323 }
1324
1325 .wdk_dropdown_tree .list_scroll {
1326 border-right: 1px solid #eaeaea;
1327 }
1328 }
1329
1330 .wdk-wrap .wp-list-table .child th {
1331 border-left: 3px solid #000;
1332 }
1333
1334 .wdk-wrap .wp-list-table a.laoding_sublistings {
1335 margin-top: 5px;
1336 display: inline-block;
1337 }
1338