WpDevArt Facebook Like Box Widget - Version 0.5.2

Version Description

  • Added a lot of useful features.

Wordpress Facebook like box step by step guide

Adding Facebook like box to your sidebar.

Install the plugin and add Facebook like box widget to your sidebar. Then set widget Like Box options. That's all, now your users can see your Facebook like box on your widget.

Adding Facebook like box in posts/pages using shortcode button.

For adding Facebook like box in your pages/posts you just need to click on "Add like box" shorcode button from your pages/posts and add Facebook like box.

Adding Facebook like box Popup and Sticky Facebook box.

After plugin install you need to click on "Like box" submenu from your admin panel menu. Then just set up options for Facebook like box Popup and Sticky Facebook box.

Facebook like box main options

  • Page ID: - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).
  • Facebook Like box Theme - Choose theme for your Facebook Like box
  • Like box Animation - Choose Facebook like box Animation type
  • Like box background color - Choose Facebook like box background color
  • Show/Hide Like box border - Show/Hide Facebook like box border
  • Like box Border color - Type the Border Color of your Facebook Like box
  • Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
  • Number of connections - Type the number of connections that you want to see in your Facebook Like box
  • Like box Width - Type Facebook Like box width
  • Like box Height - Type Facebook Like box height
  • Like box header - Show/Hide the Facebook Like box header
  • Like box language - Type the Facebook Like box language code

Facebook like box Popup options

  • Enable/Disable popup - Select Enable/Disable to show or hide popup
  • Display Like box popup on - Select where to display the like box popup
  • Popup display periodicity - Select the popup display periodicity
  • Time to show Popup - Type the time when Like box popup will appear
  • Popup width - Type here the popup width
  • Popup height - Type here the popup height
  • Popup Title - Type here the popup title
  • Popup Title color - Type here the title color
  • Popup Title Font family - Choose the title Font family
  • Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)
  • Like box Theme - Choose theme for your Facebook Like box
  • Show/Hide border - Show/Hide Facebook like box border
  • Border color - Type the Border Color of your Facebook Like box
  • Background color - Choose Facebook like box background color
  • Number of connections - Type the number of connections that you want to see in your Facebook Like box
  • Like box header - Show/Hide the Facebook Like box header
  • Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
  • Like box language - Type the Facebook Like box language code

Sticky box options

  • Enable/Disable Sticky box - Select Enable/Disable to show or hide Sticky box
  • Display Sticky box on - Select where to display the Sticky box
  • Sticky box position - Select the Sticky box position
  • Sticky box height - Select the Sticky box height
  • Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)
  • Like box Theme - Choose theme for your Facebook Like box
  • Sticky box bg color - Choose theme for your Facebook Like box
  • Sticky box width - Type here the Sticky box width
  • Sticky box height - Type here the Sticky box width
  • Sticky box button bg color - Type here the Sticky box button background color
  • Sticky box border color - Type here the Sticky box border color
  • Sticky box Title - Type here the Sticky box title
  • Sticky box Title color - Select the Sticky box title color.
  • Sticky box Title Font family - Choose the Sticky box Title Font family
  • Number of connections - Type the number of connections that you want to see in your Facebook Like box
  • Like box header - Show/Hide the Facebook Like box header
  • Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
  • Like box language - Type the Facebook Like box language code

Dear users, we also recommend you to take a look for this useful plugins - WordPress Coming Soon, WordPress Poll plugin, WordPress Lightbox, WordPress Countdown plugin . .

Download this release

Release Info

Developer smplug-in
Plugin Icon 128x128 WpDevArt Facebook Like Box Widget
Version 0.5.2
Comparing to
See all releases

Code changes from version 0.5.1 to 0.5.2

Files changed (24) hide show
  1. images/facebook_menu_icon.png +0 -0
  2. images/facebook_popup.png +0 -0
  3. images/facebook_sidebar.png +0 -0
  4. images/featured_plugins/coming_soon.jpg +0 -0
  5. images/featured_plugins/facebook.jpg +0 -0
  6. images/featured_plugins/lightbox.png +0 -0
  7. images/featured_plugins/poll.png +0 -0
  8. images/featured_plugins/twitter.png +0 -0
  9. images/featured_plugins/youtube.png +0 -0
  10. images/post.button.png +0 -0
  11. images/remove_element.png +0 -0
  12. includes/admin_menu.php +927 -0
  13. includes/front_end.php +220 -0
  14. includes/install_database.php +58 -0
  15. includes/javascript/admin-like-box.js +100 -0
  16. includes/javascript/front_end_js.js +123 -0
  17. includes/library.php +87 -0
  18. includes/style/admin-style.css +289 -0
  19. includes/style/effects.css +2078 -0
  20. includes/style/style.css +39 -0
  21. includes/widget.php +159 -0
  22. like-box.php +66 -646
  23. readme.txt +98 -23
  24. style/admin_style.css +0 -59
