ag-design 1.0.26 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__merged__.css +8 -0
- package/base.css +1196 -0
- package/form.css +104 -0
- package/helper.css +278 -0
- package/index.css +1 -1
- package/mappage.css +219 -0
- package/package.json +1 -1
- package/property-card.css +81 -0
- package/quill-editor.css +198 -0
- package/var.css +136 -0
- package/webbuilder.css +1991 -0
package/form.css
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
.form-content label { display: block; font-size: 0; color: #444; font-family: var(--s-f);}
|
|
2
|
+
.form-content label:before {content: ""attr(label-name)"";position: absolute; margin-top: 0px; transition: .2s margin-top; visibility: hidden}
|
|
3
|
+
|
|
4
|
+
label:has(> .item-text:not(:placeholder-shown)){ background-image: linear-gradient(to top,rgba(0,0,0,0.01),transparent 100%); }
|
|
5
|
+
label:has(> .item-text:not(:placeholder-shown))::before,.form-content .label-sel.active::before {margin-top: -9px; visibility: visible; font-size: var(--f-s-2); font-weight: 500;}
|
|
6
|
+
label:has(> .item-text:not(:placeholder-shown)){ background: rgba(0, 0, 0, 0.001); }
|
|
7
|
+
label:has(> .item-text.no-float-cap)::before { margin-top: -9px; visibility: visible; font-size: var(--f-s-2); font-weight: 500;}
|
|
8
|
+
|
|
9
|
+
.label-select { font-size: var( --f-s-3) !important; font-weight: 500;}
|
|
10
|
+
|
|
11
|
+
.item-text { border: none; border-bottom: 1px solid #aeaeae; background: transparent; width: 100%; padding: 12px 0rem; box-sizing: border-box; outline: none; font-size: var( --f-s-3); font-weight: normal; color: #000; font-family: var(--s-f);}
|
|
12
|
+
textarea { resize: vertical;}
|
|
13
|
+
.item-text::placeholder { color: #000; }
|
|
14
|
+
.item-text.c-4::placeholder {color:rgba(0, 0, 0, 0.5);}
|
|
15
|
+
x.contact-us .item-text::placeholder{font-size:0;}
|
|
16
|
+
.contact-us .item-text.c-4::placeholder{font-size:var(--f-s-3);}
|
|
17
|
+
|
|
18
|
+
.item-text::-ms-input-placeholder { color: #000; }
|
|
19
|
+
.item-select{ padding: 11px 0rem; width: 100%; background: #fff; cursor: pointer; font-family: inherit; font-size: var( --f-s-3); transition: all 150ms ease; border: none; border-bottom: 1px solid #aeaeae; outline: none;color:#000;}
|
|
20
|
+
.form-content label.show-label{font-size:var(--f-s-3);font-family:var(--s-f);font-weight:var(--f-w-4);}
|
|
21
|
+
.form-content label#showDate:before,.form-content label#showTime:before{font-size: var(--f-s-1) !important;visibility:visible;position:unset;}
|
|
22
|
+
label.consent-statement { font-size: var(--f-s-2) !important;}
|
|
23
|
+
.form-content .radio-grp label:before{display:none;}
|
|
24
|
+
.form-content .radio-grp label{font-size:var(--f-s-3); color: #444;}
|
|
25
|
+
.p-detail label.consent-statement, .p-detail label.consent-statement a { font-weight: var(--f-w-4);}
|
|
26
|
+
|
|
27
|
+
/* Group label (above radio / checkbox / toggle) */
|
|
28
|
+
.grp-label{font-size:var(--f-s-1); font-weight:var(--f-w-4); color: var(--c-2);text-transform:uppercase; letter-spacing:.6px; display:block;}
|
|
29
|
+
|
|
30
|
+
/* Avatar upload */
|
|
31
|
+
.avatar-upload-area{gap:10px; padding:8px 0 16px;}
|
|
32
|
+
.avatar-circle{width:100px; height:100px; border-radius:50%;border:2px solid #aeaeae; overflow:hidden;background:var(--c-3); display:flex; align-items:center;justify-content:center; cursor:pointer; position:relative; transition:border-color .2s;}
|
|
33
|
+
.avatar-circle:hover{border-color:var(--c-1);}
|
|
34
|
+
.avatar-circle img{width:100%; height:100%; object-fit:cover; display:none;}
|
|
35
|
+
.avatar-circle svg{opacity:.35;}
|
|
36
|
+
.avatar-circle::after{content:'change'; position: absolute;inset: 0;border-radius: 50%;background: rgba(192,57,43,.7);display: flex;align-items: center;justify-content: center;color:var(--c-99);font-size: var(--f-s-1);font-weight: 600;opacity:0;transition: opacity .2s;}
|
|
37
|
+
.avatar-circle:hover::after{opacity:1;}
|
|
38
|
+
.avatar-upload-area .av-btn{font-size:var(--f-s-2); color:var(--c-1); font-weight:500;cursor:pointer; text-decoration:underline;background:none; border:none; font-family:inherit;}
|
|
39
|
+
.avatar-upload-area .av-hint{font-size:var(--f-s-1); color:#757575;}
|
|
40
|
+
#avatarFileInput{display:none;}
|
|
41
|
+
|
|
42
|
+
/* Radio group */
|
|
43
|
+
.radio-grp{gap:6px 20px;}
|
|
44
|
+
.radio-grp label{display:inline-flex!important;align-items: center; gap: 8px;font-size:var(--f-s-3)!important;font-weight:var(--f-w-4);color:#444; cursor:pointer;}
|
|
45
|
+
.radio-grp label:before{display: none!important;}
|
|
46
|
+
.radio-grp input[type="radio"]{accent-color: var(--c-1);width: 15px;height: 15px;cursor: pointer;flex-shrink: 0;}
|
|
47
|
+
|
|
48
|
+
/* Checkbox group */
|
|
49
|
+
.chk-grp{gap: 6px 20px;}
|
|
50
|
+
.chk-grp label{display: inline-flex !important;align-items: center;gap: 8px;font-size: var(--f-s-3) !important;font-weight: var(--f-w-4);color: #444;cursor: pointer;}
|
|
51
|
+
.chk-grp label:before{display: none !important;}
|
|
52
|
+
.chk-grp input[type="checkbox"]{accent-color: var(--c-1);width: 15px;height: 15px;cursor: pointer;flex-shrink: 0;}
|
|
53
|
+
|
|
54
|
+
/* Toggle switch */
|
|
55
|
+
.toggle-row{gap: 8px;}
|
|
56
|
+
.toggle-sw{position: relative;display: inline-block;width: 40px;height: 22px;}
|
|
57
|
+
.toggle-sw input{opacity:0;width:0; height:0;}
|
|
58
|
+
.toggle-track{position:absolute;inset:0; background:#ccc;border-radius:22px; cursor:pointer; transition:.3s;}
|
|
59
|
+
.toggle-track:before{content:'';position: absolute;width: 16px;height: 16px;left: 3px;bottom: 3px;background:#fff;border-radius:50%;transition:.3s;}
|
|
60
|
+
.toggle-sw input:checked + .toggle-track{background: var(--c-1);}
|
|
61
|
+
.toggle-sw input:checked + .toggle-track:before{transform: translateX(18px);}
|
|
62
|
+
.toggle-lbl{font-size: var(--f-s-3);color:#444;font-weight: var(--f-w-4);}
|
|
63
|
+
|
|
64
|
+
/* Range slider */
|
|
65
|
+
input[type="range"]{accent-color: var(--c-1);width: 100%;background: var(--c-7);border-radius: 3px;outline: none;cursor: pointer;margin: 0;border: none;display: block;}
|
|
66
|
+
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none; width:16px; height:16px; border-radius:50%;background:var(--c-1); border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2); cursor:pointer;}
|
|
67
|
+
|
|
68
|
+
/* File drop zone */
|
|
69
|
+
.file-drop{border:1.5px dashed #aeaeae;border-radius: 3px;padding: 20px 12px;text-align: center;cursor: pointer;transition: border-color .2s;position: relative;margin-top: 8px;}
|
|
70
|
+
.file-drop:hover{border-color: var(--c-1);}
|
|
71
|
+
.file-drop input[type="file"]{position: absolute;inset: 0;opacity: 0;cursor: pointer;width: 100%;height: 100%;}
|
|
72
|
+
.file-drop .fd-icon{font-size:24px; display:block; margin-bottom:4px;}
|
|
73
|
+
.file-drop .fd-text{font-size: var(--f-s-2); color: #757575; margin:0;}
|
|
74
|
+
.file-drop .fd-text span{color: var(--c-1); font-weight: 600; text-decoration: underline;}
|
|
75
|
+
.file-drop .fd-hint{font-size: var(--f-s-1); color: #757575; margin: 4px 0 0;}
|
|
76
|
+
|
|
77
|
+
/* Colour picker row */
|
|
78
|
+
.color-row{gap: 8px;}
|
|
79
|
+
input[type="color"]{-webkit-appearance: none;appearance: none;width: 30px;height: 30px;border: none;background: none;cursor: pointer;padding: 0;border-radius: 50%;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, .08);}
|
|
80
|
+
.color-row > span{font-size:var(--f-s-3); color:#888;}
|
|
81
|
+
|
|
82
|
+
/* Native date / time */
|
|
83
|
+
input[type="date"], input[type="time"]{border:none; border-bottom:1px solid #aeaeae;background:transparent; width:100%; padding:12px 0;font-size:var(--f-s-3); font-family:var(--s-f);color:#000; outline:none; display:block;}
|
|
84
|
+
.action-btn{gap:12px;}
|
|
85
|
+
|
|
86
|
+
/* selected option */
|
|
87
|
+
.label-sel:has(.item-select) [value=""]{color: rgba(0,0,0,0.5);}
|
|
88
|
+
|
|
89
|
+
/* input Error Message start*/
|
|
90
|
+
.error-msg{display: inline-block;visibility: hidden;color: #B00020;font-size: 11px;margin-top: 4px;}
|
|
91
|
+
.item-text:invalid:not(:placeholder-shown) ~ .error-msg,.item-text:invalid:focus ~ .error-msg {visibility: visible;}
|
|
92
|
+
.item-text:invalid:placeholder-shown ~ .error-msg::before{content: "This field is required. ";}
|
|
93
|
+
.item-text:invalid:not(:placeholder-shown) ~ .error-msg::before{content: "Invalid format. ";}
|
|
94
|
+
.item-text:invalid:not(:placeholder-shown),
|
|
95
|
+
.item-text:invalid:focus{border-bottom: 1px solid #B00020 !important;outline: none;}
|
|
96
|
+
label:has(.item-text:invalid:not(:placeholder-shown)),
|
|
97
|
+
label:has(.item-text:invalid:focus){color: #B00020 !important;}
|
|
98
|
+
/* input Error Message start*/
|
|
99
|
+
|
|
100
|
+
/* Responsive */
|
|
101
|
+
@media (max-width:767px){
|
|
102
|
+
.form-head{padding:24px 20px;}
|
|
103
|
+
.step-bar{padding:20px 16px 0;}
|
|
104
|
+
}
|
package/helper.css
ADDED
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
|
|
2
|
+
/*common_css_start*/
|
|
3
|
+
img {max-width:100%;max-height:100%;}
|
|
4
|
+
input:invalid {box-shadow: none;}
|
|
5
|
+
div[data-detail-link^="/"] {cursor:pointer;}
|
|
6
|
+
a:link ,a:visited {text-decoration: none;}
|
|
7
|
+
section {position:relative;width: 100%;}
|
|
8
|
+
|
|
9
|
+
[data-value="0"],[data-value="0.0"],[data-value=""],[data-value="0.00"],[data-value="#"],[data-value="no"]{display:none!important;}
|
|
10
|
+
|
|
11
|
+
[data-no-value]:not([data-no-value=""]) {display:none!important;}
|
|
12
|
+
|
|
13
|
+
.mdl-selectfield [data-value="0"] {display:block!important;}
|
|
14
|
+
|
|
15
|
+
[data-agora-icon]:before,[data-agora-icon-right]:after {content:attr(data-agora-icon);font-family: 'agorafonts' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;font-size: 24px;letter-spacing: normal;word-wrap: normal;vertical-align: middle;margin: 0 0.2rem;transform: translateY(-1px);}
|
|
16
|
+
[data-agora-icon-right]:after {content:attr(data-agora-icon-right);}
|
|
17
|
+
|
|
18
|
+
/*Provide Spacing Literals start*/
|
|
19
|
+
[data-spacer-context]{}
|
|
20
|
+
[data-spacer].b{display:block;}
|
|
21
|
+
[data-spacer]:after{content:attr(data-spacer);}
|
|
22
|
+
[data-pre-spacer]:before {content:attr(data-pre-spacer);}
|
|
23
|
+
i[data-spacer],i[data-pre-spacer] {font-style:normal;}
|
|
24
|
+
i.b[data-spacer] {display:block;width:100%;}
|
|
25
|
+
/*Provide Spacing Literals End*/
|
|
26
|
+
|
|
27
|
+
/*Plural Verbal start*/
|
|
28
|
+
[data-value][data-plural] {display:none!important;font-style:normal;margin:0!important;}
|
|
29
|
+
[data-plural=""][data-value="1"],[data-plural=""][data-value="1.0"],[data-plural=""][data-value^="0."],[data-plural="s"]:not([data-value="1"]):not([data-value="1.0"]):not([data-value^="0."]):not([data-value="0"]){display: inline-block!important;}
|
|
30
|
+
[data-web-links][data-value]:not([data-value*="http"]),[data-agent-bio][data-value="######0"] {display:none!important;}
|
|
31
|
+
/*Plural Verbal start End*/
|
|
32
|
+
|
|
33
|
+
input[data-save-listing$="_true"] + span + span, input[data-save-listing$="_True"] + span + span {display: none !important;}
|
|
34
|
+
input[data-save-listing$="_true"] + span, input[data-save-listing$="_True"] + span {display: inline-block !important;}
|
|
35
|
+
|
|
36
|
+
[data-perform-action=SaveListing][ag-user-collection="3"] {color: transparent;font-size: 0;pointer-events: none}
|
|
37
|
+
[data-perform-action=SaveListing][ag-user-collection="3"]:before { color: var(--c-1); content: "\e922"; line-height: 1}
|
|
38
|
+
[data-perform-action=SaveListing][ag-user-collection="3"]:not(:empty):before {transform: translateY(-5px)}
|
|
39
|
+
[data-perform-action=SaveListing][ag-user-collection="3"]:not(:empty):after {color: var(--c-1); content: "Saved"; display: inline-block;font-size: var(--f-s-2); line-height: 1}
|
|
40
|
+
|
|
41
|
+
/*Cookie*/
|
|
42
|
+
.data-privacy-policy.active {position: fixed;bottom: 20px;margin: 0 auto;left: 0;right: 0;max-height: inherit !important;z-index: 999;max-width: 700px;}
|
|
43
|
+
.data-privacy-policy.active .content {padding: 14px !important;justify-content:space-between;}
|
|
44
|
+
.data-privacy-policy.active .content p {font-size:var(--f-s-2); width: calc(100% - 100px) !important;text-align:left;}
|
|
45
|
+
.data-privacy-policy.active .content p a {font-size:var(--f-s-2);text-decoration:none;color:var(--c-1)}
|
|
46
|
+
/*Cookie*/
|
|
47
|
+
|
|
48
|
+
/*Fake content*/
|
|
49
|
+
a.ag-fake-contains {display:none;}
|
|
50
|
+
.bbs span .ag-fake-contains {width: 40px; display: inline-flex;overflow:hidden}/*property card bed-bath*/
|
|
51
|
+
.ag-fake-contains:has(>.ag-fake) {position: relative;color: rgba(0, 0, 0, 0);pointer-events: none !important;cursor: default;}
|
|
52
|
+
.ag-fake {display: none;}
|
|
53
|
+
.ag-fake {position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 2px);background: #eee;overflow: hidden;display: block;border-radius: 2px;margin-top: 1px;}
|
|
54
|
+
.ag-fake:after {content: "";top: 0;transform: translateX(100%);width: 100%;height: 100%;position: absolute;z-index: 1;animation: slide 1s infinite;
|
|
55
|
+
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
|
|
56
|
+
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
|
|
57
|
+
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
|
|
58
|
+
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
|
|
59
|
+
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
|
|
60
|
+
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
|
|
61
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
|
|
62
|
+
opacity: 0.64;
|
|
63
|
+
}
|
|
64
|
+
.ag-fake-mask {display: none;}
|
|
65
|
+
img.ag-fake-inline-contains {position: relative;object-position: -99999px 99999px;background: #eee;}
|
|
66
|
+
|
|
67
|
+
@keyframes slide {
|
|
68
|
+
0% {
|
|
69
|
+
transform: translateX(-100%);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
100% {
|
|
73
|
+
transform: translateX(100%);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
/*Fake content*/
|
|
77
|
+
|
|
78
|
+
/*agora-back-to-top*/
|
|
79
|
+
.agora-back-to-top {bottom: 8px;position: fixed;right: 8px;z-index: 4; transform: scale(0);transform-origin: 100% 100%; transition: .3s cubic-bezier(0.4,0.0,0.2,1) all;border-radius: 50%;height: 56px;margin: auto;min-width: 56px;width: 56px;padding: 0; overflow: hidden;background:var(--c-2);color:var(--c-99); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);}
|
|
80
|
+
.agora-back-to-top i{position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px);}
|
|
81
|
+
body.scroll .agora-back-to-top { transform: scale(1); display: block !important;}
|
|
82
|
+
/*agora-back-to-top*/
|
|
83
|
+
|
|
84
|
+
input:checked, input[type="checkbox"]{accent-color: var(--primary-color-500, var(--c-o-1, var(--c-1)));}
|
|
85
|
+
#agoraAlertMessageBox.alert_box.consent .message-body { width: 90%;max-width: 673px;}
|
|
86
|
+
#agoraAlertMessageBox.alert_box.consent .msg > a {font-size: var(--f-s-3) !important;}
|
|
87
|
+
/*common_css_end*/
|
|
88
|
+
|
|
89
|
+
/*Sample classes and styles */
|
|
90
|
+
.hide-text {text-indent: 100%;white-space: nowrap;overflow: hidden;}
|
|
91
|
+
/*Sample classes and styles*/
|
|
92
|
+
|
|
93
|
+
/*Accordian*/
|
|
94
|
+
.item-acc { display: flex; flex-direction: column;}
|
|
95
|
+
.item-acc-i { display: flex; align-items: center;text-transform:capitalize; justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, .25);padding:10px 0; /*cursor: pointer; lDP accordian disabled*/ pointer-events:none; font-weight: bold; user-select: none; }
|
|
96
|
+
.item-acc-c:has(>.item-acc-i) { /*max-height: 45px;*/ max-height:100% !important; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: none;}
|
|
97
|
+
.item-acc-i:not(.open)[data-agora-icon-right]:after { transform: rotate(180deg) !important; }
|
|
98
|
+
.item-acc .acc-con {column-count: 3; }
|
|
99
|
+
.item-acc-c.int-fea .acc-con{column-count: 1;}
|
|
100
|
+
.item-acc .acc-con span::before { content: attr(data-th)':';padding-right: 4px; font-weight: var(--f-w-b); }
|
|
101
|
+
|
|
102
|
+
/*Accordian*/
|
|
103
|
+
.l-type.br{border:1px solid}
|
|
104
|
+
/*Search block*/
|
|
105
|
+
.s-con {background: rgba(255,255,255,.1);margin-bottom:50px !important;}
|
|
106
|
+
.s-item .item-text, .search-con select {border: 0;}
|
|
107
|
+
.s-item input {text-indent: 12px;}
|
|
108
|
+
.s-item input, .s-item select {height: 42px;}
|
|
109
|
+
.s-item .s-a-b-1:before{align-items: center;display: flex;font-size: 24px;height: 100%;}
|
|
110
|
+
.s-item .s-a-b-1 { height: 42px; right: 4px; top: 0; width: auto;}
|
|
111
|
+
/*Search block*/
|
|
112
|
+
|
|
113
|
+
/*Pagination*/
|
|
114
|
+
.pagination ul li { margin: 0 .2rem;}
|
|
115
|
+
.pagination ul li a { height: 34px; line-height: 34px; width: 34px;}
|
|
116
|
+
.pagination ul li.active a.c-1 { background-color: var(--c-1); color: var(--c-99) !important;}
|
|
117
|
+
.pagination ul li a.c-1:hover { background: rgba(26, 26, 29, .54);color: var(--c-99)!important; cursor: pointer;}
|
|
118
|
+
.pagination ul li:not(.active):first-child a, .pagination ul li:not(.active):last-child a {color: rgba(94, 106, 59, .32); display: inline-block; margin: 0 .5rem; overflow: hidden; width: 24px;}
|
|
119
|
+
.pagination ul li:not(.active):first-child a:before, .pagination ul li:not(.active):last-child a:before {display: inline-block; font-family: agorafonts; -webkit-font-feature-settings: "kern" 1, "liga" 1, "case" 1; -moz-font-feature-settings: "kern=1","liga=1","case=1"; -moz-font-feature-settings: "kern" on,"liga" on,"case" on; -ms-font-feature-settings: "kern" 1,"liga" 1,"case"; -o-font-feature-settings: "kern","liga","case"; font-feature-settings: "kern", "liga", "case"; font-size: 24px;}
|
|
120
|
+
.pagination ul li:not(.active):first-child a:before {content: "\e915";}
|
|
121
|
+
.pagination ul li:not(.active):last-child a:before {content: "\e916";}
|
|
122
|
+
.pagination ul li:not(.active):first-child a:hover, .pagination ul li:not(.active):last-child a:hover {background: 0; color: rgba(94, 106, 59, .96) !important;}
|
|
123
|
+
/*Pagination*/
|
|
124
|
+
/*Tabs*/
|
|
125
|
+
.tab{display: none!important;}
|
|
126
|
+
.tab-container .tab-a.active-a:after{ content: ''; display: block; border-top: 2px solid var(--c-1); position: absolute; bottom: 0; top: 44px; background: 0; left: 0; width:100%; }
|
|
127
|
+
.tab-container .tab-a.active-a:before{content: ''; width: 8px; height: 8px; border-top: 2px solid var(--c-1); border-left: 2px solid var(--c-1); background: #f7f7f7; position: absolute; top: 40px; z-index: 9; left: 0; right: 0; margin: 0 auto; transform: rotate(225deg);}
|
|
128
|
+
.tab-active{display: flex!important;}
|
|
129
|
+
.p-detail + .tab-container .tab-active{display:block!important;}
|
|
130
|
+
.t-labels{border-bottom: 1px solid #dcdcdc;}
|
|
131
|
+
.tab-container .tab-b.active-a:after,.tab-container .tab-b:hover:after{ content: ''; display: block; position: absolute; border-top: 3px solid var(--c-2); bottom: -1px; background:0; left: 0; width:100%; }
|
|
132
|
+
.tab-container .tab-b:not(.active-a):after { content: ''; transform: scaleX(0);transform-origin: 0% 50%;transition: transform 300ms ease-in-out;}
|
|
133
|
+
.tab-container .tab-b:not(.active-a):hover:after{ transform: scaleX(1);}
|
|
134
|
+
.tab-container span.tab-b{ margin-right: 35px;}
|
|
135
|
+
/*Tabs*/
|
|
136
|
+
|
|
137
|
+
/*modal*/
|
|
138
|
+
.modal {display: none;position: fixed;z-index: 1; left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content:center;align-items:center; }
|
|
139
|
+
.modal-c {margin: 20% auto;border: 1px solid #888;width: 300px; xoverflow: hidden;}
|
|
140
|
+
.modal-c.office{width:330px;}
|
|
141
|
+
.modal .close {top: 15px;right: 15px;z-index:9;width:24px;height:24px;line-height:24px;}
|
|
142
|
+
.modal .close:before{font-size:var(--f-s-2);line-height:22px;}
|
|
143
|
+
.modal .close.round{top: -20px;right: -15px; width: 45px;height: 45px;line-height: 40px; border: 1px solid;}
|
|
144
|
+
.modal .close.round:before{font-size: var(--f-s-3);}
|
|
145
|
+
body.popup-active{overflow:hidden;}
|
|
146
|
+
/*modal*/
|
|
147
|
+
|
|
148
|
+
/*Badge*/
|
|
149
|
+
.p-detail.broker .l-type.cl,.p-detail.exclusive .l-type.el,.property.rental .p-badge .l-type.rl,.p-detail.have-mul-openhouse .l-type.oh,.p-detail.have-mul-openhouse .l-type.oh .ohd,.p-detail.newlisting .l-type.nl,.p-detail.openhouse .l-type.oh,.p-detail.pricereduced .l-type.pr,.p-detail.rental .l-type.rl,.p-detail.virtualTour .l-type.vt,.property.exclusive .p-badge .l-type.el,.property.have-mul-openhouse .p-badge .l-type.oh,.property.have-mul-openhouse .p-badge .l-type.oh .ohd,.property.newlisting .p-badge .l-type.nl,.property.openhouse .p-badge .l-type.oh,.property.pricereduced .p-badge .l-type.pr,.property.virtualTour .p-badge .l-type.vt { display: inline-block!important}
|
|
150
|
+
.p-detail.pricereduced .l-type.pr i:after, .property.pricereduced .p-badge .l-type.pr i:after, .property.priceincreased .p-badge .l-type.pr i:after{ font-size: var(--f-s-1); margin: 0 4px;}
|
|
151
|
+
/*Badge*/
|
|
152
|
+
.delete-account-form h1 { color: var(--c-1); font-family: var(--s-f); font-size: var(--f-s-9); font-weight: var(--f-w-4) !important; text-align: center; text-transform: uppercase;}
|
|
153
|
+
.delete-account-form .head-sec span { display: inline-block;padding-bottom: 16px;text-align: center;width: 100%;}
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
/* AVM map popup*/
|
|
157
|
+
[avm-report-url="get-a-home-valuation"] .map-pop-up>div+div span{align-items:center;}
|
|
158
|
+
/* AVM map popup*/
|
|
159
|
+
/*Dashboard*/
|
|
160
|
+
[ag-user] { display: inline-block; position: relative}
|
|
161
|
+
[ag-user]>span { position: absolute; background: var(--c-3); z-index: 9999; border-radius: 2px; box-shadow: rgba(0,0,0,.16) 0 1px 4px;transform: scale(0);top: calc(100% + 8px); right: 0; min-width: 180px; padding: 0 !important}
|
|
162
|
+
[ag-user]>span>* {display: block;width: 100%;padding: 16px !important;color: var(--c-2);cursor: pointer; height: auto !important; line-height: normal !important; text-align: left; text-transform: none !important;}
|
|
163
|
+
[ag-user]>span>*:first-child {display: none !important}
|
|
164
|
+
[ag-user]>button.active+span { transform: scale(1)}
|
|
165
|
+
.dashboard-item .ca-f-b-1 { line-height: 38px; min-height: 38px; min-width: 38px}
|
|
166
|
+
.dashboard-item .ca-f-b-1:before { font-size: 20px; height: 38px; line-height: 38px!important; width: 38px}
|
|
167
|
+
.dashboard-item .ca-f-b-1[data-note-count="0"]:before {content: "\e9a7"}
|
|
168
|
+
/*Agent - team*/
|
|
169
|
+
[data-current-rt]:not([data-current-rt="CMNCMN"]):not([data-current-rt="CMNSLD"]):not([data-current-rt="CMNRNT"]) [data-enable-for] { display: none}
|
|
170
|
+
[data-current-rt="AGENTTEAM"]:not([data-current-rt="CMNCMN"]):not([data-current-rt="CMNSLD"]):not([data-current-rt="CMNRNT"]) [data-enable-for="AGENTTEAM"],[data-current-rt="AGENT"]:not([data-current-rt="CMNCMN"]):not([data-current-rt="CMNSLD"]):not([data-current-rt="CMNRNT"]) [data-enable-for="AGENT"] { display: block}
|
|
171
|
+
[data-current-rt="CMNCMN"] [data-enable-for]:not([data-enable-for*="CMNCMN"]),[data-current-rt="CMNSLD"] [data-enable-for]:not([data-enable-for*="CMNSLD"]),[data-current-rt="CMNRNT"] [data-enable-for]:not([data-enable-for*="CMNRNT"]) { display: none!important}
|
|
172
|
+
/*Agent - team*/
|
|
173
|
+
|
|
174
|
+
/*Manage listings*/
|
|
175
|
+
.s-con.m-listings{background:#FAFAFA;padding-bottom: 28px !important;margin-bottom:0 !important;}
|
|
176
|
+
.s-con.m-listings .s-item .item-text,.s-con.m-listings .search-con select{border-bottom: 1px solid #aeaeae;}
|
|
177
|
+
/*Manage listings*/
|
|
178
|
+
|
|
179
|
+
/*testimonials*/
|
|
180
|
+
.testimonial-wrapper .testimonial .review-by{border-top: 1px solid var(--c-7);}
|
|
181
|
+
body.agent-template-1 .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-close::before{position: relative; z-index: 9;}
|
|
182
|
+
|
|
183
|
+
#AddTestimonial_Form .agent-information.mdl-card .title h5{margin: 0 0 20px 0; font-weight: 400; line-height: normal; font-size: 20px;}
|
|
184
|
+
#AddTestimonial_Form .agent-information.mdl-card .title h1{font-weight: 400; line-height: normal; margin: 0; font-size: 2em;}
|
|
185
|
+
#AddTestimonial_Form .agent-information.mdl-card .mdl-textfield .mdl-textfield__label{color: rgba(0,0,0, 0.54) !important;}
|
|
186
|
+
.testimonial-wrapper .testimonial span.star,.testimonial-container .testimonial-item span.star{color:#FAAF19;}
|
|
187
|
+
|
|
188
|
+
/*App prompt*/
|
|
189
|
+
.d-app { color: #fff!important; background:var(--c-o-1, var(--c-1)); padding: 8px 12px 6px 6px; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 12px; display: inline; margin-left: 8px}
|
|
190
|
+
.d-app:before { font-size: 20px!important}
|
|
191
|
+
.app-install .content { background: #fff}
|
|
192
|
+
body:has(>.app-install.active) .item-h{height:auto;}
|
|
193
|
+
body .app-install .content p {font-weight: 600; line-height: normal; font-size:var(--f-s-3)}
|
|
194
|
+
.app-install .content { position: relative;z-index: 9; background: #fff}
|
|
195
|
+
.app-install .content .action-cancel label {padding: 16px 8px 16px 8px!important}
|
|
196
|
+
.app-install .content .action {padding-left: 4px!important}
|
|
197
|
+
.app-install .content .action label{background-color:var(--c-o-1, var(--c-1)) !important;}
|
|
198
|
+
.app-install{border-bottom: 1px solid rgba(0, 0, 0, .08);}
|
|
199
|
+
.app-install .content img{padding: 5px !important; width: 50px !important; height: 50px !important;}
|
|
200
|
+
body.privacy-policy-active:has(>.app-install.active) .data-privacy-policy.active{top:unset !important;}
|
|
201
|
+
|
|
202
|
+
/*App prompt*/
|
|
203
|
+
/*Youtube banner*/
|
|
204
|
+
.content-page .youtube-section iframe{position: absolute;height: 100%!important;width: 100%!important;margin: 0!important;z-index: 1;border:none;display:none;}
|
|
205
|
+
.content-page .youtube-section.play iframe{display:block;}
|
|
206
|
+
.content-page .youtube-section .play-wrapper label:hover,.content-page .youtube-section .play-wrapper .play-wrapper label:focus{background: color-mix(in srgb, var(--c-100) 50%, transparent); color: var(--c-99); border:4px solid color-mix(in srgb, var(--c-100) 50%, transparent);}
|
|
207
|
+
.content-page .youtube-section .play-wrapper{width:100%;height:100%;display: flex;align-items:center;justify-content:center;position:absolute;z-index:0;top:0;left:0;}
|
|
208
|
+
.content-page .youtube-section .play-wrapper label{display: flex;background: transparent;font-size: 10rem;top: 50%;right: 50%;cursor: pointer;z-index: 10;color: var(--c-99);border-radius: 50%;border: 4px solid color-mix(in srgb, var(--c-100) 50%, transparent);transition: 0.5s ease-in-out;width: 350px;height: 350px;align-items: center;justify-content: center;}
|
|
209
|
+
.content-page .full-width .youtube-section iframe{ width: 100%;height: 60vh!important; }
|
|
210
|
+
.content-page .full-width .play-wrapper label.play{ width:150px;height:150px; }
|
|
211
|
+
.content-page .full-width .play-wrapper label.play i { font-size:var(--f-s-9); }
|
|
212
|
+
.content-page .youtube-section .play-wrapper { height:50vh; }
|
|
213
|
+
.content-page .youtube-section img { width:100%;height:50vh; }
|
|
214
|
+
.content-page .youtube-section { height:60vh;background-position: center; background-repeat: no-repeat; background-size: cover; }
|
|
215
|
+
/*Youtube banner*/
|
|
216
|
+
.content-page .with-banner img,.content-page .video-banner{height:450px;}
|
|
217
|
+
.content-page .video-banner video{ top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%;}
|
|
218
|
+
|
|
219
|
+
/*Webbuilder*/
|
|
220
|
+
body:has(.home-banner)[style^="border-top:"].with-webbuilder .webbuilder-bar{margin-top:7px;}
|
|
221
|
+
/*Webbuilder*/
|
|
222
|
+
/*restricted listing*/
|
|
223
|
+
body.restricted-listing:not(body.body_propertymapsearch) .sign-up-soldlisting {position: absolute;top:0;height:100%; color: #000000;z-index: 12;cursor:pointer; width: 100%; margin:0;left: 0; right: 0; padding: 1rem;box-sizing: border-box;font-size: var(--f-s-5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center; align-items: center;}
|
|
224
|
+
body.restricted-listing .map-context .properties-panel .properties-list {position: relative;}
|
|
225
|
+
body.restricted-listing:not(body.body_propertymapsearch) .showing-restricted-listing::after { content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.64); position: absolute;z-index: 10; backdrop-filter: blur(10px); top: 0;}
|
|
226
|
+
body.restricted-listing .sign-up-soldlisting .lock-img { margin: 0 1rem 0 .5rem;width: 55px; box-sizing: border-box;}
|
|
227
|
+
body.restricted-listing:not(body.body_propertymapsearch) .sign-up-soldlisting .lock-img + span { width: calc(100% - 86px); line-height: 27px;font-weight: 400;}
|
|
228
|
+
body.restricted-listing .sign-up-soldlisting .lock-img + span > a { color: #fff;text-decoration: underline;margin-right: 6px;display: inline-block}
|
|
229
|
+
body.restricted-listing.showing-restricted-listing .WebBuilderAdminSection { filter: blur(10px); pointer-events: none;}
|
|
230
|
+
body .restricted-listing-label {display: none}
|
|
231
|
+
body.restricted-listing:not(body.body_propertymapsearch) .showing-restricted-listing .restricted-listing-label { display: block}
|
|
232
|
+
body.restricted-listing:not(body.body_propertymapsearch) .showing-restricted-listing .restricted-listing-label .sign-up-soldlisting {background: none;}
|
|
233
|
+
body.restricted-listing .showing-restricted-listing .slides .nav, body.restricted-listing .showing-restricted-listing .restricted-listing-label ~ .mdl-card__menu,
|
|
234
|
+
body.restricted-listing .showing-restricted-listing .property-info .description .Icons {visibility: hidden; }
|
|
235
|
+
body.restricted-listing .showing-restricted-listing:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02) !important;}
|
|
236
|
+
body.showing-restricted-listing.restricted-listing {overflow: hidden}
|
|
237
|
+
body.showing-restricted-listing.restricted-listing .restricted-listing-label.restricted-detail {display: block;}
|
|
238
|
+
body.restricted-listing .WebBuilderAdminSection:has( > .restricted-listing-label.restricted-detail) {filter: unset !important;pointer-events: unset !important;}
|
|
239
|
+
body.showing-restricted-listing .restricted-listing-label.restricted-detail {position: fixed;width: 100%;z-index: 12;top: 50vh;}
|
|
240
|
+
body.showing-restricted-listing .restricted-listing-label.restricted-detail .sign-up-soldlisting {background: transparent;justify-content: center;margin: auto;width: fit-content;border-radius: unset;position: unset;}
|
|
241
|
+
body.showing-restricted-listing .restricted-listing-label.restricted-detail .sign-up-soldlisting img+span {width: unset !important;}
|
|
242
|
+
.aga-map-item.showing-restricted-listing{position:relative;}
|
|
243
|
+
.aga-map-item.showing-restricted-listing .sign-up-soldlisting .lock-img{height: unset; object-fit: unset; aspect-ratio: unset;}
|
|
244
|
+
/*restricted listing*/
|
|
245
|
+
|
|
246
|
+
|
|
247
|
+
|
|
248
|
+
@media (min-width: 840px) {
|
|
249
|
+
#AddTestimonial_Form .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {width: calc(75% - 16px);}
|
|
250
|
+
#AddTestimonial_Form .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {width: calc(25% - 16px);}
|
|
251
|
+
}
|
|
252
|
+
@media (min-width: 480px) and (max-width: 839px) {
|
|
253
|
+
#AddTestimonial_Form .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {width: calc(50% - 16px);}
|
|
254
|
+
}
|
|
255
|
+
@media (max-width: 479px) {
|
|
256
|
+
#AddTestimonial_Form .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone{width: calc(100% - 16px);}
|
|
257
|
+
}
|
|
258
|
+
/*testimonials*/
|
|
259
|
+
|
|
260
|
+
@media screen and (max-width: 1024px) {
|
|
261
|
+
.data-privacy-policy .content .action {width: auto !important;}
|
|
262
|
+
.content-page .with-banner img,.content-page .video-banner{height: 350px !important;}
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
@media screen and (max-width: 701px) {
|
|
266
|
+
.t-labels{border: none;}
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
@media screen and (max-width: 576px) {
|
|
270
|
+
.s-item:not(:last-child) select {margin-bottom: 4px; }
|
|
271
|
+
.s-item {padding: 0 !important;}
|
|
272
|
+
.sort-bar .label-sel, .sort-bar .pagination {justify-content: center;}
|
|
273
|
+
.sort-bar .pagination { margin-top: 16px; order: 2;}
|
|
274
|
+
.item-acc .acc-con {column-count: 1;}
|
|
275
|
+
.content-page .youtube-section,.content-page .youtube-section .play-wrapper,.content-page .full-width .youtube-section iframe{height:40vh !important;}
|
|
276
|
+
.idc-agslider, .idc-agslider .carousel-slider.slider .caro-in .carousel-item.card .carousel-item a img { height: 332px !important;}
|
|
277
|
+
}
|
|
278
|
+
|