← All changes | css/_single_theme.css.php +46 -61 6.26.1 → 6.24 View file →

		@@ -5,9 +5,9 @@
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 = $is_loaded_via_ajax ?? false;
	9	+$is_loaded_via_ajax = isset( $is_loaded_via_ajax ) ? $is_loaded_via_ajax : false;
10	10	FrmStylesPreviewHelper::get_additional_preview_style( $settings, $is_loaded_via_ajax );
11	11
12	12	$important = empty( $important_style ) ? '' : ' !important';
13	13
		@@ -19,10 +19,10 @@
19	19	<?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
20	20	}
21	21
22	22	.frm_forms.<?php echo esc_html( $style_class ); ?>{
23		- max-width:var(--form-width)<?php echo esc_html( $important ); ?>;
24		- direction:var(--direction)<?php echo esc_html( $important ); ?>;
	23	+ max-width:<?php echo esc_html( $form_width . $important ); ?>;
	24	+ direction:<?php echo esc_html( $direction . $important ); ?>;
25	25	<?php if ( 'rtl' === $direction ) { ?>
26	26	unicode-bidi:embed;
27	27	<?php } ?>
28	28	<?php if ( $center_form ) { ?>
		@@ -37,9 +37,9 @@
37	37	<?php } ?>
38	38
39	39	<?php if ( ! empty( $field_margin ) ) { ?>
40	40	.<?php echo esc_html( $style_class ); ?> .form-field{
41		- margin-bottom:var(--field-margin)<?php echo esc_html( $important ); ?>;
	41	+ margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
42	42	}
43	43	<?php } ?>
44	44
45	45	.<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
		@@ -118,9 +118,9 @@
118	118	}
119	119
120	120	.<?php echo esc_html( $style_class ); ?> .frm_pos_right{
121	121	display:inline<?php echo esc_html( $important ); ?>;
122		- width:var(--width)<?php echo esc_html( $important ); ?>;
	122	+ width:<?php echo esc_html( $width . $important ); ?>;
123	123	}
124	124
125	125	.<?php echo esc_html( $style_class ); ?> .frm_none_container .frm_primary_label,
126	126	.<?php echo esc_html( $style_class ); ?> .frm_pos_none{
		@@ -143,11 +143,12 @@
143	143	<?php } ?>
144	144	}
145	145	<?php endif; ?>
146	146
	147	+/* These do not work if they are combined */
147	148	.<?php echo esc_html( $style_class ); ?> input::placeholder,
148	149	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
149		- color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
	150	+ color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
150	151	}
151	152
152	153	.<?php echo esc_html( $style_class ); ?> .frm_default,
153	154	.<?php echo esc_html( $style_class ); ?> input.frm_default,
		@@ -157,9 +158,9 @@
157	158	.<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
158	159	.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default,
159	160	<?php } ?>
160	161	.<?php echo esc_html( $style_class ); ?> .placeholder {
161		- color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
	162	+ color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
162	163	}
163	164
164	165	.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
165	166	.<?php echo esc_html( $style_class ); ?> select:focus,
		@@ -176,11 +177,11 @@
176	177	.<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
177	178	.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices,
178	179	<?php } ?>
179	180	.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement {
180		- background-color:var(--bg-color-active)<?php echo esc_html( $important ); ?>;
181		- border-color:var(--border-color-active)<?php echo esc_html( $important ); ?>;
182		- color:var(--text-color);
	181	+ background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
	182	+ border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
	183	+ color: var(--text-color);
183	184	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
184	185	box-shadow:none;
185	186	outline: none;
186	187	<?php } else { ?>
		@@ -205,9 +206,8 @@
205	206	text-align:center;
206	207	background:
207	208	<?php
208	209	echo esc_html( $submit_bg_color );
209		-
210	210	if ( ! empty( $submit_bg_img ) ) {
211	211	echo esc_html( ' url(' . $submit_bg_img . ')' );
212	212	}
213	213	echo esc_html( $important );
		@@ -247,11 +247,11 @@
247	247	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:hover,
248	248	.<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
249	249	.<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
250	250	.<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
251		- background:var(--submit-hover-bg-color)<?php echo esc_html( $important ); ?>;
252		- border-color:var(--submit-hover-border-color)<?php echo esc_html( $important ); ?>;
253		- color:var(--submit-hover-color)<?php echo esc_html( $important ); ?>;
	251	+ background: <?php echo esc_html( $submit_hover_bg_color . $important ); ?>;
	252	+ border-color: <?php echo esc_html( $submit_hover_border_color . $important ); ?>;
	253	+ color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
254	254	}
255	255
256	256	.<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
257	257	margin-bottom:<?php echo esc_html( FrmStylesHelper::get_bottom_value( $submit_margin ) ); ?>;
		@@ -263,11 +263,11 @@
