YITH WooCommerce Zoom Magnifier - Version 1.3.14

Version Description

Download this release

Release Info

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

Code changes from version 1.3.13 to 1.3.14

Files changed (42) hide show
  1. README.txt +6 -1
  2. init.php +2 -2
  3. lib/class.yith-ywzm-plugin-fw-loader.php +2 -1
  4. plugin-fw/assets/css/metaboxes.css +351 -320
  5. plugin-fw/assets/css/yit-plugin-panel.css +153 -4
  6. plugin-fw/assets/css/yith-fields.css +1083 -1089
  7. plugin-fw/assets/js/metabox.js +65 -52
  8. plugin-fw/assets/js/metabox.min.js +1 -1
  9. plugin-fw/assets/js/multisite-updater.min.js +8 -1
  10. plugin-fw/assets/js/wp-pages.js +23 -0
  11. plugin-fw/assets/js/wp-pages.min.js +1 -0
  12. plugin-fw/assets/js/yit-cpt-unlimited.min.js +2 -2
  13. plugin-fw/assets/js/yith-dashboard.min.js +1 -1
  14. plugin-fw/assets/js/yith-enhanced-select.min.js +10 -1
  15. plugin-fw/assets/js/yith-fields.js +63 -43
  16. plugin-fw/assets/js/yith-fields.min.js +29 -25
  17. plugin-fw/assets/js/yith-gutenberg.min.js +6 -6
  18. plugin-fw/assets/js/yith-promo.min.js +1 -1
  19. plugin-fw/assets/js/yith-system-info.min.js +1 -13
  20. plugin-fw/assets/js/yith-update-plugins.min.js +1 -1
  21. plugin-fw/init.php +2 -8
  22. plugin-fw/lib/promo/yith-promo.php +19 -3
  23. plugin-fw/lib/promo/yith-promo.xml +2 -41
  24. plugin-fw/lib/yit-assets.php +7 -7
  25. plugin-fw/lib/yit-metabox.php +131 -188
  26. plugin-fw/lib/yit-plugin-panel-wc.php +53 -31
  27. plugin-fw/lib/yit-plugin-panel.php +541 -189
  28. plugin-fw/lib/yit-plugin-subpanel.php +0 -5
  29. plugin-fw/templates/fields/checkbox-array.php +35 -0
  30. plugin-fw/templates/fields/country-select.php +64 -0
  31. plugin-fw/templates/fields/datepicker.php +1 -1
  32. plugin-fw/templates/fields/onoff.php +6 -3
  33. plugin-fw/templates/fields/toggle-element.php +194 -177
  34. plugin-fw/templates/fields/upload.php +13 -11
  35. plugin-fw/templates/metaboxes/field-row.php +7 -3
  36. plugin-fw/templates/metaboxes/tab.php +16 -12
  37. plugin-fw/templates/panel/sub-tabs-nav.php +46 -0
  38. plugin-fw/templates/panel/woocommerce/woocommerce-form.php +6 -3
  39. plugin-fw/templates/panel/woocommerce/woocommerce-option-row.php +3 -1
  40. plugin-fw/templates/panel/woocommerce/woocommerce-panel.php +7 -14
  41. plugin-fw/yit-functions.php +192 -240
  42. plugin-options/{premium-landing-options.php → premium-options.php} +0 -0
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.3
7
- Stable tag: 1.3.13
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.13 - Released: Nov 11, 2019 =
56
 
57
  * Update: plugin framework
4
  Tags: zoom, magnifier, slider, carousel, woocommerce
5
  Requires at least: 4.0
6
  Tested up to: 5.3
7
+ Stable tag: 1.3.14
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.14 - Released: Nov 29, 2019 =
56
+
57
+ * Update: notice handler
58
+ * Update: plugin framework
59
+
60
  = Version 1.3.13 - Released: Nov 11, 2019 =
61
 
62
  * Update: plugin framework
init.php CHANGED
@@ -3,7 +3,7 @@
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.13
7
  * Author: YITH
8
  * Author URI: https://yithemes.com/
9
  * Text Domain: yith-woocommerce-zoom-magnifier
@@ -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.13' );
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__ ) );
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.14
7
  * Author: YITH
8
  * Author URI: https://yithemes.com/
