YITH WooCommerce Zoom Magnifier - Version 1.3.11

Version Description

Download this release

Release Info

Developer yithemes
Plugin Icon 128x128 YITH WooCommerce Zoom Magnifier
Version 1.3.11
Comparing to
See all releases

Code changes from version 1.3.10 to 1.3.11

README.txt CHANGED
@@ -4,7 +4,7 @@ Contributors: yithemes
4
  Tags: zoom, magnifier, slider, carousel, woocommerce
5
  Requires at least: 4.0
6
  Tested up to: 5.2
7
- Stable tag: 1.3.10
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
  Documentation: https://docs.yithemes.com/yith-woocommerce-zoom-magnifier/
@@ -52,6 +52,11 @@ YITH WooCommerce Zoom Magnifier will add a new tab called "Zoom Magnifier" in "Y
52
 
53
  == Changelog ==
54
 
 
 
 
 
 
55
  = Version 1.3.10 - Released: Jun 18, 2019 =
56
 
57
  * Update: plugin framework
4
  Tags: zoom, magnifier, slider, carousel, woocommerce
5
  Requires at least: 4.0
6
  Tested up to: 5.2
7
+ Stable tag: 1.3.11
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
  Documentation: https://docs.yithemes.com/yith-woocommerce-zoom-magnifier/
52
 
53
  == Changelog ==
54
 
55
+ = Version 1.3.11 - Released: Aug 07, 2019 =
56
+
57
+ * New: Support to WooCommerce 3.7.0
58
+ * Update: plugin framework
59
+
60
  = Version 1.3.10 - Released: Jun 18, 2019 =
61
 
62
  * Update: plugin framework
init.php CHANGED
@@ -3,13 +3,13 @@
3
  * Plugin Name: YITH WooCommerce Zoom Magnifier
4
  * Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-zoom-magnifier/
5
  * Description: <code><strong>YITH WooCommerce Zoom Magnifier</strong></code> allows you to add a zoom effect to product images and a thumbnail slider for the product image gallery. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>.
6
- * Version: 1.3.10
7
  * Author: YITH
8
  * Author URI: https://yithemes.com/
9
  * Text Domain: yith-woocommerce-zoom-magnifier
10
  * Domain Path: /languages/
11
  * WC requires at least: 3.3.0
12
- * WC tested up to: 3.6.x
13
  **/
14
 
15
  /* Copyright 2013-2018 Your Inspiration Themes (email : plugins@yithemes.com)
@@ -78,7 +78,7 @@ register_activation_hook ( __FILE__, 'yith_plugin_registration_hook' );
78
 
79
  defined ( 'YITH_YWZM_FREE_INIT' ) || define ( 'YITH_YWZM_FREE_INIT', plugin_basename ( __FILE__ ) );
80
  defined ( 'YITH_YWZM_SLUG' ) || define ( 'YITH_YWZM_SLUG', 'yith-woocommerce-zoom-magnifier' );
81
- defined ( 'YITH_YWZM_VERSION' ) || define ( 'YITH_YWZM_VERSION', '1.3.10' );
82
  defined ( 'YITH_YWZM_FILE' ) || define ( 'YITH_YWZM_FILE', __FILE__ );
83
  defined ( 'YITH_YWZM_DIR' ) || define ( 'YITH_YWZM_DIR', plugin_dir_path ( __FILE__ ) );
84
  defined ( 'YITH_YWZM_URL' ) || define ( 'YITH_YWZM_URL', plugins_url ( '/', __FILE__ ) );
@@ -152,13 +152,4 @@ if ( ! function_exists ( 'yith_ywzm_install' ) ) {
152
  }
153
  }
154
 
155
- add_action ( 'plugins_loaded', 'yith_ywzm_install', 11 );
156
-
157
- /*add_action( 'wp_ajax_nopriv_yith_wc_zoom_magnifier_get_main_image', 'test', 10 );
158
-
159
- add_action( 'wp_ajax_yith_wc_zoom_magnifier_get_main_image', 'test', 10 );
160
-
161
- function test(){
162
-
163
- error_log( 'testing -> ' . print_r( 'test yeaaaaaaaah', true ) );
164
- }*/
3
  * Plugin Name: YITH WooCommerce Zoom Magnifier
4
  * Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-zoom-magnifier/
5
  * Description: <code><strong>YITH WooCommerce Zoom Magnifier</strong></code> allows you to add a zoom effect to product images and a thumbnail slider for the product image gallery. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>.
6
+ * Version: 1.3.11
7
  * Author: YITH
8
  * Author URI: https://yithemes.com/
9
  * Text Domain: yith-woocommerce-zoom-magnifier
10
  * Domain Path: /languages/
11
  * WC requires at least: 3.3.0
12
+ * WC tested up to: 3.7.x
13
  **/
14
 
15
  /* Copyright 2013-2018 Your Inspiration Themes (email : plugins@yithemes.com)
78
 
79
  defined ( 'YITH_YWZM_FREE_INIT' ) || define ( 'YITH_YWZM_FREE_INIT', plugin_basename ( __FILE__ ) );
80
  defined ( 'YITH_YWZM_SLUG' ) || define ( 'YITH_YWZM_SLUG', 'yith-woocommerce-zoom-magnifier' );
81
+ defined ( 'YITH_YWZM_VERSION' ) || define ( 'YITH_YWZM_VERSION', '1.3.11' );
82
  defined ( 'YITH_YWZM_FILE' ) || define ( 'YITH_YWZM_FILE', __FILE__ );
83
  defined ( 'YITH_YWZM_DIR' ) || define ( 'YITH_YWZM_DIR', plugin_dir_path ( __FILE__ ) );
84
  defined ( 'YITH_YWZM_URL' ) || define ( 'YITH_YWZM_URL', plugins_url ( '/', __FILE__ ) );
152
  }
153
  }
154
 
155
+ add_action ( 'plugins_loaded', 'yith_ywzm_install', 11 );
 
 
 
 
 
 
 
 
 
plugin-fw/.gitignore ADDED
@@ -0,0 +1,4 @@
 
 
 
 
1
+
2
+ assets/\.DS_Store
3
+
4
+ \.DS_Store
plugin-fw/assets/css/admin.css CHANGED
@@ -3,51 +3,51 @@
3
  ------------------------*/
4
  #wpadminbar .yith-debug-admin-bar div,
5
  #wpadminbar .yith-debug-admin-bar:hover div {
6
- background : #05789c !important;
7
- color : #fff !important;
8
  }
9
 
10
  #wpadminbar .yith-debug-admin-bar a,
11
  #wpadminbar .yith-debug-admin-bar strong {
12
- color : #fff !important;
13
  }
14
 
15
  #wpadminbar .yith-debug-admin-bar strong {
16
- font-weight : 600;
17
  }
18
 
19
  #wpadminbar .yith-debug-admin-bar-post-meta .ab-empty-item,
20
  #wpadminbar .yith-debug-admin-bar-option .ab-empty-item {
21
- display : none;
22
  }
23
 
24
  #wpadminbar #wp-admin-bar-yith-debug-admin-bar-post-meta-default,
25
  #wpadminbar #wp-admin-bar-yith-debug-admin-bar-option-default {
26
- padding : 0;
27
- max-height : 500px;
28
- overflow-y : auto;
29
  }
30
 
31
  #wpadminbar .yith-debug-admin-bar pre {
32
- padding : 10px;
33
- line-height : 1.5em;
34
  }
35
 
36
- .notice-yith{
37
  margin-left: 0;
38
  border-left-color: #acc327;
39
  }
40
 
41
- .notice-yith.notice-alt{
42
  background-color: #ecf7ed;
43
  }
44
 
45
- .yith-promo-banner-image-link{
46
  display: block;
47
  margin-bottom: 15px;
48
  }
49
 
50
- .yith-promo-banner-image{
51
  max-width: 100%;
52
  margin: 0 auto;
53
  display: block;
@@ -57,7 +57,7 @@
57
  YITH FEEDS
58
  ------------------------*/
59
 
60
- .yith-feeds-logo{
61
  display: table-cell;
62
  background: #005b7c;
63
  padding: 5px;
@@ -69,7 +69,7 @@
69
  vertical-align: middle;
70
  }
71
 
72
- .yith-feeds-plugin-name{
73
  display: table-cell;
74
  vertical-align: middle;
75
  }
@@ -77,41 +77,120 @@
77
  /*-----------------------
78
  YITH Plugins Columns
79
  ------------------------*/
80
- @media screen and (min-width : 783px) {
81
 
82
  .auto-fold #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu-head {
83
- width : 100%;
84
  }
85
 
86
  #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu {
87
- min-width : 320px;
88
- display : flex;
89
- flex-flow : row wrap;
90
  }
91
 
92
  #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head) {
93
- width : 50%;
94
- border-left : 1px solid #555;
95
- box-sizing : border-box;
96
  }
97
 
98
  #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head):nth-child(2n) {
99
- border-left : none;
100
  }
101
 
102
  #adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu {
103
- min-width : 480px;
104
- display : flex;
105
- flex-flow : row wrap;
106
  }
107
 
108
  #adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head) {
109
- width : calc(100% / 3);
110
- border-left : 1px solid #555;
111
- box-sizing : border-box;
112
  }
113
 
114
  #adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head):nth-child(3n + 2) {
115
- border-left : none;
116
  }
117
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  ------------------------*/
4
  #wpadminbar .yith-debug-admin-bar div,
5
  #wpadminbar .yith-debug-admin-bar:hover div {
6
+ background: #05789c !important;
7
+ color: #fff !important;
8
  }
9
 
10
  #wpadminbar .yith-debug-admin-bar a,
11
  #wpadminbar .yith-debug-admin-bar strong {
12
+ color: #fff !important;
13
  }
14
 
15
  #wpadminbar .yith-debug-admin-bar strong {
16
+ font-weight: 600;
17
  }
18
 
19
  #wpadminbar .yith-debug-admin-bar-post-meta .ab-empty-item,
20
  #wpadminbar .yith-debug-admin-bar-option .ab-empty-item {
21
+ display: none;
22
  }
23
 
24
  #wpadminbar #wp-admin-bar-yith-debug-admin-bar-post-meta-default,
25
  #wpadminbar #wp-admin-bar-yith-debug-admin-bar-option-default {
26
+ padding: 0;
27
+ max-height: 500px;
28
+ overflow-y: auto;
29
  }
30
 
31
  #wpadminbar .yith-debug-admin-bar pre {
