PluginProbe
WPCasa – Real Estate for WordPress / trunk
WPCasa – Real Estate for WordPress vtrunk
1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.1.1 trunk 1.2.0 1.2.1 1.2.10 1.2.10.1 1.2.11 1.2.12 1.2.13 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.2.9.1 1.2.9.2 1.3.0 All 31 releases
wpcasa / assets / css / wpsight.css

wpsight.css in WPCasa – Real Estate for WordPress trunk, at assets/css/wpsight.css

774 lines 15.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Listings
2 ================================================== */
3
4 .wpsight-listings .listing {
5 margin-bottom: 20px;
6 }
7
8 .wpsight-listings .entry-header h2.entry-title {
9 margin-top: 0;
10 }
11
12 /* Listings Archive Title
13 ================================================== */
14
15 .listings-panel {
16 border-bottom: 4px double #ededed;
17 margin-bottom: 30px;
18 padding: 10px 0;
19 }
20
21 .listings-panel-title {
22 float: left;
23 width: auto;
24 }
25
26 .listings-panel-title h1,
27 .listings-panel-title h2,
28 .listings-panel-title h3 {
29 margin: 0;
30 padding: 0;
31 }
32
33 .listings-panel-actions {
34 float: right;
35 width: auto;
36 }
37
38 .listings-panel-action {
39 display: inline-block;
40 margin-left: 5px;
41 }
42
43 /* Listings Search
44 ================================================== */
45
46 .wpsight-listings-search {
47 background-color: #ededed;
48 margin-bottom: 40px;
49 padding: 30px 15px 10px 30px;
50 position: relative;
51 }
52
53 .wpsight-listings-search.vertical {
54 padding-bottom: 75px;
55 }
56
57 @media (max-width: 599px) {
58
59 .wpsight-listings-search {
60 padding-bottom: 75px;
61 }
62
63 }
64
65 .wpsight-listings-search .listings-search-field {
66 width: 100%;
67 margin-bottom: 20px;
68 padding-right: 15px;
69 display: inline-block;
70
71 -webkit-box-sizing: border-box;
72 -moz-box-sizing: border-box;
73 box-sizing: border-box;
74 }
75
76 @media (min-width: 600px) {
77
78 /* half */
79 .wpsight-listings-search .listings-search-field.width-1-2 {width: 50%;}
80
81 /* third */
82 .wpsight-listings-search .listings-search-field.width-1-3 {width: 33.33333%;}
83 .wpsight-listings-search .listings-search-field.width-2-3 {width: 66.66666%;}
84
85 /* fourth */
86 .wpsight-listings-search .listings-search-field.width-1-4 {width: 25%;}
87 .wpsight-listings-search .listings-search-field.width-2-4 {width: 50%;}
88 .wpsight-listings-search .listings-search-field.width-3-4 {width: 75%;}
89
90 /* fifth */
91 .wpsight-listings-search .listings-search-field.width-1-5 {width: 20%;}
92 .wpsight-listings-search .listings-search-field.width-2-5 {width: 40%;}
93 .wpsight-listings-search .listings-search-field.width-3-5 {width: 60%;}
94 .wpsight-listings-search .listings-search-field.width-4-5 {width: 80%;}
95
96 /* sixth */
97 .wpsight-listings-search .listings-search-field.width-1-6 {width: 16.66666%;}
98 .wpsight-listings-search .listings-search-field.width-2-6 {width: 33.33333%;}
99 .wpsight-listings-search .listings-search-field.width-3-6 {width: 50%;}
100 .wpsight-listings-search .listings-search-field.width-4-6 {width: 66.66666%;}
101 .wpsight-listings-search .listings-search-field.width-5-6 {width: 83.33333%;}
102
103 .wpsight-listings-search .listings-search-field.width-2-2,
104 .wpsight-listings-search .listings-search-field.width-3-3,
105 .wpsight-listings-search .listings-search-field.width-4-4,
106 .wpsight-listings-search .listings-search-field.width-5-5,
107 .wpsight-listings-search .listings-search-field.width-6-6,
108 .wpsight-listings-search .listings-search-field.width-full {
109 width: 100%;
110 }
111
112 }
113
114 .wpsight-listings-search.vertical .listings-search-field {
115 width: 100% !important;
116 }
117
118 .wpsight-listings-search .listings-search-field input,
119 .wpsight-listings-search .listings-search-field select {
120 -webkit-box-sizing: border-box;
121 -moz-box-sizing: border-box;
122 box-sizing: border-box;
123 font-size: 12px;
124 width: 100%;
125 }
126
127 .wpsight-listings-search .listings-search-field input[type="text"],
128 .wpsight-listings-search .listings-search-field select {
129 background-color: rgba(255,255,255,1);
130 height: 30px;
131 line-height: 30px;
132 white-space:nowrap;
133 -ms-text-overflow:ellipsis;
134 text-overflow:ellipsis;
135 }
136
137 .wpsight-listings-search .listings-search-field-radio label,
138 .wpsight-listings-search .listings-search-field-radio input,
139 .wpsight-listings-search .listings-search-field-checkbox label,
140 .wpsight-listings-search .listings-search-field-checkbox input,
141 .wpsight-listings-search .listings-search-field-taxonomy_checkbox label,
142 .wpsight-listings-search .listings-search-field-taxonomy_checkbox input {
143 cursor: pointer;
144 display: inline-block;
145 margin-right: 5px;
146 width: auto;
147 }
148
149 .wpsight-listings-search .listings-search-field-radio label,
150 .wpsight-listings-search.vertical .listings-search-field-checkbox label,
151 .wpsight-listings-search.vertical .listings-search-field-taxonomy_checkbox label {
152 display: block;
153 }
154
155 .wpsight-listings-search.vertical .listings-search-field-radio label.radiogroup,
156 .wpsight-listings-search.vertical .listings-search-field-checkbox label.checkboxgroup,
157 .wpsight-listings-search.vertical .listings-search-field-taxonomy_checkbox label.checkboxgroup {
158 margin-bottom: 10px;
159 }
160
161 .wpsight-listings-search .listings-search-field input[type="radio"] {
162 width: auto;
163 }
164
165 .wpsight-listings-search .listings-search-field label {
166 font-size: 12px;
167 }
168
169 .wpsight-listings-search .listings-search-field-keyword input[type="text"] {
170 height: auto;
171 line-height: normal;
172 padding: 10px;
173 }
174
175 .wpsight-listings-search .listings-search-field-submit input {
176 padding: 10px;
177 }
178
179 .wpsight-listings-search.vertical .listings-search-field-submit {
180 position: absolute;
181 bottom: 30px;
182 left: 30px;
183 right: 15px;
184 margin-bottom: 0;
185 width: auto !important;
186 }
187
188 @media (max-width: 599px) {
189
190 .wpsight-listings-search .listings-search-field-submit {
191 position: absolute;
192 bottom: 30px;
193 left: 30px;
194 right: 15px;
195 margin-bottom: 0;
196 width: auto !important;
197 }
198
199 }
200
201 .wpsight-listings-search .listings-search-advanced {
202 display: none;
203 }
204
205 .wpsight-listings-search .listings-search-reset,
206 .wpsight-listings-search .listings-search-advanced-toggle {
207 bottom: -20px;
208 cursor: pointer;
209 display: block;
210 font-size: 11px;
211 height: 20px;
212 line-height: 20px;
213 position: absolute;
214 right: 0;
215 }
216
217 .wpsight-listings-search .listings-search-reset {
218 left: 0;
219 right: auto;
220 }
221
222 /* Pagination
223 ================================================== */
224
225 .wpsight-pagination {
226 margin-bottom: 40px;
227 }
228
229 .wpsight-pagination ul,
230 .wpsight-pagination li {
231 list-style: none;
232 margin: 0 !important;
233 padding: 0 !important;
234 }
235
236 .wpsight-pagination li {
237 display: inline-block;
238 margin-right: 10px !important;
239 }
240
241 /* Listings Archive
242 ================================================== */
243
244 .wpsight-listings .wpsight-listing-left,
245 .wpsight-listing-sc .wpsight-listing-left {
246 float: left;
247 margin-right: 30px;
248 width: auto;
249 }
250
251 @media (max-width: 599px) {
252
253 .wpsight-listings .wpsight-listing-left,
254 .wpsight-listing-sc .wpsight-listing-left {
255
256 float: none;
257 margin-right: 0;
258 margin-bottom: 20px;
259
260 }
261
262 }
263
264 .wpsight-listings .wpsight-listing-right,
265 .wpsight-listing-sc .wpsight-listing-right {
266 overflow: hidden;
267 }
268
269 .wpsight-listings .wpsight-listing-section,
270 .wpsight-listing-sc .listing-archive .wpsight-listing-section {
271 margin-bottom: 10px;
272 }
273
274 .wpsight-listing-section-compare {
275 display: none;
276 }
277
278 .wpsight-listings .wpsight-listing-title,
279 .wpsight-listings-sc .wpsight-listing-title {
280 border-bottom: 0;
281 margin-bottom: 0;
282 padding-bottom: 0;
283 }
284
285 .wpsight-listings .wpsight-listing-section-summary,
286 .wpsight-listing-sc .wpsight-listing-section-summary {
287 margin-bottom: 0;
288 }
289
290 .wpsight-listings .wpsight-listing-title h2,
291 .wpsight-listing-sc .wpsight-listing-title h2 {
292 margin: 0;
293 }
294
295 @media (max-width: 599px) {
296
297 .wpsight-listings .wpsight-listing-image,
298 .wpsight-listing-sc .wpsight-listing-image {
299 text-align: center;
300 }
301
302 }
303
304 .wpsight-listings .wpsight-listing-image .dashicons,
305 .wpsight-listing-sc .wpsight-listing-image .dashicons {
306 background: #ededed;
307 font-size: 64px;
308 height: 150px;
309 line-height: 150px;
310 text-align: center;
311 width: 150px;
312 }
313
314 .wpsight-listings .wpsight-listing-image .dashicons:before,
315 .wpsight-listing-sc .wpsight-listing-image .dashicons:before {
316 opacity: .25;
317 }
318
319 /* Listing Single
320 ================================================== */
321
322 .wpsight-listing-section {
323 margin-bottom: 40px;
324 }
325
326 .wpsight-listing-title {
327 border-bottom: 4px double #ededed;
328 margin-bottom: 30px;
329 padding: 0 0 15px;
330 }
331
332 .wpsight-listing-title h1,
333 .wpsight-listing-title h1.entry-title {
334 float: left;
335 margin: 0;
336 min-width: 75%;
337 width: auto;
338 }
339
340 @media (max-width: 599px) {
341
342 .wpsight-listing-title h1,
343 .wpsight-listing-title h1.entry-title {
344 float: none;
345 text-align: center;
346 }
347
348 }
349
350 .wpsight-listing-section-image {
351 margin-bottom: 30px;
352 }
353
354 .wpsight-listing-thumbnail,
355 .wpsight-listing-thumbnail img {
356 line-height: 1;
357 margin: 0;
358 }
359
360 .wpsight-listing-thumbnail {
361 display: inline-block;
362 }
363
364 .wpsight-listing-location-note {
365 margin-top: 20px;
366 }
367
368 /* Listing Details
369 ================================================== */
370
371 .wpsight-listing-details {
372 margin-right: -5%;
373 }
374
375 .wpsight-listing-details .listing-details-detail {
376 border-bottom: 1px solid #ededed;
377 float: left;
378 margin-right: 5%;
379 padding: 10px 0;
380 width: 45%;
381 }
382
383 .wpsight-listing-details .listing-details-label {
384 display: inline-block;
385 font-weight: bold;
386 min-width: 50%;
387 }
388
389 .wpsight-listing-details .listing-details-value {
390 display: inline-block;
391 word-break: break-all;
392 }
393
394 /* Listing Summary
395 ================================================== */
396
397 .wpsight-listing-summary {
398 font-size: 13px;
399 margin-bottom: 20px;
400 opacity: .75;
401 }
402
403 .wpsight-listing-summary .listing-details-detail {
404 display: inline-block;
405 margin-right: 5px;
406 }
407
408 .wpsight-listing-summary .listing-details-value {
409 font-weight: bold;
410 }
411
412 /* Listing Info
413 ================================================== */
414
415 .wpsight-listing-section-info {
416 margin-bottom: 20px;
417 }
418
419 .wpsight-listing-info {
420 border-bottom: 4px double #ededed;
421 padding: 0 0 10px;
422 }
423
424 .wpsight-listing-info .alignright .listing-term {
425 margin-left: 5px;
426 }
427
428 .wpsight-listing-info .wpsight-listing-id,
429 .wpsight-listing-info .wpsight-listing-status {
430 display: inline-block;
431 }
432
433 .wpsight-listing-info .wpsight-listing-id {
434 margin-right: 10px;
435 }
436
437 /* Listing Price
438 ================================================== */
439
440 .wpsight-listing-price {
441
442 }
443
444 .wpsight-listing-price .listing-price-symbol,
445 .wpsight-listing-price .listing-price-value {
446 font-size: 18px;
447 }
448
449 /* Listing Agent
450 ================================================== */
451
452 .wpsight-listing-agent {
453 background-color: #ededed;
454 padding: 40px 40px 20px;
455 position: relative;
456 }
457
458 .wpsight-listing-agent-image {
459 float: left;
460 margin: 0 20px 20px 0;
461 width: auto;
462 }
463
464 .wpsight-listing-agent-info {
465 overflow: hidden;
466 }
467
468 .wpsight-listing-agent-name,
469 .wpsight-listing-agent-description,
470 .wpsight-listing-agent-archive {
471 clear: both;
472 margin-bottom: 20px;
473 }
474
475 .wpsight-listing-agent-name {
476 font-weight: bold;
477 }
478
479 .wpsight-listing-agent-phone {
480 display: block;
481 font-weight: normal;
482 }
483
484 .wpsight-listing-agent-links {
485 position: absolute;
486 top: 40px;
487 right: 40px;
488 }
489
490 @media (max-width: 980px) {
491
492 .wpsight-listing-agent-links {
493 margin-top: -10px;
494 margin-bottom: 10px;
495 position: relative;
496 top: auto;
497 right: auto;
498 }
499
500 }
501
502 @media (max-width: 599px) {
503
504 .wpsight-listing-agent-image {
505 float: none;
506 margin: 0 0 20px 0;
507 text-align: center;
508 width: 100%;
509 }
510
511 }
512
513 /* Listing Actions
514 ================================================== */
515
516 .wpsight-listing-title .wpsight-listing-actions {
517 float: right;
518 width: auto;
519 }
520
521 .wpsight-listing-actions .wpsight-listing-action {
522 display: inline-block;
523 margin-left: 5px;
524 }
525
526 @media (max-width: 599px) {
527
528 .wpsight-listing-title .wpsight-listing-actions {
529 clear: both;
530 float: none;
531 margin-top: 10px;
532 text-align: center;
533 }
534
535 .wpsight-listing-actions .wpsight-listing-action {
536 margin-right: 5px;
537 }
538
539 }
540
541 /* Listing Teaser (horizontal)
542 ================================================== */
543
544 .wpsight-listing-teaser {
545 border-bottom: 1px solid #ededed;
546 margin-bottom: 30px;
547 padding-bottom: 30px;
548 }
549
550 .wpsight-listing-teaser-sc .wpsight-listing-teaser {
551 border-bottom: 0;
552 padding-bottom: 0;
553 }
554
555 .wpsight-listing-teaser .wpsight-listing-left {
556 float: left;
557 margin-right: 20px;
558 width: auto;
559 }
560
561 .wpsight-listing-teaser .wpsight-listing-right {
562 overflow: hidden;
563 }
564
565 .wpsight-listing-teaser .wpsight-listing-title {
566 margin-bottom: 10px;
567 padding-bottom: 10px;
568 }
569
570 .wpsight-listing-teaser .wpsight-listing-title h3 {
571 clear: none;
572 margin: 0;
573 }
574
575 .wpsight-listing-teaser .wpsight-listing-info {
576 border-bottom: 0;
577 padding: 0;
578 }
579
580 .wpsight-listing-teaser .wpsight-listing-summary {
581 margin-bottom: 0;
582 }
583
584 .wpsight-listing-teaser .wpsight-listing-price .listing-price-symbol,
585 .wpsight-listing-teaser .wpsight-listing-price .listing-price-value {
586 font-size: 13px;
587 }
588
589 .wpsight-listing-teaser .wpsight-listing-title .listing-term {
590 margin-left: 5px;
591 }
592
593 .wpsight-listing-teaser .wpsight-listing-status {
594 white-space: nowrap;
595 }
596
597 .wpsight-listing-teaser .wpsight-listing-image .dashicons {
598 background: #ededed;
599 font-size: 36px;
600 height: 75px;
601 line-height: 75px;
602 text-align: center;
603 width: 75px;
604 }
605
606 .wpsight-listing-teaser .wpsight-listing-image .dashicons:before {
607 opacity: .25;
608 }
609
610 @media (max-width: 599px) {
611
612 .wpsight-listing-teaser .wpsight-listing-title h3 {
613 margin-bottom: 10px;
614 }
615
616 .wpsight-listing-teaser .wpsight-listing-title,
617 .wpsight-listing-teaser .wpsight-listing-summary {
618 margin-bottom: 5px;
619 }
620
621 .wpsight-listing-teaser .wpsight-listing-summary {
622 border-bottom: 4px double #ededed;
623 padding-bottom: 5px;
624 }
625
626 .wpsight-listing-teaser .wpsight-listing-title .alignleft,
627 .wpsight-listing-teaser .wpsight-listing-title .alignright,
628 .wpsight-listing-teaser .wpsight-listing-info .alignleft,
629 .wpsight-listing-teaser .wpsight-listing-info .alignright {
630 float: none;
631 text-align: left;
632 }
633
634 .wpsight-listing-teaser .wpsight-listing-title .listing-term {
635 margin-left: 0;
636 margin-right: 5px;
637 }
638
639 .wpsight-listing-teaser .listing-details-detail {
640 display: block;
641 }
642
643 .wpsight-listing-teaser .wpsight-listing-image .dashicons {
644 font-size: 24px;
645 height: 75px;
646 line-height: 75px;
647 width: 75px;
648 }
649
650 }
651
652 /* Listing Teaser (vertical)
653 ================================================== */
654
655 .vertical .wpsight-listing-teaser .wpsight-listing-title h3 {
656 margin-bottom: 10px;
657 }
658
659 .vertical .wpsight-listing-image {
660 height: auto;
661 width: 50px;
662 }
663
664 .vertical .wpsight-listing-teaser .wpsight-listing-title,
665 .vertical .wpsight-listing-teaser .wpsight-listing-summary {
666 margin-bottom: 5px;
667 }
668
669 .vertical .wpsight-listing-teaser .wpsight-listing-summary {
670 border-bottom: 4px double #ededed;
671 padding-bottom: 5px;
672 }
673
674 .vertical .wpsight-listing-teaser .wpsight-listing-title .alignleft,
675 .vertical .wpsight-listing-teaser .wpsight-listing-title .alignright,
676 .vertical .wpsight-listing-teaser .wpsight-listing-info .alignleft,
677 .vertical .wpsight-listing-teaser .wpsight-listing-info .alignright {
678 float: none;
679 text-align: left;
680 }
681
682 .vertical .wpsight-listing-teaser .wpsight-listing-title .listing-term {
683 margin-left: 0;
684 margin-right: 5px;
685 }
686
687 .vertical .wpsight-listing-teaser .listing-details-detail {
688 display: block;
689 }
690
691 .vertical .wpsight-listing-teaser .wpsight-listing-image .dashicons {
692 font-size: 24px;
693 height: 50px;
694 line-height: 50px;
695 width: 50px;
696 }
697
698 /* Alerts
699 ================================================== */
700
701 .wpsight-alert {
702 background-color: #ededed;
703 margin-bottom: 40px;
704 padding: 20px;
705 }
706
707 .wpsight-alert-small {
708 font-size: 13px;
709 margin-bottom: 20px;
710 opacity: .75;
711 padding: 15px;
712 }
713
714 .wpsight-error {
715 }
716
717 /* Badges
718 ================================================== */
719
720 .badge {
721 background-color: #a2a2a2;
722 -webkit-border-radius: 3px;
723 -moz-border-radius: 3px;
724 border-radius: 3px;
725 color: #fff;
726 font-size: 12px;
727 padding: 5px 15px;
728 }
729
730 .wpsight-listing-teaser .badge {
731 padding: 3px 6px;
732 }
733
734 /* Useful
735 ================================================== */
736
737 #map-canvas img {
738 max-width: none;
739 }
740
741 .alignleft {
742 float: left;
743 width: auto;
744 }
745
746 .alignright {
747 float: right;
748 text-align: right;
749 width: auto;
750 }
751
752 /* Clearing
753 ================================================== */
754
755 .clearfix:before,
756 .clearfix:after {
757 content: '\0020';
758 display: block;
759 overflow: hidden;
760 visibility: hidden;
761 width: 0;
762 height: 0;
763 }
764 .clearfix:after {
765 clear: both;
766 }
767 .clearfix {
768 zoom: 1;
769 }
770
771 .clear,
772 .wrap {
773 clear: both;
774 }