← All changes | css/_single_theme.css.php +92 -49 6.26 → 5.0 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 ); ?>
		@@ -21,9 +18,9 @@
21	18
22	19	.frm_forms.<?php echo esc_html( $style_class ); ?>{
23	20	max-width:<?php echo esc_html( $form_width . $important ); ?>;
24	21	direction:<?php echo esc_html( $direction . $important ); ?>;
25		- <?php if ( 'rtl' === $direction ) { ?>
	22	+ <?php if ( 'rtl' == $direction ) { ?>
26	23	unicode-bidi:embed;
27	24	<?php } ?>
28	25	<?php if ( $center_form ) { ?>
29	26	margin:0 auto;
		@@ -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	}
		@@ -49,18 +82,15 @@
49	82	.<?php echo esc_html( $style_class ); ?> p.description,
50	83	.<?php echo esc_html( $style_class ); ?> div.description,
51	84	.<?php echo esc_html( $style_class ); ?> div.frm_description,
52	85	.<?php echo esc_html( $style_class ); ?> .frm-show-form > div.frm_description,
53		-.<?php echo esc_html( $style_class ); ?> .frm_error,
54		-.<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{
	86	+.<?php echo esc_html( $style_class ); ?> .frm_error{
55	87	<?php if ( ! empty( $description_margin ) ) { ?>
56	88	margin:<?php echo esc_html( $description_margin . $important ); ?>;
57		- <?php } else { ?>
58		- margin-top: 6px;
59	89	<?php } ?>
60	90	padding:0;
61	91	<?php if ( ! empty( $font ) ) { ?>
62		- font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
	92	+ font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
63	93	<?php } ?>
64	94	<?php if ( ! empty( $description_font_size ) ) { ?>
65	95	font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
66	96	<?php } ?>
		@@ -81,8 +111,10 @@
81	111
82	112	/* Left and right labels */
83	113	<?php
84	114
	115	+$frm_settings = FrmAppHelper::get_settings();
	116	+
85	117	if ( '' === $field_height || 'auto' === $field_height ) {
86	118	foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
87	119	?>
88	120	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
		@@ -95,9 +127,13 @@
95	127	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=search],
96	128	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container select,
97	129	<?php } ?>
98	130	.<?php echo esc_html( $style_class ); ?> .frm_left_container select{
99		- height:fit-content<?php echo esc_html( $important ); ?>;
	131	+ <?php if ( $frm_settings->old_css ) { ?>
	132	+ height:auto<?php echo esc_html( $important ); ?>;
	133	+ <?php } else { ?>
	134	+ height:fit-content<?php echo esc_html( $important ); ?>;
	135	+ <?php } ?>
100	136	}
101	137	<?php } ?>
102	138
103	139	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_left_container{
		@@ -126,15 +162,14 @@
126	162	.<?php echo esc_html( $style_class ); ?> .frm_pos_none{
127	163	display:none<?php echo esc_html( $important ); ?>;
128	164	}
129	165
130		-<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
131	166	.<?php echo esc_html( $style_class ); ?> .frm_scale label{
132	167	<?php if ( ! empty( $check_weight ) ) { ?>
133	168	font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
134	169	<?php } ?>
135	170	<?php if ( ! empty( $font ) ) { ?>
136		- font-family:<?php FrmAppHelper::kses_echo( $font . $important ); ?>;
	171	+ font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
137	172	<?php } ?>
138	173	<?php if ( ! empty( $check_font_size ) ) { ?>
139	174	font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
140	175	<?php } ?>
		@@ -141,9 +176,8 @@
141	176	<?php if ( ! empty( $check_label_color ) ) { ?>
142	177	color:<?php echo esc_html( $check_label_color . $important ); ?>;
143	178	<?php } ?>
144	179	}
145		-<?php endif; ?>
146	180
147	181	/* These do not work if they are combined */
148	182	.<?php echo esc_html( $style_class ); ?> input::placeholder,
149	183	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
		@@ -148,24 +182,38 @@
148	182	.<?php echo esc_html( $style_class ); ?> input::placeholder,
149	183	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
150	184	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
151	185	}
	186	+.<?php echo esc_html( $style_class ); ?> input::-webkit-input-placeholder,
	187	+.<?php echo esc_html( $style_class ); ?> textarea::-webkit-input-placeholder{
	188	+ color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
	189	+}
	190	+.<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
	191	+.<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
	192	+ color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
	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	+}
152	202
153	203	.<?php echo esc_html( $style_class ); ?> .frm_default,
154	204	.<?php echo esc_html( $style_class ); ?> input.frm_default,
155	205	.<?php echo esc_html( $style_class ); ?> textarea.frm_default,
156	206	.<?php echo esc_html( $style_class ); ?> select.frm_default,
157		-<?php if ( $use_chosen_js ) { ?>
	207	+.<?php echo esc_html( $style_class ); ?> .placeholder,
158	208	.<?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 {
	209	+.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default{
162	210	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
163	211	}
164	212
165		-.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
	213	+.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
166	214	.<?php echo esc_html( $style_class ); ?> select:focus,
167		-.<?php echo esc_html( $style_class ); ?> .form-field textarea:focus,
	215	+.<?php echo esc_html( $style_class ); ?> textarea:focus,
168	216	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
169	217	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
170	218	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
171	219	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
		@@ -172,21 +220,17 @@
172	220	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
173	221	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
174	222	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
175	223	.frm_form_fields_active_style,
176		-<?php if ( $use_chosen_js ) { ?>
	224	+.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
177	225	.<?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 {
	226	+.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{
181	227	background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
182	228	border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
183		- color: var(--text-color);
184	229	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
185	230	box-shadow:none;
186		- outline: none;
187	231	<?php } else { ?>
188		- box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
	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);
189	233	<?php } ?>
190	234	}
191	235
192	236	<?php if ( ! $submit_style ) { ?>
		@@ -197,9 +241,9 @@
197	241	.frm_form_submit_style,
198	242	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
199	243	width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
200	244	<?php if ( ! empty( $font ) ) { ?>
201		- font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
	245	+ font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
202	246	<?php } ?>
203	247	font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
204	248	height:<?php echo esc_html( $submit_height . $important ); ?>;
205	249	line-height:normal<?php echo esc_html( $important ); ?>;
		@@ -206,9 +250,8 @@
206	250	text-align:center;
207	251	background:
208	252	<?php
209	253	echo esc_html( $submit_bg_color );
210		-
211	254	if ( ! empty( $submit_bg_img ) ) {
212	255	echo esc_html( ' url(' . $submit_bg_img . ')' );
213	256	}
214	257	echo esc_html( $important );
		@@ -213,21 +256,25 @@
213	256	}
214	257	echo esc_html( $important );
215	258	?>
216	259	;
217		- <?php if ( '' !== $submit_border_width ) : ?>
218	260	border-width:<?php echo esc_html( $submit_border_width ); ?>;
219		- <?php endif; ?>
220	261	border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
221	262	border-style:solid;
222	263	color:<?php echo esc_html( $submit_text_color . $important ); ?>;
223	264	cursor:pointer;
224	265	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 ); ?>;
225	268	border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
226	269	text-shadow:none;
227	270	padding:<?php echo esc_html( $submit_padding . $important ); ?>;
	271	+ -moz-box-sizing:border-box;
228	272	box-sizing:border-box;
	273	+ -ms-box-sizing:border-box;
229	274	<?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 ); ?>;
230	277	box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
231	278	<?php } ?>
232	279	margin:<?php echo esc_html( $submit_margin ); ?>;
233	280	<?php
		@@ -254,9 +301,9 @@
