YITH WooCommerce Ajax Product Filter - Version 3.7.0

Version Description

  • Released on 07th August, 2019 =

  • New: Support for WooCommerce 3.7

  • Fix: Style issues with Storefront theme

Download this release

Release Info

Developer yithemes
Plugin Icon 128x128 YITH WooCommerce Ajax Product Filter
Version 3.7.0
Comparing to
See all releases

Code changes from version 3.6.6 to 3.7.0

Files changed (36) hide show
  1. README.txt +6 -1
  2. assets/css/frontend.css +23 -12
  3. init.php +3 -3
  4. plugin-fw/assets/css/admin.css +112 -33
  5. plugin-fw/assets/css/metaboxes.css +350 -299
  6. plugin-fw/assets/css/yith-fields.css +821 -486
  7. plugin-fw/assets/fonts/yith-icon.eot +0 -0
  8. plugin-fw/assets/fonts/yith-icon.svg +9 -0
  9. plugin-fw/assets/fonts/yith-icon.ttf +0 -0
  10. plugin-fw/assets/fonts/yith-icon.woff +0 -0
  11. plugin-fw/assets/js/yit-plugin-panel.js +2 -3
  12. plugin-fw/assets/js/yit-plugin-panel.min.js +2 -2
  13. plugin-fw/assets/js/yith-enhanced-select.js +62 -0
  14. plugin-fw/assets/js/yith-enhanced-select.min.js +1 -8
  15. plugin-fw/assets/js/yith-fields.js +482 -415
  16. plugin-fw/assets/js/yith-fields.min.js +1 -1
  17. plugin-fw/assets/js/yith-system-info.js +13 -0
  18. plugin-fw/assets/js/yith-system-info.min.js +13 -0
  19. plugin-fw/init.php +2 -2
  20. plugin-fw/lib/yit-assets.php +9 -9
  21. plugin-fw/lib/yit-plugin-panel-wc.php +81 -114
  22. plugin-fw/lib/yith-system-status.php +385 -0
  23. plugin-fw/templates/fields/ajax-customers.php +122 -0
  24. plugin-fw/templates/fields/colorpicker.php +6 -1
  25. plugin-fw/templates/fields/list-table.php +5 -2
  26. plugin-fw/templates/fields/multi-colorpicker.php +47 -12
  27. plugin-fw/templates/fields/password.php +30 -0
  28. plugin-fw/templates/fields/radio.php +2 -1
  29. plugin-fw/templates/fields/select.php +2 -1
  30. plugin-fw/templates/fields/toggle-element.php +21 -13
  31. plugin-fw/templates/fields/upload.php +8 -8
  32. plugin-fw/templates/metaboxes/tab.php +2 -2
  33. plugin-fw/templates/sysinfo/system-information-panel.php +136 -0
  34. plugin-fw/yit-functions.php +11 -0
  35. plugin-fw/yit-plugin.php +2 -0
  36. widgets/class.yith-wcan-navigation-widget.php +15 -11
