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

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

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