← All changes | css/custom_theme.css.php +47 -42 6.26 → 6.14 View file →

		@@ -65,8 +65,15 @@
65	65	padding: var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
66	66	<?php } ?>
67	67	}
68	68
	69	+form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> {
	70	+ overflow: hidden;
	71	+ width: 0;
	72	+ height: 0;
	73	+ position: absolute;
	74	+}
	75	+
69	76	.with_frm_style fieldset{
70	77	min-width:0;
71	78	display: block; /* Override 2021 theme */
72	79	}
		@@ -441,13 +448,26 @@
441	448	.with_frm_style .frm_inside_container > textarea {
442	449	display: block;
443	450	}
444	451
	452	+/* These do not work if they are combined */
445	453	.with_frm_style input::placeholder,
446	454	.with_frm_style textarea::placeholder {
447	455	font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
448	456	}
449	457
	458	+.with_frm_style .frm_inside_container > input::-moz-placeholder,
	459	+.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
	460	+ opacity: 0 !important;
	461	+ transition: opacity 0.3s ease-in;
	462	+}
	463	+
	464	+.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
	465	+.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
	466	+ opacity: 0;
	467	+ transition: opacity 0.3s ease-in;
	468	+}
	469	+
450	470	.with_frm_style .frm_inside_container > input::placeholder,
451	471	.with_frm_style .frm_inside_container > textarea::placeholder {
452	472	opacity: 0;
453	473	transition: opacity 0.3s ease-in;
		@@ -489,8 +509,21 @@
489	509	font-size: 12px;
490	510	font-size: calc(0.85 * var(--field-font-size));
491	511	}
492	512
	513	+/* These do not work if they are combined */
	514	+.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
	515	+.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
	516	+ opacity: 1 !important;
	517	+ transition: opacity 0.3s ease-in;
	518	+}
	519	+
	520	+.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
	521	+.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
	522	+ opacity: 1;
	523	+ transition: opacity 0.3s ease-in;
	524	+}
	525	+
493	526	.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
494	527	.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
495	528	opacity: 1;
496	529	transition: opacity 0.3s ease-in;
		@@ -542,9 +575,9 @@
