YITH WooCommerce Zoom Magnifier

Version Description

Release Info

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

Code changes from version 1.3.10 to 1.3.11

Files changed (33) hide show

README.txt +6 -1
init.php +4 -13
plugin-fw/.gitignore +4 -0
plugin-fw/assets/css/admin.css +112 -33
plugin-fw/assets/css/metaboxes.css +350 -299
plugin-fw/assets/css/yith-fields.css +784 -489
plugin-fw/assets/fonts/yith-icon.eot +0 -0
plugin-fw/assets/fonts/yith-icon.svg +9 -0
plugin-fw/assets/fonts/yith-icon.ttf +0 -0
plugin-fw/assets/fonts/yith-icon.woff +0 -0
plugin-fw/assets/js/yit-plugin-panel.js +2 -3
plugin-fw/assets/js/yit-plugin-panel.min.js +2 -2
plugin-fw/assets/js/yith-enhanced-select.js +62 -0
plugin-fw/assets/js/yith-enhanced-select.min.js +1 -8
plugin-fw/assets/js/yith-fields.js +480 -426
plugin-fw/assets/js/yith-fields.min.js +1 -1
plugin-fw/assets/js/yith-system-info.js +13 -0
plugin-fw/assets/js/yith-system-info.min.js +13 -0
plugin-fw/init.php +2 -2
plugin-fw/lib/yit-assets.php +9 -9
plugin-fw/lib/yit-plugin-panel-wc.php +81 -114
plugin-fw/lib/yith-system-status.php +385 -0
plugin-fw/templates/fields/ajax-customers.php +122 -0
plugin-fw/templates/fields/colorpicker.php +5 -0
plugin-fw/templates/fields/multi-colorpicker.php +47 -12
plugin-fw/templates/fields/password.php +30 -0
plugin-fw/templates/fields/radio.php +2 -1
plugin-fw/templates/fields/toggle-element.php +21 -13
plugin-fw/templates/metaboxes/tab.php +2 -2
plugin-fw/templates/sysinfo/system-information-panel.php +136 -0
plugin-fw/yit-functions.php +11 -0
plugin-fw/yit-plugin.php +2 -0
plugin-options/general-options.php +0 -27

README.txt CHANGED Viewed

	@@ -4,7 +4,7 @@ Contributors: yithemes
4	Tags: zoom, magnifier, slider, carousel, woocommerce
5	Requires at least: 4.0
6	Tested up to: 5.2
7	- Stable tag: 1.3.10
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
10	Documentation: https://docs.yithemes.com/yith-woocommerce-zoom-magnifier/
	@@ -52,6 +52,11 @@ YITH WooCommerce Zoom Magnifier will add a new tab called "Zoom Magnifier" in "Y
52
53	== Changelog ==
54





55	= Version 1.3.10 - Released: Jun 18, 2019 =
56
57	* Update: plugin framework


4	Tags: zoom, magnifier, slider, carousel, woocommerce
5	Requires at least: 4.0
6	Tested up to: 5.2
7	+ Stable tag: 1.3.11
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
10	Documentation: https://docs.yithemes.com/yith-woocommerce-zoom-magnifier/

52
53	== Changelog ==
54
55	+ = Version 1.3.11 - Released: Aug 07, 2019 =
56	+
57	+ * New: Support to WooCommerce 3.7.0
58	+ * Update: plugin framework
59	+
60	= Version 1.3.10 - Released: Jun 18, 2019 =
61
62	* Update: plugin framework

init.php CHANGED Viewed

	@@ -3,13 +3,13 @@
