← All changes | css/custom_theme.css.php +70 -39 6.3 → 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.
		@@ -865,9 +901,13 @@
865	901	margin:5px;
866	902	vertical-align:middle;
867	903	}
868	904
869		-.with_frm_style .frm_radio input[type=radio]{
	905	+.with_frm_style .frm_radio input[type=radio]
	906	+<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
	907	+, .with_frm_style .frm_scale input[type=radio]
	908	+<?php endif; ?>
	909	+{
870	910	border-radius:50%;
871	911	}
872	912
873	913	.with_frm_style .frm_checkbox input[type=checkbox]{
		@@ -874,10 +914,12 @@
874	914	border-radius:0;
875	915	}
876	916
877	917	.with_frm_style .frm_radio input[type=radio],
	918	+<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
	919	+.with_frm_style .frm_scale input[type=radio],
	920	+<?php endif; ?>
878	921	.with_frm_style .frm_checkbox input[type=checkbox]{
879		- -webkit-appearance: none;
880	922	appearance: none;
881	923	background-color: var(--bg-color);
882	924	flex: none;
883	925	display:inline-block !important;
		@@ -893,8 +935,11 @@
893	935	padding: 0;
894	936	}
895	937
896	938	.with_frm_style .frm_radio input[type=radio]:before,
	939	+<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
	940	+.with_frm_style .frm_scale input[type=radio]:before,
	941	+<?php endif; ?>
897	942	.with_frm_style .frm_checkbox input[type=checkbox]:before {
898	943	content: '';
899	944	width: 12px;
900	945	height: 12px;
		@@ -934,10 +979,8 @@
934	979
935	980	.with_frm_style .frm_error_style,
936	981	.with_frm_style .frm_message,
937	982	.frm_success_style{
938		- -moz-border-radius:4px;
939		- -webkit-border-radius:4px;
940	983	border-radius:4px;
941	984	padding:15px;
942	985	}
943	986
		@@ -1190,9 +1233,9 @@
1190	1233	background-repeat: no-repeat;
1191	1234	color: transparent !important;
1192	1235	}
1193	1236
1194		-<?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
	1237	+<?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1195	1238
1196	1239	.frm_conf_field.frm_left_container .frm_primary_label{
1197	1240	display:none;
1198	1241	}
		@@ -1199,10 +1242,8 @@
1199	1242
1200	1243	.wp-editor-wrap *,
1201	1244	.wp-editor-wrap *:after,
1202	1245	.wp-editor-wrap *:before{
1203		- -webkit-box-sizing:content-box;
1204		- -moz-box-sizing:content-box;
1205	1246	box-sizing:content-box;
1206	1247	}
1207	1248
1208	1249	.with_frm_style .frm_grid,
		@@ -1482,10 +1523,8 @@
1482	1523	border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1483	1524	border-width:var(--field-border-width);
1484	1525	border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1485	1526	border-style:var(--field-border-style);
1486		- -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1487		- -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1488	1527	border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1489	1528	border-radius:var(--border-radius);
1490	1529	width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1491	1530	width:var(--field-width);
		@@ -1493,10 +1532,8 @@
1493	1532	font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1494	1533	font-size:var(--field-font-size);
1495	1534	padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1496	1535	padding:var(--field-pad);
1497		- -webkit-box-sizing:border-box;
1498		- -moz-box-sizing:border-box;
1499	1536	box-sizing:border-box;
1500	1537	outline:none<?php echo esc_html( $important ); ?>;
1501	1538	font-weight:normal;
1502	1539	box-shadow:var(--box-shadow);
		@@ -1509,10 +1546,8 @@
1509	1546	opacity:1;
1510	1547	background-color:transparent !important;
1511	1548	border:none !important;
1512	1549	font-weight:bold;
1513		- -moz-box-shadow:none;
1514		- -webkit-box-shadow:none;
1515	1550	width:auto !important;
1516	1551	height:auto !important;
1517	1552	box-shadow:none !important;
1518	1553	display:inline;
		@@ -1532,10 +1567,8 @@
1532	1567	.frm_form_field.frm_total input:focus,
1533	1568	.frm_form_field.frm_total textarea:focus{
1534	1569	background-color:transparent;
1535	1570	border:none;
1536		- -moz-box-shadow:none;
1537		- -webkit-box-shadow:none;
1538	1571	box-shadow:none;
1539	1572	}
1540	1573
1541	1574	.frm_form_field.frm_label_justify .frm_primary_label{
		@@ -1571,11 +1604,10 @@
1571	1604	.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1572	1605	margin-bottom: 0 !important;
1573	1606	}
1574	1607
	1608	+
1575	1609	<?php
1576		-FrmStylesHelper::maybe_include_font_icon_css();
1577		-
1578	1610	/**
1579	1611	* Call action so other plugins can add additional CSS.
1580	1612	*
1581	1613	* @param array $args {
		@@ -1629,9 +1661,8 @@
1629	1661	max-width:302px;
1630	1662	border-right:1px solid #d3d3d3;
1631	1663	border-radius:4px;
1632	1664	box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1633		- -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1634	1665	}
1635	1666
1636	1667	.with_frm_style .g-recaptcha iframe,
1637	1668	.with_frm_style .frm-g-recaptcha iframe{