PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 3.06.06
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v3.06.06
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 +582 -267 6.253.06.06 View file →
@@ -1,91 +1,159 @@
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 -$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 6 $important = empty( $important_style ) ? '' : ' !important';
7 +$label_margin = (int) $width + 10;
13 8
14 -$submit_bg_img = FrmStylesHelper::get_submit_image_bg_url( $settings );
15 -$use_chosen_js = FrmStylesHelper::use_chosen_js();
9 +$minus_icons = FrmStylesHelper::minus_icons();
10 +$arrow_icons = FrmStylesHelper::arrow_icons();
16 11
17 12 ?>
18 -.<?php echo esc_html( $style_class ); ?>{
19 -<?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
13 +
14 +.frm_forms.<?php echo esc_html( $style_class ) ?>{
15 + max-width:<?php echo esc_html( $form_width . $important ) ?>;
16 + direction:<?php echo esc_html( $direction . $important ) ?>;
17 + <?php if ( 'rtl' == $direction ) { ?>
18 + unicode-bidi:embed;
19 + <?php } ?>
20 + <?php if ( $center_form ) { ?>
21 + margin:0 auto;
22 + <?php } ?>
20 23 }
21 24
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 } ?>
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 ) ?>;
31 29 }
32 30
33 31 <?php if ( $center_form ) { ?>
34 -.frm_inline_form.<?php echo esc_html( $style_class ); ?> form{
32 +.frm_inline_form.<?php echo esc_html( $style_class ) ?> form{
35 33 text-align:center;
36 34 }
37 35 <?php } ?>
38 36
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 ); ?>;
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. ?>;
42 45 }
43 -<?php } ?>
44 46
45 -.<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
46 - margin-bottom:0<?php echo esc_html( $important ); ?>;
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 ) ?>;
47 54 }
48 55
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%;
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;
80 66 }
81 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 +
83 +.<?php echo esc_html( $style_class ) ?> .frm_icon_font{
84 + color:<?php echo esc_html( $label_color . $important ) ?>;
85 +}
86 +
87 +.<?php echo esc_html( $style_class ) ?> .frm_icon_font.frm_minus_icon:before{
88 + content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['-'] : $minus_icons[1]['-'] ) ?>";
89 +}
90 +
91 +.<?php echo esc_html( $style_class ) ?> .frm_icon_font.frm_plus_icon:before{
92 + content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['+'] : $minus_icons[1]['+'] ) ?>";
93 +}
94 +
95 +.<?php echo esc_html( $style_class ) ?> .frm_icon_font.frm_minus_icon:before,
96 +.<?php echo esc_html( $style_class ) ?> .frm_icon_font.frm_plus_icon:before{
97 + color:<?php echo esc_html( $submit_text_color . $important ) ?>;
98 + vertical-align:middle;
99 +}
100 +
101 +.<?php echo esc_html( $style_class ) ?> .frm_trigger.active .frm_icon_font.frm_arrow_icon:before{
102 + content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['-'] : $arrow_icons[1]['-'] ) ?>";
103 + color:<?php echo esc_html( $section_color . $important ) ?>;
104 +}
105 +
106 +.<?php echo esc_html( $style_class ) ?> .frm_trigger .frm_icon_font.frm_arrow_icon:before{
107 + content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['+'] : $arrow_icons[1]['+'] ) ?>";
108 + color:<?php echo esc_html( $section_color . $important ) ?>;
109 +}
110 +
111 +.<?php echo esc_html( $style_class ) ?> .form-field{
112 + margin-bottom:<?php echo esc_html( $field_margin . $important ) ?>;
113 +}
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 +}
119 +.<?php echo esc_html( $style_class ) ?> .form-field.frm_section_heading{
120 + margin-bottom:0<?php echo esc_html( $important ) ?>;
121 +}
122 +
123 +.<?php echo esc_html( $style_class ) ?> p.description,
124 +.<?php echo esc_html( $style_class ) ?> div.description,
125 +.<?php echo esc_html( $style_class ) ?> div.frm_description,
126 +.<?php echo esc_html( $style_class ) ?> .frm-show-form > div.frm_description,
127 +.<?php echo esc_html( $style_class ) ?> .frm_error{
128 + margin:<?php echo esc_html( $description_margin . $important ) ?>;
129 + padding:0;
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 ) ?>;
136 + max-width:100%;
137 +}
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 +
82 148 /* Left and right labels */
83 149 <?php
84 150
151 +$frm_settings = FrmAppHelper::get_settings();
152 +
85 153 if ( '' === $field_height || 'auto' === $field_height ) {
86 154 foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
87 - ?>
155 + ?>
88 156 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
89 157 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=password],
90 158 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=email],
91 159 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=number],
@@ -95,117 +163,246 @@
95 163 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=search],
96 164 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container select,
97 165 <?php } ?>
98 166 .<?php echo esc_html( $style_class ); ?> .frm_left_container select{
99 - 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 } ?>
100 172 }
101 173 <?php } ?>
102 174
103 175 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_left_container{
104 - grid-template-columns: <?php echo esc_html( $width ); ?> auto;
176 + grid-template-columns: <?php echo esc_html( $width ) ?> auto;
105 177 }
106 178
107 179 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_right_container{
108 - grid-template-columns: auto <?php echo esc_html( $width ); ?>;
180 + grid-template-columns: auto <?php echo esc_html( $width ) ?>;
109 181 }
110 182
111 183 .frm_form_field.frm_right_container{
112 - grid-template-columns: auto 25%;
184 + grid-template-columns: auto 25%;
113 185 }
114 186
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 ); ?>;
187 +.<?php echo esc_html( $style_class ) ?> .frm_inline_container.frm_dynamic_select_container .frm_data_container,
188 +.<?php echo esc_html( $style_class ) ?> .frm_inline_container.frm_dynamic_select_container .frm_opt_container{
189 + display:inline<?php echo esc_html( $important ) ?>;
118 190 }
119 191
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 ); ?>;
192 +.<?php echo esc_html( $style_class ) ?> .frm_pos_right{
193 + display:inline<?php echo esc_html( $important ) ?>;
194 + width:<?php echo esc_html( $width . $important ); ?>;
123 195 }
124 196
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 ); ?>;
197 +.<?php echo esc_html( $style_class ) ?> .frm_none_container .frm_primary_label,
198 +.<?php echo esc_html( $style_class ) ?> .frm_pos_none{
199 + display:none<?php echo esc_html( $important ) ?>;
128 200 }
129 201
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 } ?>
202 +.<?php echo esc_html( $style_class ) ?> .frm_scale label{
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 ) ?>;
144 207 }
145 -<?php endif; ?>
146 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=text],
275 +.<?php echo esc_html( $style_class ) ?> input[type=password],
276 +.<?php echo esc_html( $style_class ) ?> input[type=email],
277 +.<?php echo esc_html( $style_class ) ?> input[type=number],
278 +.<?php echo esc_html( $style_class ) ?> input[type=url],
279 +.<?php echo esc_html( $style_class ) ?> input[type=tel],
280 +.<?php echo esc_html( $style_class ) ?> input[type=file],
281 +.<?php echo esc_html( $style_class ) ?> input[type=search],
282 +.<?php echo esc_html( $style_class ) ?> select{
283 + height:<?php echo esc_html( ( $field_height == '' ? 'auto' : $field_height ) . $important ) ?>;
284 + line-height:1.3<?php echo esc_html( $important ) ?>;
285 +}
286 +
287 +.<?php echo esc_html( $style_class ) ?> select[multiple="multiple"]{
288 + height:auto <?php echo esc_html( $important ) ?>;
289 +}
290 +
291 +.<?php echo esc_html( $style_class ) ?> input[type=file]{
292 + color: <?php echo esc_html( $text_color . $important ) ?>;
293 + padding:0px;
294 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
295 + font-size:<?php echo esc_html( $field_font_size . $important ) ?>;
296 +}
297 +
298 +.<?php echo esc_html( $style_class ) ?> input[type=file].frm_transparent{
299 + color:transparent<?php echo esc_html( $important ) ?>;
300 +}
301 +
302 +.<?php echo esc_html( $style_class ) ?> select{
303 + width:<?php echo esc_html( ( $auto_width ? 'auto' : $field_width ) . $important ) ?>;
304 + max-width:100%;
305 +}
306 +
307 +.<?php echo esc_html( $style_class ) ?> .wp-editor-wrap{
308 + width:<?php echo esc_html( $field_width . $important ) ?>;
309 + max-width:100%;
310 +}
311 +
312 +.<?php echo esc_html( $style_class ) ?> .wp-editor-container textarea{
313 + border:none<?php echo esc_html( $important ) ?>;
314 +}
315 +
316 +.<?php echo esc_html( $style_class ) ?> .mceIframeContainer{
317 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
318 +}
319 +
320 +.<?php echo esc_html( $style_class ) ?> .auto_width input,
321 +.<?php echo esc_html( $style_class ) ?> input.auto_width,
322 +.<?php echo esc_html( $style_class ) ?> select.auto_width,
323 +.<?php echo esc_html( $style_class ) ?> textarea.auto_width{
324 + width:auto<?php echo esc_html( $important ) ?>;
325 +}
326 +
327 +.<?php echo esc_html( $style_class ) ?> input[disabled],
328 +.<?php echo esc_html( $style_class ) ?> select[disabled],
329 +.<?php echo esc_html( $style_class ) ?> textarea[disabled],
330 +.<?php echo esc_html( $style_class ) ?> input[readonly],
331 +.<?php echo esc_html( $style_class ) ?> select[readonly],
332 +.<?php echo esc_html( $style_class ) ?> textarea[readonly]{
333 + background-color:<?php echo esc_html( $bg_color_disabled . $important ); ?>;
334 + color:<?php echo esc_html( $text_color_disabled . $important ) ?>;
335 + border-color:<?php echo esc_html( $border_color_disabled . $important ) ?>;
336 +}
337 +
147 338 /* 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 ); ?>;
339 +.<?php echo esc_html( $style_class ) ?> input::placeholder,
340 +.<?php echo esc_html( $style_class ) ?> textarea::placeholder{
341 + color: <?php echo esc_html( $text_color_disabled . $important ) ?>;
151 342 }
343 +.<?php echo esc_html( $style_class ) ?> input::-webkit-input-placeholder,
344 +.<?php echo esc_html( $style_class ) ?> textarea::-webkit-input-placeholder{
345 + color: <?php echo esc_html( $text_color_disabled . $important ) ?>;
346 +}
347 +.<?php echo esc_html( $style_class ) ?> input::-moz-placeholder,
348 +.<?php echo esc_html( $style_class ) ?> textarea::-moz-placeholder{
349 + color: <?php echo esc_html( $text_color_disabled . $important ) ?>;
350 +}
351 +.<?php echo esc_html( $style_class ) ?> input:-ms-input-placeholder,
352 +<?php echo esc_html( $style_class ) ?> textarea:-ms-input-placeholder{
353 + color: <?php echo esc_html( $text_color_disabled . $important ) ?>;
354 +}
355 +.<?php echo esc_html( $style_class ) ?> input:-moz-placeholder,
356 +.<?php echo esc_html( $style_class ) ?> textarea:-moz-placeholder{
357 + color: <?php echo esc_html( $text_color_disabled . $important ) ?>;
358 +}
152 359
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 ); ?>;
360 +.<?php echo esc_html( $style_class ) ?> .frm_default,
361 +.<?php echo esc_html( $style_class ) ?> input.frm_default,
362 +.<?php echo esc_html( $style_class ) ?> textarea.frm_default,
363 +.<?php echo esc_html( $style_class ) ?> select.frm_default,
364 +.<?php echo esc_html( $style_class ) ?> .placeholder,
365 +.<?php echo esc_html( $style_class ) ?> .chosen-container-multi .chosen-choices li.search-field .default,
366 +.<?php echo esc_html( $style_class ) ?> .chosen-container-single .chosen-default{
367 + color: <?php echo esc_html( $text_color_disabled . $important ) ?>;
163 368 }
164 369
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],
370 +.<?php echo esc_html( $style_class ) ?> .form-field input:not([type=file]):focus,
371 +.<?php echo esc_html( $style_class ) ?> select:focus,
372 +.<?php echo esc_html( $style_class ) ?> textarea:focus,
373 +.<?php echo esc_html( $style_class ) ?> .frm_focus_field input[type=text],
374 +.<?php echo esc_html( $style_class ) ?> .frm_focus_field input[type=password],
375 +.<?php echo esc_html( $style_class ) ?> .frm_focus_field input[type=email],
376 +.<?php echo esc_html( $style_class ) ?> .frm_focus_field input[type=number],
377 +.<?php echo esc_html( $style_class ) ?> .frm_focus_field input[type=url],
378 +.<?php echo esc_html( $style_class ) ?> .frm_focus_field input[type=tel],
379 +.<?php echo esc_html( $style_class ) ?> .frm_focus_field input[type=search],
175 380 .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 {
381 +.<?php echo esc_html( $style_class ) ?> .chosen-container-single.chosen-container-active .chosen-single,
382 +.<?php echo esc_html( $style_class ) ?> .chosen-container-active .chosen-choices{
181 383 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
182 384 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 } ?>
385 + <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
386 + box-shadow:none;
387 + <?php } else { ?>
388 + 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);
389 + <?php } ?>
190 390 }
191 391
192 392 <?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:
393 +.<?php echo esc_html( $style_class ) ?> .frm_compact .frm_dropzone.dz-clickable .dz-message,
394 +.<?php echo esc_html( $style_class ) ?> input[type=submit],
395 +.<?php echo esc_html( $style_class ) ?> .frm_submit input[type=button],
396 +.<?php echo esc_html( $style_class ) ?> .frm_submit button,
397 +.frm_form_submit_style{
398 + width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ) ?>;
399 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
400 + font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
401 + height:<?php echo esc_html( $submit_height . $important ) ?>;
402 + line-height:normal<?php echo esc_html( $important ) ?>;
403 + text-align:center;
404 + background:
208 405 <?php
209 406 echo esc_html( $submit_bg_color );
210 407 if ( ! empty( $submit_bg_img ) ) {
211 408 echo esc_html( ' url(' . $submit_bg_img . ')' );
@@ -212,191 +409,309 @@
212 409 }
213 410 echo esc_html( $important );
214 411 ?>
215 412 ;
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;
413 + border-width:<?php echo esc_html( $submit_border_width ) ?>;
414 + border-color: <?php echo esc_html( $submit_border_color . $important ) ?>;
415 + border-style:solid;
416 + color:<?php echo esc_html( $submit_text_color . $important ) ?>;
417 + cursor:pointer;
418 + font-weight:<?php echo esc_html( $submit_weight . $important ) ?>;
419 + -moz-border-radius:<?php echo esc_html( $submit_border_radius . $important ) ?>;
420 + -webkit-border-radius:<?php echo esc_html( $submit_border_radius . $important ) ?>;
421 + border-radius:<?php echo esc_html( $submit_border_radius . $important ) ?>;
422 + text-shadow:none;
423 + padding:<?php echo esc_html( $submit_padding . $important ) ?>;
424 + -moz-box-sizing:border-box;
425 + box-sizing:border-box;
426 + -ms-box-sizing:border-box;
228 427 <?php if ( ! empty( $submit_shadow_color ) ) { ?>
428 + -moz-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
429 + -webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
229 430 box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
230 431 <?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;
432 + margin:<?php echo esc_html( $submit_margin ) ?>;
433 + margin-left:0;
434 + margin-right:0;
435 + vertical-align:middle;
240 436 }
241 437
242 -.<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
438 +.<?php echo esc_html( $style_class ) ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
243 439 margin:0;
244 440 }
245 441
246 - <?php if ( empty( $submit_bg_img ) ) { ?>
247 -.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:hover,
442 +<?php if ( empty( $submit_bg_img ) ) { ?>
248 443 .<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
249 444 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
250 445 .<?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 ); ?>;
446 + background: <?php echo esc_html( $submit_hover_bg_color . $important ) ?>;
447 + border-color: <?php echo esc_html( $submit_hover_border_color . $important ) ?>;
448 + color: <?php echo esc_html( $submit_hover_color . $important ) ?>;
254 449 }
255 450
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 ) ); ?>;
451 +.<?php echo esc_html( $style_class ) ?>.frm_center_submit .frm_submit .frm_ajax_loading{
452 + margin-bottom:<?php echo esc_html( $submit_margin ) ?>;
258 453 }
259 454
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;
455 +.<?php echo esc_html( $style_class ) ?> input[type=submit]:focus,
456 +.<?php echo esc_html( $style_class ) ?> .frm_submit input[type=button]:focus,
457 +.<?php echo esc_html( $style_class ) ?> .frm_submit button:focus,
458 +.<?php echo esc_html( $style_class ) ?> input[type=submit]:active,
459 +.<?php echo esc_html( $style_class ) ?> .frm_submit input[type=button]:active,
460 +.<?php echo esc_html( $style_class ) ?> .frm_submit button:active{
461 + background: <?php echo esc_html( $submit_active_bg_color . $important ) ?>;
462 + border-color: <?php echo esc_html( $submit_active_border_color . $important ) ?>;
463 + color: <?php echo esc_html( $submit_active_color . $important ) ?>;
271 464 }
272 465
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 ); ?>;
466 +.<?php echo esc_html( $style_class ) ?> .frm_loading_form .frm_button_submit,
467 +.<?php echo esc_html( $style_class ) ?> .frm_loading_form .frm_button_submit:hover,
468 +.<?php echo esc_html( $style_class ) ?> .frm_loading_form .frm_button_submit:active,
469 +.<?php echo esc_html( $style_class ) ?> .frm_loading_form .frm_button_submit:focus{
470 + color: transparent <?php echo esc_html( $important ) ?>;
471 + background: <?php echo esc_html( $submit_bg_color . $important ) ?>;
284 472 }
285 473
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 } ?>
474 +.<?php echo esc_html( $style_class ) ?> .frm_loading_form .frm_button_submit:before {
475 + border-bottom-color: <?php echo esc_html( $submit_text_color . $important ) ?>;
476 + border-right-color: <?php echo esc_html( $submit_text_color . $important ) ?>;
477 + <?php if ( $submit_height !== 'auto' ) { ?>
478 + max-height:<?php echo esc_html( $submit_height ) ?>;
479 + <?php } ?>
480 + <?php if ( $submit_width !== 'auto' ) { ?>
481 + max-width:<?php echo esc_html( $submit_width ) ?>;
482 + <?php } ?>
296 483 }
297 - <?php
298 - }//end if
299 -}//end if
484 +<?php
485 + }
486 +}
300 487 ?>
301 488
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 {
489 +.<?php echo esc_html( $style_class ) ?>.frm_inline_top .frm_submit::before,
490 +.<?php echo esc_html( $style_class ) ?> .frm_submit.frm_inline_submit::before {
304 491 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 ); ?>;
492 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
493 + font-size:<?php echo esc_html( $font_size . $important ) ?>;
494 + color:<?php echo esc_html( $label_color . $important ) ?>;
495 + font-weight:<?php echo esc_html( $weight . $important ) ?>;
311 496 margin:0;
312 - padding:<?php echo esc_html( $label_padding . $important ); ?>;
497 + padding:<?php echo esc_html( $label_padding . $important ) ?>;
313 498 width:auto;
314 499 display:block;
315 500 visibility:hidden;
316 501 }
317 502
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 {
503 +.<?php echo esc_html( $style_class ) ?>.frm_inline_form .frm_submit input,
504 +.<?php echo esc_html( $style_class ) ?>.frm_inline_form .frm_submit button,
505 +.<?php echo esc_html( $style_class ) ?> .frm_submit.frm_inline_submit input,
506 +.<?php echo esc_html( $style_class ) ?> .frm_submit.frm_inline_submit button {
322 507 margin: 0 !important;
323 508 }
324 509
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;
510 +.<?php echo esc_html( $style_class ) ?> a.frm_save_draft{
511 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
512 + font-size:<?php echo esc_html( $submit_font_size ) ?>;
513 + font-weight:<?php echo esc_html( $submit_weight ) ?>;
333 514 }
334 515
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),
516 +.<?php echo esc_html( $style_class ) ?> #frm_field_cptch_number_container{
517 + font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
518 + font-size:<?php echo esc_html( $font_size . $important ) ?>;
519 + color:<?php echo esc_html( $label_color . $important ) ?>;
520 + font-weight:<?php echo esc_html( $weight . $important ) ?>;
521 + clear:both;
522 +}
523 +
524 +.<?php echo esc_html( $style_class ) ?> .frm_radio{
525 + display:<?php echo esc_html( $radio_align . $important ) ?>;
526 +}
527 +
528 +.<?php echo esc_html( $style_class ) ?> .frm_checkbox{
529 + display:<?php echo esc_html( $check_align . $important ) ?>;
530 +}
531 +
532 +.<?php echo esc_html( $style_class ) ?> .vertical_radio .frm_checkbox,
533 +.<?php echo esc_html( $style_class ) ?> .vertical_radio .frm_radio,
534 +.vertical_radio .frm_catlevel_1{
535 + display:block<?php echo esc_html( $important ) ?>;
536 +}
537 +
538 +.<?php echo esc_html( $style_class ) ?> .horizontal_radio .frm_checkbox,
539 +.<?php echo esc_html( $style_class ) ?> .horizontal_radio .frm_radio,
540 +.horizontal_radio .frm_catlevel_1{
541 + display:inline-block<?php echo esc_html( $important ) ?>;
542 +}
543 +
544 +.<?php echo esc_html( $style_class ) ?> .frm_radio label,
545 +.<?php echo esc_html( $style_class ) ?> .frm_checkbox label{
546 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
547 + font-size:<?php echo esc_html( $check_font_size . $important ) ?>;
548 + color:<?php echo esc_html( $check_label_color . $important ) ?>;
549 + font-weight:<?php echo esc_html( $check_weight . $important ) ?>;
550 +}
551 +
552 +.<?php echo esc_html( $style_class ) ?> .frm_radio input[type=radio],
553 +.<?php echo esc_html( $style_class ) ?> .frm_checkbox input[type=checkbox] {
554 + font-size: <?php echo esc_html( $check_font_size . $important ) ?>;
555 + position: static<?php echo esc_html( $important ) ?>;
556 +}
557 +
558 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field input[type=text],
559 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field input[type=password],
560 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field input[type=url],
561 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field input[type=tel],
562 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field input[type=number],
563 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field input[type=email],
564 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field textarea,
565 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field .mce-edit-area iframe,
566 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field select,
346 567 .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 {
568 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field .frm-g-recaptcha iframe,
569 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field .g-recaptcha iframe,
570 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field .chosen-container-multi .chosen-choices,
571 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field .chosen-container-single .chosen-single,
572 +.<?php echo esc_html( $style_class ) ?> .frm_form_field :invalid{
355 573 color:<?php echo esc_html( $text_color_error . $important ); ?>;
356 574 background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
357 575 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 ); ?>;
576 + border-width:<?php echo esc_html( $border_width_error . $important ) ?>;
577 + border-style:<?php echo esc_html( $border_style_error . $important ) ?>;
360 578 }
361 579
362 -.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
580 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field .sigWrapper{
363 581 border-color:<?php echo esc_html( $border_color_error ); ?> !important;
364 582 }
365 583
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 ); ?>;
584 +.<?php echo esc_html( $style_class ) ?> .frm_error{
585 + font-weight:<?php echo esc_html( $weight . $important ) ?>;
370 586 }
371 587
372 -.<?php echo esc_html( $style_class ); ?> .frm_error_style{
588 +.<?php echo esc_html( $style_class ) ?> .frm_blank_field label,
589 +.<?php echo esc_html( $style_class ) ?> .frm_error{
590 + color:<?php echo esc_html( $border_color_error . $important ); ?>;
591 +}
592 +
593 +.<?php echo esc_html( $style_class ) ?> .frm_error_style{
373 594 background-color:<?php echo esc_html( $error_bg . $important ); ?>;
374 595 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 ); ?>;
596 + border-radius:<?php echo esc_html( $border_radius . $important ) ?>;
597 + color: <?php echo esc_html( $error_text . $important ) ?>;
598 + font-size:<?php echo esc_html( $error_font_size . $important ) ?>;
599 + margin:0;
600 + margin-bottom:<?php echo esc_html( $field_margin ) ?>;
380 601 }
381 602
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));
603 +.<?php echo esc_html( $style_class ) ?> .frm_message,
604 +.frm_success_style{
605 + border:1px solid <?php echo esc_html( $success_border_color ); ?>;
606 + background-color:<?php echo esc_html( $success_bg_color . $important ); ?>;
607 + color:<?php echo esc_html( $success_text_color . $important ); ?>;
608 + border-radius:<?php echo esc_html( $border_radius . $important ) ?>;
384 609 }
385 610
386 -.<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
611 +.<?php echo esc_html( $style_class ) ?> .frm_message p{
612 + color:<?php echo esc_html( $success_text_color . $important ); ?>;
613 +}
614 +
615 +.<?php echo esc_html( $style_class ) ?> .frm_message{
616 + margin:5px 0 15px;
617 + font-size:<?php echo esc_html( $success_font_size . $important ) ?>;
618 +}
619 +
620 +.<?php echo esc_html( $style_class ) ?> .frm-grid td,
621 +.frm-grid th{
622 + border-color:<?php echo esc_html( $border_color ) ?>;
623 +}
624 +
625 +.form_results.<?php echo esc_html( $style_class ) ?>{
626 + border:<?php echo esc_html( $field_border_width ) ?> solid <?php echo esc_html( $border_color . $important ) ?>;
627 +}
628 +
629 +.form_results.<?php echo esc_html( $style_class ) ?> tr td{
630 + color: <?php echo esc_html( $text_color . $important ) ?>;
631 + border-top:<?php echo esc_html( $field_border_width ) ?> solid <?php echo esc_html( $border_color . $important ) ?>;
632 +}
633 +
634 +.form_results.<?php echo esc_html( $style_class ) ?> tr.frm_even,
635 +.frm-grid .frm_even{
387 636 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
388 637 }
389 638
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 ); ?>;
639 +.<?php echo esc_html( $style_class ) ?> #frm_loading .progress-striped .progress-bar{
640 + 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));
400 641 }
401 642
643 +.<?php echo esc_html( $style_class ) ?> #frm_loading .progress-bar{
644 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
645 +}
646 +
647 +.<?php echo esc_html( $style_class ) ?> .frm_grid,
648 +.<?php echo esc_html( $style_class ) ?> .frm_grid_first,
649 +.<?php echo esc_html( $style_class ) ?> .frm_grid_odd{
650 + border-color:<?php echo esc_html( $border_color ) ?>;
651 +}
652 +
653 +.<?php echo esc_html( $style_class ) ?> .frm_grid.frm_blank_field,
654 +.<?php echo esc_html( $style_class ) ?> .frm_grid_first.frm_blank_field,
655 +.<?php echo esc_html( $style_class ) ?> .frm_grid_odd.frm_blank_field{
656 + background-color:<?php echo esc_html( $error_bg . $important ); ?>;
657 + border-color:<?php echo esc_html( $error_border ); ?>;
658 +}
659 +
660 +.<?php echo esc_html( $style_class ) ?> .frm_grid_first,
661 +.<?php echo esc_html( $style_class ) ?> .frm_grid_odd{
662 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
663 +}
664 +
665 +.<?php echo esc_html( $style_class ) ?> .frm_grid{
666 + background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
667 +}
668 +
669 +.<?php echo esc_html( $style_class ) ?> .frm_html_container.frm_scroll_box,
670 +.<?php echo esc_html( $style_class ) ?> .frm_form_field.frm_html_scroll_box{
671 + background-color:<?php echo esc_html( $bg_color . $important ); ?>;
672 + border-color: <?php echo esc_html( $border_color . $important ) ?>;
673 + border-width:<?php echo esc_html( $field_border_width . $important ) ?>;
674 + border-style:<?php echo esc_html( $field_border_style . $important ) ?>;
675 + -moz-border-radius:<?php echo esc_html( $border_radius . $important ) ?>;
676 + -webkit-border-radius:<?php echo esc_html( $border_radius . $important ) ?>;
677 + border-radius:<?php echo esc_html( $border_radius . $important ) ?>;
678 + width:<?php echo esc_html( ( $field_width == '' ? 'auto' : $field_width ) . $important ) ?>;
679 + font-size:<?php echo esc_html( $field_font_size . $important ) ?>;
680 + padding:<?php echo esc_html( $field_pad . $important ) ?>;
681 + outline:none<?php echo esc_html( $important ) ?>;
682 +}
683 +
684 +.<?php echo esc_html( $style_class ) ?> .frm_form_field.frm_total input,
685 +.<?php echo esc_html( $style_class ) ?> .frm_form_field.frm_total textarea{
686 + color: <?php echo esc_html( $text_color . $important ) ?>;
687 + background-color:transparent<?php echo esc_html( $important ) ?>;
688 + border:none<?php echo esc_html( $important ) ?>;
689 + display:inline<?php echo esc_html( $important ) ?>;
690 + width:auto<?php echo esc_html( $important ) ?>;
691 + padding:0<?php echo esc_html( $important ) ?>;
692 +}
693 +
694 +.<?php echo esc_html( $style_class ) ?> .frm_button{
695 + padding:<?php echo esc_html( $submit_padding . $important ) ?>;
696 + -moz-border-radius:<?php echo esc_html( $border_radius . $important ) ?>;
697 + -webkit-border-radius:<?php echo esc_html( $border_radius . $important ) ?>;
698 + border-radius:<?php echo esc_html( $border_radius . $important ) ?>;
699 + font-size:<?php echo esc_html( $submit_font_size . $important ) ?>;
700 + font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
701 + font-weight:<?php echo esc_html( $submit_weight . $important ) ?>;
702 + color:<?php echo esc_html( $submit_text_color . $important ) ?>;
703 + background: <?php echo esc_html( $submit_bg_color . $important ) ?>;
704 + border-width:<?php echo esc_html( $submit_border_width ) ?>;
705 + border-color: <?php echo esc_html( $submit_border_color . $important ) ?>;
706 + height:<?php echo esc_html( $submit_height . $important ) ?>;
707 +}
708 +
402 709 <?php do_action( 'frm_output_single_style', $settings ); ?>
710 +
711 +@media only screen and (max-width: 600px){
712 + .<?php echo esc_html( $style_class ) ?> .frm_repeat_inline,
713 + .<?php echo esc_html( $style_class ) ?> .frm_repeat_grid{
714 + margin: 20px 0;
715 + }
716 +}
717 +