_member.scss
9.33 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button{
text-transform: uppercase !important;
background-color: #183668 !important;
background:#183668 !important;
color: #fff;
border-radius: 0px !important;
}
.um input[type=submit].um-button:hover, .um input[type=submit].um-button:focus, .um a.um-button:hover{
background-color: #132C55 !important;
background:#132C55 !important;
font-weight: bold !important
}
.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color{
color:#3EAF49 !important;
}
.um-account-profile-link{
display: none !important;
}
.directory-filters-top{
border-top: 1px solid #3eaf49!important;
padding: 10px 0 0px 0;
}
.directory-filters-bottom{
border-bottom: 1px solid #3eaf49!important;
margin-bottom: 40px !important;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a{
font-size: 18px;
line-height: 24px;
color: #1a3668;
text-transform: uppercase;
text-decoration: none;
padding: 10px 0;
display: block;
font-weight: 800;
}
.um-member-directory-filters{
justify-content:flex-start;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters{
justify-content: flex-start !important;
}
.glyphicon-chevron-up::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.432' height='11.567' viewBox='0 0 19.432 11.567'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='translate(274.905 -394.917) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E");
}
.um-member-directory-filters-visible{
a{
.glyphicon-chevron-up::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.631' height='11.905' viewBox='0 0 19.631 11.905'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='matrix(-0.017 -1 1 -0.017 -248.34 411.22)' fill='%231A3668'/%3E%3C/svg%3E");
}
}
}
.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row{
justify-content: flex-start !important;
}
#quicksearch {
width: 600px;
border: 1px solid #fff !important;
border-bottom: 1px solid #8e908f!important;
margin-bottom: 15px;
}
.um-do-search.um-button{
display: none;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label{
flex:unset !important;
}
.um-faicon-angle-left:before{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1291' data-name='Path 1291' d='M7.515 5.543c.52-.526 1.03-1.048 1.546-1.564Q10.918 2.123 12.779.272a.834.834 0 0 1 1.232 0c.236.242.477.479.716.718a.817.817 0 0 1 0 1.222L11.379 5.557Q9.758 7.18 8.138 8.8a.9.9 0 0 1-.606.289.864.864 0 0 1-.667-.288Q5.614 7.551 4.363 6.3L.956 2.889c-.232-.232-.465-.463-.7-.7A.812.812 0 0 1 .269.993l.71-.71a.833.833 0 0 1 1.25 0l3.016 3L7.429 5.462Z' transform='translate(9.095) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E") !important;
}
.um-faicon-angle-right:before{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E") !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current{
border-color: #fff !important;
background-color: #fff !important;
color: #3eaf49 !important;
font-weight: 800 !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current span{
border-color: #fff !important;
background-color: #fff !important;
color: #3eaf49 !important;
font-weight: 800 !important;
}
.pagei span{
color: #2c2c2c !important;
}
.um-check-filter-type label:before{
height: 20px !important;
width: 20px !important;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter{
width: auto !important;
}
.directory-filters-bottom.um-member-directory-filters-bar:not(.um-header-row-invisible){
.um-search.um-search-1.um-search-invisible{
display: flex !important;
flex-wrap: wrap !important;
}
}
.um-member-card-header{
width: 150px!important;
@media only screen and (max-width:800px) {
width: 100%!important;
}
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content{
flex-direction: row !important;
@media only screen and (max-width:800px) {
flex-direction: column !important;
}
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate{
width: 80% !important;
display: inline-block !important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta{
margin: 0px !important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline{
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo{
width: 80px !important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a{
height: auto !important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img{
width: 70px !important;
height: 70px !important;
}
.um-member-name{
text-transform: capitalize;
}
.um-member-meta{
display: grid !important;
@media only screen and (max-width:800px) {
display: flex !important;
flex-direction: column;
}
}
.um-member-metaline{
padding: 0px 0 10px 0 !important;
}
.um-member-metaline-phone_number,
.um-member-metaline-user_email,
.um-member-metaline-mobile_number{
grid-column-start: 1;
grid-row: 1;
}
.um-member-metaline-phone_number{
grid-row: 2;
}
.um-member-metaline-user_email{
grid-row: 1;
}
.um-member-metaline-mobile_number{
grid-row: 3;
}
.um-member-metaline-position,
.um-member-metaline-department_branch{
grid-column-start: 2;
}
.um-member-metaline-position{
grid-row: 1;
}
.um-member-metaline-department_branch{
grid-row: 2;
}
.um-member-card-container{
margin:0px !important
}
.um-directory .um-members-wrapper .um-members .um-member{
border-width: 0px !important;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei {
cursor: pointer;
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
transition: all .2s linear;
padding: 0 14px;
color: #666 !important;
font-weight: normal; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei {
cursor: pointer;
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
transition: all .2s linear;
padding: 0 14px;
color: #666 !important;
font-weight: normal; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.pagi-arrow {
line-height: 38px; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.pagi-arrow i:before {
font-size: 20px;
vertical-align: middle !important;
height: 34px;
line-height: 34px;
top: -2px;
position: relative; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current {
cursor: default;
color: #fff !important; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current:hover {
color: #fff !important; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.disabled {
cursor: default;
opacity: .4; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.none {
color: #aaa !important; }
#um_field_467_phone_number_12,
#department_email-453{
display: none !important;
}