YITH WooCommerce Compare - Version 2.3.17

Version Description

Released on 29 November 2019

  • Update: Plugin framework
Download this release

Release Info

Developer yithemes
Plugin Icon 128x128 YITH WooCommerce Compare
Version 2.3.17
Comparing to
See all releases

Code changes from version 2.3.16 to 2.3.17

Files changed (43) hide show
  1. README.txt +7 -3
  2. includes/class.yith-woocompare-admin.php +2 -1
  3. init.php +3 -3
  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 +1088 -1099
  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 +1 -1
  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 +8 -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/title.php +1 -1
  34. plugin-fw/templates/fields/toggle-element.php +194 -177
  35. plugin-fw/templates/fields/upload.php +13 -11
  36. plugin-fw/templates/metaboxes/field-row.php +7 -3
  37. plugin-fw/templates/metaboxes/tab.php +16 -12
  38. plugin-fw/templates/panel/sub-tabs-nav.php +46 -0
  39. plugin-fw/templates/panel/woocommerce/woocommerce-form.php +6 -3
  40. plugin-fw/templates/panel/woocommerce/woocommerce-option-row.php +3 -1
  41. plugin-fw/templates/panel/woocommerce/woocommerce-panel.php +7 -14
  42. plugin-fw/templates/sysinfo/system-information-panel.php +32 -0
  43. plugin-fw/yit-functions.php +192 -240