32
+ padding: 10px;
33
+ line-height: 1.5em;
34
  }
35
 
36
+ .notice-yith {
37
  margin-left: 0;
38
  border-left-color: #acc327;
39
  }
40
 
41
+ .notice-yith.notice-alt {
42
  background-color: #ecf7ed;
43
  }
44
 
45
+ .yith-promo-banner-image-link {
46
  display: block;
47
  margin-bottom: 15px;
48
  }
49
 
50
+ .yith-promo-banner-image {
51
  max-width: 100%;
52
  margin: 0 auto;
53
  display: block;
57
  YITH FEEDS
58
  ------------------------*/
59
 
60
+ .yith-feeds-logo {
61
  display: table-cell;
62
  background: #005b7c;
63
  padding: 5px;
69
  vertical-align: middle;
70
  }
71
 
72
+ .yith-feeds-plugin-name {
73
  display: table-cell;
74
  vertical-align: middle;
75
  }
77
  /*-----------------------
78
  YITH Plugins Columns
79
  ------------------------*/
80
+ @media screen and (min-width: 783px) {
81
 
82
  .auto-fold #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu-head {
83
+ width: 100%;
84
  }
85
 
86
  #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu {
87
+ min-width: 320px;
88
+ display: flex;
89
+ flex-flow: row wrap;
90
  }
91
 
92
  #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head) {
93
+ width: 50%;
94
+ border-left: 1px solid #555;
95
+ box-sizing: border-box;
96
  }
97
 
98
  #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head):nth-child(2n) {
99
+ border-left: none;
100
  }
101
 
102
  #adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu {
103
+ min-width: 480px;
104
+ display: flex;
105
+ flex-flow: row wrap;
106
  }
107
 
108
  #adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head) {
109
+ width: calc(100% / 3);
110
+ border-left: 1px solid #555;
111
+ box-sizing: border-box;
112
  }
113
 
114
  #adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head):nth-child(3n + 2) {
115
+ border-left: none;
116
  }
117
+ }
118
+
119
+ /*---------------------------
120
+ YITH System Information
121
+ ----------------------------*/
122
+ .yith-phpinfo img {
123
+ float: right;
124
+ border: 0;
125
+ }
126
+
127
+ #yith-system-alert span.yith-logo,
128
+ .yith-system-info h1 span.yith-logo {
129
+ border-radius: 50%;
130
+ background: #265b7a;
131
+ height: 30px;
132
+ width: 30px;
133
+ display: flex;
134
+ text-align: center;
135
+ margin: 0 10px 0 0;
136
+ float: left;
137
+ align-items: center;
138
+ justify-content: center;
139
+ }
140
+
141
+ .yith-system-info table {
142
+ margin: 20px 0;
143
+ }
144
+
145
+ .yith-system-info table th {
146
+ font-weight: bold;
147
+ width: 25%;
148
+ padding: 20px 12px;
149
+ }
150
+
151
+ .yith-system-info table td {
152
+ word-break: break-all;
153
+ padding: 20px 12px;
154
+ }
155
+
156
+ .yith-system-info table td.requirement-value {
157
+ font-size: 14px;
158
+ vertical-align: middle;
159
+ text-align: left;
160
+ color: #5da726;
161
+ line-height: 19px;
162
+ width: 90px;
163
+ }
164
+
165
+ .yith-system-info table td.requirement-value.has-errors {
166
+ color: #a00;
167
+ }
168
+
169
+ .yith-system-info table td.requirement-value.has-warnings {
170
+ color: #ffa200;
171
+ }
172
+
173
+ .yith-system-info table td.requirement-messages ul {
174
+ margin: 0;
175
+ padding: 0 0 10px 0;
176
+ list-style: none!important;
177
+ }
178
+
179
+ .yith-system-info table td.requirement-messages ul li {
180
+ margin-bottom: 3px;
181
+ }
182
+
183
+ .yith-system-info table td.requirement-messages ul li span.error {
184
+ color: #a00;
185
+ font-weight: bold;
186
+ }
187
+
188
+ .yith-system-info table td.requirement-messages ul li span.warning {
189
+ color: #a00;
190
+ font-weight: bold;
191
+ }
192
+
193
+ .yith-system-info-menu {
194
+ font-weight: bold;
195
+ font-size: 11px !important;
196
+ }
plugin-fw/assets/css/metaboxes.css CHANGED
@@ -1,188 +1,208 @@
1
  /* self-clear floats */
2
  .clearfix:after {
3
- content : ".";
4
- display : block;
5
- height : 0;
6
- clear : both;
7
- visibility : hidden;
8
- overflow : hidden;
9
  }
10
 
11
  /* ie.css */
12
  * html .clearfix { /* IE6 */
13
- height : 1%;
14
  }
15
 
16
  *:first-child + html .clearfix { /* IE7 */
17
- min-height : 1%;
18
  }
19
 
20
  .clearboth {
21
- clear : both
22
  }
23
 
24
  /* === TAB STYLE */
25
  .metaboxes-tab {
26
- margin : -6px -12px -8px;
27
  }
28
 
29
  .metaboxes-tab div.tabs-panel {
30
- height : auto;
31
- overflow : visible;
32
- margin-top : 0px;
33
- padding : 0 10px;
34
- background : none;
35
- border : 0;
36
  }
37
 
38
  .metaboxes-tab ul.metaboxes-tabs {
39
- background : #f1f1f1;
40
- margin : 0;
41
- padding : 10px 0 0 5px;
42
  }
43
 
44
  .metaboxes-tab ul.metaboxes-tabs li {
45
- float : left;
46
- background : #dedede;
47
- margin : 0 0 0 5px;
48
  }
49
 
50
  .metaboxes-tab ul.metaboxes-tabs li a {
51
- color : #555;
52
- text-decoration : none;
53
- padding : 8px 15px;
54
- display : block;
55
- box-shadow : none !important;
56
  }
57
 
58
  .metaboxes-tab ul.metaboxes-tabs li.tabs {
59
- background : #fff;
60
  }
61
 
62
  .metaboxes-tab p.field-row {
63
- margin : 20px 0;
64
  }
65
 
66
  .metaboxes-tab div.sep {
67
- height : 1px;
68
- background : #dfdfdf;
69
- clear : both;
70
- margin-left : -10px;
71
- margin-right : -10px;
72
  }
73
 
74
  .metaboxes-tab label {
75
- font-weight : bold;
76
- width : 160px;
77
- float : left;
78
- line-height : 23px;
79
- margin-left : -184px;
80
  }
81
 
82
  .metaboxes-tab label small {
83
- font-weight : normal;
84
- line-height : 15px;
85
- font-style : italic;
86
- color : #999;
87
- display : block;
88
  }
89
 
90
- .metaboxes-tab .yith-plugin-fw-radio__row{
91
  width: 100%;
92
  min-height: 20px;
93
  }
 
94
  .metaboxes-tab .yith-plugin-fw-radio__row label,
95
  .metaboxes-tab .yith-toggle-elements label,
96
  .metaboxes-tab .yith-add-box label {
97
- margin-left:0;
98
- font-weight:normal;
99
  }
 
 
 
 
 
 
 
 
 
 
 
 
100
  .metaboxes-tab.yith-plugin-ui .yith-add-box,
101
- .metaboxes-tab.yith-plugin-ui .yith-toggle-row{
102
- width : auto;
103
  }
 
104
  .metaboxes-tab .wp-picker-container label {
105
- font-weight : inherit;
106
- width : auto;
107
- float : none;
108
- line-height : inherit;
109
- margin-left : 0;
 
 
 
 
 
 
110
  }
111
 
112
  .metaboxes-tab input[type="checkbox"] {
113
- vertical-align : middle
114
  }
115
 
116
  .metaboxes-tab input.button-secondary, .metaboxes-tab input.checkbox {
117
- width : auto;
118
  }
119
 
120
  .metaboxes-tab p.field-row.textarea .description {
121
- vertical-align : top;
122
  }
123
 
124
  .metaboxes-tab p.field-row.checkbox {
125
- background : none;
126
  }
127
 
128
  .metaboxes-tab .the-metabox {
129
- margin : 20px 0;
130
- margin-left : 184px;
131
  }
132
 
133
  .metaboxes-tab .the-metabox.no-label {
134
- margin : 20px 0;
135
- margin-left : 0;
136
  }
137
 
138
  .metaboxes-tab hr {
139
- height : 0px;
140
- border-top : 1px solid #dadada;
141
- width : auto;
142
- margin-left : -10px;
143
- margin-right : -10px;
144
  }
145
 
146
  .metaboxes-tab .the-metabox p {
147
- margin : 0;
148
  }
149
 
150
  .metaboxes-tab .the-metabox:last-child {
151
- border-bottom : 0px;
152
  }
153
 
154
  .metaboxes-tab .the-metabox.checkbox {
155
- background : none;
156
  }
157
 
158
  .metaboxes-tab span.description.inline {
159
- display : inline-block;
160
- line-height : 23px;
161
- width : auto;
162
- vertical-align : middle;
163
- margin : 0;
164
  }
165
 
166
  .metaboxes-tab .slider label {
167
- padding : 15px 0;
168
  }
169
 
170
  /* sortable table posts */
171
 
172
  #the-list.ui-sortable tr:hover {
173
- cursor : move;
174
  }
175
 
176
  .the-metabox.preview {
177
- float : none;
178
  }
179
 
180
  .metaboxes-tab .the-metabox.no-label.preview {
181
- margin-left : 184px;
182
  }
183
 
184
  .metaboxes-tab .the-metabox.no-label.preview img {
185
- box-shadow : 0 1px 8px rgba(0, 0, 0, 0.2);
186
  }
187
 
188
  /**************************************
@@ -198,473 +218,504 @@
198
  .metaboxes-tab .yith-plugin-fw-text-input,
199
  .metaboxes-tab .yith-plugin-fw-text-array-table,
200
  .metaboxes-tab .yith-plugin-fw-textarea {
201
- width : 400px;
202
- max-width : 100%;
203
  }
204
- .metaboxes-tab.yith-plugin-ui input[type=number]{
 
205
  width: auto;
206
  min-width: 90px;
207
  }
 
 
 
 
 
 
 
 
 
 
208
  .metaboxes-tab .yith-plugin-fw-text-array-table input[type=text] {
209
- width : 100%;
 
 
 
 
 
 
 
 
 
 
 
210
  }
211
 
212
  /* wp editor */
213
  .the-metabox.textarea-editor .mceIframeContainer {
214
- background : #fff;
215
  }
