PluginProbe
MLSImport: IDX Plugin & MLS Plugin for Real Estate Listings / 6.0.5
MLSImport: IDX Plugin & MLS Plugin for Real Estate Listings v6.0.5
7.2.1 7.2 7.1.2 7.1.1 7.1 7.0.4 7.0.6 7.0.7 6.3.8 6.3.7 6.3.6 6.3.5 6.3.4 6.3.3 6.3.1 trunk 5.7.3 5.7.5 5.8.1 5.8.2 5.8.3 5.8.4 5.8.6 6.0.4 6.0.5 All 36 releases
mlsimport / admin / css / mlsimport-admin.css

mlsimport-admin.css in MLSImport: IDX Plugin & MLS Plugin for Real Estate Listings 6.0.5, at admin/css/mlsimport-admin.css

772 lines 15.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 /* Base styling */
3 :root {
4 --primary-color: #4F46E5;
5 --primary-hover: #4338CA;
6 --success-color: #10B981;
7 --error-color: #EF4444;
8 --warning-color: #F59E0B;
9 --text-primary: #111827;
10 --text-secondary: #4B5563;
11 --text-light: #6B7280;
12 --border-color: #DCDFE4;
13 --background-light: #F9FAFB;
14 --background-white: #FFFFFF;
15 --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
16 --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
17 --border-radius: 8px;
18 --transition-speed: 0.2s;
19 }
20
21
22
23
24 /*Real Homes admin adjusments*/
25
26 .post-type-property .column-property-thumbnail img{
27 width: 130px;
28 height: auto;
29 }
30
31
32
33 /*Plugin CSS*/
34
35
36
37
38
39
40
41 .mlsfield_import_title {
42 margin: 0px 0px 10px 0px;
43 font-size: 15px;
44 }
45
46 .mandatory_fields_wrapper_exp,
47 .mls_mandatory_fields{
48 margin: 10px 0px 5px 0px;
49 }
50
51 .mls_mandatory_fields{
52 color: #888;
53 margin-bottom: 10px;
54 max-width: 600px;
55 }
56 .mandatory_fields_wrapper_exp{
57 color: #888;
58 max-width: 600px;
59 }
60
61 .mlsimport-label{
62 font-weight: 600;
63 display: inline-block;
64 float: left;
65 width: 100%;
66 line-height: 1.6em;
67 font-size: 14px;
68 }
69
70 .mls_explanations{
71 line-height: 1.6em;
72 }
73
74 .mlsimport-fieldset.mlsfield_map_post_meta,
75 .mlsimport-fieldset.mlsfield_label{
76 margin: 0px;
77 }
78
79 .mlsimport-fieldset select.mlsfield_map_post_tax_select{
80 max-width: 200px;
81 min-width: 200px;
82 padding: 0px 12px
83 }
84
85 input.mlsimport_select_import_all,
86 input.mlsimport_select_import_admin_all{
87 margin-top: 5px;
88 }
89
90 .mlsimport-exp{
91 margin: 0px;
92 font-size: 14px;
93 line-height: 1.6em;
94 margin-bottom: 5px;
95 max-width: 450px;
96 }
97
98
99 .mlsimport_hidden_field_button{
100
101 }
102
103 .mlsimport-input-wrapper{
104 clear: both;
105 }
106
107
108 #mlsimport_mls_name_front{
109 border-color: #ccc;
110 min-width: 450px;
111 padding: 5px 12px;
112 }
113
114
115
116
117 .wp-admin select.mlsimport-select{
118 max-width: 450px;
119 padding: 5px 12px;
120 width: 100%;
121 box-sizing: border-box;
122 display: inline-flex;
123 flex-direction: column;
124 align-items: flex-start;
125 isolation: isolate;
126 border: 1px solid #DCDFE4;
127 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
128 border-radius: 8px;
129 flex: none;
130 align-self: stretch;
131 }
132 .wp-admin select.mlsimport-select option{
133 padding: 3px 0px;
134 }
135
136 .mlsimport_param_wrapper{
137 background-color: #f5f5f5;
138 padding:20px;
139 border-radius: 5px;
140 }
141
142 .postbox .inside .mlsimport_param_wrapper h2{
143 font-size: 20px!important;
144 font-weight: 600;
145 padding-left: 0px!important;
146 padding-bottom: 19px!important;
147 }
148
149
150 .mlsimport-fieldset-item{
151 display: flex;
152 flex-direction: column;
153 }
154 .mlsimport-fieldset-wrapper{
155 display: flex;
156 gap:30px;
157 }
158
159 .mlsimport-fieldset{
160 margin: 20px 0px;
161 position: relative;
162 }
163
164 .mandatory_fields_wrapper fieldset.mlsimport-fieldset{
165 padding: 10px 20px;
166 margin: 0px;
167 }
168
169 .mandatory_fields_wrapper .mlsimport-fieldset:nth-child(even){
170 background-color: #f7f7f7;
171 }
172
173 .mlsimport_auto_switch{
174 margin: 0px;
175 padding: 10px;
176 }
177
178 .mls_import_selec_all_class {
179 background-color: #cc3459;
180 color: #fff;
181 display: inline-block;
182 padding: 5px;
183 margin-right: 10px;
184 margin-bottom: 5px;
185 cursor: pointer;
186 padding: 7px 14px;
187 border-radius:5px;
188 }
189
190 .mls_import_selec_all_class:hover {
191 background-color: #a31034;
192 }
193
194 #mlsimport_myProgress_wrapper{
195 width:800px;
196 margin-top: 10px;
197 /* display:none;*/
198 }
199
200 #mlsimport_transfer_stop{
201 padding: 7px;
202 background: #af3737;
203 color: #fff;
204 display: inline-block;
205 margin-top: 10px;
206 cursor: pointer;
207 }
208
209 #mlsimport_myBar{
210 width: 0%;
211 height: 20px;
212 background-color: green;
213 }
214
215 #mlsimport_myProgress_wrapper{
216 width:800px;
217 margin-top: 10px;
218 /* display:none;*/
219 }
220
221 #mlsimport_monster_myProgress {
222 width: 100%;
223 background-color: #cbc8c8;
224 }
225 #mlsimport_transfer_stop{
226 display: none;
227 }
228
229 #log_container{
230 width: 750px;
231 background: #f1f1f1;
232 padding: 15px;
233 margin-top: 15px;
234 max-height: 500px;
235 overflow-y: auto;
236 }
237
238
239 .mlsimport_import_no{
240 font-size: 14px;
241 max-width: 775px;
242 margin-bottom: 10px;
243 }
244
245 #mlsimport_stop_item,
246 #mlsimport-start_item{
247 display: inline-block;
248 margin: 0px 10px 30px 0px;
249 }
250
251 .mlsimport_hidden_field_button {
252 max-width: 450px;
253 }
254 .mlsimport_param_wrapper input{
255 max-width: 450px;
256 }
257
258 .cron_job_explainin{
259 max-width: 800px;
260 margin-top: 5px;
261 }
262
263 .mlsimport_tool_field_item_wrapper{
264 margin-bottom: 30px;
265 }
266 #mlsimport-disable-history,
267 #mlsimport-disable-logs{
268 margin-top: 10px;
269 }
270
271
272
273
274
275
276
277
278
279
280
281 /*==WpResidence*/
282 #property_uploaded_thumb_wrapepr img{
283 max-width: 200px;
284 max-height: 200px;
285 }
286
287 table.media .column-title .media-icon img {
288 width:60px;
289 }
290 .mlsimport_notification,
291 .mlsimport_validated,
292 .mlsimport_warning{
293 background: #cc3459;
294 color: #fff;
295 padding: 10px;
296 margin-bottom: 10px;
297 border-radius: 2px;
298 }
299
300
301 .mlsimport_populate_warning{
302 background: #4f46e5;
303 color: #fff;
304 padding: 10px;
305 margin-bottom: 10px;
306 border-radius: 2px;
307 }
308
309
310 .mlsimport_validated{
311 padding: 0.75rem 1rem;
312 margin-bottom: 1rem;
313 border-radius: var(--border-radius);
314 background-color: rgba(245, 158, 11, 0.1);
315 border-left: 4px solid var(--warning-color);
316 color: var(--text-primary);
317 }
318
319
320 .mlsimport_notification{
321 background: #a5862b;
322 }
323
324
325 #mlsimport_item_metaboxes-sectionid .mlsimport_notification{
326 background: #a5862b;
327 max-width: 500px;
328 }
329
330
331 #mlsimport_item_status{
332 width: auto;
333 background-color: #f5f5f5;
334 overflow-y: scroll;
335 padding: 10px;
336 border-radius: 5px;
337 margin-bottom: 15px;
338 }
339
340
341 label.mlsimport_switch {
342 position: absolute;
343 display: inline-block;
344 width: 53px!important;
345 height: 25px;
346 top: 7px;
347 left: 205px;
348 }
349
350 .mlsimport_switch input {
351 opacity: 0;
352 width: 0;
353 height: 0;
354 }
355
356 .slider {
357 position: absolute;
358 cursor: pointer;
359 top: 0;
360 left: 0;
361 right: 0;
362 bottom: 0;
363 background-color: #ccc;
364 -webkit-transition: .4s;
365 transition: .4s;
366 }
367
368 .slider:before {
369 position: absolute;
370 content: "";
371 height: 18px;
372 width: 18px;
373 left: 4px;
374 bottom: 4px;
375 background-color: white;
376 -webkit-transition: .4s;
377 transition: .4s;
378 }
379
380 .mlsimport_switch input:checked + .slider {
381 background-color: #2196F3;
382 }
383
384 .mlsimport_switch input:focus + .slider {
385 box-shadow: 0 0 1px #2196F3;
386 }
387
388 .mlsimport_switch input:checked + .slider:before {
389 -webkit-transform: translateX(26px);
390 -ms-transform: translateX(26px);
391 transform: translateX(26px);
392 }
393
394
395
396
397 .slider.round {
398 border-radius: 25px;
399 }
400 .slider.round:before {
401 border-radius: 50%;
402 }
403
404
405 #mlsimport-delete-notification{
406 margin-bottom: 10px;
407 }
408
409 #mlsimport-delete-prop{
410 margin-top: 15px;
411 }
412
413 .fieldset_mlsimport_tresle_client_id,
414 .fieldset_mlsimport_tresle_client_secret{
415 display:none;
416 }
417
418
419
420
421 .mlsimport_param_wrapper input[type=text]{
422 min-width: 450px;
423 border-color: #ccc;
424 padding: 5px 12px;
425 }
426
427 #mlsimport_item_min_price,
428 #mlsimport_item_max_price{
429 min-width: 210px;
430 max-width: 210px;
431 }
432
433
434 .mlsimport_signup{
435 display: inline-block;
436 background-color: #f0f0f1;
437 border-radius: 5px;
438 padding: 20px;
439 font-size: 15px;
440 margin-bottom: 15px;
441 }
442 .mlsimport_signup p{
443 font-size: 15px;
444 }
445 .mlsimport_signup_button{
446 float:left;
447 clear:left;
448 }
449
450
451 /*==WpEstate*/
452
453 /*==Houzez*/
454
455 .column-thumbnail img {
456 max-width: 100%;
457 height: auto;
458 min-width:
459 102px ;
460 }
461
462 /*==RealHomes*/
463
464
465
466 /*==2025*/
467
468 .content-nav-tab{
469 display:none;
470 padding: 30px 15px;
471 background: #fff;
472 border: 1px solid #ccc;
473 border-top: 0px;
474 }
475
476 .content-nav-tab-active{
477 display: flex;
478 }
479
480
481 .content-nav-tab.mlsimport_2025_card{
482 width: auto;
483 }
484
485 .mlsimport_2025_card{
486 flex-direction: column;
487 align-items: center;
488 padding: 0px;
489
490 background: #FFFFFF;
491 box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 5px 22px rgba(0, 0, 0, 0.04);
492 border-radius: 10px;
493 flex: none;
494 order: 0;
495 flex-grow: 1;
496
497 }
498
499 .mlsimport_2025_card_left_oriented{
500 flex-direction: column;
501 align-content: flex-start;
502 align-items: flex-start;
503 justify-content: flex-start;
504 padding: 30px;
505 }
506
507
508 .nav-tab-wrapper.mlsimport-tab-wrapper{
509 border: none;
510 padding: 0px 15px;
511 margin-top: 50px;
512 }
513
514
515 .nav-tab-wrapper.mlsimport-tab-wrapper .nav-tab {
516
517 text-transform: uppercase;
518 color: #23202c;
519 padding: 15px 25px;
520 background: #f1f1f1;
521 border-top-right-radius:5px;
522 border-top-left-radius: 5px;
523
524 padding: 15px 30px;
525 background: #fff;
526 border: 1px solid #ccc;
527 }
528
529 .nav-tab-wrapper.mlsimport-tab-wrapper .nav-tab.nav-tab-active{
530 background-color: #635BFF;
531 color: #fff;
532 }
533
534 .content-nav-tab.mlsimport_2025_card form{
535 max-width: 500px;
536 }
537
538 .content-nav-tab.mlsimport_2025_card form.mlsimport-import-fields-form{
539 max-width: 100%;
540 }
541
542
543
544
545 /*==2025 Inputs*/
546
547 input[type=password].mlsimport-input.mlsimport-2025-input,
548 input[type=text].mlsimport-input.mlsimport-2025-input,
549 .mlsimport-input.mlsimport-2025-input{
550 padding: 5px 12px;
551 box-sizing: border-box;
552 display: flex;
553 flex-direction: column;
554 align-items: flex-start;
555 isolation: isolate;
556 background: #FFFFFF;
557 border: 1px solid #DCDFE4;
558 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
559 border-radius: 8px;
560 flex: none;
561 order: 1;
562 align-self: stretch;
563 flex-grow: 0;
564 display: inline-flex;
565 }
566 .mlsimport-label {
567 display: block;
568 margin-bottom: 0px;
569 font-weight: 500;
570 color: var(--text-primary);
571 }
572
573 select.mlsimport-2025-select{
574 padding: 5px 24px 5px 12px;
575 width: 100%;
576 max-width: 100%;
577 box-sizing: border-box;
578 display: inline-flex;
579 flex-direction: column;
580 align-items: flex-start;
581 isolation: isolate;
582 border: 1px solid #DCDFE4;
583 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
584 border-radius: 8px;
585 flex: none;
586 align-self: stretch;
587 flex-grow: 0;
588 }
589
590
591
592
593 .mlsimport-fieldset-wrapper input,
594 input[type=checkbox].mlsimport_select_import_admin_all,
595 input[type=checkbox].mlsimport_select_import_all {
596 border: 1px solid #ccc;
597 border-radius: 2px;
598 background-color: #fff!important;
599 }
600
601
602 .button.mlsimport_button{
603 font-size: 14px;
604 position: relative;
605 display: flex;
606 flex-direction: column;
607 justify-content: center;
608 align-items: center;
609 padding: 7px 30px;
610 background: linear-gradient(180deg, #635BFF 0%, #4E36F5 100%);
611 border: 1px solid #15B79F;
612 border-radius: 8px;
613 color:#fff;
614 flex: none;
615 order: 1;
616 flex-grow: 0;
617 box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px, rgb(78, 54, 245) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.16) 0px 2px 0px 0px inset;
618 }
619
620 .button.mlsimport_button:hover {
621 background: linear-gradient(180deg, #635BFF 0%, #4E36F5 100%);
622 color:#fff;
623 border: 1px solid #15B79F;
624 box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.08), inset 0px 0px 0px 1px #4e36f5,inset 0px 2px 0px 0px rgba(255, 255, 255, 0.16) , inset 0px 6px 10px 0px rgba(255, 255, 255, 0.10);
625 }
626
627 .button.save_data {
628 background: linear-gradient(180deg, var(--success-color) 0%, #0C8A61 100%);
629 border: 1px solid var(--success-color);
630 box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px, var(--success-color) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.16) 0px 2px 0px 0px inset;
631 }
632
633 .button.save_data:hover {
634 background: linear-gradient(180deg, var(--success-color) 0%, #0C8A61 100%);
635 border: 1px solid var(--success-color);
636 box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.08), inset 0px 0px 0px 1px var(--success-color), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.16), inset 0px 6px 10px 0px rgba(255, 255, 255, 0.10);
637 }
638
639
640 .button.secondary {
641 background: linear-gradient(180deg, #32383e 0%, #25292e 100%);
642 border: 1px solid #32383e;
643 color: #fff;
644 box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px, rgb(50, 56, 62) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.16) 0px 2px 0px 0px inset;
645 }
646
647 .button.secondary:hover {
648 background: linear-gradient(180deg, #32383e 0%, #25292e 100%);
649 border: 1px solid #32383e;
650 color: #fff;
651 box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.08), inset 0px 0px 0px 1px #32383e, inset 0px 2px 0px 0px rgba(255, 255, 255, 0.16), inset 0px 6px 10px 0px rgba(255, 255, 255, 0.10);
652 }
653
654
655
656 .button.warning_action {
657 background: linear-gradient(180deg, #fb9c0c 0%, #d0810a 100%);
658 border: 1px solid #fb9c0c;
659 box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px, #fb9c0c 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.16) 0px 2px 0px 0px inset;
660 }
661
662 .button.warning_action:hover {
663 background: linear-gradient(180deg, #fb9c0c 0%, #d0810a 100%);
664 border: 1px solid #fb9c0c;
665 box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.08), inset 0px 0px 0px 1px #fb9c0c, inset 0px 2px 0px 0px rgba(255, 255, 255, 0.16), inset 0px 6px 10px 0px rgba(255, 255, 255, 0.10);
666 }
667
668
669 .button.error_action {
670 background: linear-gradient(180deg, #bb241a 0%, #9b1e16 100%);
671 border: 1px solid #bb241a;
672 box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px, #bb241a 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.16) 0px 2px 0px 0px inset;
673 }
674
675 .button.error_action:hover {
676 background: linear-gradient(180deg, #bb241a 0%, #9b1e16 100%);
677 border: 1px solid #bb241a;
678 box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.08), inset 0px 0px 0px 1px #bb241a, inset 0px 2px 0px 0px rgba(255, 255, 255, 0.16), inset 0px 6px 10px 0px rgba(255, 255, 255, 0.10);
679 }
680
681
682
683
684
685
686 #mlsimport_item_how_many{
687 max-width: 450px;
688 }
689
690
691
692
693
694
695 input[type=checkbox].mlsimport-import-checkbox,
696 input[type=checkbox].mlsimport-admin-checkbox {
697 appearance: none;
698 -webkit-appearance: none;
699 background: transparent;
700 border: none;
701 box-shadow: none;
702 width: 24px;
703 height: 24px;
704 position: relative;
705 display: inline-block;
706 vertical-align: middle;
707 }
708
709 input[type=checkbox].mlsimport-import-checkbox:before,
710 input[type=checkbox].mlsimport-admin-checkbox:before {
711 content: "";
712 position: absolute;
713 top: 0;
714 left: 0;
715 width: 24px;
716 height: 24px;
717 background-image: url("data:image/svg+xml;utf8,<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='M8 2C4.68629 2 2 4.68629 2 8V16C2 19.3137 4.68629 22 8 22H16C19.3137 22 22 19.3137 22 16V8C22 4.68629 19.3137 2 16 2H8ZM8 4C5.79086 4 4 5.79086 4 8V16C4 18.2091 5.79086 20 8 20H16C18.2091 20 20 18.2091 20 16V8C20 5.79086 18.2091 4 16 4H8Z' fill='%23DCDFE4' fill-rule='evenodd'></path></svg>");
718 background-size: 24px 24px;
719 background-position: center;
720 background-repeat: no-repeat;
721 margin: 0px;
722 }
723
724 input[type=checkbox].mlsimport-import-checkbox:checked:before,
725 input[type=checkbox].mlsimport-admin-checkbox:checked:before {
726 background-image: url("data:image/svg+xml;utf8,<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><rect fill='%23635bff' height='20' rx='6' width='20' x='2' y='2'></rect><path d='M7.55566 11.7222L10.5186 14.7778L16.4446 8.66669' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'></path></svg>");
727 }
728
729
730
731 /* Initial save progress overlay */
732 .mlsimport-save-progress {
733 position: fixed;
734 top: 50%;
735 left: 50%;
736 transform: translate(-50%, -50%);
737 z-index: 9999;
738 background: #fff;
739 padding: 40px;
740 border-radius: 10px;
741 /* border: 1px solid #ddd; */
742 box-shadow: 0 7px 54px rgba(0, 0, 0, 0.15);
743 width: 500px;
744 min-height: 200px;
745 text-align: center;
746 font-size: 17px;
747 display: flex;
748 align-content: center;
749 justify-content: center;
750 align-items: center;
751 line-height: 1.8em;
752 }
753
754 .mlsimport-save-progress-text {
755 margin-bottom: 10px;
756 }
757
758 .mlsimport-save-progress-bar {
759 height: 10px;
760 background: #eee;
761 margin-top: 5px;
762 border-radius: 5px;
763 overflow: hidden;
764 }
765
766 .mlsimport-save-progress-bar .progress-fill {
767 width: 0%;
768 height: 100%;
769 background: #635BFF;
770 border-radius: 5px;
771 transition: width 0.3s;
772 }