README.txt CHANGED
@@ -4,12 +4,12 @@ Contributors: yithemes
4
Tags: yith, woocommerce compare, compare products, product compare, product comparison
5
Requires at least: 4.0
6
Tested up to: 5.3
7
- Stable tag: 2.3.16
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
11
YITH WooCommerce Compare allows you to compare more products of your shop in one complete table.
12
- WooCommerce Compatible up to 3.6
13
14
== Description ==
15
@@ -66,6 +66,10 @@ yith-woocommerce-compare-<WORDPRESS LOCALE >.mo
66
67
== Changelog ==
68
69
= 2.3.16 = Released on 05 November 2019
70
71
* Update: Plugin framework
@@ -365,6 +369,6 @@ Full documentation is available [here](http://yithemes.com/docs-plugins/yith-woo
365
366
== Upgrade notice ==
367
368
- = 2.3.16 = Released on 05 November 2019
369
370
* Update: Plugin framework
4
Tags: yith, woocommerce compare, compare products, product compare, product comparison
5
Requires at least: 4.0
6
Tested up to: 5.3
7
+ Stable tag: 2.3.17
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
11
YITH WooCommerce Compare allows you to compare more products of your shop in one complete table.
12
+ WooCommerce Compatible up to 3.8
13
14
== Description ==
15
66
67
== Changelog ==
68
69
+ = 2.3.17 = Released on 29 November 2019
70
+
71
+ * Update: Plugin framework
72
+
73
= 2.3.16 = Released on 05 November 2019
74
75
* Update: Plugin framework
369
370
== Upgrade notice ==
371
372
+ = 2.3.17 = Released on 29 November 2019
373
374
* Update: Plugin framework
includes/class.yith-woocompare-admin.php CHANGED
@@ -158,7 +158,8 @@ if ( ! class_exists( 'YITH_Woocompare_Admin' ) ) {
158
'page' => $this->_panel_page,
159
'admin-tabs' => apply_filters( 'yith_woocompare_admin_tabs', $admin_tabs ),
160
'options-path' => YITH_WOOCOMPARE_DIR . '/plugin-options',
161
- 'class' => yith_set_wrapper_class()
162
);
163
164
158
'page' => $this->_panel_page,
159
'admin-tabs' => apply_filters( 'yith_woocompare_admin_tabs', $admin_tabs ),
160
'options-path' => YITH_WOOCOMPARE_DIR . '/plugin-options',
161
+ 'class' => yith_set_wrapper_class(),
162
+ 'plugin_slug' => YITH_WOOCOMPARE_SLUG
163
);
164
165
init.php CHANGED
@@ -3,7 +3,7 @@
3
* Plugin Name: YITH WooCommerce Compare
4
* Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-compare/
5
* Description: The <code><strong>YITH WooCommerce Compare</strong></code> plugin allow you to compare in a simple and efficient way products on sale in your shop and analyze their main features in a single table. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>.
6
- * Version: 2.3.16
7
* Author: YITH
8
* Author URI: https://yithemes.com/
9
* Text Domain: yith-woocommerce-compare
@@ -13,7 +13,7 @@
13
*
14
* @author YITH
15
* @package YITH WooCommerce Compare
16
- * @version 2.3.16
17
*/
18
/* Copyright 2015 Your Inspiration Themes (email : plugins@yithemes.com)
19
@@ -58,7 +58,7 @@ if ( ! function_exists( 'yith_plugin_registration_hook' ) ) {
58
register_activation_hook( __FILE__, 'yith_plugin_registration_hook' );
59
60
if ( ! defined( 'YITH_WOOCOMPARE_VERSION' ) ){
61
- define( 'YITH_WOOCOMPARE_VERSION', '2.3.16' );
62
}
63
if ( ! defined( 'YITH_WOOCOMPARE_FREE_INIT' ) ) {
64
define( 'YITH_WOOCOMPARE_FREE_INIT', plugin_basename( __FILE__ ) );
3
* Plugin Name: YITH WooCommerce Compare
4
* Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-compare/
5
* Description: The <code><strong>YITH WooCommerce Compare</strong></code> plugin allow you to compare in a simple and efficient way products on sale in your shop and analyze their main features in a single table. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>.
6
+ * Version: 2.3.17
7
* Author: YITH
8
* Author URI: https://yithemes.com/
9
* Text Domain: yith-woocommerce-compare
13
*
14
* @author YITH
15
* @package YITH WooCommerce Compare
16
+ * @version 2.3.17
17
*/
18
/* Copyright 2015 Your Inspiration Themes (email : plugins@yithemes.com)
19
58
register_activation_hook( __FILE__, 'yith_plugin_registration_hook' );
59
60
if ( ! defined( 'YITH_WOOCOMPARE_VERSION' ) ){
61
+ define( 'YITH_WOOCOMPARE_VERSION', '2.3.17' );
62
}
63
if ( ! defined( 'YITH_WOOCOMPARE_FREE_INIT' ) ) {
64
define( 'YITH_WOOCOMPARE_FREE_INIT', plugin_basename( __FILE__ ) );
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,43 +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
}
33
34
.the-metabox .yith-plugin-fw-title-field-wrapper h3.title {
35
- float: left;
36
}
37
38
.yith-plugin-fw span.color-alpha {
39
- height: 23px!important;
40
}
41
.yith-plugin-fw .wp-color-result-text{
42
height: 100%;
43
}
@@ -50,10 +55,10 @@
50
.yith-plugin-ui input[type=password],
51
.woocommerce .yith-plugin-fw table.form-table input[type=text]:not(.select2-search__field),
52
.woocommerce .yith-plugin-fw table.form-table select {
53
- width: 400px;
54
- max-width: 100%;
55
- height: 30px;
56
- padding: 5px;
57
line-height: 1;
58
}
59
@@ -61,10 +66,10 @@
61
.woocommerce .yith-plugin-fw table.form-table input[type=text].yith-plugin-fw-colorpicker,
62
.yith-plugin-fw input[type=text].wp-color-picker,
63
.yith-plugin-fw input[type=text].yith-plugin-fw-colorpicker {
64
- width: 6em;
65
- max-width: none;
66
- height: auto;
67
- padding: 3px 5px;
68
}
69
70
.wp-core-ui .yith-plugin-fw-colorpicker-field-wrapper button{
@@ -73,350 +78,364 @@
73
74
.woocommerce .yith-plugin-fw table.form-table input[type=text].colorpick,
75
.yith-plugin-fw input[type=text].colorpick {
76
- width: 6em;
77
- max-width: none;
78
- height: auto;
79
- padding: 6px;
80
}
81
82
.yith-plugin-fw input.select2-search__field,
83
.yith-plugin-fw .select2-container .select2-search--inline .select2-search__field,
84
.woocommerce .yith-plugin-fw input.select2-search__field,
85
.woocommerce .yith-plugin-fw table.form-table input.select2-search__field {
86
- padding: 3px;
87
}
88
89
.yith-plugin-fw .select2-container .select2-selection--single .select2-selection__rendered {
90
- line-height: 27px;
91
}
92
93
.yith-plugin-fw textarea {
94
- width: 400px;
95
- max-width: 100%;
96
- padding: 5px;
97
}
98
99
/* ------------- ICONS ------------- */
100
.yit-icons-manager-wrapper {
101
- width: 100%;
102
- max-width: 400px;
103
}
104
105
.yit-icons-manager-text {
106
- width: 100%;
107
}
108
109
.yit-icons-manager-icon-text {
110
- width: calc(100% - 35px) !important;
111
- height: 30px;
112
- float: left;
113
- margin: 0;
114
}
115
116
.yit-icons-manager-icon-preview {
117
- width: 30px;
118
- height: 30px;
119
- margin-right: 5px;
120
- float: left;
121
- padding-top: 6px;
122
- box-sizing: border-box;
123
- text-align: center;
124
- background: #f1f1f1;
125
}
126
127
.yit-icons-manager-list-wrapper {
128
- margin: 10px 0;
129
- box-shadow: 0 0 0 1px #ddd;
130
}
131
132
ul.yit-icons-manager-list {
133
- width: 100%;
134
- height: 300px;
135
- overflow-y: scroll;
136
- margin: 0;
137
}
138
139
ul.yit-icons-manager-list li {
140
- float: left;
141
- width: 30px;
142
- height: 30px;
143
- padding-top: 6px;
144
- box-sizing: border-box;
145
- text-align: center;
146
- background: #f1f1f1;
147
- margin: 1px;
148
- cursor: pointer;
149
}
150
151
ul.yit-icons-manager-list li:hover {
152
- background: #c5dcf6;
153
}
154
155
ul.yit-icons-manager-list li.active {
156
- background: #d4f0ff;
157
}
158
159
.yit-icons-manager-action-set-default {
160
- margin-bottom: 0;
161
}
162
163
.yit-icons-manager-default-icon-preview {
164
- height: 100%;
165
- display: inline-block;
166
- padding-left: 10px;
167
- border-left: 1px solid #ccc;
168
- margin-left: 10px;
169
}
170
171
/* ------- Text Array ------- */
172
.yith-plugin-fw-text-array-table td {
173
- padding: 1px;
174
}
175
176
.yith-plugin-fw-text-array-table input[type=text],
177
.woocommerce table.form-table table.yith-plugin-fw-text-array-table input[type=text] {
178
- width: 100%;
179
}
180
181
/* ------- Image Gallery ------- */
182
.yith-plugin-fw .image-gallery ul li {
183
- display: inline-block;
184
- width: 80px;
185
- margin-left: 10px;
186
- position: relative;
187
}
188
189
.yith-plugin-fw .image-gallery ul li img {
190
- width: 80px;
191
- border: 1px solid #ccc;
192
}
193
194
.yith-plugin-fw .image-gallery ul li ul {
195
- position: absolute;
196
- top: -6px;
197
- right: -1px;
198
- width: 20px;
199
- height: 20px;
200
}
201
202
.yith-plugin-fw .image-gallery ul a.delete {
203
- background: url(../images/x.png) no-repeat;
204
- width: 20px;
205
- height: 20px;
206
- display: block;
207
- text-indent: -99999px;
208
}
209
210
/* ------- OnOff ------- */
211
.yith-plugin-fw-onoff-container {
212
- display: inline-block;
213
}
214
215
.yith-plugin-fw-onoff-container input {
216
- display: none;
217
}
218
219
.yith-plugin-fw-onoff-container input + span {
220
- cursor: pointer;
221
- text-indent: -9999px;
222
- display: block;
223
- width: 36px;
224
- line-height: 1;
225
- height: 20px;
226
- background: #a4a4a4;
227
- border-radius: 24px;
228
- position: relative;
229
- transition: all 0.3s;
230
}
231
232
233
.yith-plugin-fw-onoff-container input + span:before {
234
- content: '';
235
- background: #fff;
236
- width: 16px;
237
- height: 16px;
238
- border-radius: 50%;
239
- position: absolute;
240
- top: 2px;
241
- left: 2px;
242
- transition: all 0.3s;
243
}
244
245
.yith-plugin-fw-onoff-container input:checked + span,
246
.yith-plugin-fw-onoff-container input.onoffchecked + span {
247
- background: #0073aa;
248
}
249
250
.yith-plugin-fw-onoff-container input:checked + span:before,
251
.yith-plugin-fw-onoff-container input.onoffchecked + span:before {
252
- left: 18px;
253
}
254
255
/* ------- Preview ------- */
256
.yith-plugin-fw-preview-field {
257
- max-height: 200px;
258
}
259
260
/* ------- Radio ------- */
261
.yith-plugin-fw-radio input[type=radio] {
262
- margin: 0 3px 0 0;
263
}
264
265
.yith-plugin-fw-radio__row {
266
- margin-bottom: 8px;
267
}
268
269
/* ------- Sidebar Layout ------- */
270
.yith-plugin-fw-sidebar-layout input[type="radio"] {
271
- display: none;
272
- width: 0px;
273
}
274
275
.yith-plugin-fw-sidebar-layout input[type="radio"]:first-child {
276
- margin-right: -2px;
277
}
278
279
.yith-plugin-fw-sidebar-layout input[type="radio"] + img {
280
- border: 2px solid #fff;
281
- padding: 1px;
282
}
283
284
.yith-plugin-fw-sidebar-layout input[type="radio"] + img:hover {
285
- cursor: pointer;
286
}
287
288
.yith-plugin-fw-sidebar-layout input[checked] + img {
289
- border: 2px solid #f2ad35;
290
- padding: 1px;
291
}
292
293
.yith-plugin-fw-sidebar-layout select {
294
- vertical-align: 12px;
295
}
296
297
.yit-admin-panel-content-wrap .yith-plugin-fw-sidebar-layout label {
298
- font-weight: bold;
299
- width: 200px;
300
- float: left;
301
- line-height: 23px;
302
- margin-left: -230px;
303
}
304
305
/* ------- Slider ------- */
306
.yith-plugin-fw .slider {
307
- padding-top: 20px;
308
- }
309
-
310
- .ui-slider .minCaption {
311
- position: absolute;
312
- right: 95%;
313
- top: -6px;
314
- margin-right: 11px;
315
- }
316
-
317
- .ui-slider .maxCaption {
318
- position: absolute;
319
- left: 95%;
320
- top: -6px;
321
- margin-left: 20px;
322
- }
323
-
324
- .ui-slider-horizontal .ui-slider-handle {
325
- background: #fff;
326
- border: 0px !important;
327
- top: -12px !important;
328
- border-radius: 50%;
329
- width: 27px !important;
330
- height: 27px !important;
331
- box-sizing: border-box;
332
- box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.5);
333
- font-size: 13px;
334
- padding: 6px 0;
335
- font-weight: 600;
336
- color: #555;
337
- text-align: center;
338
}
339
340
- .ui-slider.ui-widget-content {
341
- background: #ccc;
342
- border: none !important;
343
- height: 3px !important;
344
- border-radius: 3px !important;
345
- width: 90%;
346
- margin: 15px 5% 20px 5%;
347
}
348
349
- .iris-slider-offset.ui-slider.ui-widget-content {
350
- background: transparent !important;
351
- height: auto !important;
352
}
353
354
- .ui-slider.ui-widget-content .ui-widget-header {
355
- background: #4b93ff;
356
- left: 0px !important;
357
- -webkit-border-radius: 3px;
358
- -moz-border-radius: 3px;
359
- -khtml-border-radius: 3px;
360
- border-radius: 3px;
361
}
362
363
/* ------- Select2 ------- */
364
.yith-plugin-fw-select2-wrapper {
365
- width: 400px;
366
}
367
368
/* ------- Textarea ------- */
369
.yith-plugin-fw-textarea-editor-field-wrapper {
370
- max-width: 1000px;
371
- clear: both;
372
}
373
374
.yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area,
375
.woocommerce table.form-table .yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area {
376
- width: 100%;
377
}
378
379
/* ------- Buttons ------- */
380
.yith-plugin-fw-buttons-field-wrapper {
381
- margin-top: 7px;
382
}
383
384
/* ------- Select Images ------- */
385
.yith-plugin-fw-select-images__list {
386
- margin: 0;
387
- display: flex;
388
- flex-wrap: wrap;
389
}
390
391
.yith-plugin-fw-select-images__item {
392
- width: calc(20% - 10px);
393
- min-width: 150px;
394
- margin: 0 10px 10px 0;
395
- padding: 10px;
396
- box-sizing: border-box;
397
- cursor: pointer;
398
- transition: all .3s;
399
- border: 2px solid #eee;
400
- display: flex;
401
- flex-direction: column;
402
- justify-content: space-between;
403
}
404
405
.yith-plugin-fw-select-images__item:hover,
406
.yith-plugin-fw-select-images__item.yith-plugin-fw-select-images__item--selected {
407
- border-color: #07bcce;
408
}
409
410
.yith-plugin-fw-select-images__item__label {
411
- text-align: center;
412
- font-weight: 600;
413
- margin-bottom: 10px;
414
}
415
416
.yith-plugin-fw-select-images__item img {
417
- display: block;
418
- max-width: 100%;
419
- margin: 0 auto;
420
}
421
422
/****************
@@ -435,29 +454,29 @@ WordPress 5.3 with old panel fixes
435
YITH UI
436
****************/
437
@font-face {
438
- font-family: 'yith-icon';
439
- src: url('../fonts/yith-icon.eot?7ik896');
440
- src: url('../fonts/yith-icon.eot?7ik896#iefix') format('embedded-opentype'),
441
url('../fonts/yith-icon.ttf?7ik896') format('truetype'),
442
url('../fonts/yith-icon.woff?7ik896') format('woff'),
443
url('../fonts/yith-icon.svg?7ik896#yith-icon') format('svg');
444
- font-weight: normal;
445
- font-style: normal;
446
}
447
448
[class^="icon-"], [class*=" icon-"][class^="yith-icon-"], [class*=" yith-icon-"] {
449
/* use !important to prevent issues with browser extensions that change fonts */
450
- font-family: 'yith-icon' !important;
451
- speak: none;
452
- font-style: normal;
453
- font-weight: normal;
454
- font-variant: normal;
455
- text-transform: none;
456
- line-height: 1;
457
458
/* Better Font Rendering =========== */
459
- -webkit-font-smoothing: antialiased;
460
- -moz-osx-font-smoothing: grayscale;
461
}
462
463
.yith-icon-reply:before {
@@ -465,351 +484,351 @@ YITH UI
465
color: #757575;
466
}
467
.yith-icon-calendar_add:before {
468
- content: "\e913";
469
- color: #757575;
470
}
471
472
.yith-icon-calendar_money:before {
473
- content: "\e914";
474
- color: #757575;
475
}
476
477
.yith-icon-calendar2:before {
478
- content: "\e915";
479
- color: #757575;
480
}
481
482
.yith-icon-people:before {
483
- content: "\e916";
484
- color: #757575;
485
}
486
487
.yith-icon-shield_money:before {
488
- content: "\e917";
489
- color: #757575;
490
}
491
492
.yith-icon-time_check:before {
493
- content: "\e918";
494
- color: #757575;
495
}
496
497
.yith-icon-world_settings:before {
498
- content: "\e919";
499
- color: #757575;
500
}
501
502
.yith-icon-arrow_eye_closed:before {
503
- content: "\e912";
504
- color: #757575;
505
}
506
507
.yith-icon-arrow_eye:before {
508
- content: "\e911";
509
- color: #757575;
510
}
511
512
.yith-icon-reset:before {
513
- content: "\e910";
514
- color: #757575;
515
}
516
517
.yith-icon-drag:before {
518
- content: "\e90f";
519
- color: #757575;
520
}
521
522
.yith-icon-trash:before {
523
- content: "\e90d";
524
- color: #757575;
525
}
526
527
.yith-icon-info:before {
528
- content: "\e90e";
529
- color: #757575;
530
}
531
532
.yith-icon-arrow_down:before {
533
- content: "\e900";
534
- color: #757575;
535
}
536
537
.yith-icon-arrow_left:before {
538
- content: "\e901";
539
- color: #757575;
540
}
541
542
.yith-icon-arrow_right:before {
543
- content: "\e902";
544
- color: #757575;
545
}
546
547
.yith-icon-arrow_up:before {
548
- content: "\e903";
549
- color: #757575;
550
}
551
552
.yith-icon-calendar:before {
553
- content: "\e904";
554
- color: #757575;
555
}
556
557
.yith-icon-check:before {
558
- content: "\e905";
559
- color: #757575;
560
}
561
562
.yith-icon-close:before {
563
- content: "\e906";
564
- color: #757575;
565
}
566
567
.yith-icon-edit:before {
568
- content: "\e907";
569
- color: #757575;
570
}
571
572
.yith-icon-magnifier:before {
573
- content: "\e908";
574
- color: #757575;
575
}
576
577
.yith-icon-pencil:before {
578
- content: "\e909";
579
- color: #757575;
580
}
581
582
.yith-icon-plus:before {
583
- content: "\e90a";
584
- color: #757575;
585
}
586
587
.yith-icon-update:before {
588
- content: "\e90b";
589
- color: #757575;
590
}
591
592
.yith-icon-upload:before {
593
- content: "\e90c";
594
- color: #757575;
595
}
596
597
.yith-plugin-fw-banner {
598
- width: 100%;
599
- height: 75px;
600
- background: url('../images/banner-premium.png');
601
}
602
603
.yith-plugin-fw-banner.yith-plugin-fw-banner-free {
604
- height: 290px;
605
- background: url('../images/banner-free.png') no-repeat;
606
}
607
608
.yith-plugin-fw-banner.yith-plugin-fw-banner-free h1 {
609
- max-width: auto;
610
- text-align: left;
611
- margin-left: 110px;
612
- padding-top: 15px;
613
- padding-bottom: 8px;
614
}
615
616
.yith-plugin-fw-banner h1 {
617
- text-transform: uppercase;
618
- color: #0c5777;
619
- font-size: 15px;
620
- padding-left: 150px;
621
- font-weight: 700;
622
- text-align: left;
623
- display: inline-block;
624
- box-sizing: border-box;
625
}
626
627
.yith-plugin-fw-banner span {
628
- font-style: italic;
629
- display: block;
630
- font-size: 15px;
631
- color: #214249;
632
- text-transform: none;
633
- text-align: right;
634
}
635
636
.yith-plugin-fw-banner a,
637
.yith-plugin-fw-banner a:focus {
638
- text-decoration: none;
639
- outline: none;
640
- box-shadow: none;
641
}
642
643
.yith-banners ul {
644
- list-style: none;
645
- margin-left: 10px;
646
}
647
648
.yith-banners ul li {
649
- display: inline-block;
650
- margin-left: 10px;
651
}
652
653
.yith-plugin-ui a {
654
- outline: none;
655
- box-shadow: none;
656
}
657
658
.yith-plugin-ui {
659
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
660
}
661
662
.yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper {
663
- margin-top: 10px;
664
}
665
666
.yith-plugin-ui .nav-tab {
667
- margin-left: 0px;
668
- margin-right: 2px;
669
- background-color: #336374;
670
- color: #fff;
671
- font-size: 15px;
672
- padding: 7px 20px;
673
- border: 0;
674
}
675
676
.yith-plugin-ui .nav-tab:first-child {
677
- border-left: 1px solid #d9d9d9;
678
}
679
680
.yith-plugin-ui .nav-tab.yith-premium {
681
- background-color: #be421c;
682
}
683
684
.yith-plugin-ui .nav-tab-active {
685
- background-color: #fff;
686
- color: #336374;
687
- border-bottom: 1px solid #fff;
688
}
689
690
.yith-plugin-ui .nav-tab-active.yith-premium {
691
- background-color: #fff;
692
- color: #be421c;
693
}
694
695
.yith-plugin-ui #plugin-fw-wc {
696
- padding-top: 0px;
697
}
698
699
.yith-plugin-ui .form-table td {
700
- padding: 15px 20px;
701
}
702
703
.yith-plugin-ui.metaboxes-tab label {
704
- color: #33373b;
705
- font-size: 14px;
706
- margin-left: -248px;
707
}
708
709
.yith-plugin-ui.metaboxes-tab .the-metabox {
710
- margin: 40px 0 40px 290px;
711
- margin-left: 264px;
712
}
713
714
.yith-plugin-ui.metaboxes-tab label {
715
- width: 200px;
716
- font-weight: 600;
717
}
718
719
.yith-plugin-ui span.description {
720
- color: #716269;
721
- font-size: 14px;
722
- font-style: normal;
723
- font-weight: 400;
724
- margin-top: 15px;
725
- margin-left: 0;
726
}
727
728
#wpwrap .yith-plugin-ui h2.nav-tab-wrapper, #wpbody-content .yith-plugin-ui h2.nav-tab-wrapper {
729
- border: 0;
730
- border-bottom: 1px solid #ccc;
731
- margin-right: 15px;
732
- margin-bottom: 0;
733
- background-color: transparent;
734
- padding-left: 0;
735
}
736
737
.yith-plugin-ui #plugin-fw-wc table.form-table,
738
.yith-plugin-ui #yith-plugin-fw-panel table.form-table,
739
.yith-plugin-ui table.form-table {
740
- border: 1px solid #d8d8d8;
741
- border-top: 0;
742
- margin-bottom: 40px;
743
}
744
745
.yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper {
746
- background-color: transparent;
747
- border: 0;
748
- text-transform: none;
749
- border-bottom: 1px solid #ddd;
750
}
751
752
.yith-plugin-ui h2 {
753
- color: #2a8db0;
754
- font-size: 15px;
755
- text-transform: uppercase;
756
- border: 1px solid #d8d8d8;
757
- border-bottom: 0;
758
- background-color: #fff;
759
- padding: 35px 20px;
760
- margin: 0px;
761
}
762
763
.yith-plugin-ui .yith-plugin-fw-custom-tab h2 {
764
- border: 0px solid #d8d8d8;
765
- padding-left: 0;
766
}
767
768
.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 {
769
- padding: 30px 20px;
770
}
771
.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 {
772
padding: 0 20px 30px;
773
}
774
.yith-plugin-ui #plugin-fw-wc h2 + div {
775
- background: #fff;
776
- border-left: 1px solid #d9d9d9;
777
- border-right: 1px solid #d9d9d9;
778
- margin: -20px 0 0 0;
779
- padding-left: 20px;
780
- padding-bottom: 5px;
781
}
782
783
.yith-plugin-ui #plugin-fw-wc h2 + div p, .yith-plugin-ui p.info-box {
784
- background: #f1f1f1;
785
- font-size: 14px;
786
- font-weight: 700;
787
- width: 40%;
788
- display: block;
789
- padding: 15px;
790
- margin-bottom: 0;
791
}
792
793
.yith-plugin-ui #plugin-fw-wc h2 + div p:before, .yith-plugin-ui p.info-box:before {
794
- content: "\e90e";
795
- font-family: yith-icon;
796
- font-size: 30px;
797
- font-weight: normal;
798
- display: block;
799
- margin-top: -5px;
800
- float: left;
801
- margin-right: 15px;
802
}
803
804
.yith-plugin-ui h2:first-child {
805
- border-top: 0;
806
}
807
808
/*** Icon ***/
809
.yith-plugin-ui span.yith-icon {
810
- margin-left: -36px;
811
- line-height: 36px;
812
- font-size: 20px;
813
}
814
815
/*** General Input Style ***/
@@ -830,65 +849,65 @@ YITH UI
830
.woocommerce .yith-plugin-fw table.form-table input[type=password],
831
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=number],
832
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text] {
833
- border: 1px solid #d8d8d8;
834
- border-radius: 8px;
835
- padding: 8px 10px;
836
- height: 38px;
837
- min-width: 90px;
838
- box-shadow: none;
839
- color: #716269;
840
}
841
842
.yith-plugin-ui textarea,
843
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table textarea {
844
- height: auto;
845
}
846
847
.yith-plugin-ui table.form-table input[type=text].wp-color-picker,
848
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].wp-color-picker {
849
- border: 0;
850
- height: 30px;
851
- max-width: 121px;
852
- font-size: 11px;
853
- padding: 0;
854
-
855
}
856
857
.yith-plugin-ui .search-box input[name="s"] {
858
- height: 35px;
859
}
860
861
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].small-text,
862
.yith-plugin-ui input[type=text].small-text {
863
- width: 100px;
864
- height: 25px;
865
- border: 1px solid #d9d9d9;
866
}
867
868
.yith-plugin-ui textarea {
869
- height: auto;
870
- padding: 8px;
871
}
872
873
.yith-plugin-ui select:focus,
874
.yith-plugin-ui input:focus {
875
- border-color: #a7d9ec !important;
876
}
877
878
.woocommerce .yith-plugin-ui table.form-table select,
879
.yith-plugin-ui select {
880
- -webkit-appearance: none;
881
- line-height: 1.2em;
882
- min-height: 35px;
883
- background: url("../images/arrow_down.svg") no-repeat right center;
884
- background-size: 35px 13px;
885
- border-radius: 8px;
886
- padding-left: 10px;
887
}
888
889
.yith-plugin-ui .form-table th {
890
- width: 200px;
891
- padding-right: 50px;
892
}
893
894
/** BUTTONS **/
@@ -902,24 +921,24 @@ YITH UI
902
.yith-plugin-ui .yith-plugin-fw-deselect-all,
903
.yith-plugin-ui .yith-plugin-fw-upload-button,
904
.yith-plugin-ui .yith-plugin-fw-upload-button-reset {
905
- border-radius: 3px;
906
- text-transform: uppercase;
907
- box-shadow: none;
908
- border: 0;
909
- font-weight: 700;
910
- font-size: 11px;
911
- padding: 0px 14px;
912
- outline: none;
913
- height: auto;
914
- transition: all ease 0.3s;
915
- background-color: #d6d6d6;
916
- color: #656565;
917
- text-shadow: none;
918
- vertical-align: middle;
919
- line-height: 26px;
920
- display: inline-block;
921
- text-decoration: none;
922
- cursor: pointer;
923
}
924
925
.wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
@@ -927,7 +946,7 @@ YITH UI
927
.yith-plugin-ui .yith-plugin-fw-upload-button-reset,
928
.yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
929
.yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button {
930
- height: 38px;
931
}
932
933
.wp-core-ui .yith-plugin-ui .button:focus,
@@ -937,28 +956,28 @@ YITH UI
937
.yith-plugin-ui .yith-edit-button:focus,
938
.yith-plugin-ui .yith-update-button:focus,
939
.wp-core-ui .yith-plugin-ui .button-secondary:focus {
940
- outline: none;
941
- box-shadow: none;
942
}
943
944
.wp-core-ui .yith-plugin-ui .button-xl {
945
- padding: 0px 20px;
946
- font-size: 14px;
947
- line-height: 38px;
948
- display: inline-block;
949
- font-weight: 600;
950
}
951
952
/** button with inside a span with icon class */
953
.yith-plugin-ui .button-secondary span.yith-icon {
954
- margin-left: 0px;
955
- margin-right: 10px;
956
- line-height: normal;
957
}
958
959
.yith-plugin-ui .button-secondary span.yith-icon:before {
960
- color: #656565;
961
- font-size: 15px;
962
}
963
964
@@ -967,24 +986,24 @@ YITH UI
967
.yith-plugin-ui .yith-save-button:hover,
968
.wp-core-ui .yith-plugin-ui .button-secondary:hover,
969
.yith-plugin-ui .yith-plugin-fw-upload-button-reset:hover {
970
- background-color: #cacaca;
971
- color: #515151;
972
}
973
974
.wp-core-ui .yith-plugin-ui .button-primary,
975
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all,
976
.yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button {
977
- background-color: #007694;
978
- color: #fff;
979
}
980
981
982
.yith-plugin-ui .yith-add-button,
983
.wp-core-ui .yith-plugin-ui .button-primary:focus,
984
.wp-core-ui .yith-plugin-ui .button-primary:hover {
985
- background-color: #375f6b;
986
- color: #fff;
987
- cursor: pointer;
988
}
989
990
@@ -993,11 +1012,11 @@ YITH UI
993
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:hover,
994
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:focus,
995
.yith-plugin-ui .yith-plugin-fw-upload-button:hover {
996
- border-color: #007694;
997
- background: #007694;
998
- color: #fff;
999
- line-height: 26px;
1000
- margin-left: 0;
1001
}
1002
1003
.yith-plugin-ui .button-primary:before,
@@ -1006,608 +1025,572 @@ YITH UI
1006
.yith-plugin-ui .yith-edit-button:before,
1007
.yith-plugin-ui .yith-update-button:before,
1008
.yith-plugin-ui .button-secondary:before {
1009
- font-family: 'yith-icon';
1010
- font-size: 10px;
1011
- font-weight: 700;
1012
- margin-right: 10px;
1013
- vertical-align: bottom;
1014
- display: inline-block;
1015
}
1016
1017
/** yith-edit-button **/
1018
.yith-plugin-ui .yith-edit-button {
1019
- background-color: #7f9298;
1020
- color: #fff;
1021
}
1022
1023
.yith-plugin-ui .yith-edit-button:focus,
1024
.yith-plugin-ui .yith-edit-button:hover {
1025
- background-color: #718085;
1026
- color: #fff;
1027
}
1028
1029
.yith-plugin-ui .yith-edit-button:before {
1030
- content: "\e907";
1031
}
1032
1033
/** yith-update-button **/
1034
.yith-plugin-ui .yith-update-button {
1035
- background-color: #94aa09;
1036
- color: #fff;
1037
}
1038
1039
.yith-plugin-ui .yith-update-button:focus,
1040
.yith-plugin-ui .yith-update-button:hover {
1041
- background-color: #7a9009;
1042
- color: #fff;
1043
}
1044
1045
.yith-plugin-ui .yith-update-button:before {
1046
- content: "\e90b";
1047
- font-size: 15px;
1048
}
1049
1050
/** yith-save-button **/
1051
1052
.yith-plugin-ui .yith-save-button {
1053
- background-color: #267390;
1054
- color: #fff;
1055
}
1056
1057
.yith-plugin-ui .yith-save-button:focus,
1058
.yith-plugin-ui .yith-save-button:hover {
1059
- background-color: #1c4863;
1060
- color: #fff;
1061
}
1062
1063
1064
/** yith-remove-button **/
1065
1066
.yith-plugin-ui .button-secondary.yith-remove-button:before {
1067
- content: "\e90d";
1068
- font-size: 15px;
1069
}
1070
1071
1072
/** yith-add-button **/
1073
.yith-plugin-ui .yith-add-button:before {
1074
- content: "\e90a";
1075
}
1076
1077
.yith-plugin-ui .yith-add-button.closed {
1078
- background-color: #fff;
1079
- color: #375f6b;
1080
- border: 1px solid #375f6b;
1081
}
1082
1083
.yith-plugin-ui .yith-add-button.closed:before {
1084
- content: "\e906";
1085
}
1086
1087
1088
/** yith-plugin-fw-upload-button **/
1089
.yith-plugin-ui button.yith-plugin-fw-upload-button:before {
1090
- content: "\e90c";
1091
- font-family: 'yith-icon';
1092
- font-size: 19px;
1093
- font-weight: 400;
1094
- margin-right: 10px;
1095
- vertical-align: middle;
1096
- display: inline-block;
1097
}
1098
1099
/** SELECT 2 **/
1100
.yith-plugin-ui .select2-container,
1101
.yith-plugin-ui .select2-selection--single {
1102
- height: auto;
1103
- padding: 2px;
1104
- outline: none;
1105
}
1106
1107
.yith-plugin-ui .select2-selection--single {
1108
- margin: 0;
1109
- border: 0;
1110
}
1111
1112
/* old panel*/
1113
1114
- .yith-plugin-ui span.select2.select2-container.select2-container--default {
1115
- border: 1px solid #d8d8d8;
1116
- border-radius: 8px;
1117
}
1118
1119
.yith-plugin-ui span.select2.select2-container.select2-container--default:hover,
1120
.yith-plugin-ui span.select2.select2-container.select2-container--default:active,
1121
.yith-plugin-ui span.select2.select2-container.select2-container--default:focus {
1122
- border-color: #a7d9ec;
1123
}
1124
1125
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
1126
- color: #fff;
1127
}
1128
1129
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].select2-search__field,
1130
.yith-plugin-ui .yith-plugin-fw table.form-table input.select2-search__field {
1131
- border: 0;
1132
- padding: 0;
1133
- height: initial;
1134
}
1135
1136
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice,
1137
.yith-plugin-ui .select2-selection__choice {
1138
- color: #fff;
1139
- background-color: #4e8ba2;
1140
- border-radius: 12px;
1141
- padding: 3px 11px;
1142
- border-color: #33937e;
1143
- font-size: 13px;
1144
}
1145
1146
.yith-plugin-ui .select2-container--default .select2-selection--single .select2-selection__arrow:before {
1147
- content: "\e900";
1148
- font-family: 'yith-icon' !important;
1149
- line-height: 36px;
1150
- color: #d9d9d9;
1151
}
1152
1153
.yith-plugin-ui .select2-container--default .select2-selection--single .select2-selection__arrow b {
1154
- display: none;
1155
}
1156
1157
- .yith-plugin-ui .select2-container--open .select2-dropdown--below,
1158
- .yith-plugin-ui .select2-container--open .select2-dropdown--above,
1159
- .yith-plugin-fw-panel .select2-container--open .select2-dropdown--below,
1160
- .yith-plugin-fw-panel .select2-container--open .select2-dropdown--above {
1161
- margin-top: 10px;
1162
- border-radius: 8px;
1163
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
1164
}
1165
1166
- .yith-plugin-ui .select2-container--open .select2-dropdown--above,
1167
- .yith-plugin-fw-panel .select2-container--open .select2-dropdown--above {
1168
- margin-top: -10px;
1169
}
1170
1171
- .yith-plugin-ui .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
1172
- .yith-plugin-ui .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
1173
- .yith-plugin-fw-panel .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
1174
- .yith-plugin-fw-panel .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
1175
- border-radius: 8px;
1176
}
1177
1178
- .yith-plugin-ui .select2-results .select2-results__group, .select2-results .select2-results__option:first-child,
1179
- .yith-plugin-fw-panel .select2-results .select2-results__group, .select2-results .select2-results__option:first-child {
1180
- border-top-left-radius: 8px;
1181
- border-top-right-radius: 8px;
1182
}
1183
- .yith-plugin-ui .select2-results .select2-results__group, .select2-results .select2-results__option:last-child,
1184
- .yith-plugin-fw-panel .select2-results .select2-results__group, .select2-results .select2-results__option:last-child,
1185
- .yith-plugin-ui .select2-results .select2-results__group,
1186
- .yith-plugin-ui .select2-results .select2-results__option:last-child,
1187
- .yith-plugin-fw-panel .select2-results .select2-results__group,
1188
- .yith-plugin-fw-panel .select2-results .select2-results__option:last-child,
1189
- .yith-plugin-ui .select2-results .select2-results__group,
1190
- .yith-plugin-ui .select2-results .select2-results__option:last-child,
1191
- .yith-plugin-fw-panel .select2-results .select2-results__group,
1192
- .yith-plugin-fw-panel .select2-results .select2-results__option:last-child {
1193
- border-bottom-left-radius: 8px;
1194
- border-bottom-right-radius: 8px;
1195
}
1196
1197
- .yith-plugin-ui .select2-dropdown{
1198
- border: 0;
1199
}
1200
- .yith-plugin-ui .select2-container--default .select2-results__option[data-selected=true],
1201
- .yith-plugin-ui .select2-container--default .select2-results__option[aria-selected=true],
1202
- .yith-plugin-fw-panel .select2-container--default .select2-results__option[data-selected=true],
1203
- .yith-plugin-fw-panel .select2-container--default .select2-results__option[aria-selected=true],
1204
- .yith-plugin-ui .select2-container--default .select2-results__option--highlighted[aria-selected],
1205
- .yith-plugin-ui .select2-container--default .select2-results__option--highlighted[data-selected],
1206
- .yith-plugin-fw-panel .select2-container--default .select2-results__option--highlighted[aria-selected],
1207
- .yith-plugin-fw-panel .select2-container--default .select2-results__option--highlighted[data-selected] {
1208
- background-color: #e8eff1;
1209
- color: #4e8ba2;
1210
- outline: none;
1211
}
1212
1213
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
1214
.yith-plugin-fw-panel .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
1215
- float: right;
1216
- padding-left: 15px;
1217
- text-indent: -9999px;
1218
}
1219
1220
1221
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after,
1222
.woocommerce .yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after,
1223
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
1224
- float: right;
1225
- color: #fff;
1226
- content: "\e906";
1227
- font-family: 'yith-icon' !important;
1228
- font-size: 9px;
1229
- line-height: 21px;
1230
- text-indent: 0;
1231
}
1232
1233
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
1234
- color: #000;
1235
}
1236
1237
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after
1238
.yith-plugin-fw-panel .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
1239
- color: #000;
1240
}
1241
1242
.yith-plugin-ui .select2-container .select2-selection--multiple,
1243
.yith-plugin-ui .select2-container--default.select2-container--focus .select2-selection--multiple {
1244
- border: 0;
1245
}
1246
1247
.yith-plugin-fw .select2-search input[type=text] {
1248
- border: 0;
1249
- padding: 0;
1250
- height: auto;
1251
}
1252
1253
.yith-plugin-ui .yith-plugin-fw-select-field-wrapper span.yith-icon.yith-icon-magnifier,
1254
.yith-plugin-fw-panel .yith-plugin-fw-select-field-wrapper span.yith-icon.yith-icon-magnifier {
1255
- position: absolute;
1256
- padding-top: 5px;
1257
}
1258
1259
.yith-plugin-ui input[type=text].select2-search__field {
1260
- border: 0;
1261
- padding: 0;
1262
- height: 30px;
1263
}
1264
1265
.yith-plugin-ui .select2-container--default .select2-search--dropdown .select2-search__field,
1266
.yith-plugin-fw-panel .select2-container--default .select2-search--dropdown .select2-search__field {
1267
- border: 1px solid #d9d9d9;
1268
- border-radius: 8px;
1269
- box-shadow: none;
1270
}
1271
1272
.yith-plugin-ui .select2-dropdown,
1273
.yith-plugin-fw-panel .select2-dropdown {
1274
- border: 1px solid #d9d9d9;
1275
}
1276
1277
/** RADIO BUTTON **/
1278
.yith-plugin-ui [type="radio"]:checked,