← All changes | css/_single_theme.css.php +75 -32 6.25.1 → 6.10 View file →

		@@ -5,15 +5,12 @@
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		-
12	9	$important = empty( $important_style ) ? '' : ' !important';
13	10
14		-$submit_bg_img = FrmStylesHelper::get_submit_image_bg_url( $settings );
15		-$use_chosen_js = FrmStylesHelper::use_chosen_js();
	11	+$minus_icons = FrmStylesHelper::minus_icons();
	12	+$arrow_icons = FrmStylesHelper::arrow_icons();
16	13
17	14	?>
18	15	.<?php echo esc_html( $style_class ); ?>{
19	16	<?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
		@@ -35,8 +32,44 @@
35	32	text-align:center;
36	33	}
37	34	<?php } ?>
38	35
	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	+
39	72	<?php if ( ! empty( $field_margin ) ) { ?>
40	73	.<?php echo esc_html( $style_class ); ?> .form-field{
41	74	margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
42	75	}
		@@ -53,14 +86,12 @@
53	86	.<?php echo esc_html( $style_class ); ?> .frm_error,
54	87	.<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{
55	88	<?php if ( ! empty( $description_margin ) ) { ?>
56	89	margin:<?php echo esc_html( $description_margin . $important ); ?>;
57		- <?php } else { ?>
58		- margin-top: 6px;
59	90	<?php } ?>
60	91	padding:0;
61	92	<?php if ( ! empty( $font ) ) { ?>
62		- font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
	93	+ font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
63	94	<?php } ?>
64	95	<?php if ( ! empty( $description_font_size ) ) { ?>
65	96	font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
66	97	<?php } ?>
		@@ -81,8 +112,10 @@
81	112
82	113	/* Left and right labels */
83	114	<?php
84	115
	116	+$frm_settings = FrmAppHelper::get_settings();
	117	+
85	118	if ( '' === $field_height || 'auto' === $field_height ) {
86	119	foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
87	120	?>
88	121	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
		@@ -132,9 +165,9 @@
132	165	<?php if ( ! empty( $check_weight ) ) { ?>
133	166	font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
134	167	<?php } ?>
135	168	<?php if ( ! empty( $font ) ) { ?>
136		- font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
	169	+ font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
137	170	<?php } ?>
138	171	<?php if ( ! empty( $check_font_size ) ) { ?>
139	172	font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
140	173	<?php } ?>
		@@ -148,24 +181,35 @@
148	181	.<?php echo esc_html( $style_class ); ?> input::placeholder,
149	182	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
150	183	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
151	184	}
	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	+}
152	198
153	199	.<?php echo esc_html( $style_class ); ?> .frm_default,
154	200	.<?php echo esc_html( $style_class ); ?> input.frm_default,
155	201	.<?php echo esc_html( $style_class ); ?> textarea.frm_default,
156	202	.<?php echo esc_html( $style_class ); ?> select.frm_default,
157		-<?php if ( $use_chosen_js ) { ?>
	203	+.<?php echo esc_html( $style_class ); ?> .placeholder,
158	204	.<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
159		-.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default,
160		-<?php } ?>
161		-.<?php echo esc_html( $style_class ); ?> .placeholder {
	205	+.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default{
162	206	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
163	207	}
164	208
165		-.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
	209	+.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
166	210	.<?php echo esc_html( $style_class ); ?> select:focus,
167		-.<?php echo esc_html( $style_class ); ?> .form-field textarea:focus,
	211	+.<?php echo esc_html( $style_class ); ?> textarea:focus,
168	212	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
169	213	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
170	214	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
171	215	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
		@@ -172,13 +216,11 @@
172	216	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
173	217	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
174	218	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
175	219	.frm_form_fields_active_style,
176		-<?php if ( $use_chosen_js ) { ?>
	220	+.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
177	221	.<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
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 {
	222	+.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{
181	223	background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
182	224	border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
183	225	color: var(--text-color);
184	226	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
		@@ -184,9 +226,9 @@
184	226	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
185	227	box-shadow:none;
186	228	outline: none;
187	229	<?php } else { ?>
188		- box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
	230	+ 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);
189	231	<?php } ?>
190	232	}
191	233
192	234	<?php if ( ! $submit_style ) { ?>
		@@ -197,9 +239,9 @@
197	239	.frm_form_submit_style,
198	240	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
199	241	width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
200	242	<?php if ( ! empty( $font ) ) { ?>
201		- font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
	243	+ font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
202	244	<?php } ?>
203	245	font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
204	246	height:<?php echo esc_html( $submit_height . $important ); ?>;
205	247	line-height:normal<?php echo esc_html( $important ); ?>;
		@@ -224,8 +266,9 @@
224	266	border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
225	267	text-shadow:none;
226	268	padding:<?php echo esc_html( $submit_padding . $important ); ?>;
227	269	box-sizing:border-box;
	270	+ -ms-box-sizing:border-box;
228	271	<?php if ( ! empty( $submit_shadow_color ) ) { ?>
229	272	box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
230	273	<?php } ?>
231	274	margin:<?php echo esc_html( $submit_margin ); ?>;
		@@ -253,9 +296,9 @@
253	296	color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
254	297	}
255	298
256	299	.<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
257		- margin-bottom:<?php echo esc_html( FrmStylesHelper::get_bottom_value( $submit_margin ) ); ?>;
	300	+ margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
258	301	}
259	302
260	303	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
261	304	.<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
		@@ -279,9 +322,8 @@
279	322	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
280	323	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
281	324	color: transparent <?php echo esc_html( $important ); ?>;
282	325	background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
283		- border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
284	326	}
285	327
286	328	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
287	329	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
		@@ -302,9 +344,9 @@