9
  * Text Domain: yith-woocommerce-zoom-magnifier
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.14' );
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__ ) );
lib/class.yith-ywzm-plugin-fw-loader.php CHANGED
@@ -120,7 +120,7 @@ if ( ! class_exists( 'YITH_YWZM_Plugin_FW_Loader' ) ) {
120
  $admin_tabs['general'] = __( 'General', 'yith-woocommerce-zoom-magnifier' );
121
 
122
  if ( ! defined( 'YITH_YWZM_PREMIUM' ) ) {
123
- $admin_tabs['premium-landing'] = __( 'Premium Version', 'yith-woocommerce-zoom-magnifier' );
124
  } else {
125
  $admin_tabs['exclusions'] = __( 'Product exclusion list', 'yith-woocommerce-zoom-magnifier' );
126
  }
@@ -128,6 +128,7 @@ if ( ! class_exists( 'YITH_YWZM_Plugin_FW_Loader' ) ) {
128
  $args = array(
129
  'create_menu_page' => true,
130
  'parent_slug' => '',
 
131
  'page_title' => 'Zoom magnifier',
132
  'menu_title' => 'Zoom magnifier',
133
  'capability' => 'manage_options',
120
  $admin_tabs['general'] = __( 'General', 'yith-woocommerce-zoom-magnifier' );
121
 
122
  if ( ! defined( 'YITH_YWZM_PREMIUM' ) ) {
123
+ $admin_tabs['premium'] = __( 'Premium Version', 'yith-woocommerce-zoom-magnifier' );
124
  } else {
125
  $admin_tabs['exclusions'] = __( 'Product exclusion list', 'yith-woocommerce-zoom-magnifier' );
126
  }
128
  $args = array(
129
  'create_menu_page' => true,
130
  'parent_slug' => '',
131
+ 'plugin_slug' => YITH_YWZM_SLUG,
132
  'page_title' => 'Zoom magnifier',
133
  'menu_title' => 'Zoom magnifier',
134
  'capability' => 'manage_options',
plugin-fw/assets/css/metaboxes.css CHANGED
@@ -1,208 +1,239 @@
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,504 +249,504 @@
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
  }
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
+ padding : 5px 20px;
107
+ margin : 0 0 0 -4px;
108
+ width : auto;
109
+ background : transparent;
 
110
  }
111
 
112
  .metaboxes-tab.yith-plugin-ui .yith-add-box,
113
  .metaboxes-tab.yith-plugin-ui .yith-toggle-row {
114
+ width : auto;
115
  }
116
 
117
  .metaboxes-tab .wp-picker-container label {
118
+ font-weight : inherit;
119
+ width : auto;
120
+ float : none;
121
+ line-height : inherit;
122
+ margin-left : 0;
123
  }
124
 
125
  .metaboxes-tab.yith-plugin-ui .yith-plugin-fw-radio__row label {
126
+ width : auto !important;
127
+ display : inline-block;
128
+ font-weight : normal;
129
  }
130
 
131
  .metaboxes-tab input[type="checkbox"] {
132
+ vertical-align : middle
133
  }
134
 
135
  .metaboxes-tab input.button-secondary, .metaboxes-tab input.checkbox {
136
+ width : auto;
137
  }
138
 
139
  .metaboxes-tab p.field-row.textarea .description {
140
+ vertical-align : top;
141
  }
142
 
143
  .metaboxes-tab p.field-row.checkbox {
144
+ background : none;
145
  }
146
 
147
  .metaboxes-tab .the-metabox {
148
+ margin : 20px 0;
149
+ margin-left : 184px;
150
  }
151
 
152
  .metaboxes-tab .the-metabox.no-label {
153
+ margin : 20px 0;
154
+ margin-left : 0;
155
  }
156
 
157
  .metaboxes-tab hr {
158
+ height : 0px;
159
+ border-top : 1px solid #dadada;
160
+ width : auto;
161
+ margin-left : -10px;
162
+ margin-right : -10px;
163
  }
164
 
165
  .metaboxes-tab .the-metabox p {
166
+ margin : 0;
167
  }
168
 
169
  .metaboxes-tab .the-metabox:last-child {
170
+ border-bottom : 0px;
171
  }
172
 
173
  .metaboxes-tab .the-metabox.checkbox {
174
+ background : none;
175
  }
176
 
177
  .metaboxes-tab span.description.inline {
178
+ display : inline-block;
179
+ line-height : 23px;
180
+ width : auto;
181
+ vertical-align : middle;
182
+ margin : 0;
183
  }
184
 
185
  .metaboxes-tab .slider label {
186
+ padding : 15px 0;
187
+ }
188
+
189
+ .metaboxes-tab.yith-plugin-ui ul.metaboxes-tabs {
190
+ background : transparent;
191
+ border-bottom : 1px solid #d8d8d8;
192
+ padding : 10px 0 0 0;
193
+ margin : 0 10px
194
+ }
195
+
196
+
197
+ .metaboxes-tab.yith-plugin-ui ul.metaboxes-tabs li {
198
+ background : #fff;
199
+ border-top : 1px solid #d8d8d8;
200
+ border-left : 1px solid #d8d8d8;
201
+ border-right : 1px solid #d8d8d8;
202
+ margin : 0 0 -1px -1px;
203
+ }
204
+
205
+ .metaboxes-tab.yith-plugin-ui ul.metaboxes-tabs li.tabs {
206
+ border-bottom : 1px solid #fff;
207
+ }
208
+
209
+ .metaboxes-tab.yith-plugin-ui ul.metaboxes-tabs li a {
210
+ color : #336374;
211
+ padding : 10px 18px;
212
+ text-transform : uppercase;
213
+ font-weight : 600;
214
+ display : inline-block;
215
+ }
216
+
217
+ .metaboxes-tab.yith-plugin-ui ul.metaboxes-tabs li.tabs a {
218
+ color : #2a8db0;
219
  }
220
 
221
  /* sortable table posts */
222
 
223
  #the-list.ui-sortable tr:hover {
224
+ cursor : move;
225
  }
226
 
227
  .the-metabox.preview {
228
+ float : none;
229
  }
230
 
231
  .metaboxes-tab .the-metabox.no-label.preview {
232
+ margin-left : 184px;
233
  }
234
 
235
  .metaboxes-tab .the-metabox.no-label.preview img {
236
+ box-shadow : 0 1px 8px rgba(0, 0, 0, 0.2);
237
  }
238
 
239
  /**************************************
249
  .metaboxes-tab .yith-plugin-fw-text-input,
250
  .metaboxes-tab .yith-plugin-fw-text-array-table,
251
  .metaboxes-tab .yith-plugin-fw-textarea {
252
+ width : 400px;
253
+ max-width : 100%;
254
  }
255
 
256
  .metaboxes-tab.yith-plugin-ui input[type=number] {
257
+ width : auto;
258
+ min-width : 90px;
259
  }
260
 
261
  .metaboxes-tab.yith-plugin-ui p {
262
+ font-size : 14px;
263
  }
264
 
265
  .metaboxes-tab.yith-plugin-ui p.section-description {
266
 
267
+ margin : 0 20px 40px 18px;
268
  }
269
 
270
  .metaboxes-tab .yith-plugin-fw-text-array-table input[type=text] {
271
+ width : 100%;
272
  }
273
 
274
  .metaboxes-tab.yith-plugin-ui .yith-add-box h3 {
275
+ padding : 0 0 30px 0;
276
+ font-weight : 600;
277
+ margin : 0;
278
  }
279
 
280
  .metaboxes-tab.yith-plugin-ui .select2-container--default .select2-selection--single {
281
+ border : 0;
282
+ margin : 0;
283
  }
284
 
285
  /* wp editor */
286
  .the-metabox.textarea-editor .mceIframeContainer {
287
+ background : #fff;
288
  }
289
 
290
 
291
  .the-metabox.textarea-editor label {
292
+ margin-top : 24px;
293
  }
294
 
295
  /* categories */
296
  .categories-panel {
297
+ width : 30%;
298
+ float : left;
299
+ margin-right : 4px;
300
  }
301
 
302
  .categories-panel .box {
303
+ height : 200px;
304
+ border : 1px solid #dfdfdf;
305
+ background : #fff;
306
+ padding : 6px 10px;
307
+ overflow : auto;
308
  }
309
 
310
  .categories-panel ul {
311
+ list-style : none;
312
+ margin : 0;
313
  }
314
 
315
  .categories-panel ul li {
316
+ line-height : 19px;
317
+ margin : 0;
318
+ padding : 0;
319
+ word-wrap : break-word;
320
  }
321
 
322
  .categories-panel ul li label {
323
+ font-weight : normal !important;
324
+ margin-left : 0 !important;
325
  }
326
 
327
  .categories-panel input.newcategory {
328
+ width : 100%;
329
+ margin-bottom : 3px;
330
  }
331
 
332
  /* contact form */
333
  .contactform_item {
334
+ border-style : solid;
335
+ border-width : 1px;
336
+ line-height : 1;
337
+ margin-bottom : 20px;
338
+ padding : 0;
339
+ background-color : #f5f5f5;
340
+ background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
341
+ border-color : #dfdfdf;
342
+ border-radius : 3px 3px 3px 3px;
343
+ box-shadow : 0 1px 0 #fff inset;
344
+ min-width : 255px;
345
+ position : relative;
346
  }
347
 
348
  .contactform_item .handlediv {
349
+ position : relative;
350
+ top : -4px;
351
  }
352
 
353
  .contactform_item h3 {
354
+ min-height : 21px;
355
+ margin : 13px;
356
  }
357
 
358
  .contactform_item .inside {
359
+ padding : 10px !important;
360
  }
361
 
362
  .contactform_item .deps {
363
+ display : none;
364
  }
365
 
366
  .contactform_item .addoptions p.option {
367
+ margin : 5px 0 5px 200px
368
  }
369
 
370
  .contactform_item .addoptions p label {
371
+ width : 80px !important;
372
  }
373
 
374
  .contactform_item .add-field-option {
375
+ margin-bottom : 10px !important;
376
  }
377
 
378
  .remove_item {
379
+ float : right;
380
  }
381
 
382
  .metabox-sortable-placeholder {
383
+ border : 1px dotted #dedede;
384
+ margin : 10px 0
385
  }
386
 
387
  /* features tab */
388
  .featurestab_item {
389
+ border-style : solid;
390
+ border-width : 1px;
391
+ line-height : 1;
392
+ margin-bottom : 20px;
393
+ padding : 0;
394
+ background-color : #f5f5f5;
395
+ background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
396
+ border-color : #dfdfdf;
397
+ border-radius : 3px 3px 3px 3px;
398
+ box-shadow : 0 1px 0 #fff inset;
399
+ min-width : 255px;
400
+ position : relative;
401
  }
402
 
403
  .featurestab_item .handlediv {
404
+ position : relative;
405
+ top : -4px;
406
  }
407
 
408
  .featurestab_item h3 {
409
+ min-height : 21px
410
  }
411
 
412
  .featurestab_item .inside {
413
+ padding : 10px !important;
414
  }
415
 
416
  .featurestab_item .deps {
417
+ display : none;
418
  }
419
 
420
  .featurestab_item .addoptions p.option {
421
+ margin : 5px 0 5px 200px
422
  }
423
 
424
  .featurestab_item .addoptions p label {
425
+ width : 80px !important;
426
  }
427
 
428
  .featurestab_item .add-field-option {
429
+ margin-bottom : 10px !important;
430
  }
431
 
432
  .messages-panel.updated {
433
+ margin : 10px 0px 10px !important;
434
+ max-width : 1200px;
435
+ border-radius : 5px;
436
+ -webkit-box-sizing : border-box;
437
+ box-sizing : border-box;
438
  }
439
 
440
  .ui-widget-overlay {
441
+ background-image : none !important;
442
  }
443
 
444
  .the-metabox .icon_type {
445
+ width : 30%;
446
+ float : left;
447
+ margin-right : 40px
448
  }
449
 
450
  #post-type-settings .category-list label {
451
+ width : 187px;
452
  }
