Contact Form 7 Skins - Version 1.0.1

Version Description

  • 2015-05-06 =

  • FIX: Default CSS was overriding input & textarea Styles

Download this release

Release Info

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

Code changes from version 1.0 to 1.0.1

Files changed (13) hide show
  1. css/framework/cf7s-default.css +6 -10
  2. index.php +2 -2
  3. readme.txt +29 -26
  4. skins/styles/blush/blush.css +19 -24
  5. skins/styles/caspar/caspar.css +15 -20
  6. skins/styles/choc-shake/choc-shake.css +15 -20
  7. skins/styles/cotton-candy/cotton-candy.css +18 -23
  8. skins/styles/eggplant/eggplant.css +20 -25
  9. skins/styles/magnum/magnum.css +17 -22
  10. skins/styles/pina-colada/pina-colada.css +13 -18
  11. skins/styles/topaz/topaz.css +15 -20
  12. skins/styles/vanilla/vanilla.css +18 -23
  13. skins/styles/wild-west/wild-west.css +15 -18
css/framework/cf7s-default.css CHANGED
@@ -1,9 +1,9 @@
1
  /*
2
  Description: cf7s-default
3
  Default Contact Form 7 Skins Styling - provides base styling for all CF7 Skins Forms
4
- Author: cf7skins - Neil Murray
5
  Author URI: cf7skins.com
6
- Version: 0.14
7
  */
8
 
9
  /* Table of Contents
@@ -26,7 +26,7 @@ NOTE: Use to import other style sheets before setting cf7s defaults
26
  /* @import url('../parent/style.css'); */
27
 
28
  /* Resets
29
- NOTE: These items should be used to reset standard HTML elements within CF7 SKins forms
30
  ------------------------------------------------------------ */
31
 
32
  /* Fixes alignment issues due to padding & border thickness */
@@ -65,7 +65,6 @@ NOTE: These items should be used to style the overall CF7 Form
65
  }
66
 
67
  /* Fieldset, Legend, Label
68
- NOTE: Use these CSS selectors to style these elements within CF7 forms
69
  ------------------------------------------------------------ */
70
 
71
  .wpcf7-form.cf7skins fieldset {
@@ -93,7 +92,6 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
93
  }
94
 
95
  /* Text Fields
96
- NOTE: Use these CSS selectors to style these elements within CF7 forms
97
  ------------------------------------------------------------ */
98
 
99
  .wpcf7-form.cf7skins input {
@@ -111,8 +109,8 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
111
  .wpcf7-form.cf7skins input[type=date],
112
  .wpcf7-form.cf7skins input[type=file] {
113
  width: 100%; /* Set default width at 100% in all CF7 forms */
114
- background: #fafafa; /* Some older themes do not style the newer HTML5 elements */
115
  border: 1px solid #c0c0c0; /* Color is same as used in normalize.css for Fieldset border */
 
116
  }
117
 
118
  /* This needs to be the same as other Input fields */
@@ -134,7 +132,6 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
134
  }
135
 
136
  /* Ordered & Unordered lists
137
- NOTE: Use these CSS selectors to style these elements within CF7 forms
138
  ------------------------------------------------------------ */
139
 
140
  /* Reset all lists within CF7 forms - overide current themes default list styles */
@@ -181,7 +178,6 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
181
  }
182
 
183
  /* Checkboxes, Radio Buttons and Drop Down Menus
184
- NOTE: Use these CSS selectors to style these elements within CF7 forms
185
  ------------------------------------------------------------ */
186
 
187
  /**
@@ -207,7 +203,7 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
207
  }
208
 
209
  .wpcf7-form.cf7skins select option:hover {
210
- background: #dfdfdf; /* Add Default hover style to all browsers */
211
  }
212
 
213
  .wpcf7-form.cf7skins .wpcf7-checkbox .wpcf7-list-item,
@@ -249,7 +245,7 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
249
  }
250
 
251
  /* Submit Buttons
252
- NOTE: Use these CSS selectors to style these elements within CF7 forms
253
  ------------------------------------------------------------ */
254
 
255
  .wpcf7-form.cf7skins input[type="submit"] {
1
  /*
2
  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.01
7
  */
8
 
9
  /* Table of Contents
26
  /* @import url('../parent/style.css'); */
27
 
28
  /* Resets
29
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
30
  ------------------------------------------------------------ */
31
 
32
  /* Fixes alignment issues due to padding & border thickness */
65
  }
66
 
67
  /* Fieldset, Legend, Label
 
68
  ------------------------------------------------------------ */
69
 
70
  .wpcf7-form.cf7skins fieldset {
92
  }
93
 
94
  /* Text Fields
 
95
  ------------------------------------------------------------ */
96
 
97
  .wpcf7-form.cf7skins input {
109
  .wpcf7-form.cf7skins input[type=date],
110
  .wpcf7-form.cf7skins input[type=file] {
111
  width: 100%; /* Set default width at 100% in all CF7 forms */
 
112
  border: 1px solid #c0c0c0; /* Color is same as used in normalize.css for Fieldset border */
113
+ background: #fafafa; /* Some older themes do not style the newer HTML5 elements */
114
  }
115
 
116
  /* This needs to be the same as other Input fields */
132
  }
133
 
134
  /* Ordered & Unordered lists
 
135
  ------------------------------------------------------------ */
136
 
137
  /* Reset all lists within CF7 forms - overide current themes default list styles */
178
  }
179
 
180
  /* Checkboxes, Radio Buttons and Drop Down Menus
 
181
  ------------------------------------------------------------ */
182
 
183
  /**
203
  }
204
 
205
  .wpcf7-form.cf7skins select option:hover {
206
+ background: #dfdfdf; /* Add Default hover style in all browsers */
207
  }
208
 
209
  .wpcf7-form.cf7skins .wpcf7-checkbox .wpcf7-list-item,
245
  }
246
 
247
  /* Submit Buttons
248
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
249
  ------------------------------------------------------------ */
250
 
