← All changes
|
includes/page-form-builder/__css/bfb_form_effects.css
+91
-22
11.2
→
11.8.4
View file →
| @@ -1,22 +1,91 @@ | ||
| 1 | -/* File: ../includes/page-form-builder/__css/bfb_form_effects.css */ | |
| 2 | -/* Form Setting Option - Right Side Pallete */ | |
| 3 | -.wpbc_bfb__inspector_form_settings .wpbc_bfb__form_setting { | |
| 4 | - background: #f9f9f9; | |
| 5 | - padding: 0 10px 10px; | |
| 6 | - box-sizing: border-box; | |
| 7 | - border-radius: 5px; | |
| 8 | -} | |
| 9 | -/*.wpbc_bfb__inspector_form_settings .wpbc_bfb__form_setting:not(:last-child) {*/ | |
| 10 | -/* border-bottom:1px solid #bfbfbf;*/ | |
| 11 | -/* padding: 0 0 25px;*/ | |
| 12 | -/*}*/ | |
| 13 | -/* -- Line #1: FONT-END | Line #2: BACK-END / Canvas -- ----------------------------------------------------------- */ | |
| 14 | -.booking_form_div .wpbc_bfb_form, | |
| 15 | -.wpbc_bfb__panel--preview .wpbc_bfb__form_preview_section_container | |
| 16 | -{ | |
| 17 | - width: var(--wpbc-bfb-booking_form_layout_width, 100%); | |
| 18 | - max-width: 100%; | |
| 19 | - margin-left: auto; | |
| 20 | - margin-right: auto; | |
| 21 | - box-sizing: border-box; | |
| 22 | -} | |
| 1 | +/* File: ../includes/page-form-builder/__css/bfb_form_effects.css */ | |
| 2 | +/* Form Setting Option - Right Side Pallete */ | |
| 3 | +.wpbc_bfb__inspector_form_settings .wpbc_bfb__form_setting { | |
| 4 | + background: #f9f9f9; | |
| 5 | + padding: 0 10px 10px; | |
| 6 | + box-sizing: border-box; | |
| 7 | + border-radius: 5px; | |
| 8 | +} | |
| 9 | +/*.wpbc_bfb__inspector_form_settings .wpbc_bfb__form_setting:not(:last-child) {*/ | |
| 10 | +/* border-bottom:1px solid #bfbfbf;*/ | |
| 11 | +/* padding: 0 0 25px;*/ | |
| 12 | +/*}*/ | |
| 13 | +/* -- Line #1: FONT-END | Line #2: BACK-END / Canvas -- ----------------------------------------------------------- */ | |
| 14 | +.booking_form_div .wpbc_bfb_form, | |
| 15 | +.wpbc_bfb__panel--preview .wpbc_bfb__form_preview_section_container | |
| 16 | +{ | |
| 17 | + width: var(--wpbc-bfb-booking_form_layout_width, 100%); | |
| 18 | + max-width: Min( 100%, 67rem ); | |
| 19 | + margin-left: auto; | |
| 20 | + margin-right: auto; | |
| 21 | + box-sizing: border-box; | |
| 22 | +} | |
| 23 | +/* Mobile mode */ | |
| 24 | +@media (max-width: 782px) { | |
| 25 | + div.booking_form_div .wpbc_bfb_form { | |
| 26 | + width: 100%; | |
| 27 | + max-width: 100%; | |
| 28 | + } | |
| 29 | +} | |
| 30 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom, | |
| 31 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom { | |
| 32 | + color: var(--wpbc_form-label-color) !important; | |
| 33 | +} | |
| 34 | + | |
| 35 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom label, | |
| 36 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom l, | |
| 37 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpbc_static_text, | |
| 38 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpdev-list-item-label, | |
| 39 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom .wpbc_field_description, | |
| 40 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom label, | |
| 41 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom l, | |
| 42 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpbc_static_text, | |
| 43 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpdev-list-item-label, | |
| 44 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom .wpbc_field_description { | |
| 45 | + color: var(--wpbc_form-label-color) !important; | |
| 46 | +} | |
| 47 | + | |
| 48 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=date], | |
| 49 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=datetime], | |
| 50 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=datetime-local], | |
| 51 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=email], | |
| 52 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=month], | |
| 53 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=number], | |
| 54 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=password], | |
| 55 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=range], | |
| 56 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=search], | |
| 57 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=tel], | |
| 58 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=text], | |
| 59 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=time], | |
| 60 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=url], | |
| 61 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=week], | |
| 62 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom select, | |
| 63 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom textarea, | |
| 64 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=date], | |
| 65 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=datetime], | |
| 66 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=datetime-local], | |
| 67 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=email], | |
| 68 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=month], | |
| 69 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=number], | |
| 70 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=password], | |
| 71 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=range], | |
| 72 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=search], | |
| 73 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=tel], | |
| 74 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=text], | |
| 75 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=time], | |
| 76 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=url], | |
| 77 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=week], | |
| 78 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom select, | |
| 79 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom textarea { | |
| 80 | + background-color: var(--wpbc_form-field-background-color) !important; | |
| 81 | + color: var(--wpbc_form-field-text-color) !important; | |
| 82 | + border-color: var(--wpbc_form-field-border-color) !important; | |
| 83 | +} | |
| 84 | + | |
| 85 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=checkbox]:not(:checked):before, | |
| 86 | +div.wpbc_container.wpbc_form.wpbc_bfb_form_appearance_custom input[type=radio]:not(:checked):before, | |
| 87 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=checkbox]:not(:checked):before, | |
| 88 | +div.wpbc_container.wpbc_form .wpbc_bfb_form_appearance_custom input[type=radio]:not(:checked):before { | |
| 89 | + background-color: var(--wpbc_form-field-background-color) !important; | |
| 90 | + border-color: var(--wpbc_form-field-border-color) !important; | |
| 91 | +} | |