← All changes | css/_single_theme.css.php +29 -59 6.3.1 → 6.14 View file →

		@@ -5,12 +5,17 @@
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	+$minus_icons = FrmStylesHelper::minus_icons();
	15	+$arrow_icons = FrmStylesHelper::arrow_icons();
	16	+$submit_bg_img = FrmStylesHelper::get_submit_image_bg_url( $settings );
	17	+$use_chosen_js = FrmStylesHelper::use_chosen_js();
13	18
14	19	?>
15	20	.<?php echo esc_html( $style_class ); ?>{
16	21	<?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
		@@ -32,44 +37,8 @@
32	37	text-align:center;
33	38	}
34	39	<?php } ?>
35	40
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	41	<?php if ( ! empty( $field_margin ) ) { ?>
73	42	.<?php echo esc_html( $style_class ); ?> .form-field{
74	43	margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
75	44	}
		@@ -86,8 +55,10 @@
86	55	.<?php echo esc_html( $style_class ); ?> .frm_error,
87	56	.<?php echo esc_html( $style_class ); ?> .frm_pro_max_limit_desc{
88	57	<?php if ( ! empty( $description_margin ) ) { ?>
89	58	margin:<?php echo esc_html( $description_margin . $important ); ?>;
	59	+ <?php } else { ?>
	60	+ margin-top: 6px;
90	61	<?php } ?>
91	62	padding:0;
92	63	<?php if ( ! empty( $font ) ) { ?>
93	64	font-family:<?php echo FrmAppHelper::kses( $font . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
		@@ -159,8 +130,9 @@
159	130	.<?php echo esc_html( $style_class ); ?> .frm_pos_none{
160	131	display:none<?php echo esc_html( $important ); ?>;
161	132	}
162	133
	134	+<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
163	135	.<?php echo esc_html( $style_class ); ?> .frm_scale label{
164	136	<?php if ( ! empty( $check_weight ) ) { ?>
165	137	font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
166	138	<?php } ?>
		@@ -173,8 +145,9 @@
173	145	<?php if ( ! empty( $check_label_color ) ) { ?>
174	146	color:<?php echo esc_html( $check_label_color . $important ); ?>;
175	147	<?php } ?>
176	148	}
	149	+<?php endif; ?>
177	150
178	151	/* These do not work if they are combined */
179	152	.<?php echo esc_html( $style_class ); ?> input::placeholder,
180	153	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
		@@ -185,9 +158,8 @@
185	158	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
186	159	}
187	160	.<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
188	161	.<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
189		- color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
190	162	opacity: 1;
191	163	}
192	164	.<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
193	165	<?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
		@@ -192,24 +164,22 @@
192	164	.<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
193	165	<?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
194	166	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
195	167	}
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	168
201	169	.<?php echo esc_html( $style_class ); ?> .frm_default,
202	170	.<?php echo esc_html( $style_class ); ?> input.frm_default,
203	171	.<?php echo esc_html( $style_class ); ?> textarea.frm_default,
204	172	.<?php echo esc_html( $style_class ); ?> select.frm_default,
205		-.<?php echo esc_html( $style_class ); ?> .placeholder,
	173	+<?php if ( $use_chosen_js ) { ?>
206	174	.<?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{
	175	+.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default,
	176	+<?php } ?>
	177	+.<?php echo esc_html( $style_class ); ?> .placeholder {
208	178	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
209	179	}
210	180
211		-.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
	181	+.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
212	182	.<?php echo esc_html( $style_class ); ?> select:focus,
213	183	.<?php echo esc_html( $style_class ); ?> textarea:focus,
214	184	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
215	185	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
		@@ -218,11 +188,13 @@
218	188	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
219	189	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
220	190	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
221	191	.frm_form_fields_active_style,
222		-.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
	192	+<?php if ( $use_chosen_js ) { ?>
223	193	.<?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{
	194	+.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices,
	195	+<?php } ?>
	196	+.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement {
225	197	background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
226	198	border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
227	199	color: var(--text-color);
228	200	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
		@@ -228,9 +200,9 @@
228	200	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
229	201	box-shadow:none;
230	202	outline: none;
231	203	<?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);
	204	+ box-shadow:0px 0px 5px 0px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
233	205	<?php } ?>
234	206	}
235	207
236	208	<?php if ( ! $submit_style ) { ?>
		@@ -256,25 +228,21 @@
256	228	}
257	229	echo esc_html( $important );
258	230	?>
259	231	;
	232	+ <?php if ( '' !== $submit_border_width ) : ?>
260	233	border-width:<?php echo esc_html( $submit_border_width ); ?>;
	234	+ <?php endif; ?>
261	235	border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
262	236	border-style:solid;
263	237	color:<?php echo esc_html( $submit_text_color . $important ); ?>;
264	238	cursor:pointer;
265	239	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	240	border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
269	241	text-shadow:none;
270	242	padding:<?php echo esc_html( $submit_padding . $important ); ?>;
271		- -moz-box-sizing:border-box;
272	243	box-sizing:border-box;
273		- -ms-box-sizing:border-box;
274	244	<?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	245	box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
278	246	<?php } ?>
279	247	margin:<?php echo esc_html( $submit_margin ); ?>;
280	248	<?php
		@@ -327,8 +295,9 @@
327	295	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
328	296	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
329	297	color: transparent <?php echo esc_html( $important ); ?>;
330	298	background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
	299	+ border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
331	300	}
332	301
333	302	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
334	303	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
		@@ -341,10 +310,10 @@
341	310	max-width:<?php echo esc_html( $submit_width ); ?>;
342	311	<?php } ?>
343	312	}
344	313	<?php
345		- }
346		-}
	314	+ }//end if
	315	+}//end if
347	316	?>
348	317
349	318	.<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
350	319	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
		@@ -391,11 +360,13 @@
391	360	.frm_form_fields_error_style,
392	361	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
393	362	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
394	363	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
	364	+<?php if ( $use_chosen_js ) { ?>
395	365	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
396	366	.<?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{
	367	+<?php } ?>
	368	+.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
398	369	color:<?php echo esc_html( $text_color_error . $important ); ?>;
399	370	background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
400	371	border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
401	372	border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
		@@ -410,9 +381,8 @@
410	381	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
411	382	font-weight:<?php echo esc_html( $weight . $important ); ?>;
412	383	}
413	384
414		-.<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
415	385	.<?php echo esc_html( $style_class ); ?> .frm_error,
416	386	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
417	387	color:<?php echo esc_html( $border_color_error . $important ); ?>;
418	388	}