216
 
 
217
  .the-metabox.textarea-editor label {
218
- margin-top : 24px;
219
  }
220
 
221
  /* categories */
222
  .categories-panel {
223
- width : 30%;
224
- float : left;
225
- margin-right : 4px;
226
  }
227
 
228
  .categories-panel .box {
229
- height : 200px;
230
- border : 1px solid #dfdfdf;
231
- background : #fff;
232
- padding : 6px 10px;
233
- overflow : auto;
234
  }
235
 
236
  .categories-panel ul {
237
- list-style : none;
238
- margin : 0;
239
  }
240
 
241
  .categories-panel ul li {
242
- line-height : 19px;
243
- margin : 0;
244
- padding : 0;
245
- word-wrap : break-word;
246
  }
247
 
248
  .categories-panel ul li label {
249
- font-weight : normal !important;
250
- margin-left : 0 !important;
251
  }
252
 
253
  .categories-panel input.newcategory {
254
- width : 100%;
255
- margin-bottom : 3px;
256
  }
257
 
258
  /* contact form */
259
  .contactform_item {
260
- border-style : solid;
261
- border-width : 1px;
262
- line-height : 1;
263
- margin-bottom : 20px;
264
- padding : 0;
265
- background-color : #f5f5f5;
266
- background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
267
- border-color : #dfdfdf;
268
- border-radius : 3px 3px 3px 3px;
269
- box-shadow : 0 1px 0 #fff inset;
270
- min-width : 255px;
271
- position : relative;
272
  }
273
 
274
  .contactform_item .handlediv {
275
- position : relative;
276
- top : -4px;
277
  }
278
 
279
  .contactform_item h3 {
280
- min-height : 21px;
281
- margin : 13px;
282
  }
283
 
284
  .contactform_item .inside {
285
- padding : 10px !important;
286
  }
287
 
288
  .contactform_item .deps {
289
- display : none;
290
  }
291
 
292
  .contactform_item .addoptions p.option {
293
- margin : 5px 0 5px 200px
294
  }
295
 
296
  .contactform_item .addoptions p label {
297
- width : 80px !important;
298
  }
299
 
300
  .contactform_item .add-field-option {
301
- margin-bottom : 10px !important;
302
  }
303
 
304
  .remove_item {
305
- float : right;
306
  }
307
 
308
  .metabox-sortable-placeholder {
309
- border : 1px dotted #dedede;
310
- margin : 10px 0
311
  }
312
 
313
  /* features tab */
314
  .featurestab_item {
315
- border-style : solid;
316
- border-width : 1px;
317
- line-height : 1;
318
- margin-bottom : 20px;
319
- padding : 0;
320
- background-color : #f5f5f5;
321
- background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
322
- border-color : #dfdfdf;
323
- border-radius : 3px 3px 3px 3px;
324
- box-shadow : 0 1px 0 #fff inset;
325
- min-width : 255px;
326
- position : relative;
327
  }
328
 
329
  .featurestab_item .handlediv {
330
- position : relative;
331
- top : -4px;
332
  }
333
 
334
  .featurestab_item h3 {
335
- min-height : 21px
336
  }
337
 
338
  .featurestab_item .inside {
339
- padding : 10px !important;
340
  }
341
 
342
  .featurestab_item .deps {
343
- display : none;
344
  }
345
 
346
  .featurestab_item .addoptions p.option {
347
- margin : 5px 0 5px 200px
348
  }
349
 
350
  .featurestab_item .addoptions p label {
351
- width : 80px !important;
352
  }
353
 
354
  .featurestab_item .add-field-option {
355
- margin-bottom : 10px !important;
356
  }
357
 
358
  .messages-panel.updated {
359
- margin : 10px 0px 10px !important;
360
- max-width : 1200px;
361
- border-radius : 5px;
362
- -webkit-box-sizing : border-box;
363
- box-sizing : border-box;
364
  }
365
 
366
  .ui-widget-overlay {
367
- background-image : none !important;
368
  }
369
 
370
  .the-metabox .icon_type {
371
- width : 30%;
372
- float : left;
373
- margin-right : 40px
374
  }
375
 
376
  #post-type-settings .category-list label {
377
- width : 187px;
378
  }
379
 
380
  .remove_cat {
381
- float : right;
382
- text-align : center;
383
- display : block;
384
- width : 20px;
385
- height : 20px;
386
- border-radius : 20px;
387
- font-weight : bold;
388
- font-size : 10px;
389
- background : #efefef;
390
- text-decoration : none;
391
  }
392
 
393
  /* typography */
394
  .the-metabox.typography .select_wrapper.font-family {
395
- width : 200px;
396
  }
397
 
398
  .the-metabox.typography .spinner_container {
399
- float : left;
400
- margin-right : 10px;
401
  }
402
 
403
  .the-metabox.typography .spinner_container input.number {
404
- width : 50px !important;
405
- -webkit-border-top-right-radius : 0px;
406
- -webkit-border-bottom-right-radius : 0px;
407
- -moz-border-radius-topright : 0px;
408
- -moz-border-radius-bottomright : 0px;
409
- border-top-right-radius : 0px;
410
- border-bottom-right-radius : 0px;
411
  }
412
 
413
  /* number */
414
  .the-metabox.number input.number {
415
- width : 50px !important;
416
  }
417
 
418
  /* number */
419
  .rm_number .number {
420
- width : 70px;
421
- text-align : right;
422
- -webkit-border-top-right-radius : 0px;
423
- -webkit-border-bottom-right-radius : 0px;
424
- -moz-border-radius-topright : 0px;
425
- -moz-border-radius-bottomright : 0px;
426
- border-top-right-radius : 0px;
427
- border-bottom-right-radius : 0px;
428
  }
429
 
430
  .spinner-wrapper {
431
- position : relative;
432
- height : 23px;
433
- overflow : hidden;
434
  }
435
 
436
  .spinner-wrapper input.number {
437
- float : left;
438
  }
439
 
440
  .spinner-wrapper .spinner-button {
441
- cursor : pointer;
442
- float : left;
443
- position : absolute;
444
- left : 69px;
445
- width : 15px;
446
- height : 12px;
447
- border : 1px solid #dfdfdf;
448
- background : #fff;
449
- margin : 0;
450
- padding : 0;
451
- line-height : 9999px;
452
- overflow : hidden;
453
- background : url('../images/spinner.png') no-repeat center -11px
454
  }
455
 
456
  .spinner-wrapper .spinner-button.button-plus {
457
- top : 0;
458
- -webkit-border-top-right-radius : 3px !important;
459
- -moz-border-radius-topright : 3px !important;
460
- border-top-right-radius : 3px !important;
461
  }
462
 
463
  .spinner-wrapper .spinner-button.button-minus {
464
- bottom : 0;
465
- background-position : center -30px;
466
- -webkit-border-bottom-right-radius : 3px !important;
467
- -moz-border-radius-bottomright : 3px !important;
468
- border-bottom-right-radius : 3px !important;
469
  }
470
 
471
  .spinner-wrapper .spinner-button.button-plus:active {
472
- background-position : center 0px;
473
  }
474
 
475
  .spinner-wrapper .spinner-button.button-minus:active {
476
- background-position : center -20px;
477
  }
478
 
479
  .rm_typography .spinner_container {
480
- float : left;
481
- margin-right : 10px;
482
  }
483
 
484
  .rm_typography .spinner-wrapper {
485
- height : 28px;
486
  }
487
 
488
  .rm_typography .spinner-wrapper input.number {
489
- height : 28px;
490
  }
491
 
492
  .rm_typography .spinner-wrapper .spinner-button.button-plus {
493
- height : 15px;
494
- background-position : center -10px;
495
  }
496
 
497
  .rm_typography .spinner-wrapper .spinner-button.button-minus {
498
- height : 14px;
499
  }
500
 
501
  .the-metabox .spinner-wrapper .spinner-button {
502
- left : 49px;
503
  }
504
 
505
  .the-metabox.typography .spinner-wrapper .spinner-button {
506
- left : 35px;
507
  }
508
 
509
  /* images */
510
  .the-metabox.images, .the-metabox.images label {
511
- margin-left : 0;
512
- display : block;
513
  }
514
 
515
  .the-metabox.images .slides-wrapper {
516
- clear : both;
517
  }
518
 
519
  .the-metabox.images .slides-wrapper li {
520
- position : relative;
521
  }
522
 
523
  .the-metabox.images a.delete {
524
- display : block;
525
- margin-left : 4px;
526
- text-decoration : none;
527
- font-weight : bold;
528
- color : red;
529
- position : absolute;
530
- top : 0;
531
- right : 0;
532
- width : 10px;
533
- height : 18px;
534
- z-index : 10;
535
- cursor : pointer !important;
536
  }
537
 
538
  /* wp editor */
539
  .wp_themeSkin iframe {
540
- background : #fff !important;
541
  }
542
 
543
  /* custom tabs */
544
  .customtab_item {
545
- border-style : solid;
546
- border-width : 1px;
547
- line-height : 1;
548
- margin-bottom : 20px;
549
- padding : 0;
550
- background-color : #f5f5f5;
551
- background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
552
- border-color : #dfdfdf;
553
- border-radius : 3px 3px 3px 3px;
554
- box-shadow : 0 1px 0 #fff inset;
555
- min-width : 255px;
556
- position : relative;
557
  }
558
 
559
  .customtab_item .handlediv {
560
- position : relative;
561
- top : -4px;
562
  }
563
 
564
  .customtab_item h3 {
565
- min-height : 21px
566
  }
567
 
568
  .customtab_item .inside {
569
- padding : 10px !important;
570
  }
571
 
572
  .customtab_item .deps {
573
- display : none;
574
  }
575
 
576
  .customtab_item .addoptions p.option {
577
- margin : 5px 0 5px 200px
578
  }
579
 
580
  .customtab_item .addoptions p label {
581
- width : 80px !important;
582
  }
583
 
584
  .customtab_item .add-field-option {
585
- margin-bottom : 10px !important;
586
  }
587
 
588
  .customtab_item .remove_item {
589
- float : right;
590
  }
591
 
592
  .metabox-sortable-placeholder {
593
- border : 1px dotted #dedede;
594
- margin : 10px 0
595
  }
596
 
597
  .the-metabox.customtabs {
598
- margin-left : 0;
599
  }
600
 
601
  #customtab_item_sample {
602
- display : none;
603
  }
604
 
