Contact Form 7 Skins - Version 2.2.2

Version Description

  • 2020-03-11 =

  • FIX: Checkboxes not displayed in style

Download this release

Release Info

Developer buzztone
Plugin Icon 128x128 Contact Form 7 Skins
Version 2.2.2
Comparing to
See all releases

Code changes from version 2.2.1 to 2.2.2

Files changed (24) hide show
  1. css/framework/cf7s-default.css +5 -6
  2. includes/license.php +0 -85
  3. index.php +2 -3
  4. readme.txt +6 -2
  5. skins/styles/berry-delight/berry-delight.css +3 -4
  6. skins/styles/blush/blush.css +6 -7
  7. skins/styles/cargo/cargo.css +6 -7
  8. skins/styles/caspar/caspar.css +7 -8
  9. skins/styles/choc-shake/choc-shake.css +5 -6
  10. skins/styles/cotton-candy/cotton-candy.css +5 -6
  11. skins/styles/eggplant/eggplant.css +4 -5
  12. skins/styles/emerald/emerald.css +6 -7
  13. skins/styles/fairy-floss/fairy-floss.css +4 -5
  14. skins/styles/golden-brown/golden-brown.css +6 -7
  15. skins/styles/lavender/lavender.css +2 -3
  16. skins/styles/magnum/magnum.css +7 -8
  17. skins/styles/mushroom/mushroom.css +2 -3
  18. skins/styles/pina-colada/pina-colada.css +6 -7
  19. skins/styles/seaspray/seaspray.css +4 -5
  20. skins/styles/solar/solar.css +2 -4
  21. skins/styles/strawberry/strawberry.css +5 -6
  22. skins/styles/topaz/topaz.css +4 -5
  23. skins/styles/vanilla/vanilla.css +5 -6
  24. skins/styles/wild-west/wild-west.css +5 -6
css/framework/cf7s-default.css CHANGED
@@ -3,7 +3,7 @@ Description: cf7s-default
3
  Default Contact Form 7 Skins Styling - provides base styling for all CF7 Skins Forms
4
  Author: Neil Murray
5
  Author URI: cf7skins.com
6
- Version: 1.1
7
  */
8
 
9
  /* Table of Contents
@@ -180,8 +180,7 @@ NOTE: These items should be used to style the overall CF7 Form
180
  */
181
 
182
  .wpcf7-form.cf7skins input[type="checkbox"],
183
- .wpcf7-form.cf7skins input[type="radio"] {
184
- border: none;
185
  background: none; /* needed for IE */
186
  }
187
 
@@ -245,17 +244,17 @@ NOTE: These are the CSS selectors that should be used to style Submit Buttons wi
245
  margin: 4px 0 0; /* Added to separate Submit from other fields */
246
  }
247
 
248
- .wpcf7-form.cf7skins input[type="submit"]:hover {
249
  }
250
 
251
  /*
252
  .wpcf7-form.cf7skins input[type="button"] {
253
  }
254
- .wpcf7-form.cf7skins input[type="button"]:hover {
255
  }
256
  */
257
 
258
- .cf7skins .wpcf7-submit {
259
  }
260
 
261
  /* Special Classes
3
  Default Contact Form 7 Skins Styling - provides base styling for all CF7 Skins Forms
4
  Author: Neil Murray
5
  Author URI: cf7skins.com
6
+ Version: 1.2
7
  */
8
 
9
  /* Table of Contents
180
  */
181
 
182
  .wpcf7-form.cf7skins input[type="checkbox"],
183
+ .wpcf7-form.cf7skins input[type="radio"] {
 
184
  background: none; /* needed for IE */
185
  }
186
 
244
  margin: 4px 0 0; /* Added to separate Submit from other fields */
245
  }
246
 
247
+ .wpcf7-form.cf7skins input[type="submit"]:hover {
248
  }
249
 
250
  /*
251
  .wpcf7-form.cf7skins input[type="button"] {
252
  }
253
+ .wpcf7-form.cf7skins input[type="button"]:hover {
254
  }
255
  */
256
 
257
+ .cf7skins .wpcf7-submit {
258
  }
259
 
260
  /* Special Classes
includes/license.php DELETED
@@ -1,85 +0,0 @@
1
- <?php
2
- /**
3
- * License Class.
4
- *
5
- * Implements EDD Licensing & Updates.
6
- *
7
- * @package cf7skins
8
- * @author Neil Murray
9
- *
10
- * @since 0.2.0
11
- */
12
-
13
- class CF7_Skins_License {
14
-
15
- /**
16
- * Class constructor
17
- *
18
- * @action 'cf7skins_section_license'
19
- *
20
- * @since 0.2.0
21
- */
22
- function __construct() {
23
-
24
- // License tab should not be shown if CF7 Skins Pro is not installed
25
- // add_filter( 'cf7skins_setting_tabs', array( &$this, 'license_tab' ), 1, 1 );
26
- add_action( 'cf7skins_section_license', array( &$this, 'active_sites' ) );
27
- }
28
-
29
- /**
30
- * Enable license tab if other plugins need activation.
31
- *
32
- * NRM - where is this now called?
33
- *
34
- * @param (TYPE) $tabs ADD EXPLANATION
35
- *
36
- * @since 0.5.0
37
- */
38
- function license_tab( $tabs ) {
39
- $tabs['license'] = __( 'Licenses', CF7SKINS_TEXTDOMAIN );
40
- return $tabs;
41
- }
42
-
43
- /**
44
- * Add active sites based on license key.
45
- *
46
- * NRM - why is this not done in CF7 Skins Pro plugin?
47
- *
48
- * @since 0.2.0
49
- */
50
- function active_sites() {
51
- echo '
52
- <br /><hr />
53
- <h3>'. __( 'Active Licenses', CF7SKINS_TEXTDOMAIN ) .'</h3>
54
- <table class="wp-list-table widefat fixed tags" style="background-color: transparent;">
55
- <tbody>
56
- <tr>
57
- <th scope="row"><b>'. __( 'Plugin Name', CF7SKINS_TEXTDOMAIN ) .'</b></th>
58
- <th scope="row"><b>'. __( 'License Key', CF7SKINS_TEXTDOMAIN ) .'</b></th>
59
- <th scope="row"><b>'. __( 'Site URL', CF7SKINS_TEXTDOMAIN ) .'</b></th>
60
- </tr>';
61
-
62
- $logs = apply_filters( 'cf7skins_activation_logs', get_option( 'cf7skins_activation' ) ); // @since 1.2.0
63
-
64
- if( is_array( $logs ) ) {
65
-
66
- foreach( $logs as $log ) {
67
- echo '<tr>';
68
- echo '<td>'. $log->item_name .'</td>';
69
- echo '<td>'. $log->license_key .'</td>';
70
-
71
- echo '<td>';
72
- $sites = json_decode( $log->sites );
73
- foreach( $sites as $site )
74
- echo $site . '<br />';
75
- echo '</td>';
76
- echo '</tr>';
77
- }
78
- }
79
-
80
- echo '
81
- </tbody>
82
- </table>';
83
- }
84
-
85
- } new CF7_Skins_License();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
index.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Contact Form 7 Skins
4
  * Plugin URI: http://cf7skins.com