251
  .wpcf7-form.cf7skins input[type="submit"] {
index.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Contact Form 7 Skins
4
  * Plugin URI: http://cf7skins.com
5
  * Description: Adds Skins including Templates & Styles to Contact Form 7. Requires Contact Form 7.
6
- * Version: 1.0
7
  * Author: Neil Murray
8
  * Author URI: http://cf7skins.com
9
  * License: GPL-2.0+
@@ -44,7 +44,7 @@ if ( ! defined( 'ABSPATH' ) )
44
  *
45
  * @since 0.0.1
46
  */
47
- define( 'CF7SKINS_VERSION', '1.0' );
48
  define( 'CF7SKINS_SLUG', 'cf7skins' );
49
  define( 'CF7SKINS_TEXTDOMAIN', 'cf7skins' );
50
  define( 'CF7SKINS_FEATURE_FILTER', false ); // @since 0.4.0
3
  * Plugin Name: Contact Form 7 Skins
4
  * Plugin URI: http://cf7skins.com
5
  * Description: Adds Skins including Templates & Styles to Contact Form 7. Requires Contact Form 7.
6
+ * Version: 1.0.1
7
  * Author: Neil Murray
8
  * Author URI: http://cf7skins.com
9
  * License: GPL-2.0+
44
  *
45
  * @since 0.0.1
46
  */
47
+ define( 'CF7SKINS_VERSION', '1.0.1' );
48
  define( 'CF7SKINS_SLUG', 'cf7skins' );
49
  define( 'CF7SKINS_TEXTDOMAIN', 'cf7skins' );
50
  define( 'CF7SKINS_FEATURE_FILTER', false ); // @since 0.4.0
readme.txt CHANGED
@@ -2,45 +2,44 @@
2
  Contributors: buzztone
3
  Tags: contact form 7, form, skin, template, style, html, css
4
  Requires at least: 4.0
5
- Tested up to: 4.1
6
- Stable tag: 1.0
7
  Author URI: http://cf7skins.com
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
11
- Makes styling of Contact Form 7 forms easy – even if you don’t have HTML + CSS skills.
12
 
13
- == Description ==
14
 
15
- Contact Form 7 is one of the most popular WordPress plugins ever. It is used by millions of websites around the world. Creating a basic contact form with Contact Form 7 is quite simple. But creating complex forms with many fields, and getting them to look how you want, can be difficult for many WordPress users.
16
 
17
- Experienced WordPress users, skilled at using HTML and CSS, are able to style their Contact Form 7 forms to their particular requirements, but this requires a level of skill beyond many WordPress users.
18
 
19
- This is where CF7 Skins comes in. It works right inside the normal Contact Form 7 interface to extend its capabilities, making it easier for regular WordPress users to create forms using built in Templates and Styles.
20
 
21
- Simply select a Template from a list of available templates and then choose a Style for your form from a range of professional and beautiful styles.
22
-
23
- CF7 Skins is highly customizable and easy to use even for beginners.
24
-
25
- Plus you can do all this and more without HTML and CSS skills.
26
 
27
  = CF7 Skins Features =
28
 
29
  Here are some of the things you can do with CF7 Skins:
30
 
31
  1. Create a vast range of simple and complex forms using Contact Form 7.
32
- 1. Choose from a list of built-in and ready to use Templates.
33
- 1. You can easily edit built in Templates to add, remove or modify form fields.
34
- 1. Choose from multiple Styles to create professional looking forms.
35
- 1. Work right within the normal Contact Form 7 plugin interface.
36
  1. Build professional looking Contact Form 7 forms without HTML and CSS knowledge.
37
 
38
- With the premium version of the plugin [CF7 Skins Pro](http://cf7skins.com/pro-version/) you get:
 
 
 
39
 
40
  * Additional Templates and Styles to use with your forms.
41
- * Access to priority email support by paid support staff.
42
 
43
- See: [Plugin Website](http://www.cf7skins.com) | [Documentation](http://docs.cf7skins.com/) | [FAQs](http://kb.cf7skins.com/faq/) | [Pro Version](http://cf7skins.com/pro-version/)
44
 
45
  == Installation ==
46
 
@@ -62,19 +61,19 @@ Having trouble? Learn more about how to install plugins on [WordPress Codex](htt
62
 
63
  = What is CF7 Skins? =
64
 
65
- CF7 Skins is an add-on plugin for the Contact Form 7 plugin. It extends the functionality of Contact Form 7 plugin by adding ready to use Templates and Styles to it. This allows even non-expert users to create complex Contact Form 7 forms with no HTML or CSS skills. You can learn more about by visiting [cf7skins.com](http://www.cf7skins.com)
66
 
67
- = Can I customize CF7 Skins Templates on my own? =
68
 
69
- Yes, you can. See how to [edit CF7 Skins Templates](http://kb.cf7skins.com/edit-your-cf7-skins-form/).
70
 
71
- = Can I modify CF7 Skins Styles? =
72
 
73
- Yes, please see how to [modify CF7 Skins Styles](http://docs.cf7skins.com/#customizing-cf7-skins-forms-1386).
74
 
75
  = How do I get more Templates and Styles for CF7 Skins? =
76
 
77
- You can get more templates and styles with the [pro version](http://cf7skins.com/pro-version/) of the plugin.
78
 
79
  = Where can I find answers to Frequently Asked Questions? =
80
  Many questions have been answered on the [CF7 Skins FAQ](http://kb.cf7skins.com/faq/) on the plugin website.
@@ -91,10 +90,14 @@ Many questions have been answered on the [CF7 Skins FAQ](http://kb.cf7skins.com/
91
  4. CF7 Skins comes with many beautiful Styles for your forms.
92
  5. Detailed view of a Template.
93
  6. Detailed view of a Style.
94
- 7. Completed CF7 Skins Form.
95
 
96
  == Changelog ==
97
 
 
 
 
 
98
  = 1.0 - 2015-04-01 =
99
 
100
  * Initial Release
2
  Contributors: buzztone
3
  Tags: contact form 7, form, skin, template, style, html, css
4
  Requires at least: 4.0
5
+ Tested up to: 4.2
6
+ Stable tag: 1.0.1
7
  Author URI: http://cf7skins.com
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
11
+ Makes styling of Contact Form 7 forms much easier – even if you don’t have HTML + CSS skills.
12
 
13
+ == Description ==
14
 
15
+ [CF7 Skins](http://cf7skins.com/) works right within the normal Contact Form 7 interface, making it easier for regular WordPress users to create professional looking Contact Form 7 forms using a range of compatible **Templates** and **Styles**.
16
 
17
+ Simply select from a list of compatible Templates that cover many common forms and then choose a Style for your form from a range of professional and beautiful Styles.
18
 
19
+ Each Template acts as an easy to follow guide, which can be adapted to your particular requirements. Every Style covers the full range of Contact Form 7 form elements.
20
 
21
+ CF7 Skins is highly customizable and easy to learn, even for beginners. CF7 Skins makes building and styling Contact Form 7 forms much easier - even if you don't have HTML and CSS skills.
 
 
 
 
22
 
23
  = CF7 Skins Features =
24
 
25
  Here are some of the things you can do with CF7 Skins:
26
 
27
  1. Create a vast range of simple and complex forms using Contact Form 7.
28
+ 1. Select from a list of built-in and ready to use Templates.
29
+ 1. Easily edit built-in Templates to add, remove or modify form fields.
30
+ 1. Choose from a range of compatible Contact Form 7 from Styles.
31
+ 1. Works right within the normal Contact Form 7 plugin interface.
32
  1. Build professional looking Contact Form 7 forms without HTML and CSS knowledge.
33
 
34
+ [Read more about CF7 Skins](http://cf7skins.com/).
35
+
36
+ = Pro Version Available =
37
+ With the Pro version of the plugin [CF7 Skins Pro](http://cf7skins.com/pro-version/) you get:
38
 
39
  * Additional Templates and Styles to use with your forms.
40
+ * Access to [premium email support](http://cf7skins.com/support/#premium-email-support) by paid support staff.
41
 
42
+ See: [Plugin Website](http://cf7skins.com/) | [Documentation](http://docs.cf7skins.com/) | [FAQs](http://kb.cf7skins.com/faq/) | [Pro Version](http://cf7skins.com/pro-version/)
43
 
44
  == Installation ==
45
 
61
 
62
  = What is CF7 Skins? =
63
 
64
+ CF7 Skins is an add-on plugin for the Contact Form 7 plugin. It extends the functionality of Contact Form 7 by adding ready to use Templates and Styles to it. You can learn more by visiting [cf7skins.com](http://cf7skins.com/)
65
 
66
+ = Is there Documentation available? =
67
 
68
+ Yes, our in-depth [Documentation](http://docs.cf7skins.com/) is a great place to find detailed answers. It covers how to get started, how to customize your forms with CF7 Skins and everything else in between.
69
 
70
+ = How do I get started? =
71
 
72
+ There is a range of [Tutorials](http://kb.cf7skins.com/category/tutorials/) available to help you get started using CF7 Skins.
73
 
74
  = How do I get more Templates and Styles for CF7 Skins? =
75
 
76
+ You can get more templates and styles with the [Pro Version](http://cf7skins.com/pro-version/) of the plugin. The Pro Version also includes access to [premium email support](http://cf7skins.com/support/#premium-email-support) by paid support staff.
77
 
78
  = Where can I find answers to Frequently Asked Questions? =
79
  Many questions have been answered on the [CF7 Skins FAQ](http://kb.cf7skins.com/faq/) on the plugin website.
90
  4. CF7 Skins comes with many beautiful Styles for your forms.
91
  5. Detailed view of a Template.
92
  6. Detailed view of a Style.
93
+ 7. Completed CF7 Skins Form.
94
 
95
  == Changelog ==
96
 
97
+ = 1.0.1 - 2015-05-06 =
98
+
99
+ * FIX: Default CSS was overriding input & textarea Styles
100
+
101
  = 1.0 - 2015-04-01 =
102
 
103
  * Initial Release
skins/styles/blush/blush.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * Description: Named for its subtlety and soft colors, Blush will blend in with many themes, especially those with a similar color scheme.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-25
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: pink, white, gray, light
@@ -27,12 +27,12 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
34
  /** Resets
35
- NOTE: These items should be used to reset standard HTML elements within CF7 forms
36
  ------------------------------------------------------------ */
37
  .wpcf7 .cf7s-blush p {
38
  }
@@ -44,7 +44,7 @@ NOTE: These items should be used to reset standard HTML elements within CF7 form
44
  }
45
 
46
  /** Form & Controls
47
- NOTE: These items should be used to style the overall CF7 Form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-blush {
50
  padding: 20px;
@@ -54,10 +54,9 @@ NOTE: These items should be used to style the overall CF7 Form
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-blush fieldset {
60
- margin: 10px 0;
61
  padding: 10px 20px;
62
  border: 1px solid #bb9393;
63
  background: #dcc7c6;
@@ -78,6 +77,7 @@ NOTE: These items should be used to style these elements within CF7 forms
78
  }
79
 
80
  .wpcf7 .cf7s-blush fieldset fieldset {
 
81
  background: #e9d9da;
82
  }
83
 
@@ -89,10 +89,9 @@ NOTE: These items should be used to style these elements within CF7 forms
89
  }
90
 
91
  /** Text Fields
92
- NOTE: Use these CSS selectors to style these elements within CF7 forms
93
  ------------------------------------------------------------ */
94
- .wpcf7 .cf7s-blush input,
95
- .wpcf7 .cf7s-blush textarea {
96
  margin-bottom: 8px;
97
  padding: 7px;
98
  border: 1px solid #b89090;
@@ -107,7 +106,6 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
107
  .wpcf7 .cf7s-blush input[type="range"],
108
  .wpcf7 .cf7s-blush input[type=date],
109
  .wpcf7 .cf7s-blush input[type=file] {
110
- /* width: 100%; Added to cf7s-default */
111
  }
112
 
113
  .wpcf7 .cf7s-blush input[type="text"] {
@@ -120,12 +118,10 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
120
  }
121
 
122
  .wpcf7 .cf7s-blush textarea {
123
- /* width: 100%; Added to cf7s-default */
124
  padding: 5px 7px; /* deliberately different from Input */
125
  }
126
 
127
  /** Ordered & Unordered lists
128
- NOTE: Use these CSS selectors to style these elements within CF7 forms
129
  ------------------------------------------------------------ */
130
  .wpcf7 .cf7s-blush ol,
131
  .wpcf7 .cf7s-blush ul,
@@ -136,7 +132,7 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
136
  }
137
 
138
  .wpcf7 .cf7s-blush li {
139
- margin-bottom: 5px; /* in many cases this adds to Input margin-bottom: 8px; */
140
  }
141
 
142
  .wpcf7 .cf7s-blush li label {
@@ -150,26 +146,25 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
150
  }
151
 
152
  /** Checkboxes, Radio Buttons and Drop Down Menus
153
- NOTE: Use these CSS selectors to style these elements within CF7 forms
154
  ------------------------------------------------------------ */
155
- .wpcf7 .cf7s-blush input[type="checkbox"],
156
- .wpcf7 .cf7s-blush input[type="radio"] {
157
  margin-right: 6px;
158
  border: none;
159
  background: none; /* needed for IE - cf7s-default is not specific enough */
160
  }
161
 
162
  .wpcf7 .cf7s-blush select {
163
- margin-bottom: 8px;
164
  margin-left: 0; /* same as Input */
165
  padding: 5px;
166
  border: 1px solid #b89090;
167
  }
168
 
169
- .wpcf7 .cf7s-blush select option{
170
  }
171
 
172
- .wpcf7 .cf7s-blush select option:hover{
173
  background: #dcc7c6;
174
  }
175
 
@@ -184,17 +179,17 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
184
 
185
 
186
  /** Submit Buttons
187
- NOTE: Use these CSS selectors to style these elements within CF7 forms
188
  ------------------------------------------------------------ */
189
- .wpcf7 .cf7s-blush input[type="submit"] {
190
  font-size: 1.2em; /* Font size matches Legend */
191
  padding: 5px 15px;
 
192
  border: 1px solid #bfbfbf;
193
  background: #3b3b3b;
194
- color: #fff;
195
  }
196
 
197
- .wpcf7 .cf7s-blush input[type="submit"]:hover {
198
  color: #dcc7c6;
199
  }
200
 
5
  * Author URI: http://cf7skins.com
6
  * Description: Named for its subtlety and soft colors, Blush will blend in with many themes, especially those with a similar color scheme.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: pink, white, gray, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
34
  /** Resets
35
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
36
  ------------------------------------------------------------ */
37
  .wpcf7 .cf7s-blush p {
38
  }
44
  }
45
 
46
  /** Form & Controls
47
+ NOTE: These items should be used to style the overall CF7 form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-blush {
50
  padding: 20px;
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-blush fieldset {
59
+ margin: 10px 0; /* Add to cf7s-default? */
60
  padding: 10px 20px;
61
  border: 1px solid #bb9393;
62
  background: #dcc7c6;
77
  }
78
 
79
  .wpcf7 .cf7s-blush fieldset fieldset {
80
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
81
  background: #e9d9da;
82
  }
83
 
89
  }
90
 
91
  /** Text Fields
 
92
  ------------------------------------------------------------ */
93
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input,
94
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush textarea {
95
  margin-bottom: 8px;
96
  padding: 7px;
97
  border: 1px solid #b89090;
106
  .wpcf7 .cf7s-blush input[type="range"],
107
  .wpcf7 .cf7s-blush input[type=date],
108
  .wpcf7 .cf7s-blush input[type=file] {
 
109
  }
110
 
111
  .wpcf7 .cf7s-blush input[type="text"] {
118
  }
119
 
120
  .wpcf7 .cf7s-blush textarea {
 
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
124
  /** Ordered & Unordered lists
 
125
  ------------------------------------------------------------ */
126
  .wpcf7 .cf7s-blush ol,
127
  .wpcf7 .cf7s-blush ul,
132
  }
133
 
134
  .wpcf7 .cf7s-blush li {
135
+ margin-bottom: 5px; /* in many cases this adds to Input margin-bottom: 8px; */
136
  }
137
 
138
  .wpcf7 .cf7s-blush li label {
146
  }
147
 
148
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
149
  ------------------------------------------------------------ */
150
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="checkbox"],
151
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="radio"] {
152
  margin-right: 6px;
153
  border: none;
154
  background: none; /* needed for IE - cf7s-default is not specific enough */
155
  }
156
 
157
  .wpcf7 .cf7s-blush select {
158
+ margin-bottom: 8px; /* Add to cf7s-default? */
159
  margin-left: 0; /* same as Input */
160
  padding: 5px;
161
  border: 1px solid #b89090;
162
  }
163
 
164
+ .wpcf7 .cf7s-blush select option {
165
  }
166
 
167
+ .wpcf7 .cf7s-blush select option:hover {
168
  background: #dcc7c6;
169
  }
170
 
179
 
180
 
181
  /** Submit Buttons
182
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
183
  ------------------------------------------------------------ */
184
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="submit"] {
185
  font-size: 1.2em; /* Font size matches Legend */
186
  padding: 5px 15px;
187
+ color: #fff;
188
  border: 1px solid #bfbfbf;
189
  background: #3b3b3b;
 
190
  }
191
 
192
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="submit"]:hover {
193
  color: #dcc7c6;
194
  }
195
 
skins/styles/caspar/caspar.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-25
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: white, gray, black, light
@@ -27,7 +27,7 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
@@ -54,7 +54,6 @@ NOTE: These items should be used style the overall CF7 form
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-caspar fieldset {
60
  margin: 10px 0;
@@ -78,6 +77,7 @@ NOTE: These items should be used to style these elements within CF7 forms
78
  }
79
 
80
  .wpcf7 .cf7s-caspar fieldset fieldset {
 
81
  }
82
 
83
  .wpcf7 .cf7s-caspar fieldset fieldset legend {
@@ -88,10 +88,9 @@ NOTE: These items should be used to style these elements within CF7 forms
88
  }
89
 
90
  /** Text Fields
91
- NOTE: Use these CSS selectors to style these elements within CF7 forms
92
  ------------------------------------------------------------ */
93
- .wpcf7 .cf7s-caspar input,
94
- .wpcf7 .cf7s-caspar textarea {
95
  margin-bottom: 8px;
96
  padding: 7px;
97
  border: 1px solid #c3c3c3;
@@ -105,8 +104,7 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
105
  .wpcf7 .cf7s-caspar input[type="number"],
106
  .wpcf7 .cf7s-caspar input[type="range"],
107
  .wpcf7 .cf7s-caspar input[type=date],
108
- .wpcf7 .cf7s-caspar input[type=file] {
109
- /* width: 100%; Added to cf7s-default */
110
  }
111
 
112
  .wpcf7 .cf7s-caspar input[type="text"] {
@@ -119,12 +117,10 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
119
  }
120
 
121
  .wpcf7 .cf7s-caspar textarea {
122
- /* width: 100%; Added to cf7s-default */
123
  padding: 5px 7px; /* deliberately different from Input */
124
  }
125
 
126
  /** Ordered & Unordered lists
127
- NOTE: Use these CSS selectors to style these elements within CF7 forms
128
  ------------------------------------------------------------ */
129
  .wpcf7 .cf7s-caspar ol,
130
  .wpcf7 .cf7s-caspar ul,
@@ -149,13 +145,12 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
149
  }
150
 
151
  /** Checkboxes, Radio Buttons and Drop Down Menus
152
- NOTE: Use these CSS selectors to style these elements within CF7 forms
153
  ------------------------------------------------------------ */
154
- .wpcf7 .cf7s-caspar input[type="checkbox"],
155
- .wpcf7 .cf7s-caspar input[type="radio"] {
156
  margin-right: 6px;
157
  border: none;
158
- background: none; /* needed for IE - cf7s-default is not specific enough */
159
  }
160
 
161
  .wpcf7 .cf7s-caspar select {
@@ -165,10 +160,10 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
165
  border: 1px solid #c3c3c3;
166
  }
167
 
168
- .wpcf7 .cf7s-caspar select option{
169
  }
170
 
171
- .wpcf7 .cf7s-caspar select option:hover{
172
  background: #ededed;
173
  }
174
 
@@ -183,16 +178,16 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
183
 
184
 
185
  /** Submit Buttons
186
- NOTE: Use these CSS selectors to style these elements within CF7 forms
187
  ------------------------------------------------------------ */
188
- .wpcf7 .cf7s-caspar input[type="submit"] {
189
  padding: 5px 15px;
190
  border: 1px solid #c3c3c3;
191
  background: #ededed;
192
  color: #1a1a1a;
193
  }
194
 
195
- .wpcf7 .cf7s-caspar input[type="submit"]:hover {
196
  background: #fff;
197
  }
198
 
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: white, gray, black, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-caspar fieldset {
59
  margin: 10px 0;
77
  }
78
 
79
  .wpcf7 .cf7s-caspar fieldset fieldset {
80
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
81
  }
82
 
83
  .wpcf7 .cf7s-caspar fieldset fieldset legend {
88
  }
89
 
90
  /** Text Fields
 
91
  ------------------------------------------------------------ */
92
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input,
93
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar textarea {
94
  margin-bottom: 8px;
95
  padding: 7px;
96
  border: 1px solid #c3c3c3;
104
  .wpcf7 .cf7s-caspar input[type="number"],
105
  .wpcf7 .cf7s-caspar input[type="range"],
106
  .wpcf7 .cf7s-caspar input[type=date],
107
+ .wpcf7 .cf7s-caspar input[type=file] {
 
108
  }
109
 
110
  .wpcf7 .cf7s-caspar input[type="text"] {
117
  }
118
 
119
  .wpcf7 .cf7s-caspar textarea {
 
120
  padding: 5px 7px; /* deliberately different from Input */
121
  }
122
 
123
  /** Ordered & Unordered lists
 
124
  ------------------------------------------------------------ */
125
  .wpcf7 .cf7s-caspar ol,
126
  .wpcf7 .cf7s-caspar ul,
145
  }
146
 
147
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
148
  ------------------------------------------------------------ */
149
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="checkbox"],
150
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="radio"] {
151
  margin-right: 6px;
152
  border: none;
153
+ background: none;
154
  }
155
 
156
  .wpcf7 .cf7s-caspar select {
160
  border: 1px solid #c3c3c3;
161
  }
162
 
163
+ .wpcf7 .cf7s-caspar select option {
164
  }
165
 
166
+ .wpcf7 .cf7s-caspar select option:hover {
167
  background: #ededed;
168
  }
169
 
178
 
179
 
180
  /** Submit Buttons
181
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
182
  ------------------------------------------------------------ */
183
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="submit"] {
184
  padding: 5px 15px;
185
  border: 1px solid #c3c3c3;
186
  background: #ededed;
187
  color: #1a1a1a;
188
  }
189
 
190
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="submit"]:hover {
191
  background: #fff;
192
  }
193
 
skins/styles/choc-shake/choc-shake.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * Description: This delicious style will work well with a range of different backgrounds, drawing in attention with its smooth and clean styling.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-25
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: brown, white, light
@@ -27,7 +27,7 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
@@ -44,7 +44,7 @@ NOTE: These are used to reset standard HTML form elements within CF7 forms
44
  }
45
 
46
  /** Form & Controls
47
- NOTE: These items should be used style the overall Form within CF7 forms
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-choc-shake {
50
  padding: 20px;
@@ -54,7 +54,6 @@ NOTE: These items should be used style the overall Form within CF7 forms
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-choc-shake fieldset {
60
  margin: 10px 0;
@@ -78,6 +77,7 @@ NOTE: These items should be used to style these elements within CF7 forms
78
  }
79
 
80
  .wpcf7 .cf7s-choc-shake fieldset fieldset {
 
81
  background: #ccb7a4;
82
  }
83
 
@@ -89,10 +89,9 @@ NOTE: These items should be used to style these elements within CF7 forms
89
  }
90
 
91
  /** Text Fields
92
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
93
  ------------------------------------------------------------ */
94
- .wpcf7 .cf7s-choc-shake input,
95
- .wpcf7 .cf7s-choc-shake textarea {
96
  margin-bottom: 8px;
97
  padding: 7px;
98
  color: #fff;
@@ -108,7 +107,6 @@ NOTE: These are the CSS selectors that should be used style these fields within
108
  .wpcf7 .cf7s-choc-shake input[type="range"],
109
  .wpcf7 .cf7s-choc-shake input[type=date],
110
  .wpcf7 .cf7s-choc-shake input[type=file] {
111
- /* width: 100%; Added to cf7s-default */
112
  }
113
 
114
  .wpcf7 .cf7s-choc-shake input[type="text"] {
@@ -121,11 +119,9 @@ NOTE: These are the CSS selectors that should be used style these fields within
121
  }
122
 
123
  .wpcf7 .cf7s-choc-shake textarea {
124
- /* width: 100%; Added to cf7s-default */
125
  }
126
 
127
  /** Ordered & Unordered lists
128
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
129
  ------------------------------------------------------------ */
130
  .wpcf7 .cf7s-choc-shake ol,
131
  .wpcf7 .cf7s-choc-shake ul,
@@ -150,13 +146,12 @@ NOTE: These are the CSS selectors that should be used style these fields within
150
  }
151
 
152
  /** Checkboxes, Radio Buttons and Drop Down Menus
153
- NOTE: These are the CSS selectors that should be used style these Fields within CF7 forms
154
  ------------------------------------------------------------ */
155
- .wpcf7 .cf7s-choc-shake input[type="checkbox"],
156
- .wpcf7 .cf7s-choc-shake input[type="radio"] {
157
  margin-right: 6px;
158
  border: none;
159
- background: none; /* needed for IE - cf7s-default is not specific enough */
160
  }
161
 
162
  .wpcf7 .cf7s-choc-shake select {
@@ -167,7 +162,7 @@ NOTE: These are the CSS selectors that should be used style these Fields within
167
  background: #dec29d;
168
  }
169
 
170
- .wpcf7 .cf7s-choc-shake select option{
171
  }
172
 
173
  .wpcf7 .cf7s-choc-shake select option:hover {
@@ -181,21 +176,21 @@ NOTE: These are the CSS selectors that should be used style these Fields within
181
  }
182
 
183
  /** Other Fields
184
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
185
  ------------------------------------------------------------ */
186
 
187
 
188
  /** Submit Buttons
189
- NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
190
  ------------------------------------------------------------ */
191
- .wpcf7 .cf7s-choc-shake input[type="submit"] {
192
  padding: 5px 15px;
193
  color: #fff;
194
  border: 1px solid #c9b3a0;
195
  background: #bca17d;
196
  }
197
 
198
- .wpcf7 .cf7s-choc-shake input[type="submit"]:hover {
199
  color: #866c4a;
200
  background: #dec29d;
201
  }
5
  * Author URI: http://cf7skins.com
6
  * Description: This delicious style will work well with a range of different backgrounds, drawing in attention with its smooth and clean styling.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: brown, white, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
44
  }
45
 
46
  /** Form & Controls
47
+ NOTE: These items should be used to style the overall CF7 form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-choc-shake {
50
  padding: 20px;
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-choc-shake fieldset {
59
  margin: 10px 0;
77
  }
78
 
79
  .wpcf7 .cf7s-choc-shake fieldset fieldset {
80
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
81
  background: #ccb7a4;
82
  }
83
 
89
  }
90
 
91
  /** Text Fields
 
92
  ------------------------------------------------------------ */
93
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input,
94
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake textarea {
95
  margin-bottom: 8px;
96
  padding: 7px;
97
  color: #fff;
107
  .wpcf7 .cf7s-choc-shake input[type="range"],
108
  .wpcf7 .cf7s-choc-shake input[type=date],
109
  .wpcf7 .cf7s-choc-shake input[type=file] {
 
110
  }
111
 
112
  .wpcf7 .cf7s-choc-shake input[type="text"] {
119
  }
120
 
121
  .wpcf7 .cf7s-choc-shake textarea {
 
122
  }
123
 
124
  /** Ordered & Unordered lists
 
125
  ------------------------------------------------------------ */
126
  .wpcf7 .cf7s-choc-shake ol,
127
  .wpcf7 .cf7s-choc-shake ul,
146
  }
147
 
148
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
149
  ------------------------------------------------------------ */
150
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="checkbox"],
151
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="radio"] {
152
  margin-right: 6px;
153
  border: none;
154
+ background: none;
155
  }
156
 
157
  .wpcf7 .cf7s-choc-shake select {
162
  background: #dec29d;
163
  }
164
 
165
+ .wpcf7 .cf7s-choc-shake select option {
166
  }
167
 
168
  .wpcf7 .cf7s-choc-shake select option:hover {
176
  }
177
 
178
  /** Other Fields
179
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
180
  ------------------------------------------------------------ */
181
 
182
 
183
  /** Submit Buttons
184
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
185
  ------------------------------------------------------------ */
186
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="submit"] {
187
  padding: 5px 15px;
188
  color: #fff;
189
  border: 1px solid #c9b3a0;
190
  background: #bca17d;
191
  }
192
 
193
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="submit"]:hover {
194
  color: #866c4a;
195
  background: #dec29d;
196
  }
skins/styles/cotton-candy/cotton-candy.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-28
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: aqua, pink, white, light
@@ -27,12 +27,12 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
34
  /** Resets
35
- NOTE: These items should be used to reset standard HTML elements within CF7 forms
36
  ------------------------------------------------------------ */
37
  .wpcf7 .cf7s-cotton-candy p {
38
  }
@@ -54,7 +54,6 @@ NOTE: These items should be used to style the overall CF7 Form
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-cotton-candy fieldset {
60
  margin: 10px 0;
@@ -78,6 +77,7 @@ NOTE: These items should be used to style these elements within CF7 forms
78
  }
79
 
80
  .wpcf7 .cf7s-cotton-candy fieldset fieldset {
 
81
  border: 1px solid #e9aefe;
82
  background: #f4d8ff;
83
  }
@@ -87,8 +87,8 @@ NOTE: These items should be used to style these elements within CF7 forms
87
  background: #e79aff;
88
  }
89
 
90
- .wpcf7 .cf7s-cotton-candy fieldset fieldset input,
91
- .wpcf7 .cf7s-cotton-candy fieldset fieldset textarea {
92
  border: 1px solid #f0b8ff;
93
  background: #fff;
94
  }
@@ -98,15 +98,14 @@ NOTE: These items should be used to style these elements within CF7 forms
98
  }
99
 
100
  /** Text Fields
101
- NOTE: Use these CSS selectors to style these elements within CF7 forms
102
  ------------------------------------------------------------ */
103
- .wpcf7 .cf7s-cotton-candy input,
104
- .wpcf7 .cf7s-cotton-candy textarea {
105
  margin-bottom: 8px;
106
  padding: 7px;
 
107
  border: 1px solid #9ffffe;
108
  background: #fff;
109
- color: #999;
110
  }
111
 
112
  .wpcf7 .cf7s-cotton-candy input[type="text"],
@@ -117,7 +116,6 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
117
  .wpcf7 .cf7s-cotton-candy input[type="range"],
118
  .wpcf7 .cf7s-cotton-candy input[type=date],
119
  .wpcf7 .cf7s-cotton-candy input[type=file] {
120
- /* width: 100%; Added to cf7s-default */
121
  }
122
 
123
  .wpcf7 .cf7s-cotton-candy input[type="text"] {
@@ -130,12 +128,10 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
130
  }
131
 
132
  .wpcf7 .cf7s-cotton-candy textarea {
133
- /* width: 100%; Added to cf7s-default */
134
  padding: 5px 7px; /* deliberately different from Input */
135
  }
136
 
137
  /** Ordered & Unordered lists
138
- NOTE: Use these CSS selectors to style these elements within CF7 forms
139
  ------------------------------------------------------------ */
140
  .wpcf7 .cf7s-cotton-candy ol,
141
  .wpcf7 .cf7s-cotton-candy ul,
@@ -156,17 +152,16 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
156
  }