605
  .the-metabox.customtabs .field-row {
606
- margin-bottom : 10px;
607
  }
608
 
609
  #yit_custom_tabs label {
610
- font-weight : normal;
611
- width : auto;
612
- float : none;
613
- line-height : auto;
614
- margin-left : 0;
615
  }
616
 
617
  .wp-admin p label input[type=radio] {
618
- width : 16px;
619
- margin-right : 10px;
620
- margin-top : 3px;
621
  }
622
 
623
  .wp-admin .form-field._preset_onsale_icon_field label input[type=radio] {
624
- margin-top : 0;
625
  }
626
 
627
  .the-metabox .spinner {
628
- margin-top : 5px;
629
- float : none;
630
  }
631
 
632
  /*sidebars*/
633
  #choose-sidebars.choose {
634
- margin-left : 0px;
635
  }
636
 
637
  #_active_page_options-container label, #_active_page_options-container p {
638
- display : inline-block;
639
- margin : 0px;
640
  }
641
 
642
  #_active_page_options-container label {
643
- margin-right : 10px;
644
- margin-top : 3px;
645
  }
646
 
647
  #_active_page_options-container {
648
- float : right;
649
- margin-right : 20px;
650
- margin-top : 5px;
651
- z-index : 9999 !important;
652
- position : absolute;
653
- right : 0;
654
  }
655
 
656
  /*-----------------------
657
  * Colorpicker - fix issues in combination with third-party themes or plugin (Basel, VC Addons, ...)
658
  */
659
  .metaboxes-tab .the-metabox.colorpicker {
660
- display : block;
661
- width : auto;
662
- height : auto;
663
- overflow : visible;
664
- top : auto;
665
- left : auto;
666
- background : transparent;
667
- position : static;
668
- z-index : 1;
669
- font-family : inherit;
 
 
 
 
 
 
 
 
670
  }
1
  /* self-clear floats */
2
  .clearfix:after {
3
+ content: ".";
4
+ display: block;
5
+ height: 0;
6
+ clear: both;
7
+ visibility: hidden;
8
+ overflow: hidden;
9
  }
10
 
11
  /* ie.css */
12
  * html .clearfix { /* IE6 */
13
+ height: 1%;
14
  }
15
 
16
  *:first-child + html .clearfix { /* IE7 */
17
+ min-height: 1%;
18
  }
19
 
20
  .clearboth {
21
+ clear: both
22
  }
23
 
24
  /* === TAB STYLE */
25
  .metaboxes-tab {
26
+ margin: -6px -12px -8px;
27
  }
28
 
29
  .metaboxes-tab div.tabs-panel {
30
+ height: auto;
31
+ overflow: visible;
32
+ margin-top: 0px;
33
+ padding: 0 10px;
34
+ background: none;
35
+ border: 0;
36
  }
37
 
38
  .metaboxes-tab ul.metaboxes-tabs {
39
+ background: #f1f1f1;
40
+ margin: 0;
41
+ padding: 10px 0 0 5px;
42
  }
43
 
44
  .metaboxes-tab ul.metaboxes-tabs li {
45
+ float: left;
46
+ background: #dedede;
47
+ margin: 0 0 0 5px;
48
  }
49
 
50
  .metaboxes-tab ul.metaboxes-tabs li a {
51
+ color: #555;
52
+ text-decoration: none;
53
+ padding: 8px 15px;
54
+ display: block;
55
+ box-shadow: none !important;
56
  }
57
 
58
  .metaboxes-tab ul.metaboxes-tabs li.tabs {
59
+ background: #fff;
60
  }
61
 
62
  .metaboxes-tab p.field-row {
63
+ margin: 20px 0;
64
  }
65
 
66
  .metaboxes-tab div.sep {
67
+ height: 1px;
68
+ background: #dfdfdf;
69
+ clear: both;
70
+ margin-left: -10px;
71
+ margin-right: -10px;
72
  }
73
 
74
  .metaboxes-tab label {
75
+ font-weight: bold;
76
+ width: 160px;
77
+ float: left;
78
+ line-height: 23px;
79
+ margin-left: -184px;
80
  }
81
 
82
  .metaboxes-tab label small {
83
+ font-weight: normal;
84
+ line-height: 15px;
85
+ font-style: italic;
86
+ color: #999;
87
+ display: block;
88
  }
89
 
90
+ .metaboxes-tab .yith-plugin-fw-radio__row {
91
  width: 100%;
92
  min-height: 20px;
93
  }
94
+
95
  .metaboxes-tab .yith-plugin-fw-radio__row label,
96
  .metaboxes-tab .yith-toggle-elements label,
97
  .metaboxes-tab .yith-add-box label {
98
+ margin-left: 0;
99
+ font-weight: normal;
100
  }
101
+
102
+ .metaboxes-tab.yith-plugin-ui h3 {
103
+ color: #2a8db0;
104
+ font-size: 15px;
105
+ text-transform: uppercase;
106
+ background-color: #fff;
107
+ padding: 35px 20px;
108
+ margin: 0px 0 0 -4px;
109
+ width: auto;
110
+ background: transparent;
111
+ }
112
+
113
  .metaboxes-tab.yith-plugin-ui .yith-add-box,
114
+ .metaboxes-tab.yith-plugin-ui .yith-toggle-row {
115
+ width: auto;
116
  }
117
+
118
  .metaboxes-tab .wp-picker-container label {
119
+ font-weight: inherit;
120
+ width: auto;
121
+ float: none;
122
+ line-height: inherit;
123
+ margin-left: 0;
124
+ }
125
+
126
+ .metaboxes-tab.yith-plugin-ui .yith-plugin-fw-radio__row label {
127
+ width: auto !important;
128
+ display: inline-block;
129
+ font-weight: normal;
130
  }
131
 
132
  .metaboxes-tab input[type="checkbox"] {
133
+ vertical-align: middle
134
  }
135
 
136
  .metaboxes-tab input.button-secondary, .metaboxes-tab input.checkbox {
137
+ width: auto;
138
  }
139
 
140
  .metaboxes-tab p.field-row.textarea .description {
141
+ vertical-align: top;
142
  }
143
 
144
  .metaboxes-tab p.field-row.checkbox {
145
+ background: none;
146
  }
147
 
148
  .metaboxes-tab .the-metabox {
149
+ margin: 20px 0;
150
+ margin-left: 184px;
151
  }
152
 
153
  .metaboxes-tab .the-metabox.no-label {
154
+ margin: 20px 0;
155
+ margin-left: 0;
156
  }
157
 
158
  .metaboxes-tab hr {
159
+ height: 0px;
160
+ border-top: 1px solid #dadada;
161
+ width: auto;
162
+ margin-left: -10px;
163
+ margin-right: -10px;
164
  }
165
 
166
  .metaboxes-tab .the-metabox p {
167
+ margin: 0;
168
  }
169
 
170
  .metaboxes-tab .the-metabox:last-child {
171
+ border-bottom: 0px;
172
  }
173
 
174
  .metaboxes-tab .the-metabox.checkbox {
175
+ background: none;
176
  }
177
 
178
  .metaboxes-tab span.description.inline {
179
+ display: inline-block;
180
+ line-height: 23px;
181
+ width: auto;
182
+ vertical-align: middle;
183
+ margin: 0;
184
  }
185
 
186
  .metaboxes-tab .slider label {
187
+ padding: 15px 0;
188
  }
189
 
190
  /* sortable table posts */
191
 
192
  #the-list.ui-sortable tr:hover {
193
+ cursor: move;
194
  }
195
 
196
  .the-metabox.preview {
197
+ float: none;
198
  }
199
 
200
  .metaboxes-tab .the-metabox.no-label.preview {
201
+ margin-left: 184px;
202
  }
203
 
204
  .metaboxes-tab .the-metabox.no-label.preview img {
205
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
206
  }
207
 
208
  /**************************************
218
  .metaboxes-tab .yith-plugin-fw-text-input,
219
  .metaboxes-tab .yith-plugin-fw-text-array-table,
220
  .metaboxes-tab .yith-plugin-fw-textarea {
221
+ width: 400px;
222
+ max-width: 100%;
223
  }
224
+
225
+ .metaboxes-tab.yith-plugin-ui input[type=number] {
226
  width: auto;
227
  min-width: 90px;
228
  }
229
+
230
+ .metaboxes-tab.yith-plugin-ui p {
231
+ font-size: 14px;
232
+ }
233
+
234
+ .metaboxes-tab.yith-plugin-ui p.section-description {
235
+
236
+ margin: 0 20px 40px 18px;
237
+ }
238
+
239
  .metaboxes-tab .yith-plugin-fw-text-array-table input[type=text] {
240
+ width: 100%;
241
+ }
242
+
243
+ .metaboxes-tab.yith-plugin-ui .yith-add-box h3 {
244
+ padding: 0 0 30px 0;
245
+ font-weight: 600;
246
+ margin: 0;
247
+ }
248
+
249
+ .metaboxes-tab.yith-plugin-ui .select2-container--default .select2-selection--single {
250
+ border: 0;
251
+ margin: 0;
252
  }
253
 
254
  /* wp editor */
255
  .the-metabox.textarea-editor .mceIframeContainer {
256
+ background: #fff;
257
  }
258
 
259
+
260
  .the-metabox.textarea-editor label {
261
+ margin-top: 24px;
262
  }
263
 
264
  /* categories */
265
  .categories-panel {
266
+ width: 30%;
267
+ float: left;
268
+ margin-right: 4px;
269
  }
270
 
271
  .categories-panel .box {
272
+ height: 200px;
273
+ border: 1px solid #dfdfdf;
274
+ background: #fff;
275
+ padding: 6px 10px;
276
+ overflow: auto;
277
  }
278
 
279
  .categories-panel ul {
280
+ list-style: none;
281
+ margin: 0;
282
  }
283
 
284
  .categories-panel ul li {
285
+ line-height: 19px;
286
+ margin: 0;
287
+ padding: 0;
288
+ word-wrap: break-word;
289
  }
290
 
291
  .categories-panel ul li label {
292
+ font-weight: normal !important;
293
+ margin-left: 0 !important;
294
  }
295
 
296
  .categories-panel input.newcategory {
297
+ width: 100%;
298
+ margin-bottom: 3px;
299
  }
300
 
301
  /* contact form */