5
  * Description: Adds drag & drop Visual Editor with Templates & Styles to Contact Form 7. Requires Contact Form 7.
6
- * Version: 2.2.1
7
  * Author: Neil Murray
8
  * Author URI: http://cf7skins.com
9
  * License: GPL-2.0+
@@ -30,7 +30,7 @@ if ( ! defined( 'ABSPATH' ) ) {
30
  *
31
  * @since 0.1.0
32
  */
33
- define( 'CF7SKINS_VERSION', '2.2.1' );
34
  define( 'CF7SKINS_OPTIONS', 'cf7skins' ); // Database option names
35
  define( 'CF7SKINS_TEXTDOMAIN', 'contact-form-7-skins' );
36
  define( 'CF7SKINS_FEATURE_FILTER', false ); // @since 0.4.0
@@ -173,7 +173,6 @@ function cf7skins_plugin_loaded() {
173
  if ( is_admin() ) {
174
  require_once( CF7SKINS_PATH . 'includes/admin.php' );
175
  require_once( CF7SKINS_PATH . 'includes/admin-visual.php' );
176
- require_once( CF7SKINS_PATH . 'includes/license.php' );
177
  require_once( CF7SKINS_PATH . 'includes/tab.php' );
178
  require_once( CF7SKINS_PATH . 'includes/settings.php' );
179
  require_once( CF7SKINS_PATH . 'includes/admin-notice.php' );
3
  * Plugin Name: Contact Form 7 Skins
4
  * Plugin URI: http://cf7skins.com
5
  * Description: Adds drag & drop Visual Editor with Templates & Styles to Contact Form 7. Requires Contact Form 7.
6
+ * Version: 2.2.2
7
  * Author: Neil Murray
8
  * Author URI: http://cf7skins.com
9
  * License: GPL-2.0+
30
  *
31
  * @since 0.1.0
32
  */
33
+ define( 'CF7SKINS_VERSION', '2.2.2' );
34
  define( 'CF7SKINS_OPTIONS', 'cf7skins' ); // Database option names
35
  define( 'CF7SKINS_TEXTDOMAIN', 'contact-form-7-skins' );
36
  define( 'CF7SKINS_FEATURE_FILTER', false ); // @since 0.4.0
173
  if ( is_admin() ) {
174
  require_once( CF7SKINS_PATH . 'includes/admin.php' );
175
  require_once( CF7SKINS_PATH . 'includes/admin-visual.php' );
 
176
  require_once( CF7SKINS_PATH . 'includes/tab.php' );
177
  require_once( CF7SKINS_PATH . 'includes/settings.php' );
178
  require_once( CF7SKINS_PATH . 'includes/admin-notice.php' );
readme.txt CHANGED
@@ -2,9 +2,9 @@
2
  Contributors: buzztone
3
  Tags: contact form 7, contact form 7 editor, contact form 7 addon, contact form 7 style, contact form 7 theme
4
  Requires at least: 4.3
5
- Tested up to: 5.3
6
  Requires PHP: 5.6
7
- Stable tag: 2.2.1
8
  Author URI: https://cf7skins.com
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -122,6 +122,10 @@ Absolutely not. You can create and manage Contact Form 7 forms without any codin
122
 
123
  == Changelog ==
124
 
 
 
 
 
125
  = 2.2.1 - 2020-01-14 =
126
 
127
  * FIX: Improve getting list of all CF7 shortcode tags in CF7 form content
2
  Contributors: buzztone
3
  Tags: contact form 7, contact form 7 editor, contact form 7 addon, contact form 7 style, contact form 7 theme
4
  Requires at least: 4.3
5
+ Tested up to: 5.4
6
  Requires PHP: 5.6
7
+ Stable tag: 2.2.2
8
  Author URI: https://cf7skins.com
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
122
 
123
  == Changelog ==
124
 
125
+ = 2.2.2 - 2020-03-11 =
126
+
127
+ * FIX: Checkboxes not displayed in style
128
+
129
  = 2.2.1 - 2020-01-14 =
130
 
131
  * FIX: Improve getting list of all CF7 shortcode tags in CF7 form content
skins/styles/berry-delight/berry-delight.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Berry Delight
3
  * Description: Berry Delight is likely to fit well in websites with softer colors, especially those which follow its peachy-pink color scheme. Use this style to create eye catching forms for any website.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: pink, grey, white, light
8
  **/
9
 
@@ -92,7 +92,7 @@ Use to style the overall CF7 form
92
  /** Text Fields
93
  ------------------------------------------------------------ */
94
  .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input,
95
- .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight textarea{
96
  margin-bottom: 8px;
97
  padding: 7px;
98
  color: #fff;
@@ -151,7 +151,6 @@ Use to style the overall CF7 form
151
  .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="checkbox"],
152
  .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="radio"] {
153
  margin-right: 6px;
154
- border: none;
155
  background: none;
156
  }
157
 
2
  * Style Name: Berry Delight
3
  * Description: Berry Delight is likely to fit well in websites with softer colors, especially those which follow its peachy-pink color scheme. Use this style to create eye catching forms for any website.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: pink, grey, white, light
8
  **/
9
 
92
  /** Text Fields
93
  ------------------------------------------------------------ */
94
  .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input,
95
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight textarea {
96
  margin-bottom: 8px;
97
  padding: 7px;
98
  color: #fff;
151
  .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="checkbox"],
152
  .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="radio"] {
153
  margin-right: 6px;
 
154
  background: none;
155
  }
156
 
skins/styles/blush/blush.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Blush
3
  * Description: Named for its subtlety and soft colors, Blush will blend in with many themes, especially those with a similar color scheme.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: pink, white, gray, light
8
  **/
9
 
@@ -73,7 +73,7 @@ Use to style the overall CF7 form
73
  }
74
 
75
  .wpcf7 .cf7s-blush fieldset fieldset {
76
- margin: 10px 0; /* Above CSS overwritten by cf7s-default */
77
  background: #e9d9da;
78
  }
79
 
@@ -146,7 +146,6 @@ Use to style the overall CF7 form
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="radio"] {
148
  margin-right: 6px;
149
- border: none;
150
  background: none; /* needed for IE - cf7s-default is not specific enough */
151
  }