453
 
454
  .remove_cat {
455
+ float : right;
456
+ text-align : center;
457
+ display : block;
458
+ width : 20px;
459
+ height : 20px;
460
+ border-radius : 20px;
461
+ font-weight : bold;
462
+ font-size : 10px;
463
+ background : #efefef;
464
+ text-decoration : none;
465
  }
466
 
467
  /* typography */
468
  .the-metabox.typography .select_wrapper.font-family {
469
+ width : 200px;
470
  }
471
 
472
  .the-metabox.typography .spinner_container {
473
+ float : left;
474
+ margin-right : 10px;
475
  }
476
 
477
  .the-metabox.typography .spinner_container input.number {
478
+ width : 50px !important;
479
+ -webkit-border-top-right-radius : 0px;
480
+ -webkit-border-bottom-right-radius : 0px;
481
+ -moz-border-radius-topright : 0px;
482
+ -moz-border-radius-bottomright : 0px;
483
+ border-top-right-radius : 0px;
484
+ border-bottom-right-radius : 0px;
485
  }
486
 
487
  /* number */
488
  .the-metabox.number input.number {
489
+ width : 50px !important;
490
  }
491
 
492
  /* number */
493
  .rm_number .number {
494
+ width : 70px;
495
+ text-align : right;
496
+ -webkit-border-top-right-radius : 0px;
497
+ -webkit-border-bottom-right-radius : 0px;
498
+ -moz-border-radius-topright : 0px;
499
+ -moz-border-radius-bottomright : 0px;
500
+ border-top-right-radius : 0px;
501
+ border-bottom-right-radius : 0px;
502
  }
503
 
504
  .spinner-wrapper {
505
+ position : relative;
506
+ height : 23px;
507
+ overflow : hidden;
508
  }
509
 
510
  .spinner-wrapper input.number {
511
+ float : left;
512
  }
513
 
514
  .spinner-wrapper .spinner-button {
515
+ cursor : pointer;
516
+ float : left;
517
+ position : absolute;
518
+ left : 69px;
519
+ width : 15px;
520
+ height : 12px;
521
+ border : 1px solid #dfdfdf;
522
+ background : #fff;
523
+ margin : 0;
524
+ padding : 0;
525
+ line-height : 9999px;
526
+ overflow : hidden;
527
+ background : url('../images/spinner.png') no-repeat center -11px
528
  }
529
 
530
  .spinner-wrapper .spinner-button.button-plus {
531
+ top : 0;
532
+ -webkit-border-top-right-radius : 3px !important;
533
+ -moz-border-radius-topright : 3px !important;
534
+ border-top-right-radius : 3px !important;
535
  }
536
 
537
  .spinner-wrapper .spinner-button.button-minus {
538
+ bottom : 0;
539
+ background-position : center -30px;
540
+ -webkit-border-bottom-right-radius : 3px !important;
541
+ -moz-border-radius-bottomright : 3px !important;
542
+ border-bottom-right-radius : 3px !important;
543
  }
544
 
545
  .spinner-wrapper .spinner-button.button-plus:active {
546
+ background-position : center 0px;
547
  }
548
 
549
  .spinner-wrapper .spinner-button.button-minus:active {
550
+ background-position : center -20px;
551
  }
552
 
553
  .rm_typography .spinner_container {
554
+ float : left;
555
+ margin-right : 10px;
556
  }
557
 
558
  .rm_typography .spinner-wrapper {
559
+ height : 28px;
560
  }
561
 
562
  .rm_typography .spinner-wrapper input.number {
563
+ height : 28px;
564
  }
565
 
566
  .rm_typography .spinner-wrapper .spinner-button.button-plus {
567
+ height : 15px;
568
+ background-position : center -10px;
569
  }
570
 
571
  .rm_typography .spinner-wrapper .spinner-button.button-minus {
572
+ height : 14px;
573
  }
574
 
575
  .the-metabox .spinner-wrapper .spinner-button {
576
+ left : 49px;
577
  }
578
 
579
  .the-metabox.typography .spinner-wrapper .spinner-button {
580
+ left : 35px;
581
  }
582
 
583
  /* images */
584
  .the-metabox.images, .the-metabox.images label {
585
+ margin-left : 0;
586
+ display : block;
587
  }
588
 
589
  .the-metabox.images .slides-wrapper {
590
+ clear : both;
591
  }
592
 
593
  .the-metabox.images .slides-wrapper li {
594
+ position : relative;
595
  }
596
 
597
  .the-metabox.images a.delete {
598
+ display : block;
599
+ margin-left : 4px;
600
+ text-decoration : none;
601
+ font-weight : bold;
602
+ color : red;
603
+ position : absolute;
604
+ top : 0;
605
+ right : 0;
606
+ width : 10px;
607
+ height : 18px;
608
+ z-index : 10;
609
+ cursor : pointer !important;
610
  }
611
 
612
  /* wp editor */
613
  .wp_themeSkin iframe {
614
+ background : #fff !important;
615
  }
616
 
617
  /* custom tabs */
618
  .customtab_item {
619
+ border-style : solid;
620
+ border-width : 1px;
621
+ line-height : 1;
622
+ margin-bottom : 20px;
623
+ padding : 0;
624
+ background-color : #f5f5f5;
625
+ background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
626
+ border-color : #dfdfdf;
627
+ border-radius : 3px 3px 3px 3px;
628
+ box-shadow : 0 1px 0 #fff inset;
629
+ min-width : 255px;
630
+ position : relative;
631
  }
632
 
633
  .customtab_item .handlediv {
634
+ position : relative;
635
+ top : -4px;
636
  }
637
 
638
  .customtab_item h3 {
639
+ min-height : 21px
640
  }
641
 
642
  .customtab_item .inside {
643
+ padding : 10px !important;
644
  }
645
 
646
  .customtab_item .deps {
647
+ display : none;
648
  }
649
 
650
  .customtab_item .addoptions p.option {
651
+ margin : 5px 0 5px 200px
652
  }
653
 
654
  .customtab_item .addoptions p label {
655
+ width : 80px !important;
656
  }
657
 
658
  .customtab_item .add-field-option {
659
+ margin-bottom : 10px !important;
660
  }
661
 
662
  .customtab_item .remove_item {
663
+ float : right;
664
  }
665
 
666
  .metabox-sortable-placeholder {
667
+ border : 1px dotted #dedede;
668
+ margin : 10px 0
669
  }
670
 
671
  .the-metabox.customtabs {
672
+ margin-left : 0;
673
  }
674
 
675
  #customtab_item_sample {
676
+ display : none;
677
  }
