YITH WooCommerce Quick View - Version 1.3.12

Version Description

Released Jul 31 - 2019

  • New: Support to WooCommerce 3.7.0 RC1
  • New: Plugin admin panel style
  • Update: Plugin Core
Download this release

Release Info

Developer yithemes
Plugin Icon 128x128 YITH WooCommerce Quick View
Version 1.3.12
Comparing to
See all releases

Code changes from version 1.3.11 to 1.3.12

Files changed (35) hide show
  1. README.txt +10 -2
  2. includes/class.yith-wcqv-admin.php +4 -3
  3. init.php +4 -4
  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 +782 -488
  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 +480 -426
  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/promo/yith-promo.php +1 -1
  21. plugin-fw/lib/yit-assets.php +9 -9
  22. plugin-fw/lib/yit-plugin-panel-wc.php +81 -114
  23. plugin-fw/lib/yith-system-status.php +382 -0
  24. plugin-fw/templates/fields/ajax-customers.php +122 -0
  25. plugin-fw/templates/fields/colorpicker.php +5 -0
  26. plugin-fw/templates/fields/list-table.php +5 -2
  27. plugin-fw/templates/fields/multi-colorpicker.php +47 -12
  28. plugin-fw/templates/fields/password.php +30 -0
  29. plugin-fw/templates/fields/radio.php +2 -1
  30. plugin-fw/templates/fields/toggle-element.php +21 -13
  31. plugin-fw/templates/metaboxes/tab.php +2 -2
  32. plugin-fw/templates/sysinfo/system-information-panel.php +135 -0
  33. plugin-fw/yit-functions.php +11 -0
  34. plugin-fw/yit-plugin.php +2 -0
  35. plugin-options/settings-options.php +26 -19
