PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.24
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.24
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
← All changes | css/_single_theme.css.php +57 -89 6.296.24 View file →
@@ -5,15 +5,16 @@
5 5
6 6 $settings = FrmStylesHelper::get_settings_for_output( $style );
7 7 extract( $settings ); // phpcs:ignore WordPress.PHP.DontExtract
8 8
9 -$is_loaded_via_ajax = $is_loaded_via_ajax ?? false;
9 +$is_loaded_via_ajax = isset( $is_loaded_via_ajax ) ? $is_loaded_via_ajax : false;
10 10 FrmStylesPreviewHelper::get_additional_preview_style( $settings, $is_loaded_via_ajax );
11 11
12 -$important = ! empty( $important_style ) ? ' !important' : '';
13 -$submit_bg_img = FrmStylesHelper::get_submit_image_bg_url( $settings );
14 -$use_chosen_js = $use_chosen_js ?? FrmStylesHelper::use_chosen_js();
15 -$pro_is_installed = $pro_is_installed ?? FrmAppHelper::pro_is_installed();
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 +
16 17 ?>
17 18 .<?php echo esc_html( $style_class ); ?>{
18 19 <?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
19 20 }
@@ -18,10 +19,10 @@
18 19 <?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
19 20 }
20 21
21 22 .frm_forms.<?php echo esc_html( $style_class ); ?>{
22 - max-width:var(--form-width)<?php echo esc_html( $important ); ?>;
23 - direction:var(--direction)<?php echo esc_html( $important ); ?>;
23 + max-width:<?php echo esc_html( $form_width . $important ); ?>;
24 + direction:<?php echo esc_html( $direction . $important ); ?>;
24 25 <?php if ( 'rtl' === $direction ) { ?>
25 26 unicode-bidi:embed;
26 27 <?php } ?>
27 28 <?php if ( $center_form ) { ?>
@@ -36,17 +37,15 @@
36 37 <?php } ?>
37 38
38 39 <?php if ( ! empty( $field_margin ) ) { ?>
39 40 .<?php echo esc_html( $style_class ); ?> .form-field{
40 - margin-bottom:var(--field-margin)<?php echo esc_html( $important ); ?>;
41 + margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
41 42 }
42 43 <?php } ?>
43 44
44 -<?php if ( $pro_is_installed ) { ?>
45 45 .<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
46 46 margin-bottom:0<?php echo esc_html( $important ); ?>;
47 47 }
48 -<?php } ?>
49 48
50 49 .<?php echo esc_html( $style_class ); ?> p.description,
51 50 .<?php echo esc_html( $style_class ); ?> div.description,
52 51 .<?php echo esc_html( $style_class ); ?> div.frm_description,
@@ -119,9 +118,9 @@
119 118 }
120 119
121 120 .<?php echo esc_html( $style_class ); ?> .frm_pos_right{
122 121 display:inline<?php echo esc_html( $important ); ?>;
123 - width:var(--width)<?php echo esc_html( $important ); ?>;
122 + width:<?php echo esc_html( $width . $important ); ?>;
124 123 }
125 124
126 125 .<?php echo esc_html( $style_class ); ?> .frm_none_container .frm_primary_label,
127 126 .<?php echo esc_html( $style_class ); ?> .frm_pos_none{
@@ -127,9 +126,9 @@
127 126 .<?php echo esc_html( $style_class ); ?> .frm_pos_none{
128 127 display:none<?php echo esc_html( $important ); ?>;
129 128 }
130 129
131 -<?php if ( $pro_is_installed ) : ?>
130 +<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
132 131 .<?php echo esc_html( $style_class ); ?> .frm_scale label{
133 132 <?php if ( ! empty( $check_weight ) ) { ?>
134 133 font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
135 134 <?php } ?>
@@ -144,11 +143,12 @@
144 143 <?php } ?>
145 144 }
146 145 <?php endif; ?>
147 146
147 +/* These do not work if they are combined */
148 148 .<?php echo esc_html( $style_class ); ?> input::placeholder,
149 149 .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
150 - color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
150 + color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
151 151 }
152 152
153 153 .<?php echo esc_html( $style_class ); ?> .frm_default,
154 154 .<?php echo esc_html( $style_class ); ?> input.frm_default,
@@ -158,9 +158,9 @@
158 158 .<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
159 159 .<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default,
160 160 <?php } ?>
161 161 .<?php echo esc_html( $style_class ); ?> .placeholder {
162 - color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
162 + color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
163 163 }
164 164
165 165 .<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
166 166 .<?php echo esc_html( $style_class ); ?> select:focus,
@@ -177,12 +177,12 @@
177 177 .<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
178 178 .<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices,
179 179 <?php } ?>
180 180 .<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement {
181 - background-color:var(--bg-color-active)<?php echo esc_html( $important ); ?>;
182 - border-color:var(--border-color-active)<?php echo esc_html( $important ); ?>;
183 - color:var(--text-color);
184 - <?php if ( ! empty( $remove_box_shadow_active ) ) { ?>
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 185 box-shadow:none;
186 186 outline: none;
187 187 <?php } else { ?>
188 188 box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
@@ -189,17 +189,15 @@
189 189 <?php } ?>
190 190 }
191 191
192 192 <?php if ( ! $submit_style ) { ?>
193 - <?php if ( $pro_is_installed ) { ?>
194 193 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message,
195 -.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn,
196 - <?php } ?>
197 194 .<?php echo esc_html( $style_class ); ?> input[type=submit],
198 195 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button],
199 196 .<?php echo esc_html( $style_class ); ?> .frm_submit button,
200 -.frm_form_submit_style {
201 - width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); // phpcs:ignore Universal.Operators.StrictComparisons ?>;
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 ); ?>;
202 200 <?php if ( ! empty( $font ) ) { ?>
203 201 font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
204 202 <?php } ?>
205 203 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
@@ -208,9 +206,8 @@
208 206 text-align:center;
209 207 background:
210 208 <?php
211 209 echo esc_html( $submit_bg_color );
212 -
213 210 if ( ! empty( $submit_bg_img ) ) {
214 211 echo esc_html( ' url(' . $submit_bg_img . ')' );
215 212 }
216 213 echo esc_html( $important );
@@ -233,9 +230,9 @@
233 230 <?php } ?>
234 231 margin:<?php echo esc_html( $submit_margin ); ?>;
235 232 <?php
236 233 // For reverse compatibility... But allow "10px 10px".
237 - if ( ! str_contains( trim( $submit_margin ), ' ' ) ) {
234 + if ( strpos( trim( $submit_margin ), ' ' ) === false ) {
238 235 ?>
239 236 margin-left:0;
240 237 margin-right:0;
241 238 <?php } ?>
@@ -241,24 +238,20 @@
241 238 <?php } ?>
242 239 vertical-align:middle;
243 240 }
244 241
245 - <?php if ( $pro_is_installed ) { ?>
246 242 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
247 243 margin:0;
248 244 }
249 - <?php } ?>
250 245
251 246 <?php if ( empty( $submit_bg_img ) ) { ?>
252 - <?php if ( $pro_is_installed ) { ?>
253 247 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:hover,
254 - <?php } ?>
255 248 .<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
256 249 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
257 250 .<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
258 - background:var(--submit-hover-bg-color)<?php echo esc_html( $important ); ?>;
259 - border-color:var(--submit-hover-border-color)<?php echo esc_html( $important ); ?>;
260 - color:var(--submit-hover-color)<?php echo esc_html( $important ); ?>;
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 ); ?>;
261 254 }
262 255
263 256 .<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
264 257 margin-bottom:<?php echo esc_html( FrmStylesHelper::get_bottom_value( $submit_margin ) ); ?>;
@@ -263,11 +256,9 @@
263 256 .<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
264 257 margin-bottom:<?php echo esc_html( FrmStylesHelper::get_bottom_value( $submit_margin ) ); ?>;
265 258 }
266 259
267 - <?php if ( $pro_is_installed ) { ?>
268 260 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
269 - <?php } ?>
270 261 .<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
271 262 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:focus,
272 263 .<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
273 264 .<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
@@ -272,40 +263,36 @@
272 263 .<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
273 264 .<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
274 265 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:active,
275 266 .<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
276 - background:var(--submit-active-bg-color)<?php echo esc_html( $important ); ?>;
277 - border-color:var(--submit-active-border-color)<?php echo esc_html( $important ); ?>;
278 - color:var(--submit-active-color)<?php echo esc_html( $important ); ?>;
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 ); ?>;
279 270 outline: none;
280 271 }
281 272
282 - <?php if ( $pro_is_installed ) { ?>
283 273 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page,
284 274 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:hover,
285 275 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:active,
286 276 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:focus,
287 - <?php } ?>
288 277 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit,
289 278 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:hover,
290 279 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
291 280 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
292 - color: transparent<?php echo esc_html( $important ); ?>;
293 - background:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
294 - border-color:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
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 ); ?>;
295 284 }
296 285
297 - <?php if ( $pro_is_installed ) { ?>
298 286 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
299 - <?php } ?>
300 287 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
301 - border-bottom-color:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
302 - border-right-color:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
288 + border-bottom-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
289 + border-right-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
303 290 <?php if ( $submit_height !== 'auto' ) { ?>
304 - max-height:var(--submit-height)<?php echo esc_html( $important ); ?>;
291 + max-height:<?php echo esc_html( $submit_height ); ?>;
305 292 <?php } ?>
306 293 <?php if ( $submit_width !== 'auto' ) { ?>
307 - max-width:var(--submit-width)<?php echo esc_html( $important ); ?>;
294 + max-width:<?php echo esc_html( $submit_width ); ?>;
308 295 <?php } ?>
309 296 }
310 297 <?php
311 298 }//end if
@@ -317,13 +304,13 @@
317 304 content:"before";
318 305 <?php if ( ! empty( $font ) ) { ?>
319 306 font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
320 307 <?php } ?>
321 - font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
322 - color:var(--label-color)<?php echo esc_html( $important ); ?>;
323 - font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
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 ); ?>;
324 311 margin:0;
325 - padding:var(--label-padding)<?php echo esc_html( $important ); ?>;
312 + padding:<?php echo esc_html( $label_padding . $important ); ?>;
326 313 width:auto;
327 314 display:block;
328 315 visibility:hidden;
329 316 }
@@ -334,24 +321,17 @@
334 321 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit button {
335 322 margin: 0 !important;
336 323 }
337 324
338 -<?php
339 -// Only include this CSS when the math captcha plugin is active.
340 -if ( class_exists( 'FrmCptController' ) ) :
341 - ?>
342 325 .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
343 326 <?php if ( ! empty( $font ) ) { ?>
344 327 font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
345 328 <?php } ?>
346 - font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
347 - color:var(--label-color)<?php echo esc_html( $important ); ?>;
348 - font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
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 ); ?>;
349 332 clear:both;
350 333 }
351 - <?php
352 -endif;
353 -?>
354 334
355 335 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
356 336 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
357 337 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
@@ -360,11 +340,9 @@
360 340 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
361 341 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=checkbox],
362 342 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=radio],
363 343 .<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
364 -<?php if ( $pro_is_installed ) { ?>
365 344 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
366 -<?php } ?>
367 345 .<?php echo esc_html( $style_class ); ?> .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
368 346 .frm_form_fields_error_style,
369 347 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
370 348 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
@@ -373,51 +351,42 @@
373 351 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
374 352 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
375 353 <?php } ?>
376 354 .<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
377 - color:var(--text-color-error)<?php echo esc_html( $important ); ?>;
378 - background-color:var(--bg-color-error)<?php echo esc_html( $important ); ?>;
379 - border-color:var(--border-color-error)<?php echo esc_html( $important ); ?>;
380 - border-width:var(--border-width-error)<?php echo esc_html( $important ); ?>;
381 - border-style:var(--border-style-error)<?php echo esc_html( $important ); ?>;
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 ); ?>;
382 360 }
383 361
384 -<?php
385 -// Only include this style when the signatures add-on is active
386 -if ( class_exists( 'FrmSigField' ) ) :
387 - ?>
388 362 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
389 - border-color:var(--border-color-error) !important;
363 + border-color:<?php echo esc_html( $border_color_error ); ?> !important;
390 364 }
391 - <?php
392 -endif;
393 -?>
394 365
395 366 .<?php echo esc_html( $style_class ); ?> .frm_error,
396 367 .<?php echo esc_html( $style_class ); ?> .frm_limit_error{
397 - font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
398 - color:var(--border-color-error)<?php echo esc_html( $important ); ?>;
368 + font-weight:<?php echo esc_html( $weight . $important ); ?>;
369 + color:<?php echo esc_html( $text_color_error . $important ); ?>;
399 370 }
400 371
401 372 .<?php echo esc_html( $style_class ); ?> .frm_error_style{
402 - background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
403 - border:1px solid var(--error-border)<?php echo esc_html( $important ); ?>;
404 - border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
405 - color:var(--error-text)<?php echo esc_html( $important ); ?>;
406 - font-size:var(--error-font-size)<?php echo esc_html( $important ); ?>;
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 ); ?>;
407 378 margin:0;
408 - margin-bottom:var(--field-margin);
379 + margin-bottom:<?php echo esc_html( $field_margin ); ?>;
409 380 }
410 381
411 -<?php if ( $pro_is_installed ) { ?>
412 382 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
413 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));
414 384 }
415 385
416 386 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
417 - background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
387 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
418 388 }
419 -<?php } ?>
420 389
421 390 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big input,
422 391 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big textarea,
423 392 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
@@ -429,6 +398,5 @@
429 398 width:auto<?php echo esc_html( $important ); ?>;
430 399 padding:0<?php echo esc_html( $important ); ?>;
431 400 }
432 401
433 -<?php echo strip_tags( FrmStylesController::get_custom_css( $settings ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
434 402 <?php do_action( 'frm_output_single_style', $settings ); ?>