3	* Plugin Name: YITH WooCommerce Zoom Magnifier
4	* Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-zoom-magnifier/
5	* Description: <code><strong>YITH WooCommerce Zoom Magnifier</strong></code> allows you to add a zoom effect to product images and a thumbnail slider for the product image gallery. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>.
6	- * Version: 1.3.10
7	* Author: YITH
8	* Author URI: https://yithemes.com/
9	* Text Domain: yith-woocommerce-zoom-magnifier
10	* Domain Path: /languages/
11	* WC requires at least: 3.3.0
12	- * WC tested up to: 3.6.x
13	**/
14
15	/* Copyright 2013-2018 Your Inspiration Themes (email : plugins@yithemes.com)
	@@ -78,7 +78,7 @@ register_activation_hook ( __FILE__, 'yith_plugin_registration_hook' );
78
79	defined ( 'YITH_YWZM_FREE_INIT' ) \|\| define ( 'YITH_YWZM_FREE_INIT', plugin_basename ( __FILE__ ) );
80	defined ( 'YITH_YWZM_SLUG' ) \|\| define ( 'YITH_YWZM_SLUG', 'yith-woocommerce-zoom-magnifier' );
81	- defined ( 'YITH_YWZM_VERSION' ) \|\| define ( 'YITH_YWZM_VERSION', '1.3.10' );
82	defined ( 'YITH_YWZM_FILE' ) \|\| define ( 'YITH_YWZM_FILE', __FILE__ );
83	defined ( 'YITH_YWZM_DIR' ) \|\| define ( 'YITH_YWZM_DIR', plugin_dir_path ( __FILE__ ) );
84	defined ( 'YITH_YWZM_URL' ) \|\| define ( 'YITH_YWZM_URL', plugins_url ( '/', __FILE__ ) );
	@@ -152,13 +152,4 @@ if ( ! function_exists ( 'yith_ywzm_install' ) ) {
152	}
153	}
154
155	- add_action ( 'plugins_loaded', 'yith_ywzm_install', 11 );
156	-
157	- /*add_action( 'wp_ajax_nopriv_yith_wc_zoom_magnifier_get_main_image', 'test', 10 );
158	-
159	- add_action( 'wp_ajax_yith_wc_zoom_magnifier_get_main_image', 'test', 10 );
160	-
161	- function test(){
162	-
163	- error_log( 'testing -> ' . print_r( 'test yeaaaaaaaah', true ) );
164	- }*/


