Formidable Forms – Form Builder for WordPress - Version 4.05.02

Version Description

  • New: Added frm_message_placement hook to show the form message below the form
  • New: New classes that can be used in the 'form class' setting: frm_plain_success (Removes styling from the success message) and frm_below_success (Movs the success message below the form).
  • Add Formidable back to the admin bar. This is now a setting if the default WordPress v5.2+ behavior is desired.
  • Fix: Reiew requests were added to the inbox too frequently with sites with multiple admins.
  • Fix: Elementor conflict by using the glost $post in the admin area.
  • Fix: The color picker position in the styling settings was off for some options.
Download this release

Release Info

Developer sswells
Plugin Icon 128x128 Formidable Forms – Form Builder for WordPress
Version 4.05.02
Comparing to
See all releases

Code changes from version 4.05.01 to 4.05.02

classes/controllers/FrmFormsController.php CHANGED
@@ -1416,10 +1416,22 @@ class FrmFormsController {
1416
  return;
1417
  }
1418
 
 
 
1419
  add_action( 'wp_before_admin_bar_render', 'FrmFormsController::admin_bar_configure' );
1420
  FrmAppHelper::load_font_style();
1421
  }
1422
 
 
 
 
 
 
 
 
 
 
 
1423
  public static function admin_bar_configure() {
1424
  global $frm_vars;
1425
  if ( empty( $frm_vars['forms_loaded'] ) ) {
@@ -1858,9 +1870,30 @@ class FrmFormsController {
1858
  global $frm_vars;
1859
  self::maybe_load_css( $form, $values['custom_style'], $frm_vars['load_css'] );
1860
 
 
 
1861
  include( FrmAppHelper::plugin_path() . '/classes/views/frm-entries/new.php' );
1862
  }
1863
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1864
  /**
1865
  * Get all the values needed on the new.php entry page
1866
  *
1416
  return;
1417
  }
1418
 
1419
+ self::move_menu_to_footer();
1420
+
1421
  add_action( 'wp_before_admin_bar_render', 'FrmFormsController::admin_bar_configure' );
1422
  FrmAppHelper::load_font_style();
1423
  }
1424
 
1425
+ /**
1426
+ * @since 4.05.02
1427
+ */
1428
+ private static function move_menu_to_footer() {
1429
+ $settings = FrmAppHelper::get_settings();
1430
+ if ( empty( $settings->admin_bar ) ) {
1431
+ remove_action( 'wp_body_open', 'wp_admin_bar_render', 0 );
1432
+ }
1433
+ }
1434
+
1435
  public static function admin_bar_configure() {
1436
  global $frm_vars;
1437
  if ( empty( $frm_vars['forms_loaded'] ) ) {
1870
  global $frm_vars;
1871
  self::maybe_load_css( $form, $values['custom_style'], $frm_vars['load_css'] );
1872
 
1873
+ $message_placement = self::message_placement( $form, $message );
1874
+
1875
  include( FrmAppHelper::plugin_path() . '/classes/views/frm-entries/new.php' );
1876
  }
1877
 
1878
+ /**
1879
+ * @return string - 'before' or 'after'
1880
+ *
1881
+ * @since 4.05.02
1882
+ */
1883
+ private static function message_placement( $form, $message ) {
1884
+ $place = 'before';
1885
+ if ( ! empty( $message ) && isset( $form->options['form_class'] ) && strpos( $form->options['form_class'], 'frm_below_success' ) !== false ) {
1886
+ $place = 'after';
1887
+ }
1888
+
1889
+ /**
1890
+ * @return string - 'before' or 'after'
1891
+ *
1892
+ * @since 4.05.02
1893
+ */
1894
+ return apply_filters( 'frm_message_placement', $place, compact( 'form', 'message' ) );
1895
+ }
1896
+
1897
  /**
1898
  * Get all the values needed on the new.php entry page
1899
  *
classes/helpers/FrmAppHelper.php CHANGED
@@ -11,7 +11,7 @@ class FrmAppHelper {
11
  /**
12
  * @since 2.0
13
  */
14
- public static $plug_version = '4.05.01';
15
 
16
  /**
17
  * @since 1.07.02
@@ -250,11 +250,8 @@ class FrmAppHelper {
250
  $post_type = self::simple_get( 'post_type', 'sanitize_title' );
251
 
252
  if ( empty( $post_type ) ) {
253
- global $post;
254
- if ( empty( $post ) ) {
255
- $post_id = self::simple_get( 'post', 'absint' );
256
- $post = get_post( $post_id );
257
- }
258
  $post_type = $post ? $post->post_type : '';
259
  }
260
 
11
  /**
12
  * @since 2.0
13
  */
14
+ public static $plug_version = '4.05.02';
15
 
16
  /**
17
  * @since 1.07.02
250
  $post_type = self::simple_get( 'post_type', 'sanitize_title' );
251
 
252
  if ( empty( $post_type ) ) {
253
+ $post_id = self::simple_get( 'post', 'absint' );
254
+ $post = get_post( $post_id );
 
 
 
255
  $post_type = $post ? $post->post_type : '';
256
  }
257
 
classes/helpers/FrmStylesHelper.php CHANGED
@@ -291,6 +291,35 @@ class FrmStylesHelper {
291
  return $return;
292
  }
293
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
294
  /**
295
  * @since 2.3
296
  */
@@ -339,6 +368,11 @@ class FrmStylesHelper {
339
 
340
  self::prepare_color_output( $settings );
341
 
 
 
 
 
 
342
  return $settings;
343
  }
344
 
291
  return $return;
292
  }
293
 
294
+ /**
295
+ * @since 4.05.02
296
+ */
297
+ public static function get_css_vars( $vars = array() ) {
298
+ $vars = apply_filters( 'frm_css_vars', $vars );
299
+ return array_unique( $vars );
300
+ }
301
+
302
+ /**
303
+ * @since 4.05.02
304
+ */
305
+ public static function output_vars( $settings, $defaults = array(), $vars = array() ) {
306
+ if ( empty( $vars ) ) {
307
+ $vars = self::get_css_vars( array_keys( $settings ) );
308
+ }
309
+ $remove = array( 'remove_box_shadow', 'remove_box_shadow_active', 'theme_css', 'theme_name', 'theme_selector', 'important_style', 'submit_style', 'collapse_icon', 'center_form', 'custom_css', 'style_class', 'submit_bg_img', 'change_margin', 'repeat_icon' );
310
+ $vars = array_diff( $vars, $remove );
311
+
312
+ foreach ( $vars as $var ) {
313
+ if ( ! isset( $settings[ $var ] ) ) {
314
+ continue;
315
+ }
316
+ $show = empty( $defaults ) || ( $settings[ $var ] !== '' && $settings[ $var ] !== $defaults[ $var ] );
317
+ if ( $show ) {
318
+ echo '--' . esc_html( str_replace( '_', '-', $var ) ) . ':' . ( $var === 'font' ? FrmAppHelper::kses( $settings[ $var ] ) : esc_html( $settings[ $var ] ) ) . ';'; // WPCS: XSS ok.
319
+ }
320
+ }
321
+ }
322
+
323
  /**
324
  * @since 2.3
325
  */
368
 
369
  self::prepare_color_output( $settings );
370
 
371
+ $settings['field_height'] = $settings['field_height'] === '' ? 'auto' : $settings['field_height'];
372
+ $settings['field_width'] = $settings['field_width'] === '' ? 'auto' : $settings['field_width'];
373
+ $settings['auto_width'] = $settings['auto_width'] ? 'auto' : $settings['field_width'];
374
+ $settings['box_shadow'] = ( isset( $settings['remove_box_shadow'] ) && $settings['remove_box_shadow'] ) ? 'none' : '0 1px 1px rgba(0, 0, 0, 0.075) inset';
375
+
376
  return $settings;
377
  }
378
 
classes/models/FrmInbox.php CHANGED
@@ -142,6 +142,19 @@ class FrmInbox extends FrmFormApi {
142
  $this->update_list();
143
  }
144
 
 
 
 
 
 
 
 
 
 
 
 
 
 
145
  /**
146
  * @param string $key
147
  */
@@ -158,10 +171,6 @@ class FrmInbox extends FrmFormApi {
158
  $this->update_list();
159
  }
160
 
161
- private function update_list() {
162
- update_option( $this->option, $this->messages, 'no' );
163
- }
164
-
165
  public function unread() {
166
  $messages = $this->get_messages();
167
  $user_id = get_current_user_id();
@@ -181,4 +190,18 @@ class FrmInbox extends FrmFormApi {
181
  }
182
  return $html;
183
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
184
  }
142
  $this->update_list();
143
  }
144
 
145
+ /**
146
+ * @param string $key
147
+ *
148
+ * @since 4.05.02
149
+ */
150
+ public function mark_unread( $key ) {
151
+ $is_read = isset( $this->messages[ $key ] ) && isset( $this->messages[ $key ]['read'] ) && isset( $this->messages[ $key ]['read'][ get_current_user_id() ] );
152
+ if ( $is_read ) {
153
+ unset( $this->messages[ $key ]['read'][ get_current_user_id() ] );
154
+ $this->update_list();
155
+ }
156
+ }
157
+
158
  /**
159
  * @param string $key
160
  */
171
  $this->update_list();
172
  }
173
 
 
 
 
 
174
  public function unread() {
175
  $messages = $this->get_messages();
176
  $user_id = get_current_user_id();
190
  }
191
  return $html;
192
  }