254	301	color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
255	302	}
256	303
257	304	.<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
258		- margin-bottom:<?php echo esc_html( FrmStylesHelper::get_bottom_value( $submit_margin ) ); ?>;
	305	+ margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
259	306	}
260	307
261	308	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
262	309	.<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
		@@ -267,9 +314,8 @@
267	314	.<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
268	315	background: <?php echo esc_html( $submit_active_bg_color . $important ); ?>;
269	316	border-color: <?php echo esc_html( $submit_active_border_color . $important ); ?>;
270	317	color: <?php echo esc_html( $submit_active_color . $important ); ?>;
271		- outline: none;
272	318	}
273	319
274	320	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page,
275	321	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:hover,
		@@ -280,9 +326,8 @@
280	326	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
281	327	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
282	328	color: transparent <?php echo esc_html( $important ); ?>;
283	329	background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
284		- border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
285	330	}
286	331
287	332	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
288	333	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
		@@ -295,10 +340,10 @@
295	340	max-width:<?php echo esc_html( $submit_width ); ?>;
296	341	<?php } ?>
297	342	}
298	343	<?php
299		- }//end if
300		-}//end if
	344	+ }
	345	+}
301	346	?>
302	347
303	348	.<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
304	349	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
		@@ -303,9 +348,9 @@
