PluginProbe
User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor / 3.16.1
User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor v3.16.1
4.0.3 4.0.2 4.0.1 4.0.0 3.16.6 3.16.5 3.16.4 3.16.3 3.16.2 3.16.1 3.16.0 3.15.9 3.9.9 3.9.5 3.9.6 3.9.7 3.9.8 1.1.7 1.1.8 1.1.9 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 All 341 releases
profile-builder / assets / css / style-block-themes-front-end.css

style-block-themes-front-end.css in User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor 3.16.1, at assets/css/style-block-themes-front-end.css

327 lines 10.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wppb-user-forms .pms-field,
2 .wppb-user-forms .wppb-form-field:not(.wppb-recaptcha) {
3 margin-bottom: 16px;
4 }
5
6 .wppb-user-forms .wppb-form-field.wppb-subscription-plans .pms-group-memberships-field {
7 flex-direction: column;
8 }
9
10 .wppb-user-forms #pms-subscription-plans-discount input {
11 margin-bottom: 10px;
12 }
13
14 .wppb-user-forms .pms-field > label,
15 .wppb-user-forms #pms-subscription-plans-discount > label,
16 .wppb-user-forms .pms-group-memberships-field > label,
17 .wppb-form-field:not(.wppb-checkbox-terms-and-conditions, .wppb-gdpr-checkbox, .wppb-mailchimp-subscribe, .wppb-send-credentials-checkbox, .wppb-campaign-monitor-subscribe, .wppb-mailpoet-subscribe, .login-remember) > label,
18 .wppb-form-field .wppb-password-subfield > label {
19 font-size: 18px;
20 line-height: 26px;
21 font-weight: 500;
22 color: #090A0B;
23 }
24
25 .wppb-user-forms .pms-field > label,
26 .wppb-user-forms .pms-group-memberships-field label,
27 .wppb-form-field label,
28 #wppb-login-wrap .login-username label,
29 #wppb-login-wrap .login-password label,
30 #wppb-login-wrap .login-auth label {
31 width: auto !important;
32 margin-bottom: 5px;
33 display: block;
34 float: none !important;
35 }
36
37 .wppb-form-field .wppb-password-field-container,
38 .wppb-form-field input[type="text"]:not(.pms_pwyw_pricing),
39 .wppb-form-field input[type="number"],
40 .wppb-form-field input[type="email"],
41 .wppb-form-field input[type="url"],
42 .wppb-user-forms input[type="tel"],
43 .wppb-form-field input[type="password"],
44 .wppb-form-field input[type="search"],
45 .wppb-form-field select:not(#pms-currency-switcher),
46 .wppb-form-field textarea,
47 .wppb-user-forms .wppb-wysiwyg .wp-editor-wrap,
48 .wppb-checkboxes,
49 .wppb-radios,
50 #wppb-login-wrap .login-username input,
51 #wppb-login-wrap .login-password input,
52 #wppb-login-wrap .login-auth input {
53 width: 100% !important;
54 max-width: 100%;
55 float: none !important;
56 }
57
58 .wppb-form-field input[type="text"]#pms_subscription_plans_discount_code {
59 max-width: calc( 100% - 170px );
60 }
61
62 .wppb-user-forms input[type="text"],
63 .wppb-user-forms input[type="number"],
64 .wppb-user-forms input[type="email"],
65 .wppb-user-forms input[type="url"],
66 .wppb-user-forms input[type="tel"],
67 .wppb-user-forms input[type="password"],
68 .wppb-user-forms input[type="search"],
69 .wppb-user-forms select:not(.custom_field_multiple_select, .custom_field_multiple_select2),
70 #select_user_to_edit_form select,
71 .wppb-user-forms .select2-selection,
72 #select_user_to_edit_form .select2-selection {
73 height: 44px;
74 }
75
76 .wppb-user-forms input[type="text"],
77 .wppb-user-forms input[type="number"],
78 .wppb-user-forms input[type="email"],
79 .wppb-user-forms input[type="url"],
80 .wppb-user-forms input[type="tel"],
81 .wppb-user-forms input[type="password"],
82 .wppb-user-forms input[type="search"],
83 .wppb-user-forms textarea,
84 .wppb-user-forms select,
85 #select_user_to_edit_form select,
86 .wppb-user-forms .select2-selection,
87 #select_user_to_edit_form .select2-selection {
88 color: #666;
89 border: 1px solid #ccc;
90 border-radius: 3px;
91 padding: 0 10px;
92 }
93
94 .wppb-user-forms input[type="text"]:hover,
95 .wppb-user-forms input[type="number"]:hover,
96 .wppb-user-forms input[type="email"]:hover,
97 .wppb-user-forms input[type="url"]:hover,
98 .wppb-user-forms input[type="tel"]:hover,
99 .wppb-user-forms input[type="password"]:hover,
100 .wppb-user-forms input[type="search"]:hover,
101 .wppb-user-forms textarea:hover,
102 .wppb-user-forms select:hover,
103 #select_user_to_edit_form select:hover,
104 .wppb-user-forms .select2-selection:hover,
105 #select_user_to_edit_form .select2-selection:hover,
106 .select2-container--default .select2-search--dropdown .select2-search__field:hover {
107 border-color: #999;
108 }
109
110 .wppb-user-forms input[type="text"]:focus,
111 .wppb-user-forms input[type="number"]:focus,
112 .wppb-user-forms input[type="email"]:focus,
113 .wppb-user-forms input[type="url"]:focus,
114 .wppb-user-forms input[type="tel"]:focus,
115 .wppb-user-forms input[type="password"]:focus,
116 .wppb-user-forms input[type="search"]:focus,
117 .wppb-user-forms textarea:focus,
118 .wppb-user-forms select:focus,
119 #select_user_to_edit_form select:focus,
120 .wppb-user-forms .select2-container--open .select2-selection,
121 #select_user_to_edit_form .select2-container--open .select2-selection,
122 .select2-container--default .select2-search--dropdown .select2-search__field:focus {
123 color: #111;
124 outline: none;
125 box-shadow: none;
126 border-color: #111;
127 }
128
129 /* Select2 & Select2 Multiple & Select CPT & Select Taxonomy*/
130 .wppb-select-cpt span.select2-container,
131 .wppb-select-taxonomy span.select2-container,
132 .wppb-select2 span.select2-container,
133 .wppb-select2-multiple span.select2-container {
134 width: 100% !important;
135 }
136
137 .wppb-form-field > span {
138 margin-left: 0;
139 }
140
141 .wppb-form-field .wppb-description-delimiter {
142 margin-top: 5px;
143 }
144
145 .wppb-user-forms .select2-selection:not(.select2-selection--multiple) .select2-selection__rendered {
146 line-height: 44px;
147 color: #666;
148 }
149
150 .wppb-user-forms .wppb-form-field.wppb-international-telephone-input .iti {
151 width: 100%;
152 max-width: 100%;
153 }
154
155 .wppb-user-forms .wppb-form-field.wppb-international-telephone-input .iti + .wppb-iti-error {
156 float: none !important;
157 width: 100% !important;
158 margin-left: 0 !important;
159 }
160
161 .wppb-user-forms .select2-container--open .select2-selection .select2-selection__rendered {
162 color: #111;
163 }
164
165 .select2-container--default .select2-search--dropdown .select2-search__field {
166 height: 35px;
167 border-radius: 3px;
168 padding: 5px 10px;
169 }
170
171 .wppb-user-forms .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
172 padding: 0;
173 }
174
175 .wppb-user-forms .select2-selection,
176 #select_user_to_edit_form .select2-selection,
177 .wppb-user-forms .wppb-form-field:not(.wppb-select-multiple) select {
178 -webkit-appearance: none;
179 -moz-appearance: none;
180 background: #fff url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 6l5 5 5-5 2 1-7 7-7-7 2-1z" fill="rgba(136,136,136,1)"/></svg>') no-repeat right 5px top 55% !important;
181 }
182
183 .wppb-user-forms .select2-container--open .select2-selection,
184 #select_user_to_edit_form .select2-container--open .select2-selection,
185 .wppb-user-forms .wppb-form-field:not(.wppb-select-multiple) select:active {
186 background: #fff url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M15 14l-5-5-5 5-2-1 7-7 7 7-2 1z" fill="rgba(136, 136, 136, 1)"/></svg>') no-repeat right 5px top 55%;
187 }
188
189 .wppb-user-forms .select2-selection .select2-selection__arrow,
190 #select_user_to_edit_form .select2-selection .select2-selection__arrow {
191 display: none;
192 }
193
194 #select_user_to_edit_form .select2-container {
195 margin-left: 0px;
196 }
197
198 #select_user_to_edit_form .select2-selection__rendered {
199 padding: 0;
200 padding-top: 7px;
201 font-size: 85%;
202 }
203
204 /* textarea */
205 .wppb-user-forms textarea {
206 padding: 10px !important;
207 }
208
209 /* checkbox & radio */
210 .wppb-user-forms input[type="checkbox"],
211 .wppb-user-forms input[type="radio"] {
212 width: 18px !important;
213 height: 18px !important;
214 min-width: 18px;
215 }
216
217 .wppb-form-field.wppb-woocommerce-customer-billing-address .wppb-shipping-different-address label,
218 .wppb-form-field.wppb-send-credentials-checkbox label,
219 .wppb-form-field.wppb-campaign-monitor-subscribe label,
220 .wppb-form-field.wppb-mailpoet-subscribe label,
221 .wppb-form-field.wppb-checkbox-terms-and-conditions label,
222 .wppb-form-field.wppb-gdpr-checkbox label,
223 .wppb-form-field.wppb-mailchimp-subscribe label,
224 .wppb-user-forms .wppb-checkboxes > li,
225 .wppb-user-forms .wppb-radios > li {
226 display: inline-flex !important;
227 align-items: center;
228 }
229
230 .wppb-user-forms .wppb-checkboxes > li label,
231 .wppb-user-forms .wppb-radios > li label {
232 margin: 0;
233 }
234
235 /* timepicker */
236 .wppb-form-field.wppb-timepicker select {
237 min-width: 100px;
238 }
239
240 .wppb-form-field.wppb-timepicker > span.wppb-timepicker-separator {
241 float: none !important;
242 line-height: 44px;
243 }
244
245 /* Social Connect buttons */
246 div.wppb-sc-buttons-container {
247 display: flex;
248 flex-direction: row;
249 flex-wrap: wrap;
250 justify-content: flex-start;
251 align-items: center;
252 gap: 20px;
253 }
254
255 .wppb-sc-buttons-text-div {
256 flex-basis: 47%;
257 }
258
259 /* buttons */
260 .wppb-upload input[name^=simple_upload]::file-selector-button,
261 .wppb-avatar input[name^=simple_upload]::file-selector-button,
262 .wppb-user-forms input[type="submit"]:not(.wppb-ul-search .wppb-search-button),
263 .wppb-user-forms .wppb-epaa-admin-actions button,
264 .wppb-user-forms a.button {
265 display: inline-flex;
266 align-items: center;
267 justify-content: center;
268 border-radius: 3px;
269 text-decoration: none;
270 text-transform: none;
271 padding: 0 15px;
272 font-size: 16px;
273 border: none !important;
274 cursor: pointer;
275 }
276
277 .wppb-upload input[name^=simple_upload]::file-selector-button,
278 .wppb-avatar input[name^=simple_upload]::file-selector-button,
279 .wppb-user-forms input[type="submit"]:not(.wppb-delete-account, .wppb-ul-search .wppb-search-button),
280 .wppb-user-forms .wppb-epaa-admin-actions button,
281 .wppb-user-forms a.button {
282 color: #FFFFFF !important;
283 background: #333333;
284 }
285
286 .wppb-user-forms input[type="submit"].wppb-delete-account {
287 color: #FFFFFF !important;
288 background: #cb391f;
289 }
290
291 .wppb-user-forms input[type="submit"].wppb-delete-account,
292 .wppb-upload input[name^=simple_upload]::file-selector-button,
293 .wppb-avatar input[name^=simple_upload]::file-selector-button,
294 .wppb-user-forms .wppb-epaa-admin-actions button,
295 .wppb-user-forms a.button {
296 height: 40px;
297 min-width: 120px;
298 }
299
300 .wppb-user-forms input[type="submit"].wppb-delete-account:hover,
301 .wppb-user-forms input[type="submit"].wppb-delete-account:focus {
302 background: #e63145;
303 }
304
305 .wppb-user-forms input[type="submit"]:not(.wppb-delete-account) {
306 height: 50px;
307 min-width: 150px;
308 }
309
310 .wppb-upload input[name^=simple_upload]::file-selector-button:hover,
311 .wppb-upload input[name^=simple_upload]::file-selector-button:focus,
312 .wppb-avatar input[name^=simple_upload]::file-selector-button:hover,
313 .wppb-avatar input[name^=simple_upload]::file-selector-button:focus,
314 .wppb-user-forms input[type="submit"]:not(.wppb-delete-account):hover,
315 .wppb-user-forms input[type="submit"]:not(.wppb-delete-account):focus,
316 .wppb-user-forms .wppb-epaa-admin-actions button:hover,
317 .wppb-user-forms .wppb-epaa-admin-actions button:focus,
318 .wppb-user-forms a.button:hover,
319 .wppb-user-forms a.button:focus {
320 background-color: #444444;
321 }
322
323 .wppb-form-field input:disabled {
324 background-color: rgba(0, 0, 0, 0.05);
325 color: #666;
326 }
327