193
+
194
+ /**
195
+ * @since 4.05.02
196
+ */
197
+ public function remove( $key ) {
198
+ if ( isset( $this->messages[ $key ] ) ) {
199
+ unset( $this->messages[ $key ] );
200
+ $this->update_list();
201
+ }
202
+ }
203
+
204
+ private function update_list() {
205
+ update_option( $this->option, $this->messages, 'no' );
206
+ }
207
  }
classes/models/FrmMigrate.php CHANGED
@@ -233,6 +233,8 @@ class FrmMigrate {
233
  delete_option( 'frm_install_running' );
234
  delete_option( 'frm_lite_settings_upgrade' );
235
  delete_option( 'frm-usage-uuid' );
 
 
236
 
237
  // Delete roles.
238
  $frm_roles = FrmAppHelper::frm_capabilities();
233
  delete_option( 'frm_install_running' );
234
  delete_option( 'frm_lite_settings_upgrade' );
235
  delete_option( 'frm-usage-uuid' );
236
+ delete_option( 'frm_inbox' );
237
+ delete_option( 'frmpro_css' );
238
 
239
  // Delete roles.
240
  $frm_roles = FrmAppHelper::frm_capabilities();
classes/models/FrmReviews.php CHANGED
@@ -107,34 +107,75 @@ class FrmReviews {
107
  absint( $entries )
108
  );
109
 
110
- $this->add_to_inbox( $title );
111
 
112
  // We have a candidate! Output a review message.
113
  include( FrmAppHelper::plugin_path() . '/classes/views/shared/review.php' );
114
  }
115
 
116
- private function add_to_inbox( $title ) {
117
  $message = new FrmInbox();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
118
  $message->add_message(
119
  array(
120
- 'key' => $this->inbox_key,
121
- 'force' => true,
122
  'message' => __( 'If you are enjoying Formidable, could you do me a BIG favor and give us a review to help me grow my little business and boost our motivation?', 'formidable' ) . '<br/>' .
123
  '- Steph Wells<br/>' .
124
- '<span>' . esc_html__( 'Founder and Lead Developer of Formidable Forms', 'formidable' ) . '<span>',
125
- 'subject' => $title,
126
  'cta' => '<a href="https://wordpress.org/support/plugin/formidable/reviews/?filter=5#new-post" class="frm-dismiss-review-notice frm-review-out button-secondary frm-button-secondary" data-link="yes" target="_blank" rel="noopener noreferrer">' .
127
  esc_html__( 'Ok, you deserve it', 'formidable' ) . '</a>',
128
  )
129
  );
130
  }
131
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
132
  /**
133
  * @since 4.05.01
134
  */
135
  private function set_inbox_dismissed() {
136
  $message = new FrmInbox();
137
- $message->dismiss( $this->inbox_key );
 
 
138
  }
139
 
140
  /**
@@ -142,7 +183,9 @@ class FrmReviews {
142
  */
143
  private function set_inbox_read() {
144
  $message = new FrmInbox();
145
- $message->mark_read( $this->inbox_key );
 
 
146
  }
147
 
148
  /**
107
  absint( $entries )
108
  );
109
 
110
+ $this->add_to_inbox( $title, $name, $asked );
111
 
112
  // We have a candidate! Output a review message.
113
  include( FrmAppHelper::plugin_path() . '/classes/views/shared/review.php' );
114
  }
115
 
116
+ private function add_to_inbox( $title, $name, $asked ) {
117
  $message = new FrmInbox();
118
+ $requests = $message->get_messages();
119
+ $key = $this->inbox_key . ( $asked ? $asked : '' );
120
+
121
+ if ( isset( $requests[ $key ] ) ) {
122
+ return;
123
+ }
124
+
125
+ // Remove previous requests.
126
+ if ( $asked > 0 ) {
127
+ $message->remove( $this->inbox_key );
128
+ }
129
+ if ( $asked > 1 ) {
130
+ $message->remove( $this->inbox_key . '1' );
131
+ }
132
+
133
+ if ( $this->has_later_request( $requests, $asked ) ) {
134
+ // Don't add a request that has already been passed.
135
+ return;
136
+ }
137
+
138
  $message->add_message(
139
  array(
140
+ 'key' => $key,
 
141
  'message' => __( 'If you are enjoying Formidable, could you do me a BIG favor and give us a review to help me grow my little business and boost our motivation?', 'formidable' ) . '<br/>' .
142
  '- Steph Wells<br/>' .
143
+ '<span>' . esc_html__( 'Co-Founder and CTO of Formidable Forms', 'formidable' ) . '<span>',
144
+ 'subject' => str_replace( $name, '', $title ),
145
  'cta' => '<a href="https://wordpress.org/support/plugin/formidable/reviews/?filter=5#new-post" class="frm-dismiss-review-notice frm-review-out button-secondary frm-button-secondary" data-link="yes" target="_blank" rel="noopener noreferrer">' .
146
  esc_html__( 'Ok, you deserve it', 'formidable' ) . '</a>',
147
  )
148
  );
149
  }
150
 
151
+ /**
152
+ * If there are already later requests, don't add it to the inbox again.
153
+ *
154
+ * @since 4.05.02
155
+ */
156
+ private function has_later_request( $requests, $asked ) {
157
+ return isset( $requests[ $this->inbox_key . ( $asked + 1 ) ] ) || isset( $requests[ $this->inbox_key . ( $asked + 2 ) ] );
158
+ }
159
+
160
+ /**
161
+ * @since 4.05.02
162
+ */
163
+ private function inbox_keys() {
164
+ return array(
165
+ $this->inbox_key,
166
+ $this->inbox_key . '1',
167
+ $this->inbox_key . '2',
168
+ );
169
+ }
170
+
171
  /**
172
  * @since 4.05.01
173
  */
174
  private function set_inbox_dismissed() {
175
  $message = new FrmInbox();
176
+ foreach ( $this->inbox_keys() as $key ) {
177
+ $message->dismiss( $key );
178
+ }
179
  }
180
 
181
  /**
183
  */
184
  private function set_inbox_read() {
185
  $message = new FrmInbox();
186
+ foreach ( $this->inbox_keys() as $key ) {
187
+ $message->mark_read( $key );
188
+ }
189
  }
190
 
