YITH WooCommerce Catalog Mode - Version 1.3.3

Version Description

Last Stable Tag 1.3.3

Download this release

Release Info

Developer yithemes
Plugin Icon 128x128 YITH WooCommerce Catalog Mode
Version 1.3.3
Comparing to
See all releases

Code changes from version 1.3.2 to 1.3.3

Files changed (51) hide show
  1. assets/css/yith-catalog-mode.min.css +1 -0
  2. class.yith-woocommerce-catalog-mode.php +14 -3
  3. init.php +2 -2
  4. plugin-fw/assets/css/colorbox.css +66 -0
  5. plugin-fw/assets/css/yit-plugin-panel-sidebar.css +377 -0
  6. plugin-fw/assets/css/yit-plugin-panel.css +386 -337
  7. plugin-fw/assets/css/yit-upgrade-to-pro.css +77 -0
  8. plugin-fw/assets/images/colorbox/border1.png +0 -0
  9. plugin-fw/assets/images/colorbox/border2.png +0 -0
  10. plugin-fw/assets/images/colorbox/loading.gif +0 -0
  11. plugin-fw/assets/images/upgrade-page/01.jpg +0 -0
  12. plugin-fw/assets/images/upgrade-page/02.jpg +0 -0
  13. plugin-fw/assets/images/upgrade-page/03.jpg +0 -0
  14. plugin-fw/assets/images/upgrade-page/04.jpg +0 -0
  15. plugin-fw/assets/images/upgrade-page/05.jpg +0 -0
  16. plugin-fw/assets/images/upgrade-page/06.jpg +0 -0
  17. plugin-fw/assets/images/upgrade-page/07.jpg +0 -0
  18. plugin-fw/assets/images/upgrade-page/08.jpg +0 -0
  19. plugin-fw/assets/images/upgrade-page/09.jpg +0 -0
  20. plugin-fw/assets/images/widgets/box-icon.png +0 -0
  21. plugin-fw/assets/images/widgets/box-white-icon.png +0 -0
  22. plugin-fw/assets/images/widgets/despacho.png +0 -0
  23. plugin-fw/assets/images/widgets/info-icon.png +0 -0
  24. plugin-fw/assets/images/widgets/link-bg.png +0 -0
  25. plugin-fw/assets/images/widgets/link-bg2.png +0 -0
  26. plugin-fw/assets/images/widgets/link-icon.png +0 -0
  27. plugin-fw/assets/images/widgets/membership-bg.png +0 -0
  28. plugin-fw/assets/js/jquery.colorbox.js +1105 -0
  29. plugin-fw/assets/js/yit-plugin-panel-sidebar.js +56 -0
  30. plugin-fw/assets/js/yit-plugin-panel-sidebar.min.js +1 -0
  31. plugin-fw/init.php +1 -1
  32. plugin-fw/languages/yith-plugin-fw-it_IT.mo +0 -0
  33. plugin-fw/languages/yith-plugin-fw-it_IT.po +147 -17
  34. plugin-fw/lib/yit-ajax.php +76 -0
  35. plugin-fw/lib/yit-plugin-panel-sidebar.php +417 -0
  36. plugin-fw/lib/yit-plugin-panel-wc.php +25 -6
  37. plugin-fw/lib/yit-plugin-panel.php +101 -11
  38. plugin-fw/lib/yit-upgrade.php +2 -2
  39. plugin-fw/templates/panel/sidebar/sidebar.php +20 -0
  40. plugin-fw/templates/panel/sidebar/widget.php +53 -0
  41. plugin-fw/templates/panel/sidebar/widgets/badges/badge.php +11 -0
  42. plugin-fw/templates/panel/sidebar/widgets/widget-despacho.php +19 -0
  43. plugin-fw/templates/panel/sidebar/widgets/widget-links.php +34 -0
  44. plugin-fw/templates/panel/sidebar/widgets/widget-membership.php +24 -0
  45. plugin-fw/templates/panel/sidebar/widgets/widgets.php +42 -0
  46. plugin-fw/templates/panel/woocommerce/woocommerce-form.php +28 -13
  47. plugin-fw/templates/upgrade/upgrade-to-pro-version.php +53 -20
  48. plugin-fw/yit-functions.php +1 -1
  49. plugin-fw/yit-plugin-registration-hook.php +6 -0
  50. plugin-fw/yit-plugin.php +2 -0
  51. readme.txt +6 -2
