PluginProbe
User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor / 3.9.8
User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor v3.9.8
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-back-end.css

style-back-end.css in User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor 3.9.8, at assets/css/style-back-end.css

1,226 lines 29.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wppb-wrap{
2 clear: both;
3 margin: 10px 0px 0 2px;
4 }
5 .wppb-wrap,
6 .wppb-wrap p{
7 font-size: 15px;
8 max-width: 1050px;
9 }
10 .wppb-info-wrap{
11 max-width:1050px;
12 margin:25px 40px 0 20px;
13 }
14
15 .wppb-wrap h1 {
16 color: #333333;
17 font-size: 2.8em;
18 font-weight: 400;
19 line-height: 1.2em;
20 margin:0;
21 padding-top:35px;
22 }
23
24 .wppb-wrap .wppb-callout{
25 font-size: 2em;
26 font-weight: 300;
27 line-height: 1.3;
28 margin:1.1em 0 0.2em 0;
29 }
30
31 .wppb-wrap hr{
32 display:block;
33 clear:both;
34 margin:20px 0;
35 }
36
37 .wppb-text{
38 font-size:1.1em;
39 margin-top:0;
40 }
41
42 .wppb-wrap ul{
43 list-style-type:circle;
44 list-style-position:inside;
45 }
46
47 .wppb-wrap li.description{
48 font-style: italic;
49 }
50
51 .wppb-badge{
52 float: right;
53 color: #fff;
54 display: inline-block;
55 font-size: 14px;
56 font-weight: 600;
57 width: 150px;
58 height: 150px;
59 margin-bottom: 25px;
60 text-align: center;
61 text-rendering: optimizelegibility;
62 }
63
64 .wppb-badge.Pro, .wppb-badge.Agency, .wppb-badge.Unlimited{
65 background:url(../images/pb-logo-free.png) center no-repeat;
66 }
67
68 .wppb-badge.Hobbyist, .wppb-badge.Basic{
69 background:url(../images/pb-logo-free.png) center no-repeat;
70 }
71
72 .wppb-badge.Free{
73 background:url(../images/pb-logo-free.png) center no-repeat;
74 }
75
76 .wppb-badge.wppb-pb-pms{
77 background:url(../images/pb-pms-cross-promotion-icon.png) center center no-repeat;
78 }
79
80 .wppb-badge {
81 background-size: cover !important;
82 }
83
84 .wppb-badge span {
85 display: inline-block;
86 text-transform: uppercase;
87 color: #fff;
88 margin-top: 115px;
89 font-size: 90%;
90 }
91
92 /* Userlist page */
93 .wppb-ul-templates > textarea,
94 .wppb-single-ul-templates > textarea {
95 float: left;
96 width: 60%;
97 max-width: 100%;
98 height: 400px;
99 }
100
101 .update_container_wppb_ul_faceted_settings .row-facet-behaviour,
102 .update_container_wppb_ul_faceted_settings .row-facet-limit,
103 #container_wppb_ul_faceted_settings .row-facet-behaviour,
104 #container_wppb_ul_faceted_settings .row-facet-behaviour,
105 #container_wppb_ul_faceted_settings .row-facet-limit{
106 display:none;
107 }
108
109 #container_wppb_ul_faceted_settings .facet_type_checkboxes .row-facet-behaviour,
110 #container_wppb_ul_faceted_settings .facet_type_checkboxes .row-facet-limit,
111 #container_wppb_ul_faceted_settings .update_container_wppb_ul_faceted_settings.facet_checkboxes .row-facet-behaviour,
112 #container_wppb_ul_faceted_settings .update_container_wppb_ul_faceted_settings.facet_checkboxes .row-facet-limit,
113 #container_wppb_ul_faceted_settings .update_container_wppb_ul_faceted_settings.facet_select_multiple .row-facet-behaviour,
114 #container_wppb_ul_faceted_settings .update_container_wppb_ul_faceted_settings.facet_select_multiple .row-facet-limit{
115 display:block;
116 }
117
118
119 /* Extra Stuff */
120 .nowrap {
121 white-space: nowrap;
122 }
123
124 .wppb-fields-image{
125 margin-top:60px;
126 }
127
128
129 /* Shortcode */
130 .wppb-shortcode {
131 display: inline-block;
132 font-size: 13px;
133 font-weight: bold;
134 background: #fff !important;
135 padding: 5px 10px;
136 margin-top: 5px;
137 border: 1px solid #e1e1e1;
138 box-shadow: none !important;
139 font-family: 'Arial';
140 }
141
142 .wppb-shortcode.textarea {
143 width: 100%;
144 height: 1px;
145 resize: none;
146 }
147
148 .wppb-shortcode:focus {
149 border-color: #e1e1e1 !important;
150 }
151
152 .wppb-shortcode-temp {
153 display: inline-block;
154 font-size: 13px;
155 font-weight: bold;
156 padding: 11px;
157 font-family: 'Arial';
158 }
159
160
161 /* Manage Fields page */
162 .profile-builder_page_manage-fields .metabox-holder .column-1{
163 /* margin-right:0; */
164 }
165
166 #container_wppb_manage_fields li strong{
167 display:none !important;
168 }
169
170 #container_wppb_manage_fields li .description strong {
171 display: inline !important;
172 }
173
174 #container_wppb_manage_fields .added_fields_list li.row-meta-name{
175 display:list-item !important;
176 }
177
178 #container_wppb_manage_fields li.row-field-title pre,
179 #container_wppb_manage_fields li.row-meta-name pre{
180 min-height:10px;
181 }
182
183 #wppb_manage_fields .ui-sortable label,
184 #container_wppb_manage_fields .ui-sortable label {
185 background: #fff;
186 }
187
188 #wppb_manage_fields .sortable-handle,
189 #container_wppb_manage_fields .sortable-handle {
190 display: inline-block;
191 width: 16px;
192 height: 16px;
193 background: url('../images/sorting-icon-dots.png') no-repeat center center;;
194 vertical-align: middle;
195 margin-right: 7px;
196 cursor: move;
197 margin-top: -1px;
198 }
199
200 #container_wppb_manage_fields pre{
201 display:block;
202 float:left;
203 width:27%;
204 font-family:"Open Sans", Arial, sans-serif;
205 font-size:14px;
206 }
207
208 #container_wppb_manage_fields pre.wppb-mb-head-required,
209 #container_wppb_manage_fields li.row-required pre{
210 width:auto;
211 text-align: center;
212 }
213
214 #container_wppb_manage_fields thead tr{
215 background:#f1f1f1;
216 }
217
218 #container_wppb_manage_fields thead tr:hover {
219 background: #f1f1f1;
220 }
221
222 #container_wppb_manage_fields tr.update_container_wppb_manage_fields:hover{
223 background:#fff;
224 }
225
226 #container_wppb_manage_fields tr:hover{
227 background:#def6ff;
228 }
229
230 #wppb_manage_fields_info{
231 display: none;
232 }
233
234 /* Extra Registration and Edit Profile fields */
235 #container_wppb_epf_fields li strong,
236 #container_wppb_rf_fields li strong{
237 display:none !important;
238 }
239
240 #container_wppb_epf_fields pre,
241 #container_wppb_rf_fields pre{
242 display:block;
243 font-family:"Open Sans", Arial, sans-serif;
244 font-size:14px;
245 margin-top: 5px;
246 }
247
248 #container_wppb_epf_fields thead tr,
249 #container_wppb_rf_fields thead tr {
250 background: #f1f1f1;
251 }
252 #container_wppb_epf_fields thead tr:hover,
253 #container_wppb_rf_fields thead tr:hover {
254 background: #f1f1f1;
255 }
256 #container_wppb_epf_fields thead .wppb-delete-all-fields,
257 #container_wppb_rf_fields thead .wppb-delete-all-fields {
258 color: #333;
259 text-decoration: underline;
260 }
261
262 #container_wppb_epf_fields tbody .wck-delete,
263 #container_wppb_rf_fields tbody .wck-delete {
264 padding: 8px 16px;
265 }
266
267 #container_wppb_epf_fields tr.update_container_wppb_epf_fields:hover,
268 #container_wppb_rf_fields tr.update_container_wppb_rf_fields:hover{
269 background:none;
270 }
271
272 #container_wppb_epf_fields tr:hover,
273 #container_wppb_rf_fields tr:hover{
274 background:#def6ff;
275 }
276 #container_wppb_epf_fields .wck-content{
277 content: "" !important;
278 }
279
280 #wppb_rf_page_settings .row-url, #wppb_rf_page_settings .row-display-messages, .update_container_wppb_rf_page_settings.redirect_ .row-url,
281 .update_container_wppb_rf_page_settings.redirect_ .row-display-messages, .update_container_wppb_rf_page_settings.redirect_no .row-url,
282 .update_container_wppb_rf_page_settings.redirect_no .row-display-messages{
283 display:none;
284 }
285
286 #wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-url, #wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-display-messages{
287 display: block;
288 }
289
290 #wppb_epf_page_settings .row-url, #wppb_epf_page_settings .row-display-messages, .update_container_wppb_epf_page_settings.redirect_ .row-url,
291 .update_container_wppb_epf_page_settings.redirect_ .row-display-messages, .update_container_wppb_epf_page_settings.redirect_no .row-url,
292 .update_container_wppb_epf_page_settings.redirect_no .row-display-messages{
293 display:none;
294 }
295
296 #wppb_epf_page_settings.update_container_wppb_epf_page_settings.redirect_yes .row-url, #wppb_epf_page_settings.update_container_wppb_epf_page_settings.redirect_yes .row-display-messages{
297 display: block;
298 }
299
300 /* Columns :) */
301 .wppb-row{
302 overflow:hidden;
303 }
304
305 .wppb-3-col > div {
306 float:left;
307 width:28%;
308 margin-right:5%;
309 }
310
311 .wppb-2-col > div {
312 float:left;
313 width:45%;
314 margin-right:5%;
315 }
316
317 .wppb-3-col > div:last-child,
318 .wppb-2-col > div:last-child{
319 margin:0;
320 }
321
322 .wppb-1-3-col > div {
323 float:left;
324 width:28%;
325 margin-right:5%;
326 }
327 .wppb-1-3-col > div:last-child{
328 float:right;
329 width: 67%;
330 margin:0;
331 }
332
333 .wppb-2-1-col > div {
334 float:left;
335 width:67%;
336 margin-right:5%;
337 }
338 .wppb-2-1-col > div:last-child{
339 float:right;
340 width: 28%;
341 margin:0;
342 }
343 /* Extra Form Styles */
344 .wppb-text{
345 min-width: 16.4em;
346 }
347 .wppb-select, .wppb-textarea {
348 min-width:18em;
349 }
350
351 .wppb-select.wppb-disabled, .wppb-disabled .select2-selection--single, .wppb-disabled .select2-selection--multiple, .wppb-textarea.wppb-disabled{
352 background-color: #eee;
353 }
354
355 .wppb-wrap .form-table th {
356 width: 330px;
357 }
358
359 .wppb-metabox label{
360 display:inline-block;
361 min-width:15em;
362 }
363
364 /* Admin Bar Page */
365
366 .wppb-admin-bar > .description{
367 margin-top:23px;
368 }
369
370 .wppb-admin-bar label{
371 margin-right:30px;
372 padding:5px;
373 }
374
375 /* modules Page */
376 .wppb-modules label{
377 margin-right:30px;
378 padding:5px;
379 }
380
381 /* Metabox Clone. We need this in various places to simulate the css of a normal metabox. */
382 .wppb-side{
383 width:300px;
384 float:right;
385 clear:both;
386 }
387
388 .wppb-metabox h3{
389 font-size: 14px;
390 line-height: 1.4;
391 margin: 0;
392 padding:8px 12px;
393 cursor:default !important;
394 }
395
396 .wppb-normal{
397 margin-right:320px;
398 }
399
400 .wppb-metabox textarea{
401 resize:vertical;
402 background-color: #ecf8fd;
403 font-family: Consolas,Monaco,monospace;
404 font-size: 13px;
405 }
406
407 .wppb-metabox .inline-wrap{
408 width:280px;
409 float:left;
410 }
411 .wppb-highlight{
412 background:#333333;
413 background:#222222;
414 background:#fff;
415 padding:20px;
416 }
417 .wppb-userlisting-slider, .wppb-list-users-slider{
418 display:block;
419 padding:10px;
420 border:1px solid #ccc;
421 font-family: Consolas,Monaco,monospace;
422 font-size: 13px;
423 margin-top:20px;
424 }
425 #wppb_manage_fields .mb-list-entry-fields .field-label{
426 max-width: 179px;
427 }
428
429 #container_wppb_epf_fields .row-id,
430 #wppb_epf_fields .row-id,
431 #container_wppb_rf_fields .row-id,
432 #wppb_rf_fields .row-id{
433 display:none;
434 }
435
436 .wppb-serial-wrap form, .wppb-serial-wrap__holder {
437 display: flex;
438 align-items: center;
439 }
440
441 .wppb-serial-wrap label {
442 margin-right: 12px;
443 font-weight: bold;
444 }
445
446 .wppb-serial-wrap input {
447 margin-right: 8px;
448 }
449
450 .wppb-active-license {
451 margin-right: 8px;
452 color: #008000;
453 }
454
455 .wppb-invalid-license {
456 margin-right: 8px;
457 color: #ca4a1f;
458 }
459
460 .wppb-backend-notice{
461 display: inline-block;
462 line-height: 16px;
463 padding: 11px;
464 font-size: 14px;
465 text-align: left;
466 margin: 0 0 5px 0;
467 background-color: #fff9e8;
468 border:1px solid #ffba00;
469 border-radius:3px;
470 }
471
472 /* hide "View post" link from update messages on internal post types */
473 .post-type-wppb-ul-cpt #message.updated a, .post-type-wppb-rf-cpt #message.updated a, .post-type-wppb-epf-cpt #message.updated a{
474 display:none;
475 }
476
477
478 #wppb_ul_page_settings .row-visible-to-following-roles, .update_container_wppb_ul_page_settings.visible_to_logged_ .row-visible-to-following-roles{
479 display:none;
480 }
481
482 #wppb_ul_page_settings.update_container_wppb_ul_page_settings.visible_to_logged_yes .row-visible-to-following-roles{
483 display: block;
484 }
485
486 /* Add-Ons page */
487 .wppb-add-on-user-messages{ display: none; }
488
489 .wppb-add-on-wrap .plugin-card-bottom:after {
490 display: block;
491 content: '';
492 clear: both;
493 }
494
495 .wppb-add-on .spinner {
496 visibility: visible;
497 }
498
499 .wppb-add-on a:focus {
500 box-shadow: none;
501 }
502
503 .wppb-add-on img {
504 max-width: 100%;
505 height: auto;
506 }
507
508 .wppb-add-on .wppb-add-on-title {
509 letter-spacing: -0.7px;
510 margin-bottom: 7px;
511 margin-top: 7px;
512 }
513
514 .wppb-add-on .wppb-add-on-title a {
515 text-decoration: none;
516 color: inherit;
517 }
518
519 .wppb-add-on .wppb-add-on-price {
520 font-size: 1.1em;
521 letter-spacing: -0.7px;
522 margin-top: 7px;
523 }
524
525 .wppb-add-on-compatible span {
526 line-height: 28px;
527 }
528
529 .wppb-add-on-not-compatible {
530 position: relative;
531 }
532
533 .wppb-add-on-not-compatible:before {
534 display: block;
535 content: '';
536 position: absolute;
537 width: 4px;
538 height: 100%;
539 background: #d54e21;
540 top: 0;
541 left: 0;
542 }
543
544 .wppb-add-on .button {
545 position: relative;
546 }
547
548 .wppb-add-on .button.wppb-add-on-deactivate {
549 opacity: 0;
550 }
551
552 .wppb-add-on .spinner {
553 display: block;
554 margin-top: 4px;
555 opacity: 0;
556 }
557
558 .wppb-add-on-spinner {
559 opacity: 0;
560 position: absolute;
561 top: 50%;
562 left: 50%;
563 margin-top: -10px;
564 margin-left: -10px;
565 display: block;
566 width: 20px;
567 height: 20px;
568 background: url('../images/spinner.gif') no-repeat center;
569 }
570
571 .wppb-recommended-plugin{
572 width:49%;
573 margin:0 0 16px 0;
574 }
575
576 .wppb-recommended-plugin.plugin-card:nth-child(odd){
577 clear:none;
578 float:right;
579 margin-right: 0;
580 }
581
582 .wppb-recommended-plugin.plugin-card:nth-child(even){
583 clear:none;
584 }
585
586 .wppb-recommended-plugin .wppb-add-on-description{
587 min-height: 38px;
588 }
589
590 @media screen and (max-width: 768px){
591 .wppb-recommended-plugin{
592 width:100%;
593 }
594 }
595
596 .wppb-confirmation-success {
597 color: #27ae60;
598 }
599
600 .wppb-confirmation-error {
601 color: #c0392b;
602 }
603
604 /* Manage Fields Responsive CSS */
605 @media screen and ( max-width: 1125px ) {
606 /* Manage Fields Responsive */
607 #container_wppb_manage_fields th.wck-content pre{
608 display:none;
609 }
610 #container_wppb_manage_fields li strong{
611 display: inline-block !important;
612 font-size: 14px;
613 font-family: "Open Sans",Arial,sans-serif;
614 }
615 #container_wppb_manage_fields pre{
616 display: inline;
617 float:none;
618 width:auto;
619 }
620 #container_wppb_manage_fields li strong{
621 width:100px !important;
622 }
623 }
624 /* Basic Information Buttons - for Free to Pro upgrade*/
625 .wppb-button-free {
626 border-radius: 3px;
627 border-style: solid;
628 border-width: 1px;
629 box-sizing: border-box;
630 cursor: pointer;
631 display: inline-block;
632 font-size: 13px;
633 height: 29px;
634 line-height: 26px;
635 margin: 0;
636 padding: 0 10px 1px;
637 text-decoration: none;
638 white-space: nowrap;
639 background: none repeat scroll 0 0 #e14d43;
640 border-color: #b2401b;
641 -webkit-box-shadow: 0 1px 0 #ba281e !important;
642 box-shadow: 0 1px 0 #ba281e !important;
643 color: #fff !important;
644 vertical-align:top;
645 text-shadow: 0 -1px 1px #ba281e,1px 0 1px #ba281e,0 1px 1px #ba281e,-1px 0 1px #ba281e !important;
646 }
647 p .wppb-button-free {
648 vertical-align: baseline;
649 }
650 .wppb-button-free:hover {
651 background: #e14d43;
652 border-color: #ba281e;
653 color: #fff;
654 }
655
656 /* PMS Compatibility page */
657 #pms-bottom-install .plugin-card-bottom{
658 border:none;
659 background: #e86054;
660 color:#fff;
661 }
662
663 #pms-bottom-install .plugin-card-bottom span{
664 display: inline-block;
665 margin-top:7px;
666 }
667
668 #pms-bottom-install .wppb-add-on-download, #pms-bottom-install a{
669 font-size: 130%;
670 padding: 10px 20px;
671 height: auto;
672 color: #e86054;
673 text-decoration: none;
674 }
675
676 #pms-bottom-install a:hover{
677 background: #fff;
678 text-decoration: none;
679 }
680
681 #pms-bottom-install .wppb-confirmation-success{
682 color:#FFFFFF;
683 }
684
685 #wppb_ul_search_settings .wck-checkboxes > div{
686 display: inline-block;
687 margin-left:7px;
688 }
689
690 .mb-table-container .wck-state-highlight{
691 height:45px;
692 }
693
694 /*Disable sorting functionality for PB metaboxes*/
695
696 /*email customizer*/
697 .postbox#uec_common_settings .postbox-header .ui-sortable-handle,
698 .postbox#uec_default_registration .postbox-header .ui-sortable-handle,
699 .postbox#uec_reg_with_email_confirmation .postbox-header .ui-sortable-handle,
700 .postbox#uec_reg_with_admin_approval .postbox-header .ui-sortable-handle,
701 .postbox#uec_notif_approved_email .postbox-header .ui-sortable-handle,
702 .postbox#uec_notif_unapproved_email .postbox-header .ui-sortable-handle,
703 .postbox#uec_reset .postbox-header .ui-sortable-handle,
704 .postbox#uec_reset_success .postbox-header .ui-sortable-handle,
705 .postbox#uec_change_email_request .postbox-header .ui-sortable-handle,
706 .postbox#uec_change_email .postbox-header .ui-sortable-handle,
707 .postbox#uec_epaa_notification .postbox-header .ui-sortable-handle,
708 .postbox#aec_common_settings .postbox-header .ui-sortable-handle,
709 .postbox#aec_default_registration .postbox-header .ui-sortable-handle,
710 .postbox#aec_reg_with_admin_approval .postbox-header .ui-sortable-handle,
711 .postbox#aec_user_password_reset .postbox-header .ui-sortable-handle,
712 .postbox#aec_epaa_notification .postbox-header .ui-sortable-handle,
713 .postbox#page-save-metabox .postbox-header .ui-sortable-handle,
714
715 /*labels edit*/
716 .postbox#pble-id .postbox-header .ui-sortable-handle,
717 .postbox#pble-id-side .postbox-header .ui-sortable-handle,
718 .postbox#pble-id-side-impexp .postbox-header .ui-sortable-handle,
719 .postbox#pble-id-side-info .postbox-header .ui-sortable-handle,
720
721 /*manage fields*/
722 .postbox#manage-fields .postbox-header .ui-sortable-handle,
723 .postbox#manage-fields-info .postbox-header .ui-sortable-handle,
724 .postbox#wppb-msf-side .postbox-header .ui-sortable-handle,
725
726 /*custom redirects*/
727 .postbox#wppb_custom_redirects_user .postbox-header .ui-sortable-handle,
728 .postbox#wppb_custom_redirects_role .postbox-header .ui-sortable-handle,
729 .postbox#wppb_custom_redirects_global .postbox-header .ui-sortable-handle,
730 .postbox#wppb_custom_redirects_default_wp_pages .postbox-header .ui-sortable-handle,
731 .postbox#custom-redirects-info .postbox-header .ui-sortable-handle,
732
733 /*social connect*/
734 .postbox#wppb-social-connect-id .postbox-header .ui-sortable-handle,
735 .postbox#wppb-social-connect-info-id .postbox-header .ui-sortable-handle,
736
737 /*userlisting*/
738 .postbox#wppb-ul-settings-args .postbox-header .ui-sortable-handle,
739 .postbox#wppb-ul-faceted-args .postbox-header .ui-sortable-handle,
740 .postbox#wppb-ul-search-settings .postbox-header .ui-sortable-handle,
741 .postbox#wppb-ul-templates .postbox-header .ui-sortable-handle,
742 .postbox#wppb-single-ul-templates .postbox-header .ui-sortable-handle,
743 .postbox#submitdiv .postbox-header .ui-sortable-handle,
744 .postbox#wppb-ul-side .postbox-header .ui-sortable-handle,
745
746 /*multiple registration forms*/
747 .postbox#wppb-rf-settings-args .postbox-header .ui-sortable-handle,
748 .postbox#wppb-rf-fields .postbox-header .ui-sortable-handle,
749 .postbox#submitdiv .postbox-header .ui-sortable-handle,
750 .postbox#wppb-sc-rf-side .postbox-header .ui-sortable-handle,
751 .postbox#wppb-rf-side .postbox-header .ui-sortable-handle,
752 .postbox#wppb-msf-side .postbox-header .ui-sortable-handle,
753
754 /*multiple edit profile forms*/
755 .postbox#wppb-epf-settings-args .postbox-header .ui-sortable-handle,
756 .postbox#wppb-epf-fields .postbox-header .ui-sortable-handle,
757 .postbox#submitdiv .postbox-header .ui-sortable-handle,
758 .postbox#wppb-sc-epf-side .postbox-header .ui-sortable-handle,
759 .postbox#wppb-epf-side .postbox-header .ui-sortable-handle,
760 .postbox#wppb-msf-side .postbox-header .ui-sortable-handle {
761 pointer-events: none;
762 }
763
764 /**************************************************/
765 /* Extra styling for admin notices
766 /**************************************************/
767 div.wppb-notice {
768 position: relative;
769 }
770
771 div.wppb-notice:after {
772 display: block;
773 content: '';
774 clear: both;
775 }
776
777 div.wppb-notice.wppb-narrow {
778 max-width: 825px;
779 }
780
781 div.wppb-notice .notice-dismiss {
782 text-decoration: none;
783 }
784
785 .wrap div.wppb-admin-notice {
786 margin-bottom: 0;
787 }
788
789
790 /**************************************************/
791 /* Extra styling for select 2 manage fields
792 /**************************************************/
793
794 .profile-builder_page_manage-fields select#field{
795 width: 100%;
796 }
797 /* maybe take this out after a while. we need to keep it because of translatepress but after the tp update it is not required */
798 .profile-builder_page_manage-fields span.select2-container{
799 width:100% !important;
800 }
801
802 .profile-builder_page_manage-fields .select2-selection.select2-selection--single{
803 outline: 0;
804 }
805
806 #wppb_select2_overlay{
807 display: none;
808 position: fixed;
809 top: 0;
810 left: 0;
811 width: 100%;
812 height: 100%;
813 background-color: #000;
814 filter:alpha(opacity=50);
815 -moz-opacity:0.5;
816 -khtml-opacity: 0.5;
817 opacity: 0.5;
818 z-index: 1000;
819 }
820
821 .profile-builder_page_manage-fields .select2-container{
822 z-index: 1051;
823 }
824
825 .profile-builder_page_manage-fields .select2-container--default .select2-selection--single .select2-selection__placeholder{
826 color: #111;
827 font-size: 15px;
828 }
829 .profile-builder_page_manage-fields .select2-container .select2-selection--single{
830 height: 38px;
831 }
832 .profile-builder_page_manage-fields .select2-container .select2-selection--single .select2-selection__rendered{
833 line-height: 38px;
834 }
835 .profile-builder_page_manage-fields .select2-container--default .select2-selection--single .select2-selection__arrow{
836 height: 38px;
837 }
838
839 @media screen and ( min-width: 800px ) {
840
841 .profile-builder_page_manage-fields .select2-results__option[role="group"] {
842 width: 48%;
843 margin: 0 1%;
844 float: left;
845 }
846
847 .profile-builder_page_manage-fields .select2-container--default .select2-results > .select2-results__options,
848 .profile-builder_page_manage-fields .select2-results{
849 max-height: 800px;
850 }
851 }
852 @media screen and ( min-width: 1280px ) {
853
854 .profile-builder_page_manage-fields .select2-results__option[role="group"] {
855 width: 23%;
856 margin: 0 1%;
857 float: left;
858 }
859
860 .profile-builder_page_manage-fields .select2-container--default .select2-results > .select2-results__options,
861 .profile-builder_page_manage-fields .select2-results{
862 max-height: 800px;
863 }
864 }
865
866 .wppb-auto-form-creation{
867 margin:50px 0 30px;
868 padding:20px;
869 background-color: #fff9e8;
870 border: 1px solid #ffba00;
871 border-radius: 3px;
872 overflow: hidden;
873 }
874
875 .wppb-auto-form-creation.wppb-forms-created{
876 background-color: #edffe8;
877 border: 1px solid #46b450;
878 }
879
880 .wppb-auto-form-creation a.button{
881 margin-top: 5px;
882 }
883
884 .wppb-subtabs{
885 padding:7px 0 8px;
886 float:none;
887 }
888
889 .wppb-subtabs li{
890 padding:0 5px;
891 border-right:1px solid #ddd;
892 }
893
894 .wppb-subtabs li:last-child{
895 border-right:none;
896 }
897
898 .wppb-subtabs a{
899 letter-spacing:0 !important;
900 font-size:14px;
901 }
902
903 .profile-builder_page_user-email-customizer #poststuff, .profile-builder_page_admin-email-customizer #poststuff{
904 padding:0;
905 }
906
907 /* Sortable options */
908 .wppb_manage_fields_sortables {display: block; border: 1px solid #EEE; margin: 0px 0px 5px 32px; padding: 5px;}
909 .wppb_manage_fields_sortables:hover {cursor: pointer; background-color: #EEE;}
910 .wppb_manage_fields_sortables label {background: transparent !important;}
911 .wppb_manage_fields_sortables > .dashicons {color: #f4f4f4; position: absolute; margin-left: -32px;}
912 .wppb_manage_fields_sortables:hover > .dashicons {color: #000;}
913 .wppb_selector_for_sortable_checkbox {margin-left: 32px; width: calc(100% - 32px);}
914
915
916 /**
917 Advanced Settings or Toolbox (legacy addon)
918 */
919 .wppb-toolbox-list {
920 margin-top: 0;
921 }
922
923 .wppb-toolbox-list li {
924 list-style-type: none;
925 display: inline-block;
926 margin-right: 10px;
927 }
928
929 .wppb-toolbox-list .toolbox-label {
930 width: 140px;
931 }
932
933 .wppb-toolbox-list .toolbox-select2-container {
934 width: 100%;
935 max-width: 350px;
936 }
937
938 .wppb-toolbox-list #toolbox-restricted-email-domains-message {
939 width: 100%;
940 max-width: 350px;
941 }
942
943 .wppb-toolbox-list input[type="text"] {
944 width: 100%;
945 }
946
947 .wppb-toolbox-list--margin {
948 margin-top: 14px;
949 }
950
951 .form-table td {
952 padding-top: 20px;
953 }
954
955 .wppb-toolbox-accordion {
956 display: none;
957 }
958
959 .wppb-toolbox-wrap #setting-error-settings_updated p {
960 font-size: 13px;
961 }
962
963 .wppb-toolbox-admin-emails{
964 width: 75%;
965 }
966
967 /* select 2 field */
968 .wppb-select2 span.select2-container,
969 .wppb-select2 div.select2-container{ /* compatibility with WooCommerce which loads Select2 v.3.5.3 */
970 width: 15em !important;
971 }
972
973 @media screen and (max-width: 782px){
974 .wppb-select2 span.select2-container,
975 .wppb-select2 div.select2-container{ /* compatibility with WooCommerce which loads Select2 v.3.5.3 */
976 width: 100% !important;
977 }
978 .wppb-select2 span.select2-selection,
979 .wppb-select2 div.select2-selection{ /* compatibility with WooCommerce which loads Select2 v.3.5.3 */
980 height: 40px !important;
981 font-size: 16px;
982 line-height: 1.5;
983 padding-top: 7px;
984 padding-right: 10px;
985 padding-bottom: 7px;
986 padding-left: 10px;
987 }
988 }
989
990 /* Two-Factor Authentication field */
991 #wppb_auth_verify_indicator {
992 pointer-events: none !important;
993 }
994 #wppb_auth_verify_indicator.valid.button[disabled] {
995 background-color: #c3ff88 !important;
996 border-color: #8dff1c !important;
997 color: #2c3338 !important;
998 }
999 #wppb_auth_verify_indicator.invalid.button[disabled] {
1000 background-color: #ffa0a0 !important;
1001 border-color: #f04040 !important;
1002 color: #2c3338 !important;
1003 }
1004
1005
1006 /**********************************************************************************/
1007 /* Link (question mark icon) to PB Docs set in pages/custom-posts/settings titles
1008 /**********************************************************************************/
1009 .wp-admin a.wppb-docs-link {
1010 text-decoration: none;
1011 box-shadow: none;
1012 outline: none;
1013 height: auto;
1014 width: auto;
1015 font-size: 30px;
1016 }
1017
1018 [class*="profile-builder"].wp-admin .wrap form > h2 {
1019 line-height: 30px;
1020 }
1021
1022 .wp-admin.profile-builder_page_manage-fields #wppb-msf-side .wppb-docs-link,
1023 .wp-admin.profile-builder_page_custom-redirects .wck-post-box .wppb-docs-link,
1024 .wp-admin.post-type-wppb-ul-cpt #wppb-ul-themes-settings .inside .wppb-docs-link,
1025 .wp-admin.post-type-wppb-ul-cpt .wck-add-form .wppb-docs-link {
1026 position: absolute;
1027 right: 5px;
1028 top: 0;
1029 }
1030
1031 .wp-admin.post-type-wppb-ul-cpt #wppb-single-ul-templates .inside .wppb-docs-link,
1032 .wp-admin.post-type-wppb-ul-cpt #wppb-ul-templates .inside .wppb-docs-link {
1033 position: absolute;
1034 right: 1px;
1035 top: -5px;
1036 }
1037
1038 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-edit-profile-approved-by-admin,
1039 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-conditional-logic-enabled,
1040 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-location-visibility,
1041 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-user-role-visibility {
1042 line-height: 30px;
1043 }
1044
1045 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-visibility .mb-right-column {
1046 position: relative;
1047 }
1048
1049 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-visibility .mb-right-column .wppb-docs-link {
1050 position: absolute;
1051 top: 0;
1052 left: 255px;
1053 }
1054
1055
1056 /**************************************************/
1057 /* Form Designs - Admin UI styles
1058 /**************************************************/
1059
1060 .wppb-forms-design-screenshot {
1061 width: 100%;
1062 max-width: 200px;
1063 height: 155px;
1064 display: flex;
1065 align-items: center;
1066 justify-content: center;
1067 background: #f8f9fd;
1068 }
1069
1070 .wppb-forms-design-screenshot img {
1071 max-width: 100%;
1072 max-height: 100%;
1073 }
1074
1075 #wppb-forms-design-browser {
1076 display: flex;
1077 flex-wrap: nowrap;
1078 flex-direction: row;
1079 gap: 30px;
1080 justify-content: start;
1081 padding: 30px 0;
1082 }
1083
1084 .wppb-forms-design {
1085 border: 1px solid #D2D1D1;
1086 flex-basis: 200px;
1087 }
1088
1089 .wppb-forms-design-preview {
1090 width: 140px;
1091 height: 46px;
1092 position: absolute;
1093 display: none;
1094 align-items: center;
1095 justify-content: center;
1096 background: rgba(0, 0, 0, 0.8);
1097 border-radius: 5px;
1098 font-style: normal;
1099 font-weight: 700;
1100 font-size: 16px;
1101 line-height: 19px;
1102 color: #fff;
1103 border: none;
1104 text-decoration: none;
1105 cursor: pointer;
1106 }
1107
1108 .wppb-forms-design-preview:hover {
1109 color: #fff;
1110 }
1111
1112 .wppb-forms-design:hover .wppb-forms-design-screenshot .wppb-forms-design-preview {
1113 display: flex;
1114 }
1115
1116 .wppb-forms-design:not(#form-style-default):hover .wppb-forms-design-screenshot img {
1117 opacity: 0.7;
1118 }
1119
1120 .wppb-forms-design.active:hover .wppb-forms-design-activate button.activate,
1121 .wppb-forms-design .wppb-forms-design-activate button.activate {
1122 display: none;
1123 }
1124
1125 .wppb-forms-design:hover .wppb-forms-design-activate button.activate {
1126 display: inline-block;
1127 }
1128
1129 .wppb-forms-design .wppb-forms-design-details {
1130 height: 45px;
1131 background: #FAFAFA;
1132 }
1133
1134 .wppb-forms-design .wppb-forms-design-details .wppb-forms-design-title h2 {
1135 line-height: 45px !important;
1136 padding: 0 10px !important;
1137 color: #535252;
1138 margin: 0;
1139 font-size: 14px;
1140 }
1141
1142 .wppb-forms-design.active .wppb-forms-design-details {
1143 background: #1D2327;
1144 }
1145
1146 .wppb-forms-design.active .wppb-forms-design-details h2 {
1147 color: #fff;
1148 }
1149
1150 .wppb-forms-design .wppb-forms-design-details {
1151 display: flex;
1152 flex-direction: row;
1153 flex-wrap: wrap;
1154 }
1155
1156 .wppb-forms-design .wppb-forms-design-title {
1157 flex-basis: 55%;
1158 box-sizing: border-box;
1159 }
1160
1161 .wppb-forms-design.active .wppb-forms-design-title {
1162 flex-basis: 100%;
1163 }
1164
1165 .wppb-forms-design.active .wppb-forms-design-activate {
1166 flex-basis: 40%;
1167 }
1168
1169 .wppb-forms-design .wppb-forms-design-activate {
1170 flex-basis: 45%;
1171 justify-content: center;
1172 align-items: center;
1173 display: flex;
1174 }
1175
1176 .wppb-forms-design.active:hover .wppb-forms-design-details .wppb-forms-design-title,
1177 .wppb-forms-design.active .wppb-forms-design-details .wppb-forms-design-title {
1178 border-right: none;
1179 }
1180
1181 .wppb-forms-design:hover .wppb-forms-design-details .wppb-forms-design-title {
1182 border-right: 1px solid #D2D1D1;
1183 }
1184
1185
1186 .wppb-forms-design-modal {
1187 display: none;
1188 padding: 16px 24px;
1189 }
1190
1191 .wppb-forms-design-modal .wppb-forms-design-preview-image {
1192 width: 100%;
1193 height: auto;
1194 display: none;
1195 }
1196
1197 .wppb-forms-design-modal .wppb-forms-design-preview-image.active {
1198 display: block;
1199 }
1200
1201
1202 .wppb-forms-design-modal .wppb-slideshow-button {
1203 font-size: 50px;
1204 cursor: pointer;
1205 color: #6E7A86;
1206 }
1207
1208 .wppb-forms-design-modal .wppb-slideshow-button.disabled {
1209 visibility: hidden;
1210 }
1211
1212 .wppb-forms-design-modal .wppb-forms-design-modal-slideshow {
1213 display: flex;
1214 flex-direction: row;
1215 align-items: center;
1216 gap: 20px;
1217 }
1218
1219 p.wppb-form-desig-description {
1220 font-weight: 400;
1221 font-style: italic;
1222 }
1223
1224 p.wppb-form-desig-description a {
1225 text-decoration: none;
1226 }