191
  /**
classes/models/FrmSettings.php CHANGED
@@ -9,6 +9,7 @@ class FrmSettings {
9
  public $accordion_js;
10
  public $fade_form;
11
  public $old_css;
 
12
 
13
  public $success_msg;
14
  public $blank_msg;
@@ -92,6 +93,7 @@ class FrmSettings {
92
  'accordion_js' => false,
93
  'fade_form' => false,
94
  'old_css' => true,
 
95
 
96
  're_multi' => 1,
97
 
@@ -253,7 +255,7 @@ class FrmSettings {
253
 
254
  $this->load_style = $params['frm_load_style'];
255
 
256
- $checkboxes = array( 'mu_menu', 're_multi', 'use_html', 'jquery_css', 'accordion_js', 'fade_form', 'old_css', 'no_ips', 'tracking' );
257
  foreach ( $checkboxes as $set ) {
258
  $this->$set = isset( $params[ 'frm_' . $set ] ) ? $params[ 'frm_' . $set ] : 0;
259
  }
9
  public $accordion_js;
10
  public $fade_form;
11
  public $old_css;
12
+ public $admin_bar;
13
 
14
  public $success_msg;
15
  public $blank_msg;
93
  'accordion_js' => false,
94
  'fade_form' => false,
95
  'old_css' => true,
96
+ 'admin_bar' => false,
97
 
98
  're_multi' => 1,
99
 
255
 
256
  $this->load_style = $params['frm_load_style'];
257
 
258
+ $checkboxes = array( 'mu_menu', 're_multi', 'use_html', 'jquery_css', 'accordion_js', 'fade_form', 'old_css', 'no_ips', 'tracking', 'admin_bar' );
259
  foreach ( $checkboxes as $set ) {
260
  $this->$set = isset( $params[ 'frm_' . $set ] ) ? $params[ 'frm_' . $set ] : 0;
261
  }
classes/models/FrmUsage.php CHANGED
@@ -135,6 +135,7 @@ class FrmUsage {
135
  'no_ips',
136
  'btsp_css',
137
  'btsp_errors',
 
138
  );
139
 
140
  foreach ( $pass_settings as $setting ) {
135
  'no_ips',
136
  'btsp_css',
137
  'btsp_errors',
138
+ 'admin_bar',
139
  );
140
 
141
  foreach ( $pass_settings as $setting ) {
classes/views/frm-entries/new.php CHANGED
@@ -6,10 +6,17 @@
6
  <?php
7
  }
8
 
9
- include( FrmAppHelper::plugin_path() . '/classes/views/frm-entries/errors.php' );
 
 
 
10
  $form_action = 'create';
11
  require( FrmAppHelper::plugin_path() . '/classes/views/frm-entries/form.php' );
12
 
 
 
 
 
13
  if ( ! isset( $include_form_tag ) || $include_form_tag ) {
14
  ?>
15
  </form>
6
  <?php
7
  }
8
 
9
+ if ( $message_placement !== 'after' ) {
10
+ include( FrmAppHelper::plugin_path() . '/classes/views/frm-entries/errors.php' );
11
+ }
12
+
13
  $form_action = 'create';
14
  require( FrmAppHelper::plugin_path() . '/classes/views/frm-entries/form.php' );
15
 
16
+ if ( $message_placement === 'after' ) {
17
+ include( FrmAppHelper::plugin_path() . '/classes/views/frm-entries/errors.php' );
18
+ }
19
+
20
  if ( ! isset( $include_form_tag ) || $include_form_tag ) {
21
  ?>
22
  </form>
classes/views/frm-settings/general.php CHANGED
@@ -51,5 +51,11 @@
51
  <input type="checkbox" name="frm_no_ips" id="frm_no_ips" value="1" <?php checked( $frm_settings->no_ips, 1 ); ?> />
52
  <?php esc_html_e( 'Do not store IPs with form submissions. Check this box for to assist with GDPR compliance.', 'formidable' ); ?>
53
  </label>
 
54
 
 
 
 
 
 
55
  </p>
51
  <input type="checkbox" name="frm_no_ips" id="frm_no_ips" value="1" <?php checked( $frm_settings->no_ips, 1 ); ?> />
52
  <?php esc_html_e( 'Do not store IPs with form submissions. Check this box for to assist with GDPR compliance.', 'formidable' ); ?>
53
  </label>
54
+ </p>
55
 
56
+ <p>
57
+ <label for="frm_admin_bar">
58
+ <input type="checkbox" name="frm_admin_bar" id="frm_admin_bar" value="1" <?php checked( $frm_settings->admin_bar, 1 ); ?> />
59
+ <?php esc_html_e( 'Do not include Formidable in the admin bar.', 'formidable' ); ?>
60
+ </label>
61
  </p>
classes/views/shared/review.php CHANGED
@@ -15,7 +15,7 @@
15
  <div class="frm-review-request frm_hidden">
16
  <p><?php esc_html_e( 'Awesome! Could you do me a BIG favor and give Formidable Forms a review to help me grow my little business and boost our motivation?', 'formidable' ); ?></p>
17
  <p>- Steph Wells<br/>
18
- <span><?php esc_html_e( 'Founder and Lead Developer of Formidable Forms', 'formidable' ); ?><span>
19
  </p>
20
  <a href="#" class="frm-dismiss-review-notice frm_reverse_button frm-button-secondary" data-link="no" target="_blank" rel="noopener noreferrer">
21
  <?php esc_html_e( 'No thanks, maybe later', 'formidable' ); ?>
15
  <div class="frm-review-request frm_hidden">
16
  <p><?php esc_html_e( 'Awesome! Could you do me a BIG favor and give Formidable Forms a review to help me grow my little business and boost our motivation?', 'formidable' ); ?></p>
17
  <p>- Steph Wells<br/>
18
+ <span><?php esc_html_e( 'Co-Founder and CTO of Formidable Forms', 'formidable' ); ?><span>
19
  </p>
20
  <a href="#" class="frm-dismiss-review-notice frm_reverse_button frm-button-secondary" data-link="no" target="_blank" rel="noopener noreferrer">
21
  <?php esc_html_e( 'No thanks, maybe later', 'formidable' ); ?>
css/_single_theme.css.php CHANGED
@@ -9,18 +9,9 @@ $label_margin = (int) $width + 10;
9
  $minus_icons = FrmStylesHelper::minus_icons();
10
  $arrow_icons = FrmStylesHelper::arrow_icons();
11
 
12
- $vars = array( 'bg_color_disabled', 'text_color_disabled', 'border_color_disabled' );
13
  ?>
14
- .<?php echo esc_html( $style_class ); ?> {
15
- <?php
16
- foreach ( $vars as $var ) {
17
- if ( isset( $settings[ $var ] ) && $settings[ $var ] !== '' && $settings[ $var ] !== $defaults[ $var ] ) {
18
- ?>
19
- --<?php echo esc_html( str_replace( '_', '-', $var ) ); ?>:<?php echo esc_html( $settings[ $var ] ); ?>;
20
- <?php
21
- }
22
- }
23
- ?>
24
  }
25
 
26
  .frm_forms.<?php echo esc_html( $style_class ); ?>{
@@ -34,106 +25,12 @@ $vars = array( 'bg_color_disabled', 'text_color_disabled', 'border_color_disable
34
  <?php } ?>
35
  }
36
 
37
- .<?php echo esc_html( $style_class ); ?>,
38
- .<?php echo esc_html( $style_class ); ?> form,
39
- .<?php echo esc_html( $style_class ); ?> .frm-show-form div.frm_description p {
40
- text-align:<?php echo esc_html( $form_align . $important ); ?>;
41
- }
42
-
43
  <?php if ( $center_form ) { ?>
44
  .frm_inline_form.<?php echo esc_html( $style_class ); ?> form{
45
  text-align:center;
46
  }
47
  <?php } ?>
48
 
49
- .<?php echo esc_html( $style_class ); ?> .frm_form_fields > fieldset{
50
- <?php if ( ! empty( $fieldset ) ) { ?>
51
- border-width:<?php echo esc_html( $fieldset . $important ); ?>;
52
- <?php } ?>
53
- border-style:solid;
54
- <?php if ( ! empty( $fieldset_color ) ) { ?>
55
- border-color:<?php echo esc_html( $fieldset_color . $important ); ?>;
56
- <?php } ?>
57
- margin:0;
58
- <?php if ( ! empty( $fieldset_padding ) ) { ?>
59
- padding:<?php echo esc_html( $fieldset_padding . $important ); ?>;
60
- <?php } ?>
61
- <?php if ( ! empty( $fieldset_bg_color ) ) { ?>
62
- background-color:<?php echo esc_html( $fieldset_bg_color ); ?>;
63
- <?php } ?>
64
- <?php if ( ! empty( $font ) ) { ?>
65
- font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
66
- <?php } ?>
67
- }
68
-
69
- .<?php echo esc_html( $style_class ); ?> legend + h3,
70
- .<?php echo esc_html( $style_class ); ?> h3.frm_form_title{
71
- <?php if ( ! empty( $title_size ) ) { ?>
72
- font-size:<?php echo esc_html( $title_size . $important ); ?>;
73
- <?php } ?>
74
- <?php if ( ! empty( $title_color ) ) { ?>
75
- color:<?php echo esc_html( $title_color . $important ); ?>;
76
- <?php } ?>
77
- <?php if ( ! empty( $font ) ) { ?>
78
- font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
79
- <?php } ?>
80
- <?php if ( ! empty( $title_margin_top ) ) { ?>
81
- margin-top:<?php echo esc_html( $title_margin_top . $important ); ?>;
82
- <?php } ?>
83
- <?php if ( ! empty( $title_margin_bottom ) ) { ?>
84
- margin-bottom:<?php echo esc_html( $title_margin_bottom . $important ); ?>;
85
- <?php } ?>
86
- }
87
-
88
- .<?php echo esc_html( $style_class ); ?> .frm_primary_label{
89
- <?php if ( ! empty( $font ) ) { ?>
90
- font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
91
- <?php } ?>
92
- <?php if ( ! empty( $font_size ) ) { ?>
93
- font-size:<?php echo esc_html( $font_size . $important ); ?>;
94
- <?php } ?>
95
- <?php if ( ! empty( $label_color ) ) { ?>
96
- color:<?php echo esc_html( $label_color . $important ); ?>;
97
- <?php } ?>
98
- <?php if ( ! empty( $weight ) ) { ?>
99
- font-weight:<?php echo esc_html( $weight . $important ); ?>;
100
- <?php } ?>
101
- <?php if ( ! empty( $align ) ) { ?>
102
- text-align:<?php echo esc_html( $align . $important ); ?>;
103
- <?php } ?>
104
- margin:0;
105
- <?php if ( ! empty( $label_padding ) ) { ?>
106
- padding:<?php echo esc_html( $label_padding . $important ); ?>;
107
- <?php } ?>
108
- width:auto;
109
- display:block;
110
- }
111
-
112
- .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_html_container,
113
- .<?php echo esc_html( $style_class ); ?> .frm_form_field .frm_show_it{
114
- <?php if ( ! empty( $font ) ) { ?>
115
- font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
116
- <?php } ?>
117
- <?php if ( ! empty( $form_desc_color ) ) { ?>
118
- color:<?php echo esc_html( $form_desc_color . $important ); ?>;
119
- <?php } ?>
120
- }
121
-
122
- <?php if ( ! empty( $form_desc_size ) ) { ?>
123
- .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_html_container{
124
- font-size:<?php echo esc_html( $form_desc_size . $important ); ?>;
125
- }
126
- <?php } ?>
127
-
128
- .<?php echo esc_html( $style_class ); ?> .frm_form_field .frm_show_it{
129
- <?php if ( ! empty( $field_font_size ) ) { ?>
130
- font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
131
- <?php } ?>
132
- <?php if ( ! empty( $field_weight ) ) { ?>
133
- font-weight:<?php echo esc_html( $field_weight ); ?>;
134
- <?php } ?>
135
- }
136
-
137
  <?php if ( ! empty( $label_color ) ) { ?>
138
  .<?php echo esc_html( $style_class ); ?> .frm_icon_font{
139
  color:<?php echo esc_html( $label_color . $important ); ?>;
@@ -175,11 +72,7 @@ $vars = array( 'bg_color_disabled', 'text_color_disabled', 'border_color_disable
175
  margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
176
  }
177
  <?php } ?>
178
- .<?php echo esc_html( $style_class ); ?> .frm_grid,
179
- .<?php echo esc_html( $style_class ); ?> .frm_grid_first,
180
- .<?php echo esc_html( $style_class ); ?> .frm_grid_odd {
181
- margin-bottom:0<?php echo esc_html( $important ); ?>;
182
- }
183
  .<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
184
  margin-bottom:0<?php echo esc_html( $important ); ?>;
185
  }
@@ -214,22 +107,6 @@ $vars = array( 'bg_color_disabled', 'text_color_disabled', 'border_color_disable
214
  max-width:100%;
215
  }
216
 
217
- /* Form description */
218
- .<?php echo esc_html( $style_class ); ?> .frm-show-form div.frm_description p{
219
- <?php if ( ! empty( $form_desc_size ) ) { ?>
220
- font-size:<?php echo esc_html( $form_desc_size . $important ); ?>;
221
- <?php } ?>
222
- <?php if ( ! empty( $form_desc_color ) ) { ?>
223
- color:<?php echo esc_html( $form_desc_color . $important ); ?>;
224
- <?php } ?>
225
- <?php if ( ! empty( $form_desc_margin_top ) ) { ?>
226
- margin-top:<?php echo esc_html( $form_desc_margin_top . $important ); ?>;
227
- <?php } ?>
228
- <?php if ( ! empty( $form_desc_margin_bottom ) ) { ?>
229
- margin-bottom:<?php echo esc_html( $form_desc_margin_bottom . $important ); ?>;
230
- <?php } ?>
231
- }
232
-
233
  /* Left and right labels */