assets/css/yith-catalog-mode.min.css ADDED
@@ -0,0 +1 @@
1
+ .widget.woocommerce.widget_shopping_cart{display:none!important}
class.yith-woocommerce-catalog-mode.php CHANGED
@@ -565,15 +565,22 @@ if ( !class_exists( 'YITH_WC_Catalog_Mode' ) ) {
565
*/
566
public function hide_add_to_cart_loop() {
567
568
if ( $this->check_hide_add_cart_loop() ) {
569
570
- remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
571
add_filter( 'woocommerce_loop_add_to_cart_link', '__return_empty_string', 10 );
572
573
}
574
else {
575
576
- add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
577
remove_filter( 'woocommerce_loop_add_to_cart_link', '__return_empty_string', 10 );
578
579
}
@@ -590,7 +597,11 @@ if ( !class_exists( 'YITH_WC_Catalog_Mode' ) ) {
590
public function enqueue_styles() {
591
592
if ( get_option( 'ywctm_hide_cart_header' ) == 'yes' ) {
593
- wp_enqueue_style( 'ywctm-style', YWCTM_ASSETS_URL . '/css/yith-catalog-mode.css' );
594
}
595
596
}
565
*/
566
public function hide_add_to_cart_loop() {
567
568
+ $ywctm_modify_woocommerce_after_shop_loop_item = apply_filters( 'ywctm_modify_woocommerce_after_shop_loop_item', true );
569
+
570
if ( $this->check_hide_add_cart_loop() ) {
571
572
+ if ( $ywctm_modify_woocommerce_after_shop_loop_item ) {
573
+ remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
574
+ }
575
add_filter( 'woocommerce_loop_add_to_cart_link', '__return_empty_string', 10 );
576
577
}
578
else {
579
580
+ if ( $ywctm_modify_woocommerce_after_shop_loop_item ) {
581
+ add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
582
+ }
583
+
584
remove_filter( 'woocommerce_loop_add_to_cart_link', '__return_empty_string', 10 );
585
586
}
597
public function enqueue_styles() {
598
599
if ( get_option( 'ywctm_hide_cart_header' ) == 'yes' ) {
600
+
601
+ $suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
602
+
603
+ wp_enqueue_style( 'ywctm-style', YWCTM_ASSETS_URL . '/css/yith-catalog-mode' . $suffix . '.css' );
604
+
605
}
606
607
}
init.php CHANGED
@@ -5,7 +5,7 @@ Plugin URI: http://yithemes.com/themes/plugins/yith-woocommerce-catalog-mode/
5
Description: YITH WooCommerce Catalog Mode allows you to disable shop functions.
6
Author: YITHEMES
7
Text Domain: yith-woocommerce-catalog-mode
8
- Version: 1.3.2
9
Author URI: http://yithemes.com/
10
*/
11
@@ -34,7 +34,7 @@ function ywctm_install_free_admin_notice() {
34
}
35
36
if ( !defined( 'YWCTM_VERSION' ) ) {
37
- define( 'YWCTM_VERSION', '1.3.2' );
38
}
39
40
if ( !defined( 'YWCTM_FREE_INIT' ) ) {
5
Description: YITH WooCommerce Catalog Mode allows you to disable shop functions.
6
Author: YITHEMES
7
Text Domain: yith-woocommerce-catalog-mode
8
+ Version: 1.3.3
9
Author URI: http://yithemes.com/
10
*/
11
34
}
35
36
if ( !defined( 'YWCTM_VERSION' ) ) {
37
+ define( 'YWCTM_VERSION', '1.3.3' );
38
}
39
40
if ( !defined( 'YWCTM_FREE_INIT' ) ) {
plugin-fw/assets/css/colorbox.css ADDED
@@ -0,0 +1,66 @@
1
+ /*
2
+ Colorbox Core Style:
3
+ The following CSS is consistent between example themes and should not be altered.
4
+ */
5
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
6
+ #cboxWrapper {max-width:none;}
7
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
8
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
9
+ #cboxContent{position:relative;}
10
+ #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
11
+ #cboxTitle{margin:0;}
12
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
13
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
14
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
15
+ .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
16
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
17
+
18
+ /*
19
+ User Style:
20
+ Change the following styles to modify the appearance of Colorbox. They are
21
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
22
+ */
23
+ #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
24
+ #colorbox{outline:0;}
25
+ #cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 0;}
26
+ #cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -50px;}
27
+ #cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px 0;}
28
+ #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 -25px;}
29
+ #cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -75px;}
30
+ #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px -25px;}
31
+ #cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) repeat-y 0 0;}
32
+ #cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) repeat-y -25px 0;}
33
+ #cboxContent{background:#fff; overflow:hidden;}
34
+ .cboxIframe{background:#fff;}
35
+ #cboxError{padding:50px; border:1px solid #ccc;}
36
+ #cboxLoadedContent{margin-bottom:20px;}
37
+ #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
38
+ #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
39
+ #cboxLoadingOverlay{background:#fff url(../images/colorbox/loading.gif) no-repeat 5px 5px;}
40
+
41
+ /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
42
+ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
43
+
44
+ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
45
+ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
46
+
47
+ #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
48
+ #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
49
+ #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
50
+ #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
51
+
52
+ /*
53
+ The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
54
+ when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
55
+ See: http://jacklmoore.com/notes/ie-transparency-problems/
56
+ */
57
+ .cboxIE #cboxTopLeft,
58
+ .cboxIE #cboxTopCenter,
59
+ .cboxIE #cboxTopRight,
60
+ .cboxIE #cboxBottomLeft,
61
+ .cboxIE #cboxBottomCenter,
62
+ .cboxIE #cboxBottomRight,
63
+ .cboxIE #cboxMiddleLeft,
64
+ .cboxIE #cboxMiddleRight {
65
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
66
+ }
plugin-fw/assets/css/yit-plugin-panel-sidebar.css ADDED
@@ -0,0 +1,377 @@
1
+ /*
2
+ * This file belongs to the YIT Plugin Framework.
3
+ *
4
+ * This source file is subject to the GNU GENERAL PUBLIC LICENSE (GPL 3.0)
5
+ * that is bundled with this package in the file LICENSE.txt.
6
+ * It is also available through the world-wide-web at this URL:
7
+ * http://www.gnu.org/licenses/gpl-3.0.txt
8
+ */
9
+
10
+ /* === Panel Sidebar === */
11
+ #yit-panel-sidebar {
12
+ width : 275px;
13
+ float : right;
14
+ margin : 10px 0 0 10px;
15
+ }
16
+
17
+ #yit-panel-sidebar.yith-panel-sidebar-hidden {
18
+ position : absolute;
19
+ top : 0;
20
+ right : 0;
21
+ }
22
+
23
+ #yit-panel-sidebar.yith-panel-sidebar-hidden #yit-panel-sidebar-widgets-container{
24
+ display: none;
25
+ }
26
+
27
+ .yit-panel-sidebar-widget-wrapper {
28
+ position : relative;
29
+ margin : 10px 0 30px 0;
30
+ }
31
+
32
+ .yit-panel-sidebar-widget-container {
33
+ border-radius : 5px;
34
+ border : 1px solid #ddd;
35
+ background : #fff;
36
+ box-shadow : 0 2px 1px -1px #ccc;
37
+ overflow : hidden;
38
+ }
39
+
40
+ .yit-panel-sidebar-widget-container a {
41
+ text-decoration : none;
42
+ }
43
+
44
+ .yit-panel-sidebar-widget-container img.yit-panel-sidebar-widget-image {
45
+ width : 100%;
46
+ position : relative;
47
+ bottom : -5px;
48
+ }
49
+
50
+ .yit-panel-sidebar-widget-title {
51
+ padding : 12px 10px;
52
+ background : #f4f4f4;
53
+ font-size : 10px;
54
+ text-transform : uppercase;
55
+ font-weight : 700;
56
+ }
57
+
58
+ .yit-panel-sidebar-widget-title.dashicons {
59
+ width : auto !important;
60
+ height : auto !important;
61
+ display : block;
62
+ font-family : "Open Sans", sans-serif;
63
+ text-align : left;
64
+ }
65
+
66
+ .yit-panel-sidebar-widget-title.dashicons::before {
67
+ font-family : "Dashicons";
68
+ font-size : 18px;
69
+ display : inline-block;
70
+ vertical-align : middle;
71
+ margin-right : 10px;
72
+ font-weight : normal;
73
+ }
74
+
75
+ .yit-panel-sidebar-widget-title.orange {
76
+ background : #ff643e;
77
+ color : #fff;
78
+ }
79
+
80
+ .yit-panel-sidebar-widget-title.green {
81
+ background : #a3c401;
82
+ color : #fff;
83
+ }
84
+
85
+ .yit-panel-sidebar-widget-title.red {
86
+ background : #e4313c;
87
+ color : #fff;
88
+ }
89
+
90
+ .yit-panel-sidebar-widget-title.yellow {
91
+ background : #ffc400;
92
+ color : #333;
93
+ }
94
+
95
+ .yit-panel-sidebar-widget-title.center {
96
+ text-align : center;
97
+ }
98
+
99
+ .yit-panel-sidebar-widget-title.right {
100
+ text-align : right;
101
+ }
102
+
103
+ .yit-panel-sidebar-widget-content {
104
+ padding : 15px;
105
+ }
106
+
107
+ .yit-panel-sidebar-widget-content p {
108
+ font-size : 11px;
109
+ line-height : 18px;
110
+ margin : 0;
111
+ text-align : justify;
112
+ }
113
+
114
+ .yit-panel-sidebar-widget-badge.gift-tape {
115
+ color : #000;
116
+ font-family : "Open Sans", sans-serif;
117
+ box-sizing : border-box;
118
+ position : absolute;
119
+ background-color : transparent;
120
+ width : 70px;
121
+ height : 70px;
122
+ overflow : hidden;
123
+ top : 0;
124
+ right : 0;
125
+ }
126
+
127
+ .yit-panel-sidebar-widget-badge.gift-tape div.yit-panel-sidebar-widget-badge-text {
128
+ background : #ffd600;
129
+ background : -webkit-linear-gradient(left, #fe8502, #ffe400); /* For Safari 5.1 to 6.0 */
130
+ background : -o-linear-gradient(right, #fe8502, #ffe400); /* For Opera 11.1 to 12.0 */
131
+ background : -moz-linear-gradient(right, #fe8502, #ffe400); /* For Firefox 3.6 to 15 */
132
+ background : linear-gradient(to right, #fe8502, #ffe400); /* Standard syntax */
133
+ font-size : 10px;
134
+ font-weight : bold;
135
+ line-height : 24px;
136
+ position : absolute;
137
+ text-align : center;
138
+ z-index : 100;
139
+ -webkit-transform : rotate(45deg);
140
+ -ms-transform : rotate(45deg);
141
+ transform : rotate(45deg);
142
+ top : 15px;
143
+ left : -6px;
144
+ width : 100px;
145
+ text-shadow : 1px 1px 1px #fff;
146
+ }
147
+
148
+ img.yit-panel-sidebar-widget-despacho-image {
149
+ background : #ffffff;
150
+ background : -webkit-linear-gradient(#ffffff, #a5b7c5); /* For Safari 5.1 to 6.0 */
151
+ background : -o-linear-gradient(#ffffff, #a5b7c5); /* For Opera 11.1 to 12.0 */
152
+ background : -moz-linear-gradient(#ffffff, #a5b7c5); /* For Firefox 3.6 to 15 */
153
+ background : linear-gradient(#ffffff, #a5b7c5); /* Standard syntax */
154
+ }
155
+
156
+ /* ==== Buttons ==== */
157
+ #yit-panel-sidebar .button {
158
+ color : #ffffff;
159
+ border : none;
160
+ background : #666666;
161
+ -webkit-box-shadow : none;
162
+ box-shadow : none;
163
+ vertical-align : middle;
164
+ text-transform : uppercase;
165
+ font-size : 11px;
166
+ font-weight : 700;
167
+ height : 32px;
168
+ line-height : 32px;
169
+ padding : 0 18px 1px;
170
+ }
171
+
172
+ #yit-panel-sidebar .button.orange {
173
+ background : #ff6340;
174
+ }
175
+
176
+ #yit-panel-sidebar .button.green {
177
+ background : #a3c401;
178
+ }
179
+
180
+ #yit-panel-sidebar .button.red {
181
+ background : #e4313c;
182
+ }
183
+
184
+ #yit-panel-sidebar .button.yellow {
185
+ background : #ffc400;
186
+ }
187
+
188
+ /* === Title Icons === */
189
+ #yit-panel-sidebar .yit-panel-sidebar-widget-icon:before {
190
+ content : " ";
191
+ width : 16px;
192
+ height : 16px;
193
+ display : inline-block;
194
+ vertical-align : middle;
195
+ margin-right : 10px;
196
+ }
197
+
198
+ #yit-panel-sidebar .yit-panel-sidebar-widget-icon.link-icon:before {
199
+ background : transparent url('../images/widgets/link-icon.png') no-repeat;
200
+ background-size : contain;
201
+ }
202
+
203
+ #yit-panel-sidebar .yit-panel-sidebar-widget-icon.info-icon:before {
204
+ background : transparent url('../images/widgets/info-icon.png') no-repeat;
205
+ background-size : contain;
206
+ }
207
+
208
+ #yit-panel-sidebar .yit-panel-sidebar-widget-icon.box-icon:before {
209
+ background : transparent url('../images/widgets/box-icon.png') no-repeat;
210
+ background-size : contain;
211
+ }
212
+
213
+ #yit-panel-sidebar .yit-panel-sidebar-widget-icon.box-white-icon:before {
214
+ background : transparent url('../images/widgets/box-white-icon.png') no-repeat;
215
+ background-size : contain;
216
+ }
217
+
218
+ /* ==== Membership Widget ==== */
219
+ #yit-panel-sidebar-membership-widget {
220
+
221
+ }
222
+
223
+ #yit-panel-sidebar-membership-widget .yit-panel-sidebar-widget-title {
224
+ text-align : center;
225
+ }
226
+
227
+ #yit-panel-sidebar-membership-widget .yit-panel-sidebar-widget-content {
228
+ background : transparent url('../images/widgets/membership-bg.png') no-repeat;
229
+ background-position : 100% 180%;
230
+ background-size : 50%;
231
+ }
232
+
233
+ #yit-panel-sidebar-membership-widget .membership-total-price {
234
+ font-size : 25px;
235
+ font-weight : 700;
236
+ display : inline-block;
237
+
238
+ }
239
+
240
+ #yit-panel-sidebar-membership-widget .membership-offer-text {
241
+ display : inline-block;
242
+ font-size : 10px;
243
+ text-transform : uppercase;
244
+ width : 130px;
245
+ line-height : 14px;
246
+ }
247
+
248
+ #yit-panel-sidebar-membership-widget .membership-offer-text2 {
249
+ display : inline-block;
250
+ font-size : 10px;
251
+ text-transform : uppercase;
252
+ width : 36%;
253
+ text-align : right;
254
+ vertical-align : middle;
255
+ margin : 17px 0;
256
+ }
257
+
258
+ #yit-panel-sidebar-membership-widget .membership-offer-sale-text {
259
+ display : inline-block;
260
+ font-size : 24px;
261
+ color : #ff6340;
262
+ text-transform : uppercase;
263
+ width : 55%;
264
+ text-align : left;
265
+ vertical-align : middle;
266
+ margin : 17px 0;
267
+ font-weight : 700;
268
+ }
269
+
270
+ #yit-panel-sidebar-membership-widget .membership-buttons {
271
+ text-align : center;
272
+ margin-bottom : 10px;
273
+ }
274
+
275
+ /* ==== Important Links Widget ==== */
276
+ #yit-panel-sidebar-links-widget .yit-panel-sidebar-widget-content {
277
+ background : transparent url('../images/widgets/link-bg.png') no-repeat;
278
+ background-position : 110% 120%;
279
+ background-size : 50%;
280
+ }
281
+
282
+ ul.yit-panel-sidebar-links-list {
283
+ margin : 0;
284
+ }
285
+
286
+ ul.yit-panel-sidebar-links-list li {
287
+ margin : 0 0 10px 0;
288
+ }
289
+
290
+ ul.yit-panel-sidebar-links-list li:before {
291
+ content : " ";
292
+ width : 15px;
293
+ height : 13px;
294
+ display : inline-block;
295
+ background : transparent url('../images/ui-icons_454545_256x240.png') no-repeat -64px -144px;
296
+ margin-right : 7px;
297
+ }
298
+
299
+ /* === Sidebar Actions ===*/
300
+ #yit-panel-sidebar-actions {
301
+ text-align : right;
302
+ }
303
+
304
+ .yit-panel-sidebar-action-title {
305
+ margin-right : 5px;
306
+ text-transform : uppercase;
307
+ font-size : 11px;
308
+ }
309
+
310
+ #yit-panel-sidebar-action-hide {
311
+ text-align : right;
312
+ cursor : pointer;
313
+ }
314
+
315
+ .yit-panel-sidebar-action-hide-icon {
316
+ color : #f4f4f4;
317
+ background : #565656;
318
+ border-radius : 50%;
319
+ }
320
+
321
+ #yit-panel-sidebar-action-hide:hover .yit-panel-sidebar-action-title{
322
+ color: #000;
323
+ }
324
+
325
+ #yit-panel-sidebar-action-hide:hover .yit-panel-sidebar-action-hide-icon{
326
+ background: #000;
327
+ }
328
+
329
+ .hide-on-click .yit-panel-sidebar-action-hide-icon:before {
330
+ content : "\f139" !important;
331
+ }
332
+
333
+ /* === Responsive === */
334
+
335
+ @media (min-width : 767px) {
336
+ #wpbody-content #yit-panel-sidebar {
337
+ margin-right : 15px;
338
+ }
339
+ }
340
+
341
+ @media (max-width : 767px) {
342
+ #yit-panel-sidebar {
343
+ width : 275px;
344
+ margin : 20px auto 0 auto;
345
+ float : none;
346
+ display : block;
347
+ }
348
+
349
+ #yit-panel-sidebar.yith-panel-sidebar-hidden {
350
+ position : static;
351
+ }
352
+
353
+ #yit-panel-sidebar-actions {
354
+ text-align : center;
355
+ }
356
+
357
+ #yit-panel-sidebar-action-hide {
358
+ text-align : center;
359
+ }
360
+ }
361
+
362
+ @media (max-width : 480px) {
363
+
364
+ }
365
+
366
+ @media (min-width : 768px) and (max-width : 992px) {
367
+ }
368
+
369
+ @media (min-width : 980px) and (max-width : 1199px) {
370
+ }
371
+
372
+ @media (min-width : 1200px) {
373
+
374
+ }
375
+
376
+ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (-o-min-device-pixel-ratio : 3/2), only screen and (min--moz-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
377
+ }
plugin-fw/assets/css/yit-plugin-panel.css CHANGED
@@ -9,599 +9,627 @@
9
10
/* onoff */
11
.rm_onoff input {
12
- display: none;
13
}
14
15
.rm_onoff input + span {
16
- cursor: pointer;
17
- text-indent: -9999px;
18
- display: block;
19
- width: 85px;
20
- height: 37px;
21
- background: transparent url(../images/off.png);
22
}
23
24
.rm_onoff input:checked + span {
25
- background: transparent url(../images/on.png);
26
}
27
28
.rm_onoff input.onoffchecked + span {
29
- background: transparent url(../images/on.png);
30
}
31
32
/* slider */
33
/*numbers*/
34
.ui-slider .maxCaption, .ui-slider .minCaption {
35
- margin-bottom: 5px;
36
}
37
.ui-slider .feedback {
38
- background: url(../images/slider/tooltip.png) no-repeat center top;
39
- position: absolute;
40
- top: -25px;
41
- width: 35px;
42
- height: 43px;
43
- text-align: center;
44
- width: 100%;
45
- display: block;
46
}
47
.ui-slider .feedback strong {
48
- display: inline-block;
49
- padding-top: 4px;
50
- top: -30px;
51
}
52
/*handle*/
53
.yit-options .ui-slider-horizontal .ui-slider-handle,
54
.yit_options .ui-slider-horizontal .ui-slider-handle {
55
- background: transparent url(../images/slider/handle.png) no-repeat left top !important;
56
- border: 0px !important;
57
- top: -.35em !important;
58
- width: 18px !important;
59
- height: 19px !important;
60
}
61
62
/*bg on the left:grey*/
63
.yit-options .ui-slider.ui-widget-content,
64
.yit_options .ui-slider.ui-widget-content {
65
- background: url(../images/slider/grey.gif) repeat-x left center !important;
66
- border-color: #c1c1c0 !important;
67
- height: 10px !important;
68
}
69
70
.iris-slider-offset.ui-slider.ui-widget-content {
71
- background: transparent!important;
72
- height: auto!important;
73
}
74
75
/*bg on the right:orange*/
76
.ui-slider.ui-widget-content .ui-widget-header {
77
- background: url(../images/slider/orange.gif) repeat-x left center !important;
78
- left: 2px !important;
79
- -webkit-border-radius: 15px;
80
- -moz-border-radius: 15px;
81
- -khtml-border-radius: 15px;
82
- border-radius: 15px;
83
}
84
85
- .plugin-option tr{
86
- border-bottom: 1px solid #ccc;
87
}
88
.plugin-option .yit_options,
89
- .plugin-option .yit-options{
90
- border-bottom: 0px;
91
}
92
.plugin-option .yit-options .option,
93
.plugin-option .yit_options .option {
94
- width: 600px;
95
- float: left;
96
}
97
98
- .plugin-option .form-table td{
99
- padding: 25px 10px;
100
}
101
102
.yit_options .select_wrapper,
103
.yit-options .select_wrapper {
104
- background: url("../images/select.png") no-repeat scroll right center #FAFAFA;
105
- border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
106
- border-radius: 4px 4px 4px 4px;
107
- border-style: solid;
108
- border-width: 1px;
109
- color: #555555;
110
- display: block;
111
- float: left;
112
- font-family: sans-serif;
113
- font-size: 12px;
114
- height: 26px;
115
- margin-bottom: 9px !important;
116
- margin-left: 0;
117
- margin-right: 5px;
118
- margin-top: 0;
119
- width: 400px;
120
}
121
.chosen .select_wrapper {
122
- background: none;
123
- border: none;
124
}
125
- .chosen .select_wrapper .chosen-container{
126
- width: 338px!important;
127
}
128
- .chosen .select_wrapper .chosen-container .search-field input{
129
- height: 27px!important;
130
- color: #333;
131
}
132
- .chosen .select_wrapper .chosen-container .chosen-choices{
133
- border: 1px solid #ddd;
134
- box-shadow: none;
135
}
136
- .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice{
137
- height: 15px!important;
138
- min-width: 105px;
139
}
140
- .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice span{
141
- line-height: 15px;
142
- height: 15px;
143
- padding-top: 2px;
144
}
145
- .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice a.search-choice-close{
146
- top: 5px;
147
}
148
- .chosen .select_wrapper .chosen-container .chosen-drop .chosen-search input{
149
- width: 100%!important;
150
}
151
152
/* === Multiple Chosen Customizzation === */
153
154
.yith-choosen .chosen-choices {
155
- line-height: 27px;
156
- min-height: 27px;
157
- border: 1px solid #ddd;
158
}
159
160
- .yith-choosen .chosen-container-active .chosen-choices{
161
- border: 1px solid #5b9dd9;
162
- -webkit-box-shadow: 0 0 2px rgba(30,140,190,.8);
163
- box-shadow: 0 0 2px rgba(30,140,190,.8);
164
}
165
166
.select_wrapper span {
167
- height: 26px;
168
- line-height: 26px;
169
- padding-left: 6px;
170
- position: absolute;
171
- z-index: 2;
172
- overflow: hidden;
173
}
174
.ie8 .yit_options select,
175
.ie8 .yit-options select {
176
- height: 26px;
177
}
178
.yit_options select, .yit-options select, .the-metabox .select_wrapper select {
179
- cursor: pointer;
180
- height: 28px;
181
- margin: 0;
182
- opacity: 0;
183
- padding: 0;
184
- position: relative;
185
- width: inherit;
186
- z-index: 4;
187
- background-color: #FAFAFA;
188
}
189
190
/* === Single Chosen Customizzation === */
191
192
.yith-choosen .chosen-container-single .chosen-default {
193
- background: transparent;
194
- border-color: #ddd;
195
}
196
197
- .yith-choosen .chosen-search > input[type=text]{
198
- width: 100% !important;
199
}
200
201
.yith-choosen .chosen-container-single .chosen-single {
202
- background: transparent;
203
- border-color: #ddd;
204
}
205
206
-
207
/* Style to woocommerce panel*/
208
209
- #plugin-fw-wc{
210
- padding-top: 20px;
211
}
212
- #plugin-fw-wc table.form-table{
213
- background-color: #fff;
214
- margin-bottom: 20px;
215
}
216
#plugin-fw-wc table.form-table th {
217
- padding: 20px;
218
}
219
- #plugin-fw-wc h3{
220
- padding:0px 10px 10px ;
221
- border-bottom: 1px solid #eee;
222
}
223
224
/* === VIDEO BOX === */
225
226
.yith-videobox-wrapper {
227
- padding-top: 20px;
228
}
229
- .yith-videobox-wrapper h3{
230
- padding:0px 10px 10px ;
231
- border-bottom: 1px solid #eee;
232
}
233
234
.yith-videobox-wrapper .postbox {
235
- display: inline-block;
236
}
237
.yith-videobox-wrapper .yith_videobox .column {
238
- width: 45%;
239
- float: left;
240
- padding-right: 2.5%;
241
- border-right: 1px solid #ebebeb;
242
- padding-bottom: 2em;
243
}
244
.yith-videobox-wrapper .yith_videobox .column.two {
245
- margin-right: 0;
246
- padding-right: 0;
247
- padding-left: 2.5%;
248
- border: 0;
249
- max-width: 49%;
250
}
251
- .yith-videobox-wrapper .yith_videobox h2{
252
- font-size: 16px;
253
- margin-bottom: 20px;
254
}
255
.yith-videobox-wrapper .yith-video-link {
256
- width: 100%;
257
- max-width: 200px;
258
- float: left;
259
- margin: 0 1.5em 1.5em 0;
260
}
261
.yith-videobox-wrapper .yith-video-link {
262
- width: 100%;
263
- max-width: 200px;
264
- float: left;
265
- margin: 0 1.5em 1.5em 0;
266
}
267
.yith-videobox-wrapper .yith-image-frame img {
268
- max-width: 100%;
269
- height: auto;
270
}
271
.yith-videobox-wrapper .yith-video-link img {
272
- max-width: 100%;
273
- height: auto;
274
}
275
.yith-videobox-wrapper .yith-video-iframe {
276
- display: none;
277
278
}
279
280
/* === Plugins Upgrader === */
281
282
.yit-plugin-changelog-wrapper {
283
- display: none;
284
}
285
286
.yit-plugin-changelog-title {
287
- text-transform: uppercase;
288
}
289
290
.yit-plugin-changelog {
291
- background: #fcfcfc;
292
- height: 97%;
293
- z-index: 999;
294
- overflow: auto;
295
}
296
297
/* === Plugins Licence Activation === */
298
299
.yit-container.plugin-licence-activation {
300
- font-family: 'Raleway', sans-serif;
301
}
302
303
.yit-container.plugin-licence-activation .to-active-wrapper {
304
- margin-bottom: 60px;
305
}
306
307
.yit-container.plugin-licence-activation .to-active-wrapper form.to-active-form {
308
- position: relative;
309
- border-color: #e1e1e1;
310
- border-style: solid;
311
- border-width: 0;
312
}
313
314
.yit-container.plugin-licence-activation .to-active-wrapper form.to-active-form:first-child {
315
- border-top-width: 1px;
316
}
317
318
.yit-container.plugin-licence-activation .to-active-wrapper form.to-active-form:last-child {
319
- border-bottom-width: 1px;
320
}
321
322
.yit-container.plugin-licence-activation .to-active-wrapper table.to-active-table {
323
- border-width: 0;
324
- border-spacing: 0;
325
- width: 100%;
326
}
327
328
.yit-container.plugin-licence-activation .message {
329
- display: none;
330
- line-height: normal;
331
- background: #ffffff url(../images/licence-error.png) 15px center no-repeat;
332
- padding-left: 65px;
333
- padding-right: 15px;
334
- width: 150px;
335
}
336
337
.yit-container.plugin-licence-activation .message-wrapper {
338
- height: 75px;
339
- display: none;
340
- position: absolute;
341
- top: 0;
342
- right: -250px;
343
- border: 1px solid #ff3838;
344
}
345
346
.yit-container.plugin-licence-activation .message-wrapper.visible {
347
- display: table;
348
}
349
350
.yit-container.plugin-licence-activation .message {
351
- display: table-cell;
352
- vertical-align: middle;
353
}
354
355
.yit-container.plugin-licence-activation .arrow-left:after,
356
.yit-container.plugin-licence-activation .arrow-left:before {
357
- content: "";
358
- display: block;
359
- width: 0;
360
- height: 0;
361
- position: absolute;
362
}
363
364
.yit-container.plugin-licence-activation .arrow-left:before {
365
- border-top: 9px solid transparent;
366
- border-bottom: 9px solid transparent;
367
- border-right: 9px solid #ff3838;
368
- top: 26px;
369
- left: -9px;
370
}
371
372
.yit-container.plugin-licence-activation .arrow-left:after {
373
- border-top: 8px solid transparent;
374
- border-bottom: 8px solid transparent;
375
- border-right: 8px solid #fff;
376
- left: -8px;
377
- top: 27px;
378
}
379
380
.yit-container.plugin-licence-activation h2,
381
.yit-container.plugin-licence-activation h3 {
382
- text-transform: uppercase;
383
- font-weight: 800;
384
- margin-bottom: 30px;
385
}
386
387
.yit-container.plugin-licence-activation h2 {
388
- color: #808a97;
389
- font-size: 25px;
390
}
391
.yit-container.plugin-licence-activation h3 {
392
- color: #313131;
393
- font-size: 15px;
394
- height: 20px;
395
}
396
397
.yit-container.plugin-licence-activation h3.to-active {
398
- height: 20px;
399
- position: relative;
400
- vertical-align: top;
401
}
402
403
- .yit-container.plugin-licence-activation .spinner.show{
404
- display: inline-block;
405
- vertical-align: middle;
406
- float: none;
407
}
408
409
.yit-container.plugin-licence-activation h3.to-active > .spinner.show {
410
- display: inline-block;
411
- float: none;
412
- top: -3px;
413
- position: relative;
414
}
415
416
- .yit-container.plugin-licence-activation .licence-check-section{
417
- margin-bottom: 60px;
418
}
419
420
.yit-container.plugin-licence-activation span.licence-label {
421
- font-weight: 500;
422
- color: #606060;
423
- margin-bottom: 30px;
424
}
425
426
.yit-container.plugin-licence-activation .button-licence {
427
- border: 0;
428
- font-size: 13px;
429
- text-transform: uppercase;
430
- background-color: #808a97;
431
- color: #fff;
432
- font-weight: 700;
433
- border-radius: 3px;
434
- cursor: pointer;
435
- text-decoration: none;
436
- padding: 5px 7px;
437
- -webkit-transition: background-color 0.3s ease;
438
- -moz-transition: background-color 0.3s ease;
439
- -ms-transition: background-color 0.3s ease;
440
- -o-transition: background-color 0.3s ease;
441
- transition: background-color 0.3s ease;
442
}
443
444
.yit-container.plugin-licence-activation .button-licence:hover {
445
- background-color: #4d5c6f;
446
}
447
448
.yit-container.plugin-licence-activation .button-licence.clicked {
449
- cursor: not-allowed;
450
- background-color: #e2e2e2 !important;
451
}
452
453
.yit-container.plugin-licence-activation .button-licence.licence-check {
454
- font-weight: 400;
455
- padding: 12px 19px;
456
}
457
458
.yit-container.plugin-licence-activation .button-licence.licence-renew {
459
- text-decoration: none;
460
- padding: 7px 12px;
461
- font-size: 9px;
462
}
463
464
.yit-container.plugin-licence-activation .button-licence.licence-renew:focus {
465
- box-shadow: none;
466
}
467
468
.yit-container.plugin-licence-activation table:not(.to-active-table) {
469
- width: 100%;
470
- border: 1px solid #dcdcdc;
471
- border-spacing: 0;
472
- border-radius: 5px;
473
- border-collapse: separate;
474
- overflow: hidden;
475
}
476
477
.yit-container.plugin-licence-activation table:not(.to-active-table) th {
478
- border-bottom: 1px solid #dcdcdc;
479
}
480
481
.yit-container.plugin-licence-activation table:not(.to-active-table) td,
482
.yit-container.plugin-licence-activation table:not(.to-active-table) th {
483
- border-right: 1px solid #dcdcdc;
484
}
485
.yit-container.plugin-licence-activation table td:last-child,
486
.yit-container.plugin-licence-activation table th:last-child {
487
- border-right: 0;
488
}
489
490
.yit-container.plugin-licence-activation table thead tr {
491
- background-color: #f6f4f4;
492
}
493
494
.yit-container.plugin-licence-activation table tbody tr {
495
- background-color: #ffffff;
496
}
497
498
.yit-container.plugin-licence-activation table thead tr th {
499
- font-size: 13px;
500
- color: #313131;
501
- text-transform: uppercase;
502
- font-weight: bold;
503
}
504
505
.yit-container.plugin-licence-activation table thead tr,
506
.yit-container.plugin-licence-activation table tbody tr {
507
- line-height: 60px;
508
}
509
510
- .yit-container.plugin-licence-activation table tbody tr td{
511
- text-align: center;
512
- line-height: 20px;
513
- padding: 10px 5px;
514
}
515
516
.yit-container.plugin-licence-activation .button-licence.licence-activation {
517
- padding: 12px 18px;
518
}
519
520
.yit-container.plugin-licence-activation .to-active-table tr {
521
- line-height: 75px;
522
}
523
524
.yit-container.plugin-licence-activation .to-active-table tr.plugin-row {
525
- background-color: transparent;
526
- -webkit-transition: all 0.3s ease;
527
- -moz-transition: all 0.3s ease;
528
- -ms-transition: all 0.3s ease;
529
- -o-transition: all 0.3s ease;
530
- transition: all 0.3s ease;
531
}
532
533
.yit-container.plugin-licence-activation .to-active-table tr.plugin-row.error {
534
- background-color: #ffdcdc;
535
}
536
537
.yit-container.plugin-licence-activation .to-active-table td {
538
- padding-right: 12px;
539
- width: 33%;
540
}
541
542
-
543
.yit-container.plugin-licence-activation .to-active-table td.plugin-name {
544
- color: #808a97;
545
- font-size: 12px;
546
- text-transform: uppercase;
547
- font-weight: bold;
548
- line-height: 20px;
549
- width: 20%;
550
- padding-left: 20px;
551
}
552
553
.yit-container.plugin-licence-activation .to-active-table td.activate-button {
554
- width: 15%;
555
- position: relative;
556
}
557
558
.yit-container.plugin-licence-activation input[type=text],
559
- .yit-container.plugin-licence-activation input[type=email]{
560
- -webkit-transition: all 0.3s ease;
561
- -moz-transition: all 0.3s ease;
562
- -ms-transition: all 0.3s ease;
563
- -o-transition: all 0.3s ease;
564
- transition: all 0.3s ease;
565
566
- border: 1px solid #dcdcdc;
567
- padding: 0 15px;
568
- border-radius: 3px;
569
- height: 41px;
570
- width: 100%;
571
}
572
573
.yit-container.plugin-licence-activation input[type=text].require,
574
.yit-container.plugin-licence-activation input[type=email].require {
575
- border: 1px solid #ff3838;
576
}
577
578
.yit-container.plugin-licence-activation input[type=text]:focus,
579
- .yit-container.plugin-licence-activation input[type=email]:focus{
580
- webkit-box-shadow: 0 0 1px rgba(30,140,190,.8);
581
- box-shadow: 0 0 1px rgba(30,140,190,.8);
582
}
583
584
- .yit-container.plugin-licence-activation input[type=text]{
585
- text-transform: uppercase;
586
- text-align: center;
587
}
588
589
.yit-container.plugin-licence-activation input[type=email] {
590
- text-align: left;
591
}
592
593
- .yit-container.plugin-licence-activation input[type=submit]:focus{
594
- outline: 0;
595
}
596
597
/* === Woocommerce panel === */
598
- #plugin-fw-wc .yit_options{
599
- padding: 0;
600
- border: 0;
601
}
602
- #plugin-fw-wc .yit_options input.upload_button, .yit_options input.button{
603
- background: none;
604
- border: 1px solid #ccc;
605
}
606
607
/* === WP Pointers === */
@@ -609,26 +637,26 @@
609
#adminmenu li.menu-top.yit-pointer-selected-row,
610
#adminmenu li.menu-top.yit-pointer-selected-row:hover,
611
#adminmenu li.yit-pointer-selected-row a.menu-top {
612
- background-color: #acc327;
613
- color: #000;
614
}
615
616
- #adminmenu a.menu-top.toplevel_page_yit_plugin_panel.yit-pointer{
617
- color: #000;
618
}
619
620
#adminmenu a.menu-top.toplevel_page_yit_plugin_panel.yit-pointer:hover,
621
#adminmenu .wp-submenu a.yit-pointer-selected-row {
622
- color: #fff;
623
}
624
625
#adminmenu .wp-submenu a.yit-pointer-selected-row:hover {
626
- color: #45bbe6;
627
}
628
629
/* WooCommerce 2.4 Support */
630
- .woocommerce table.form-table .colorpick{
631
- width: 6em;
632
}
633
634
#wpwrap h2.nav-tab-wrapper , #wpbody-content h2.nav-tab-wrapper {
@@ -637,28 +665,49 @@
637
638
/* === YIT FRAMEWORK === */
639
.plugin-card .plugin-icon img {
640
- max-width: 100%;
641
- width: auto;
642
- height: auto;
643
}
644
645
/* === Responsive === */
646
647
- @media (max-width: 767px) {}
648
649
- @media (max-width: 480px) {}
650
651
- @media (min-width: 768px) and (max-width: 992px) {}
652
653
- @media (min-width: 980px) and (max-width: 1199px) {}
654
655
- @media (min-width: 1200px) {
656
- .yit-container.plugin-licence-activation{
657
- width: 900px;
658
}
659
}
660
661
- @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
662
- only screen and (-o-min-device-pixel-ratio: 3/2),
663
- only screen and (min--moz-device-pixel-ratio: 1.5),
664
- only screen and (min-device-pixel-ratio: 1.5) {}
9
10
/* onoff */
11
.rm_onoff input {
12
+ display : none;
13
}
14
15
.rm_onoff input + span {
16
+ cursor : pointer;
17
+ text-indent : -9999px;
18
+ display : block;
19
+ width : 85px;
20
+ height : 37px;
21
+ background : transparent url(../images/off.png);
22
}
23
24
.rm_onoff input:checked + span {
25
+ background : transparent url(../images/on.png);
26
}
27
28
.rm_onoff input.onoffchecked + span {
29
+ background : transparent url(../images/on.png);
30
}
31
32
/* slider */
33
/*numbers*/
34
.ui-slider .maxCaption, .ui-slider .minCaption {
35
+ margin-bottom : 5px;
36
}
37
+
38
.ui-slider .feedback {
39
+ background : url(../images/slider/tooltip.png) no-repeat center top;
40
+ position : absolute;
41
+ top : -25px;
42
+ width : 35px;
43
+ height : 43px;
44
+ text-align : center;
45
+ width : 100%;
46
+ display : block;
47
}
48
+
49
.ui-slider .feedback strong {
50
+ display : inline-block;
51
+ padding-top : 4px;
52
+ top : -30px;
53
}
54
+
55
/*handle*/
56
.yit-options .ui-slider-horizontal .ui-slider-handle,
57
.yit_options .ui-slider-horizontal .ui-slider-handle {
58
+ background : transparent url(../images/slider/handle.png) no-repeat left top !important;
59
+ border : 0px !important;
60
+ top : -.35em !important;
61
+ width : 18px !important;
62
+ height : 19px !important;
63
}
64
65
/*bg on the left:grey*/
66
.yit-options .ui-slider.ui-widget-content,
67
.yit_options .ui-slider.ui-widget-content {
68
+ background : url(../images/slider/grey.gif) repeat-x left center !important;
69
+ border-color : #c1c1c0 !important;
70
+ height : 10px !important;
71
}
72
73
.iris-slider-offset.ui-slider.ui-widget-content {
74
+ background : transparent !important;
75
+ height : auto !important;
76
}
77
78
/*bg on the right:orange*/
79
.ui-slider.ui-widget-content .ui-widget-header {
80
+ background : url(../images/slider/orange.gif) repeat-x left center !important;
81
+ left : 2px !important;
82
+ -webkit-border-radius : 15px;
83
+ -moz-border-radius : 15px;
84
+ -khtml-border-radius : 15px;
85
+ border-radius : 15px;
86
}
87
88
+ .plugin-option tr {
89
+ border-bottom : 1px solid #ccc;
90
}
91
+
92
.plugin-option .yit_options,
93
+ .plugin-option .yit-options {
94
+ border-bottom : 0px;
95
}
96
+
97
.plugin-option .yit-options .option,
98
.plugin-option .yit_options .option {
99
+ width : 600px;
100
+ float : left;
101
}
102
103
+ .plugin-option .form-table td {
104
+ padding : 25px 10px;
105
}
106
107
.yit_options .select_wrapper,
108
.yit-options .select_wrapper {
109
+ background : url("../images/select.png") no-repeat scroll right center #FAFAFA;
110
+ border-color : #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
111
+ border-radius : 4px 4px 4px 4px;
112
+ border-style : solid;
113
+ border-width : 1px;
114
+ color : #555555;
115
+ display : block;
116
+ float : left;
117
+ font-family : sans-serif;
118
+ font-size : 12px;
119
+ height : 26px;
120
+ margin-bottom : 9px !important;
121
+ margin-left : 0;
122
+ margin-right : 5px;
123
+ margin-top : 0;
124
+ width : 400px;
125
}
126
+
127
.chosen .select_wrapper {
128
+ background : none;
129
+ border : none;
130
}
131
+
132
+ .chosen .select_wrapper .chosen-container {
133
+ width : 338px !important;
134
}
135
+
136
+ .chosen .select_wrapper .chosen-container .search-field input {
137
+ height : 27px !important;
138
+ color : #333;
139
}
140
+
141
+ .chosen .select_wrapper .chosen-container .chosen-choices {
142
+ border : 1px solid #ddd;
143
+ box-shadow : none;
144
}
145
+
146
+ .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice {
147
+ height : 15px !important;
148
+ min-width : 105px;
149
}
150
+
151
+ .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice span {
152
+ line-height : 15px;
153
+ height : 15px;
154
+ padding-top : 2px;
155
}
156
+
157
+ .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice a.search-choice-close {
158
+ top : 5px;
159
}
160
+
161
+ .chosen .select_wrapper .chosen-container .chosen-drop .chosen-search input {
162
+ width : 100% !important;
163
}
164
165
/* === Multiple Chosen Customizzation === */
166
167
.yith-choosen .chosen-choices {
168
+ line-height : 27px;
169
+ min-height : 27px;
170
+ border : 1px solid #ddd;
171
}
172
173
+ .yith-choosen .chosen-container-active .chosen-choices {
174
+ border : 1px solid #5b9dd9;
175
+ -webkit-box-shadow : 0 0 2px rgba(30, 140, 190, .8);
176
+ box-shadow : 0 0 2px rgba(30, 140, 190, .8);
177
}
178
179
.select_wrapper span {
180
+ height : 26px;
181
+ line-height : 26px;
182
+ padding-left : 6px;
183
+ position : absolute;
184
+ z-index : 2;
185
+ overflow : hidden;
186
}
187
+
188
.ie8 .yit_options select,
189
.ie8 .yit-options select {
190
+ height : 26px;
191
}
192
+
193
.yit_options select, .yit-options select, .the-metabox .select_wrapper select {
194
+ cursor : pointer;
195
+ height : 28px;
196
+ margin : 0;
197
+ opacity : 0;
198
+ padding : 0;
199
+ position : relative;
200
+ width : inherit;
201
+ z-index : 4;
202
+ background-color : #FAFAFA;
203
}
204
205
/* === Single Chosen Customizzation === */
206
207
.yith-choosen .chosen-container-single .chosen-default {
208
+ background : transparent;
209
+ border-color : #ddd;
210
}
211
212
+ .yith-choosen .chosen-search > input[type=text] {
213
+ width : 100% !important;
214
}
215
216
.yith-choosen .chosen-container-single .chosen-single {
217
+ background : transparent;
218
+ border-color : #ddd;
219
}
220
221
/* Style to woocommerce panel*/
222
223
+ #plugin-fw-wc {
224
+ padding-top : 20px;
225
}
226
+
227
+ #plugin-fw-wc table.form-table {
228
+ background-color : #fff;
229
+ margin-bottom : 20px;
230
}
231
+
232
#plugin-fw-wc table.form-table th {
233
+ padding : 20px;
234
}
235
+
236
+ #plugin-fw-wc h3 {
237
+ padding : 0px 10px 10px;
238
+ border-bottom : 1px solid #eee;
239
}
240
241
/* === VIDEO BOX === */
242
243
.yith-videobox-wrapper {
244
+ padding-top : 20px;
245
}
246
+
247
+ .yith-videobox-wrapper h3 {
248
+ padding : 0px 10px 10px;
249
+ border-bottom : 1px solid #eee;
250
}
251
252
.yith-videobox-wrapper .postbox {
253
+ display : inline-block;
254
}
255
+
256
.yith-videobox-wrapper .yith_videobox .column {
257
+ width : 45%;
258
+ float : left;
259
+ padding-right : 2.5%;
260
+ border-right : 1px solid #ebebeb;
261
+ padding-bottom : 2em;
262
}
263
+
264
.yith-videobox-wrapper .yith_videobox .column.two {
265
+ margin-right : 0;
266
+ padding-right : 0;
267
+ padding-left : 2.5%;
268
+ border : 0;
269
+ max-width : 49%;
270
}
271
+
272
+ .yith-videobox-wrapper .yith_videobox h2 {
273
+ font-size : 16px;
274
+ margin-bottom : 20px;
275
}
276
+
277
.yith-videobox-wrapper .yith-video-link {
278
+ width : 100%;
279
+ max-width : 200px;
280
+ float : left;
281
+ margin : 0 1.5em 1.5em 0;
282
}
283
+
284
.yith-videobox-wrapper .yith-video-link {
285
+ width : 100%;
286
+ max-width : 200px;
287
+ float : left;
288
+ margin : 0 1.5em 1.5em 0;
289
}
290
+
291
.yith-videobox-wrapper .yith-image-frame img {
292
+ max-width : 100%;
293
+ height : auto;
294
}
295
+
296
.yith-videobox-wrapper .yith-video-link img {
297
+ max-width : 100%;
298
+ height : auto;
299
}
300
+
301
.yith-videobox-wrapper .yith-video-iframe {
302
+ display : none;
303
304
}
305
306
/* === Plugins Upgrader === */
307
308
.yit-plugin-changelog-wrapper {
309
+ display : none;
310
}
311
312
.yit-plugin-changelog-title {
313
+ text-transform : uppercase;
314
}
315
316
.yit-plugin-changelog {
317
+ background : #fcfcfc;
318
+ height : 97%;
319
+ z-index : 999;
320
+ overflow : auto;
321
}
322
323
/* === Plugins Licence Activation === */
324
325
.yit-container.plugin-licence-activation {
326
+ font-family : 'Raleway', sans-serif;
327
}
328
329
.yit-container.plugin-licence-activation .to-active-wrapper {
330
+ margin-bottom : 60px;
331
}
332
333
.yit-container.plugin-licence-activation .to-active-wrapper form.to-active-form {
334
+ position : relative;
335
+ border-color : #e1e1e1;
336
+ border-style : solid;
337
+ border-width : 0;
338
}
339
340
.yit-container.plugin-licence-activation .to-active-wrapper form.to-active-form:first-child {
341
+ border-top-width : 1px;
342
}
343
344
.yit-container.plugin-licence-activation .to-active-wrapper form.to-active-form:last-child {
345
+ border-bottom-width : 1px;
346
}
347
348
.yit-container.plugin-licence-activation .to-active-wrapper table.to-active-table {
349
+ border-width : 0;
350
+ border-spacing : 0;
351
+ width : 100%;
352
}
353
354
.yit-container.plugin-licence-activation .message {
355
+ display : none;
356
+ line-height : normal;
357
+ background : #ffffff url(../images/licence-error.png) 15px center no-repeat;
358
+ padding-left : 65px;
359
+ padding-right : 15px;
360
+ width : 150px;
361
}
362
363
.yit-container.plugin-licence-activation .message-wrapper {
364
+ height : 75px;
365
+ display : none;
366
+ position : absolute;
367
+ top : 0;
368
+ right : -250px;
369
+ border : 1px solid #ff3838;
370
}
371
372
.yit-container.plugin-licence-activation .message-wrapper.visible {
373
+ display : table;
374
}
375
376
.yit-container.plugin-licence-activation .message {
377
+ display : table-cell;
378
+ vertical-align : middle;
379
}
380
381
.yit-container.plugin-licence-activation .arrow-left:after,
382
.yit-container.plugin-licence-activation .arrow-left:before {
383
+ content : "";
384
+ display : block;
385
+ width : 0;
386
+ height : 0;
387
+ position : absolute;
388
}
389
390
.yit-container.plugin-licence-activation .arrow-left:before {
391
+ border-top : 9px solid transparent;
392
+ border-bottom : 9px solid transparent;
393
+ border-right : 9px solid #ff3838;
394
+ top : 26px;
395
+ left : -9px;
396
}
397
398
.yit-container.plugin-licence-activation .arrow-left:after {
399
+ border-top : 8px solid transparent;
400
+ border-bottom : 8px solid transparent;
401
+ border-right : 8px solid #fff;
402
+ left : -8px;
403
+ top : 27px;
404
}
405
406
.yit-container.plugin-licence-activation h2,
407
.yit-container.plugin-licence-activation h3 {
408
+ text-transform : uppercase;
409
+ font-weight : 800;
410
+ margin-bottom : 30px;
411
}
412
413
.yit-container.plugin-licence-activation h2 {
414
+ color : #808a97;
415
+ font-size : 25px;
416
}
417
+
418
.yit-container.plugin-licence-activation h3 {
419
+ color : #313131;
420
+ font-size : 15px;
421
+ height : 20px;
422
}
423
424
.yit-container.plugin-licence-activation h3.to-active {
425
+ height : 20px;
426
+ position : relative;
427
+ vertical-align : top;
428
}
429
430
+ .yit-container.plugin-licence-activation .spinner.show {
431
+ display : inline-block;
432
+ vertical-align : middle;
433
+ float : none;
434
}
435
436
.yit-container.plugin-licence-activation h3.to-active > .spinner.show {
437
+ display : inline-block;
438
+ float : none;
439
+ top : -3px;
440
+ position : relative;
441
}
442
443
+ .yit-container.plugin-licence-activation .licence-check-section {
444
+ margin-bottom : 60px;
445
}
446
447
.yit-container.plugin-licence-activation span.licence-label {
448
+ font-weight : 500;
449
+ color : #606060;
450
+ margin-bottom : 30px;
451
}
452
453
.yit-container.plugin-licence-activation .button-licence {
454
+ border : 0;
455
+ font-size : 13px;
456
+ text-transform : uppercase;
457
+ background-color : #808a97;
458
+ color : #fff;
459
+ font-weight : 700;
460
+ border-radius : 3px;
461
+ cursor : pointer;
462
+ text-decoration : none;
463
+ padding : 5px 7px;
464
+ -webkit-transition : background-color 0.3s ease;
465
+ -moz-transition : background-color 0.3s ease;
466
+ -ms-transition : background-color 0.3s ease;
467
+ -o-transition : background-color 0.3s ease;
468
+ transition : background-color 0.3s ease;
469
}
470
471
.yit-container.plugin-licence-activation .button-licence:hover {
472
+ background-color : #4d5c6f;
473
}
474
475
.yit-container.plugin-licence-activation .button-licence.clicked {
476
+ cursor : not-allowed;
477
+ background-color : #e2e2e2 !important;
478
}
479
480
.yit-container.plugin-licence-activation .button-licence.licence-check {
481
+ font-weight : 400;
482
+ padding : 12px 19px;
483
}
484
485
.yit-container.plugin-licence-activation .button-licence.licence-renew {
486
+ text-decoration : none;
487
+ padding : 7px 12px;
488
+ font-size : 9px;
489
}
490
491
.yit-container.plugin-licence-activation .button-licence.licence-renew:focus {
492
+ box-shadow : none;
493
}
494
495
.yit-container.plugin-licence-activation table:not(.to-active-table) {
496
+ width : 100%;
497
+ border : 1px solid #dcdcdc;
498
+ border-spacing : 0;
499
+ border-radius : 5px;
500
+ border-collapse : separate;
501
+ overflow : hidden;
502
}
503
504
.yit-container.plugin-licence-activation table:not(.to-active-table) th {
505
+ border-bottom : 1px solid #dcdcdc;
506
}
507
508
.yit-container.plugin-licence-activation table:not(.to-active-table) td,
509
.yit-container.plugin-licence-activation table:not(.to-active-table) th {
510
+ border-right : 1px solid #dcdcdc;
511
}
512
+
513
.yit-container.plugin-licence-activation table td:last-child,
514
.yit-container.plugin-licence-activation table th:last-child {
515
+ border-right : 0;
516
}
517
518
.yit-container.plugin-licence-activation table thead tr {
519
+ background-color : #f6f4f4;
520
}
521
522
.yit-container.plugin-licence-activation table tbody tr {
523
+ background-color : #ffffff;
524
}
525
526
.yit-container.plugin-licence-activation table thead tr th {
527
+ font-size : 13px;
528
+ color : #313131;
529
+ text-transform : uppercase;
530
+ font-weight : bold;
531
}
532
533
.yit-container.plugin-licence-activation table thead tr,
534
.yit-container.plugin-licence-activation table tbody tr {
535
+ line-height : 60px;
536
}
537
538
+ .yit-container.plugin-licence-activation table tbody tr td {
539
+ text-align : center;
540
+ line-height : 20px;
541
+ padding : 10px 5px;
542
}
543
544
.yit-container.plugin-licence-activation .button-licence.licence-activation {
545
+ padding : 12px 18px;
546
}
547
548
.yit-container.plugin-licence-activation .to-active-table tr {
549
+ line-height : 75px;
550
}
551
552
.yit-container.plugin-licence-activation .to-active-table tr.plugin-row {
553
+ background-color : transparent;
554
+ -webkit-transition : all 0.3s ease;
555
+ -moz-transition : all 0.3s ease;
556
+ -ms-transition : all 0.3s ease;
557
+ -o-transition : all 0.3s ease;
558
+ transition : all 0.3s ease;
559
}
560
561
.yit-container.plugin-licence-activation .to-active-table tr.plugin-row.error {
562
+ background-color : #ffdcdc;
563
}
564
565
.yit-container.plugin-licence-activation .to-active-table td {
566
+ padding-right : 12px;
567
+ width : 33%;
568
}
569
570
.yit-container.plugin-licence-activation .to-active-table td.plugin-name {
571
+ color : #808a97;
572
+ font-size : 12px;
573
+ text-transform : uppercase;
574
+ font-weight : bold;
575
+ line-height : 20px;
576
+ width : 20%;
577
+ padding-left : 20px;
578
}
579
580
.yit-container.plugin-licence-activation .to-active-table td.activate-button {
581
+ width : 15%;
582
+ position : relative;
583
}
584
585
.yit-container.plugin-licence-activation input[type=text],
586
+ .yit-container.plugin-licence-activation input[type=email] {
587
+ -webkit-transition : all 0.3s ease;
588
+ -moz-transition : all 0.3s ease;
589
+ -ms-transition : all 0.3s ease;
590
+ -o-transition : all 0.3s ease;
591
+ transition : all 0.3s ease;
592
593
+ border : 1px solid #dcdcdc;
594
+ padding : 0 15px;
595
+ border-radius : 3px;
596
+ height : 41px;
597
+ width : 100%;
598
}
599
600
.yit-container.plugin-licence-activation input[type=text].require,
601
.yit-container.plugin-licence-activation input[type=email].require {
602
+ border : 1px solid #ff3838;
603
}
604
605
.yit-container.plugin-licence-activation input[type=text]:focus,
606
+ .yit-container.plugin-licence-activation input[type=email]:focus {
607
+ webkit-box-shadow : 0 0 1px rgba(30, 140, 190, .8);
608
+ box-shadow : 0 0 1px rgba(30, 140, 190, .8);
609
}
610
611
+ .yit-container.plugin-licence-activation input[type=text] {
612
+ text-transform : uppercase;
613
+ text-align : center;
614
}
615
616
.yit-container.plugin-licence-activation input[type=email] {
617
+ text-align : left;
618
}
619
620
+ .yit-container.plugin-licence-activation input[type=submit]:focus {
621
+ outline : 0;
622
}
623
624
/* === Woocommerce panel === */
625
+ #plugin-fw-wc .yit_options {
626
+ padding : 0;
627
+ border : 0;
628
}
629
+
630
+ #plugin-fw-wc .yit_options input.upload_button, .yit_options input.button {
631
+ background : none;
632
+ border : 1px solid #ccc;
633
}
634
635
/* === WP Pointers === */
637
#adminmenu li.menu-top.yit-pointer-selected-row,
638
#adminmenu li.menu-top.yit-pointer-selected-row:hover,
639
#adminmenu li.yit-pointer-selected-row a.menu-top {
640
+ background-color : #acc327;
641
+ color : #000;
642
}
643
644
+ #adminmenu a.menu-top.toplevel_page_yit_plugin_panel.yit-pointer {
645
+ color : #000;
646
}
647
648
#adminmenu a.menu-top.toplevel_page_yit_plugin_panel.yit-pointer:hover,
649
#adminmenu .wp-submenu a.yit-pointer-selected-row {
650
+ color : #fff;
651
}
652
653
#adminmenu .wp-submenu a.yit-pointer-selected-row:hover {
654
+ color : #45bbe6;
655
}
656
657
/* WooCommerce 2.4 Support */
658
+ .woocommerce table.form-table .colorpick {
659
+ width : 6em;
660
}
661
662
#wpwrap h2.nav-tab-wrapper , #wpbody-content h2.nav-tab-wrapper {
665
666
/* === YIT FRAMEWORK === */
667
.plugin-card .plugin-icon img {
668
+ max-width : 100%;
669
+ width : auto;
670
+ height : auto;
671
+ }
672
+
673
+ /* === Panel Content and Container === */
674
+ .yit-admin-panel-container{
675
+ position:relative;
676
+ }
677
+ .yit-admin-panel-content-wrap {
678
+ width : calc(100% - 300px);
679
+ display : inline-block;
680
+ }
681
+
682
+ .yit-admin-panel-content-wrap.yit-admin-panel-content-wrap-full {
683
+ width : 100%;
684
+ display : block;
685
}
686
687
/* === Responsive === */
688
689
+ @media (max-width : 767px) {
690
+ .yit-admin-panel-content-wrap {
691
+ width : 100%;
692
+ display : block;
693
+ }
694
+ }
695
696
+ @media (max-width : 480px) {
697
698
+ }
699
700
+ @media (min-width : 768px) and (max-width : 992px) {
701
+ }
702
703
+ @media (min-width : 980px) and (max-width : 1199px) {
704
+ }
705
+
706
+ @media (min-width : 1200px) {
707
+ .yit-container.plugin-licence-activation {
708
+ width : 900px;
709
}
710
}
711
712
+ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (-o-min-device-pixel-ratio : 3/2), only screen and (min--moz-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
713
+ }
plugin-fw/assets/css/yit-upgrade-to-pro.css ADDED
@@ -0,0 +1,77 @@
1
+ /* === Upgrade to Premium Landing page === */
2
+
3
+ #upgrade-to-premium{
4
+ width: 900px;
5
+ }
6
+ #upgrade-to-premium h1{
7
+ font-family: 'Raleway',san-serif;
8
+ text-transform: uppercase;
9
+ font-size: 30px;
10
+ font-weight: 700;
11
+ color: #808a97;
12
+ }
13
+
14
+ #upgrade-to-premium h3{
15
+ font-family: 'Raleway',san-serif;
16
+ font-size: 20px;
17
+ line-height: 29px;
18
+ font-weight: 700;
19
+ color: #808a97;
20
+ }
21
+
22
+ #upgrade-to-premium p{
23
+ font-family: 'Open Sans',san-serif;
24
+ font-size: 15px;
25
+ line-height: 29px;
26
+ font-weight: 400;
27
+ color: #6a6a6b;
28
+ }
29
+ #upgrade-to-premium p.highlighted{
30
+ font-family: 'Raleway',san-serif;
31
+ font-size: 20px;
32
+ line-height: 27px;
33
+ color: #808a97;
34
+ font-weight: 400;
35
+ }
36
+ #upgrade-to-premium ol{
37
+ counter-reset: item;
38
+ list-style-type: none;
39
+ margin-left: 0;
40
+ }
41
+ #upgrade-to-premium li.step{
42
+ font-family: 'open sans',san-serif;
43
+ font-size: 15px;
44
+ color: #6a6a6b;
45
+ font-weight: 400;
46
+ position: relative;
47
+ padding-left: 50px;
48
+ line-height: 25px;
49
+ margin-bottom: 25px;
50
+ }
51
+ #upgrade-to-premium li.step:before{
52
+ content: counters(item, ".") " ";
53
+ counter-increment: item;
54
+ position: absolute;
55
+ left: 0;
56
+ top: 0;
57
+ border: 1px solid #808a97;
58
+ width: 30px;
59
+ height: 30px;
60
+ border-radius: 16px;
61
+ background-color: #808a97;
62
+ color: #ffffff;
63
+ font-weight: 700;
64
+ font-size: 18px;
65
+ text-align: center;
66
+ line-height: 27px;
67
+ }
68
+ #upgrade-to-premium li.step img{
69
+ border: 1px solid #b8b8b8;
70
+ width: 600px;
71
+ display: block;
72
+ margin: 15px 0 25px 0;
73
+ }
74
+
75
+ #cboxLoadedContent {
76
+ margin-bottom: 60px!important;
77
+ }
plugin-fw/assets/images/colorbox/border1.png ADDED
Binary file
plugin-fw/assets/images/colorbox/border2.png ADDED
Binary file
plugin-fw/assets/images/colorbox/loading.gif ADDED
Binary file
plugin-fw/assets/images/upgrade-page/01.jpg ADDED
Binary file
plugin-fw/assets/images/upgrade-page/02.jpg ADDED
Binary file
plugin-fw/assets/images/upgrade-page/03.jpg ADDED
Binary file
plugin-fw/assets/images/upgrade-page/04.jpg ADDED
Binary file
plugin-fw/assets/images/upgrade-page/05.jpg ADDED
Binary file
plugin-fw/assets/images/upgrade-page/06.jpg ADDED
Binary file
plugin-fw/assets/images/upgrade-page/07.jpg ADDED
Binary file
plugin-fw/assets/images/upgrade-page/08.jpg ADDED
Binary file
plugin-fw/assets/images/upgrade-page/09.jpg ADDED
Binary file
plugin-fw/assets/images/widgets/box-icon.png ADDED
Binary file
plugin-fw/assets/images/widgets/box-white-icon.png ADDED
Binary file
plugin-fw/assets/images/widgets/despacho.png ADDED
Binary file
plugin-fw/assets/images/widgets/info-icon.png ADDED
Binary file
plugin-fw/assets/images/widgets/link-bg.png ADDED
Binary file
plugin-fw/assets/images/widgets/link-bg2.png ADDED
Binary file
plugin-fw/assets/images/widgets/link-icon.png ADDED
Binary file
plugin-fw/assets/images/widgets/membership-bg.png ADDED
Binary file
plugin-fw/assets/js/jquery.colorbox.js ADDED
@@ -0,0 +1,1105 @@
1
+ /*!
2
+ Colorbox 1.6.3
3
+ license: MIT
4
+ http://www.jacklmoore.com/colorbox
5
+ */
6
+ (function ($, document, window) {
7
+ var
8
+ // Default settings object.
9
+ // See http://jacklmoore.com/colorbox for details.
10
+ defaults = {
11
+ // data sources
12
+ html: false,
13
+ photo: false,
14
+ iframe: false,
15
+ inline: false,
16
+
17
+ // behavior and appearance
18
+ transition: "elastic",
19
+ speed: 300,
20
+ fadeOut: 300,
21
+ width: false,
22
+ initialWidth: "600",
23
+ innerWidth: false,
24
+ maxWidth: false,
25
+ height: false,
26
+ initialHeight: "450",
27
+ innerHeight: false,
28
+ maxHeight: false,
29
+ scalePhotos: true,
30
+ scrolling: true,
31
+ opacity: 0.9,
32
+ preloading: true,
33
+ className: false,
34
+ overlayClose: true,
35
+ escKey: true,
36
+ arrowKey: true,
37
+ top: false,
38
+ bottom: false,
39
+ left: false,
40
+ right: false,
41
+ fixed: false,
42
+ data: undefined,
43
+ closeButton: true,
44
+ fastIframe: true,
45