678
 
679
  .the-metabox.customtabs .field-row {
680
+ margin-bottom : 10px;
681
  }
682
 
683
  #yit_custom_tabs label {
684
+ font-weight : normal;
685
+ width : auto;
686
+ float : none;
687
+ line-height : auto;
688
+ margin-left : 0;
689
  }
690
 
691
  .wp-admin p label input[type=radio] {
692
+ width : 16px;
693
+ margin-right : 10px;
694
+ margin-top : 3px;
695
  }
696
 
697
  .wp-admin .form-field._preset_onsale_icon_field label input[type=radio] {
698
+ margin-top : 0;
699
  }
700
 
701
  .the-metabox .spinner {
702
+ margin-top : 5px;
703
+ float : none;
704
  }
705
 
706
  /*sidebars*/
707
  #choose-sidebars.choose {
708
+ margin-left : 0px;
709
  }
710
 
711
  #_active_page_options-container label, #_active_page_options-container p {
712
+ display : inline-block;
713
+ margin : 0px;
714
  }
715
 
716
  #_active_page_options-container label {
717
+ margin-right : 10px;
718
+ margin-top : 3px;
719
  }
720
 
721
  #_active_page_options-container {
722
+ float : right;
723
+ margin-right : 20px;
724
+ margin-top : 5px;
725
+ z-index : 9999 !important;
726
+ position : absolute;
727
+ right : 0;
728
  }
729
 
730
  /*-----------------------
731
  * Colorpicker - fix issues in combination with third-party themes or plugin (Basel, VC Addons, ...)
732
  */
733
  .metaboxes-tab .the-metabox.colorpicker {
734
+ display : block;
735
+ width : auto;
736
+ height : auto;
737
+ overflow : visible;
738
+ top : auto;
739
+ left : auto;
740
+ background : transparent;
741
+ position : static;
742
+ z-index : 1;
743
+ font-family : inherit;
744
  }
745
 
746
  .the-metabox.checkbox.checkboxgroup-start.clearfix {
747
+ margin : 40px 0 0 264px;
748
  }
749
 
750
  .the-metabox.checkbox.checkboxgroup.clearfix {
751
+ margin : 0 0 0 264px;
752
  }
plugin-fw/assets/css/yit-plugin-panel.css CHANGED
@@ -35,11 +35,22 @@
35
  padding-top : 20px;
36
  }
37
 
38
- #plugin-fw-wc table.form-table, #yith-plugin-fw-panel table.form-table {
39
  background-color : #fff;
40
  margin-bottom : 20px;
41
  }
42
 
 
 
 
 
 
 
 
 
 
 
 
43
  #plugin-fw-wc table.form-table th, #yith-plugin-fw-panel table.form-table th {
44
  padding : 20px;
45
  }
@@ -49,6 +60,83 @@
49
  margin : 0;
50
  }
51
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
52
  /* === Plugins Upgrader === */
53
 
54
  .yit-plugin-changelog-wrapper {
@@ -409,7 +497,7 @@
409
 
410
  #wpwrap h2.nav-tab-wrapper, #wpbody-content h2.nav-tab-wrapper {
411
  border-bottom : 1px solid #ccc;
412
- margin-right: 15px;
413
  }
414
 
415
  /* === YIT FRAMEWORK === */
@@ -421,8 +509,8 @@
421
 
422
  /* === Panel Content and Container === */
423
  .yit-admin-panel-container {
424
- position : relative;
425
- margin-right: 15px;
426
  }
427
 
428
  .yit-admin-panel-content-wrap {
@@ -456,6 +544,67 @@
456
  margin : 0;
457
  }
458
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
459
  /* === Responsive === */
460
 
461
  @media (max-width : 767px) {
35
  padding-top : 20px;
36
  }
37
 
38
+ #plugin-fw-wc table.form-table, #yith-plugin-fw-panel table.form-table, .yith-plugin-fw-panel-custom-tab-container {
39
  background-color : #fff;
40
  margin-bottom : 20px;
41
  }
42
 
43
+ .yith-plugin-fw-panel-custom-tab-container {
44
+ padding : 20px;
45
+ box-sizing : border-box;
46
+ margin-right : 15px;
47
+ }
48
+
49
+ .yith-plugin-fw-panel-custom-tab-container > h2 {
50
+ border : none;
51
+ padding : 15px 0;
52
+ }
53
+
54
  #plugin-fw-wc table.form-table th, #yith-plugin-fw-panel table.form-table th {
55
  padding : 20px;
56
  }
60
  margin : 0;
61
  }
62
 
63
+
64
+ /**
65
+ Post type Edit
66
+ */
67
+
68
+ .yith-plugin-fw-wp-page-wrapper {
69
+ margin : 23px 20px 0 2px;
70
+ }
71
+
72
+ .yith-plugin-fw-wp-page-wrapper .notice,
73
+ .yith-plugin-fw-wp-page-wrapper div.updated,
74
+ .yith-plugin-fw-wp-page-wrapper div.error {
75
+ margin : 5px 15px 15px 0;
76
+ }
77
+
78
+ .yith-plugin-fw-wp-page-wrapper .wrap {
79
+ border : 1px solid #d8d8d8;
80
+ border-top : 0;
81
+ margin : 0 15px 0 0;
82
+ background : #fff;
83
+ padding : 20px;
84
+ box-sizing : border-box;
85
+ }
86
+
87
+ #wpwrap .yith-plugin-fw-wp-page-wrapper .yith-plugin-ui h2.nav-tab-wrapper, #wpbody-content .yith-plugin-fw-wp-page-wrapper .yith-plugin-ui h2.nav-tab-wrapper {
88
+ padding-bottom : 0;
89
+ }
90
+
91
+ .yith-plugin-fw-wp-page-wrapper .postbox {
92
+ box-shadow : none;
93
+ }
94
+
95
+ .yith-plugin-fw-wp-page-wrapper h1.nav-tab-wrapper, .yith-plugin-fw-wp-page-wrapper h2.nav-tab-wrapper, .yith-plugin-fw-wp-page-wrapper .nav-tab-wrapper {
96
+ padding-top : 9px;
97
+ padding-bottom : 0;
98
+ }
99
+
100
+ .yith-plugin-fw-wp-page-wrapper .wrap h1.wp-heading-inline {
101
+ color : #2a8db0;
102
+ font-size : 15px;
103
+ text-transform : uppercase;
104
+ font-weight : 600;
105
+ }
106
+
107
+ .yith-plugin-fw-wp-page-wrapper .wrap a.page-title-action,
108
+ .yith-plugin-fw-wp-page-wrapper .wrap a.page-title-action:active {
109
+ border-radius : 3px;
110
+ text-transform : uppercase;
111
+ box-shadow : none;
112
+ border : 0;
113
+ font-weight : 700;
114
+ font-size : 11px;
115
+ padding : 0 14px;
116
+ outline : none;
117
+ height : auto;
118
+ transition : all ease 0.3s;
119
+ text-shadow : none;
120
+ vertical-align : middle;
121
+ line-height : 26px;
122
+ display : inline-block;
123
+ text-decoration : none;
124
+ cursor : pointer;
125
+ background-color : #375f6b;
126
+ color : #fff;
127
+ margin-left: 10px !important;
128
+ }
129
+
130
+ .yith-plugin-fw-wp-page-wrapper .wrap a.page-title-action:hover {
131
+ border-color : #007694;
132
+ background : #007694;
133
+ color : #fff;
134
+ }
135
+
136
+ .yith-plugin-fw-wp-page-wrapper #wp-content-editor-tools {
137
+ background : transparent;
138
+ }
139
+
140
  /* === Plugins Upgrader === */
