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