157
 
158
  .wpcf7 .cf7s-cotton-candy .wpcf7-list-item-label {
159
- margin-right: 7px; /* adds space after Radio Button labels */
160
  }
161
 
162
  /** Checkboxes, Radio Buttons and Drop Down Menus
163
- NOTE: Use these CSS selectors to style these elements within CF7 forms
164
  ------------------------------------------------------------ */
165
- .wpcf7 .cf7s-cotton-candy input[type="checkbox"],
166
- .wpcf7 .cf7s-cotton-candy input[type="radio"] {
167
  margin-right: 6px;
168
  border: none;
169
- background: none; /* needed for IE - cf7s-default is not specific enough */
170
  }
171
 
172
  .wpcf7 .cf7s-cotton-candy select {
@@ -176,7 +171,7 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
176
  border: 1px solid #9ffffe;
177
  }
178
 
179
- .wpcf7 .cf7s-cotton-candy select option{
180
  }
181
 
182
  .wpcf7 .cf7s-cotton-candy select option:hover{
@@ -194,16 +189,16 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
194
 
195
 
196
  /** Submit Buttons
197
- NOTE: Use these CSS selectors to style these elements within CF7 forms
198
  ------------------------------------------------------------ */
199
- .wpcf7 .cf7s-cotton-candy input[type="submit"] {
200
  padding: 5px 15px;
201
  background: #91ebeb;
202
  border: 1px solid #6ccbcb;
203
  color: #fff;
204
  }
205
 
206
- .wpcf7 .cf7s-cotton-candy input[type="submit"]:hover {
207
  background: #e59bff;
208
  }
209
 
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: aqua, pink, white, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
34
  /** Resets
35
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
36
  ------------------------------------------------------------ */
37
  .wpcf7 .cf7s-cotton-candy p {
38
  }
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-cotton-candy fieldset {
59
  margin: 10px 0;
77
  }
78
 
79
  .wpcf7 .cf7s-cotton-candy fieldset fieldset {
80
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
81
  border: 1px solid #e9aefe;
82
  background: #f4d8ff;
83
  }
87
  background: #e79aff;
88
  }
