← All changes | css/_single_theme.css.php +25 -59 6.3 → 6.13 View file →

		@@ -7,10 +7,11 @@
7	7	extract( $settings ); // phpcs:ignore WordPress.PHP.DontExtract
8	8
9	9	$important = empty( $important_style ) ? '' : ' !important';
10	10
11		-$minus_icons = FrmStylesHelper::minus_icons();
12		-$arrow_icons = FrmStylesHelper::arrow_icons();
	11	+$minus_icons = FrmStylesHelper::minus_icons();
	12	+$arrow_icons = FrmStylesHelper::arrow_icons();
	13	+$use_chosen_js = FrmStylesHelper::use_chosen_js();
13	14
14	15	?>
15	16	.<?php echo esc_html( $style_class ); ?>{
16	17	<?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
		@@ -32,44 +33,8 @@
32	33	text-align:center;
33	34	}
34	35	<?php } ?>
35	36
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	37	<?php if ( ! empty( $field_margin ) ) { ?>
73	38	.<?php echo esc_html( $style_class ); ?> .form-field{
74	39	margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
75	40	}
		@@ -86,8 +51,10 @@
86	51	.<?php echo esc_html( $style_class ); ?> .frm_error,
87	52	.<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{
88	53	<?php if ( ! empty( $description_margin ) ) { ?>
89	54	margin:<?php echo esc_html( $description_margin . $important ); ?>;
	55	+ <?php } else { ?>
	56	+ margin-top: 6px;
90	57	<?php } ?>
91	58	padding:0;
92	59	<?php if ( ! empty( $font ) ) { ?>
93	60	font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
		@@ -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{
		@@ -185,9 +154,8 @@
185	154	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
186	155	}
187	156	.<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
188	157	.<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
189		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
190	158	opacity: 1;
191	159	}
192	160	.<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
193	161	<?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
		@@ -192,24 +160,22 @@
192	160	.<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
193	161	<?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
194	162	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
195	163	}
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	164
201	165	.<?php echo esc_html( $style_class ); ?> .frm_default,
202	166	.<?php echo esc_html( $style_class ); ?> input.frm_default,
203	167	.<?php echo esc_html( $style_class ); ?> textarea.frm_default,
204	168	.<?php echo esc_html( $style_class ); ?> select.frm_default,
205		-.<?php echo esc_html( $style_class ); ?> .placeholder,
	169	+<?php if ( $use_chosen_js ) { ?>
206	170	.<?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{
	171	+.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default,
	172	+<?php } ?>
	173	+.<?php echo esc_html( $style_class ); ?> .placeholder {
208	174	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
209	175	}
210	176
211		-.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
	177	+.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
212	178	.<?php echo esc_html( $style_class ); ?> select:focus,
213	179	.<?php echo esc_html( $style_class ); ?> textarea:focus,
214	180	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
215	181	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
		@@ -218,11 +184,13 @@
218	184	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
219	185	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
220	186	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
221	187	.frm_form_fields_active_style,
222		-.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
	188	+<?php if ( $use_chosen_js ) { ?>
223	189	.<?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{
	190	+.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices,
	191	+<?php } ?>
	192	+.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement {
225	193	background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
226	194	border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
227	195	color: var(--text-color);
228	196	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
		@@ -228,9 +196,9 @@
228	196	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
229	197	box-shadow:none;
230	198	outline: none;
231	199	<?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);
	200	+ box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
233	201	<?php } ?>
234	202	}
235	203
236	204	<?php if ( ! $submit_style ) { ?>
		@@ -256,25 +224,21 @@
256	224	}
257	225	echo esc_html( $important );
258	226	?>
259	227	;
	228	+ <?php if ( '' !== $submit_border_width ) : ?>
260	229	border-width:<?php echo esc_html( $submit_border_width ); ?>;
	230	+ <?php endif; ?>
261	231	border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
262	232	border-style:solid;
263	233	color:<?php echo esc_html( $submit_text_color . $important ); ?>;
264	234	cursor:pointer;
265	235	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	236	border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
269	237	text-shadow:none;
270	238	padding:<?php echo esc_html( $submit_padding . $important ); ?>;
271		- -moz-box-sizing:border-box;
272	239	box-sizing:border-box;
273		- -ms-box-sizing:border-box;
274	240	<?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	241	box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
278	242	<?php } ?>
279	243	margin:<?php echo esc_html( $submit_margin ); ?>;
280	244	<?php
		@@ -327,8 +291,9 @@
327	291	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
328	292	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
329	293	color: transparent <?php echo esc_html( $important ); ?>;
330	294	background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
	295	+ border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
331	296	}
332	297
333	298	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
334	299	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
		@@ -341,10 +306,10 @@
341	306	max-width:<?php echo esc_html( $submit_width ); ?>;
342	307	<?php } ?>
343	308	}
344	309	<?php
345		- }
346		-}
	310	+ }//end if
	311	+}//end if
347	312	?>
348	313
349	314	.<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
350	315	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
		@@ -391,11 +356,13 @@
391	356	.frm_form_fields_error_style,
392	357	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
393	358	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
394	359	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
	360	+<?php if ( $use_chosen_js ) { ?>
395	361	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
396	362	.<?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{
	363	+<?php } ?>
	364	+.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
398	365	color:<?php echo esc_html( $text_color_error . $important ); ?>;
399	366	background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
400	367	border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
401	368	border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
		@@ -410,9 +377,8 @@
410	377	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
411	378	font-weight:<?php echo esc_html( $weight . $important ); ?>;
412	379	}
413	380
414		-.<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
415	381	.<?php echo esc_html( $style_class ); ?> .frm_error,
416	382	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
417	383	color:<?php echo esc_html( $border_color_error . $important ); ?>;
418	384	}