141
 
142
  .yit-plugin-changelog-wrapper {
497
 
498
  #wpwrap h2.nav-tab-wrapper, #wpbody-content h2.nav-tab-wrapper {
499
  border-bottom : 1px solid #ccc;
500
+ margin-right : 15px;
501
  }
502
 
503
  /* === YIT FRAMEWORK === */
509
 
510
  /* === Panel Content and Container === */
511
  .yit-admin-panel-container {
512
+ position : relative;
513
+ margin-right : 15px;
514
  }
515
 
516
  .yit-admin-panel-content-wrap {
544
  margin : 0;
545
  }
546
 
547
+ /**
548
+ * Sub Tabs
549
+ */
550
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav {
551
+ background : #fff;
552
+ padding : 10px 20px;
553
+ box-sizing : border-box;
554
+ margin-right : 15px;
555
+ border-left : 1px solid #d8d8d8;
556
+ border-right : 1px solid #d8d8d8;
557
+ }
558
+
559
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav h3.nav-tab-wrapper {
560
+ text-transform : uppercase;
561
+ line-height : inherit;
562
+ font-weight : 600;
563
+ }
564
+
565
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav .nav-tab {
566
+ line-height : 1.71428571;
567
+ margin-left : 0;
568
+ margin-right : 0;
569
+ background-color : #fff;
570
+ color : #336374;
571
+ font-size : 13px;
572
+ padding : 8px 20px 9px;
573
+ border : 0;
574
+ border-left : 1px solid #d8d8d8;
575
+ border-top : 1px solid #d8d8d8;
576
+ }
577
+
578
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav .nav-tab .yith-nav-sub-tab__title,
579
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav .nav-tab .yith-nav-sub-tab__icon {
580
+ vertical-align : middle;
581
+ }
582
+
583
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav .nav-tab .yith-nav-sub-tab__icon {
584
+ margin-left : 8px;
585
+ font-size : 22px;
586
+ margin-right : -3px;
587
+ }
588
+
589
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav .nav-tab .yith-nav-sub-tab__icon:before {
590
+ color : inherit;
591
+ }
592
+
593
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav .nav-tab:last-child {
594
+ border-right : 1px solid #d8d8d8;
595
+ }
596
+
597
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav .yith-nav-sub-tab--highlight {
598
+ color : #fff;
599
+ background : #2a8db0;
600
+ }
601
+
602
+ .yith-plugin-ui .yith-plugin-fw-sub-tabs-nav .nav-tab-active {
603
+ color : #2a8db0;
604
+ background : #fff;
605
+ border-bottom : 1px solid #fff;
606
+ }
607
+
608
  /* === Responsive === */
609
 
610
  @media (max-width : 767px) {
plugin-fw/assets/css/yith-fields.css CHANGED
@@ -1,44 +1,48 @@
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
  padding: 0 !important;
33
  }
34
 
35
  .the-metabox .yith-plugin-fw-title-field-wrapper h3.title {
36
- float: left;
37
  }
38
 
39
  .yith-plugin-fw span.color-alpha {
40
- height: 23px!important;
 
 
 
41
  }
 
42
  .yith-plugin-fw .wp-color-result-text{
43
  height: 100%;
44
  }
@@ -51,10 +55,10 @@
51
  .yith-plugin-ui input[type=password],
52
  .woocommerce .yith-plugin-fw table.form-table input[type=text]:not(.select2-search__field),
53
  .woocommerce .yith-plugin-fw table.form-table select {
54
- width: 400px;
55
- max-width: 100%;
56
- height: 30px;
57
- padding: 5px;
58
  line-height: 1;
59
  }
60
 
@@ -62,10 +66,10 @@
62
  .woocommerce .yith-plugin-fw table.form-table input[type=text].yith-plugin-fw-colorpicker,
63
  .yith-plugin-fw input[type=text].wp-color-picker,
64
  .yith-plugin-fw input[type=text].yith-plugin-fw-colorpicker {
65
- width: 6em;
66
- max-width: none;
67
- height: auto;
68
- padding: 3px 5px;
69
  }
70
 