images/facebook_menu_icon.png ADDED
Binary file
images/facebook_popup.png ADDED
Binary file
images/facebook_sidebar.png ADDED
Binary file
images/featured_plugins/coming_soon.jpg ADDED
Binary file
images/featured_plugins/facebook.jpg ADDED
Binary file
images/featured_plugins/lightbox.png ADDED
Binary file
images/featured_plugins/poll.png ADDED
Binary file
images/featured_plugins/twitter.png ADDED
Binary file
images/featured_plugins/youtube.png ADDED
Binary file
images/post.button.png CHANGED
Binary file
images/remove_element.png CHANGED
Binary file
includes/admin_menu.php ADDED
@@ -0,0 +1,927 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*############ Coming Soon Admin Menu Class ################*/
4
+
5
+ class like_box_admin_menu{
6
+
7
+ private $menu_name;
8
+ private $databese_parametrs;
9
+ private $plugin_url;
10
+ private $text_parametrs;
11
+
12
+ function __construct($param){
13
+
14
+ $this->text_parametrs=array(
15
+ 'parametrs_sucsses_saved'=>'Successfully saved.',
16
+ 'error_in_saving'=>'can\'t save "%s" plugin parameter<br>',
17
+ 'missing_title'=>'Type Message Title',
18
+ 'missing_fromname'=>'Type From Name',
19
+ 'missing_frommail'=>'Type From mail',
20
+ 'mising_massage'=>'Type Message',
21
+ 'sucsses_mailed'=>'Your message was sent successfully.',
22
+ 'error_maied'=>'error sending email',
23
+ 'authorize_problem' => 'Authorization Problem'
24
+
25
+ );
26
+
27
+ $this->menu_name=$param['menu_name'];
28
+ $this->databese_parametrs=$param['databese_parametrs'];
29
+ if(isset($params['plugin_url']))
30
+ $this->plugin_url=$params['plugin_url'];
31
+ else
32
+ $this->plugin_url=trailingslashit(dirname(plugins_url('',__FILE__)));
33
+
34
+
35
+ // post page insert button
36
+ add_action('media_buttons_context', array($this,'like_box_button'));
37
+ add_action( 'wp_ajax_like_box_window_manager', array($this,'like_box_window_insert_content') );
38
+
39
+ add_action( 'wp_ajax_like_box_page_save', array($this,'save_in_databese') );
40
+ add_action( 'wp_ajax_like_box_send_mail', array($this,'sending_mail') );
41
+ }
42
+ /*############################### post page insert button ########################################*/
43
+ public function like_box_button($context) {
44
+
45
+ $img = $this->plugin_url. 'images/post.button.png';
46
+
47
+ $title = 'Add Like Box';
48
+
49
+ $context .= '<a class="button thickbox" title="Create facebook like box and insert in posts/pages" href="'.admin_url("admin-ajax.php").'?action=like_box_window_manager&height=750&width=640">
50
+ <span class="wp-media-buttons-icon" style="background: url('.$img.'); background-repeat: no-repeat; background-position: left bottom;"></span>
51
+ Add like box
52
+ </a>';
53
+ return $context;
54
+ }
55
+ public function like_box_window_insert_content(){
56
+ ?>
57
+ <style>
58
+ #miain_like_box_window_manager > tbody > tr:nth-child(odd) {
59
+ background-color: rgba(176, 176, 176, 0.07);
60
+ }
61
+ #miain_like_box_window_manager>tfoot>tr>td{
62
+ border-top:1px solid #ccc;
63
+ }
64
+ #TB_window{
65
+ overflow-y: auto;
66
+ }
67
+ #TB_ajaxContent{
68
+ width:95% !important;
69
+ }
70
+ .wp-picker-holder{
71
+ position: absolute;
72
+ z-index: 100000;
73
+ }
74
+ .desription_class{
75
+ float: right;
76
+ cursor: default;
77
+ color: #0074a2;
78
+ font-size: 18px;
79
+ font-weight: bold;
80
+ border: 1px solid #000000;
81
+ border-radius: 200px;
82
+ height: 20px;
83
+ padding-left: 6px;
84
+ padding-right: 6px;
85
+ margin-left: 15px;
86
+ }
87
+ .pro_feature {
88
+ font-size: 13px;
89
+ font-weight: bold;
90
+ color: rgba(10, 154, 62, 1);
91
+ }
92
+ </style>
93
+ <script>var pro_text='"If you want to use this feature upgrade to Like box Pro"'</script>
94
+ <table id="miain_like_box_window_manager" class="wp-list-table widefat fixed posts section_parametrs_table">
95
+ <tbody>
96
+ <tr>
97
+ <td>
98
+ Page ID <span class="desription_class" title="Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).">?</span>
99
+ </td>
100
+ <td>
101
+ <input onClick="" id="like_box_profile_id" type="text" value="" class="widefat">
102
+ </td>
103
+ </tr>
104
+ <tr>
105
+ <td>
106
+ Like box Theme <span class="pro_feature"> (pro)</span><span title="hoose theme for your Facebook Like box." class="desription_class">?</span>
107
+ </td>
108
+ <td>
109
+ <select onClick="alert(pro_text); return false;" id="like_box_theme_color">
110
+ <option selected="selected" value="light">Light</option>
111
+ <option value="dark">Dark</option>
112
+ </select>
113
+ </td>
114
+ </tr>
115
+ <tr>
116
+ <td>
117
+ Like box Animation <span class="pro_feature"> (pro)</span> <span class="desription_class" title="Choose Facebook like box Animation type.">?</span>
118
+ </td>
119
+ <td>
120
+ <?php like_box_setting::generete_animation_select('animation_efect','none') ?>
121
+ </td>
122
+ </tr>
123
+ <tr>
124
+ <td>
125
+ Like box background color<span class="pro_feature"> (pro)</span> <span title="Choose Facebook like box background color." class="desription_class">?</span>
126
+ </td>
127
+ <td>
128
+ <div onClick="alert(pro_text); return false;" class="disabled_picker">
129
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
130
+ </div> </td>
131
+ </tr>
132
+ <tr>
133
+ <td>
134
+ Show/Hide Like box border<span class="pro_feature"> (pro)</span> <span title="Show/Hide Facebook like box border." class="desription_class">?</span>
135
+ </td>
136
+ <td>
137
+ <input onMouseDown="alert(pro_text); return false;" id="like_box_show_border" class="like_box_show_border" type="radio" name="like_box_show_border" value="yes" checked="checked" >Yes
138
+ <input onMouseDown="alert(pro_text); return false;" id="like_box_show_border1" class="like_box_show_border" type="radio" name="like_box_show_border" value="no" >No
139
+ </td>
140
+ </tr>
141
+ <tr>
142
+ <td>
143
+ Like box Border color<span class="pro_feature"> (pro)</span> <span title="Type the Border Color of your Facebook Like box." class="desription_class">?</span>
144
+ </td>
145
+ <td>
146
+ <div onClick="alert(pro_text); return false;" class="disabled_picker">
147
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
148
+ </div> </td>
149
+ </tr>
150
+ <tr>
151
+ <td>
152
+ Show/Hide latest posts <span class="pro_feature"> (pro)</span><span class="desription_class" title="Show/Hide the latest posts from your Facebook Like box.">?</span>
153
+ </td>
154
+ <td>
155
+ <input onMouseDown="alert(pro_text); return false;" id="like_box_stream" type="checkbox" value="1" >
156
+ </td>
157
+ </tr>
158
+ <tr>
159
+ <td>
160
+ Number of connections <span title="Type the number of connections that you want to see in your Facebook Like box." class="desription_class">?</span>
161
+ </td>
162
+ <td>
163
+ <input id="like_box_connections" type="text" value="6" class="" size="3">
164
+ </td>
165
+ </tr>
166
+ <tr>
167
+ <td>
168
+ Like box Width <span title="Type Facebook Like box width." class="desription_class">?</span>
169
+ </td>
170
+ <td>
171
+ <input id="like_box_width" type="text" value="300" class="" size="3"><small>(px)</small>
172
+ </td>
173
+ </tr>
174
+ <tr>
175
+ <td>
176
+ Like box Height <span title="Type Facebook Like box height." class="desription_class">?</span>
177
+ </td>
178
+ <td>
179
+ <input id="like_box_height" type="text" value="550" class="" size="3"><small>(px)</small>
180
+ </td>
181
+ </tr>
182
+ <tr>
183
+ <td>
184
+ Like box header <span title="Show/Hide the Facebook Like box header." class="desription_class">?</span>
185
+ </td>
186
+ <td>
187
+ <input id="like_box_header" type="checkbox" value="1" ><small>Show/Hide</small>
188
+ </td>
189
+ </tr>
190
+ <tr>
191
+ <td>
192
+ Like box language <span title="Type the Facebook Like box language code." class="desription_class">?</span>
193
+ </td>
194
+ <td>
195
+ <input id="like_box_locale" type="text" value="en_US" class="" size="4"><small>(en_US, de_DE...)</small>
196
+ </td>
197
+ </tr>
198
+ </tbody>
199
+ <tfoot>
200
+ <tr>
201
+ <td colspan="2">
202
+ <div style="display:inline-block; float:left;" class="mceActionPanel"><input type="button" id="cancel" name="cancel" value="Insert Like Box" class="button button-primary" onClick="insert_like_box();"/></div>
203
+ <span style="float:right"><a href="http://wpdevart.com/wordpress-facebook-like-box-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br></span>
204
+ </td>
205
+ </tr>
206
+ </tfoot>
207
+ </table>
208
+
209
+
210
+
211
+ <script type="text/javascript">
212
+
213
+
214
+ jQuery('#TB_window').css('max-height',(jQuery('#miain_like_box_window_manager').height()+66)+'px');
215
+ jQuery('#TB_ajaxContent').css('max-height',(jQuery('#miain_like_box_window_manager').height()+16)+'px');
216
+ jQuery('#miain_like_box_window_manager').ready(function(e) {
217
+ jQuery(".color_my_likbox").wpColorPicker();
218
+ });
219
+ function insert_like_box() {
220
+ if(jQuery('#poll_answer_id').val()!='0'){
221
+ var tagtext;
222
+ like_box_header=0;
223
+ if(jQuery('#like_box_header').prop('checked'))
224
+ like_box_header=1;
225
+ var generete_atributes = 'profile_id="'+jQuery('#like_box_profile_id').val()+'" connections="'+jQuery('#like_box_connections').val()+'" width="'+jQuery('#like_box_width').val()+'" height="'+jQuery('#like_box_height').val()+'" header="'+like_box_header+'" locale="'+jQuery('#like_box_locale').val()+'"'
226
+
227
+ tagtext = '[wpdevart_like_box '+generete_atributes+']';
228
+ window.send_to_editor(tagtext);
229
+ tb_remove()
230
+ }
231
+ else{
232
+ tb_remove()
233
+ }
234
+ }
235
+
236
+ </script>
237
+ </body>
238
+ </html>
239
+ <?php
240
+ die;
241
+ }
242
+
243
+ public function create_menu(){
244
+ $main_page = add_menu_page( $this->menu_name, $this->menu_name, 'manage_options', str_replace( ' ', '-', $this->menu_name), array($this, 'main_menu_function'),$this->plugin_url.'images/facebook_menu_icon.png');
245
+ $page_like_box = add_submenu_page($this->menu_name, $this->menu_name, $this->menu_name, 'manage_options', str_replace( ' ', '-', $this->menu_name), array($this, 'main_menu_function'));
246
+ $page_like_box = add_submenu_page( str_replace( ' ', '-', $this->menu_name), 'Featured Plugins', 'Featured Plugins', 'manage_options', 'like-box-featured-plugins', array($this, 'featured_plugins'));
247
+ add_action('admin_print_styles-' .$main_page, array($this,'menu_requeried_scripts'));
248
+ add_action('admin_print_styles-' .$page_like_box, array($this,'menu_requeried_scripts'));
249
+ }
250
+
251
+ public function menu_requeried_scripts(){
252
+ wp_enqueue_script('wp-color-picker');
253
+ wp_enqueue_style( 'wp-color-picker' );
254
+ wp_enqueue_script( 'like-box-admin-script' );
255
+ wp_enqueue_style('like-box-admin-style');
256
+ }
257
+
258
+ private function generete_parametrs($page_name){
259
+ $page_parametrs=array();
260
+ if(isset($this->databese_parametrs[$page_name])){
261
+ foreach($this->databese_parametrs[$page_name] as $key => $value){
262
+ $page_parametrs[$key]=get_option($key,$value);
263
+ }
264
+ return $page_parametrs;
265
+ }
266
+ return NULL;
267
+
268
+ }
269
+
270
+ public function save_in_databese(){
271
+ $kk=1;
272
+
273
+ if(isset($_POST['like_box_options_nonce']) && wp_verify_nonce( $_POST['like_box_options_nonce'],'like_box_options_nonce')){
274
+ foreach($this->databese_parametrs[$_POST['curent_page']] as $key => $value){
275
+ if(isset($_POST[$key]))
276
+ update_option($key,$_POST[$key]);
277
+ else{
278
+ $kk=0;
279
+ printf($this->text_parametrs['error_in_saving'],$key);
280
+ }
281
+ }
282
+ }
283
+ else{
284
+ die($this->text_parametrs['authorize_problem']);
285
+ }
286
+ if($kk==0){
287
+ exit;
288
+ }
289
+ die($this->text_parametrs['parametrs_sucsses_saved']);
290
+ }
291
+
292
+ public function main_menu_function(){
293
+
294
+ $enable_disable=$this->generete_parametrs('general_save_parametr');
295
+ $enable_disable=$enable_disable['like_box_page_mode'];
296
+ ?>
297
+ <script>
298
+ var like_box_ajaxurl="<?php echo admin_url( 'admin-ajax.php'); ?>";
299
+ var like_box_plugin_url="<?php echo $this->plugin_url; ?>";
300
+ var like_box_parametrs_sucsses_saved="<?php echo $this->text_parametrs['parametrs_sucsses_saved'] ?>";
301
+ var like_box_all_parametrs = <?php echo json_encode($this->databese_parametrs); ?>;
302
+ </script>
303
+ <div class="coming_title"><h1>Facebook Like Box <a style="text-decoration:none;" href="http://wpdevart.com/wordpress-facebook-like-box-plugin/"><span style="color: rgba(10, 154, 62, 1);"> (Upgrade to Pro Version)</span></a></h1></div>
304
+
305
+ <br>
306
+
307
+ <div class="wp-table right_margin">
308
+ <table class="wp-list-table widefat fixed posts">
309
+ <thead>
310
+ <tr>
311
+ <th>
312
+ <h4 class="live_previev">Parameters</h4>
313
+ <span class="save_all_paramss"> <button type="button" id="save_all_parametrs" class="save_all_section_parametrs button button-primary"><span class="save_button_span">Save All Sections</span> <span class="saving_in_progress"> </span><span class="sucsses_save"> </span><span class="error_in_saving"> </span></button></span>
314
+ </th>
315
+ </tr>
316
+ </thead>
317
+ <tbody>
318
+ <tr>
319
+ <td>
320
+ <div id="like_box_page">
321
+ <div class="left_sections">
322
+ <?php
323
+ $this->generete_popup_section($this->generete_parametrs('popup_like_box'));
324
+ ?>
325
+ </div>
326
+ <div class="right_sections">
327
+ <?php
328
+ $this->generete_sidbar_slide_section($this->generete_parametrs('sidbar_slide_like_box'));
329
+ ?>
330
+ </div><div style="clear:both"></div>
331
+ </td>
332
+ </tr>
333
+ </tbody>
334
+ <tfoot>
335
+ <tr>
336
+ <th>
337
+ <span class="save_all_paramss"><button type="button" id="save_all_parametrs" class="save_all_section_parametrs button button-primary"><span class="save_button_span">Save All Sections</span> <span class="saving_in_progress"> </span><span class="sucsses_save"> </span><span class="error_in_saving"> </span></button></span>
338
+ </th>
339
+ </tr>
340
+ </tfoot>
341
+ </table>
342
+ </div>
343
+ <?php
344
+ wp_nonce_field('like_box_options_nonce','like_box_options_nonce');
345
+ }
346
+
347
+
348
+ /*######################### LIKE BOX POPUP SECTION #################################*/
349
+ public function generete_popup_section($page_parametrs){
350
+ //for updated parametrs
351
+ $jsone_enable_like_box= json_decode(stripslashes($page_parametrs['like_box_enable_like_box']), true);
352
+ if($jsone_enable_like_box!=NULL){
353
+ if($jsone_enable_like_box['yes']==true){
354
+ $page_parametrs['like_box_enable_like_box']='yes';
355
+ }elseif($jsone_enable_like_box['no']==true){
356
+ $page_parametrs['like_box_enable_like_box']='no';
357
+ }else{
358
+ $page_parametrs['like_box_enable_like_box']='yes';
359
+ }
360
+ }
361
+
362
+ $jsone_like_box_header= json_decode(stripslashes($page_parametrs['like_box_header']), true);
363
+ if($jsone_like_box_header!=NULL){
364
+ if($jsone_like_box_header['show']==true){
365
+ $page_parametrs['like_box_header']='yes';
366
+ }else{
367
+ $page_parametrs['like_box_header']='yes';
368
+ }
369
+ }
370
+
371
+ ?>
372
+ <div class="main_parametrs_group_div">
373
+ <div class="head_panel_div">
374
+ <span class="title_parametrs_image"><img src="<?php echo $this->plugin_url.'images/facebook_popup.png' ?>"></span>
375
+ <span class="title_parametrs_group">Facebook popup</span>
376
+ <span class="enabled_or_disabled_parametr"></span>
377
+ <span class="open_or_closed"></span>
378
+ </div>
379
+ <div class="inside_information_div">
380
+ <table class="wp-list-table widefat fixed posts section_parametrs_table">
381
+ <tbody>
382
+ <tr>
383
+ <td>
384
+ Enable/Disable popup <span title="Select Enable/Disable to show or hide popup." class="desription_class">?</span>
385
+ </td>
386
+ <td>
387
+ <select id="like_box_enable_like_box">
388
+ <option <?php selected($page_parametrs['like_box_enable_like_box'],'yes') ?> value="yes">Enable</option>
389
+ <option <?php selected($page_parametrs['like_box_enable_like_box'],'no') ?> value="no">Disable</option>
390
+ </select>
391
+ </td>
392
+ </tr>
393
+ <tr>
394
+ <td>
395
+ Display Like box popup on<span class="pro_feature"> (pro)</span> <span title="Select where to display the like box popup." class="desription_class">?</span>
396
+ </td>
397
+ <td>
398
+ <input class="pro_checkbox" id="like_box_show_in_home" type="checkbox" value="home" class="" size="" checked="checked"><small>Home</small><br>
399
+ <input class="pro_checkbox" id="like_box_show_in_post" type="checkbox" value="post" class="" size="" checked="checked"><small>Post</small><br>
400
+ <input class="pro_checkbox" id="like_box_show_in_page" type="checkbox" value="page" class="" size="" checked="checked"><small>Page</small><br>
401
+ <input class="pro_checkbox" id="like_box_show_in_everywhere" type="checkbox" value="everywhere" class="" size="" checked="checked"><small>Everywhere</small><br>
402
+ </td>
403
+ </tr>
404
+ <tr>
405
+ <td>
406
+ Popup display periodicity <span class="pro_feature"> (pro)</span> <span title="Select the popup display periodicity." class="desription_class">?</span>
407
+ </td>
408
+ <td>
409
+ <select class="pro_select" id="like_box_popup_show_quantity">
410
+ <option value="onew_time">Оne Тime</option>
411
+ <option selected="selected" value="on_refresh">Еvery Тime</option>
412
+ </select>
413
+ </td>
414
+ </tr>
415
+ <tr>
416
+ <td>
417
+ Time to show Popup <span class="pro_feature"> (pro)</span><span title="Type the time when Like box popup will appear." class="desription_class">?</span>
418
+ </td>
419
+ <td>
420
+ <input class="pro_input" type="text" name="like_box_secont_befor_show" id="like_box_secont_befor_show" value="1">(Seconds)
421
+ </td>
422
+ </tr>
423
+ <tr>
424
+ <td>
425
+ Popup width <span title="Type here the popup width." class="desription_class">?</span>
426
+ </td>
427
+ <td>
428
+ <input type="text" name="like_box_width" id="like_box_width" value="<?php echo $page_parametrs['like_box_width'] ?>">(Px)
429
+ </td>
430
+ </tr>
431
+ <tr>
432
+ <td>
433
+ Popup height <span title="Type here the popup height." class="desription_class">?</span>
434
+ </td>
435
+ <td>
436
+ <input type="text" name="like_box_height" id="like_box_height" value="<?php echo $page_parametrs['like_box_height'] ?>">(Px)
437
+ </td>
438
+ </tr>
439
+
440
+ <tr>
441
+ <td>
442
+ Popup Title <span title="Type here the popup title." class="desription_class">?</span>
443
+ </td>
444
+ <td>
445
+ <input type="text" name="like_box_popup_title" id="like_box_popup_title" value="<?php echo $page_parametrs['like_box_popup_title'] ?>">
446
+ </td>
447
+ </tr>
448
+ <tr >
449
+ <td>
450
+ Popup Title color <span title="Type here the title color." class="desription_class">?</span>
451
+ </td>
452
+ <td>
453
+ <input type="text" class="color_option" id="like_box_popup_title_color" name="like_box_popup_title_color" value="<?php echo $page_parametrs['like_box_popup_title_color'] ?>"/>
454
+ </td>
455
+ </tr>
456
+ <tr>
457
+ <td>
458
+ Popup Title Font family <span title="Choose the title Font family." class="desription_class">?</span>
459
+ </td>
460
+ <td>
461
+ <?php $this->create_select_element_for_font('like_box_popup_title_font_famely',$page_parametrs['like_box_popup_title_font_famely']) ?>
462
+ </td>
463
+ </tr>
464
+ <tr>
465
+ <td>
466
+ Page ID <span title="Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)." class="desription_class">?</span>
467
+ </td>
468
+ <td>
469
+ <input type="text" name="like_box_profile_id" id="like_box_profile_id" value="<?php echo $page_parametrs['like_box_profile_id'] ?>">
470
+ </td>
471
+ </tr>
472
+ <tr>
473
+
474
+ <td>
475
+ Like box Theme <span class="pro_feature"> (pro)</span> <span title="Choose theme for your Facebook Like box." class="desription_class">?</span>
476
+ </td>
477
+ <td>
478
+ <select class="pro_select" id="like_box_theme_color">
479
+ <option selected="selected" value="light">light</option>
480
+ <option value="dark">dark</option>
481
+ </select>
482
+ </td>
483
+ </tr>
484
+ <tr>
485
+
486
+ <td>
487
+ Show/Hide border<span class="pro_feature"> (pro)</span> <span title="Show/Hide Facebook like box border." class="desription_class">?</span>
488
+ </td>
489
+ <td>
490
+ <select class="pro_select" id="like_box_show_border">
491
+ <option selected="selected" value="yes">Show</option>
492
+ <option value="no">Hide</option>
493
+ </select>
494
+ </td>
495
+ </tr>
496
+ <tr >
497
+ <td>
498
+ Border color <span class="pro_feature"> (pro)</span> <span title="Type the Border Color of your Facebook Like box." class="desription_class">?</span>
499
+ </td>
500
+ <td>
501
+ <div class="disabled_picker">
502
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
503
+ </div>
504
+ </td>
505
+ </tr>
506
+ <tr >
507
+ <td>
508
+ Background color <span class="pro_feature"> (pro)</span> <span title="Choose Facebook like box background color." class="desription_class">?</span>
509
+ </td>
510
+ <td>
511
+ <div class="disabled_picker">
512
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255,255, 255);"></a></div>
513
+ </div>
514
+ </td>
515
+ </tr>
516
+ <tr>
517
+
518
+ <td>
519
+ Number of connections <span title="Type the number of connections that you want to see in your Facebook Like box." class="desription_class">?</span>
520
+ </td>
521
+ <td>
522
+ <input type="text" id="like_box_connections" name="like_box_connections" value="<?php echo $page_parametrs['like_box_connections'] ?>"/>
523
+
524
+
525
+ </td>
526
+ </tr>
527
+ <tr>
528
+ <td>
529
+ Like box header <span title="Show/Hide the Facebook Like box header. " class="desription_class">?</span>
530
+ </td>
531
+ <td>
532
+ <select id="like_box_header">
533
+ <option <?php selected($page_parametrs['like_box_header'],'yes') ?> value="yes">Show</option>
534
+ <option <?php selected($page_parametrs['like_box_header'],'no') ?> value="no">Hide</option>
535
+ </select>
536
+ </td>
537
+ </tr>
538
+
539
+ <tr>
540
+ <td>
541
+ Show/Hide latest posts<span class="pro_feature"> (pro)</span> <span title="Show/Hide the latest posts from your Facebook Like box." class="desription_class">?</span>
542
+ </td>
543
+ <td>
544
+ <select class="pro_select" id="like_box_stream">
545
+ <option value="yes">Show</option>
546
+ <option selected="selected" value="no">Hide</option>
547
+ </select>
548
+ </td>
549
+ </tr>
550
+
551
+ <tr>
552
+ <td>
553
+ Like box language <span title="Type the Facebook Like box language code." class="desription_class">?</span>
554
+ </td>
555
+ <td>
556
+ <input type="text" name="like_box_locale" id="like_box_locale" value="<?php echo $page_parametrs['like_box_locale'] ?>">(en_US,de_DE...)
557
+ </td>
558
+ </tr>
559
+ </tbody>
560
+ <tfoot>
561
+ <tr>
562
+ <th colspan="1" width="100%"><button type="button" id="popup_like_box" class="save_section_parametrs button button-primary"><span class="save_button_span">Save Section</span> <span class="saving_in_progress"> </span><span class="sucsses_save"> </span><span class="error_in_saving"> </span></button><span class="error_massage"> </span></th>
563
+ <th><button type="button" onClick="like_box_setCookie('facbook_like_box_popup','',2); alert('cookie removed')" class="save_button button button-primary" style="float:right;"><span class="save_button_span">Remove cookies</span></button></th>
564
+ </tr>
565
+ </tfoot>
566
+ </table>
567
+ </div>
568
+ </div>
569
+ <?php
570
+ }
571
+ /*######################### SIDBAR SLIDER SECTION #################################*/
572
+ public function generete_sidbar_slide_section($page_parametrs){
573
+
574
+ ?>
575
+ <div class="main_parametrs_group_div " >
576
+ <div class="head_panel_div">
577
+ <span class="title_parametrs_image"><img src="<?php echo $this->plugin_url.'images/facebook_sidebar.png' ?>"></span>
578
+ <span class="title_parametrs_group">Sticky Facebook box</span>
579
+ <span class="enabled_or_disabled_parametr"></span>
580
+ <span class="open_or_closed"></span>
581
+ </div>
582
+ <div class="inside_information_div">
583
+ <table class="wp-list-table widefat fixed posts section_parametrs_table">
584
+ <tbody>
585
+ <tr>
586
+ <td>
587
+ Enable/Disable Sticky box <span title="Select Enable/Disable to show or hide Sticky box." class="desription_class">?</span>
588
+ </td>
589
+ <td>
590
+ <select id="like_box_sidebar_slide_mode">
591
+ <option <?php selected($page_parametrs['like_box_sidebar_slide_mode'],'1') ?> value="yes">Enable</option>
592
+ <option <?php selected($page_parametrs['like_box_sidebar_slide_mode'],'0') ?> value="no">Disable</option>
593
+ </select>
594
+ </td>
595
+ </tr>
596
+ <tr>
597
+ <td>
598
+ Display Sticky box on <span class="pro_feature"> (pro)</span> <span title="Select where to display the Sticky box. " class="desription_class">?</span>
599
+ </td>
600
+ <td>
601
+ <input class="pro_checkbox" id="like_box_show_in_home" type="checkbox" value="home" class="" size="" checked="checked"><small>Home</small><br>
602
+ <input class="pro_checkbox" id="like_box_show_in_post" type="checkbox" value="post" class="" size="" checked="checked"><small>Post</small><br>
603
+ <input class="pro_checkbox" id="like_box_show_in_page" type="checkbox" value="page" class="" size="" checked="checked"><small>Page</small><br>
604
+ <input class="pro_checkbox" id="like_box_show_in_everywhere" type="checkbox" value="everywhere" class="" size="" checked="checked"><small>Everywhere</small><br>
605
+ </td>
606
+ </tr>
607
+ <tr>
608
+ <td>
609
+ Sticky box position <span class="pro_feature"> (pro)</span> <span title="Select the Sticky box position." class="desription_class">?</span>
610
+ </td>
611
+ <td>
612
+ <select class="pro_select" id="like_box_sidebar_slide_position">
613
+ <option selected="selected" value="left">Left</option>
614
+ <option value="right">Right</option>
615
+ </select>
616
+ </td>
617
+ </tr>
618
+ <tr>
619
+ <td>
620
+ Sticky box height <span title="Select the Sticky box height." class="desription_class">?</span>
621
+ </td>
622
+ <td>
623
+ <input type="text" name="like_box_sidebar_slide_pntik_height" id="like_box_sidebar_slide_pntik_height" value="<?php echo $page_parametrs['like_box_sidebar_slide_pntik_height'] ?>">(px)
624
+ </td>
625
+ </tr>
626
+ <tr>
627
+ <td>
628
+ Sticky box button bg color <span class="pro_feature"> (pro)</span> <span title="Type here the Sticky box button background color." class="desription_class">?</span>
629
+ </td>
630
+ <td>
631
+ <div class="disabled_picker">
632
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(62, 89, 165);"></a></div>
633
+ </div>
634
+ </td>
635
+ </tr>
636
+ <tr>
637
+ <td>
638
+ Sticky box border color <span class="pro_feature"> (pro)</span> <span title="Type here the Sticky box border color." class="desription_class">?</span>
639
+ </td>
640
+ <td>
641
+ <div class="disabled_picker">
642
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(62, 89, 165);"></a></div>
643
+ </div>
644
+ </td>
645
+ </tr>
646
+ <tr>
647
+ <td>
648
+ Sticky box Title <span title="Type here the Sticky box title." class="desription_class">?</span>
649
+ </td>
650
+ <td>
651
+ <input type="text" name="like_box_sidebar_slide_title" id="like_box_sidebar_slide_title" value="<?php echo $page_parametrs['like_box_sidebar_slide_title'] ?>">
652
+ </td>
653
+ </tr>
654
+ <tr>
655
+ <td>
656
+ Sticky box Title color <span title="Select the Sticky box title color." class="desription_class">?</span>
657
+ </td>
658
+ <td>
659
+ <input type="text" class="color_option" id="like_box_sidebar_slide_title_color" name="like_box_sidebar_slide_title_color" value="<?php echo $page_parametrs['like_box_sidebar_slide_title_color'] ?>"/>
660
+ </td>
661
+ </tr>
662
+ <tr>
663
+ <td>
664
+ Sticky box Title Font family <span title="hoose the Sticky box Title Font family." class="desription_class">?</span>
665
+ </td>
666
+ <td>
667
+ <?php $this->create_select_element_for_font('like_box_sidebar_slide_title_font_famely',$page_parametrs['like_box_sidebar_slide_title_font_famely']) ?>
668
+ </td>
669
+ </tr>
670
+ <tr>
671
+ <td>
672
+ Page ID <span title=" Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)." class="desription_class">?</span>
673
+ </td>
674
+ <td>
675
+ <input type="text" name="like_box_sidebar_slide_profile_id" id="like_box_sidebar_slide_profile_id" value="<?php echo $page_parametrs['like_box_sidebar_slide_profile_id'] ?>">
676
+ </td>
677
+ </tr>
678
+ <tr>
679
+
680
+ <td>
681
+ Like box Theme <span class="pro_feature"> (pro)</span> <span title="Choose theme for your Facebook Like box." class="desription_class">?</span>
682
+ </td>
683
+ <td>
684
+ <select class="pro_select" id="like_box_sidebar_slide_theme_color">
685
+ <option selected="selected" value="light">light</option>
686
+ <option value="dark">dark</option>
687
+ </select>
688
+ </td>
689
+ </tr>
690
+ </tr>
691
+ <tr>
692
+ <td>
693
+ Background color <span class="pro_feature"> (pro)</span> <span title="Choose Facebook like box background color." class="desription_class">?</span>
694
+ </td>
695
+ <td>
696
+ <div class="disabled_picker">
697
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
698
+ </div>
699
+ </td>
700
+ </tr>
701
+ <tr>
702
+ <td>
703
+ Like box width <span title=" Type here the Like box width." class="desription_class">?</span>
704
+ </td>
705
+ <td>
706
+ <input type="text" name="like_box_sidebar_slide_width" id="like_box_sidebar_slide_width" value="<?php echo $page_parametrs['like_box_sidebar_slide_width'] ?>">(Px)
707
+ </td>
708
+ </tr>
709
+ <tr>
710
+ <td>
711
+ Like box height <span title="Type here the Like box height." class="desription_class">?</span>
712
+ </td>
713
+ <td>
714
+ <input type="text" name="like_box_sidebar_slide_height" id="like_box_sidebar_slide_height" value="<?php echo $page_parametrs['like_box_sidebar_slide_height'] ?>">(Px)
715
+ </td>
716
+ </tr>
717
+
718
+ <tr>
719
+ <td>
720
+ Number of connections <span title="Type the number of connections that you want to see in your Facebook Like box." class="desription_class">?</span>
721
+ </td>
722
+ <td>
723
+ <input type="text" name="like_box_sidebar_slide_connections" id="like_box_sidebar_slide_connections" value="<?php echo $page_parametrs['like_box_sidebar_slide_connections'] ?>">
724
+ </td>
725
+ </tr>
726
+ <tr>
727
+ <td>
728
+ Like box header <span title="Show/Hide the Facebook Like box header. " class="desription_class">?</span>
729
+ </td>
730
+ <td>
731
+ <select id="like_box_sidebar_slide_header">
732
+ <option <?php selected($page_parametrs['like_box_sidebar_slide_header'],'yes') ?> value="yes">Show</option>
733
+ <option <?php selected($page_parametrs['like_box_sidebar_slide_header'],'no') ?> value="no">Hide</option>
734
+ </select>
735
+ </td>
736
+ </tr>
737
+
738
+ <tr>
739
+ <td>
740
+ Show/Hide latest posts <span class="pro_feature"> (pro)</span> <span title="Show/Hide the latest posts from your Facebook Like box." class="desription_class">?</span>
741
+ </td>
742
+ <td>
743
+ <select class="pro_select" id="like_box_sidebar_slide_stream">
744
+ <option value="yes">Show</option>
745
+ <option selected="selected" value="no">Hide</option>
746
+ </select>
747
+ </td>
748
+ </tr>
749
+
750
+ <tr>
751
+ <td>
752
+ Like box language <span title="Type the Facebook Like box language code." class="desription_class">?</span>
753
+ </td>
754
+ <td>
755
+ <input type="text" name="like_box_sidebar_slide_locale" id="like_box_sidebar_slide_locale" value="<?php echo $page_parametrs['like_box_sidebar_slide_locale'] ?>">(en_US,de_DE...)
756
+ </td>
757
+ </tr>
758
+
759
+ </tbody>
760
+ <tfoot>
761
+ <tr>
762
+ <th colspan="2" width="100%"><button type="button" id="sidbar_slide_like_box" class="save_section_parametrs button button-primary"><span class="save_button_span">Save Section</span> <span class="saving_in_progress"> </span><span class="sucsses_save"> </span><span class="error_in_saving"> </span></button><span class="error_massage"> </span></th>
763
+ </tr>
764
+ </tfoot>
765
+ </table>
766
+ </div>
767
+ </div>
768
+ <?php
769
+ }
770
+
771
+ public function featured_plugins(){
772
+ $plugins_array=array(
773
+ 'coming_soon'=>array(
774
+ 'image_url' => $this->plugin_url.'images/featured_plugins/coming_soon.jpg',
775
+ 'site_url' => 'http://wpdevart.com/wordpress-coming-soon-plugin/',
776
+ 'title' => 'Coming soon and Maintenance mode',
777
+ 'description' => 'Coming soon and Maintenance mode plugin is an awesome tool to show your visitors that you are working on your website to make it better.'
778
+ ),
779
+ 'lightbox'=>array(
780
+ 'image_url' => $this->plugin_url.'images/featured_plugins/lightbox.png',
781
+ 'site_url' => 'http://wpdevart.com/wordpress-lightbox-plugin/',
782
+ 'title' => 'WP Lightbox 2',
783
+ 'description' => 'WP Lightbox 2 is awesome tool for adding responsive lightbox effect for images and also create lightbox for photo album/gallery on your WordPress blog.'
784
+ ),
785
+
786
+ 'youtube'=>array(
787
+ 'image_url' => $this->plugin_url.'images/featured_plugins/youtube.png',
788
+ 'site_url' => 'http://wpdevart.com/wordpress-youtube-embed-plugin',
789
+ 'title' => 'WordPress YouTube Embed',
790
+ 'description' => 'YouTube Embed plugin is an convenient tool for adding video to your website. Use YouTube Embed plugin to add YouTube videos in posts/pages, widgets.'
791
+ ),
792
+ 'facebook'=>array(
793
+ 'image_url' => $this->plugin_url.'images/featured_plugins/facebook.jpg',
794
+ 'site_url' => 'http://wpdevart.com/wordpress-facebook-like-box-plugin',
795
+ 'title' => 'Facebook Like Box',
796
+ 'description' => 'Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it..'
797
+ ),
798
+ 'poll'=>array(
799
+ 'image_url' => $this->plugin_url.'images/featured_plugins/poll.png',
800
+ 'site_url' => 'http://wpdevart.com/wordpress-polls-plugin',
801
+ 'title' => 'Poll',
802
+ 'description' => 'WordPress Polls plugin is an wonderful tool for creating polls and survey forms for your visitors. You can use our polls on widgets, posts and pages.'
803
+ ),
804
+ 'twitter'=>array(
805
+ 'image_url' => $this->plugin_url.'images/featured_plugins/twitter.png',
806
+ 'site_url' => 'http://wpdevart.com/wordpress-twitter-plugin',
807
+ 'title' => 'Twitter button plus',
808
+ 'description' => 'Twitter button plus is nice and useful tool to show Twitter tweet button on your website.'
809
+ ),
810
+
811
+ );
812
+ ?>
813
+ <style>
814
+ .featured_plugin_main{
815
+ background-color: #ffffff;
816
+ border: 1px solid #dedede;
817
+ box-sizing: border-box;
818
+ float:left;
819
+ margin-right:20px;
820
+ margin-bottom:20px;
821
+
822
+ width:450px;
823
+ }
824
+ .featured_plugin_image{
825
+ padding: 15px;
826
+ display: inline-block;
827
+ float:left;
828
+ }
829
+ .featured_plugin_image a{
830
+ display: inline-block;
831
+ }
832
+ .featured_plugin_information{
833
+ float: left;
834
+ width: auto;
835
+ max-width: 282px;
836
+
837
+ }
838
+ .featured_plugin_title{
839
+ color: #0073aa;
840
+ font-size: 18px;
841
+ display: inline-block;
842
+ }
843
+ .featured_plugin_title a{
844
+ text-decoration:none;
845
+
846
+ }
847
+ .featured_plugin_title h4{
848
+ margin:0px;
849
+ margin-top: 20px;
850
+ margin-bottom:8px;
851
+ }
852
+ .featured_plugin_description{
853
+ display: inline-block;
854
+ }
855
+
856
+ </style>
857
+ <script>
858
+
859
+ jQuery(window).resize(like_box_feature_resize);
860
+ jQuery(document).ready(function(e) {
861
+ like_box_feature_resize();
862
+ });
863
+
864
+ function like_box_feature_resize(){
865
+ var like_box_width=jQuery('.featured_plugin_main').eq(0).parent().width();
866
+ var count_of_elements=Math.max(parseInt(like_box_width/450),1);
867
+ var width_of_plugin=((like_box_width-count_of_elements*24-2)/count_of_elements);
868
+ jQuery('.featured_plugin_main').width(width_of_plugin);
869
+ jQuery('.featured_plugin_information').css('max-width',(width_of_plugin-160)+'px');
870
+ }
871
+ </script>
872
+ <h2>Featured Plugins</h2>
873
+ <br>
874
+ <br>
875
+ <?php foreach($plugins_array as $key=>$plugin) { ?>
876
+ <div class="featured_plugin_main">
877
+ <span class="featured_plugin_image"><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><img src="<?php echo $plugin['image_url'] ?>"></a></span>
878
+ <span class="featured_plugin_information">
879
+ <span class="featured_plugin_title"><h4><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><?php echo $plugin['title'] ?></a></h4></span>
880
+ <span class="featured_plugin_description"><?php echo $plugin['description'] ?></span>
881
+ </span>
882
+ <div style="clear:both"></div>
883
+ </div>
884
+ <?php }
885
+ }
886
+ /*######################################### SUBSCRIBE #######################################*/
887
+
888
+ private function create_select_element_for_font($select_id='',$curent_font='none'){
889
+ ?>
890
+ <select id="<?php echo $select_id; ?>" name="<?php echo $select_id; ?>">
891
+
892
+ <option <?php selected('Arial,Helvetica Neue,Helvetica,sans-serif',$curent_font); ?> value="Arial,Helvetica Neue,Helvetica,sans-serif">Arial *</option>
893
+ <option <?php selected('Arial Black,Arial Bold,Arial,sans-serif',$curent_font); ?> value="Arial Black,Arial Bold,Arial,sans-serif">Arial Black *</option>
894
+ <option <?php selected('Arial Narrow,Arial,Helvetica Neue,Helvetica,sans-serif',$curent_font); ?> value="Arial Narrow,Arial,Helvetica Neue,Helvetica,sans-serif">Arial Narrow *</option>
895
+ <option <?php selected('Courier,Verdana,sans-serif',$curent_font); ?> value="Courier,Verdana,sans-serif">Courier *</option>
896
+ <option <?php selected('Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Georgia,Times New Roman,Times,serif">Georgia *</option>
897
+ <option <?php selected('Times New Roman,Times,Georgia,serif',$curent_font); ?> value="Times New Roman,Times,Georgia,serif">Times New Roman *</option>
898
+ <option <?php selected('Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Arial,sans-serif',$curent_font); ?> value="Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Arial,sans-serif">Trebuchet MS *</option>
899
+ <option <?php selected('Verdana,sans-serif',$curent_font); ?> value="Verdana,sans-serif">Verdana *</option>
900
+ <option <?php selected('American Typewriter,Georgia,serif',$curent_font); ?> value="American Typewriter,Georgia,serif">American Typewriter</option>
901
+ <option <?php selected('Andale Mono,Consolas,Monaco,Courier,Courier New,Verdana,sans-serif',$curent_font); ?> value="Andale Mono,Consolas,Monaco,Courier,Courier New,Verdana,sans-serif">Andale Mono</option>
902
+ <option <?php selected('Baskerville,Times New Roman,Times,serif',$curent_font); ?> value="Baskerville,Times New Roman,Times,serif">Baskerville</option>
903
+ <option <?php selected('Bookman Old Style,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Bookman Old Style,Georgia,Times New Roman,Times,serif">Bookman Old Style</option>
904
+ <option <?php selected('Calibri,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif',$curent_font); ?> value="Calibri,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif">Calibri</option>
905
+ <option <?php selected('Cambria,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Cambria,Georgia,Times New Roman,Times,serif">Cambria</option>
906
+ <option <?php selected('Candara,Verdana,sans-serif',$curent_font); ?> value="Candara,Verdana,sans-serif">Candara</option>
907
+ <option <?php selected('Century Gothic,Apple Gothic,Verdana,sans-serif',$curent_font); ?> value="Century Gothic,Apple Gothic,Verdana,sans-serif">Century Gothic</option>
908
+ <option <?php selected('Century Schoolbook,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Century Schoolbook,Georgia,Times New Roman,Times,serif">Century Schoolbook</option>
909
+ <option <?php selected('Consolas,Andale Mono,Monaco,Courier,Courier New,Verdana,sans-serif',$curent_font); ?> value="Consolas,Andale Mono,Monaco,Courier,Courier New,Verdana,sans-serif">Consolas</option>
910
+ <option <?php selected('Constantia,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Constantia,Georgia,Times New Roman,Times,serif">Constantia</option>
911
+ <option <?php selected('Corbel,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif',$curent_font); ?> value="Corbel,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif">Corbel</option>
912
+ <option <?php selected('Franklin Gothic Medium,Arial,sans-serif',$curent_font); ?> value="Franklin Gothic Medium,Arial,sans-serif">Franklin Gothic Medium</option>
913
+ <option <?php selected('Garamond,Hoefler Text,Times New Roman,Times,serif',$curent_font); ?> value="Garamond,Hoefler Text,Times New Roman,Times,serif">Garamond</option>
914
+ <option <?php selected('Gill Sans MT,Gill Sans,Calibri,Trebuchet MS,sans-serif',$curent_font); ?> value="Gill Sans MT,Gill Sans,Calibri,Trebuchet MS,sans-serif">Gill Sans MT</option>
915
+ <option <?php selected('Helvetica Neue,Helvetica,Arial,sans-serif',$curent_font); ?> value="Helvetica Neue,Helvetica,Arial,sans-serif">Helvetica Neue</option>
916
+ <option <?php selected('Hoefler Text,Garamond,Times New Roman,Times,sans-serif',$curent_font); ?> value="Hoefler Text,Garamond,Times New Roman,Times,sans-serif">Hoefler Text</option>
917
+ <option <?php selected('Lucida Bright,Cambria,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Lucida Bright,Cambria,Georgia,Times New Roman,Times,serif">Lucida Bright</option>
918
+ <option <?php selected('Lucida Grande,Lucida Sans,Lucida Sans Unicode,sans-serif',$curent_font); ?> value="Lucida Grande,Lucida Sans,Lucida Sans Unicode,sans-serif">Lucida Grande</option>
919
+ <option <?php selected('monospace',$curent_font); ?> value="monospace">monospace</option>
920
+ <option <?php selected('Palatino Linotype,Palatino,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Palatino Linotype,Palatino,Georgia,Times New Roman,Times,serif">Palatino Linotype</option>
921
+ <option <?php selected('Tahoma,Geneva,Verdana,sans-serif',$curent_font); ?> value="Tahoma,Geneva,Verdana,sans-serif">Tahoma</option>
922
+ <option <?php selected('Rockwell, Arial Black, Arial Bold, Arial, sans-serif',$curent_font); ?> value="Rockwell, Arial Black, Arial Bold, Arial, sans-serif">Rockwell</option>
923
+ </select>
924
+ <?php
925
+ }
926
+
927
+ }
includes/front_end.php ADDED
@@ -0,0 +1,220 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class like_box_front_end{
4
+ private $menu_name;
5
+
6
+ private $plugin_url;
7
+
8
+ private $databese_parametrs;
9
+
10
+ private $params;
11
+
12
+ public static $id_for_content=0;
13
+
14
+ function __construct($params){
15
+
16
+ $this->databese_parametrs=$params['databese_parametrs'];
17
+ //if plugin url not come in parent class
18
+ if(isset($params['plugin_url']))
19
+ $this->plugin_url=$params['plugin_url'];
20
+ else
21
+ $this->plugin_url=trailingslashit(dirname(plugins_url('',__FILE__)));
22
+
23
+ //hooks for popup iframe
24
+ add_action( 'wp_ajax_likeboxfrontend', array($this,'like_box_ifreame_generator') );
25
+ add_action( 'wp_ajax_nopriv_likeboxfrontend', array($this,'like_box_ifreame_generator') );
26
+ //genereting js code for inserting footer
27
+ add_action( 'wp_footer', array($this,'like_box_popup_in_footer'));
28
+ add_action( 'wp_footer', array($this,'like_box_sibar_slider_in_footer'));
29
+ add_action('wp_head',array($this,'generete_front_javascript'));
30
+ // genereting code for content
31
+ add_shortcode( 'wpdevart_like_box', array($this,'like_box_ifreame_content_generator') );
32
+ $this->params=$this->generete_params();
33
+
34
+ // add shortcode
35
+ add_shortcode( 'wpdevart_like_box', array($this,'wpdevart_like_box_shortcode') );
36
+ //for updated parametrs
37
+
38
+ $jsone_enable_like_box= json_decode(stripslashes($this->params['like_box_enable_like_box']), true);
39
+ if($jsone_enable_like_box!=NULL){
40
+ if($jsone_enable_like_box['yes']==true){
41
+ $this->params['like_box_enable_like_box']='yes';
42
+ }elseif($jsone_enable_like_box['no']==true){
43
+ $this->params['like_box_enable_like_box']='no';
44
+ }else{
45
+ $this->params['like_box_enable_like_box']='yes';
46
+ }
47
+ }
48
+ $jsone_like_box_header= json_decode(stripslashes($this->params['like_box_header']), true);
49
+ if($jsone_like_box_header!=NULL){
50
+ if($jsone_like_box_header['show']==true){
51
+ $this->params['like_box_header']='yes';
52
+ }else{
53
+ $this->params['like_box_header']='yes';
54
+ }
55
+ }
56
+
57
+ }
58
+ /*###################### CONECTING TO DATABESE ##################*/
59
+ private function generete_params(){
60
+
61
+ foreach($this->databese_parametrs as $param_array_key => $param_value){
62
+ foreach($this->databese_parametrs[$param_array_key] as $key => $value){
63
+ $front_end_parametrs[$key]=stripslashes(get_option($key,$value));
64
+ }
65
+ }
66
+ return $front_end_parametrs;
67
+
68
+ }
69
+ /*###################### scripts and styles ##################*/
70
+ public function generete_front_javascript(){
71
+ wp_enqueue_style('animated');
72
+ wp_enqueue_style('front_end_like_box');
73
+ wp_enqueue_script('like-box-front-end');
74
+ wp_enqueue_script('thickbox');
75
+ wp_enqueue_style('thickbox');
76
+
77
+ }
78
+
79
+ /*creating iframe for content*/
80
+ public function like_box_ifreame_content_generator($atts){
81
+ self::$id_for_content++;
82
+ $atts = shortcode_atts( array(
83
+ 'profile_id' => '',
84
+ 'animation_efect'=>'none',
85
+ 'background_color'=>'',
86
+ 'theme_color' => 'light',
87
+ 'border_color' => '#FFFFF',
88
+ 'show_border' => 'yes',
89
+ 'stream' => '0',
90
+ 'connections' => '6',
91
+ 'width' => '300',
92
+ 'height' => '550',
93
+ 'header' => '0',
94
+ 'locale' => 'en_US',
95
+ ), $atts, 'wpdevart_like_box' );
96
+ $output='<iframe id="like_box_content_'.self::$id_for_content.'" src="http://www.facebook.com/plugins/fan.php?id='.$atts['profile_id'].'&amp;width='.$atts['width'].'&amp;colorscheme='.$atts['theme_color'].'&amp;height='.$atts['height'].'&amp;connections='.$atts['connections'].'&amp;stream='.$atts['stream'].'&amp;header='.$atts['header'].'&amp;locale='.$atts['locale'].'&amp;show_border='.(($atts['show_border']=='yes')?'true':'false').'" scrolling="no" frameborder="0" allowTransparency="true" style="'.(($atts['show_border']=='yes')?'border:1px solid '.$atts['border_color'].';':'border:none').' overflow:hidden;visibility:hidden; max-width:100%; width:'.$atts['width'].'px; height:'.$atts['height'].'px;background-color:'.$atts['background_color'].';"></iframe>';
97
+ $output.='<script>jQuery(document).ready(function(){like_box_animated_element("'.like_box_setting::get_animations_type_array($atts['animation_efect']).'","like_box_content_'.self::$id_for_content.'"); jQuery(window).scroll(function(){like_box_animated_element("'.like_box_setting::get_animations_type_array($atts['animation_efect']).'","like_box_content_'.self::$id_for_content.'");})});</script>';
98
+
99
+ return $output;
100
+ }
101
+ /*###################### creating iframe Popup ##################*/
102
+
103
+ public function like_box_ifreame_generator(){
104
+
105
+ $iframe_params=array(
106
+ 'profile_id' =>$this->params['like_box_profile_id'],
107
+ 'width' =>$this->params['like_box_width'],
108
+ 'height' =>$this->params['like_box_height'],
109
+ 'header' =>($this->params['like_box_header']=='yes')?'true':'false',
110
+ 'connections' =>$this->params['like_box_connections'],
111
+ 'locale' =>$this->params['like_box_locale'],
112
+ );
113
+
114
+
115
+ ?>
116
+ <html>
117
+ <head>
118
+ </head>
119
+ <body>
120
+ <iframe id="like_box_popup" src="http://www.facebook.com/plugins/fan.php?id=<?php echo $iframe_params['profile_id']; ?>&amp;width=<?php echo $iframe_params['width']; ?>&amp;colorscheme=light&amp;height=<?php echo ($iframe_params['height']-64); ?>&amp;connections=<?php echo $iframe_params['connections']; ?>&amp;stream=false&amp;header=<?php echo $iframe_params['header']; ?>&amp;locale=<?php echo $iframe_params['locale']; ?>&amp;show_border=true" scrolling="no" frameborder="0" allowTransparency="true" style="overflow:hidden; width:100%; height:100%"></iframe>
121
+ </body>
122
+ <script>
123
+ document.getElementById('like_box_popup').style.height=document.getElementsByTagName('body')[0].offsetHeight-20;
124
+ window.onresize = function(event) {
125
+ document.getElementById('like_box_popup').style.height=document.getElementsByTagName('body')[0].offsetHeight-8;
126
+ };
127
+ </script>
128
+ </html>
129
+ <?php
130
+ die();
131
+
132
+ }
133
+ /*########################## popup ########################*/
134
+ public function like_box_popup_in_footer(){
135
+
136
+ $width=$this->params['like_box_width']-30;
137
+ $height=$this->params['like_box_height']-44;
138
+
139
+ $ifame_parametrs=array();
140
+
141
+ if($this->params['like_box_enable_like_box']=='yes'){
142
+ ?><script>
143
+ var like_box_initial_width=<?php echo $width; ?>;
144
+ var like_box_initial_height=<?php echo $height+12; ?>;
145
+ jQuery(document).ready(function(){
146
+
147
+
148
+ setTimeout(function(){
149
+ tb_show('<?php echo $this->params['like_box_popup_title']; ?>','<?php echo admin_url('admin-ajax.php').'?action=likeboxfrontend&TB_iframe=true&width='.$width.'&height='.($height-12);?>')
150
+ jQuery('#TB_window').addClass('facbook_like_box_popup');
151
+ jQuery(window).resize(like_box_resize_popup);
152
+ like_box_resize_popup();
153
+
154
+ },1000);
155
+
156
+
157
+
158
+ })</script>
159
+ <style>
160
+ .screen-reader-text{
161
+ display:none;
162
+ }
163
+ .facbook_like_box_popup #TB_ajaxWindowTitle{
164
+ color:<?php echo $this->params['like_box_popup_title_color']; ?>;
165
+ font-family:<?php echo $this->params['like_box_popup_title_font_famely']; ?>;
166
+ }
167
+
168
+ </style>
169
+ <?php
170
+
171
+ }
172
+ }
173
+
174
+ public function css_like_box_sibar_slider_in_footer($width,$height){
175
+ echo '<style>';
176
+
177
+
178
+
179
+ echo '.like_box_slideup_close{left:-'.($width+2).'px;}';
180
+ echo '.like_box_slideup_open{left:0px;}';
181
+ echo '.sidbar_slide_header{';
182
+ echo 'float:right; border-radius: 0 4px 4px 0;';
183
+ echo '}';
184
+ echo '.main_sidbar_slide{transition:left .3s;}';
185
+
186
+ $top_for_margin=120;
187
+ $top_for_margin=($this->params['like_box_sidebar_slide_height']-$this->params['like_box_sidebar_slide_pntik_height'])/2;
188
+ echo '.sidbar_slide_header{height:'.$this->params['like_box_sidebar_slide_pntik_height'].'px; margin-top:'.$top_for_margin.'px;border-color:##405D9A !important; background-color: #405D9A;}';
189
+ echo '.sidbar_slide_title{font-family:'.$this->params['like_box_sidebar_slide_title_font_famely'].'; color: '.$this->params['like_box_sidebar_slide_title_color'].';}';
190
+ echo '.sidbar_slide_content{width:'.$width.'px;}';
191
+ echo '.sidbar_slide_inner_main {width:'.($width+40).'px;}';
192
+ echo '</style>';
193
+
194
+ }
195
+
196
+ public function like_box_sibar_slider_in_footer(){
197
+ if($this->params['like_box_sidebar_slide_mode']=='yes'){
198
+ $width=$this->params['like_box_sidebar_slide_width'];
199
+ $height=$this->params['like_box_sidebar_slide_height'];
200
+ ?>
201
+ <div class="main_sidbar_slide like_box_slideup_close">
202
+ <div class="sidbar_slide_inner_main ">
203
+ <div class="sidbar_slide_header">
204
+ <span class="sidbar_slide_title"><?php echo $this->params['like_box_sidebar_slide_title']; ?></span>
205
+ </div>
206
+ <div class="sidbar_slide_content">
207
+ <div class="sidbar_slide_inner"><iframe id="like_box_slideup" src="http://www.facebook.com/plugins/fan.php?id=<?php echo $this->params['like_box_sidebar_slide_profile_id']; ?>&amp;width=<?php echo (int)$this->params['like_box_sidebar_slide_width']; ?>&amp;colorscheme=light&amp;height=<?php echo ((int)$this->params['like_box_sidebar_slide_height']); ?>&amp;connections=<?php echo (int)$this->params['like_box_sidebar_slide_connections']; ?>&amp;stream=false&amp;header=<?php echo ($this->params['like_box_sidebar_slide_header']=='yes')?'true':'false'; ?>&amp;locale=<?php echo $this->params['like_box_sidebar_slide_locale']; ?>&amp;show_border=false" scrolling="no" frameborder="0" allowTransparency="true" style="margin-bottom: -5px;overflow:hidden; width:100%; height:<?php echo ((int)$this->params['like_box_sidebar_slide_height']); ?>px"></iframe></div>
208
+ </div>
209
+ </div>
210
+
211
+ </div>
212
+ </div>
213
+ <?php
214
+ $this->css_like_box_sibar_slider_in_footer($width,$height);
215
+
216
+ }
217
+
218
+ }
219
+ }
220
+ ?>
includes/install_database.php ADDED
@@ -0,0 +1,58 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /// class for install databese
4
+
5
+ class like_box_install_database{
6
+
7
+ public $installed_options; // all standart_options
8
+ private $plugin_url;
9
+
10
+ function __construct(){
11
+
12
+ if(isset($params['plugin_url']))
13
+ $this->plugin_url=$params['plugin_url'];
14
+ else
15
+ $this->plugin_url=trailingslashit(dirname(plugins_url('',__FILE__)));
16
+
17
+
18
+ $this->installed_options=array(
19
+ "sidbar_slide_like_box"=>array(
20
+ "like_box_sidebar_slide_mode" => "no",
21
+ "like_box_sidebar_slide_title_color" => "#FFFFFF",
22
+ "like_box_sidebar_slide_title" => 'Facebook',
23
+ "like_box_sidebar_slide_title_font_famely" => 'Times New Roman,Times,Georgia,serif',
24
+ "like_box_sidebar_slide_pntik_height" => "130",
25
+
26
+ "like_box_sidebar_slide_profile_id" => "",
27
+ "like_box_sidebar_slide_width" => "360",
28
+ "like_box_sidebar_slide_height" => "450",
29
+ "like_box_sidebar_slide_header" => 'yes',
30
+ "like_box_sidebar_slide_connections" => '6',
31
+ "like_box_sidebar_slide_locale" => "en_US",
32
+ ),
33
+ "popup_like_box"=>array(
34
+ 'like_box_enable_like_box' => 'no',
35
+ 'like_box_popup_title' => 'Facebook like box',
36
+ 'like_box_popup_title_color' => '#000000',
37
+ 'like_box_popup_title_font_famely' => 'Times New Roman,Times,Georgia,serif',
38
+
39
+ "like_box_profile_id" => "",
40
+ "like_box_width" => "600",
41
+ "like_box_height" => "450",
42
+ "like_box_header" => 'yes',
43
+ "like_box_connections" => '6',
44
+ "like_box_locale" => "en_US",
45
+ ),
46
+
47
+ );
48
+
49
+
50
+ }
51
+ public function install_databese(){
52
+ foreach( $this->installed_options as $key => $option ){
53
+ if( get_option($key,FALSE) === FALSE ){
54
+ add_option($key,$option);
55
+ }
56
+ }
57
+ }
58
+ }
includes/javascript/admin-like-box.js ADDED
@@ -0,0 +1,100 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery(document).ready(function(e) {
2
+ jQuery('.pro_select,.pro_input,.disabled_picker').click(function(){alert("If you want to use this feature upgrade to Like box Pro")});
3
+ jQuery('.pro_checkbox').mousedown(function(){alert("If you want to use this feature upgrade to Like box Pro")})
4
+ });
5
+ /*ADMIN CUSTOMIZE SETTINGS OPEN OR HIDE*/
6
+ function get_array_of_opened_elements(){
7
+ var kk=0;
8
+ var array_of_activ_elements=new Array();
9
+ jQuery('#like_box_page .main_parametrs_group_div').each(function(index, element) {
10
+ if(!jQuery(this).hasClass('closed_params')){
11
+ array_of_activ_elements[kk]=jQuery('#like_box_page .main_parametrs_group_div').index(this);
12
+ kk++;
13
+ }
14
+ });
15
+ return array_of_activ_elements;
16
+ }
17
+ function like_box_setCookie(cname, cvalue, exdays) {
18
+ var d = new Date();
19
+ d.setTime(d.getTime() + (exdays*24*60*60*1000));
20
+ var expires = "expires="+d.toUTCString();
21
+ document.cookie = cname + "=" + cvalue + "; " + expires+"; path=/";
22
+ }
23
+
24
+ jQuery(document).ready(function(e) {
25
+
26
+
27
+ /*SET CLOR PICKERS*/
28
+ jQuery('.color_option').wpColorPicker()
29
+
30
+ var askofen=0;
31
+ jQuery(".save_all_section_parametrs").click(function(){
32
+ jQuery(".save_section_parametrs").each(function(index, element) {
33
+ jQuery(this).trigger('click');
34
+ });
35
+ jQuery('.save_all_section_parametrs').addClass('padding_loading');
36
+ jQuery('.save_all_section_parametrs').prop('disabled', true);
37
+ jQuery('.save_all_section_parametrs .saving_in_progress').css('display','inline-block');
38
+ setTimeout(check_all_saved(),500);
39
+ })
40
+ function check_all_saved(){
41
+ if(askofen==0){
42
+ jQuery('.save_all_section_parametrs .saving_in_progress').css('display','none');
43
+ jQuery('.save_all_section_parametrs .sucsses_save').css('display','inline-block');
44
+ setTimeout(function(){jQuery('.save_all_section_parametrs .sucsses_save').hide('fast');jQuery('.save_all_section_parametrs').removeClass('padding_loading');jQuery('.save_all_section_parametrs').prop('disabled', false);},1800);
45
+
46
+ }
47
+ else{
48
+
49
+ setTimeout(check_all_saved,500);
50
+ }
51
+ }
52
+ /*############ Other section Save click ################*/
53
+ jQuery(".save_section_parametrs").click(function(){
54
+
55
+ jQuery('.like_box_hidden_parametr').each(function(index, element) {
56
+ generete_input_values(this)
57
+ });
58
+ var like_box_curent_section=jQuery(this).attr('id');
59
+ jQuery.each( like_box_all_parametrs[like_box_curent_section], function( key, value ) {
60
+ like_box_all_parametrs[like_box_curent_section][key] =jQuery('#'+key).val()
61
+ });
62
+ var like_box_date_for_post=like_box_all_parametrs;
63
+ like_box_all_parametrs[like_box_curent_section]['curent_page']=like_box_curent_section;
64
+ like_box_all_parametrs[like_box_curent_section]['like_box_options_nonce']=jQuery('#like_box_options_nonce').val();
65
+
66
+
67
+ jQuery('#'+like_box_curent_section).addClass('padding_loading');
68
+ jQuery('#'+like_box_curent_section).prop('disabled', true);
69
+ jQuery('#'+like_box_curent_section+' .saving_in_progress').css('display','inline-block');
70
+
71
+ askofen++;
72
+ jQuery.ajax({
73
+ type:'POST',
74
+ url: like_box_ajaxurl+'?action=like_box_page_save',
75
+ data: like_box_all_parametrs[like_box_curent_section],
76
+ }).done(function(date) {
77
+ jQuery('#'+like_box_curent_section+' .saving_in_progress').css('display','none');
78
+ if(date==like_box_parametrs_sucsses_saved){
79
+ jQuery('#'+like_box_curent_section+' .sucsses_save').css('display','inline-block');
80
+ setTimeout(function(){like_box_clickable=1;jQuery('#'+like_box_curent_section+' .sucsses_save').hide('fast');jQuery('#'+like_box_curent_section+'.save_section_parametrs').removeClass('padding_loading');jQuery('#'+like_box_curent_section).prop('disabled', false);},1800);
81
+ askofen--;
82
+ }
83
+ else{
84
+ jQuery('#'+like_box_curent_section+' .error_in_saving').css('display','inline-block');
85
+ jQuery('#'+like_box_curent_section).parent().find('.error_massage').eq(0).html(date);
86
+
87
+ }
88
+ });
89
+ });
90
+
91
+ });
92
+
93
+
94
+ function generete_input_values(hidden_element){
95
+ var element_array = {};
96
+ jQuery(hidden_element).parent().find('input[type=checkbox]').each(function(index, element) {
97
+ element_array[jQuery(this).val()]=jQuery(this).prop('checked');
98
+ });
99
+ jQuery(hidden_element).val(JSON.stringify(element_array));
100
+ }
includes/javascript/front_end_js.js ADDED
@@ -0,0 +1,123 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*###################### popup ##############################*/
2
+ function like_box_setCookie(cname, cvalue, exdays) {
3
+ var d = new Date();
4
+ d.setTime(d.getTime() + (exdays*24*60*60*1000));
5
+ var expires = "expires="+d.toUTCString();
6
+ document.cookie = cname + "=" + cvalue + "; " + expires+"; path=/";
7
+ }
8
+ function like_box_getCookie(cname) {
9
+ var name = cname + "=";
10
+ var ca = document.cookie.split(';');
11
+ for(var i=0; i<ca.length; i++) {
12
+ var c = ca[i];
13
+ while (c.charAt(0)==' ') c = c.substring(1);
14
+ if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
15
+ }
16
+ return "";
17
+ }
18
+ function like_box_resize_popup(){
19
+
20
+ // popup resize width
21
+ if( like_box_initial_width > jQuery(window).width() ){
22
+ jQuery('.facbook_like_box_popup iframe').css('width','100%')
23
+ jQuery('.facbook_like_box_popup').width((jQuery(window).width()-15))
24
+ jQuery(".facbook_like_box_popup").css({marginLeft: '-' + parseInt((jQuery('.facbook_like_box_popup').width()/ 2),10) + 'px'});
25
+
26
+ }else{
27
+ if(jQuery('.facbook_like_box_popup').width()<like_box_initial_width){
28
+ jQuery('.facbook_like_box_popup').width(Math.min((jQuery(window).width()-15),(like_box_initial_width)))
29
+ jQuery(".facbook_like_box_popup").css({marginLeft: '-' + parseInt((jQuery('.facbook_like_box_popup').width()/ 2),10) + 'px'});
30
+ }
31
+ }
32
+
33
+ // popup resize height
34
+ if( like_box_initial_height > jQuery(window).height() ){
35
+ jQuery('.facbook_like_box_popup').height((jQuery(window).height()-25))
36
+ jQuery('.facbook_like_box_popup iframe').height((jQuery(window).height()-59))
37
+ jQuery(".facbook_like_box_popup").css({marginTop: '-' + parseInt((jQuery('.facbook_like_box_popup').height()/ 2),10) + 'px'});
38
+
39
+ }else{
40
+ if(jQuery('.facbook_like_box_popup').height()<like_box_initial_height){
41
+ jQuery('.facbook_like_box_popup').height(Math.min((jQuery(window).height()-25),(like_box_initial_height)))
42
+ jQuery('.facbook_like_box_popup iframe').height((jQuery(window).height()-59))
43
+ jQuery(".facbook_like_box_popup").css({marginTop: '-' + parseInt((jQuery('.facbook_like_box_popup').height()/ 2),10) + 'px'});
44
+ }
45
+ }
46
+ }
47
+
48
+ /*###################### Slideup ##############################*/
49
+
50
+ var like_box_slideup={
51
+ initial_width:'220',
52
+ initial_height:'480',
53
+ initial_loaction:'left',
54
+ construct_function:function(){
55
+ var self=this
56
+ if(jQuery('.main_sidbar_slide').css('left')=='auto')
57
+ this.initial_loaction='right';
58
+ jQuery(window).resize(self.resize_height);
59
+ jQuery(window).resize(self.resize_width);
60
+
61
+ self.resize_width();
62
+ jQuery('.sidbar_slide_header').click(function(){
63
+ if(jQuery('.main_sidbar_slide').hasClass('like_box_slideup_close')){
64
+ jQuery('.main_sidbar_slide').addClass('like_box_slideup_open');
65
+ jQuery('.main_sidbar_slide').removeClass('like_box_slideup_close');
66
+
67
+ }
68
+ else{
69
+ jQuery('.main_sidbar_slide').addClass('like_box_slideup_close');
70
+ jQuery('.main_sidbar_slide').removeClass('like_box_slideup_open');
71
+ }
72
+
73
+ });
74
+ },
75
+ resize_height:function(){
76
+
77
+ jQuery('.sidbar_slide_inner').css('max-height',jQuery(window).height());
78
+ jQuery('.sidbar_slide_header').css('margin-top',parseInt((jQuery('.sidbar_slide_inner_main').height()-jQuery('.sidbar_slide_header').height())/2)+'px');
79
+
80
+ },
81
+ resize_width:function(){
82
+ if(jQuery(window).width()<=jQuery('.main_sidbar_slide').width())
83
+ {
84
+
85
+ if(!jQuery('#like_box_phone_slideup_style').length)
86
+ jQuery('body').append('<style id="like_box_phone_slideup_style">.sidbar_slide_content{width:'+(jQuery(window).width()-40)+'px;}.sidbar_slide_inner_main {width:'+jQuery(window).width()+'px;}.like_box_slideup_close{'+like_box_slideup.initial_loaction+':-'+(jQuery(window).width()-40)+'px;}</style>')
87
+ else
88
+ jQuery('#like_box_phone_slideup_style').html('.sidbar_slide_content{width:'+(jQuery(window).width()-40)+'px;}.sidbar_slide_inner_main{width:'+jQuery(window).width()+'px;}.like_box_slideup_close{'+like_box_slideup.initial_loaction+':-'+(jQuery(window).width()-40)+'px;}');
89
+ }
90
+ else{
91
+ if(jQuery('#like_box_phone_slideup_style').length)
92
+ jQuery('.like_box_phone_slideup_style').remove();
93
+ }
94
+
95
+ },
96
+
97
+
98
+
99
+ }
100
+ function like_box_animated_element(animation,element_id){
101
+ jQuery('#'+element_id).ready(function(e) {
102
+ if(!jQuery(jQuery('#'+element_id)).hasClass('animated') && like_box_isScrolledIntoView(jQuery('#'+element_id))) {
103
+ jQuery(jQuery('#'+element_id)).css('visibility','visible');
104
+ jQuery(jQuery('#'+element_id)).addClass('animated');
105
+ jQuery(jQuery('#'+element_id)).addClass(animation);
106
+ }
107
+ });
108
+ }
109
+ function like_box_isScrolledIntoView(elem)
110
+ {
111
+ var $elem = jQuery(elem);
112
+ if($elem.length=0)
113
+ return true;
114
+ var $window = jQuery(window);
115
+ var docViewTop = $window.scrollTop();
116
+ var docViewBottom = docViewTop + $window.height();
117
+ var elemTop = jQuery(elem).offset().top;
118
+ var elemBottom = elemTop + parseInt(jQuery(elem).css('height'));
119
+ return ( ( (docViewTop<=elemTop) && (elemTop<=docViewBottom) ) || ( (docViewTop<=elemBottom) && (elemBottom<=docViewBottom) ));
120
+ }
121
+ jQuery(document).ready(function(e) {
122
+ like_box_slideup.construct_function();
123
+ });
includes/library.php ADDED
@@ -0,0 +1,87 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class like_box_setting{
4
+ public static $list_of_animations=array('bounce','flash','pulse','rubberBand','shake','swing','tada','wobble','bounceIn','bounceInDown','bounceInLeft','bounceInRight','bounceInUp','fadeIn','fadeInDown','fadeInDownBig','fadeInLeft','fadeInLeftBig','fadeInRight','fadeInRightBig','fadeInUp','fadeInUpBig','flip','flipInX','flipInY','lightSpeedIn','rotateIn','rotateInDownLeft','rotateInDownRight','rotateInUpLeft','rotateInUpRight','rollIn','zoomIn','zoomInDown','zoomInLeft','zoomInRight','zoomInUp');
5
+ public static function get_animations_type_array($animation=''){
6
+ if($animation=='' || $animation=='none')
7
+ return '';
8
+ if($animation=='random'){
9
+
10
+ return self::$list_of_animations[array_rand(self::$list_of_animations,1)];
11
+ }
12
+ return $animation;
13
+ }
14
+ public static function generete_animation_select($select_id='',$curent_effect='none'){
15
+ ?>
16
+ <select onClick="alert(pro_text); return false;" id="<?php echo $select_id; ?>" name="<?php echo $select_id; ?>">
17
+ <option <?php selected('none',$curent_effect); ?> value="none">none</option>
18
+ <option <?php selected('random',$curent_effect); ?> value="random">random</option>
19
+ <optgroup label="Attention Seekers">
20
+ <option <?php selected('bounce',$curent_effect); ?> value="bounce">bounce</option>
21
+ <option <?php selected('flash',$curent_effect); ?> value="flash">flash</option>
22
+ <option <?php selected('pulse',$curent_effect); ?> value="pulse">pulse</option>
23
+ <option <?php selected('rubberBand',$curent_effect); ?> value="rubberBand">rubberBand</option>
24
+ <option <?php selected('shake',$curent_effect); ?> value="shake">shake</option>
25
+ <option <?php selected('swing',$curent_effect); ?> value="swing">swing</option>
26
+ <option <?php selected('tada',$curent_effect); ?> value="tada">tada</option>
27
+ <option <?php selected('wobble',$curent_effect); ?> value="wobble">wobble</option>
28
+ </optgroup>
29
+
30
+ <optgroup label="Bouncing Entrances">
31
+ <option <?php selected('bounceIn',$curent_effect); ?> value="bounceIn">bounceIn</option>
32
+ <option <?php selected('bounceInDown',$curent_effect); ?> value="bounceInDown">bounceInDown</option>
33
+ <option <?php selected('bounceInLeft',$curent_effect); ?> value="bounceInLeft">bounceInLeft</option>
34
+ <option <?php selected('bounceInRight',$curent_effect); ?> value="bounceInRight">bounceInRight</option>
35
+ <option <?php selected('bounceInUp',$curent_effect); ?> value="bounceInUp">bounceInUp</option>
36
+ </optgroup>
37
+
38
+ <optgroup label="Fading Entrances">
39
+ <option <?php selected('fadeIn',$curent_effect); ?> value="fadeIn">fadeIn</option>
40
+ <option <?php selected('fadeInDown',$curent_effect); ?> value="fadeInDown">fadeInDown</option>
41
+ <option <?php selected('fadeInDownBig',$curent_effect); ?> value="fadeInDownBig">fadeInDownBig</option>
42
+ <option <?php selected('fadeInLeft',$curent_effect); ?> value="fadeInLeft">fadeInLeft</option>
43
+ <option <?php selected('fadeInLeftBig',$curent_effect); ?> value="fadeInLeftBig">fadeInLeftBig</option>
44
+ <option <?php selected('fadeInRight',$curent_effect); ?> value="fadeInRight">fadeInRight</option>
45
+ <option <?php selected('fadeInRightBig',$curent_effect); ?> value="fadeInRightBig">fadeInRightBig</option>
46
+ <option <?php selected('fadeInUp',$curent_effect); ?> value="fadeInUp">fadeInUp</option>
47
+ <option <?php selected('fadeInUpBig',$curent_effect); ?> value="fadeInUpBig">fadeInUpBig</option>
48
+ </optgroup>
49
+
50
+ <optgroup label="Flippers">
51
+ <option <?php selected('flip',$curent_effect); ?> value="flip">flip</option>
52
+ <option <?php selected('flipInX',$curent_effect); ?> value="flipInX">flipInX</option>
53
+ <option <?php selected('flipInY',$curent_effect); ?> value="flipInY">flipInY</option>
54
+ </optgroup>
55
+
56
+ <optgroup label="Lightspeed">
57
+ <option <?php selected('lightSpeedIn',$curent_effect); ?> value="lightSpeedIn">lightSpeedIn</option>
58
+ </optgroup>
59
+
60
+ <optgroup label="Rotating Entrances">
61
+ <option <?php selected('rotateIn',$curent_effect); ?> value="rotateIn">rotateIn</option>
62
+ <option <?php selected('rotateInDownLeft',$curent_effect); ?> value="rotateInDownLeft">rotateInDownLeft</option>
63
+ <option <?php selected('rotateInDownRight',$curent_effect); ?> value="rotateInDownRight">rotateInDownRight</option>
64
+ <option <?php selected('rotateInUpLeft',$curent_effect); ?> value="rotateInUpLeft">rotateInUpLeft</option>
65
+ <option <?php selected('rotateInUpRight',$curent_effect); ?> value="rotateInUpRight">rotateInUpRight</option>
66
+ </optgroup>
67
+
68
+ <optgroup label="Specials">
69
+
70
+ <option <?php selected('rollIn',$curent_effect); ?> value="rollIn">rollIn</option>
71
+ </optgroup>
72
+
73
+ <optgroup label="Zoom Entrances">
74
+ <option <?php selected('zoomIn',$curent_effect); ?> value="zoomIn">zoomIn</option>
75
+ <option <?php selected('zoomInDown',$curent_effect); ?> value="zoomInDown">zoomInDown</option>
76
+ <option <?php selected('zoomInLeft',$curent_effect); ?> value="zoomInLeft">zoomInLeft</option>
77
+ <option <?php selected('zoomInRight',$curent_effect); ?> value="zoomInRight">zoomInRight</option>
78
+ <option <?php selected('zoomInUp',$curent_effect); ?> value="zoomInUp">zoomInUp</option>
79
+ </optgroup>
80
+ </select>
81
+ <?php
82
+ }
83
+
84
+ }
85
+
86
+
87
+ ?>
includes/style/admin-style.css ADDED
@@ -0,0 +1,289 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*Remove elements*/
2
+ .remove_element{
3
+ background-image:url(../../images/remove_element.png);
4
+ background-size:contain;
5
+ width: 21px;
6
+ height: 21px;
7
+ display: inline-block;
8
+ position: relative;
9
+ top: 4px;
10
+ margin-left: 7px;
11
+ cursor: pointer;
12
+ }
13
+ /*Coming Soon title*/
14
+ .wp-picker-holder{
15
+ position:absolute;
16
+ z-index: 9999;
17
+ }
18
+ .white{
19
+ background-color: #fff !important;
20
+ }
21
+ .black{
22
+ background-color:rgba(176, 176, 176, 0.07) !important;
23
+ }
24
+ .coming_title h1{
25
+ font-family: serif;
26
+ /*color: #3AA3D4;*/
27
+ }
28
+ .title_parametrs_image{
29
+ height: 37px;
30
+ float: left;
31
+ }
32
+ .title_parametrs_image > img{
33
+ height: 37px;
34
+
35
+ }
36
+ .like_box_main {
37
+ height: 45px;
38
+ background-color: #fff;
39
+ margin-right: 20px;
40
+ border: 1px solid #DADADA;
41
+ }
42
+ .wp-table.right_margin{
43
+ margin-right:20px;
44
+ }
45
+
46
+ /*COMING SOON ENABLE RADIO*/
47
+ .display_none{display:none;}
48
+ .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../../images/switch.gif) repeat-x; display: block; float: left; }
49
+ .cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
50
+ .cb-enable span { background-position: left -90px; padding: 0 10px; }
51
+ .cb-disable span { background-position: right -180px;padding: 0 10px; }
52
+ .cb-disable.selected { background-position: 0 -30px; }
53
+ .cb-disable.selected span { background-position: right -210px; color: #fff; }
54
+ .cb-enable.selected { background-position: 0 -60px; }
55
+ .cb-enable.selected span { background-position: left -150px; color: #fff; }
56
+ .switch label { cursor: pointer; }
57
+ .switch input { display: none; }
58
+ /*###################admin cuztomization grouped parametrs##############################*/
59
+ /*coming soon header part styling*/
60
+ #save_all_parametrs{
61
+ margin-right:20px;
62
+ }
63
+ .save_all_paramss{
64
+ width: 160px;
65
+ display: inline-block;
66
+ float: right;
67
+ }
68
+
69
+ .main_parametrs_group_div{
70
+ float:left;
71
+ background-color:#fafafa;
72
+ display:inline-block;
73
+ width:100%;
74
+ box-sizing: border-box;
75
+ position: relative;
76
+ min-width: 430px;
77
+ border: 1px solid #e5e5e5;
78
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
79
+ box-shadow: 0 1px 1px rgba(0,0,0,.04);
80
+ margin-bottom: 20px;
81
+ padding: 0;
82
+ line-height: 1;
83
+ }
84
+ .left_sections{
85
+ width:49%;
86
+ margin-right:1%;
87
+ float:left;
88
+ }
89
+ .right_sections{
90
+ width:50%;
91
+ float:left;
92
+ }
93
+ @media screen and (max-width: 1156px){
94
+ .left_sections{
95
+ width:100%;
96
+ }
97
+ .right_sections{
98
+ width:100%;
99
+ }
100
+ }
101
+ .main_parametrs_group_div:hover{
102
+ border: 1px solid #D5D5D5;
103
+ }
104
+
105
+ .head_panel_div{
106
+ cursor:pointer;
107
+ border-bottom:1px solid #e5e5e5;
108
+ }
109
+ .main_parametrs_group_div.closed_params .head_panel_div{
110
+ border-bottom:0px;
111
+ }
112
+ .title_parametrs_group{
113
+ display: inline-block;
114
+ -webkit-user-select: none;
115
+ -moz-user-select: none;
116
+ -ms-user-select: none;
117
+ user-select: none;
118
+ font-weight:bold;
119
+ font-size: 15px;
120
+ padding: 8px 12px;
121
+ margin: 0;
122
+ line-height: 1.4;
123
+ }
124
+ .open_or_closed{
125
+ float:right;
126
+ height:20px;
127
+ right: 10px;
128
+ color: #aaa;
129
+ font: 400 20px/1 dashicons;
130
+ speak: none;
131
+ display: inline-block;
132
+ top: 8px;
133
+ position: relative;
134
+ -webkit-font-smoothing: antialiased;
135
+ -moz-osx-font-smoothing: grayscale;
136
+ text-decoration: none!important;
137
+ }
138
+ .head_panel_div:hover .open_or_closed{
139
+ color:#777
140
+ }
141
+ .open_or_closed:before{
142
+ content: '\f142';
143
+
144
+ }
145
+ .main_parametrs_group_div.closed_params .open_or_closed:before{
146
+ content: '\f140';
147
+ }
148
+
149
+ .section_parametrs_table{
150
+ border:0px !important;
151
+ }
152
+ .section_parametrs_table > tbody > tr:nth-child(odd){
153
+ background-color:rgba(176, 176, 176, 0.07);
154
+ }
155
+ .section_parametrs_table > tbody > tr td{
156
+ vertical-align:middle !important;
157
+ }
158
+ .section_parametrs_table > tbody > tr>td:nth-child(1){
159
+ width:42%;
160
+ }
161
+ .desription_class{
162
+ float: right;
163
+ cursor: default;
164
+ color: #0074a2;
165
+ font-size: 18px;
166
+ font-weight: bold;
167
+ border: 1px solid #000000;
168
+ border-radius: 200px;
169
+ height: 20px;
170
+ padding-left: 6px;
171
+ padding-right: 6px;
172
+ margin-left: 15px;
173
+ }
174
+
175
+ /*SAVING PARAMETRS*/
176
+ button{
177
+ webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
178
+ -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
179
+ -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
180
+ -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
181
+ transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
182
+ }
183
+ .save_section_parametrs{
184
+ width: 100px;
185
+ text-align: left;
186
+ overflow:hidden;
187
+ }
188
+ .save_section_parametrs.padding_loading{
189
+ width: 130px !important;
190
+ }
191
+ .save_all_section_parametrs{
192
+ width: 130px;
193
+ text-align: left;
194
+ overflow:hidden;
195
+ }
196
+ .save_all_section_parametrs.padding_loading{
197
+ width: 150px !important;
198
+ }
199
+ .save_section_parametrs{
200
+ width: 100px;
201
+ text-align: left;
202
+ overflow:hidden;
203
+ }
204
+ .save_section_parametrs.padding_loading{
205
+ width: 130px !important;
206
+ }
207
+ .saving_in_progress{
208
+ position: relative;
209
+ display:none;
210
+ width: 20px;
211
+ height: 20px;
212
+ margin-left: 12px;
213
+ top: 4px;
214
+ background-image: url(../../images/loading.gif);
215
+ background-size:100% 100%;
216
+ }
217
+ .save_button_span{
218
+ float:left;
219
+ }
220
+ .sucsses_save{
221
+ position: relative;
222
+ display:none;
223
+ width: 20px;
224
+ height: 20px;
225
+ margin-left: 12px;
226
+ top: 4px;
227
+ background-image: url(../../images/success.png);
228
+ background-size:100% 100%;
229
+ }
230
+ .error_in_saving{
231
+ position: relative;
232
+ display:none;
233
+ width: 20px;
234
+ height: 20px;
235
+ margin-left: 12px;
236
+ top: 4px;
237
+ background-image: url(../../images/remove_element.png);
238
+ background-size:100% 100%;
239
+ }
240
+ .error_massage{
241
+ color: #BB1E1E;
242
+ font-size: 18px;
243
+ font-weight: bold;
244
+ padding-left: 21px;
245
+ }
246
+ /* remove upload image*/
247
+ .remove_upload_image{
248
+ width:27px;
249
+ line-height:27px;
250
+ cursor:pointer;
251
+ }
252
+ .upload_many_images{
253
+ float:left;
254
+ margin-right:4px;
255
+ }
256
+ .slider_images_div .upload-button.button{
257
+ float:left;
258
+ margin-right:4px;
259
+ }
260
+
261
+ /*slider option*/
262
+ .slider_div{
263
+ width:195px !important;
264
+ }
265
+ #like_box_sortable{
266
+ width:200px;
267
+ }
268
+ #like_box_sortable .ui-state-highlight{
269
+ height:19px;
270
+ }
271
+ #like_box_sortable span{
272
+ float:right
273
+ }
274
+ #like_box_sortable li{
275
+ padding-left:3px;
276
+ cursor:move;
277
+ }
278
+ .live_previev{
279
+ float:left;
280
+ padding:0px;
281
+ margin:0px;
282
+ }
283
+
284
+
285
+ .pro_feature {
286
+ font-size: 13px;
287
+ font-weight: bold;
288
+ color: rgba(10, 154, 62, 1);
289
+ }
includes/style/effects.css ADDED
@@ -0,0 +1,2078 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .animated {
2
+ -webkit-animation-duration: 1s;
3
+ animation-duration: 1s;
4
+ -webkit-animation-fill-mode: both;
5
+ animation-fill-mode: both;
6
+ }
7
+
8
+ .animated.infinite {
9
+ -webkit-animation-iteration-count: infinite;
10
+ animation-iteration-count: infinite;
11
+ }
12
+
13
+ .animated.hinge {
14
+ -webkit-animation-duration: 2s;
15
+ animation-duration: 2s;
16
+ }
17
+
18
+ @-webkit-keyframes bounce {
19
+ 0%, 20%, 53%, 80%, 100% {
20
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
21
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
22
+ -webkit-transform: translate3d(0,0,0);
23
+ transform: translate3d(0,0,0);
24
+ }
25
+
26
+ 40%, 43% {
27
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
28
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
29
+ -webkit-transform: translate3d(0, -30px, 0);
30
+ transform: translate3d(0, -30px, 0);
31
+ }
32
+
33
+ 70% {
34
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
35
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
36
+ -webkit-transform: translate3d(0, -15px, 0);
37
+ transform: translate3d(0, -15px, 0);
38
+ }
39
+
40
+ 90% {
41
+ -webkit-transform: translate3d(0,-4px,0);
42
+ transform: translate3d(0,-4px,0);
43
+ }
44
+ }
45
+
46
+ @keyframes bounce {
47
+ 0%, 20%, 53%, 80%, 100% {
48
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
49
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
50
+ -webkit-transform: translate3d(0,0,0);
51
+ -ms-transform: translate3d(0,0,0);
52
+ transform: translate3d(0,0,0);
53
+ }
54
+
55
+ 40%, 43% {
56
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
57
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
58
+ -webkit-transform: translate3d(0, -30px, 0);
59
+ -ms-transform: translate3d(0, -30px, 0);
60
+ transform: translate3d(0, -30px, 0);
61
+ }
62
+
63
+ 70% {
64
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
65
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
66
+ -webkit-transform: translate3d(0, -15px, 0);
67
+ -ms-transform: translate3d(0, -15px, 0);
68
+ transform: translate3d(0, -15px, 0);
69
+ }
70
+
71
+ 90% {
72
+ -webkit-transform: translate3d(0,-4px,0);
73
+ -ms-transform: translate3d(0,-4px,0);
74
+ transform: translate3d(0,-4px,0);
75
+ }
76
+ }
77
+
78
+ .bounce {
79
+ -webkit-animation-name: bounce;
80
+ animation-name: bounce;
81
+ -webkit-transform-origin: center bottom;
82
+ -ms-transform-origin: center bottom;
83
+ transform-origin: center bottom;
84
+ }
85
+
86
+ @-webkit-keyframes flash {
87
+ 0%, 50%, 100% {
88
+ opacity: 1;
89
+ }
90
+
91
+ 25%, 75% {
92
+ opacity: 0;
93
+ }
94
+ }
95
+
96
+ @keyframes flash {
97
+ 0%, 50%, 100% {
98
+ opacity: 1;
99
+ }
100
+
101
+ 25%, 75% {
102
+ opacity: 0;
103
+ }
104
+ }
105
+
106
+ .flash {
107
+ -webkit-animation-name: flash;
108
+ animation-name: flash;
109
+ }
110
+
111
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
112
+
113
+ @-webkit-keyframes pulse {
114
+ 0% {
115
+ -webkit-transform: scale3d(1, 1, 1);
116
+ transform: scale3d(1, 1, 1);
117
+ }
118
+
119
+ 50% {
120
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
121
+ transform: scale3d(1.05, 1.05, 1.05);
122
+ }
123
+
124
+ 100% {
125
+ -webkit-transform: scale3d(1, 1, 1);
126
+ transform: scale3d(1, 1, 1);
127
+ }
128
+ }
129
+
130
+ @keyframes pulse {
131
+ 0% {
132
+ -webkit-transform: scale3d(1, 1, 1);
133
+ -ms-transform: scale3d(1, 1, 1);
134
+ transform: scale3d(1, 1, 1);
135
+ }
136
+
137
+ 50% {
138
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
139
+ -ms-transform: scale3d(1.05, 1.05, 1.05);
140
+ transform: scale3d(1.05, 1.05, 1.05);
141
+ }
142
+
143
+ 100% {
144
+ -webkit-transform: scale3d(1, 1, 1);
145
+ -ms-transform: scale3d(1, 1, 1);
146
+ transform: scale3d(1, 1, 1);
147
+ }
148
+ }
149
+
150
+ .pulse {
151
+ -webkit-animation-name: pulse;
152
+ animation-name: pulse;
153
+ }
154
+
155
+ @-webkit-keyframes rubberBand {
156
+ 0% {
157
+ -webkit-transform: scale3d(1, 1, 1);
158
+ transform: scale3d(1, 1, 1);
159
+ }
160
+
161
+ 30% {
162
+ -webkit-transform: scale3d(1.25, 0.75, 1);
163
+ transform: scale3d(1.25, 0.75, 1);
164
+ }
165
+
166
+ 40% {
167
+ -webkit-transform: scale3d(0.75, 1.25, 1);
168
+ transform: scale3d(0.75, 1.25, 1);
169
+ }
170
+
171
+ 50% {
172
+ -webkit-transform: scale3d(1.15, 0.85, 1);
173
+ transform: scale3d(1.15, 0.85, 1);
174
+ }
175
+
176
+ 65% {
177
+ -webkit-transform: scale3d(.95, 1.05, 1);
178
+ transform: scale3d(.95, 1.05, 1);
179
+ }
180
+
181
+ 75% {
182
+ -webkit-transform: scale3d(1.05, .95, 1);
183
+ transform: scale3d(1.05, .95, 1);
184
+ }
185
+
186
+ 100% {
187
+ -webkit-transform: scale3d(1, 1, 1);
188
+ transform: scale3d(1, 1, 1);
189
+ }
190
+ }
191
+
192
+ @keyframes rubberBand {
193
+ 0% {
194
+ -webkit-transform: scale3d(1, 1, 1);
195
+ -ms-transform: scale3d(1, 1, 1);
196
+ transform: scale3d(1, 1, 1);
197
+ }
198
+
199
+ 30% {
200
+ -webkit-transform: scale3d(1.25, 0.75, 1);
201
+ -ms-transform: scale3d(1.25, 0.75, 1);
202
+ transform: scale3d(1.25, 0.75, 1);
203
+ }
204
+
205
+ 40% {
206
+ -webkit-transform: scale3d(0.75, 1.25, 1);
207
+ -ms-transform: scale3d(0.75, 1.25, 1);
208
+ transform: scale3d(0.75, 1.25, 1);
209
+ }
210
+
211
+ 50% {
212
+ -webkit-transform: scale3d(1.15, 0.85, 1);
213
+ -ms-transform: scale3d(1.15, 0.85, 1);
214
+ transform: scale3d(1.15, 0.85, 1);
215
+ }
216
+
217
+ 65% {
218
+ -webkit-transform: scale3d(.95, 1.05, 1);
219
+ -ms-transform: scale3d(.95, 1.05, 1);
220
+ transform: scale3d(.95, 1.05, 1);
221
+ }
222
+
223
+ 75% {
224
+ -webkit-transform: scale3d(1.05, .95, 1);
225
+ -ms-transform: scale3d(1.05, .95, 1);
226
+ transform: scale3d(1.05, .95, 1);
227
+ }
228
+
229
+ 100% {
230
+ -webkit-transform: scale3d(1, 1, 1);
231
+ -ms-transform: scale3d(1, 1, 1);
232
+ transform: scale3d(1, 1, 1);
233
+ }
234
+ }
235
+
236
+ .rubberBand {
237
+ -webkit-animation-name: rubberBand;
238
+ animation-name: rubberBand;
239
+ }
240
+
241
+ @-webkit-keyframes shake {
242
+ 0%, 100% {
243
+ -webkit-transform: translate3d(0, 0, 0);
244
+ transform: translate3d(0, 0, 0);
245
+ }
246
+
247
+ 10%, 30%, 50%, 70%, 90% {
248
+ -webkit-transform: translate3d(-10px, 0, 0);
249
+ transform: translate3d(-10px, 0, 0);
250
+ }
251
+
252
+ 20%, 40%, 60%, 80% {
253
+ -webkit-transform: translate3d(10px, 0, 0);
254
+ transform: translate3d(10px, 0, 0);
255
+ }
256
+ }
257
+
258
+ @keyframes shake {
259
+ 0%, 100% {
260
+ -webkit-transform: translate3d(0, 0, 0);
261
+ -ms-transform: translate3d(0, 0, 0);
262
+ transform: translate3d(0, 0, 0);
263
+ }
264
+
265
+ 10%, 30%, 50%, 70%, 90% {
266
+ -webkit-transform: translate3d(-10px, 0, 0);
267
+ -ms-transform: translate3d(-10px, 0, 0);
268
+ transform: translate3d(-10px, 0, 0);
269
+ }
270
+
271
+ 20%, 40%, 60%, 80% {
272
+ -webkit-transform: translate3d(10px, 0, 0);
273
+ -ms-transform: translate3d(10px, 0, 0);
274
+ transform: translate3d(10px, 0, 0);
275
+ }
276
+ }
277
+
278
+ .shake {
279
+ -webkit-animation-name: shake;
280
+ animation-name: shake;
281
+ }
282
+
283
+ @-webkit-keyframes swing {
284
+ 20% {
285
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
286
+ transform: rotate3d(0, 0, 1, 15deg);
287
+ }
288
+
289
+ 40% {
290
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
291
+ transform: rotate3d(0, 0, 1, -10deg);
292
+ }
293
+
294
+ 60% {
295
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
296
+ transform: rotate3d(0, 0, 1, 5deg);
297
+ }
298
+
299
+ 80% {
300
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
301
+ transform: rotate3d(0, 0, 1, -5deg);
302
+ }
303
+
304
+ 100% {
305
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
306
+ transform: rotate3d(0, 0, 1, 0deg);
307
+ }
308
+ }
309
+
310
+ @keyframes swing {
311
+ 20% {
312
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
313
+ -ms-transform: rotate3d(0, 0, 1, 15deg);
314
+ transform: rotate3d(0, 0, 1, 15deg);
315
+ }
316
+
317
+ 40% {
318
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
319
+ -ms-transform: rotate3d(0, 0, 1, -10deg);
320
+ transform: rotate3d(0, 0, 1, -10deg);
321
+ }
322
+
323
+ 60% {
324
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
325
+ -ms-transform: rotate3d(0, 0, 1, 5deg);
326
+ transform: rotate3d(0, 0, 1, 5deg);
327
+ }
328
+
329
+ 80% {
330
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
331
+ -ms-transform: rotate3d(0, 0, 1, -5deg);
332
+ transform: rotate3d(0, 0, 1, -5deg);
333
+ }
334
+
335
+ 100% {
336
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
337
+ -ms-transform: rotate3d(0, 0, 1, 0deg);
338
+ transform: rotate3d(0, 0, 1, 0deg);
339
+ }
340
+ }
341
+
342
+ .swing {
343
+ -webkit-transform-origin: top center;
344
+ -ms-transform-origin: top center;
345
+ transform-origin: top center;
346
+ -webkit-animation-name: swing;
347
+ animation-name: swing;
348
+ }
349
+
350
+ @-webkit-keyframes tada {
351
+ 0% {
352
+ -webkit-transform: scale3d(1, 1, 1);
353
+ transform: scale3d(1, 1, 1);
354
+ }
355
+
356
+ 10%, 20% {
357
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
358
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
359
+ }
360
+
361
+ 30%, 50%, 70%, 90% {
362
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
363
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
364
+ }
365
+
366
+ 40%, 60%, 80% {
367
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
368
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
369
+ }
370
+
371
+ 100% {
372
+ -webkit-transform: scale3d(1, 1, 1);
373
+ transform: scale3d(1, 1, 1);
374
+ }
375
+ }
376
+
377
+ @keyframes tada {
378
+ 0% {
379
+ -webkit-transform: scale3d(1, 1, 1);
380
+ -ms-transform: scale3d(1, 1, 1);
381
+ transform: scale3d(1, 1, 1);
382
+ }
383
+
384
+ 10%, 20% {
385
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
386
+ -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
387
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
388
+ }
389
+
390
+ 30%, 50%, 70%, 90% {
391
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
392
+ -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
393
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
394
+ }
395
+
396
+ 40%, 60%, 80% {
397
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
398
+ -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
399
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
400
+ }
401
+
402
+ 100% {
403
+ -webkit-transform: scale3d(1, 1, 1);
404
+ -ms-transform: scale3d(1, 1, 1);
405
+ transform: scale3d(1, 1, 1);
406
+ }
407
+ }
408
+
409
+ .tada {
410
+ -webkit-animation-name: tada;
411
+ animation-name: tada;
412
+ }
413
+
414
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
415
+
416
+ @-webkit-keyframes wobble {
417
+ 0% {
418
+ -webkit-transform: none;
419
+ transform: none;
420
+ }
421
+
422
+ 15% {
423
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
424
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
425
+ }
426
+
427
+ 30% {
428
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
429
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
430
+ }
431
+
432
+ 45% {
433
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
434
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
435
+ }
436
+
437
+ 60% {
438
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
439
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
440
+ }
441
+
442
+ 75% {
443
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
444
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
445
+ }
446
+
447
+ 100% {
448
+ -webkit-transform: none;
449
+ transform: none;
450
+ }
451
+ }
452
+
453
+ @keyframes wobble {
454
+ 0% {
455
+ -webkit-transform: none;
456
+ -ms-transform: none;
457
+ transform: none;
458
+ }
459
+
460
+ 15% {
461
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
462
+ -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
463
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
464
+ }
465
+
466
+ 30% {
467
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
468
+ -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
469
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
470
+ }
471
+
472
+ 45% {
473
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
474
+ -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
475
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
476
+ }
477
+
478
+ 60% {
479
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
480
+ -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
481
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
482
+ }
483
+
484
+ 75% {
485
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
486
+ -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
487
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
488
+ }
489
+
490
+ 100% {
491
+ -webkit-transform: none;
492
+ -ms-transform: none;
493
+ transform: none;
494
+ }
495
+ }
496
+
497
+ .wobble {
498
+ -webkit-animation-name: wobble;
499
+ animation-name: wobble;
500
+ }
501
+
502
+ @-webkit-keyframes bounceIn {
503
+ 0%, 20%, 40%, 60%, 80%, 100% {
504
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
505
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
506
+ }
507
+
508
+ 0% {
509
+ opacity: 0;
510
+ -webkit-transform: scale3d(.3, .3, .3);
511
+ transform: scale3d(.3, .3, .3);
512
+ }
513
+
514
+ 20% {
515
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
516
+ transform: scale3d(1.1, 1.1, 1.1);
517
+ }
518
+
519
+ 40% {
520
+ -webkit-transform: scale3d(.9, .9, .9);
521
+ transform: scale3d(.9, .9, .9);
522
+ }
523
+
524
+ 60% {
525
+ opacity: 1;
526
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
527
+ transform: scale3d(1.03, 1.03, 1.03);
528
+ }
529
+
530
+ 80% {
531
+ -webkit-transform: scale3d(.97, .97, .97);
532
+ transform: scale3d(.97, .97, .97);
533
+ }
534
+
535
+ 100% {
536
+ opacity: 1;
537
+ -webkit-transform: scale3d(1, 1, 1);
538
+ transform: scale3d(1, 1, 1);
539
+ }
540
+ }
541
+
542
+ @keyframes bounceIn {
543
+ 0%, 20%, 40%, 60%, 80%, 100% {
544
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
545
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
546
+ }
547
+
548
+ 0% {
549
+ opacity: 0;
550
+ -webkit-transform: scale3d(.3, .3, .3);
551
+ -ms-transform: scale3d(.3, .3, .3);
552
+ transform: scale3d(.3, .3, .3);
553
+ }
554
+
555
+ 20% {
556
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
557
+ -ms-transform: scale3d(1.1, 1.1, 1.1);
558
+ transform: scale3d(1.1, 1.1, 1.1);
559
+ }
560
+
561
+ 40% {
562
+ -webkit-transform: scale3d(.9, .9, .9);
563
+ -ms-transform: scale3d(.9, .9, .9);
564
+ transform: scale3d(.9, .9, .9);
565
+ }
566
+
567
+ 60% {
568
+ opacity: 1;
569
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
570
+ -ms-transform: scale3d(1.03, 1.03, 1.03);
571
+ transform: scale3d(1.03, 1.03, 1.03);
572
+ }
573
+
574
+ 80% {
575
+ -webkit-transform: scale3d(.97, .97, .97);
576
+ -ms-transform: scale3d(.97, .97, .97);
577
+ transform: scale3d(.97, .97, .97);
578
+ }
579
+
580
+ 100% {
581
+ opacity: 1;
582
+ -webkit-transform: scale3d(1, 1, 1);
583
+ -ms-transform: scale3d(1, 1, 1);
584
+ transform: scale3d(1, 1, 1);
585
+ }
586
+ }
587
+
588
+ .bounceIn {
589
+ -webkit-animation-name: bounceIn;
590
+ animation-name: bounceIn;
591
+ -webkit-animation-duration: .75s;
592
+ animation-duration: .75s;
593
+ }
594
+
595
+ @-webkit-keyframes bounceInDown {
596
+ 0%, 60%, 75%, 90%, 100% {
597
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
598
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
599
+ }
600
+
601
+ 0% {
602
+ opacity: 0;
603
+ -webkit-transform: translate3d(0, -3000px, 0);
604
+ transform: translate3d(0, -3000px, 0);
605
+ }
606
+
607
+ 60% {
608
+ opacity: 1;
609
+ -webkit-transform: translate3d(0, 25px, 0);
610
+ transform: translate3d(0, 25px, 0);
611
+ }
612
+
613
+ 75% {
614
+ -webkit-transform: translate3d(0, -10px, 0);
615
+ transform: translate3d(0, -10px, 0);
616
+ }
617
+
618
+ 90% {
619
+ -webkit-transform: translate3d(0, 5px, 0);
620
+ transform: translate3d(0, 5px, 0);
621
+ }
622
+
623
+ 100% {
624
+ -webkit-transform: none;
625
+ transform: none;
626
+ }
627
+ }
628
+
629
+ @keyframes bounceInDown {
630
+ 0%, 60%, 75%, 90%, 100% {
631
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
632
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
633
+ }
634
+
635
+ 0% {
636
+ opacity: 0;
637
+ -webkit-transform: translate3d(0, -3000px, 0);
638
+ -ms-transform: translate3d(0, -3000px, 0);
639
+ transform: translate3d(0, -3000px, 0);
640
+ }
641
+
642
+ 60% {
643
+ opacity: 1;
644
+ -webkit-transform: translate3d(0, 25px, 0);
645
+ -ms-transform: translate3d(0, 25px, 0);
646
+ transform: translate3d(0, 25px, 0);
647
+ }
648
+
649
+ 75% {
650
+ -webkit-transform: translate3d(0, -10px, 0);
651
+ -ms-transform: translate3d(0, -10px, 0);
652
+ transform: translate3d(0, -10px, 0);
653
+ }
654
+
655
+ 90% {
656
+ -webkit-transform: translate3d(0, 5px, 0);
657
+ -ms-transform: translate3d(0, 5px, 0);
658
+ transform: translate3d(0, 5px, 0);
659
+ }
660
+
661
+ 100% {
662
+ -webkit-transform: none;
663
+ -ms-transform: none;
664
+ transform: none;
665
+ }
666
+ }
667
+
668
+ .bounceInDown {
669
+ -webkit-animation-name: bounceInDown;
670
+ animation-name: bounceInDown;
671
+ }
672
+
673
+ @-webkit-keyframes bounceInLeft {
674
+ 0%, 60%, 75%, 90%, 100% {
675
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
676
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
677
+ }
678
+
679
+ 0% {
680
+ opacity: 0;
681
+ -webkit-transform: translate3d(-3000px, 0, 0);
682
+ transform: translate3d(-3000px, 0, 0);
683
+ }
684
+
685
+ 60% {
686
+ opacity: 1;
687
+ -webkit-transform: translate3d(25px, 0, 0);
688
+ transform: translate3d(25px, 0, 0);
689
+ }
690
+
691
+ 75% {
692
+ -webkit-transform: translate3d(-10px, 0, 0);
693
+ transform: translate3d(-10px, 0, 0);
694
+ }
695
+
696
+ 90% {
697
+ -webkit-transform: translate3d(5px, 0, 0);
698
+ transform: translate3d(5px, 0, 0);
699
+ }
700
+
701
+ 100% {
702
+ -webkit-transform: none;
703
+ transform: none;
704
+ }
705
+ }
706
+
707
+ @keyframes bounceInLeft {
708
+ 0%, 60%, 75%, 90%, 100% {
709
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
710
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
711
+ }
712
+
713
+ 0% {
714
+ opacity: 0;
715
+ -webkit-transform: translate3d(-3000px, 0, 0);
716
+ -ms-transform: translate3d(-3000px, 0, 0);
717
+ transform: translate3d(-3000px, 0, 0);
718
+ }
719
+
720
+ 60% {
721
+ opacity: 1;
722
+ -webkit-transform: translate3d(25px, 0, 0);
723
+ -ms-transform: translate3d(25px, 0, 0);
724
+ transform: translate3d(25px, 0, 0);
725
+ }
726
+
727
+ 75% {
728
+ -webkit-transform: translate3d(-10px, 0, 0);
729
+ -ms-transform: translate3d(-10px, 0, 0);
730
+ transform: translate3d(-10px, 0, 0);
731
+ }
732
+
733
+ 90% {
734
+ -webkit-transform: translate3d(5px, 0, 0);
735
+ -ms-transform: translate3d(5px, 0, 0);
736
+ transform: translate3d(5px, 0, 0);
737
+ }
738
+
739
+ 100% {
740
+ -webkit-transform: none;
741
+ -ms-transform: none;
742
+ transform: none;
743
+ }
744
+ }
745
+
746
+ .bounceInLeft {
747
+ -webkit-animation-name: bounceInLeft;
748
+ animation-name: bounceInLeft;
749
+ }
750
+
751
+ @-webkit-keyframes bounceInRight {
752
+ 0%, 60%, 75%, 90%, 100% {
753
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
754
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
755
+ }
756
+
757
+ 0% {
758
+ opacity: 0;
759
+ -webkit-transform: translate3d(3000px, 0, 0);
760
+ transform: translate3d(3000px, 0, 0);
761
+ }
762
+
763
+ 60% {
764
+ opacity: 1;
765
+ -webkit-transform: translate3d(-25px, 0, 0);
766
+ transform: translate3d(-25px, 0, 0);
767
+ }
768
+
769
+ 75% {
770
+ -webkit-transform: translate3d(10px, 0, 0);
771
+ transform: translate3d(10px, 0, 0);
772
+ }
773
+
774
+ 90% {
775
+ -webkit-transform: translate3d(-5px, 0, 0);
776
+ transform: translate3d(-5px, 0, 0);
777
+ }
778
+
779
+ 100% {
780
+ -webkit-transform: none;
781
+ transform: none;
782
+ }
783
+ }
784
+
785
+ @keyframes bounceInRight {
786
+ 0%, 60%, 75%, 90%, 100% {
787
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
788
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
789
+ }
790
+
791
+ 0% {
792
+ opacity: 0;
793
+ -webkit-transform: translate3d(3000px, 0, 0);
794
+ -ms-transform: translate3d(3000px, 0, 0);
795
+ transform: translate3d(3000px, 0, 0);
796
+ }
797
+
798
+ 60% {
799
+ opacity: 1;
800
+ -webkit-transform: translate3d(-25px, 0, 0);
801
+ -ms-transform: translate3d(-25px, 0, 0);
802
+ transform: translate3d(-25px, 0, 0);
803
+ }
804
+
805
+ 75% {
806
+ -webkit-transform: translate3d(10px, 0, 0);
807
+ -ms-transform: translate3d(10px, 0, 0);
808
+ transform: translate3d(10px, 0, 0);
809
+ }
810
+
811
+ 90% {
812
+ -webkit-transform: translate3d(-5px, 0, 0);
813
+ -ms-transform: translate3d(-5px, 0, 0);
814
+ transform: translate3d(-5px, 0, 0);
815
+ }
816
+
817
+ 100% {
818
+ -webkit-transform: none;
819
+ -ms-transform: none;
820
+ transform: none;
821
+ }
822
+ }
823
+
824
+ .bounceInRight {
825
+ -webkit-animation-name: bounceInRight;
826
+ animation-name: bounceInRight;
827
+ }
828
+
829
+ @-webkit-keyframes bounceInUp {
830
+ 0%, 60%, 75%, 90%, 100% {
831
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
832
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
833
+ }
834
+
835
+ 0% {
836
+ opacity: 0;
837
+ -webkit-transform: translate3d(0, 3000px, 0);
838
+ transform: translate3d(0, 3000px, 0);
839
+ }
840
+
841
+ 60% {
842
+ opacity: 1;
843
+ -webkit-transform: translate3d(0, -20px, 0);
844
+ transform: translate3d(0, -20px, 0);
845
+ }
846
+
847
+ 75% {
848
+ -webkit-transform: translate3d(0, 10px, 0);
849
+ transform: translate3d(0, 10px, 0);
850
+ }
851
+
852
+ 90% {
853
+ -webkit-transform: translate3d(0, -5px, 0);
854
+ transform: translate3d(0, -5px, 0);
855
+ }
856
+
857
+ 100% {
858
+ -webkit-transform: translate3d(0, 0, 0);
859
+ transform: translate3d(0, 0, 0);
860
+ }
861
+ }
862
+
863
+ @keyframes bounceInUp {
864
+ 0%, 60%, 75%, 90%, 100% {
865
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
866
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
867
+ }
868
+
869
+ 0% {
870
+ opacity: 0;
871
+ -webkit-transform: translate3d(0, 3000px, 0);
872
+ -ms-transform: translate3d(0, 3000px, 0);
873
+ transform: translate3d(0, 3000px, 0);
874
+ }
875
+
876
+ 60% {
877
+ opacity: 1;
878
+ -webkit-transform: translate3d(0, -20px, 0);
879
+ -ms-transform: translate3d(0, -20px, 0);
880
+ transform: translate3d(0, -20px, 0);
881
+ }
882
+
883
+ 75% {
884
+ -webkit-transform: translate3d(0, 10px, 0);
885
+ -ms-transform: translate3d(0, 10px, 0);
886
+ transform: translate3d(0, 10px, 0);
887
+ }
888
+
889
+ 90% {
890
+ -webkit-transform: translate3d(0, -5px, 0);
891
+ -ms-transform: translate3d(0, -5px, 0);
892
+ transform: translate3d(0, -5px, 0);
893
+ }
894
+
895
+ 100% {
896
+ -webkit-transform: translate3d(0, 0, 0);
897
+ -ms-transform: translate3d(0, 0, 0);
898
+ transform: translate3d(0, 0, 0);
899
+ }
900
+ }
901
+
902
+ .bounceInUp {
903
+ -webkit-animation-name: bounceInUp;
904
+ animation-name: bounceInUp;
905
+ }
906
+
907
+
908
+
909
+
910
+ @-webkit-keyframes fadeIn {
911
+ 0% {
912
+ opacity: 0;
913
+ }
914
+
915
+ 100% {
916
+ opacity: 1;
917
+ }
918
+ }
919
+
920
+ @keyframes fadeIn {
921
+ 0% {
922
+ opacity: 0;
923
+ }
924
+
925
+ 100% {
926
+ opacity: 1;
927
+ }
928
+ }
929
+
930
+ .fadeIn {
931
+ -webkit-animation-name: fadeIn;
932
+ animation-name: fadeIn;
933
+ }
934
+
935
+ @-webkit-keyframes fadeInDown {
936
+ 0% {
937
+ opacity: 0;
938
+ -webkit-transform: translate3d(0, -100%, 0);
939
+ transform: translate3d(0, -100%, 0);
940
+ }
941
+
942
+ 100% {
943
+ opacity: 1;
944
+ -webkit-transform: none;
945
+ transform: none;
946
+ }
947
+ }
948
+
949
+ @keyframes fadeInDown {
950
+ 0% {
951
+ opacity: 0;
952
+ -webkit-transform: translate3d(0, -100%, 0);
953
+ -ms-transform: translate3d(0, -100%, 0);
954
+ transform: translate3d(0, -100%, 0);
955
+ }
956
+
957
+ 100% {
958
+ opacity: 1;
959
+ -webkit-transform: none;
960
+ -ms-transform: none;
961
+ transform: none;
962
+ }
963
+ }
964
+
965
+ .fadeInDown {
966
+ -webkit-animation-name: fadeInDown;
967
+ animation-name: fadeInDown;
968
+ }
969
+
970
+ @-webkit-keyframes fadeInDownBig {
971
+ 0% {
972
+ opacity: 0;
973
+ -webkit-transform: translate3d(0, -2000px, 0);
974
+ transform: translate3d(0, -2000px, 0);
975
+ }
976
+
977
+ 100% {
978
+ opacity: 1;
979
+ -webkit-transform: none;
980
+ transform: none;
981
+ }
982
+ }
983
+
984
+ @keyframes fadeInDownBig {
985
+ 0% {
986
+ opacity: 0;
987
+ -webkit-transform: translate3d(0, -2000px, 0);
988
+ -ms-transform: translate3d(0, -2000px, 0);
989
+ transform: translate3d(0, -2000px, 0);
990
+ }
991
+
992
+ 100% {
993
+ opacity: 1;
994
+ -webkit-transform: none;
995
+ -ms-transform: none;
996
+ transform: none;
997
+ }
998
+ }
999
+
1000
+ .fadeInDownBig {
1001
+ -webkit-animation-name: fadeInDownBig;
1002
+ animation-name: fadeInDownBig;
1003
+ }
1004
+
1005
+ @-webkit-keyframes fadeInLeft {
1006
+ 0% {
1007
+ opacity: 0;
1008
+ -webkit-transform: translate3d(-100%, 0, 0);
1009
+ transform: translate3d(-100%, 0, 0);
1010
+ }
1011
+
1012
+ 100% {
1013
+ opacity: 1;
1014
+ -webkit-transform: none;
1015
+ transform: none;
1016
+ }
1017
+ }
1018
+
1019
+ @keyframes fadeInLeft {
1020
+ 0% {
1021
+ opacity: 0;
1022
+ -webkit-transform: translate3d(-100%, 0, 0);
1023
+ -ms-transform: translate3d(-100%, 0, 0);
1024
+ transform: translate3d(-100%, 0, 0);
1025
+ }
1026
+
1027
+ 100% {
1028
+ opacity: 1;
1029
+ -webkit-transform: none;
1030
+ -ms-transform: none;
1031
+ transform: none;
1032
+ }
1033
+ }
1034
+
1035
+ .fadeInLeft {
1036
+ -webkit-animation-name: fadeInLeft;
1037
+ animation-name: fadeInLeft;
1038
+ }
1039
+
1040
+ @-webkit-keyframes fadeInLeftBig {
1041
+ 0% {
1042
+ opacity: 0;
1043
+ -webkit-transform: translate3d(-2000px, 0, 0);
1044
+ transform: translate3d(-2000px, 0, 0);
1045
+ }
1046
+
1047
+ 100% {
1048
+ opacity: 1;
1049
+ -webkit-transform: none;
1050
+ transform: none;
1051
+ }
1052
+ }
1053
+
1054
+ @keyframes fadeInLeftBig {
1055
+ 0% {
1056
+ opacity: 0;
1057
+ -webkit-transform: translate3d(-2000px, 0, 0);
1058
+ -ms-transform: translate3d(-2000px, 0, 0);
1059
+ transform: translate3d(-2000px, 0, 0);
1060
+ }
1061
+
1062
+ 100% {
1063
+ opacity: 1;
1064
+ -webkit-transform: none;
1065
+ -ms-transform: none;
1066
+ transform: none;
1067
+ }
1068
+ }
1069
+
1070
+ .fadeInLeftBig {
1071
+ -webkit-animation-name: fadeInLeftBig;
1072
+ animation-name: fadeInLeftBig;
1073
+ }
1074
+
1075
+ @-webkit-keyframes fadeInRight {
1076
+ 0% {
1077
+ opacity: 0;
1078
+ -webkit-transform: translate3d(100%, 0, 0);
1079
+ transform: translate3d(100%, 0, 0);
1080
+ }
1081
+
1082
+ 100% {
1083
+ opacity: 1;
1084
+ -webkit-transform: none;
1085
+ transform: none;
1086
+ }
1087
+ }
1088
+
1089
+ @keyframes fadeInRight {
1090
+ 0% {
1091
+ opacity: 0;
1092
+ -webkit-transform: translate3d(100%, 0, 0);
1093
+ -ms-transform: translate3d(100%, 0, 0);
1094
+ transform: translate3d(100%, 0, 0);
1095
+ }
1096
+
1097
+ 100% {
1098
+ opacity: 1;
1099
+ -webkit-transform: none;
1100
+ -ms-transform: none;
1101
+ transform: none;
1102
+ }
1103
+ }
1104
+
1105
+ .fadeInRight {
1106
+ -webkit-animation-name: fadeInRight;
1107
+ animation-name: fadeInRight;
1108
+ }
1109
+
1110
+ @-webkit-keyframes fadeInRightBig {
1111
+ 0% {
1112
+ opacity: 0;
1113
+ -webkit-transform: translate3d(2000px, 0, 0);
1114
+ transform: translate3d(2000px, 0, 0);
1115
+ }
1116
+
1117
+ 100% {
1118
+ opacity: 1;
1119
+ -webkit-transform: none;
1120
+ transform: none;
1121
+ }
1122
+ }
1123
+
1124
+ @keyframes fadeInRightBig {
1125
+ 0% {
1126
+ opacity: 0;
1127
+ -webkit-transform: translate3d(2000px, 0, 0);
1128
+ -ms-transform: translate3d(2000px, 0, 0);
1129
+ transform: translate3d(2000px, 0, 0);
1130
+ }
1131
+
1132
+ 100% {
1133
+ opacity: 0;
1134
+ -webkit-transform: none;
1135
+ -ms-transform: none;
1136
+ transform: none;
1137
+ }
1138
+ }
1139
+
1140
+ .fadeInRightBig {
1141
+ -webkit-animation-name: fadeInRightBig;
1142
+ animation-name: fadeInRightBig;
1143
+ }
1144
+
1145
+ @-webkit-keyframes fadeInUp {
1146
+ 0% {
1147
+ opacity: 0;
1148
+ -webkit-transform: translate3d(0, 100%, 0);
1149
+ transform: translate3d(0, 100%, 0);
1150
+ }
1151
+
1152
+ 100% {
1153
+ opacity: 1;
1154
+ -webkit-transform: none;
1155
+ transform: none;
1156
+ }
1157
+ }
1158
+
1159
+ @keyframes fadeInUp {
1160
+ 0% {
1161
+ opacity: 0;
1162
+ -webkit-transform: translate3d(0, 100%, 0);
1163
+ -ms-transform: translate3d(0, 100%, 0);
1164
+ transform: translate3d(0, 100%, 0);
1165
+ }
1166
+
1167
+ 100% {
1168
+ opacity: 1;
1169
+ -webkit-transform: none;
1170
+ -ms-transform: none;
1171
+ transform: none;
1172
+ }
1173
+ }
1174
+
1175
+ .fadeInUp {
1176
+ -webkit-animation-name: fadeInUp;
1177
+ animation-name: fadeInUp;
1178
+ }
1179
+
1180
+ @-webkit-keyframes fadeInUpBig {
1181
+ 0% {
1182
+ opacity: 0;
1183
+ -webkit-transform: translate3d(0, 2000px, 0);
1184
+ transform: translate3d(0, 2000px, 0);
1185
+ }
1186
+
1187
+ 100% {
1188
+ opacity: 1;
1189
+ -webkit-transform: none;
1190
+ transform: none;
1191
+ }
1192
+ }
1193
+
1194
+ @keyframes fadeInUpBig {
1195
+ 0% {
1196
+ opacity: 0;
1197
+ -webkit-transform: translate3d(0, 2000px, 0);
1198
+ -ms-transform: translate3d(0, 2000px, 0);
1199
+ transform: translate3d(0, 2000px, 0);
1200
+ }
1201
+
1202
+ 100% {
1203
+ opacity: 1;
1204
+ -webkit-transform: none;
1205
+ -ms-transform: none;
1206
+ transform: none;
1207
+ }
1208
+ }
1209
+
1210
+ .fadeInUpBig {
1211
+ -webkit-animation-name: fadeInUpBig;
1212
+ animation-name: fadeInUpBig;
1213
+ }
1214
+
1215
+ @-webkit-keyframes flip {
1216
+ 0% {
1217
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1218
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1219
+ -webkit-animation-timing-function: ease-out;
1220
+ animation-timing-function: ease-out;
1221
+ }
1222
+
1223
+ 40% {
1224
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1225
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1226
+ -webkit-animation-timing-function: ease-out;
1227
+ animation-timing-function: ease-out;
1228
+ }
1229
+
1230
+ 50% {
1231
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1232
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1233
+ -webkit-animation-timing-function: ease-in;
1234
+ animation-timing-function: ease-in;
1235
+ }
1236
+
1237
+ 80% {
1238
+ -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1239
+ transform: perspective(400px) scale3d(.95, .95, .95);
1240
+ -webkit-animation-timing-function: ease-in;
1241
+ animation-timing-function: ease-in;
1242
+ }
1243
+
1244
+ 100% {
1245
+ -webkit-transform: perspective(400px);
1246
+ transform: perspective(400px);
1247
+ -webkit-animation-timing-function: ease-in;
1248
+ animation-timing-function: ease-in;
1249
+ }
1250
+ }
1251
+
1252
+ @keyframes flip {
1253
+ 0% {
1254
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1255
+ -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1256
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1257
+ -webkit-animation-timing-function: ease-out;
1258
+ animation-timing-function: ease-out;
1259
+ }
1260
+
1261
+ 40% {
1262
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1263
+ -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1264
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1265
+ -webkit-animation-timing-function: ease-out;
1266
+ animation-timing-function: ease-out;
1267
+ }
1268
+
1269
+ 50% {
1270
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1271
+ -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1272
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1273
+ -webkit-animation-timing-function: ease-in;
1274
+ animation-timing-function: ease-in;
1275
+ }
1276
+
1277
+ 80% {
1278
+ -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1279
+ -ms-transform: perspective(400px) scale3d(.95, .95, .95);
1280
+ transform: perspective(400px) scale3d(.95, .95, .95);
1281
+ -webkit-animation-timing-function: ease-in;
1282
+ animation-timing-function: ease-in;
1283
+ }
1284
+
1285
+ 100% {
1286
+ -webkit-transform: perspective(400px);
1287
+ -ms-transform: perspective(400px);
1288
+ transform: perspective(400px);
1289
+ -webkit-animation-timing-function: ease-in;
1290
+ animation-timing-function: ease-in;
1291
+ }
1292
+ }
1293
+
1294
+ .animated.flip {
1295
+ -webkit-backface-visibility: visible;
1296
+ -ms-backface-visibility: visible;
1297
+ backface-visibility: visible;
1298
+ -webkit-animation-name: flip;
1299
+ animation-name: flip;
1300
+ }
1301
+
1302
+ @-webkit-keyframes flipInX {
1303
+ 0% {
1304
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1305
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1306
+ -webkit-transition-timing-function: ease-in;
1307
+ transition-timing-function: ease-in;
1308
+ opacity: 0;
1309
+ }
1310
+
1311
+ 40% {
1312
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1313
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1314
+ -webkit-transition-timing-function: ease-in;
1315
+ transition-timing-function: ease-in;
1316
+ }
1317
+
1318
+ 60% {
1319
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1320
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1321
+ opacity: 1;
1322
+ }
1323
+
1324
+ 80% {
1325
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1326
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1327
+ }
1328
+
1329
+ 100% {
1330
+ -webkit-transform: perspective(400px);
1331
+ transform: perspective(400px);
1332
+ }
1333
+ }
1334
+
1335
+ @keyframes flipInX {
1336
+ 0% {
1337
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1338
+ -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1339
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1340
+ -webkit-transition-timing-function: ease-in;
1341
+ transition-timing-function: ease-in;
1342
+ opacity: 0;
1343
+ }
1344
+
1345
+ 40% {
1346
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1347
+ -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1348
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1349
+ -webkit-transition-timing-function: ease-in;
1350
+ transition-timing-function: ease-in;
1351
+ }
1352
+
1353
+ 60% {
1354
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1355
+ -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1356
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1357
+ opacity: 1;
1358
+ }
1359
+
1360
+ 80% {
1361
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1362
+ -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1363
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1364
+ }
1365
+
1366
+ 100% {
1367
+ -webkit-transform: perspective(400px);
1368
+ -ms-transform: perspective(400px);
1369
+ transform: perspective(400px);
1370
+ }
1371
+ }
1372
+
1373
+ .flipInX {
1374
+ -webkit-backface-visibility: visible !important;
1375
+ -ms-backface-visibility: visible !important;
1376
+ backface-visibility: visible !important;
1377
+ -webkit-animation-name: flipInX;
1378
+ animation-name: flipInX;
1379
+ }
1380
+
1381
+ @-webkit-keyframes flipInY {
1382
+ 0% {
1383
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1384
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1385
+ -webkit-transition-timing-function: ease-in;
1386
+ transition-timing-function: ease-in;
1387
+ opacity: 0;
1388
+ }
1389
+
1390
+ 40% {
1391
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1392
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1393
+ -webkit-transition-timing-function: ease-in;
1394
+ transition-timing-function: ease-in;
1395
+ }
1396
+
1397
+ 60% {
1398
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1399
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1400
+ opacity: 1;
1401
+ }
1402
+
1403
+ 80% {
1404
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1405
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1406
+ }
1407
+
1408
+ 100% {
1409
+ -webkit-transform: perspective(400px);
1410
+ transform: perspective(400px);
1411
+ }
1412
+ }
1413
+
1414
+ @keyframes flipInY {
1415
+ 0% {
1416
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1417
+ -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1418
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1419
+ -webkit-transition-timing-function: ease-in;
1420
+ transition-timing-function: ease-in;
1421
+ opacity: 0;
1422
+ }
1423
+
1424
+ 40% {
1425
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1426
+ -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1427
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1428
+ -webkit-transition-timing-function: ease-in;
1429
+ transition-timing-function: ease-in;
1430
+ }
1431
+
1432
+ 60% {
1433
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1434
+ -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1435
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1436
+ opacity: 1;
1437
+ }
1438
+
1439
+ 80% {
1440
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1441
+ -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1442
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1443
+ }
1444
+
1445
+ 100% {
1446
+ -webkit-transform: perspective(400px);
1447
+ -ms-transform: perspective(400px);
1448
+ transform: perspective(400px);
1449
+ }
1450
+ }
1451
+
1452
+ .flipInY {
1453
+ -webkit-backface-visibility: visible !important;
1454
+ -ms-backface-visibility: visible !important;
1455
+ backface-visibility: visible !important;
1456
+ -webkit-animation-name: flipInY;
1457
+ animation-name: flipInY;
1458
+ }
1459
+
1460
+
1461
+
1462
+
1463
+
1464
+ @-webkit-keyframes lightSpeedIn {
1465
+ 0% {
1466
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1467
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
1468
+ opacity: 0;
1469
+ }
1470
+
1471
+ 60% {
1472
+ -webkit-transform: skewX(20deg);
1473
+ transform: skewX(20deg);
1474
+ opacity: 1;
1475
+ }
1476
+
1477
+ 80% {
1478
+ -webkit-transform: skewX(-5deg);
1479
+ transform: skewX(-5deg);
1480
+ opacity: 1;
1481
+ }
1482
+
1483
+ 100% {
1484
+ -webkit-transform: none;
1485
+ transform: none;
1486
+ opacity: 1;
1487
+ }
1488
+ }
1489
+
1490
+ @keyframes lightSpeedIn {
1491
+ 0% {
1492
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1493
+ -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
1494
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
1495
+ opacity: 0;
1496
+ }
1497
+
1498
+ 60% {
1499
+ -webkit-transform: skewX(20deg);
1500
+ -ms-transform: skewX(20deg);
1501
+ transform: skewX(20deg);
1502
+ opacity: 1;
1503
+ }
1504
+
1505
+ 80% {
1506
+ -webkit-transform: skewX(-5deg);
1507
+ -ms-transform: skewX(-5deg);
1508
+ transform: skewX(-5deg);
1509
+ opacity: 1;
1510
+ }
1511
+
1512
+ 100% {
1513
+ -webkit-transform: none;
1514
+ -ms-transform: none;
1515
+ transform: none;
1516
+ opacity: 1;
1517
+ }
1518
+ }
1519
+
1520
+ .lightSpeedIn {
1521
+ -webkit-animation-name: lightSpeedIn;
1522
+ animation-name: lightSpeedIn;
1523
+ -webkit-animation-timing-function: ease-out;
1524
+ animation-timing-function: ease-out;
1525
+ }
1526
+
1527
+
1528
+
1529
+ @-webkit-keyframes rotateIn {
1530
+ 0% {
1531
+ -webkit-transform-origin: center;
1532
+ transform-origin: center;
1533
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
1534
+ transform: rotate3d(0, 0, 1, -200deg);
1535
+ opacity: 0;
1536
+ }
1537
+
1538
+ 100% {
1539
+ -webkit-transform-origin: center;
1540
+ transform-origin: center;
1541
+ -webkit-transform: none;
1542
+ transform: none;
1543
+ opacity: 1;
1544
+ }
1545
+ }
1546
+
1547
+ @keyframes rotateIn {
1548
+ 0% {
1549
+ -webkit-transform-origin: center;
1550
+ -ms-transform-origin: center;
1551
+ transform-origin: center;
1552
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
1553
+ -ms-transform: rotate3d(0, 0, 1, -200deg);
1554
+ transform: rotate3d(0, 0, 1, -200deg);
1555
+ opacity: 0;
1556
+ }
1557
+
1558
+ 100% {
1559
+ -webkit-transform-origin: center;
1560
+ -ms-transform-origin: center;
1561
+ transform-origin: center;
1562
+ -webkit-transform: none;
1563
+ -ms-transform: none;
1564
+ transform: none;
1565
+ opacity: 1;
1566
+ }
1567
+ }
1568
+
1569
+ .rotateIn {
1570
+ -webkit-animation-name: rotateIn;
1571
+ animation-name: rotateIn;
1572
+ }
1573
+
1574
+ @-webkit-keyframes rotateInDownLeft {
1575
+ 0% {
1576
+ -webkit-transform-origin: left bottom;
1577
+ transform-origin: left bottom;
1578
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
1579
+ transform: rotate3d(0, 0, 1, -45deg);
1580
+ opacity: 0;
1581
+ }
1582
+
1583
+ 100% {
1584
+ -webkit-transform-origin: left bottom;
1585
+ transform-origin: left bottom;
1586
+ -webkit-transform: none;
1587
+ transform: none;
1588
+ opacity: 1;
1589
+ }
1590
+ }
1591
+
1592
+ @keyframes rotateInDownLeft {
1593
+ 0% {
1594
+ -webkit-transform-origin: left bottom;
1595
+ -ms-transform-origin: left bottom;
1596
+ transform-origin: left bottom;
1597
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
1598
+ -ms-transform: rotate3d(0, 0, 1, -45deg);
1599
+ transform: rotate3d(0, 0, 1, -45deg);
1600
+ opacity: 0;
1601
+ }
1602
+
1603
+ 100% {
1604
+ -webkit-transform-origin: left bottom;
1605
+ -ms-transform-origin: left bottom;
1606
+ transform-origin: left bottom;
1607
+ -webkit-transform: none;
1608
+ -ms-transform: none;
1609
+ transform: none;
1610
+ opacity: 1;
1611
+ }
1612
+ }
1613
+
1614
+ .rotateInDownLeft {
1615
+ -webkit-animation-name: rotateInDownLeft;
1616
+ animation-name: rotateInDownLeft;
1617
+ }
1618
+
1619
+ @-webkit-keyframes rotateInDownRight {
1620
+ 0% {
1621
+ -webkit-transform-origin: right bottom;
1622
+ transform-origin: right bottom;
1623
+ -webkit-transform: rotate3d(10, 50, 10, 95deg);
1624
+ transform: rotate3d(10, 50, 10, 95deg);
1625
+ opacity: 0;
1626
+ }
1627
+
1628
+ 100% {
1629
+ -webkit-transform-origin: right bottom;
1630
+ transform-origin: right bottom;
1631
+ -webkit-transform: none;
1632
+ transform: none;
1633
+ opacity: 1;
1634
+ }
1635
+ }
1636
+
1637
+ @keyframes rotateInDownRight {
1638
+ 0% {
1639
+ -webkit-transform-origin: right bottom;
1640
+ -ms-transform-origin: right bottom;
1641
+ transform-origin: right bottom;
1642
+ -webkit-transform: rotate3d(0, 0, 1, 95deg);
1643
+ -ms-transform: rotate3d(0, 0, 1, 95deg);
1644
+ transform: rotate3d(0, 0, 1, 95deg);
1645
+ opacity: 0;
1646
+ }
1647
+
1648
+ 100% {
1649
+ -webkit-transform-origin: right bottom;
1650
+ -ms-transform-origin: right bottom;
1651
+ transform-origin: right bottom;
1652
+ -webkit-transform: none;
1653
+ -ms-transform: none;
1654
+ transform: none;
1655
+ opacity: 1;
1656
+ }
1657
+ }
1658
+
1659
+ .rotateInDownRight {
1660
+ -webkit-animation-name: rotateInDownRight;
1661
+ animation-name: rotateInDownRight;
1662
+ }
1663
+
1664
+ @-webkit-keyframes rotateInUpLeft {
1665
+ 0% {
1666
+ -webkit-transform-origin: left bottom;
1667
+ transform-origin: left bottom;
1668
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
1669
+ transform: rotate3d(0, 0, 1, 45deg);
1670
+ opacity: 0;
1671
+ }
1672
+
1673
+ 100% {
1674
+ -webkit-transform-origin: left bottom;
1675
+ transform-origin: left bottom;
1676
+ -webkit-transform: none;
1677
+ transform: none;
1678
+ opacity: 1;
1679
+ }
1680
+ }
1681
+
1682
+ @keyframes rotateInUpLeft {
1683
+ 0% {
1684
+ -webkit-transform-origin: left bottom;
1685
+ -ms-transform-origin: left bottom;
1686
+ transform-origin: left bottom;
1687
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
1688
+ -ms-transform: rotate3d(0, 0, 1, 45deg);
1689
+ transform: rotate3d(0, 0, 1, 45deg);
1690
+ opacity: 0;
1691
+ }
1692
+
1693
+ 100% {
1694
+ -webkit-transform-origin: left bottom;
1695
+ -ms-transform-origin: left bottom;
1696
+ transform-origin: left bottom;
1697
+ -webkit-transform: none;
1698
+ -ms-transform: none;
1699
+ transform: none;
1700
+ opacity: 1;
1701
+ }
1702
+ }
1703
+
1704
+ .rotateInUpLeft {
1705
+ -webkit-animation-name: rotateInUpLeft;
1706
+ animation-name: rotateInUpLeft;
1707
+ }
1708
+
1709
+ @-webkit-keyframes rotateInUpRight {
1710
+ 0% {
1711
+ -webkit-transform-origin: right bottom;
1712
+ transform-origin: right bottom;
1713
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
1714
+ transform: rotate3d(0, 0, 1, -90deg);
1715
+ opacity: 0;
1716
+ }
1717
+
1718
+ 100% {
1719
+ -webkit-transform-origin: right bottom;
1720
+ transform-origin: right bottom;
1721
+ -webkit-transform: none;
1722
+ transform: none;
1723
+ opacity: 1;
1724
+ }
1725
+ }
1726
+
1727
+ @keyframes rotateInUpRight {
1728
+ 0% {
1729
+ -webkit-transform-origin: right bottom;
1730
+ -ms-transform-origin: right bottom;
1731
+ transform-origin: right bottom;
1732
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
1733
+ -ms-transform: rotate3d(0, 0, 1, -90deg);
1734
+ transform: rotate3d(0, 0, 1, -90deg);
1735
+ opacity: 0;
1736
+ }
1737
+
1738
+ 100% {
1739
+ -webkit-transform-origin: right bottom;
1740
+ -ms-transform-origin: right bottom;
1741
+ transform-origin: right bottom;
1742
+ -webkit-transform: none;
1743
+ -ms-transform: none;
1744
+ transform: none;
1745
+ opacity: 1;
1746
+ }
1747
+ }
1748
+
1749
+ .rotateInUpRight {
1750
+ -webkit-animation-name: rotateInUpRight;
1751
+ animation-name: rotateInUpRight;
1752
+ }
1753
+
1754
+
1755
+
1756
+
1757
+
1758
+ @-webkit-keyframes hinge {
1759
+ 0% {
1760
+ -webkit-transform-origin: top left;
1761
+ transform-origin: top left;
1762
+ -webkit-animation-timing-function: ease-in-out;
1763
+ animation-timing-function: ease-in-out;
1764
+ }
1765
+
1766
+ 20%, 60% {
1767
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
1768
+ transform: rotate3d(0, 0, 1, 80deg);
1769
+ -webkit-transform-origin: top left;
1770
+ transform-origin: top left;
1771
+ -webkit-animation-timing-function: ease-in-out;
1772
+ animation-timing-function: ease-in-out;
1773
+ }
1774
+
1775
+ 40%, 80% {
1776
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
1777
+ transform: rotate3d(0, 0, 1, 60deg);
1778
+ -webkit-transform-origin: top left;
1779
+ transform-origin: top left;
1780
+ -webkit-animation-timing-function: ease-in-out;
1781
+ animation-timing-function: ease-in-out;
1782
+ opacity: 1;
1783
+ }
1784
+
1785
+ 100% {
1786
+ -webkit-transform: translate3d(0, 700px, 0);
1787
+ transform: translate3d(0, 700px, 0);
1788
+ opacity: 0;
1789
+ }
1790
+ }
1791
+
1792
+ @keyframes hinge {
1793
+ 0% {
1794
+ -webkit-transform-origin: top left;
1795
+ -ms-transform-origin: top left;
1796
+ transform-origin: top left;
1797
+ -webkit-animation-timing-function: ease-in-out;
1798
+ animation-timing-function: ease-in-out;
1799
+ }
1800
+
1801
+ 20%, 60% {
1802
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
1803
+ -ms-transform: rotate3d(0, 0, 1, 80deg);
1804
+ transform: rotate3d(0, 0, 1, 80deg);
1805
+ -webkit-transform-origin: top left;
1806
+ -ms-transform-origin: top left;
1807
+ transform-origin: top left;
1808
+ -webkit-animation-timing-function: ease-in-out;
1809
+ animation-timing-function: ease-in-out;
1810
+ }
1811
+
1812
+ 40%, 80% {
1813
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
1814
+ -ms-transform: rotate3d(0, 0, 1, 60deg);
1815
+ transform: rotate3d(0, 0, 1, 60deg);
1816
+ -webkit-transform-origin: top left;
1817
+ -ms-transform-origin: top left;
1818
+ transform-origin: top left;
1819
+ -webkit-animation-timing-function: ease-in-out;
1820
+ animation-timing-function: ease-in-out;
1821
+ opacity: 1;
1822
+ }
1823
+
1824
+ 100% {
1825
+ -webkit-transform: translate3d(0, 700px, 0);
1826
+ -ms-transform: translate3d(0, 700px, 0);
1827
+ transform: translate3d(0, 700px, 0);
1828
+ opacity: 0;
1829
+ }
1830
+ }
1831
+
1832
+ .hinge {
1833
+ -webkit-animation-name: hinge;
1834
+ animation-name: hinge;
1835
+ }
1836
+
1837
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
1838
+
1839
+ @-webkit-keyframes rollIn {
1840
+ 0% {
1841
+ opacity: 0;
1842
+ -webkit-transform: translate3d(-50%, 0, 0) rotate3d(10, 10, 10, -200deg);
1843
+ transform: translate3d(-50%, 0, 0) rotate3d(10, 10, 10, -200deg);
1844
+ }
1845
+
1846
+ 100% {
1847
+ opacity: 1;
1848
+ -webkit-transform: none;
1849
+ transform: none;
1850
+ }
1851
+ }
1852
+
1853
+ @keyframes rollIn {
1854
+ 0% {
1855
+ opacity: 0;
1856
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
1857
+ -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
1858
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
1859
+ }
1860
+
1861
+ 100% {
1862
+ opacity: 1;
1863
+ -webkit-transform: none;
1864
+ -ms-transform: none;
1865
+ transform: none;
1866
+ }
1867
+ }
1868
+
1869
+ .rollIn {
1870
+ -webkit-animation-name: rollIn;
1871
+ animation-name: rollIn;
1872
+ }
1873
+
1874
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
1875
+
1876
+
1877
+
1878
+ @-webkit-keyframes zoomIn {
1879
+ 0% {
1880
+ opacity: 0;
1881
+ -webkit-transform: scale3d(.3, .3, .3);
1882
+ transform: scale3d(.3, .3, .3);
1883
+ }
1884
+
1885
+ 50% {
1886
+ opacity: 1;
1887
+ }
1888
+ }
1889
+
1890
+ @keyframes zoomIn {
1891
+ 0% {
1892
+ opacity: 0;
1893
+ -webkit-transform: scale3d(.3, .3, .3);
1894
+ -ms-transform: scale3d(.3, .3, .3);
1895
+ transform: scale3d(.3, .3, .3);
1896
+ }
1897
+
1898
+ 50% {
1899
+ opacity: 1;
1900
+ }
1901
+ }
1902
+
1903
+ .zoomIn {
1904
+ -webkit-animation-name: zoomIn;
1905
+ animation-name: zoomIn;
1906
+ }
1907
+
1908
+ @-webkit-keyframes zoomInDown {
1909
+ 0% {
1910
+ opacity: 0;
1911
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
1912
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
1913
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
1914
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
1915
+ }
1916
+
1917
+ 60% {
1918
+ opacity: 1;
1919
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
1920
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
1921
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
1922
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
1923
+ }
1924
+ }
1925
+
1926
+ @keyframes zoomInDown {
1927
+ 0% {
1928
+ opacity: 0;
1929
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
1930
+ -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
1931
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
1932
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
1933
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
1934
+ }
1935
+
1936
+ 60% {
1937
+ opacity: 1;
1938
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
1939
+ -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
1940
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
1941
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
1942
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
1943
+ }
1944
+ }
1945
+
1946
+ .zoomInDown {
1947
+ -webkit-animation-name: zoomInDown;
1948
+ animation-name: zoomInDown;
1949
+ }
1950
+
1951
+ @-webkit-keyframes zoomInLeft {
1952
+ 0% {
1953
+ opacity: 0;
1954
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
1955
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
1956
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
1957
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
1958
+ }
1959
+
1960
+ 60% {
1961
+ opacity: 1;
1962
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
1963
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
1964
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
1965
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
1966
+ }
1967
+ }
1968
+
1969
+ @keyframes zoomInLeft {
1970
+ 0% {
1971
+ opacity: 0;
1972
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
1973
+ -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
1974
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
1975
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
1976
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
1977
+ }
1978
+
1979
+ 60% {
1980
+ opacity: 1;
1981
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
1982
+ -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
1983
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
1984
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
1985
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
1986
+ }
1987
+ }
1988
+
1989
+ .zoomInLeft {
1990
+ -webkit-animation-name: zoomInLeft;
1991
+ animation-name: zoomInLeft;
1992
+ }
1993
+
1994
+ @-webkit-keyframes zoomInRight {
1995
+ 0% {
1996
+ opacity: 0;
1997
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
1998
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
1999
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2000
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2001
+ }
2002
+
2003
+ 60% {
2004
+ opacity: 1;
2005
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2006
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2007
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2008
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2009
+ }
2010
+ }
2011
+
2012
+ @keyframes zoomInRight {
2013
+ 0% {
2014
+ opacity: 0;
2015
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2016
+ -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2017
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2018
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2019
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2020
+ }
2021
+
2022
+ 60% {
2023
+ opacity: 1;
2024
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2025
+ -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2026
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2027
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2028
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2029
+ }
2030
+ }
2031
+
2032
+ .zoomInRight {
2033
+ -webkit-animation-name: zoomInRight;
2034
+ animation-name: zoomInRight;
2035
+ }
2036
+
2037
+ @-webkit-keyframes zoomInUp {
2038
+ 0% {
2039
+ opacity: 0;
2040
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2041
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2042
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2043
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2044
+ }
2045
+
2046
+ 60% {
2047
+ opacity: 1;
2048
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2049
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2050
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2051
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2052
+ }
2053
+ }
2054
+
2055
+ @keyframes zoomInUp {
2056
+ 0% {
2057
+ opacity: 0;
2058
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2059
+ -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2060
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2061
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2062
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2063
+ }
2064
+
2065
+ 60% {
2066
+ opacity: 1;
2067
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2068
+ -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2069
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2070
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2071
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2072
+ }
2073
+ }
2074
+
2075
+ .zoomInUp {
2076
+ -webkit-animation-name: zoomInUp;
2077
+ animation-name: zoomInUp;
2078
+ }
includes/style/style.css ADDED
@@ -0,0 +1,39 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .sidbar_slide_content{
2
+ box-sizing:border-box;
3
+ overflow-x: hidden;
4
+ overflow-y:auto;
5
+ background-color: #fefefe;
6
+ border: 1px solid hsl(0, 0%, 92%);
7
+ padding:0px;
8
+ margin:0px;
9
+ }
10
+ .sidbar_slide_header{
11
+ box-sizing:border-box;
12
+ padding: 10px 5px 5px 10px;
13
+ border:1px solid;
14
+ cursor:pointer;
15
+ width: 40px;
16
+ padding: 0px;
17
+ }
18
+ .sidbar_slide_title{
19
+ box-sizing:border-box;
20
+ font-size: 18px;
21
+ font-weight: bold;
22
+ padding:10px;
23
+ writing-mode:tb-rl;
24
+ -webkit-transform:rotate(90deg);
25
+ -moz-transform:rotate(90deg);
26
+ -o-transform: rotate(90deg);
27
+ white-space:nowrap;
28
+ display: block;
29
+ }
30
+ .sidbar_slide_inner{
31
+ box-sizing:border-box;
32
+ height:100%;
33
+ }
34
+ .main_sidbar_slide{
35
+ box-sizing:border-box;
36
+ position: fixed;
37
+ top:10%;
38
+ z-index: 999999;
39
+ }
includes/widget.php ADDED
@@ -0,0 +1,159 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*############################### WIDGET ###############################################*/
3
+ class like_box_facbook extends WP_Widget {
4
+ private static $id_of_like_box=0;
5
+ // Constructor //
6
+ function __construct() {
7
+ $widget_ops = array( 'classname' => 'like_box_facbook', 'description' => 'Like box Facebook ' ); // Widget Settings
8
+ $control_ops = array( 'id_base' => 'like_box_facbook' ); // Widget Control Settings
9
+ $this->WP_Widget( 'like_box_facbook', 'Like box Facebook', $widget_ops, $control_ops ); // Create the widget
10
+
11
+ }
12
+
13
+ /*poll display in front*/
14
+ function widget($args, $instance) {
15
+ self::$id_of_like_box++;
16
+ extract( $args );
17
+ $title = $instance['title'];
18
+ $profile_id = $instance['profile_id'];
19
+ $connections = $instance['connections'];
20
+ $width = $instance['width'];
21
+ $height = $instance['height'];
22
+ $header = ($instance['header']) ? 1 : 0;
23
+ $locale = $instance['locale'];
24
+ // Before widget //
25
+ echo $before_widget;
26
+
27
+ // Title of widget //
28
+ if ( $title ) { echo $before_title . $title . $after_title; }
29
+ // Widget output //
30
+ echo '<iframe id="like_box_widget_'.self::$id_of_like_box.'" src="http://www.facebook.com/plugins/fan.php?id='.$profile_id.'&amp;width='.$width.'&amp;colorscheme='.$facbook_likbox_theme.'&amp;height='.$height.'&amp;connections='.$connections.'&amp;stream='.$stream.'&amp;header='.$header.'&amp;locale='.$locale.'&amp;show_border='.(($show_border=='yes')?'true':'false').'" scrolling="no" frameborder="0" allowTransparency="true" style="'.(($show_border=='yes')?'border:1px solid '.$facbook_lik_box_border_color.';':'border:none').' overflow:hidden;visibility:hidden; max-width:100%; width:'.$width.'px; height:'.$height.'px;background-color:'.$facbook_bg_color.';"></iframe>';
31
+ echo '<script>jQuery(document).ready(function(){like_box_animated_element("'.like_box_setting::get_animations_type_array($animation).'","like_box_widget_'.self::$id_of_like_box.'"); jQuery(window).scroll(function(){like_box_animated_element("'.like_box_setting::get_animations_type_array($animation).'","like_box_widget_'.self::$id_of_like_box.'");})});</script>';
32
+ // After widget //
33
+
34
+ echo $after_widget;
35
+ }
36
+
37
+ // Update Settings //
38
+ function update($new_instance, $old_instance) {
39
+ extract( $args );
40
+ $instance['title'] = strip_tags($new_instance['title']);
41
+ $instance['profile_id'] = $new_instance['profile_id'];
42
+ $instance['connections'] = $new_instance['connections'];
43
+ $instance['width'] = $new_instance['width'];
44
+ $instance['height'] = $new_instance['height'];
45
+ $instance['header'] = $new_instance['header'];
46
+ $instance['locale'] = $new_instance['locale'];
47
+ return $instance; /// return new value of parametrs
48
+
49
+ }
50
+
51
+ /* admin page opions */
52
+ function form($instance) {
53
+
54
+ $defaults = array( 'title' => '','profile_id' => '', 'connections' => '6','width' => '300','height' => '550','header' => false,'locale' => 'en_US');
55
+ $instance = wp_parse_args( (array) $instance, $defaults );
56
+ ?>
57
+
58
+
59
+ <p class="flb_field">
60
+ <label for="title">Title:</label>
61
+ <br>
62
+ <input id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $instance['title']; ?>" class="widefat">
63
+ </p>
64
+ <p class="flb_field">
65
+ <label for="<?php echo $this->get_field_id('profile_id'); ?>">Page ID:</label>
66
+ <br>
67
+ <input id="<?php echo $this->get_field_id('profile_id'); ?>" name="<?php echo $this->get_field_name('profile_id'); ?>" type="text" value="<?php echo $instance['profile_id']; ?>" class="widefat">
68
+ </p>
69
+
70
+ <label>Facebook Like box Theme <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
71
+ <br>
72
+ <select onclick="alert('If you want to use this feature upgrade to Like box Pro')">
73
+ <option selected="selected" value="light">Light</option>
74
+ <option value="dark">Dark</option>
75
+ </select>
76
+ <br>
77
+ <br>
78
+ <label>Facebook Like box Animation<span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
79
+ <br>
80
+
81
+ <?php like_box_setting::generete_animation_select('gagggoo','none') ?>
82
+ <br>
83
+ <br>
84
+ <label>Facebook Like box background color <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
85
+ <br>
86
+ <div class="disabled_for_pro" onclick="alert('If you want to use this feature upgrade to Like box Pro')">
87
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
88
+ </div>
89
+ <br>
90
+ <label>Facebook Like box Border Color<span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
91
+ <br>
92
+ <div class="disabled_for_pro" onclick="alert('If you want to use this feature upgrade to Like box Pro')">
93
+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
94
+ </div>
95
+ <br>
96
+
97
+ <label>Show Facebook Like box border <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
98
+ <br>
99
+ <input onMouseDown="alert('If you want to use this feature upgrade to Like box Pro')" name="<?php echo $this->get_field_name('show_border'); ?>" type="radio" value="yes" checked='checked'>Yes
100
+ <input onMouseDown="alert('If you want to use this feature upgrade to Like box Pro')" name="<?php echo $this->get_field_name('show_border'); ?>" type="radio" value="no">No
101
+ <br>
102
+
103
+ <p class="flb_field">
104
+ <label >Show Facebook latest posts: <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
105
+ &nbsp;
106
+ <input onMouseDown="alert('If you want to use this feature upgrade to Like box Pro')" type="checkbox" value="1" >
107
+ </p>
108
+
109
+ <p class="flb_field">
110
+ <label for="<?php echo $this->get_field_id('connections'); ?>">Number of connections:</label>
111
+ <br>
112
+ <input id="<?php echo $this->get_field_id('connections'); ?>" name="<?php echo $this->get_field_name('connections'); ?>" type="text" value="<?php echo $instance['connections']; ?>" class="" size="3">
113
+ <small>(Max. 100)</small>
114
+ </p>
115
+
116
+ <p class="flb_field">
117
+ <label for="<?php echo $this->get_field_id('width'); ?>">Like box Width:</label>
118
+ <br>
119
+ <input id="<?php echo $this->get_field_id('width'); ?>" name="<?php echo $this->get_field_name('width'); ?>" type="text" value="<?php echo $instance['width']; ?>" class="" size="3">
120
+ <small>(px)</small>
121
+ </p>
122
+
123
+ <p class="flb_field">
124
+ <label for="<?php echo $this->get_field_id('height'); ?>">Like box Height:</label>
125
+ <br>
126
+ <input id="<?php echo $this->get_field_id('height'); ?>" name="<?php echo $this->get_field_name('height'); ?>" type="text" value="<?php echo $instance['height']; ?>" class="" size="3">
127
+ <small>(px)</small>
128
+ </p>
129
+
130
+ <p class="flb_field">
131
+ <label for="<?php echo $this->get_field_id('header'); ?>">Facebook Like box header:</label>
132
+ &nbsp;
133
+ <input id="<?php echo $this->get_field_id('header'); ?>" name="<?php echo $this->get_field_name('header'); ?>" type="checkbox" value="1" class="" size="" <?php checked($instance['header'],1) ?>>
134
+ <small>Show/Hide</small>
135
+ </p>
136
+
137
+ <p class="flb_field">
138
+ <label for="<?php echo $this->get_field_id('locale'); ?>">Like box language:</label>
139
+ <br>
140
+ <input id="<?php echo $this->get_field_id('locale'); ?>" name="<?php echo $this->get_field_name('locale'); ?>" type="text" value="<?php echo $instance['locale']; ?>" class="" size="4">
141
+ <small>(en_US, de_DE...)</small>
142
+ </p>
143
+ <a href="http://wpdevart.com/wordpress-facebook-like-box-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br>
144
+ <br>
145
+ <input type="hidden" id="flb-submit" name="flb-submit" value="1">
146
+ <script>
147
+ var pro_text='If you want to use this feature upgrade to Like box Pro';
148
+ jQuery(".color_my_likbox").ready(function(e) {
149
+
150
+ jQuery(".color_my_likbox").each(function(index, element) {
151
+ if(!jQuery(this).hasClass('wp-color-picker') && jQuery(this).attr('name').indexOf('__i__')==-1){console.log(this); jQuery(this).wpColorPicker()};
152
+ });
153
+
154
+ });
155
+ </script>
156
+ <?php
157
+ }
158
+ }
159
+ add_action('widgets_init', create_function('', 'return register_widget("like_box_facbook");'));
like-box.php CHANGED
@@ -1,669 +1,89 @@
1
- <?php
2
  /*
3
  Plugin Name: Facebook Like Box
4
  Plugin URI: https://wordpress.org/plugins/like-box
5
  Description: Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it. Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
6
- Version: 0.5.1
7
  Author: smplug-in
8
  Author URI: wordpress.org
9
  License: GPL3
10
  */