234
  <?php
235
 
@@ -299,143 +176,6 @@ if ( '' === $field_height || 'auto' === $field_height ) {
299
  <?php } ?>
300
  }
301
 
302
- .<?php echo esc_html( $style_class ); ?> .frm_required{
303
- <?php if ( ! empty( $required_color ) ) { ?>
304
- color:<?php echo esc_html( $required_color . $important ); ?>;
305
- <?php } ?>
306
- <?php if ( ! empty( $required_weight ) ) { ?>
307
- font-weight:<?php echo esc_html( $required_weight . $important ); ?>;
308
- <?php } ?>
309
- }
310
-
311
- .<?php echo esc_html( $style_class ); ?> input[type=text],
312
- .<?php echo esc_html( $style_class ); ?> input[type=password],
313
- .<?php echo esc_html( $style_class ); ?> input[type=email],
314
- .<?php echo esc_html( $style_class ); ?> input[type=number],
315
- .<?php echo esc_html( $style_class ); ?> input[type=url],
316
- .<?php echo esc_html( $style_class ); ?> input[type=tel],
317
- .<?php echo esc_html( $style_class ); ?> input[type=search],
318
- .<?php echo esc_html( $style_class ); ?> select,
319
- .<?php echo esc_html( $style_class ); ?> textarea,
320
- .<?php echo esc_html( $style_class ); ?> .frm-card-element.StripeElement,
321
- .<?php echo esc_html( $style_class ); ?> .chosen-container{
322
- <?php if ( ! empty( $font ) ) { ?>
323
- font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
324
- <?php } ?>
325
- <?php if ( ! empty( $field_font_size ) ) { ?>
326
- font-size:<?php echo esc_html( $field_font_size ); ?>;
327
- <?php } ?>
328
- margin-bottom:0<?php echo esc_html( $important ); ?>;
329
- }
330
-
331
- .<?php echo esc_html( $style_class ); ?> textarea{
332
- vertical-align:top;
333
- }
334
-
335
- .<?php echo esc_html( $style_class ); ?> input[type=text],
336
- .<?php echo esc_html( $style_class ); ?> input[type=password],
337
- .<?php echo esc_html( $style_class ); ?> input[type=email],
338
- .<?php echo esc_html( $style_class ); ?> input[type=number],
339
- .<?php echo esc_html( $style_class ); ?> input[type=url],
340
- .<?php echo esc_html( $style_class ); ?> input[type=tel],
341
- .<?php echo esc_html( $style_class ); ?> input[type=phone],
342
- .<?php echo esc_html( $style_class ); ?> input[type=search],
343
- .<?php echo esc_html( $style_class ); ?> select,
344
- .<?php echo esc_html( $style_class ); ?> textarea,
345
- .frm_form_fields_style,
346
- .<?php echo esc_html( $style_class ); ?> .frm_scroll_box .frm_opt_container,
347
- .frm_form_fields_active_style,
348
- .frm_form_fields_error_style,
349
- .<?php echo esc_html( $style_class ); ?> .frm-card-element.StripeElement,
350
- .<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices,
351
- .<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-single{
352
- color:<?php echo esc_html( $text_color . $important ); ?>;
353
- background-color:<?php echo esc_html( $bg_color . $important ); ?>;
354
- <?php
355
- if ( ! empty( $important ) ) {
356
- echo esc_html( 'background-image:none' . $important . ';' );
357
- }
358
- ?>
359
- border-color: <?php echo esc_html( $border_color . $important ); ?>;
360
- border-width:<?php echo esc_html( $field_border_width . $important ); ?>;
361
- border-style:<?php echo esc_html( $field_border_style . $important ); ?>;
362
- -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
363
- -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
364
- border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
365
- width:<?php echo esc_html( ( $field_width == '' ? 'auto' : $field_width ) . $important ); ?>;
366
- max-width:100%;
367
- font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
368
- padding:<?php echo esc_html( $field_pad . $important ); ?>;
369
- -webkit-box-sizing:border-box;
370
- -moz-box-sizing:border-box;
371
- box-sizing:border-box;
372
- outline:none<?php echo esc_html( $important ); ?>;
373
- font-weight:<?php echo esc_html( $field_weight ); ?>;
374
- box-shadow:<?php echo esc_html( ( isset( $remove_box_shadow ) && $remove_box_shadow ) ? 'none' : '0 1px 1px rgba(0, 0, 0, 0.075) inset' ) . esc_html( $important ); ?>;
375
- }
376
-
377
- .<?php echo esc_html( $style_class ); ?> input[type=radio],
378
- .<?php echo esc_html( $style_class ); ?> input[type=checkbox]{
379
- border-color: <?php echo esc_html( $border_color . $important ); ?>;
380
- box-shadow:<?php echo esc_html( ( isset( $remove_box_shadow ) && $remove_box_shadow ) ? 'none' : '0 1px 1px rgba(0, 0, 0, 0.075) inset' ) . esc_html( $important ); ?>;
381
- }
382
-
383
- .<?php echo esc_html( $style_class ); ?> input[type=text],
384
- .<?php echo esc_html( $style_class ); ?> input[type=password],
385
- .<?php echo esc_html( $style_class ); ?> input[type=email],
386
- .<?php echo esc_html( $style_class ); ?> input[type=number],
387
- .<?php echo esc_html( $style_class ); ?> input[type=url],
388
- .<?php echo esc_html( $style_class ); ?> input[type=tel],
389
- .<?php echo esc_html( $style_class ); ?> input[type=file],
390
- .<?php echo esc_html( $style_class ); ?> input[type=search],
391
- .<?php echo esc_html( $style_class ); ?> select,
392
- .<?php echo esc_html( $style_class ); ?> .frm-card-element.StripeElement{
393
- height:<?php echo esc_html( ( $field_height == '' ? 'auto' : $field_height ) . $important ); ?>;
394
- line-height:1.3<?php echo esc_html( $important ); ?>;
395
- }
396
-
397
- .<?php echo esc_html( $style_class ); ?> select[multiple="multiple"]{
398
- height:auto <?php echo esc_html( $important ); ?>;
399
- }
400
-
401
- .<?php echo esc_html( $style_class ); ?> input[type=file]{
402
- color: <?php echo esc_html( $text_color . $important ); ?>;
403
- padding:0px;
404
- <?php if ( ! empty( $font ) ) { ?>
405
- font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
406
- <?php } ?>
407
- font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
408
- }
409
-
410
- .<?php echo esc_html( $style_class ); ?> input[type=file].frm_transparent{
411
- color:transparent<?php echo esc_html( $important ); ?>;
412
- }
413
-
414
- .<?php echo esc_html( $style_class ); ?> select{
415
- width:<?php echo esc_html( ( $auto_width ? 'auto' : $field_width ) . $important ); ?>;
416
- max-width:100%;
417
- }
418
-
419
- .<?php echo esc_html( $style_class ); ?> .wp-editor-wrap{
420
- width:<?php echo esc_html( $field_width . $important ); ?>;
421
- max-width:100%;
422
- }
423
-
424
- .<?php echo esc_html( $style_class ); ?> .wp-editor-container textarea{
425
- border:none<?php echo esc_html( $important ); ?>;
426
- }
427
-
428
- .<?php echo esc_html( $style_class ); ?> .mceIframeContainer{
429
- background-color:<?php echo esc_html( $bg_color . $important ); ?>;
430
- }
431
-
432
- .<?php echo esc_html( $style_class ); ?> .auto_width input,
433
- .<?php echo esc_html( $style_class ); ?> input.auto_width,
434
- .<?php echo esc_html( $style_class ); ?> select.auto_width,
435
- .<?php echo esc_html( $style_class ); ?> textarea.auto_width{
436
- width:auto<?php echo esc_html( $important ); ?>;
437
- }
438
-
439
  /* These do not work if they are combined */
440
  .<?php echo esc_html( $style_class ); ?> input::placeholder,
441
  .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
@@ -621,14 +361,6 @@ if ( ! empty( $important ) ) {
621
  margin: 0 !important;
622
  }
623
 
624
- .<?php echo esc_html( $style_class ); ?> a.frm_save_draft{
625
- <?php if ( ! empty( $font ) ) { ?>
626
- font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
627
- <?php } ?>
628
- font-size:<?php echo esc_html( $submit_font_size ); ?>;
629
- font-weight:<?php echo esc_html( $submit_weight ); ?>;
630
- }
631
-
632
  .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
