← All changes | css/custom_theme.css.php +43 -33 6.5.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
		@@ -72,8 +73,9 @@
72	73	form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> {
73	74	overflow: hidden;
74	75	width: 0;
75	76	height: 0;
	77	+ position: absolute;
76	78	}
77	79
78	80	.with_frm_style fieldset{
79	81	min-width:0;
		@@ -231,16 +233,14 @@
231	233	.frm_form_fields_active_style,
232	234	.frm_form_fields_error_style,
233	235	.with_frm_style .frm-card-element.StripeElement,
234	236	.with_frm_style .chosen-container-multi .chosen-choices,
235		-.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 {
236	239	color:<?php echo esc_html( $defaults['text_color'] ); ?>;
237	240	color:var(--text-color)<?php echo esc_html( $important ); ?>;
238	241	background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
239	242	background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
240		-<?php if ( ! empty( $important ) ) { ?>
241		- background-image:none !important;
242		-<?php } ?>
243	243	border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
244	244	border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
245	245	border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
246	246	border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
		@@ -245,10 +245,8 @@
245	245	border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
246	246	border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
247	247	border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
248	248	border-style:var(--field-border-style)<?php echo esc_html( $important ); ?>;
249		- -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
250		- -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
251	249	border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
252	250	border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
253	251	width:<?php echo esc_html( $defaults['field_width'] ); ?>;
254	252	width:var(--field-width)<?php echo esc_html( $important ); ?>;
		@@ -256,10 +254,8 @@
256	254	font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
257	255	font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
258	256	padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
259	257	padding:var(--field-pad)<?php echo esc_html( $important ); ?>;
260		- -webkit-box-sizing:border-box;
261		- -moz-box-sizing:border-box;
262	258	box-sizing:border-box;
263	259	outline:none<?php echo esc_html( $important ); ?>;
264	260	font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
265	261	font-weight:var(--field-weight);
		@@ -265,8 +261,29 @@
265	261	font-weight:var(--field-weight);
266	262	box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
267	263	}
268	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	+
269	286	.with_frm_style select option {
270	287	color:<?php echo esc_html( $defaults['text_color'] ); ?>;
271	288	color:var(--text-color)<?php echo esc_html( $important ); ?>;
272	289	}
		@@ -351,9 +368,9 @@
351	368	.with_frm_style select{
352	369	width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
353	370	width:var(--auto-width)<?php echo esc_html( $important ); ?>;
354	371	max-width:100%;
355		- background-position-y: center;
	372	+ background-position-y: calc(50% + 3px);
356	373	}
357	374
358	375	.with_frm_style input[disabled],
359	376	.with_frm_style select[disabled],
		@@ -598,10 +615,8 @@
598	615	<?php } else { ?>
599	616	padding:5px;
600	617	<?php } ?>
601	618	<?php if ( ! empty( $defaults['border_radius'] ) ) { ?>
602		- -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
603		- -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
604	619	border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
605	620	border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
606	621	<?php } ?>
607	622	<?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
		@@ -668,8 +683,12 @@
668	683	.with_frm_style.frm_center_submit .frm_submit{
669	684	text-align:center;
670	685	}
671	686
	687	+.with_frm_style.frm_center_submit .frm_flex.frm_submit {
	688	+ justify-content: center;
	689	+}
	690	+
672	691	.with_frm_style .frm_inline_success .frm_submit{
673	692	display: flex;
674	693	flex-direction: row;
675	694	align-items: center;
		@@ -748,17 +767,23 @@
748	767	margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
749	768	margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
750	769	width: <?php echo absint( $loader_size ); ?>px;
751	770	height: <?php echo absint( $loader_size ); ?>px;
752		- -webkit-animation: spin 2s linear infinite;
753		- -moz-animation: spin 2s linear infinite;
754		- -o-animation: spin 2s linear infinite;
755		- animation: spin 2s linear infinite;
	771	+ animation: spin 2s linear infinite;
756	772	}
757	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	+
758	783	<?php
759	784	foreach ( $styles as $style ) {
760		- include( dirname( __FILE__ ) . '/_single_theme.css.php' );
	785	+ include __DIR__ . '/_single_theme.css.php';
761	786	unset( $style );
762	787	}
763	788
764	789	// Set it again since it may have been overridden.
		@@ -893,9 +918,8 @@
