| @@ -1,6 +1,12 @@ | ||
| 1 | 1 | #preview-action{display:none;} |
| 2 | 2 | |
| 3 | +@media screen and (max-width: 782px) { | |
| 4 | + .wp-list-table .column-thumb { display:none !important } | |
| 5 | + div[id^="propertyhive_"][id$="_meta_box"] .tablenav.top .actions, | |
| 6 | + div[id^="propertyhive_"][id$="_grid"] .tablenav.top .actions { display:block !important } | |
| 7 | +} | |
| 8 | + | |
| 3 | 9 | #generate_applicant_list_button { margin-top:1px; } |
| 4 | 10 | |
| 5 | 11 | .propertyhive_meta_box .checkbox{width:auto;vertical-align:middle;margin:7px 0;} |
| 6 | 12 | .propertyhive_meta_box p{margin:9px 0;} |
| @@ -56,15 +62,15 @@ | ||
| 56 | 62 | .propertyhive_meta_box .media_grid ul li .hover .attachment-edit { border:1px solid #CCC; border-radius:50%; height:22px; width:100%; background:#FFF no-repeat center center; } |
| 57 | 63 | .propertyhive_meta_box .media_grid ul li .hover .attachment-delete { background-image:url(../images/attachment-delete.png); margin-bottom:3px; } |
| 58 | 64 | .propertyhive_meta_box .media_grid ul li .hover .attachment-edit { background-image:url(../images/attachment-edit.png); } |
| 59 | 65 | .propertyhive_meta_box .media_grid ul li .hover a { display:block; height:100%; width:100%; } |
| 60 | -.propertyhive_meta_box .media_grid ul li img{ display:block; margin:0; auto; max-width:100%; max-height:100%; } | |
| 66 | +.propertyhive_meta_box .media_grid ul li img{ display:block; margin:0; max-width:100%; max-height:100%; } | |
| 61 | 67 | |
| 62 | 68 | .propertyhive_meta_box .room{ border-radius:3px;background:#FFF;border:1px solid #dfdfdf; margin:9px 0;} |
| 63 | 69 | .propertyhive_meta_box .room .room-details{background:#fafafa;border:1px solid #eee;padding:6px;} |
| 64 | 70 | .propertyhive_meta_box .room h3 { padding-left:10px; padding-right:10px; } |
| 65 | 71 | .propertyhive_meta_box .room h3 button{float:right} |
| 66 | -.propertyhive_meta_box .room h3 .handlediv{ background-position:6px 0px!important;height:28px; } | |
| 72 | +.propertyhive_meta_box .room h3 .handlediv{ float: left; margin-right: 8px; background-position:6px 0px!important;height:28px; } | |
| 67 | 73 | .propertyhive_meta_box .room h3 strong{line-height:28px;} |
| 68 | 74 | |
| 69 | 75 | .propertyhive_meta_box_actions .form-field { padding:0 !important; margin-bottom:16px; } |
| 70 | 76 | .propertyhive_meta_box_actions .form-field label { float:none; display:block; margin:0 0 3px; width:100%; } |
| @@ -80,13 +86,19 @@ | ||
| 80 | 86 | ul.record_notes{padding:2px 0 0} |
| 81 | 87 | ul.record_notes li { padding:0 10px; } |
| 82 | 88 | ul.record_notes li .note_content{padding:10px;background:#efefef;position:relative} |
| 83 | 89 | ul.record_notes li .note_content p{margin:0;padding:0;word-wrap:break-word} |
| 90 | +ul.record_notes li .pinned{background:#f5e57e !important;} | |
| 84 | 91 | ul.record_notes li p.meta{padding:10px;color:#999;margin:0;font-size:11px} |
| 85 | 92 | ul.record_notes li p.meta .exact-date{border-bottom:1px dotted #999} |
| 86 | 93 | ul.record_notes li a.delete_note{color:#a00} |
| 87 | 94 | ul.record_notes li .note_content:after{content:"";display:block;position:absolute;bottom:-10px;left:20px;width:0;height:0;border-width:10px 10px 0 0;border-style:solid;border-color:#efefef transparent} |
| 95 | +ul.record_notes li .pinned:after{border-color:#f5e57e transparent !important} | |
| 88 | 96 | |
| 97 | +.propertyhive-notes-container .mce-container, | |
| 98 | +.propertyhive-notes-container .mce-container * { font-family:inherit; } | |
| 99 | +.propertyhive-notes-container .mce-panel { box-shadow:none; border:0 } | |
| 100 | + | |
| 89 | 101 | .propertyhive table.form-table table.widefat th { |
| 90 | 102 | padding-right: inherit; |
| 91 | 103 | } |
| 92 | 104 | table.ph_customfields, table.ph_offices { |
| @@ -145,5 +157,143 @@ | ||
| 145 | 157 | #tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:9999999}#tiptip_holder.tip_top{padding-bottom:5px}#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:#333}#tiptip_holder.tip_bottom{padding-top:5px}#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:#333}#tiptip_holder.tip_right{padding-left:5px}#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:#333}#tiptip_holder.tip_left{padding-right:5px}#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:#333}#tiptip_content,.chart-tooltip,.wc_error_tip{color:#fff;font-size:.8em;max-width:150px;background:#333;text-align:center;border-radius:3px;padding:.618em 1em;box-shadow:0 1px 3px rgba(0,0,0,.2)}#tiptip_content code,.chart-tooltip code,.wc_error_tip code{padding:1px;background:#888}#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0} |
| 146 | 158 | |
| 147 | 159 | .applicant-list-form { max-width:500px; } |
| 148 | 160 | .applicant-list-results table { } |
| 149 | -.applicant-list-results table td { border-bottom:1px solid #DDD; } | |
| 161 | +.applicant-list-results table td { border-bottom:1px solid #DDD; } | |
| 162 | + | |
| 163 | +.ph-recently-viewed-popup { display:none; position:absolute; z-index:1; max-width:300px; right:162px; top:28px; background:#FFF; border:1px solid #DDD; box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.1); } | |
| 164 | +.ph-recently-viewed-popup .none { padding:20px; } | |
| 165 | +.ph-recently-viewed-popup ul { margin:0; padding:0; } | |
| 166 | +.ph-recently-viewed-popup ul li { margin:0; padding:0; } | |
| 167 | +.ph-recently-viewed-popup ul li a { display:block; padding:8px 15px; } | |
| 168 | +.ph-recently-viewed-popup ul li a:hover { background:#F1F1F2; } | |
| 169 | + | |
| 170 | +.propertyhive-lightbox-details { white-space:nowrap; } | |
| 171 | +.propertyhive-lightbox-details .propertyhive_meta_box p { margin:0; } | |
| 172 | +.propertyhive-lightbox-details .propertyhive-lightbox-left { white-space:normal; display:inline-block; vertical-align:top; border-right:1px solid #CCC; padding-right:24px; width:400px; } | |
| 173 | +.propertyhive-lightbox-details .propertyhive-lightbox-left > div { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #CCC; } | |
| 174 | +.propertyhive-lightbox-details .propertyhive-lightbox-left > div:last-child { margin-bottom:0; padding-bottom:0; border:0; } | |
| 175 | +.propertyhive-lightbox-details .propertyhive-lightbox-property-details { } | |
| 176 | +.propertyhive-lightbox-details .propertyhive-lightbox-property-details .thumbnail { float:left; width:25%; } | |
| 177 | +.propertyhive-lightbox-details .propertyhive-lightbox-property-details .thumbnail img { max-width:100%; } | |
| 178 | +.propertyhive-lightbox-details .propertyhive-lightbox-property-details .details { float:right; width:70%; } | |
| 179 | +.propertyhive-lightbox-details .propertyhive-lightbox-property-details .details .address { font-weight:700; margin-bottom:5px; } | |
| 180 | +.propertyhive-lightbox-details .propertyhive-lightbox-property-details .details .price { } | |
| 181 | +.propertyhive-lightbox-details .propertyhive-lightbox-contact-details { } | |
| 182 | +.propertyhive-lightbox-details .propertyhive-lightbox-contact-details .contact { margin-bottom:10px; } | |
| 183 | +.propertyhive-lightbox-details .propertyhive-lightbox-contact-details .contact:last-child { margin-bottom:0; } | |
| 184 | +.propertyhive-lightbox-details .propertyhive-lightbox-contact-details .contact .name { font-weight:700; } | |
| 185 | +.propertyhive-lightbox-details .propertyhive-lightbox-contact-details .contact .contact-details { } | |
| 186 | +.propertyhive-lightbox-details .propertyhive-lightbox-notes { white-space:normal; display:inline-block; vertical-align:top; border-right:1px solid #CCC; padding-left:24px; padding-right:24px; min-width:400px; } | |
| 187 | +.propertyhive-lightbox-details .propertyhive-lightbox-actions { display:inline-block; vertical-align:top; padding-left:24px; white-space:normal; width:280px; } | |
| 188 | +.propertyhive-lightbox-details .propertyhive-lightbox-buttons { background:#EEE; padding:10px; text-align:right; margin-top:20px; } | |
| 189 | + | |
| 190 | +.pro-feature-settings { } | |
| 191 | +.pro-feature-settings .pro-filters { margin-top:24px; } | |
| 192 | +.pro-feature-settings .pro-filters ul { } | |
| 193 | +.pro-feature-settings .pro-filters ul li { display:inline-block; margin-right:8px; margin-bottom:0 } | |
| 194 | +.pro-feature-settings .pro-filters ul li a { display:block; background:#FFF; padding:7px 22px; border-radius:17px; border:1px solid #999; color:#333; text-decoration:none } | |
| 195 | +.pro-feature-settings .pro-filters ul li.active a { background-color: #4D9E5D; border:1px solid #4D9E5D; color:#FFF; } | |
| 196 | +.pro-feature-settings .pro-features { } | |
| 197 | +.pro-feature-settings .pro-features ul { } | |
| 198 | +.pro-feature-settings .pro-features ul li { box-sizing:border-box; float:left; width:25%; padding:14px; } | |
| 199 | +/*.pro-feature-settings .pro-features ul li:nth-child(3n+1) { clear:left; }*/ | |
| 200 | +.pro-feature-settings .pro-features ul li .inner { position:relative; border:1px solid #CCC; padding:25px 20px; background:#FFF; box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.15); } | |
| 201 | +/*.pro-feature-settings .pro-features ul li .pro { position:absolute; top:23px; right:20px; background:#FC533A; color:#FFF; font-weight:500; border-radius:13px; padding:3px 12px; font-size:12px; }*/ | |
| 202 | +.pro-feature-settings .pro-features ul li .pro a { color:#FFF; text-decoration:none } | |
| 203 | +/*.pro-feature-settings .pro-features ul li .free { position:absolute; top:23px; right:20px; background:#4D9E5D; color:#FFF; font-weight:500; border-radius:13px; padding:3px 12px; font-size:12px; }*/ | |
| 204 | + | |
| 205 | +.pro-feature-settings .pro-features ul li .pro { | |
| 206 | + width: 0; | |
| 207 | + top:0; | |
| 208 | + height: 0; | |
| 209 | + font-size:11px; | |
| 210 | + border-top: 38px solid #FC533A; | |
| 211 | + border-bottom: 38px solid transparent; | |
| 212 | + border-left: 38px solid transparent; | |
| 213 | + position:absolute; | |
| 214 | + right:0; | |
| 215 | + color:#FFF; | |
| 216 | + font-weight:500; | |
| 217 | +} | |
| 218 | +.pro-feature-settings .pro-features ul li .pro span { | |
| 219 | + position:absolute; | |
| 220 | + top: -32px; | |
| 221 | + left: -23px; | |
| 222 | + transform: rotate(45deg); | |
| 223 | + display:block; | |
| 224 | +} | |
| 225 | +.pro-feature-settings .pro-features ul li .free { | |
| 226 | + width: 0; | |
| 227 | + top:0; | |
| 228 | + height: 0; | |
| 229 | + font-size:11px; | |
| 230 | + border-top: 38px solid #4D9E5D; | |
| 231 | + border-bottom: 38px solid transparent; | |
| 232 | + border-left: 38px solid transparent; | |
| 233 | + position:absolute; | |
| 234 | + right:0; | |
| 235 | + color:#FFF; | |
| 236 | + font-weight:500; | |
| 237 | +} | |
| 238 | +.pro-feature-settings .pro-features ul li .free span { | |
| 239 | + position:absolute; | |
| 240 | + top: -33px; | |
| 241 | + left: -24px; | |
| 242 | + transform: rotate(45deg); | |
| 243 | + display:block; | |
| 244 | +} | |
| 245 | + | |
| 246 | +.pro-feature-settings .pro-features ul li .inner h3 { margin-top:0; line-height:1.3 } | |
| 247 | +.pro-feature-settings .pro-features ul li .inner .loading { display:none } | |
| 248 | +.pro-feature-settings .pro-features ul li .inner .loading img { height:34px; display:block } | |
| 249 | +.pro-feature-settings .pro-features .switch { position: relative; display: inline-block; width: 60px; height: 34px; } | |
| 250 | +/* Hide default HTML checkbox */ | |
| 251 | +.pro-feature-settings .pro-features .switch input { opacity: 0; width: 0; height: 0; } | |
| 252 | +/* The slider */ | |
| 253 | +.pro-feature-settings .pro-features .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } | |
| 254 | +.pro-feature-settings .pro-features .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } | |
| 255 | +.pro-feature-settings .pro-features input:checked + .slider { background-color: #2196F3; } | |
| 256 | +.pro-feature-settings .pro-features input:focus + .slider { box-shadow: 0 0 1px #2196F3; } | |
| 257 | +.pro-feature-settings .pro-features input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } | |
| 258 | + | |
| 259 | +/* Rounded sliders */ | |
| 260 | +.pro-feature-settings .pro-features .slider.round { border-radius: 34px; } | |
| 261 | +.pro-feature-settings .pro-features .slider.round:before { border-radius: 50%; } | |
| 262 | + | |
| 263 | +@media (max-width:1600px) { | |
| 264 | + | |
| 265 | + .pro-feature-settings .pro-features ul li { width:33.3%; } | |
| 266 | + | |
| 267 | +} | |
| 268 | + | |
| 269 | +@media (max-width:1200px) { | |
| 270 | + | |
| 271 | + .pro-feature-settings .pro-features ul li { width:50%; } | |
| 272 | + | |
| 273 | +} | |
| 274 | + | |
| 275 | +@media (max-width:768px) { | |
| 276 | + | |
| 277 | + .pro-feature-settings .pro-features ul li { width:1000%; } | |
| 278 | + | |
| 279 | +} | |
| 280 | + | |
| 281 | + .ph-custom-fields-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; } | |
| 282 | +.ph-custom-fields-grid > div { display:flex; gap:20px; background:#FFF; padding:25px; border:1px solid #AAA } | |
| 283 | +.ph-custom-fields-grid > div .ph-grid-image { flex:0 0 50px; } | |
| 284 | +.ph-custom-fields-grid > div .ph-grid-image-bg { background:#fbfcd4; border:1px solid #ffcd00; padding:10px; border-radius:7px; } | |
| 285 | +.ph-custom-fields-grid > div .ph-grid-image img { max-width:40px; height:40px; display:block } | |
| 286 | +.ph-custom-fields-grid > div .feature-card-content { flex:1; min-width:0; } | |
| 287 | +.ph-custom-fields-grid > div h3 { margin-top:0; margin-bottom:0.6em } | |
| 288 | + | |
| 289 | +@media (max-width:1750px) { | |
| 290 | + | |
| 291 | + .ph-custom-fields-grid { grid-template-columns:repeat(3, 1fr); } | |
| 292 | + | |
| 293 | +} | |
| 294 | + | |
| 295 | +@media (max-width:1370px) { | |
| 296 | + | |
| 297 | + .ph-custom-fields-grid { grid-template-columns:repeat(2, 1fr); } | |
| 298 | + | |
| 299 | +} | |