633
  <?php if ( ! empty( $font ) ) { ?>
634
  font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
@@ -639,42 +371,6 @@ if ( ! empty( $important ) ) {
639
  clear:both;
640
  }
641
 
642
- .<?php echo esc_html( $style_class ); ?> .frm_radio{
643
- display:<?php echo esc_html( $radio_align . $important ); ?>;
644
- }
645
-
646
- .<?php echo esc_html( $style_class ); ?> .frm_checkbox{
647
- display:<?php echo esc_html( $check_align . $important ); ?>;
648
- }
649
-
650
- .<?php echo esc_html( $style_class ); ?> .vertical_radio .frm_checkbox,
651
- .<?php echo esc_html( $style_class ); ?> .vertical_radio .frm_radio,
652
- .vertical_radio .frm_catlevel_1{
653
- display:block<?php echo esc_html( $important ); ?>;
654
- }
655
-
656
- .<?php echo esc_html( $style_class ); ?> .horizontal_radio .frm_checkbox,
657
- .<?php echo esc_html( $style_class ); ?> .horizontal_radio .frm_radio,
658
- .horizontal_radio .frm_catlevel_1{
659
- display:inline-block<?php echo esc_html( $important ); ?>;
660
- }
661
-
662
- .<?php echo esc_html( $style_class ); ?> .frm_radio label,
663
- .<?php echo esc_html( $style_class ); ?> .frm_checkbox label{
664
- <?php if ( ! empty( $font ) ) { ?>
665
- font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
666
- <?php } ?>
667
- font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
668
- color:<?php echo esc_html( $check_label_color . $important ); ?>;
669
- font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
670
- }
671
-
672
- .<?php echo esc_html( $style_class ); ?> .frm_radio input[type=radio],
673
- .<?php echo esc_html( $style_class ); ?> .frm_checkbox input[type=checkbox] {
674
- font-size: <?php echo esc_html( $check_font_size . $important ); ?>;
675
- position: static<?php echo esc_html( $important ); ?>;
676
- }
677
-
678
  .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
679
  .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
680
  .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
@@ -721,42 +417,6 @@ if ( ! empty( $important ) ) {
721
  margin-bottom:<?php echo esc_html( $field_margin ); ?>;
722
  }
723
 
724
- .<?php echo esc_html( $style_class ); ?> .frm_message,
725
- .frm_success_style{
726
- border:1px solid <?php echo esc_html( $success_border_color ); ?>;
727
- background-color:<?php echo esc_html( $success_bg_color . $important ); ?>;
728
- color:<?php echo esc_html( $success_text_color . $important ); ?>;
729
- border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
730
- }
731
-
732
- .<?php echo esc_html( $style_class ); ?> .frm_message p{
733
- color:<?php echo esc_html( $success_text_color . $important ); ?>;
734
- }
735
-
736
- .<?php echo esc_html( $style_class ); ?> .frm_message{
737
- margin:5px 0 15px;
738
- font-size:<?php echo esc_html( $success_font_size . $important ); ?>;
739
- }
740
-
741
- .<?php echo esc_html( $style_class ); ?> .frm-grid td,
742
- .frm-grid th{
743
- border-color:<?php echo esc_html( $border_color ); ?>;
744
- }
745
-
746
- .form_results.<?php echo esc_html( $style_class ); ?>{
747
- border:<?php echo esc_html( $field_border_width ); ?> solid <?php echo esc_html( $border_color . $important ); ?>;
748
- }
749
-
750
- .form_results.<?php echo esc_html( $style_class ); ?> tr td{
751
- color: <?php echo esc_html( $text_color . $important ); ?>;
752
- border-top:<?php echo esc_html( $field_border_width ); ?> solid <?php echo esc_html( $border_color . $important ); ?>;
753
- }
754
-
755
- .form_results.<?php echo esc_html( $style_class ); ?> tr.frm_even,
756
- .frm-grid .frm_even{
757
- background-color:<?php echo esc_html( $bg_color . $important ); ?>;
758
- }
759
-
760
  .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
761
  background-image:linear-gradient(45deg, <?php echo esc_html( $border_color ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $border_color ); ?> 50%, <?php echo esc_html( $border_color ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
762
  }
@@ -765,43 +425,6 @@ if ( ! empty( $important ) ) {
765
  background-color:<?php echo esc_html( $bg_color . $important ); ?>;
766
  }
767
 
768
- .<?php echo esc_html( $style_class ); ?> .frm_grid,
769
- .<?php echo esc_html( $style_class ); ?> .frm_grid_first,
770
- .<?php echo esc_html( $style_class ); ?> .frm_grid_odd{
771
- border-color:<?php echo esc_html( $border_color ); ?>;
772
- }
773
-
774
- .<?php echo esc_html( $style_class ); ?> .frm_grid.frm_blank_field,
775
- .<?php echo esc_html( $style_class ); ?> .frm_grid_first.frm_blank_field,
776
- .<?php echo esc_html( $style_class ); ?> .frm_grid_odd.frm_blank_field{
777
- background-color:<?php echo esc_html( $error_bg . $important ); ?>;
778
- border-color:<?php echo esc_html( $error_border ); ?>;
779
- }
780
-
781
- .<?php echo esc_html( $style_class ); ?> .frm_grid_first,
782
- .<?php echo esc_html( $style_class ); ?> .frm_grid_odd{
783
- background-color:<?php echo esc_html( $bg_color . $important ); ?>;
784
- }
785
-
786
- .<?php echo esc_html( $style_class ); ?> .frm_grid{
787
- background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
788
- }
789
-
790
- .<?php echo esc_html( $style_class ); ?> .frm_html_container.frm_scroll_box,
791
- .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_html_scroll_box{
792
- background-color:<?php echo esc_html( $bg_color . $important ); ?>;
793
- border-color: <?php echo esc_html( $border_color . $important ); ?>;
794
- border-width:<?php echo esc_html( $field_border_width . $important ); ?>;
795
- border-style:<?php echo esc_html( $field_border_style . $important ); ?>;
796
- -moz-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
797
- -webkit-border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
798
- border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
799
- width:<?php echo esc_html( ( $field_width == '' ? 'auto' : $field_width ) . $important ); ?>;
800
- font-size:<?php echo esc_html( $field_font_size . $important ); ?>;
801
- padding:<?php echo esc_html( $field_pad . $important ); ?>;
802
- outline:none<?php echo esc_html( $important ); ?>;
803
- }
804
-
805
  .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big input,
806
  .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big textarea,
807
  .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
@@ -850,11 +473,3 @@ if ( ! empty( $important ) ) {
850
  }
851
 
852
  <?php do_action( 'frm_output_single_style', $settings ); ?>
853
-
854
- @media only screen and (max-width: 600px){
855
- .<?php echo esc_html( $style_class ); ?> .frm_repeat_inline,
856
- .<?php echo esc_html( $style_class ); ?> .frm_repeat_grid{
857
- margin: 20px 0;
858
- }
859
- }
860
-
9
  $minus_icons = FrmStylesHelper::minus_icons();
10
  $arrow_icons = FrmStylesHelper::arrow_icons();
11
 
 
12
  ?>
13
+ .<?php echo esc_html( $style_class ); ?>{
14
+ <?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
 
 
 
 
 
 
 
 
15
  }
16
 
17
  .frm_forms.<?php echo esc_html( $style_class ); ?>{
25
  <?php } ?>
26
  }
27
 
 
 
 
 
 
 
28
  <?php if ( $center_form ) { ?>
29
  .frm_inline_form.<?php echo esc_html( $style_class ); ?> form{
30
  text-align:center;
31
  }
32
  <?php } ?>
33
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
34
  <?php if ( ! empty( $label_color ) ) { ?>
35
  .<?php echo esc_html( $style_class ); ?> .frm_icon_font{
36
  color:<?php echo esc_html( $label_color . $important ); ?>;
72
  margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
73
  }
74
  <?php } ?>
75
+
 
 
 
 
76
  .<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
77
  margin-bottom:0<?php echo esc_html( $important ); ?>;
78
  }
107
  max-width:100%;
108
  }
109
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
110
  /* Left and right labels */
111
  <?php
112
 
176
  <?php } ?>
177
  }
178
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
179
  /* These do not work if they are combined */
180
  .<?php echo esc_html( $style_class ); ?> input::placeholder,
181
  .<?php echo esc_html( $style_class ); ?> textarea::placeholder{
361
  margin: 0 !important;
362
  }
363
 
 
 
 
 
 
 
 
 
364
  .<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
365
  <?php if ( ! empty( $font ) ) { ?>
366
  font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
371
  clear:both;
372
  }
373
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
374
  .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
375
  .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
376
  .<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
417
  margin-bottom:<?php echo esc_html( $field_margin ); ?>;
418
  }
419
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
420
  .<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
421
  background-image:linear-gradient(45deg, <?php echo esc_html( $border_color ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $border_color ); ?> 50%, <?php echo esc_html( $border_color ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
422
  }
425
  background-color:<?php echo esc_html( $bg_color . $important ); ?>;
426
  }
427
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
428
  .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big input,
429
  .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big textarea,
430
  .<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
473
  }
474
 
475
  <?php do_action( 'frm_output_single_style', $settings ); ?>
 
 
 
 
 
 
 
 
css/custom_theme.css.php CHANGED
@@ -17,16 +17,9 @@ $default_style = $frm_style->get_default_style( $styles );
17
  $defaults = FrmStylesHelper::get_settings_for_output( $default_style );
18
  $important = empty( $defaults['important_style'] ) ? '' : ' !important';
19
 
20
- $vars = array( 'bg_color_disabled', 'text_color_disabled', 'border_color_disabled' );
21
  ?>