71
  .wp-core-ui .yith-plugin-fw-colorpicker-field-wrapper button{
@@ -74,350 +78,364 @@
74
 
75
  .woocommerce .yith-plugin-fw table.form-table input[type=text].colorpick,
76
  .yith-plugin-fw input[type=text].colorpick {
77
- width: 6em;
78
- max-width: none;
79
- height: auto;
80
- padding: 6px;
81
  }
82
 
83
  .yith-plugin-fw input.select2-search__field,
84
  .yith-plugin-fw .select2-container .select2-search--inline .select2-search__field,
85
  .woocommerce .yith-plugin-fw input.select2-search__field,
86
  .woocommerce .yith-plugin-fw table.form-table input.select2-search__field {
87
- padding: 3px;
88
  }
89
 
90
  .yith-plugin-fw .select2-container .select2-selection--single .select2-selection__rendered {
91
- line-height: 27px;
92
  }
93
 
94
  .yith-plugin-fw textarea {
95
- width: 400px;
96
- max-width: 100%;
97
- padding: 5px;
98
  }
99
 
100
  /* ------------- ICONS ------------- */
101
  .yit-icons-manager-wrapper {
102
- width: 100%;
103
- max-width: 400px;
104
  }
105
 
106
  .yit-icons-manager-text {
107
- width: 100%;
108
  }
109
 
110
  .yit-icons-manager-icon-text {
111
- width: calc(100% - 35px) !important;
112
- height: 30px;
113
- float: left;
114
- margin: 0;
115
  }
116
 
117
  .yit-icons-manager-icon-preview {
118
- width: 30px;
119
- height: 30px;
120
- margin-right: 5px;
121
- float: left;
122
- padding-top: 6px;
123
- box-sizing: border-box;
124
- text-align: center;
125
- background: #f1f1f1;
126
  }
127
 
128
  .yit-icons-manager-list-wrapper {
129
- margin: 10px 0;
130
- box-shadow: 0 0 0 1px #ddd;
131
  }
132
 
133
  ul.yit-icons-manager-list {
134
- width: 100%;
135
- height: 300px;
136
- overflow-y: scroll;
137
- margin: 0;
138
  }
139
 
140
  ul.yit-icons-manager-list li {
141
- float: left;
142
- width: 30px;
143
- height: 30px;
144
- padding-top: 6px;
145
- box-sizing: border-box;
146
- text-align: center;
147
- background: #f1f1f1;
148
- margin: 1px;
149
- cursor: pointer;
150
  }
151
 
152
  ul.yit-icons-manager-list li:hover {
153
- background: #c5dcf6;
154
  }
155
 
156
  ul.yit-icons-manager-list li.active {
157
- background: #d4f0ff;
158
  }
159
 
160
  .yit-icons-manager-action-set-default {
161
- margin-bottom: 0;
162
  }
163
 
164
  .yit-icons-manager-default-icon-preview {
165
- height: 100%;
166
- display: inline-block;
167
- padding-left: 10px;
168
- border-left: 1px solid #ccc;
169
- margin-left: 10px;
170
  }
171
 
172
  /* ------- Text Array ------- */
173
  .yith-plugin-fw-text-array-table td {
174
- padding: 1px;
175
  }
176
 
177
  .yith-plugin-fw-text-array-table input[type=text],
178
  .woocommerce table.form-table table.yith-plugin-fw-text-array-table input[type=text] {
179
- width: 100%;
180
  }
181
 
182
  /* ------- Image Gallery ------- */
183
  .yith-plugin-fw .image-gallery ul li {
184
- display: inline-block;
185
- width: 80px;
186
- margin-left: 10px;
187
- position: relative;
188
  }
189
 
190
  .yith-plugin-fw .image-gallery ul li img {
191
- width: 80px;
192
- border: 1px solid #ccc;
193
  }
194
 
195
  .yith-plugin-fw .image-gallery ul li ul {
196
- position: absolute;
197
- top: -6px;
198
- right: -1px;
199
- width: 20px;
200
- height: 20px;
201
  }
202
 
203
  .yith-plugin-fw .image-gallery ul a.delete {
204
- background: url(../images/x.png) no-repeat;
205
- width: 20px;
206
- height: 20px;
207
- display: block;
208
- text-indent: -99999px;
209
  }
210
 
211
  /* ------- OnOff ------- */
212
  .yith-plugin-fw-onoff-container {
213
- display: inline-block;
 
214
  }
215
 
216
  .yith-plugin-fw-onoff-container input {
217
- display: none;
218
  }
219
 
220
  .yith-plugin-fw-onoff-container input + span {
221
- cursor: pointer;
222
- text-indent: -9999px;
223
- display: block;
224
- width: 36px;
225
- line-height: 1;
226
- height: 20px;
227
- background: #a4a4a4;
228
- border-radius: 24px;
229
- position: relative;
230
- transition: all 0.3s;
231
  }
232
 
233
 
234
  .yith-plugin-fw-onoff-container input + span:before {
235
- content: '';
236
- background: #fff;
237
- width: 16px;
238
- height: 16px;
239
- border-radius: 50%;
240
- position: absolute;
241
- top: 2px;
242
- left: 2px;
243
- transition: all 0.3s;
244
  }
245
 
246
  .yith-plugin-fw-onoff-container input:checked + span,
247
  .yith-plugin-fw-onoff-container input.onoffchecked + span {
248
- background: #0073aa;
249
  }
250
 
251
  .yith-plugin-fw-onoff-container input:checked + span:before,
252
  .yith-plugin-fw-onoff-container input.onoffchecked + span:before {
253
- left: 18px;
254
  }
255
 
256
  /* ------- Preview ------- */
257
  .yith-plugin-fw-preview-field {
258
- max-height: 200px;
259
  }
260
 
261
  /* ------- Radio ------- */
262
  .yith-plugin-fw-radio input[type=radio] {
263
- margin: 0 3px 0 0;
264
  }
265
 
266
  .yith-plugin-fw-radio__row {
267
- margin-bottom: 8px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
268
  }
269
 
270
  /* ------- Sidebar Layout ------- */
271
  .yith-plugin-fw-sidebar-layout input[type="radio"] {
272
- display: none;
273
- width: 0px;
274
  }
275
 
276
  .yith-plugin-fw-sidebar-layout input[type="radio"]:first-child {
277
- margin-right: -2px;
278
  }
279
 
280
  .yith-plugin-fw-sidebar-layout input[type="radio"] + img {
281
- border: 2px solid #fff;
282
- padding: 1px;
283
  }
284
 
285
  .yith-plugin-fw-sidebar-layout input[type="radio"] + img:hover {
286
- cursor: pointer;
287
  }
288
 
289
  .yith-plugin-fw-sidebar-layout input[checked] + img {
290
- border: 2px solid #f2ad35;
291
- padding: 1px;
292
  }
293
 
294
  .yith-plugin-fw-sidebar-layout select {
295
- vertical-align: 12px;
296
  }
297
 
298
  .yit-admin-panel-content-wrap .yith-plugin-fw-sidebar-layout label {
299
- font-weight: bold;
300
- width: 200px;
301
- float: left;
302
- line-height: 23px;
303
- margin-left: -230px;
304
  }
305
 
306
  /* ------- Slider ------- */
307
  .yith-plugin-fw .slider {
308
- padding-top: 20px;
309
- }
310
-
311
- .ui-slider .minCaption {
312
- position: absolute;
313
- right: 95%;
314
- top: -6px;
315
- margin-right: 11px;
316
- }
317
-
318
- .ui-slider .maxCaption {
319
- position: absolute;
320
- left: 95%;
321
- top: -6px;
322
- margin-left: 20px;
323
- }
324
-
325
- .ui-slider-horizontal .ui-slider-handle {
326
- background: #fff;
327
- border: 0px !important;
328
- top: -12px !important;
329
- border-radius: 50%;
330
- width: 27px !important;
331
- height: 27px !important;
332
- box-sizing: border-box;
333
- box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.5);
334
- font-size: 13px;
335
- padding: 6px 0;
336
- font-weight: 600;
337
- color: #555;
338
- text-align: center;
339
  }
340
 
341
- .ui-slider.ui-widget-content {
342
- background: #ccc;
343
- border: none !important;
344
- height: 3px !important;
345
- border-radius: 3px !important;
346
- width: 90%;
347
- margin: 15px 5% 20px 5%;
348
  }
349
 
350
- .iris-slider-offset.ui-slider.ui-widget-content {
351
- background: transparent !important;
352
- height: auto !important;
 
 
353
  }
354
 
355
- .ui-slider.ui-widget-content .ui-widget-header {
356
- background: #4b93ff;
357
- left: 0px !important;
358
- -webkit-border-radius: 3px;
359
- -moz-border-radius: 3px;
360
- -khtml-border-radius: 3px;
361
- border-radius: 3px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
362
  }
363
 
364
  /* ------- Select2 ------- */
365
  .yith-plugin-fw-select2-wrapper {
366
- width: 400px;
367
  }
368
 
369
  /* ------- Textarea ------- */
370
  .yith-plugin-fw-textarea-editor-field-wrapper {
371
- max-width: 1000px;
372
- clear: both;
373
  }
374
 
375
  .yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area,
376
  .woocommerce table.form-table .yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area {
377
- width: 100%;
378
  }
379
 
380
  /* ------- Buttons ------- */
381
  .yith-plugin-fw-buttons-field-wrapper {
382
- margin-top: 7px;
383
  }
384
 
385
  /* ------- Select Images ------- */
386
  .yith-plugin-fw-select-images__list {
387
- margin: 0;
388
- display: flex;
389
- flex-wrap: wrap;
390
  }
391
 
392
  .yith-plugin-fw-select-images__item {
393
- width: calc(20% - 10px);
394
- min-width: 150px;
395
- margin: 0 10px 10px 0;
396
- padding: 10px;
397
- box-sizing: border-box;
398
- cursor: pointer;
399
- transition: all .3s;
400
- border: 2px solid #eee;
401
- display: flex;
402
- flex-direction: column;
403
- justify-content: space-between;
404
  }
405
 
406
  .yith-plugin-fw-select-images__item:hover,
407
  .yith-plugin-fw-select-images__item.yith-plugin-fw-select-images__item--selected {
408
- border-color: #07bcce;
409
  }
410
 
411
  .yith-plugin-fw-select-images__item__label {
412
- text-align: center;
413
- font-weight: 600;
414
- margin-bottom: 10px;
415
  }
416
 
417
  .yith-plugin-fw-select-images__item img {
418
- display: block;
419
- max-width: 100%;
420
- margin: 0 auto;
421
  }
422
 
423
  /****************
@@ -436,29 +454,29 @@ WordPress 5.3 with old panel fixes
436
  YITH UI
437
  ****************/
438
  @font-face {
439
- font-family: 'yith-icon';
440
- src: url('../fonts/yith-icon.eot?7ik896');
441
- src: url('../fonts/yith-icon.eot?7ik896#iefix') format('embedded-opentype'),
442
  url('../fonts/yith-icon.ttf?7ik896') format('truetype'),
443
  url('../fonts/yith-icon.woff?7ik896') format('woff'),
444
  url('../fonts/yith-icon.svg?7ik896#yith-icon') format('svg');
445
- font-weight: normal;
446
- font-style: normal;
447
  }
