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

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

729 lines 33.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2
3 $settings = FrmStylesHelper::get_settings_for_output( $style );
4 extract( $settings );
5
6 $important = empty( $important_style ) ? '' : ' !important';
7 $label_margin = (int) $width + 10;
8
9 $minus_icons = FrmStylesHelper::minus_icons();
10 $arrow_icons = FrmStylesHelper::arrow_icons();
11
12 ?>
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 } ?>
23 }
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
31 <?php if ( $center_form ) { ?>
32 .frm_inline_form.<?php echo esc_html( $style_class ); ?> form{
33 text-align:center;
34 }
35 <?php } ?>
36
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
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
148 /* Left and right labels */
149 <?php
150
151 $frm_settings = FrmAppHelper::get_settings();
152
153 if ( '' === $field_height || 'auto' === $field_height ) {
154 foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
155 ?>
156 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
157 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=password],
158 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=email],
159 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=number],
160 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=url],
161 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=tel],
162 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=file],
163 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=search],
164 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container select,
165 <?php } ?>
166 .<?php echo esc_html( $style_class ); ?> .frm_left_container select{
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 } ?>
172 }
173 <?php } ?>
174
175 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_left_container{
176 grid-template-columns: <?php echo esc_html( $width ); ?> auto;
177 }
178
179 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_right_container{
180 grid-template-columns: auto <?php echo esc_html( $width ); ?>;
181 }
182
183 .frm_form_field.frm_right_container{
184 grid-template-columns: auto 25%;
185 }
186
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 ); ?>;
190 }
191
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 ); ?>;
195 }
196
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 ); ?>;
200 }
201
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 ); ?>;
207 }
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 ); ?> .frm-card-element.StripeElement,
224 .<?php echo esc_html( $style_class ); ?> .chosen-container{
225 font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
226 font-size:<?php echo esc_html( $field_font_size ); ?>;
227 margin-bottom:0<?php echo esc_html( $important ); ?>;
228 }
229
230 .<?php echo esc_html( $style_class ); ?> textarea{
231 vertical-align:top;
232 }
233
234 .<?php echo esc_html( $style_class ); ?> input[type=text],
235 .<?php echo esc_html( $style_class ); ?> input[type=password],
236 .<?php echo esc_html( $style_class ); ?> input[type=email],
237 .<?php echo esc_html( $style_class ); ?> input[type=number],
238 .<?php echo esc_html( $style_class ); ?> input[type=url],
239 .<?php echo esc_html( $style_class ); ?> input[type=tel],
240 .<?php echo esc_html( $style_class ); ?> input[type=phone],
241 .<?php echo esc_html( $style_class ); ?> input[type=search],
242 .<?php echo esc_html( $style_class ); ?> select,
243 .<?php echo esc_html( $style_class ); ?> textarea,
244 .frm_form_fields_style,
245 .<?php echo esc_html( $style_class ); ?> .frm_scroll_box .frm_opt_container,
246 .frm_form_fields_active_style,
247 .frm_form_fields_error_style,
248 .<?php echo esc_html( $style_class ); ?> .frm-card-element.StripeElement,
249 .<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices,
250 .<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-single{
251 color:<?php echo esc_html( $text_color . $important ); ?>;
252 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
253 <?php
254 if ( ! empty( $important ) ) {
255 echo esc_html( 'background-image:none' . $important . ';' );
256 }
257 ?>
258 border-color: <?php echo esc_html( $border_color . $important ); ?>;
259 border-width:<?php echo esc_html( $field_border_width . $important ); ?>;
260 border-style:<?php echo esc_html( $field_border_style . $important ); ?>;
261 -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
262 -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
263 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
264 width:<?php echo esc_html( ( $field_width == '' ? 'auto' : $field_width ) . $important ); ?>;
265 max-width:100%;
266 font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
267 padding:<?php echo esc_html( $field_pad . $important ); ?>;
268 -webkit-box-sizing:border-box;
269 -moz-box-sizing:border-box;
270 box-sizing:border-box;
271 outline:none<?php echo esc_html( $important ); ?>;
272 font-weight:<?php echo esc_html( $field_weight ); ?>;
273 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 ); ?>;
274 }
275
276 .<?php echo esc_html( $style_class ); ?> input[type=radio],
277 .<?php echo esc_html( $style_class ); ?> input[type=checkbox]{
278 border-color: <?php echo esc_html( $border_color . $important ); ?>;
279 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 ); ?>;
280 }
281
282 .<?php echo esc_html( $style_class ); ?> input[type=text],
283 .<?php echo esc_html( $style_class ); ?> input[type=password],
284 .<?php echo esc_html( $style_class ); ?> input[type=email],
285 .<?php echo esc_html( $style_class ); ?> input[type=number],
286 .<?php echo esc_html( $style_class ); ?> input[type=url],
287 .<?php echo esc_html( $style_class ); ?> input[type=tel],
288 .<?php echo esc_html( $style_class ); ?> input[type=file],
289 .<?php echo esc_html( $style_class ); ?> input[type=search],
290 .<?php echo esc_html( $style_class ); ?> select,
291 .<?php echo esc_html( $style_class ); ?> .frm-card-element.StripeElement{
292 height:<?php echo esc_html( ( $field_height == '' ? 'auto' : $field_height ) . $important ); ?>;
293 line-height:1.3<?php echo esc_html( $important ); ?>;
294 }
295
296 .<?php echo esc_html( $style_class ); ?> select[multiple="multiple"]{
297 height:auto <?php echo esc_html( $important ); ?>;
298 }
299
300 .<?php echo esc_html( $style_class ); ?> input[type=file]{
301 color: <?php echo esc_html( $text_color . $important ); ?>;
302 padding:0px;
303 font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
304 font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
305 }
306
307 .<?php echo esc_html( $style_class ); ?> input[type=file].frm_transparent{
308 color:transparent<?php echo esc_html( $important ); ?>;
309 }
310
311 .<?php echo esc_html( $style_class ); ?> select{
312 width:<?php echo esc_html( ( $auto_width ? 'auto' : $field_width ) . $important ); ?>;
313 max-width:100%;
314 }
315
316 .<?php echo esc_html( $style_class ); ?> .wp-editor-wrap{
317 width:<?php echo esc_html( $field_width . $important ); ?>;
318 max-width:100%;
319 }
320
321 .<?php echo esc_html( $style_class ); ?> .wp-editor-container textarea{
322 border:none<?php echo esc_html( $important ); ?>;
323 }
324
325 .<?php echo esc_html( $style_class ); ?> .mceIframeContainer{
326 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
327 }
328
329 .<?php echo esc_html( $style_class ); ?> .auto_width input,
330 .<?php echo esc_html( $style_class ); ?> input.auto_width,
331 .<?php echo esc_html( $style_class ); ?> select.auto_width,
332 .<?php echo esc_html( $style_class ); ?> textarea.auto_width{
333 width:auto<?php echo esc_html( $important ); ?>;
334 }
335
336 .<?php echo esc_html( $style_class ); ?> input[disabled],
337 .<?php echo esc_html( $style_class ); ?> select[disabled],
338 .<?php echo esc_html( $style_class ); ?> textarea[disabled],
339 .<?php echo esc_html( $style_class ); ?> input[readonly],
340 .<?php echo esc_html( $style_class ); ?> select[readonly],
341 .<?php echo esc_html( $style_class ); ?> textarea[readonly]{
342 background-color:<?php echo esc_html( $bg_color_disabled . $important ); ?>;
343 color:<?php echo esc_html( $text_color_disabled . $important ); ?>;
344 border-color:<?php echo esc_html( $border_color_disabled . $important ); ?>;
345 }
346
347 /* These do not work if they are combined */
348 .<?php echo esc_html( $style_class ); ?> input::placeholder,
349 .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
350 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
351 }
352 .<?php echo esc_html( $style_class ); ?> input::-webkit-input-placeholder,
353 .<?php echo esc_html( $style_class ); ?> textarea::-webkit-input-placeholder{
354 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
355 }
356 .<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
357 .<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
358 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
359 }
360 .<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
361 <?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
362 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
363 }
364 .<?php echo esc_html( $style_class ); ?> input:-moz-placeholder,
365 .<?php echo esc_html( $style_class ); ?> textarea:-moz-placeholder{
366 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
367 }
368
369 .<?php echo esc_html( $style_class ); ?> .frm_default,
370 .<?php echo esc_html( $style_class ); ?> input.frm_default,
371 .<?php echo esc_html( $style_class ); ?> textarea.frm_default,
372 .<?php echo esc_html( $style_class ); ?> select.frm_default,
373 .<?php echo esc_html( $style_class ); ?> .placeholder,
374 .<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
375 .<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default{
376 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
377 }
378
379 .<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
380 .<?php echo esc_html( $style_class ); ?> select:focus,
381 .<?php echo esc_html( $style_class ); ?> textarea:focus,
382 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
383 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
384 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
385 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
386 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
387 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
388 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
389 .frm_form_fields_active_style,
390 .<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
391 .<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
392 .<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{
393 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
394 border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
395 <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
396 box-shadow:none;
397 <?php } else { ?>
398 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);
399 <?php } ?>
400 }
401
402 <?php if ( ! $submit_style ) { ?>
403 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message,
404 .<?php echo esc_html( $style_class ); ?> input[type=submit],
405 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button],
406 .<?php echo esc_html( $style_class ); ?> .frm_submit button,
407 .frm_form_submit_style{
408 width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
409 font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
410 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
411 height:<?php echo esc_html( $submit_height . $important ); ?>;
412 line-height:normal<?php echo esc_html( $important ); ?>;
413 text-align:center;
414 background:
415 <?php
416 echo esc_html( $submit_bg_color );
417 if ( ! empty( $submit_bg_img ) ) {
418 echo esc_html( ' url(' . $submit_bg_img . ')' );
419 }
420 echo esc_html( $important );
421 ?>
422 ;
423 border-width:<?php echo esc_html( $submit_border_width ); ?>;
424 border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
425 border-style:solid;
426 color:<?php echo esc_html( $submit_text_color . $important ); ?>;
427 cursor:pointer;
428 font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
429 -moz-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
430 -webkit-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
431 border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
432 text-shadow:none;
433 padding:<?php echo esc_html( $submit_padding . $important ); ?>;
434 -moz-box-sizing:border-box;
435 box-sizing:border-box;
436 -ms-box-sizing:border-box;
437 <?php if ( ! empty( $submit_shadow_color ) ) { ?>
438 -moz-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
439 -webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
440 box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
441 <?php } ?>
442 margin:<?php echo esc_html( $submit_margin ); ?>;
443 margin-left:0;
444 margin-right:0;
445 vertical-align:middle;
446 }
447
448 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
449 margin:0;
450 }
451
452 <?php if ( empty( $submit_bg_img ) ) { ?>
453 .<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
454 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
455 .<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
456 background: <?php echo esc_html( $submit_hover_bg_color . $important ); ?>;
457 border-color: <?php echo esc_html( $submit_hover_border_color . $important ); ?>;
458 color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
459 }
460
461 .<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
462 margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
463 }
464
465 .<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
466 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:focus,
467 .<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
468 .<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
469 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:active,
470 .<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
471 background: <?php echo esc_html( $submit_active_bg_color . $important ); ?>;
472 border-color: <?php echo esc_html( $submit_active_border_color . $important ); ?>;
473 color: <?php echo esc_html( $submit_active_color . $important ); ?>;
474 }
475
476 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit,
477 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:hover,
478 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
479 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
480 color: transparent <?php echo esc_html( $important ); ?>;
481 background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
482 }
483
484 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
485 border-bottom-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
486 border-right-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
487 <?php if ( $submit_height !== 'auto' ) { ?>
488 max-height:<?php echo esc_html( $submit_height ); ?>;
489 <?php } ?>
490 <?php if ( $submit_width !== 'auto' ) { ?>
491 max-width:<?php echo esc_html( $submit_width ); ?>;
492 <?php } ?>
493 }
494 <?php
495 }
496 }
497 ?>
498
499 .<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
500 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
501 content:"before";
502 font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
503 font-size:<?php echo esc_html( $font_size . $important ); ?>;
504 color:<?php echo esc_html( $label_color . $important ); ?>;
505 font-weight:<?php echo esc_html( $weight . $important ); ?>;
506 margin:0;
507 padding:<?php echo esc_html( $label_padding . $important ); ?>;
508 width:auto;
509 display:block;
510 visibility:hidden;
511 }
512
513 .<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit input,
514 .<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit button,
515 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit input,
516 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit button {
517 margin: 0 !important;
518 }
519
520 .<?php echo esc_html( $style_class ); ?> a.frm_save_draft{
521 font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
522 font-size:<?php echo esc_html( $submit_font_size ); ?>;
523 font-weight:<?php echo esc_html( $submit_weight ); ?>;
524 }
525
526 .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
527 font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
528 font-size:<?php echo esc_html( $font_size . $important ); ?>;
529 color:<?php echo esc_html( $label_color . $important ); ?>;
530 font-weight:<?php echo esc_html( $weight . $important ); ?>;
531 clear:both;
532 }
533
534 .<?php echo esc_html( $style_class ); ?> .frm_radio{
535 display:<?php echo esc_html( $radio_align . $important ); ?>;
536 }
537
538 .<?php echo esc_html( $style_class ); ?> .frm_checkbox{
539 display:<?php echo esc_html( $check_align . $important ); ?>;
540 }
541
542 .<?php echo esc_html( $style_class ); ?> .vertical_radio .frm_checkbox,
543 .<?php echo esc_html( $style_class ); ?> .vertical_radio .frm_radio,
544 .vertical_radio .frm_catlevel_1{
545 display:block<?php echo esc_html( $important ); ?>;
546 }
547
548 .<?php echo esc_html( $style_class ); ?> .horizontal_radio .frm_checkbox,
549 .<?php echo esc_html( $style_class ); ?> .horizontal_radio .frm_radio,
550 .horizontal_radio .frm_catlevel_1{
551 display:inline-block<?php echo esc_html( $important ); ?>;
552 }
553
554 .<?php echo esc_html( $style_class ); ?> .frm_radio label,
555 .<?php echo esc_html( $style_class ); ?> .frm_checkbox label{
556 font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
557 font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
558 color:<?php echo esc_html( $check_label_color . $important ); ?>;
559 font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
560 }
561
562 .<?php echo esc_html( $style_class ); ?> .frm_radio input[type=radio],
563 .<?php echo esc_html( $style_class ); ?> .frm_checkbox input[type=checkbox] {
564 font-size: <?php echo esc_html( $check_font_size . $important ); ?>;
565 position: static<?php echo esc_html( $important ); ?>;
566 }
567
568 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
569 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
570 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
571 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
572 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
573 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
574 .<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
575 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
576 .<?php echo esc_html( $style_class ); ?> .frm_blank_field select,
577 .frm_form_fields_error_style,
578 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
579 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
580 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
581 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
582 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
583 .<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
584 color:<?php echo esc_html( $text_color_error . $important ); ?>;
585 background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
586 border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
587 border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
588 border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
589 }
590
591 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
592 border-color:<?php echo esc_html( $border_color_error ); ?> !important;
593 }
594
595 .<?php echo esc_html( $style_class ); ?> .frm_error{
596 font-weight:<?php echo esc_html( $weight . $important ); ?>;
597 }
598
599 .<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
600 .<?php echo esc_html( $style_class ); ?> .frm_error{
601 color:<?php echo esc_html( $border_color_error . $important ); ?>;
602 }
603
604 .<?php echo esc_html( $style_class ); ?> .frm_error_style{
605 background-color:<?php echo esc_html( $error_bg . $important ); ?>;
606 border:1px solid <?php echo esc_html( $error_border . $important ); ?>;
607 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
608 color: <?php echo esc_html( $error_text . $important ); ?>;
609 font-size:<?php echo esc_html( $error_font_size . $important ); ?>;
610 margin:0;
611 margin-bottom:<?php echo esc_html( $field_margin ); ?>;
612 }
613
614 .<?php echo esc_html( $style_class ); ?> .frm_message,
615 .frm_success_style{
616 border:1px solid <?php echo esc_html( $success_border_color ); ?>;
617 background-color:<?php echo esc_html( $success_bg_color . $important ); ?>;
618 color:<?php echo esc_html( $success_text_color . $important ); ?>;
619 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
620 }
621
622 .<?php echo esc_html( $style_class ); ?> .frm_message p{
623 color:<?php echo esc_html( $success_text_color . $important ); ?>;
624 }
625
626 .<?php echo esc_html( $style_class ); ?> .frm_message{
627 margin:5px 0 15px;
628 font-size:<?php echo esc_html( $success_font_size . $important ); ?>;
629 }
630
631 .<?php echo esc_html( $style_class ); ?> .frm-grid td,
632 .frm-grid th{
633 border-color:<?php echo esc_html( $border_color ); ?>;
634 }
635
636 .form_results.<?php echo esc_html( $style_class ); ?>{
637 border:<?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 td{
641 color: <?php echo esc_html( $text_color . $important ); ?>;
642 border-top:<?php echo esc_html( $field_border_width ); ?> solid <?php echo esc_html( $border_color . $important ); ?>;
643 }
644
645 .form_results.<?php echo esc_html( $style_class ); ?> tr.frm_even,
646 .frm-grid .frm_even{
647 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
648 }
649
650 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
651 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));
652 }
653
654 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
655 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
656 }
657
658 .<?php echo esc_html( $style_class ); ?> .frm_grid,
659 .<?php echo esc_html( $style_class ); ?> .frm_grid_first,
660 .<?php echo esc_html( $style_class ); ?> .frm_grid_odd{
661 border-color:<?php echo esc_html( $border_color ); ?>;
662 }
663
664 .<?php echo esc_html( $style_class ); ?> .frm_grid.frm_blank_field,
665 .<?php echo esc_html( $style_class ); ?> .frm_grid_first.frm_blank_field,
666 .<?php echo esc_html( $style_class ); ?> .frm_grid_odd.frm_blank_field{
667 background-color:<?php echo esc_html( $error_bg . $important ); ?>;
668 border-color:<?php echo esc_html( $error_border ); ?>;
669 }
670
671 .<?php echo esc_html( $style_class ); ?> .frm_grid_first,
672 .<?php echo esc_html( $style_class ); ?> .frm_grid_odd{
673 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
674 }
675
676 .<?php echo esc_html( $style_class ); ?> .frm_grid{
677 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
678 }
679
680 .<?php echo esc_html( $style_class ); ?> .frm_html_container.frm_scroll_box,
681 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_html_scroll_box{
682 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
683 border-color: <?php echo esc_html( $border_color . $important ); ?>;
684 border-width:<?php echo esc_html( $field_border_width . $important ); ?>;
685 border-style:<?php echo esc_html( $field_border_style . $important ); ?>;
686 -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
687 -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
688 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
689 width:<?php echo esc_html( ( $field_width == '' ? 'auto' : $field_width ) . $important ); ?>;
690 font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
691 padding:<?php echo esc_html( $field_pad . $important ); ?>;
692 outline:none<?php echo esc_html( $important ); ?>;
693 }
694
695 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
696 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total textarea{
697 color: <?php echo esc_html( $text_color . $important ); ?>;
698 background-color:transparent<?php echo esc_html( $important ); ?>;
699 border:none<?php echo esc_html( $important ); ?>;
700 display:inline<?php echo esc_html( $important ); ?>;
701 width:auto<?php echo esc_html( $important ); ?>;
702 padding:0<?php echo esc_html( $important ); ?>;
703 }
704
705 .<?php echo esc_html( $style_class ); ?> .frm_button{
706 padding:<?php echo esc_html( $submit_padding . $important ); ?>;
707 -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
708 -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
709 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
710 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
711 font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
712 font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
713 color:<?php echo esc_html( $submit_text_color . $important ); ?>;
714 background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
715 border-width:<?php echo esc_html( $submit_border_width ); ?>;
716 border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
717 height:<?php echo esc_html( $submit_height . $important ); ?>;
718 }
719
720 <?php do_action( 'frm_output_single_style', $settings ); ?>
721
722 @media only screen and (max-width: 600px){
723 .<?php echo esc_html( $style_class ); ?> .frm_repeat_inline,
724 .<?php echo esc_html( $style_class ); ?> .frm_repeat_grid{
725 margin: 20px 0;
726 }
727 }
728
729