README.txt CHANGED
@@ -4,7 +4,7 @@ Contributors: yithemes
4
Tags: woocommerce ajax product filter download, woocommerce, widget, ajax, ajax filtered nav, ajax navigation, ajax filtered navigation, woocommerce layered navigation, woocommerce layered nav, product filter, product filters, ajax product filter, woocommerce ajax product filter, woocommerce filters, sidebar filter, sidebar ajax filter, ajax price filter, price filter, product sorting, woocommerce filter, taxonomy filter, attribute filter, attributes filter, woocommerce product sort, ajax sort, woocommerce ajax product filter, advanced product filters, ajax product filters, filters, woocommerce ajax product filters, woocommerce product filters, woocommerce product filters, category filter, attribute filters, woocommerce products filter, woocommerce price filter, yit, yith, yithemes
5
Requires at least: 4.0
6
Tested up to: 5.2
7
- Stable tag: 3.6.6
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
@@ -159,6 +159,11 @@ If you want to see a demonstration version of the premium plugin, you can see it
159
160
== Changelog ==
161
162
= 3.6.6 - Released on 12nd June, 2019 =
163
164
* Fix: Bug on plugin options
4
Tags: woocommerce ajax product filter download, woocommerce, widget, ajax, ajax filtered nav, ajax navigation, ajax filtered navigation, woocommerce layered navigation, woocommerce layered nav, product filter, product filters, ajax product filter, woocommerce ajax product filter, woocommerce filters, sidebar filter, sidebar ajax filter, ajax price filter, price filter, product sorting, woocommerce filter, taxonomy filter, attribute filter, attributes filter, woocommerce product sort, ajax sort, woocommerce ajax product filter, advanced product filters, ajax product filters, filters, woocommerce ajax product filters, woocommerce product filters, woocommerce product filters, category filter, attribute filters, woocommerce products filter, woocommerce price filter, yit, yith, yithemes
5
Requires at least: 4.0
6
Tested up to: 5.2
7
+ Stable tag: 3.7.0
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
159
160
== Changelog ==
161
162
+ = 3.7.0 - Released on 07th August, 2019 =
163
+
164
+ * New: Support for WooCommerce 3.7
165
+ * Fix: Style issues with Storefront theme
166
+
167
= 3.6.6 - Released on 12nd June, 2019 =
168
169
* Fix: Bug on plugin options
assets/css/frontend.css CHANGED
@@ -178,18 +178,6 @@ ul.yith-wcan-list {
178
}
179
180
/* Hierarchical Order */
181
- .widget.widget_layered_nav li.yit-wcan-child-terms.level-1 {
182
- padding-left: 30px;
183
- }
184
-
185
- .widget.widget_layered_nav li.yit-wcan-child-terms.level-2 {
186
- padding-left: 60px;
187
- }
188
-
189
- .widget.widget_layered_nav li.yit-wcan-child-terms.level-3 {
190
- padding-left: 90px;
191
- }
192
-
193
.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.yit-wcan-child-terms.level-1 {
194
padding-left: 30px;
195
}
@@ -342,4 +330,27 @@ ul.yith-wcan-list li.chosen a:before{
342
margin-right: 5px;
343
font-weight: bold;
344
font-size: 12px;
345
}
178
}
179
180
/* Hierarchical Order */
181
.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.yit-wcan-child-terms.level-1 {
182
padding-left: 30px;
183
}
330
margin-right: 5px;
331
font-weight: bold;
332
font-size: 12px;
333
+ }
334
+
335
+ /*-------------------------------
336
+ STOREFRONT SUPPORT
337
+ --------------------------------*/
338
+
339
+ .theme-storefront .widget_layered_nav .yith-wcan-list li::before{width: 0;content: "" !important;float: none;padding-left: 0 !important;}
340
+ .theme-storefront .widget_layered_nav .yith-wcan-list li{padding-left: 0;}
341
+
342
+ .theme-storefront .yith-woocommerce-ajax-product-filter ul li.chosen a:before,
343
+ .theme-storefront .yith-woocommerce-ajax-product-filter.yith-wcan-sort-by ul li a.active:before{
344
+ font-family: 'Font Awesome 5 Free';
345
+ content: "\f057";
346
+ }
347
+
348
+ .theme-storefront .yith-woocommerce-ajax-product-filter.with-checkbox ul li.chosen a:before,
349
+ .theme-storefront .yith-woocommerce-ajax-product-filter.yith-wcan-sort-by.with-checkbox ul li a.active:before {
350
+ content: "";
351
+ }
352
+
353
+ .theme-storefront .widget-area .yith-woocommerce-ajax-product-filter a:not(.button):before {
354
+ text-decoration: none;
355
+ display: inline-block
356
}
init.php CHANGED
@@ -3,14 +3,14 @@
3
* Plugin Name: YITH WooCommerce Ajax Product Filter
4
* Plugin URI: https://wordpress.org/plugins/yith-woocommerce-ajax-navigation/
5
* Description:<code><strong>YITH WooCommerce AJAX Product Filter</strong></code> allows your users to find the product they are looking for as quickly as possible. Thanks to the plugin you will be able to set up one or more search filters for your WooCommerce products, improve the user experience and give the impression of being in a big and reliable store. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>
6
- * Version: 3.6.6
7
* Author: YITH
8
* Author URI: https://yithemes.com/
9
* Text Domain: yith-woocommerce-ajax-navigation
10
* Domain Path: /languages/
11
*
12
* WC requires at least: 3.0
13
- * WC tested up to: 3.6
14
*
15
* @author Your Inspiration Themes
16
* @package YITH WooCommerce Ajax Navigation
@@ -67,7 +67,7 @@ load_plugin_textdomain( 'yith-woocommerce-ajax-navigation', false, dirname( plug
67
! defined( 'YITH_WCAN' ) && define( 'YITH_WCAN', true );
68
! defined( 'YITH_WCAN_URL' ) && define( 'YITH_WCAN_URL', plugin_dir_url( __FILE__ ) );
69
! defined( 'YITH_WCAN_DIR' ) && define( 'YITH_WCAN_DIR', plugin_dir_path( __FILE__ ) );
70
- ! defined( 'YITH_WCAN_VERSION' ) && define( 'YITH_WCAN_VERSION', '3.6.6' );
71
! defined( 'YITH_WCAN_FREE_INIT') && define( 'YITH_WCAN_FREE_INIT', plugin_basename( __FILE__ ) );
72
! defined( 'YITH_WCAN_FILE' ) && define( 'YITH_WCAN_FILE', __FILE__ );
73
3
* Plugin Name: YITH WooCommerce Ajax Product Filter
4
* Plugin URI: https://wordpress.org/plugins/yith-woocommerce-ajax-navigation/
5
* Description:<code><strong>YITH WooCommerce AJAX Product Filter</strong></code> allows your users to find the product they are looking for as quickly as possible. Thanks to the plugin you will be able to set up one or more search filters for your WooCommerce products, improve the user experience and give the impression of being in a big and reliable store. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>
6
+ * Version: 3.7.0
7
* Author: YITH
8
* Author URI: https://yithemes.com/
9
* Text Domain: yith-woocommerce-ajax-navigation
10
* Domain Path: /languages/
11
*
12
* WC requires at least: 3.0
13
+ * WC tested up to: 3.7
14
*
15
* @author Your Inspiration Themes
16
* @package YITH WooCommerce Ajax Navigation
67
! defined( 'YITH_WCAN' ) && define( 'YITH_WCAN', true );
68
! defined( 'YITH_WCAN_URL' ) && define( 'YITH_WCAN_URL', plugin_dir_url( __FILE__ ) );
69
! defined( 'YITH_WCAN_DIR' ) && define( 'YITH_WCAN_DIR', plugin_dir_path( __FILE__ ) );
70
+ ! defined( 'YITH_WCAN_VERSION' ) && define( 'YITH_WCAN_VERSION', '3.7.0' );
71
! defined( 'YITH_WCAN_FREE_INIT') && define( 'YITH_WCAN_FREE_INIT', plugin_basename( __FILE__ ) );
72
! defined( 'YITH_WCAN_FILE' ) && define( 'YITH_WCAN_FILE', __FILE__ );
73
plugin-fw/assets/css/admin.css CHANGED
@@ -3,51 +3,51 @@
3
------------------------*/
4
#wpadminbar .yith-debug-admin-bar div,
5
#wpadminbar .yith-debug-admin-bar:hover div {
6
- background : #05789c !important;
7
- color : #fff !important;
8
}
9
10
#wpadminbar .yith-debug-admin-bar a,
11
#wpadminbar .yith-debug-admin-bar strong {
12
- color : #fff !important;
13
}
14
15
#wpadminbar .yith-debug-admin-bar strong {
16
- font-weight : 600;
17
}
18
19
#wpadminbar .yith-debug-admin-bar-post-meta .ab-empty-item,
20
#wpadminbar .yith-debug-admin-bar-option .ab-empty-item {
21
- display : none;
22
}
23
24
#wpadminbar #wp-admin-bar-yith-debug-admin-bar-post-meta-default,
25
#wpadminbar #wp-admin-bar-yith-debug-admin-bar-option-default {
26
- padding : 0;
27
- max-height : 500px;
28
- overflow-y : auto;
29
}
30
31
#wpadminbar .yith-debug-admin-bar pre {
32
- padding : 10px;
33
- line-height : 1.5em;
34
}
35
36
- .notice-yith{
37
margin-left: 0;
38
border-left-color: #acc327;
39
}
40
41
- .notice-yith.notice-alt{
42
background-color: #ecf7ed;
43
}
44
45
- .yith-promo-banner-image-link{
46
display: block;
47
margin-bottom: 15px;
48
}
49
50
- .yith-promo-banner-image{
51
max-width: 100%;
52
margin: 0 auto;
53
display: block;
@@ -57,7 +57,7 @@
57
YITH FEEDS
58
------------------------*/
59
60
- .yith-feeds-logo{
61
display: table-cell;
62
background: #005b7c;
63
padding: 5px;
@@ -69,7 +69,7 @@
69
vertical-align: middle;
70
}
71
72
- .yith-feeds-plugin-name{
73
display: table-cell;
74
vertical-align: middle;
75
}
@@ -77,41 +77,120 @@
77
/*-----------------------
78
YITH Plugins Columns
79
------------------------*/
80
- @media screen and (min-width : 783px) {
81
82
.auto-fold #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu-head {
83
- width : 100%;
84
}
85
86
#adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu {
87
- min-width : 320px;
88
- display : flex;
89
- flex-flow : row wrap;
90
}
91
92
#adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head) {
93
- width : 50%;
94
- border-left : 1px solid #555;
95
- box-sizing : border-box;
96
}
97
98
#adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head):nth-child(2n) {
99
- border-left : none;
100
}
101
102
#adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu {
103
- min-width : 480px;
104
- display : flex;
105
- flex-flow : row wrap;
106
}
107
108
#adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head) {
109
- width : calc(100% / 3);
110
- border-left : 1px solid #555;
111
- box-sizing : border-box;
112
}
113
114
#adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head):nth-child(3n + 2) {
115
- border-left : none;
116
}
117
- }
3
------------------------*/
4
#wpadminbar .yith-debug-admin-bar div,
5
#wpadminbar .yith-debug-admin-bar:hover div {
6
+ background: #05789c !important;
7
+ color: #fff !important;
8
}
9
10
#wpadminbar .yith-debug-admin-bar a,
11
#wpadminbar .yith-debug-admin-bar strong {
12
+ color: #fff !important;
13
}
14
15
#wpadminbar .yith-debug-admin-bar strong {
16
+ font-weight: 600;
17
}
18
19
#wpadminbar .yith-debug-admin-bar-post-meta .ab-empty-item,
20
#wpadminbar .yith-debug-admin-bar-option .ab-empty-item {
21
+ display: none;
22
}
23
24
#wpadminbar #wp-admin-bar-yith-debug-admin-bar-post-meta-default,
25
#wpadminbar #wp-admin-bar-yith-debug-admin-bar-option-default {
26
+ padding: 0;
27
+ max-height: 500px;
28
+ overflow-y: auto;
29
}
30
31
#wpadminbar .yith-debug-admin-bar pre {
32
+ padding: 10px;
33
+ line-height: 1.5em;
34
}
35
36
+ .notice-yith {
37
margin-left: 0;
38
border-left-color: #acc327;
39
}
40
41
+ .notice-yith.notice-alt {
42
background-color: #ecf7ed;
43
}
44
45
+ .yith-promo-banner-image-link {
46
display: block;
47
margin-bottom: 15px;
48
}
49
50
+ .yith-promo-banner-image {
51
max-width: 100%;
52
margin: 0 auto;
53
display: block;
57
YITH FEEDS
58
------------------------*/
59
60
+ .yith-feeds-logo {
61
display: table-cell;
62
background: #005b7c;
63
padding: 5px;
69
vertical-align: middle;
70
}
71
72
+ .yith-feeds-plugin-name {
73
display: table-cell;
74
vertical-align: middle;
75
}
77
/*-----------------------
78
YITH Plugins Columns
79
------------------------*/
80
+ @media screen and (min-width: 783px) {
81
82
.auto-fold #adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu-head {
83
+ width: 100%;
84
}
85
86
#adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu {
87
+ min-width: 320px;
88
+ display: flex;
89
+ flex-flow: row wrap;
90
}
91
92
#adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head) {
93
+ width: 50%;
94
+ border-left: 1px solid #555;
95
+ box-sizing: border-box;
96
}
97
98
#adminmenu .yith-plugin-fw-menu-2-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head):nth-child(2n) {
99
+ border-left: none;
100
}
101
102
#adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu {
103
+ min-width: 480px;
104
+ display: flex;
105
+ flex-flow: row wrap;
106
}
107
108
#adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head) {
109
+ width: calc(100% / 3);
110
+ border-left: 1px solid #555;
111
+ box-sizing: border-box;
112
}
113
114
#adminmenu .yith-plugin-fw-menu-3-columns.wp-not-current-submenu .wp-submenu li:not(.wp-submenu-head):nth-child(3n + 2) {
115
+ border-left: none;
116
}
117
+ }
118
+
119
+ /*---------------------------
120
+ YITH System Information
121
+ ----------------------------*/
122
+ .yith-phpinfo img {
123
+ float: right;
124
+ border: 0;
125
+ }
126
+
127
+ #yith-system-alert span.yith-logo,
128
+ .yith-system-info h1 span.yith-logo {
129
+ border-radius: 50%;
130
+ background: #265b7a;
131
+ height: 30px;
132
+ width: 30px;
133
+ display: flex;
134
+ text-align: center;
135
+ margin: 0 10px 0 0;
136
+ float: left;
137
+ align-items: center;
138
+ justify-content: center;
139
+ }
140
+
141
+ .yith-system-info table {
142
+ margin: 20px 0;
143
+ }
144
+
145
+ .yith-system-info table th {
146
+ font-weight: bold;
147
+ width: 25%;
148
+ padding: 20px 12px;
149
+ }
150
+
151
+ .yith-system-info table td {
152
+ word-break: break-all;
153
+ padding: 20px 12px;
154
+ }
155
+
156
+ .yith-system-info table td.requirement-value {
157
+ font-size: 14px;
158
+ vertical-align: middle;
159
+ text-align: left;
160
+ color: #5da726;
161
+ line-height: 19px;
162
+ width: 90px;
163
+ }
164
+
165
+ .yith-system-info table td.requirement-value.has-errors {
166
+ color: #a00;
167
+ }
168
+
169
+ .yith-system-info table td.requirement-value.has-warnings {
170
+ color: #ffa200;
171
+ }
172
+
173
+ .yith-system-info table td.requirement-messages ul {
174
+ margin: 0;
175
+ padding: 0 0 10px 0;
176
+ list-style: none!important;
177
+ }
178
+
179
+ .yith-system-info table td.requirement-messages ul li {
180
+ margin-bottom: 3px;
181
+ }
182
+
183
+ .yith-system-info table td.requirement-messages ul li span.error {
184
+ color: #a00;
185
+ font-weight: bold;
186
+ }
187
+
188
+ .yith-system-info table td.requirement-messages ul li span.warning {
189
+ color: #a00;
190
+ font-weight: bold;
191
+ }
192
+
193
+ .yith-system-info-menu {
194
+ font-weight: bold;
195
+ font-size: 11px !important;
196
+ }
plugin-fw/assets/css/metaboxes.css CHANGED
@@ -1,188 +1,208 @@
1
/* self-clear floats */
2
.clearfix:after {
3
- content : ".";
4
- display : block;
5
- height : 0;
6
- clear : both;
7
- visibility : hidden;
8
- overflow : hidden;
9
}
10
11
/* ie.css */
12
* html .clearfix { /* IE6 */
13
- height : 1%;
14
}
15
16
*:first-child + html .clearfix { /* IE7 */
17
- min-height : 1%;
18
}
19
20
.clearboth {
21
- clear : both
22
}
23
24
/* === TAB STYLE */
25
.metaboxes-tab {
26
- margin : -6px -12px -8px;
27
}
28
29
.metaboxes-tab div.tabs-panel {
30
- height : auto;
31
- overflow : visible;
32
- margin-top : 0px;
33
- padding : 0 10px;
34
- background : none;
35
- border : 0;
36
}
37
38
.metaboxes-tab ul.metaboxes-tabs {
39
- background : #f1f1f1;
40
- margin : 0;
41
- padding : 10px 0 0 5px;
42
}
43
44
.metaboxes-tab ul.metaboxes-tabs li {
45
- float : left;
46
- background : #dedede;
47
- margin : 0 0 0 5px;
48
}
49
50
.metaboxes-tab ul.metaboxes-tabs li a {
51
- color : #555;
52
- text-decoration : none;
53
- padding : 8px 15px;
54
- display : block;
55
- box-shadow : none !important;
56
}
57
58
.metaboxes-tab ul.metaboxes-tabs li.tabs {
59
- background : #fff;
60
}
61
62
.metaboxes-tab p.field-row {
63
- margin : 20px 0;
64
}
65
66
.metaboxes-tab div.sep {
67
- height : 1px;
68
- background : #dfdfdf;
69
- clear : both;
70
- margin-left : -10px;
71
- margin-right : -10px;
72
}
73
74
.metaboxes-tab label {
75
- font-weight : bold;
76
- width : 160px;
77
- float : left;
78
- line-height : 23px;
79
- margin-left : -184px;
80
}
81
82
.metaboxes-tab label small {
83
- font-weight : normal;
84
- line-height : 15px;
85
- font-style : italic;
86
- color : #999;
87
- display : block;
88
}
89
90
- .metaboxes-tab .yith-plugin-fw-radio__row{
91
width: 100%;
92
min-height: 20px;
93
}
94
.metaboxes-tab .yith-plugin-fw-radio__row label,
95
.metaboxes-tab .yith-toggle-elements label,
96
.metaboxes-tab .yith-add-box label {
97
- margin-left:0;
98
- font-weight:normal;
99
}
100
.metaboxes-tab.yith-plugin-ui .yith-add-box,
101
- .metaboxes-tab.yith-plugin-ui .yith-toggle-row{
102
- width : auto;
103
}
104
.metaboxes-tab .wp-picker-container label {
105
- font-weight : inherit;
106
- width : auto;
107
- float : none;
108
- line-height : inherit;
109
- margin-left : 0;
110
}
111
112
.metaboxes-tab input[type="checkbox"] {
113
- vertical-align : middle
114
}
115
116
.metaboxes-tab input.button-secondary, .metaboxes-tab input.checkbox {
117
- width : auto;
118
}
119
120
.metaboxes-tab p.field-row.textarea .description {
121
- vertical-align : top;
122
}
123
124
.metaboxes-tab p.field-row.checkbox {
125
- background : none;
126
}
127
128
.metaboxes-tab .the-metabox {
129
- margin : 20px 0;
130
- margin-left : 184px;
131
}
132
133
.metaboxes-tab .the-metabox.no-label {
134
- margin : 20px 0;
135
- margin-left : 0;
136
}
137
138
.metaboxes-tab hr {
139
- height : 0px;
140
- border-top : 1px solid #dadada;
141
- width : auto;
142
- margin-left : -10px;
143
- margin-right : -10px;
144
}
145
146
.metaboxes-tab .the-metabox p {
147
- margin : 0;
148
}
149
150
.metaboxes-tab .the-metabox:last-child {
151
- border-bottom : 0px;
152
}
153
154
.metaboxes-tab .the-metabox.checkbox {
155
- background : none;
156
}
157
158
.metaboxes-tab span.description.inline {
159
- display : inline-block;
160
- line-height : 23px;
161
- width : auto;
162
- vertical-align : middle;
163
- margin : 0;
164
}
165
166
.metaboxes-tab .slider label {
167
- padding : 15px 0;
168
}
169
170
/* sortable table posts */
171
172
#the-list.ui-sortable tr:hover {
173
- cursor : move;
174
}
175
176
.the-metabox.preview {
177
- float : none;
178
}
179
180
.metaboxes-tab .the-metabox.no-label.preview {
181
- margin-left : 184px;
182
}
183
184
.metaboxes-tab .the-metabox.no-label.preview img {
185
- box-shadow : 0 1px 8px rgba(0, 0, 0, 0.2);
186
}
187
188
/**************************************
@@ -198,473 +218,504 @@
198
.metaboxes-tab .yith-plugin-fw-text-input,
199
.metaboxes-tab .yith-plugin-fw-text-array-table,
200
.metaboxes-tab .yith-plugin-fw-textarea {
201
- width : 400px;
202
- max-width : 100%;
203
}
204
- .metaboxes-tab.yith-plugin-ui input[type=number]{
205
width: auto;
206
min-width: 90px;
207
}
208
.metaboxes-tab .yith-plugin-fw-text-array-table input[type=text] {
209
- width : 100%;
210
}
211
212
/* wp editor */
213
.the-metabox.textarea-editor .mceIframeContainer {
214
- background : #fff;
215
}
216
217
.the-metabox.textarea-editor label {
218
- margin-top : 24px;
219
}
220
221
/* categories */
222
.categories-panel {
223
- width : 30%;
224
- float : left;
225
- margin-right : 4px;
226
}
227
228
.categories-panel .box {
229
- height : 200px;
230
- border : 1px solid #dfdfdf;
231
- background : #fff;
232
- padding : 6px 10px;
233
- overflow : auto;
234
}
235
236
.categories-panel ul {
237
- list-style : none;
238
- margin : 0;
239
}
240
241
.categories-panel ul li {
242
- line-height : 19px;
243
- margin : 0;
244
- padding : 0;
245
- word-wrap : break-word;
246
}
247
248
.categories-panel ul li label {
249
- font-weight : normal !important;
250
- margin-left : 0 !important;
251
}
252
253
.categories-panel input.newcategory {
254
- width : 100%;
255
- margin-bottom : 3px;
256
}
257
258
/* contact form */
259
.contactform_item {
260
- border-style : solid;
261
- border-width : 1px;
262
- line-height : 1;
263
- margin-bottom : 20px;
264
- padding : 0;
265
- background-color : #f5f5f5;
266
- background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
267
- border-color : #dfdfdf;
268
- border-radius : 3px 3px 3px 3px;
269
- box-shadow : 0 1px 0 #fff inset;
270
- min-width : 255px;
271
- position : relative;
272
}
273
274
.contactform_item .handlediv {
275
- position : relative;
276
- top : -4px;
277
}
278
279
.contactform_item h3 {
280
- min-height : 21px;
281
- margin : 13px;
282
}
283
284
.contactform_item .inside {
285
- padding : 10px !important;
286
}
287
288
.contactform_item .deps {
289
- display : none;
290
}
291
292
.contactform_item .addoptions p.option {
293
- margin : 5px 0 5px 200px
294
}
295
296
.contactform_item .addoptions p label {
297
- width : 80px !important;
298
}
299
300
.contactform_item .add-field-option {
301
- margin-bottom : 10px !important;
302
}
303
304
.remove_item {
305
- float : right;
306
}
307
308
.metabox-sortable-placeholder {
309
- border : 1px dotted #dedede;
310
- margin : 10px 0
311
}
312
313
/* features tab */
314
.featurestab_item {
315
- border-style : solid;
316
- border-width : 1px;
317
- line-height : 1;
318
- margin-bottom : 20px;
319
- padding : 0;
320
- background-color : #f5f5f5;
321
- background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
322
- border-color : #dfdfdf;
323
- border-radius : 3px 3px 3px 3px;
324
- box-shadow : 0 1px 0 #fff inset;
325
- min-width : 255px;
326
- position : relative;
327
}
328
329
.featurestab_item .handlediv {
330
- position : relative;
331
- top : -4px;
332
}
333
334
.featurestab_item h3 {
335
- min-height : 21px
336
}
337
338
.featurestab_item .inside {
339
- padding : 10px !important;
340
}
341
342
.featurestab_item .deps {
343
- display : none;
344
}
345
346
.featurestab_item .addoptions p.option {
347
- margin : 5px 0 5px 200px
348
}
349
350
.featurestab_item .addoptions p label {
351
- width : 80px !important;
352
}
353
354
.featurestab_item .add-field-option {
355
- margin-bottom : 10px !important;
356
}
357
358
.messages-panel.updated {
359
- margin : 10px 0px 10px !important;
360
- max-width : 1200px;
361
- border-radius : 5px;
362
- -webkit-box-sizing : border-box;
363
- box-sizing : border-box;
364
}
365
366
.ui-widget-overlay {
367
- background-image : none !important;
368
}
369
370
.the-metabox .icon_type {
371
- width : 30%;
372
- float : left;
373
- margin-right : 40px
374
}
375
376
#post-type-settings .category-list label {
377
- width : 187px;
378
}
379
380
.remove_cat {
381
- float : right;
382
- text-align : center;
383
- display : block;
384
- width : 20px;
385
- height : 20px;
386
- border-radius : 20px;
387
- font-weight : bold;
388
- font-size : 10px;
389
- background : #efefef;
390
- text-decoration : none;
391
}
392
393
/* typography */
394
.the-metabox.typography .select_wrapper.font-family {
395
- width : 200px;
396
}
397
398
.the-metabox.typography .spinner_container {
399
- float : left;
400
- margin-right : 10px;
401
}
402
403
.the-metabox.typography .spinner_container input.number {
404
- width : 50px !important;
405
- -webkit-border-top-right-radius : 0px;
406
- -webkit-border-bottom-right-radius : 0px;
407
- -moz-border-radius-topright : 0px;
408
- -moz-border-radius-bottomright : 0px;
409
- border-top-right-radius : 0px;
410
- border-bottom-right-radius : 0px;
411
}
412
413
/* number */
414
.the-metabox.number input.number {
415
- width : 50px !important;
416
}
417
418
/* number */
419
.rm_number .number {
420
- width : 70px;
421
- text-align : right;
422
- -webkit-border-top-right-radius : 0px;
423
- -webkit-border-bottom-right-radius : 0px;
424
- -moz-border-radius-topright : 0px;
425
- -moz-border-radius-bottomright : 0px;
426
- border-top-right-radius : 0px;
427
- border-bottom-right-radius : 0px;
428
}
429
430
.spinner-wrapper {
431
- position : relative;
432
- height : 23px;
433
- overflow : hidden;
434
}
435
436
.spinner-wrapper input.number {
437
- float : left;
438
}
439
440
.spinner-wrapper .spinner-button {
441
- cursor : pointer;
442
- float : left;
443
- position : absolute;
444
- left : 69px;
445
- width : 15px;
446
- height : 12px;
447
- border : 1px solid #dfdfdf;
448
- background : #fff;
449
- margin : 0;
450
- padding : 0;
451
- line-height : 9999px;
452
- overflow : hidden;
453
- background : url('../images/spinner.png') no-repeat center -11px
454
}
455
456
.spinner-wrapper .spinner-button.button-plus {
457
- top : 0;
458
- -webkit-border-top-right-radius : 3px !important;
459
- -moz-border-radius-topright : 3px !important;
460
- border-top-right-radius : 3px !important;
461
}
462
463
.spinner-wrapper .spinner-button.button-minus {
464
- bottom : 0;
465
- background-position : center -30px;
466
- -webkit-border-bottom-right-radius : 3px !important;
467
- -moz-border-radius-bottomright : 3px !important;
468
- border-bottom-right-radius : 3px !important;
469
}
470
471
.spinner-wrapper .spinner-button.button-plus:active {
472
- background-position : center 0px;
473
}
474
475
.spinner-wrapper .spinner-button.button-minus:active {
476
- background-position : center -20px;
477
}
478
479
.rm_typography .spinner_container {
480
- float : left;
481
- margin-right : 10px;
482
}
483
484
.rm_typography .spinner-wrapper {
485
- height : 28px;
486
}
487
488
.rm_typography .spinner-wrapper input.number {
489
- height : 28px;
490
}
491
492
.rm_typography .spinner-wrapper .spinner-button.button-plus {
493
- height : 15px;
494
- background-position : center -10px;
495
}
496
497
.rm_typography .spinner-wrapper .spinner-button.button-minus {
498
- height : 14px;
499
}
500
501
.the-metabox .spinner-wrapper .spinner-button {
502
- left : 49px;
503
}
504
505
.the-metabox.typography .spinner-wrapper .spinner-button {
506
- left : 35px;
507
}
508
509
/* images */
510
.the-metabox.images, .the-metabox.images label {
511
- margin-left : 0;
512
- display : block;
513
}
514
515
.the-metabox.images .slides-wrapper {
516
- clear : both;
517
}
518
519
.the-metabox.images .slides-wrapper li {
520
- position : relative;
521
}
522
523
.the-metabox.images a.delete {
524
- display : block;
525
- margin-left : 4px;
526
- text-decoration : none;
527
- font-weight : bold;
528
- color : red;
529
- position : absolute;
530
- top : 0;
531
- right : 0;
532
- width : 10px;
533
- height : 18px;
534
- z-index : 10;
535
- cursor : pointer !important;
536
}
537
538
/* wp editor */
539
.wp_themeSkin iframe {
540
- background : #fff !important;
541
}
542
543
/* custom tabs */
544
.customtab_item {
545
- border-style : solid;
546
- border-width : 1px;
547
- line-height : 1;
548
- margin-bottom : 20px;
549
- padding : 0;
550
- background-color : #f5f5f5;
551
- background-image : -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
552
- border-color : #dfdfdf;
553
- border-radius : 3px 3px 3px 3px;
554
- box-shadow : 0 1px 0 #fff inset;
555
- min-width : 255px;
556
- position : relative;
557
}
558
559
.customtab_item .handlediv {
560
- position : relative;
561
- top : -4px;
562
}
563
564
.customtab_item h3 {
565
- min-height : 21px
566
}
567
568
.customtab_item .inside {
569
- padding : 10px !important;
570
}
571
572
.customtab_item .deps {
573
- display : none;
574
}
575
576
.customtab_item .addoptions p.option {
577
- margin : 5px 0 5px 200px
578
}
579
580
.customtab_item .addoptions p label {
581
- width : 80px !important;
582
}
583
584
.customtab_item .add-field-option {
585
- margin-bottom : 10px !important;
586
}
587
588
.customtab_item .remove_item {
589
- float : right;
590
}
591
592
.metabox-sortable-placeholder {
593
- border : 1px dotted #dedede;
594
- margin : 10px 0
595
}
596
597
.the-metabox.customtabs {
598
- margin-left : 0;
599
}
600
601
#customtab_item_sample {
602
- display : none;
603
}
604
605
.the-metabox.customtabs .field-row {
606
- margin-bottom : 10px;
607
}
608
609
#yit_custom_tabs label {
610
- font-weight : normal;
611
- width : auto;
612
- float : none;
613
- line-height : auto;
614
- margin-left : 0;
615
}
616
617
.wp-admin p label input[type=radio] {
618
- width : 16px;
619
- margin-right : 10px;
620
- margin-top : 3px;
621
}
622
623
.wp-admin .form-field._preset_onsale_icon_field label input[type=radio] {
624
- margin-top : 0;
625
}
626
627
.the-metabox .spinner {
628
- margin-top : 5px;
629
- float : none;
630
}
631
632
/*sidebars*/
633
#choose-sidebars.choose {
634
- margin-left : 0px;
635
}
636
637
#_active_page_options-container label, #_active_page_options-container p {
638
- display : inline-block;
639
- margin : 0px;
640
}
641
642
#_active_page_options-container label {
643
- margin-right : 10px;
644
- margin-top : 3px;
645
}
646
647
#_active_page_options-container {
648
- float : right;
649
- margin-right : 20px;
650
- margin-top : 5px;
651
- z-index : 9999 !important;
652
- position : absolute;
653
- right : 0;
654
}
655
656
/*-----------------------
657
* Colorpicker - fix issues in combination with third-party themes or plugin (Basel, VC Addons, ...)
658
*/
659
.metaboxes-tab .the-metabox.colorpicker {
660
- display : block;
661
- width : auto;
662
- height : auto;
663
- overflow : visible;
664
- top : auto;
665
- left : auto;
666
- background : transparent;
667
- position : static;
668
- z-index : 1;
669
- font-family : inherit;
670
}
1
/* self-clear floats */
2
.clearfix:after {
3
+ content: ".";
4
+ display: block;
5
+ height: 0;
6
+ clear: both;
7
+ visibility: hidden;
8
+ overflow: hidden;
9
}
10
11
/* ie.css */
12
* html .clearfix { /* IE6 */
13
+ height: 1%;
14
}
15
16
*:first-child + html .clearfix { /* IE7 */
17
+ min-height: 1%;
18
}
19
20
.clearboth {
21
+ clear: both
22
}
23
24
/* === TAB STYLE */
25
.metaboxes-tab {
26
+ margin: -6px -12px -8px;
27
}
28
29
.metaboxes-tab div.tabs-panel {
30
+ height: auto;
31
+ overflow: visible;
32
+ margin-top: 0px;
33
+ padding: 0 10px;
34
+ background: none;
35
+ border: 0;
36
}
37
38
.metaboxes-tab ul.metaboxes-tabs {
39
+ background: #f1f1f1;
40
+ margin: 0;
41
+ padding: 10px 0 0 5px;
42
}
43
44
.metaboxes-tab ul.metaboxes-tabs li {
45
+ float: left;
46
+ background: #dedede;
47
+ margin: 0 0 0 5px;
48
}
49
50
.metaboxes-tab ul.metaboxes-tabs li a {
51
+ color: #555;
52
+ text-decoration: none;
53
+ padding: 8px 15px;
54
+ display: block;
55
+ box-shadow: none !important;
56
}
57
58
.metaboxes-tab ul.metaboxes-tabs li.tabs {
59
+ background: #fff;
60
}
61
62
.metaboxes-tab p.field-row {
63
+ margin: 20px 0;
64
}
65
66
.metaboxes-tab div.sep {
67
+ height: 1px;
68
+ background: #dfdfdf;
69
+ clear: both;
70
+ margin-left: -10px;
71
+ margin-right: -10px;
72
}
73
74
.metaboxes-tab label {
75
+ font-weight: bold;
76
+ width: 160px;
77
+ float: left;
78
+ line-height: 23px;
79
+ margin-left: -184px;
80
}
81
82
.metaboxes-tab label small {
83
+ font-weight: normal;
84
+ line-height: 15px;
85
+ font-style: italic;
86
+ color: #999;
87
+ display: block;
88
}
89
90
+ .metaboxes-tab .yith-plugin-fw-radio__row {
91
width: 100%;
92
min-height: 20px;
93
}
94
+
95
.metaboxes-tab .yith-plugin-fw-radio__row label,
96
.metaboxes-tab .yith-toggle-elements label,
97
.metaboxes-tab .yith-add-box label {
98
+ margin-left: 0;
99
+ font-weight: normal;
100
}
101
+
102
+ .metaboxes-tab.yith-plugin-ui h3 {
103
+ color: #2a8db0;
104
+ font-size: 15px;
105
+ text-transform: uppercase;
106
+ background-color: #fff;
107
+ padding: 35px 20px;
108
+ margin: 0px 0 0 -4px;
109
+ width: auto;
110
+ background: transparent;
111
+ }
112
+
113
.metaboxes-tab.yith-plugin-ui .yith-add-box,
114
+ .metaboxes-tab.yith-plugin-ui .yith-toggle-row {
115
+ width: auto;
116
}
117
+
118
.metaboxes-tab .wp-picker-container label {
119
+ font-weight: inherit;
120
+ width: auto;
121
+ float: none;
122
+ line-height: inherit;
123
+ margin-left: 0;
124
+ }
125
+
126
+ .metaboxes-tab.yith-plugin-ui .yith-plugin-fw-radio__row label {
127
+ width: auto !important;
128
+ display: inline-block;
129
+ font-weight: normal;
130
}
131
132
.metaboxes-tab input[type="checkbox"] {
133
+ vertical-align: middle
134
}
135
136
.metaboxes-tab input.button-secondary, .metaboxes-tab input.checkbox {
137
+ width: auto;
138
}
139
140
.metaboxes-tab p.field-row.textarea .description {
141
+ vertical-align: top;
142
}
143
144
.metaboxes-tab p.field-row.checkbox {
145
+ background: none;
146
}
147
148
.metaboxes-tab .the-metabox {
149
+ margin: 20px 0;
150
+ margin-left: 184px;
151
}
152
153
.metaboxes-tab .the-metabox.no-label {
154
+ margin: 20px 0;
155
+ margin-left: 0;
156
}
157
158
.metaboxes-tab hr {
159
+ height: 0px;
160
+ border-top: 1px solid #dadada;
161
+ width: auto;
162
+ margin-left: -10px;
163
+ margin-right: -10px;
164
}
165
166
.metaboxes-tab .the-metabox p {
167
+ margin: 0;
168
}
169
170
.metaboxes-tab .the-metabox:last-child {
171
+ border-bottom: 0px;
172
}
173
174
.metaboxes-tab .the-metabox.checkbox {
175
+ background: none;
176
}
177
178
.metaboxes-tab span.description.inline {
179
+ display: inline-block;
180
+ line-height: 23px;
181
+ width: auto;
182
+ vertical-align: middle;
183
+ margin: 0;
184
}
185
186
.metaboxes-tab .slider label {
187
+ padding: 15px 0;
188
}
189
190
/* sortable table posts */
191
192
#the-list.ui-sortable tr:hover {
193
+ cursor: move;
194
}
195
196
.the-metabox.preview {
197
+ float: none;
198
}
199
200
.metaboxes-tab .the-metabox.no-label.preview {
201
+ margin-left: 184px;
202
}
203
204
.metaboxes-tab .the-metabox.no-label.preview img {
205
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
206
}
207
208
/**************************************
218
.metaboxes-tab .yith-plugin-fw-text-input,
219
.metaboxes-tab .yith-plugin-fw-text-array-table,
220
.metaboxes-tab .yith-plugin-fw-textarea {
221
+ width: 400px;
222
+ max-width: 100%;
223
}
224
+
225
+ .metaboxes-tab.yith-plugin-ui input[type=number] {
226
width: auto;
227
min-width: 90px;
228
}
229
+
230
+ .metaboxes-tab.yith-plugin-ui p {
231
+ font-size: 14px;
232
+ }
233
+
234
+ .metaboxes-tab.yith-plugin-ui p.section-description {
235
+
236
+ margin: 0 20px 40px 18px;
237
+ }
238
+
239
.metaboxes-tab .yith-plugin-fw-text-array-table input[type=text] {
240
+ width: 100%;
241
+ }
242
+
243
+ .metaboxes-tab.yith-plugin-ui .yith-add-box h3 {
244
+ padding: 0 0 30px 0;
245
+ font-weight: 600;
246
+ margin: 0;
247
+ }
248
+
249
+ .metaboxes-tab.yith-plugin-ui .select2-container--default .select2-selection--single {
250
+ border: 0;
251
+ margin: 0;
252
}
253
254
/* wp editor */
255
.the-metabox.textarea-editor .mceIframeContainer {
256
+ background: #fff;
257
}
258
259
+
260
.the-metabox.textarea-editor label {
261
+ margin-top: 24px;
262
}
263
264
/* categories */
265
.categories-panel {
266
+ width: 30%;
267
+ float: left;
268
+ margin-right: 4px;
269
}
270
271
.categories-panel .box {
272
+ height: 200px;
273
+ border: 1px solid #dfdfdf;
274
+ background: #fff;
275
+ padding: 6px 10px;
276
+ overflow: auto;
277
}
278
279
.categories-panel ul {
280
+ list-style: none;
281
+ margin: 0;
282
}
283
284
.categories-panel ul li {
285
+ line-height: 19px;
286
+ margin: 0;
287
+ padding: 0;
288
+ word-wrap: break-word;
289
}
290
291
.categories-panel ul li label {
292
+ font-weight: normal !important;
293
+ margin-left: 0 !important;
294
}
295
296
.categories-panel input.newcategory {
297
+ width: 100%;
298
+ margin-bottom: 3px;
299
}
300
301
/* contact form */
302
.contactform_item {
303
+ border-style: solid;
304
+ border-width: 1px;
305
+ line-height: 1;
306
+ margin-bottom: 20px;
307
+ padding: 0;
308
+ background-color: #f5f5f5;
309
+ background-image: -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
310
+ border-color: #dfdfdf;
311
+ border-radius: 3px 3px 3px 3px;
312
+ box-shadow: 0 1px 0 #fff inset;
313
+ min-width: 255px;
314
+ position: relative;
315
}
316
317
.contactform_item .handlediv {
318
+ position: relative;
319
+ top: -4px;
320
}
321
322
.contactform_item h3 {
323
+ min-height: 21px;
324
+ margin: 13px;
325
}
326
327
.contactform_item .inside {
328
+ padding: 10px !important;
329
}
330
331
.contactform_item .deps {
332
+ display: none;
333
}
334
335
.contactform_item .addoptions p.option {
336
+ margin: 5px 0 5px 200px
337
}
338
339
.contactform_item .addoptions p label {
340
+ width: 80px !important;
341
}
342
343
.contactform_item .add-field-option {
344
+ margin-bottom: 10px !important;
345
}
346
347
.remove_item {
348
+ float: right;
349
}
350
351
.metabox-sortable-placeholder {
352
+ border: 1px dotted #dedede;
353
+ margin: 10px 0
354
}
355
356
/* features tab */
357
.featurestab_item {
358
+ border-style: solid;
359
+ border-width: 1px;
360
+ line-height: 1;
361
+ margin-bottom: 20px;
362
+ padding: 0;
363
+ background-color: #f5f5f5;
364
+ background-image: -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
365
+ border-color: #dfdfdf;
366
+ border-radius: 3px 3px 3px 3px;
367
+ box-shadow: 0 1px 0 #fff inset;
368
+ min-width: 255px;
369
+ position: relative;
370
}
371
372
.featurestab_item .handlediv {
373
+ position: relative;
374
+ top: -4px;
375
}
376
377
.featurestab_item h3 {
378
+ min-height: 21px
379
}
380
381
.featurestab_item .inside {
382
+ padding: 10px !important;
383
}
384
385
.featurestab_item .deps {
386
+ display: none;
387
}
388
389
.featurestab_item .addoptions p.option {
390
+ margin: 5px 0 5px 200px
391
}
392
393
.featurestab_item .addoptions p label {
394
+ width: 80px !important;
395
}
396
397
.featurestab_item .add-field-option {
398
+ margin-bottom: 10px !important;
399
}
400
401
.messages-panel.updated {
402
+ margin: 10px 0px 10px !important;
403
+ max-width: 1200px;
404
+ border-radius: 5px;
405
+ -webkit-box-sizing: border-box;
406
+ box-sizing: border-box;
407
}
408
409
.ui-widget-overlay {
410
+ background-image: none !important;
411
}
412
413
.the-metabox .icon_type {
414
+ width: 30%;
415
+ float: left;
416
+ margin-right: 40px
417
}
418
419
#post-type-settings .category-list label {
420
+ width: 187px;
421
}
422
423
.remove_cat {
424
+ float: right;
425
+ text-align: center;
426
+ display: block;
427
+ width: 20px;
428
+ height: 20px;
429
+ border-radius: 20px;
430
+ font-weight: bold;
431
+ font-size: 10px;
432
+ background: #efefef;
433
+ text-decoration: none;
434
}
435
436
/* typography */
437
.the-metabox.typography .select_wrapper.font-family {
438
+ width: 200px;
439
}
440
441
.the-metabox.typography .spinner_container {
442
+ float: left;
443
+ margin-right: 10px;
444
}
445
446
.the-metabox.typography .spinner_container input.number {
447
+ width: 50px !important;
448
+ -webkit-border-top-right-radius: 0px;
449
+ -webkit-border-bottom-right-radius: 0px;
450
+ -moz-border-radius-topright: 0px;
451
+ -moz-border-radius-bottomright: 0px;
452
+ border-top-right-radius: 0px;
453
+ border-bottom-right-radius: 0px;
454
}
455
456
/* number */
457
.the-metabox.number input.number {
458
+ width: 50px !important;
459
}
460
461
/* number */
462
.rm_number .number {
463
+ width: 70px;
464
+ text-align: right;
465
+ -webkit-border-top-right-radius: 0px;
466
+ -webkit-border-bottom-right-radius: 0px;
467
+ -moz-border-radius-topright: 0px;
468
+ -moz-border-radius-bottomright: 0px;
469
+ border-top-right-radius: 0px;
470
+ border-bottom-right-radius: 0px;
471
}
472
473
.spinner-wrapper {
474
+ position: relative;
475
+ height: 23px;
476
+ overflow: hidden;
477
}
478
479
.spinner-wrapper input.number {
480
+ float: left;
481
}
482
483
.spinner-wrapper .spinner-button {
484
+ cursor: pointer;
485
+ float: left;
486
+ position: absolute;
487
+ left: 69px;
488
+ width: 15px;
489
+ height: 12px;
490
+ border: 1px solid #dfdfdf;
491
+ background: #fff;
492
+ margin: 0;
493
+ padding: 0;
494
+ line-height: 9999px;
495
+ overflow: hidden;
496
+ background: url('../images/spinner.png') no-repeat center -11px
497
}
498
499
.spinner-wrapper .spinner-button.button-plus {
500
+ top: 0;
501
+ -webkit-border-top-right-radius: 3px !important;
502
+ -moz-border-radius-topright: 3px !important;
503
+ border-top-right-radius: 3px !important;
504
}
505
506
.spinner-wrapper .spinner-button.button-minus {
507
+ bottom: 0;
508
+ background-position: center -30px;
509
+ -webkit-border-bottom-right-radius: 3px !important;
510
+ -moz-border-radius-bottomright: 3px !important;
511
+ border-bottom-right-radius: 3px !important;
512
}
513
514
.spinner-wrapper .spinner-button.button-plus:active {
515
+ background-position: center 0px;
516
}
517
518
.spinner-wrapper .spinner-button.button-minus:active {
519
+ background-position: center -20px;
520
}
521
522
.rm_typography .spinner_container {
523
+ float: left;
524
+ margin-right: 10px;
525
}
526
527
.rm_typography .spinner-wrapper {
528
+ height: 28px;
529
}
530
531
.rm_typography .spinner-wrapper input.number {
532
+ height: 28px;
533
}
534
535
.rm_typography .spinner-wrapper .spinner-button.button-plus {
536
+ height: 15px;
537
+ background-position: center -10px;
538
}
539
540
.rm_typography .spinner-wrapper .spinner-button.button-minus {
541
+ height: 14px;
542
}
543
544
.the-metabox .spinner-wrapper .spinner-button {
545
+ left: 49px;
546
}
547
548
.the-metabox.typography .spinner-wrapper .spinner-button {
549
+ left: 35px;
550
}
551
552
/* images */
553
.the-metabox.images, .the-metabox.images label {
554
+ margin-left: 0;
555
+ display: block;
556
}
557
558
.the-metabox.images .slides-wrapper {
559
+ clear: both;
560
}
561
562
.the-metabox.images .slides-wrapper li {
563
+ position: relative;
564
}
565
566
.the-metabox.images a.delete {
567
+ display: block;
568
+ margin-left: 4px;
569
+ text-decoration: none;
570
+ font-weight: bold;
571
+ color: red;
572
+ position: absolute;
573
+ top: 0;
574
+ right: 0;
575
+ width: 10px;
576
+ height: 18px;
577
+ z-index: 10;
578
+ cursor: pointer !important;
579
}
580
581
/* wp editor */
582
.wp_themeSkin iframe {
583
+ background: #fff !important;
584
}
585
586
/* custom tabs */
587
.customtab_item {
588
+ border-style: solid;
589
+ border-width: 1px;
590
+ line-height: 1;
591
+ margin-bottom: 20px;
592
+ padding: 0;
593
+ background-color: #f5f5f5;
594
+ background-image: -moz-linear-gradient(center top, #f9f9f9, #f5f5f5);
595
+ border-color: #dfdfdf;
596
+ border-radius: 3px 3px 3px 3px;
597
+ box-shadow: 0 1px 0 #fff inset;
598
+ min-width: 255px;
599
+ position: relative;
600
}
601
602
.customtab_item .handlediv {
603
+ position: relative;
604
+ top: -4px;
605
}
606
607
.customtab_item h3 {
608
+ min-height: 21px
609
}
610
611
.customtab_item .inside {
612
+ padding: 10px !important;
613
}
614
615
.customtab_item .deps {
616
+ display: none;
617
}
618
619
.customtab_item .addoptions p.option {
620
+ margin: 5px 0 5px 200px
621
}
622
623
.customtab_item .addoptions p label {
624
+ width: 80px !important;
625
}
626
627
.customtab_item .add-field-option {
628
+ margin-bottom: 10px !important;
629
}
630
631
.customtab_item .remove_item {
632
+ float: right;
633
}
634
635
.metabox-sortable-placeholder {
636
+ border: 1px dotted #dedede;
637
+ margin: 10px 0
638
}
639
640
.the-metabox.customtabs {
641
+ margin-left: 0;
642
}
643
644
#customtab_item_sample {
645
+ display: none;
646
}
647
648
.the-metabox.customtabs .field-row {
649
+ margin-bottom: 10px;
650
}
651
652
#yit_custom_tabs label {
653
+ font-weight: normal;
654
+ width: auto;
655
+ float: none;
656
+ line-height: auto;
657
+ margin-left: 0;
658
}
659
660
.wp-admin p label input[type=radio] {
661
+ width: 16px;
662
+ margin-right: 10px;
663
+ margin-top: 3px;
664
}
665
666
.wp-admin .form-field._preset_onsale_icon_field label input[type=radio] {
667
+ margin-top: 0;
668
}
669
670
.the-metabox .spinner {
671
+ margin-top: 5px;
672
+ float: none;
673
}
674
675
/*sidebars*/
676
#choose-sidebars.choose {
677
+ margin-left: 0px;
678
}
679
680
#_active_page_options-container label, #_active_page_options-container p {
681
+ display: inline-block;
682
+ margin: 0px;
683
}
684
685
#_active_page_options-container label {
686
+ margin-right: 10px;
687
+ margin-top: 3px;
688
}
689
690
#_active_page_options-container {
691
+ float: right;
692
+ margin-right: 20px;
693
+ margin-top: 5px;
694
+ z-index: 9999 !important;
695
+ position: absolute;
696
+ right: 0;
697
}
698
699
/*-----------------------
700
* Colorpicker - fix issues in combination with third-party themes or plugin (Basel, VC Addons, ...)
701
*/
702
.metaboxes-tab .the-metabox.colorpicker {
703
+ display: block;
704
+ width: auto;
705
+ height: auto;
706
+ overflow: visible;
707
+ top: auto;
708
+ left: auto;
709
+ background: transparent;
710
+ position: static;
711
+ z-index: 1;
712
+ font-family: inherit;
713
+ }
714
+
715
+ .the-metabox.checkbox.checkboxgroup-start.clearfix {
716
+ margin: 40px 0 0 264px;
717
+ }
718
+
719
+ .the-metabox.checkbox.checkboxgroup.clearfix {
720
+ margin: 0 0 0 264px;
721
}
plugin-fw/assets/css/yith-fields.css CHANGED
@@ -1,38 +1,38 @@
1
.yith-plugin-fw span.description {
2
- display : block;
3
- margin-top : 5px;
4
- font-size : 12px;
5
- color : #777;
6
- font-style : italic;
7
- clear : both;
8
}
9
10
.yith-plugin-fw span.description.inline {
11
- display : inline-block;
12
- margin : 0 0 0 5px;
13
}
14
15
.yith-disabled {
16
- opacity : 0.3;
17
- pointer-events : none;
18
}
19
20
.yith-plugin-fw-field-wrapper:not(.yith-plugin-fw-title-field-wrapper) {
21
- display : block;
22
- width : 100%;
23
}
24
25
.yith-plugin-fw-field-wrapper span.desc {
26
- display : block;
27
- width : 100%;
28
}
29
30
.yith-plugin-fw-title-field-wrapper h3.title {
31
- width : 100%;
32
}
33
34
.the-metabox .yith-plugin-fw-title-field-wrapper h3.title {
35
- float : left;
36
}
37
38
.yith-plugin-fw input[type=email],
@@ -41,163 +41,168 @@
41
.yith-plugin-fw select,
42
.woocommerce .yith-plugin-fw table.form-table input[type=email],
43
.woocommerce .yith-plugin-fw table.form-table input[type=number],
44
.woocommerce .yith-plugin-fw table.form-table input[type=text]:not(.select2-search__field),
45
.woocommerce .yith-plugin-fw table.form-table select {
46
- width : 400px;
47
- max-width : 100%;
48
- height : 30px;
49
- padding : 5px;
50
}
51
52
.woocommerce .yith-plugin-fw table.form-table input[type=text].wp-color-picker,
53
.woocommerce .yith-plugin-fw table.form-table input[type=text].yith-plugin-fw-colorpicker,
54
.yith-plugin-fw input[type=text].wp-color-picker,
55
.yith-plugin-fw input[type=text].yith-plugin-fw-colorpicker {
56
- width : 6em;
57
- max-width : none;
58
- height : auto;
59
- padding : 3px 5px;
60
}
61
62
.woocommerce .yith-plugin-fw table.form-table input[type=text].colorpick,
63
.yith-plugin-fw input[type=text].colorpick {
64
- width : 6em;
65
- max-width : none;
66
- height : auto;
67
- padding : 6px;
68
}
69
70
.yith-plugin-fw input.select2-search__field,
71
.yith-plugin-fw .select2-container .select2-search--inline .select2-search__field,
72
.woocommerce .yith-plugin-fw input.select2-search__field,
73
.woocommerce .yith-plugin-fw table.form-table input.select2-search__field {
74
- padding : 3px;
75
}
76
77
.yith-plugin-fw textarea {
78
- width : 400px;
79
- max-width : 100%;
80
- padding : 5px;
81
}
82
83
/* ------------- ICONS ------------- */
84
.yit-icons-manager-wrapper {
85
- width : 100%;
86
- max-width : 400px;
87
}
88
89
.yit-icons-manager-text {
90
- width : 100%;
91
}
92
93
.yit-icons-manager-icon-text {
94
- width : calc(100% - 35px) !important;
95
- height : 30px;
96
- float : left;
97
- margin : 0;
98
}
99
100
.yit-icons-manager-icon-preview {
101
- width : 30px;
102
- height : 30px;
103
- margin-right : 5px;
104
- float : left;
105
- padding-top : 6px;
106
- box-sizing : border-box;
107
- text-align : center;
108
- background : #f1f1f1;
109
}
110
111
.yit-icons-manager-list-wrapper {
112
- margin : 10px 0;
113
- box-shadow : 0 0 0 1px #ddd;
114
}
115
116
ul.yit-icons-manager-list {
117
- width : 100%;
118
- height : 300px;
119
- overflow-y : scroll;
120
- margin : 0;
121
}
122
123
ul.yit-icons-manager-list li {
124
- float : left;
125
- width : 30px;
126
- height : 30px;
127
- padding-top : 6px;
128
- box-sizing : border-box;
129
- text-align : center;
130
- background : #f1f1f1;
131
- margin : 1px;
132
- cursor : pointer;
133
}
134
135
ul.yit-icons-manager-list li:hover {
136
- background : #c5dcf6;
137
}
138
139
ul.yit-icons-manager-list li.active {
140
- background : #d4f0ff;
141
}
142
143
.yit-icons-manager-action-set-default {
144
- margin-bottom : 0;
145
}
146
147
.yit-icons-manager-default-icon-preview {
148
- height : 100%;
149
- display : inline-block;
150
- padding-left : 10px;
151
- border-left : 1px solid #ccc;
152
- margin-left : 10px;
153
}
154
155
/* ------- Text Array ------- */
156
.yith-plugin-fw-text-array-table td {
157
- padding : 1px;
158
}
159
160
.yith-plugin-fw-text-array-table input[type=text],
161
.woocommerce table.form-table table.yith-plugin-fw-text-array-table input[type=text] {
162
- width : 100%;
163
}
164
165
/* ------- Image Gallery ------- */
166
.yith-plugin-fw .image-gallery ul li {
167
- display : inline-block;
168
- width : 80px;
169
- margin-left : 10px;
170
- position : relative;
171
}
172
173
.yith-plugin-fw .image-gallery ul li img {
174
- width : 80px;
175
- border : 1px solid #ccc;
176
}
177
178
.yith-plugin-fw .image-gallery ul li ul {
179
- position : absolute;
180
- top : -6px;
181
- right : -1px;
182
- width : 20px;
183
- height : 20px;
184
}
185
186
.yith-plugin-fw .image-gallery ul a.delete {
187
- background : url(../images/x.png) no-repeat;
188
- width : 20px;
189
- height : 20px;
190
- display : block;
191
- text-indent : -99999px;
192
}
193
194
/* ------- OnOff ------- */
195
.yith-plugin-fw-onoff-container {
196
- display : inline-block;
197
}
198
199
.yith-plugin-fw-onoff-container input {
200
- display : none;
201
}
202
203
.yith-plugin-fw-onoff-container input + span {
@@ -205,6 +210,7 @@ ul.yit-icons-manager-list li.active {
205
text-indent: -9999px;
206
display: block;
207
width: 36px;
208
height: 20px;
209
background: #a4a4a4;
210
border-radius: 24px;
@@ -212,193 +218,194 @@ ul.yit-icons-manager-list li.active {
212
transition: all 0.3s;
213
}
214
215
.yith-plugin-fw-onoff-container input + span:before {
216
- content : '';
217
- background : #fff;
218
- width : 16px;
219
- height : 16px;
220
- border-radius : 50%;
221
- position : absolute;
222
- top : 2px;
223
- left : 2px;
224
- transition : all 0.3s;
225
}
226
227
.yith-plugin-fw-onoff-container input:checked + span,
228
.yith-plugin-fw-onoff-container input.onoffchecked + span {
229
- background : #0073aa;
230
}
231
232
.yith-plugin-fw-onoff-container input:checked + span:before,
233
.yith-plugin-fw-onoff-container input.onoffchecked + span:before {
234
- left : 18px;
235
}
236
237
/* ------- Preview ------- */
238
.yith-plugin-fw-preview-field {
239
- max-height : 200px;
240
}
241
242
/* ------- Radio ------- */
243
.yith-plugin-fw-radio input[type=radio] {
244
- margin : 0 3px 0 0;
245
}
246
247
.yith-plugin-fw-radio__row {
248
- margin-bottom : 8px;
249
}
250
251
/* ------- Sidebar Layout ------- */
252
.yith-plugin-fw-sidebar-layout input[type="radio"] {
253
- display : none;
254
- width : 0px;
255
}
256
257
.yith-plugin-fw-sidebar-layout input[type="radio"]:first-child {
258
- margin-right : -2px;
259
}
260
261
.yith-plugin-fw-sidebar-layout input[type="radio"] + img {
262
- border : 2px solid #fff;
263
- padding : 1px;
264
}
265
266
.yith-plugin-fw-sidebar-layout input[type="radio"] + img:hover {
267
- cursor : pointer;
268
}
269
270
.yith-plugin-fw-sidebar-layout input[checked] + img {
271
- border : 2px solid #f2ad35;
272
- padding : 1px;
273
}
274
275
.yith-plugin-fw-sidebar-layout select {
276
- vertical-align : 12px;
277
}
278
279
.yit-admin-panel-content-wrap .yith-plugin-fw-sidebar-layout label {
280
- font-weight : bold;
281
- width : 200px;
282
- float : left;
283
- line-height : 23px;
284
- margin-left : -230px;
285
}
286
287
/* ------- Slider ------- */
288
.yith-plugin-fw .slider {
289
- padding-top : 20px;
290
}
291
292
.ui-slider .minCaption {
293
- position : absolute;
294
- right : 95%;
295
- top : -6px;
296
- margin-right : 11px;
297
}
298
299
.ui-slider .maxCaption {
300
- position : absolute;
301
- left : 95%;
302
- top : -6px;
303
- margin-left : 20px;
304
}
305
306
.ui-slider-horizontal .ui-slider-handle {
307
- background : #fff;
308
- border : 0px !important;
309
- top : -12px !important;
310
- border-radius : 50%;
311
- width : 27px !important;
312
- height : 27px !important;
313
- box-sizing : border-box;
314
- box-shadow : 0 1px 7px -1px rgba(0, 0, 0, 0.5);
315
- font-size : 13px;
316
- padding : 6px 0;
317
- font-weight : 600;
318
- color : #555;
319
- text-align : center;
320
}
321
322
.ui-slider.ui-widget-content {
323
- background : #ccc;
324
- border : none !important;
325
- height : 3px !important;
326
- border-radius : 3px !important;
327
- width : 90%;
328
- margin : 15px 5% 20px 5%;
329
}
330
331
.iris-slider-offset.ui-slider.ui-widget-content {
332
- background : transparent !important;
333
- height : auto !important;
334
}
335
336
.ui-slider.ui-widget-content .ui-widget-header {
337
- background : #4b93ff;
338
- left : 0px !important;
339
- -webkit-border-radius : 3px;
340
- -moz-border-radius : 3px;
341
- -khtml-border-radius : 3px;
342
- border-radius : 3px;
343
}
344
345
/* ------- Select2 ------- */
346
.yith-plugin-fw-select2-wrapper {
347
- width : 400px;
348
}
349
350
/* ------- Textarea ------- */
351
.yith-plugin-fw-textarea-editor-field-wrapper {
352
- max-width : 1000px;
353
- clear : both;
354
}
355
356
.yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area,
357
.woocommerce table.form-table .yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area {
358
- width : 100%;
359
}
360
361
/* ------- Buttons ------- */
362
.yith-plugin-fw-buttons-field-wrapper {
363
- margin-top : 7px;
364
}
365
366
/* ------- Select Images ------- */
367
.yith-plugin-fw-select-images__list {
368
- margin : 0;
369
- display : flex;
370
- flex-wrap : wrap;
371
}
372
373
.yith-plugin-fw-select-images__item {
374
- width : calc(20% - 10px);
375
- min-width : 150px;
376
- margin : 0 10px 10px 0;
377
- padding : 10px;
378
- box-sizing : border-box;
379
- cursor : pointer;
380
- transition : all .3s;
381
- border : 2px solid #eee;
382
- display : flex;
383
- flex-direction : column;
384
- justify-content : space-between;
385
}
386
387
.yith-plugin-fw-select-images__item:hover,
388
.yith-plugin-fw-select-images__item.yith-plugin-fw-select-images__item--selected {
389
- border-color : #07bcce;
390
}
391
392
.yith-plugin-fw-select-images__item__label {
393
- text-align : center;
394
- font-weight : 600;
395
- margin-bottom : 10px;
396
}
397
398
.yith-plugin-fw-select-images__item img {
399
- display : block;
400
- max-width : 100%;
401
- margin : 0 auto;
402
}
403
404
/****************
@@ -406,8 +413,8 @@ YITH UI
406
****************/
407
@font-face {
408
font-family: 'yith-icon';
409
- src: url('../fonts/yith-icon.eot?7ik896');
410
- src: url('../fonts/yith-icon.eot?7ik896#iefix') format('embedded-opentype'),
411
url('../fonts/yith-icon.ttf?7ik896') format('truetype'),
412
url('../fonts/yith-icon.woff?7ik896') format('woff'),
413
url('../fonts/yith-icon.svg?7ik896#yith-icon') format('svg');
@@ -415,7 +422,7 @@ YITH UI
415
font-style: normal;
416
}
417
418
- [class^="icon-"], [class*=" icon-"] {
419
/* use !important to prevent issues with browser extensions that change fonts */
420
font-family: 'yith-icon' !important;
421
speak: none;
@@ -429,92 +436,157 @@ YITH UI
429
-webkit-font-smoothing: antialiased;
430
-moz-osx-font-smoothing: grayscale;
431
}
432
- .icon-drag:before {
433
content: "\e90f";
434
- color: #d8d8d8;
435
}
436
- .icon-arrow_down:before {
437
content: "\e900";
438
- color: #d8d8d8;
439
}
440
- .icon-arrow_left:before {
441
content: "\e901";
442
- color: #d8d8d8;
443
}
444
- .icon-arrow_right:before {
445
content: "\e902";
446
- color: #d8d8d8;
447
}
448
- .icon-arrow_up:before {
449
content: "\e903";
450
- color: #d8d8d8;
451
}
452
- .icon-calendar:before {
453
content: "\e904";
454
- color: #d8d8d8;
455
}
456
- .icon-check:before {
457
content: "\e905";
458
- color: #d8d8d8;
459
}
460
- .icon-close:before {
461
content: "\e906";
462
- color: #d8d8d8;
463
}
464
- .icon-edit:before {
465
content: "\e907";
466
- color: #d8d8d8;
467
}
468
- .icon-magnifier:before {
469
content: "\e908";
470
- color: #d8d8d8;
471
}
472
- .icon-pencil:before {
473
content: "\e909";
474
- color: #d8d8d8;
475
}
476
- .icon-plus:before {
477
content: "\e90a";
478
- color: #d8d8d8;
479
}
480
- .icon-update:before {
481
content: "\e90b";
482
- color: #d8d8d8;
483
}
484
- .icon-upload:before {
485
content: "\e90c";
486
- color: #d8d8d8;
487
- }
488
- .icon-trash:before {
489
- content: "\e90d";
490
- color: #d8d8d8;
491
- }
492
- .icon-info:before {
493
- content: "\e90e";
494
- color: #d8d8d8;
495
- }
496
- .icon-reset:before {
497
- content: "\e910";
498
- color: #d8d8d8;
499
}
500
- .yith-plugin-fw-banner{
501
width: 100%;
502
height: 75px;
503
background: url('../images/banner-premium.png');
504
}
505
- .yith-plugin-fw-banner.yith-plugin-fw-banner-free{
506
height: 290px;
507
background: url('../images/banner-free.png') no-repeat;
508
}
509
- .yith-plugin-fw-banner.yith-plugin-fw-banner-free h1{
510
max-width: auto;
511
- text-align:left;
512
margin-left: 110px;
513
padding-top: 15px;
514
padding-bottom: 8px;
515
}
516
517
- .yith-plugin-fw-banner h1{
518
text-transform: uppercase;
519
color: #0c5777;
520
font-size: 15px;
@@ -525,106 +597,125 @@ YITH UI
525
box-sizing: border-box;
526
}
527
528
- .yith-plugin-fw-banner span{
529
- font-style:italic;
530
display: block;
531
font-size: 15px;
532
- color:#214249;
533
- text-transform:none;
534
text-align: right;
535
}
536
537
.yith-plugin-fw-banner a,
538
- .yith-plugin-fw-banner a:focus{
539
text-decoration: none;
540
outline: none;
541
box-shadow: none;
542
}
543
544
- .yith-banners ul{
545
list-style: none;
546
margin-left: 10px;
547
}
548
549
- .yith-banners ul li{
550
display: inline-block;
551
margin-left: 10px;
552
}
553
- .yith-plugin-ui a{
554
outline: none;
555
box-shadow: none;
556
}
557
558
- .yith-plugin-ui{
559
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
560
}
561
562
- .yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper{
563
- margin-top:10px;
564
}
565
566
- .yith-plugin-ui .nav-tab{
567
margin-left: 0px;
568
margin-right: 2px;
569
background-color: #336374;
570
color: #fff;
571
- font-size: 13px;
572
padding: 7px 20px;
573
border: 0;
574
}
575
- .yith-plugin-ui .nav-tab:first-child{
576
border-left: 1px solid #d9d9d9;
577
}
578
579
- .yith-plugin-ui .nav-tab.yith-premium{
580
background-color: #be421c;
581
}
582
- .yith-plugin-ui .nav-tab-active{
583
background-color: #fff;
584
color: #336374;
585
- border-bottom:1px solid #fff;
586
}
587
- .yith-plugin-ui .nav-tab-active.yith-premium{
588
background-color: #fff;
589
color: #be421c;
590
}
591
- .yith-plugin-ui #plugin-fw-wc{
592
padding-top: 0px;
593
}
594
595
- .yith-plugin-ui .form-table td{
596
padding: 15px 20px;
597
}
598
599
- .yith-plugin-ui label{
600
color: #33373b;
601
- font-size: 13px;
602
}
603
604
- .yith-plugin-ui span.description{
605
color: #716269;
606
- font-size: 11px;
607
font-style: normal;
608
font-weight: 400;
609
margin-top: 15px;
610
margin-left: 0;
611
}
612
- #wpwrap .yith-plugin-ui h2.nav-tab-wrapper, #wpbody-content .yith-plugin-ui h2.nav-tab-wrapper {
613
border: 0;
614
- border-bottom : 1px solid #ccc;
615
margin-right: 15px;
616
background-color: transparent;
617
padding-left: 0;
618
}
619
.yith-plugin-ui #plugin-fw-wc table.form-table,
620
.yith-plugin-ui #yith-plugin-fw-panel table.form-table,
621
- .yith-plugin-ui table.form-table{
622
border: 1px solid #d8d8d8;
623
border-top: 0;
624
margin-bottom: 40px;
625
}
626
627
- .yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper{
628
background-color: transparent;
629
border: 0;
630
text-transform: none;
@@ -633,7 +724,7 @@ YITH UI
633
634
.yith-plugin-ui h2 {
635
color: #2a8db0;
636
- font-size: 13px;
637
text-transform: uppercase;
638
border: 1px solid #d8d8d8;
639
border-bottom: 0;
@@ -641,12 +732,13 @@ YITH UI
641
padding: 35px 20px;
642
margin: 0px;
643
}
644
- .yith-plugin-ui .yith-plugin-fw-custom-tab h2{
645
border: 0px solid #d8d8d8;
646
padding-left: 0;
647
}
648
649
- .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 {
650
padding: 30px 20px;
651
}
652
@@ -659,17 +751,17 @@ YITH UI
659
padding-bottom: 5px;
660
}
661
662
- .yith-plugin-ui #plugin-fw-wc h2 + div p, .yith-plugin-ui p.info-box{
663
background: #f1f1f1;
664
- font-size: 12px;
665
font-weight: 700;
666
width: 40%;
667
- display:block;
668
padding: 15px;
669
margin-bottom: 0;
670
}
671
672
- .yith-plugin-ui #plugin-fw-wc h2 + div p:before, .yith-plugin-ui p.info-box:before{
673
content: "\e90e";
674
font-family: yith-icon;
675
font-size: 30px;
@@ -680,7 +772,7 @@ YITH UI
680
margin-right: 15px;
681
}
682
683
- .yith-plugin-ui h2:first-child{
684
border-top: 0;
685
}
686
@@ -701,10 +793,12 @@ YITH UI
701
.yith-plugin-ui input[type=text],
702
.yith-plugin-ui input[type=email],
703
.yith-plugin-ui input[type=password],
704
.yith-plugin-fw.yith-plugin-ui input[type=text]:not(.select2-search__field),
705
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text]:not(.select2-search__field),
706
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table select,
707
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table textarea,
708
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=number],
709
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text] {
710
border: 1px solid #d8d8d8;
@@ -715,14 +809,22 @@ YITH UI
715
box-shadow: none;
716
color: #716269;
717
}
718
.yith-plugin-ui textarea,
719
- .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table textarea{
720
height: auto;
721
}
722
.yith-plugin-ui table.form-table input[type=text].wp-color-picker,
723
- .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].wp-color-picker{
724
border: 0;
725
height: 30px;
726
}
727
728
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].small-text,
@@ -738,27 +840,27 @@ YITH UI
738
}
739
740
.yith-plugin-ui select:focus,
741
- .yith-plugin-ui input[type=text]:focus {
742
- border-color: #a7d9ec;
743
}
744
745
.woocommerce .yith-plugin-ui table.form-table select,
746
- .yith-plugin-ui select{
747
-webkit-appearance: none;
748
- line-height: 1;
749
min-height: 35px;
750
background: url("../images/arrow_down.svg") no-repeat right center;
751
background-size: 35px 13px;
752
border-radius: 8px;
753
}
754
755
- .yith-plugin-ui .form-table th{
756
- width: 280px;
757
padding-right: 50px;
758
}
759
760
/** BUTTONS **/
761
- .yith-plugin-ui .tablenav .button.action,
762
.wp-core-ui .yith-plugin-ui .button-primary,
763
.wp-core-ui .yith-plugin-ui .button-secondary,
764
.yith-plugin-ui .yith-add-button,
@@ -786,12 +888,14 @@ YITH UI
786
line-height: 26px;
787
display: inline-block;
788
text-decoration: none;
789
}
790
.wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
791
.wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button,
792
.yith-plugin-ui .yith-plugin-fw-upload-button-reset,
793
.yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
794
- .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button{
795
height: 38px;
796
}
797
@@ -801,49 +905,55 @@ YITH UI
801
.yith-plugin-ui .yith-save-button:focus,
802
.yith-plugin-ui .yith-edit-button:focus,
803
.yith-plugin-ui .yith-update-button:focus,
804
- .wp-core-ui .yith-plugin-ui .button-secondary:focus{
805
outline: none;
806
box-shadow: none;
807
}
808
809
/** button with inside a span with icon class */
810
- .yith-plugin-ui .button-secondary span.yith-icon{
811
margin-left: 0px;
812
margin-right: 10px;
813
line-height: normal;
814
}
815
816
- .yith-plugin-ui .button-secondary span.yith-icon:before{
817
color: #656565;
818
font-size: 15px;
819
}
820
821
- .yith-plugin-ui .tablenav .button.action,
822
.wp-core-ui .yith-plugin-ui .button:focus,
823
.wp-core-ui .yith-plugin-ui .button-secondary:focus,
824
.yith-plugin-ui .yith-save-button:hover,
825
.wp-core-ui .yith-plugin-ui .button-secondary:hover,
826
- .yith-plugin-ui .yith-plugin-fw-upload-button-reset:hover{
827
background-color: #cacaca;
828
color: #515151;
829
}
830
831
.wp-core-ui .yith-plugin-ui .button-primary,
832
- .yith-plugin-ui .tablenav .button.action,
833
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all,
834
- .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button{
835
background-color: #007694;
836
color: #fff;
837
}
838
839
- .yith-plugin-ui .tablenav .button.action:active,
840
- .yith-plugin-ui .tablenav .button.action:focus,
841
- .yith-plugin-ui .tablenav .button.action:hover,
842
.yith-plugin-ui .yith-add-button,
843
.wp-core-ui .yith-plugin-ui .button-primary:focus,
844
- .wp-core-ui .yith-plugin-ui .button-primary:hover{
845
background-color: #375f6b;
846
color: #fff;
847
}
848
849
@@ -851,7 +961,7 @@ YITH UI
851
.wp-core-ui .yith-plugin-ui .yith-plugin-fw-upload-button:focus,
852
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:hover,
853
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:focus,
854
- .yith-plugin-ui .yith-plugin-fw-upload-button:hover{
855
border-color: #007694;
856
background: #007694;
857
color: #fff;
@@ -864,13 +974,13 @@ YITH UI
864
.yith-plugin-ui .yith-save-button:before,
865
.yith-plugin-ui .yith-edit-button:before,
866
.yith-plugin-ui .yith-update-button:before,
867
- .yith-plugin-ui .button-secondary:before{
868
font-family: 'yith-icon';
869
font-size: 10px;
870
font-weight: 700;
871
margin-right: 10px;
872
vertical-align: bottom;
873
- display:inline-block;
874
}
875
876
/** yith-edit-button **/
@@ -878,25 +988,30 @@ YITH UI
878
background-color: #7f9298;
879
color: #fff;
880
}
881
.yith-plugin-ui .yith-edit-button:focus,
882
.yith-plugin-ui .yith-edit-button:hover {
883
background-color: #718085;
884
color: #fff;
885
}
886
- .yith-plugin-ui .yith-edit-button:before{
887
content: "\e907";
888
}
889
/** yith-update-button **/
890
.yith-plugin-ui .yith-update-button {
891
background-color: #94aa09;
892
color: #fff;
893
}
894
.yith-plugin-ui .yith-update-button:focus,
895
.yith-plugin-ui .yith-update-button:hover {
896
background-color: #7a9009;
897
color: #fff;
898
}
899
- .yith-plugin-ui .yith-update-button:before{
900
content: "\e90b";
901
font-size: 15px;
902
}
@@ -907,6 +1022,7 @@ YITH UI
907
background-color: #267390;
908
color: #fff;
909
}
910
.yith-plugin-ui .yith-save-button:focus,
911
.yith-plugin-ui .yith-save-button:hover {
912
background-color: #1c4863;
@@ -916,111 +1032,140 @@ YITH UI
916
917
/** yith-remove-button **/
918
919
- .yith-plugin-ui .button-secondary.yith-remove-button:before{
920
content: "\e90d";
921
font-size: 15px;
922
}
923
924
925
/** yith-add-button **/
926
-
927
- .yith-plugin-ui .yith-add-button:before{
928
content: "\e90a";
929
}
930
931
/** yith-plugin-fw-upload-button **/
932
- .yith-plugin-ui button.yith-plugin-fw-upload-button:before{
933
content: "\e90c";
934
font-family: 'yith-icon';
935
font-size: 19px;
936
font-weight: 400;
937
margin-right: 10px;
938
vertical-align: middle;
939
- display:inline-block;
940
}
941
/** SELECT 2 **/
942
.yith-plugin-ui .select2-container,
943
- .yith-plugin-ui .select2-selection--single{
944
height: auto;
945
padding: 2px;
946
outline: none;
947
}
948
949
- .yith-plugin-ui .select2-selection--single{
950
margin: 0;
951
border: 0;
952
}
953
954
/* old panel*/
955
956
- .yith-plugin-ui span.select2.select2-container.select2-container--default{
957
border: 1px solid #d8d8d8;
958
- border-radius:8px;
959
}
960
- .yith-plugin-ui span.select2.select2-container.select2-container--default:hover,
961
- .yith-plugin-ui span.select2.select2-container.select2-container--default:active,
962
- .yith-plugin-ui span.select2.select2-container.select2-container--default:focus {
963
border-color: #a7d9ec;
964
}
965
- .yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
966
color: #fff;
967
}
968
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].select2-search__field,
969
- .yith-plugin-ui .yith-plugin-fw table.form-table input.select2-search__field{
970
border: 0;
971
padding: 0;
972
height: initial;
973
}
974
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice,
975
- .yith-plugin-ui .select2-selection__choice{
976
color: #fff;
977
background-color: #4e8ba2;
978
border-radius: 12px;
979
padding: 3px 11px;
980
border-color: #33937e;
981
- font-size: 12px;
982
}
983
984
- .yith-plugin-ui .select2-container--default .select2-selection--single .select2-selection__arrow:before{
985
content: "\e900";
986
font-family: 'yith-icon' !important;
987
line-height: 36px;
988
color: #d9d9d9;
989
}
990
991
- .yith-plugin-ui .select2-container--default .select2-selection--single .select2-selection__arrow b{
992
display: none;
993
}
994
.yith-plugin-ui .select2-container--open .select2-dropdown--below,
995
.yith-plugin-ui .select2-container--open .select2-dropdown--above,
996
.yith-plugin-fw-panel .select2-container--open .select2-dropdown--below,
997
.yith-plugin-fw-panel .select2-container--open .select2-dropdown--above {
998
margin-top: 10px;
999
border-radius: 8px;
1000
- box-shadow:0 2px 4px 0 rgba(0,0,0,0.12),0 2px 10px 0 rgba(0,0,0,0.12) !important;
1001
}
1002
.yith-plugin-ui .select2-container--open .select2-dropdown--above,
1003
- .yith-plugin-fw-panel .select2-container--open .select2-dropdown--above{
1004
margin-top: -10px;
1005
}
1006
.yith-plugin-ui .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
1007
.yith-plugin-ui .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
1008
.yith-plugin-fw-panel .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
1009
- .yith-plugin-fw-panel .select2-container--default.select2-container--open.select2-container--above .select2-selection--single{
1010
border-radius: 8px;
1011
}
1012
.yith-plugin-ui .select2-results .select2-results__group, .select2-results .select2-results__option:first-child,
1013
- .yith-plugin-fw-panel .select2-results .select2-results__group, .select2-results .select2-results__option:first-child{
1014
border-top-left-radius: 8px;
1015
border-top-right-radius: 8px;
1016
}
1017
.yith-plugin-ui .select2-results .select2-results__group,
1018
.yith-plugin-ui .select2-results .select2-results__option:last-child,
1019
.yith-plugin-fw-panel .select2-results .select2-results__group,
1020
- .yith-plugin-fw-panel .select2-results .select2-results__option:last-child{
1021
border-bottom-left-radius: 8px;
1022
border-bottom-right-radius: 8px;
1023
}
1024
.yith-plugin-ui .select2-container--default .select2-results__option[data-selected=true],
1025
.yith-plugin-ui .select2-container--default .select2-results__option[aria-selected=true],
1026
.yith-plugin-fw-panel .select2-container--default .select2-results__option[data-selected=true],
@@ -1028,17 +1173,18 @@ YITH UI
1028
background-color: #fff;
1029
outline: none;
1030
}
1031
.yith-plugin-ui .select2-container--default .select2-results__option--highlighted[aria-selected],
1032
.yith-plugin-ui .select2-container--default .select2-results__option--highlighted[data-selected],
1033
.yith-plugin-fw-panel .select2-container--default .select2-results__option--highlighted[aria-selected],
1034
- .yith-plugin-fw-panel .select2-container--default .select2-results__option--highlighted[data-selected]{
1035
background-color: #e8eff1;
1036
color: #4e8ba2;
1037
outline: none;
1038
}
1039
1040
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
1041
- .yith-plugin-fw-panel .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
1042
float: right;
1043
padding-left: 15px;
1044
text-indent: -9999px;
@@ -1047,7 +1193,7 @@ YITH UI
1047
1048
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after,
1049
.woocommerce .yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after,
1050
- .yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after{
1051
float: right;
1052
color: #fff;
1053
content: "\e906";
@@ -1057,79 +1203,86 @@ YITH UI
1057
text-indent: 0;
1058
}
1059
1060
- .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after{
1061
color: #000;
1062
}
1063
1064
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after
1065
- .yith-plugin-fw-panel .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after{
1066
color: #000;
1067
}
1068
.yith-plugin-ui .select2-container .select2-selection--multiple,
1069
- .yith-plugin-ui .select2-container--default.select2-container--focus .select2-selection--multiple{
1070
border: 0;
1071
}
1072
1073
- .yith-plugin-fw .select2-search input[type=text]{
1074
border: 0;
1075
padding: 0;
1076
height: auto;
1077
}
1078
- .yith-plugin-ui .yith-plugin-fw-select-field-wrapper span.yith-icon.icon-magnifier,
1079
- .yith-plugin-fw-panel .yith-plugin-fw-select-field-wrapper span.yith-icon.icon-magnifier {
1080
position: absolute;
1081
padding-top: 5px;
1082
}
1083
1084
- .yith-plugin-ui input[type=text].select2-search__field{
1085
border: 0;
1086
padding: 0;
1087
height: 30px;
1088
}
1089
.yith-plugin-ui .select2-container--default .select2-search--dropdown .select2-search__field,
1090
- .yith-plugin-fw-panel .select2-container--default .select2-search--dropdown .select2-search__field {
1091
border: 1px solid #d9d9d9;
1092
border-radius: 8px;
1093
box-shadow: none;
1094
}
1095
.yith-plugin-ui .select2-dropdown,
1096
- .yith-plugin-fw-panel .select2-dropdown{
1097
border: 1px solid #d9d9d9;
1098
}
1099
/** RADIO BUTTON **/
1100
- .yith-plugin-ui [type="radio"]:checked,
1101
- .yith-plugin-ui [type="radio"]:not(:checked) {
1102
position: absolute;
1103
left: -9999px;
1104
}
1105
.yith-plugin-ui [type="radio"]:checked + label,
1106
- .yith-plugin-ui [type="radio"]:not(:checked) + label
1107
- {
1108
position: relative;
1109
padding-left: 35px;
1110
cursor: pointer;
1111
line-height: 20px;
1112
display: inline-block;
1113
color: #716269;
1114
- font-size: 12px;
1115
}
1116
.yith-plugin-ui [type="radio"]:checked + label:before,
1117
- .yith-plugin-ui [type="radio"]:not(:checked) + label:before {
1118
content: '';
1119
position: absolute;
1120
left: 0;
1121
top: 0;
1122
- width: 18px;
1123
- height: 18px;
1124
border: 1px solid #d8d8d8;
1125
border-radius: 100%;
1126
background: #fff;
1127
}
1128
.yith-plugin-ui [type="radio"]:checked + label:after,
1129
.yith-plugin-ui [type="radio"]:not(:checked) + label:after {
1130
content: '';
1131
- width: 12px;
1132
- height: 12px;
1133
background: #4e8ba2;
1134
position: absolute;
1135
top: 4px;
@@ -1138,11 +1291,13 @@ YITH UI
1138
-webkit-transition: all 0.2s ease;
1139
transition: all 0.2s ease;
1140
}
1141
.yith-plugin-ui [type="radio"]:not(:checked) + label:after {
1142
opacity: 0;
1143
-webkit-transform: scale(0);
1144
transform: scale(0);
1145
}
1146
.yith-plugin-ui [type="radio"]:checked + label:after {
1147
opacity: 1;
1148
-webkit-transform: scale(1);
@@ -1160,15 +1315,19 @@ YITH UI
1160
border-radius: 3px;
1161
display: inline-block;
1162
position: relative;
1163
}
1164
- .yith-plugin-ui input[type="checkbox"]:checked{
1165
background-color: #4e8ba2;
1166
border-color: #488197;
1167
}
1168
.yith-plugin-ui .forminp-checkbox span.description.inline {
1169
margin-left: 10px;
1170
}
1171
- .yith-plugin-ui input[type="checkbox"]:checked:before{
1172
display: none;
1173
}
1174
@@ -1187,55 +1346,63 @@ YITH UI
1187
display: none;
1188
}
1189
1190
- .yith-plugin-ui .yith-plugin-fw-onoff-container input + span{
1191
border: 1px solid #d8d8d8;
1192
background-color: #fff;
1193
- width:50px;
1194
}
1195
1196
- .yith-plugin-ui .yith-plugin-fw-onoff-container input + span:before{
1197
background-color: #d8d8d8;
1198
}
1199
1200
.yith-plugin-ui .yith-plugin-fw-onoff-container input + span:before {
1201
width: 14px;
1202
height: 14px;
1203
- top: 3px;
1204
- left: 4px;
1205
background-color: #d8d8d8;
1206
}
1207
- .yith-plugin-ui .yith-plugin-fw-onoff-container input + span:after{
1208
content: 'OFF';
1209
width: 14px;
1210
height: 14px;
1211
- font-size: 10px;
1212
- padding-left:24px;
1213
color: #979797;
1214
}
1215
.yith-plugin-ui .yith-plugin-fw-onoff-container input:checked + span,
1216
- .yith-plugin-ui .yith-plugin-fw-onoff-container input.onoffchecked + span{
1217
background-color: #fff;
1218
border-color: #98aa36;
1219
}
1220
1221
.yith-plugin-ui .yith-plugin-fw-onoff-container input:checked + span:before,
1222
- .yith-plugin-ui.yith-plugin-fw-onoff-container input.onoffchecked + span:before{
1223
background-color: #98aa36;
1224
- left:32px;
1225
}
1226
1227
.yith-plugin-ui .yith-plugin-fw-onoff-container input:checked + span:after,
1228
- .yith-plugin-ui.yith-plugin-fw-onoff-container input.onoffchecked + span:after{
1229
content: 'ON';
1230
color: #98aa36;
1231
width: 14px;
1232
height: 14px;
1233
display: inline-block;
1234
- font-size: 10px;
1235
padding: 0 10px;
1236
}
1237
1238
- .yith-plugin-ui .yith-plugin-fw-onoff-container input + span{
1239
text-indent: 0;
1240
}
1241
@@ -1244,48 +1411,78 @@ YITH UI
1244
DATEPICKER