← All changes | css/custom_theme.css.php +60 -39 6.4.1 → 6.10 View file →

		@@ -40,8 +40,9 @@
40	40	text-align:<?php echo esc_html( $defaults['form_align'] . $important ); ?>;
41	41	text-align:var(--form-align)<?php echo esc_html( $important ); ?>;
42	42	}
43	43
	44	+/* Keep this. This is used for Honeypot */
44	45	input:-webkit-autofill {
45	46	-webkit-box-shadow: 0 0 0 30px white inset;
46	47	}
47	48
		@@ -68,11 +69,13 @@
68	69	padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
69	70	<?php } ?>
70	71	}
71	72
72		-form input.frm_verify{
73		- position:absolute;
74		- left:-3000px;
	73	+form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> {
	74	+ overflow: hidden;
	75	+ width: 0;
	76	+ height: 0;
	77	+ position: absolute;
75	78	}
76	79
77	80	.with_frm_style fieldset{
78	81	min-width:0;
		@@ -230,16 +233,14 @@
230	233	.frm_form_fields_active_style,
231	234	.frm_form_fields_error_style,
232	235	.with_frm_style .frm-card-element.StripeElement,
233	236	.with_frm_style .chosen-container-multi .chosen-choices,
234		-.with_frm_style .chosen-container-single .chosen-single{
	237	+.with_frm_style .chosen-container-single .chosen-single,
	238	+.with_frm_style .frm_slimselect.ss-main {
235	239	color:<?php echo esc_html( $defaults['text_color'] ); ?>;
236	240	color:var(--text-color)<?php echo esc_html( $important ); ?>;
237	241	background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
238	242	background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
239		-<?php if ( ! empty( $important ) ) { ?>
240		- background-image:none !important;
241		-<?php } ?>
242	243	border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
243	244	border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
244	245	border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
245	246	border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
		@@ -244,10 +245,8 @@
244	245	border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
245	246	border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
246	247	border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
247	248	border-style:var(--field-border-style)<?php echo esc_html( $important ); ?>;
248		- -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
249		- -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
250	249	border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
251	250	border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
252	251	width:<?php echo esc_html( $defaults['field_width'] ); ?>;
253	252	width:var(--field-width)<?php echo esc_html( $important ); ?>;
		@@ -255,10 +254,8 @@
255	254	font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
256	255	font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
257	256	padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
258	257	padding:var(--field-pad)<?php echo esc_html( $important ); ?>;
259		- -webkit-box-sizing:border-box;
260		- -moz-box-sizing:border-box;
261	258	box-sizing:border-box;
262	259	outline:none<?php echo esc_html( $important ); ?>;
263	260	font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
264	261	font-weight:var(--field-weight);
		@@ -264,8 +261,39 @@
264	261	font-weight:var(--field-weight);
265	262	box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
266	263	}
267	264
	265	+<?php if ( ! empty( $important ) ) { ?>
	266	+.with_frm_style input[type=text],
	267	+.with_frm_style input[type=password],
	268	+.with_frm_style input[type=email],
	269	+.with_frm_style input[type=number],
	270	+.with_frm_style input[type=url],
	271	+.with_frm_style input[type=tel],
	272	+.with_frm_style input[type=phone],
	273	+.with_frm_style input[type=search],
	274	+.with_frm_style textarea,
	275	+.frm_form_fields_style,
	276	+.with_frm_style .frm_scroll_box .frm_opt_container,
	277	+.frm_form_fields_active_style,
	278	+.frm_form_fields_error_style,
	279	+.with_frm_style .frm-card-element.StripeElement,
	280	+.with_frm_style .chosen-container-multi .chosen-choices,
	281	+.with_frm_style .chosen-container-single .chosen-single{
	282	+ background-image:none !important;
	283	+}
	284	+<?php } ?>
	285	+
	286	+.with_frm_style select option {
	287	+ color:<?php echo esc_html( $defaults['text_color'] ); ?>;
	288	+ color:var(--text-color)<?php echo esc_html( $important ); ?>;
	289	+}
	290	+
	291	+.with_frm_style select option.frm-select-placeholder {
	292	+ color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>;
	293	+ color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
	294	+}
	295	+
268	296	.with_frm_style input[type=radio],
269	297	.with_frm_style input[type=checkbox]{
270	298	border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
271	299	border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
		@@ -287,10 +315,10 @@
287	315	.with_frm_style input[type=file],
288	316	.with_frm_style input[type=search],
289	317	.with_frm_style select,
290	318	.with_frm_style .frm-card-element.StripeElement{
291		- height:<?php echo esc_html( $defaults['field_height'] ); ?>;
292		- height:var(--field-height)<?php echo esc_html( $important ); ?>;
	319	+ min-height:<?php echo esc_html( $defaults['field_height'] ); ?>;
	320	+ min-height:var(--field-height)<?php echo esc_html( $important ); ?>;
293	321	line-height:1.3<?php echo esc_html( $important ); ?>;
294	322	}
295	323
296	324	.with_frm_style select[multiple=multiple]{
		@@ -340,9 +368,9 @@
340	368	.with_frm_style select{
341	369	width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
342	370	width:var(--auto-width)<?php echo esc_html( $important ); ?>;
343	371	max-width:100%;
344		- background-position-y: center;
	372	+ background-position-y: calc(50% + 3px);
345	373	}
346	374
347	375	.with_frm_style input[disabled],
348	376	.with_frm_style select[disabled],
		@@ -587,10 +615,8 @@
587	615	<?php } else { ?>
588	616	padding:5px;
589	617	<?php } ?>
590	618	<?php if ( ! empty( $defaults['border_radius'] ) ) { ?>
591		- -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
592		- -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
593	619	border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
594	620	border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
595	621	<?php } ?>
596	622	<?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
		@@ -657,8 +683,12 @@
657	683	.with_frm_style.frm_center_submit .frm_submit{
658	684	text-align:center;
659	685	}
660	686
	687	+.with_frm_style.frm_center_submit .frm_flex.frm_submit {
	688	+ justify-content: center;
	689	+}
	690	+
661	691	.with_frm_style .frm_inline_success .frm_submit{
662	692	display: flex;
663	693	flex-direction: row;
664	694	align-items: center;
		@@ -737,17 +767,23 @@
737	767	margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
738	768	margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
739	769	width: <?php echo absint( $loader_size ); ?>px;
740	770	height: <?php echo absint( $loader_size ); ?>px;
741		- -webkit-animation: spin 2s linear infinite;
742		- -moz-animation: spin 2s linear infinite;
743		- -o-animation: spin 2s linear infinite;
744		- animation: spin 2s linear infinite;
	771	+ animation: spin 2s linear infinite;
745	772	}
746	773
	774	+.with_frm_style .frm_submit.frm_flex {
	775	+ align-items: center;
	776	+ gap: 2%;
	777	+}
	778	+
	779	+.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
	780	+ order: -1;
	781	+}
	782	+
747	783	<?php
748	784	foreach ( $styles as $style ) {
749		- include( dirname( __FILE__ ) . '/_single_theme.css.php' );
	785	+ include __DIR__ . '/_single_theme.css.php';
750	786	unset( $style );
751	787	}
752	788
753	789	// Set it again since it may have been overridden.
		@@ -879,12 +915,11 @@
879	915	}
880	916
881	917	.with_frm_style .frm_radio input[type=radio],
882	918	<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
883		-.with_frm_style .frm_scale input[type=radio],
	919	+.with_frm_style .frm_scale input[type=radio],
884	920	<?php endif; ?>
885	921	.with_frm_style .frm_checkbox input[type=checkbox]{
886		- -webkit-appearance: none;
887	922	appearance: none;
888	923	background-color: var(--bg-color);
889	924	flex: none;
890	925	display:inline-block !important;
		@@ -944,10 +979,8 @@
944	979
945	980	.with_frm_style .frm_error_style,
946	981	.with_frm_style .frm_message,
947	982	.frm_success_style{
948		- -moz-border-radius:4px;
949		- -webkit-border-radius:4px;
950	983	border-radius:4px;
951	984	padding:15px;
952	985	}
953	986
		@@ -1200,9 +1233,9 @@
1200	1233	background-repeat: no-repeat;
1201	1234	color: transparent !important;
1202	1235	}
1203	1236
1204		-<?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
	1237	+<?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1205	1238
1206	1239	.frm_conf_field.frm_left_container .frm_primary_label{
1207	1240	display:none;
1208	1241	}
		@@ -1209,10 +1242,8 @@
1209	1242
1210	1243	.wp-editor-wrap *,
1211	1244	.wp-editor-wrap *:after,
1212	1245	.wp-editor-wrap *:before{
1213		- -webkit-box-sizing:content-box;
1214		- -moz-box-sizing:content-box;
1215	1246	box-sizing:content-box;
1216	1247	}
1217	1248
1218	1249	.with_frm_style .frm_grid,
		@@ -1492,10 +1523,8 @@
1492	1523	border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1493	1524	border-width:var(--field-border-width);
1494	1525	border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1495	1526	border-style:var(--field-border-style);
1496		- -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1497		- -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1498	1527	border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1499	1528	border-radius:var(--border-radius);
1500	1529	width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1501	1530	width:var(--field-width);
		@@ -1503,10 +1532,8 @@
1503	1532	font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1504	1533	font-size:var(--field-font-size);
1505	1534	padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1506	1535	padding:var(--field-pad);
1507		- -webkit-box-sizing:border-box;
1508		- -moz-box-sizing:border-box;
1509	1536	box-sizing:border-box;
1510	1537	outline:none<?php echo esc_html( $important ); ?>;
1511	1538	font-weight:normal;
1512	1539	box-shadow:var(--box-shadow);
		@@ -1519,10 +1546,8 @@
1519	1546	opacity:1;
1520	1547	background-color:transparent !important;
1521	1548	border:none !important;
1522	1549	font-weight:bold;
1523		- -moz-box-shadow:none;
1524		- -webkit-box-shadow:none;
1525	1550	width:auto !important;
1526	1551	height:auto !important;
1527	1552	box-shadow:none !important;
1528	1553	display:inline;
		@@ -1542,10 +1567,8 @@
1542	1567	.frm_form_field.frm_total input:focus,
1543	1568	.frm_form_field.frm_total textarea:focus{
1544	1569	background-color:transparent;
1545	1570	border:none;
1546		- -moz-box-shadow:none;
1547		- -webkit-box-shadow:none;
1548	1571	box-shadow:none;
1549	1572	}
1550	1573
1551	1574	.frm_form_field.frm_label_justify .frm_primary_label{
		@@ -1581,11 +1604,10 @@
1581	1604	.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1582	1605	margin-bottom: 0 !important;
1583	1606	}
1584	1607
	1608	+
1585	1609	<?php
1586		-FrmStylesHelper::maybe_include_font_icon_css();
1587		-
1588	1610	/**
1589	1611	* Call action so other plugins can add additional CSS.
1590	1612	*
1591	1613	* @param array $args {
		@@ -1639,9 +1661,8 @@
1639	1661	max-width:302px;
1640	1662	border-right:1px solid #d3d3d3;
1641	1663	border-radius:4px;
1642	1664	box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1643		- -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1644	1665	}
1645	1666
1646	1667	.with_frm_style .g-recaptcha iframe,
1647	1668	.with_frm_style .frm-g-recaptcha iframe{