11
- add_action('wp_head','requared_javascript_functions_fb_likbox_front');
12
- function requared_javascript_functions_fb_likbox_front(){
13
- wp_enqueue_script('jquery');
14
- wp_enqueue_style('thickbox');
15
- wp_print_scripts('thickbox');
16
- }
17
- add_action('admin_head','requared_javascript_functions_fb_likbox');
18
- function requared_javascript_functions_fb_likbox(){
19
- wp_enqueue_script('wp-color-picker');
20
- wp_enqueue_style( 'wp-color-picker' );
21
- }
22
- function like_box_facebook($profile_id, $connections = 5, $width = 300, $height = 550, $header = 0, $locale = '') {
23
- $output = '';
24
- if ($profile_id != '') {
25
- $header = ($header == 1) ? 'true' : 'false';
26
- $output = '<iframe src="http://www.facebook.com/plugins/fan.php?id='.$profile_id.'&amp;width='.$width.'&amp;colorscheme=light&amp;height='.$height.'&amp;connections='.$connections.'&amp;stream=false&amp;header='.$header.'&amp;locale='.$locale.'" scrolling="no" frameborder="0" allowTransparency="true" style="border:1px solid #FFFFFF; overflow:hidden; width:'.$width.'px; height:'.$height.'px"></iframe>';
27
- }
28
- return $output;
29
- }
30
- class like_box_facbook extends WP_Widget {
31
- // Constructor //
32
- function __construct() {
33
- $widget_ops = array( 'classname' => 'like_box_facbook', 'description' => 'Like box Facebook ' ); // Widget Settings
34
- $control_ops = array( 'id_base' => 'like_box_facbook' ); // Widget Control Settings
35
- $this->WP_Widget( 'like_box_facbook', 'Like box Facebook', $widget_ops, $control_ops ); // Create the widget
36
- }
37
 
38
- /*poll display in front*/
39
- function widget($args, $instance) {
40
- extract( $args );
41
- $title = $instance['title'];
42
- $profile_id = $instance['profile_id'];
43
- $connections = $instance['connections'];
44
- $width = $instance['width'];
45
- $height = $instance['height'];
46
- $header = ($instance['header']) ? 1 : 0;
47
- $locale = $instance['locale'];
48
- // Before widget //
49
- echo $before_widget;
 
50
 
51
- // Title of widget //
52
- if ( $title ) { echo $before_title . $title . $after_title; }
53
- // Widget output //
54
- echo like_box_facebook($profile_id, $connections, $width, $height, $header, $locale);
55
- // After widget //
 
 
 
 
56
 
57
- echo $after_widget;
58
  }
59
-
60
- // Update Settings //
61
- function update($new_instance, $old_instance) {
62
- extract( $args );
63
- $instance['title'] = strip_tags($new_instance['title']);
64
- $instance['profile_id'] = $new_instance['profile_id'];
65
- $instance['connections'] = $new_instance['connections'];
66
- $instance['width'] = $new_instance['width'];
67
- $instance['height'] = $new_instance['height'];
68
- $instance['header'] = $new_instance['header'];
69
- $instance['locale'] = $new_instance['locale'];
70
- return $instance; /// return new value of parametrs
71
 
72
  }
73
-
74
- /* admin page opions */
75
- function form($instance) {
76
- global $wpdb;
77
- $defaults = array( 'title' => '','profile_id' => '','theme_color' => 'light','border_color' => '#FFF','show_border' => 'yes','stream' => false, 'connections' => '6','width' => '300','height' => '550','header' => false,'locale' => 'en_US');
78
- $instance = wp_parse_args( (array) $instance, $defaults );
79
- $poll_answers=$wpdb->get_results('SELECT * FROM '.$wpdb->prefix.'polls_question');
80
- $poll_themes=$wpdb->get_results('SELECT * FROM '.$wpdb->prefix.'polls_templates');
81
- ?>
82
-
83
-
84
- <p class="flb_field">
85
- <label for="title">Title:</label>
86
- <br>
87
- <input id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $instance['title']; ?>" class="widefat">
88
- </p>
89
- <p class="flb_field">
90
- <label for="<?php echo $this->get_field_id('profile_id'); ?>">Page ID(URL):</label>
91
- <br>
92
- <input id="<?php echo $this->get_field_id('profile_id'); ?>" name="<?php echo $this->get_field_name('profile_id'); ?>" type="text" value="<?php echo $instance['profile_id']; ?>" class="widefat">
93
- </p>
94
-
95
- <label>Facebook Like box Theme <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
96
- <br>
97
- <select onclick="alert('To use this features get the pro version for only 8$ !')">
98
- <option value="light">Light</option>
99
- <option value="dark">Dark</option>
100
- </select>
101
- <br>
102
- <br>
103
-
104
- <label for="border_color">Facebook Like box Border Color <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
105
- <br>
106
- <div class="disabled_for_pro" onclick="alert('To use this features get the pro version for only 8$ !')">
107
- <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
108
- </div>
109
- <br>
110
-
111
- <label>Show Facebook Like box border <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
112
- <br>
113
- <input type="radio" value="yes" name="<?php echo $this->get_field_name('width'); ?>11" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" checked >Yes
114
- <input type="radio" value="no" name="<?php echo $this->get_field_name('width'); ?>11" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" >No
115
- <br>
116
-
117
- <p class="flb_field">
118
- <label>Show Facebook latest posts: <span style="color:rgba(10, 154, 62, 1); font-weight:bold;">Pro feature!</span></label>
119
- &nbsp;
120
- <input onclick="alert('To use this features get the pro version for only 8$ !'); return false;" type="checkbox" value="1" >
121
- </p>
122
-
123
- <p class="flb_field">
124
- <label for="<?php echo $this->get_field_id('connections'); ?>">Number of connections:</label>
125
- <br>
126
- <input id="<?php echo $this->get_field_id('connections'); ?>" name="<?php echo $this->get_field_name('connections'); ?>" type="text" value="<?php echo $instance['connections']; ?>" class="" size="3">
127
- <small>(Max. 100)</small>
128
- </p>
129
-
130
- <p class="flb_field">
131
- <label for="<?php echo $this->get_field_id('width'); ?>">Like box Width:</label>
132
- <br>
133
- <input id="<?php echo $this->get_field_id('width'); ?>" name="<?php echo $this->get_field_name('width'); ?>" type="text" value="<?php echo $instance['width']; ?>" class="" size="3">
134
- <small>(px)</small>
135
- </p>
136
-
137
- <p class="flb_field">
138
- <label for="<?php echo $this->get_field_id('height'); ?>">Like box Height:</label>
139
- <br>
140
- <input id="<?php echo $this->get_field_id('height'); ?>" name="<?php echo $this->get_field_name('height'); ?>" type="text" value="<?php echo $instance['height']; ?>" class="" size="3">
141
- <small>(px)</small>
142
- </p>
143
-
144
- <p class="flb_field">
145
- <label for="<?php echo $this->get_field_id('header'); ?>">Facebook Like box header:</label>
146
- &nbsp;
147
- <input id="<?php echo $this->get_field_id('header'); ?>" name="<?php echo $this->get_field_name('header'); ?>" type="checkbox" value="1" class="" size="" <?php checked($instance['header'],1) ?>>
148
- <small>Show/Hide</small>
149
- </p>
150
-
151
- <p class="flb_field">
152
- <label for="<?php echo $this->get_field_id('locale'); ?>">Like box language:</label>
153
- <br>
154
- <input id="<?php echo $this->get_field_id('locale'); ?>" name="<?php echo $this->get_field_name('locale'); ?>" type="text" value="<?php echo $instance['locale']; ?>" class="" size="4">
155
- <small>(en_US, de_DE...)</small>
156
- </p>
157
- <a href="http://wpdevart.com/wordpress-facebook-like-box-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br>
158
- <br>
159
- <input type="hidden" id="flb-submit" name="flb-submit" value="1">
160
- <script>
161
- jQuery(document).ready(function(e) {
162
- if(!jQuery(".color_my_likbox").hasClass('wp-color-picker')) jQuery(".color_my_likbox").wpColorPicker();
163
- });
164
- </script>
165
- <?php
166
- }
167
- }
168
- add_action('widgets_init', create_function('', 'return register_widget("like_box_facbook");'));
169
-
170
- /* Like Box Button */
171
-
172
- add_action('media_buttons_context', 'like_box_button');
173
-
174
- function like_box_button($context) {
175
-
176
- $img = plugins_url( '/images/post.button.png' , __FILE__ );
177
-
178
- $title = 'Add Like Box';
179
-
180
- $context .= '<a class="button thickbox" title="Create facebook like box and insert in posts/pages" href="'.admin_url("admin-ajax.php").'?action=like_box_window_manager&height=750">
181
- <span class="wp-media-buttons-icon" style="background: url('.$img.'); background-repeat: no-repeat; background-position: left bottom;"></span>
182
- Add like box
183
- </a>';
184
- return $context;
185
- }
186
-
187
-
188
- add_action( 'wp_ajax_like_box_window_manager', 'like_box_window_insert_content' );
189
-
190
-
191
- function like_box_window_insert_content(){
192
- ?> <?php
193
- global $wpdb;
194
- $instance = array( 'title' => '','profile_id' => '','theme_color' => 'light','border_color' => '#FFF','show_border' => 'yes','stream' => false, 'connections' => '6','width' => '300','height' => '550','header' => false,'locale' => 'en_US');
195
- $poll_answers=$wpdb->get_results('SELECT * FROM '.$wpdb->prefix.'polls_question');
196
- $poll_themes=$wpdb->get_results('SELECT * FROM '.$wpdb->prefix.'polls_templates');
197
- ?>
198
-
199
- <div id="miain_like_box_window_manager">
200
-
201
- <label for="like_box_profile_id">Page ID(URL):</label>
202
- <br>
203
- <input id="like_box_profile_id" type="text" value="<?php echo $instance['profile_id']; ?>" class="widefat">
204
-
205
-
206
- <label for="like_box_theme_color">Facebook Like box Theme <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
207
- <br>
208
- <select id="like_box_theme_color" onclick="alert('To use this features get the pro version for only 8$ !'); return false;">
209
- <option <?php selected( $instance['theme_color'],"light") ?> value="light">Light</option>
210
- <option <?php selected( $instance['theme_color'],"dark") ?> value="dark">Dark</option>
211
- </select>
212
- <br>
213
- <br>
214
-
215
- <label for="border_color">Facebook Like box Border Color <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
216
- <br>
217
- <div class="disabled_for_pro" onclick="alert('To use this features get the pro version for only 8$ !')">
218
- <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
219
- </div>
220
- <br>
221
-
222
- <label>Show Facebook Like box border <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
223
- <br>
224
- <input type="radio" value="yes" name="like_box_show_bord11" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" checked >Yes
225
- <input type="radio" value="no" name="like_box_show_bord11" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" >No
226
- <br>
227
-
228
- <p class="flb_field">
229
- <label>Show Facebook latest posts: <span style="color:rgba(10, 154, 62, 1); font-weight:bold;">Pro feature!</span></label>
230
- &nbsp;
231
- <input onclick="alert('To use this features get the pro version for only 8$ !'); return false;" type="checkbox" value="1" >
232
- </p>
233
-
234
- <p class="flb_field">
235
- <label for="like_box_connections">Number of connections:</label>
236
- <br>
237
- <input id="like_box_connections" type="text" value="<?php echo $instance['connections']; ?>" class="" size="3">
238
- <small>(Max. 100)</small>
239
- </p>
240
-
241
- <p class="flb_field">
242
- <label for="like_box_width">Like box Width:</label>
243
- <br>
244
- <input id="like_box_width" type="text" value="<?php echo $instance['width']; ?>" class="" size="3">
245
- <small>(px)</small>
246
- </p>
247
-
248
- <p class="flb_field">
249
- <label for="like_box_height">Like box Height:</label>
250
- <br>
251
- <input id="like_box_height" type="text" value="<?php echo $instance['height']; ?>" class="" size="3">
252
- <small>(px)</small>
253
- </p>
254
-
255
- <p class="flb_field">
256
- <label for="like_box_header">Facebook Like box header:</label>
257
- &nbsp;
258
- <input id="like_box_header" type="checkbox" value="1" class="" size="" <?php checked($instance['header'],1) ?>>
259
- <small>Show/Hide</small>
260
- </p>
261
-
262
- <p class="flb_field">
263
- <label for="like_box_locale">Like box language:</label>
264
- <br>
265
- <input id="like_box_locale" type="text" value="<?php echo $instance['locale']; ?>" class="" size="4">
266
- <small>(en_US, de_DE...)</small>
267
- </p>
268
- </div>
269
- <div class="mceActionPanel">
270
- <div style="float: left">
271
- <input type="button" id="cancel" name="cancel" value="Insert Like Box" class="button button-primary" onClick="insert_like_box();"/>
272
- </div>
273
- <div style="float: right">
274
- <span style="float:right"><a href="http://wpdevart.com/wordpress-facebook-like-box-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br></span>
275
- </div>
276
- </div>
277
- <script type="text/javascript">
278
- jQuery('#miain_like_box_window_manager').ready(function(e) {
279
- jQuery(".color_my_likbox").wpColorPicker();
280
- });
281
- function insert_like_box() {
282
-
283
- if(jQuery('#poll_answer_id').val()!='0'){
284
- var tagtext;
285
- like_box_header=0;
286
- if(jQuery('#like_box_header').prop('checked'))
287
- like_box_header=1;
288
- like_box_stream=0;
289
- if(jQuery('#like_box_stream').prop('checked'))
290
- like_box_stream=1;
291
- var generete_atributes = 'profile_id="'+jQuery('#like_box_profile_id').val()+'" connections="'+jQuery('#like_box_connections').val()+'" width="'+jQuery('#like_box_width').val()+'" height="'+jQuery('#like_box_height').val()+'" header="'+like_box_header+'" locale="'+jQuery('#like_box_locale').val()+'"';
292
- tagtext = '[wpdevart_like_box '+generete_atributes+']';
293
- window.send_to_editor(tagtext);
294
- tb_remove()
295
- }
296
- else{
297
- tb_remove()
298
- }
299
- }
300
-
301
- </script>
302
- </body>
303
- </html>
304
- <?php
305
- die;
306
- }
307
- function wpdevart_like_box_shortcode( $atts ) {
308
- return like_box_facebook($atts['profile_id'], $atts['connections'], $atts['width'], $atts['height'], $atts['header'], $atts['locale']);
309
- }
310
- add_shortcode( 'wpdevart_like_box', 'wpdevart_like_box_shortcode' );
311
-
312
-
313
-
314
- /* Like Box admin menu*/
315
-
316
-
317
-
318
- add_action( 'wp_ajax_like_box_popup_save_parametrs', 'like_box_save_in_databese' );
319
- function like_box_save_in_databese(){
320
- $instance= array(
321
- 'like_box_enable_like_box' => '{"yes":false,"no":true}',
322
- 'like_box_profile_id' => '',
323
- 'like_box_connections' => '6',
324
- 'like_box_width' => '300',
325
- 'like_box_height' => '550',
326
- 'like_box_header' => '1',
327
- 'like_box_locale' => 'en_US',
328
- );
329
- $kk=1;
330
- if(isset($_POST['like_box_save_nonce_request']) && wp_verify_nonce( $_POST['like_box_save_nonce_request'],'like_box_save_nonce')){
331
-
332
- foreach($instance as $key => $value){
333
- if(isset($_POST[$key])){
334
- update_option($key,stripslashes($_POST[$key]));
335
- }
336
- else{
337
- $kk=0;
338
- printf('error saving %s <br>',$key);
339
- }
340
- }
341
- }
342
- else{
343
- die('Authorization Problem ');
344
- }
345
- if($kk==0){
346
- exit;
347
- }
348
- die('sax_normala');
349
 
350
- }
351
- add_action('admin_menu', 'like_box_create_menu');
352
- function like_box_create_menu(){
353
- $manage_page = add_menu_page('Like box','Like box', 'manage_options', 'like-box', 'facbook_like_box_menu');
354
- add_action('admin_print_styles-' .$manage_page, 'like_box_menu_requeried_scripts');
355
- }
356
- function like_box_menu_requeried_scripts(){
357
- wp_enqueue_style('like-box-admin-style',plugins_url('',__FILE__).'/style/admin_style.css');
358
- }
359
- function facbook_like_box_menu(){
360
- $instance= array(
361
- 'like_box_enable_like_box' => '{"yes":false,"no":true}',
362
- 'like_box_profile_id' => '',
363
- 'like_box_connections' => '6',
364
- 'like_box_width' => '300',
365
- 'like_box_height' => '550',
366
- 'like_box_header' => '{"show":false}',
367
- 'like_box_locale' => 'en_US'
368
- );
369
- foreach($instance as $key => $value){
370
- if(!get_option($key,FALSE)===FALSE)
371
- $instance[$key]=get_option($key);
372
  }
373
- ?>
 
374
 
375
-
376
- <h2>Facebook like box popup</h2>
377
- <div id="miain_like_box_popup_menu">
378
- <table class="wp-list-table widefat fixed posts" style="width: 85%; min-width:320px !important">
379
- <thead>
380
- <tr>
381
- <th>
382
- <span> Facebook like box popup Settings </span>
383
- </th>
384
- <th>
385
- <span style="float:right"><a href="http://wpdevart.com/wordpress-facebook-like-box-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br></span>
386
- </th>
387
- </tr>
388
- </thead>
389
- <tbody>
390
- <tr>
391
- <td>
392
- <?php $jsone_enable_like_box= json_decode(stripslashes($instance['like_box_enable_like_box']), true);?>
393
- <label class="like_box_titile">Facebook Like box popup:</label><br>
394
- <label style="margin-right:10px">
395
- <input id="like_box_show_border_yes" class radio class="enable_like_box" type="radio" name="enable_like_box" value="yes" <?php checked($jsone_enable_like_box['yes'],true) ?> >Enable
396
- </label>
397
- <label>
398
- <input id="like_box_show_border_no" class="enable_like_box" type="radio" name="enable_like_box" value="no" <?php checked($jsone_enable_like_box['no'],true) ?> >Disable
399
- </label>
400
- <input type="hidden" id="like_box_enable_like_box" class="like_box_hidden_parametr" value='<?php echo $instance['like_box_enable_like_box']; ?>'>
401
- </td>
402
- </tr>
403
-
404
- <tr>
405
- <td>
406
- <label class="like_box_titile">Display Like box on: <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label><br>
407
- <input id="like_box_show_in_home" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" type="checkbox" value="home" checked ><small>Home</small><br>
408
- <input id="like_box_show_in_post" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" type="checkbox" value="post" checked><small>Post</small><br>
409
- <input id="like_box_show_in_page" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" type="checkbox" value="page" checked><small>Page</small><br>
410
- <input id="like_box_show_in_everywhere" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" type="checkbox" value="everywhere" checked><small>Everywhere</small><br>
411
- </td>
412
- </tr>
413
-
414
- <tr>
415
- <td>
416
- <label class="like_box_titile">Show Like box One time or Every time when user visit website <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label></label>
417
- <br>
418
- <select onclick="alert('To use this features get the pro version for only 8$ !'); return false;" id="like_box_popup_show_quantity">
419
- <option>Оne Тime</option>
420
- <option selected>Еvery Тime</option>
421
- </select>
422
- </td>
423
- </tr>
424
-
425
- <tr>
426
- <td>
427
- <label class="like_box_titile">Seconds for Like box popup to appear ?: <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
428
- <br>
429
- <input id="like_box_secont_befor_show" type="text" value="3" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" size="3"><small>(Seconds)</small>
430
- </td>
431
- </tr>
432
-
433
- <tr>
434
- <td>
435
- <label class="like_box_titile">Page ID(URL):</label>
436
- <br>
437
- <input id="like_box_profile_id" type="text" placeholder="Example: uefachampionsleague" size="30" value="<?php echo $instance['like_box_profile_id']; ?>" >
438
- </td>
439
- </tr>
440
-
441
- <tr>
442
- <td>
443
- <label class="like_box_titile">Facebook Like box Theme <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
444
- <br>
445
- <select id="like_box_theme_color" onclick="alert('To use this features get the pro version for only 8$ !'); return false;">
446
- <option selected value="light">Light</option>
447
- <option value="dark">Dark</option>
448
- </select>
449
- </td>
450
- </tr>
451
-
452
- <tr>
453
- <td>
454
- <label for="border_color" class="like_box_titile">Facebook Like box Border Color <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
455
- <br>
456
- <div class="disabled_for_pro" onclick="alert('To use this features get the pro version for only 8$ !')">
457
- <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
458
- </div>
459
- <br>
460
- </td>
461
- </tr>
462
-
463
- <tr>
464
- <td>
465
- <label class="like_box_titile">Show Facebook Like box border <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
466
- <br>
467
- <label style="margin-right:10px">
468
- <input id="like_box_show_border33" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" class="like_box_show_border" type="radio" name="like_box_show_border" value="yes" checked >Yes
469
- </label>
470
- <label>
471
- <input id="like_box_show_border1" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" class="like_box_show_border" type="radio" name="like_box_show_border" value="no" >No
472
- </label>
473
- </td>
474
- </tr>
475
-
476
- <tr>
477
- <td>
478
- <label class="like_box_titile">Show Facebook latest posts: <span style="color:rgba(10, 154, 62, 1);font-weight:bold;">Pro feature!</span></label>
479
- <input id="like_box_stream_radio" onclick="alert('To use this features get the pro version for only 8$ !'); return false;" type="checkbox" value="show">
480
- </td>
481
- </tr>
482
-
483
- <tr>
484
- <td>
485
- <label class="like_box_titile">Number of connections:</label>
486
- <br>
487
- <input id="like_box_connections" type="text" value="<?php echo $instance['like_box_connections']; ?>" class="" size="3"> <small>(Max. 100)</small>
488
- </td>
489
- </tr>
490
-
491
- <tr>
492
- <td>
493
- <label class="like_box_titile">Like box Width:</label>
494
- <br>
495
- <input id="like_box_width" type="text" value="<?php echo $instance['like_box_width']; ?>" class="" size="3"><small>(px)</small>
496
- </td>
497
- </tr>
498
-
499
- <tr>
500
- <td>
501
- <label class="like_box_titile">Like box Height:</label>
502
- <br>
503
- <input id="like_box_height" type="text" value="<?php echo $instance['like_box_height']; ?>" class="" size="3"><small>(px)</small>
504
- </td>
505
- </tr>
506
-
507
- <tr>
508
- <td>
509
- <?php $jsone_like_box_header= json_decode(stripslashes($instance['like_box_header']), true);?>
510
- <label class="like_box_titile">Facebook Like box header:</label>
511
- <br>
512
-
513
- <input id="like_box_headeras" type="checkbox" value="show" <?php checked($jsone_like_box_header['show'],true) ?>><small>Show/Hide</small>
514
- <input id="like_box_header" type="hidden" class="like_box_hidden_parametr" value='<?php echo $instance['like_box_header']; ?>' >
515
- </td>
516
- </tr>
517
-
518
- <tr>
519
- <td>
520
- <label class="like_box_titile">Like box language:</label>
521
- <br>
522
-
523
- <input id="like_box_locale" type="text" value="<?php echo $instance['like_box_locale']; ?>" class="" size="4">
524
- </td>
525
- </tr>
526
- </tbody>
527
- <tfoot>
528
- <tr>
529
- <th colspan="2" width="100%"><button type="button" id="save_button_design" class="save_button button button-primary"><span class="save_button_span">Save Settings</span> <span class="saving_in_progress"> </span><span class="sucsses_save"> </span><span class="error_in_saving"> </span></button></th>
530
-
531
- </tr>
532
- </tfoot>
533
- </table>
534
- </div>
535
-
536
- <br /><br />
537
- <span class="error_massage"></span>
538
- <?php wp_nonce_field('like_box_save_nonce','like_box_save_nonce'); ?>
539
- <script>
540
- jQuery(document).ready(function(e) {
541
-
542
- jQuery("#like_box_border_color").wpColorPicker();
543
-
544
- //generete_radio_input(jQuery('#coming_soon_page_radio_backroundcolor'));
545
- jQuery('#save_button_design').click(function(){
546
-
547
- jQuery('#save_button_design').addClass('padding_loading');
548
- jQuery("#save_button_design").prop('disabled', true);
549
- jQuery('.saving_in_progress').css('display','inline-block');
550
- jQuery('.like_box_hidden_parametr').each(function(index, element) {
551
- generete_input_values(this);
552
- });
553
-
554
- //generete_radio_input_hidden(jQuery('#page_content_position'));
555
- jQuery.ajax({
556
- type:'POST',
557
- url: "<?php echo admin_url( 'admin-ajax.php?action=like_box_popup_save_parametrs' ); ?>",
558
- data: {like_box_save_nonce_request:jQuery('#like_box_save_nonce').val()<?php foreach($instance as $key => $value){echo ','.$key.':jQuery("#'.$key.'").val()';} ?>},
559
- }).done(function(date) {
560
- if(date=='sax_normala'){
561
- console.log
562
- jQuery('.saving_in_progress').css('display','none');
563
- jQuery('.sucsses_save').css('display','inline-block');
564
- setTimeout(function(){jQuery('.sucsses_save').css('display','none');jQuery('#save_button_design').removeClass('padding_loading');jQuery("#save_button_design").prop('disabled', false);},2500);
565
- }else{
566
- jQuery('.saving_in_progress').css('display','none');
567
- jQuery('.error_in_saving').css('display','inline-block');
568
- jQuery('.error_massage').css('display','inline-block');
569
- jQuery('.error_massage').html(date);
570
- setTimeout(function(){jQuery('#coming_soon_options_form .error_massage').css('display','none');jQuery('#coming_soon_options_form .error_in_saving').css('display','none');jQuery('#save_button_design').removeClass('padding_loading');jQuery("#save_button_design").prop('disabled', false);},5000);
571
- }
572
-
573
- });
574
- });
575
- function generete_input_values(hidden_element){
576
- var element_array = {};
577
- jQuery(hidden_element).parent().find('input[type=radio],input[type=checkbox]').each(function(index, element) {
578
- element_array[jQuery(this).val()]=jQuery(this).prop('checked');
579
- });
580
- jQuery(hidden_element).val(JSON.stringify(element_array));
581
- }
582
 
583
- });
584
-
585
- </script>
586
- <?php
587
- }
588
- function leike_box_get_jsoned_parametrs($jsone_string){
589
- $return_array= array();
590
- if($jsone_string){
591
- $jsone_array= json_decode(stripslashes($jsone_string), true);
592
- if(count( $jsone_array)>0){
593
- foreach($jsone_array as $key => $value){
594
- if($value==true || $value=='true')
595
- $return_array[$key]=$value;
596
- }
597
- }
598
- }
599
- return $return_array;
600
- }
601
-
602
-
603
-
604
-
605
-
606
- /*FRONT END*/
607
- add_action( 'wp_ajax_likeboxfrontend', 'like_box_ifreame_generator' );
608
- add_action( 'wp_ajax_nopriv_likeboxfrontend', 'like_box_ifreame_generator' );
609
- function like_box_ifreame_generator(){
610
- $instance= array(
611
- 'like_box_enable_like_box' => '{"yes":false,"no":true}',
612
- 'like_box_profile_id' => '',
613
- 'like_box_connections' => '6',
614
- 'like_box_width' => '300',
615
- 'like_box_height' => '550',
616
- 'like_box_header' => '{"show":false}',
617
- 'like_box_locale' => 'en_US'
618
- );
619
- foreach($instance as $key => $value){
620
- if(!get_option($key,FALSE)===FALSE)
621
- $instance[$key]=get_option($key);
622
  }
623
- $jsone_like_box_header= json_decode(stripslashes($instance['like_box_header']), true);
624
- echo like_box_facebook($instance['like_box_profile_id'], $instance['like_box_connections'], $instance['like_box_width'], $instance['like_box_height'], $jsone_like_box_header['show'], $instance['like_box_locale']);
625
- die();
626
- }
627
- add_action( 'wp_footer','like_box_add_code_in_footer');
628
- function like_box_add_code_in_footer(){
629
 
630
- $instance= array(
631
- 'like_box_enable_like_box' => '{"yes":false,"no":true}',
632
- 'like_box_profile_id' => '',
633
- 'like_box_connections' => '6',
634
- 'like_box_width' => '300',
635
- 'like_box_height' => '550',
636
- 'like_box_header' => '{"show":false}',
637
- 'like_box_locale' => 'en_US'
638
- );
639
- foreach($instance as $key => $value){
640
- if(!get_option($key,FALSE)===FALSE)
641
- $instance[$key]=get_option($key);
642
- }
643
- $instance['like_box_width']=$instance['like_box_width']-9;
644
- $instance['like_box_height']=$instance['like_box_height']+9;
645
- $jsone_enable_like_box= json_decode(stripslashes($instance['like_box_enable_like_box']), true);
646
- if($jsone_enable_like_box['yes']== true){
647
- ?><script>
648
- function like_box_setCookie(cname, cvalue, exdays) {
649
- var d = new Date();
650
- d.setTime(d.getTime() + (exdays*24*60*60*1000));
651
- var expires = "expires="+d.toUTCString();
652
- document.cookie = cname + "=" + cvalue + "; " + expires+"; path=/";
653
- }
654
- function like_box_getCookie(cname) {
655
- var name = cname + "=";
656
- var ca = document.cookie.split(';');
657
- for(var i=0; i<ca.length; i++) {
658
- var c = ca[i];
659
- while (c.charAt(0)==' ') c = c.substring(1);
660
- if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
661
- }
662
- return "";
663
- }
664
 
665
- jQuery(document).ready(function(){
666
- setTimeout(function(){tb_show('','<?php echo admin_url('admin-ajax.php').'?action=likeboxfrontend&TB_iframe=true&height='.$instance['like_box_height'].'&width='.$instance['like_box_width'] ?>')},3000);
667
- })</script><?php
668
  }
 
 
 
 
 
 
 
 
 
 
669
  }
 
 
 
