← All changes | css/_single_theme.css.php +30 -80 6.3 → 6.16.3 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],
		@@ -159,8 +126,9 @@
159	126	.<?php echo esc_html( $style_class ); ?> .frm_pos_none{
160	127	display:none<?php echo esc_html( $important ); ?>;
161	128	}
162	129
	130	+<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
163	131	.<?php echo esc_html( $style_class ); ?> .frm_scale label{
164	132	<?php if ( ! empty( $check_weight ) ) { ?>
165	133	font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
166	134	<?php } ?>
		@@ -173,8 +141,9 @@
173	141	<?php if ( ! empty( $check_label_color ) ) { ?>
174	142	color:<?php echo esc_html( $check_label_color . $important ); ?>;
175	143	<?php } ?>
176	144	}
	145	+<?php endif; ?>
177	146
178	147	/* These do not work if they are combined */
179	148	.<?php echo esc_html( $style_class ); ?> input::placeholder,
180	149	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
		@@ -179,39 +148,24 @@
179	148	.<?php echo esc_html( $style_class ); ?> input::placeholder,
180	149	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
181	150	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
182	151	}
183		-.<?php echo esc_html( $style_class ); ?> input::-webkit-input-placeholder,
184		-.<?php echo esc_html( $style_class ); ?> textarea::-webkit-input-placeholder{
185		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
186		-}
187		-.<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
188		-.<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
189		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
190		- opacity: 1;
191		-}
192		-.<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
193		-<?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
194		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
195		-}
196		-.<?php echo esc_html( $style_class ); ?> input:-moz-placeholder,
197		-.<?php echo esc_html( $style_class ); ?> textarea:-moz-placeholder{
198		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
199		-}
200	152
201	153	.<?php echo esc_html( $style_class ); ?> .frm_default,
202	154	.<?php echo esc_html( $style_class ); ?> input.frm_default,
203	155	.<?php echo esc_html( $style_class ); ?> textarea.frm_default,
204	156	.<?php echo esc_html( $style_class ); ?> select.frm_default,
205		-.<?php echo esc_html( $style_class ); ?> .placeholder,
	157	+<?php if ( $use_chosen_js ) { ?>
206	158	.<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
207		-.<?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 {
208	162	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
209	163	}
210	164
211		-.<?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,
212	166	.<?php echo esc_html( $style_class ); ?> select:focus,
213		-.<?php echo esc_html( $style_class ); ?> textarea:focus,
	167	+.<?php echo esc_html( $style_class ); ?> .form-field textarea:focus,
214	168	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
215	169	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
216	170	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
217	171	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
		@@ -218,11 +172,13 @@
218	172	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
219	173	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
220	174	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
221	175	.frm_form_fields_active_style,
222		-.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
	176	+<?php if ( $use_chosen_js ) { ?>
223	177	.<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
224		-.<?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 {
225	181	background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
226	182	border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
227	183	color: var(--text-color);
228	184	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
		@@ -228,9 +184,9 @@
228	184	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
229	185	box-shadow:none;
230	186	outline: none;
231	187	<?php } else { ?>
232		- 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);
233	189	<?php } ?>
234	190	}
235	191
236	192	<?php if ( ! $submit_style ) { ?>
		@@ -256,25 +212,21 @@
256	212	}
257	213	echo esc_html( $important );
258	214	?>
259	215	;
	216	+ <?php if ( '' !== $submit_border_width ) : ?>
260	217	border-width:<?php echo esc_html( $submit_border_width ); ?>;
	218	+ <?php endif; ?>
261	219	border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
262	220	border-style:solid;
263	221	color:<?php echo esc_html( $submit_text_color . $important ); ?>;
264	222	cursor:pointer;
265	223	font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
266		- -moz-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
267		- -webkit-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
268	224	border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
269	225	text-shadow:none;
270	226	padding:<?php echo esc_html( $submit_padding . $important ); ?>;
271		- -moz-box-sizing:border-box;
272	227	box-sizing:border-box;
273		- -ms-box-sizing:border-box;
274	228	<?php if ( ! empty( $submit_shadow_color ) ) { ?>
275		- -moz-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
276		- -webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
277	229	box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
278	230	<?php } ?>
279	231	margin:<?php echo esc_html( $submit_margin ); ?>;
280	232	<?php
		@@ -327,8 +279,9 @@
327	279	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
328	280	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
329	281	color: transparent <?php echo esc_html( $important ); ?>;
330	282	background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
	283	+ border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
331	284	}
332	285
333	286	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
334	287	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
		@@ -341,10 +294,10 @@
341	294	max-width:<?php echo esc_html( $submit_width ); ?>;
342	295	<?php } ?>
343	296	}
344	297	<?php
345		- }
346		-}
	298	+ }//end if
	299	+}//end if
347	300	?>
348	301
349	302	.<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
350	303	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
		@@ -391,15 +344,17 @@
391	344	.frm_form_fields_error_style,
392	345	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
393	346	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
394	347	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
	348	+<?php if ( $use_chosen_js ) { ?>
395	349	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
396	350	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
397		-.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
	351	+<?php } ?>
	352	+.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
398	353	color:<?php echo esc_html( $text_color_error . $important ); ?>;
399	354	background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
400	355	border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
401		- border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
	356	+ border-width:var(--border-width-error) <?php echo esc_html( $important ); ?>;
402	357	border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
403	358	}
404	359
405	360	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
		@@ -408,14 +363,9 @@
408	363
409	364	.<?php echo esc_html( $style_class ); ?> .frm_error,
410	365	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
411	366	font-weight:<?php echo esc_html( $weight . $important ); ?>;
412		-}
413		-
414		-.<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
415		-.<?php echo esc_html( $style_class ); ?> .frm_error,
416		-.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
417		- color:<?php echo esc_html( $border_color_error . $important ); ?>;
	367	+ color:<?php echo esc_html( $text_color_error . $important ); ?>;
418	368	}
419	369
420	370	.<?php echo esc_html( $style_class ); ?> .frm_error_style{
421	371	background-color:<?php echo esc_html( $error_bg . $important ); ?>;