PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.3.2
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.3.2
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 +85 -43 6.265.3.2 View file →
@@ -5,15 +5,12 @@
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 = isset( $is_loaded_via_ajax ) ? $is_loaded_via_ajax : false;
10 -FrmStylesPreviewHelper::get_additional_preview_style( $settings, $is_loaded_via_ajax );
11 -
12 9 $important = empty( $important_style ) ? '' : ' !important';
13 10
14 -$submit_bg_img = FrmStylesHelper::get_submit_image_bg_url( $settings );
15 -$use_chosen_js = FrmStylesHelper::use_chosen_js();
11 +$minus_icons = FrmStylesHelper::minus_icons();
12 +$arrow_icons = FrmStylesHelper::arrow_icons();
16 13
17 14 ?>
18 15 .<?php echo esc_html( $style_class ); ?>{
19 16 <?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
@@ -35,8 +32,44 @@
35 32 text-align:center;
36 33 }
37 34 <?php } ?>
38 35
36 +<?php if ( ! empty( $label_color ) ) { ?>
37 +.<?php echo esc_html( $style_class ); ?> .frm_icon_font{
38 + color:<?php echo esc_html( $label_color . $important ); ?>;
39 +}
40 +<?php } ?>
41 +
42 +.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before{
43 + content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['-'] : $minus_icons[1]['-'] ); ?>";
44 +}
45 +
46 +.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_plus_icon:before{
47 + content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['+'] : $minus_icons[1]['+'] ); ?>";
48 +}
49 +
50 +.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before,
51 +.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_plus_icon:before{
52 + <?php if ( ! empty( $submit_text_color ) ) { ?>
53 + color:<?php echo esc_html( $submit_text_color . $important ); ?>;
54 + <?php } ?>
55 + vertical-align:middle;
56 +}
57 +
58 +.<?php echo esc_html( $style_class ); ?> .frm_trigger.active .frm_icon_font.frm_arrow_icon:before{
59 + content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['-'] : $arrow_icons[1]['-'] ); ?>";
60 + <?php if ( ! empty( $section_color ) ) { ?>
61 + color:<?php echo esc_html( $section_color . $important ); ?>;
62 + <?php } ?>
63 +}
64 +
65 +.<?php echo esc_html( $style_class ); ?> .frm_trigger .frm_icon_font.frm_arrow_icon:before{
66 + content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['+'] : $arrow_icons[1]['+'] ); ?>";
67 + <?php if ( ! empty( $section_color ) ) { ?>
68 + color:<?php echo esc_html( $section_color . $important ); ?>;
69 + <?php } ?>
70 +}
71 +
39 72 <?php if ( ! empty( $field_margin ) ) { ?>
40 73 .<?php echo esc_html( $style_class ); ?> .form-field{
41 74 margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
42 75 }
@@ -49,18 +82,15 @@
49 82 .<?php echo esc_html( $style_class ); ?> p.description,
50 83 .<?php echo esc_html( $style_class ); ?> div.description,
51 84 .<?php echo esc_html( $style_class ); ?> div.frm_description,
52 85 .<?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{
86 +.<?php echo esc_html( $style_class ); ?> .frm_error{
55 87 <?php if ( ! empty( $description_margin ) ) { ?>
56 88 margin:<?php echo esc_html( $description_margin . $important ); ?>;
57 - <?php } else { ?>
58 - margin-top: 6px;
59 89 <?php } ?>
60 90 padding:0;
61 91 <?php if ( ! empty( $font ) ) { ?>
62 - font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
92 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
63 93 <?php } ?>
64 94 <?php if ( ! empty( $description_font_size ) ) { ?>
65 95 font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
66 96 <?php } ?>
@@ -81,8 +111,10 @@
81 111
82 112 /* Left and right labels */
83 113 <?php
84 114
115 +$frm_settings = FrmAppHelper::get_settings();
116 +
85 117 if ( '' === $field_height || 'auto' === $field_height ) {
86 118 foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
87 119 ?>
88 120 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
@@ -126,15 +158,14 @@
126 158 .<?php echo esc_html( $style_class ); ?> .frm_pos_none{
127 159 display:none<?php echo esc_html( $important ); ?>;
128 160 }
129 161
130 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
131 162 .<?php echo esc_html( $style_class ); ?> .frm_scale label{
132 163 <?php if ( ! empty( $check_weight ) ) { ?>
133 164 font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
134 165 <?php } ?>
135 166 <?php if ( ! empty( $font ) ) { ?>
136 - font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
167 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
137 168 <?php } ?>
138 169 <?php if ( ! empty( $check_font_size ) ) { ?>
139 170 font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
140 171 <?php } ?>
@@ -141,9 +172,8 @@
141 172 <?php if ( ! empty( $check_label_color ) ) { ?>
142 173 color:<?php echo esc_html( $check_label_color . $important ); ?>;
143 174 <?php } ?>
144 175 }
145 -<?php endif; ?>
146 176
147 177 /* These do not work if they are combined */
148 178 .<?php echo esc_html( $style_class ); ?> input::placeholder,
149 179 .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
@@ -148,24 +178,38 @@
148 178 .<?php echo esc_html( $style_class ); ?> input::placeholder,
149 179 .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
150 180 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
151 181 }
182 +.<?php echo esc_html( $style_class ); ?> input::-webkit-input-placeholder,
183 +.<?php echo esc_html( $style_class ); ?> textarea::-webkit-input-placeholder{
184 + color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
185 +}
186 +.<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
187 +.<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
188 + color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
189 +}
190 +.<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
191 +<?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
192 + color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
193 +}
194 +.<?php echo esc_html( $style_class ); ?> input:-moz-placeholder,
195 +.<?php echo esc_html( $style_class ); ?> textarea:-moz-placeholder{
196 + color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
197 +}
152 198
153 199 .<?php echo esc_html( $style_class ); ?> .frm_default,
154 200 .<?php echo esc_html( $style_class ); ?> input.frm_default,
155 201 .<?php echo esc_html( $style_class ); ?> textarea.frm_default,
156 202 .<?php echo esc_html( $style_class ); ?> select.frm_default,
157 -<?php if ( $use_chosen_js ) { ?>
203 +.<?php echo esc_html( $style_class ); ?> .placeholder,
158 204 .<?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 {
205 +.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default{
162 206 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
163 207 }
164 208
165 -.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
209 +.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
166 210 .<?php echo esc_html( $style_class ); ?> select:focus,
167 -.<?php echo esc_html( $style_class ); ?> .form-field textarea:focus,
211 +.<?php echo esc_html( $style_class ); ?> textarea:focus,
168 212 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
169 213 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
170 214 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
171 215 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
@@ -172,13 +216,11 @@
172 216 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
173 217 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
174 218 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
175 219 .frm_form_fields_active_style,
176 -<?php if ( $use_chosen_js ) { ?>
220 +.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
177 221 .<?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 {
222 +.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{
181 223 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
182 224 border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
183 225 color: var(--text-color);
184 226 <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
@@ -184,9 +226,9 @@
184 226 <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
185 227 box-shadow:none;
186 228 outline: none;
187 229 <?php } else { ?>
188 - box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
230 + box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
189 231 <?php } ?>
190 232 }
191 233
192 234 <?php if ( ! $submit_style ) { ?>
@@ -197,9 +239,9 @@
197 239 .frm_form_submit_style,
198 240 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
199 241 width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
200 242 <?php if ( ! empty( $font ) ) { ?>
201 - font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
243 + font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
202 244 <?php } ?>
203 245 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
204 246 height:<?php echo esc_html( $submit_height . $important ); ?>;
205 247 line-height:normal<?php echo esc_html( $important ); ?>;
@@ -206,9 +248,8 @@
206 248 text-align:center;
207 249 background:
208 250 <?php
209 251 echo esc_html( $submit_bg_color );
210 -
211 252 if ( ! empty( $submit_bg_img ) ) {
212 253 echo esc_html( ' url(' . $submit_bg_img . ')' );
213 254 }
214 255 echo esc_html( $important );
@@ -213,21 +254,25 @@
213 254 }
214 255 echo esc_html( $important );
215 256 ?>
216 257 ;
217 - <?php if ( '' !== $submit_border_width ) : ?>
218 258 border-width:<?php echo esc_html( $submit_border_width ); ?>;
219 - <?php endif; ?>
220 259 border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
221 260 border-style:solid;
222 261 color:<?php echo esc_html( $submit_text_color . $important ); ?>;
223 262 cursor:pointer;
224 263 font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
264 + -moz-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
265 + -webkit-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
225 266 border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
226 267 text-shadow:none;
227 268 padding:<?php echo esc_html( $submit_padding . $important ); ?>;
269 + -moz-box-sizing:border-box;
228 270 box-sizing:border-box;
271 + -ms-box-sizing:border-box;
229 272 <?php if ( ! empty( $submit_shadow_color ) ) { ?>
273 + -moz-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
274 + -webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
230 275 box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
231 276 <?php } ?>
232 277 margin:<?php echo esc_html( $submit_margin ); ?>;
233 278 <?php
@@ -254,9 +299,9 @@
254 299 color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
255 300 }
256 301
257 302 .<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
258 - margin-bottom:<?php echo esc_html( FrmStylesHelper::get_bottom_value( $submit_margin ) ); ?>;
303 + margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
259 304 }
260 305
261 306 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
262 307 .<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
@@ -280,9 +325,8 @@
280 325 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
281 326 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
282 327 color: transparent <?php echo esc_html( $important ); ?>;
283 328 background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
284 - border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
285 329 }
286 330
287 331 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
288 332 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
@@ -295,10 +339,10 @@
295 339 max-width:<?php echo esc_html( $submit_width ); ?>;
296 340 <?php } ?>
297 341 }
298 342 <?php
299 - }//end if
300 -}//end if
343 + }
344 +}
301 345 ?>
302 346
303 347 .<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
304 348 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
@@ -303,9 +347,9 @@
303 347 .<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
304 348 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
305 349 content:"before";
306 350 <?php if ( ! empty( $font ) ) { ?>
307 - font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
351 + font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
308 352 <?php } ?>
309 353 font-size:<?php echo esc_html( $font_size . $important ); ?>;
310 354 color:<?php echo esc_html( $label_color . $important ); ?>;
311 355 font-weight:<?php echo esc_html( $weight . $important ); ?>;
@@ -324,9 +368,9 @@
324 368 }
325 369
326 370 .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
327 371 <?php if ( ! empty( $font ) ) { ?>
328 - font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
372 + font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
329 373 <?php } ?>
330 374 font-size:<?php echo esc_html( $font_size . $important ); ?>;
331 375 color:<?php echo esc_html( $label_color . $important ); ?>;
332 376 font-weight:<?php echo esc_html( $weight . $important ); ?>;
@@ -338,10 +382,8 @@
338 382 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
339 383 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
340 384 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
341 385 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
342 -.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=checkbox],
343 -.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=radio],
344 386 .<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
345 387 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
346 388 .<?php echo esc_html( $style_class ); ?> .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
347 389 .frm_form_fields_error_style,
@@ -347,17 +389,15 @@
347 389 .frm_form_fields_error_style,
348 390 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
349 391 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
350 392 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
351 -<?php if ( $use_chosen_js ) { ?>
352 393 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
353 394 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
354 -<?php } ?>
355 -.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
395 +.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
356 396 color:<?php echo esc_html( $text_color_error . $important ); ?>;
357 397 background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
358 398 border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
359 - border-width:var(--border-width-error) <?php echo esc_html( $important ); ?>;
399 + border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
360 400 border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
361 401 }
362 402
363 403 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
@@ -363,11 +403,14 @@
363 403 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
364 404 border-color:<?php echo esc_html( $border_color_error ); ?> !important;
365 405 }
366 406
367 -.<?php echo esc_html( $style_class ); ?> .frm_error,
368 -.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
407 +.<?php echo esc_html( $style_class ); ?> .frm_error{
369 408 font-weight:<?php echo esc_html( $weight . $important ); ?>;
409 +}
410 +
411 +.<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
412 +.<?php echo esc_html( $style_class ); ?> .frm_error{
370 413 color:<?php echo esc_html( $border_color_error . $important ); ?>;
371 414 }
372 415
373 416 .<?php echo esc_html( $style_class ); ?> .frm_error_style{
@@ -399,6 +442,5 @@
399 442 width:auto<?php echo esc_html( $important ); ?>;
400 443 padding:0<?php echo esc_html( $important ); ?>;
401 444 }
402 445
403 -<?php echo strip_tags( FrmStylesController::get_custom_css( $settings ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
404 446 <?php do_action( 'frm_output_single_style', $settings ); ?>