89
 
90
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy fieldset fieldset input,
91
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy fieldset fieldset textarea {
92
  border: 1px solid #f0b8ff;
93
  background: #fff;
94
  }
98
  }
99
 
100
  /** Text Fields
 
101
  ------------------------------------------------------------ */
102
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input,
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy textarea {
104
  margin-bottom: 8px;
105
  padding: 7px;
106
+ color: #999;
107
  border: 1px solid #9ffffe;
108
  background: #fff;
 
109
  }
110
 
111
  .wpcf7 .cf7s-cotton-candy input[type="text"],
116
  .wpcf7 .cf7s-cotton-candy input[type="range"],
117
  .wpcf7 .cf7s-cotton-candy input[type=date],
118
  .wpcf7 .cf7s-cotton-candy input[type=file] {
 
119
  }
120
 
121
  .wpcf7 .cf7s-cotton-candy input[type="text"] {
128
  }
129
 
130
  .wpcf7 .cf7s-cotton-candy textarea {
 
131
  padding: 5px 7px; /* deliberately different from Input */
132
  }
133
 
134
  /** Ordered & Unordered lists
 
135
  ------------------------------------------------------------ */
136
  .wpcf7 .cf7s-cotton-candy ol,
137
  .wpcf7 .cf7s-cotton-candy ul,
