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

408 lines 18.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 if ( ! defined( 'ABSPATH' ) ) {
3 die( 'You are not allowed to call this page directly.' );
4 }
5
6 $settings = FrmStylesHelper::get_settings_for_output( $style );
7 extract( $settings ); // phpcs:ignore WordPress.PHP.DontExtract
8
9 $important = empty( $important_style ) ? '' : ' !important';
10
11 $minus_icons = FrmStylesHelper::minus_icons();
12 $arrow_icons = FrmStylesHelper::arrow_icons();
13
14 ?>
15 .<?php echo esc_html( $style_class ); ?>{
16 <?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
17 }
18
19 .frm_forms.<?php echo esc_html( $style_class ); ?>{
20 max-width:<?php echo esc_html( $form_width . $important ); ?>;
21 direction:<?php echo esc_html( $direction . $important ); ?>;
22 <?php if ( 'rtl' === $direction ) { ?>
23 unicode-bidi:embed;
24 <?php } ?>
25 <?php if ( $center_form ) { ?>
26 margin:0 auto;
27 <?php } ?>
28 }
29
30 <?php if ( $center_form ) { ?>
31 .frm_inline_form.<?php echo esc_html( $style_class ); ?> form{
32 text-align:center;
33 }
34 <?php } ?>
35
36 <?php if ( ! empty( $field_margin ) ) { ?>
37 .<?php echo esc_html( $style_class ); ?> .form-field{
38 margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
39 }
40 <?php } ?>
41
42 .<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
43 margin-bottom:0<?php echo esc_html( $important ); ?>;
44 }
45
46 .<?php echo esc_html( $style_class ); ?> p.description,
47 .<?php echo esc_html( $style_class ); ?> div.description,
48 .<?php echo esc_html( $style_class ); ?> div.frm_description,
49 .<?php echo esc_html( $style_class ); ?> .frm-show-form > div.frm_description,
50 .<?php echo esc_html( $style_class ); ?> .frm_error,
51 .<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{
52 <?php if ( ! empty( $description_margin ) ) { ?>
53 margin:<?php echo esc_html( $description_margin . $important ); ?>;
54 <?php } ?>
55 padding:0;
56 <?php if ( ! empty( $font ) ) { ?>
57 font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
58 <?php } ?>
59 <?php if ( ! empty( $description_font_size ) ) { ?>
60 font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
61 <?php } ?>
62 <?php if ( ! empty( $description_color ) ) { ?>
63 color:<?php echo esc_html( $description_color . $important ); ?>;
64 <?php } ?>
65 <?php if ( ! empty( $description_weight ) ) { ?>
66 font-weight:<?php echo esc_html( $description_weight . $important ); ?>;
67 <?php } ?>
68 <?php if ( ! empty( $description_align ) ) { ?>
69 text-align:<?php echo esc_html( $description_align . $important ); ?>;
70 <?php } ?>
71 <?php if ( ! empty( $description_style ) ) { ?>
72 font-style:<?php echo esc_html( $description_style . $important ); ?>;
73 <?php } ?>
74 max-width:100%;
75 }
76
77 /* Left and right labels */
78 <?php
79
80 $frm_settings = FrmAppHelper::get_settings();
81
82 if ( '' === $field_height || 'auto' === $field_height ) {
83 foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
84 ?>
85 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
86 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=password],
87 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=email],
88 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=number],
89 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=url],
90 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=tel],
91 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=file],
92 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=search],
93 .<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container select,
94 <?php } ?>
95 .<?php echo esc_html( $style_class ); ?> .frm_left_container select{
96 height:fit-content<?php echo esc_html( $important ); ?>;
97 }
98 <?php } ?>
99
100 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_left_container{
101 grid-template-columns: <?php echo esc_html( $width ); ?> auto;
102 }
103
104 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_right_container{
105 grid-template-columns: auto <?php echo esc_html( $width ); ?>;
106 }
107
108 .frm_form_field.frm_right_container{
109 grid-template-columns: auto 25%;
110 }
111
112 .<?php echo esc_html( $style_class ); ?> .frm_inline_container.frm_dynamic_select_container .frm_data_container,
113 .<?php echo esc_html( $style_class ); ?> .frm_inline_container.frm_dynamic_select_container .frm_opt_container{
114 display:inline<?php echo esc_html( $important ); ?>;
115 }
116
117 .<?php echo esc_html( $style_class ); ?> .frm_pos_right{
118 display:inline<?php echo esc_html( $important ); ?>;
119 width:<?php echo esc_html( $width . $important ); ?>;
120 }
121
122 .<?php echo esc_html( $style_class ); ?> .frm_none_container .frm_primary_label,
123 .<?php echo esc_html( $style_class ); ?> .frm_pos_none{
124 display:none<?php echo esc_html( $important ); ?>;
125 }
126
127 <?php if ( FrmAppHelper::pro_is_installed() ) : ?>
128 .<?php echo esc_html( $style_class ); ?> .frm_scale label{
129 <?php if ( ! empty( $check_weight ) ) { ?>
130 font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
131 <?php } ?>
132 <?php if ( ! empty( $font ) ) { ?>
133 font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
134 <?php } ?>
135 <?php if ( ! empty( $check_font_size ) ) { ?>
136 font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
137 <?php } ?>
138 <?php if ( ! empty( $check_label_color ) ) { ?>
139 color:<?php echo esc_html( $check_label_color . $important ); ?>;
140 <?php } ?>
141 }
142 <?php endif; ?>
143
144 /* These do not work if they are combined */
145 .<?php echo esc_html( $style_class ); ?> input::placeholder,
146 .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
147 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
148 }
149 .<?php echo esc_html( $style_class ); ?> input::-webkit-input-placeholder,
150 .<?php echo esc_html( $style_class ); ?> textarea::-webkit-input-placeholder{
151 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
152 }
153 .<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
154 .<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
155 opacity: 1;
156 }
157 .<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
158 <?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
159 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
160 }
161
162 .<?php echo esc_html( $style_class ); ?> .frm_default,
163 .<?php echo esc_html( $style_class ); ?> input.frm_default,
164 .<?php echo esc_html( $style_class ); ?> textarea.frm_default,
165 .<?php echo esc_html( $style_class ); ?> select.frm_default,
166 .<?php echo esc_html( $style_class ); ?> .placeholder,
167 .<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
168 .<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default{
169 color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
170 }
171
172 .<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
173 .<?php echo esc_html( $style_class ); ?> select:focus,
174 .<?php echo esc_html( $style_class ); ?> textarea:focus,
175 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
176 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
177 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
178 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
179 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
180 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
181 .<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
182 .frm_form_fields_active_style,
183 .<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
184 .<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
185 .<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{
186 background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
187 border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
188 color: var(--text-color);
189 <?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
190 box-shadow:none;
191 outline: none;
192 <?php } else { ?>
193 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);
194 <?php } ?>
195 }
196
197 <?php if ( ! $submit_style ) { ?>
198 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message,
199 .<?php echo esc_html( $style_class ); ?> input[type=submit],
200 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button],
201 .<?php echo esc_html( $style_class ); ?> .frm_submit button,
202 .frm_form_submit_style,
203 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
204 width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
205 <?php if ( ! empty( $font ) ) { ?>
206 font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
207 <?php } ?>
208 font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
209 height:<?php echo esc_html( $submit_height . $important ); ?>;
210 line-height:normal<?php echo esc_html( $important ); ?>;
211 text-align:center;
212 background:
213 <?php
214 echo esc_html( $submit_bg_color );
215 if ( ! empty( $submit_bg_img ) ) {
216 echo esc_html( ' url(' . $submit_bg_img . ')' );
217 }
218 echo esc_html( $important );
219 ?>
220 ;
221 <?php if ( '' !== $submit_border_width ) : ?>
222 border-width:<?php echo esc_html( $submit_border_width ); ?>;
223 <?php endif; ?>
224 border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
225 border-style:solid;
226 color:<?php echo esc_html( $submit_text_color . $important ); ?>;
227 cursor:pointer;
228 font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
229 border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
230 text-shadow:none;
231 padding:<?php echo esc_html( $submit_padding . $important ); ?>;
232 box-sizing:border-box;
233 <?php if ( ! empty( $submit_shadow_color ) ) { ?>
234 box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
235 <?php } ?>
236 margin:<?php echo esc_html( $submit_margin ); ?>;
237 <?php
238 // For reverse compatibility... But allow "10px 10px".
239 if ( strpos( trim( $submit_margin ), ' ' ) === false ) {
240 ?>
241 margin-left:0;
242 margin-right:0;
243 <?php } ?>
244 vertical-align:middle;
245 }
246
247 .<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
248 margin:0;
249 }
250
251 <?php if ( empty( $submit_bg_img ) ) { ?>
252 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:hover,
253 .<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
254 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
255 .<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
256 background: <?php echo esc_html( $submit_hover_bg_color . $important ); ?>;
257 border-color: <?php echo esc_html( $submit_hover_border_color . $important ); ?>;
258 color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
259 }
260
261 .<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
262 margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
263 }
264
265 .<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
266 .<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
267 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:focus,
268 .<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
269 .<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
270 .<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:active,
271 .<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
272 background: <?php echo esc_html( $submit_active_bg_color . $important ); ?>;
273 border-color: <?php echo esc_html( $submit_active_border_color . $important ); ?>;
274 color: <?php echo esc_html( $submit_active_color . $important ); ?>;
275 outline: none;
276 }
277
278 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page,
279 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:hover,
280 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:active,
281 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:focus,
282 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit,
283 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:hover,
284 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
285 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
286 color: transparent <?php echo esc_html( $important ); ?>;
287 background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
288 }
289
290 .<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
291 .<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
292 border-bottom-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
293 border-right-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
294 <?php if ( $submit_height !== 'auto' ) { ?>
295 max-height:<?php echo esc_html( $submit_height ); ?>;
296 <?php } ?>
297 <?php if ( $submit_width !== 'auto' ) { ?>
298 max-width:<?php echo esc_html( $submit_width ); ?>;
299 <?php } ?>
300 }
301 <?php
302 }//end if
303 }//end if
304 ?>
305
306 .<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
307 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
308 content:"before";
309 <?php if ( ! empty( $font ) ) { ?>
310 font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
311 <?php } ?>
312 font-size:<?php echo esc_html( $font_size . $important ); ?>;
313 color:<?php echo esc_html( $label_color . $important ); ?>;
314 font-weight:<?php echo esc_html( $weight . $important ); ?>;
315 margin:0;
316 padding:<?php echo esc_html( $label_padding . $important ); ?>;
317 width:auto;
318 display:block;
319 visibility:hidden;
320 }
321
322 .<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit input,
323 .<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit button,
324 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit input,
325 .<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit button {
326 margin: 0 !important;
327 }
328
329 .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
330 <?php if ( ! empty( $font ) ) { ?>
331 font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
332 <?php } ?>
333 font-size:<?php echo esc_html( $font_size . $important ); ?>;
334 color:<?php echo esc_html( $label_color . $important ); ?>;
335 font-weight:<?php echo esc_html( $weight . $important ); ?>;
336 clear:both;
337 }
338
339 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
340 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
341 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
342 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
343 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
344 .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
345 .<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
346 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
347 .<?php echo esc_html( $style_class ); ?> .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
348 .frm_form_fields_error_style,
349 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
350 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
351 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
352 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
353 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
354 .<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
355 color:<?php echo esc_html( $text_color_error . $important ); ?>;
356 background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
357 border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
358 border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
359 border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
360 }
361
362 .<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
363 border-color:<?php echo esc_html( $border_color_error ); ?> !important;
364 }
365
366 .<?php echo esc_html( $style_class ); ?> .frm_error,
367 .<?php echo esc_html( $style_class ); ?> .frm_limit_error{
368 font-weight:<?php echo esc_html( $weight . $important ); ?>;
369 }
370
371 .<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
372 .<?php echo esc_html( $style_class ); ?> .frm_error,
373 .<?php echo esc_html( $style_class ); ?> .frm_limit_error{
374 color:<?php echo esc_html( $border_color_error . $important ); ?>;
375 }
376
377 .<?php echo esc_html( $style_class ); ?> .frm_error_style{
378 background-color:<?php echo esc_html( $error_bg . $important ); ?>;
379 border:1px solid <?php echo esc_html( $error_border . $important ); ?>;
380 border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
381 color: <?php echo esc_html( $error_text . $important ); ?>;
382 font-size:<?php echo esc_html( $error_font_size . $important ); ?>;
383 margin:0;
384 margin-bottom:<?php echo esc_html( $field_margin ); ?>;
385 }
386
387 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
388 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));
389 }
390
391 .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
392 background-color:<?php echo esc_html( $bg_color . $important ); ?>;
393 }
394
395 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big input,
396 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big textarea,
397 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
398 .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total textarea{
399 color: <?php echo esc_html( $text_color . $important ); ?>;
400 background-color:transparent<?php echo esc_html( $important ); ?>;
401 border:none<?php echo esc_html( $important ); ?>;
402 display:inline<?php echo esc_html( $important ); ?>;
403 width:auto<?php echo esc_html( $important ); ?>;
404 padding:0<?php echo esc_html( $important ); ?>;
405 }
406
407 <?php do_action( 'frm_output_single_style', $settings ); ?>
408