README.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: yithemes
3
Tags: woocommerce, quick view, woocommerce quick view, products quick view
4
Requires at least: 4.0
5
Tested up to: 5.2
6
- Stable tag: 1.3.11
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
@@ -42,6 +42,12 @@ Full documentation is available [here](http://yithemes.com/docs-plugins/yith-woo
42
43
== Changelog ==
44
45
= 1.3.11 = Released Jun 12 - 2019
46
47
* Update: Plugin Core
@@ -226,6 +232,8 @@ Or, if you have created your own language pack, or have an update for an existin
226
227
== Upgrade notice ==
228
229
- = 1.3.11 = Released Jun 12 - 2019
230
231
* Update: Plugin Core
3
Tags: woocommerce, quick view, woocommerce quick view, products quick view
4
Requires at least: 4.0
5
Tested up to: 5.2
6
+ Stable tag: 1.3.12
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
42
43
== Changelog ==
44
45
+ = 1.3.12 = Released Jul 31 - 2019
46
+
47
+ * New: Support to WooCommerce 3.7.0 RC1
48
+ * New: Plugin admin panel style
49
+ * Update: Plugin Core
50
+
51
= 1.3.11 = Released Jun 12 - 2019
52
53
* Update: Plugin Core
232
233
== Upgrade notice ==
234
235
+ = 1.3.12 = Released Jul 31 - 2019
236
237
+ * New: Support to WooCommerce 3.7.0 RC1
238
+ * New: Plugin admin panel style
239
* Update: Plugin Core
includes/class.yith-wcqv-admin.php CHANGED
@@ -143,14 +143,15 @@ if ( ! class_exists( 'YITH_WCQV_Admin' ) ) {
143
$args = array(
144
'create_menu_page' => true,
145
'parent_slug' => '',
146
- 'page_title' => __( 'Quick View', 'yith-woocommerce-quick-view' ),
147
- 'menu_title' => __( 'Quick View', 'yith-woocommerce-quick-view' ),
148
'capability' => 'manage_options',
149
'parent' => '',
150
'parent_page' => 'yith_plugin_panel',
151
'page' => $this->_panel_page,
152
'admin-tabs' => $admin_tabs,
153
- 'options-path' => YITH_WCQV_DIR . '/plugin-options'
154
);
155
156
143
$args = array(
144
'create_menu_page' => true,
145
'parent_slug' => '',
146
+ 'page_title' => _x( 'YITH WooCommerce Quick View', 'options page title', 'yith-woocommerce-quick-view' ),
147
+ 'menu_title' => _x( 'Quick View', 'plugin menu title', 'yith-woocommerce-quick-view' ),
148
'capability' => 'manage_options',
149
'parent' => '',
150
'parent_page' => 'yith_plugin_panel',
151
'page' => $this->_panel_page,
152
'admin-tabs' => $admin_tabs,
153
+ 'options-path' => YITH_WCQV_DIR . '/plugin-options',
154
+ 'class' => yith_set_wrapper_class()
155
);
156
157
init.php CHANGED
@@ -3,17 +3,17 @@
3
* Plugin Name: YITH WooCommerce Quick View
4
* Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-quick-view
5
* Description: The <code><strong>YITH WooCommerce Quick View</strong></code> plugin allows your customers to have a quick look about products. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>.
6
- * Version: 1.3.11
7
* Author: YITH
8
* Author URI: https://yithemes.com/
9
* Text Domain: yith-woocommerce-quick-view
10
* Domain Path: /languages/
11
* WC requires at least: 2.5.0
12
- * WC tested up to: 3.6
13
*
14
* @author YITH
15
* @package YITH WooCommerce Quick View
16
- * @version 1.3.11
17
*/
18
/* Copyright 2015 Your Inspiration Themes (email : plugins@yithemes.com)
19
@@ -61,7 +61,7 @@ register_activation_hook( __FILE__, 'yith_plugin_registration_hook' );
61
62
63
if ( ! defined( 'YITH_WCQV_VERSION' ) ){
64
- define( 'YITH_WCQV_VERSION', '1.3.11' );
65
}
66
67
if ( ! defined( 'YITH_WCQV_FREE_INIT' ) ) {
3
* Plugin Name: YITH WooCommerce Quick View
4
* Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-quick-view
5
* Description: The <code><strong>YITH WooCommerce Quick View</strong></code> plugin allows your customers to have a quick look about products. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>.
6
+ * Version: 1.3.12
7
* Author: YITH
8
* Author URI: https://yithemes.com/
9
* Text Domain: yith-woocommerce-quick-view
10
* Domain Path: /languages/
11
* WC requires at least: 2.5.0
12
+ * WC tested up to: 3.7
13
*
14
* @author YITH
15
* @package YITH WooCommerce Quick View
16
+ * @version 1.3.12
17
*/
18
/* Copyright 2015 Your Inspiration Themes (email : plugins@yithemes.com)
19
61
62
63
if ( ! defined( 'YITH_WCQV_VERSION' ) ){
64
+ define( 'YITH_WCQV_VERSION', '1.3.12' );
65
}
66
67
if ( ! defined( 'YITH_WCQV_FREE_INIT' ) ) {
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,18 +809,24 @@ 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
max-width: 60px;
727
728
}
729
730
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].small-text,
731
.yith-plugin-ui input[type=text].small-text {
732
width: 100px;
@@ -740,27 +840,27 @@ YITH UI
740
}
741
742
.yith-plugin-ui select:focus,
743
- .yith-plugin-ui input[type=text]:focus {
744
- border-color: #a7d9ec;
745
}
746
747
.woocommerce .yith-plugin-ui table.form-table select,
748
- .yith-plugin-ui select{
749
-webkit-appearance: none;
750
- line-height: 1;
751
min-height: 35px;
752
background: url("../images/arrow_down.svg") no-repeat right center;
753
background-size: 35px 13px;
754
border-radius: 8px;
755
}
756
757
- .yith-plugin-ui .form-table th{
758
- width: 280px;
759
padding-right: 50px;
760
}
761
762
/** BUTTONS **/
763
- .yith-plugin-ui .tablenav .button.action,
764
.wp-core-ui .yith-plugin-ui .button-primary,
765
.wp-core-ui .yith-plugin-ui .button-secondary,
766
.yith-plugin-ui .yith-add-button,
@@ -788,12 +888,14 @@ YITH UI
788
line-height: 26px;
789
display: inline-block;
790
text-decoration: none;
791
}
792
.wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
793
.wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button,
794
.yith-plugin-ui .yith-plugin-fw-upload-button-reset,
795
.yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
796
- .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button{
797
height: 38px;
798
}
799
@@ -803,49 +905,55 @@ YITH UI
803
.yith-plugin-ui .yith-save-button:focus,
804
.yith-plugin-ui .yith-edit-button:focus,
805
.yith-plugin-ui .yith-update-button:focus,
806
- .wp-core-ui .yith-plugin-ui .button-secondary:focus{
807
outline: none;
808
box-shadow: none;
809
}
810
811
/** button with inside a span with icon class */
812
- .yith-plugin-ui .button-secondary span.yith-icon{
813
margin-left: 0px;
814
margin-right: 10px;
815
line-height: normal;
816
}
817
818
- .yith-plugin-ui .button-secondary span.yith-icon:before{
819
color: #656565;
820
font-size: 15px;
821
}
822
823
- .yith-plugin-ui .tablenav .button.action,
824
.wp-core-ui .yith-plugin-ui .button:focus,
825
.wp-core-ui .yith-plugin-ui .button-secondary:focus,
826
.yith-plugin-ui .yith-save-button:hover,
827
.wp-core-ui .yith-plugin-ui .button-secondary:hover,
828
- .yith-plugin-ui .yith-plugin-fw-upload-button-reset:hover{
829
background-color: #cacaca;
830
color: #515151;
831
}
832
833
.wp-core-ui .yith-plugin-ui .button-primary,
834
- .yith-plugin-ui .tablenav .button.action,
835
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all,
836
- .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button{
837
background-color: #007694;
838
color: #fff;
839
}
840
841
- .yith-plugin-ui .tablenav .button.action:active,
842
- .yith-plugin-ui .tablenav .button.action:focus,
843
- .yith-plugin-ui .tablenav .button.action:hover,
844
.yith-plugin-ui .yith-add-button,
845
.wp-core-ui .yith-plugin-ui .button-primary:focus,
846
- .wp-core-ui .yith-plugin-ui .button-primary:hover{
847
background-color: #375f6b;
848
color: #fff;
849
}
850
851
@@ -853,7 +961,7 @@ YITH UI
853
.wp-core-ui .yith-plugin-ui .yith-plugin-fw-upload-button:focus,
854
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:hover,
855
.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:focus,
856
- .yith-plugin-ui .yith-plugin-fw-upload-button:hover{
857
border-color: #007694;
858
background: #007694;
859
color: #fff;
@@ -866,13 +974,13 @@ YITH UI
866
.yith-plugin-ui .yith-save-button:before,
867
.yith-plugin-ui .yith-edit-button:before,
868
.yith-plugin-ui .yith-update-button:before,
869
- .yith-plugin-ui .button-secondary:before{
870
font-family: 'yith-icon';
871
font-size: 10px;
872
font-weight: 700;
873
margin-right: 10px;
874
vertical-align: bottom;
875
- display:inline-block;
876
}
877
878
/** yith-edit-button **/
@@ -880,25 +988,30 @@ YITH UI
880
background-color: #7f9298;
881
color: #fff;
882
}
883
.yith-plugin-ui .yith-edit-button:focus,
884
.yith-plugin-ui .yith-edit-button:hover {
885
background-color: #718085;
886
color: #fff;
887
}
888
- .yith-plugin-ui .yith-edit-button:before{
889
content: "\e907";
890
}
891
/** yith-update-button **/
892
.yith-plugin-ui .yith-update-button {
893
background-color: #94aa09;
894
color: #fff;
895
}
896
.yith-plugin-ui .yith-update-button:focus,
897
.yith-plugin-ui .yith-update-button:hover {
898
background-color: #7a9009;
899
color: #fff;
900
}
901
- .yith-plugin-ui .yith-update-button:before{
902
content: "\e90b";
903
font-size: 15px;
904
}
@@ -909,6 +1022,7 @@ YITH UI
909
background-color: #267390;
910
color: #fff;
911
}
912
.yith-plugin-ui .yith-save-button:focus,
913
.yith-plugin-ui .yith-save-button:hover {
914
background-color: #1c4863;
@@ -918,111 +1032,132 @@ YITH UI
918
919
/** yith-remove-button **/
920
921
- .yith-plugin-ui .button-secondary.yith-remove-button:before{
922
content: "\e90d";
923
font-size: 15px;
924
}
925
926
927
/** yith-add-button **/
928
-
929
- .yith-plugin-ui .yith-add-button:before{
930
content: "\e90a";
931
}
932
933
/** yith-plugin-fw-upload-button **/
934
- .yith-plugin-ui button.yith-plugin-fw-upload-button:before{
935
content: "\e90c";
936
font-family: 'yith-icon';
937
font-size: 19px;
938
font-weight: 400;
939
margin-right: 10px;
940
vertical-align: middle;
941
- display:inline-block;
942
}
943
/** SELECT 2 **/
944
.yith-plugin-ui .select2-container,
945
- .yith-plugin-ui .select2-selection--single{
946
height: auto;
947
padding: 2px;
948
outline: none;
949
}
950
951
- .yith-plugin-ui .select2-selection--single{
952
margin: 0;
953
border: 0;
954
}
955
956
/* old panel*/
957
958
- .yith-plugin-ui span.select2.select2-container.select2-container--default{
959
border: 1px solid #d8d8d8;
960
- border-radius:8px;
961
}
962
- .yith-plugin-ui span.select2.select2-container.select2-container--default:hover,
963
- .yith-plugin-ui span.select2.select2-container.select2-container--default:active,
964
- .yith-plugin-ui span.select2.select2-container.select2-container--default:focus {
965
border-color: #a7d9ec;
966
}
967
- .yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
968
color: #fff;
969
}
970
.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].select2-search__field,
971
- .yith-plugin-ui .yith-plugin-fw table.form-table input.select2-search__field{
972
border: 0;
973
padding: 0;
974
height: initial;
975
}
976
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice,
977
- .yith-plugin-ui .select2-selection__choice{
978
color: #fff;
979
background-color: #4e8ba2;
980
border-radius: 12px;
981
padding: 3px 11px;
982
border-color: #33937e;
983
- font-size: 12px;
984
}
985
986
- .yith-plugin-ui .select2-container--default .select2-selection--single .select2-selection__arrow:before{
987
content: "\e900";
988
font-family: 'yith-icon' !important;
989
line-height: 36px;
990
color: #d9d9d9;
991
}
992
993
- .yith-plugin-ui .select2-container--default .select2-selection--single .select2-selection__arrow b{
994
display: none;
995
}
996
.yith-plugin-ui .select2-container--open .select2-dropdown--below,
997
.yith-plugin-ui .select2-container--open .select2-dropdown--above,
998
.yith-plugin-fw-panel .select2-container--open .select2-dropdown--below,
999
.yith-plugin-fw-panel .select2-container--open .select2-dropdown--above {
1000
margin-top: 10px;
1001
border-radius: 8px;
1002
- box-shadow:0 2px 4px 0 rgba(0,0,0,0.12),0 2px 10px 0 rgba(0,0,0,0.12) !important;
1003
}
1004
.yith-plugin-ui .select2-container--open .select2-dropdown--above,
1005
- .yith-plugin-fw-panel .select2-container--open .select2-dropdown--above{
1006
margin-top: -10px;
1007
}
1008
.yith-plugin-ui .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
1009
.yith-plugin-ui .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
1010
.yith-plugin-fw-panel .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
1011
- .yith-plugin-fw-panel .select2-container--default.select2-container--open.select2-container--above .select2-selection--single{
1012
border-radius: 8px;
1013
}
1014
.yith-plugin-ui .select2-results .select2-results__group, .select2-results .select2-results__option:first-child,
1015
- .yith-plugin-fw-panel .select2-results .select2-results__group, .select2-results .select2-results__option:first-child{
1016
border-top-left-radius: 8px;
1017
border-top-right-radius: 8px;
1018
}
1019
.yith-plugin-ui .select2-results .select2-results__group,
1020
.yith-plugin-ui .select2-results .select2-results__option:last-child,
1021
.yith-plugin-fw-panel .select2-results .select2-results__group,
1022
- .yith-plugin-fw-panel .select2-results .select2-results__option:last-child{
1023
border-bottom-left-radius: 8px;
1024
border-bottom-right-radius: 8px;
1025
}
1026
.yith-plugin-ui .select2-container--default .select2-results__option[data-selected=true],
1027
.yith-plugin-ui .select2-container--default .select2-results__option[aria-selected=true],
1028
.yith-plugin-fw-panel .select2-container--default .select2-results__option[data-selected=true],
@@ -1030,17 +1165,18 @@ YITH UI
1030
background-color: #fff;
1031
outline: none;
1032
}
1033
.yith-plugin-ui .select2-container--default .select2-results__option--highlighted[aria-selected],
1034
.yith-plugin-ui .select2-container--default .select2-results__option--highlighted[data-selected],
1035
.yith-plugin-fw-panel .select2-container--default .select2-results__option--highlighted[aria-selected],
1036
- .yith-plugin-fw-panel .select2-container--default .select2-results__option--highlighted[data-selected]{
1037
background-color: #e8eff1;
1038
color: #4e8ba2;
1039
outline: none;
1040
}
1041
1042
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
1043
- .yith-plugin-fw-panel .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
1044
float: right;
1045
padding-left: 15px;
1046
text-indent: -9999px;
@@ -1049,7 +1185,7 @@ YITH UI
1049
1050
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after,
1051
.woocommerce .yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after,
1052
- .yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after{
1053
float: right;
1054
color: #fff;
1055
content: "\e906";
@@ -1059,79 +1195,86 @@ YITH UI
1059
text-indent: 0;
1060
}
1061
1062
- .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after{
1063
color: #000;
1064
}
1065
1066
.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after
1067
- .yith-plugin-fw-panel .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after{
1068
color: #000;
1069
}
1070
.yith-plugin-ui .select2-container .select2-selection--multiple,
1071
- .yith-plugin-ui .select2-container--default.select2-container--focus .select2-selection--multiple{
1072
border: 0;
1073
}
1074
1075
- .yith-plugin-fw .select2-search input[type=text]{
1076
border: 0;
1077
padding: 0;
1078
height: auto;
1079
}
1080
- .yith-plugin-ui .yith-plugin-fw-select-field-wrapper span.yith-icon.icon-magnifier,
1081
- .yith-plugin-fw-panel .yith-plugin-fw-select-field-wrapper span.yith-icon.icon-magnifier {
1082
position: absolute;
1083
padding-top: 5px;
1084
}
1085
1086
- .yith-plugin-ui input[type=text].select2-search__field{
1087
border: 0;
1088
padding: 0;
1089
height: 30px;
1090
}
1091
.yith-plugin-ui .select2-container--default .select2-search--dropdown .select2-search__field,
1092
- .yith-plugin-fw-panel .select2-container--default .select2-search--dropdown .select2-search__field {
1093
border: 1px solid #d9d9d9;
1094
border-radius: 8px;
1095
box-shadow: none;
1096
}
1097
.yith-plugin-ui .select2-dropdown,
1098
- .yith-plugin-fw-panel .select2-dropdown{
1099
border: 1px solid #d9d9d9;
1100
}
1101
/** RADIO BUTTON **/
1102
- .yith-plugin-ui [type="radio"]:checked,
1103
- .yith-plugin-ui [type="radio"]:not(:checked) {
1104
position: absolute;
1105
left: -9999px;
1106
}
1107
.yith-plugin-ui [type="radio"]:checked + label,
1108
- .yith-plugin-ui [type="radio"]:not(:checked) + label
1109
- {
1110
position: relative;
1111
padding-left: 35px;
1112
cursor: pointer;
1113
line-height: 20px;
1114
display: inline-block;
1115
color: #716269;
1116
- font-size: 12px;
1117
}
1118
.yith-plugin-ui [type="radio"]:checked + label:before,
1119
- .yith-plugin-ui [type="radio"]:not(:checked) + label:before {
1120
content: '';
1121
position: absolute;
1122
left: 0;
1123
top: 0;
1124
- width: 18px;
1125
- height: 18px;
1126
border: 1px solid #d8d8d8;
1127
border-radius: 100%;
1128
background: #fff;
1129
}
1130
.yith-plugin-ui [type="radio"]:checked + label:after,
1131
.yith-plugin-ui [type="radio"]:not(:checked) + label:after {
1132
content: '';
1133
- width: 12px;
1134
- height: 12px;
1135
background: #4e8ba2;
1136
position: absolute;
1137
top: 4px;
@@ -1140,11 +1283,13 @@ YITH UI
1140
-webkit-transition: all 0.2s ease;
1141
transition: all 0.2s ease;
1142
}
1143
.yith-plugin-ui [type="radio"]:not(:checked) + label:after {
1144
opacity: 0;
1145
-webkit-transform: scale(0);
1146
transform: scale(0);
1147
}
1148
.yith-plugin-ui [type="radio"]:checked + label:after {
1149
opacity: 1;
1150
-webkit-transform: scale(1);
@@ -1162,15 +1307,19 @@ YITH UI
1162
border-radius: 3px;
1163
display: inline-block;
1164
position: relative;
1165
}
1166
- .yith-plugin-ui input[type="checkbox"]:checked{
1167
background-color: #4e8ba2;
1168
border-color: #488197;
1169
}
1170
.yith-plugin-ui .forminp-checkbox span.description.inline {
1171
margin-left: 10px;
1172
}
1173
- .yith-plugin-ui input[type="checkbox"]:checked:before{
1174
display: none;
1175
}
1176
@@ -1189,55 +1338,63 @@ YITH UI
1189
display: none;
1190
}
1191
1192
- .yith-plugin-ui .yith-plugin-fw-onoff-container input + span{
1193
border: 1px solid #d8d8d8;
1194
background-color: #fff;
1195
- width:50px;
1196
}
1197
1198
- .yith-plugin-ui .yith-plugin-fw-onoff-container input + span:before{
1199
background-color: #d8d8d8;
1200
}
1201
1202
.yith-plugin-ui .yith-plugin-fw-onoff-container input + span:before {
1203
width: 14px;
1204
height: 14px;
1205
- top: 3px;
1206
- left: 4px;
1207
background-color: #d8d8d8;
1208
}
1209
- .yith-plugin-ui .yith-plugin-fw-onoff-container input + span:after{
1210
content: 'OFF';
1211
width: 14px;
1212
height: 14px;
1213
- font-size: 10px;
1214
- padding-left:24px;
1215
color: #979797;
1216
}
1217
.yith-plugin-ui .yith-plugin-fw-onoff-container input:checked + span,
1218
- .yith-plugin-ui .yith-plugin-fw-onoff-container input.onoffchecked + span{
1219
background-color: #fff;
1220
border-color: #98aa36;
1221
}
1222
1223
.yith-plugin-ui .yith-plugin-fw-onoff-container input:checked + span:before,
1224
- .yith-plugin-ui.yith-plugin-fw-onoff-container input.onoffchecked + span:before{
1225
background-color: #98aa36;
1226
- left:32px;
1227
}
1228
1229
.yith-plugin-ui .yith-plugin-fw-onoff-container input:checked + span:after,
1230
- .yith-plugin-ui.yith-plugin-fw-onoff-container input.onoffchecked + span:after{
1231
content: 'ON';
1232
color: #98aa36;
1233
width: 14px;
1234
height: 14px;
1235
display: inline-block;
1236
- font-size: 10px;
1237
padding: 0 10px;
1238
}
1239
1240
- .yith-plugin-ui .yith-plugin-fw-onoff-container input + span{
1241
text-indent: 0;
1242
}
1243
@@ -1246,48 +1403,78 @@ YITH UI
1246
DATEPICKER
1247
*/
1248
.yith-plugin-ui div#ui-datepicker-div,
1249
- .yith-plugin-fw-panel div#ui-datepicker-div {
1250
border: 0;
1251
- box-shadow:0 2px 4px 0 rgba(0,0,0,0.12),0 2px 10px 0 rgba(0,0,0,0.12) !important;
1252
}
1253
1254
.yith-plugin-ui .ui-datepicker-header.ui-widget-header,
1255
.yith-plugin-fw-panel .ui-datepicker-header.ui-widget-header {
1256
- background:#4e8ba2;
1257
color: #fff;
1258
font-size: 11px;
1259
line-height: 25px;
1260
- border:0;
1261
min-height: 25px;
1262
}
1263
.yith-plugin-ui .ui-datepicker-title,
1264
- .yith-plugin-fw-panel .ui-datepicker-title{
1265
line-height: 25px;
1266
}
1267
.yith-plugin-ui .ui-datepicker th,
1268
- .yith-plugin-fw-panel .ui-datepicker th{
1269
color: #716269;
1270
}
1271
.yith-plugin-ui .ui-widget-header .ui-icon,
1272
.yith-plugin-ui .ui-widget-header .ui-state-hover,
1273
- .yith-plugin-ui .ui-datepicker .ui-datepicker-prev,
1274
- .yith-plugin-ui .ui-datepicker .ui-datepicker-next,
1275
.yith-plugin-ui .ui-icon.ui-icon-circle-triangle-w,
1276
.yith-plugin-ui .ui-icon.ui-icon-circle-triangle-e,
1277
.yith-plugin-fw-panel .ui-widget-header .ui-icon,
1278
.yith-plugin-fw-panel .ui-widget-header .ui-state-hover,
1279
- .yith-plugin-fw-panel .ui-datepicker .ui-datepicker-prev,
1280
- .yith-plugin-fw-panel .ui-datepicker .ui-datepicker-next,
1281
.yith-plugin-fw-panel .ui-icon.ui-icon-circle-triangle-w,
1282
- .yith-plugin-fw-panel .ui-icon.ui-icon-circle-triangle-e{
1283
background: none;
1284
content: "";
1285
border: 0;
1286
text-indent: 0;
1287
- width:15px;
1288
height: 20px;
1289
- display:block;
1290
- overflow:hidden;