152
  }
153
 
154
  .wpcf7 .cf7s-cotton-candy .wpcf7-list-item-label {
155
+ margin-right: 7px;
156
  }
157
 
158
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
159
  ------------------------------------------------------------ */
160
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="checkbox"],
161
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="radio"] {
162
  margin-right: 6px;
163
  border: none;
164
+ background: none;
165
  }
166
 
167
  .wpcf7 .cf7s-cotton-candy select {
171
  border: 1px solid #9ffffe;
172
  }
173
 
174
+ .wpcf7 .cf7s-cotton-candy select option {
175
  }
176
 
177
  .wpcf7 .cf7s-cotton-candy select option:hover{
189
 
190
 
191
  /** Submit Buttons
192
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
193
  ------------------------------------------------------------ */
194
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="submit"] {
195
  padding: 5px 15px;
196
  background: #91ebeb;
197
  border: 1px solid #6ccbcb;
198
  color: #fff;
199
  }
200
 
201
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="submit"]:hover {
202
  background: #e59bff;
203
  }
204
 
skins/styles/eggplant/eggplant.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-28
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: white, pink, gray, light
@@ -27,12 +27,12 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
34
  /** Resets
35
- NOTE: These items should be used to reset standard HTML form elements within CF7 forms
36
  ------------------------------------------------------------ */
37
  .wpcf7 .cf7s-eggplant p {
38
  }
@@ -44,7 +44,7 @@ NOTE: These items should be used to reset standard HTML form elements within CF7
44
  }
45
 
46
  /** Form & Controls
47
- NOTE: These items should be used style the overall Form within CF7 forms
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-eggplant {
50
  padding: 20px;
@@ -54,7 +54,6 @@ NOTE: These items should be used style the overall Form within CF7 forms
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-eggplant fieldset {
60
  margin: 10px 0;
@@ -78,14 +77,15 @@ NOTE: These items should be used to style these elements within CF7 forms
78
  }
79
 
80
  .wpcf7 .cf7s-eggplant fieldset fieldset {
 
81
  background: #f2f2f2;
82
  }
83
 
84
  .wpcf7 .cf7s-eggplant fieldset fieldset legend {
85
  }
86
 
87
- .wpcf7 .cf7s-eggplant fieldset fieldset input,
88
- .wpcf7 .cf7s-eggplant fieldset fieldset textarea {
89
  background: #fff;
90
  }
91
 
@@ -94,10 +94,9 @@ NOTE: These items should be used to style these elements within CF7 forms
94
  }
95
 
96
  /** Text Fields
97
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
98
  ------------------------------------------------------------ */
99
- .wpcf7 .cf7s-eggplant input,
100
- .wpcf7 .cf7s-eggplant textarea {
101
  margin-bottom: 8px;
102
  padding: 7px;
103
  color: #8f8f8f;
@@ -113,7 +112,6 @@ NOTE: These are the CSS selectors that should be used style these fields within
113
  .wpcf7 .cf7s-eggplant input[type="range"],
114
  .wpcf7 .cf7s-eggplant input[type=date],
115
  .wpcf7 .cf7s-eggplant input[type=file] {
116
- /* width: 100%; Added to cf7s-default */
117
  }
118
 
119
  .wpcf7 .cf7s-eggplant input[type="text"] {
@@ -126,12 +124,10 @@ NOTE: These are the CSS selectors that should be used style these fields within
126
  }
127
 
128
  .wpcf7 .cf7s-eggplant textarea {
129
- /* width: 100%; Added to cf7s-default */
130
  padding: 5px 7px; /* deliberately different from Input */
131
  }
132
 
133
  /** Ordered & Unordered lists
134
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
135
  ------------------------------------------------------------ */
136
  .wpcf7 .cf7s-eggplant ol,
137
  .wpcf7 .cf7s-eggplant ul,
@@ -152,17 +148,16 @@ NOTE: These are the CSS selectors that should be used style these fields within
152
  }
153
 
154
  .wpcf7 .cf7s-eggplant .wpcf7-list-item-label {
155
- margin-right: 7px; /* adds space after Radio Button labels */
156
  }
157
 
158
  /** Checkboxes, Radio Buttons and Drop Down Menus
159
- NOTE: These are the CSS selectors that should be used style these Fields within CF7 forms
160
  ------------------------------------------------------------ */
161
- .wpcf7 .cf7s-eggplant input[type="checkbox"],
162
- .wpcf7 .cf7s-eggplant input[type="radio"] {
163
  margin-right: 6px;
164
  border: none;
165
- background: none; /* needed for IE - cf7s-default is not specific enough */
166
  }
167
 
168
  .wpcf7 .cf7s-eggplant select {
@@ -173,11 +168,11 @@ NOTE: These are the CSS selectors that should be used style these Fields within
173
  background: #f2f2f2;
174
  }
175
 
176
- .wpcf7 .cf7s-eggplant select option{
177
  padding: 1px 5px; /* Doesn't work in IE */
178
  }
179
 
180
- .wpcf7 .cf7s-eggplant select option:hover{
181
  color: #fff;
182
  background: #d056cd;
183
  }
@@ -188,21 +183,21 @@ NOTE: These are the CSS selectors that should be used style these Fields within
188
  }
189
 
190
  /** Other Fields
191
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
192
  ------------------------------------------------------------ */
193
 
194
 
195
  /** Submit Buttons
196
- NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
197
  ------------------------------------------------------------ */
198
- .wpcf7 .cf7s-eggplant input[type="submit"] {
199
  padding: 5px 15px;
200
  color: #7f0f7f;
201
  border: 2px solid #d056cd;
202
  background: #f2f2f2;
203
  }
204
 
205
- .wpcf7 .cf7s-eggplant input[type="submit"]:hover {
206
  background: #fff;
207
  }
208
 
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: white, pink, gray, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
34
  /** Resets
35
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
36
  ------------------------------------------------------------ */
37
  .wpcf7 .cf7s-eggplant p {
38
  }
44
  }
45
 
46
  /** Form & Controls
47
+ NOTE: These items should be used to style the overall CF7 form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-eggplant {
50
  padding: 20px;
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-eggplant fieldset {
59
  margin: 10px 0;
77
  }
78
 
79
  .wpcf7 .cf7s-eggplant fieldset fieldset {
80
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
81
  background: #f2f2f2;
82
  }
83
 
84
  .wpcf7 .cf7s-eggplant fieldset fieldset legend {
85
  }
86
 
87
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant fieldset fieldset input,
88
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant fieldset fieldset textarea {
89
  background: #fff;
90
  }
91
 
94
  }
95
 
96
  /** Text Fields
 
97
  ------------------------------------------------------------ */
98
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input,
99
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant textarea {
100
  margin-bottom: 8px;
101
  padding: 7px;
102
  color: #8f8f8f;
112
  .wpcf7 .cf7s-eggplant input[type="range"],
113
  .wpcf7 .cf7s-eggplant input[type=date],
114
  .wpcf7 .cf7s-eggplant input[type=file] {
 
115
  }
116
 
117
  .wpcf7 .cf7s-eggplant input[type="text"] {
124
  }
125
 
126
  .wpcf7 .cf7s-eggplant textarea {
 
127
  padding: 5px 7px; /* deliberately different from Input */
128
  }
129
 
130
  /** Ordered & Unordered lists
 
131
  ------------------------------------------------------------ */
132
  .wpcf7 .cf7s-eggplant ol,
133
  .wpcf7 .cf7s-eggplant ul,
148
  }
149
 
150
  .wpcf7 .cf7s-eggplant .wpcf7-list-item-label {
151
+ margin-right: 7px;
152
  }
153
 
154
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
155
  ------------------------------------------------------------ */
156
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="checkbox"],
157
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="radio"] {
158
  margin-right: 6px;
159
  border: none;
160
+ background: none;
161
  }
162
 
163
  .wpcf7 .cf7s-eggplant select {
168
  background: #f2f2f2;
169
  }
170
 
171
+ .wpcf7 .cf7s-eggplant select option {
172
  padding: 1px 5px; /* Doesn't work in IE */
173
  }
174
 
175
+ .wpcf7 .cf7s-eggplant select option:hover {
176
  color: #fff;
177
  background: #d056cd;
178
  }
183
  }
184
 
185
  /** Other Fields
186
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
187
  ------------------------------------------------------------ */
188
 
189
 
190
  /** Submit Buttons
191
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
192
  ------------------------------------------------------------ */
193
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="submit"] {
194
  padding: 5px 15px;
195
  color: #7f0f7f;
196
  border: 2px solid #d056cd;
197
  background: #f2f2f2;
198
  }
199
 
200
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="submit"]:hover {
201
  background: #fff;
202
  }
203
 
skins/styles/magnum/magnum.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-28
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: green, purple, white, light
@@ -27,7 +27,7 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
@@ -44,7 +44,7 @@ NOTE: These are used to reset standard HTML form elements within CF7 forms
44
  }
45
 
46
  /** Form & Controls
47
- NOTE: These items should be used style the overall Form within CF7 forms
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-magnum {
50
  padding: 20px;
@@ -54,7 +54,6 @@ NOTE: These items should be used style the overall Form within CF7 forms
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-magnum fieldset {
60
  margin: 10px 0;
@@ -78,12 +77,13 @@ NOTE: These items should be used to style these elements within CF7 forms
78
  .wpcf7 .cf7s-magnum fieldset p {
79
  }
80
 
81
- .wpcf7 .cf7s-magnum fieldset input,
82
- .wpcf7 .cf7s-magnum fieldset textarea {
83
  background: #fff;
84
  }
85
 
86
  .wpcf7 .cf7s-magnum fieldset fieldset {
 
87
  background: #b1e8d7;
88
  color: #838ada;
89
  }
@@ -96,10 +96,9 @@ NOTE: These items should be used to style these elements within CF7 forms
96
  }
97
 
98
  /** Text Fields
99
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
100
  ------------------------------------------------------------ */
