← All changes | css/_single_theme.css.php +29 -81 6.4 → 6.17 View file →

		@@ -5,12 +5,15 @@
5	5
6	6	$settings = FrmStylesHelper::get_settings_for_output( $style );
7	7	extract( $settings ); // phpcs:ignore WordPress.PHP.DontExtract
8	8
	9	+$is_loaded_via_ajax = isset( $is_loaded_via_ajax ) ? $is_loaded_via_ajax : false;
	10	+FrmStylesPreviewHelper::get_additional_preview_style( $settings, $is_loaded_via_ajax );
	11	+
9	12	$important = empty( $important_style ) ? '' : ' !important';
10	13
11		-$minus_icons = FrmStylesHelper::minus_icons();
12		-$arrow_icons = FrmStylesHelper::arrow_icons();
	14	+$submit_bg_img = FrmStylesHelper::get_submit_image_bg_url( $settings );
	15	+$use_chosen_js = FrmStylesHelper::use_chosen_js();
13	16
14	17	?>
15	18	.<?php echo esc_html( $style_class ); ?>{
16	19	<?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
		@@ -32,44 +35,8 @@
32	35	text-align:center;
33	36	}
34	37	<?php } ?>
35	38
36		-<?php if ( ! empty( $label_color ) ) { ?>
37		-.<?php echo esc_html( $style_class ); ?> .frm_icon_font{
38		- color:<?php echo esc_html( $label_color . $important ); ?>;
39		-}
40		-<?php } ?>
41		-
42		-.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before{
43		- content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['-'] : $minus_icons[1]['-'] ); ?>";
44		-}
45		-
46		-.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_plus_icon:before{
47		- content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['+'] : $minus_icons[1]['+'] ); ?>";
48		-}
49		-
50		-.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before,
51		-.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_plus_icon:before{
52		- <?php if ( ! empty( $submit_text_color ) ) { ?>
53		- color:<?php echo esc_html( $submit_text_color . $important ); ?>;
54		- <?php } ?>
55		- vertical-align:middle;
56		-}
57		-
58		-.<?php echo esc_html( $style_class ); ?> .frm_trigger.active .frm_icon_font.frm_arrow_icon:before{
59		- content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['-'] : $arrow_icons[1]['-'] ); ?>";
60		- <?php if ( ! empty( $section_color ) ) { ?>
61		- color:<?php echo esc_html( $section_color . $important ); ?>;
62		- <?php } ?>
63		-}
64		-
65		-.<?php echo esc_html( $style_class ); ?> .frm_trigger .frm_icon_font.frm_arrow_icon:before{
66		- content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['+'] : $arrow_icons[1]['+'] ); ?>";
67		- <?php if ( ! empty( $section_color ) ) { ?>
68		- color:<?php echo esc_html( $section_color . $important ); ?>;
69		- <?php } ?>
70		-}
71		-
72	39	<?php if ( ! empty( $field_margin ) ) { ?>
73	40	.<?php echo esc_html( $style_class ); ?> .form-field{
74	41	margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
75	42	}
		@@ -86,8 +53,10 @@
86	53	.<?php echo esc_html( $style_class ); ?> .frm_error,
87	54	.<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{
88	55	<?php if ( ! empty( $description_margin ) ) { ?>
89	56	margin:<?php echo esc_html( $description_margin . $important ); ?>;
	57	+ <?php } else { ?>
	58	+ margin-top: 6px;
90	59	<?php } ?>
91	60	padding:0;
92	61	<?php if ( ! empty( $font ) ) { ?>
93	62	font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
		@@ -112,10 +81,8 @@
112	81
113	82	/* Left and right labels */
114	83	<?php
115	84
116		-$frm_settings = FrmAppHelper::get_settings();
117		-
118	85	if ( '' === $field_height || 'auto' === $field_height ) {
119	86	foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
120	87	?>
121	88	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
		@@ -181,39 +148,24 @@
181	148	.<?php echo esc_html( $style_class ); ?> input::placeholder,
182	149	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
183	150	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
184	151	}
185		-.<?php echo esc_html( $style_class ); ?> input::-webkit-input-placeholder,
186		-.<?php echo esc_html( $style_class ); ?> textarea::-webkit-input-placeholder{
187		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
188		-}
189		-.<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
190		-.<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
191		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
192		- opacity: 1;
193		-}
194		-.<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
195		-<?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
196		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
197		-}
198		-.<?php echo esc_html( $style_class ); ?> input:-moz-placeholder,
199		-.<?php echo esc_html( $style_class ); ?> textarea:-moz-placeholder{
200		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
201		-}
202	152
203	153	.<?php echo esc_html( $style_class ); ?> .frm_default,
204	154	.<?php echo esc_html( $style_class ); ?> input.frm_default,
205	155	.<?php echo esc_html( $style_class ); ?> textarea.frm_default,
206	156	.<?php echo esc_html( $style_class ); ?> select.frm_default,
207		-.<?php echo esc_html( $style_class ); ?> .placeholder,
	157	+<?php if ( $use_chosen_js ) { ?>
208	158	.<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
209		-.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default{
	159	+.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default,
	160	+<?php } ?>
	161	+.<?php echo esc_html( $style_class ); ?> .placeholder {
210	162	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
211	163	}
212	164
213		-.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
	165	+.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
214	166	.<?php echo esc_html( $style_class ); ?> select:focus,
215		-.<?php echo esc_html( $style_class ); ?> textarea:focus,
	167	+.<?php echo esc_html( $style_class ); ?> .form-field textarea:focus,
216	168	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
217	169	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
218	170	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
219	171	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
		@@ -220,11 +172,13 @@
220	172	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
221	173	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
222	174	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
223	175	.frm_form_fields_active_style,
224		-.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
	176	+<?php if ( $use_chosen_js ) { ?>
225	177	.<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
226		-.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{
	178	+.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices,
	179	+<?php } ?>
	180	+.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement {
227	181	background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
228	182	border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
229	183	color: var(--text-color);
230	184	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
		@@ -230,9 +184,9 @@
230	184	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
231	185	box-shadow:none;
232	186	outline: none;
233	187	<?php } else { ?>
234		- 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);
	188	+ box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
235	189	<?php } ?>
236	190	}
237	191
238	192	<?php if ( ! $submit_style ) { ?>
		@@ -258,25 +212,21 @@
258	212	}
259	213	echo esc_html( $important );
260	214	?>
261	215	;
	216	+ <?php if ( '' !== $submit_border_width ) : ?>
262	217	border-width:<?php echo esc_html( $submit_border_width ); ?>;
	218	+ <?php endif; ?>
263	219	border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
264	220	border-style:solid;
265	221	color:<?php echo esc_html( $submit_text_color . $important ); ?>;
266	222	cursor:pointer;
267	223	font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
268		- -moz-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
269		- -webkit-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
270	224	border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
271	225	text-shadow:none;
272	226	padding:<?php echo esc_html( $submit_padding . $important ); ?>;
273		- -moz-box-sizing:border-box;
274	227	box-sizing:border-box;
275		- -ms-box-sizing:border-box;
276	228	<?php if ( ! empty( $submit_shadow_color ) ) { ?>
277		- -moz-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
278		- -webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
279	229	box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
280	230	<?php } ?>
281	231	margin:<?php echo esc_html( $submit_margin ); ?>;
282	232	<?php
		@@ -303,9 +253,9 @@
303	253	color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
304	254	}
305	255
306	256	.<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
307		- margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
	257	+ margin-bottom:<?php echo esc_html( FrmStylesHelper::get_bottom_value( $submit_margin ) ); ?>;
