← All changes | css/custom_theme.css.php +65 -45 6.4 → 6.11 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],
		@@ -455,8 +483,13 @@
455	483	display: block;
456	484	}
457	485
458	486	/* These do not work if they are combined */
	487	+.with_frm_style input::placeholder,
	488	+.with_frm_style textarea::placeholder {
	489	+ font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
	490	+}
	491	+
459	492	.with_frm_style .frm_inside_container > input::-moz-placeholder,
460	493	.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
461	494	opacity: 0 !important;
462	495	transition: opacity 0.3s ease-in;
		@@ -495,9 +528,8 @@
495	528	font-size: var(--field-font-size);
496	529	font-weight: normal;
497	530	font-weight: var(--field-weight);
498	531
499		- -ms-pointer-events: none;
500	532	pointer-events: none;
501	533	}
502	534
503	535	.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
		@@ -587,10 +619,8 @@
587	619	<?php } else { ?>
588	620	padding:5px;
589	621	<?php } ?>
590	622	<?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	623	border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
594	624	border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
595	625	<?php } ?>
596	626	<?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
		@@ -657,8 +687,12 @@
657	687	.with_frm_style.frm_center_submit .frm_submit{
658	688	text-align:center;
659	689	}
660	690
	691	+.with_frm_style.frm_center_submit .frm_flex.frm_submit {
	692	+ justify-content: center;
	693	+}
	694	+
661	695	.with_frm_style .frm_inline_success .frm_submit{
662	696	display: flex;
663	697	flex-direction: row;
664	698	align-items: center;
		@@ -737,17 +771,23 @@
737	771	margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
738	772	margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
739	773	width: <?php echo absint( $loader_size ); ?>px;
740	774	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;
	775	+ animation: spin 2s linear infinite;
745	776	}
746	777
	778	+.with_frm_style .frm_submit.frm_flex {
	779	+ align-items: center;
	780	+ gap: 2%;
	781	+}
	782	+
	783	+.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
	784	+ order: -1;
	785	+}
	786	+
747	787	<?php
748	788	foreach ( $styles as $style ) {
749		- include( dirname( __FILE__ ) . '/_single_theme.css.php' );
	789	+ include __DIR__ . '/_single_theme.css.php';
750	790	unset( $style );
751	791	}
752	792
753	793	// Set it again since it may have been overridden.
		@@ -879,12 +919,11 @@
879	919	}
880	920
881	921	.with_frm_style .frm_radio input[type=radio],
882	922	<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
883		-.with_frm_style .frm_scale input[type=radio],
	923	+.with_frm_style .frm_scale input[type=radio],
884	924	<?php endif; ?>
885	925	.with_frm_style .frm_checkbox input[type=checkbox]{
886		- -webkit-appearance: none;
887	926	appearance: none;
888	927	background-color: var(--bg-color);
889	928	flex: none;
890	929	display:inline-block !important;
		@@ -944,10 +983,8 @@
944	983
945	984	.with_frm_style .frm_error_style,
946	985	.with_frm_style .frm_message,
947	986	.frm_success_style{
948		- -moz-border-radius:4px;
949		- -webkit-border-radius:4px;
950	987	border-radius:4px;
951	988	padding:15px;
952	989	}
953	990
		@@ -1200,9 +1237,9 @@
1200	1237	background-repeat: no-repeat;
1201	1238	color: transparent !important;
1202	1239	}
1203	1240
1204		-<?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
	1241	+<?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1205	1242
1206	1243	.frm_conf_field.frm_left_container .frm_primary_label{
1207	1244	display:none;
1208	1245	}
		@@ -1209,10 +1246,8 @@
1209	1246
1210	1247	.wp-editor-wrap *,
1211	1248	.wp-editor-wrap *:after,
1212	1249	.wp-editor-wrap *:before{
1213		- -webkit-box-sizing:content-box;
1214		- -moz-box-sizing:content-box;
1215	1250	box-sizing:content-box;
1216	1251	}
1217	1252
1218	1253	.with_frm_style .frm_grid,
		@@ -1492,10 +1527,8 @@
1492	1527	border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1493	1528	border-width:var(--field-border-width);
1494	1529	border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1495	1530	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	1531	border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1499	1532	border-radius:var(--border-radius);
1500	1533	width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1501	1534	width:var(--field-width);
		@@ -1503,10 +1536,8 @@
1503	1536	font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1504	1537	font-size:var(--field-font-size);
1505	1538	padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1506	1539	padding:var(--field-pad);
1507		- -webkit-box-sizing:border-box;
1508		- -moz-box-sizing:border-box;
1509	1540	box-sizing:border-box;
1510	1541	outline:none<?php echo esc_html( $important ); ?>;
1511	1542	font-weight:normal;
1512	1543	box-shadow:var(--box-shadow);
		@@ -1519,10 +1550,8 @@
1519	1550	opacity:1;
1520	1551	background-color:transparent !important;
1521	1552	border:none !important;
1522	1553	font-weight:bold;
1523		- -moz-box-shadow:none;
1524		- -webkit-box-shadow:none;
1525	1554	width:auto !important;
1526	1555	height:auto !important;
1527	1556	box-shadow:none !important;
1528	1557	display:inline;
		@@ -1542,10 +1571,8 @@
1542	1571	.frm_form_field.frm_total input:focus,
1543	1572	.frm_form_field.frm_total textarea:focus{
1544	1573	background-color:transparent;
1545	1574	border:none;
1546		- -moz-box-shadow:none;
1547		- -webkit-box-shadow:none;
1548	1575	box-shadow:none;
1549	1576	}
1550	1577
1551	1578	.frm_form_field.frm_label_justify .frm_primary_label{
		@@ -1570,13 +1597,8 @@
1570	1597	.frm_clearfix{
1571	1598	display:block;
1572	1599	}
1573	1600
1574		-.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
1575		- color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1576		- color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1577		-}
1578		-
1579	1601	.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1580	1602	.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1581	1603	.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1582	1604	margin-bottom: 0 !important;
		@@ -1581,11 +1603,10 @@
1581	1603	.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1582	1604	margin-bottom: 0 !important;
1583	1605	}
1584	1606
	1607	+
1585	1608	<?php
1586		-FrmStylesHelper::maybe_include_font_icon_css();
1587		-
1588	1609	/**
1589	1610	* Call action so other plugins can add additional CSS.
1590	1611	*
1591	1612	* @param array $args {
		@@ -1639,9 +1660,8 @@
1639	1660	max-width:302px;
1640	1661	border-right:1px solid #d3d3d3;
1641	1662	border-radius:4px;
1642	1663	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	1664	}
1645	1665
1646	1666	.with_frm_style .g-recaptcha iframe,
1647	1667	.with_frm_style .frm-g-recaptcha iframe{