152
 
@@ -219,7 +218,7 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
219
  }
220
 
221
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush .grid-hover [data-row-span] [data-field-span]:hover {
222
- background: #ffeff0;
223
  }
224
 
225
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush .grid-lined {
@@ -243,9 +242,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
243
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush .grid-lined [data-row-span] {
244
  border-bottom: none; /* Needed so don't get additional line */
245
  }
246
- .wpcf7 .wpcf7-form.cf7skins.cf7s-blush .grid-lined [data-row-span] [data-field-span] {
247
  border-bottom: 1px solid #bb9393;
248
- border-left: 1px solid #bb9393;
249
  }
250
  }
251
 
2
  * Style Name: Blush
3
  * Description: Named for its subtlety and soft colors, Blush will blend in with many themes, especially those with a similar color scheme.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: pink, white, gray, light
8
  **/
9
 
73
  }
74
 
75
  .wpcf7 .cf7s-blush fieldset fieldset {
76
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
77
  background: #e9d9da;
78
  }
79
 
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="radio"] {
148
  margin-right: 6px;
 
149
  background: none; /* needed for IE - cf7s-default is not specific enough */
150
  }
151
 
218
  }
219
 
220
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush .grid-hover [data-row-span] [data-field-span]:hover {
221
+ background: #ffeff0;
222
  }
223
 
224
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush .grid-lined {
242
  .wpcf7 .wpcf7-form.cf7skins.cf7s-blush .grid-lined [data-row-span] {
243
  border-bottom: none; /* Needed so don't get additional line */
244
  }
245
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush .grid-lined [data-row-span] [data-field-span] {
246
  border-bottom: 1px solid #bb9393;
247
+ border-left: 1px solid #bb9393;
248
  }
249
  }
250
 
skins/styles/cargo/cargo.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Cargo
3
  * Description: Cargo is a soft olive style that will make an appealing addition to websites with a variety of themes - especially those with a similar color scheme.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: olive, white, light
8
  **/
9
 
@@ -146,7 +146,6 @@ Use to style the overall CF7 form
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="radio"] {
148
  margin-right: 6px;
149
- border: none;
150
  background: none;
151
  }
152
 
@@ -159,7 +158,7 @@ Use to style the overall CF7 form
159
  .wpcf7 .cf7s-cargo select option {
160
  }
161
 
162
- .wpcf7 .cf7s-cargo select option:hover{
163
  background: #eae6c1;
164
  }
165
 
@@ -206,7 +205,7 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
206
  .wpcf7 .cf7s-cargo .radio-horizontal {
207
  }
208
 
209
- .wpcf7 .cf7s-cargo .box{
210
  padding: 10px;
211
  border: 1px solid #d7d19f;
212
  background: #eae6c1;
@@ -240,9 +239,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
240
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo .grid-lined [data-row-span] {
241
  border-bottom: none; /* Needed so don't get additional line */
242
  }
243
- .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo .grid-lined [data-row-span] [data-field-span] {
244
  border-bottom: 1px solid #b6b37c;
245
- border-left: 1px solid #b6b37c;
246
  }
247
  }
248
 
2
  * Style Name: Cargo
3
  * Description: Cargo is a soft olive style that will make an appealing addition to websites with a variety of themes - especially those with a similar color scheme.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: olive, white, light
8
  **/
9
 
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="radio"] {
148
  margin-right: 6px;
 
149
  background: none;
150
  }
151
 
158
  .wpcf7 .cf7s-cargo select option {
159
  }
160
 
161
+ .wpcf7 .cf7s-cargo select option:hover {
162
  background: #eae6c1;
163
  }
164
 
205
  .wpcf7 .cf7s-cargo .radio-horizontal {
206
  }
207
 
208
+ .wpcf7 .cf7s-cargo .box {
209
  padding: 10px;
210
  border: 1px solid #d7d19f;
211
  background: #eae6c1;
239
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo .grid-lined [data-row-span] {
240
  border-bottom: none; /* Needed so don't get additional line */
241
  }
242
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo .grid-lined [data-row-span] [data-field-span] {
243
  border-bottom: 1px solid #b6b37c;
244
+ border-left: 1px solid #b6b37c;
245
  }
246
  }
247
 
skins/styles/caspar/caspar.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Caspar
3
  * Description: Caspar is a simple monochromatic theme with the ability to blend in with most white or grayscale themes. It is incredibly simple yet effective.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: white, gray, black, light
8
  **/
9
 
@@ -55,7 +55,7 @@ Use to style the overall CF7 form
55
  margin: 10px 0;
56
  padding: 10px 20px;
57
  border: 1px solid #c3c3c3;
58
- background: #fff;
59
  }
60
 
61
  .wpcf7 .cf7s-caspar legend {
@@ -100,7 +100,7 @@ Use to style the overall CF7 form
100
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="number"],
101
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="range"],
102
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type=date],
103
- .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type=file] {
104
  }
105
 
106
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="text"] {
@@ -145,7 +145,6 @@ Use to style the overall CF7 form
145
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="checkbox"],
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="radio"] {
147
  margin-right: 6px;
148
- border: none;
149
  background: none;
150
  }
151
 
@@ -206,7 +205,7 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
206
  .wpcf7 .cf7s-caspar .radio-horizontal {
207
  }
208
 
209
- .wpcf7 .cf7s-caspar .box{
210
  margin-bottom: 15px;
211
  padding: 10px;
212
  border: 1px solid #c3c3c3;
@@ -241,9 +240,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
241
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar .grid-lined [data-row-span] {
242
  border-bottom: none; /* Needed so don't get additional line */
243
  }
244
- .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar .grid-lined [data-row-span] [data-field-span] {
245
  border-bottom: 1px solid #c3c3c3;
246
- border-left: 1px solid #c3c3c3;
247
  }
248
  }
249
 
2
  * Style Name: Caspar
3
  * Description: Caspar is a simple monochromatic theme with the ability to blend in with most white or grayscale themes. It is incredibly simple yet effective.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: white, gray, black, light
8
  **/
9
 
55
  margin: 10px 0;
56
  padding: 10px 20px;
57
  border: 1px solid #c3c3c3;
58
+ background: #fff;
59
  }
