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
formidable / css / _single_theme.css.php

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

718 lines 32.4 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 ) ?> .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
338 /* These do not work if they are combined */
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 ) ?>;
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 }
359
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 ) ?>;
368 }
369
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],
380 .frm_form_fields_active_style,
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{
383 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
384 border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
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 } ?>
390 }
391
392 <?php if ( ! $submit_style ) { ?>
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:
405 <?php
406 echo esc_html( $submit_bg_color );
407 if ( ! empty( $submit_bg_img ) ) {
408 echo esc_html( ' url(' . $submit_bg_img . ')' );
409 }
410 echo esc_html( $important );
411 ?>
412 ;
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;
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 ); ?>;
430 box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
431 <?php } ?>
432 margin:<?php echo esc_html( $submit_margin ) ?>;
433 margin-left:0;
434 margin-right:0;
435 vertical-align:middle;
436 }
437
438 .<?php echo esc_html( $style_class ) ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
439 margin:0;
440 }
441
442 <?php if ( empty( $submit_bg_img ) ) { ?>
443 .<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
444 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
445 .<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
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 ) ?>;
449 }
450
451 .<?php echo esc_html( $style_class ) ?>.frm_center_submit .frm_submit .frm_ajax_loading{
452 margin-bottom:<?php echo esc_html( $submit_margin ) ?>;
453 }
454
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 ) ?>;
464 }
465
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 ) ?>;
472 }
473
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 } ?>
483 }
484 <?php
485 }
486 }
487 ?>
488
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 {
491 content:"before";
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 ) ?>;
496 margin:0;
497 padding:<?php echo esc_html( $label_padding . $important ) ?>;
498 width:auto;
499 display:block;
500 visibility:hidden;
501 }
502
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 {
507 margin: 0 !important;
508 }
509
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 ) ?>;
514 }
515
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,
567 .frm_form_fields_error_style,
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{
573 color:<?php echo esc_html( $text_color_error . $important ); ?>;
574 background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
575 border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
576 border-width:<?php echo esc_html( $border_width_error . $important ) ?>;
577 border-style:<?php echo esc_html( $border_style_error . $important ) ?>;
578 }
579
580 .<?php echo esc_html( $style_class ) ?> .frm_blank_field .sigWrapper{
581 border-color:<?php echo esc_html( $border_color_error ); ?> !important;
582 }
583
584 .<?php echo esc_html( $style_class ) ?> .frm_error{
585 font-weight:<?php echo esc_html( $weight . $important ) ?>;
586 }
587
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{
594 background-color:<?php echo esc_html( $error_bg . $important ); ?>;
595 border:1px solid <?php echo esc_html( $error_border . $important ); ?>;
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 ) ?>;
601 }
602
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 ) ?>;
609 }
610
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{
636 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
637 }
638
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));
641 }
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
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
718