PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 4.01.02
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v4.01.02
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 +369 -98 6.54.01.02 View file →
@@ -1,26 +1,21 @@
1 1 <?php
2 -if ( ! defined( 'ABSPATH' ) ) {
3 - die( 'You are not allowed to call this page directly.' );
4 -}
5 2
6 3 $settings = FrmStylesHelper::get_settings_for_output( $style );
7 -extract( $settings ); // phpcs:ignore WordPress.PHP.DontExtract
4 +extract( $settings );
8 5
9 6 $important = empty( $important_style ) ? '' : ' !important';
7 +$label_margin = (int) $width + 10;
10 8
11 9 $minus_icons = FrmStylesHelper::minus_icons();
12 10 $arrow_icons = FrmStylesHelper::arrow_icons();
13 11
14 12 ?>
15 -.<?php echo esc_html( $style_class ); ?>{
16 -<?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
17 -}
18 13
19 14 .frm_forms.<?php echo esc_html( $style_class ); ?>{
20 15 max-width:<?php echo esc_html( $form_width . $important ); ?>;
21 16 direction:<?php echo esc_html( $direction . $important ); ?>;
22 - <?php if ( 'rtl' === $direction ) { ?>
17 + <?php if ( 'rtl' == $direction ) { ?>
23 18 unicode-bidi:embed;
24 19 <?php } ?>
25 20 <?php if ( $center_form ) { ?>
26 21 margin:0 auto;
@@ -26,8 +21,14 @@
26 21 margin:0 auto;
27 22 <?php } ?>
28 23 }
29 24
25 +.<?php echo esc_html( $style_class ); ?>,
26 +.<?php echo esc_html( $style_class ); ?> form,
27 +.<?php echo esc_html( $style_class ); ?> .frm-show-form div.frm_description p {
28 + text-align:<?php echo esc_html( $form_align . $important ); ?>;
29 +}
30 +
30 31 <?php if ( $center_form ) { ?>
31 32 .frm_inline_form.<?php echo esc_html( $style_class ); ?> form{
32 33 text-align:center;
33 34 }
@@ -32,13 +33,57 @@
32 33 text-align:center;
33 34 }
34 35 <?php } ?>
35 36
36 -<?php if ( ! empty( $label_color ) ) { ?>
37 +.<?php echo esc_html( $style_class ); ?> .frm_form_fields > fieldset{
38 + border-width:<?php echo esc_html( $fieldset . $important ); ?>;
39 + border-style:solid;
40 + border-color:<?php echo esc_html( $fieldset_color . $important ); ?>;
41 + margin:0;
42 + padding:<?php echo esc_html( $fieldset_padding . $important ); ?>;
43 + background-color:<?php echo esc_html( $fieldset_bg_color ); ?>;
44 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
45 +}
46 +
47 +.<?php echo esc_html( $style_class ); ?> legend + h3,
48 +.<?php echo esc_html( $style_class ); ?> h3.frm_form_title{
49 + font-size:<?php echo esc_html( $title_size . $important ); ?>;
50 + color:<?php echo esc_html( $title_color . $important ); ?>;
51 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
52 + margin-top:<?php echo esc_html( $title_margin_top . $important ); ?>;
53 + margin-bottom:<?php echo esc_html( $title_margin_bottom . $important ); ?>;
54 +}
55 +
56 +.<?php echo esc_html( $style_class ); ?> .frm_primary_label{
57 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
58 + font-size:<?php echo esc_html( $font_size . $important ); ?>;
59 + color:<?php echo esc_html( $label_color . $important ); ?>;
60 + font-weight:<?php echo esc_html( $weight . $important ); ?>;
61 + text-align:<?php echo esc_html( $align . $important ); ?>;
62 + margin:0;
63 + padding:<?php echo esc_html( $label_padding . $important ); ?>;
64 + width:auto;
65 + display:block;
66 +}
67 +
68 +.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_html_container,
69 +.<?php echo esc_html( $style_class ); ?> .frm_form_field .frm_show_it{
70 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
71 + color:<?php echo esc_html( $form_desc_color . $important ); ?>;
72 +}
73 +
74 +.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_html_container{
75 + font-size:<?php echo esc_html( $form_desc_size . $important ); ?>;
76 +}
77 +
78 +.<?php echo esc_html( $style_class ); ?> .frm_form_field .frm_show_it{
79 + font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
80 + font-weight:<?php echo esc_html( $field_weight ); ?>;
81 +}
82 +
37 83 .<?php echo esc_html( $style_class ); ?> .frm_icon_font{
38 84 color:<?php echo esc_html( $label_color . $important ); ?>;
39 85 }
40 -<?php } ?>
41 86
42 87 .<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before{
43 88 content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['-'] : $minus_icons[1]['-'] ); ?>";
44 89 }
@@ -48,34 +93,30 @@
48 93 }
49 94
50 95 .<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before,
51 96 .<?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 } ?>
97 + color:<?php echo esc_html( $submit_text_color . $important ); ?>;
55 98 vertical-align:middle;
56 99 }
57 100
58 101 .<?php echo esc_html( $style_class ); ?> .frm_trigger.active .frm_icon_font.frm_arrow_icon:before{
59 102 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 } ?>
103 + color:<?php echo esc_html( $section_color . $important ); ?>;
63 104 }
64 105
65 106 .<?php echo esc_html( $style_class ); ?> .frm_trigger .frm_icon_font.frm_arrow_icon:before{
66 107 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 } ?>
108 + color:<?php echo esc_html( $section_color . $important ); ?>;
70 109 }
71 110
72 -<?php if ( ! empty( $field_margin ) ) { ?>
73 111 .<?php echo esc_html( $style_class ); ?> .form-field{
74 112 margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
75 113 }
76 -<?php } ?>
77 -
114 +.<?php echo esc_html( $style_class ); ?> .frm_grid,
115 +.<?php echo esc_html( $style_class ); ?> .frm_grid_first,
116 +.<?php echo esc_html( $style_class ); ?> .frm_grid_odd {
117 + margin-bottom:0<?php echo esc_html( $important ); ?>;
118 +}
78 119 .<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
79 120 margin-bottom:0<?php echo esc_html( $important ); ?>;
80 121 }
81 122
@@ -82,35 +123,29 @@
82 123 .<?php echo esc_html( $style_class ); ?> p.description,
83 124 .<?php echo esc_html( $style_class ); ?> div.description,
84 125 .<?php echo esc_html( $style_class ); ?> div.frm_description,
85 126 .<?php echo esc_html( $style_class ); ?> .frm-show-form > div.frm_description,
86 -.<?php echo esc_html( $style_class ); ?> .frm_error,
87 -.<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{
88 - <?php if ( ! empty( $description_margin ) ) { ?>
89 - margin:<?php echo esc_html( $description_margin . $important ); ?>;
90 - <?php } ?>
127 +.<?php echo esc_html( $style_class ); ?> .frm_error{
128 + margin:<?php echo esc_html( $description_margin . $important ); ?>;
91 129 padding:0;
92 - <?php if ( ! empty( $font ) ) { ?>
93 - font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
94 - <?php } ?>
95 - <?php if ( ! empty( $description_font_size ) ) { ?>
96 - font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
97 - <?php } ?>
98 - <?php if ( ! empty( $description_color ) ) { ?>
99 - color:<?php echo esc_html( $description_color . $important ); ?>;
100 - <?php } ?>
101 - <?php if ( ! empty( $description_weight ) ) { ?>
102 - font-weight:<?php echo esc_html( $description_weight . $important ); ?>;
103 - <?php } ?>
104 - <?php if ( ! empty( $description_align ) ) { ?>
105 - text-align:<?php echo esc_html( $description_align . $important ); ?>;
106 - <?php } ?>
107 - <?php if ( ! empty( $description_style ) ) { ?>
108 - font-style:<?php echo esc_html( $description_style . $important ); ?>;
109 - <?php } ?>
130 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
131 + font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
132 + color:<?php echo esc_html( $description_color . $important ); ?>;
133 + font-weight:<?php echo esc_html( $description_weight . $important ); ?>;
134 + text-align:<?php echo esc_html( $description_align . $important ); ?>;
135 + font-style:<?php echo esc_html( $description_style . $important ); ?>;
110 136 max-width:100%;
111 137 }
112 138
139 +/* Form description */
140 +.<?php echo esc_html( $style_class ); ?> .frm-show-form div.frm_description p{
141 + font-size:<?php echo esc_html( $form_desc_size . $important ); ?>;
142 + color:<?php echo esc_html( $form_desc_color . $important ); ?>;
143 + margin-top:<?php echo esc_html( $form_desc_margin_top . $important ); ?>;
144 + margin-bottom:<?php echo esc_html( $form_desc_margin_bottom . $important ); ?>;
145 +
146 +}
147 +
113 148 /* Left and right labels */
114 149 <?php
115 150
116 151 $frm_settings = FrmAppHelper::get_settings();
@@ -128,9 +163,13 @@
128 163 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=search],
129 164 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container select,
130 165 <?php } ?>
131 166 .<?php echo esc_html( $style_class ); ?> .frm_left_container select{
132 - height:fit-content<?php echo esc_html( $important ); ?>;
167 + <?php if ( $frm_settings->old_css ) { ?>
168 + height:auto<?php echo esc_html( $important ); ?>;
169 + <?php } else { ?>
170 + height:fit-content<?php echo esc_html( $important ); ?>;
171 + <?php } ?>
133 172 }
134 173 <?php } ?>
135 174
136 175 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_left_container{
@@ -159,25 +198,150 @@
159 198 .<?php echo esc_html( $style_class ); ?> .frm_pos_none{
160 199 display:none<?php echo esc_html( $important ); ?>;
161 200 }
162 201
163 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
164 202 .<?php echo esc_html( $style_class ); ?> .frm_scale label{
165 - <?php if ( ! empty( $check_weight ) ) { ?>
166 - font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
167 - <?php } ?>
168 - <?php if ( ! empty( $font ) ) { ?>
169 - font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
170 - <?php } ?>
171 - <?php if ( ! empty( $check_font_size ) ) { ?>
172 - font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
173 - <?php } ?>
174 - <?php if ( ! empty( $check_label_color ) ) { ?>
175 - color:<?php echo esc_html( $check_label_color . $important ); ?>;
176 - <?php } ?>
203 + font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
204 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
205 + font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
206 + color:<?php echo esc_html( $check_label_color . $important ); ?>;
177 207 }
178 -<?php endif; ?>
179 208
209 +.<?php echo esc_html( $style_class ); ?> .frm_required{
210 + color:<?php echo esc_html( $required_color . $important ); ?>;
211 + font-weight:<?php echo esc_html( $required_weight . $important ); ?>;
212 +}
213 +
214 +.<?php echo esc_html( $style_class ); ?> input[type=text],
215 +.<?php echo esc_html( $style_class ); ?> input[type=password],
216 +.<?php echo esc_html( $style_class ); ?> input[type=email],
217 +.<?php echo esc_html( $style_class ); ?> input[type=number],
218 +.<?php echo esc_html( $style_class ); ?> input[type=url],
219 +.<?php echo esc_html( $style_class ); ?> input[type=tel],
220 +.<?php echo esc_html( $style_class ); ?> input[type=search],
221 +.<?php echo esc_html( $style_class ); ?> select,
222 +.<?php echo esc_html( $style_class ); ?> textarea,
223 +.<?php echo esc_html( $style_class ); ?> .chosen-container{
224 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
225 + font-size:<?php echo esc_html( $field_font_size ); ?>;
226 + margin-bottom:0<?php echo esc_html( $important ); ?>;
227 +}
228 +
229 +.<?php echo esc_html( $style_class ); ?> textarea{
230 + vertical-align:top;
231 +}
232 +
233 +.<?php echo esc_html( $style_class ); ?> input[type=text],
234 +.<?php echo esc_html( $style_class ); ?> input[type=password],
235 +.<?php echo esc_html( $style_class ); ?> input[type=email],
236 +.<?php echo esc_html( $style_class ); ?> input[type=number],
237 +.<?php echo esc_html( $style_class ); ?> input[type=url],
238 +.<?php echo esc_html( $style_class ); ?> input[type=tel],
239 +.<?php echo esc_html( $style_class ); ?> input[type=phone],
240 +.<?php echo esc_html( $style_class ); ?> input[type=search],
241 +.<?php echo esc_html( $style_class ); ?> select,
242 +.<?php echo esc_html( $style_class ); ?> textarea,
243 +.frm_form_fields_style,
244 +.<?php echo esc_html( $style_class ); ?> .frm_scroll_box .frm_opt_container,
245 +.frm_form_fields_active_style,
246 +.frm_form_fields_error_style,
247 +.<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices,
248 +.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-single{
249 + color:<?php echo esc_html( $text_color . $important ); ?>;
250 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
251 +<?php
252 +if ( ! empty( $important ) ) {
253 + echo esc_html( 'background-image:none' . $important . ';' );
254 +}
255 +?>
256 + border-color: <?php echo esc_html( $border_color . $important ); ?>;
257 + border-width:<?php echo esc_html( $field_border_width . $important ); ?>;
258 + border-style:<?php echo esc_html( $field_border_style . $important ); ?>;
259 + -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
260 + -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
261 + border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
262 + width:<?php echo esc_html( ( $field_width == '' ? 'auto' : $field_width ) . $important ); ?>;
263 + max-width:100%;
264 + font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
265 + padding:<?php echo esc_html( $field_pad . $important ); ?>;
266 + -webkit-box-sizing:border-box;
267 + -moz-box-sizing:border-box;
268 + box-sizing:border-box;
269 + outline:none<?php echo esc_html( $important ); ?>;
270 + font-weight:<?php echo esc_html( $field_weight ); ?>;
271 + box-shadow:<?php echo esc_html( ( isset( $remove_box_shadow ) && $remove_box_shadow ) ? 'none' : '0 1px 1px rgba(0, 0, 0, 0.075) inset' ) . esc_html( $important ); ?>;
272 +}
273 +
274 +.<?php echo esc_html( $style_class ); ?> input[type=radio],
275 +.<?php echo esc_html( $style_class ); ?> input[type=checkbox]{
276 + border-color: <?php echo esc_html( $border_color . $important ); ?>;
277 + box-shadow:<?php echo esc_html( ( isset( $remove_box_shadow ) && $remove_box_shadow ) ? 'none' : '0 1px 1px rgba(0, 0, 0, 0.075) inset' ) . esc_html( $important ); ?>;
278 +}
279 +
280 +.<?php echo esc_html( $style_class ); ?> input[type=text],
281 +.<?php echo esc_html( $style_class ); ?> input[type=password],
282 +.<?php echo esc_html( $style_class ); ?> input[type=email],
283 +.<?php echo esc_html( $style_class ); ?> input[type=number],
284 +.<?php echo esc_html( $style_class ); ?> input[type=url],
285 +.<?php echo esc_html( $style_class ); ?> input[type=tel],
286 +.<?php echo esc_html( $style_class ); ?> input[type=file],
287 +.<?php echo esc_html( $style_class ); ?> input[type=search],
288 +.<?php echo esc_html( $style_class ); ?> select{
289 + height:<?php echo esc_html( ( $field_height == '' ? 'auto' : $field_height ) . $important ); ?>;
290 + line-height:1.3<?php echo esc_html( $important ); ?>;
291 +}
292 +
293 +.<?php echo esc_html( $style_class ); ?> select[multiple="multiple"]{
294 + height:auto <?php echo esc_html( $important ); ?>;
295 +}
296 +
297 +.<?php echo esc_html( $style_class ); ?> input[type=file]{
298 + color: <?php echo esc_html( $text_color . $important ); ?>;
299 + padding:0px;
300 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
301 + font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
302 +}
303 +
304 +.<?php echo esc_html( $style_class ); ?> input[type=file].frm_transparent{
305 + color:transparent<?php echo esc_html( $important ); ?>;
306 +}
307 +
308 +.<?php echo esc_html( $style_class ); ?> select{
309 + width:<?php echo esc_html( ( $auto_width ? 'auto' : $field_width ) . $important ); ?>;
310 + max-width:100%;
311 +}
312 +
313 +.<?php echo esc_html( $style_class ); ?> .wp-editor-wrap{
314 + width:<?php echo esc_html( $field_width . $important ); ?>;
315 + max-width:100%;
316 +}
317 +
318 +.<?php echo esc_html( $style_class ); ?> .wp-editor-container textarea{
319 + border:none<?php echo esc_html( $important ); ?>;
320 +}
321 +
322 +.<?php echo esc_html( $style_class ); ?> .mceIframeContainer{
323 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
324 +}
325 +
326 +.<?php echo esc_html( $style_class ); ?> .auto_width input,
327 +.<?php echo esc_html( $style_class ); ?> input.auto_width,
328 +.<?php echo esc_html( $style_class ); ?> select.auto_width,
329 +.<?php echo esc_html( $style_class ); ?> textarea.auto_width{
330 + width:auto<?php echo esc_html( $important ); ?>;
331 +}
332 +
333 +.<?php echo esc_html( $style_class ); ?> input[disabled],
334 +.<?php echo esc_html( $style_class ); ?> select[disabled],
335 +.<?php echo esc_html( $style_class ); ?> textarea[disabled],
336 +.<?php echo esc_html( $style_class ); ?> input[readonly],
337 +.<?php echo esc_html( $style_class ); ?> select[readonly],
338 +.<?php echo esc_html( $style_class ); ?> textarea[readonly]{
339 + background-color:<?php echo esc_html( $bg_color_disabled . $important ); ?>;
340 + color:<?php echo esc_html( $text_color_disabled . $important ); ?>;
341 + border-color:<?php echo esc_html( $border_color_disabled . $important ); ?>;
342 +}
343 +
180 344 /* These do not work if they are combined */
181 345 .<?php echo esc_html( $style_class ); ?> input::placeholder,
182 346 .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
183 347 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
@@ -188,9 +352,8 @@
188 352 }
189 353 .<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
190 354 .<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
191 355 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
192 - opacity: 1;
193 356 }
194 357 .<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
195 358 <?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
196 359 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
@@ -220,17 +383,14 @@
220 383 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
221 384 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
222 385 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
223 386 .frm_form_fields_active_style,
224 -.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
225 387 .<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
226 388 .<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{
227 389 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
228 390 border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
229 - color: var(--text-color);
230 391 <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
231 392 box-shadow:none;
232 - outline: none;
233 393 <?php } else { ?>
234 394 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);
235 395 <?php } ?>
236 396 }
@@ -239,14 +399,11 @@
239 399 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message,
240 400 .<?php echo esc_html( $style_class ); ?> input[type=submit],
241 401 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button],
242 402 .<?php echo esc_html( $style_class ); ?> .frm_submit button,
243 -.frm_form_submit_style,
244 -.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
403 +.frm_form_submit_style{
245 404 width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
246 - <?php if ( ! empty( $font ) ) { ?>
247 - font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
248 - <?php } ?>
405 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
249 406 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
250 407 height:<?php echo esc_html( $submit_height . $important ); ?>;
251 408 line-height:normal<?php echo esc_html( $important ); ?>;
252 409 text-align:center;
@@ -278,15 +435,10 @@
278 435 -webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
279 436 box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
280 437 <?php } ?>
281 438 margin:<?php echo esc_html( $submit_margin ); ?>;
282 - <?php
283 - // For reverse compatibility... But allow "10px 10px".
284 - if ( strpos( trim( $submit_margin ), ' ' ) === false ) {
285 - ?>
286 - margin-left:0;
287 - margin-right:0;
288 - <?php } ?>
439 + margin-left:0;
440 + margin-right:0;
289 441 vertical-align:middle;
290 442 }
291 443
292 444 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
@@ -293,9 +445,8 @@
293 445 margin:0;
294 446 }
295 447
296 448 <?php if ( empty( $submit_bg_img ) ) { ?>
297 -.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:hover,
298 449 .<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
299 450 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
300 451 .<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
301 452 background: <?php echo esc_html( $submit_hover_bg_color . $important ); ?>;
@@ -306,9 +457,8 @@
306 457 .<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
307 458 margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
308 459 }
309 460
310 -.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
311 461 .<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
312 462 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:focus,
313 463 .<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
314 464 .<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
@@ -316,15 +466,10 @@
316 466 .<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
317 467 background: <?php echo esc_html( $submit_active_bg_color . $important ); ?>;
318 468 border-color: <?php echo esc_html( $submit_active_border_color . $important ); ?>;
319 469 color: <?php echo esc_html( $submit_active_color . $important ); ?>;
320 - outline: none;
321 470 }
322 471
323 -.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page,
324 -.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:hover,
325 -.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:active,
326 -.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:focus,
327 472 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit,
328 473 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:hover,
329 474 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
330 475 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
@@ -331,9 +476,8 @@
331 476 color: transparent <?php echo esc_html( $important ); ?>;
332 477 background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
333 478 }
334 479
335 -.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
336 480 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
337 481 border-bottom-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
338 482 border-right-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
339 483 <?php if ( $submit_height !== 'auto' ) { ?>
@@ -350,11 +494,9 @@
350 494
351 495 .<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
352 496 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
353 497 content:"before";
354 - <?php if ( ! empty( $font ) ) { ?>
355 - font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
356 - <?php } ?>
498 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
357 499 font-size:<?php echo esc_html( $font_size . $important ); ?>;
358 500 color:<?php echo esc_html( $label_color . $important ); ?>;
359 501 font-weight:<?php echo esc_html( $weight . $important ); ?>;
360 502 margin:0;
@@ -370,12 +512,16 @@
370 512 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit button {
371 513 margin: 0 !important;
372 514 }
373 515
516 +.<?php echo esc_html( $style_class ); ?> a.frm_save_draft{
517 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
518 + font-size:<?php echo esc_html( $submit_font_size ); ?>;
519 + font-weight:<?php echo esc_html( $submit_weight ); ?>;
520 +}
521 +
374 522 .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
375 - <?php if ( ! empty( $font ) ) { ?>
376 - font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
377 - <?php } ?>
523 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
378 524 font-size:<?php echo esc_html( $font_size . $important ); ?>;
379 525 color:<?php echo esc_html( $label_color . $important ); ?>;
380 526 font-weight:<?php echo esc_html( $weight . $important ); ?>;
381 527 clear:both;
@@ -380,8 +526,42 @@
380 526 font-weight:<?php echo esc_html( $weight . $important ); ?>;
381 527 clear:both;
382 528 }
383 529
530 +.<?php echo esc_html( $style_class ); ?> .frm_radio{
531 + display:<?php echo esc_html( $radio_align . $important ); ?>;
532 +}
533 +
534 +.<?php echo esc_html( $style_class ); ?> .frm_checkbox{
535 + display:<?php echo esc_html( $check_align . $important ); ?>;
536 +}
537 +
538 +.<?php echo esc_html( $style_class ); ?> .vertical_radio .frm_checkbox,
539 +.<?php echo esc_html( $style_class ); ?> .vertical_radio .frm_radio,
540 +.vertical_radio .frm_catlevel_1{
541 + display:block<?php echo esc_html( $important ); ?>;
542 +}
543 +
544 +.<?php echo esc_html( $style_class ); ?> .horizontal_radio .frm_checkbox,
545 +.<?php echo esc_html( $style_class ); ?> .horizontal_radio .frm_radio,
546 +.horizontal_radio .frm_catlevel_1{
547 + display:inline-block<?php echo esc_html( $important ); ?>;
548 +}
549 +
550 +.<?php echo esc_html( $style_class ); ?> .frm_radio label,
551 +.<?php echo esc_html( $style_class ); ?> .frm_checkbox label{
552 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
553 + font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
554 + color:<?php echo esc_html( $check_label_color . $important ); ?>;
555 + font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
556 +}
557 +
558 +.<?php echo esc_html( $style_class ); ?> .frm_radio input[type=radio],
559 +.<?php echo esc_html( $style_class ); ?> .frm_checkbox input[type=checkbox] {
560 + font-size: <?php echo esc_html( $check_font_size . $important ); ?>;
561 + position: static<?php echo esc_html( $important ); ?>;
562 +}
563 +
384 564 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
385 565 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
386 566 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
387 567 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
@@ -388,13 +568,12 @@
388 568 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
389 569 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
390 570 .<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
391 571 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
392 -.<?php echo esc_html( $style_class ); ?> .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
572 +.<?php echo esc_html( $style_class ); ?> .frm_blank_field select,
393 573 .frm_form_fields_error_style,
394 574 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
395 575 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
396 -.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
397 576 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
398 577 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
399 578 .<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
400 579 color:<?php echo esc_html( $text_color_error . $important ); ?>;
@@ -407,16 +586,14 @@
407 586 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
408 587 border-color:<?php echo esc_html( $border_color_error ); ?> !important;
409 588 }
410 589
411 -.<?php echo esc_html( $style_class ); ?> .frm_error,
412 -.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
590 +.<?php echo esc_html( $style_class ); ?> .frm_error{
413 591 font-weight:<?php echo esc_html( $weight . $important ); ?>;
414 592 }
415 593
416 594 .<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
417 -.<?php echo esc_html( $style_class ); ?> .frm_error,
418 -.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
595 +.<?php echo esc_html( $style_class ); ?> .frm_error{
419 596 color:<?php echo esc_html( $border_color_error . $important ); ?>;
420 597 }
421 598
422 599 .<?php echo esc_html( $style_class ); ?> .frm_error_style{
@@ -428,8 +605,44 @@
428 605 margin:0;
429 606 margin-bottom:<?php echo esc_html( $field_margin ); ?>;
430 607 }
431 608
609 +.<?php echo esc_html( $style_class ); ?> .frm_message,
610 +.frm_success_style{
611 + border:1px solid <?php echo esc_html( $success_border_color ); ?>;
612 + background-color:<?php echo esc_html( $success_bg_color . $important ); ?>;
613 + color:<?php echo esc_html( $success_text_color . $important ); ?>;
614 + border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
615 +}
616 +
617 +.<?php echo esc_html( $style_class ); ?> .frm_message p{
618 + color:<?php echo esc_html( $success_text_color . $important ); ?>;
619 +}
620 +
621 +.<?php echo esc_html( $style_class ); ?> .frm_message{
622 + margin:5px 0 15px;
623 + font-size:<?php echo esc_html( $success_font_size . $important ); ?>;
624 +}
625 +
626 +.<?php echo esc_html( $style_class ); ?> .frm-grid td,
627 +.frm-grid th{
628 + border-color:<?php echo esc_html( $border_color ); ?>;
629 +}
630 +
631 +.form_results.<?php echo esc_html( $style_class ); ?>{
632 + border:<?php echo esc_html( $field_border_width ); ?> solid <?php echo esc_html( $border_color . $important ); ?>;
633 +}
634 +
635 +.form_results.<?php echo esc_html( $style_class ); ?> tr td{
636 + color: <?php echo esc_html( $text_color . $important ); ?>;
637 + border-top:<?php echo esc_html( $field_border_width ); ?> solid <?php echo esc_html( $border_color . $important ); ?>;
638 +}
639 +
640 +.form_results.<?php echo esc_html( $style_class ); ?> tr.frm_even,
641 +.frm-grid .frm_even{
642 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
643 +}
644 +
432 645 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
433 646 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));
434 647 }
435 648
@@ -436,10 +649,45 @@
436 649 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
437 650 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
438 651 }
439 652
440 -.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big input,
441 -.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big textarea,
653 +.<?php echo esc_html( $style_class ); ?> .frm_grid,
654 +.<?php echo esc_html( $style_class ); ?> .frm_grid_first,
655 +.<?php echo esc_html( $style_class ); ?> .frm_grid_odd{
656 + border-color:<?php echo esc_html( $border_color ); ?>;
657 +}
658 +
659 +.<?php echo esc_html( $style_class ); ?> .frm_grid.frm_blank_field,
660 +.<?php echo esc_html( $style_class ); ?> .frm_grid_first.frm_blank_field,
661 +.<?php echo esc_html( $style_class ); ?> .frm_grid_odd.frm_blank_field{
662 + background-color:<?php echo esc_html( $error_bg . $important ); ?>;
663 + border-color:<?php echo esc_html( $error_border ); ?>;
664 +}
665 +
666 +.<?php echo esc_html( $style_class ); ?> .frm_grid_first,
667 +.<?php echo esc_html( $style_class ); ?> .frm_grid_odd{
668 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
669 +}
670 +
671 +.<?php echo esc_html( $style_class ); ?> .frm_grid{
672 + background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
673 +}
674 +
675 +.<?php echo esc_html( $style_class ); ?> .frm_html_container.frm_scroll_box,
676 +.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_html_scroll_box{
677 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
678 + border-color: <?php echo esc_html( $border_color . $important ); ?>;
679 + border-width:<?php echo esc_html( $field_border_width . $important ); ?>;
680 + border-style:<?php echo esc_html( $field_border_style . $important ); ?>;
681 + -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
682 + -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
683 + border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
684 + width:<?php echo esc_html( ( $field_width == '' ? 'auto' : $field_width ) . $important ); ?>;
685 + font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
686 + padding:<?php echo esc_html( $field_pad . $important ); ?>;
687 + outline:none<?php echo esc_html( $important ); ?>;
688 +}
689 +
442 690 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
443 691 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total textarea{
444 692 color: <?php echo esc_html( $text_color . $important ); ?>;
445 693 background-color:transparent<?php echo esc_html( $important ); ?>;
@@ -448,5 +696,28 @@
448 696 width:auto<?php echo esc_html( $important ); ?>;
449 697 padding:0<?php echo esc_html( $important ); ?>;
450 698 }
451 699
700 +.<?php echo esc_html( $style_class ); ?> .frm_button{
701 + padding:<?php echo esc_html( $submit_padding . $important ); ?>;
702 + -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
703 + -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
704 + border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
705 + font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
706 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
707 + font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
708 + color:<?php echo esc_html( $submit_text_color . $important ); ?>;
709 + background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
710 + border-width:<?php echo esc_html( $submit_border_width ); ?>;
711 + border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
712 + height:<?php echo esc_html( $submit_height . $important ); ?>;
713 +}
714 +
452 715 <?php do_action( 'frm_output_single_style', $settings ); ?>
716 +
717 +@media only screen and (max-width: 600px){
718 + .<?php echo esc_html( $style_class ); ?> .frm_repeat_inline,
719 + .<?php echo esc_html( $style_class ); ?> .frm_repeat_grid{
720 + margin: 20px 0;
721 + }
722 +}
723 +