263	263	.<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
264	264	.<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
265	265	.<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:active,
266	266	.<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
267		- background:var(--submit-active-bg-color)<?php echo esc_html( $important ); ?>;
268		- border-color:var(--submit-active-border-color)<?php echo esc_html( $important ); ?>;
269		- color:var(--submit-active-color)<?php echo esc_html( $important ); ?>;
	267	+ background: <?php echo esc_html( $submit_active_bg_color . $important ); ?>;
	268	+ border-color: <?php echo esc_html( $submit_active_border_color . $important ); ?>;
	269	+ color: <?php echo esc_html( $submit_active_color . $important ); ?>;
270	270	outline: none;
271	271	}
272	272
273	273	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page,
		@@ -277,22 +277,22 @@
277	277	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit,
278	278	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:hover,
279	279	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
280	280	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
281		- color: transparent<?php echo esc_html( $important ); ?>;
282		- background:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
283		- border-color:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
	281	+ color: transparent <?php echo esc_html( $important ); ?>;
	282	+ background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
	283	+ border-color: <?php echo esc_html( $submit_bg_color . $important ); ?>;
284	284	}
285	285
286	286	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
287	287	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
288		- border-bottom-color:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
289		- border-right-color:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
	288	+ border-bottom-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
	289	+ border-right-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
290	290	<?php if ( $submit_height !== 'auto' ) { ?>
291		- max-height:var(--submit-height)<?php echo esc_html( $important ); ?>;
	291	+ max-height:<?php echo esc_html( $submit_height ); ?>;
292	292	<?php } ?>
293	293	<?php if ( $submit_width !== 'auto' ) { ?>
294		- max-width:var(--submit-width)<?php echo esc_html( $important ); ?>;
	294	+ max-width:<?php echo esc_html( $submit_width ); ?>;
295	295	<?php } ?>
296	296	}
297	297	<?php
298	298	}//end if
		@@ -304,13 +304,13 @@
304	304	content:"before";
305	305	<?php if ( ! empty( $font ) ) { ?>
306	306	font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
307	307	<?php } ?>
308		- font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
309		- color:var(--label-color)<?php echo esc_html( $important ); ?>;
310		- font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
	308	+ font-size:<?php echo esc_html( $font_size . $important ); ?>;
	309	+ color:<?php echo esc_html( $label_color . $important ); ?>;
	310	+ font-weight:<?php echo esc_html( $weight . $important ); ?>;
311	311	margin:0;
312		- padding:var(--label-padding)<?php echo esc_html( $important ); ?>;
	312	+ padding:<?php echo esc_html( $label_padding . $important ); ?>;
313	313	width:auto;
314	314	display:block;
315	315	visibility:hidden;
316	316	}
		@@ -321,24 +321,17 @@
321	321	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit button {
322	322	margin: 0 !important;
323	323	}
324	324
325		-<?php
326		-// Only include this CSS when the math captcha plugin is active.
327		-if ( class_exists( 'FrmCptController' ) ) :
328		- ?>
329	325	.<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
330	326	<?php if ( ! empty( $font ) ) { ?>
331	327	font-family:<?php FrmAppHelper::kses_echo( $font ); ?>;
332	328	<?php } ?>
333		- font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
334		- color:var(--label-color)<?php echo esc_html( $important ); ?>;
335		- font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
	329	+ font-size:<?php echo esc_html( $font_size . $important ); ?>;
	330	+ color:<?php echo esc_html( $label_color . $important ); ?>;
	331	+ font-weight:<?php echo esc_html( $weight . $important ); ?>;