60
 
61
  .wpcf7 .cf7s-caspar legend {
100
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="number"],
101
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="range"],
102
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type=date],
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type=file] {
104
  }
105
 
106
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="text"] {
145
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="checkbox"],
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="radio"] {
147
  margin-right: 6px;
 
148
  background: none;
149
  }
150
 
205
  .wpcf7 .cf7s-caspar .radio-horizontal {
206
  }
207
 
208
+ .wpcf7 .cf7s-caspar .box {
209
  margin-bottom: 15px;
210
  padding: 10px;
211
  border: 1px solid #c3c3c3;
240
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar .grid-lined [data-row-span] {
241
  border-bottom: none; /* Needed so don't get additional line */
242
  }
243
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar .grid-lined [data-row-span] [data-field-span] {
244
  border-bottom: 1px solid #c3c3c3;
245
+ border-left: 1px solid #c3c3c3;
246
  }
247
  }
248
 
skins/styles/choc-shake/choc-shake.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Choc Shake
3
  * Description: This delicious style will work well with a range of different backgrounds, drawing in attention with its smooth and clean styling.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: brown, white, light
8
  **/
9
 
@@ -62,7 +62,7 @@ Use to style the overall CF7 form
62
  font-size: 1.2em;
63
  padding: 3px 20px;
64
  color: #fff;
65
- border: 1px solid #c9b3a0;
66
  background: #bca17d;
67
  }
68
 
@@ -146,7 +146,6 @@ Use to style the overall CF7 form
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="radio"] {
148
  margin-right: 6px;
149
- border: none;
150
  background: none;
151
  }
152
 
@@ -245,9 +244,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
245
  .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake .grid-lined [data-row-span] {
246
  border-bottom: none; /* Needed so don't get additional line */
247
  }
248
- .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake .grid-lined [data-row-span] [data-field-span] {
249
  border-bottom: 1px solid #c9b3a0;
250
- border-left: 1px solid #c9b3a0;
251
  }
252
  }
253
 
2
  * Style Name: Choc Shake
3
  * Description: This delicious style will work well with a range of different backgrounds, drawing in attention with its smooth and clean styling.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: brown, white, light
8
  **/
9
 
62
  font-size: 1.2em;
63
  padding: 3px 20px;
64
  color: #fff;
65
+ border: 1px solid #c9b3a0;
66
  background: #bca17d;
67
  }
68
 
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="radio"] {
148
  margin-right: 6px;
 
149
  background: none;
150
  }
151
 
244
  .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake .grid-lined [data-row-span] {
245
  border-bottom: none; /* Needed so don't get additional line */
246
  }
247
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake .grid-lined [data-row-span] [data-field-span] {
248
  border-bottom: 1px solid #c9b3a0;
249
+ border-left: 1px solid #c9b3a0;
250
  }
251
  }
252
 
skins/styles/cotton-candy/cotton-candy.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Cotton Candy
3
  * Description: Cotton Candy is a bright, eye-catching style that will stand out on your page with its bright and vibrant colors. This is a good style for any forms that need to stand out.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: aqua, pink, white, light
8
  **/
9
 
@@ -156,7 +156,6 @@ Use to style the overall CF7 Form
156
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="checkbox"],
157
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="radio"] {
158
  margin-right: 6px;
159
- border: none;
160
  background: none;
161
  }
162
 
@@ -170,7 +169,7 @@ Use to style the overall CF7 Form
170
  .wpcf7 .cf7s-cotton-candy select option {
171
  }
172
 
173
- .wpcf7 .cf7s-cotton-candy select option:hover{
174
  background: #f4d8ff;
175
  }
176
 
@@ -252,9 +251,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
252
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy .grid-lined [data-row-span] {
253
  border-bottom: none; /* Needed so don't get additional line */
254
  }
255
- .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy .grid-lined [data-row-span] [data-field-span] {
256
  border-bottom: 1px solid #eaafff;
257
- border-left: 1px solid #eaafff;
258
  }
259
  }
260
 
2
  * Style Name: Cotton Candy
3
  * Description: Cotton Candy is a bright, eye-catching style that will stand out on your page with its bright and vibrant colors. This is a good style for any forms that need to stand out.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: aqua, pink, white, light
8
  **/
9
 
156
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="checkbox"],
157
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="radio"] {
158
  margin-right: 6px;
 
159
  background: none;
160
  }
161
 
169
  .wpcf7 .cf7s-cotton-candy select option {
170
  }
171
 
172
+ .wpcf7 .cf7s-cotton-candy select option:hover {
173
  background: #f4d8ff;
174
  }
175
 
251
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy .grid-lined [data-row-span] {
252
  border-bottom: none; /* Needed so don't get additional line */
253
  }
254
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy .grid-lined [data-row-span] [data-field-span] {
255
  border-bottom: 1px solid #eaafff;
256
+ border-left: 1px solid #eaafff;
257
  }
258
  }
259
 
skins/styles/eggplant/eggplant.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Eggplant
3
  * Description: Primarily white with a dash of purple, Eggplant will make an appealing addition to websites with a variety of themes. Its simplicity and white background makes this style a suitable option for many websites.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: white, pink, gray, light
8
  **/
9
 
@@ -152,7 +152,6 @@ Use to style the overall CF7 form
152
  .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="checkbox"],
153
  .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="radio"] {
154
  margin-right: 6px;
155
- border: none;
156
  background: none;
157
  }
158
 
@@ -252,9 +251,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
252
  .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant .grid-lined [data-row-span] {
253
  border-bottom: none; /* Needed so don't get additional line */
254
  }
255
- .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant .grid-lined [data-row-span] [data-field-span] {
256
  border-bottom: 1px solid #d056cd;
257
- border-left: 1px solid #d056cd;
258
  }
259
  }
260
 
2
  * Style Name: Eggplant
3
  * Description: Primarily white with a dash of purple, Eggplant will make an appealing addition to websites with a variety of themes. Its simplicity and white background makes this style a suitable option for many websites.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: white, pink, gray, light
8
  **/
9
 
152
  .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="checkbox"],
153
  .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="radio"] {
154
  margin-right: 6px;
 
155
  background: none;
156
  }
157
 
251
  .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant .grid-lined [data-row-span] {
252
  border-bottom: none; /* Needed so don't get additional line */
253
  }
254
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant .grid-lined [data-row-span] [data-field-span] {
255
  border-bottom: 1px solid #d056cd;
256
+ border-left: 1px solid #d056cd;
257
  }
258
  }
259
 