22
- .with_frm_style {
23
- <?php
24
- foreach ( $vars as $var ) {
25
- ?>
26
- --<?php echo esc_html( str_replace( '_', '-', $var ) ); ?>:<?php echo esc_html( $defaults[ $var ] ); ?>;
27
- <?php
28
- }
29
- ?>
30
  }
31
 
32
  .frm_hidden,
@@ -36,6 +29,33 @@ $vars = array( 'bg_color_disabled', 'text_color_disabled', 'border_color_disable
36
  display:none;
37
  }
38
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39
  form input.frm_verify{
40
  display:none !important;
41
  }
@@ -51,6 +71,30 @@ form input.frm_verify{
51
  background-color:transparent;
52
  }
53
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  legend.frm_hidden{
55
  display:none !important;
56
  }
@@ -67,7 +111,173 @@ legend.frm_hidden{
67
  color:transparent;
68
  }
69
 
70
- .input[type=file].frm_transparent:focus, .with_frm_style input[type=file]{
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
71
  background-color:transparent;
72
  border:none;
73
  outline:none;
@@ -75,9 +285,42 @@ legend.frm_hidden{
75
  }
76
 
77
  .with_frm_style input[type=file]{
 
 
 
 
 
 
 
 
78
  display:initial;
79
  }
80
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
  .with_frm_style input[disabled],
82
  .with_frm_style select[disabled],
83
  .with_frm_style textarea[disabled],
@@ -102,6 +345,33 @@ legend.frm_hidden{
102
 
103
  .with_frm_style .frm_primary_label{
104
  max-width:100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
105
  }
106
 
107
  .with_frm_style .frm_top_container .frm_primary_label,
@@ -187,16 +457,12 @@ legend.frm_hidden{
187
  border:none;
188
  }
189
 
190
- .with_frm_style textarea{
191
- height:auto;
192
- }
193
-
194
  .with_frm_style .auto_width #loginform input,
195
  .with_frm_style .auto_width input,
196
  .with_frm_style input.auto_width,
197
  .with_frm_style select.auto_width,
198
  .with_frm_style textarea.auto_width{
199
- width:auto;
200
  }
201
 
202
  .with_frm_style .frm_repeat_buttons{
@@ -323,6 +589,17 @@ a.frm_save_draft{
323
  cursor:pointer;
324
  }
325
 
 
 
 
 
 
 
 
 
 
 
 
326
  .horizontal_radio .frm_radio{
327
  margin:0 5px 0 0;
328
  }
@@ -344,6 +621,28 @@ a.frm_save_draft{
344
  display:inline-block;
345
  }
346
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
347
  .with_frm_style .frm_checkbox label,
348
  .with_frm_style .frm_radio label{
349
  display: inline;
@@ -357,6 +656,27 @@ a.frm_save_draft{
357
  text-indent: -20px;
358
  }
359
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
360
  .frm_file_container .frm_file_link,
361
  .with_frm_style .frm_radio label .frm_file_container,
362
  .with_frm_style .frm_checkbox label .frm_file_container{
@@ -413,6 +733,35 @@ a.frm_save_draft{
413
 
414
  .with_frm_style .frm_message p{
415
  margin-bottom:5px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
416
  }
417
 
418
  .frm_form_fields_style,
@@ -439,6 +788,7 @@ a.frm_save_draft{
439
  border-style:solid;
440
  <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
441
  border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
 
442
  <?php } ?>
443
  border-top:none;
444
  border-left:none;
@@ -473,31 +823,38 @@ a.frm_save_draft{
473
  }
474
 
475
  table.form_results.with_frm_style{
476
- border:1px solid #ccc;
 
 
477
  }
478
 
479
  table.form_results.with_frm_style tr td{
480
  text-align:left;
481
- <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
482
- color:<?php echo esc_html( $defaults['text_color'] ); ?>;
483
- <?php } ?>
484
  padding:7px 9px;
485
- <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
486
- border-top:1px solid <?php echo esc_html( $defaults['border_color'] ); ?>;
487
- <?php } ?>
 
 
 
 
 
 
488
  }
489
 
490
  table.form_results.with_frm_style tr.frm_even,
491
  .frm-grid .frm_even{
492
  background-color:#fff;
 
493
  }
494
 
 
495
  table.form_results.with_frm_style tr.frm_odd,
496
  .frm-grid .frm_odd{
497
- <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
498
- background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
499
- <?php } ?>
500
  }
 
501
 
502
  <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
503
  .frm_color_block {
@@ -588,7 +945,8 @@ table.form_results.with_frm_style tr.frm_odd,
588
  <?php } ?>
589
 
590
  #frm_loading .progress-bar{
591
- background-color:<?php echo esc_html( empty( $defaults['bg_color'] ) ? 'transparent' : $defaults['bg_color'] ); ?>;
 
592
  box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
593
  float:left;
594
  height:100%;
@@ -636,9 +994,10 @@ select.frm_loading_lookup{
636
  padding:5px;
637
  border-width:1px;
638
  border-style:solid;
639
- <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
640
- border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
641
- <?php } ?>
 
642
  border-left:none;
643
  border-right:none;
644
  }
@@ -673,15 +1032,27 @@ select.frm_loading_lookup{
673
  .frm_grid_first,
674
  .frm_grid_odd{
675
  background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
 
676
  }
677
  <?php } ?>
678
 
679
  <?php if ( ! empty( $defaults['bg_color_active'] ) ) { ?>
680
  .frm_grid{
681
- background-color:<?php echo esc_html( $defaults['bg_color_active'] ); ?>;
 
682
  }
683
  <?php } ?>
684
 
 
 
 
 
 
 
 
 
 
 
685
  .frm_grid .frm_primary_label,
686
  .frm_grid_first .frm_primary_label,
687
  .frm_grid_odd .frm_primary_label,
@@ -884,22 +1255,30 @@ select.frm_loading_lookup{
884
  height:100px;
885
  overflow:auto;
886
  background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
 
887
  border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
 
888
  border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
 
889
  border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
 
890
  -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
891
  -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
892
  border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
893
- width:<?php echo esc_html( $defaults['field_width'] == '' ? 'auto' : $defaults['field_width'] ); ?>;
 
 
894
  max-width:100%;
895
  font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
 
896
  padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
 
897
  -webkit-box-sizing:border-box;
898
  -moz-box-sizing:border-box;
899
  box-sizing:border-box;
900
- outline:none;
901
  font-weight:normal;
902
- box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
903
  }
904
 
905
  .frm_form_field.frm_total_big input,
@@ -966,6 +1345,7 @@ select.frm_loading_lookup{
966
  <?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
967
 
968
  /* Responsive */
 
969
  @media only screen and (max-width: 900px) {
970
  .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
971
  .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
@@ -978,6 +1358,11 @@ select.frm_loading_lookup{
978
  .frm_form_field.frm_four_col .frm_opt_container{
979
  grid-template-columns: repeat(2, 1fr);
980
  }
 
 
 
 
 
981
  }
982
 
983
  @media only screen and (max-width: 500px) {
17
  $defaults = FrmStylesHelper::get_settings_for_output( $default_style );
18
  $important = empty( $defaults['important_style'] ) ? '' : ' !important';
19
 
 
20
  ?>
21
+ .with_frm_style{
22
+ <?php FrmStylesHelper::output_vars( $defaults ); ?>
 
 
 
 
 
 
23
  }
24
 
25
  .frm_hidden,
29
  display:none;
30
  }
31
 
32
+ .with_frm_style,
33
+ .with_frm_style form,
34
+ .with_frm_style .frm-show-form div.frm_description p{
35
+ text-align:<?php echo esc_html( $defaults['form_align'] . $important ); ?>;
36
+ text-align:var(--form-align)<?php echo esc_html( $important ); ?>;
37
+ }
38
+
39
+ /* Form description */
40
+ .with_frm_style .frm-show-form div.frm_description p{
41
+ <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
42
+ font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
43
+ font-size:var(--form-desc-size)<?php echo esc_html( $important ); ?>;
44
+ <?php } ?>
45
+ <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
46
+ color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
47
+ color:var(--form-desc-color)<?php echo esc_html( $important ); ?>;
48
+ <?php } ?>
49
+ <?php if ( ! empty( $defaults['form_desc_margin_top'] ) ) { ?>
50
+ margin-top:<?php echo esc_html( $defaults['form_desc_margin_top'] . $important ); ?>;
51
+ margin-top:var(--form-desc-margin-top)<?php echo esc_html( $important ); ?>;
52
+ <?php } ?>
53
+ <?php if ( ! empty( $defaults['form_desc_margin_bottom'] ) ) { ?>
54
+ margin-bottom:<?php echo esc_html( $defaults['form_desc_margin_bottom'] . $important ); ?>;
55
+ margin-bottom:var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>;
56
+ <?php } ?>
57
+ }
58
+
59
  form input.frm_verify{
60
  display:none !important;
61
  }
71
  background-color:transparent;
72
  }
73
 
74
+ .with_frm_style .frm_form_fields > fieldset{
75
+ <?php if ( ! empty( $defaults['fieldset'] ) ) { ?>
76
+ border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>;
77
+ border-width:var(--fieldset)<?php echo esc_html( $important ); ?>;
78
+ <?php } ?>
79
+ border-style:solid;
80
+ <?php if ( ! empty( $defaults['fieldset_color'] ) ) { ?>
81
+ border-color:<?php echo esc_html( $defaults['fieldset_color'] . $important ); ?>;
82
+ border-color:var(--fieldset-color)<?php echo esc_html( $important ); ?>;
83
+ <?php } ?>
84
+ margin:0;
85
+ <?php if ( ! empty( $defaults['fieldset_padding'] ) ) { ?>
86
+ padding:<?php echo esc_html( $defaults['fieldset_padding'] . $important ); ?>;
87
+ padding:var(--fieldset-padding)<?php echo esc_html( $important ); ?>;
88
+ <?php } ?>
89
+ <?php if ( ! empty( $defaults['fieldset_bg_color'] ) ) { ?>
90
+ background-color:<?php echo esc_html( $defaults['fieldset_bg_color'] ); ?>;
91
+ background-color:var(--fieldset-bg-color)<?php echo esc_html( $important ); ?>;
92
+ <?php } ?>
93
+ <?php if ( ! empty( $defaults['font'] ) ) { ?>
94
+ font-family:var(--font);
95
+ <?php } ?>
96
+ }
97
+
98
  legend.frm_hidden{
99
  display:none !important;
100
  }
111
  color:transparent;
112
  }