308	258	}
309	259
310	260	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
311	261	.<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
		@@ -329,8 +279,9 @@
329	279	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
330	280	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
331	281	color: transparent <?php echo esc_html( $important ); ?>;
332	282	background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
	283	+ border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
333	284	}
334	285
335	286	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
336	287	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
		@@ -343,10 +294,10 @@
343	294	max-width:<?php echo esc_html( $submit_width ); ?>;
344	295	<?php } ?>
345	296	}
346	297	<?php
347		- }
348		-}
	298	+ }//end if
	299	+}//end if
349	300	?>
350	301
351	302	.<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
352	303	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
		@@ -393,15 +344,17 @@
393	344	.frm_form_fields_error_style,
394	345	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
395	346	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
396	347	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
	348	+<?php if ( $use_chosen_js ) { ?>
397	349	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
398	350	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
399		-.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
	351	+<?php } ?>
	352	+.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
400	353	color:<?php echo esc_html( $text_color_error . $important ); ?>;
401	354	background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
402	355	border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
403		- border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
	356	+ border-width:var(--border-width-error) <?php echo esc_html( $important ); ?>;
404	357	border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
405	358	}
406	359
407	360	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
		@@ -410,14 +363,9 @@
410	363
411	364	.<?php echo esc_html( $style_class ); ?> .frm_error,
412	365	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
413	366	font-weight:<?php echo esc_html( $weight . $important ); ?>;
414		-}
415		-
416		-.<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
417		-.<?php echo esc_html( $style_class ); ?> .frm_error,
418		-.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
419		- color:<?php echo esc_html( $border_color_error . $important ); ?>;
	367	+ color:<?php echo esc_html( $text_color_error . $important ); ?>;
420	368	}
421	369
422	370	.<?php echo esc_html( $style_class ); ?> .frm_error_style{
423	371	background-color:<?php echo esc_html( $error_bg . $important ); ?>;