YITH WooCommerce Compare - Version 2.0.8

Version Description

  • Added: Compatibility with WordPress 4.5
  • Fixed: Fatal error call to undefined method WC_AJAX::get_endpoint() for WooCommerce version older then 2.4
  • Updated: Plugin Core.
Download this release

Release Info

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

Code changes from version 2.0.7 to 2.0.8

Files changed (89) hide show
  1. README.txt +12 -10
  2. assets/images/11-bg.png +0 -0
  3. assets/images/11-icon.png +0 -0
  4. assets/images/11.png +0 -0
  5. includes/class.yith-woocompare-frontend.php +14 -4
  6. init.php +5 -5
  7. plugin-fw/assets/css/colorbox.css +65 -65
  8. plugin-fw/assets/css/metaboxes.css +663 -663
  9. plugin-fw/assets/css/yit-plugin-panel.css +713 -713
  10. plugin-fw/assets/css/yit-upgrade-to-pro.css +76 -76
  11. plugin-fw/assets/css/yit-upgrader.css +13 -13
  12. plugin-fw/assets/js/jquery.colorbox.js +1105 -1105
  13. plugin-fw/assets/js/metabox.js +354 -354
  14. plugin-fw/assets/js/multisite-updater.js +216 -216
  15. plugin-fw/assets/js/multisite-updater.min.js +3 -3
  16. plugin-fw/assets/js/yit-cpt-unlimited.js +78 -78
  17. plugin-fw/assets/js/yit-cptu-sortable-posts.js +31 -31
  18. plugin-fw/assets/js/yit-plugin-panel-sidebar.js +55 -55
  19. plugin-fw/assets/js/yit-plugin-panel.js +328 -328
  20. plugin-fw/assets/js/yit-wp-pointer.js +83 -83
  21. plugin-fw/assets/js/yit-wp-pointer.min.js +2 -2
  22. plugin-fw/init.php +56 -56
  23. plugin-fw/lib/yit-cpt-unlimited.php +1774 -1774
  24. plugin-fw/lib/yit-metabox.php +549 -549
  25. plugin-fw/lib/yit-plugin-common.php +1259 -1259
  26. plugin-fw/lib/yit-plugin-gradients.php +535 -535
  27. plugin-fw/lib/yit-plugin-panel-wc.php +446 -446
  28. plugin-fw/lib/yit-plugin-panel.php +920 -920
  29. plugin-fw/lib/yit-plugin-subpanel.php +164 -164
  30. plugin-fw/lib/yit-pointers.php +389 -389
  31. plugin-fw/lib/yit-upgrade.php +556 -556
  32. plugin-fw/lib/yit-video.php +199 -199
  33. plugin-fw/licence/assets/css/yit-licence.css +439 -439
  34. plugin-fw/licence/assets/js/yit-licence.js +195 -195
  35. plugin-fw/licence/assets/js/yit-licence.min.js +6 -6
  36. plugin-fw/licence/lib/yit-licence.php +708 -708
  37. plugin-fw/licence/lib/yit-plugin-licence.php +160 -160
  38. plugin-fw/licence/lib/yit-theme-licence.php +190 -190
  39. plugin-fw/licence/templates/panel/activation/activation-panel.php +237 -237
  40. plugin-fw/templates/metaboxes/tab.php +72 -72
  41. plugin-fw/templates/metaboxes/types/ajax-products.php +62 -62
  42. plugin-fw/templates/metaboxes/types/categories.php +87 -87
  43. plugin-fw/templates/metaboxes/types/checkbox.php +22 -22
  44. plugin-fw/templates/metaboxes/types/chosen.php +31 -31
  45. plugin-fw/templates/metaboxes/types/colorpicker.php +21 -21
  46. plugin-fw/templates/metaboxes/types/contactform.php +557 -557
  47. plugin-fw/templates/metaboxes/types/datepicker.php +20 -20
  48. plugin-fw/templates/metaboxes/types/hidden.php +17 -17
  49. plugin-fw/templates/metaboxes/types/icon-list.php +134 -134
  50. plugin-fw/templates/metaboxes/types/image-gallery.php +47 -47
  51. plugin-fw/templates/metaboxes/types/images.php +89 -89
  52. plugin-fw/templates/metaboxes/types/onoff.php +29 -29
  53. plugin-fw/templates/metaboxes/types/preview.php +18 -18
  54. plugin-fw/templates/metaboxes/types/responsivesliders.php +30 -30
  55. plugin-fw/templates/metaboxes/types/select-icon.php +71 -71
  56. plugin-fw/templates/metaboxes/types/select-mailchimp.php +31 -31
  57. plugin-fw/templates/metaboxes/types/select.php +31 -31
  58. plugin-fw/templates/metaboxes/types/sidebar-layout.php +60 -60
  59. plugin-fw/templates/metaboxes/types/sidebarlist.php +28 -28
  60. plugin-fw/templates/metaboxes/types/sidebars.php +124 -124
  61. plugin-fw/templates/metaboxes/types/simple-text.php +19 -19
  62. plugin-fw/templates/metaboxes/types/text-array.php +29 -29
  63. plugin-fw/templates/metaboxes/types/text.php +23 -23
  64. plugin-fw/templates/metaboxes/types/textarea-editor.php +41 -41
  65. plugin-fw/templates/metaboxes/types/textarea.php +24 -24
  66. plugin-fw/templates/metaboxes/types/title.php +17 -17
  67. plugin-fw/templates/metaboxes/types/typography.php +254 -254
  68. plugin-fw/templates/metaboxes/types/upload.php +23 -23
  69. plugin-fw/templates/panel/infobox.php +35 -35
  70. plugin-fw/templates/panel/types/chosen.php +35 -35
  71. plugin-fw/templates/panel/types/connected-list.php +26 -26
  72. plugin-fw/templates/panel/types/on-off.php +34 -34
  73. plugin-fw/templates/panel/types/select-mailchimp.php +35 -35
  74. plugin-fw/templates/panel/types/select.php +41 -41
  75. plugin-fw/templates/panel/types/slider.php +39 -39
  76. plugin-fw/templates/panel/types/text-button.php +36 -36
  77. plugin-fw/templates/panel/types/text.php +35 -35
  78. plugin-fw/templates/panel/types/textarea-codemirror.php +39 -39
  79. plugin-fw/templates/panel/types/textarea.php +35 -35
  80. plugin-fw/templates/panel/types/upload.php +46 -46
  81. plugin-fw/templates/panel/videobox.php +82 -82
  82. plugin-fw/templates/panel/woocommerce/woocommerce-form.php +27 -27
  83. plugin-fw/templates/panel/woocommerce/woocommerce-panel.php +11 -11
  84. plugin-fw/templates/panel/woocommerce/woocommerce-upload.php +59 -59
  85. plugin-fw/yit-deactive-plugin.php +34 -34
  86. plugin-fw/yit-functions.php +912 -912
  87. plugin-fw/yit-plugin-registration-hook.php +29 -29
  88. plugin-fw/yit-plugin.php +42 -42
  89. templates/admin/premium.php +23 -4