302
  .contactform_item {
303
+ border-style: solid;
304
+ border-width: 1px;
305
+ line-height: 1;
306
+ margin-bottom: 20px;
307
+ padding: 0;
308
+ background-color: #f5f5f5;
309
+ background-image: -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
310
+ border-color: #dfdfdf;
311
+ border-radius: 3px 3px 3px 3px;
312
+ box-shadow: 0 1px 0 #fff inset;
313
+ min-width: 255px;
314
+ position: relative;
315
  }
316
 
317
  .contactform_item .handlediv {
318
+ position: relative;
319
+ top: -4px;
320
  }
321
 
322
  .contactform_item h3 {
323
+ min-height: 21px;
324
+ margin: 13px;
325
  }
326
 
327
  .contactform_item .inside {
328
+ padding: 10px !important;
329
  }
330
 
331
  .contactform_item .deps {
332
+ display: none;
333
  }
334
 
335
  .contactform_item .addoptions p.option {
336
+ margin: 5px 0 5px 200px
337
  }
338
 
339
  .contactform_item .addoptions p label {
340
+ width: 80px !important;
341
  }
342
 
343
  .contactform_item .add-field-option {
344
+ margin-bottom: 10px !important;
345
  }
346
 
347
  .remove_item {
348
+ float: right;
349
  }
350
 
351
  .metabox-sortable-placeholder {
352
+ border: 1px dotted #dedede;
353
+ margin: 10px 0
354
  }
355
 
356
  /* features tab */
357
  .featurestab_item {
358
+ border-style: solid;
359
+ border-width: 1px;
360
+ line-height: 1;
361
+ margin-bottom: 20px;
362
+ padding: 0;
363
+ background-color: #f5f5f5;
364
+ background-image: -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
365
+ border-color: #dfdfdf;
366
+ border-radius: 3px 3px 3px 3px;
367
+ box-shadow: 0 1px 0 #fff inset;
368
+ min-width: 255px;
369
+ position: relative;
370
  }
371
 
372
  .featurestab_item .handlediv {
373
+ position: relative;
374
+ top: -4px;
375
  }
376
 
377
  .featurestab_item h3 {
378
+ min-height: 21px
379
  }
380
 
381
  .featurestab_item .inside {
382
+ padding: 10px !important;
383
  }
384
 
385
  .featurestab_item .deps {
386
+ display: none;
387
  }
388
 
389
  .featurestab_item .addoptions p.option {
390
+ margin: 5px 0 5px 200px
391
  }
392
 
393
  .featurestab_item .addoptions p label {
394
+ width: 80px !important;
395
  }
396
 
397
  .featurestab_item .add-field-option {
398
+ margin-bottom: 10px !important;
399
  }
400
 
401
  .messages-panel.updated {
402
+ margin: 10px 0px 10px !important;
403
+ max-width: 1200px;
404
+ border-radius: 5px;
405
+ -webkit-box-sizing: border-box;
406
+ box-sizing: border-box;
407
  }
408
 
409
  .ui-widget-overlay {
410
+ background-image: none !important;
411
  }
412
 
413
  .the-metabox .icon_type {
414
+ width: 30%;
415
+ float: left;
416
+ margin-right: 40px
417
  }
418
 
419
  #post-type-settings .category-list label {
420
+ width: 187px;
421
  }
422
 
423
  .remove_cat {
424
+ float: right;
425
+ text-align: center;
426
+ display: block;
427
+ width: 20px;
428
+ height: 20px;
429
+ border-radius: 20px;
430
+ font-weight: bold;
431
+ font-size: 10px;
432
+ background: #efefef;
433
+ text-decoration: none;
434
  }
435
 
436
  /* typography */
437
  .the-metabox.typography .select_wrapper.font-family {
438
+ width: 200px;
439
  }
440
 
441
  .the-metabox.typography .spinner_container {
442
+ float: left;
443
+ margin-right: 10px;
444
  }
445
 
446
  .the-metabox.typography .spinner_container input.number {
447
+ width: 50px !important;
448
+ -webkit-border-top-right-radius: 0px;
449
+ -webkit-border-bottom-right-radius: 0px;
450
+ -moz-border-radius-topright: 0px;
451
+ -moz-border-radius-bottomright: 0px;
452
+ border-top-right-radius: 0px;
453
+ border-bottom-right-radius: 0px;
454
  }
455
 
456
  /* number */
457
  .the-metabox.number input.number {
458
+ width: 50px !important;
459
  }
460
 
461
  /* number */
462
  .rm_number .number {
463
+ width: 70px;
464
+ text-align: right;
465
+ -webkit-border-top-right-radius: 0px;
466
+ -webkit-border-bottom-right-radius: 0px;
467
+ -moz-border-radius-topright: 0px;
468
+ -moz-border-radius-bottomright: 0px;
469
+ border-top-right-radius: 0px;
470
+ border-bottom-right-radius: 0px;
471
  }
472
 
473
  .spinner-wrapper {
474
+ position: relative;
475
+ height: 23px;
476
+ overflow: hidden;
477
  }
478
 
479
  .spinner-wrapper input.number {
480
+ float: left;
481
  }
482
 
483
  .spinner-wrapper .spinner-button {
484
+ cursor: pointer;
485
+ float: left;
486
+ position: absolute;
487
+ left: 69px;
488
+ width: 15px;
489
+ height: 12px;
490
+ border: 1px solid #dfdfdf;
491
+ background: #fff;
492
+ margin: 0;
493
+ padding: 0;
494
+ line-height: 9999px;
495
+ overflow: hidden;
496
+ background: url('../images/spinner.png') no-repeat center -11px
497
  }
498
 
499
  .spinner-wrapper .spinner-button.button-plus {
500
+ top: 0;
501
+ -webkit-border-top-right-radius: 3px !important;
502
+ -moz-border-radius-topright: 3px !important;
503
+ border-top-right-radius: 3px !important;
504
  }
505
 
506
  .spinner-wrapper .spinner-button.button-minus {
507
+ bottom: 0;
508
+ background-position: center -30px;
509
+ -webkit-border-bottom-right-radius: 3px !important;
510
+ -moz-border-radius-bottomright: 3px !important;
511
+ border-bottom-right-radius: 3px !important;
512
  }
513
 
514
  .spinner-wrapper .spinner-button.button-plus:active {
515
+ background-position: center 0px;
516
  }
517
 
518
  .spinner-wrapper .spinner-button.button-minus:active {
519
+ background-position: center -20px;
520
  }
521
 
522
  .rm_typography .spinner_container {
523
+ float: left;
524
+ margin-right: 10px;
525
  }
526
 
527
  .rm_typography .spinner-wrapper {
528
+ height: 28px;
529
  }
530
 
531
  .rm_typography .spinner-wrapper input.number {
532
+ height: 28px;
533
  }
534
 
535
  .rm_typography .spinner-wrapper .spinner-button.button-plus {
536
+ height: 15px;
537
+ background-position: center -10px;
538
  }
539
 
540
  .rm_typography .spinner-wrapper .spinner-button.button-minus {
541
+ height: 14px;
542
  }
543
 
544
  .the-metabox .spinner-wrapper .spinner-button {
545
+ left: 49px;
546
  }
547
 
548
  .the-metabox.typography .spinner-wrapper .spinner-button {
549
+ left: 35px;
550
  }
551
 
552
  /* images */
553
  .the-metabox.images, .the-metabox.images label {
554
+ margin-left: 0;
555
+ display: block;
556
  }
557
 
558
  .the-metabox.images .slides-wrapper {
559
+ clear: both;
560
  }
561
 
562
  .the-metabox.images .slides-wrapper li {
563
+ position: relative;
564
  }
565
 
566
  .the-metabox.images a.delete {
567
+ display: block;
568
+ margin-left: 4px;
569
+ text-decoration: none;
570
+ font-weight: bold;
571
+ color: red;
572
+ position: absolute;
573
+ top: 0;
574
+ right: 0;
575
+ width: 10px;
576
+ height: 18px;
577
+ z-index: 10;
578
+ cursor: pointer !important;
579
  }
580
 
581
  /* wp editor */
582
  .wp_themeSkin iframe {
583
+ background: #fff !important;
584
  }
585
 
586
  /* custom tabs */
587
  .customtab_item {
588
+ border-style: solid;
589
+ border-width: 1px;
590
+ line-height: 1;
591
+ margin-bottom: 20px;
592
+ padding: 0;
593
+ background-color: #f5f5f5;
594
+ background-image: -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
595
+ border-color: #dfdfdf;
596
+ border-radius: 3px 3px 3px 3px;
597
+ box-shadow: 0 1px 0 #fff inset;
598
+ min-width: 255px;
599
+ position: relative;
600
  }
601
 
602
  .customtab_item .handlediv {
603
+ position: relative;
604
+ top: -4px;
605
  }
606
 
607
  .customtab_item h3 {
608
+ min-height: 21px
609
  }
610
 
611
  .customtab_item .inside {
612
+ padding: 10px !important;
613
  }
614
 
615
  .customtab_item .deps {
616
+ display: none;
617
  }
618
 
619
  .customtab_item .addoptions p.option {
620
+ margin: 5px 0 5px 200px
621
  }
622
 
623
  .customtab_item .addoptions p label {
624
+ width: 80px !important;
625
  }
626
 
627
  .customtab_item .add-field-option {
628
+ margin-bottom: 10px !important;
629
  }
630
 
631
  .customtab_item .remove_item {
632
+ float: right;
633
  }
634
 
635
  .metabox-sortable-placeholder {
636
+ border: 1px dotted #dedede;
637
+ margin: 10px 0
638
  }
639
 
640
  .the-metabox.customtabs {
641
+ margin-left: 0;
642
  }
643
 
644
  #customtab_item_sample {
645
+ display: none;
646
  }
647
 
648
  .the-metabox.customtabs .field-row {
649
+ margin-bottom: 10px;
650
  }
651
 
652
  #yit_custom_tabs label {
653
+ font-weight: normal;
654
+ width: auto;
655
+ float: none;
656
+ line-height: auto;
657
+ margin-left: 0;
658
  }
659
 
660
  .wp-admin p label input[type=radio] {
661
+ width: 16px;
662
+ margin-right: 10px;
663
+ margin-top: 3px;
664
  }
665
 
666
  .wp-admin .form-field._preset_onsale_icon_field label input[type=radio] {
667
+ margin-top: 0;
668
  }
669
 
670
  .the-metabox .spinner {
671
+ margin-top: 5px;
672
+ float: none;
673
  }
674
 
675
  /*sidebars*/
676
  #choose-sidebars.choose {
677
+ margin-left: 0px;
678
  }
679
 