skins/styles/emerald/emerald.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Emerald
3
  * Description: Emerald is a deep green style with rich colors that will fit in with many themes which use deep or rich greens.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: green, white, dark
8
  **/
9
 
@@ -155,7 +155,6 @@ Use to style the overall CF7 form
155
  .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="checkbox"],
156
  .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="radio"] {
157
  margin-right: 6px;
158
- border: none;
159
  background: none;
160
  }
161
 
@@ -217,7 +216,7 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
217
  .wpcf7 .cf7s-emerald .radio-horizontal {
218
  }
219
 
220
- .wpcf7 .cf7s-emerald .box{
221
  margin-bottom: 15px;
222
  padding: 10px;
223
  color: #fff;
@@ -254,9 +253,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
254
  .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald .grid-lined [data-row-span] {
255
  border-bottom: none; /* Needed so don't get additional line */
256
  }
257
- .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald .grid-lined [data-row-span] [data-field-span] {
258
  border-bottom: 1px solid #77ab94;
259
- border-left: 1px solid #77ab94;
260
  }
261
  }
262
 
@@ -315,7 +314,7 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
315
 
316
  .wpcf7 .cf7s-emerald.cf7multi .navigation .previous:hover,
317
  .wpcf7 .cf7s-emerald.cf7multi .navigation .next:hover {
318
- background: #488a6e;
319
  }
320
 
321
  /* Pagination */
2
  * Style Name: Emerald
3
  * Description: Emerald is a deep green style with rich colors that will fit in with many themes which use deep or rich greens.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: green, white, dark
8
  **/
9
 
155
  .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="checkbox"],
156
  .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="radio"] {
157
  margin-right: 6px;
 
158
  background: none;
159
  }
160
 
216
  .wpcf7 .cf7s-emerald .radio-horizontal {
217
  }
218
 
219
+ .wpcf7 .cf7s-emerald .box {
220
  margin-bottom: 15px;
221
  padding: 10px;
222
  color: #fff;
253
  .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald .grid-lined [data-row-span] {
254
  border-bottom: none; /* Needed so don't get additional line */
255
  }
256
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald .grid-lined [data-row-span] [data-field-span] {
257
  border-bottom: 1px solid #77ab94;
258
+ border-left: 1px solid #77ab94;
259
  }
260
  }
261
 
314
 
315
  .wpcf7 .cf7s-emerald.cf7multi .navigation .previous:hover,
316
  .wpcf7 .cf7s-emerald.cf7multi .navigation .next:hover {
317
+ background: #488a6e;
318
  }
319
 
320
  /* Pagination */
skins/styles/fairy-floss/fairy-floss.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Fairy Floss
3
  * Description: Fairy Floss is a cute hot pink style for your forms. This design is very pink and will fit in with all kinds of themes, especially pink ones.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: pink, white, grey, light
8
  **/
9
 
@@ -145,7 +145,6 @@ Use to style the overall CF7 form
145
  .wpcf7 .wpcf7-form.cf7skins.cf7s-fairy-floss input[type="checkbox"],
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-fairy-floss input[type="radio"] {
147
  margin-right: 6px;
148
- border: none;
149
  background: none;
150
  }
151
 
@@ -243,9 +242,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
243
  .wpcf7 .wpcf7-form.cf7skins.cf7s-fairy-floss .grid-lined [data-row-span] {
244
  border-bottom: none; /* Needed so don't get additional line */
245
  }
246
- .wpcf7 .wpcf7-form.cf7skins.cf7s-fairy-floss .grid-lined [data-row-span] [data-field-span] {
247
  border-bottom: 1px solid #ffa8c6;
248
- border-left: 1px solid #ffa8c6;
249
  }
250
  }
251
 
2
  * Style Name: Fairy Floss
3
  * Description: Fairy Floss is a cute hot pink style for your forms. This design is very pink and will fit in with all kinds of themes, especially pink ones.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: pink, white, grey, light
8
  **/
9
 
145
  .wpcf7 .wpcf7-form.cf7skins.cf7s-fairy-floss input[type="checkbox"],
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-fairy-floss input[type="radio"] {
147
  margin-right: 6px;
 
148
  background: none;
149
  }
150
 
242
  .wpcf7 .wpcf7-form.cf7skins.cf7s-fairy-floss .grid-lined [data-row-span] {
243
  border-bottom: none; /* Needed so don't get additional line */
244
  }
245
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-fairy-floss .grid-lined [data-row-span] [data-field-span] {
246
  border-bottom: 1px solid #ffa8c6;
247
+ border-left: 1px solid #ffa8c6;
248
  }
249
  }
250
 
skins/styles/golden-brown/golden-brown.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Golden Brown
3
  * Description: Never a frown with this distinctive, brown and gold style, Golden Brown will blend in well to any website with a similar color scheme but also stand out and look great on a light website with its strong brown hues and detail.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: yellow, brown, orange, dark
8
  **/
9
 
@@ -125,10 +125,10 @@ Use to style the overall CF7 form
125
  .wpcf7 .cf7s-golden-brown input[type="text"] {
126
  }
127
 
128
- .wpcf7 .cf7s-golden-brown input[type="email"] {
129
  }
130
 
131
- .wpcf7 .cf7s-golden-brown input[type="tel"] {
132
  }
133
 
134
  .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown textarea {
@@ -162,7 +162,6 @@ Use to style the overall CF7 form
162
  .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown input[type="checkbox"],
163
  .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown input[type="radio"] {
164
  margin-right: 6px;
165
- border: none;
166
  background: none;
167
  }
168
 
@@ -270,9 +269,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
270
  .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown .grid-lined [data-row-span] {
271
  border-bottom: none; /* Needed so don't get additional line */
272
  }
273
- .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown .grid-lined [data-row-span] [data-field-span] {
274
  border-bottom: 1px solid #853c1b;
275
- border-left: 1px solid #853c1b;
276
  }
277
  }
278
 
2
  * Style Name: Golden Brown
3
  * Description: Never a frown with this distinctive, brown and gold style, Golden Brown will blend in well to any website with a similar color scheme but also stand out and look great on a light website with its strong brown hues and detail.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: yellow, brown, orange, dark
8
  **/
9
 
125
  .wpcf7 .cf7s-golden-brown input[type="text"] {
126
  }
127
 
128
+ .wpcf7 .cf7s-golden-brown input[type="email"] {
129
  }
130
 
131
+ .wpcf7 .cf7s-golden-brown input[type="tel"] {
132
  }
133
 