448
 
449
  [class^="icon-"], [class*=" icon-"][class^="yith-icon-"], [class*=" yith-icon-"] {
450
  /* use !important to prevent issues with browser extensions that change fonts */
451
- font-family: 'yith-icon' !important;
452
- speak: none;
453
- font-style: normal;
454
- font-weight: normal;
455
- font-variant: normal;
456
- text-transform: none;
457
- line-height: 1;
458
 
459
  /* Better Font Rendering =========== */
460
- -webkit-font-smoothing: antialiased;
461
- -moz-osx-font-smoothing: grayscale;
462
  }
463
 
464
  .yith-icon-reply:before {
@@ -466,351 +484,351 @@ YITH UI
466
  color: #757575;
467
  }
468
  .yith-icon-calendar_add:before {
469
- content: "\e913";
470
- color: #757575;
471
  }
472
 
473
  .yith-icon-calendar_money:before {
474
- content: "\e914";
475
- color: #757575;
476
  }
477
 
478
  .yith-icon-calendar2:before {
479
- content: "\e915";
480
- color: #757575;
481
  }
482
 
483
  .yith-icon-people:before {
484
- content: "\e916";
485
- color: #757575;
486
  }
487
 
488
  .yith-icon-shield_money:before {
489
- content: "\e917";
490
- color: #757575;
491
  }
492
 
493
  .yith-icon-time_check:before {
494
- content: "\e918";
495
- color: #757575;
496
  }
497
 
498
  .yith-icon-world_settings:before {
499
- content: "\e919";
500
- color: #757575;
501
  }
502
 
503
  .yith-icon-arrow_eye_closed:before {
504
- content: "\e912";
505
- color: #757575;
506
  }
507
 
508
  .yith-icon-arrow_eye:before {
509
- content: "\e911";
510
- color: #757575;
511
  }
512
 
513
  .yith-icon-reset:before {
514
- content: "\e910";
515
- color: #757575;
516
  }
517
 
518
  .yith-icon-drag:before {
519
- content: "\e90f";
520
- color: #757575;
521
  }
522
 
523
  .yith-icon-trash:before {
524
- content: "\e90d";
525
- color: #757575;
526
  }
527
 
528
  .yith-icon-info:before {
529
- content: "\e90e";
530
- color: #757575;
531
  }
532
 
533
  .yith-icon-arrow_down:before {
534
- content: "\e900";
535
- color: #757575;
536
  }
537
 
538
  .yith-icon-arrow_left:before {
539
- content: "\e901";
540
- color: #757575;
541
  }
542
 
543
  .yith-icon-arrow_right:before {
544
- content: "\e902";
545
- color: #757575;
546
  }
547
 
548
  .yith-icon-arrow_up:before {
549
- content: "\e903";
550
- color: #757575;
551
  }
552
 
553
  .yith-icon-calendar:before {
554
- content: "\e904";
555
- color: #757575;
556
  }
557
 
558
  .yith-icon-check:before {
559
- content: "\e905";
560
- color: #757575;
561
  }
562
 
563
  .yith-icon-close:before {
564
- content: "\e906";
565
- color: #757575;
566
  }
567
 
568
  .yith-icon-edit:before {
569
- content: "\e907";
570
- color: #757575;
571
  }
572
 
573
  .yith-icon-magnifier:before {
574
- content: "\e908";
575
- color: #757575;
576
  }
577
 
578
  .yith-icon-pencil:before {
579
- content: "\e909";
580
- color: #757575;
581
  }
582
 
583
  .yith-icon-plus:before {
584
- content: "\e90a";
585
- color: #757575;
586
  }
587
 
588
  .yith-icon-update:before {
589
- content: "\e90b";
590
- color: #757575;
591
  }
592
 
593
  .yith-icon-upload:before {
594
- content: "\e90c";
595
- color: #757575;
596
  }
597
 
598
  .yith-plugin-fw-banner {
599
- width: 100%;
600
- height: 75px;
601
- background: url('../images/banner-premium.png');
602
  }
603
 
604
  .yith-plugin-fw-banner.yith-plugin-fw-banner-free {
605
- height: 290px;
606
- background: url('../images/banner-free.png') no-repeat;
607
  }
608
 
609
  .yith-plugin-fw-banner.yith-plugin-fw-banner-free h1 {
610
- max-width: auto;
611
- text-align: left;
612
- margin-left: 110px;
613
- padding-top: 15px;
614
- padding-bottom: 8px;
615
  }
616
 
617
  .yith-plugin-fw-banner h1 {
618
- text-transform: uppercase;
619
- color: #0c5777;
620
- font-size: 15px;
621
- padding-left: 150px;
622
- font-weight: 700;
623
- text-align: left;
624
- display: inline-block;
625
- box-sizing: border-box;
626
  }
627
 
628
  .yith-plugin-fw-banner span {
629
- font-style: italic;
630
- display: block;
631
- font-size: 15px;
632
- color: #214249;
633
- text-transform: none;
634
- text-align: right;
635
  }
636
 
637
  .yith-plugin-fw-banner a,
638
  .yith-plugin-fw-banner a:focus {
639
- text-decoration: none;
640
- outline: none;
641
- box-shadow: none;
642
  }
643
 
644
  .yith-banners ul {
645
- list-style: none;
646
- margin-left: 10px;
647
  }
648
 
649
  .yith-banners ul li {
650
- display: inline-block;
651
- margin-left: 10px;
652
  }
653
 
654
  .yith-plugin-ui a {
655
- outline: none;
656
- box-shadow: none;
657
  }
658
 
659
  .yith-plugin-ui {
660
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
661
  }
662
 
663
  .yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper {
664
- margin-top: 10px;
665
  }
666
 
667
  .yith-plugin-ui .nav-tab {
668
- margin-left: 0px;
669
- margin-right: 2px;
670
- background-color: #336374;
671
- color: #fff;
672
- font-size: 15px;
673
- padding: 7px 20px;
674
- border: 0;
675
  }
676
 
677
  .yith-plugin-ui .nav-tab:first-child {
678
- border-left: 1px solid #d9d9d9;
679
  }
680
 
681
  .yith-plugin-ui .nav-tab.yith-premium {
682
- background-color: #be421c;
683
  }
684
 
685
  .yith-plugin-ui .nav-tab-active {
686
- background-color: #fff;
687
- color: #336374;
688
- border-bottom: 1px solid #fff;
689
  }
690
 
691
  .yith-plugin-ui .nav-tab-active.yith-premium {
692
- background-color: #fff;
693
- color: #be421c;
694
  }
695
 
696
  .yith-plugin-ui #plugin-fw-wc {
697
- padding-top: 0px;
698
  }
699
 
700
  .yith-plugin-ui .form-table td {
701
- padding: 15px 20px;
702
  }
703
 
704
  .yith-plugin-ui.metaboxes-tab label {
705
- color: #33373b;
706
- font-size: 14px;
707
- margin-left: -248px;
708
  }
709
 
710
  .yith-plugin-ui.metaboxes-tab .the-metabox {
711
- margin: 40px 0 40px 290px;
712
- margin-left: 264px;
713
  }
714
 
715
  .yith-plugin-ui.metaboxes-tab label {
716
- width: 200px;
717
- font-weight: 600;
718
  }
719
 
720
  .yith-plugin-ui span.description {
721
- color: #716269;
722
- font-size: 14px;
723
- font-style: normal;
724
- font-weight: 400;
725
- margin-top: 15px;
726
- margin-left: 0;
727
  }