302	344	.<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
303	345	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
304	346	content:"before";
305	347	<?php if ( ! empty( $font ) ) { ?>
306		- font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
	348	+ font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
307	349	<?php } ?>
308	350	font-size:<?php echo esc_html( $font_size . $important ); ?>;
309	351	color:<?php echo esc_html( $label_color . $important ); ?>;
310	352	font-weight:<?php echo esc_html( $weight . $important ); ?>;
		@@ -323,9 +365,9 @@
323	365	}
324	366
325	367	.<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
326	368	<?php if ( ! empty( $font ) ) { ?>
327		- font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
	369	+ font-family:<?php echo FrmAppHelper::kses( $font ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
328	370	<?php } ?>
329	371	font-size:<?php echo esc_html( $font_size . $important ); ?>;
330	372	color:<?php echo esc_html( $label_color . $important ); ?>;
331	373	font-weight:<?php echo esc_html( $weight . $important ); ?>;
		@@ -337,10 +379,8 @@
337	379	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
338	380	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
339	381	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
340	382	.<?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],
343	383	.<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
344	384	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
345	385	.<?php echo esc_html( $style_class ); ?> .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
346	386	.frm_form_fields_error_style,
		@@ -346,17 +386,15 @@
346	386	.frm_form_fields_error_style,
347	387	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
348	388	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
349	389	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
350		-<?php if ( $use_chosen_js ) { ?>
351	390	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
352	391	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
353		-<?php } ?>
354		-.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
	392	+.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
355	393	color:<?php echo esc_html( $text_color_error . $important ); ?>;
356	394	background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
357	395	border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
358		- border-width:var(--border-width-error) <?php echo esc_html( $important ); ?>;
	396	+ border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
359	397	border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
360	398	}
361	399
362	400	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
		@@ -365,9 +403,14 @@
365	403
366	404	.<?php echo esc_html( $style_class ); ?> .frm_error,
367	405	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
368	406	font-weight:<?php echo esc_html( $weight . $important ); ?>;
369		- color:<?php echo esc_html( $text_color_error . $important ); ?>;
	407	+}
	408	+
	409	+.<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
	410	+.<?php echo esc_html( $style_class ); ?> .frm_error,
	411	+.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
	412	+ color:<?php echo esc_html( $border_color_error . $important ); ?>;
370	413	}
371	414
372	415	.<?php echo esc_html( $style_class ); ?> .frm_error_style{
373	416	background-color:<?php echo esc_html( $error_bg . $important ); ?>;