1
+ <?php
2
  /*
3
  Plugin Name: Facebook Like Box
4
  Plugin URI: https://wordpress.org/plugins/like-box
5
  Description: Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it. Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
6
+ Version: 0.5.2
7
  Author: smplug-in
8
  Author URI: wordpress.org
9
  License: GPL3
10
  */
11
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12
 
13
+ class like_box_main{
14
+ // required variables
15
+
16
+ private $like_box_plugin_url;
17
+
18
+ private $like_box_plugin_path;
19
+
20
+ private $like_box_version;
21
+
22
+ public $like_box_options;
23
+
24
+
25
+ function __construct(){
26
 
27
+ $this->like_box_plugin_url = trailingslashit( plugins_url('', __FILE__ ) );
28
+ $this->like_box_plugin_path = trailingslashit( plugin_dir_path( __FILE__ ) );
29
+ if(!class_exists('like_box_setting'))
30
+ require_once($this->like_box_plugin_path.'includes/library.php');
31
+ $this->like_box_version = 10.0;
32
+ $this->call_base_filters();
33
+ $this->install_databese();
34
+ $this->create_admin_menu();
35
+ $this->like_box_front_end();
36
 
 
37
  }
38
+
39
+ public function create_admin_menu(){
40
+
41
+ require_once($this->like_box_plugin_path.'includes/admin_menu.php');
42
+
43
+ $like_box_admin_menu = new like_box_admin_menu(array('menu_name' => 'Like Box','databese_parametrs'=>$this->like_box_options));
44
+
45
+ add_action('admin_menu', array($like_box_admin_menu,'create_menu'));
 
 
 
 
46
 
47
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
48
 
49
+ public function install_databese(){
50
+
51
+ require_once($this->like_box_plugin_path.'includes/install_database.php');
52
+
53
+ $like_box_install_database = new like_box_install_database();
54
+
55
+ $this->like_box_options = $like_box_install_database->installed_options;
56
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
57
  }
58
+
59
+ public function like_box_front_end(){
60
 
61
+ require_once($this->like_box_plugin_path.'includes/front_end.php');
62
+ require_once($this->like_box_plugin_path.'includes/widget.php');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63
 
64
+ $like_box_front_end = new like_box_front_end(array('menu_name' => 'Like Box','databese_parametrs'=>$this->like_box_options));
65
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
66
  }
 
 
 
 
 
 
67
 
68
+ public function registr_requeried_scripts(){
69
+ wp_register_script('like-box-admin-script',$this->like_box_plugin_url.'includes/javascript/admin-like-box.js');
70
+ wp_register_script('like-box-front-end',$this->like_box_plugin_url.'includes/javascript/front_end_js.js');
71
+ wp_register_style('front_end_like_box',$this->like_box_plugin_url.'includes/style/style.css');
72
+ wp_register_style('animated',$this->like_box_plugin_url.'includes/style/effects.css');
73
+ wp_register_style('like-box-admin-style',$this->like_box_plugin_url.'includes/style/admin-style.css');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
74
 
 
 
 
75
  }
76
+
77
+ public function call_base_filters(){
78
+ add_action( 'init', array($this,'registr_requeried_scripts') );
79
+ add_action( 'admin_head', array($this,'include_requeried_scripts') );
80
+ }
81
+ public function include_requeried_scripts(){
82
+ wp_enqueue_script('wp-color-picker');
83
+ wp_enqueue_style( 'wp-color-picker' );
84
+ }
85
+
86
  }
87
+ $like_box_main = new like_box_main();
88
+
89
+ ?>
readme.txt CHANGED
@@ -1,9 +1,9 @@
1
  === Facebook Like Box ===
2
  Contributors: smplug-in
3
- Tags: Facebook, facebook badge, facebook connect, Facebook fan page, facebook group, facebook integration, facebook like box, Facebook like widget, facebook meta, facebook meta tag, Facebook Open Graph, Facebook Page, facebook platform, facebook plugin, facebook recommend, facebook share, facebook sidebar, facebook style, facebook wall, Facebook Widget, friends, google +1, google plus, google plus one, Like, like box, open graph, page, plugin, post to facebook, sharebar, sidebar, social, Social Plugins, social profiles, social share, social sidebar, wordpress like, seo, meta, Facebook like box widget, facebook like, facebook like button, facebook button, facebook facepile, like box facebook, like box widget, facebook likebox, facebook like box shortcode, likebox, wordpress facebook like box, facebook like box in PopUp, facebook likebox widget, nice facebook like box, custom facebook likebox, rt facebook like box, advanced responsive facebook likebox, fb like box, facebook like box shortcodes, like box sidebox, bing
4
  Requires at least: 2.9
5
  Tested up to: 4.2
6
- Stable tag: 0.5.1
7
 
8
  Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it. Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
9
 
@@ -13,6 +13,10 @@ Facebook Like box is awesome tool to show your visitors your Facebook like box.
13
  It's very easy to use, you just need to install the plugin and add Facebook like box widget to your sidebar and set some settings(Page ID, Facebook like box width, height ...).
14
  Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
15
 
 
 
 
 
16
  ### Features of Facebook like box:
17
 
18
  * **User friendly and easy to use.**
@@ -24,6 +28,11 @@ Also you can use Facebook Like box on your pages/posts and create Facebook Like
24
  * **Ability to change Facebook like box language.**
25
  * **Ability to add Facebook like box in posts/pages using shortcode button.**
26
  * **Ability to add Facebook like box Popup.**
 
 
 
 
 
27
 
28
  You can upgrade WordPress Facebook like box plugin to [Facebook like box Pro](http://wpdevart.com/wordpress-facebook-like-box-plugin/) to add more features.
29
 
@@ -35,11 +44,13 @@ You can upgrade WordPress Facebook like box plugin to [Facebook like box Pro](ht
35
  * **Ability to show/hide Facebook like box border.**
36
  * **Ability to display Facebook like box Popup on Home, Post, Page, Everywhere.**
37
  * **Ability to type seconds when Like box popup will appear.**
 
 
38
  * **Premium Support**
39
 
40
  ### If you found any bug in our WordPress Facebook like box plugin or have a question contact us at support@wpdevart.com.
41
 
42
- Dear users, we also recommend you to take a look for this useful plugins - [WordPress Maintenance mode plugin](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Lightbox](https://wordpress.org/plugins/wp-lightbox-2) .
43
 
44
  == Installation ==
45
 
@@ -48,18 +59,34 @@ Dear users, we also recommend you to take a look for this useful plugins - [Word
48
  1. Download [WordPress Facebook like box](https://wordpress.org/plugins/like-box/) plugin.
49
  2. Upload the Facebook like box plugin from your admin panel.
50
  3. Activate the Facebook like box plugin.
51
- 4. Add Facebook like box widget to your sidebar.
52
- 5. Add Facebook like box in posts/pages using shortcode button.
53
- 6. Add Facebook like box Popup from admin panel.
 
 
 
 
 
 
 
 
 
54
 
55
- Dear users, we also recommend you to take a look for this useful plugins - [WordPress Maintenance mode plugin](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Lightbox](https://wordpress.org/plugins/wp-lightbox-2) .
 
 
 
 
56
 
57
  == Screenshots ==
58
 
59
- 1. [WordPress Facebook like box](https://wordpress.org/plugins/like-box/) Front-end
60
- 2. WordPress Facebook Like box Back-end
61
- 3. WordPress Facebook Like box Popup Front-end
62
- 4. WordPress Facebook Like box Popup Back-end
 
 
 
63
 
64
  == Changelog ==
65
 
@@ -71,32 +98,80 @@ Dear users, we also recommend you to take a look for this useful plugins - [Word
71
 
72
  * Edited titles of some fields
73
 
 
 
 
 
74
  ==Wordpress Facebook like box step by step guide==
75
 
76
  ### Adding Facebook like box to your sidebar.
77
 
78
- Install the plugin and add Facebook like box widget to your sidebar. And configure settings. That's all, now your users can see your Facebook like box.
79
 
80
  ### Adding Facebook like box in posts/pages using shortcode button.
81
 
82
- For adding Facebook like box in your pages/posts you just need to click on "Add like box" shorcode button and add Facebook like box.
83
 
84
- ### Adding Facebook like box Popup.
85
 
86
- After plugin install you need to click on "Like box" submenu from left admin menu panel.
87
- Then just set up options for Facebook like box Popup.
88
 
89
- ### Facebook like box options
90
 
91
  * Page ID: - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).
92
  * Facebook Like box Theme - Choose theme for your Facebook Like box
93
- * Facebook Like box Border Color - Type the Border Color of your Facebook Like box
94
- * Show Facebook Like box border - Hide or show Facebook like box border.
95
- * Show Facebook latest posts - Show or hide the latest posts from your Facebook Like box
 
 
96
  * Number of connections - Type the number of connections that you want to see in your Facebook Like box
97
  * Like box Width - Type Facebook Like box width
98
  * Like box Height - Type Facebook Like box height
99
- * Facebook Like box header - Show or hide the Facebook Like box header
100
- * Like box language - Type the Facebook Like box language code
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
 
102
- Dear users, we also recommend you to take a look for this useful plugins - [WordPress Maintenance mode plugin](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Lightbox](https://wordpress.org/plugins/wp-lightbox-2) .
1
  === Facebook Like Box ===
2
  Contributors: smplug-in
3
+ Tags: Facebook, Facebook fan page, facebook like box, Facebook like widget, Facebook Open Graph, Facebook Page, facebook plugin, facebook wall, Facebook Widget, Facebook like box widget, like box facebook, wordpress facebook like box,
4
  Requires at least: 2.9
5
  Tested up to: 4.2
6
+ Stable tag: 0.5.2
7
 
8
  Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it. Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
9
 
13
  It's very easy to use, you just need to install the plugin and add Facebook like box widget to your sidebar and set some settings(Page ID, Facebook like box width, height ...).
14
  Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
15
 
16
+ ### View our Facebook Like Box plugin Demo page:
17
+
18
+ [Like Box Demo](http://demo.wpdevart.com/facebook-like-box-demo)
19
+
20
  ### Features of Facebook like box:
21
 
22
  * **User friendly and easy to use.**
28
  * **Ability to change Facebook like box language.**
29
  * **Ability to add Facebook like box in posts/pages using shortcode button.**
30
  * **Ability to add Facebook like box Popup.**
31
+ * **Ability to add Facebook Sticky box.**
32
+ * **Ability to set Sticky box height.**
33
+ * **Ability to set Sticky box Title.**
34
+ * **Ability to set Sticky box Title color.**
35
+ * **Ability to set Sticky box Title Font family.**
36
 
37
  You can upgrade WordPress Facebook like box plugin to [Facebook like box Pro](http://wpdevart.com/wordpress-facebook-like-box-plugin/) to add more features.
38
 
44
  * **Ability to show/hide Facebook like box border.**
45
  * **Ability to display Facebook like box Popup on Home, Post, Page, Everywhere.**
46
  * **Ability to type seconds when Like box popup will appear.**
47
+ * **Ability to use Facebook Sticky box all options.**
48
+ * **39 awesome animation effects for Widget and Post/Page Like Box**
49
  * **Premium Support**
50
 
51
  ### If you found any bug in our WordPress Facebook like box plugin or have a question contact us at support@wpdevart.com.
52
 
53
+ Dear users, we also recommend you to take a look for this useful plugins - [WordPress Coming Soon](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Lightbox](https://wordpress.org/plugins/wp-lightbox-2), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown) .
54
 
55
  == Installation ==
56
 
59
  1. Download [WordPress Facebook like box](https://wordpress.org/plugins/like-box/) plugin.
60
  2. Upload the Facebook like box plugin from your admin panel.
61
  3. Activate the Facebook like box plugin.
62
+ 4. Then, add Facebook like box widget to your sidebar.
63
+ 5. Add Facebook Like box in posts/pages using shortcode button.
64
+ 6. Then, add Facebook like box Popup from admin panel.
65
+ 7. Add Facebook Sticky box from admin panel.
66
+
67
+ Dear users, we also recommend you to take a look for this useful plugins - [WordPress Coming Soon](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Lightbox](https://wordpress.org/plugins/wp-lightbox-2) .
68
+
69
+ == Frequently Asked Questions ==
70
+
71
+ Our Facebook Like Box is user friendly plugin, but here you can see some frequently asked questions that will help you.
72
+
73
+ = Why my Facebook like box is blank(I can't see my Like Box) =
74
 
75
+ 1. You didn't type the Facebook Page ID correctly - Type in Paga Id field your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).
76
+ 2. Your Facebook fan page doesn't allow unsigned user see your Facebook fan page, so you must change it to public access. Take a look how change your Facebook page to public access here - https://www.facebook.com/help/community/question/?id=10151458855783663.
77
+ 3. Clear your website cache(If you use cache plugin, then just clear the cache from your plugin).
78
+
79
+ Dear users, we also recommend you to take a look for this useful plugins - [WordPress Coming Soon](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Lightbox](https://wordpress.org/plugins/wp-lightbox-2), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown) .
80
 
81
  == Screenshots ==
82
 
83
+ 1. [WordPress Facebook like box](https://wordpress.org/plugins/like-box/) Front-end - Post/Page Like Box
84
+ 2. WordPress Facebook like box Front-end - Widget Like Box
85
+ 3. WordPress Facebook like box Front-end - Popup Like Box
86
+ 4. WordPress Facebook like box Front-end - Sticky box
87
+ 5. WordPress Facebook Like box Back-end - Widget
88
+ 6. WordPress Facebook Like box Back-end - Posts/Pages admin page
89
+ 7. WordPress Facebook Like box Back-end - Popup and Sticky box
90
 
91
  == Changelog ==
92
 
98
 
99
  * Edited titles of some fields
100
 
101
+ = 0.5.2 =
102
+
103
+ * Added a lot of useful features.
104
+
105
  ==Wordpress Facebook like box step by step guide==
106
 
107
  ### Adding Facebook like box to your sidebar.
108
 
109
+ Install the plugin and add Facebook like box widget to your sidebar. Then set widget Like Box options. That's all, now your users can see your Facebook like box on your widget.
110
 
111
  ### Adding Facebook like box in posts/pages using shortcode button.
112
 
113
+ For adding Facebook like box in your pages/posts you just need to click on "Add like box" shorcode button from your pages/posts and add Facebook like box.
114
 
115
+ ### Adding Facebook like box Popup and Sticky Facebook box.
116
 
117
+ After plugin install you need to click on "Like box" submenu from your admin panel menu.
118
+ Then just set up options for Facebook like box Popup and Sticky Facebook box.
119
 
120
+ ### Facebook like box main options
121
 
122
  * Page ID: - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).
123
  * Facebook Like box Theme - Choose theme for your Facebook Like box
124
+ * Like box Animation - Choose Facebook like box Animation type
125
+ * Like box background color - Choose Facebook like box background color
126
+ * Show/Hide Like box border - Show/Hide Facebook like box border
127
+ * Like box Border color - Type the Border Color of your Facebook Like box
128
+ * Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
129
  * Number of connections - Type the number of connections that you want to see in your Facebook Like box
130
  * Like box Width - Type Facebook Like box width
131
  * Like box Height - Type Facebook Like box height
132
+ * Like box header - Show/Hide the Facebook Like box header
133
+ * Like box language - Type the Facebook Like box language code
134
+
135
+ ### Facebook like box Popup options
136
+
137
+ * Enable/Disable popup - Select Enable/Disable to show or hide popup
138
+ * Display Like box popup on - Select where to display the like box popup
139
+ * Popup display periodicity - Select the popup display periodicity
140
+ * Time to show Popup - Type the time when Like box popup will appear
141
+ * Popup width - Type here the popup width
142
+ * Popup height - Type here the popup height
143
+ * Popup Title - Type here the popup title
144
+ * Popup Title color - Type here the title color
145
+ * Popup Title Font family - Choose the title Font family
146
+ * Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)
147
+ * Like box Theme - Choose theme for your Facebook Like box
148
+ * Show/Hide border - Show/Hide Facebook like box border
149
+ * Border color - Type the Border Color of your Facebook Like box
150
+ * Background color - Choose Facebook like box background color
151
+ * Number of connections - Type the number of connections that you want to see in your Facebook Like box
152
+ * Like box header - Show/Hide the Facebook Like box header
153
+ * Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
154
+ * Like box language - Type the Facebook Like box language code
155
+
156
+ ### Sticky box options
157
+
158
+ * Enable/Disable Sticky box - Select Enable/Disable to show or hide Sticky box
159
+ * Display Sticky box on - Select where to display the Sticky box
160
+ * Sticky box position - Select the Sticky box position
161
+ * Sticky box height - Select the Sticky box height
162
+ * Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)
163
+ * Like box Theme - Choose theme for your Facebook Like box
164
+ * Sticky box bg color - Choose theme for your Facebook Like box
165
+ * Sticky box width - Type here the Sticky box width
166
+ * Sticky box height - Type here the Sticky box width
167
+ * Sticky box button bg color - Type here the Sticky box button background color
168
+ * Sticky box border color - Type here the Sticky box border color
169
+ * Sticky box Title - Type here the Sticky box title
170
+ * Sticky box Title color - Select the Sticky box title color.
171
+ * Sticky box Title Font family - Choose the Sticky box Title Font family
172
+ * Number of connections - Type the number of connections that you want to see in your Facebook Like box
173
+ * Like box header - Show/Hide the Facebook Like box header
174
+ * Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
175
+ * Like box language - Type the Facebook Like box language code
176
 
177
+ Dear users, we also recommend you to take a look for this useful plugins - [WordPress Coming Soon](https://wordpress.org/plugins/coming-soon-page/), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Lightbox](https://wordpress.org/plugins/wp-lightbox-2), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown) . .
style/admin_style.css DELETED
@@ -1,59 +0,0 @@
1
- .like_box_titile{
2
- font-weight:bold;
3
- }
4
- button{
5
- webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
6
- -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
7
- -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
8
- -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
9
- transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
10
- }
11
- #save_button_design{
12
- width: 104px;
13
- }
14
- .save_button_span{
15
- float:left;
16
- }
17
- .save_button {
18
- overflow:hidden !important;
19
- }
20
- .padding_loading{
21
- width: 130px !important;
22
-
23
- }
24
- .saving_in_progress{
25
- position: relative;
26
- display:none;
27
- width: 18px;
28
- height: 18px;
29
- margin-left: 12px;
30
- top: 4px;
31
- background-image: url(../images/loading.gif);
32
- background-size:100% 100%;
33
- }
34
- .sucsses_save{
35
- position: relative;
36
- display:none;
37
- width: 18px;
38
- height: 18px;
39
- margin-left: 12px;
40
- top: 4px;
41
- background-image: url(../images/success.png);
42
- background-size:100% 100%;
43
- }
44
- .error_in_saving{
45
- position: relative;
46
- display:none;
47
- width: 18px;
48
- height: 18px;
49
- margin-left: 12px;
50
- top: 4px;
51
- background-image: url(../images/remove_element.png);
52
- background-size:100% 100%;
53
- }
54
- .error_massage{
55
- color: #BB1E1E;
56
- font-size: 18px;
57
- font-weight: bold;
58
- padding-left: 21px;
59
- }