3	* Plugin Name: YITH WooCommerce Zoom Magnifier
4	* Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-zoom-magnifier/
5	* Description: <code><strong>YITH WooCommerce Zoom Magnifier</strong></code> allows you to add a zoom effect to product images and a thumbnail slider for the product image gallery. <a href="https://yithemes.com/" target="_blank">Get more plugins for your e-commerce shop on <strong>YITH</strong></a>.
6	+ * Version: 1.3.11
7	* Author: YITH
8	* Author URI: https://yithemes.com/
9	* Text Domain: yith-woocommerce-zoom-magnifier
10	* Domain Path: /languages/
11	* WC requires at least: 3.3.0
12	+ * WC tested up to: 3.7.x
13	**/
14
15	/* Copyright 2013-2018 Your Inspiration Themes (email : plugins@yithemes.com)

78
79	defined ( 'YITH_YWZM_FREE_INIT' ) \|\| define ( 'YITH_YWZM_FREE_INIT', plugin_basename ( __FILE__ ) );
80	defined ( 'YITH_YWZM_SLUG' ) \|\| define ( 'YITH_YWZM_SLUG', 'yith-woocommerce-zoom-magnifier' );
81	+ defined ( 'YITH_YWZM_VERSION' ) \|\| define ( 'YITH_YWZM_VERSION', '1.3.11' );
82	defined ( 'YITH_YWZM_FILE' ) \|\| define ( 'YITH_YWZM_FILE', __FILE__ );
83	defined ( 'YITH_YWZM_DIR' ) \|\| define ( 'YITH_YWZM_DIR', plugin_dir_path ( __FILE__ ) );
84	defined ( 'YITH_YWZM_URL' ) \|\| define ( 'YITH_YWZM_URL', plugins_url ( '/', __FILE__ ) );

152	}
153	}
154
155	+ add_action ( 'plugins_loaded', 'yith_ywzm_install', 11 );

plugin-fw/.gitignore ADDED Viewed

	@@ -0,0 +1,4 @@


1	+
2	+ assets/\.DS_Store
3	+
4	+ \.DS_Store

plugin-fw/assets/css/admin.css CHANGED Viewed

	@@ -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 Viewed

	@@ -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 Viewed

	@@ -1,38 +1,38 @@
1	.yith-plugin-fw span.description {
2	- display : block;
3	- margin-top : 5px;
4	- font-size : 12px;
5	- color : #777;
6	- font-style : italic;
7	- clear : both;
8	}
9
10	.yith-plugin-fw span.description.inline {
11	- display : inline-block;
12	- margin : 0 0 0 5px;
13	}
14
15	.yith-disabled {
16	- opacity : 0.3;
17	- pointer-events : none;
18	}
19
20	.yith-plugin-fw-field-wrapper:not(.yith-plugin-fw-title-field-wrapper) {
21	- display : block;
22	- width : 100%;
23	}
24
25	.yith-plugin-fw-field-wrapper span.desc {
26	- display : block;
27	- width : 100%;
28	}
29
30	.yith-plugin-fw-title-field-wrapper h3.title {
31	- width : 100%;
32	}
33
34	.the-metabox .yith-plugin-fw-title-field-wrapper h3.title {
35	- float : left;
36	}
37
38	.yith-plugin-fw input[type=email],
	@@ -41,163 +41,168 @@
41	.yith-plugin-fw select,
42	.woocommerce .yith-plugin-fw table.form-table input[type=email],
43	.woocommerce .yith-plugin-fw table.form-table input[type=number],

44	.woocommerce .yith-plugin-fw table.form-table input[type=text]:not(.select2-search__field),
45	.woocommerce .yith-plugin-fw table.form-table select {
46	- width : 400px;
47	- max-width : 100%;
48	- height : 30px;
49	- padding : 5px;
50	}
51
52	.woocommerce .yith-plugin-fw table.form-table input[type=text].wp-color-picker,
53	.woocommerce .yith-plugin-fw table.form-table input[type=text].yith-plugin-fw-colorpicker,
54	.yith-plugin-fw input[type=text].wp-color-picker,
55	.yith-plugin-fw input[type=text].yith-plugin-fw-colorpicker {
56	- width : 6em;
57	- max-width : none;
58	- height : auto;
59	- padding : 3px 5px;
60	}
61
62	.woocommerce .yith-plugin-fw table.form-table input[type=text].colorpick,
63	.yith-plugin-fw input[type=text].colorpick {
64	- width : 6em;
65	- max-width : none;
66	- height : auto;
67	- padding : 6px;
68	}
69
70	.yith-plugin-fw input.select2-search__field,
71	.yith-plugin-fw .select2-container .select2-search--inline .select2-search__field,
72	.woocommerce .yith-plugin-fw input.select2-search__field,
73	.woocommerce .yith-plugin-fw table.form-table input.select2-search__field {
74	- padding : 3px;




75	}
76
77	.yith-plugin-fw textarea {
78	- width : 400px;
79	- max-width : 100%;
80	- padding : 5px;
81	}
82
83	/* ------------- ICONS ------------- */
84	.yit-icons-manager-wrapper {
85	- width : 100%;
86	- max-width : 400px;
87	}
88
89	.yit-icons-manager-text {
90	- width : 100%;
91	}
92
93	.yit-icons-manager-icon-text {
94	- width : calc(100% - 35px) !important;
95	- height : 30px;
96	- float : left;
97	- margin : 0;
98	}
99
100	.yit-icons-manager-icon-preview {
101	- width : 30px;
102	- height : 30px;
103	- margin-right : 5px;
104	- float : left;
105	- padding-top : 6px;
106	- box-sizing : border-box;
107	- text-align : center;
108	- background : #f1f1f1;
109	}
110
111	.yit-icons-manager-list-wrapper {
112	- margin : 10px 0;
113	- box-shadow : 0 0 0 1px #ddd;
114	}
115
116	ul.yit-icons-manager-list {
117	- width : 100%;
118	- height : 300px;
119	- overflow-y : scroll;
120	- margin : 0;
121	}
122
123	ul.yit-icons-manager-list li {
124	- float : left;
125	- width : 30px;
126	- height : 30px;
127	- padding-top : 6px;
128	- box-sizing : border-box;
129	- text-align : center;
130	- background : #f1f1f1;
131	- margin : 1px;
132	- cursor : pointer;
133	}
134
135	ul.yit-icons-manager-list li:hover {
136	- background : #c5dcf6;
137	}
138
139	ul.yit-icons-manager-list li.active {
140	- background : #d4f0ff;
141	}
142
143	.yit-icons-manager-action-set-default {
144	- margin-bottom : 0;
145	}
146
147	.yit-icons-manager-default-icon-preview {
148	- height : 100%;
149	- display : inline-block;
150	- padding-left : 10px;
151	- border-left : 1px solid #ccc;
152	- margin-left : 10px;
153	}
154
155	/* ------- Text Array ------- */
156	.yith-plugin-fw-text-array-table td {
157	- padding : 1px;
158	}
159
160	.yith-plugin-fw-text-array-table input[type=text],
161	.woocommerce table.form-table table.yith-plugin-fw-text-array-table input[type=text] {
162	- width : 100%;
163	}
164
165	/* ------- Image Gallery ------- */
166	.yith-plugin-fw .image-gallery ul li {
167	- display : inline-block;
168	- width : 80px;
169	- margin-left : 10px;
170	- position : relative;
171	}
172
173	.yith-plugin-fw .image-gallery ul li img {
174	- width : 80px;
175	- border : 1px solid #ccc;
176	}
177
178	.yith-plugin-fw .image-gallery ul li ul {
179	- position : absolute;
180	- top : -6px;
181	- right : -1px;
182	- width : 20px;
183	- height : 20px;
184	}
185
186	.yith-plugin-fw .image-gallery ul a.delete {
187	- background : url(../images/x.png) no-repeat;
188	- width : 20px;
189	- height : 20px;
190	- display : block;
191	- text-indent : -99999px;
192	}
193
194	/* ------- OnOff ------- */
195	.yith-plugin-fw-onoff-container {
196	- display : inline-block;
197	}
198
199	.yith-plugin-fw-onoff-container input {
200	- display : none;
201	}
202
203	.yith-plugin-fw-onoff-container input + span {
	@@ -205,8 +210,8 @@ ul.yit-icons-manager-list li.active {
205	text-indent: -9999px;
206	display: block;
207	width: 36px;
208	- height: 20px;
209	line-height: 1;

210	background: #a4a4a4;
211	border-radius: 24px;
212	position: relative;
	@@ -215,192 +220,192 @@ ul.yit-icons-manager-list li.active {
215
216
217	.yith-plugin-fw-onoff-container input + span:before {
218	- content : '';
219	- background : #fff;
220	- width : 16px;
221	- height : 16px;
222	- border-radius : 50%;
223	- position : absolute;
224	- top : 2px;
225	- left : 2px;
226	- transition : all 0.3s;
227	}
228
229	.yith-plugin-fw-onoff-container input:checked + span,
230	.yith-plugin-fw-onoff-container input.onoffchecked + span {
231	- background : #0073aa;
232	}
233
234	.yith-plugin-fw-onoff-container input:checked + span:before,
235	.yith-plugin-fw-onoff-container input.onoffchecked + span:before {
236	- left : 18px;
237	}
238
239	/* ------- Preview ------- */
240	.yith-plugin-fw-preview-field {
241	- max-height : 200px;
242	}
243
244	/* ------- Radio ------- */
245	.yith-plugin-fw-radio input[type=radio] {
246	- margin : 0 3px 0 0;
247	}
248
249	.yith-plugin-fw-radio__row {
250	- margin-bottom : 8px;
251	}
252
253	/* ------- Sidebar Layout ------- */
254	.yith-plugin-fw-sidebar-layout input[type="radio"] {
255	- display : none;
256	- width : 0px;
257	}
258
259	.yith-plugin-fw-sidebar-layout input[type="radio"]:first-child {
260	- margin-right : -2px;
261	}
262
263	.yith-plugin-fw-sidebar-layout input[type="radio"] + img {
264	- border : 2px solid #fff;
265	- padding : 1px;
266	}
267
268	.yith-plugin-fw-sidebar-layout input[type="radio"] + img:hover {
269	- cursor : pointer;
270	}
271
272	.yith-plugin-fw-sidebar-layout input[checked] + img {
273	- border : 2px solid #f2ad35;
274	- padding : 1px;
275	}
276
277	.yith-plugin-fw-sidebar-layout select {
278	- vertical-align : 12px;
279	}
280
281	.yit-admin-panel-content-wrap .yith-plugin-fw-sidebar-layout label {
282	- font-weight : bold;
283	- width : 200px;
284	- float : left;
285	- line-height : 23px;
286	- margin-left : -230px;
287	}
288
289	/* ------- Slider ------- */
290	.yith-plugin-fw .slider {
291	- padding-top : 20px;
292	}
293
294	.ui-slider .minCaption {
295	- position : absolute;
296	- right : 95%;
297	- top : -6px;
298	- margin-right : 11px;
299	}
300
301	.ui-slider .maxCaption {
302	- position : absolute;
303	- left : 95%;
304	- top : -6px;
305	- margin-left : 20px;
306	}
307
308	.ui-slider-horizontal .ui-slider-handle {
309	- background : #fff;
310	- border : 0px !important;
311	- top : -12px !important;
312	- border-radius : 50%;
313	- width : 27px !important;
314	- height : 27px !important;
315	- box-sizing : border-box;
316	- box-shadow : 0 1px 7px -1px rgba(0, 0, 0, 0.5);
317	- font-size : 13px;
318	- padding : 6px 0;
319	- font-weight : 600;
320	- color : #555;
321	- text-align : center;
322	}
323
324	.ui-slider.ui-widget-content {
325	- background : #ccc;
326	- border : none !important;
327	- height : 3px !important;
328	- border-radius : 3px !important;
329	- width : 90%;
330	- margin : 15px 5% 20px 5%;
331	}
332
333	.iris-slider-offset.ui-slider.ui-widget-content {
334	- background : transparent !important;
335	- height : auto !important;
336	}
337
338	.ui-slider.ui-widget-content .ui-widget-header {
339	- background : #4b93ff;
340	- left : 0px !important;
341	- -webkit-border-radius : 3px;
342	- -moz-border-radius : 3px;
343	- -khtml-border-radius : 3px;
344	- border-radius : 3px;
345	}
346
347	/* ------- Select2 ------- */
348	.yith-plugin-fw-select2-wrapper {
349	- width : 400px;
350	}
351
352	/* ------- Textarea ------- */
353	.yith-plugin-fw-textarea-editor-field-wrapper {
354	- max-width : 1000px;
355	- clear : both;
356	}
357
358	.yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area,
359	.woocommerce table.form-table .yith-plugin-fw-textarea-editor-field-wrapper textarea.wp-editor-area {
360	- width : 100%;
361	}
362
363	/* ------- Buttons ------- */
364	.yith-plugin-fw-buttons-field-wrapper {
365	- margin-top : 7px;
366	}
367
368	/* ------- Select Images ------- */
369	.yith-plugin-fw-select-images__list {
370	- margin : 0;
371	- display : flex;
372	- flex-wrap : wrap;
373	}
374
375	.yith-plugin-fw-select-images__item {
376	- width : calc(20% - 10px);
377	- min-width : 150px;
378	- margin : 0 10px 10px 0;
379	- padding : 10px;
380	- box-sizing : border-box;
381	- cursor : pointer;
382	- transition : all .3s;
383	- border : 2px solid #eee;
384	- display : flex;
385	- flex-direction : column;
386	- justify-content : space-between;
387	}
388
389	.yith-plugin-fw-select-images__item:hover,
390	.yith-plugin-fw-select-images__item.yith-plugin-fw-select-images__item--selected {
391	- border-color : #07bcce;
392	}
393
394	.yith-plugin-fw-select-images__item__label {
395	- text-align : center;
396	- font-weight : 600;
397	- margin-bottom : 10px;
398	}
399
400	.yith-plugin-fw-select-images__item img {
401	- display : block;
402	- max-width : 100%;
403	- margin : 0 auto;
404	}
405
406	/****************
	@@ -408,8 +413,8 @@ YITH UI
408	****************/
409	@font-face {
410	font-family: 'yith-icon';
411	- src: url('../fonts/yith-icon.eot?7ik896');
412	- src: url('../fonts/yith-icon.eot?7ik896#iefix') format('embedded-opentype'),
413	url('../fonts/yith-icon.ttf?7ik896') format('truetype'),
414	url('../fonts/yith-icon.woff?7ik896') format('woff'),
415	url('../fonts/yith-icon.svg?7ik896#yith-icon') format('svg');
	@@ -417,7 +422,7 @@ YITH UI
417	font-style: normal;
418	}
419
420	- [class^="icon-"], [class*=" icon-"] {
421	/* use !important to prevent issues with browser extensions that change fonts */
422	font-family: 'yith-icon' !important;
423	speak: none;
	@@ -431,92 +436,157 @@ YITH UI
431	-webkit-font-smoothing: antialiased;
432	-moz-osx-font-smoothing: grayscale;
433	}
434	- ~~.icon-drag:before {~~



















































435	content: "\e90f";
436	- color: #~~d8d8d8~~;










437	}
438	- ~~.icon-arrow_down:before {~~

439	content: "\e900";
440	- color: #~~d8d8d8~~;
441	}
442	- ~~.icon-arrow_left:before {~~

443	content: "\e901";
444	- color: #~~d8d8d8~~;
445	}
446	- ~~.icon-arrow_right:before {~~

447	content: "\e902";
448	- color: #~~d8d8d8~~;
449	}
450	- ~~.icon-arrow_up:before {~~

451	content: "\e903";
452	- color: #~~d8d8d8~~;
453	}
454	- ~~.icon-calendar:before {~~

455	content: "\e904";
456	- color: #~~d8d8d8~~;
457	}
458	- ~~.icon-check:before {~~

459	content: "\e905";
460	- color: #~~d8d8d8~~;
461	}
462	- ~~.icon-close:before {~~

463	content: "\e906";
464	- color: #~~d8d8d8~~;
465	}
466	- ~~.icon-edit:before {~~

467	content: "\e907";
468	- color: #~~d8d8d8~~;
469	}
470	- ~~.icon-magnifier:before {~~

471	content: "\e908";
472	- color: #~~d8d8d8~~;
473	}
474	- ~~.icon-pencil:before {~~

475	content: "\e909";
476	- color: #~~d8d8d8~~;
477	}
478	- ~~.icon-plus:before {~~

479	content: "\e90a";
480	- color: #~~d8d8d8~~;
481	}
482	- ~~.icon-update:before {~~

483	content: "\e90b";
484	- color: #~~d8d8d8~~;
485	}
486	- ~~.icon-upload:before {~~

487	content: "\e90c";
488	- color: #~~d8d8d8~~;
489	- }
490	- .icon-trash:before {
491	- content: "\e90d";
492	- color: #d8d8d8;
493	- }
494	- .icon-info:before {
495	- content: "\e90e";
496	- color: #d8d8d8;
497	- }
498	- .icon-reset:before {
499	- content: "\e910";
500	- color: #d8d8d8;
501	}
502	- ~~.yith-plugin-fw-banner{~~

503	width: 100%;
504	height: 75px;
505	background: url('../images/banner-premium.png');
506	}
507	- ~~.yith-plugin-fw-banner.yith-plugin-fw-banner-free{~~

508	height: 290px;
509	background: url('../images/banner-free.png') no-repeat;
510	}
511	- ~~.yith-plugin-fw-banner.yith-plugin-fw-banner-free h1{~~

512	max-width: auto;
513	- text-align:left;
514	margin-left: 110px;
515	padding-top: 15px;
516	padding-bottom: 8px;
517	}
518
519	- .yith-plugin-fw-banner h1{
520	text-transform: uppercase;
521	color: #0c5777;
522	font-size: 15px;
	@@ -527,106 +597,125 @@ YITH UI
527	box-sizing: border-box;
528	}
529
530	- .yith-plugin-fw-banner span{
531	- font-style:italic;
532	display: block;
533	font-size: 15px;
534	- color:#214249;
535	- text-transform:none;
536	text-align: right;
537	}
538
539	.yith-plugin-fw-banner a,
540	- .yith-plugin-fw-banner a:focus{
541	text-decoration: none;
542	outline: none;
543	box-shadow: none;
544	}
545
546	- .yith-banners ul{
547	list-style: none;
548	margin-left: 10px;
549	}
550
551	- .yith-banners ul li{
552	display: inline-block;
553	margin-left: 10px;
554	}
555	- ~~.yith-plugin-ui a{~~

556	outline: none;
557	box-shadow: none;
558	}
559
560	- .yith-plugin-ui{
561	- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
562	}
563
564	- .yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper{
565	- margin-top:10px;
566	}
567
568	- .yith-plugin-ui .nav-tab{
569	margin-left: 0px;
570	margin-right: 2px;
571	background-color: #336374;
572	color: #fff;
573	- font-size: ~~13px~~;
574	padding: 7px 20px;
575	border: 0;
576	}
577	- ~~.yith-plugin-ui .nav-tab:first-child{~~

578	border-left: 1px solid #d9d9d9;
579	}
580
581	- .yith-plugin-ui .nav-tab.yith-premium{
582	background-color: #be421c;
583	}
584	- ~~.yith-plugin-ui .nav-tab-active{~~

585	background-color: #fff;
586	color: #336374;
587	- border-bottom:1px solid #fff;
588	}
589	- ~~.yith-plugin-ui .nav-tab-active.yith-premium{~~

590	background-color: #fff;
591	color: #be421c;
592	}
593	- ~~.yith-plugin-ui #plugin-fw-wc{~~

594	padding-top: 0px;
595	}
596
597	- .yith-plugin-ui .form-table td{
598	padding: 15px 20px;
599	}
600
601	- .yith-plugin-ui label{
602	color: #33373b;
603	- font-size: ~~13px~~;











604	}
605
606	- .yith-plugin-ui span.description{
607	color: #716269;
608	- font-size: ~~11px~~;
609	font-style: normal;
610	font-weight: 400;
611	margin-top: 15px;
612	margin-left: 0;
613	}
614	- ~~#wpwrap .yith-plugin-ui h2.nav-tab-wrapper, #wpbody-content .yith-plugin-ui h2.nav-tab-wrapper {~~

615	border: 0;
616	- border-bottom : 1px solid #ccc;
617	margin-right: 15px;

618	background-color: transparent;
619	padding-left: 0;
620	}

621	.yith-plugin-ui #plugin-fw-wc table.form-table,
622	.yith-plugin-ui #yith-plugin-fw-panel table.form-table,
623	- .yith-plugin-ui table.form-table{
624	border: 1px solid #d8d8d8;
625	border-top: 0;
626	margin-bottom: 40px;
627	}
628
629	- .yith-plugin-ui #wpwrap h2.nav-tab-wrapper, .yith-plugin-ui #wpbody-content h2.nav-tab-wrapper{
630	background-color: transparent;
631	border: 0;
632	text-transform: none;
	@@ -635,7 +724,7 @@ YITH UI
635
636	.yith-plugin-ui h2 {
637	color: #2a8db0;
638	- font-size: ~~13px~~;
639	text-transform: uppercase;
640	border: 1px solid #d8d8d8;
641	border-bottom: 0;
	@@ -643,12 +732,13 @@ YITH UI
643	padding: 35px 20px;
644	margin: 0px;
645	}
646	- ~~.yith-plugin-ui .yith-plugin-fw-custom-tab h2{~~

647	border: 0px solid #d8d8d8;
648	padding-left: 0;
649	}
650
651	- .yith-plugin-ui #plugin-fw-wc table.form-table th, #yith-plugin-fw-panel table.form-table th.titledesc, .yith-plugin-ui #plugin-fw-wc table.form-table td, #yith-plugin-fw-panel table.form-table td.forminp {
652	padding: 30px 20px;
653	}
654
	@@ -661,17 +751,17 @@ YITH UI