893	918	<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
894	919	.with_frm_style .frm_scale input[type=radio],
895	920	<?php endif; ?>
896	921	.with_frm_style .frm_checkbox input[type=checkbox]{
897		- -webkit-appearance: none;
898	922	appearance: none;
899	923	background-color: var(--bg-color);
900	924	flex: none;
901	925	display:inline-block !important;
		@@ -955,10 +979,8 @@
955	979
956	980	.with_frm_style .frm_error_style,
957	981	.with_frm_style .frm_message,
958	982	.frm_success_style{
959		- -moz-border-radius:4px;
960		- -webkit-border-radius:4px;
961	983	border-radius:4px;
962	984	padding:15px;
963	985	}
964	986
		@@ -1211,9 +1233,9 @@
1211	1233	background-repeat: no-repeat;
1212	1234	color: transparent !important;
1213	1235	}
1214	1236
1215		-<?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
	1237	+<?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1216	1238
1217	1239	.frm_conf_field.frm_left_container .frm_primary_label{
1218	1240	display:none;
1219	1241	}
		@@ -1220,10 +1242,8 @@
1220	1242
1221	1243	.wp-editor-wrap *,
1222	1244	.wp-editor-wrap *:after,
1223	1245	.wp-editor-wrap *:before{
1224		- -webkit-box-sizing:content-box;
1225		- -moz-box-sizing:content-box;
1226	1246	box-sizing:content-box;
1227	1247	}
1228	1248
1229	1249	.with_frm_style .frm_grid,
		@@ -1503,10 +1523,8 @@
1503	1523	border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1504	1524	border-width:var(--field-border-width);
1505	1525	border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1506	1526	border-style:var(--field-border-style);
1507		- -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1508		- -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1509	1527	border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1510	1528	border-radius:var(--border-radius);
1511	1529	width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1512	1530	width:var(--field-width);
		@@ -1514,10 +1532,8 @@
1514	1532	font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1515	1533	font-size:var(--field-font-size);
1516	1534	padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1517	1535	padding:var(--field-pad);
1518		- -webkit-box-sizing:border-box;
1519		- -moz-box-sizing:border-box;
1520	1536	box-sizing:border-box;
1521	1537	outline:none<?php echo esc_html( $important ); ?>;
1522	1538	font-weight:normal;
1523	1539	box-shadow:var(--box-shadow);
		@@ -1530,10 +1546,8 @@
1530	1546	opacity:1;
1531	1547	background-color:transparent !important;
1532	1548	border:none !important;
1533	1549	font-weight:bold;
1534		- -moz-box-shadow:none;
1535		- -webkit-box-shadow:none;
1536	1550	width:auto !important;
1537	1551	height:auto !important;
1538	1552	box-shadow:none !important;
1539	1553	display:inline;
		@@ -1553,10 +1567,8 @@
1553	1567	.frm_form_field.frm_total input:focus,
1554	1568	.frm_form_field.frm_total textarea:focus{
1555	1569	background-color:transparent;
1556	1570	border:none;
1557		- -moz-box-shadow:none;
1558		- -webkit-box-shadow:none;
1559	1571	box-shadow:none;
1560	1572	}
1561	1573
1562	1574	.frm_form_field.frm_label_justify .frm_primary_label{
		@@ -1592,11 +1604,10 @@
1592	1604	.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1593	1605	margin-bottom: 0 !important;
1594	1606	}
1595	1607
	1608	+
1596	1609	<?php
1597		-FrmStylesHelper::maybe_include_font_icon_css();
1598		-
1599	1610	/**
1600	1611	* Call action so other plugins can add additional CSS.
1601	1612	*
1602	1613	* @param array $args {
		@@ -1650,9 +1661,8 @@
1650	1661	max-width:302px;
1651	1662	border-right:1px solid #d3d3d3;
1652	1663	border-radius:4px;
1653	1664	box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1654		- -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1655	1665	}
1656	1666
1657	1667	.with_frm_style .g-recaptcha iframe,
1658	1668	.with_frm_style .frm-g-recaptcha iframe{