680
  #_active_page_options-container label, #_active_page_options-container p {
681
+ display: inline-block;
682
+ margin: 0px;
683
  }
684
 
685
  #_active_page_options-container label {
686
+ margin-right: 10px;
687
+ margin-top: 3px;
688
  }
689
 
690
  #_active_page_options-container {
691
+ float: right;
692
+ margin-right: 20px;
693
+ margin-top: 5px;
694
+ z-index: 9999 !important;
695
+ position: absolute;
696
+ right: 0;
697
  }
698
 
699
  /*-----------------------
700
  * Colorpicker - fix issues in combination with third-party themes or plugin (Basel, VC Addons, ...)
701
  */
702
  .metaboxes-tab .the-metabox.colorpicker {
703
+ display: block;
704
+ width: auto;
705
+ height: auto;
706
+ overflow: visible;
707
+ top: auto;
708
+ left: auto;
709
+ background: transparent;
710
+ position: static;
711
+ z-index: 1;
712
+ font-family: inherit;
713
+ }
714
+
715
+ .the-metabox.checkbox.checkboxgroup-start.clearfix {
716
+ margin: 40px 0 0 264px;
717
+ }
718
+
719
+ .the-metabox.checkbox.checkboxgroup.clearfix {
720
+ margin: 0 0 0 264px;
721
  }
plugin-fw/assets/css/yith-fields.css CHANGED
@@ -1,38 +1,38 @@
1
  .yith-plugin-fw span.description {
2
- display : block;
3
- margin-top : 5px;
4
- font-size : 12px;
5
- color : #777;
6
- font-style : italic;
7
- clear : both;
8
  }
9
 
10
  .yith-plugin-fw span.description.inline {
11
- display : inline-block;
12
- margin : 0 0 0 5px;
13
  }
14
 
15
  .yith-disabled {
16
- opacity : 0.3;
17
- pointer-events : none;
18
  }
19
 
20
  .yith-plugin-fw-field-wrapper:not(.yith-plugin-fw-title-field-wrapper) {
21
- display : block;
22
- width : 100%;
23
  }
24
 
25
  .yith-plugin-fw-field-wrapper span.desc {
26
- display : block;
27
- width : 100%;
28
  }
29
 
30
  .yith-plugin-fw-title-field-wrapper h3.title {
31
- width : 100%;
32
  }
33
 
34
  .the-metabox .yith-plugin-fw-title-field-wrapper h3.title {
35
- float : left;
36
  }
37
 
38
  .yith-plugin-fw input[type=email],
@@ -41,163 +41,168 @@
41
  .yith-plugin-fw select,
42
  .woocommerce .yith-plugin-fw table.form-table input[type=email],
43
  .woocommerce .yith-plugin-fw table.form-table input[type=number],
 
44
  .woocommerce .yith-plugin-fw table.form-table input[type=text]:not(.select2-search__field),
45
  .woocommerce .yith-plugin-fw table.form-table select {
46
- width : 400px;
47
- max-width : 100%;
48
- height : 30px;
49
- padding : 5px;
50
  }
51
 
52
  .woocommerce .yith-plugin-fw table.form-table input[type=text].wp-color-picker,
53
  .woocommerce .yith-plugin-fw table.form-table input[type=text].yith-plugin-fw-colorpicker,
54
  .yith-plugin-fw input[type=text].wp-color-picker,
55
  .yith-plugin-fw input[type=text].yith-plugin-fw-colorpicker {
56
- width : 6em;
57
- max-width : none;
58
- height : auto;
59
- padding : 3px 5px;
60
  }
61
 
62
  .woocommerce .yith-plugin-fw table.form-table input[type=text].colorpick,
63
  .yith-plugin-fw input[type=text].colorpick {
64
- width : 6em;
65
- max-width : none;
66
- height : auto;
67
- padding : 6px;
68
  }
69
 
70
  .yith-plugin-fw input.select2-search__field,
71
  .yith-plugin-fw .select2-container .select2-search--inline .select2-search__field,
72
  .woocommerce .yith-plugin-fw input.select2-search__field,
73
  .woocommerce .yith-plugin-fw table.form-table input.select2-search__field {
74
- padding : 3px;
 
 
 
 
75
  }
76
 
77
  .yith-plugin-fw textarea {
78
- width : 400px;
79
- max-width : 100%;
80
- padding : 5px;
81
  }
82
 
83
  /* ------------- ICONS ------------- */
84
  .yit-icons-manager-wrapper {
85
- width : 100%;
86
- max-width : 400px;
87
  }
88
 
89
  .yit-icons-manager-text {
90
- width : 100%;
91
  }
92
 
93
  .yit-icons-manager-icon-text {
94
- width : calc(100% - 35px) !important;
95
- height : 30px;
96
- float : left;
97
- margin : 0;
98
  }
99
 
100
  .yit-icons-manager-icon-preview {
101
- width : 30px;
102
- height : 30px;
103
- margin-right : 5px;
104
- float : left;
105
- padding-top : 6px;
106
- box-sizing : border-box;
107
- text-align : center;
108
- background : #f1f1f1;
109
  }
110
 
111
  .yit-icons-manager-list-wrapper {
112
- margin : 10px 0;
113
- box-shadow : 0 0 0 1px #ddd;
114
  }
115
 
116
  ul.yit-icons-manager-list {
117
- width : 100%;
118
- height : 300px;
119
- overflow-y : scroll;
120
- margin : 0;
121
  }
122
 
123
  ul.yit-icons-manager-list li {
124
- float : left;
125
- width : 30px;
126
- height : 30px;
127
- padding-top : 6px;
128
- box-sizing : border-box;
129
- text-align : center;
130
- background : #f1f1f1;
131
- margin : 1px;
132
- cursor : pointer;
133
  }
134
 
135
  ul.yit-icons-manager-list li:hover {
136
- background : #c5dcf6;
137
  }
138
 
139
  ul.yit-icons-manager-list li.active {
140
- background : #d4f0ff;
141
  }
142
 
143
  .yit-icons-manager-action-set-default {
144
- margin-bottom : 0;
145
  }
146
 
147
  .yit-icons-manager-default-icon-preview {
148
- height : 100%;
149
- display : inline-block;
150
- padding-left : 10px;
151
- border-left : 1px solid #ccc;
152
- margin-left : 10px;
153
  }
154
 
155
  /* ------- Text Array ------- */
156
  .yith-plugin-fw-text-array-table td {
157
- padding : 1px;
158
  }
159
 
160
  .yith-plugin-fw-text-array-table input[type=text],
161
  .woocommerce table.form-table table.yith-plugin-fw-text-array-table input[type=text] {
162
- width : 100%;
163
  }
164
 
165
  /* ------- Image Gallery ------- */
166
  .yith-plugin-fw .image-gallery ul li {
167
- display : inline-block;
168
- width : 80px;
169
- margin-left : 10px;
170
- position : relative;
171
  }
172
 
173
  .yith-plugin-fw .image-gallery ul li img {
174
- width : 80px;
175
- border : 1px solid #ccc;
176
  }
177
 
178
  .yith-plugin-fw .image-gallery ul li ul {
179
- position : absolute;
180
- top : -6px;
181
- right : -1px;
182
- width : 20px;
183
- height : 20px;
184
  }
185
 
186
  .yith-plugin-fw .image-gallery ul a.delete {
187
- background : url(../images/x.png) no-repeat;
188
- width : 20px;
189
- height : 20px;
190
- display : block;
191
- text-indent : -99999px;
192
  }
193
 
194
  /* ------- OnOff ------- */
195
  .yith-plugin-fw-onoff-container {
196
- display : inline-block;
197
  }
198
 
199
  .yith-plugin-fw-onoff-container input {
200
- display : none;
201
  }
202
 