661	padding-bottom: 5px;
662	}
663
664	- .yith-plugin-ui #plugin-fw-wc h2 + div p, .yith-plugin-ui p.info-box{
665	background: #f1f1f1;
666	- font-size: ~~12px~~;
667	font-weight: 700;
668	width: 40%;
669	- display:block;
670	padding: 15px;
671	margin-bottom: 0;
672	}
673
674	- .yith-plugin-ui #plugin-fw-wc h2 + div p:before, .yith-plugin-ui p.info-box:before{
675	content: "\e90e";
676	font-family: yith-icon;
677	font-size: 30px;
	@@ -682,7 +772,7 @@ YITH UI
682	margin-right: 15px;
683	}
684
685	- .yith-plugin-ui h2:first-child{
686	border-top: 0;
687	}
688
	@@ -703,10 +793,12 @@ YITH UI
703	.yith-plugin-ui input[type=text],
704	.yith-plugin-ui input[type=email],
705	.yith-plugin-ui input[type=password],

706	.yith-plugin-fw.yith-plugin-ui input[type=text]:not(.select2-search__field),
707	.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text]:not(.select2-search__field),
708	.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table select,
709	.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table textarea,

710	.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=number],
711	.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text] {
712	border: 1px solid #d8d8d8;
	@@ -717,18 +809,24 @@ YITH UI
717	box-shadow: none;
718	color: #716269;
719	}

