PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.22.3
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.22.3
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
formidable / css / _single_theme.css.php

_single_theme.css.php in Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More 6.22.3, at css/_single_theme.css.php

403 lines 18.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 if ( ! defined( 'ABSPATH' ) ) {
3 die( 'You are not allowed to call this page directly.' );
4 }
5
6 $settings = FrmStylesHelper::get_settings_for_output( $style );
7 extract( $settings ); // phpcs:ignore WordPress.PHP.DontExtract
8
9 $is_loaded_via_ajax = isset( $is_loaded_via_ajax ) ? $is_loaded_via_ajax : false;
10 FrmStylesPreviewHelper::get_additional_preview_style( $settings, $is_loaded_via_ajax );
11
12 $important = empty( $important_style ) ? '' : ' !important';
13
14 $submit_bg_img = FrmStylesHelper::get_submit_image_bg_url( $settings );
15 $use_chosen_js = FrmStylesHelper::use_chosen_js();
16
17 ?>
18 .<?php echo esc_html( $style_class ); ?>{
19 <?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
20 }
21
22 .frm_forms.<?php echo esc_html( $style_class ); ?>{
23 max-width:<?php echo esc_html( $form_width . $important ); ?>;
24 direction:<?php echo esc_html( $direction . $important ); ?>;
25 <?php if ( 'rtl' === $direction ) { ?>
26 unicode-bidi:embed;
27 <?php } ?>
28 <?php if ( $center_form ) { ?>
29 margin:0 auto;
30 <?php } ?>
31 }
32
33 <?php if ( $center_form ) { ?>
34 .frm_inline_form.<?php echo esc_html( $style_class ); ?> form{
35 text-align:center;
36 }
37 <?php } ?>
38
39 <?php if ( ! empty( $field_margin ) ) { ?>
40 .<?php echo esc_html( $style_class ); ?> .form-field{
41 margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
42 }
43 <?php } ?>
44
45 .<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
46 margin-bottom:0<?php echo esc_html( $important ); ?>;
47 }
48
49 .<?php echo esc_html( $style_class ); ?> p.description,
50 .<?php echo esc_html( $style_class ); ?> div.description,
51 .<?php echo esc_html( $style_class ); ?> div.frm_description,
52 .<?php echo esc_html( $style_class ); ?> .frm-show-form > div.frm_description,
53 .<?php echo esc_html( $style_class ); ?> .frm_error,
54 .<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{
55 <?php if ( ! empty( $description_margin ) ) { ?>
56 margin:<?php echo esc_html( $description_margin . $important ); ?>;
57 <?php } else { ?>
58 margin-top: 6px;
59 <?php } ?>
60 padding:0;
61 <?php if ( ! empty( $font ) ) { ?>
62 font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
63 <?php } ?>
64 <?php if ( ! empty( $description_font_size ) ) { ?>
65 font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
66 <?php } ?>
67 <?php if ( ! empty( $description_color ) ) { ?>
68 color:<?php echo esc_html( $description_color . $important ); ?>;
69 <?php } ?>
70 <?php if ( ! empty( $description_weight ) ) { ?>
71 font-weight:<?php echo esc_html( $description_weight . $important ); ?>;
72 <?php } ?>
73 <?php if ( ! empty( $description_align ) ) { ?>
74 text-align:<?php echo esc_html( $description_align . $important ); ?>;
75 <?php } ?>
76 <?php if ( ! empty( $description_style ) ) { ?>
77 font-style:<?php echo esc_html( $description_style . $important ); ?>;
78 <?php } ?>
79 max-width:100%;
80 }
81
82 /* Left and right labels */
83 <?php
84
85 if ( '' === $field_height || 'auto' === $field_height ) {
86 foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
87 ?>
88 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
89 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=password],
90 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=email],
91 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=number],
92 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=url],
93 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=tel],
94 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=file],
95 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=search],
96 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container select,
97 <?php } ?>
98 .<?php echo esc_html( $style_class ); ?> .frm_left_container select{
99 height:fit-content<?php echo esc_html( $important ); ?>;
100 }
101 <?php } ?>
102
103 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_left_container{
104 grid-template-columns: <?php echo esc_html( $width ); ?> auto;
105 }
106
107 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_right_container{
108 grid-template-columns: auto <?php echo esc_html( $width ); ?>;
109 }
110
111 .frm_form_field.frm_right_container{
112 grid-template-columns: auto 25%;
113 }
114
115 .<?php echo esc_html( $style_class ); ?> .frm_inline_container.frm_dynamic_select_container .frm_data_container,
116 .<?php echo esc_html( $style_class ); ?> .frm_inline_container.frm_dynamic_select_container .frm_opt_container{
117 display:inline<?php echo esc_html( $important ); ?>;
118 }
119
120 .<?php echo esc_html( $style_class ); ?> .frm_pos_right{
121 display:inline<?php echo esc_html( $important ); ?>;
122 width:<?php echo esc_html( $width . $important ); ?>;
123 }
124
125 .<?php echo esc_html( $style_class ); ?> .frm_none_container .frm_primary_label,
126 .<?php echo esc_html( $style_class ); ?> .frm_pos_none{
127 display:none<?php echo esc_html( $important ); ?>;
128 }
129
130 <?php if ( FrmAppHelper::pro_is_installed() ) : ?>
131 .<?php echo esc_html( $style_class ); ?> .frm_scale label{
132 <?php if ( ! empty( $check_weight ) ) { ?>
133 font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
134 <?php } ?>
135 <?php if ( ! empty( $font ) ) { ?>
136 font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
137 <?php } ?>
138 <?php if ( ! empty( $check_font_size ) ) { ?>
139 font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
140 <?php } ?>
141 <?php if ( ! empty( $check_label_color ) ) { ?>
142 color:<?php echo esc_html( $check_label_color . $important ); ?>;
143 <?php } ?>
144 }
145 <?php endif; ?>
146
147 /* These do not work if they are combined */
148 .<?php echo esc_html( $style_class ); ?> input::placeholder,
149 .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
150 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
151 }
152
153 .<?php echo esc_html( $style_class ); ?> .frm_default,
154 .<?php echo esc_html( $style_class ); ?> input.frm_default,
155 .<?php echo esc_html( $style_class ); ?> textarea.frm_default,
156 .<?php echo esc_html( $style_class ); ?> select.frm_default,
157 <?php if ( $use_chosen_js ) { ?>
158 .<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
159 .<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default,
160 <?php } ?>
161 .<?php echo esc_html( $style_class ); ?> .placeholder {
162 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
163 }
164
165 .<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
166 .<?php echo esc_html( $style_class ); ?> select:focus,
167 .<?php echo esc_html( $style_class ); ?> .form-field textarea:focus,
168 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
169 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
170 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
171 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
172 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
173 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
174 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
175 .frm_form_fields_active_style,
176 <?php if ( $use_chosen_js ) { ?>
177 .<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
178 .<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices,
179 <?php } ?>
180 .<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement {
181 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
182 border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
183 color: var(--text-color);
184 <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
185 box-shadow:none;
186 outline: none;
187 <?php } else { ?>
188 box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
189 <?php } ?>
190 }
191
192 <?php if ( ! $submit_style ) { ?>
193 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message,
194 .<?php echo esc_html( $style_class ); ?> input[type=submit],
195 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button],
196 .<?php echo esc_html( $style_class ); ?> .frm_submit button,
197 .frm_form_submit_style,
198 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
199 width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
200 <?php if ( ! empty( $font ) ) { ?>
201 font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
202 <?php } ?>
203 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
204 height:<?php echo esc_html( $submit_height . $important ); ?>;
205 line-height:normal<?php echo esc_html( $important ); ?>;
206 text-align:center;
207 background:
208 <?php
209 echo esc_html( $submit_bg_color );
210 if ( ! empty( $submit_bg_img ) ) {
211 echo esc_html( ' url(' . $submit_bg_img . ')' );
212 }
213 echo esc_html( $important );
214 ?>
215 ;
216 <?php if ( '' !== $submit_border_width ) : ?>
217 border-width:<?php echo esc_html( $submit_border_width ); ?>;
218 <?php endif; ?>
219 border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
220 border-style:solid;
221 color:<?php echo esc_html( $submit_text_color . $important ); ?>;
222 cursor:pointer;
223 font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
224 border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
225 text-shadow:none;
226 padding:<?php echo esc_html( $submit_padding . $important ); ?>;
227 box-sizing:border-box;
228 <?php if ( ! empty( $submit_shadow_color ) ) { ?>
229 box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
230 <?php } ?>
231 margin:<?php echo esc_html( $submit_margin ); ?>;
232 <?php
233 // For reverse compatibility... But allow "10px 10px".
234 if ( strpos( trim( $submit_margin ), ' ' ) === false ) {
235 ?>
236 margin-left:0;
237 margin-right:0;
238 <?php } ?>
239 vertical-align:middle;
240 }
241
242 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
243 margin:0;
244 }
245
246 <?php if ( empty( $submit_bg_img ) ) { ?>
247 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:hover,
248 .<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
249 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
250 .<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
251 background: <?php echo esc_html( $submit_hover_bg_color . $important ); ?>;
252 border-color: <?php echo esc_html( $submit_hover_border_color . $important ); ?>;
253 color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
254 }
255
256 .<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
257 margin-bottom:<?php echo esc_html( FrmStylesHelper::get_bottom_value( $submit_margin ) ); ?>;
258 }
259
260 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
261 .<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
262 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:focus,
263 .<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
264 .<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
265 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:active,
266 .<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
267 background: <?php echo esc_html( $submit_active_bg_color . $important ); ?>;
268 border-color: <?php echo esc_html( $submit_active_border_color . $important ); ?>;
269 color: <?php echo esc_html( $submit_active_color . $important ); ?>;
270 outline: none;
271 }
272
273 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page,
274 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:hover,
275 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:active,
276 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:focus,
277 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit,
278 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:hover,
279 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
280 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
281 color: transparent <?php echo esc_html( $important ); ?>;
282 background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
283 border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
284 }
285
286 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
287 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
288 border-bottom-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
289 border-right-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
290 <?php if ( $submit_height !== 'auto' ) { ?>
291 max-height:<?php echo esc_html( $submit_height ); ?>;
292 <?php } ?>
293 <?php if ( $submit_width !== 'auto' ) { ?>
294 max-width:<?php echo esc_html( $submit_width ); ?>;
295 <?php } ?>
296 }
297 <?php
298 }//end if
299 }//end if
300 ?>
301
302 .<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
303 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
304 content:"before";
305 <?php if ( ! empty( $font ) ) { ?>
306 font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
307 <?php } ?>
308 font-size:<?php echo esc_html( $font_size . $important ); ?>;
309 color:<?php echo esc_html( $label_color . $important ); ?>;
310 font-weight:<?php echo esc_html( $weight . $important ); ?>;
311 margin:0;
312 padding:<?php echo esc_html( $label_padding . $important ); ?>;
313 width:auto;
314 display:block;
315 visibility:hidden;
316 }
317
318 .<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit input,
319 .<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit button,
320 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit input,
321 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit button {
322 margin: 0 !important;
323 }
324
325 .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
326 <?php if ( ! empty( $font ) ) { ?>
327 font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
328 <?php } ?>
329 font-size:<?php echo esc_html( $font_size . $important ); ?>;
330 color:<?php echo esc_html( $label_color . $important ); ?>;
331 font-weight:<?php echo esc_html( $weight . $important ); ?>;
332 clear:both;
333 }
334
335 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
336 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
337 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
338 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
339 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
340 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
341 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=checkbox],
342 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=radio],
343 .<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
344 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
345 .<?php echo esc_html( $style_class ); ?> .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
346 .frm_form_fields_error_style,
347 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
348 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
349 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
350 <?php if ( $use_chosen_js ) { ?>
351 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
352 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
353 <?php } ?>
354 .<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
355 color:<?php echo esc_html( $text_color_error . $important ); ?>;
356 background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
357 border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
358 border-width:var(--border-width-error) <?php echo esc_html( $important ); ?>;
359 border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
360 }
361
362 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
363 border-color:<?php echo esc_html( $border_color_error ); ?> !important;
364 }
365
366 .<?php echo esc_html( $style_class ); ?> .frm_error,
367 .<?php echo esc_html( $style_class ); ?> .frm_limit_error{
368 font-weight:<?php echo esc_html( $weight . $important ); ?>;
369 color:<?php echo esc_html( $text_color_error . $important ); ?>;
370 }
371
372 .<?php echo esc_html( $style_class ); ?> .frm_error_style{
373 background-color:<?php echo esc_html( $error_bg . $important ); ?>;
374 border:1px solid <?php echo esc_html( $error_border . $important ); ?>;
375 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
376 color: <?php echo esc_html( $error_text . $important ); ?>;
377 font-size:<?php echo esc_html( $error_font_size . $important ); ?>;
378 margin:0;
379 margin-bottom:<?php echo esc_html( $field_margin ); ?>;
380 }
381
382 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
383 background-image:linear-gradient(45deg, <?php echo esc_html( $border_color ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $border_color ); ?> 50%, <?php echo esc_html( $border_color ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
384 }
385
386 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
387 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
388 }
389
390 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big input,
391 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big textarea,
392 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
393 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total textarea{
394 color: <?php echo esc_html( $text_color . $important ); ?>;
395 background-color:transparent<?php echo esc_html( $important ); ?>;
396 border:none<?php echo esc_html( $important ); ?>;
397 display:inline<?php echo esc_html( $important ); ?>;
398 width:auto<?php echo esc_html( $important ); ?>;
399 padding:0<?php echo esc_html( $important ); ?>;
400 }
401
402 <?php do_action( 'frm_output_single_style', $settings ); ?>
403