134
  .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown textarea {
162
  .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown input[type="checkbox"],
163
  .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown input[type="radio"] {
164
  margin-right: 6px;
 
165
  background: none;
166
  }
167
 
269
  .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown .grid-lined [data-row-span] {
270
  border-bottom: none; /* Needed so don't get additional line */
271
  }
272
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-golden-brown .grid-lined [data-row-span] [data-field-span] {
273
  border-bottom: 1px solid #853c1b;
274
+ border-left: 1px solid #853c1b;
275
  }
276
  }
277
 
skins/styles/lavender/lavender.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Lavender
3
  * Description: Lavender is a soft violet style that will blend in with many themes, particularly those that include similar colors. It was designed to be both delicate and smart.
4
  * Instructions:
5
- * Version: 1.0
6
- * Version Date: 2019-12-31
7
  * Tags: purple, grey, light
8
  **/
9
 
@@ -145,7 +145,6 @@ Use to style the overall CF7 form
145
  .wpcf7 .wpcf7-form.cf7skins.cf7s-lavender input[type="checkbox"],
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-lavender input[type="radio"] {
147
  margin-right: 6px;
148
- border: none;
149
  background: none;
150
  }
151
 
2
  * Style Name: Lavender
3
  * Description: Lavender is a soft violet style that will blend in with many themes, particularly those that include similar colors. It was designed to be both delicate and smart.
4
  * Instructions:
5
+ * Version: 1.1
6
+ * Version Date: 2020-03-08
7
  * Tags: purple, grey, light
8
  **/
9
 
145
  .wpcf7 .wpcf7-form.cf7skins.cf7s-lavender input[type="checkbox"],
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-lavender input[type="radio"] {
147
  margin-right: 6px;
 
148
  background: none;
149
  }
150
 
skins/styles/magnum/magnum.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Magnum
3
  * Description: Magnum is bound to stand out with its stylish use of bright colors. While it will work best on pages with a similar color palette, it will also tie in well with many others due to its bright colors and detail.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: green, purple, white, light
8
  **/
9
 
@@ -55,7 +55,7 @@ Use to style the overall CF7 form
55
  margin: 10px 0;
56
  padding: 15px 25px;
57
  color: #fff;
58
- border: 1px solid #bdc2fd; /* needed for IE */
59
  background: #bdc2fd;
60
  }
61
 
@@ -79,7 +79,7 @@ Use to style the overall CF7 form
79
  }
80
 
81
  .wpcf7 .cf7s-magnum fieldset fieldset {
82
- margin: 10px 0; /* Above CSS overwritten by cf7s-default */
83
  background: #b1e8d7;
84
  color: #838ada;
85
  }
@@ -154,7 +154,6 @@ Use to style the overall CF7 form
154
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="checkbox"],
155
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="radio"] {
156
  margin-right: 6px;
157
- border: none;
158
  background: none;
159
  }
160
 
@@ -220,7 +219,7 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
220
  .wpcf7 .cf7s-magnum .radio-horizontal {
221
  }
222
 
223
- .wpcf7 .cf7s-magnum .box{
224
  margin-bottom: 15px;
225
  padding: 10px;
226
  color: #838ada;
@@ -257,9 +256,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
257
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum .grid-lined [data-row-span] {
258
  border-bottom: none; /* Needed so don't get additional line */
259
  }
260
- .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum .grid-lined [data-row-span] [data-field-span] {
261
  border-bottom: 1px solid #175f48;
262
- border-left: 1px solid #175f48;
263
  }
264
  }
265
 
2
  * Style Name: Magnum
3
  * Description: Magnum is bound to stand out with its stylish use of bright colors. While it will work best on pages with a similar color palette, it will also tie in well with many others due to its bright colors and detail.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: green, purple, white, light
8
  **/
9
 
55
  margin: 10px 0;
56
  padding: 15px 25px;
57
  color: #fff;
58
+ border: 1px solid #bdc2fd; /* needed for IE */
59
  background: #bdc2fd;
60
  }
61
 
79
  }
80
 
81
  .wpcf7 .cf7s-magnum fieldset fieldset {
82
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
83
  background: #b1e8d7;
84
  color: #838ada;
85
  }
154
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="checkbox"],
155
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="radio"] {
156
  margin-right: 6px;
 
157
  background: none;
158
  }
159
 
219
  .wpcf7 .cf7s-magnum .radio-horizontal {
220
  }
221
 
222
+ .wpcf7 .cf7s-magnum .box {
223
  margin-bottom: 15px;
224
  padding: 10px;
225
  color: #838ada;
256
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum .grid-lined [data-row-span] {
257
  border-bottom: none; /* Needed so don't get additional line */
258
  }
259
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum .grid-lined [data-row-span] [data-field-span] {
260
  border-bottom: 1px solid #175f48;
261
+ border-left: 1px solid #175f48;
262
  }
263
  }
264
 
skins/styles/mushroom/mushroom.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Mushroom
3
  * Description: Mushroom is a funky colorful style – its darker colors and stand out Legends are bound to draw attention.
4
  * Instructions:
5
- * Version: 1.0
6
- * Version Date: 2019-12-31
7
  * Tags: olive, brown, pink, dark
8
  **/
9
 
@@ -149,7 +149,6 @@ Use to style the overall CF7 form
149
  .wpcf7 .wpcf7-form.cf7skins.cf7s-mushroom input[type="checkbox"],
150
  .wpcf7 .wpcf7-form.cf7skins.cf7s-mushroom input[type="radio"] {
151
  margin-right: 6px;
152
- border: none;
153
  background: none;
154
  }
155
 
2
  * Style Name: Mushroom
3
  * Description: Mushroom is a funky colorful style – its darker colors and stand out Legends are bound to draw attention.
4
  * Instructions:
5
+ * Version: 1.1
6
+ * Version Date: 2020-03-08
7
  * Tags: olive, brown, pink, dark
8
  **/
9
 
149
  .wpcf7 .wpcf7-form.cf7skins.cf7s-mushroom input[type="checkbox"],
150
  .wpcf7 .wpcf7-form.cf7skins.cf7s-mushroom input[type="radio"] {
151
  margin-right: 6px;
 
152
  background: none;
153
  }
154
 
skins/styles/pina-colada/pina-colada.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Pina Colada
3
  * Description: Pina Colada is a simple yet attractive style that will blend in nicely with many themes. Its clean detailing and soft colors will add a smart and sophisticated appearance to your website forms.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: featured, red, brown, white, light
8
  **/
9
 
@@ -107,10 +107,10 @@ Use to style the overall CF7 form
107
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="text"] {
108
  }
109
 