720	.yith-plugin-ui textarea,
721	- .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table textarea{
722	height: auto;
723	}

724	.yith-plugin-ui table.form-table input[type=text].wp-color-picker,
725	- .woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].wp-color-picker{
726	border: 0;
727	height: 30px;
728	max-width: 60px;
729
730	}
731




732	.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].small-text,
733	.yith-plugin-ui input[type=text].small-text {
734	width: 100px;
	@@ -742,27 +840,27 @@ YITH UI
742	}
743
744	.yith-plugin-ui select:focus,
745	- .yith-plugin-ui input~~[type=text]~~:focus {
746	- border-color: #a7d9ec;
747	}
748
749	.woocommerce .yith-plugin-ui table.form-table select,
750	- .yith-plugin-ui select{
751	-webkit-appearance: none;
752	- line-height: 1;
753	min-height: 35px;
754	background: url("../images/arrow_down.svg") no-repeat right center;
755	background-size: 35px 13px;
756	border-radius: 8px;

757	}
758
759	- .yith-plugin-ui .form-table th{
760	- width: ~~280px~~;
761	padding-right: 50px;
762	}
763
764	/ BUTTONS /
765	- .yith-plugin-ui .tablenav .button.action,
766	.wp-core-ui .yith-plugin-ui .button-primary,
767	.wp-core-ui .yith-plugin-ui .button-secondary,
768	.yith-plugin-ui .yith-add-button,
	@@ -790,12 +888,14 @@ YITH UI