101
- .wpcf7 .cf7s-magnum input,
102
- .wpcf7 .cf7s-magnum textarea {
103
  margin-bottom: 8px;
104
  padding: 8px;
105
  color: #479e83;
@@ -115,7 +114,6 @@ NOTE: These are the CSS selectors that should be used style these fields within
115
  .wpcf7 .cf7s-magnum input[type="range"],
116
  .wpcf7 .cf7s-magnum input[type=date],
117
  .wpcf7 .cf7s-magnum input[type=file] {
118
- /* width: 100%; Added to cf7s-default */
119
  }
120
 
121
  .wpcf7 .cf7s-magnum input[type="text"] {
@@ -128,12 +126,10 @@ NOTE: These are the CSS selectors that should be used style these fields within
128
  }
129
 
130
  .wpcf7 .cf7s-magnum textarea {
131
- /* width: 100%; Added to cf7s-default */
132
  padding: 5px 7px; /* deliberately different from Input */
133
  }
134
 
135
  /** Ordered & Unordered lists
136
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
137
  ------------------------------------------------------------ */
138
  .wpcf7 .cf7s-magnum ol,
139
  .wpcf7 .cf7s-magnum ul,
@@ -154,17 +150,16 @@ NOTE: These are the CSS selectors that should be used style these fields within
154
  }
155
 
156
  .wpcf7 .cf7s-magnum .wpcf7-list-item-label {
157
- margin-right: 7px; /* adds space after Radio Button labels */
158
  }
159
 
160
  /** Checkboxes, Radio Buttons and Drop Down Menus
161
- NOTE: These are the CSS selectors that should be used style these Fields within CF7 forms
162
  ------------------------------------------------------------ */
163
- .wpcf7 .cf7s-magnum input[type="checkbox"],
164
- .wpcf7 .cf7s-magnum input[type="radio"] {
165
  margin-right: 6px;
166
  border: none;
167
- background: none; /* needed for IE - cf7s-default is not specific enough */
168
  }
169
 
170
  .wpcf7 .cf7s-magnum select {
@@ -191,14 +186,14 @@ NOTE: These are the CSS selectors that should be used style these Fields within
191
  }
192
 
193
  /** Other Fields
194
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
195
  ------------------------------------------------------------ */
196
 
197
 
198
  /** Submit Buttons
199
- NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
200
  ------------------------------------------------------------ */
201
- .wpcf7 .cf7s-magnum input[type="submit"] {
202
  font-size: 1.2em;
203
  padding: 5px 15px;
204
  background: #89d9c0;
@@ -206,7 +201,7 @@ NOTE: These are the CSS selectors that should be used style Submit Buttons withi
206
  border: none;
207
  }
208
 
209
- .wpcf7 .cf7s-magnum input[type="submit"]:hover {
210
  color: #000;
211
  }
212
 
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: green, purple, white, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
44
  }
45
 
46
  /** Form & Controls
47
+ NOTE: These items should be used to style the overall CF7 form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-magnum {
50
  padding: 20px;
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-magnum fieldset {
59
  margin: 10px 0;
77
  .wpcf7 .cf7s-magnum fieldset p {
78
  }
79
 
80
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum fieldset input,
81
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum fieldset textarea {
82
  background: #fff;
83
  }
84
 
85
  .wpcf7 .cf7s-magnum fieldset fieldset {
86
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
87
  background: #b1e8d7;
88
  color: #838ada;
89
  }
96
  }
97
 
98
  /** Text Fields
 
99
  ------------------------------------------------------------ */
100
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input,
101
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum textarea {
102
  margin-bottom: 8px;
103
  padding: 8px;
104
  color: #479e83;
114
  .wpcf7 .cf7s-magnum input[type="range"],
115
  .wpcf7 .cf7s-magnum input[type=date],
116
  .wpcf7 .cf7s-magnum input[type=file] {
 
117
  }
118
 
119
  .wpcf7 .cf7s-magnum input[type="text"] {
126
  }
127
 
128
  .wpcf7 .cf7s-magnum textarea {
 
129
  padding: 5px 7px; /* deliberately different from Input */
130
  }
131
 
132
  /** Ordered & Unordered lists
 
133
  ------------------------------------------------------------ */
134
  .wpcf7 .cf7s-magnum ol,
135
  .wpcf7 .cf7s-magnum ul,
150
  }
151
 
152
  .wpcf7 .cf7s-magnum .wpcf7-list-item-label {
153
+ margin-right: 7px;
154
  }
155
 
156
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
157
  ------------------------------------------------------------ */
158
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="checkbox"],
159
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="radio"] {
160
  margin-right: 6px;
161
  border: none;
162
+ background: none;
163
  }
164
 
165
  .wpcf7 .cf7s-magnum select {
186
  }
187
 
188
  /** Other Fields
189
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
190
  ------------------------------------------------------------ */
191
 
192
 
193
  /** Submit Buttons
194
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
195
  ------------------------------------------------------------ */
196
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="submit"] {
197
  font-size: 1.2em;
198
  padding: 5px 15px;
199
  background: #89d9c0;
201
  border: none;
202
  }
203
 
204
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="submit"]:hover {
205
  color: #000;
206
  }
207
 
skins/styles/pina-colada/pina-colada.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-28
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: featured, red, brown, white, light
@@ -27,7 +27,7 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
@@ -44,7 +44,7 @@ NOTE: These are used to reset standard HTML form elements within CF7 forms
44
  }
45
 
46
  /** Form & Controls
47
- NOTE: These items should be used style the overall Form within CF7 forms
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-pina-colada {
50
  padding: 20px;
@@ -54,7 +54,6 @@ NOTE: These items should be used style the overall Form within CF7 forms
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-pina-colada fieldset {
60
  margin: 10px 0;
@@ -78,6 +77,7 @@ NOTE: These items should be used to style these elements within CF7 forms
78
  }
79
 
80
  .wpcf7 .cf7s-pina-colada fieldset fieldset {
 
81
  background: #fff;
82
  }
83
 
@@ -89,10 +89,9 @@ NOTE: These items should be used to style these elements within CF7 forms
89
  }
90
 
91
  /** Text Fields
92
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
93
  ------------------------------------------------------------ */
94
- .wpcf7 .cf7s-pina-colada input,
95
- .wpcf7 .cf7s-pina-colada textarea {
96
  margin-bottom: 5px;
97
  padding: 5px 10px;
98
  border: 1px solid #d7cfb9;
@@ -107,7 +106,6 @@ NOTE: These are the CSS selectors that should be used style these fields within
107
  .wpcf7 .cf7s-pina-colada input[type="range"],
108
  .wpcf7 .cf7s-pina-colada input[type=date],
109
  .wpcf7 .cf7s-pina-colada input[type=file] {
110
- /* width: 100%; Added to cf7s-default */
111
  }
112
 
113
  .wpcf7 .cf7s-pina-colada input[type="text"] {
@@ -120,12 +118,10 @@ NOTE: These are the CSS selectors that should be used style these fields within
120
  }
121
 
122
  .wpcf7 .cf7s-pina-colada textarea {
123
- /* width: 100%; Added to cf7s-default */
124
  padding: 5px 7px; /* deliberately different from Input */
125
  }
126
 
127
  /** Ordered & Unordered lists
128
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
129
  ------------------------------------------------------------ */
130
  .wpcf7 .cf7s-pina-colada ol,
131
  .wpcf7 .cf7s-pina-colada ul,
@@ -150,10 +146,9 @@ NOTE: These are the CSS selectors that should be used style these fields within
150
  }
151
 
152
  /** Checkboxes, Radio Buttons and Drop Down Menus
153
- NOTE: These are the CSS selectors that should be used style these Fields within CF7 forms
154
  ------------------------------------------------------------ */
155
- .wpcf7 .cf7s-pina-colada input[type="checkbox"],
156
- .wpcf7 .cf7s-pina-colada input[type="radio"] {
157
  border: none;
158
  background: none; /* needed for IE - cf7s-default is not specific enough */
159
  }
@@ -174,14 +169,14 @@ NOTE: These are the CSS selectors that should be used style these Fields within
174
  }
175
 
176
  /** Other Fields
177
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
178
  ------------------------------------------------------------ */
179
 
180
 
181
  /** Submit Buttons
182
- NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
183
  ------------------------------------------------------------ */
184
- .wpcf7 .cf7s-pina-colada input[type="submit"] {
185
  background: #4b0016; /* Old browsers */
186
  background: -moz-linear-gradient(top, #4b0016 0%, #77003a 47%, #720031 50%, #670020 53%, #99005d 100%); /* FF3.6+ */
187
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b0016), color-stop(47%,#77003a), color-stop(50%,#720031), color-stop(53%,#670020), color-stop(100%,#99005d)); /* Chrome,Safari4+ */
@@ -194,7 +189,7 @@ NOTE: These are the CSS selectors that should be used style Submit Buttons withi
194
  padding: 7px 10px;
195
  }
196
 
197
- .wpcf7 .cf7s-pina-colada input[type="submit"]:hover {
198
  background: #000;
199
  }
200
 
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: featured, red, brown, white, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
44
  }
45
 
46
  /** Form & Controls
47
+ NOTE: These items should be used to style the overall CF7 form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-pina-colada {
50
  padding: 20px;
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-pina-colada fieldset {
59
  margin: 10px 0;
77
  }
78
 
79
  .wpcf7 .cf7s-pina-colada fieldset fieldset {
80
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
81
  background: #fff;
82
  }
83
 
89
  }
90
 
91
  /** Text Fields
 
92
  ------------------------------------------------------------ */
93
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input,
94
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada textarea {
95
  margin-bottom: 5px;
96
  padding: 5px 10px;
97
  border: 1px solid #d7cfb9;
106
  .wpcf7 .cf7s-pina-colada input[type="range"],
107
  .wpcf7 .cf7s-pina-colada input[type=date],
108
  .wpcf7 .cf7s-pina-colada input[type=file] {
 
109
  }
110
 
111
  .wpcf7 .cf7s-pina-colada input[type="text"] {
118
  }
119
 
120
  .wpcf7 .cf7s-pina-colada textarea {
 
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
124
  /** Ordered & Unordered lists
 
125
  ------------------------------------------------------------ */
126
  .wpcf7 .cf7s-pina-colada ol,
127
  .wpcf7 .cf7s-pina-colada ul,
146
  }
147
 
148
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
149
  ------------------------------------------------------------ */
150
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="checkbox"],
151
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="radio"] {
152
  border: none;
153
  background: none; /* needed for IE - cf7s-default is not specific enough */
154
  }
169
  }