303	348	.<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
304	349	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
305	350	content:"before";
306	351	<?php if ( ! empty( $font ) ) { ?>
307		- font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
	352	+ font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
308	353	<?php } ?>
309	354	font-size:<?php echo esc_html( $font_size . $important ); ?>;
310	355	color:<?php echo esc_html( $label_color . $important ); ?>;
311	356	font-weight:<?php echo esc_html( $weight . $important ); ?>;
		@@ -324,9 +369,9 @@
324	369	}
325	370
326	371	.<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
327	372	<?php if ( ! empty( $font ) ) { ?>
328		- font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
	373	+ font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
329	374	<?php } ?>
330	375	font-size:<?php echo esc_html( $font_size . $important ); ?>;
331	376	color:<?php echo esc_html( $label_color . $important ); ?>;
332	377	font-weight:<?php echo esc_html( $weight . $important ); ?>;
		@@ -338,26 +383,22 @@
338	383	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
339	384	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
340	385	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
341	386	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
342		-.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=checkbox],
343		-.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=radio],
344	387	.<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
345	388	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
346		-.<?php echo esc_html( $style_class ); ?> .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
	389	+.<?php echo esc_html( $style_class ); ?> .frm_blank_field select,
347	390	.frm_form_fields_error_style,
348	391	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
349	392	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
350	393	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
351		-<?php if ( $use_chosen_js ) { ?>
352	394	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
353	395	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
354		-<?php } ?>
355		-.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
	396	+.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
356	397	color:<?php echo esc_html( $text_color_error . $important ); ?>;
357	398	background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
358	399	border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
359		- border-width:var(--border-width-error) <?php echo esc_html( $important ); ?>;
	400	+ border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
360	401	border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
361	402	}
362	403
363	404	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
		@@ -363,11 +404,14 @@
363	404	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
364	405	border-color:<?php echo esc_html( $border_color_error ); ?> !important;
365	406	}
366	407
367		-.<?php echo esc_html( $style_class ); ?> .frm_error,
368		-.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
	408	+.<?php echo esc_html( $style_class ); ?> .frm_error{
369	409	font-weight:<?php echo esc_html( $weight . $important ); ?>;
	410	+}
	411	+
	412	+.<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
	413	+.<?php echo esc_html( $style_class ); ?> .frm_error{
370	414	color:<?php echo esc_html( $border_color_error . $important ); ?>;
371	415	}
372	416
373	417	.<?php echo esc_html( $style_class ); ?> .frm_error_style{
		@@ -399,6 +443,5 @@
399	443	width:auto<?php echo esc_html( $important ); ?>;
400	444	padding:0<?php echo esc_html( $important ); ?>;
401	445	}
402	446
403		-<?php echo strip_tags( FrmStylesController::get_custom_css( $settings ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
404	447	<?php do_action( 'frm_output_single_style', $settings ); ?>