110
- .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="email"] {
111
  }
112
 
113
- .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="tel"] {
114
  }
115
 
116
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada textarea {
@@ -145,7 +145,6 @@ Use to style the overall CF7 form
145
  ------------------------------------------------------------ */
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="radio"] {
148
- border: none;
149
  background: none; /* needed for IE - cf7s-default is not specific enough */
150
  }
151
 
@@ -247,9 +246,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
247
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada .grid-lined [data-row-span] {
248
  border-bottom: none; /* Needed so don't get additional line */
249
  }
250
- .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada .grid-lined [data-row-span] [data-field-span] {
251
  border-bottom: 1px solid #333333;
252
- border-left: 1px solid #333333;
253
  }
254
  }
255
 
2
  * Style Name: Pina Colada
3
  * Description: Pina Colada is a simple yet attractive style that will blend in nicely with many themes. Its clean detailing and soft colors will add a smart and sophisticated appearance to your website forms.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: featured, red, brown, white, light
8
  **/
9
 
107
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="text"] {
108
  }
109
 
110
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="email"] {
111
  }
112
 
113
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="tel"] {
114
  }
115
 
116
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada textarea {
145
  ------------------------------------------------------------ */
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="radio"] {
 
148
  background: none; /* needed for IE - cf7s-default is not specific enough */
149
  }
150
 
246
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada .grid-lined [data-row-span] {
247
  border-bottom: none; /* Needed so don't get additional line */
248
  }
249
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada .grid-lined [data-row-span] [data-field-span] {
250
  border-bottom: 1px solid #333333;
251
+ border-left: 1px solid #333333;
252
  }
253
  }
254
 
skins/styles/seaspray/seaspray.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Seaspray
3
  * Description: Seaspray is a bright eye-catching style that can stand out on your page with its interesting use of vibrant colors. Its eye-catching headers and stylish design will lift your forms out of the ordinary.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: green, white, gray, black, dark
8
  **/
9
 
@@ -149,7 +149,6 @@ Use to style the overall CF7 form
149
  .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="checkbox"],
150
  .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="radio"] {
151
  margin-right: 6px;
152
- border: none;
153
  background: none;
154
  }
155
 
@@ -244,9 +243,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
244
  .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] {
245
  border-bottom: none; /* Needed so don't get additional line */
246
  }
247
- .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] [data-field-span] {
248
  border-bottom: 1px solid #333333;
249
- border-left: 1px solid #333333;
250
  }
251
  }
252
 
2
  * Style Name: Seaspray
3
  * Description: Seaspray is a bright eye-catching style that can stand out on your page with its interesting use of vibrant colors. Its eye-catching headers and stylish design will lift your forms out of the ordinary.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: green, white, gray, black, dark
8
  **/
9
 
149
  .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="checkbox"],
150
  .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="radio"] {
151
  margin-right: 6px;
 
152
  background: none;
153
  }
154
 
243
  .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] {
244
  border-bottom: none; /* Needed so don't get additional line */
245
  }
246
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray .grid-lined [data-row-span] [data-field-span] {
247
  border-bottom: 1px solid #333333;
248
+ border-left: 1px solid #333333;
249
  }
250
  }
251
 
skins/styles/solar/solar.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Solar
3
  * Description: Solar will brighten your forms with its subtle yellow & orange color variations. This smart, clean style will lift your forms out of the ordinary.
4
  * Instructions:
5
- * Version: 1.0
6
- * Version Date: 2019-12-31
7
  * Tags: yellow, orange, white, light
8
  **/
9
 
@@ -78,7 +78,6 @@ Use to style the overall CF7 form
78
  }
79
 
80
  .wpcf7 .cf7s-solar fieldset fieldset legend {
81
-
82
  }
83
 
84
  .wpcf7 .wpcf7-form.cf7skins.cf7s-solar fieldset fieldset input,
@@ -147,7 +146,6 @@ Use to style the overall CF7 form
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-solar input[type='checkbox'],
148
  .wpcf7 .wpcf7-form.cf7skins.cf7s-solar input[type='radio'] {
149
  margin-right: 6px;
150
- border: none;
151
  background: none;
152
  }
153
 
2
  * Style Name: Solar
3
  * Description: Solar will brighten your forms with its subtle yellow & orange color variations. This smart, clean style will lift your forms out of the ordinary.
4
  * Instructions:
5
+ * Version: 1.1
6
+ * Version Date: 2020-03-08
7
  * Tags: yellow, orange, white, light
8
  **/
9
 
78
  }
79
 
80
  .wpcf7 .cf7s-solar fieldset fieldset legend {
 
81
  }
82
 
83
  .wpcf7 .wpcf7-form.cf7skins.cf7s-solar fieldset fieldset input,
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-solar input[type='checkbox'],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-solar input[type='radio'] {
148
  margin-right: 6px;
 
149
  background: none;
150
  }
151
 
skins/styles/strawberry/strawberry.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Strawberry
3
  * Description: Strawberry is a soft style that will add a delicate touch to your forms. It uses pastel colors which will blend into many themes following a similar color scheme.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: pink, brown, white, light
8
  **/
9
 
@@ -62,7 +62,7 @@ Use to style the overall CF7 form
62
  font-size: 1.2em;
63
  padding: 3px 20px;
64
  color: #fff;
65
- border: 1px solid #f8cfbd;
66
  background: #cc9487;
67
  }
68
 
@@ -148,7 +148,6 @@ Use to style the overall CF7 form
148
  .wpcf7 .wpcf7-form.cf7skins.cf7s-strawberry input[type="checkbox"],
149
  .wpcf7 .wpcf7-form.cf7skins.cf7s-strawberry input[type="radio"] {
150
  margin-right: 6px;
151
- border: none;
152
  background: none;
153
  }
154
 
@@ -246,9 +245,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
246
  .wpcf7 .wpcf7-form.cf7skins.cf7s-strawberry .grid-lined [data-row-span] {
247
  border-bottom: none; /* Needed so don't get additional line */
248
  }
249
- .wpcf7 .wpcf7-form.cf7skins.cf7s-strawberry .grid-lined [data-row-span] [data-field-span] {
250
  border-bottom: 1px solid #cc9487;
251
- border-left: 1px solid #cc9487;
252
  }
253
  }
254
 
2
  * Style Name: Strawberry
3
  * Description: Strawberry is a soft style that will add a delicate touch to your forms. It uses pastel colors which will blend into many themes following a similar color scheme.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: pink, brown, white, light
8
  **/
9
 
62
  font-size: 1.2em;