790	line-height: 26px;
791	display: inline-block;
792	text-decoration: none;

793	}

794	.wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
795	.wp-core-ui .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button,
796	.yith-plugin-ui .yith-plugin-fw-upload-button-reset,
797	.yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button-reset,
798	- .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button{
799	height: 38px;
800	}
801
	@@ -805,49 +905,55 @@ YITH UI
805	.yith-plugin-ui .yith-save-button:focus,
806	.yith-plugin-ui .yith-edit-button:focus,
807	.yith-plugin-ui .yith-update-button:focus,
808	- .wp-core-ui .yith-plugin-ui .button-secondary:focus{
809	outline: none;
810	box-shadow: none;
811	}
812








813	/** button with inside a span with icon class */
814	- .yith-plugin-ui .button-secondary span.yith-icon{
815	margin-left: 0px;
816	margin-right: 10px;
817	line-height: normal;
818	}
819
820	- .yith-plugin-ui .button-secondary span.yith-icon:before{
821	color: #656565;
822	font-size: 15px;
823	}
824
825	- ~~.yith-plugin-ui .tablenav .button.action,~~
826	.wp-core-ui .yith-plugin-ui .button:focus,
827	.wp-core-ui .yith-plugin-ui .button-secondary:focus,
828	.yith-plugin-ui .yith-save-button:hover,
829	.wp-core-ui .yith-plugin-ui .button-secondary:hover,
830	- .yith-plugin-ui .yith-plugin-fw-upload-button-reset:hover{
831	background-color: #cacaca;
832	color: #515151;
833	}
834
835	.wp-core-ui .yith-plugin-ui .button-primary,
836	- .yith-plugin-ui .tablenav .button.action,
837	.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all,
838	- .yith-plugin-ui .button-secondary.yith-plugin-fw-upload-button{
839	background-color: #007694;
840	color: #fff;
841	}
842
843	- ~~.yith-plugin-ui .tablenav .button.action:active,~~
844	- .yith-plugin-ui .tablenav .button.action:focus,
845	- .yith-plugin-ui .tablenav .button.action:hover,
846	.yith-plugin-ui .yith-add-button,
847	.wp-core-ui .yith-plugin-ui .button-primary:focus,
848	- .wp-core-ui .yith-plugin-ui .button-primary:hover{
849	background-color: #375f6b;
850	color: #fff;

851	}
852
853
	@@ -855,7 +961,7 @@ YITH UI