203
  .yith-plugin-fw-onoff-container input + span {
@@ -205,8 +210,8 @@ ul.yit-icons-manager-list li.active {
205
  text-indent: -9999px;
206
  display: block;
207
  width: 36px;
208
- height: 20px;
209
  line-height: 1;
 
210
  background: #a4a4a4;
211
  border-radius: 24px;
212
  position: relative;
@@ -215,192 +220,192 @@ ul.yit-icons-manager-list li.active {
215
 
216
 
217
  .yith-plugin-fw-onoff-container input + span:before {
218
- content : '';
219
- background : #fff;
220
- width : 16px;
221
- height : 16px;
222
- border-radius : 50%;
223
- position : absolute;
224
- top : 2px;
225
- left : 2px;
226
- transition : all 0.3s;
227
  }
228
 
229
  .yith-plugin-fw-onoff-container input:checked + span,
230
  .yith-plugin-fw-onoff-container input.onoffchecked + span {
231
- background : #0073aa;
232
  }
233
 
234
  .yith-plugin-fw-onoff-container input:checked + span:before,
235
  .yith-plugin-fw-onoff-container input.onoffchecked + span:before {
236
- left : 18px;
237
  }
238
 
239
  /* ------- Preview ------- */
240
  .yith-plugin-fw-preview-field {
241
- max-height : 200px;
242
  }
243
 
244
  /* ------- Radio ------- */
245
  .yith-plugin-fw-radio input[type=radio] {
246
- margin : 0 3px 0 0;
247
  }
248
 
249
  .yith-plugin-fw-radio__row {
250
- margin-bottom : 8px;
251
  }
252
 
253
  /* ------- Sidebar Layout ------- */
254
  .yith-plugin-fw-sidebar-layout input[type="radio"] {
255
- display : none;
256
- width : 0px;
257
  }
258
 
259
  .yith-plugin-fw-sidebar-layout input[type="radio"]:first-child {
260
- margin-right : -2px;
261
  }
262
 
263
  .yith-plugin-fw-sidebar-layout input[type="radio"] + img {
264
- border : 2px solid #fff;
265
- padding : 1px;
266
  }
267
 
268
  .yith-plugin-fw-sidebar-layout input[type="radio"] + img:hover {
269
- cursor : pointer;
270
  }
271
 
272
  .yith-plugin-fw-sidebar-layout input[checked] + img {
273
- border : 2px solid #f2ad35;
274
- padding : 1px;
275
  }
276
 
277
  .yith-plugin-fw-sidebar-layout select {
278
- vertical-align : 12px;
279
  }
280
 
281
  .yit-admin-panel-content-wrap .yith-plugin-fw-sidebar-layout label {
282
- font-weight : bold;
283
- width : 200px;
284
- float : left;
285
- line-height : 23px;
286
- margin-left : -230px;
287
  }
288
 
289
  /* ------- Slider ------- */
290
  .yith-plugin-fw .slider {
291
- padding-top : 20px;
292
  }
293
 
294
  .ui-slider .minCaption {
295
- position : absolute;
296
- right : 95%;
297
- top : -6px;
298
- margin-right : 11px;
299
  }
300
 
301
  .ui-slider .maxCaption {
302
- position : absolute;
303
- left : 95%;
304
- top : -6px;
305
- margin-left : 20px;
306
  }
307
 
308
  .ui-slider-horizontal .ui-slider-handle {
309
- background : #fff;
310
- border : 0px !important;
311
- top : -12px !important;
312
- border-radius : 50%;
313
- width : 27px !important;
314
- height : 27px !important;
315
- box-sizing : border-box;
316
- box-shadow : 0 1px 7px -1px rgba(0, 0, 0, 0.5);
317
- font-size : 13px;
318
- padding : 6px 0;
319
- font-weight : 600;
320
- color : #555;
321
- text-align : center;
322
  }
323
 
324
  .ui-slider.ui-widget-content {
325
- background : #ccc;
326
- border : none !important;
327
- height : 3px !important;
328
- border-radius : 3px !important;
329
- width : 90%;
330
- margin : 15px 5% 20px 5%;
331
  }
332
 
333
  .iris-slider-offset.ui-slider.ui-widget-content {
334
- background : transparent !important;
335
- height : auto !important;
336
  }
337
 
338
  .ui-slider.ui-widget-content .ui-widget-header {
339
- background : #4b93ff;
340
- left : 0px !important;
341
- -webkit-border-radius : 3px;
342
- -moz-border-radius : 3px;
343
- -khtml-border-radius : 3px;
344
- border-radius : 3px;
345
  }
346
 
347
  /* ------- Select2 ------- */
348
  .yith-plugin-fw-select2-wrapper {
349
- width : 400px;
350
  }
351
 
352
  /* ------- Textarea ------- */
353
  .yith-plugin-fw-textarea-editor-field-wrapper {
354
- max-width : 1000px;
355
- clear : both;
356
  }
357
 
358
  .yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area,
359
  .woocommerce table.form-table .yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area {
360
- width : 100%;
361
  }
362
 
363
  /* ------- Buttons ------- */
364
  .yith-plugin-fw-buttons-field-wrapper {
365
- margin-top : 7px;
366
  }
367
 
368
  /* ------- Select Images ------- */
369
  .yith-plugin-fw-select-images__list {
370
- margin : 0;
371
- display : flex;
372
- flex-wrap : wrap;
373
  }
374
 
375
  .yith-plugin-fw-select-images__item {
376
- width : calc(20% - 10px);
377
- min-width : 150px;
378
- margin : 0 10px 10px 0;
379
- padding : 10px;
380
- box-sizing : border-box;
381
- cursor : pointer;
382
- transition : all .3s;
383
- border : 2px solid #eee;
384
- display : flex;
385
- flex-direction : column;
386
- justify-content : space-between;
387
  }
388
 
389
  .yith-plugin-fw-select-images__item:hover,
390
  .yith-plugin-fw-select-images__item.yith-plugin-fw-select-images__item--selected {
391
- border-color : #07bcce;
392
  }
393
 
394
  .yith-plugin-fw-select-images__item__label {
395
- text-align : center;
396
- font-weight : 600;
397
- margin-bottom : 10px;
398
  }
399
 
400
  .yith-plugin-fw-select-images__item img {
401
- display : block;
402
- max-width : 100%;
403
- margin : 0 auto;
404
  }
405
 
406
  /****************
@@ -408,8 +413,8 @@ YITH UI
408
  ****************/
409
  @font-face {
410
  font-family: 'yith-icon';
411
- src: url('../fonts/yith-icon.eot?7ik896');
412
- src: url('../fonts/yith-icon.eot?7ik896#iefix') format('embedded-opentype'),
413
  url('../fonts/yith-icon.ttf?7ik896') format('truetype'),
414
  url('../fonts/yith-icon.woff?7ik896') format('woff'),
415
  url('../fonts/yith-icon.svg?7ik896#yith-icon') format('svg');
@@ -417,7 +422,7 @@ YITH UI
417
  font-style: normal;
418
  }
419
 
420
- [class^="icon-"], [class*=" icon-"] {
421
  /* use !important to prevent issues with browser extensions that change fonts */
422
  font-family: 'yith-icon' !important;
423
  speak: none;
@@ -431,92 +436,157 @@ YITH UI
431
  -webkit-font-smoothing: antialiased;
432
  -moz-osx-font-smoothing: grayscale;
433
  }
434
- .icon-drag:before {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
435
  content: "\e90f";
436
- color: #d8d8d8;
 
 
 
 
 
 
 
 
 
 
437
  }
438
- .icon-arrow_down:before {
 
439
  content: "\e900";
440
- color: #d8d8d8;
441
  }
442
- .icon-arrow_left:before {
 
443
  content: "\e901";
444
- color: #d8d8d8;
445
  }
446
- .icon-arrow_right:before {
 
447
  content: "\e902";
448
- color: #d8d8d8;
449
  }
450
- .icon-arrow_up:before {
 
451
  content: "\e903";
452
- color: #d8d8d8;
453
  }
454
- .icon-calendar:before {
 
455
  content: "\e904";
456
- color: #d8d8d8;
457
  }
458
- .icon-check:before {
 
459
  content: "\e905";
460
- color: #d8d8d8;
461
  }
462
- .icon-close:before {
 
463
  content: "\e906";
464
- color: #d8d8d8;
465
  }
466
- .icon-edit:before {
 
467
  content: "\e907";
468
- color: #d8d8d8;
469
  }
470
- .icon-magnifier:before {
 
471
  content: "\e908";
472
- color: #d8d8d8;
473
  }
474
- .icon-pencil:before {
 
475
  content: "\e909";
476
- color: #d8d8d8;
477
  }
478
- .icon-plus:before {
 
479
  content: "\e90a";
480
- color: #d8d8d8;
481
  }
482
- .icon-update:before {
 
483
  content: "\e90b";
484
- color: #d8d8d8;
485
  }
486
- .icon-upload:before {
 
487
  content: "\e90c";
488
- color: #d8d8d8;
489
- }
490
- .icon-trash:before {
491
- content: "\e90d";
492
- color: #d8d8d8;
493
- }
494
- .icon-info:before {
495
- content: "\e90e";
496
- color: #d8d8d8;
497
- }
498
- .icon-reset:before {
499
- content: "\e910";
500
- color: #d8d8d8;
501
  }
502
- .yith-plugin-fw-banner{
 
503
  width: 100%;
504
  height: 75px;
505
  background: url('../images/banner-premium.png');
506
  }
507
- .yith-plugin-fw-banner.yith-plugin-fw-banner-free{
 
508
  height: 290px;
509
  background: url('../images/banner-free.png') no-repeat;
510
  }
511
- .yith-plugin-fw-banner.yith-plugin-fw-banner-free h1{
 
512
  max-width: auto;
513
- text-align:left;
514
  margin-left: 110px;
515
  padding-top: 15px;
516
  padding-bottom: 8px;
517
  }
518
 
519
- .yith-plugin-fw-banner h1{
520
  text-transform: uppercase;
521
  color: #0c5777;
522
  font-size: 15px;
@@ -527,106 +597,125 @@ YITH UI
527
  box-sizing: border-box;
528
  }
529
 
530
- .yith-plugin-fw-banner span{
531
- font-style:italic;
532
  display: block;
533
  font-size: 15px;
534
- color:#214249;
535
- text-transform:none;
536
  text-align: right;
537
  }
538
 
539
  .yith-plugin-fw-banner a,
540
- .yith-plugin-fw-banner a:focus{
541
  text-decoration: none;
542
  outline: none;
543
  box-shadow: none;
544
  }
545
 
546
- .yith-banners ul{
547
  list-style: none;
548
  margin-left: 10px;
549
  }
550
 
551
- .yith-banners ul li{
552
  display: inline-block;
553
  margin-left: 10px;
554
  }
555
- .yith-plugin-ui a{
 
556
  outline: none;
557
  box-shadow: none;
558
  }
559
 
560
- .yith-plugin-ui{
561
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
562
  }
563
 
564
- .yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper{
565
- margin-top:10px;
566
  }
567
 
568
- .yith-plugin-ui .nav-tab{
569
  margin-left: 0px;
570
  margin-right: 2px;
571
  background-color: #336374;
572
  color: #fff;
573
- font-size: 13px;
574
  padding: 7px 20px;
575
  border: 0;
576
  }
577
- .yith-plugin-ui .nav-tab:first-child{
 
578
  border-left: 1px solid #d9d9d9;
579
  }
580
 
581
- .yith-plugin-ui .nav-tab.yith-premium{
582
  background-color: #be421c;
583
  }
584
- .yith-plugin-ui .nav-tab-active{
 
585
  background-color: #fff;
586
  color: #336374;
587
- border-bottom:1px solid #fff;
588
  }
589
- .yith-plugin-ui .nav-tab-active.yith-premium{
 
590
  background-color: #fff;
591
  color: #be421c;
592
  }
593
- .yith-plugin-ui #plugin-fw-wc{
 
594
  padding-top: 0px;
595
  }
596
 
597
- .yith-plugin-ui .form-table td{
598
  padding: 15px 20px;
599
  }
600
 
601
- .yith-plugin-ui label{
602
  color: #33373b;
603
- font-size: 13px;
 
 
 
 
 
 
 
 
 
 
 
604
  }
605
 
606
- .yith-plugin-ui span.description{
607
  color: #716269;
608
- font-size: 11px;
609
  font-style: normal;
610
  font-weight: 400;
611
  margin-top: 15px;
612
  margin-left: 0;
613
  }
614
- #wpwrap .yith-plugin-ui h2.nav-tab-wrapper, #wpbody-content .yith-plugin-ui h2.nav-tab-wrapper {
 
615
  border: 0;
616
- border-bottom : 1px solid #ccc;
617
  margin-right: 15px;
 
618
  background-color: transparent;
619
  padding-left: 0;
620
  }
 
621
  .yith-plugin-ui #plugin-fw-wc table.form-table,
622
  .yith-plugin-ui #yith-plugin-fw-panel table.form-table,
623
- .yith-plugin-ui table.form-table{
624
  border: 1px solid #d8d8d8;
625
  border-top: 0;
626
  margin-bottom: 40px;
627
  }
628
 
629
- .yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper{
630
  background-color: transparent;
631
  border: 0;
632
  text-transform: none;
@@ -635,7 +724,7 @@ YITH UI
635
 
636
  .yith-plugin-ui h2 {
637
  color: #2a8db0;
638
- font-size: 13px;
639
  text-transform: uppercase;
640
  border: 1px solid #d8d8d8;
641
  border-bottom: 0;
@@ -643,12 +732,13 @@ YITH UI
643
  padding: 35px 20px;
644
  margin: 0px;
645
  }
646
- .yith-plugin-ui .yith-plugin-fw-custom-tab h2{
 
647
  border: 0px solid #d8d8d8;
648
  padding-left: 0;
649
  }
650
 
651
- .yith-plugin-ui #plugin-fw-wc table.form-table th, #yith-plugin-fw-panel table.form-table th.titledesc, .yith-plugin-ui #plugin-fw-wc table.form-table td, #yith-plugin-fw-panel table.form-table td.forminp {
652
  padding: 30px 20px;
653
  }
654
 
@@ -661,17 +751,17 @@ YITH UI
661
  padding-bottom: 5px;
662
  }