63
  padding: 3px 20px;
64
  color: #fff;
65
+ border: 1px solid #f8cfbd;
66
  background: #cc9487;
67
  }
68
 
148
  .wpcf7 .wpcf7-form.cf7skins.cf7s-strawberry input[type="checkbox"],
149
  .wpcf7 .wpcf7-form.cf7skins.cf7s-strawberry input[type="radio"] {
150
  margin-right: 6px;
 
151
  background: none;
152
  }
153
 
245
  .wpcf7 .wpcf7-form.cf7skins.cf7s-strawberry .grid-lined [data-row-span] {
246
  border-bottom: none; /* Needed so don't get additional line */
247
  }
248
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-strawberry .grid-lined [data-row-span] [data-field-span] {
249
  border-bottom: 1px solid #cc9487;
250
+ border-left: 1px solid #cc9487;
251
  }
252
  }
253
 
skins/styles/topaz/topaz.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Topaz
3
  * Description: Topaz is a smart orange style, with subtle color variations, that will work well with themes that follow a similar color scheme.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: yellow, orange, white, light
8
  **/
9
 
@@ -146,7 +146,6 @@ Use to style the overall CF7 form
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="radio"] {
148
  margin-right: 6px;
149
- border: none;
150
  background: none;
151
  }
152
 
@@ -243,9 +242,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
243
  .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz .grid-lined [data-row-span] {
244
  border-bottom: none; /* Needed so don't get additional line */
245
  }
246
- .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz .grid-lined [data-row-span] [data-field-span] {
247
  border-bottom: 1px solid #dec07a;
248
- border-left: 1px solid #dec07a;
249
  }
250
  }
251
 
2
  * Style Name: Topaz
3
  * Description: Topaz is a smart orange style, with subtle color variations, that will work well with themes that follow a similar color scheme.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: yellow, orange, white, light
8
  **/
9
 
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="radio"] {
148
  margin-right: 6px;
 
149
  background: none;
150
  }
151
 
242
  .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz .grid-lined [data-row-span] {
243
  border-bottom: none; /* Needed so don't get additional line */
244
  }
245
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz .grid-lined [data-row-span] [data-field-span] {
246
  border-bottom: 1px solid #dec07a;
247
+ border-left: 1px solid #dec07a;
248
  }
249
  }
250
 
skins/styles/vanilla/vanilla.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Vanilla
3
  * Description: Vanilla is bright style that uses its soft background and strong labels to draw attention and is well suited for use with a wide range of themes.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: yellow, white, red, light
8
  **/
9
 
@@ -72,7 +72,7 @@ Use to style the overall CF7 form
72
  }
73
 
74
  .wpcf7 .cf7s-vanilla fieldset fieldset {
75
- margin: 10px 0; /* Above CSS overwritten by cf7s-default */
76
  background: #fff;
77
  }
78
 
@@ -146,7 +146,6 @@ Use to style the overall CF7 form
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="radio"] {
148
  margin-right: 6px;
149
- border: none;
150
  background: none;
151
  }
152
 
@@ -245,9 +244,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
245
  .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla .grid-lined [data-row-span] {
246
  border-bottom: none; /* Needed so don't get additional line */
247
  }
248
- .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla .grid-lined [data-row-span] [data-field-span] {
249
  border-bottom: 1px solid #a3a3a3;
250
- border-left: 1px solid #a3a3a3;
251
  }
252
  }
253
 
2
  * Style Name: Vanilla
3
  * Description: Vanilla is bright style that uses its soft background and strong labels to draw attention and is well suited for use with a wide range of themes.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: yellow, white, red, light
8
  **/
9
 
72
  }
73
 
74
  .wpcf7 .cf7s-vanilla fieldset fieldset {
75
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
76
  background: #fff;
77
  }
78
 
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="radio"] {
148
  margin-right: 6px;
 
149
  background: none;
150
  }
151
 
244
  .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla .grid-lined [data-row-span] {
245
  border-bottom: none; /* Needed so don't get additional line */
246
  }
247
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla .grid-lined [data-row-span] [data-field-span] {
248
  border-bottom: 1px solid #a3a3a3;
249
+ border-left: 1px solid #a3a3a3;
250
  }
251
  }
252
 
skins/styles/wild-west/wild-west.css CHANGED
@@ -2,8 +2,8 @@
2
  * Style Name: Wild West
3
  * Description: Wild West is a soft brown style with rounded edges and strong Legends that will fit in well with themes that follow a similar color scheme.
4
  * Instructions:
5
- * Version: 2.0
6
- * Version Date: 2018-05-30
7
  * Tags: popular, brown, white, light
8
  **/
9
 
@@ -75,7 +75,7 @@ Use to style the overall CF7 form
75
  }
76
 
77
  .wpcf7 .cf7s-wild-west fieldset fieldset {
78
- margin: 10px 0; /* Above CSS overwritten by cf7s-default */
79
  }
80
 
81
  .wpcf7 .cf7s-wild-west fieldset fieldset legend {
@@ -145,7 +145,6 @@ Use to style the overall CF7 form
145
  ------------------------------------------------------------ */
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="radio"] {
148
- border: none;
149
  background: none;
150
  }
151
 
@@ -247,9 +246,9 @@ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular fo
247
  .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-lined [data-row-span] {
248
  border-bottom: none; /* Needed so don't get additional line */
249
  }
250
- .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-lined [data-row-span] [data-field-span] {
251
  border-bottom: 1px solid #ccb58c;
252
- border-left: 1px solid #ccb58c;
253
  }
254
  }
255
 
2
  * Style Name: Wild West
3
  * Description: Wild West is a soft brown style with rounded edges and strong Legends that will fit in well with themes that follow a similar color scheme.
4
  * Instructions:
5
+ * Version: 2.1
6
+ * Version Date: 2020-03-08
7
  * Tags: popular, brown, white, light
8
  **/
9
 
75
  }
76
 
77
  .wpcf7 .cf7s-wild-west fieldset fieldset {
78
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
79
  }
80
 
81
  .wpcf7 .cf7s-wild-west fieldset fieldset legend {
145
  ------------------------------------------------------------ */
146
  .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="checkbox"],
147
  .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="radio"] {
 
148
  background: none;
149
  }
150
 
246
  .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-lined [data-row-span] {
247
  border-bottom: none; /* Needed so don't get additional line */
248
  }
249
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west .grid-lined [data-row-span] [data-field-span] {
250
  border-bottom: 1px solid #ccb58c;
251
+ border-left: 1px solid #ccb58c;
252
  }
253
  }
254