855	.wp-core-ui .yith-plugin-ui .yith-plugin-fw-upload-button:focus,
856	.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:hover,
857	.yith-plugin-ui .button-secondary.yith-plugin-fw-select-all:focus,
858	- .yith-plugin-ui .yith-plugin-fw-upload-button:hover{
859	border-color: #007694;
860	background: #007694;
861	color: #fff;
	@@ -868,13 +974,13 @@ YITH UI
868	.yith-plugin-ui .yith-save-button:before,
869	.yith-plugin-ui .yith-edit-button:before,
870	.yith-plugin-ui .yith-update-button:before,
871	- .yith-plugin-ui .button-secondary:before{
872	font-family: 'yith-icon';
873	font-size: 10px;
874	font-weight: 700;
875	margin-right: 10px;
876	vertical-align: bottom;
877	- display:inline-block;
878	}
879
880	/ yith-edit-button /
	@@ -882,25 +988,30 @@ YITH UI
882	background-color: #7f9298;
883	color: #fff;
884	}

885	.yith-plugin-ui .yith-edit-button:focus,
886	.yith-plugin-ui .yith-edit-button:hover {
887	background-color: #718085;
888	color: #fff;
889	}
890	- ~~.yith-plugin-ui .yith-edit-button:before{~~

891	content: "\e907";
892	}