113
 
114
+ .with_frm_style legend + h3,
115
+ .with_frm_style h3.frm_form_title{
116
+ <?php if ( ! empty( $defaults['title_size'] ) ) { ?>
117
+ font-size:<?php echo esc_html( $defaults['title_size'] . $important ); ?>;
118
+ font-size:var(--title-size)<?php echo esc_html( $important ); ?>;
119
+ <?php } ?>
120
+ <?php if ( ! empty( $defaults['title_color'] ) ) { ?>
121
+ color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>;
122
+ color:var(--title-color)<?php echo esc_html( $important ); ?>;
123
+ <?php } ?>
124
+ <?php if ( ! empty( $defaults['font'] ) ) { ?>
125
+ font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
126
+ font-family:var(--font);
127
+ <?php } ?>
128
+ <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
129
+ margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>;
130
+ margin-top:var(--title-margin-top)<?php echo esc_html( $important ); ?>;
131
+ <?php } ?>
132
+ <?php if ( ! empty( $defaults['title_margin_bottom'] ) ) { ?>
133
+ margin-bottom:<?php echo esc_html( $defaults['title_margin_bottom'] . $important ); ?>;
134
+ margin-bottom:var(--title-margin-bottom)<?php echo esc_html( $important ); ?>;
135
+ <?php } ?>
136
+ }
137
+
138
+ .with_frm_style .frm_form_field.frm_html_container,
139
+ .with_frm_style .frm_form_field .frm_show_it{
140
+ <?php if ( ! empty( $defaults['font'] ) ) { ?>
141
+ font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
142
+ font-family:var(--font);
143
+ <?php } ?>
144
+ <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
145
+ color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
146
+ color:var(--form-desc-color)<?php echo esc_html( $important ); ?>;
147
+ <?php } ?>
148
+ }
149
+
150
+ <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
151
+ .with_frm_style .frm_form_field.frm_html_container{
152
+ font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
153
+ font-size:var(--form-desc-size)<?php echo esc_html( $important ); ?>;
154
+ }
155
+ <?php } ?>
156
+
157
+ .with_frm_style .frm_form_field .frm_show_it{
158
+ <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
159
+ font-size:<?php echo esc_html( $defaults['field_font_size'] . $important ); ?>;
160
+ font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
161
+ <?php } ?>
162
+ <?php if ( ! empty( $defaults['field_weight'] ) ) { ?>
163
+ font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
164
+ font-weight:var(--field-weight)<?php echo esc_html( $important ); ?>;
165
+ <?php } ?>
166
+ }
167
+
168
+ .with_frm_style .frm_required{
169
+ <?php if ( ! empty( $defaults['required_color'] ) ) { ?>
170
+ color:<?php echo esc_html( $defaults['required_color'] . $important ); ?>;
171
+ color:var(--required-color)<?php echo esc_html( $important ); ?>;
172
+ <?php } ?>
173
+ <?php if ( ! empty( $defaults['required_weight'] ) ) { ?>
174
+ font-weight:<?php echo esc_html( $defaults['required_weight'] . $important ); ?>;
175
+ font-weight:var(--required-weight)<?php echo esc_html( $important ); ?>;
176
+ <?php } ?>
177
+ }
178
+
179
+ .with_frm_style input[type=text],
180
+ .with_frm_style input[type=password],
181
+ .with_frm_style input[type=email],
182
+ .with_frm_style input[type=number],
183
+ .with_frm_style input[type=url],
184
+ .with_frm_style input[type=tel],
185
+ .with_frm_style input[type=search],
186
+ .with_frm_style select,
187
+ .with_frm_style textarea,
188
+ .with_frm_style .frm-card-element.StripeElement,
189
+ .with_frm_style .chosen-container{
190
+ font-family:var(--font)<?php echo esc_html( $important ); ?>;
191
+ <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
192
+ font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
193
+ font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
194
+ <?php } ?>
195
+ margin-bottom:0<?php echo esc_html( $important ); ?>;
196
+ }
197
+
198
+ .with_frm_style textarea{
199
+ vertical-align:top;
200
+ height:auto;
201
+ }
202
+
203
+ .with_frm_style input[type=text],
204
+ .with_frm_style input[type=password],
205
+ .with_frm_style input[type=email],
206
+ .with_frm_style input[type=number],
207
+ .with_frm_style input[type=url],
208
+ .with_frm_style input[type=tel],
209
+ .with_frm_style input[type=phone],
210
+ .with_frm_style input[type=search],
211
+ .with_frm_style select,
212
+ .with_frm_style textarea,
213
+ .frm_form_fields_style,
214
+ .with_frm_style .frm_scroll_box .frm_opt_container,
215
+ .frm_form_fields_active_style,
216
+ .frm_form_fields_error_style,
217
+ .with_frm_style .frm-card-element.StripeElement,
218
+ .with_frm_style .chosen-container-multi .chosen-choices,
219
+ .with_frm_style .chosen-container-single .chosen-single{
220
+ color:<?php echo esc_html( $defaults['text_color'] ); ?>;
221
+ color:var(--text-color)<?php echo esc_html( $important ); ?>;
222
+ background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
223
+ background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
224
+ <?php if ( ! empty( $important ) ) { ?>
225
+ background-image:none !important;
226
+ <?php } ?>
227
+ border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
228
+ border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
229
+ border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
230
+ border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
231
+ border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
232
+ border-style:var(--field-border-style)<?php echo esc_html( $important ); ?>;
233
+ -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
234
+ -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
235
+ border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
236
+ border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
237
+ width:<?php echo esc_html( $defaults['field_width'] ); ?>;
238
+ width:var(--field-width)<?php echo esc_html( $important ); ?>;
239
+ max-width:100%;
240
+ font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
241
+ font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
242
+ padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
243
+ padding:var(--field-pad)<?php echo esc_html( $important ); ?>;
244
+ -webkit-box-sizing:border-box;
245
+ -moz-box-sizing:border-box;
246
+ box-sizing:border-box;
247
+ outline:none<?php echo esc_html( $important ); ?>;
248
+ font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
249
+ font-weight:var(--field-weight);
250
+ box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
251
+ }
252
+
253
+ .with_frm_style input[type=radio],
254
+ .with_frm_style input[type=checkbox]{
255
+ border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
256
+ border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
257
+ box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
258
+ }
259
+
260
+ .with_frm_style input[type=text],
261
+ .with_frm_style input[type=password],
262
+ .with_frm_style input[type=email],
263
+ .with_frm_style input[type=number],
264
+ .with_frm_style input[type=url],
265
+ .with_frm_style input[type=tel],
266
+ .with_frm_style input[type=file],
267
+ .with_frm_style input[type=search],
268
+ .with_frm_style select,
269
+ .with_frm_style .frm-card-element.StripeElement{
270
+ height:<?php echo esc_html( $defaults['field_height'] ); ?>;
271
+ height:var(--field-height)<?php echo esc_html( $important ); ?>;
272
+ line-height:1.3<?php echo esc_html( $important ); ?>;
273
+ }
274
+
275
+ .with_frm_style select[multiple=multiple]{
276
+ height:auto<?php echo esc_html( $important ); ?>;
277
+ }
278
+
279
+ .input[type=file].frm_transparent:focus,
280
+ .with_frm_style input[type=file]{
281
  background-color:transparent;
282
  border:none;
283
  outline:none;
285
  }
286
 
287
  .with_frm_style input[type=file]{
288
+ color:<?php echo esc_html( $defaults['text_color'] ); ?>;
289
+ color:var(--text-color)<?php echo esc_html( $important ); ?>;
290
+ padding:0px;
291
+ <?php if ( ! empty( $defaults['font'] ) ) { ?>
292
+ font-family:var(--font)<?php echo esc_html( $important ); ?>;
293
+ <?php } ?>
294
+ font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
295
+ font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
296
  display:initial;
297
  }
298
 
299
+ .with_frm_style input[type=file].frm_transparent{
300
+ color:transparent<?php echo esc_html( $important ); ?>;
301
+ }
302
+
303
+ .with_frm_style .wp-editor-wrap{
304
+ width:<?php echo esc_html( $defaults['field_width'] . $important ); ?>;
305
+ width:var(--field-width)<?php echo esc_html( $important ); ?>;
306
+ max-width:100%;
307
+ }
308
+
309
+ .with_frm_style .wp-editor-container textarea{
310
+ border:none<?php echo esc_html( $important ); ?>;
311
+ }
312
+
313
+ .with_frm_style .mceIframeContainer{
314
+ background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
315
+ background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
316
+ }
317
+
318
+ .with_frm_style select{
319
+ width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
320
+ width:var(--auto-width)<?php echo esc_html( $important ); ?>;
321
+ max-width:100%;
322
+ }
323
+
324
  .with_frm_style input[disabled],