336	332	clear:both;
337	333	}
338		- <?php
339		-endif;
340		-?>
341	334
342	335	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
343	336	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
344	337	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
		@@ -358,40 +351,33 @@
358	351	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
359	352	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
360	353	<?php } ?>
361	354	.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid {
362		- color:var(--text-color-error)<?php echo esc_html( $important ); ?>;
363		- background-color:var(--bg-color-error)<?php echo esc_html( $important ); ?>;
364		- border-color:var(--border-color-error)<?php echo esc_html( $important ); ?>;
365		- border-width:var(--border-width-error)<?php echo esc_html( $important ); ?>;
366		- border-style:var(--border-style-error)<?php echo esc_html( $important ); ?>;
	355	+ color:<?php echo esc_html( $text_color_error . $important ); ?>;
	356	+ background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
	357	+ border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
	358	+ border-width:var(--border-width-error) <?php echo esc_html( $important ); ?>;
	359	+ border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
367	360	}
368	361
369		-<?php
370		-// Only include this style when the signatures add-on is active
371		-if ( class_exists( 'FrmSigField' ) ) :
372		- ?>
373	362	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
374		- border-color:var(--border-color-error) !important;
	363	+ border-color:<?php echo esc_html( $border_color_error ); ?> !important;
375	364	}
376		- <?php
377		-endif;
378		-?>
379	365
380	366	.<?php echo esc_html( $style_class ); ?> .frm_error,
381	367	.<?php echo esc_html( $style_class ); ?> .frm_limit_error{
382		- font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
383		- color:var(--border-color-error)<?php echo esc_html( $important ); ?>;
	368	+ font-weight:<?php echo esc_html( $weight . $important ); ?>;
	369	+ color:<?php echo esc_html( $text_color_error . $important ); ?>;
384	370	}
385	371
386	372	.<?php echo esc_html( $style_class ); ?> .frm_error_style{
387		- background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
388		- border:1px solid var(--error-border)<?php echo esc_html( $important ); ?>;
389		- border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
390		- color:var(--error-text)<?php echo esc_html( $important ); ?>;
391		- font-size:var(--error-font-size)<?php echo esc_html( $important ); ?>;
	373	+ background-color:<?php echo esc_html( $error_bg . $important ); ?>;
	374	+ border:1px solid <?php echo esc_html( $error_border . $important ); ?>;
	375	+ border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
	376	+ color: <?php echo esc_html( $error_text . $important ); ?>;
	377	+ font-size:<?php echo esc_html( $error_font_size . $important ); ?>;
392	378	margin:0;
393		- margin-bottom:var(--field-margin);
	379	+ margin-bottom:<?php echo esc_html( $field_margin ); ?>;
394	380	}
395	381
396	382	.<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
397	383	background-image:linear-gradient(45deg, <?php echo esc_html( $border_color ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $border_color ); ?> 50%, <?php echo esc_html( $border_color ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
		@@ -397,9 +383,9 @@
397	383	background-image:linear-gradient(45deg, <?php echo esc_html( $border_color ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $border_color ); ?> 50%, <?php echo esc_html( $border_color ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
398	384	}
399	385
400	386	.<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
401		- background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
	387	+ background-color:<?php echo esc_html( $bg_color . $important ); ?>;
402	388	}
403	389
404	390	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big input,
405	391	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big textarea,
		@@ -412,6 +398,5 @@
412	398	width:auto<?php echo esc_html( $important ); ?>;
413	399	padding:0<?php echo esc_html( $important ); ?>;
414	400	}
415	401
416		-<?php echo strip_tags( FrmStylesController::get_custom_css( $settings ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
417	402	<?php do_action( 'frm_output_single_style', $settings ); ?>