PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 4.03.07
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v4.03.07
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.03.07, at css/_single_theme.css.php

737 lines 33.6 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 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
409 width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
410 font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
411 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
412 height:<?php echo esc_html( $submit_height . $important ); ?>;
413 line-height:normal<?php echo esc_html( $important ); ?>;
414 text-align:center;
415 background:
416 <?php
417 echo esc_html( $submit_bg_color );
418 if ( ! empty( $submit_bg_img ) ) {
419 echo esc_html( ' url(' . $submit_bg_img . ')' );
420 }
421 echo esc_html( $important );
422 ?>
423 ;
424 border-width:<?php echo esc_html( $submit_border_width ); ?>;
425 border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
426 border-style:solid;
427 color:<?php echo esc_html( $submit_text_color . $important ); ?>;
428 cursor:pointer;
429 font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
430 -moz-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
431 -webkit-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
432 border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
433 text-shadow:none;
434 padding:<?php echo esc_html( $submit_padding . $important ); ?>;
435 -moz-box-sizing:border-box;
436 box-sizing:border-box;
437 -ms-box-sizing:border-box;
438 <?php if ( ! empty( $submit_shadow_color ) ) { ?>
439 -moz-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
440 -webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
441 box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
442 <?php } ?>
443 margin:<?php echo esc_html( $submit_margin ); ?>;
444 margin-left:0;
445 margin-right:0;
446 vertical-align:middle;
447 }
448
449 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
450 margin:0;
451 }
452
453 <?php if ( empty( $submit_bg_img ) ) { ?>
454 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:hover,
455 .<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
456 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
457 .<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
458 background: <?php echo esc_html( $submit_hover_bg_color . $important ); ?>;
459 border-color: <?php echo esc_html( $submit_hover_border_color . $important ); ?>;
460 color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
461 }
462
463 .<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
464 margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
465 }
466
467 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
468 .<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
469 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:focus,
470 .<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
471 .<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
472 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:active,
473 .<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
474 background: <?php echo esc_html( $submit_active_bg_color . $important ); ?>;
475 border-color: <?php echo esc_html( $submit_active_border_color . $important ); ?>;
476 color: <?php echo esc_html( $submit_active_color . $important ); ?>;
477 }
478
479 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page,
480 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:hover,
481 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:active,
482 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:focus,
483 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit,
484 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:hover,
485 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
486 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
487 color: transparent <?php echo esc_html( $important ); ?>;
488 background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
489 }
490
491 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
492 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
493 border-bottom-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
494 border-right-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
495 <?php if ( $submit_height !== 'auto' ) { ?>
496 max-height:<?php echo esc_html( $submit_height ); ?>;
497 <?php } ?>
498 <?php if ( $submit_width !== 'auto' ) { ?>
499 max-width:<?php echo esc_html( $submit_width ); ?>;
500 <?php } ?>
501 }
502 <?php
503 }
504 }
505 ?>
506
507 .<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
508 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
509 content:"before";
510 font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
511 font-size:<?php echo esc_html( $font_size . $important ); ?>;
512 color:<?php echo esc_html( $label_color . $important ); ?>;
513 font-weight:<?php echo esc_html( $weight . $important ); ?>;
514 margin:0;
515 padding:<?php echo esc_html( $label_padding . $important ); ?>;
516 width:auto;
517 display:block;
518 visibility:hidden;
519 }
520
521 .<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit input,
522 .<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit button,
523 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit input,
524 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit button {
525 margin: 0 !important;
526 }
527
528 .<?php echo esc_html( $style_class ); ?> a.frm_save_draft{
529 font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
530 font-size:<?php echo esc_html( $submit_font_size ); ?>;
531 font-weight:<?php echo esc_html( $submit_weight ); ?>;
532 }
533
534 .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
535 font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
536 font-size:<?php echo esc_html( $font_size . $important ); ?>;
537 color:<?php echo esc_html( $label_color . $important ); ?>;
538 font-weight:<?php echo esc_html( $weight . $important ); ?>;
539 clear:both;
540 }
541
542 .<?php echo esc_html( $style_class ); ?> .frm_radio{
543 display:<?php echo esc_html( $radio_align . $important ); ?>;
544 }
545
546 .<?php echo esc_html( $style_class ); ?> .frm_checkbox{
547 display:<?php echo esc_html( $check_align . $important ); ?>;
548 }
549
550 .<?php echo esc_html( $style_class ); ?> .vertical_radio .frm_checkbox,
551 .<?php echo esc_html( $style_class ); ?> .vertical_radio .frm_radio,
552 .vertical_radio .frm_catlevel_1{
553 display:block<?php echo esc_html( $important ); ?>;
554 }
555
556 .<?php echo esc_html( $style_class ); ?> .horizontal_radio .frm_checkbox,
557 .<?php echo esc_html( $style_class ); ?> .horizontal_radio .frm_radio,
558 .horizontal_radio .frm_catlevel_1{
559 display:inline-block<?php echo esc_html( $important ); ?>;
560 }
561
562 .<?php echo esc_html( $style_class ); ?> .frm_radio label,
563 .<?php echo esc_html( $style_class ); ?> .frm_checkbox label{
564 font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
565 font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
566 color:<?php echo esc_html( $check_label_color . $important ); ?>;
567 font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
568 }
569
570 .<?php echo esc_html( $style_class ); ?> .frm_radio input[type=radio],
571 .<?php echo esc_html( $style_class ); ?> .frm_checkbox input[type=checkbox] {
572 font-size: <?php echo esc_html( $check_font_size . $important ); ?>;
573 position: static<?php echo esc_html( $important ); ?>;
574 }
575
576 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
577 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
578 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
579 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
580 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
581 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
582 .<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
583 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
584 .<?php echo esc_html( $style_class ); ?> .frm_blank_field select,
585 .frm_form_fields_error_style,
586 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
587 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
588 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
589 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
590 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
591 .<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
592 color:<?php echo esc_html( $text_color_error . $important ); ?>;
593 background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
594 border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
595 border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
596 border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
597 }
598
599 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
600 border-color:<?php echo esc_html( $border_color_error ); ?> !important;
601 }
602
603 .<?php echo esc_html( $style_class ); ?> .frm_error{
604 font-weight:<?php echo esc_html( $weight . $important ); ?>;
605 }
606
607 .<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
608 .<?php echo esc_html( $style_class ); ?> .frm_error{
609 color:<?php echo esc_html( $border_color_error . $important ); ?>;
610 }
611
612 .<?php echo esc_html( $style_class ); ?> .frm_error_style{
613 background-color:<?php echo esc_html( $error_bg . $important ); ?>;
614 border:1px solid <?php echo esc_html( $error_border . $important ); ?>;
615 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
616 color: <?php echo esc_html( $error_text . $important ); ?>;
617 font-size:<?php echo esc_html( $error_font_size . $important ); ?>;
618 margin:0;
619 margin-bottom:<?php echo esc_html( $field_margin ); ?>;
620 }
621
622 .<?php echo esc_html( $style_class ); ?> .frm_message,
623 .frm_success_style{
624 border:1px solid <?php echo esc_html( $success_border_color ); ?>;
625 background-color:<?php echo esc_html( $success_bg_color . $important ); ?>;
626 color:<?php echo esc_html( $success_text_color . $important ); ?>;
627 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
628 }
629
630 .<?php echo esc_html( $style_class ); ?> .frm_message p{
631 color:<?php echo esc_html( $success_text_color . $important ); ?>;
632 }
633
634 .<?php echo esc_html( $style_class ); ?> .frm_message{
635 margin:5px 0 15px;
636 font-size:<?php echo esc_html( $success_font_size . $important ); ?>;
637 }
638
639 .<?php echo esc_html( $style_class ); ?> .frm-grid td,
640 .frm-grid th{
641 border-color:<?php echo esc_html( $border_color ); ?>;
642 }
643
644 .form_results.<?php echo esc_html( $style_class ); ?>{
645 border:<?php echo esc_html( $field_border_width ); ?> solid <?php echo esc_html( $border_color . $important ); ?>;
646 }
647
648 .form_results.<?php echo esc_html( $style_class ); ?> tr td{
649 color: <?php echo esc_html( $text_color . $important ); ?>;
650 border-top:<?php echo esc_html( $field_border_width ); ?> solid <?php echo esc_html( $border_color . $important ); ?>;
651 }
652
653 .form_results.<?php echo esc_html( $style_class ); ?> tr.frm_even,
654 .frm-grid .frm_even{
655 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
656 }
657
658 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
659 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));
660 }
661
662 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
663 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
664 }
665
666 .<?php echo esc_html( $style_class ); ?> .frm_grid,
667 .<?php echo esc_html( $style_class ); ?> .frm_grid_first,
668 .<?php echo esc_html( $style_class ); ?> .frm_grid_odd{
669 border-color:<?php echo esc_html( $border_color ); ?>;
670 }
671
672 .<?php echo esc_html( $style_class ); ?> .frm_grid.frm_blank_field,
673 .<?php echo esc_html( $style_class ); ?> .frm_grid_first.frm_blank_field,
674 .<?php echo esc_html( $style_class ); ?> .frm_grid_odd.frm_blank_field{
675 background-color:<?php echo esc_html( $error_bg . $important ); ?>;
676 border-color:<?php echo esc_html( $error_border ); ?>;
677 }
678
679 .<?php echo esc_html( $style_class ); ?> .frm_grid_first,
680 .<?php echo esc_html( $style_class ); ?> .frm_grid_odd{
681 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
682 }
683
684 .<?php echo esc_html( $style_class ); ?> .frm_grid{
685 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
686 }
687
688 .<?php echo esc_html( $style_class ); ?> .frm_html_container.frm_scroll_box,
689 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_html_scroll_box{
690 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
691 border-color: <?php echo esc_html( $border_color . $important ); ?>;
692 border-width:<?php echo esc_html( $field_border_width . $important ); ?>;
693 border-style:<?php echo esc_html( $field_border_style . $important ); ?>;
694 -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
695 -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
696 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
697 width:<?php echo esc_html( ( $field_width == '' ? 'auto' : $field_width ) . $important ); ?>;
698 font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
699 padding:<?php echo esc_html( $field_pad . $important ); ?>;
700 outline:none<?php echo esc_html( $important ); ?>;
701 }
702
703 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
704 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total textarea{
705 color: <?php echo esc_html( $text_color . $important ); ?>;
706 background-color:transparent<?php echo esc_html( $important ); ?>;
707 border:none<?php echo esc_html( $important ); ?>;
708 display:inline<?php echo esc_html( $important ); ?>;
709 width:auto<?php echo esc_html( $important ); ?>;
710 padding:0<?php echo esc_html( $important ); ?>;
711 }
712
713 .<?php echo esc_html( $style_class ); ?> .frm_button{
714 padding:<?php echo esc_html( $submit_padding . $important ); ?>;
715 -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
716 -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
717 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
718 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
719 font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
720 font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
721 color:<?php echo esc_html( $submit_text_color . $important ); ?>;
722 background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
723 border-width:<?php echo esc_html( $submit_border_width ); ?>;
724 border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
725 height:<?php echo esc_html( $submit_height . $important ); ?>;
726 }
727
728 <?php do_action( 'frm_output_single_style', $settings ); ?>
729
730 @media only screen and (max-width: 600px){
731 .<?php echo esc_html( $style_class ); ?> .frm_repeat_inline,
732 .<?php echo esc_html( $style_class ); ?> .frm_repeat_grid{
733 margin: 20px 0;
734 }
735 }
736
737