← All changes | css/_single_theme.css.php +36 -86 6.4.2 → 6.22.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,12 +53,14 @@
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		- font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
	62	+ font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
94	63	<?php } ?>
95	64	<?php if ( ! empty( $description_font_size ) ) { ?>
96	65	font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
97	66	<?php } ?>
		@@ -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],
		@@ -165,9 +132,9 @@
165	132	<?php if ( ! empty( $check_weight ) ) { ?>
166	133	font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
167	134	<?php } ?>
168	135	<?php if ( ! empty( $font ) ) { ?>
169		- font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
	136	+ font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
170	137	<?php } ?>
171	138	<?php if ( ! empty( $check_font_size ) ) { ?>
172	139	font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
173	140	<?php } ?>
		@@ -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 ) { ?>
		@@ -243,9 +197,9 @@
243	197	.frm_form_submit_style,
244	198	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
245	199	width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
246	200	<?php if ( ! empty( $font ) ) { ?>
247		- font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
	201	+ font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
248	202	<?php } ?>
249	203	font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
250	204	height:<?php echo esc_html( $submit_height . $important ); ?>;
251	205	line-height:normal<?php echo esc_html( $important ); ?>;
		@@ -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 {
		@@ -351,9 +302,9 @@
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 {
353	304	content:"before";
354	305	<?php if ( ! empty( $font ) ) { ?>
355		- font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
	306	+ font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
356	307	<?php } ?>
357	308	font-size:<?php echo esc_html( $font_size . $important ); ?>;
358	309	color:<?php echo esc_html( $label_color . $important ); ?>;
359	310	font-weight:<?php echo esc_html( $weight . $important ); ?>;
		@@ -372,9 +323,9 @@
372	323	}
373	324
374	325	.<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
375	326	<?php if ( ! empty( $font ) ) { ?>
376		- font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
	327	+ font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
377	328	<?php } ?>
378	329	font-size:<?php echo esc_html( $font_size . $important ); ?>;
379	330	color:<?php echo esc_html( $label_color . $important ); ?>;
380	331	font-weight:<?php echo esc_html( $weight . $important ); ?>;
		@@ -386,8 +337,10 @@
386	337	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
387	338	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
388	339	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
389	340	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
	341	+.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=checkbox],
	342	+.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=radio],
390	343	.<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
391	344	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
392	345	.<?php echo esc_html( $style_class ); ?> .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
393	346	.frm_form_fields_error_style,
		@@ -393,15 +346,17 @@
393	346	.frm_form_fields_error_style,
394	347	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
395	348	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
396	349	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
	350	+<?php if ( $use_chosen_js ) { ?>
397	351	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
398	352	.<?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{
	353	+<?php } ?>
	354	+.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
400	355	color:<?php echo esc_html( $text_color_error . $important ); ?>;
401	356	background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
402	357	border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
403		- border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
	358	+ border-width:var(--border-width-error) <?php echo esc_html( $important ); ?>;
404	359	border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
405	360	}
406	361
407	362	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
		@@ -410,14 +365,9 @@
410	365
411	366	.<?php echo esc_html( $style_class ); ?> .frm_error,
412	367	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
413	368	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 ); ?>;
	369	+ color:<?php echo esc_html( $text_color_error . $important ); ?>;
420	370	}
421	371
422	372	.<?php echo esc_html( $style_class ); ?> .frm_error_style{
423	373	background-color:<?php echo esc_html( $error_bg . $important ); ?>;