README.txt CHANGED
@@ -3,15 +3,14 @@
3
Contributors: yithemes
4
Tags: wc, shop, woocommerce, compare, compare products, product compare, widget, comparison, product comparison, compare table
5
Requires at least: 3.5.1
6
- Tested up to: 4.4
7
- Stable tag: 2.0.7
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
11
YITH WooCommerce Compare allows you to compare more products of your shop in one complete table.
12
WooCommerce Compatible up to 2.5.x
13
14
-
15
== Description ==
16
17
YITH WooCommerce Compare plugin is an extension of WooCommerce plugin that allow your users to compare some products of your shop.
@@ -72,6 +71,12 @@ yith-woocommerce-compare-<WORDPRESS LOCALE >.mo
72
73
== Changelog ==
74
75
= 2.0.7 =
76
77
* Fixed: Product status now updates automatically when the product is removed from the compare widget.
@@ -220,11 +225,8 @@ Full documentation is available [here](http://yithemes.com/docs-plugins/yith-woo
220
221
== Upgrade notice ==
222
223
- = 2.0.7 =
224
225
- * Fixed: Product status now updates automatically when the product is removed from the compare widget.
226
- * Fixed: Redirect correctly to cart page after "Add to cart" is clicked if "Redirect to the cart page after successful addition" option is enabled.
227
- * Fixed: Redirect correctly to product page after "Add to cart" is clicked when "Enable AJAX add to cart buttons on archives" option is disabled.
228
- * Updated: Plugin template compare.php
229
- * Updated: Plugin Core.
230
- * Updated: Language file.
3
Contributors: yithemes
4
Tags: wc, shop, woocommerce, compare, compare products, product compare, widget, comparison, product comparison, compare table
5
Requires at least: 3.5.1
6
+ Tested up to: 4.5
7
+ Stable tag: 2.0.8
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
11
YITH WooCommerce Compare allows you to compare more products of your shop in one complete table.
12
WooCommerce Compatible up to 2.5.x
13
14
== Description ==
15
16
YITH WooCommerce Compare plugin is an extension of WooCommerce plugin that allow your users to compare some products of your shop.
71
72
== Changelog ==
73
74
+ = 2.0.8 =
75
+
76
+ * Added: Compatibility with WordPress 4.5
77
+ * Fixed: Fatal error call to undefined method WC_AJAX::get_endpoint() for WooCommerce version older then 2.4
78
+ * Updated: Plugin Core.
79
+
80
= 2.0.7 =
81
82
* Fixed: Product status now updates automatically when the product is removed from the compare widget.
225
226
== Upgrade notice ==
227
228
+ = 2.0.8 =
229
230
+ * Added: Compatibility with WordPress 4.5
231
+ * Fixed: Fatal error call to undefined method WC_AJAX::get_endpoint() for WooCommerce version older then 2.4
232
+ * Updated: Plugin Core.
assets/images/11-bg.png ADDED
Binary file
assets/images/11-icon.png ADDED
Binary file
assets/images/11.png ADDED
Binary file
includes/class.yith-woocompare-frontend.php CHANGED
@@ -112,9 +112,19 @@ if( !class_exists( 'YITH_Woocompare_Frontend' ) ) {
112
add_shortcode( 'yith_compare_button', array( $this, 'compare_button_sc' ) );
113
114
// AJAX
115
- add_action( 'wc_ajax_' . $this->action_add, array( $this, 'add_product_to_compare_ajax' ) );
116
- add_action( 'wc_ajax_' . $this->action_remove, array( $this, 'remove_product_from_compare_ajax' ) );
117
- add_action( 'wc_ajax_' . $this->action_view, array( $this, 'refresh_widget_list_ajax' ) );
118
119
return $this;
120
}
@@ -127,7 +137,7 @@ if( !class_exists( 'YITH_Woocompare_Frontend' ) ) {
127
// scripts
128
wp_enqueue_script( 'yith-woocompare-main', YITH_WOOCOMPARE_ASSETS_URL . '/js/woocompare.js', array('jquery'), $this->version, true );
129
wp_localize_script( 'yith-woocompare-main', 'yith_woocompare', array(
130
- 'ajaxurl' => WC_AJAX::get_endpoint( "%%endpoint%%" ),
131
'actionadd' => $this->action_add,
132
'actionremove' => $this->action_remove,
133
'actionview' => $this->action_view,
112
add_shortcode( 'yith_compare_button', array( $this, 'compare_button_sc' ) );
113
114
// AJAX
115
+ if( version_compare( WC()->version, '2.4', '>=' ) ){
116
+ add_action( 'wc_ajax_' . $this->action_add, array( $this, 'add_product_to_compare_ajax' ) );
117
+ add_action( 'wc_ajax_' . $this->action_remove, array( $this, 'remove_product_from_compare_ajax' ) );
118
+ add_action( 'wc_ajax_' . $this->action_view, array( $this, 'refresh_widget_list_ajax' ) );
119
+ }
120
+ else {
121
+ add_action( 'wp_ajax_' . $this->action_add, array( $this, 'add_product_to_compare_ajax' ) );
122
+ add_action( 'wp_ajax_nopriv_' . $this->action_add, array( $this, 'add_product_to_compare_ajax' ) );
123
+ add_action( 'wp_ajax_' . $this->action_remove, array( $this, 'remove_product_from_compare_ajax' ) );
124
+ add_action( 'wp_ajax_nopriv_' . $this->action_remove, array( $this, 'remove_product_from_compare_ajax' ) );
125
+ add_action( 'wp_ajax_' . $this->action_view, array( $this, 'refresh_widget_list_ajax' ) );
126
+ add_action( 'wp_ajax_nopriv_' . $this->action_view, array( $this, 'refresh_widget_list_ajax' ) );
127
+ }
128
129
return $this;
130
}
137
// scripts
138
wp_enqueue_script( 'yith-woocompare-main', YITH_WOOCOMPARE_ASSETS_URL . '/js/woocompare.js', array('jquery'), $this->version, true );
139
wp_localize_script( 'yith-woocompare-main', 'yith_woocompare', array(
140
+ 'ajaxurl' => version_compare( WC()->version, '2.4', '>=' ) ? WC_AJAX::get_endpoint( "%%endpoint%%" ) : admin_url( 'admin-ajax.php', 'relative' ),
141
'actionadd' => $this->action_add,
142
'actionremove' => $this->action_remove,
143
'actionview' => $this->action_view,
init.php CHANGED
@@ -1,17 +1,17 @@
1
<?php
2
/**
3
* Plugin Name: YITH WooCommerce Compare
4
- * Plugin URI: https://yithemes.com/
5
* Description: YITH WooCommerce Compare allows you to compare more products with WooCommerce plugin, through product attributes.
6
- * Version: 2.0.7
7
* Author: YITHEMES
8
- * Author URI: http://yithemes.com/
9
* Text Domain: yith-woocommerce-compare
10
* Domain Path: /languages/
11
*
12
* @author Yithemes
13
* @package YITH WooCommerce Compare
14
- * @version 2.0.7
15
*/
16
/* Copyright 2013 Your Inspiration Themes (email : plugins@yithemes.com)
17
@@ -56,7 +56,7 @@ if ( ! function_exists( 'yith_plugin_registration_hook' ) ) {
56
register_activation_hook( __FILE__, 'yith_plugin_registration_hook' );
57
58
if ( ! defined( 'YITH_WOOCOMPARE_VERSION' ) ){
59
- define( 'YITH_WOOCOMPARE_VERSION', '2.0.7' );
60
}
61
if ( ! defined( 'YITH_WOOCOMPARE_FREE_INIT' ) ) {
62
define( 'YITH_WOOCOMPARE_FREE_INIT', plugin_basename( __FILE__ ) );
1
<?php
2
/**
3
* Plugin Name: YITH WooCommerce Compare
4
+ * Plugin URI: https://yithemes.com/themes/plugins/yith-woocommerce-compare/
5
* Description: YITH WooCommerce Compare allows you to compare more products with WooCommerce plugin, through product attributes.
6
+ * Version: 2.0.8
7
* Author: YITHEMES
8
+ * Author URI: https://yithemes.com/
9
* Text Domain: yith-woocommerce-compare
10
* Domain Path: /languages/
11
*
12
* @author Yithemes
13
* @package YITH WooCommerce Compare
14
+ * @version 2.0.8
15
*/
16
/* Copyright 2013 Your Inspiration Themes (email : plugins@yithemes.com)
17
56
register_activation_hook( __FILE__, 'yith_plugin_registration_hook' );
57
58
if ( ! defined( 'YITH_WOOCOMPARE_VERSION' ) ){
59
+ define( 'YITH_WOOCOMPARE_VERSION', '2.0.8' );
60
}
61
if ( ! defined( 'YITH_WOOCOMPARE_FREE_INIT' ) ) {
62
define( 'YITH_WOOCOMPARE_FREE_INIT', plugin_basename( __FILE__ ) );
plugin-fw/assets/css/colorbox.css CHANGED
@@ -1,66 +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
}
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/metaboxes.css CHANGED
@@ -1,664 +1,664 @@
1
- /* self-clear floats */
2
- .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
3
- /* ie.css */
4
- * html .clearfix { /* IE6 */
5
- height:1%;
6
- }
7
- *:first-child+html .clearfix { /* IE7 */
8
- min-height:1%;
9
- }
10
-
11
- .clearboth { clear: both }
12
-
13
- /* === TAB STYLE */
14
- .metaboxes-tab { margin:-6px -12px -8px; }
15
- .metaboxes-tab div.tabs-panel { height:auto; overflow:visible; margin-top:0px; padding:0 10px; background:none; border:0; border-top:1px solid #D4D4D4; }
16
- .metaboxes-tab ul.metaboxes-tabs { background:#F5F5F5; margin:0; padding:10px 0 0 5px; }
17
- .metaboxes-tab ul.metaboxes-tabs li { padding:8px 15px; border:1px solid #D4D4D4; float:left; background:#EDEDED; border-bottom-color:#EDEDED; margin:0 0 -1px 5px; box-shadow:1px 1px 1px 0 #FFFFFF inset; }
18
- .metaboxes-tab ul.metaboxes-tabs li a { color:#555; text-decoration:none; }
19
- .metaboxes-tab ul.metaboxes-tabs li.tabs { background:#F6F6F6; border-bottom:1px solid #F6F6F6; }
20
- .metaboxes-tab p.field-row { margin:20px 0; }
21
- .metaboxes-tab div.sep { height:1px; background:#DFDFDF; clear:both; margin-left:-10px; margin-right:-10px; }
22
- .metaboxes-tab label { font-weight:bold; width:160px; float:left; line-height:23px; margin-left:-184px; }
23
- .metaboxes-tab label small { font-weight:normal; line-height:15px; font-style:italic; color:#999; display:block; }
24
- .metaboxes-tab input[type="text"], .metaboxes-tab select, .metaboxes-tab textarea { width:30%; }
25
- .metaboxes-tab input[type="checkbox"] { vertical-align: middle }
26
- .metaboxes-tab select {padding:0;}
27
- .metaboxes-tab input.button-secondary, .metaboxes-tab input.checkbox { width:auto; }
28
- .metaboxes-tab .description { color:#AFAFAF; font-size:90%; font-style:italic; line-height:23px; padding-left:5px; }
29
- .metaboxes-tab p.field-row.textarea .description { vertical-align:top; }
30
- .metaboxes-tab p.field-row.checkbox {background:none;}
31
-
32
- .metaboxes-tab .the-metabox { margin:20px 0; margin-left:184px;}
33
- .metaboxes-tab .the-metabox.no-label { margin:20px 0; margin-left:0;}
34
- .metaboxes-tab hr { height: 0px; border-top: 1px solid #dadada; width: auto; margin-left: -10px; margin-right: -10px; }
35
- .metaboxes-tab .the-metabox p { margin:0;}
36
- .metaboxes-tab .the-metabox:last-child { border-bottom: 0px; }
37
- .metaboxes-tab .the-metabox.checkbox { background:none; }
38
- .metaboxes-tab .the-metabox.slider .ui-slider { margin-right:15px; }
39
-
40
- .metaboxes-tab span.desc { font-size: 11px; color: #AFAFAF; }
41
- .metaboxes-tab span.desc.inline { display: inline-block; vertical-align: top; line-height: 23px; }
42
- .metaboxes-tab .onoff span.desc, .metaboxes-tab .onoff label { padding:6px 0; }
43
- .metaboxes-tab .select span.desc, .metaboxes-tab .select label { padding:2px 0; }
44
- .metaboxes-tab .slider span.desc, .metaboxes-tab .slider label { padding:15px 0; }
45
- .metaboxes-tab .slider span.desc { display:block; padding:20px 0; }
46
-
47
- .metaboxes-tab ul.metaboxes-tabs li {
48
- -webkit-border-top-left-radius: 3px;
49
- -webkit-border-top-right-radius: 3px;
50
- -moz-border-radius-topleft: 3px;
51
- -moz-border-radius-topright: 3px;
52
- border-top-left-radius: 3px;
53
- border-top-right-radius: 3px;
54
- }
55
-
56
- /* image gallery */
57
- .metaboxes-tab .image-gallery ul li{
58
- display: inline-block;
59
- width: 80px;
60
- margin-left: 10px;
61
- position: relative;
62
- }
63
- .metaboxes-tab .image-gallery ul li img{
64
- width: 80px;
65
- border: 1px solid #ccc;
66
- }
67
- .metaboxes-tab .image-gallery ul li ul{
68
- position: absolute;
69
- top: -6px;
70
- right: -1px;
71
- width: 20px;
72
- height: 20px;
73
- }
74
- .metaboxes-tab .image-gallery ul a.delete{
75
- background: url(../images/x.png) no-repeat;
76
- width: 20px;
77
- height: 20px;
78
- display: block;
79
- text-indent: -99999px;
80
- }
81
- /* sidebar layout */
82
- .yit-sidebar-layout input[type="radio"] {
83
- display: none;
84
- width: 0px;
85
- }
86
- .yit-sidebar-layout input[type="radio"]:first-child {
87
- margin-right: -2px;
88
- }
89
-
90
- .yit-sidebar-layout input[type="radio"] + img {
91
- border: 2px solid #fff;
92
- padding: 1px;
93
- }
94
-
95
- .yit-sidebar-layout input[type="radio"] + img:hover {
96
- cursor: pointer;
97
- }
98
-
99
- .yit-sidebar-layout input[checked] + img {
100
- border: 2px solid #f2ad35;
101
- padding: 1px;
102
- }
103
-
104
- .yit-sidebar-layout select {
105
- vertical-align: 12px;
106
- width: inherit !important;
107
- }
108
-
109
- /* wp editor */
110
- .the-metabox.textarea-editor .mceIframeContainer {
111
- background:#fff;
112
- }
113
- .the-metabox.textarea-editor label {
114
- margin-top:24px;
115
- }
116
-
117
- /* categories */
118
- .categories-panel { width:30%; float:left; margin-right:4px; }
119
- .categories-panel .box { height:200px; border:1px solid #DFDFDF; background:#fff; padding:6px 10px; overflow: auto; }
120
- .categories-panel ul { list-style:none; margin:0; }
121
- .categories-panel ul li { line-height: 19px; margin: 0; padding: 0; word-wrap: break-word; }
122
- .categories-panel ul li label { font-weight:normal !important; margin-left:0 !important; }
123
- .categories-panel input.newcategory { width:100%; margin-bottom:3px; }
124
-
125
- /* contact form */
126
- .contactform_item {
127
- border-style: solid;
128
- border-width: 1px;
129
- line-height: 1;
130
- margin-bottom: 20px;
131
- padding: 0;
132
- background-color: #F5F5F5;
133
- background-image: -moz-linear-gradient(center top , #F9F9F9, #F5F5F5);
134
- border-color: #DFDFDF;
135
- border-radius: 3px 3px 3px 3px;
136
- box-shadow: 0 1px 0 #FFFFFF inset;
137
- min-width: 255px;
138
- position: relative;
139
- }
140
- .contactform_item .handlediv { position:relative; top: -4px; }
141
- .contactform_item h3 { min-height: 21px }
142
- .contactform_item .inside { padding: 10px !important; }
143
- .contactform_item .deps { display: none; }
144
- .contactform_item .addoptions p.option { margin: 5px 0 5px 200px }
145
- .contactform_item .addoptions p label { width: 80px !important; }
146
- .contactform_item .add-field-option { margin-bottom: 10px !important; }
147
- .remove_item { float: right; }
148
- .metabox-sortable-placeholder { border: 1px dotted #dedede; margin: 10px 0 }
149
-
150
- /* features tab */
151
- .featurestab_item{
152
- border-style: solid;
153
- border-width: 1px;
154
- line-height: 1;
155
- margin-bottom: 20px;
156
- padding: 0;
157
- background-color: #F5F5F5;
158
- background-image: -moz-linear-gradient(center top , #F9F9F9, #F5F5F5);
159
- border-color: #DFDFDF;
160
- border-radius: 3px 3px 3px 3px;
161
- box-shadow: 0 1px 0 #FFFFFF inset;
162
- min-width: 255px;
163
- position: relative;
164
- }
165
- .featurestab_item .handlediv { position:relative; top: -4px; }
166
- .featurestab_item h3 { min-height: 21px }
167
- .featurestab_item .inside { padding: 10px !important; }
168
- .featurestab_item .deps { display: none; }
169
- .featurestab_item .addoptions p.option { margin: 5px 0 5px 200px }
170
- .featurestab_item .addoptions p label { width: 80px !important; }
171
- .featurestab_item .add-field-option { margin-bottom: 10px !important; }
172
-
173
- /* slider */
174
- .the-metabox.slider { padding-top:20px; }
175
-
176
- /* on off */
177
- .the-metabox .rm_onoff span.onoff { float:left; margin-right:5px; margin-left:-4px; /* image fix */ }
178
-
179
- /* onoff */
180
- .rm_onoff input {
181
- display: none;
182
- }
183
-
184
- .rm_onoff input + span {
185
- cursor: pointer;
186
- text-indent: -9999px;
187
- display: block;
188
- width: 85px;
189
- height: 37px;
190
- background: transparent url(../images/off.png);
191
- }
192
-
193
- .rm_onoff input:checked + span {
194
- background: transparent url(../images/on.png);
195
- }
196
-
197
- .rm_onoff input.onoffchecked + span {
198
- background: transparent url(../images/on.png);
199
- }
200
-
201
- .messages-panel.updated {
202
- margin: 10px 0px 10px !important;
203
- max-width: 1200px;
204
- border-radius: 5px;
205
- -webkit-box-sizing: border-box;
206
- box-sizing: border-box;
207
- }
208
-
209
- .ui-widget-overlay { background-image: none !important; }
210
-
211
-
212
-
213
- /* select */
214
- .the-metabox .select_wrapper { width:341px; background-color:#fff; }
215
- .the-metabox .select_wrapper select { width:100%; }
216
- .the-metabox .icon_type{ width:30%; float: left; margin-right: 40px }
217
- .the-metabox .icon_type select, .the-metabox div.option .select_wrapper select{ width: 100% }
218
-
219
- #post-type-settings .category-list label { width: 187px; }
220
- .remove_cat { float: right; text-align:center; display: block; width: 20px; height: 20px; border-radius: 20px; font-weight: bold; font-size: 10px; background: #efefef; text-decoration: none; }
221
-
222
- .the-metabox .select_wrapper {
223
- background: url("../images/select.png") no-repeat scroll right center #FAFAFA;
224
- border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
225
- border-radius: 4px 4px 4px 4px;
226
- border-style: solid;
227
- border-width: 1px;
228
- color: #555555;
229
- display: block;
230
- float: left;
231
- font-family: sans-serif;
232
- font-size: 12px;
233
- min-height: 26px;
234
- margin-bottom: 9px !important;
235
- margin-left: 0;
236
- margin-right: 5px;
237
- margin-top: 0;
238
- width: 400px;
239
- position: relative;
240
- }
241
-
242
- /*chosen*/
243
-
244
- .chosen .select_wrapper {
245
- background: none;
246
- border: none;
247
- }
248
- .chosen .select_wrapper .chosen-container{
249
- width: 338px!important;
250
- }
251
- .chosen .select_wrapper .chosen-container .search-field input{
252
- height: 27px!important;
253
- color: #333;
254
- }
255
- .chosen .select_wrapper .chosen-container .chosen-choices{
256
- border: 1px solid #ddd;
257
- box-shadow: none;
258
- }
259
- .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice{
260
- height: 15px!important;
261
- min-width: 105px;
262
- }
263
- .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice span{
264
- line-height: 15px;
265
- height: 15px;
266
- padding-top: 2px;
267
- }
268
- .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice a.search-choice-close{
269
- top: 5px;
270
- }
271
- .chosen .select_wrapper .chosen-container .chosen-drop .chosen-search input{
272
- width: 100%!important;
273
- }
274
- .select_wrapper span {
275
- height: 26px;
276
- line-height: 26px;
277
- padding-left: 6px;
278
- position: absolute;
279
- z-index: 2;
280
- overflow: hidden;
281
- }
282
-
283
- .the-metabox .select_wrapper select {
284
- cursor: pointer;
285
- height: 28px;
286
- margin: 0;
287
- opacity: 0;
288
- padding: 0;
289
- position: relative;
290
- width: inherit;
291
- z-index: 4;
292
- background-color: #FAFAFA;
293
- }
294
-
295
-
296
- /* typography */
297
- .the-metabox.typography .select_wrapper.font-family { width:200px; }
298
- .the-metabox.typography .spinner_container { float:left; margin-right:10px; }
299
- .the-metabox.typography .spinner_container input.number {
300
- width:50px !important;
301
- -webkit-border-top-right-radius: 0px;
302
- -webkit-border-bottom-right-radius: 0px;
303
- -moz-border-radius-topright: 0px;
304
- -moz-border-radius-bottomright: 0px;
305
- border-top-right-radius: 0px;
306
- border-bottom-right-radius: 0px;
307
- }
308
-
309
- /* number */
310
- .the-metabox.number input.number { width:50px !important; }
311
- /* number */
312
- .rm_number .number {
313
- width: 70px;
314
- text-align: right;
315
- -webkit-border-top-right-radius: 0px;
316
- -webkit-border-bottom-right-radius: 0px;
317
- -moz-border-radius-topright: 0px;
318
- -moz-border-radius-bottomright: 0px;
319
- border-top-right-radius: 0px;
320
- border-bottom-right-radius: 0px;
321
- }
322
-
323
- .spinner-wrapper { position: relative; height: 23px; overflow: hidden; }
324
- .spinner-wrapper input.number { float: left; }
325
- .spinner-wrapper .spinner-button { cursor:pointer; float: left; position: absolute; left: 69px; width: 15px; height: 12px; border: 1px solid #DFDFDF; background: #fff; margin: 0; padding: 0; line-height: 9999px; overflow: hidden; background: url('../images/spinner.png') no-repeat center -11px }
326
- .spinner-wrapper .spinner-button.button-plus { top: 0; -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; }
327
- .spinner-wrapper .spinner-button.button-minus { bottom: 0; background-position: center -30px; -webkit-border-bottom-right-radius: 3px !important; -moz-border-radius-bottomright: 3px !important; border-bottom-right-radius: 3px !important; }
328
-
329
-
330
- .spinner-wrapper .spinner-button.button-plus:active { background-position: center 0px; }
331
- .spinner-wrapper .spinner-button.button-minus:active { background-position: center -20px; }
332
-
333
-
334
- .rm_typography .spinner_container { float: left; margin-right: 10px; }
335
- .rm_typography .spinner-wrapper { height: 28px; }
336
- .rm_typography .spinner-wrapper input.number { height: 28px; }
337
- .rm_typography .spinner-wrapper .spinner-button.button-plus { height: 15px; background-position: center -10px; }
338
- .rm_typography .spinner-wrapper .spinner-button.button-minus { height: 14px; }
339
-
340
- .the-metabox .spinner-wrapper .spinner-button { left: 49px; }
341
- .the-metabox.typography .spinner-wrapper .spinner-button { left: 35px; }
342
-
343
- /* colorpicker */
344
- .the-metabox.colorpicker { display:block; width: auto; height: auto; overflow: visible; background-image: none; position: static; font-family: inherit;}
345
- .the-metabox.colorpicker input { background-color: transparent; border: 1px solid #DFDFDF; position: static; font-size: inherit; font-family: inherit; color: inherit; text-align: center; margin: 0 5px 0px; padding: 0; outline: none; width: auto; }
346
-
347
- /* images */
348
- .the-metabox.images, .the-metabox.images label { margin-left:0; display:block; }
349
- .the-metabox.images .slides-wrapper { clear:both; }
350
- .the-metabox.images .slides-wrapper li { position:relative; }
351
- .the-metabox.images a.delete { display:block; margin-left:4px; text-decoration:none; font-weight:bold; color:red; position:absolute; top:0; right:0; width:10px; height:18px; z-index:10; cursor:pointer !important; }
352
-
353
- /* wp editor */
354
- .wp_themeSkin iframe { background: #fff !important; }
355
-
356
- /* custom tabs */
357
- .customtab_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 #FFFFFF inset;
368
- min-width: 255px;
369
- position: relative;
370
- }
371
- .customtab_item .handlediv { position:relative; top: -4px; }
372
- .customtab_item h3 { min-height: 21px }
373
- .customtab_item .inside { padding: 10px !important; }
374
- .customtab_item .deps { display: none; }
375
- .customtab_item .addoptions p.option { margin: 5px 0 5px 200px }
376
- .customtab_item .addoptions p label { width: 80px !important; }
377
- .customtab_item .add-field-option { margin-bottom: 10px !important; }
378
- .customtab_item .remove_item { float: right; }
379
- .metabox-sortable-placeholder { border: 1px dotted #dedede; margin: 10px 0 }
380
-
381
- .the-metabox.customtabs {
382
- margin-left: 0;
383
- }
384
-
385
- #customtab_item_sample {
386
- display: none;
387
- }
388
-
389
- .the-metabox.customtabs .field-row {
390
- margin-bottom: 10px;
391
- }
392
-
393
- #yit_custom_tabs label {
394
- font-weight: normal;
395
- width: auto;
396
- float: none;
397
- line-height: auto;
398
- margin-left: 0;
399
- }
400
-
401
-
402
- .wp-admin p label input[type=radio]{
403
- width: 16px;
404
- margin-right: 10px;
405
- margin-top: 3px;
406
- }
407
- .wp-admin .form-field._preset_onsale_icon_field label input[type=radio]{
408
- margin-top: 0;
409
- }
410
-
411
- .the-metabox .spinner {
412
- margin-top: 5px;
413
- float: none;
414
- }
415
-
416
- /* slider */
417
- /*numbers*/
418
- .ui-slider .maxCaption, .ui-slider .minCaption {
419
- margin-bottom: 5px;
420
- }
421
- .ui-slider .feedback {
422
- background: url(../images/slider/tooltip.png) no-repeat center top;
423
- position: absolute;
424
- top: -25px;
425
- width: 35px;
426
- height: 43px;
427
- text-align: center;
428
- width: 100%;
429
- display: block;
430
- }
431
- .ui-slider .feedback strong {
432
- display: inline-block;
433
- padding-top: 4px;
434
- top: -30px;
435
- }
436
- /*handle*/
437
- .ui-slider-horizontal .ui-slider-handle{
438
- background: transparent url(../images/slider/handle.png) no-repeat left top !important;
439
- border: 0px !important;
440
- top: -.35em !important;
441
- width: 18px !important;
442
- height: 19px !important;
443
- }
444
-
445
- /*bg on the left:grey*/
446
- .ui-slider.ui-widget-content {
447
- background: url(../images/slider/grey.gif) repeat-x left center !important;
448
- border-color: #c1c1c0 !important;
449
- height: 10px !important;
450
- }
451
-
452
- .iris-slider-offset.ui-slider.ui-widget-content {
453
- background: transparent!important;
454
- height: auto!important;
455
- }
456
-
457
- /*bg on the right:orange*/
458
- .ui-slider.ui-widget-content .ui-widget-header {
459
- background: url(../images/slider/orange.gif) repeat-x left center !important;
460
- left: 2px !important;
461
- -webkit-border-radius: 15px;
462
- -moz-border-radius: 15px;
463
- -khtml-border-radius: 15px;
464
- border-radius: 15px;
465
- }
466
-
467
-
468
- /*sidebars*/
469
-
470
- #choose-sidebars.choose{
471
- margin-left: 0px;
472
- }
473
-
474
-
475
- #_active_page_options-container label, #_active_page_options-container p{
476
- display: inline-block;
477
- margin: 0px;
478
- }
479
- #_active_page_options-container label{
480
- margin-right: 10px;
481
- margin-top: 3px;
482
- }
483
- #_active_page_options-container {
484
- float: right;
485
- margin-right: 20px;
486
- margin-top: 5px;
487
- }
488
-
489
- /* sortable table posts */
490
-
491
- #the-list.ui-sortable tr:hover {
492
- cursor: move;
493
- }
494
-
495
-
496
- /*datepicker*/
497
- /*! jQuery UI - v1.11.2 - 2015-01-21
498
- * http://jqueryui.com
499
- * Includes: core.css, datepicker.css, theme.css
500
- * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=%23dddddd&bgTextureHeader=flat&bgImgOpacityHeader=60&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e9e9e9&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%2389b17e&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
501
- * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
502
-
503
- /* Layout helpers
504
- ----------------------------------*/
505
- .ui-helper-hidden {
506
- display: none;
507
- }
508
- .ui-helper-hidden-accessible {
509
- border: 0;
510
- clip: rect(0 0 0 0);
511
- height: 1px;
512
- margin: -1px;
513
- overflow: hidden;
514
- padding: 0;
515
- position: absolute;
516
- width: 1px;
517
- }
518
- .ui-helper-reset {
519
- margin: 0;
520
- padding: 0;
521
- border: 0;
522
- outline: 0;
523
- line-height: 1.3;
524
- text-decoration: none;
525
- font-size: 100%;
526
- list-style: none;
527
- }
528
- .ui-helper-clearfix:before,
529
- .ui-helper-clearfix:after {
530
- content: "";
531
- display: table;
532
- border-collapse: collapse;
533
- }
534
- .ui-helper-clearfix:after {
535
- clear: both;
536
- }
537
- .ui-helper-clearfix {
538
- min-height: 0; /* support: IE7 */
539
- }
540
- .ui-helper-zfix {
541
- width: 100%;
542
- height: 100%;
543
- top: 0;
544
- left: 0;
545
- position: absolute;
546
- opacity: 0;
547
- filter:Alpha(Opacity=0); /* support: IE8 */
548
- }
549
-
550
- .ui-front {
551
- z-index: 100;
552
- }
553
-
554
-
555
- /* Interaction Cues
556
- ----------------------------------*/
557
- .ui-state-disabled {
558
- cursor: default !important;
559
- }
560
-
561
-
562
- /* Icons
563
- ----------------------------------*/
564
-
565
- /* states and images */
566
- .ui-icon {
567
- display: block;
568
- text-indent: -99999px;
569
- overflow: hidden;
570
- background-repeat: no-repeat;
571
- }
572
-
573
-
574
- /* DATE PICKER
575
- ----------------------------------*/
576
-
577
- .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
578
- .ui-datepicker{width:17em;padding:.2em .2em 0;display:none;z-index:100!important;}
579
- .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
580
- .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
581
- .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
582
- .ui-datepicker .ui-datepicker-prev{left:2px}
583
- .ui-datepicker .ui-datepicker-next{right:2px}
584
- .ui-datepicker .ui-datepicker-prev-hover{left:1px}
585
- .ui-datepicker .ui-datepicker-next-hover{right:1px}
586
- .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
587
- .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
588
- .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
589
- .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}
590
- .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
591
- .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}
592
- .ui-datepicker td{border:0;padding:1px}
593
- .ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
594
- .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
595
- .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}
596
- .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
597
- .ui-datepicker.ui-datepicker-multi{width:auto}
598
- .ui-datepicker-multi .ui-datepicker-group{float:left}
599
- .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
600
- .ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
601
- .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
602
- .ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
603
- .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
604
- .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
605
- .ui-datepicker-row-break{clear:both;width:100%;font-size:0}
606
- .ui-datepicker-rtl{direction:rtl}
607
- .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
608
- .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
609
- .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
610
- .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
611
- .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
612
- .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
613
- .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
614
- .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
615
- .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}
616
- .ui-widget .ui-widget{font-size:1em}
617
- .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}
618
- .ui-widget-content{border:1px solid #aaa;background:#fff 50% 50% repeat-x;color:#222}
619
- .ui-widget-content a{color:#222}
620
- .ui-widget-header{border:1px solid #aaa;background:#ddd 50% 50% repeat-x;color:#222;font-weight:700}
621
- .ui-widget-header a{color:#222}
622
- .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:0 solid #d3d3d3;background:#e9e9e9 50% 50% repeat-x;font-weight:400;color:#555}
623
- .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}
624
- .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:0 solid #999;background:#dadada 50% 50% repeat-x;font-weight:400;color:#212121}
625
- .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}
626
- .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:0 solid #aaa;background:#fff 50% 50% repeat-x;font-weight:400;color:#212121}
627
- .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}
628
- .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:0 solid #89b17e;background:#fbf9ee 50% 50% repeat-x;color:#363636}
629
- .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
630
- .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:0 solid #cd0a0a;background:#fef1ec 50% 50% repeat-x;color:#cd0a0a}
631
- .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}
632
- .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}
633
- .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}
634
- .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}
635
- .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
636
- .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}
637
- .ui-icon{width:16px;height:16px}
638
- .ui-icon,.ui-widget-content .ui-icon{background-image:url(../images/ui-icons_222222_256x240.png)}
639
- .ui-widget-header .ui-icon{background-image:url(../images/ui-icons_222222_256x240.png)}
640
- .ui-state-default .ui-icon{background-image:url(../images/ui-icons_888888_256x240.png)}
641
- .ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../images/ui-icons_454545_256x240.png)}
642
- .ui-state-active .ui-icon{background-image:url(../images/ui-icons_454545_256x240.png)}
643
- .ui-state-highlight .ui-icon{background-image:url(../images/ui-icons_2e83ff_256x240.png)}
644
- .ui-icon-circle-triangle-e{background-position:-48px -192px}
645
- .ui-icon-circle-triangle-s{background-position:-64px -192px}
646
- .ui-icon-circle-triangle-w{background-position:-80px -192px}
647
- .ui-icon-circle-triangle-n{background-position:-96px -192px}
648
- .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}
649
- .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}
650
- .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}
651
- .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}
652
- .ui-widget-overlay{background:#aaa 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}
653
- .ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
654
-
655
-
656
- .the-metabox.preview{
657
- float: none;
658
- }
659
- .metaboxes-tab .the-metabox.no-label.preview{
660
- margin-left: 184px;
661
- }
662
- .metaboxes-tab .the-metabox.no-label.preview img{
663
- box-shadow: 0 1px 8px rgba(0,0,0,0.2);
664
}
1
+ /* self-clear floats */
2
+ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
3
+ /* ie.css */
4
+ * html .clearfix { /* IE6 */
5
+ height:1%;
6
+ }
7
+ *:first-child+html .clearfix { /* IE7 */
8
+ min-height:1%;
9
+ }
10
+
11
+ .clearboth { clear: both }
12
+
13
+ /* === TAB STYLE */
14
+ .metaboxes-tab { margin:-6px -12px -8px; }
15
+ .metaboxes-tab div.tabs-panel { height:auto; overflow:visible; margin-top:0px; padding:0 10px; background:none; border:0; border-top:1px solid #D4D4D4; }
16
+ .metaboxes-tab ul.metaboxes-tabs { background:#F5F5F5; margin:0; padding:10px 0 0 5px; }
17
+ .metaboxes-tab ul.metaboxes-tabs li { padding:8px 15px; border:1px solid #D4D4D4; float:left; background:#EDEDED; border-bottom-color:#EDEDED; margin:0 0 -1px 5px; box-shadow:1px 1px 1px 0 #FFFFFF inset; }
18
+ .metaboxes-tab ul.metaboxes-tabs li a { color:#555; text-decoration:none; }
19
+ .metaboxes-tab ul.metaboxes-tabs li.tabs { background:#F6F6F6; border-bottom:1px solid #F6F6F6; }
20
+ .metaboxes-tab p.field-row { margin:20px 0; }
21
+ .metaboxes-tab div.sep { height:1px; background:#DFDFDF; clear:both; margin-left:-10px; margin-right:-10px; }
22
+ .metaboxes-tab label { font-weight:bold; width:160px; float:left; line-height:23px; margin-left:-184px; }
23
+ .metaboxes-tab label small { font-weight:normal; line-height:15px; font-style:italic; color:#999; display:block; }
24
+ .metaboxes-tab input[type="text"], .metaboxes-tab select, .metaboxes-tab textarea { width:30%; }
25
+ .metaboxes-tab input[type="checkbox"] { vertical-align: middle }
26
+ .metaboxes-tab select {padding:0;}
27
+ .metaboxes-tab input.button-secondary, .metaboxes-tab input.checkbox { width:auto; }
28
+ .metaboxes-tab .description { color:#AFAFAF; font-size:90%; font-style:italic; line-height:23px; padding-left:5px; }
29
+ .metaboxes-tab p.field-row.textarea .description { vertical-align:top; }
30
+ .metaboxes-tab p.field-row.checkbox {background:none;}
31
+
32
+ .metaboxes-tab .the-metabox { margin:20px 0; margin-left:184px;}
33
+ .metaboxes-tab .the-metabox.no-label { margin:20px 0; margin-left:0;}
34
+ .metaboxes-tab hr { height: 0px; border-top: 1px solid #dadada; width: auto; margin-left: -10px; margin-right: -10px; }
35
+ .metaboxes-tab .the-metabox p { margin:0;}
36
+ .metaboxes-tab .the-metabox:last-child { border-bottom: 0px; }
37
+ .metaboxes-tab .the-metabox.checkbox { background:none; }
38
+ .metaboxes-tab .the-metabox.slider .ui-slider { margin-right:15px; }
39
+
40
+ .metaboxes-tab span.desc { font-size: 11px; color: #AFAFAF; }
41
+ .metaboxes-tab span.desc.inline { display: inline-block; vertical-align: top; line-height: 23px; }
42
+ .metaboxes-tab .onoff span.desc, .metaboxes-tab .onoff label { padding:6px 0; }
43
+ .metaboxes-tab .select span.desc, .metaboxes-tab .select label { padding:2px 0; }
44
+ .metaboxes-tab .slider span.desc, .metaboxes-tab .slider label { padding:15px 0; }
45
+ .metaboxes-tab .slider span.desc { display:block; padding:20px 0; }
46
+
47
+ .metaboxes-tab ul.metaboxes-tabs li {
48
+ -webkit-border-top-left-radius: 3px;
49
+ -webkit-border-top-right-radius: 3px;
50
+ -moz-border-radius-topleft: 3px;
51
+ -moz-border-radius-topright: 3px;
52
+ border-top-left-radius: 3px;
53
+ border-top-right-radius: 3px;
54
+ }
55
+
56
+ /* image gallery */
57
+ .metaboxes-tab .image-gallery ul li{
58
+ display: inline-block;
59
+ width: 80px;
60
+ margin-left: 10px;
61
+ position: relative;
62
+ }
63
+ .metaboxes-tab .image-gallery ul li img{
64
+ width: 80px;
65
+ border: 1px solid #ccc;
66
+ }
67
+ .metaboxes-tab .image-gallery ul li ul{
68
+ position: absolute;
69
+ top: -6px;
70
+ right: -1px;
71
+ width: 20px;
72
+ height: 20px;
73
+ }
74
+ .metaboxes-tab .image-gallery ul a.delete{
75
+ background: url(../images/x.png) no-repeat;
76
+ width: 20px;
77
+ height: 20px;
78
+ display: block;
79
+ text-indent: -99999px;
80
+ }
81
+ /* sidebar layout */
82
+ .yit-sidebar-layout input[type="radio"] {
83
+ display: none;
84
+ width: 0px;
85
+ }
86
+ .yit-sidebar-layout input[type="radio"]:first-child {
87
+ margin-right: -2px;
88
+ }
89
+
90
+ .yit-sidebar-layout input[type="radio"] + img {
91
+ border: 2px solid #fff;
92
+ padding: 1px;
93
+ }
94
+
95
+ .yit-sidebar-layout input[type="radio"] + img:hover {
96
+ cursor: pointer;
97
+ }
98
+
99
+ .yit-sidebar-layout input[checked] + img {
100
+ border: 2px solid #f2ad35;
101
+ padding: 1px;
102
+ }
103
+
104
+ .yit-sidebar-layout select {
105
+ vertical-align: 12px;
106
+ width: inherit !important;
107
+ }
108
+
109
+ /* wp editor */
110
+ .the-metabox.textarea-editor .mceIframeContainer {
111
+ background:#fff;
112
+ }
113
+ .the-metabox.textarea-editor label {
114
+ margin-top:24px;
115
+ }
116
+
117
+ /* categories */
118
+ .categories-panel { width:30%; float:left; margin-right:4px; }
119
+ .categories-panel .box { height:200px; border:1px solid #DFDFDF; background:#fff; padding:6px 10px; overflow: auto; }
120
+ .categories-panel ul { list-style:none; margin:0; }
121
+ .categories-panel ul li { line-height: 19px; margin: 0; padding: 0; word-wrap: break-word; }
122
+ .categories-panel ul li label { font-weight:normal !important; margin-left:0 !important; }
123
+ .categories-panel input.newcategory { width:100%; margin-bottom:3px; }
124
+
125
+ /* contact form */
126
+ .contactform_item {
127
+ border-style: solid;
128
+ border-width: 1px;
129
+ line-height: 1;
130
+ margin-bottom: 20px;
131
+ padding: 0;
132
+ background-color: #F5F5F5;
133
+ background-image: -moz-linear-gradient(center top , #F9F9F9, #F5F5F5);
134
+ border-color: #DFDFDF;
135
+ border-radius: 3px 3px 3px 3px;
136
+ box-shadow: 0 1px 0 #FFFFFF inset;
137
+ min-width: 255px;
138
+ position: relative;
139
+ }
140
+ .contactform_item .handlediv { position:relative; top: -4px; }
141
+ .contactform_item h3 { min-height: 21px }
142
+ .contactform_item .inside { padding: 10px !important; }
143
+ .contactform_item .deps { display: none; }
144
+ .contactform_item .addoptions p.option { margin: 5px 0 5px 200px }
145
+ .contactform_item .addoptions p label { width: 80px !important; }
146
+ .contactform_item .add-field-option { margin-bottom: 10px !important; }
147
+ .remove_item { float: right; }
148
+ .metabox-sortable-placeholder { border: 1px dotted #dedede; margin: 10px 0 }
149
+
150
+ /* features tab */
151
+ .featurestab_item{
152
+ border-style: solid;
153
+ border-width: 1px;
154
+ line-height: 1;
155
+ margin-bottom: 20px;
156
+ padding: 0;
157
+ background-color: #F5F5F5;
158
+ background-image: -moz-linear-gradient(center top , #F9F9F9, #F5F5F5);
159
+ border-color: #DFDFDF;
160
+ border-radius: 3px 3px 3px 3px;
161
+ box-shadow: 0 1px 0 #FFFFFF inset;
162
+ min-width: 255px;
163
+ position: relative;
164
+ }
165
+ .featurestab_item .handlediv { position:relative; top: -4px; }
166
+ .featurestab_item h3 { min-height: 21px }
167
+ .featurestab_item .inside { padding: 10px !important; }
168
+ .featurestab_item .deps { display: none; }
169
+ .featurestab_item .addoptions p.option { margin: 5px 0 5px 200px }
170
+ .featurestab_item .addoptions p label { width: 80px !important; }
171
+ .featurestab_item .add-field-option { margin-bottom: 10px !important; }
172
+
173
+ /* slider */
174
+ .the-metabox.slider { padding-top:20px; }
175
+
176
+ /* on off */
177
+ .the-metabox .rm_onoff span.onoff { float:left; margin-right:5px; margin-left:-4px; /* image fix */ }
178
+
179
+ /* onoff */
180
+ .rm_onoff input {
181
+ display: none;
182
+ }
183
+
184
+ .rm_onoff input + span {
185
+ cursor: pointer;
186
+ text-indent: -9999px;
187
+ display: block;
188
+ width: 85px;
189
+ height: 37px;
190
+ background: transparent url(../images/off.png);
191
+ }
192
+
193
+ .rm_onoff input:checked + span {
194
+ background: transparent url(../images/on.png);
195
+ }
196
+
197
+ .rm_onoff input.onoffchecked + span {
198
+ background: transparent url(../images/on.png);
199
+ }
200
+
201
+ .messages-panel.updated {
202
+ margin: 10px 0px 10px !important;
203
+ max-width: 1200px;
204
+ border-radius: 5px;
205
+ -webkit-box-sizing: border-box;
206
+ box-sizing: border-box;
207
+ }
208
+
209
+ .ui-widget-overlay { background-image: none !important; }
210
+
211
+
212
+
213
+ /* select */
214
+ .the-metabox .select_wrapper { width:341px; background-color:#fff; }
215
+ .the-metabox .select_wrapper select { width:100%; }
216
+ .the-metabox .icon_type{ width:30%; float: left; margin-right: 40px }
217
+ .the-metabox .icon_type select, .the-metabox div.option .select_wrapper select{ width: 100% }
218
+
219
+ #post-type-settings .category-list label { width: 187px; }
220
+ .remove_cat { float: right; text-align:center; display: block; width: 20px; height: 20px; border-radius: 20px; font-weight: bold; font-size: 10px; background: #efefef; text-decoration: none; }
221
+
222
+ .the-metabox .select_wrapper {
223
+ background: url("../images/select.png") no-repeat scroll right center #FAFAFA;
224
+ border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
225
+ border-radius: 4px 4px 4px 4px;
226
+ border-style: solid;
227
+ border-width: 1px;
228
+ color: #555555;
229
+ display: block;
230
+ float: left;
231
+ font-family: sans-serif;
232
+ font-size: 12px;
233
+ min-height: 26px;
234
+ margin-bottom: 9px !important;
235
+ margin-left: 0;
236
+ margin-right: 5px;
237
+ margin-top: 0;
238
+ width: 400px;
239
+ position: relative;
240
+ }
241
+
242
+ /*chosen*/
243
+
244
+ .chosen .select_wrapper {
245
+ background: none;
246
+ border: none;
247
+ }
248
+ .chosen .select_wrapper .chosen-container{
249
+ width: 338px!important;
250
+ }
251
+ .chosen .select_wrapper .chosen-container .search-field input{
252
+ height: 27px!important;
253
+ color: #333;
254
+ }
255
+ .chosen .select_wrapper .chosen-container .chosen-choices{
256
+ border: 1px solid #ddd;
257
+ box-shadow: none;
258
+ }
259
+ .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice{
260
+ height: 15px!important;
261
+ min-width: 105px;
262
+ }
263
+ .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice span{
264
+ line-height: 15px;
265
+ height: 15px;
266
+ padding-top: 2px;
267
+ }
268
+ .chosen .select_wrapper .chosen-container .chosen-choices li.search-choice a.search-choice-close{
269
+ top: 5px;
270
+ }
271
+ .chosen .select_wrapper .chosen-container .chosen-drop .chosen-search input{
272
+ width: 100%!important;
273
+ }
274
+ .select_wrapper span {
275
+ height: 26px;
276
+ line-height: 26px;
277
+ padding-left: 6px;
278
+ position: absolute;
279
+ z-index: 2;
280
+ overflow: hidden;
281
+ }
282
+
283
+ .the-metabox .select_wrapper select {
284
+ cursor: pointer;
285
+ height: 28px;
286
+ margin: 0;
287
+ opacity: 0;
288
+ padding: 0;
289
+ position: relative;
290
+ width: inherit;
291
+ z-index: 4;
292
+ background-color: #FAFAFA;
293
+ }
294
+
295
+
296
+ /* typography */
297
+ .the-metabox.typography .select_wrapper.font-family { width:200px; }
298
+ .the-metabox.typography .spinner_container { float:left; margin-right:10px; }
299
+ .the-metabox.typography .spinner_container input.number {
300
+ width:50px !important;
301
+ -webkit-border-top-right-radius: 0px;
302
+ -webkit-border-bottom-right-radius: 0px;
303
+ -moz-border-radius-topright: 0px;
304
+ -moz-border-radius-bottomright: 0px;
305
+ border-top-right-radius: 0px;
306
+ border-bottom-right-radius: 0px;
307
+ }
308
+
309
+ /* number */
310
+ .the-metabox.number input.number { width:50px !important; }
311
+ /* number */
312
+ .rm_number .number {
313
+ width: 70px;
314
+ text-align: right;
315
+ -webkit-border-top-right-radius: 0px;
316
+ -webkit-border-bottom-right-radius: 0px;
317
+ -moz-border-radius-topright: 0px;
318
+ -moz-border-radius-bottomright: 0px;
319
+ border-top-right-radius: 0px;
320
+ border-bottom-right-radius: 0px;
321
+ }
322
+
323
+ .spinner-wrapper { position: relative; height: 23px; overflow: hidden; }
324
+ .spinner-wrapper input.number { float: left; }
325
+ .spinner-wrapper .spinner-button { cursor:pointer; float: left; position: absolute; left: 69px; width: 15px; height: 12px; border: 1px solid #DFDFDF; background: #fff; margin: 0; padding: 0; line-height: 9999px; overflow: hidden; background: url('../images/spinner.png') no-repeat center -11px }
326
+ .spinner-wrapper .spinner-button.button-plus { top: 0; -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; }
327
+ .spinner-wrapper .spinner-button.button-minus { bottom: 0; background-position: center -30px; -webkit-border-bottom-right-radius: 3px !important; -moz-border-radius-bottomright: 3px !important; border-bottom-right-radius: 3px !important; }
328
+
329
+
330
+ .spinner-wrapper .spinner-button.button-plus:active { background-position: center 0px; }
331
+ .spinner-wrapper .spinner-button.button-minus:active { background-position: center -20px; }
332
+
333
+
334
+ .rm_typography .spinner_container { float: left; margin-right: 10px; }
335
+ .rm_typography .spinner-wrapper { height: 28px; }
336
+ .rm_typography .spinner-wrapper input.number { height: 28px; }
337
+ .rm_typography .spinner-wrapper .spinner-button.button-plus { height: 15px; background-position: center -10px; }
338
+ .rm_typography .spinner-wrapper .spinner-button.button-minus { height: 14px; }
339
+
340
+ .the-metabox .spinner-wrapper .spinner-button { left: 49px; }
341
+ .the-metabox.typography .spinner-wrapper .spinner-button { left: 35px; }
342
+
343
+ /* colorpicker */
344
+ .the-metabox.colorpicker { display:block; width: auto; height: auto; overflow: visible; background-image: none; position: static; font-family: inherit;}
345
+ .the-metabox.colorpicker input { background-color: transparent; border: 1px solid #DFDFDF; position: static; font-size: inherit; font-family: inherit; color: inherit; text-align: center; margin: 0 5px 0px; padding: 0; outline: none; width: auto; }
346
+
347
+ /* images */
348
+ .the-metabox.images, .the-metabox.images label { margin-left:0; display:block; }
349
+ .the-metabox.images .slides-wrapper { clear:both; }
350
+ .the-metabox.images .slides-wrapper li { position:relative; }
351
+ .the-metabox.images a.delete { display:block; margin-left:4px; text-decoration:none; font-weight:bold; color:red; position:absolute; top:0; right:0; width:10px; height:18px; z-index:10; cursor:pointer !important; }
352
+
353
+ /* wp editor */
354
+ .wp_themeSkin iframe { background: #fff !important; }
355
+
356
+ /* custom tabs */
357
+ .customtab_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 #FFFFFF inset;
368
+ min-width: 255px;
369
+ position: relative;
370
+ }
371
+ .customtab_item .handlediv { position:relative; top: -4px; }
372
+ .customtab_item h3 { min-height: 21px }
373
+ .customtab_item .inside { padding: 10px !important; }
374
+ .customtab_item .deps { display: none; }
375
+ .customtab_item .addoptions p.option { margin: 5px 0 5px 200px }
376
+ .customtab_item .addoptions p label { width: 80px !important; }
377
+ .customtab_item .add-field-option { margin-bottom: 10px !important; }
378
+ .customtab_item .remove_item { float: right; }
379
+ .metabox-sortable-placeholder { border: 1px dotted #dedede; margin: 10px 0 }
380
+
381
+ .the-metabox.customtabs {
382
+ margin-left: 0;
383
+ }
384
+
385
+ #customtab_item_sample {
386
+ display: none;
387
+ }
388
+
389
+ .the-metabox.customtabs .field-row {
390
+ margin-bottom: 10px;
391
+ }
392
+
393
+ #yit_custom_tabs label {
394
+ font-weight: normal;
395
+ width: auto;
396
+ float: none;
397
+ line-height: auto;
398
+ margin-left: 0;
399
+ }
400
+
401
+
402
+ .wp-admin p label input[type=radio]{
403
+ width: 16px;
404
+ margin-right: 10px;
405
+ margin-top: 3px;
406
+ }
407
+ .wp-admin .form-field._preset_onsale_icon_field label input[type=radio]{
408
+ margin-top: 0;
409
+ }
410
+
411
+ .the-metabox .spinner {
412
+ margin-top: 5px;
413
+ float: none;
414
+ }
415
+
416
+ /* slider */
417
+ /*numbers*/
418
+ .ui-slider .maxCaption, .ui-slider .minCaption {
419
+ margin-bottom: 5px;
420
+ }
421
+ .ui-slider .feedback {
422
+ background: url(../images/slider/tooltip.png) no-repeat center top;
423
+ position: absolute;
424
+ top: -25px;
425
+ width: 35px;
426
+ height: 43px;
427
+ text-align: center;
428
+ width: 100%;
429
+ display: block;
430
+ }
431
+ .ui-slider .feedback strong {
432
+ display: inline-block;
433
+ padding-top: 4px;
434
+ top: -30px;
435
+ }
436
+ /*handle*/
437
+ .ui-slider-horizontal .ui-slider-handle{
438
+ background: transparent url(../images/slider/handle.png) no-repeat left top !important;
439
+ border: 0px !important;
440
+ top: -.35em !important;
441
+ width: 18px !important;
442
+ height: 19px !important;
443
+ }
444
+
445
+ /*bg on the left:grey*/
446
+ .ui-slider.ui-widget-content {
447
+ background: url(../images/slider/grey.gif) repeat-x left center !important;
448
+ border-color: #c1c1c0 !important;
449
+ height: 10px !important;
450
+ }
451
+
452
+ .iris-slider-offset.ui-slider.ui-widget-content {
453
+ background: transparent!important;
454
+ height: auto!important;
455
+ }
456
+
457
+ /*bg on the right:orange*/
458
+ .ui-slider.ui-widget-content .ui-widget-header {
459
+ background: url(../images/slider/orange.gif) repeat-x left center !important;
460
+ left: 2px !important;
461
+ -webkit-border-radius: 15px;
462
+ -moz-border-radius: 15px;
463
+ -khtml-border-radius: 15px;
464
+ border-radius: 15px;
465
+ }
466
+
467
+
468
+ /*sidebars*/
469
+
470
+ #choose-sidebars.choose{
471
+ margin-left: 0px;
472
+ }
473
+
474
+
475
+ #_active_page_options-container label, #_active_page_options-container p{
476
+ display: inline-block;
477
+ margin: 0px;
478
+ }
479
+ #_active_page_options-container label{
480
+ margin-right: 10px;
481
+ margin-top: 3px;
482
+ }
483
+ #_active_page_options-container {
484
+ float: right;
485
+ margin-right: 20px;
486
+ margin-top: 5px;
487
+ }
488
+
489
+ /* sortable table posts */
490
+
491
+ #the-list.ui-sortable tr:hover {
492
+ cursor: move;
493
+ }
494
+
495
+
496
+ /*datepicker*/
497
+ /*! jQuery UI - v1.11.2 - 2015-01-21
498
+ * http://jqueryui.com
499
+ * Includes: core.css, datepicker.css, theme.css
500
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=%23dddddd&bgTextureHeader=flat&bgImgOpacityHeader=60&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e9e9e9&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%2389b17e&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
501
+ * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
502
+
503
+ /* Layout helpers
504
+ ----------------------------------*/
505
+ .ui-helper-hidden {
506
+ display: none;
507
+ }
508
+ .ui-helper-hidden-accessible {
509
+ border: 0;
510
+ clip: rect(0 0 0 0);
511
+ height: 1px;
512
+ margin: -1px;
513
+ overflow: hidden;
514
+ padding: 0;
515
+ position: absolute;
516
+ width: 1px;
517
+ }
518
+ .ui-helper-reset {
519
+ margin: 0;
520
+ padding: 0;
521
+ border: 0;
522
+ outline: 0;
523
+ line-height: 1.3;
524
+ text-decoration: none;
525
+ font-size: 100%;
526
+ list-style: none;
527
+ }
528
+ .ui-helper-clearfix:before,
529
+ .ui-helper-clearfix:after {
530
+ content: "";
531
+ display: table;
532
+ border-collapse: collapse;
533
+ }
534
+ .ui-helper-clearfix:after {
535
+ clear: both;
536
+ }
537
+ .ui-helper-clearfix {
538
+ min-height: 0; /* support: IE7 */
539
+ }
540
+ .ui-helper-zfix {
541
+ width: 100%;
542
+ height: 100%;
543
+ top: 0;
544
+ left: 0;
545
+ position: absolute;
546
+ opacity: 0;
547
+ filter:Alpha(Opacity=0); /* support: IE8 */
548
+ }
549
+
550
+ .ui-front {
551
+ z-index: 100;
552
+ }
553
+
554
+
555
+ /* Interaction Cues
556
+ ----------------------------------*/
557
+ .ui-state-disabled {
558
+ cursor: default !important;
559
+ }
560
+
561
+
562
+ /* Icons
563
+ ----------------------------------*/
564
+
565
+ /* states and images */
566
+ .ui-icon {
567
+ display: block;
568
+ text-indent: -99999px;
569
+ overflow: hidden;
570
+ background-repeat: no-repeat;
571
+ }
572
+
573
+
574
+ /* DATE PICKER
575
+ ----------------------------------*/
576
+
577
+ .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
578
+ .ui-datepicker{width:17em;padding:.2em .2em 0;display:none;z-index:100!important;}
579
+ .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
580
+ .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
581
+ .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
582
+ .ui-datepicker .ui-datepicker-prev{left:2px}
583
+ .ui-datepicker .ui-datepicker-next{right:2px}
584
+ .ui-datepicker .ui-datepicker-prev-hover{left:1px}
585
+ .ui-datepicker .ui-datepicker-next-hover{right:1px}
586
+ .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
587
+ .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
588
+ .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
589
+ .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}
590
+ .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
591
+ .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}
592
+ .ui-datepicker td{border:0;padding:1px}
593
+ .ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
594
+ .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
595
+ .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}
596
+ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
597
+ .ui-datepicker.ui-datepicker-multi{width:auto}
598
+ .ui-datepicker-multi .ui-datepicker-group{float:left}
599
+ .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
600
+ .ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
601
+ .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
602
+ .ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
603
+ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
604
+ .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
605
+ .ui-datepicker-row-break{clear:both;width:100%;font-size:0}
606
+ .ui-datepicker-rtl{direction:rtl}
607
+ .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
608
+ .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
609
+ .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
610
+ .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
611
+ .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
612
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
613
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
614
+ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
615
+ .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}
616
+ .ui-widget .ui-widget{font-size:1em}
617
+ .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}
618
+ .ui-widget-content{border:1px solid #aaa;background:#fff 50% 50% repeat-x;color:#222}
619
+ .ui-widget-content a{color:#222}
620
+ .ui-widget-header{border:1px solid #aaa;background:#ddd 50% 50% repeat-x;color:#222;font-weight:700}
621
+ .ui-widget-header a{color:#222}
622
+ .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:0 solid #d3d3d3;background:#e9e9e9 50% 50% repeat-x;font-weight:400;color:#555}
623
+ .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}
624
+ .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:0 solid #999;background:#dadada 50% 50% repeat-x;font-weight:400;color:#212121}
625
+ .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}
626
+ .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:0 solid #aaa;background:#fff 50% 50% repeat-x;font-weight:400;color:#212121}
627
+ .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}
628
+ .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:0 solid #89b17e;background:#fbf9ee 50% 50% repeat-x;color:#363636}
629
+ .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
630
+ .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:0 solid #cd0a0a;background:#fef1ec 50% 50% repeat-x;color:#cd0a0a}
631
+ .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}
632
+ .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}
633
+ .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}
634
+ .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}
635
+ .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
636
+ .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}
637
+ .ui-icon{width:16px;height:16px}
638
+ .ui-icon,.ui-widget-content .ui-icon{background-image:url(../images/ui-icons_222222_256x240.png)}
639
+ .ui-widget-header .ui-icon{background-image:url(../images/ui-icons_222222_256x240.png)}
640
+ .ui-state-default .ui-icon{background-image:url(../images/ui-icons_888888_256x240.png)}
641
+ .ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../images/ui-icons_454545_256x240.png)}
642
+ .ui-state-active .ui-icon{background-image:url(../images/ui-icons_454545_256x240.png)}
643
+ .ui-state-highlight .ui-icon{background-image:url(../images/ui-icons_2e83ff_256x240.png)}
644
+ .ui-icon-circle-triangle-e{background-position:-48px -192px}
645
+ .ui-icon-circle-triangle-s{background-position:-64px -192px}
646
+ .ui-icon-circle-triangle-w{background-position:-80px -192px}
647
+ .ui-icon-circle-triangle-n{background-position:-96px -192px}
648
+ .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}
649
+ .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}
650
+ .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}
651
+ .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}
652
+ .ui-widget-overlay{background:#aaa 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}
653
+ .ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
654
+
655
+
656
+ .the-metabox.preview{
657
+ float: none;
658
+ }
659
+ .metaboxes-tab .the-metabox.no-label.preview{
660
+ margin-left: 184px;
661
+ }
662
+ .metaboxes-tab .the-metabox.no-label.preview img{
663
+ box-shadow: 0 1px 8px rgba(0,0,0,0.2);
664
}
plugin-fw/assets/css/yit-plugin-panel.css CHANGED
@@ -1,713 +1,713 @@
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
- /* 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 === */
636
-
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 {
663
- border-bottom: 1px solid #ccc;
664
- }
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
- }
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
+ /* 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