← All changes | css/custom_theme.css.php +19 -141 6.5.2 → 5.4 View file →

		@@ -7,9 +7,8 @@
7	7	header( 'Content-type: text/css' );
8	8
9	9	if ( ! empty( $css ) ) {
10	10	echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
11		- FrmStylesController::maybe_hide_sample_form_error_message();
12	11	die();
13	12	}
14	13	}
15	14
		@@ -68,13 +67,11 @@
68	67	padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
69	68	<?php } ?>
70	69	}
71	70
72		-form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> {
73		- overflow: hidden;
74		- width: 0;
75		- height: 0;
76		- position: absolute;
	71	+form input.frm_verify{
	72	+ position:absolute;
	73	+ left:-3000px;
77	74	}
78	75
79	76	.with_frm_style fieldset{
80	77	min-width:0;
		@@ -88,9 +85,9 @@
88	85	background-color:transparent;
89	86	}
90	87
91	88	.with_frm_style .frm_form_fields > fieldset{
92		-<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?>
	89	+<?php if ( ! empty( $defaults['fieldset'] ) ) { ?>
93	90	border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>;
94	91	border-width:var(--fieldset)<?php echo esc_html( $important ); ?>;
95	92	<?php } ?>
96	93	border-style:solid;
		@@ -266,18 +263,8 @@
266	263	font-weight:var(--field-weight);
267	264	box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
268	265	}
269	266
270		-.with_frm_style select option {
271		- color:<?php echo esc_html( $defaults['text_color'] ); ?>;
272		- color:var(--text-color)<?php echo esc_html( $important ); ?>;
273		-}
274		-
275		-.with_frm_style select option.frm-select-placeholder {
276		- color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>;
277		- color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
278		-}
279		-
280	267	.with_frm_style input[type=radio],
281	268	.with_frm_style input[type=checkbox]{
282	269	border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
283	270	border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
		@@ -299,10 +286,10 @@
299	286	.with_frm_style input[type=file],
300	287	.with_frm_style input[type=search],
301	288	.with_frm_style select,
302	289	.with_frm_style .frm-card-element.StripeElement{
303		- min-height:<?php echo esc_html( $defaults['field_height'] ); ?>;
304		- min-height:var(--field-height)<?php echo esc_html( $important ); ?>;
	290	+ height:<?php echo esc_html( $defaults['field_height'] ); ?>;
	291	+ height:var(--field-height)<?php echo esc_html( $important ); ?>;
305	292	line-height:1.3<?php echo esc_html( $important ); ?>;
306	293	}
307	294
308	295	.with_frm_style select[multiple=multiple]{
		@@ -340,9 +327,8 @@
340	327	}
341	328
342	329	.with_frm_style .wp-editor-container textarea{
343	330	border:none<?php echo esc_html( $important ); ?>;
344		- box-shadow:none !important;
345	331	}
346	332
347	333	.with_frm_style .mceIframeContainer{
348	334	background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
		@@ -352,9 +338,8 @@
352	338	.with_frm_style select{
353	339	width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
354	340	width:var(--auto-width)<?php echo esc_html( $important ); ?>;
355	341	max-width:100%;
356		- background-position-y: center;
357	342	}
358	343
359	344	.with_frm_style input[disabled],
360	345	.with_frm_style select[disabled],
		@@ -449,104 +434,19 @@
449	434	visibility:hidden;
450	435	white-space:nowrap;
451	436	}
452	437
	438	+.with_frm_style .frm_inside_container .frm_primary_label{
	439	+ opacity:0;
	440	+ transition: opacity 0.1s linear;
	441	+}
	442	+
	443	+.with_frm_style .frm_inside_container label.frm_visible,
453	444	.frm_visible{
454	445	opacity:1;
455	446	}
456	447
457		-/* Floating labels */
458		-.with_frm_style .frm_inside_container {
459		- position: relative;
460		- padding-top: 16px;
461		- padding-top: calc(0.5 * var(--field-height));
462		-}
463		-
464		-.with_frm_style .frm_inside_container > input,
465		-.with_frm_style .frm_inside_container > select,
466		-.with_frm_style .frm_inside_container > textarea {
467		- display: block;
468		-}
469		-
470		-/* These do not work if they are combined */
471		-.with_frm_style .frm_inside_container > input::-moz-placeholder,
472		-.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
473		- opacity: 0 !important;
474		- transition: opacity 0.3s ease-in;
475		-}
476		-
477		-.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
478		-.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
479		- opacity: 0;
480		- transition: opacity 0.3s ease-in;
481		-}
482		-
483		-.with_frm_style .frm_inside_container > input::placeholder,
484		-.with_frm_style .frm_inside_container > textarea::placeholder {
485		- opacity: 0;
486		- transition: opacity 0.3s ease-in;
487		-}
488		-
489		-.with_frm_style .frm_inside_container > label {
490		- transition: all 0.3s ease-in;
491		-
492		- position: absolute;
493		- top: 17px;
494		- top: calc(1px + .5 * var(--field-height));
495		- left: 3px;
496		- width: 100%;
497		-
498		- line-height: 1.3;
499		- text-overflow: ellipsis;
500		- overflow: hidden;
501		- white-space: nowrap;
502		-
503		- padding: 6px 10px;
504		- padding: var(--field-pad);
505		-
506		- font-size: 14px;
507		- font-size: var(--field-font-size);
508		- font-weight: normal;
509		- font-weight: var(--field-weight);
510		-
511		- -ms-pointer-events: none;
512		- pointer-events: none;
513		-}
514		-
515		-.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
516		- line-height: 1;
517		-}
518		-
519		-.with_frm_style .frm_inside_container.frm_label_float_top > label {
520		- top: 0;
521		- left: 0;
522		- padding: 0;
523		- font-size: 12px;
524		- font-size: calc(0.85 * var(--field-font-size));
525		-}
526		-
527		-/* These do not work if they are combined */
528		-.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
529		-.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
530		- opacity: 1 !important;
531		- transition: opacity 0.3s ease-in;
532		-}
533		-
534		-.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
535		-.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
536		- opacity: 1;
537		- transition: opacity 0.3s ease-in;
538		-}
539		-
540		-.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
541		-.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
542		- opacity: 1;
543		- transition: opacity 0.3s ease-in;
544		-}
545		-/* End floating label */
546		-
547		-.with_frm_style .frm_description,
548		-.with_frm_style .frm_pro_max_limit_desc{
	448	+.with_frm_style .frm_description{
549	449	clear:both;
550	450	}
551	451
552	452	.with_frm_style input[type=number][readonly]{
		@@ -877,13 +777,9 @@
877	777	margin:5px;
878	778	vertical-align:middle;
879	779	}
880	780
881		-.with_frm_style .frm_radio input[type=radio]
882		-<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
883		-, .with_frm_style .frm_scale input[type=radio]
884		-<?php endif; ?>
885		-{
	781	+.with_frm_style .frm_radio input[type=radio]{
886	782	border-radius:50%;
887	783	}
888	784
889	785	.with_frm_style .frm_checkbox input[type=checkbox]{
		@@ -890,11 +786,8 @@
890	786	border-radius:0;
891	787	}
892	788
893	789	.with_frm_style .frm_radio input[type=radio],
894		-<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
895		-.with_frm_style .frm_scale input[type=radio],
896		-<?php endif; ?>
897	790	.with_frm_style .frm_checkbox input[type=checkbox]{
898	791	-webkit-appearance: none;
899	792	appearance: none;
900	793	background-color: var(--bg-color);
		@@ -912,11 +805,8 @@
912	805	padding: 0;
913	806	}
914	807
915	808	.with_frm_style .frm_radio input[type=radio]:before,
916		-<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
917		-.with_frm_style .frm_scale input[type=radio]:before,
918		-<?php endif; ?>
919	809	.with_frm_style .frm_checkbox input[type=checkbox]:before {
920	810	content: '';
921	811	width: 12px;
922	812	height: 12px;
		@@ -1249,12 +1139,9 @@
1249	1139	}
1250	1140
1251	1141	.frm_grid .frm_error,
1252	1142	.frm_grid_first .frm_error,
1253		-.frm_grid_odd .frm_error,
1254		-.frm_grid .frm_limit_error,
1255		-.frm_grid_first .frm_limit_error,
1256		-.frm_grid_odd .frm_limit_error{
	1143	+.frm_grid_odd .frm_error{
1257	1144	display:none;
1258	1145	}
1259	1146
1260	1147	.frm_grid:after,
		@@ -1593,21 +1480,12 @@
1593	1480	.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1594	1481	margin-bottom: 0 !important;
1595	1482	}
1596	1483
1597		-<?php
1598		-FrmStylesHelper::maybe_include_font_icon_css();
	1484	+/* Fonts */
	1485	+<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
	1486	+<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1599	1487
1600		-/**
1601		- * Call action so other plugins can add additional CSS.
1602		- *
1603		- * @param array $args {
1604		- * @type array $defaults
1605		- * }
1606		- */
1607		-do_action( 'frm_include_front_css', compact( 'defaults' ) );
1608		-?>
1609		-
1610	1488	/* Responsive */
1611	1489
1612	1490	@media only screen and (max-width: 900px) {
1613	1491	.frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
		@@ -1661,5 +1539,5 @@
1661	1539	}
1662	1540	}
1663	1541	<?php
1664	1542
1665		-echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	1543	+echo strip_tags( $defaults['custom_css'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped