-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.css
More file actions
115 lines (112 loc) · 6.28 KB
/
Copy pathindex.css
File metadata and controls
115 lines (112 loc) · 6.28 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
box-sizing: border-box;
}
* {
font-family: Avenir, 'Open Sans', sans-serif !important;
}
body{background: #eee;}
.header{background-color: #0072ff;color: #fff;}
.loginInfo{padding: 24px 40px;}
.headerName{width: fit-content;max-height: 80px;padding: 16px 40px;font-size: 28px;letter-spacing: 0.5px;font-weight: 900;}
.floatRight{float: right;}
.displayFlexHeader{display: flex;width: 100%;justify-content: space-between;}
.displayFlexNav{display: flex;justify-content: center;padding-bottom: 24px;}
.textAlignCen{text-align: center;}
.displayInlineBlock{display: inline-block;}
.navItems{background: #fff;color: #333;padding: 8px;border-radius: 4px;margin-right: 20px;width: 80px;cursor: pointer;}
.mr-20{margin-right: 20px;}
.mainContent{display: flex;min-height: 580px;width: 92%;margin: 0 auto}
.fixedLeft{width: 25%;position: sticky;margin: 16px 0 16px 32px;height: 100%;position: sticky;z-index: 1;top: 0;left: 0;}
.rightBlock{width: 75%;margin: 16px 32px 16px;}
.height40px{height: 40px;}
.propertyList{display: flex;flex-direction: column;}
.propertyListItem{margin: 8px 0;background: #fff;height: 200px;padding: 12px;border-radius: 10px;box-shadow: 0 2px 12px 0 #c4cad0;position: relative;}
.propertyListItem:hover{box-shadow: 0 4px 16px 0 #929699;cursor: pointer;}
.filterBlock{height: 180px;background: #fff;box-shadow: 0 2px 12px 0 #c4cad0;padding: 2px;font-size: 14px;}
.paddingTB16{padding: 16px 0;}
.itemBlock{display: flex;}
.itemImage{height: 160px;width: 25%;position: relative;border: 1px solid #eee;border-radius: 4px;}
.itemImage img{width: 100%;height: 100%; }
.price{position: absolute;bottom: -16px;background: #0072ff;border-radius: 4px;padding: 8px;color: #fff;left: 6%;font-size: 15px;
font-weight: 500;}
.itemDescription{padding: 8px 0;margin-left: 16px;width: 72%;}
.itemDescription p{font-size: 12px;margin: 0 0 8px 0;color: #666;letter-spacing: 0.2px;}
.itemTitle{font-size: 16px!important;letter-spacing: 0.5px;font-weight: 600;color: #333!important;}
.truncate{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.shortListImage{background-image: url(./shortlist.png);width: 32px;height: 32px;}
.dotSeperator{vertical-align: 3px;font-size: 16px;font-weight: 900;}
.lastUpdateDate{position: absolute;bottom: 0;right: 12px;font-size: 11px!important;}
.pointer{cursor: pointer;}
.placeHolderImage{background-image: url(./placeHolderImg.jpg);}
.borderInBox{border: 0.2px solid #f27878;height: 100%;}
.borderInBox p{padding: 8px;}
.borderInBox > p{margin-top: 8px}
.borderInBox .labelText{margin-left: 8px;}
.greenRadioContainer input[type=radio]+span:before,.hvPwdBlock input[type=radio]+span:before {content: ".";font-size: 0px;
background:url(./radio_off.png);height: 18px;width: 18px;display: inline-block;float: right;background-size: 100%;}
.greenRadioContainer input[type=radio]:checked+span:before,.hvPwdBlock input[type=radio]:checked+span:before{content: ".";font-size: 0px;
background:url(./radio_on.png);height: 18px;width: 18px;display: inline-block;float: right;background-size: 100%;}
.floatLeft{float: left;}
.dis-none {display:none}
.clear-fix {clear: both;}
.mt-2{margin-top: -1px;}
.gridItemBlock{display: flex; width: 100%;flex-direction: column;}
.gridItemBlock .itemImage{width: 100%;}
.gridItemBlock .itemDescription{margin-left: 0;width: 100%;margin-top: 20px;}
.propertyGridItem{margin: 8px 0;background: #fff;height: 340px;padding: 12px;border-radius: 10px;box-shadow: 0 2px 12px 0 #c4cad0;position: relative;
width: 32%;}
.propertyGridItem:hover{box-shadow: 0 4px 16px 0 #929699;cursor: pointer;}
.propertyGrid{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.gridItemBlock .shortListBlock{position: absolute;right: 19px;top: 155px;}
.gridItemBlock .shortListImage{border-radius: 4px;background-color: #eee;}
.slidecontainer {width: 100%;padding: 8px;height: 90px;}
.slidecontainer:first-child{border-bottom: 0.2px solid #f27878 }
.slider {-webkit-appearance: none;width: 95%;height: 8px;border-radius: 5px;background: #d3d3d3;outline: none;opacity: 0.7;-webkit-transition: .2s;
transition: opacity .2s;margin-left: 8px;}
.slider:hover {opacity: 1;}
.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 16px;height: 16px;border-radius: 50%;background: #4CAF50;cursor: pointer;}
.slider::-moz-range-thumb {width: 25px;height: 25px;border-radius: 50%;background: #4CAF50;cursor: pointer;}
.bold{font-weight: bold;}
.filterTitle{font-weight: 600;padding: 4px 8px 8px 8px;}
.filterRange{font-size: 11px;color: #333;padding-top: 0;}
.displayFlexFilter{display: flex;justify-content: space-between;}
.viewHolder{display: flex;justify-content: flex-end;}
.gridView{background:url(./gridView.png);height: 22px;width: 23px;}
.listView{background:url(./listView.png);height: 22px;width: 23px;margin-right: 16px;}
.opacity{opacity: 0.4;}
.paddingTB10{padding: 10px 0;}
.iconLogo{background:url(./location.png);height: 12px;width: 8px;}
footer{height:120px;background-color: #d2d2d2;}
.filterInfo{display: flex;justify-content: space-between;font-size: 12px;}
.smallOnly{display: none;}
.floatRight{float: right;}
@media only screen and (max-width: 940px) {
.loginInfo{padding: 24px 8px;}
.headerName{padding: 16px 16px;}
.displayFlexNav{display: none;}
.rightBlock{width:100%;margin: 0;}
.propertyGridItem{width: 100%;height: 380px;}
.mainContent{width: 92%;}
.gridItemBlock .itemImage{height: 220px;}
.gridItemBlock .shortListBlock{top: 166px;}
.propertyListItem{height: 168px;}
.propertyListItem .itemDescription{margin-left: 16px;width: 53%;padding: 4px 0;}
.propertyListItem .itemInfo{display: none;}
.propertyListItem .itemTitle{position: absolute;top: 12px;left: 12px;width: 84%;}
.propertyListItem .itemBlock{margin-top: 24px;}
.propertyListItem .itemImage{height: 120px;width: 40%;margin-top: 4px;}
.listItemShortlist{position: absolute;right: 12px;top: 8px;}
.propertyListItem .price{bottom: -12px;padding: 6px;font-size: 13px;}
.smallOnly{display: block;}
.mobileFilter{font-size: 14px;padding: 2px 8px;}
.ml-20{margin-left: 20px;}
.mr-12{margin-right: 12px}
.fixedLeft{position: fixed;background: #fff;height: 100%;width: 100%;padding: 16px;margin: 0;top: 0;bottom: 0;}
}