170
 
171
  /** Other Fields
172
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
173
  ------------------------------------------------------------ */
174
 
175
 
176
  /** Submit Buttons
177
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
178
  ------------------------------------------------------------ */
179
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="submit"] {
180
  background: #4b0016; /* Old browsers */
181
  background: -moz-linear-gradient(top, #4b0016 0%, #77003a 47%, #720031 50%, #670020 53%, #99005d 100%); /* FF3.6+ */
182
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b0016), color-stop(47%,#77003a), color-stop(50%,#720031), color-stop(53%,#670020), color-stop(100%,#99005d)); /* Chrome,Safari4+ */
189
  padding: 7px 10px;
190
  }
191
 
192
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="submit"]:hover {
193
  background: #000;
194
  }
195
 
skins/styles/topaz/topaz.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * Description: Topaz is a smart orange style, with subtle color variations, that will work well with themes that follow a similar color scheme.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-28
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: yellow, orange, white, light
@@ -27,7 +27,7 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
@@ -44,7 +44,7 @@ NOTE: These are used to reset standard HTML form elements within CF7 forms
44
  }
45
 
46
  /** Form & Controls
47
- NOTE: These items should be used style the overall Form within CF7 forms
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-topaz {
50
  padding: 20px;
@@ -54,7 +54,6 @@ NOTE: These items should be used style the overall Form within CF7 forms
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-topaz fieldset {
60
  margin: 10px 0;
@@ -78,6 +77,7 @@ NOTE: These items should be used to style these elements within CF7 forms
78
  }
79
 
80
  .wpcf7 .cf7s-topaz fieldset fieldset {
 
81
  }
82
 
83
  .wpcf7 .cf7s-topaz fieldset fieldset legend {
@@ -88,10 +88,9 @@ NOTE: These items should be used to style these elements within CF7 forms
88
  }
89
 
90
  /** Text Fields
91
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
92
  ------------------------------------------------------------ */
93
- .wpcf7 .cf7s-topaz input,
94
- .wpcf7 .cf7s-topaz textarea {
95
  margin-bottom: 8px;
96
  padding: 7px;
97
  color: #d17534;
@@ -107,7 +106,6 @@ NOTE: These are the CSS selectors that should be used style these fields within
107
  .wpcf7 .cf7s-topaz input[type="range"],
108
  .wpcf7 .cf7s-topaz input[type=date],
109
  .wpcf7 .cf7s-topaz input[type=file] {
110
- /* width: 100%; Added to cf7s-default */
111
  }
112
 
113
  .wpcf7 .cf7s-topaz input[type="text"] {
@@ -120,12 +118,10 @@ NOTE: These are the CSS selectors that should be used style these fields within
120
  }
121
 
122
  .wpcf7 .cf7s-topaz textarea {
123
- /* width: 100%; Added to cf7s-default */
124
  padding: 5px 7px; /* deliberately different from Input */
125
  }
126
 
127
  /** Ordered & Unordered lists
128
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
129
  ------------------------------------------------------------ */
130
  .wpcf7 .cf7s-topaz ol,
131
  .wpcf7 .cf7s-topaz ul,
@@ -146,17 +142,16 @@ NOTE: These are the CSS selectors that should be used style these fields within
146
  }
147
 
148
  .wpcf7 .cf7s-topaz .wpcf7-list-item-label {
149
- margin-right: 7px; /* adds space after Radio Button labels */
150
  }
151
 
152
  /** Checkboxes, Radio Buttons and Drop Down Menus
153
- NOTE: These are the CSS selectors that should be used style these Fields within CF7 forms
154
  ------------------------------------------------------------ */
155
- .wpcf7 .cf7s-topaz input[type="checkbox"],
156
- .wpcf7 .cf7s-topaz input[type="radio"] {
157
  margin-right: 6px;
158
  border: none;
159
- background: none; /* needed for IE - cf7s-default is not specific enough */
160
  }
161
 
162
  .wpcf7 .cf7s-topaz select {
@@ -180,21 +175,21 @@ NOTE: These are the CSS selectors that should be used style these Fields within
180
  }
181
 
182
  /** Other Fields
183
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
184
  ------------------------------------------------------------ */
185
 
186
 
187
  /** Submit Buttons
188
- NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
189
  ------------------------------------------------------------ */
190
- .wpcf7 .cf7s-topaz input[type="submit"] {
191
  padding: 5px 15px;
192
  color: #fff;
193
  border: 1px solid #e0bf7a;
194
  background: #d88249;
195
  }
196
 
197
- .wpcf7 .cf7s-topaz input[type="submit"]:hover {
198
  color: #d17437;
199
  background: #f6d896;
200
  }
5
  * Author URI: http://cf7skins.com
6
  * Description: Topaz is a smart orange style, with subtle color variations, that will work well with themes that follow a similar color scheme.
7
  * Instructions:
8
+ * Instructions:
9
+ * Version: 1.01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: yellow, orange, white, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
44
  }
45
 
46
  /** Form & Controls
47
+ NOTE: These items should be used to style the overall CF7 form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-topaz {
50
  padding: 20px;
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-topaz fieldset {
59
  margin: 10px 0;
77
  }
78
 
79
  .wpcf7 .cf7s-topaz fieldset fieldset {
80
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
81
  }
82
 
83
  .wpcf7 .cf7s-topaz fieldset fieldset legend {
88
  }
89
 
90
  /** Text Fields
 
91
  ------------------------------------------------------------ */
92
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input,
93
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz textarea {
94
  margin-bottom: 8px;
95
  padding: 7px;
96
  color: #d17534;
106
  .wpcf7 .cf7s-topaz input[type="range"],
107
  .wpcf7 .cf7s-topaz input[type=date],
108
  .wpcf7 .cf7s-topaz input[type=file] {
 
109
  }
110
 
111
  .wpcf7 .cf7s-topaz input[type="text"] {
118
  }
119
 
120
  .wpcf7 .cf7s-topaz textarea {
 
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
124
  /** Ordered & Unordered lists
 
125
  ------------------------------------------------------------ */
126
  .wpcf7 .cf7s-topaz ol,
127
  .wpcf7 .cf7s-topaz ul,
142
  }
143
 
144
  .wpcf7 .cf7s-topaz .wpcf7-list-item-label {
145
+ margin-right: 7px;
146
  }
147
 
148
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
149
  ------------------------------------------------------------ */
150
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="checkbox"],
151
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="radio"] {
152
  margin-right: 6px;
153
  border: none;
154
+ background: none;
155
  }
156
 
157
  .wpcf7 .cf7s-topaz select {
175
  }
176
 
177
  /** Other Fields
178
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
179
  ------------------------------------------------------------ */
180
 
181
 
182
  /** Submit Buttons
183
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
184
  ------------------------------------------------------------ */
185
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="submit"] {
186
  padding: 5px 15px;
187
  color: #fff;
188
  border: 1px solid #e0bf7a;
189
  background: #d88249;
190
  }
191
 
192
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="submit"]:hover {
193
  color: #d17437;
194
  background: #f6d896;
195
  }
skins/styles/vanilla/vanilla.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-28
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: yellow, white, red, light
@@ -27,12 +27,12 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
34
  /** Resets
35
- NOTE: These items should be used to reset standard HTML form elements within CF7 forms
36
  ------------------------------------------------------------ */
37
  .wpcf7 .cf7s-vanilla p {
38
  }
@@ -44,7 +44,7 @@ NOTE: These items should be used to reset standard HTML form elements within CF7
44
  }
45
 
46
  /** Form & Controls
47
- NOTE: These items should be used style the overall Form within CF7 forms
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-vanilla {
50
  padding: 20px;
@@ -54,7 +54,6 @@ NOTE: These items should be used style the overall Form within CF7 forms
54
  }
55
 
56
  /** Fieldset, Legend, Label
57
- NOTE: These items should be used to style these elements within CF7 forms
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-vanilla fieldset {
60
  margin: 10px 0;
@@ -77,22 +76,22 @@ NOTE: These items should be used to style these elements within CF7 forms
77
  }
78
 
79
  .wpcf7 .cf7s-vanilla fieldset fieldset {
 
80
  background: #fff;
81
  }
82
 
83
  .wpcf7 .cf7s-vanilla fieldset fieldset legend {
84
  }
85
 
86
- .wpcf7 .cf7s-vanilla fieldset fieldset input,
87
- .wpcf7 .cf7s-vanilla fieldset fieldset textarea {
88
  background: #fff7c0;
89
  }
90
 
91
  /** Text Fields
92
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
93
  ------------------------------------------------------------ */
94
- .wpcf7 .cf7s-vanilla input,
95
- .wpcf7 .cf7s-vanilla textarea {
96
  margin-bottom: 8px;
97
  padding: 7px;
98
  border: 1px solid #a3a3a3;
@@ -107,7 +106,6 @@ NOTE: These are the CSS selectors that should be used style these fields within
107
  .wpcf7 .cf7s-vanilla input[type="range"],
108
  .wpcf7 .cf7s-vanilla input[type=date],
109
  .wpcf7 .cf7s-vanilla input[type=file] {
110
- /* width: 100%; Added to cf7s-default */
111
  }
112
 
113
  .wpcf7 .cf7s-vanilla input[type="text"] {
@@ -120,12 +118,10 @@ NOTE: These are the CSS selectors that should be used style these fields within
120
  }
121
 
122
  .wpcf7 .cf7s-vanilla textarea {
123
- /* width: 100%; Added to cf7s-default */
124
  padding: 5px 7px; /* deliberately different from Input */
125
  }
126
 
127
  /** Ordered & Unordered lists
128
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
129
  ------------------------------------------------------------ */
130
  .wpcf7 .cf7s-vanilla ol,
131
  .wpcf7 .cf7s-vanilla ul,
@@ -146,17 +142,16 @@ NOTE: These are the CSS selectors that should be used style these fields within
146
  }
147
 
148
  .wpcf7 .cf7s-vanilla .wpcf7-list-item-label {
149
- margin-right: 7px; /* adds space after Radio Button labels */
150
  }
151
 
152
  /** Checkboxes, Radio Buttons and Drop Down Menus
153
- NOTE: These are the CSS selectors that should be used style these Fields within CF7 forms
154
  ------------------------------------------------------------ */