728
 
729
  #wpwrap .yith-plugin-ui h2.nav-tab-wrapper, #wpbody-content .yith-plugin-ui h2.nav-tab-wrapper {
730
- border: 0;
731
- border-bottom: 1px solid #ccc;
732
- margin-right: 15px;
733
- margin-bottom: 0;
734
- background-color: transparent;
735
- padding-left: 0;
736
  }
737
 
738
  .yith-plugin-ui #plugin-fw-wc table.form-table,
739
  .yith-plugin-ui #yith-plugin-fw-panel table.form-table,
740
  .yith-plugin-ui table.form-table {
741
- border: 1px solid #d8d8d8;
742
- border-top: 0;
743
- margin-bottom: 40px;
744
  }
745
 
746
  .yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper {
747
- background-color: transparent;
748
- border: 0;
749
- text-transform: none;
750
- border-bottom: 1px solid #ddd;
751
  }
752
 
753
  .yith-plugin-ui h2 {
754
- color: #2a8db0;
755
- font-size: 15px;
756
- text-transform: uppercase;
757
- border: 1px solid #d8d8d8;
758
- border-bottom: 0;
759
- background-color: #fff;
760
- padding: 35px 20px;
761
- margin: 0px;
762
  }
763
 
764
  .yith-plugin-ui .yith-plugin-fw-custom-tab h2 {
765
- border: 0px solid #d8d8d8;
766
- padding-left: 0;
767
  }
768
 
769
  .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 {
770
- padding: 30px 20px;
771
  }
772
  .yith-plugin-ui #plugin-fw-wc table.form-table tr.toggle-element-fixed td, #yith-plugin-fw-panel table.form-table tr.toggle-element-fixed td.forminp {
773
  padding: 0 20px 30px;
774
  }
775
  .yith-plugin-ui #plugin-fw-wc h2 + div {
776
- background: #fff;
777
- border-left: 1px solid #d9d9d9;
778
- border-right: 1px solid #d9d9d9;
779
- margin: -20px 0 0 0;
780
- padding-left: 20px;
781
- padding-bottom: 5px;
782
  }
783
 
784
  .yith-plugin-ui #plugin-fw-wc h2 + div p, .yith-plugin-ui p.info-box {
785
- background: #f1f1f1;
786
- font-size: 14px;
787
- font-weight: 700;
788
- width: 40%;
789
- display: block;
790
- padding: 15px;
791
- margin-bottom: 0;
792
  }
793
 
794
  .yith-plugin-ui #plugin-fw-wc h2 + div p:before, .yith-plugin-ui p.info-box:before {
795
- content: "\e90e";
796
- font-family: yith-icon;
797
- font-size: 30px;
798
- font-weight: normal;
799
- display: block;
800
- margin-top: -5px;
801
- float: left;
802
- margin-right: 15px;
803
  }
804
 
805
  .yith-plugin-ui h2:first-child {
806
- border-top: 0;
807
  }
808
 
809
  /*** Icon ***/
810
  .yith-plugin-ui span.yith-icon {
811
- margin-left: -36px;
812
- line-height: 36px;
813
- font-size: 20px;
814
  }
815
 
816
  /*** General Input Style ***/
@@ -831,65 +849,65 @@ YITH UI
831
  .woocommerce .yith-plugin-fw table.form-table input[type=password],
832
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=number],
833
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text] {
834
- border: 1px solid #d8d8d8;
835
- border-radius: 8px;
836
- padding: 8px 10px;
837
- height: 38px;
838
- min-width: 90px;
839
- box-shadow: none;
840
- color: #716269;
841
  }
842
 
843
  .yith-plugin-ui textarea,
844
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table textarea {
845
- height: auto;
846
  }
847
 
 
848
  .yith-plugin-ui table.form-table input[type=text].wp-color-picker,
849
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].wp-color-picker {
850
- border: 0;
851
- height: 30px;
852
- max-width: 121px;
853
- font-size: 11px;
854
- padding: 0;
855
-
856
  }
857
 
858
  .yith-plugin-ui .search-box input[name="s"] {
859
- height: 35px;
860
  }
861
 
862
  .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].small-text,
863
  .yith-plugin-ui input[type=text].small-text {
864
- width: 100px;
865
- height: 25px;
866
- border: 1px solid #d9d9d9;
867
  }
868
 
869
  .yith-plugin-ui textarea {
870
- height: auto;
871
- padding: 8px;
872
  }
873
 
874
  .yith-plugin-ui select:focus,
875
  .yith-plugin-ui input:focus {
876
- border-color: #a7d9ec !important;
877
  }
878
 
879
  .woocommerce .yith-plugin-ui table.form-table select,
880
  .yith-plugin-ui select {
881
- -webkit-appearance: none;
882
- line-height: 1.2em;
883
- min-height: 35px;
884
- background: url("../images/arrow_down.svg") no-repeat right center;
885
- background-size: 35px 13px;
886
- border-radius: 8px;
887
- padding-left: 10px;
888
  }
889
 
890
  .yith-plugin-ui .form-table th {
891
- width: 200px;
892
- padding-right: 50px;
893
  }
894
 
895
  /** BUTTONS **/
@@ -903,24 +921,24 @@ YITH UI
903
  .yith-plugin-ui .yith-plugin-fw-deselect-all,
904
  .yith-plugin-ui .yith-plugin-fw-upload-button,
905
  .yith-plugin-ui .yith-plugin-fw-upload-button-reset {
906
- border-radius: 3px;
907
- text-transform: uppercase;
908
- box-shadow: none;
909
- border: 0;
910
- font-weight: 700;
911
- font-size: 11px;
912
- padding: 0px 14px;
913
- outline: none;
914
- height: auto;
915
- transition: all ease 0.3s;
916
- background-color: #d6d6d6;
917
- color: #656565;
918
- text-shadow: none;
919
- vertical-align: middle;
920
- line-height: 26px;
921
- display: inline-block;
922
- text-decoration: none;
923
- cursor: pointer;
924
  }
925
 
926
  .wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
@@ -928,7 +946,7 @@ YITH UI
928
  .yith-plugin-ui .yith-plugin-fw-upload-button-reset,
929
  .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
930
  .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button {
931
- height: 38px;
932
  }
933
 
934
  .wp-core-ui .yith-plugin-ui .button:focus,
@@ -938,28 +956,28 @@ YITH UI
938
  .yith-plugin-ui .yith-edit-button:focus,
939
  .yith-plugin-ui .yith-update-button:focus,
940
  .wp-core-ui .yith-plugin-ui .button-secondary:focus {
941
- outline: none;
942
- box-shadow: none;
943
  }
944
 
945
  .wp-core-ui .yith-plugin-ui .button-xl {
946
- padding: 0px 20px;
947
- font-size: 14px;
948
- line-height: 38px;
949
- display: inline-block;
950
- font-weight: 600;
951
  }
952
 
953
  /** button with inside a span with icon class */
954
  .yith-plugin-ui .button-secondary span.yith-icon {
955
- margin-left: 0px;
956
- margin-right: 10px;
957
- line-height: normal;
958
  }
959
 
960
  .yith-plugin-ui .button-secondary span.yith-icon:before {
961
- color: #656565;
962
- font-size: 15px;
963
  }
964
 
965
 
@@ -968,24 +986,24 @@ YITH UI
968
  .yith-plugin-ui .yith-save-button:hover,
969
  .wp-core-ui .yith-plugin-ui .button-secondary:hover,
970
  .yith-plugin-ui .yith-plugin-fw-upload-button-reset:hover {
971
- background-color: #cacaca;
972
- color: #515151;
973
  }