893	/ yith-update-button /
894	.yith-plugin-ui .yith-update-button {
895	background-color: #94aa09;
896	color: #fff;
897	}

898	.yith-plugin-ui .yith-update-button:focus,
899	.yith-plugin-ui .yith-update-button:hover {
900	background-color: #7a9009;
901	color: #fff;
902	}
903	- ~~.yith-plugin-ui .yith-update-button:before{~~

904	content: "\e90b";
905	font-size: 15px;
906	}
	@@ -911,6 +1022,7 @@ YITH UI
911	background-color: #267390;
912	color: #fff;
913	}

914	.yith-plugin-ui .yith-save-button:focus,
915	.yith-plugin-ui .yith-save-button:hover {
916	background-color: #1c4863;
	@@ -920,111 +1032,140 @@ YITH UI
920
921	/ yith-remove-button /
922
923	- .yith-plugin-ui .button-secondary.yith-remove-button:before{
924	content: "\e90d";
925	font-size: 15px;
926	}
927
928
929	/ yith-add-button /
930	-
931	- .yith-plugin-ui .yith-add-button:before{
932	content: "\e90a";
933	}
934











935	/ yith-plugin-fw-upload-button /
936	- .yith-plugin-ui button.yith-plugin-fw-upload-button:before{
937	content: "\e90c";
938	font-family: 'yith-icon';
939	font-size: 19px;
940	font-weight: 400;
941	margin-right: 10px;
942	vertical-align: middle;
943	- display:inline-block;
944	}

945	/ SELECT 2 /
946	.yith-plugin-ui .select2-container,
947	- .yith-plugin-ui .select2-selection--single{
948	height: auto;
949	padding: 2px;
950	outline: none;
951	}
952
953	- .yith-plugin-ui .select2-selection--single{
954	margin: 0;
955	border: 0;
956	}
957
958	/* old panel*/
959
960	- .yith-plugin-ui span.select2.select2-container.select2-container--default{
961	border: 1px solid #d8d8d8;
962	- border-radius:8px;
963	}
964	- ~~.yith-plugin-ui span.select2.select2-container.select2-container--default:hover,~~
965	- .yith-plugin-ui span.select2.select2-container.select2-container--default:~~active~~,
966	- .yith-plugin-ui span.select2.select2-container.select2-container--default:~~focus {~~

967	border-color: #a7d9ec;
968	}
969	- ~~.yith-plugin-ui .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{~~

970	color: #fff;
971	}

972	.woocommerce.yith-plugin-fw-panel .yith-plugin-ui table.form-table input[type=text].select2-search__field,
973	- .yith-plugin-ui .yith-plugin-fw table.form-table input.select2-search__field{
974	border: 0;
975	padding: 0;
976	height: initial;
977

YITH WooCommerce Zoom Magnifier - Version 1.3.11

Version Description

Release Info

Code changes from version 1.3.10 to 1.3.11