155
- .wpcf7 .cf7s-vanilla input[type="checkbox"],
156
- .wpcf7 .cf7s-vanilla input[type="radio"] {
157
  margin-right: 6px;
158
  border: none;
159
- background: none; /* needed for IE - cf7s-default is not specific enough */
160
  }
161
 
162
  .wpcf7 .cf7s-vanilla select {
@@ -181,21 +176,21 @@ NOTE: These are the CSS selectors that should be used style these Fields within
181
  }
182
 
183
  /** Other Fields
184
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
185
  ------------------------------------------------------------ */
186
 
187
 
188
  /** Submit Buttons
189
- NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
190
  ------------------------------------------------------------ */
191
- .wpcf7 .cf7s-vanilla input[type="submit"] {
192
  padding: 5px 15px;
193
  color: #fff;
194
  border: none;
195
  background: #c63b1c;
196
  }
197
 
198
- .wpcf7 .cf7s-vanilla input[type="submit"]:hover {
199
  color: #fff;
200
  background: #000;
201
  }
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: yellow, white, red, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
34
  /** Resets
35
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
36
  ------------------------------------------------------------ */
37
  .wpcf7 .cf7s-vanilla p {
38
  }
44
  }
45
 
46
  /** Form & Controls
47
+ NOTE: These items should be used to style the overall CF7 form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-vanilla {
50
  padding: 20px;
54
  }
55
 
56
  /** Fieldset, Legend, Label
 
57
  ------------------------------------------------------------ */
58
  .wpcf7 .cf7s-vanilla fieldset {
59
  margin: 10px 0;
76
  }
77
 
78
  .wpcf7 .cf7s-vanilla fieldset fieldset {
79
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
80
  background: #fff;
81
  }
82
 
83
  .wpcf7 .cf7s-vanilla fieldset fieldset legend {
84
  }
85
 
86
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla fieldset fieldset input,
87
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla fieldset fieldset textarea {
88
  background: #fff7c0;
89
  }
90
 
91
  /** Text Fields
 
92
  ------------------------------------------------------------ */
93
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input,
94
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla textarea {
95
  margin-bottom: 8px;
96
  padding: 7px;
97
  border: 1px solid #a3a3a3;
106
  .wpcf7 .cf7s-vanilla input[type="range"],
107
  .wpcf7 .cf7s-vanilla input[type=date],
108
  .wpcf7 .cf7s-vanilla input[type=file] {
 
109
  }
110
 
111
  .wpcf7 .cf7s-vanilla input[type="text"] {
118
  }
119
 
120
  .wpcf7 .cf7s-vanilla textarea {
 
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
124
  /** Ordered & Unordered lists
 
125
  ------------------------------------------------------------ */
126
  .wpcf7 .cf7s-vanilla ol,
127
  .wpcf7 .cf7s-vanilla ul,
142
  }
143
 
144
  .wpcf7 .cf7s-vanilla .wpcf7-list-item-label {
145
+ margin-right: 7px;
146
  }
147
 
148
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
149
  ------------------------------------------------------------ */
150
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="checkbox"],
151
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="radio"] {
152
  margin-right: 6px;
153
  border: none;
154
+ background: none;
155
  }
156
 
157
  .wpcf7 .cf7s-vanilla select {
176
  }
177
 
178
  /** Other Fields
179
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
180
  ------------------------------------------------------------ */
181
 
182
 
183
  /** Submit Buttons
184
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
185
  ------------------------------------------------------------ */
186
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="submit"] {
187
  padding: 5px 15px;
188
  color: #fff;
189
  border: none;
190
  background: #c63b1c;
191
  }
192
 
193
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="submit"]:hover {
194
  color: #fff;
195
  background: #000;
196
  }
skins/styles/wild-west/wild-west.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
- * Version: 0.04
9
- * Version Date: 2015-02-28
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: popular, brown, white, light
@@ -27,7 +27,7 @@
27
  */
28
 
29
  /** Import
30
- NOTE: Use to import other style sheets before setting cf7s defaults
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
@@ -44,7 +44,7 @@ NOTE: These are used to reset standard HTML form elements within CF7 forms
44
  }
45
 
46
  /** Form & Controls
47
- NOTE: These items should be used style the overall Form within CF7 forms
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-wild-west {
50
  padding: 20px;
@@ -55,7 +55,6 @@ NOTE: These items should be used style the overall Form within CF7 forms
55
  }
56
 
57
  /** Fieldset, Legend, Label
58
- NOTE: These items should be used to style these elements within CF7 forms
59
  ------------------------------------------------------------ */
60
  .wpcf7 .cf7s-wild-west fieldset {
61
  margin: 10px 0;
@@ -79,6 +78,7 @@ NOTE: These items should be used to style these elements within CF7 forms
79
  }
80
 
81
  .wpcf7 .cf7s-wild-west fieldset fieldset {
 
82
  }
83
 
84
  .wpcf7 .cf7s-wild-west fieldset fieldset legend {
@@ -89,10 +89,9 @@ NOTE: These items should be used to style these elements within CF7 forms
89
  }
90
 
91
  /** Text Fields
92
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
93
  ------------------------------------------------------------ */
94
- .wpcf7 .cf7s-wild-west input,
95
- .wpcf7 .cf7s-wild-west textarea {
96
  margin-bottom: 8px;
97
  padding: 5px 7px;
98
  color: #000;
@@ -109,7 +108,6 @@ NOTE: These are the CSS selectors that should be used style these fields within
109
  .wpcf7 .cf7s-wild-west input[type="range"],
110
  .wpcf7 .cf7s-wild-west input[type=date],
111
  .wpcf7 .cf7s-wild-west input[type=file] {
112
- /* width: 100%; Added to cf7s-default */
113
  }
114
 
115
  .wpcf7 .cf7s-wild-west input[type="text"] {
@@ -122,7 +120,6 @@ NOTE: These are the CSS selectors that should be used style these fields within
122
  }
123
 
124
  .wpcf7 .cf7s-wild-west textarea {
125
- /* width: 100%; Added to cf7s-default */
126
  }
127
 
128
  /** Ordered & Unordered lists
@@ -143,16 +140,16 @@ NOTE: These are the CSS selectors that should be used style these fields within
143
 
144
  .wpcf7 .cf7s-wild-west .wpcf7-list-item {
145
  }
 
146
  .wpcf7 .cf7s-wild-west .wpcf7-list-item-label {
147
  }
148
 
149
  /** Checkboxes, Radio Buttons and Drop Down Menus
150
- NOTE: These are the CSS selectors that should be used style these Fields within CF7 forms
151
  ------------------------------------------------------------ */
152
- .wpcf7 .cf7s-wild-west input[type="checkbox"],
153
- .wpcf7 .cf7s-wild-west input[type="radio"] {
154
  border: none;
155
- background: none; /* needed for IE - cf7s-default is not specific enough */
156
  }
157
 
158
  .wpcf7 .cf7s-wild-west select {
@@ -174,14 +171,14 @@ NOTE: These are the CSS selectors that should be used style these Fields within
174
  }
175
 
176
  /** Other Fields
177
- NOTE: These are the CSS selectors that should be used style these fields within CF7 forms
178
  ------------------------------------------------------------ */
179
 
180
 
181
  /** Submit Buttons
182
- NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
183
  ------------------------------------------------------------ */
184
- .wpcf7 .cf7s-wild-west input[type="submit"] {
185
  font-weight: bold;
186
  padding: 5px 15px;
187
  color: #fff;
@@ -190,7 +187,7 @@ NOTE: These are the CSS selectors that should be used style Submit Buttons withi
190
  background: #4f2a0f;
191
  }
192
 
193
- .wpcf7 .cf7s-wild-west input[type="submit"]:hover {
194
  background: #000;
195
  }
196
 
5
  * Author URI: http://cf7skins.com
6
  * 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.
7
  * Instructions:
8
+ * Version: 1.01
9
+ * Version Date: 2015-05-01
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: popular, brown, white, light
27
  */
28
 
29
  /** Import
30
+ NOTE: Use to import other style sheets
31
  ------------------------------------------------------------ */
32
  /* @import url('../parent/style.css'); */
33
 
44
  }
45
 
46
  /** Form & Controls
47
+ NOTE: These items should be used to style the overall CF7 form
48
  ------------------------------------------------------------ */
49
  .wpcf7 .cf7s-wild-west {
50
  padding: 20px;
55
  }
56
 
57
  /** Fieldset, Legend, Label
 
58
  ------------------------------------------------------------ */
59
  .wpcf7 .cf7s-wild-west fieldset {
60
  margin: 10px 0;
78
  }
79
 
80
  .wpcf7 .cf7s-wild-west fieldset fieldset {
81
+ margin: 10px 0; /* Above CSS overwritten by cf7s-default */
82
  }
83
 
84
  .wpcf7 .cf7s-wild-west fieldset fieldset legend {
89
  }
90
 
91
  /** Text Fields
 
92
  ------------------------------------------------------------ */
93
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input,
94
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west textarea {
95
  margin-bottom: 8px;
96
  padding: 5px 7px;
97
  color: #000;
108
  .wpcf7 .cf7s-wild-west input[type="range"],
109
  .wpcf7 .cf7s-wild-west input[type=date],
110
  .wpcf7 .cf7s-wild-west input[type=file] {
 
111
  }
112
 
113
  .wpcf7 .cf7s-wild-west input[type="text"] {
120
  }
121
 
122
  .wpcf7 .cf7s-wild-west textarea {
 
123
  }
124
 
125
  /** Ordered & Unordered lists
140
 
141
  .wpcf7 .cf7s-wild-west .wpcf7-list-item {
142
  }
143
+
144
  .wpcf7 .cf7s-wild-west .wpcf7-list-item-label {
145
  }
146
 
147
  /** Checkboxes, Radio Buttons and Drop Down Menus
 
148
  ------------------------------------------------------------ */
149
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="checkbox"],
150
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="radio"] {
151
  border: none;
152
+ background: none;
153
  }
154
 
155
  .wpcf7 .cf7s-wild-west select {
171
  }
172
 
173
  /** Other Fields
174
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
175
  ------------------------------------------------------------ */
176
 
177
 
178
  /** Submit Buttons
179
+ NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
180
  ------------------------------------------------------------ */
181
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="submit"] {
182
  font-weight: bold;
183
  padding: 5px 15px;
184
  color: #fff;
187
  background: #4f2a0f;
188
  }
189
 
190
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="submit"]:hover {
191
  background: #000;
192
  }
193