325
  .with_frm_style select[disabled],
326
  .with_frm_style textarea[disabled],
345
 
346
  .with_frm_style .frm_primary_label{
347
  max-width:100%;
348
+ <?php if ( ! empty( $defaults['font'] ) ) { ?>
349
+ font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
350
+ font-family:var(--font);
351
+ <?php } ?>
352
+ <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
353
+ font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
354
+ font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
355
+ <?php } ?>
356
+ <?php if ( ! empty( $defaults['label_color'] ) ) { ?>
357
+ color:<?php echo esc_html( $defaults['label_color'] . $important ); ?>;
358
+ color:var(--label-color)<?php echo esc_html( $important ); ?>;
359
+ <?php } ?>
360
+ <?php if ( ! empty( $defaults['weight'] ) ) { ?>
361
+ font-weight:<?php echo esc_html( $defaults['weight'] . $important ); ?>;
362
+ font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
363
+ <?php } ?>
364
+ <?php if ( ! empty( $defaults['align'] ) ) { ?>
365
+ text-align:<?php echo esc_html( $defaults['align'] . $important ); ?>;
366
+ text-align:var(--align)<?php echo esc_html( $important ); ?>;
367
+ <?php } ?>
368
+ <?php if ( ! empty( $defaults['label_padding'] ) ) { ?>
369
+ padding:<?php echo esc_html( $defaults['label_padding'] . $important ); ?>;
370
+ padding:var(--label-padding)<?php echo esc_html( $important ); ?>;
371
+ <?php } ?>
372
+ margin:0;
373
+ width:auto;
374
+ display:block;
375
  }
376
 
377
  .with_frm_style .frm_top_container .frm_primary_label,
457
  border:none;
458
  }
459
 
 
 
 
 
460
  .with_frm_style .auto_width #loginform input,
461
  .with_frm_style .auto_width input,
462
  .with_frm_style input.auto_width,
463
  .with_frm_style select.auto_width,
464
  .with_frm_style textarea.auto_width{
465
+ width:auto<?php echo esc_html( $important ); ?>;
466
  }
467
 
468
  .with_frm_style .frm_repeat_buttons{
589
  cursor:pointer;
590
  }
591
 
592
+ .with_frm_style a.frm_save_draft{
593
+ <?php if ( ! empty( $defaults['font'] ) ) { ?>
594
+ font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
595
+ font-family:var(--font);
596
+ <?php } ?>
597
+ font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
598
+ font-size:var(--submit-font-size);
599
+ font-weight:<?php echo esc_html( $defaults['submit_weight'] ); ?>;
600
+ font-weight:var(--submit-weight);
601
+ }
602
+
603
  .horizontal_radio .frm_radio{
604
  margin:0 5px 0 0;
605
  }
621
  display:inline-block;
622
  }
623
 
624
+ .with_frm_style .frm_radio{
625
+ display:<?php echo esc_html( $defaults['radio_align'] . $important ); ?>;
626
+ display:var(--radio-align)<?php echo esc_html( $important ); ?>;
627
+ }
628
+
629
+ .with_frm_style .frm_checkbox{
630
+ display:<?php echo esc_html( $defaults['check_align'] . $important ); ?>;
631
+ display:var(--check-align)<?php echo esc_html( $important ); ?>;
632
+ }
633
+
634
+ .with_frm_style .vertical_radio .frm_checkbox,
635
+ .with_frm_style .vertical_radio .frm_radio,
636
+ .vertical_radio .frm_catlevel_1{
637
+ display:block<?php echo esc_html( $important ); ?>;
638
+ }
639
+
640
+ .with_frm_style .horizontal_radio .frm_checkbox,
641
+ .with_frm_style .horizontal_radio .frm_radio,
642
+ .horizontal_radio .frm_catlevel_1{
643
+ display:inline-block<?php echo esc_html( $important ); ?>;
644
+ }
645
+
646
  .with_frm_style .frm_checkbox label,
647
  .with_frm_style .frm_radio label{
648
  display: inline;
656
  text-indent: -20px;
657
  }
658
 
659
+ .with_frm_style .frm_radio label,
660
+ .with_frm_style .frm_checkbox label{
661
+ <?php if ( ! empty( $defaults['font'] ) ) { ?>
662
+ font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
663
+ font-family:var(--font);
664
+ <?php } ?>
665
+ font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
666
+ font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
667
+ color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
668
+ color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
669
+ font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
670
+ font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
671
+ }
672
+
673
+ .with_frm_style .frm_radio input[type=radio],
674
+ .with_frm_style .frm_checkbox input[type=checkbox] {
675
+ font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
676
+ font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
677
+ position:static<?php echo esc_html( $important ); ?>;
678
+ }
679
+
680
  .frm_file_container .frm_file_link,
681
  .with_frm_style .frm_radio label .frm_file_container,
682
  .with_frm_style .frm_checkbox label .frm_file_container{
733
 
734
  .with_frm_style .frm_message p{
735
  margin-bottom:5px;
736
+ color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
737
+ color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
738
+ }
739
+
740
+ .with_frm_style .frm_message,
741
+ .frm_success_style{
742
+ margin:5px 0 15px;
743
+ border:1px solid <?php echo esc_html( $defaults['success_border_color'] ); ?>;
744
+ border-color:var(--success-border-color);
745
+ background-color:<?php echo esc_html( $defaults['success_bg_color'] ); ?>;
746
+ background-color:var(--success-bg-color);
747
+ color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
748
+ color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
749
+ border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
750
+ border-radius:var(--border-radius);
751
+ font-size:<?php echo esc_html( $defaults['success_font_size'] ); ?>;
752
+ font-size:var(--success-font-size)<?php echo esc_html( $important ); ?>;
753
+ }
754
+
755
+ .with_frm_style .frm_plain_success .frm_message {
756
+ background-color: transparent;
757
+ padding:0;
758
+ border:none;
759
+ font-size:inherit<?php echo esc_html( $important ); ?>;
760
+ color:inherit<?php echo esc_html( $important ); ?>;
761
+ }
762
+
763
+ .with_frm_style .frm_plain_success .frm_message p {
764
+ color:inherit<?php echo esc_html( $important ); ?>;
765
  }
766
 
767
  .frm_form_fields_style,
788
  border-style:solid;
789
  <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
790
  border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
791
+ border-color:var(--border-color);
792
  <?php } ?>
793
  border-top:none;
794
  border-left:none;
823
  }
824
 
825
  table.form_results.with_frm_style{
826
+ border:<?php echo esc_html( $defaults['field_border_width'] ); ?> solid <?php echo esc_html( $defaults['border_color'] . $important ); ?>;
827
+ border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
828
+ border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
829
  }
830
 
831
  table.form_results.with_frm_style tr td{
832
  text-align:left;
 
 
 
833
  padding:7px 9px;
834
+ <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
835
+ color:<?php echo esc_html( $defaults['text_color'] ); ?>;
836
+ color:var(--text-color)<?php echo esc_html( $important ); ?>;
837
+ <?php } ?>
838
+ <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
839
+ border-top:1px solid <?php echo esc_html( $defaults['border_color'] ); ?>;
840
+ border-top-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
841
+ border-top-color:var(--border-color)<?php echo esc_html( $important ); ?>;
842
+ <?php } ?>
843
  }
844
 
845
  table.form_results.with_frm_style tr.frm_even,
846
  .frm-grid .frm_even{
847
  background-color:#fff;
848
+ background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
849
  }
850
 
851
+ <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
852
  table.form_results.with_frm_style tr.frm_odd,
853
  .frm-grid .frm_odd{
854
+ background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
855
+ background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
 
856
  }
857
+ <?php } ?>
858
 
859
  <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
860
  .frm_color_block {
945
  <?php } ?>
946
 
947
  #frm_loading .progress-bar{
948
+ background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
949
+ background-color:var(--bg-color);
950
  box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
951
  float:left;
952
  height:100%;
994
  padding:5px;
995
  border-width:1px;
996
  border-style:solid;
997
+ <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
998
+ border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
999
+ border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1000
+ <?php } ?>
1001
  border-left:none;
1002
  border-right:none;
1003
  }
1032
  .frm_grid_first,
1033
  .frm_grid_odd{
1034
  background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1035
+ background-color:var(--bg-color);
1036
  }
1037
  <?php } ?>
1038
 
1039
  <?php if ( ! empty( $defaults['bg_color_active'] ) ) { ?>
1040
  .frm_grid{
1041
+ background-color:<?php echo esc_html( $defaults['bg_color_active'] . $important ); ?>;
1042
+ background-color:var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1043
  }
1044
  <?php } ?>
1045
 
1046
+
1047
+ .with_frm_style .frm_grid.frm_blank_field,
1048
+ .with_frm_style .frm_grid_first.frm_blank_field,
1049
+ .with_frm_style .frm_grid_odd.frm_blank_field{
1050
+ background-color:<?php echo esc_html( $defaults['error_bg'] . $important ); ?>;
1051
+ background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
1052
+ border-color:<?php echo esc_html( $defaults['error_border'] ); ?>;
1053
+ border-color:var(--error-bg);
1054
+ }
1055
+
1056
  .frm_grid .frm_primary_label,
1057
  .frm_grid_first .frm_primary_label,
1058
  .frm_grid_odd .frm_primary_label,
1255
  height:100px;
1256
  overflow:auto;
1257
  background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1258
+ background-color:var(--bg-color);
1259
  border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1260
+ border-color:var(--border-color);
1261