Contact Form 7 Skins - Version 1.1

Version Description

  • 2015-06-30 =

  • FEATURE: Add Styles

  • FIX: Ensure all plugin data is deleted

  • TWEAK: Enqueue only where necessary within Contact Form 7

  • TWEAK: Update Help Ballons

Download this release

Release Info

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

Code changes from version 1.0.2 to 1.1

Files changed (34) hide show
  1. includes/admin.php +21 -2
  2. includes/contact.php +1 -1
  3. includes/logs.php +11 -5
  4. includes/settings.php +1 -1
  5. includes/skin.php +1 -1
  6. includes/style.php +1 -1
  7. includes/tab.php +3 -3
  8. includes/template.php +1 -1
  9. index.php +3 -3
  10. readme.txt +38 -17
  11. skins/styles/berry-delight/berry-delight.css +335 -0
  12. skins/styles/berry-delight/modal.png +0 -0
  13. skins/styles/berry-delight/thumbnail.png +0 -0
  14. skins/styles/blush/blush.css +115 -16
  15. skins/styles/cargo/cargo.css +332 -0
  16. skins/styles/cargo/modal.png +0 -0
  17. skins/styles/cargo/thumbnail.png +0 -0
  18. skins/styles/caspar/caspar.css +108 -16
  19. skins/styles/choc-shake/choc-shake.css +125 -16
  20. skins/styles/cotton-candy/cotton-candy.css +112 -16
  21. skins/styles/default/cf7s-default.css +2 -2
  22. skins/styles/eggplant/eggplant.css +110 -14
  23. skins/styles/emerald/emerald.css +346 -0
  24. skins/styles/emerald/modal.png +0 -0
  25. skins/styles/emerald/thumbnail.png +0 -0
  26. skins/styles/magnum/magnum.css +115 -17
  27. skins/styles/pina-colada/pina-colada.css +127 -18
  28. skins/styles/seaspray/modal.png +0 -0
  29. skins/styles/seaspray/seaspray.css +337 -0
  30. skins/styles/seaspray/thumbnail.png +0 -0
  31. skins/styles/topaz/topaz.css +113 -16
  32. skins/styles/vanilla/vanilla.css +112 -15
  33. skins/styles/wild-west/wild-west.css +122 -16
  34. uninstall.php +3 -0
includes/admin.php CHANGED
@@ -79,11 +79,11 @@ class CF7_Skins_Admin {
79
 
80
  wp_enqueue_script( 'tipsy',
81
  CF7SKINS_URL . 'js/jquery.tipsy.js',
82
- array( 'jquery' ), '1.0.0a' );
83
 
84
  wp_enqueue_script( 'cf7s-admin',
85
  CF7SKINS_URL . 'js/jquery.admin.js',
86
- array( 'jquery', 'underscore' ), CF7SKINS_VERSION );
87
 
88
  wp_localize_script( 'cf7s-admin', 'cf7s', array(
89
  'nonce' => wp_create_nonce( 'cf7s' ), // generate a nonce for security checking
@@ -155,4 +155,23 @@ class CF7_Skins_Admin {
155
  function skins_meta_box( $post, $box ) {
156
  $this->generate_tab( $post, $box ); // in tab.php
157
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
158
  }
79
 
80
  wp_enqueue_script( 'tipsy',
81
  CF7SKINS_URL . 'js/jquery.tipsy.js',
82
+ array( 'jquery' ), '1.0.0a', true );
83
 
84
  wp_enqueue_script( 'cf7s-admin',
85
  CF7SKINS_URL . 'js/jquery.admin.js',
86
+ array( 'jquery', 'underscore' ), CF7SKINS_VERSION, true );
87
 
88
  wp_localize_script( 'cf7s-admin', 'cf7s', array(
89
  'nonce' => wp_create_nonce( 'cf7s' ), // generate a nonce for security checking
155
  function skins_meta_box( $post, $box ) {
156
  $this->generate_tab( $post, $box ); // in tab.php
157
  }
158
+
159
+
160
+ /**
161
+ * Check if current admin page is contact form editing page
162
+ * @since 1.0.2
163
+ */
164
+ public static function edit_page() {
165
+ global $hook_suffix;
166
+
167
+ // Don't show at the Contact Form 7 list wp-admin/admin.php?page=wpcf7
168
+ if( 'toplevel_page_wpcf7' == $hook_suffix && isset( $_GET['post'] ) && ! empty( $_GET['post'] ) )
169
+ return true;
170
+
171
+ // Don't show in the add new page
172
+ if( 'contact_page_wpcf7-new' == $hook_suffix && isset( $_GET['locale'] ) )
173
+ return true;
174
+
175
+ return false;
176
+ }
177
  }
includes/contact.php CHANGED
@@ -290,7 +290,7 @@ class CF7_Skins_Contact {
290
  * @author Neil Murray
291
  */
292
  function print_custom() {
293
- $option = get_option( CF7SKINS_SLUG );
294
  if( isset( $option['custom'] ) && $option['custom'] )
295
  echo $option['custom'];
296
  }
290
  * @author Neil Murray
291
  */
292
  function print_custom() {
293
+ $option = get_option( CF7SKINS_OPTIONS );
294
  if( isset( $option['custom'] ) && $option['custom'] )
295
  echo $option['custom'];
296
  }
includes/logs.php CHANGED
@@ -133,15 +133,21 @@ class CF7_Skins_Log {
133
  * @since 0.5.0
134
  */
135
  function page_init() {
136
- $array = array( 'cf7skins', 'cf7skinspro', 'cf7skinsready' );
137
  $logs = get_option( 'cf7skins_activation' );
138
 
139
- foreach( $array as $k ) {
140
- if( isset( $_POST[$k.'_delete_status'] ) ) {
 
 
 
 
 
 
 
141
  unset( $logs[$k] ); // delete selected plugin log
142
  update_option( 'cf7skins_activation', $logs ); // update the activation log
143
  delete_option( $k.'_license_status' ); // delete the plugin license status
144
- }
145
  }
146
  }
147
 
@@ -174,6 +180,6 @@ class CF7_Skins_Log {
174
 
175
  } // End class
176
 
177
- $option = get_option( CF7SKINS_SLUG );
178
  if( isset( $option['display_log'] ) && $option['display_log'] )
179
  new CF7_Skins_Log(); // Create new instance
133
  * @since 0.5.0
134
  */
135
  function page_init() {
 
136
  $logs = get_option( 'cf7skins_activation' );
137
 
138
+ foreach( $_POST as $key => $value ) {
139
+
140
+ // Check if user push the delete status
141
+ if ( strpos( $key, '_delete_status' ) !== false ) {
142
+
143
+ // Explode and get the first text
144
+ $pieces = explode( '_', $key );
145
+ $k = $pieces[0];
146
+
147
  unset( $logs[$k] ); // delete selected plugin log
148
  update_option( 'cf7skins_activation', $logs ); // update the activation log
149
  delete_option( $k.'_license_status' ); // delete the plugin license status
150
+ }
151
  }
152
  }
153
 
180
 
181
  } // End class
182
 
183
+ $option = get_option( CF7SKINS_OPTIONS );
184
  if( isset( $option['display_log'] ) && $option['display_log'] )
185
  new CF7_Skins_Log(); // Create new instance
includes/settings.php CHANGED
@@ -27,7 +27,7 @@ class CF7_Skins_Settings {
27
  * @since 0.1.0
28
  */
29
  function __construct() {
30
- $this->slug = CF7SKINS_SLUG;
31
  $this->textdomain = CF7SKINS_TEXTDOMAIN;
32
 
33
  $this->section = isset( $_GET['tab'] ) ? $_GET['tab'] : 'general';
27
  * @since 0.1.0
28
  */
29
  function __construct() {
30
+ $this->slug = CF7SKINS_OPTIONS;
31
  $this->textdomain = CF7SKINS_TEXTDOMAIN;
32
 
33
  $this->section = isset( $_GET['tab'] ) ? $_GET['tab'] : 'general';
includes/skin.php CHANGED
@@ -31,7 +31,7 @@ class CF7_Skin {
31
  */
32
  function __construct() {
33
  // Set class variables
34
- $this->name = CF7SKINS_SLUG;
35
  $this->version = CF7SKINS_VERSION;
36
  $this->textdomain = CF7SKINS_TEXTDOMAIN;
37
  }
31
  */
32
  function __construct() {
33
  // Set class variables
34
+ $this->name = CF7SKINS_OPTIONS;
35
  $this->version = CF7SKINS_VERSION;
36
  $this->textdomain = CF7SKINS_TEXTDOMAIN;
37
  }
includes/style.php CHANGED
@@ -419,7 +419,7 @@ class CF7_Skin_Style extends CF7_Skin {
419
 
420
  <div class="block-details"><div>
421
  <ul class="clearfix skin-action">
422
- <li><a class="balloon view" data-value="<?php $this->get_slug_name( $style ); ?>" href="#cf7s-style" title="<?php _e( 'Use Expanded View to view styles features - shows all form fields available in Contact Form 7.', $this->textdomain ); ?>"><?php _e('Expanded View', $this->textdomain ); ?></a></li>
423
  <li><a class="balloon select<?php echo $class; ?>" data-value="<?php $this->get_slug_name( $style ); ?>" href="#cf7s-style" title="<?php _e( 'Select to apply the Style to your form - is applied to your form once you Save.', $this->textdomain ); ?>"><?php echo $select_text; ?></a></li>
424
  <li><a class="balloon close" href="#" title="<?php _e( 'Return to Style Gallery/Grid view.', $this->textdomain ); ?>"><?php _e('Close', $this->textdomain ); ?></a></li>
425
  </ul>
419
 
420
  <div class="block-details"><div>
421
  <ul class="clearfix skin-action">
422
+ <li><a class="balloon view" data-value="<?php $this->get_slug_name( $style ); ?>" href="#cf7s-style" title="<?php _e( 'Use Expanded View to view Styles features - shows all form fields available in Contact Form 7.', $this->textdomain ); ?>"><?php _e('Expanded View', $this->textdomain ); ?></a></li>
423
  <li><a class="balloon select<?php echo $class; ?>" data-value="<?php $this->get_slug_name( $style ); ?>" href="#cf7s-style" title="<?php _e( 'Select to apply the Style to your form - is applied to your form once you Save.', $this->textdomain ); ?>"><?php echo $select_text; ?></a></li>
424
  <li><a class="balloon close" href="#" title="<?php _e( 'Return to Style Gallery/Grid view.', $this->textdomain ); ?>"><?php _e('Close', $this->textdomain ); ?></a></li>
425
  </ul>
includes/tab.php CHANGED
@@ -217,14 +217,14 @@ class CF7_Skins_Admin_Tab extends CF7_Skins_Admin {
217
  * @since 0.0.1
218
  */
219
  function generate_tab( $post, $box ) {
220
- $option = get_option( CF7SKINS_SLUG );
221
  $color_scheme = isset( $option['color_scheme'] ) ? $option['color_scheme'] : '';
222
 
223
  // Template tooltip text
224
  // @since 0.2.0
225
  $this->tabs['template'] = array(
226
  'label' => __( 'Template', 'cf7skins'),
227
- 'note' => __( 'Each Template acts as an easy to follow guide, which can be adapted to your requirements < Templates >', 'cf7skins'),
228
  'help' => __( 'Choose a Template for your form – then you can add, copy or remove fields to match your requirements.', 'cf7skins'),
229
  );
230
 
@@ -232,7 +232,7 @@ class CF7_Skins_Admin_Tab extends CF7_Skins_Admin {
232
  // @since 0.2.0
233
  $this->tabs['style'] = array(
234
  'label' => __( 'Style', 'cf7skins'),
235
- 'note' => __( 'Each Style covers the full range of standard form elements available within Contact Form 7 <Styles>', 'cf7skins'),
236
  'help' => __( 'You can change the Style applied to your form by simply selecting a different Style', 'cf7skins')
237
  );
238
  ?>
217
  * @since 0.0.1
218
  */
219
  function generate_tab( $post, $box ) {
220
+ $option = get_option( CF7SKINS_OPTIONS );
221
  $color_scheme = isset( $option['color_scheme'] ) ? $option['color_scheme'] : '';
222
 
223
  // Template tooltip text
224
  // @since 0.2.0
225
  $this->tabs['template'] = array(
226
  'label' => __( 'Template', 'cf7skins'),
227
+ 'note' => __( 'Each Template acts as an easy to follow guide, which can be adapted to your requirements', 'cf7skins'),
228
  'help' => __( 'Choose a Template for your form – then you can add, copy or remove fields to match your requirements.', 'cf7skins'),
229
  );
230
 
232
  // @since 0.2.0
233
  $this->tabs['style'] = array(
234
  'label' => __( 'Style', 'cf7skins'),
235
+ 'note' => __( 'Each Style covers the full range of standard form elements available within Contact Form 7', 'cf7skins'),
236
  'help' => __( 'You can change the Style applied to your form by simply selecting a different Style', 'cf7skins')
237
  );
238
  ?>
includes/template.php CHANGED
@@ -428,7 +428,7 @@ class CF7_Skin_Template extends CF7_Skin {
428
  </div>
429
  <div class="block-details"><div>
430
  <ul class="clearfix skin-action">
431
- <li><a class="balloon view" data-value="<?php $this->get_slug_name( $template ); ?>" href="#cf7s-template" title="<?php _e( 'Use Expanded View to view template features - shows layout, description & usage details.', $this->textdomain ); ?>"><?php _e('Expanded View', $this->textdomain ); ?></a></li>
432
  <li><a class="balloon select<?php echo $class; ?>" data-value="<?php $this->get_slug_name( $template ); ?>" href="#cf7s-template" title="<?php _e( 'Select to apply the Template to your form - appears in the Form Editing area, where you can edit to your requirements.', $this->textdomain ); ?>"><?php echo $select_text; ?></a></li>
433
  <li><a class="balloon close" href="#" title="<?php _e( 'Return to Template Gallery/Grid view.', $this->textdomain ); ?>"><?php _e('Close', $this->textdomain ); ?></a></li>
434
  </ul>
428
  </div>
429
  <div class="block-details"><div>
430
  <ul class="clearfix skin-action">
431
+ <li><a class="balloon view" data-value="<?php $this->get_slug_name( $template ); ?>" href="#cf7s-template" title="<?php _e( 'Use Expanded View to view Template features - shows layout, description & usage details.', $this->textdomain ); ?>"><?php _e('Expanded View', $this->textdomain ); ?></a></li>
432
  <li><a class="balloon select<?php echo $class; ?>" data-value="<?php $this->get_slug_name( $template ); ?>" href="#cf7s-template" title="<?php _e( 'Select to apply the Template to your form - appears in the Form Editing area, where you can edit to your requirements.', $this->textdomain ); ?>"><?php echo $select_text; ?></a></li>
433
  <li><a class="balloon close" href="#" title="<?php _e( 'Return to Template Gallery/Grid view.', $this->textdomain ); ?>"><?php _e('Close', $this->textdomain ); ?></a></li>
434
  </ul>
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.2
7
  * Author: Neil Murray
8
  * Author URI: http://cf7skins.com
9
  * License: GPL-2.0+
@@ -44,8 +44,8 @@ if ( ! defined( 'ABSPATH' ) )
44
  *
45
  * @since 0.0.1
46
  */
47
- define( 'CF7SKINS_VERSION', '1.0.2' );
48
- define( 'CF7SKINS_SLUG', 'cf7skins' );
49
  define( 'CF7SKINS_TEXTDOMAIN', 'cf7skins' );
50
  define( 'CF7SKINS_FEATURE_FILTER', false ); // @since 0.4.0
51
  define( 'CF7SKINS_PATH', plugin_dir_path( __FILE__ ) );
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.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.1' );
48
+ define( 'CF7SKINS_OPTIONS', 'cf7skins' );
49
  define( 'CF7SKINS_TEXTDOMAIN', 'cf7skins' );
50
  define( 'CF7SKINS_FEATURE_FILTER', false ); // @since 0.4.0
51
  define( 'CF7SKINS_PATH', plugin_dir_path( __FILE__ ) );
readme.txt CHANGED
@@ -3,33 +3,33 @@ Contributors: buzztone
3
  Tags: contact form 7, form, skin, template, style, html, css
4
  Requires at least: 4.1
5
  Tested up to: 4.2.2
6
- Stable tag: 1.0.2
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 building & 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 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 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.
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
 
@@ -39,7 +39,18 @@ With the Pro version of the plugin [CF7 Skins Pro](http://cf7skins.com/pro-versi
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
 
@@ -63,13 +74,13 @@ Having trouble? Learn more about how to install plugins on [WordPress Codex](htt
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
 
@@ -90,10 +101,17 @@ Many questions have been answered on the [CF7 Skins FAQ](http://kb.cf7skins.com/
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.2 - 2015-05-29 =
98
 
99
  * FIX: wpcf7_add_meta_boxes action removed in Contact Form 7 4.2
@@ -103,8 +121,11 @@ Many questions have been answered on the [CF7 Skins FAQ](http://kb.cf7skins.com/
103
 
104
  = 1.0.1 - 2015-05-06 =
105
 
106
- * FIX: Default CSS overriding input & textarea Styles
107
 
108
- = 1.0 - 2015-04-01 =
109
 
110
  * Initial Release
 
 
 
3
  Tags: contact form 7, form, skin, template, style, html, css
4
  Requires at least: 4.1
5
  Tested up to: 4.2.2
6
+ Stable tag: 1.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
+ * Create a vast range of simple and complex forms using Contact Form 7.
28
+ * Select from a list of built-in and ready to use Templates.
29
+ * Easily edit built-in Templates to add, remove or modify form fields.
30
+ * Choose from a range of compatible Contact Form 7 from Styles.
31
+ * Works right within the normal Contact Form 7 plugin interface.
32
+ * Build professional looking Contact Form 7 forms without HTML and CSS knowledge.
33
 
34
  [Read more about CF7 Skins](http://cf7skins.com/).
35
 
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
+ = Multi-part Form Add-on now Available =
43
+ Our [CF7 Skins Multi](http://cf7skins.com/add-ons/) Add-on includes the features you need to make user friendly multi-part Contact Form 7 forms.
44
+
45
+ * **Tab Titles** – with click Navigation
46
+ * **Progress Bar** – indicates to users where they are (optional)
47
+ * **Navigation Buttons** – Previous & Next on each Tab (optional)
48
+ * **Pagination** – current page / total no. (optional)
49
+ * **Start & End Tabs** – (optional) additional Navigation Buttons
50
+ * **Thank You Tab** – (optional) extra page displayed only after completed form submission
51
+ * **Design Matches CF7 Skins Style** – styling of multi-form elements matches selected CF7 Skins Style
52
+
53
+ See: [Plugin Website](http://cf7skins.com/) | [Documentation](http://docs.cf7skins.com/) | [FAQs](http://kb.cf7skins.com/faq/) | [Pro Version](http://cf7skins.com/pro-version/) | [Add-ons](http://cf7skins.com/add-ons/)
54
 
55
  == Installation ==
56
 
74
 
75
  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/)
76
 
77
+ = Is their Documentation available? =
78
 
79
  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.
80
 
81
  = How do I get started? =
82
 
83
+ Their is a range of [Tutorials](http://kb.cf7skins.com/category/tutorials/) available to help you get started using CF7 Skins.
84
 
85
  = How do I get more Templates and Styles for CF7 Skins? =
86
 
101
  4. CF7 Skins comes with many beautiful Styles for your forms.
102
  5. Detailed view of a Template.
103
  6. Detailed view of a Style.
104
+ 7. Completed CF7 Skins Form.
105
 
106
  == Changelog ==
107
 
108
+ = 1.1 - 2015-06-30 =
109
+
110
+ * FEATURE: Add Styles
111
+ * FIX: Ensure all plugin data is deleted
112
+ * TWEAK: Enqueue only where necessary within Contact Form 7
113
+ * TWEAK: Update Help Ballons
114
+
115
  = 1.0.2 - 2015-05-29 =
116
 
117
  * FIX: wpcf7_add_meta_boxes action removed in Contact Form 7 4.2
121
 
122
  = 1.0.1 - 2015-05-06 =
123
 
124
+ * FIX: Default CSS was overriding input & textarea Styles
125
 
126
+ = 1.0 - 2015-04-09 =
127
 
128
  * Initial Release
129
+
130
+ == Upgrade Notice ==
131
+ * 1.1 : Update via WordPress.
skins/styles/berry-delight/berry-delight.css ADDED
@@ -0,0 +1,335 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ * Style Name: Berry Delight
3
+ * Style URI: http://
4
+ * Author: Neil Murray
5
+ * Author URI: http://cf7skins.com
6
+ * Description: Berry Delight is likely to fit well in websites with softer colors, especially those which follow its peachy-pink color scheme. Use this style to create eye catching forms for any website.
7
+ * Instructions:
8
+ * Version: 1.1
9
+ * Version Date: 2015-06-30
10
+ * License: GNU General Public License v2 or later
11
+ * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
+ * Tags: pink, grey, white, light
13
+ */
14
+
15
+ /** Table of Contents
16
+ * Import
17
+ * Resets
18
+ * Form & Controls
19
+ * Fieldset, Legend, Label
20
+ * Text Fields
21
+ * Ordered & Unordered lists
22
+ * Checkboxes, Radio Buttons and Drop Down Menus
23
+ * Other Fields
24
+ * Submit Buttons
25
+ * Special Classes
26
+ * Ready Styles
27
+ * Multi Styles
28
+ */
29
+
30
+ /** Import
31
+ NOTE: Use to import other style sheets
32
+ ------------------------------------------------------------ */
33
+ /* @import url('../parent/style.css'); */
34
+
35
+ /** Resets
36
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
37
+ ------------------------------------------------------------ */
38
+ .wpcf7 .cf7s-berry-delight p {
39
+ }
40
+
41
+ .wpcf7 .cf7s-berry-delight em {
42
+ }
43
+
44
+ .wpcf7 .cf7s-berry-delight a {
45
+ }
46
+
47
+ /** Form & Controls
48
+ NOTE: These items should be used to style the overall CF7 form
49
+ ------------------------------------------------------------ */
50
+ .wpcf7 .cf7s-berry-delight {
51
+ padding: 20px;
52
+ color: #363233;
53
+ border: 1px solid #fbd4cf;
54
+ background: #fff;
55
+ }
56
+
57
+ /** Fieldset, Legend, Label
58
+ ------------------------------------------------------------ */
59
+ .wpcf7 .cf7s-berry-delight fieldset {
60
+ margin: 10px 0;
61
+ padding: 10px 20px;
62
+ border: 1px solid #fbd4cf;
63
+ background: #fbd4cf;
64
+ }
65
+
66
+ .wpcf7 .cf7s-berry-delight legend {
67
+ font-size: 1.2em;
68
+ padding: 3px 20px;
69
+ color: #fff;
70
+ border: 6px solid #fbd4cf;
71
+ border-bottom: 0px solid #fbd4cf;
72
+ background: #545454;
73
+ }
74
+
75
+ .wpcf7 .cf7s-berry-delight label {
76
+ }
77
+
78
+ .wpcf7 .cf7s-berry-delight fieldset p {
79
+ }
80
+
81
+ .wpcf7 .cf7s-berry-delight fieldset fieldset {
82
+ margin: 10px 0;
83
+ background: #f6babc;
84
+ }
85
+
86
+ .wpcf7 .cf7s-berry-delight fieldset fieldset legend {
87
+ border: 6px solid #f6babc;
88
+ }
89
+
90
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight fieldset fieldset input,
91
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight fieldset fieldset textarea {
92
+ color: #363233;
93
+ border: 1px solid #d77c7f;
94
+ background: #fbd4d0;
95
+ }
96
+
97
+ /** Text Fields
98
+ ------------------------------------------------------------ */
99
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input,
100
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight textarea{
101
+ margin-bottom: 8px;
102
+ padding: 7px;
103
+ color: #fff;
104
+ border: 1px solid #ffe0dc;
105
+ background: #f6babc;
106
+ }
107
+
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="text"],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="email"],
110
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="tel"],
111
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="url"],
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="number"],
113
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="range"],
114
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type=date],
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type=file] {
116
+ }
117
+
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="text"] {
119
+ }
120
+
121
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="email"] {
122
+ }
123
+
124
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="tel"] {
125
+ }
126
+
127
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight textarea {
128
+ }
129
+
130
+ /** Ordered & Unordered lists
131
+ ------------------------------------------------------------ */
132
+ .wpcf7 .cf7s-berry-delight ol,
133
+ .wpcf7 .cf7s-berry-delight ul,
134
+ .wpcf7 .cf7s-berry-delight li {
135
+ }
136
+
137
+ .wpcf7 .cf7s-berry-delight ol {
138
+ }
139
+
140
+ .wpcf7 .cf7s-berry-delight li {
141
+ margin-bottom: 5px;
142
+ }
143
+
144
+ .wpcf7 .cf7s-berry-delight li label {
145
+ }
146
+
147
+ .wpcf7 .cf7s-berry-delight .wpcf7-list-item {
148
+ }
149
+
150
+ .wpcf7 .cf7s-berry-delight .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-berry-delight input[type="checkbox"],
157
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="radio"] {
158
+ margin-right: 6px;
159
+ border: none;
160
+ background: none;
161
+ }
162
+
163
+ .wpcf7 .cf7s-berry-delight select {
164
+ padding: 5px;
165
+ border: 1px solid #d67c7e;
166
+ background:#fbd4cf;
167
+ }
168
+
169
+ .wpcf7 .cf7s-berry-delight select option {
170
+ }
171
+
172
+ .wpcf7 .cf7s-berry-delight select option:hover {
173
+ background: #f6babc;
174
+ }
175
+
176
+ .wpcf7 .cf7s-berry-delight .wpcf7-checkbox .wpcf7-list-item,
177
+ .wpcf7 .cf7s-berry-delight .wpcf7-radio .wpcf7-list-item {
178
+ margin-left: 13px;
179
+ }
180
+
181
+ /** Other Fields
182
+ ------------------------------------------------------------ */
183
+
184
+
185
+ /** Submit Buttons
186
+ ------------------------------------------------------------ */
187
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="submit"] {
188
+ padding: 5px 15px;
189
+ color: #fff;
190
+ background: #404040;
191
+ }
192
+
193
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight input[type="submit"]:hover {
194
+ background: #f6babc;
195
+ }
196
+
197
+ /** Special Classes
198
+ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular form
199
+ ------------------------------------------------------------ */
200
+
201
+
202
+ /** Ready Styles
203
+ NOTE: Ready Styles are provided ready to be used in all CF7 forms
204
+ ------------------------------------------------------------ */
205
+ .wpcf7 .cf7s-berry-delight .singleline {
206
+ }
207
+
208
+ .wpcf7 .cf7s-berry-delight .singleline li {
209
+ display: inline-block;
210
+ margin: 0 2% 0 0;
211
+ width: 47%; /* CHANGE TO CALC */
212
+ }
213
+
214
+ .wpcf7 .cf7s-berry-delight .singleline input {
215
+ }
216
+
217
+ .wpcf7 .cf7s-berry-delight .checkbox-horizontal,
218
+ .wpcf7 .cf7s-berry-delight .radio-horizontal {
219
+ }
220
+
221
+ .wpcf7 .cf7s-berry-delight .boxaround {
222
+ padding: 10px;
223
+ border: 1px solid #fff;
224
+ background: #f6babc;
225
+ }
226
+
227
+ .wpcf7 .cf7s-berry-delight .boxaround1 {
228
+ padding: 10px;
229
+ border: 1px solid #fff;
230
+ background: #f6babc;
231
+ }
232
+
233
+ .wpcf7 .cf7s-berry-delight .boxaround select {
234
+ }
235
+
236
+ .wpcf7 .cf7s-berry-delight .boxaround1 select {
237
+ }
238
+
239
+ /** Multi Styles
240
+ NOTE: These styles provide styling for CF7 Skins Multi elements
241
+ ------------------------------------------------------------ */
242
+
243
+ /* Multi Fixes */
244
+ .wpcf7 .cf7s-berry-delight.cf7multi {
245
+ }
246
+
247
+ .wpcf7 .cf7s-berry-delight.cf7multi .etabs li {
248
+ }
249
+
250
+ /* Easytabs */
251
+ .wpcf7 .cf7s-berry-delight.cf7multi .tab-container {
252
+ }
253
+
254
+ .wpcf7 .cf7s-berry-delight.cf7multi .etabs {
255
+ }
256
+
257
+ .wpcf7 .cf7s-berry-delight.cf7multi .tab {
258
+ border: 1px solid #fbd4cf;
259
+ border-bottom: none;
260
+ background: #fbd4cf;
261
+ }
262
+
263
+ .wpcf7 .cf7s-berry-delight.cf7multi .tab a {
264
+ color: #363233;
265
+ }
266
+
267
+ .wpcf7 .cf7s-berry-delight.cf7multi .tab.active {
268
+ background: #fff;
269
+ }
270
+
271
+ .wpcf7 .cf7s-berry-delight.cf7multi .tab a.active {
272
+ }
273
+
274
+ .wpcf7 .cf7s-berry-delight.cf7multi .epanels {
275
+ border: 1px solid #fbd4cf;
276
+ }
277
+
278
+ .wpcf7 .cf7s-berry-delight.cf7multi .panel-container {
279
+ }
280
+
281
+ /* Navigation */
282
+ .wpcf7 .cf7s-berry-delight.cf7multi .navigation {
283
+ }
284
+
285
+ .wpcf7 .cf7s-berry-delight.cf7multi .navigation .previous,
286
+ .wpcf7 .cf7s-berry-delight.cf7multi .navigation .next {
287
+ font-weight: bold;
288
+ padding: 5px 15px;
289
+ color: #fff;
290
+ border: 1px solid #ffe0dc;
291
+ background: #f6babc;
292
+ }
293
+
294
+ .wpcf7 .cf7s-berry-delight.cf7multi .navigation .previous:hover,
295
+ .wpcf7 .cf7s-berry-delight.cf7multi .navigation .next:hover {
296
+ }
297
+
298
+ /* Pagination */
299
+ .wpcf7 .cf7s-berry-delight.cf7multi .pagination {
300
+ }
301
+
302
+ /* Start & End Tabs */
303
+ .wpcf7 .cf7s-berry-delight.cf7multi .navigation .start,
304
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight.cf7multi .navigation .end {
305
+ font-weight: bold;
306
+ padding: 5px 15px;
307
+ color: #fff;
308
+ border: 1px solid #ffe0dc;
309
+ background: #f6babc;
310
+ }
311
+
312
+ .wpcf7 .cf7s-berry-delight.cf7multi .navigation .start:hover,
313
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight.cf7multi .navigation .end:hover {
314
+ background: #404040;
315
+ }
316
+
317
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight.cf7multi .navigation .end {
318
+ }
319
+
320
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-berry-delight.cf7multi .navigation .end:hover {
321
+ }
322
+
323
+ /* Progress Bar */
324
+ .wpcf7 .cf7s-berry-delight.cf7multi .cf7m-progress {
325
+ border: 1px solid #fbd4cf;
326
+ background: #fbd4cf;
327
+ }
328
+
329
+ .wpcf7 .cf7s-berry-delight.cf7multi .cf7m-progress div {
330
+ background: #f6babc;
331
+ }
332
+
333
+ /* Thank You Tab */
334
+ .wpcf7 .cf7s-berry-delight.cf7multi .cf7m-thanks {
335
+ }
skins/styles/berry-delight/modal.png ADDED
Binary file
skins/styles/berry-delight/thumbnail.png ADDED
Binary file
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -84,8 +85,8 @@ NOTE: These items should be used to style the overall CF7 form
84
  .wpcf7 .cf7s-blush fieldset fieldset legend {
85
  }
86
 
87
- .wpcf7 .cf7s-blush fieldset fieldset input,
88
- .wpcf7 .cf7s-blush fieldset fieldset textarea {
89
  }
90
 
91
  /** Text Fields
@@ -98,26 +99,26 @@ NOTE: These items should be used to style the overall CF7 form
98
  background: #fff;
99
  }
100
 
101
- .wpcf7 .cf7s-blush input[type="text"],
102
- .wpcf7 .cf7s-blush input[type="email"],
103
- .wpcf7 .cf7s-blush input[type="tel"],
104
- .wpcf7 .cf7s-blush input[type="url"],
105
- .wpcf7 .cf7s-blush input[type="number"],
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"] {
112
  }
113
 
114
- .wpcf7 .cf7s-blush input[type="email"] {
115
  }
116
 
117
- .wpcf7 .cf7s-blush input[type="tel"] {
118
  }
119
 
120
- .wpcf7 .cf7s-blush textarea {
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
@@ -235,4 +236,102 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
235
  }
236
 
237
  .wpcf7 .cf7s-blush .boxaround1 select {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
238
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
85
  .wpcf7 .cf7s-blush fieldset fieldset legend {
86
  }
87
 
88
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush fieldset fieldset input,
89
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush fieldset fieldset textarea {
90
  }
91
 
92
  /** Text Fields
99
  background: #fff;
100
  }
101
 
102
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="text"],
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="email"],
104
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="tel"],
105
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="url"],
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="number"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="range"],
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type=date],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type=file] {
110
  }
111
 
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="text"] {
113
  }
114
 
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="email"] {
116
  }
117
 
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush input[type="tel"] {
119
  }
120
 
121
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush textarea {
122
  padding: 5px 7px; /* deliberately different from Input */
123
  }
124
 
236
  }
237
 
238
  .wpcf7 .cf7s-blush .boxaround1 select {
239
+ }
240
+
241
+ /** Multi Styles
242
+ NOTE: These styles provide styling for CF7 Skins Multi elements
243
+ ------------------------------------------------------------ */
244
+
245
+ /* Multi Fixes */
246
+ .wpcf7 .cf7s-blush.cf7multi {
247
+ }
248
+
249
+ .wpcf7 .cf7s-blush.cf7multi .etabs li {
250
+ }
251
+
252
+ /* Easytabs */
253
+ .wpcf7 .cf7s-blush.cf7multi .tab-container {
254
+ }
255
+
256
+ .wpcf7 .cf7s-blush.cf7multi .etabs {
257
+ }
258
+
259
+ .wpcf7 .cf7s-blush.cf7multi .tab {
260
+ border: 1px solid #bb9393;
261
+ border-bottom: none;
262
+ background: #dcc7c6;
263
+ }
264
+
265
+ .wpcf7 .cf7s-blush.cf7multi .tab a {
266
+ color: #000;
267
+ }
268
+
269
+ .wpcf7 .cf7s-blush.cf7multi .tab.active {
270
+ background: #fff;
271
+ }
272
+
273
+ .wpcf7 .cf7s-blush.cf7multi .tab a.active {
274
+ }
275
+
276
+ .wpcf7 .cf7s-blush.cf7multi .epanels {
277
+ border: 1px solid #bb9393;
278
+ }
279
+
280
+ .wpcf7 .cf7s-blush.cf7multi .panel-container {
281
+ }
282
+
283
+ /* Navigation */
284
+ .wpcf7 .cf7s-blush.cf7multi .navigation {
285
+ }
286
+
287
+ .wpcf7 .cf7s-blush.cf7multi .navigation .previous,
288
+ .wpcf7 .cf7s-blush.cf7multi .navigation .next {
289
+ color: #fff;
290
+ border: 1px solid #bfbfbf;
291
+ background: #3b3b3b;
292
+ }
293
+
294
+ .wpcf7 .cf7s-blush.cf7multi .navigation .previous:hover,
295
+ .wpcf7 .cf7s-blush.cf7multi .navigation .next:hover {
296
+ color: #dcc7c6;
297
+ }
298
+
299
+ /* Pagination */
300
+ .wpcf7 .cf7s-blush.cf7multi .pagination {
301
+ }
302
+
303
+ /* Start & End Tabs */
304
+ .wpcf7 .cf7s-blush.cf7multi .navigation .start,
305
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush.cf7multi .navigation .end {
306
+ font-size: 1.0em;
307
+ padding: 5px 10px;
308
+ color: #fff;
309
+ border: 1px solid #bfbfbf;
310
+ background: #3b3b3b;
311
+ }
312
+
313
+ .wpcf7 .cf7s-blush.cf7multi .navigation .start:hover,
314
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush.cf7multi .navigation .end:hover {
315
+ color: #dcc7c6;
316
+ }
317
+
318
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush.cf7multi .navigation .end {
319
+ }
320
+
321
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-blush.cf7multi .navigation .end:hover {
322
+ }
323
+
324
+ /* Progress Bar */
325
+ .wpcf7 .cf7s-blush.cf7multi .cf7m-progress {
326
+ border: 1px solid #bb9393;
327
+ background: #dcc7c6;
328
+ }
329
+
330
+ .wpcf7 .cf7s-blush.cf7multi .cf7m-progress div {
331
+ border-radius: 3px 0 0 3px;
332
+ background: #3b3b3b;
333
+ }
334
+
335
+ /* Thank You Tab */
336
+ .wpcf7 .cf7s-blush.cf7multi .cf7m-thanks {
337
  }
skins/styles/cargo/cargo.css ADDED
@@ -0,0 +1,332 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ * Style Name: Cargo
3
+ * Style URI: http://
4
+ * Author: Neil Murray
5
+ * Author URI: http://cf7skins.com
6
+ * Description: Cargo is a soft olive style that will make an appealing addition to websites with a variety of themes - especially those with a similar color scheme.
7
+ * Instructions:
8
+ * Version: 1.1
9
+ * Version Date: 2015-06-30
10
+ * License: GNU General Public License v2 or later
11
+ * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
+ * Tags: olive, white, light
13
+ */
14
+
15
+ /** Table of Contents
16
+ * Import
17
+ * Resets
18
+ * Form & Controls
19
+ * Fieldset, Legend, Label
20
+ * Text Fields
21
+ * Ordered & Unordered lists
22
+ * Checkboxes, Radio Buttons and Drop Down Menus
23
+ * Other Fields
24
+ * Submit Buttons
25
+ * Special Classes
26
+ * Ready Styles
27
+ * Multi Styles
28
+ */
29
+
30
+ /** Import
31
+ NOTE: Use to import other style sheets
32
+ ------------------------------------------------------------ */
33
+ /* @import url('../parent/style.css'); */
34
+
35
+ /** Resets
36
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
37
+ ------------------------------------------------------------ */
38
+ .wpcf7 .cf7s-cargo p {
39
+ }
40
+
41
+ .wpcf7 .cf7s-cargo em {
42
+ }
43
+
44
+ .wpcf7 .cf7s-cargo a {
45
+ }
46
+
47
+ /** Form & Controls
48
+ NOTE: These items should be used to style the overall CF7 form
49
+ ------------------------------------------------------------ */
50
+ .wpcf7 .cf7s-cargo {
51
+ padding: 20px;
52
+ color: #544e2c;
53
+ border: 1px solid #d6d09e;
54
+ background: #fff;
55
+ }
56
+
57
+ /** Fieldset, Legend, Label
58
+ ------------------------------------------------------------ */
59
+ .wpcf7 .cf7s-cargo fieldset {
60
+ margin: 10px 0;
61
+ padding: 10px 20px;
62
+ border: 1px solid #d6d09e;
63
+ background: #d6d09e;
64
+ }
65
+
66
+ .wpcf7 .cf7s-cargo legend {
67
+ font-size: 1.2em;
68
+ padding: 3px 20px;
69
+ color: #fff;
70
+ background: #b6b37c;
71
+ }
72
+
73
+ .wpcf7 .cf7s-cargo label {
74
+ }
75
+
76
+ .wpcf7 .cf7s-cargo fieldset p {
77
+ }
78
+
79
+ .wpcf7 .cf7s-cargo fieldset fieldset {
80
+ margin: 10px 0;
81
+ border: 1px solid #eae6c1;
82
+ background: #eae6c1;
83
+ }
84
+
85
+ .wpcf7 .cf7s-cargo fieldset fieldset legend {
86
+ }
87
+
88
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo fieldset fieldset input,
89
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo fieldset fieldset textarea {
90
+ background: #d7d19f;
91
+ }
92
+
93
+ /** Text Fields
94
+ ------------------------------------------------------------ */
95
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input,
96
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo textarea {
97
+ margin-bottom: 8px;
98
+ padding: 5px 7px;
99
+ /* color: #544e2c; */
100
+ border: 1px solid #d5d29f;
101
+ background: #eae6c1;
102
+ }
103
+
104
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="text"],
105
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="email"],
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="tel"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="url"],
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="number"],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="range"],
110
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type=date],
111
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type=file] {
112
+ }
113
+
114
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="text"] {
115
+ }
116
+
117
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="email"] {
118
+ }
119
+
120
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="tel"] {
121
+ }
122
+
123
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo textarea {
124
+ }
125
+
126
+ /** Ordered & Unordered lists
127
+ ------------------------------------------------------------ */
128
+ .wpcf7 .cf7s-cargo ol,
129
+ .wpcf7 .cf7s-cargo ul,
130
+ .wpcf7 .cf7s-cargo li {
131
+ }
132
+
133
+ .wpcf7 .cf7s-cargo ol {
134
+ }
135
+
136
+ .wpcf7 .cf7s-cargo li {
137
+ margin-bottom: 5px;
138
+ }
139
+
140
+ .wpcf7 .cf7s-cargo li label {
141
+ }
142
+
143
+ .wpcf7 .cf7s-cargo .wpcf7-list-item {
144
+ }
145
+
146
+ .wpcf7 .cf7s-cargo .wpcf7-list-item-label {
147
+ margin-right: 7px;
148
+ }
149
+
150
+ /** Checkboxes, Radio Buttons and Drop Down Menus
151
+ ------------------------------------------------------------ */
152
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="checkbox"],
153
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="radio"] {
154
+ margin-right: 6px;
155
+ border: none;
156
+ background: none;
157
+ }
158
+
159
+ .wpcf7 .cf7s-cargo select {
160
+ padding: 5px;
161
+ border: 1px solid #eae6c1;
162
+ background: #d7d1a1;
163
+ }
164
+
165
+ .wpcf7 .cf7s-cargo select option {
166
+
167
+ }
168
+
169
+ .wpcf7 .cf7s-cargo select option:hover{
170
+ background: #eae6c1;
171
+ }
172
+
173
+ .wpcf7 .cf7s-cargo .wpcf7-checkbox .wpcf7-list-item,
174
+ .wpcf7 .cf7s-cargo .wpcf7-radio .wpcf7-list-item {
175
+ margin-left: 13px;
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 style Submit Buttons within CF7 forms
185
+ ------------------------------------------------------------ */
186
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="submit"] {
187
+ padding: 5px 15px;
188
+ color: #fff;
189
+ background: #b8b280;
190
+ }
191
+
192
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo input[type="submit"]:hover {
193
+ color: #534f29;
194
+ background: #eae6c1;
195
+ }
196
+
197
+ /** Special Classes
198
+ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular form
199
+ ------------------------------------------------------------ */
200
+
201
+
202
+ /** Ready Styles
203
+ NOTE: Ready Styles are provided ready to be used in all CF7 forms
204
+ ------------------------------------------------------------ */
205
+ .wpcf7 .cf7s-cargo .singleline {
206
+ }
207
+
208
+ .wpcf7 .cf7s-cargo .singleline li {
209
+ display: inline-block;
210
+ margin: 0 2% 0 0;
211
+ width: 47%; /* CHANGE TO CALC */
212
+ }
213
+
214
+ .wpcf7 .cf7s-cargo .singleline input {
215
+ }
216
+
217
+ .wpcf7 .cf7s-cargo .checkbox-horizontal,
218
+ .wpcf7 .cf7s-cargo .radio-horizontal {
219
+ }
220
+
221
+ .wpcf7 .cf7s-cargo .boxaround {
222
+ padding: 10px;
223
+ border: 1px solid #d7d19f;
224
+ background: #eae6c1;
225
+ }
226
+
227
+ .wpcf7 .cf7s-cargo .boxaround1 {
228
+ padding: 10px;
229
+ border: 1px solid #d7d19f;
230
+ background: #eae6c1;
231
+ }
232
+
233
+ .wpcf7 .cf7s-cargo .boxaround select {
234
+ }
235
+
236
+ .wpcf7 .cf7s-cargo .boxaround1 select {
237
+ }
238
+
239
+ /** Multi Styles
240
+ NOTE: These styles provide styling for CF7 Skins Multi elements
241
+ ------------------------------------------------------------ */
242
+
243
+ /* Multi Fixes */
244
+ .wpcf7 .cf7s-cargo.cf7multi {
245
+ }
246
+
247
+ .wpcf7 .cf7s-cargo.cf7multi .etabs li {
248
+ }
249
+
250
+ /* Easytabs */
251
+ .wpcf7 .cf7s-cargo.cf7multi .tab-container {
252
+ }
253
+
254
+ .wpcf7 .cf7s-cargo.cf7multi .etabs {
255
+ }
256
+
257
+ .wpcf7 .cf7s-cargo.cf7multi .tab {
258
+ border: 1px solid #d6d09e;
259
+ border-bottom: none;
260
+ background: #d6d09e;
261
+ }
262
+
263
+ .wpcf7 .cf7s-cargo.cf7multi .tab a {
264
+ color: #544e2c;
265
+ }
266
+
267
+ .wpcf7 .cf7s-cargo.cf7multi .tab.active {
268
+ background: #fff;
269
+ }
270
+
271
+ .wpcf7 .cf7s-cargo.cf7multi .tab a.active {
272
+ }
273
+
274
+ .wpcf7 .cf7s-cargo.cf7multi .epanels {
275
+ border: 1px solid #d6d09e;
276
+ }
277
+
278
+ .wpcf7 .cf7s-cargo.cf7multi .panel-container {
279
+ }
280
+
281
+ /* Navigation */
282
+ .wpcf7 .cf7s-cargo.cf7multi .navigation {
283
+ }
284
+
285
+ .wpcf7 .cf7s-cargo.cf7multi .navigation .previous,
286
+ .wpcf7 .cf7s-cargo.cf7multi .navigation .next {
287
+ padding: 5px 15px;
288
+ color: #fff;
289
+ background: #b6b37c;
290
+ }
291
+
292
+ .wpcf7 .cf7s-cargo.cf7multi .navigation .previous:hover,
293
+ .wpcf7 .cf7s-cargo.cf7multi .navigation .next:hover {
294
+ }
295
+
296
+ /* Pagination */
297
+ .wpcf7 .cf7s-cargo.cf7multi .pagination {
298
+ }
299
+
300
+ /* Start & End Tabs */
301
+ .wpcf7 .cf7s-cargo.cf7multi .navigation .start,
302
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo.cf7multi .navigation .end {
303
+ padding: 5px 15px;
304
+ color: #fff;
305
+ background: #b6b37c;
306
+ }
307
+
308
+ .wpcf7 .cf7s-cargo.cf7multi .navigation .start:hover,
309
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo.cf7multi .navigation .end:hover {
310
+ color: #534f29;
311
+ background: #eae6c1;
312
+ }
313
+
314
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo.cf7multi .navigation .end {
315
+ }
316
+
317
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cargo.cf7multi .navigation .end:hover {
318
+ }
319
+
320
+ /* Progress Bar */
321
+ .wpcf7 .cf7s-cargo.cf7multi .cf7m-progress {
322
+ border: 1px solid #d5d29f;
323
+ background: #eae6c1;
324
+ }
325
+
326
+ .wpcf7 .cf7s-cargo.cf7multi .cf7m-progress div {
327
+ background: #b6b37c;
328
+ }
329
+
330
+ /* Thank You Tab */
331
+ .wpcf7 .cf7s-cargo.cf7multi .cf7m-thanks {
332
+ }
skins/styles/cargo/modal.png ADDED
Binary file
skins/styles/cargo/thumbnail.png ADDED
Binary file
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -83,8 +84,8 @@ NOTE: These items should be used style the overall CF7 form
83
  .wpcf7 .cf7s-caspar fieldset fieldset legend {
84
  }
85
 
86
- .wpcf7 .cf7s-caspar fieldset fieldset input,
87
- .wpcf7 .cf7s-caspar fieldset fieldset textarea {
88
  }
89
 
90
  /** Text Fields
@@ -97,26 +98,26 @@ NOTE: These items should be used style the overall CF7 form
97
  background: #fff;
98
  }
99
 
100
- .wpcf7 .cf7s-caspar input[type="text"],
101
- .wpcf7 .cf7s-caspar input[type="email"],
102
- .wpcf7 .cf7s-caspar input[type="tel"],
103
- .wpcf7 .cf7s-caspar input[type="url"],
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"] {
111
  }
112
 
113
- .wpcf7 .cf7s-caspar input[type="email"] {
114
  }
115
 
116
- .wpcf7 .cf7s-caspar input[type="tel"] {
117
  }
118
 
119
- .wpcf7 .cf7s-caspar textarea {
120
  padding: 5px 7px; /* deliberately different from Input */
121
  }
122
 
@@ -182,9 +183,9 @@ NOTE: These are the CSS selectors that should be used to style Submit Buttons wi
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 {
@@ -233,4 +234,95 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
233
  }
234
 
235
  .wpcf7 .cf7s-caspar .boxaround1 select {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
236
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
84
  .wpcf7 .cf7s-caspar fieldset fieldset legend {
85
  }
86
 
87
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar fieldset fieldset input,
88
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar fieldset fieldset textarea {
89
  }
90
 
91
  /** Text Fields
98
  background: #fff;
99
  }
100
 
101
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="text"],
102
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="email"],
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="tel"],
104
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="url"],
105
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="number"],
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="range"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type=date],
108
  .wpcf7 .cf7s-caspar input[type=file] {
109
  }
110
 
111
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="text"] {
112
  }
113
 
114
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="email"] {
115
  }
116
 
117
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="tel"] {
118
  }
119
 
120
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar textarea {
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
183
  ------------------------------------------------------------ */
184
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="submit"] {
185
  padding: 5px 15px;
186
+ color: #1a1a1a;
187
  border: 1px solid #c3c3c3;
188
  background: #ededed;
 
189
  }
190
 
191
  .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar input[type="submit"]:hover {
234
  }
235
 
236
  .wpcf7 .cf7s-caspar .boxaround1 select {
237
+ }
238
+
239
+ /** Multi Styles
240
+ NOTE: These styles provide styling for CF7 Skins Multi elements
241
+ ------------------------------------------------------------ */
242
+
243
+ /* Multi Fixes */
244
+ .wpcf7 .cf7s-caspar.cf7multi {
245
+ }
246
+
247
+ .wpcf7 .cf7s-caspar.cf7multi .etabs li {
248
+ }
249
+
250
+ /* Easytabs */
251
+ .wpcf7 .cf7s-caspar.cf7multi .tab-container {
252
+ }
253
+
254
+ .wpcf7 .cf7s-caspar.cf7multi .etabs {
255
+ }
256
+
257
+ .wpcf7 .cf7s-caspar.cf7multi .tab {
258
+ border: 1px solid #c3c3c3;
259
+ border-bottom: none;
260
+ }
261
+
262
+ .wpcf7 .cf7s-caspar.cf7multi .tab a {
263
+ color: #000;
264
+ }
265
+
266
+ .wpcf7 .cf7s-caspar.cf7multi .tab.active {
267
+ }
268
+
269
+ .wpcf7 .cf7s-caspar.cf7multi .tab a.active {
270
+ }
271
+
272
+ .wpcf7 .cf7s-caspar.cf7multi .epanels {
273
+ border: 1px solid #c3c3c3;
274
+ }
275
+
276
+ .wpcf7 .cf7s-caspar.cf7multi .panel-container {
277
+ }
278
+
279
+ /* Navigation */
280
+ .wpcf7 .cf7s-caspar.cf7multi .navigation {
281
+ }
282
+
283
+ .wpcf7 .cf7s-caspar.cf7multi .navigation .previous,
284
+ .wpcf7 .cf7s-caspar.cf7multi .navigation .next {
285
+ color: #1a1a1a;
286
+ border: 1px solid #c3c3c3;
287
+ background: #ededed;
288
+ }
289
+
290
+ .wpcf7 .cf7s-caspar.cf7multi .navigation .previous:hover,
291
+ .wpcf7 .cf7s-caspar.cf7multi .navigation .next:hover {
292
+ }
293
+
294
+ /* Pagination */
295
+ .wpcf7 .cf7s-caspar.cf7multi .pagination {
296
+ }
297
+
298
+ /* Start & End Tabs */
299
+ .wpcf7 .cf7s-caspar.cf7multi .navigation .start,
300
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar.cf7multi .navigation .end {
301
+ padding: 5px 10px;
302
+ color: #1a1a1a;
303
+ border: 1px solid #c3c3c3;
304
+ background: #ededed;
305
+ }
306
+
307
+ .wpcf7 .cf7s-caspar.cf7multi .navigation .start:hover,
308
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar.cf7multi .navigation .end:hover {
309
+ background: #fff;
310
+ }
311
+
312
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar.cf7multi .navigation .end {
313
+ }
314
+
315
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-caspar.cf7multi .navigation .end:hover {
316
+ }
317
+
318
+ /* Progress Bar */
319
+ .wpcf7 .cf7s-caspar.cf7multi .cf7m-progress {
320
+ border: 1px solid #c3c3c3;
321
+ }
322
+
323
+ .wpcf7 .cf7s-caspar.cf7multi .cf7m-progress div {
324
+ }
325
+
326
+ /* Thank You Tab */
327
+ .wpcf7 .cf7s-caspar.cf7multi .cf7m-thanks {
328
  }
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -84,8 +85,8 @@ NOTE: These items should be used to style the overall CF7 form
84
  .wpcf7 .cf7s-choc-shake fieldset fieldset legend {
85
  }
86
 
87
- .wpcf7 .cf7s-choc-shake fieldset fieldset input,
88
- .wpcf7 .cf7s-choc-shake fieldset fieldset textarea {
89
  }
90
 
91
  /** Text Fields
@@ -99,26 +100,26 @@ NOTE: These items should be used to style the overall CF7 form
99
  background: #dec29d;
100
  }
101
 
102
- .wpcf7 .cf7s-choc-shake input[type="text"],
103
- .wpcf7 .cf7s-choc-shake input[type="email"],
104
- .wpcf7 .cf7s-choc-shake input[type="tel"],
105
- .wpcf7 .cf7s-choc-shake input[type="url"],
106
- .wpcf7 .cf7s-choc-shake input[type="number"],
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"] {
113
  }
114
 
115
- .wpcf7 .cf7s-choc-shake input[type="email"] {
116
  }
117
 
118
- .wpcf7 .cf7s-choc-shake input[type="tel"] {
119
  }
120
 
121
- .wpcf7 .cf7s-choc-shake textarea {
122
  }
123
 
124
  /** Ordered & Unordered lists
@@ -237,4 +238,112 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
237
  }
238
 
239
  .wpcf7 .cf7s-choc-shake .boxaround1 select {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
240
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
85
  .wpcf7 .cf7s-choc-shake fieldset fieldset legend {
86
  }
87
 
88
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake fieldset fieldset input,
89
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake fieldset fieldset textarea {
90
  }
91
 
92
  /** Text Fields
100
  background: #dec29d;
101
  }
102
 
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="text"],
104
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="email"],
105
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="tel"],
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="url"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="number"],
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="range"],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type=date],
110
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type=file] {
111
  }
112
 
113
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="text"] {
114
  }
115
 
116
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="email"] {
117
  }
118
 
119
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake input[type="tel"] {
120
  }
121
 
122
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake textarea {
123
  }
124
 
125
  /** Ordered & Unordered lists
238
  }
239
 
240
  .wpcf7 .cf7s-choc-shake .boxaround1 select {
241
+ }
242
+
243
+ /** Multi Styles
244
+ NOTE: These styles provide styling for CF7 Skins Multi elements
245
+ ------------------------------------------------------------ */
246
+
247
+ /* Multi Fixes */
248
+ .wpcf7 .cf7s-choc-shake.cf7multi {
249
+ }
250
+
251
+ .wpcf7 .cf7s-choc-shake.cf7multi .etabs li {
252
+ }
253
+
254
+ /* Easytabs */
255
+ .wpcf7 .cf7s-choc-shake.cf7multi .tab-container {
256
+ }
257
+
258
+ .wpcf7 .cf7s-choc-shake.cf7multi .etabs {
259
+ }
260
+
261
+ .wpcf7 .cf7s-choc-shake.cf7multi .tab {
262
+ border: 1px solid #bfa48e;
263
+ border-bottom: none;
264
+ background: #dec29d;
265
+ }
266
+
267
+ .wpcf7 .cf7s-choc-shake.cf7multi .tab:hover {
268
+ background: #bca17d;;
269
+ }
270
+
271
+
272
+ .wpcf7 .cf7s-choc-shake.cf7multi .tab a {
273
+ color: #866c4a;
274
+ }
275
+
276
+ .wpcf7 .cf7s-choc-shake.cf7multi .tab a:hover {
277
+ color: #fff;;
278
+ }
279
+
280
+ .wpcf7 .cf7s-choc-shake.cf7multi .tab.active {
281
+ background: #fff;
282
+ }
283
+
284
+ .wpcf7 .cf7s-choc-shake.cf7multi .tab a.active {
285
+ }
286
+
287
+ .wpcf7 .cf7s-choc-shake.cf7multi .tab a.active:hover {
288
+ color: #866c4a;
289
+ }
290
+
291
+ .wpcf7 .cf7s-choc-shake.cf7multi .epanels {
292
+ border: 1px solid #bfa48e;
293
+ }
294
+
295
+ .wpcf7 .cf7s-choc-shake.cf7multi .panel-container {
296
+ }
297
+
298
+ /* Navigation */
299
+ .wpcf7 .cf7s-choc-shake.cf7multi .navigation {
300
+ }
301
+
302
+ .wpcf7 .cf7s-choc-shake.cf7multi .navigation .previous,
303
+ .wpcf7 .cf7s-choc-shake.cf7multi .navigation .next {
304
+ color: #fff;
305
+ border: 1px solid #c9b3a0;
306
+ background: #bca17d;
307
+ }
308
+
309
+ .wpcf7 .cf7s-choc-shake.cf7multi .navigation .previous:hover,
310
+ .wpcf7 .cf7s-choc-shake.cf7multi .navigation .next:hover {
311
+ }
312
+
313
+ /* Pagination */
314
+ .wpcf7 .cf7s-choc-shake.cf7multi .pagination {
315
+ }
316
+
317
+ /* Start & End Tabs */
318
+ .wpcf7 .cf7s-choc-shake.cf7multi .navigation .start,
319
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake.cf7multi .navigation .end {
320
+ padding: 5px 10px;
321
+ border: 1px solid #c9b3a0;
322
+ background: #bca17d;
323
+ }
324
+
325
+ .wpcf7 .cf7s-choc-shake.cf7multi .navigation .start:hover,
326
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake.cf7multi .navigation .end:hover {
327
+ color: #866c4a;
328
+ background: #dec29d;
329
+ }
330
+
331
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake.cf7multi .navigation .end {
332
+ }
333
+
334
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-choc-shake.cf7multi .navigation .end:hover {
335
+ }
336
+
337
+ /* Progress Bar */
338
+ .wpcf7 .cf7s-choc-shake.cf7multi .cf7m-progress {
339
+ border: 1px solid #c9b3a0;
340
+ background: #e1cfbf;
341
+ }
342
+
343
+ .wpcf7 .cf7s-choc-shake.cf7multi .cf7m-progress div {
344
+ background: #bca17d;
345
+ }
346
+
347
+ /* Thank You Tab */
348
+ .wpcf7 .cf7s-choc-shake.cf7multi .cf7m-thanks {
349
  }
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -108,26 +109,26 @@ NOTE: These items should be used to style the overall CF7 Form
108
  background: #fff;
109
  }
110
 
111
- .wpcf7 .cf7s-cotton-candy input[type="text"],
112
- .wpcf7 .cf7s-cotton-candy input[type="email"],
113
- .wpcf7 .cf7s-cotton-candy input[type="tel"],
114
- .wpcf7 .cf7s-cotton-candy input[type="url"],
115
- .wpcf7 .cf7s-cotton-candy input[type="number"],
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"] {
122
  }
123
 
124
- .wpcf7 .cf7s-cotton-candy input[type="email"] {
125
  }
126
 
127
- .wpcf7 .cf7s-cotton-candy input[type="tel"] {
128
  }
129
 
130
- .wpcf7 .cf7s-cotton-candy textarea {
131
  padding: 5px 7px; /* deliberately different from Input */
132
  }
133
 
@@ -193,9 +194,9 @@ NOTE: These are the CSS selectors that should be used to style Submit Buttons wi
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 {
@@ -244,4 +245,99 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
244
 
245
  .wpcf7 .cf7s-cotton-candy .boxaround1 select {
246
  border: 1px solid #f0b8ff;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
247
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
109
  background: #fff;
110
  }
111
 
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="text"],
113
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="email"],
114
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="tel"],
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="url"],
116
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="number"],
117
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="range"],
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type=date],
119
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type=file] {
120
  }
121
 
122
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="text"] {
123
  }
124
 
125
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="email"] {
126
  }
127
 
128
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="tel"] {
129
  }
130
 
131
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy textarea {
132
  padding: 5px 7px; /* deliberately different from Input */
133
  }
134
 
194
  ------------------------------------------------------------ */
195
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="submit"] {
196
  padding: 5px 15px;
 
 
197
  color: #fff;
198
+ border: 1px solid #6ccbcb;
199
+ background: #91ebeb;
200
  }
201
 
202
  .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy input[type="submit"]:hover {
245
 
246
  .wpcf7 .cf7s-cotton-candy .boxaround1 select {
247
  border: 1px solid #f0b8ff;
248
+ }
249
+
250
+ /** Multi Styles
251
+ NOTE: These styles provide styling for CF7 Skins Multi elements
252
+ ------------------------------------------------------------ */
253
+
254
+ /* Multi Fixes */
255
+ .wpcf7 .cf7s-cotton-candy.cf7multi {
256
+ }
257
+
258
+ .wpcf7 .cf7s-cotton-candy.cf7multi .etabs li {
259
+ }
260
+
261
+ /* Easytabs */
262
+ .wpcf7 .cf7s-cotton-candy.cf7multi .tab-container {
263
+ }
264
+
265
+ .wpcf7 .cf7s-cotton-candy.cf7multi .etabs {
266
+ }
267
+
268
+ .wpcf7 .cf7s-cotton-candy.cf7multi .tab {
269
+ border: 1px solid #9ffffe;
270
+ border-bottom: none;
271
+ background: #e7ffff;
272
+ }
273
+
274
+ .wpcf7 .cf7s-cotton-candy.cf7multi .tab a {
275
+ color: #158c8a;
276
+ }
277
+
278
+ .wpcf7 .cf7s-cotton-candy.cf7multi .tab.active {
279
+ background: #fff;
280
+ }
281
+
282
+ .wpcf7 .cf7s-cotton-candy.cf7multi .tab a.active {
283
+ }
284
+
285
+ .wpcf7 .cf7s-cotton-candy.cf7multi .epanels {
286
+ border: 1px solid #9ffffe;
287
+ }
288
+
289
+ .wpcf7 .cf7s-cotton-candy.cf7multi .panel-container {
290
+ }
291
+
292
+ /* Navigation */
293
+ .wpcf7 .cf7s-cotton-candy.cf7multi .navigation {
294
+ }
295
+
296
+ .wpcf7 .cf7s-cotton-candy.cf7multi .navigation .previous,
297
+ .wpcf7 .cf7s-cotton-candy.cf7multi .navigation .next {
298
+ color: #fff;
299
+ border: 1px solid #6ccbcb;
300
+ background: #91ebeb;
301
+ }
302
+
303
+ .wpcf7 .cf7s-cotton-candy.cf7multi .navigation .previous:hover,
304
+ .wpcf7 .cf7s-cotton-candy.cf7multi .navigation .next:hover {
305
+ }
306
+
307
+ /* Pagination */
308
+ .wpcf7 .cf7s-cotton-candy.cf7multi .pagination {
309
+ }
310
+
311
+ /* Start & End Tabs */
312
+ .wpcf7 .cf7s-cotton-candy.cf7multi .navigation .start,
313
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy.cf7multi .navigation .end {
314
+ padding: 5px 10px;
315
+ color: #fff;
316
+ border: 1px solid #6ccbcb;
317
+ background: #91ebeb;
318
+ }
319
+
320
+ .wpcf7 .cf7s-cotton-candy.cf7multi .navigation .start:hover,
321
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy.cf7multi .navigation .end:hover {
322
+ background: #e59bff;
323
+ }
324
+
325
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy.cf7multi .navigation .end {
326
+ }
327
+
328
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-cotton-candy.cf7multi .navigation .end:hover {
329
+ }
330
+
331
+ /* Progress Bar */
332
+ .wpcf7 .cf7s-cotton-candy.cf7multi .cf7m-progress {
333
+ border: 1px solid #9ffffe;
334
+ background: #e7ffff;
335
+ }
336
+
337
+ .wpcf7 .cf7s-cotton-candy.cf7multi .cf7m-progress div {
338
+ background: #90ebec;
339
+ }
340
+
341
+ /* Thank You Tab */
342
+ .wpcf7 .cf7s-cotton-candy.cf7multi .cf7m-thanks {
343
  }
skins/styles/default/cf7s-default.css CHANGED
@@ -5,8 +5,8 @@
5
  * Author URI: http://cf7skins.com
6
  * Description: Default CF7 Skins styling - provides default base styling for all CF7 Skins Styles including styling for standard HTML elements such as fieldsets which are often not styled by many WordPress themes.
7
  * Instructions:
8
- * Version: 0.02
9
- * Version Date: 2014-11-13
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags:
5
  * Author URI: http://cf7skins.com
6
  * Description: Default CF7 Skins styling - provides default base styling for all CF7 Skins Styles including styling for standard HTML elements such as fieldsets which are often not styled by many WordPress themes.
7
  * Instructions:
8
+ * Version: 1.1
9
+ * Version Date: 2015-05-20
10
  * License: GNU General Public License v2 or later
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags:
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -104,26 +105,26 @@ NOTE: These items should be used to style the overall CF7 form
104
  background: #f2f2f2;
105
  }
106
 
107
- .wpcf7 .cf7s-eggplant input[type="text"],
108
- .wpcf7 .cf7s-eggplant input[type="email"],
109
- .wpcf7 .cf7s-eggplant input[type="tel"],
110
- .wpcf7 .cf7s-eggplant input[type="url"],
111
- .wpcf7 .cf7s-eggplant input[type="number"],
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"] {
118
  }
119
 
120
- .wpcf7 .cf7s-eggplant input[type="email"] {
121
  }
122
 
123
- .wpcf7 .cf7s-eggplant input[type="tel"] {
124
  }
125
 
126
- .wpcf7 .cf7s-eggplant textarea {
127
  padding: 5px 7px; /* deliberately different from Input */
128
  }
129
 
@@ -245,4 +246,99 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
245
 
246
  .wpcf7 .cf7s-eggplant .boxaround1 select {
247
  background: #fff;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
248
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
105
  background: #f2f2f2;
106
  }
107
 
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="text"],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="email"],
110
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="tel"],
111
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="url"],
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="number"],
113
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="range"],
114
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type=date],
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type=file] {
116
  }
117
 
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="text"] {
119
  }
120
 
121
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="email"] {
122
  }
123
 
124
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant input[type="tel"] {
125
  }
126
 
127
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant textarea {
128
  padding: 5px 7px; /* deliberately different from Input */
129
  }
130
 
246
 
247
  .wpcf7 .cf7s-eggplant .boxaround1 select {
248
  background: #fff;
249
+ }
250
+
251
+ /** Multi Styles
252
+ NOTE: These styles provide styling for CF7 Skins Multi elements
253
+ ------------------------------------------------------------ */
254
+
255
+ /* Multi Fixes */
256
+ .wpcf7 .cf7s-eggplant.cf7multi {
257
+ }
258
+
259
+ .wpcf7 .cf7s-eggplant.cf7multi .etabs li {
260
+ }
261
+
262
+ /* Easytabs */
263
+ .wpcf7 .cf7s-eggplant.cf7multi .tab-container {
264
+ }
265
+
266
+ .wpcf7 .cf7s-eggplant.cf7multi .etabs {
267
+ }
268
+
269
+ .wpcf7 .cf7s-eggplant.cf7multi .tab {
270
+ border: 1px solid #d056cd;
271
+ border-bottom: none;
272
+ background: #f2f2f2;
273
+ }
274
+
275
+ .wpcf7 .cf7s-eggplant.cf7multi .tab a {
276
+ color: #7f0f7f;
277
+ }
278
+
279
+ .wpcf7 .cf7s-eggplant.cf7multi .tab.active {
280
+ background: #fff;
281
+ }
282
+
283
+ .wpcf7 .cf7s-eggplant.cf7multi .tab a.active {
284
+ }
285
+
286
+ .wpcf7 .cf7s-eggplant.cf7multi .epanels {
287
+ border: 1px solid #d056cd;
288
+ }
289
+
290
+ .wpcf7 .cf7s-eggplant.cf7multi .panel-container {
291
+ }
292
+
293
+ /* Navigation */
294
+ .wpcf7 .cf7s-eggplant.cf7multi .navigation {
295
+ }
296
+
297
+ .wpcf7 .cf7s-eggplant.cf7multi .navigation .previous,
298
+ .wpcf7 .cf7s-eggplant.cf7multi .navigation .next {
299
+ color: #7f0f7f;
300
+ border: 1px solid #d056cd;
301
+ background: #f2f2f2;
302
+ }
303
+
304
+ .wpcf7 .cf7s-eggplant.cf7multi .navigation .previous:hover,
305
+ .wpcf7 .cf7s-eggplant.cf7multi .navigation .next:hover {
306
+ }
307
+
308
+ /* Pagination */
309
+ .wpcf7 .cf7s-eggplant.cf7multi .pagination {
310
+ }
311
+
312
+ /* Start & End Tabs */
313
+ .wpcf7 .cf7s-eggplant.cf7multi .navigation .start,
314
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant.cf7multi .navigation .end {
315
+ padding: 5px 10px;
316
+ color: #7f0f7f;
317
+ border: 1px solid #d056cd;
318
+ background: #f2f2f2;
319
+ }
320
+
321
+ .wpcf7 .cf7s-eggplant.cf7multi .navigation .start:hover,
322
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant.cf7multi .navigation .end:hover {
323
+ background: #fff;
324
+ }
325
+
326
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant.cf7multi .navigation .end {
327
+ }
328
+
329
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-eggplant.cf7multi .navigation .end:hover {
330
+ }
331
+
332
+ /* Progress Bar */
333
+ .wpcf7 .cf7s-eggplant.cf7multi .cf7m-progress {
334
+ border: 1px solid #d056cd;
335
+ background: #f2f2f2;
336
+ }
337
+
338
+ .wpcf7 .cf7s-eggplant.cf7multi .cf7m-progress div {
339
+ background: #d056cd;
340
+ }
341
+
342
+ /* Thank You Tab */
343
+ .wpcf7 .cf7s-eggplant.cf7multi .cf7m-thanks {
344
  }
skins/styles/emerald/emerald.css ADDED
@@ -0,0 +1,346 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ * Style Name: Emerald
3
+ * Style URI: http://
4
+ * Author: Neil Murray
5
+ * Author URI: http://cf7skins.com
6
+ * Description: Emerald is a deep green style with rich colors that will fit in with many themes which use deep or rich greens.
7
+ * Instructions:
8
+ * Version: 1.1
9
+ * Version Date: 2015-06-30
10
+ * License: GNU General Public License v2 or later
11
+ * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
+ * Tags: green, white, dark
13
+ */
14
+
15
+ /** Table of Contents
16
+ * Import
17
+ * Resets
18
+ * Form & Controls
19
+ * Fieldset, Legend, Label
20
+ * Text Fields
21
+ * Ordered & Unordered lists
22
+ * Checkboxes, Radio Buttons and Drop Down Menus
23
+ * Other Fields
24
+ * Submit Buttons
25
+ * Special Classes
26
+ * Ready Styles
27
+ * Multi Styles
28
+ */
29
+
30
+ /** Import
31
+ NOTE: Use to import other style sheets
32
+ ------------------------------------------------------------ */
33
+ /* @import url('../parent/style.css'); */
34
+
35
+ /** Resets
36
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
37
+ ------------------------------------------------------------ */
38
+ .wpcf7 .cf7s-emerald p {
39
+ }
40
+
41
+ .wpcf7 .cf7s-emerald em {
42
+ }
43
+
44
+ .wpcf7 .cf7s-emerald a {
45
+ }
46
+
47
+ /** Form & Controls
48
+ NOTE: These items should be used to style the overall CF7 form
49
+ ------------------------------------------------------------ */
50
+ .wpcf7 .cf7s-emerald {
51
+ padding: 20px;
52
+ color: #488a6e;
53
+ border: 1px solid #77ab94;
54
+ background: #fff;
55
+ }
56
+
57
+ /** Fieldset, Legend, Label
58
+ ------------------------------------------------------------ */
59
+ .wpcf7 .cf7s-emerald fieldset {
60
+ margin: 10px 0;
61
+ padding: 10px 20px;
62
+ color: #fff;
63
+ border: 1px solid #488a6e;
64
+ background: #488a6e;
65
+ }
66
+
67
+ .wpcf7 .cf7s-emerald legend {
68
+ font-size: 1.2em;
69
+ padding: 2px 10px;
70
+ color: #fff;
71
+ border: 5px solid #488a6e;
72
+ background: #1e4d39;
73
+ }
74
+
75
+ .wpcf7 .cf7s-emerald label {
76
+ }
77
+
78
+ .wpcf7 .cf7s-emerald fieldset p {
79
+ }
80
+
81
+ .wpcf7 .cf7s-emerald fieldset fieldset {
82
+ margin: 10px 0;
83
+ border: 1px solid #1e4d39;
84
+ background: #1e4d39;
85
+ }
86
+
87
+ .wpcf7 .cf7s-emerald fieldset fieldset legend {
88
+ color: #1e4d39;
89
+ border: 5px solid #1e4d39;
90
+ background: #8ec2ab;
91
+ }
92
+ .wpcf7 .cf7s-emerald fieldset fieldset label{
93
+ }
94
+
95
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald fieldset fieldset input,
96
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald fieldset fieldset textarea {
97
+ background: #488a6e;
98
+ }
99
+
100
+ /** Text Fields
101
+ ------------------------------------------------------------ */
102
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input,
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald textarea {
104
+ margin-bottom: 8px;
105
+ padding: 5px 7px;
106
+ color: #8ec2ab;
107
+ border: 1px solid #77ab94;
108
+ background: #1e4d39;
109
+ }
110
+
111
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="text"],
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="email"],
113
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="tel"],
114
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="url"],
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="number"],
116
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="range"],
117
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type=date],
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type=file] {
119
+ }
120
+
121
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="text"] {
122
+ }
123
+
124
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="email"] {
125
+ }
126
+
127
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="tel"] {
128
+ }
129
+
130
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald textarea {
131
+ }
132
+
133
+ /** Ordered & Unordered lists
134
+ ------------------------------------------------------------ */
135
+ .wpcf7 .cf7s-emerald ol,
136
+ .wpcf7 .cf7s-emerald ul,
137
+ .wpcf7 .cf7s-emerald li {
138
+ }
139
+
140
+ .wpcf7 .cf7s-emerald ol {
141
+ }
142
+
143
+ .wpcf7 .cf7s-emerald li {
144
+ margin-bottom: 5px;
145
+ }
146
+
147
+ .wpcf7 .cf7s-emerald li label {
148
+ margin-right: 7px;
149
+ }
150
+
151
+ .wpcf7 .cf7s-emerald .wpcf7-list-item {
152
+ }
153
+
154
+ .wpcf7 .cf7s-emerald .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-emerald input[type="checkbox"],
161
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="radio"] {
162
+ margin-right: 6px;
163
+ border: none;
164
+ background: none;
165
+ }
166
+
167
+ .wpcf7 .cf7s-emerald select {
168
+ padding: 5px;
169
+ color: #fff;
170
+ border: 1px solid #77ab94;
171
+ background: #488a6e;
172
+ }
173
+
174
+ .wpcf7 .cf7s-emerald select option {
175
+ }
176
+
177
+ .wpcf7 .cf7s-emerald select option:hover {
178
+ color: #488a6e;
179
+ background: #fff;
180
+ }
181
+
182
+ .wpcf7 .cf7s-emerald .wpcf7-checkbox .wpcf7-list-item,
183
+ .wpcf7 .cf7s-emerald .wpcf7-radio .wpcf7-list-item {
184
+ margin-left: 13px;
185
+ }
186
+
187
+ /** Other Fields
188
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
189
+ ------------------------------------------------------------ */
190
+
191
+
192
+ /** Submit Buttons
193
+ NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
194
+ ------------------------------------------------------------ */
195
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="submit"] {
196
+ padding: 5px 15px;
197
+ color: #fff;
198
+ border: none;
199
+ background: #1e4d39;
200
+ }
201
+
202
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald input[type="submit"]:hover {
203
+ background: #000; /* WAS background: #488a6e; */
204
+ }
205
+
206
+ /** Special Classes
207
+ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular form
208
+ ------------------------------------------------------------ */
209
+
210
+
211
+ /** Ready Styles
212
+ NOTE: Ready Styles are provided ready to be used in all CF7 forms
213
+ ------------------------------------------------------------ */
214
+ .wpcf7 .cf7s-emerald .singleline {
215
+ }
216
+
217
+ .wpcf7 .cf7s-emerald .singleline li {
218
+ display: inline-block;
219
+ margin: 0 2% 0 0;
220
+ width: 47%; /* CHANGE TO CALC */
221
+ }
222
+
223
+ .wpcf7 .cf7s-emerald .singleline input {
224
+ }
225
+
226
+ .wpcf7 .cf7s-emerald .checkbox-horizontal,
227
+ .wpcf7 .cf7s-emerald .radio-horizontal {
228
+ }
229
+
230
+ .wpcf7 .cf7s-emerald .boxaround {
231
+ margin-bottom: 15px;
232
+ padding: 10px;
233
+ color: #fff;
234
+ border: 1px solid #77ab94;
235
+ background: #1e4d39;
236
+ }
237
+
238
+ .wpcf7 .cf7s-emerald .boxaround1 {
239
+ margin-bottom: 15px;
240
+ padding: 10px;
241
+ color: #fff;
242
+ border: 1px solid #77ab94;
243
+ background: #1e4d39;
244
+ }
245
+
246
+ .wpcf7 .cf7s-emerald .boxaround select {
247
+ }
248
+
249
+ .wpcf7 .cf7s-emerald .boxaround1 select {
250
+ }
251
+
252
+ /** Multi Styles
253
+ NOTE: These styles provide styling for CF7 Skins Multi elements
254
+ ------------------------------------------------------------ */
255
+
256
+ /* Multi Fixes */
257
+ .wpcf7 .cf7s-emerald.cf7multi {
258
+ }
259
+
260
+ .wpcf7 .cf7s-emerald.cf7multi .etabs li {
261
+ }
262
+
263
+ /* Easytabs */
264
+ .wpcf7 .cf7s-emerald.cf7multi .tab-container {
265
+ }
266
+
267
+ .wpcf7 .cf7s-emerald.cf7multi .etabs {
268
+ }
269
+
270
+ .wpcf7 .cf7s-emerald.cf7multi .tab {
271
+ border: 1px solid #488a6e;
272
+ border-bottom: none;
273
+ background: #488a6e;
274
+ }
275
+
276
+ .wpcf7 .cf7s-emerald.cf7multi .tab a {
277
+ color: #fff;
278
+ }
279
+
280
+ .wpcf7 .cf7s-emerald.cf7multi .tab.active {
281
+ background: #fff;
282
+ }
283
+
284
+ .wpcf7 .cf7s-emerald.cf7multi .tab a.active {
285
+ color: #488a6e;
286
+ }
287
+
288
+ .wpcf7 .cf7s-emerald.cf7multi .epanels {
289
+ border: 1px solid #488a6e;
290
+ }
291
+
292
+ .wpcf7 .cf7s-emerald.cf7multi .panel-container {
293
+ }
294
+
295
+ /* Navigation */
296
+ .wpcf7 .cf7s-emerald.cf7multi .navigation {
297
+ }
298
+
299
+ .wpcf7 .cf7s-emerald.cf7multi .navigation .previous,
300
+ .wpcf7 .cf7s-emerald.cf7multi .navigation .next {
301
+ color: #fff;
302
+ border: 1px solid #488a6e;
303
+ background: #1e4d39;
304
+ }
305
+
306
+ .wpcf7 .cf7s-emerald.cf7multi .navigation .previous:hover,
307
+ .wpcf7 .cf7s-emerald.cf7multi .navigation .next:hover {
308
+ }
309
+
310
+ /* Pagination */
311
+ .wpcf7 .cf7s-emerald.cf7multi .pagination {
312
+ }
313
+
314
+ /* Start & End Tabs */
315
+ .wpcf7 .cf7s-emerald.cf7multi .navigation .start,
316
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald.cf7multi .navigation .end {
317
+ padding: 5px 10px;
318
+ color: #fff;
319
+ border: 1px solid #488a6e;
320
+ background: #1e4d39;
321
+ }
322
+
323
+ .wpcf7 .cf7s-emerald.cf7multi .navigation .start:hover,
324
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald.cf7multi .navigation .end:hover {
325
+ background: #488a6e;
326
+ }
327
+
328
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald.cf7multi .navigation .end {
329
+ }
330
+
331
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-emerald.cf7multi .navigation .end:hover {
332
+ }
333
+
334
+ /* Progress Bar */
335
+ .wpcf7 .cf7s-emerald.cf7multi .cf7m-progress {
336
+ border: 1px solid #77ab94;
337
+ background: #488a6e;
338
+ }
339
+
340
+ .wpcf7 .cf7s-emerald.cf7multi .cf7m-progress div {
341
+ background: #1e4d39;
342
+ }
343
+
344
+ /* Thank You Tab */
345
+ .wpcf7 .cf7s-emerald.cf7multi .cf7m-thanks {
346
+ }
skins/styles/emerald/modal.png ADDED
Binary file
skins/styles/emerald/thumbnail.png ADDED
Binary file
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -91,8 +92,8 @@ NOTE: These items should be used to style the overall CF7 form
91
  .wpcf7 .cf7s-magnum fieldset fieldset legend {
92
  }
93
 
94
- .wpcf7 .cf7s-magnum fieldset fieldset input,
95
- .wpcf7 .cf7s-magnum fieldset fieldset textarea {
96
  }
97
 
98
  /** Text Fields
@@ -106,26 +107,26 @@ NOTE: These items should be used to style the overall CF7 form
106
  background: #b1e8d7;
107
  }
108
 
109
- .wpcf7 .cf7s-magnum input[type="text"],
110
- .wpcf7 .cf7s-magnum input[type="email"],
111
- .wpcf7 .cf7s-magnum input[type="tel"],
112
- .wpcf7 .cf7s-magnum input[type="url"],
113
- .wpcf7 .cf7s-magnum input[type="number"],
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"] {
120
  }
121
 
122
- .wpcf7 .cf7s-magnum input[type="email"] {
123
  }
124
 
125
- .wpcf7 .cf7s-magnum input[type="tel"] {
126
  }
127
 
128
- .wpcf7 .cf7s-magnum textarea {
129
  padding: 5px 7px; /* deliberately different from Input */
130
  }
131
 
@@ -196,9 +197,9 @@ NOTE: These are the CSS selectors that should be used to style Submit Buttons wi
196
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="submit"] {
197
  font-size: 1.2em;
198
  padding: 5px 15px;
199
- background: #89d9c0;
200
  color: #fff;
201
  border: none;
 
202
  }
203
 
204
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="submit"]:hover {
@@ -249,4 +250,101 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
249
  }
250
 
251
  .wpcf7 .cf7s-magnum .boxaround1 select {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
252
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
92
  .wpcf7 .cf7s-magnum fieldset fieldset legend {
93
  }
94
 
95
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum fieldset fieldset input,
96
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum fieldset fieldset textarea {
97
  }
98
 
99
  /** Text Fields
107
  background: #b1e8d7;
108
  }
109
 
110
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="text"],
111
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="email"],
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="tel"],
113
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="url"],
114
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="number"],
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="range"],
116
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type=date],
117
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type=file] {
118
  }
119
 
120
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="text"] {
121
  }
122
 
123
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="email"] {
124
  }
125
 
126
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="tel"] {
127
  }
128
 
129
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum textarea {
130
  padding: 5px 7px; /* deliberately different from Input */
131
  }
132
 
197
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="submit"] {
198
  font-size: 1.2em;
199
  padding: 5px 15px;
 
200
  color: #fff;
201
  border: none;
202
+ background: #89d9c0;
203
  }
204
 
205
  .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum input[type="submit"]:hover {
250
  }
251
 
252
  .wpcf7 .cf7s-magnum .boxaround1 select {
253
+ }
254
+
255
+ /** Multi Styles
256
+ NOTE: These styles provide styling for CF7 Skins Multi elements
257
+ ------------------------------------------------------------ */
258
+
259
+ /* Multi Fixes */
260
+ .wpcf7 .cf7s-magnum.cf7multi {
261
+ }
262
+
263
+ .wpcf7 .cf7s-magnum.cf7multi .etabs li {
264
+ }
265
+
266
+ /* Easytabs */
267
+ .wpcf7 .cf7s-magnum.cf7multi .tab-container {
268
+ }
269
+
270
+ .wpcf7 .cf7s-magnum.cf7multi .etabs {
271
+ }
272
+
273
+ .wpcf7 .cf7s-magnum.cf7multi .tab {
274
+ border: 1px solid #bdc2fd;
275
+ border-bottom: none;
276
+ background: #bdc2fd;
277
+ }
278
+
279
+ .wpcf7 .cf7s-magnum.cf7multi .tab a {
280
+ color: #fff; /* WAS color: #838ada; */
281
+ }
282
+
283
+ .wpcf7 .cf7s-magnum.cf7multi .tab.active {
284
+ background: #fff;
285
+ }
286
+
287
+ .wpcf7 .cf7s-magnum.cf7multi .tab a.active {
288
+ color: #838ada;
289
+ }
290
+
291
+ .wpcf7 .cf7s-magnum.cf7multi .epanels {
292
+ border: 1px solid #bdc2fd;
293
+ }
294
+
295
+ .wpcf7 .cf7s-magnum.cf7multi .panel-container {
296
+ }
297
+
298
+ /* Navigation */
299
+ .wpcf7 .cf7s-magnum.cf7multi .navigation {
300
+ }
301
+
302
+ .wpcf7 .cf7s-magnum.cf7multi .navigation .previous,
303
+ .wpcf7 .cf7s-magnum.cf7multi .navigation .next {
304
+ color: #fff;
305
+ border: none;
306
+ background: #89d9c0;
307
+ }
308
+
309
+ .wpcf7 .cf7s-magnum.cf7multi .navigation .previous:hover,
310
+ .wpcf7 .cf7s-magnum.cf7multi .navigation .next:hover {
311
+ }
312
+
313
+ /* Pagination */
314
+ .wpcf7 .cf7s-magnum.cf7multi .pagination {
315
+ }
316
+
317
+ /* Start & End Tabs */
318
+ .wpcf7 .cf7s-magnum.cf7multi .navigation .start,
319
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum.cf7multi .navigation .end {
320
+ font-size: 1.0em;
321
+ padding: 5px 10px;
322
+ color: #fff;
323
+ border: none;
324
+ background: #89d9c0;
325
+ }
326
+
327
+ .wpcf7 .cf7s-magnum.cf7multi .navigation .start:hover,
328
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum.cf7multi .navigation .end:hover {
329
+ color: #000;
330
+ }
331
+
332
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum.cf7multi .navigation .end {
333
+ }
334
+
335
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-magnum.cf7multi .navigation .end:hover {
336
+ }
337
+
338
+ /* Progress Bar */
339
+ .wpcf7 .cf7s-magnum.cf7multi .cf7m-progress {
340
+ border: 1px solid #bdc2fd;
341
+ background: #fff;
342
+ }
343
+
344
+ .wpcf7 .cf7s-magnum.cf7multi .cf7m-progress div {
345
+ background: #89d9c0;
346
+ }
347
+
348
+ /* Thank You Tab */
349
+ .wpcf7 .cf7s-magnum.cf7multi .cf7m-thanks {
350
  }
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -84,8 +85,8 @@ NOTE: These items should be used to style the overall CF7 form
84
  .wpcf7 .cf7s-pina-colada fieldset fieldset legend {
85
  }
86
 
87
- .wpcf7 .cf7s-pina-colada fieldset fieldset input,
88
- .wpcf7 .cf7s-pina-colada fieldset fieldset textarea {
89
  }
90
 
91
  /** Text Fields
@@ -98,26 +99,26 @@ NOTE: These items should be used to style the overall CF7 form
98
  background: #fafafa;
99
  }
100
 
101
- .wpcf7 .cf7s-pina-colada input[type="text"],
102
- .wpcf7 .cf7s-pina-colada input[type="email"],
103
- .wpcf7 .cf7s-pina-colada input[type="tel"],
104
- .wpcf7 .cf7s-pina-colada input[type="url"],
105
- .wpcf7 .cf7s-pina-colada input[type="number"],
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"] {
112
  }
113
 
114
- .wpcf7 .cf7s-pina-colada input[type="email"] {
115
  }
116
 
117
- .wpcf7 .cf7s-pina-colada input[type="tel"] {
118
  }
119
 
120
- .wpcf7 .cf7s-pina-colada textarea {
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
@@ -177,6 +178,8 @@ NOTE: Use these CSS selectors to style these elements within CF7 forms
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+ */
@@ -185,8 +188,6 @@ NOTE: These are the CSS selectors that should be used to style Submit Buttons wi
185
  background: -ms-linear-gradient(top, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* IE10+ */
186
  background: linear-gradient(to bottom, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* W3C */
187
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b0016', endColorstr='#99005d',GradientType=0 ); /* IE6-9 */
188
- color: #fff;
189
- padding: 7px 10px;
190
  }
191
 
192
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="submit"]:hover {
@@ -238,4 +239,112 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
238
  }
239
 
240
  .wpcf7 .cf7s-pina-colada .boxaround1 select {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
241
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
85
  .wpcf7 .cf7s-pina-colada fieldset fieldset legend {
86
  }
87
 
88
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada fieldset fieldset input,
89
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada fieldset fieldset textarea {
90
  }
91
 
92
  /** Text Fields
99
  background: #fafafa;
100
  }
101
 
102
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="text"],
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="email"],
104
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="tel"],
105
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="url"],
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="number"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="range"],
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type=date],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type=file] {
110
  }
111
 
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="text"] {
113
  }
114
 
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="email"] {
116
  }
117
 
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="tel"] {
119
  }
120
 
121
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada textarea {
122
  padding: 5px 7px; /* deliberately different from Input */
123
  }
124
 
178
  NOTE: These are the CSS selectors that should be used to style Submit Buttons within CF7 forms
179
  ------------------------------------------------------------ */
180
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="submit"] {
181
+ padding: 7px 10px;
182
+ color: #fff;
183
  background: #4b0016; /* Old browsers */
184
  background: -moz-linear-gradient(top, #4b0016 0%, #77003a 47%, #720031 50%, #670020 53%, #99005d 100%); /* FF3.6+ */
185
  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+ */
188
  background: -ms-linear-gradient(top, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* IE10+ */
189
  background: linear-gradient(to bottom, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* W3C */
190
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b0016', endColorstr='#99005d',GradientType=0 ); /* IE6-9 */
 
 
191
  }
192
 
193
  .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada input[type="submit"]:hover {
239
  }
240
 
241
  .wpcf7 .cf7s-pina-colada .boxaround1 select {
242
+ }
243
+
244
+ /** Multi Styles
245
+ NOTE: These styles provide styling for CF7 Skins Multi elements
246
+ ------------------------------------------------------------ */
247
+
248
+ /* Multi Fixes */
249
+ .wpcf7 .cf7s-pina-colada.cf7multi {
250
+ }
251
+
252
+ .wpcf7 .cf7s-pina-colada.cf7multi .etabs li {
253
+ }
254
+
255
+ /* Easytabs */
256
+ .wpcf7 .cf7s-pina-colada.cf7multi .tab-container {
257
+ }
258
+
259
+ .wpcf7 .cf7s-pina-colada.cf7multi .etabs {
260
+ }
261
+
262
+ .wpcf7 .cf7s-pina-colada.cf7multi .tab {
263
+ border: 1px solid #d7cfb9;
264
+ border-bottom: none;
265
+ background: #efe6ce;
266
+ }
267
+
268
+ .wpcf7 .cf7s-pina-colada.cf7multi .tab a {
269
+ color: #4a003a;
270
+ }
271
+
272
+ .wpcf7 .cf7s-pina-colada.cf7multi .tab.active {
273
+ background: #fff;
274
+ }
275
+
276
+ .wpcf7 .cf7s-pina-colada.cf7multi .tab a.active {
277
+ }
278
+
279
+ .wpcf7 .cf7s-pina-colada.cf7multi .epanels {
280
+ border: 1px solid #d7cfb9;
281
+ }
282
+
283
+ .wpcf7 .cf7s-pina-colada.cf7multi .panel-container {
284
+ }
285
+
286
+ /* Navigation */
287
+ .wpcf7 .cf7s-pina-colada.cf7multi .navigation {
288
+ }
289
+
290
+ .wpcf7 .cf7s-pina-colada.cf7multi .navigation .previous,
291
+ .wpcf7 .cf7s-pina-colada.cf7multi .navigation .next {
292
+ color: #fff;
293
+ background: #4b0016; /* Old browsers */
294
+ background: -moz-linear-gradient(top, #4b0016 0%, #77003a 47%, #720031 50%, #670020 53%, #99005d 100%); /* FF3.6+ */
295
+ 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+ */
296
+ background: -webkit-linear-gradient(top, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* Chrome10+,Safari5.1+ */
297
+ background: -o-linear-gradient(top, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* Opera 11.10+ */
298
+ background: -ms-linear-gradient(top, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* IE10+ */
299
+ background: linear-gradient(to bottom, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* W3C */
300
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b0016', endColorstr='#99005d',GradientType=0 ); /* IE6-9 */
301
+ }
302
+
303
+ .wpcf7 .cf7s-pina-colada.cf7multi .navigation .previous:hover,
304
+ .wpcf7 .cf7s-pina-colada.cf7multi .navigation .next:hover {
305
+ }
306
+
307
+ /* Pagination */
308
+ .wpcf7 .cf7s-pina-colada.cf7multi .pagination {
309
+ }
310
+
311
+ /* Start & End Tabs */
312
+ .wpcf7 .cf7s-pina-colada.cf7multi .navigation .start,
313
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada.cf7multi .navigation .end {
314
+ padding: 5px 10px;
315
+ color: #fff;
316
+ background: #4b0016; /* Old browsers */
317
+ background: -moz-linear-gradient(top, #4b0016 0%, #77003a 47%, #720031 50%, #670020 53%, #99005d 100%); /* FF3.6+ */
318
+ 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+ */
319
+ background: -webkit-linear-gradient(top, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* Chrome10+,Safari5.1+ */
320
+ background: -o-linear-gradient(top, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* Opera 11.10+ */
321
+ background: -ms-linear-gradient(top, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* IE10+ */
322
+ background: linear-gradient(to bottom, #4b0016 0%,#77003a 47%,#720031 50%,#670020 53%,#99005d 100%); /* W3C */
323
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b0016', endColorstr='#99005d',GradientType=0 ); /* IE6-9 */
324
+ }
325
+
326
+ .wpcf7 .cf7s-pina-colada.cf7multi .navigation .start:hover,
327
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada.cf7multi .navigation .end:hover {
328
+ background: #000;
329
+ }
330
+
331
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada.cf7multi .navigation .end {
332
+ }
333
+
334
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-pina-colada.cf7multi .navigation .end:hover {
335
+ }
336
+
337
+ /* Progress Bar */
338
+ .wpcf7 .cf7s-pina-colada.cf7multi .cf7m-progress {
339
+ border: 1px solid #d7cfb9;
340
+ background: #efe6ce;
341
+ }
342
+
343
+ .wpcf7 .cf7s-pina-colada.cf7multi .cf7m-progress div {
344
+ border-radius: 3px 0 0 3px;
345
+ background: #65001d;
346
+ }
347
+
348
+ /* Thank You Tab */
349
+ .wpcf7 .cf7s-pina-colada.cf7multi .cf7m-thanks {
350
  }
skins/styles/seaspray/modal.png ADDED
Binary file
skins/styles/seaspray/seaspray.css ADDED
@@ -0,0 +1,337 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ * Style Name: Seaspray
3
+ * Style URI: http://
4
+ * Author: Neil Murray
5
+ * Author URI: http://cf7skins.com
6
+ * Description: Seaspray is a bright eye-catching style that can stand out on your page with its interesting use of vibrant colors. Its eye-catching headers and stylish design will lift your forms out of the ordinary.
7
+ * Instructions:
8
+ * Version: 1.1
9
+ * Version Date: 2015-06-30
10
+ * License: GNU General Public License v2 or later
11
+ * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
+ * Tags: green, white, gray, black, dark
13
+ */
14
+
15
+ /** Table of Contents
16
+ * Import
17
+ * Resets
18
+ * Form & Controls
19
+ * Fieldset, Legend, Label
20
+ * Text Fields
21
+ * Ordered & Unordered lists
22
+ * Checkboxes, Radio Buttons and Drop Down Menus
23
+ * Other Fields
24
+ * Submit Buttons
25
+ * Special Classes
26
+ * Ready Styles
27
+ * Multi Styles
28
+ */
29
+
30
+ /** Import
31
+ NOTE: Use to import other style sheets
32
+ ------------------------------------------------------------ */
33
+ /* @import url('../parent/style.css'); */
34
+
35
+ /** Resets
36
+ NOTE: These are used to reset standard HTML form elements within CF7 forms
37
+ ------------------------------------------------------------ */
38
+ .wpcf7 .cf7s-seaspray p {
39
+ }
40
+
41
+ .wpcf7 .cf7s-seaspray em {
42
+ }
43
+
44
+ .wpcf7 .cf7s-seaspray a {
45
+ }
46
+
47
+ /** Form & Controls
48
+ NOTE: These items should be used to style the overall CF7 form
49
+ ------------------------------------------------------------ */
50
+ .wpcf7 .cf7s-seaspray {
51
+ padding: 20px;
52
+ color: #000;
53
+ border: 1px solid #1c1c1c;
54
+ background: #fff;
55
+ }
56
+
57
+ /** Fieldset, Legend, Label
58
+ ------------------------------------------------------------ */
59
+ .wpcf7 .cf7s-seaspray fieldset {
60
+ margin: 10px 0;
61
+ padding: 10px 20px;
62
+ border: 2px solid #1c1c1c;
63
+ background: #fff;
64
+ }
65
+
66
+ .wpcf7 .cf7s-seaspray legend {
67
+ font-size: 1.2em;
68
+ padding: 2px 10px;
69
+ color: #fff;
70
+ border: 2px solid #1c1c1c;
71
+ background: #56d0bb;
72
+ }
73
+
74
+ .wpcf7 .cf7s-seaspray label {
75
+ }
76
+
77
+ .wpcf7 .cf7s-seaspray fieldset p {
78
+ }
79
+
80
+ .wpcf7 .cf7s-seaspray fieldset fieldset {
81
+ margin: 10px 0;
82
+ background: #56d0bb;
83
+ }
84
+
85
+ .wpcf7 .cf7s-seaspray fieldset fieldset legend {
86
+ color: #56d0bb;
87
+ /* border: 2px solid #1c1c1c; */
88
+ background: #fff;
89
+ }
90
+
91
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray fieldset fieldset input,
92
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray fieldset fieldset textarea {
93
+ border: 1px solid #6f6f6f;
94
+ }
95
+
96
+ /** Text Fields
97
+ ------------------------------------------------------------ */
98
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input,
99
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray textarea {
100
+ margin-bottom: 8px;
101
+ padding: 5px 7px;
102
+ border: 1px solid #55d1b7;
103
+ background: #f2f2f2;
104
+ }
105
+
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="text"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="email"],
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="tel"],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="url"],
110
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="number"],
111
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="range"],
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type=date],
113
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type=file] {
114
+ }
115
+
116
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="text"] {
117
+ }
118
+
119
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="email"] {
120
+ }
121
+
122
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="tel"] {
123
+ }
124
+
125
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray textarea {
126
+ }
127
+
128
+ /** Ordered & Unordered lists
129
+ ------------------------------------------------------------ */
130
+ .wpcf7 .cf7s-seaspray ol,
131
+ .wpcf7 .cf7s-seaspray ul,
132
+ .wpcf7 .cf7s-seaspray li {
133
+ }
134
+
135
+ .wpcf7 .cf7s-seaspray ol {
136
+ }
137
+
138
+ .wpcf7 .cf7s-seaspray li {
139
+ margin-bottom: 5px;
140
+ }
141
+
142
+ .wpcf7 .cf7s-seaspray li label {
143
+ margin-right: 7px;
144
+ }
145
+
146
+ .wpcf7 .cf7s-seaspray .wpcf7-list-item {
147
+ }
148
+
149
+ .wpcf7 .cf7s-seaspray .wpcf7-list-item-label {
150
+ margin-right: 7px;
151
+ }
152
+
153
+ /** Checkboxes, Radio Buttons and Drop Down Menus
154
+ ------------------------------------------------------------ */
155
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="checkbox"],
156
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="radio"] {
157
+ margin-right: 6px;
158
+ border: none;
159
+ background: none;
160
+ }
161
+
162
+ .wpcf7 .cf7s-seaspray select {
163
+ padding: 5px;
164
+ border: 1px solid #1c1c1c;
165
+ background: #f2f2f2;
166
+ }
167
+
168
+ .wpcf7 .cf7s-seaspray select option {
169
+ }
170
+
171
+ .wpcf7 .cf7s-seaspray select option:hover {
172
+ background: #56d0bb;
173
+ }
174
+
175
+ .wpcf7 .cf7s-seaspray .wpcf7-checkbox .wpcf7-list-item,
176
+ .wpcf7 .cf7s-seaspray .wpcf7-radio .wpcf7-list-item {
177
+ margin-left: 13px;
178
+ }
179
+
180
+ /** Other Fields
181
+ NOTE: Use these CSS selectors to style these elements within CF7 forms
182
+ ------------------------------------------------------------ */
183
+
184
+
185
+ /** Submit Buttons
186
+ NOTE: These are the CSS selectors that should be used style Submit Buttons within CF7 forms
187
+ ------------------------------------------------------------ */
188
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="submit"] {
189
+ padding: 5px 15px;
190
+ color: #fff;
191
+ background: #1c1c1c;
192
+ }
193
+
194
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray input[type="submit"]:hover {
195
+ color: #333;
196
+ background: #56d0bb;
197
+ }
198
+
199
+ /** Special Classes
200
+ NOTE: Special Classes are classes added in the CF7 Form HTML for a particular form
201
+ ------------------------------------------------------------ */
202
+
203
+
204
+ /** Ready Styles
205
+ NOTE: Ready Styles are provided ready to be used in all CF7 forms
206
+ ------------------------------------------------------------ */
207
+ .wpcf7 .cf7s-seaspray .singleline {
208
+ }
209
+
210
+ .wpcf7 .cf7s-seaspray .singleline li {
211
+ display: inline-block;
212
+ margin: 0 2% 0 0;
213
+ width: 47%; /* CHANGE TO CALC */
214
+ }
215
+
216
+ .wpcf7 .cf7s-seaspray .singleline input {
217
+ }
218
+
219
+ .wpcf7 .cf7s-seaspray .checkbox-horizontal,
220
+ .wpcf7 .cf7s-seaspray .radio-horizontal {
221
+ }
222
+
223
+ .wpcf7 .cf7s-seaspray .boxaround {
224
+ margin-bottom: 15px;
225
+ padding: 10px;
226
+ border: 1px solid #1c1c1c;
227
+ background: #56d0bb;
228
+ }
229
+
230
+ .wpcf7 .cf7s-seaspray .boxaround1 {
231
+ margin-bottom: 15px;
232
+ padding: 10px;
233
+ border: 1px solid #1c1c1c;
234
+ background: #56d0bb;
235
+ }
236
+
237
+ .wpcf7 .cf7s-seaspray .boxaround select {
238
+ }
239
+
240
+ .wpcf7 .cf7s-seaspray .boxaround1 select {
241
+ }
242
+
243
+ /** Multi Styles
244
+ NOTE: These styles provide styling for CF7 Skins Multi elements
245
+ ------------------------------------------------------------ */
246
+
247
+ /* Multi Fixes */
248
+ .wpcf7 .cf7s-seaspray.cf7multi {
249
+ }
250
+
251
+ .wpcf7 .cf7s-seaspray.cf7multi .etabs li {
252
+ }
253
+
254
+ /* Easytabs */
255
+ .wpcf7 .cf7s-seaspray.cf7multi .tab-container {
256
+ }
257
+
258
+ .wpcf7 .cf7s-seaspray.cf7multi .etabs {
259
+ }
260
+
261
+ .wpcf7 .cf7s-seaspray.cf7multi .tab {
262
+ border: 1px solid #55d1b7;
263
+ border-bottom: none;
264
+ background: #f2f2f2;
265
+ }
266
+
267
+ .wpcf7 .cf7s-seaspray.cf7multi .tab a {
268
+ color: #000;
269
+ }
270
+
271
+ .wpcf7 .cf7s-seaspray.cf7multi .tab.active {
272
+ background: #fff;
273
+ }
274
+
275
+ .wpcf7 .cf7s-seaspray.cf7multi .tab a.active {
276
+ }
277
+
278
+ .wpcf7 .cf7s-seaspray.cf7multi .epanels {
279
+ border: 1px solid #55d1b7;
280
+ }
281
+
282
+ .wpcf7 .cf7s-seaspray.cf7multi .panel-container {
283
+ }
284
+
285
+ /* Navigation */
286
+ .wpcf7 .cf7s-seaspray.cf7multi .navigation {
287
+ }
288
+
289
+ .wpcf7 .cf7s-seaspray.cf7multi .navigation .previous,
290
+ .wpcf7 .cf7s-seaspray.cf7multi .navigation .next {
291
+ color: #fff;
292
+ border: 1px solid #55d1b7;
293
+ background: #1c1c1c;
294
+ }
295
+
296
+ .wpcf7 .cf7s-seaspray.cf7multi .navigation .previous:hover,
297
+ .wpcf7 .cf7s-seaspray.cf7multi .navigation .next:hover {
298
+ }
299
+
300
+ /* Pagination */
301
+ .wpcf7 .cf7s-seaspray.cf7multi .pagination {
302
+ }
303
+
304
+ /* Start & End Tabs */
305
+ .wpcf7 .cf7s-seaspray.cf7multi .navigation .start,
306
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray.cf7multi .navigation .end {
307
+ padding: 5px 10px;
308
+ color: #fff;
309
+ border: 1px solid #55d1b7;
310
+ background: #1c1c1c;
311
+ }
312
+
313
+ .wpcf7 .cf7s-seaspray.cf7multi .navigation .start:hover,
314
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray.cf7multi .navigation .end:hover {
315
+ color: #333;
316
+ background: #56d0bb;
317
+ }
318
+
319
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray.cf7multi .navigation .end {
320
+ }
321
+
322
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-seaspray.cf7multi .navigation .end:hover {
323
+ }
324
+
325
+ /* Progress Bar */
326
+ .wpcf7 .cf7s-seaspray.cf7multi .cf7m-progress {
327
+ border: 1px solid #55d1b7;
328
+ background: #f2f2f2;
329
+ }
330
+
331
+ .wpcf7 .cf7s-seaspray.cf7multi .cf7m-progress div {
332
+ background: #56d0bb;
333
+ }
334
+
335
+ /* Thank You Tab */
336
+ .wpcf7 .cf7s-seaspray.cf7multi .cf7m-thanks {
337
+ }
skins/styles/seaspray/thumbnail.png ADDED
Binary file
skins/styles/topaz/topaz.css CHANGED
@@ -6,8 +6,8 @@
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
13
  */
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -83,8 +84,8 @@ NOTE: These items should be used to style the overall CF7 form
83
  .wpcf7 .cf7s-topaz fieldset fieldset legend {
84
  }
85
 
86
- .wpcf7 .cf7s-topaz fieldset fieldset input,
87
- .wpcf7 .cf7s-topaz fieldset fieldset textarea {
88
  }
89
 
90
  /** Text Fields
@@ -98,26 +99,26 @@ NOTE: These items should be used to style the overall CF7 form
98
  background: #fff5dc;
99
  }
100
 
101
- .wpcf7 .cf7s-topaz input[type="text"],
102
- .wpcf7 .cf7s-topaz input[type="email"],
103
- .wpcf7 .cf7s-topaz input[type="tel"],
104
- .wpcf7 .cf7s-topaz input[type="url"],
105
- .wpcf7 .cf7s-topaz input[type="number"],
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"] {
112
  }
113
 
114
- .wpcf7 .cf7s-topaz input[type="email"] {
115
  }
116
 
117
- .wpcf7 .cf7s-topaz input[type="tel"] {
118
  }
119
 
120
- .wpcf7 .cf7s-topaz textarea {
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
@@ -234,4 +235,100 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
234
  }
235
 
236
  .wpcf7 .cf7s-topaz .boxaround1 select {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
237
  }
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.1
10
+ * Version Date: 2015-05-20
11
  * License URI: http://www.gnu.org/licenses/gpl-2.0.html
12
  * Tags: yellow, orange, white, light
13
  */
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
84
  .wpcf7 .cf7s-topaz fieldset fieldset legend {
85
  }
86
 
87
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz fieldset fieldset input,
88
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz fieldset fieldset textarea {
89
  }
90
 
91
  /** Text Fields
99
  background: #fff5dc;
100
  }
101
 
102
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="text"],
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="email"],
104
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="tel"],
105
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="url"],
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="number"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="range"],
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type=date],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type=file] {
110
  }
111
 
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="text"] {
113
  }
114
 
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="email"] {
116
  }
117
 
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz input[type="tel"] {
119
  }
120
 
121
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz textarea {
122
  padding: 5px 7px; /* deliberately different from Input */
123
  }
124
 
235
  }
236
 
237
  .wpcf7 .cf7s-topaz .boxaround1 select {
238
+ }
239
+
240
+ /** Multi Styles
241
+ NOTE: These styles provide styling for CF7 Skins Multi elements
242
+ ------------------------------------------------------------ */
243
+
244
+ /* Multi Fixes */
245
+ .wpcf7 .cf7s-topaz.cf7multi {
246
+ }
247
+
248
+ .wpcf7 .cf7s-topaz.cf7multi .etabs li {
249
+ }
250
+
251
+ /* Easytabs */
252
+ .wpcf7 .cf7s-topaz.cf7multi .tab-container {
253
+ }
254
+
255
+ .wpcf7 .cf7s-topaz.cf7multi .etabs {
256
+ }
257
+
258
+ .wpcf7 .cf7s-topaz.cf7multi .tab {
259
+ border: 1px solid #e0bf7a;
260
+ border-bottom: none;
261
+ background: #f8db9d;
262
+ }
263
+
264
+ .wpcf7 .cf7s-topaz.cf7multi .tab a {
265
+ color: #d17534;
266
+ }
267
+
268
+ .wpcf7 .cf7s-topaz.cf7multi .tab.active {
269
+ background: #fff;
270
+ }
271
+
272
+ .wpcf7 .cf7s-topaz.cf7multi .tab a.active {
273
+ }
274
+
275
+ .wpcf7 .cf7s-topaz.cf7multi .epanels {
276
+ border: 1px solid #e0bf7a;
277
+ }
278
+
279
+ .wpcf7 .cf7s-topaz.cf7multi .panel-container {
280
+ }
281
+
282
+ /* Navigation */
283
+ .wpcf7 .cf7s-topaz.cf7multi .navigation {
284
+ }
285
+
286
+ .wpcf7 .cf7s-topaz.cf7multi .navigation .previous,
287
+ .wpcf7 .cf7s-topaz.cf7multi .navigation .next {
288
+ color: #fff;
289
+ border: 1px solid #e0bf7a;
290
+ background: #d88249;
291
+ }
292
+
293
+ .wpcf7 .cf7s-topaz.cf7multi .navigation .previous:hover,
294
+ .wpcf7 .cf7s-topaz.cf7multi .navigation .next:hover {
295
+ }
296
+
297
+ /* Pagination */
298
+ .wpcf7 .cf7s-topaz.cf7multi .pagination {
299
+ }
300
+
301
+ /* Start & End Tabs */
302
+ .wpcf7 .cf7s-topaz.cf7multi .navigation .start,
303
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz.cf7multi .navigation .end {
304
+ padding: 5px 10px;
305
+ color: #fff;
306
+ border: 1px solid #e0bf7a;
307
+ background: #d88249;
308
+ }
309
+
310
+ .wpcf7 .cf7s-topaz.cf7multi .navigation .start:hover,
311
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz.cf7multi .navigation .end:hover {
312
+ color: #d17437;
313
+ background: #f6d896;
314
+ }
315
+
316
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz.cf7multi .navigation .end {
317
+ }
318
+
319
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-topaz.cf7multi .navigation .end:hover {
320
+ }
321
+
322
+ /* Progress Bar */
323
+ .wpcf7 .cf7s-topaz.cf7multi .cf7m-progress {
324
+ border: 1px solid #e0bf7a;
325
+ background: #f8db9d;
326
+ }
327
+
328
+ .wpcf7 .cf7s-topaz.cf7multi .cf7m-progress div {
329
+ background: #d78148;
330
+ }
331
+
332
+ /* Thank You Tab */
333
+ .wpcf7 .cf7s-topaz.cf7multi .cf7m-thanks {
334
  }
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -58,7 +59,7 @@ NOTE: These items should be used to style the overall CF7 form
58
  .wpcf7 .cf7s-vanilla fieldset {
59
  margin: 10px 0;
60
  padding: 10px 20px;
61
- border: 1px solid #fff7c0;
62
  background: #fff7c0;
63
  }
64
 
@@ -98,26 +99,26 @@ NOTE: These items should be used to style the overall CF7 form
98
  background: #fff;
99
  }
100
 
101
- .wpcf7 .cf7s-vanilla input[type="text"],
102
- .wpcf7 .cf7s-vanilla input[type="email"],
103
- .wpcf7 .cf7s-vanilla input[type="tel"],
104
- .wpcf7 .cf7s-vanilla input[type="url"],
105
- .wpcf7 .cf7s-vanilla input[type="number"],
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"] {
112
  }
113
 
114
- .wpcf7 .cf7s-vanilla input[type="email"] {
115
  }
116
 
117
- .wpcf7 .cf7s-vanilla input[type="tel"] {
118
  }
119
 
120
- .wpcf7 .cf7s-vanilla textarea {
121
  padding: 5px 7px; /* deliberately different from Input */
122
  }
123
 
@@ -237,4 +238,100 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
237
  }
238
 
239
  .wpcf7 .cf7s-vanilla .boxaround1 select {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
240
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
59
  .wpcf7 .cf7s-vanilla fieldset {
60
  margin: 10px 0;
61
  padding: 10px 20px;
62
+ border: 1px solid #fff7c0;
63
  background: #fff7c0;
64
  }
65
 
99
  background: #fff;
100
  }
101
 
102
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="text"],
103
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="email"],
104
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="tel"],
105
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="url"],
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="number"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="range"],
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type=date],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type=file] {
110
  }
111
 
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="text"] {
113
  }
114
 
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="email"] {
116
  }
117
 
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla input[type="tel"] {
119
  }
120
 
121
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla textarea {
122
  padding: 5px 7px; /* deliberately different from Input */
123
  }
124
 
238
  }
239
 
240
  .wpcf7 .cf7s-vanilla .boxaround1 select {
241
+ }
242
+
243
+ /** Multi Styles
244
+ NOTE: These styles provide styling for CF7 Skins Multi elements
245
+ ------------------------------------------------------------ */
246
+
247
+ /* Multi Fixes */
248
+ .wpcf7 .cf7s-vanilla.cf7multi {
249
+ }
250
+
251
+ .wpcf7 .cf7s-vanilla.cf7multi .etabs li {
252
+ }
253
+
254
+ /* Easytabs */
255
+ .wpcf7 .cf7s-vanilla.cf7multi .tab-container {
256
+ }
257
+
258
+ .wpcf7 .cf7s-vanilla.cf7multi .etabs {
259
+ }
260
+
261
+ .wpcf7 .cf7s-vanilla.cf7multi .tab {
262
+ border: 1px solid #a3a3a3;
263
+ border-bottom: none;
264
+ background: #fff7c0;
265
+ }
266
+
267
+ .wpcf7 .cf7s-vanilla.cf7multi .tab a {
268
+ color: #000;
269
+ }
270
+
271
+ .wpcf7 .cf7s-vanilla.cf7multi .tab.active {
272
+ background: #fff;
273
+ }
274
+
275
+ .wpcf7 .cf7s-vanilla.cf7multi .tab a.active {
276
+ }
277
+
278
+ .wpcf7 .cf7s-vanilla.cf7multi .epanels {
279
+ border: 1px solid #a3a3a3;
280
+ }
281
+
282
+ .wpcf7 .cf7s-vanilla.cf7multi .panel-container {
283
+ }
284
+
285
+ /* Navigation */
286
+ .wpcf7 .cf7s-vanilla.cf7multi .navigation {
287
+ }
288
+
289
+ .wpcf7 .cf7s-vanilla.cf7multi .navigation .previous,
290
+ .wpcf7 .cf7s-vanilla.cf7multi .navigation .next {
291
+ color: #fff;
292
+ border: 1px solid #a3a3a3;
293
+ background: #c63b1c;
294
+ }
295
+
296
+ .wpcf7 .cf7s-vanilla.cf7multi .navigation .previous:hover,
297
+ .wpcf7 .cf7s-vanilla.cf7multi .navigation .next:hover {
298
+ }
299
+
300
+ /* Pagination */
301
+ .wpcf7 .cf7s-vanilla.cf7multi .pagination {
302
+ }
303
+
304
+ /* Start & End Tabs */
305
+ .wpcf7 .cf7s-vanilla.cf7multi .navigation .start,
306
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla.cf7multi .navigation .end {
307
+ padding: 5px 10px;
308
+ color: #fff;
309
+ border: 1px solid #a3a3a3;
310
+ background: #c63b1c;
311
+ }
312
+
313
+ .wpcf7 .cf7s-vanilla.cf7multi .navigation .start:hover,
314
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla.cf7multi .navigation .end:hover {
315
+ color: #fff;
316
+ background: #000;
317
+ }
318
+
319
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla.cf7multi .navigation .end {
320
+ }
321
+
322
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-vanilla.cf7multi .navigation .end:hover {
323
+ }
324
+
325
+ /* Progress Bar */
326
+ .wpcf7 .cf7s-vanilla.cf7multi .cf7m-progress {
327
+ border: 1px solid #a3a3a3;
328
+ background: #fff7c0;
329
+ }
330
+
331
+ .wpcf7 .cf7s-vanilla.cf7multi .cf7m-progress div {
332
+ background: #c63b1c;
333
+ }
334
+
335
+ /* Thank You Tab */
336
+ .wpcf7 .cf7s-vanilla.cf7multi .cf7m-thanks {
337
  }
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: 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
@@ -24,6 +24,7 @@
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
 
27
  */
28
 
29
  /** Import
@@ -60,6 +61,7 @@ NOTE: These items should be used to style the overall CF7 form
60
  margin: 10px 0;
61
  border: 3px solid #ccb58c;
62
  border-radius: 7px; /** Not working in IE **/
 
63
  }
64
 
65
  .wpcf7 .cf7s-wild-west legend {
@@ -84,8 +86,8 @@ NOTE: These items should be used to style the overall CF7 form
84
  .wpcf7 .cf7s-wild-west fieldset fieldset legend {
85
  }
86
 
87
- .wpcf7 .cf7s-wild-west fieldset fieldset input,
88
- .wpcf7 .cf7s-wild-west fieldset fieldset textarea {
89
  }
90
 
91
  /** Text Fields
@@ -100,26 +102,26 @@ NOTE: These items should be used to style the overall CF7 form
100
  background: #f6efdf;
101
  }
102
 
103
- .wpcf7 .cf7s-wild-west input[type="text"],
104
- .wpcf7 .cf7s-wild-west input[type="email"],
105
- .wpcf7 .cf7s-wild-west input[type="tel"],
106
- .wpcf7 .cf7s-wild-west input[type="url"],
107
- .wpcf7 .cf7s-wild-west input[type="number"],
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"] {
114
  }
115
 
116
- .wpcf7 .cf7s-wild-west input[type="email"] {
117
  }
118
 
119
- .wpcf7 .cf7s-wild-west input[type="tel"] {
120
  }
121
 
122
- .wpcf7 .cf7s-wild-west textarea {
123
  }
124
 
125
  /** Ordered & Unordered lists
@@ -234,4 +236,108 @@ NOTE: Ready Styles are provided ready to be used in all CF7 forms
234
  }
235
 
236
  .wpcf7 .cf7s-wild-west .boxaround1 select {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
237
  }
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.1
9
+ * Version Date: 2015-05-20
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
24
  * Submit Buttons
25
  * Special Classes
26
  * Ready Styles
27
+ * Multi Styles
28
  */
29
 
30
  /** Import
61
  margin: 10px 0;
62
  border: 3px solid #ccb58c;
63
  border-radius: 7px; /** Not working in IE **/
64
+ background: #dcc8a5;
65
  }
66
 
67
  .wpcf7 .cf7s-wild-west legend {
86
  .wpcf7 .cf7s-wild-west fieldset fieldset legend {
87
  }
88
 
89
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west fieldset fieldset input,
90
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west fieldset fieldset textarea {
91
  }
92
 
93
  /** Text Fields
102
  background: #f6efdf;
103
  }
104
 
105
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="text"],
106
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="email"],
107
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="tel"],
108
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="url"],
109
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="number"],
110
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="range"],
111
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type=date],
112
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type=file] {
113
  }
114
 
115
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="text"] {
116
  }
117
 
118
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="email"] {
119
  }
120
 
121
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west input[type="tel"] {
122
  }
123
 
124
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west textarea {
125
  }
126
 
127
  /** Ordered & Unordered lists
236
  }
237
 
238
  .wpcf7 .cf7s-wild-west .boxaround1 select {
239
+ }
240
+
241
+ /** Multi Styles
242
+ NOTE: These styles provide styling for CF7 Skins Multi elements
243
+ ------------------------------------------------------------ */
244
+
245
+ /* Multi Fixes */
246
+ .wpcf7 .cf7s-wild-west.cf7multi {
247
+ /* background: #fff; PROBLEM - APPLIED TO ALL FORMS */
248
+ }
249
+
250
+ .wpcf7 .cf7s-wild-west.cf7multi .etabs li {
251
+ }
252
+
253
+ /* Easytabs */
254
+ .wpcf7 .cf7s-wild-west.cf7multi .tab-container {
255
+ }
256
+
257
+ .wpcf7 .cf7s-wild-west.cf7multi .etabs {
258
+ }
259
+
260
+ .wpcf7 .cf7s-wild-west.cf7multi .tab {
261
+ border: 2px solid #ccb58c;
262
+ border-bottom: none;
263
+ background: #dcc8a5;
264
+ }
265
+
266
+ .wpcf7 .cf7s-wild-west.cf7multi .tab a {
267
+ color: #4f2a0f;
268
+ }
269
+
270
+ .wpcf7 .cf7s-wild-west.cf7multi .tab.active {
271
+ top: 2px;
272
+ background: #f6efdf;
273
+ }
274
+
275
+ .wpcf7 .cf7s-wild-west.cf7multi .tab a.active {
276
+ }
277
+
278
+ .wpcf7 .cf7s-wild-west.cf7multi .epanels {
279
+ border: 2px solid #ccb58c;
280
+ background: #f6efdf;
281
+ }
282
+
283
+ .wpcf7 .cf7s-wild-west.cf7multi .panel-container {
284
+ }
285
+
286
+ /* Navigation */
287
+ .wpcf7 .cf7s-wild-west.cf7multi .navigation {
288
+ }
289
+
290
+ .wpcf7 .cf7s-wild-west.cf7multi .navigation .previous,
291
+ .wpcf7 .cf7s-wild-west.cf7multi .navigation .next {
292
+ font-weight: normal;
293
+ padding: 5px 10px;
294
+ color: #fff;
295
+ border: 3px solid #ccb58c;
296
+ border-radius: 7px;
297
+ background: #4f2a0f;
298
+ }
299
+
300
+ .wpcf7 .cf7s-wild-west.cf7multi .navigation .previous:hover,
301
+ .wpcf7 .cf7s-wild-west.cf7multi .navigation .next:hover {
302
+ }
303
+
304
+ /* Pagination */
305
+ .wpcf7 .cf7s-wild-west.cf7multi .pagination {
306
+ }
307
+
308
+ /* Start & End Tabs */
309
+ .wpcf7 .cf7s-wild-west.cf7multi .navigation .start,
310
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west.cf7multi .navigation .end {
311
+ font-weight: normal;
312
+ padding: 5px 10px;
313
+ color: #fff;
314
+ border: 3px solid #ccb58c;
315
+ border-radius: 7px;
316
+ background: #4f2a0f;
317
+ }
318
+
319
+ .wpcf7 .cf7s-wild-west.cf7multi .navigation .start:hover,
320
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west.cf7multi .navigation .end:hover {
321
+ background: #000;
322
+ }
323
+
324
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west.cf7multi .navigation .end {
325
+ }
326
+
327
+ .wpcf7 .wpcf7-form.cf7skins.cf7s-wild-west.cf7multi .navigation .end:hover {
328
+ }
329
+
330
+ /* Progress Bar */
331
+ .wpcf7 .cf7s-wild-west.cf7multi .cf7m-progress {
332
+ border: 1px solid #ccb58c;
333
+ background: #dcc8a5;
334
+ }
335
+
336
+ .wpcf7 .cf7s-wild-west.cf7multi .cf7m-progress div {
337
+ border-radius: 3px 0 0 3px;
338
+ background: #4f2a0f;
339
+ }
340
+
341
+ /* Thank You Tab */
342
+ .wpcf7 .cf7s-wild-west.cf7multi .cf7m-thanks {
343
  }
uninstall.php CHANGED
@@ -20,6 +20,9 @@ if ( isset( $option['delete_data'] ) && $option['delete_data'] ) {
20
  // Delete plugin option
21
  delete_option('cf7skins');
22
  delete_option('cf7skins_version_installed');
 
 
 
23
 
24
  // Delete all post meta by key.
25
  // This plugin uses post meta cf7s_style for selected style
20
  // Delete plugin option
21
  delete_option('cf7skins');
22
  delete_option('cf7skins_version_installed');
23
+ delete_option('cf7skins_activated');
24
+ delete_option('cf7skins_get_version');
25
+ delete_option('cf7skins_activation');
26
 
27
  // Delete all post meta by key.
28
  // This plugin uses post meta cf7s_style for selected style