663
 
664
- .yith-plugin-ui #plugin-fw-wc h2 + div p, .yith-plugin-ui p.info-box{
665
  background: #f1f1f1;
666
- font-size: 12px;
667
  font-weight: 700;
668
  width: 40%;
669
- display:block;
670
  padding: 15px;
671
  margin-bottom: 0;
672
  }
673
 
674
- .yith-plugin-ui #plugin-fw-wc h2 + div p:before, .yith-plugin-ui p.info-box:before{
675
  content: "\e90e";
676
  font-family: yith-icon;
677
  font-size: 30px;
@@ -682,7 +772,7 @@ YITH UI
682
  margin-right: 15px;
683
  }
684
 
685
- .yith-plugin-ui h2:first-child{
686
  border-top: 0;
687
  }
688
 
@@ -703,10 +793,12 @@ YITH UI
703
  .yith-plugin-ui input[type=text],
704
  .yith-plugin-ui input[type=email],
705
  .yith-plugin-ui input[type=password],
 
706
  .yith-plugin-fw.yith-plugin-ui input[type=text]:not(.select2-search__field),
707
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text]:not(.select2-search__field),
708
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table select,
709
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table textarea,
 
710
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=number],
711
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text] {
712
  border: 1px solid #d8d8d8;
@@ -717,18 +809,24 @@ YITH UI
717
  box-shadow: none;
718
  color: #716269;
719
  }
 
720
  .yith-plugin-ui textarea,
721
- .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table textarea{
722
  height: auto;
723
  }
 
724
  .yith-plugin-ui table.form-table input[type=text].wp-color-picker,
725
- .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].wp-color-picker{
726
  border: 0;
727
  height: 30px;
728
  max-width: 60px;
729
 
730
  }
731
 
 
 
 
 
732
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].small-text,
733
  .yith-plugin-ui input[type=text].small-text {
734
  width: 100px;
@@ -742,27 +840,27 @@ YITH UI
742
  }
743
 
744
  .yith-plugin-ui select:focus,
745
- .yith-plugin-ui input[type=text]:focus {
746
- border-color: #a7d9ec;
747
  }
748
 
749
  .woocommerce .yith-plugin-ui table.form-table select,
750
- .yith-plugin-ui select{
751
  -webkit-appearance: none;
752
- line-height: 1;
753
  min-height: 35px;
754
  background: url("../images/arrow_down.svg") no-repeat right center;
755
  background-size: 35px 13px;
756
  border-radius: 8px;
 
757
  }
758
 
759
- .yith-plugin-ui .form-table th{
760
- width: 280px;
761
  padding-right: 50px;
762
  }
763
 
764
  /** BUTTONS **/
765
- .yith-plugin-ui .tablenav .button.action,
766
  .wp-core-ui .yith-plugin-ui .button-primary,
767
  .wp-core-ui .yith-plugin-ui .button-secondary,
768
  .yith-plugin-ui .yith-add-button,
@@ -790,12 +888,14 @@ YITH UI
790
  line-height: 26px;
791
  display: inline-block;
792
  text-decoration: none;
 
793
  }
 
794
  .wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
795
  .wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button,
796
  .yith-plugin-ui .yith-plugin-fw-upload-button-reset,
797
  .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
798
- .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button{
799
  height: 38px;
800
  }
801
 
@@ -805,49 +905,55 @@ YITH UI
805
  .yith-plugin-ui .yith-save-button:focus,
806
  .yith-plugin-ui .yith-edit-button:focus,
807
  .yith-plugin-ui .yith-update-button:focus,
808
- .wp-core-ui .yith-plugin-ui .button-secondary:focus{
809
  outline: none;
810
  box-shadow: none;
811
  }
812
 
 
 
 
 
 
 
 
 
813
  /** button with inside a span with icon class */
814
- .yith-plugin-ui .button-secondary span.yith-icon{
815
  margin-left: 0px;
816
  margin-right: 10px;
817
  line-height: normal;
818
  }
819
 
820
- .yith-plugin-ui .button-secondary span.yith-icon:before{
821
  color: #656565;
822
  font-size: 15px;
823
  }
824
 
825
- .yith-plugin-ui .tablenav .button.action,
826
  .wp-core-ui .yith-plugin-ui .button:focus,
827
  .wp-core-ui .yith-plugin-ui .button-secondary:focus,
828
  .yith-plugin-ui .yith-save-button:hover,
829
  .wp-core-ui .yith-plugin-ui .button-secondary:hover,
830
- .yith-plugin-ui .yith-plugin-fw-upload-button-reset:hover{
831
  background-color: #cacaca;
832
  color: #515151;
833
  }
834
 
835
  .wp-core-ui .yith-plugin-ui .button-primary,
836
- .yith-plugin-ui .tablenav .button.action,
837
  .yith-plugin-ui .button-secondary.yith-plugin-fw-select-all,
838
- .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button{
839
  background-color: #007694;
840
  color: #fff;
841
  }
842
 
843
- .yith-plugin-ui .tablenav .button.action:active,
844
- .yith-plugin-ui .tablenav .button.action:focus,
845
- .yith-plugin-ui .tablenav .button.action:hover,
846
  .yith-plugin-ui .yith-add-button,
847
  .wp-core-ui .yith-plugin-ui .button-primary:focus,
848
- .wp-core-ui .yith-plugin-ui .button-primary:hover{
849
  background-color: #375f6b;
850
  color: #fff;
 
851
  }
852
 
853
 
@@ -855,7 +961,7 @@ YITH UI
855
  .wp-core-ui .yith-plugin-ui .yith-plugin-fw-upload-button:focus,
856
  .yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:hover,
857
  .yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:focus,
858
- .yith-plugin-ui .yith-plugin-fw-upload-button:hover{
859
  border-color: #007694;
860
  background: #007694;
861
  color: #fff;
@@ -868,13 +974,13 @@ YITH UI
868
  .yith-plugin-ui .yith-save-button:before,
869
  .yith-plugin-ui .yith-edit-button:before,
870
  .yith-plugin-ui .yith-update-button:before,
871
- .yith-plugin-ui .button-secondary:before{
872
  font-family: 'yith-icon';
873
  font-size: 10px;
874
  font-weight: 700;
875
  margin-right: 10px;
876
  vertical-align: bottom;
877
- display:inline-block;
878
  }
879
 
880
  /** yith-edit-button **/
@@ -882,25 +988,30 @@ YITH UI
882
  background-color: #7f9298;
883
  color: #fff;
884
  }
 
885
  .yith-plugin-ui .yith-edit-button:focus,
886
  .yith-plugin-ui .yith-edit-button:hover {
887
  background-color: #718085;
888
  color: #fff;
889
  }
890
- .yith-plugin-ui .yith-edit-button:before{
 
891
  content: "\e907";
892
  }
 
893
  /** yith-update-button **/
894
  .yith-plugin-ui .yith-update-button {
895
  background-color: #94aa09;
896
  color: #fff;
897
  }
 
898
  .yith-plugin-ui .yith-update-button:focus,
899
  .yith-plugin-ui .yith-update-button:hover {
900
  background-color: #7a9009;
901
  color: #fff;
902
  }
903
- .yith-plugin-ui .yith-update-button:before{
 
904
  content: "\e90b";
905
  font-size: 15px;
906
  }
@@ -911,6 +1022,7 @@ YITH UI
911
  background-color: #267390;
912
  color: #fff;
913
  }
 
914
  .yith-plugin-ui .yith-save-button:focus,
915
  .yith-plugin-ui .yith-save-button:hover {
916
  background-color: #1c4863;
@@ -920,111 +1032,140 @@ YITH UI
920
 
921
  /** yith-remove-button **/
922
 
923
- .yith-plugin-ui .button-secondary.yith-remove-button:before{
924
  content: "\e90d";
925
  font-size: 15px;
926
  }
927
 
928
 
929
  /** yith-add-button **/
930
-
931
- .yith-plugin-ui .yith-add-button:before{
932
  content: "\e90a";
933
  }
934
 
 
 
 
 
 
 
 
 
 
 
 
935
  /** yith-plugin-fw-upload-button **/
936
- .yith-plugin-ui button.yith-plugin-fw-upload-button:before{
937
  content: "\e90c";
938
  font-family: 'yith-icon';
939
  font-size: 19px;
940
  font-weight: 400;
941
  margin-right: 10px;
942
  vertical-align: middle;
943
- display:inline-block;
944
  }
 
945
  /** SELECT 2 **/
946
  .yith-plugin-ui .select2-container,
947
- .yith-plugin-ui .select2-selection--single{
948
  height: auto;
949
  padding: 2px;
950
  outline: none;
951
  }
952
 
953
- .yith-plugin-ui .select2-selection--single{
954
  margin: 0;
955
  border: 0;
956
  }
957
 
958
  /* old panel*/
959
 
960
- .yith-plugin-ui span.select2.select2-container.select2-container--default{
961
  border: 1px solid #d8d8d8;
962
- border-radius:8px;
963
  }
964
- .yith-plugin-ui span.select2.select2-container.select2-container--default:hover,
965
- .yith-plugin-ui span.select2.select2-container.select2-container--default:active,
966
- .yith-plugin-ui span.select2.select2-container.select2-container--default:focus {
 
967
  border-color: #a7d9ec;
968
  }
969
- .yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
 
970
  color: #fff;
971
  }