542	575	white-space:nowrap;
543	576	}
544	577
545	578	.with_frm_style .frm_button{
546		- text-decoration:none !important;
	579	+ text-decoration:none !important;;
547	580	border:1px solid #eee;
548	581	display:inline-block;
549	582	<?php if ( ! empty( $defaults['submit_padding'] ) ) { ?>
550	583	padding: var(--submit-padding)<?php echo esc_html( $important ); ?>;
		@@ -782,19 +815,15 @@
782	815	display:inline-block<?php echo esc_html( $important ); ?>;
783	816	}
784	817
785	818	.with_frm_style .frm_checkbox label,
786		-.with_frm_style .frm_radio label {
787		- display: inline-block;
788		- vertical-align: middle;
789		- white-space:normal;
	819	+.with_frm_style .frm_radio label{
	820	+ display: flex;
	821	+ align-items: center;
	822	+ gap: 9px;
	823	+ white-space: normal;
790	824	}
791	825
792		-.with_frm_style .frm_checkbox label input[type=checkbox],
793		-.with_frm_style .frm_radio label input[type=radio] {
794		- margin-right: 4px;
795		-}
796		-
797	826	.with_frm_style .frm_checkbox label:not(.frm-label-disabled),
798	827	.with_frm_style .frm_radio label:not(.frm-label-disabled) {
799	828	cursor: pointer;
800	829	}
		@@ -800,9 +829,8 @@
800	829	}
801	830
802	831	.with_frm_style .vertical_radio .frm_checkbox label,
803	832	.with_frm_style .vertical_radio .frm_radio label{
804		- display: block;
805	833	width: 100%;
806	834	}
807	835
808	836	.with_frm_style .frm_radio label,
		@@ -837,10 +865,10 @@
837	865	{
838	866	border-radius:50%;
839	867	}
840	868
841		-.with_frm_style .frm_checkbox input[type=checkbox] {
842		- border-radius: calc(var(--border-radius) / 2) !important;
	869	+.with_frm_style .frm_checkbox input[type=checkbox]{
	870	+ border-radius: calc(var(--border-radius) / 2);
843	871	}
844	872
845	873	.with_frm_style .frm_radio input[type=radio],
846	874	<?php if ( $pro_is_installed ) : ?>
		@@ -850,11 +878,11 @@
850	878	appearance: none;
851	879	background-color: var(--bg-color);
852	880	flex: none;
853	881	display:inline-block !important;
854		- width: 16px !important;
855		- min-width: 16px !important;
856		- height: 16px !important;
	882	+ width: 16px;
	883	+ min-width: 16px;
	884	+ height: 16px;
857	885	color: var(--border-color);
858	886	border: 1px solid currentColor;
859	887	border-color: var(--border-color);
860	888	vertical-align: middle;
		@@ -903,9 +931,8 @@
903	931	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
904	932	background-size: 9px !important;
905	933	background-repeat: no-repeat !important;
906	934	background-position: center !important;
907		- margin: 0;
908	935	}
909	936
910	937	<?php if ( $pro_is_installed ) { ?>
911	938	.with_frm_style .frm_scale input[type=radio]:before,
		@@ -925,8 +952,9 @@
925	952	background-color: var(--border-color);
926	953	}
927	954
928	955	.with_frm_style :invalid,
	956	+.with_frm_style :-moz-submit-invalid,
929	957	.with_frm_style :-moz-ui-invalid{
930	958	box-shadow:none;
931	959	}
932	960
		@@ -947,16 +975,12 @@
947	975	padding:15px;
948	976	}
949	977
950	978	.with_frm_style .frm_message p {
	979	+ margin-bottom: 5px;
951	980	color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
952		- margin-bottom: 0;
953	981	}
954	982
955		-.with_frm_style .frm_message > p:first-of-type {
956		- margin-top: 0;
957		-}
958		-
959	983	.with_frm_style .frm_message,
960	984	.frm_success_style {
961	985	margin: 5px 0 15px;
962	986	border: 1px solid var(--success-border-color);
		@@ -1286,10 +1310,9 @@
1286	1310	.frm_grid_odd .frm_radio label,
1287	1311	.frm_grid_first .frm_checkbox label,
1288	1312	.frm_grid .frm_checkbox label,
1289	1313	.frm_grid_odd .frm_checkbox label{
1290		- color:transparent;
1291		- text-indent: -9999px;
	1314	+ visibility:hidden;
1292	1315	white-space:nowrap;
1293	1316	text-align:left;
1294	1317	}
1295	1318
		@@ -1415,18 +1438,8 @@
1415	1438	.frm_form_field.frm_left_container .frm_opt_container{
1416	1439	padding-top:4px;
1417	1440	}
1418	1441
1419		-.with_frm_style .frm_left_container > select.auto_width,
1420		-.with_frm_style .frm_right_container > select.auto_width {
1421		- width: max-content<?php echo esc_html( $important ); ?>;
1422		-}
1423		-
1424		-.with_frm_style .frm_right_container > .frm_primary_label,
1425		-.with_frm_style .frm_right_container > select.auto_width {
1426		- margin-left: auto<?php echo esc_html( $important ); ?>;
1427		-}
1428		-
1429	1442	.with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,
1430	1443	.with_frm_style .frm_inline_container.frm_grid .frm_primary_label,
1431	1444	.with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
1432	1445	.with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
		@@ -1557,9 +1570,8 @@
1557	1570	/**
1558	1571	* Call action so other plugins can add additional CSS.
1559	1572	*
1560	1573	* @param array $args {
1561		- *
1562	1574	* @type array $defaults
1563	1575	* }
1564	1576	*/
1565	1577	do_action( 'frm_include_front_css', compact( 'defaults' ) );
		@@ -1615,15 +1627,8 @@
1615	1627	.with_frm_style .g-recaptcha iframe,
1616	1628	.with_frm_style .frm-g-recaptcha iframe{
1617	1629	width:100%;
1618	1630	}
1619		-}
1620		-
1621		-.frm-card-element .sq-card-wrapper .sq-card-message {
1622		- margin-bottom: 0;
1623		-}
1624		-.frm-card-errors:empty {
1625		- margin: 0;
1626	1631	}
1627	1632	<?php
1628	1633
1629	1634	echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped