Slider by WD – Responsive Slider - Version 1.1.0

Version Description

  • Changed: Backend design.
  • Changed: Responsive backend.
Download this release

Release Info

Developer webdorado
Plugin Icon 128x128 Slider by WD – Responsive Slider
Version 1.1.0
Comparing to
See all releases

Code changes from version 1.0.50 to 1.1.0

Files changed (80) hide show
  1. admin/views/WDSViewSliders_wds.php +1013 -691
  2. css/images/animated-overlay.gif +0 -0
  3. css/images/arrow3.png +0 -0
  4. css/images/minus.png +0 -0
  5. css/images/plus.png +0 -0
  6. css/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  7. css/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  8. css/images/ui-bg_flat_10_000000_40x100.png +0 -0
  9. css/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  10. css/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  11. css/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  12. css/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  13. css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  14. css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  15. css/images/ui-icons_222222_256x240.png +0 -0
  16. css/images/ui-icons_228ef1_256x240.png +0 -0
  17. css/images/ui-icons_ef8c08_256x240.png +0 -0
  18. css/images/ui-icons_ffd27a_256x240.png +0 -0
  19. css/images/ui-icons_ffffff_256x240.png +0 -0
  20. css/jquery-ui-1.10.3.custom.css +1177 -0
  21. css/wds_tables.css +747 -97
  22. css/wds_tables_320.css +294 -0
  23. css/wds_tables_640.css +282 -0
  24. filemanager/view.php +4 -1
  25. framework/WDW_S_Library.php +6 -6
  26. frontend/views/WDSViewSlider.php +1 -1
  27. images/ajax_loader.gif +0 -0
  28. images/ajax_loader.png +0 -0
  29. images/slider-icon.png +0 -0
  30. images/sliderwdpng/add.png +0 -0
  31. images/sliderwdpng/add_hotspot.png +0 -0
  32. images/sliderwdpng/add_image_layer.png +0 -0
  33. images/sliderwdpng/add_social.png +0 -0
  34. images/sliderwdpng/add_text_layer.png +0 -0
  35. images/sliderwdpng/add_url.png +0 -0
  36. images/sliderwdpng/add_video.png +0 -0
  37. images/sliderwdpng/add_video_layer.png +0 -0
  38. images/sliderwdpng/apply.png +0 -0
  39. images/sliderwdpng/border.png +0 -0
  40. images/sliderwdpng/cancel.png +0 -0
  41. images/sliderwdpng/close.png +0 -0
  42. images/sliderwdpng/delete.png +0 -0
  43. images/sliderwdpng/delete_red.png +0 -0
  44. images/sliderwdpng/delete_slider.png +0 -0
  45. images/sliderwdpng/duplicate.png +0 -0
  46. images/sliderwdpng/duplicate_blue.png +0 -0
  47. images/sliderwdpng/duplicate_slide.png +0 -0
  48. images/sliderwdpng/edit.png +0 -0
  49. images/sliderwdpng/edit_thumbnail.png +0 -0
  50. images/sliderwdpng/export.png +0 -0
  51. images/sliderwdpng/hover_delete.png +0 -0
  52. images/sliderwdpng/hover_duplicate.png +0 -0
  53. images/sliderwdpng/import.png +0 -0
  54. images/sliderwdpng/k.png +0 -0
  55. images/sliderwdpng/layer.png +0 -0
  56. images/sliderwdpng/media.png +0 -0
  57. images/sliderwdpng/menu.png +0 -0
  58. images/sliderwdpng/preview.png +0 -0
  59. images/sliderwdpng/preview1.png +0 -0
  60. images/sliderwdpng/publish.png +0 -0
  61. images/sliderwdpng/publish_slide.png +0 -0
  62. images/sliderwdpng/reset.png +0 -0
  63. images/sliderwdpng/reset_watermark.png +0 -0
  64. images/sliderwdpng/save.png +0 -0
  65. images/sliderwdpng/save_copy.png +0 -0
  66. images/sliderwdpng/select.png +0 -0
  67. images/sliderwdpng/settings.png +0 -0
  68. images/sliderwdpng/settings_grey.png +0 -0
  69. images/sliderwdpng/slide_drag.png +0 -0
  70. images/sliderwdpng/slider.png +0 -0
  71. images/sliderwdpng/slider_grey.png +0 -0
  72. images/sliderwdpng/tumbnail.png +0 -0
  73. images/sliderwdpng/unpublish.png +0 -0
  74. images/sliderwdpng/unpublish_slide.png +0 -0
  75. images/sliderwdpng/watermark.png +0 -0
  76. images/wd_slider.png +0 -0
  77. js/wds.js +212 -92
  78. readme.txt +5 -1
  79. slider-wd.php +6 -2
  80. tmp-slider-wd-readme.pot +1016 -0
admin/views/WDSViewSliders_wds.php CHANGED
@@ -32,8 +32,38 @@ class WDSViewSliders_wds {
32
  $order_class = 'manage-column column-title sorted ' . $asc_or_desc;
33
  $ids_string = '';
34
  ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
35
  <div style="clear: both; float: left; width: 99%;">
36
- <div style="float: left; font-size: 14px; font-weight: bold;">
37
  This section allows you to create, edit and delete sliders.
38
  <a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-slider-wd-guide-step-2.html">Read More in User Manual</a>
39
  </div>
@@ -43,36 +73,38 @@ class WDSViewSliders_wds {
43
  </a>
44
  </div>
45
  </div>
46
- <form class="wrap" id="sliders_form" method="post" action="admin.php?page=sliders_wds" style="float: left; width: 99%;">
47
  <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
48
  <span class="slider-icon"></span>
49
  <h2>
50
  Sliders
51
  <a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add');
52
- spider_form_submit(event, 'sliders_form')">Add new</a>
53
  </h2>
54
- <div class="buttons_div">
55
- <span class="button-secondary non_selectable" onclick="spider_check_all_items()">
 
 
 
 
 
56
  <input type="checkbox" id="check_all_items" name="check_all_items" onclick="spider_check_all_items_checkbox()" style="margin: 0; vertical-align: middle;" />
57
  <span style="vertical-align: middle;">Select All</span>
58
  </span>
59
- <input class="button-secondary" type="submit" onclick="spider_set_input_value('task', 'publish_all')" value="Publish" />
60
- <input class="button-secondary" type="submit" onclick="spider_set_input_value('task', 'unpublish_all')" value="Unpublish" />
61
- <input class="button-secondary" type="submit" onclick="spider_set_input_value('task', 'duplicate_all')" value="Duplicate" />
62
- <input type="button" class="button-secondary wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Export" />
63
- <input type="button" class="button-secondary wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Import" />
64
- <input class="button-secondary" type="submit" onclick="if (confirm('Do you want to delete selected items?')) {
65
  spider_set_input_value('task', 'delete_all');
66
  } else {
67
  return false;
68
  }" value="Delete" />
69
  </div>
70
- <div class="tablenav top">
71
- <?php
72
- WDW_S_Library::search('Name', $search_value, 'sliders_form');
73
- WDW_S_Library::html_page_nav($page_nav['total'], $page_nav['limit'], 'sliders_form');
74
- ?>
75
  </div>
 
 
76
  <table class="wp-list-table widefat fixed pages">
77
  <thead>
78
  <th class="manage-column column-cb check-column table_small_col"><input id="check_all" type="checkbox" onclick="spider_check_all(this)" style="margin:0;" /></th>
@@ -84,7 +116,10 @@ class WDSViewSliders_wds {
84
  <span>ID</span><span class="sorting-indicator"></span>
85
  </a>
86
  </th>
87
- <th class="table_big_col">Slider</th>
 
 
 
88
  <th class="<?php if ($order_by == 'name') {echo $order_class;} ?>">
89
  <a onclick="spider_set_input_value('task', '');
90
  spider_set_input_value('order_by', 'name');
@@ -93,10 +128,10 @@ class WDSViewSliders_wds {
93
  <span>Name</span><span class="sorting-indicator"></span>
94
  </a>
95
  </th>
96
- <th class="table_big_col">Slides</th>
97
  <th class="table_big_col">Shortcode</th>
98
- <th class="table_large_col">PHP function</th>
99
- <th class="table_big_col <?php if ($order_by == 'published') {echo $order_class;} ?>">
100
  <a onclick="spider_set_input_value('task', '');
101
  spider_set_input_value('order_by', 'published');
102
  spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'published') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
@@ -104,26 +139,26 @@ class WDSViewSliders_wds {
104
  <span>Published</span><span class="sorting-indicator"></span>
105
  </a>
106
  </th>
107
- <th class="table_big_col">Edit</th>
108
- <th class="table_big_col">Delete</th>
109
  </thead>
110
  <tbody id="tbody_arr">
111
  <?php
112
  if ($rows_data) {
 
113
  foreach ($rows_data as $row_data) {
114
- $alternate = (!isset($alternate) || $alternate == 'class="alternate"') ? '' : 'class="alternate"';
115
- $published_image = (($row_data->published) ? 'publish' : 'unpublish');
116
- $published = (($row_data->published) ? 'unpublish' : 'publish');
117
- $prev_img_url = $this->model->get_slider_prev_img($row_data->id);
118
- $slides_count = $this->model->get_slides_count($row_data->id);
119
  ?>
120
  <tr id="tr_<?php echo $row_data->id; ?>" <?php echo $alternate; ?>>
121
  <td class="table_small_col check-column"><input id="check_<?php echo $row_data->id; ?>" name="check_<?php echo $row_data->id; ?>" onclick="spider_check_all(this)" type="checkbox" /></td>
122
  <td class="table_small_col"><?php echo $row_data->id; ?></td>
123
- <td class="table_big_col">
124
  <img title="<?php echo $row_data->name; ?>" style="border: 1px solid #CCCCCC; max-width: 70px; max-height: 50px;" src="<?php echo $prev_img_url . '?date=' . date('Y-m-y H:i:s'); ?>">
125
  </td>
126
- <td>
127
  <a onclick="spider_set_input_value('task', 'edit');
128
  spider_set_input_value('page_number', '1');
129
  spider_set_input_value('search_value', '');
@@ -134,25 +169,34 @@ class WDSViewSliders_wds {
134
  spider_form_submit(event, 'sliders_form')" href="" title="Edit"><?php echo $row_data->name; ?>
135
  </a>
136
  </td>
137
- <td class="table_big_col"><?php echo $slides_count; ?></td>
138
  <td class="table_big_col" style="padding-left: 0; padding-right: 0;">
139
  <input type="text" value='[wds id="<?php echo $row_data->id; ?>"]' onclick="spider_select_value(this)" size="11" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
140
  </td>
141
- <td class="table_large_col" style="padding-left: 0; padding-right: 0;">
142
  <input type="text" value="&#60;?php wd_slider(<?php echo $row_data->id; ?>); ?&#62;" onclick="spider_select_value(this)" size="23" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
143
  </td>
144
- <td class="table_big_col"><a onclick="spider_set_input_value('task', '<?php echo $published; ?>');spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');spider_form_submit(event, 'sliders_form')" href=""><img src="<?php echo WD_S_URL . '/images/' . $published_image . '.png'; ?>"></img></a></td>
145
- <td class="table_big_col"><a onclick="spider_set_input_value('task', 'edit');
146
- spider_set_input_value('page_number', '1');
147
- spider_set_input_value('search_value', '');
148
- spider_set_input_value('search_or_not', '');
149
- spider_set_input_value('asc_or_desc', 'asc');
150
- spider_set_input_value('order_by', 'order');
151
- spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
152
- spider_form_submit(event, 'sliders_form')" href="">Edit</a></td>
153
- <td class="table_big_col"><a onclick="spider_set_input_value('task', 'delete');
154
- spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
155
- spider_form_submit(event, 'sliders_form')" href="">Delete</a></td>
 
 
 
 
 
 
 
 
 
156
  </tr>
157
  <?php
158
  $ids_string .= $row_data->id . ',';
@@ -169,7 +213,6 @@ class WDSViewSliders_wds {
169
  </form>
170
  <?php
171
  }
172
-
173
  public function edit($id, $reset = FALSE) {
174
  $row = $this->model->get_row_data($id, $reset);
175
  $slides_row = $this->model->get_slides_row_data($id);
@@ -388,10 +431,80 @@ class WDSViewSliders_wds {
388
  $fv_title = '';
389
  }
390
  ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
391
  <div class="spider_message_cont"></div>
392
  <div class="spider_load">
393
  <div class="spider_load_cont"></div>
394
- <div class="spider_load_icon"><img class="spider_ajax_loading" src="<?php echo WD_S_URL . '/images/ajax_loader.png'; ?>"></div>
395
  </div>
396
  <div style="clear: both; float: left; width: 99%;">
397
  <div style="float: left; font-size: 14px; font-weight: bold;">
@@ -408,36 +521,66 @@ class WDSViewSliders_wds {
408
  <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
409
  <span class="slider-icon"></span>
410
  <h2><?php echo $page_title; ?></h2>
411
- <div class="wds_buttons">
412
- <input class="button-secondary" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
413
- spider_set_input_value('task', 'save');
414
- spider_ajax_save('sliders_form', event);" value="Save" />
415
- <input class="button-secondary" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
416
- spider_set_input_value('task', 'apply');
417
- spider_ajax_save('sliders_form', event);" value="Apply" />
418
- <input class="button-secondary" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
419
- spider_set_input_value('task', 'duplicate');
420
- spider_set_input_value('sub_tab', '');
421
- spider_ajax_save('sliders_form', event);" value="Save as Copy" />
422
- <input type="button" class="button-primary" value="Preview"
423
- onclick="if (wds_check_required('name', 'Name')) { return false;}; spider_set_input_value('task', 'preview'); spider_ajax_save('sliders_form', event); return false;" />
424
- <input type="button" class="button-secondary wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Export" />
425
- <input class="button-secondary" type="submit" onclick="spider_set_input_value('task', 'cancel')" value="Cancel" />
426
- </div>
427
- <div class="wds_tabs">
428
- <a href="#"><span tab_type="settings" onclick="wds_change_tab(this, 'wds_settings_box')" class="wds_tab_label">Settings</span></a>
429
- <a href="#"><span tab_type="slides" onclick="wds_change_tab(this, 'wds_slides_box')" class="wds_tab_label">Slides</span></a>
 
 
 
 
 
 
 
 
430
  <div class="wds_clear"></div>
431
  </div>
432
  <div>
433
  <div class="wds_reset_button">
434
- <input class="button-primary" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
435
  spider_set_input_value('task', 'reset');
436
  spider_ajax_save('sliders_form', event);" value="Reset Settings" />
437
  </div>
438
  <!--------------Settings tab----------->
439
  <div class="wds_box wds_settings_box">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
440
  <div class="wds_nav_tabs">
 
441
  <ul>
442
  <li tab_type="global" onclick="wds_change_nav(this, 'wds_nav_global_box')">
443
  <a href="#">Global</a>
@@ -480,8 +623,8 @@ class WDSViewSliders_wds {
480
  <tr>
481
  <td class="spider_label"><label>Full width: </label></td>
482
  <td>
483
- <input type="radio" id="full_width1" name="full_width" <?php echo (($row->full_width) ? 'checked="checked"' : ''); ?> value="1" /><label for="full_width1">Yes</label>
484
- <input type="radio" id="full_width0" name="full_width" <?php echo (($row->full_width) ? '' : 'checked="checked"'); ?> value="0" /><label for="full_width0">No</label>
485
  <input type="text" name="ratio" id="ratio" value="" class="spider_int_input" onchange="wds_whr('ratio')" onkeypress="return spider_check_isnum(event)" /><label for="ratio">Ratio</label>
486
  <div class="spider_description">The image will stretch to the page width, taking the height based on dimensions ratio.</div>
487
  </td>
@@ -489,9 +632,9 @@ class WDSViewSliders_wds {
489
  <tr>
490
  <td class="spider_label"><label>Background fit: </label></td>
491
  <td>
492
- <input type="radio" name="bg_fit" id="bg_fit_cover" value="cover" <?php if ($row->bg_fit == 'cover') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'cover'})" /><label for="bg_fit_cover">Cover</label>
493
- <input type="radio" name="bg_fit" id="bg_fit_fill" value="100% 100%" <?php if ($row->bg_fit == '100% 100%') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: '100% 100%'})" /><label for="bg_fit_fill">Fill</label>
494
- <input type="radio" name="bg_fit" id="bg_fit_contain" value="contain" <?php if ($row->bg_fit == 'contain') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'contain'})" /><label for="bg_fit_contain">Contain</label>
495
  </td>
496
  </tr>
497
  <tr>
@@ -505,7 +648,7 @@ class WDSViewSliders_wds {
505
  <tr>
506
  <td class="spider_label"><label for="align">Align: </label></td>
507
  <td>
508
- <select name="align" id="align">
509
  <?php
510
  foreach ($aligns as $key => $align) {
511
  ?>
@@ -522,7 +665,7 @@ class WDSViewSliders_wds {
522
  <label for="effect">Effect:</label>
523
  </td>
524
  <td>
525
- <select name="effect" id="effect">
526
  <?php
527
  foreach ($effects as $key => $effect) {
528
  ?>
@@ -552,8 +695,8 @@ class WDSViewSliders_wds {
552
  <tr>
553
  <td class="spider_label"><label>Autoplay: </label></td>
554
  <td>
555
- <input type="radio" id="autoplay1" name="autoplay" <?php echo (($row->autoplay) ? 'checked="checked"' : ''); ?> value="1" /><label for="autoplay1">Yes</label>
556
- <input type="radio" id="autoplay0" name="autoplay" <?php echo (($row->autoplay) ? '' : 'checked="checked"'); ?> value="0" /><label for="autoplay0">No</label>
557
  <div class="spider_description">Choose whether to autoplay the sliders or not.</div>
558
  </td>
559
  </tr>
@@ -567,16 +710,16 @@ class WDSViewSliders_wds {
567
  <tr>
568
  <td class="spider_label"><label>Stop on hover: </label></td>
569
  <td>
570
- <input type="radio" id="stop_animation1" name="stop_animation" <?php echo (($row->stop_animation) ? 'checked="checked"' : ''); ?> value="1" /><label for="stop_animation1">Yes</label>
571
- <input type="radio" id="stop_animation0" name="stop_animation" <?php echo (($row->stop_animation) ? '' : 'checked="checked"'); ?> value="0" /><label for="stop_animation0">No</label>
572
  <div class="spider_description">The option works when autoplay is on.</div>
573
  </td>
574
  </tr>
575
  <tr>
576
  <td class="spider_label"><label>Shuffle: </label></td>
577
  <td>
578
- <input type="radio" id="shuffle1" name="shuffle" <?php echo (($row->shuffle) ? 'checked="checked"' : ''); ?> value="1" /><label for="shuffle1">Yes</label>
579
- <input type="radio" id="shuffle0" name="shuffle" <?php echo (($row->shuffle) ? '' : 'checked="checked"'); ?> value="0" /><label for="shuffle0">No</label>
580
  <div class="spider_description">Choose whether to have the slides change in a random manner or to keep the original sequence.</div>
581
  </td>
582
  </tr>
@@ -590,8 +733,8 @@ class WDSViewSliders_wds {
590
  <tr>
591
  <td class="spider_label"><label>Music: </label></td>
592
  <td>
593
- <input type="radio" id="music1" name="music" <?php echo (($row->music) ? 'checked="checked"' : ''); ?> value="1" onClick="bwg_enable_disable('', 'tr_music_url', 'music1')" /><label for="music1">Yes</label>
594
- <input type="radio" id="music0" name="music" <?php echo (($row->music) ? '' : 'checked="checked"'); ?> value="0" onClick="bwg_enable_disable('none', 'tr_music_url', 'music0')" /><label for="music0">No</label>
595
  <div class="spider_description">Choose whether to have music/audio track playback with the slider or not.</div>
596
  </td>
597
  </tr>
@@ -608,8 +751,8 @@ class WDSViewSliders_wds {
608
  <tr>
609
  <td class="spider_label"><label>Smart Load: </label></td>
610
  <td>
611
- <input type="radio" id="preload_images1" name="preload_images" <?php echo (($row->preload_images) ? 'checked="checked"' : ''); ?> value="1" /><label for="preload_images1">Yes</label>
612
- <input type="radio" id="preload_images0" name="preload_images" <?php echo (($row->preload_images) ? '' : 'checked="checked"'); ?> value="0" /><label for="preload_images0">No</label>
613
  <div class="spider_description">Choose to have faster load for the first few images and process the rest meanwhile.</div>
614
  </td>
615
  </tr>
@@ -625,7 +768,7 @@ class WDSViewSliders_wds {
625
  <td class="spider_label"><label for="glb_border_width">Border: </label></td>
626
  <td>
627
  <input type="text" name="glb_border_width" id="glb_border_width" value="<?php echo $row->glb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
628
- <select name="glb_border_style" id="glb_border_style" >
629
  <?php
630
  foreach ($border_styles as $key => $border_style) {
631
  ?>
@@ -664,8 +807,8 @@ class WDSViewSliders_wds {
664
  <label>Right click protection: </label>
665
  </td>
666
  <td>
667
- <input type="radio" name="image_right_click" id="image_right_click_1" value="1" <?php if ($row->image_right_click) echo 'checked="checked"'; ?> /><label for="image_right_click_1">Yes</label>
668
- <input type="radio" name="image_right_click" id="image_right_click_0" value="0" <?php if (!$row->image_right_click) echo 'checked="checked"'; ?> /><label for="image_right_click_0">No</label>
669
  <div class="spider_description">Disable image right click possibility.</div>
670
  </td>
671
  </tr>
@@ -674,16 +817,16 @@ class WDSViewSliders_wds {
674
  <label>Layer out on next: </label>
675
  </td>
676
  <td>
677
- <input type="radio" name="layer_out_next" id="layer_out_next_1" value="1" <?php if ($row->layer_out_next) echo 'checked="checked"'; ?> /><label for="layer_out_next_1">Yes</label>
678
- <input type="radio" name="layer_out_next" id="layer_out_next_0" value="0" <?php if (!$row->layer_out_next) echo 'checked="checked"'; ?> /><label for="layer_out_next_0">No</label>
679
  <div class="spider_description">Choose whether to have the layer effect out regardless of the timing between the hit to the next slider or skip the effect out and get to the next image.</div>
680
  </td>
681
  </tr>
682
  <tr>
683
  <td class="spider_label"><label>Turn SliderWD Media Upload: </label></td>
684
  <td>
685
- <input type="radio" id="spider_uploader1" name="spider_uploader" <?php echo (($row->spider_uploader) ? 'checked="checked"' : ''); ?> value="1" /><label for="spider_uploader1">Yes</label>
686
- <input type="radio" id="spider_uploader0" name="spider_uploader" <?php echo (($row->spider_uploader) ? '' : 'checked="checked"'); ?> value="0" /><label for="spider_uploader0">No</label>
687
  <div class="spider_description">Choose the option to use the custom media upload instead of the WordPress default for adding images.</div>
688
  </td>
689
  </tr>
@@ -698,8 +841,8 @@ class WDSViewSliders_wds {
698
  <tr>
699
  <td class="spider_label"><label>Published: </label></td>
700
  <td>
701
- <input type="radio" id="published1" name="published" <?php echo (($row->published) ? 'checked="checked"' : ''); ?> value="1" /><label for="published1">Yes</label>
702
- <input type="radio" id="published0" name="published" <?php echo (($row->published) ? '' : 'checked="checked"'); ?> value="0" /><label for="published0">No</label>
703
  <div class="spider_description">Choose whether to publish the mentioned slider or not.</div>
704
  </td>
705
  </tr>
@@ -762,8 +905,8 @@ class WDSViewSliders_wds {
762
  <label>Next / Previous buttons: </label>
763
  </td>
764
  <td>
765
- <input type="radio" name="prev_next_butt" id="prev_next_butt_1" value="1" <?php if ($row->prev_next_butt) echo 'checked="checked"'; ?> /><label for="prev_next_butt_1">Yes</label>
766
- <input type="radio" name="prev_next_butt" id="prev_next_butt_0" value="0" <?php if (!$row->prev_next_butt) echo 'checked="checked"'; ?> /><label for="prev_next_butt_0">No</label>
767
  <div class="spider_description">Choose whether to display Previous and Next buttons or not.</div>
768
  </td>
769
  </tr>
@@ -772,8 +915,8 @@ class WDSViewSliders_wds {
772
  <label>Mouse swipe navigation: </label>
773
  </td>
774
  <td>
775
- <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_1" value="1" <?php if ($row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label for="mouse_swipe_nav_1">Yes</label>
776
- <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_0" value="0" <?php if (!$row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label for="mouse_swipe_nav_0">No</label>
777
  <div class="spider_description"></div>
778
  </td>
779
  </tr>
@@ -782,8 +925,8 @@ class WDSViewSliders_wds {
782
  <label>Touch swipe navigation: </label>
783
  </td>
784
  <td>
785
- <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_1" value="1" <?php if ($row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label for="touch_swipe_nav_1">Yes</label>
786
- <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_0" value="0" <?php if (!$row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label for="touch_swipe_nav_0">No</label>
787
  <div class="spider_description"></div>
788
  </td>
789
  </tr>
@@ -793,8 +936,8 @@ class WDSViewSliders_wds {
793
  <label>Mouse wheel navigation: </label>
794
  </td>
795
  <td>
796
- <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_1" value="1" <?php if ($row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label for="mouse_wheel_nav_1">Yes</label>
797
- <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_0" value="0" <?php if (!$row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label for="mouse_wheel_nav_0">No</label>
798
  <div class="spider_description"></div>
799
  </td>
800
  </tr>
@@ -803,8 +946,8 @@ class WDSViewSliders_wds {
803
  <label>Keyboard navigation: </label>
804
  </td>
805
  <td>
806
- <input type="radio" name="keyboard_nav" id="keyboard_nav_1" value="1" <?php if ($row->keyboard_nav) echo 'checked="checked"'; ?> /><label for="keyboard_nav_1">Yes</label>
807
- <input type="radio" name="keyboard_nav" id="keyboard_nav_0" value="0" <?php if (!$row->keyboard_nav) echo 'checked="checked"'; ?> /><label for="keyboard_nav_0">No</label>
808
  <div class="spider_description"></div>
809
  </td>
810
  </tr>
@@ -813,8 +956,8 @@ class WDSViewSliders_wds {
813
  <label>Show Navigation buttons: </label>
814
  </td>
815
  <td>
816
- <input type="radio" name="navigation" id="navigation_1" value="hover" <?php if ($row->navigation == 'hover') echo 'checked="checked"'; ?> /><label for="navigation_1">On hover</label>
817
- <input type="radio" name="navigation" id="navigation_0" value="always" <?php if ($row->navigation == 'always' ) echo 'checked="checked"'; ?> /><label for="navigation_0">Always</label>
818
  <div class="spider_description">Select between the option of always displaying the navigation buttons or only when hovered.</div>
819
  </td>
820
  </tr>
@@ -823,9 +966,9 @@ class WDSViewSliders_wds {
823
  <label>Image for Next / Previous buttons: </label>
824
  </td>
825
  <td>
826
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_our" value="our" <?php if ($row->rl_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('our')" /><label for="rl_butt_img_or_not_our">Default</label>
827
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_cust" value="custom" <?php if ($row->rl_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('custom')" /><label for="rl_butt_img_or_not_cust">Custom</label>
828
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_style" value="style" <?php if ($row->rl_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('style')" /><label for="rl_butt_img_or_not_style">Styled</label>
829
  <input type="hidden" id="right_butt_url" name="right_butt_url" value="<?php echo $row->right_butt_url; ?>" />
830
  <input type="hidden" id="right_butt_hov_url" name="right_butt_hov_url" value="<?php echo $row->right_butt_hov_url; ?>" />
831
  <input type="hidden" id="left_butt_url" name="left_butt_url" value="<?php echo $row->left_butt_url; ?>" />
@@ -841,7 +984,7 @@ class WDSViewSliders_wds {
841
  <td>
842
  <div style="display: table;">
843
  <div style="display: table-cell; vertical-align: middle;">
844
- <select name="rl_butt_style" id="rl_butt_style" onchange="change_rl_butt_style(jQuery(this).val())">
845
  <?php
846
  foreach ($button_styles as $key => $button_style) {
847
  ?>
@@ -865,21 +1008,21 @@ class WDSViewSliders_wds {
865
  </td>
866
  <td>
867
  <div style="display: table;">
868
- <div style="display: table-cell; vertical-align: middle;">
869
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button" onclick="alert('This functionality is disabled in free version.')" />
870
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button Hover" onclick="alert('This functionality is disabled in free version.')" />
871
  </div>
872
- <div style="display: table-cell; vertical-align: middle;">
873
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button" onclick="alert('This functionality is disabled in free version.')" />
874
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button Hover" onclick="alert('This functionality is disabled in free version.')" />
875
  </div>
876
- <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
877
  <img id="left_butt_img" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
878
  <img id="right_butt_img" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
879
  <img id="left_butt_hov_img" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
880
  <img id="right_butt_hov_img" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
881
  </div>
882
- <div style="display: table-cell; text-align: center; vertical-align: middle;">
883
  <input type="button" class="button button-small wds_reverse" onclick="wds_change_custom_src()" value="Reverse" />
884
  </div>
885
  </div>
@@ -947,8 +1090,8 @@ class WDSViewSliders_wds {
947
  </td>
948
  <td style="display: block;">
949
  <div style="display: table; margin-bottom: 14px;">
950
- <div style="display: table-cell; vertical-align: middle;">
951
- <div style="display: block; width: 180px;">
952
  <div class="spider_choose_option" onclick="wds_choose_option(this)">
953
  <div class="spider_option_main_title">Choose group</div>
954
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
@@ -980,16 +1123,16 @@ class WDSViewSliders_wds {
980
  </div>
981
  </div>
982
  </div>
983
- <div style="display:table-cell;vertical-align: middle;">
984
- <div style="display: block; width: 180px; margin-left: 12px;">
985
  <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')">
986
  <div class="spider_option_main_title">Choose color</div>
987
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
988
  </div>
989
  </div>
990
  </div>
991
- <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;">
992
- <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
993
  <img id="rl_butt_img_l" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
994
  <img id="rl_butt_img_r" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
995
  <img id="rl_butt_hov_img_l" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
@@ -1027,9 +1170,9 @@ class WDSViewSliders_wds {
1027
  <label>Image for Play / Pause buttons: </label>
1028
  </td>
1029
  <td>
1030
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_our" value="our" <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('our')" /><label for="play_pause_butt_img_or_not_our">Default</label>
1031
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_cust" value="custom" <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('custom')" /><label for="play_pause_butt_img_or_not_cust">Custom</label>
1032
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_select" value="style" <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('style')" /><label for="play_pause_butt_img_or_not_select">Styled</label>
1033
  <input type="hidden" id="play_butt_url" name="play_butt_url" value="<?php echo $row->play_butt_url; ?>" />
1034
  <input type="hidden" id="play_butt_hov_url" name="play_butt_hov_url" value="<?php echo $row->play_butt_hov_url; ?>" />
1035
  <input type="hidden" id="paus_butt_url" name="paus_butt_url" value="<?php echo $row->paus_butt_url; ?>" />
@@ -1054,11 +1197,11 @@ class WDSViewSliders_wds {
1054
  </td>
1055
  <td>
1056
  <div style="display: table;">
1057
- <div style="display: table-cell; vertical-align: middle;">
1058
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button" onclick="alert('This functionality is disabled in free version.')" />
1059
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1060
  </div>
1061
- <div style="display: table-cell; vertical-align: middle;">
1062
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button" onclick="alert('This functionality is disabled in free version.')" />
1063
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1064
  </div>
@@ -1068,7 +1211,7 @@ class WDSViewSliders_wds {
1068
  <img id="play_butt_hov_img" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1069
  <img id="paus_butt_hov_img" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1070
  </div>
1071
- <div style="display: table-cell; text-align: center; vertical-align: middle;">
1072
  <input type="button" class="button button-small wds_reverse" onclick="wds_change_play_paus_custom_src()" value="Reverse" />
1073
  </div>
1074
  </div>
@@ -1136,8 +1279,8 @@ class WDSViewSliders_wds {
1136
  </td>
1137
  <td style="display: block;">
1138
  <div style="display: table; margin-bottom: 14px;">
1139
- <div style="display: table-cell; vertical-align: middle;">
1140
- <div style="display: block; width: 180px;">
1141
  <div class="spider_choose_option" onclick="wds_choose_pp_option(this)">
1142
  <div class="spider_option_main_title">Choose group</div>
1143
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
@@ -1169,16 +1312,16 @@ class WDSViewSliders_wds {
1169
  </div>
1170
  </div>
1171
  </div>
1172
- <div style="display:table-cell;vertical-align: middle;">
1173
- <div style="display: block; width: 180px; margin-left: 12px;">
1174
  <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')">
1175
  <div class="spider_option_main_title">Choose color</div>
1176
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
1177
  </div>
1178
  </div>
1179
  </div>
1180
- <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;">
1181
- <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1182
  <img id="pp_butt_img_play" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1183
  <img id="pp_butt_img_paus" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1184
  <img id="pp_butt_hov_img_play" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
@@ -1217,7 +1360,7 @@ class WDSViewSliders_wds {
1217
  <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_border_width">Border: </label></td>
1218
  <td>
1219
  <input type="text" name="nav_border_width" id="nav_border_width" value="<?php echo $row->nav_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1220
- <select name="nav_border_style" id="nav_border_style" <?php echo $fv_disabled; ?>>
1221
  <?php
1222
  foreach ($border_styles as $key => $border_style) {
1223
  ?>
@@ -1253,8 +1396,8 @@ class WDSViewSliders_wds {
1253
  <tr>
1254
  <td class="spider_label"><label>Enable bullets: </label></td>
1255
  <td>
1256
- <input type="radio" id="enable_bullets1" name="enable_bullets" <?php echo (($row->enable_bullets) ? 'checked="checked"' : ''); ?> value="1" /><label for="enable_bullets1">Yes</label>
1257
- <input type="radio" id="enable_bullets0" name="enable_bullets" <?php echo (($row->enable_bullets) ? '' : 'checked="checked"'); ?> value="0" /><label for="enable_bullets0">No</label>
1258
  <div class="spider_description">Choose whether to have navigation bullets or not.</div>
1259
  </td>
1260
  </tr>
@@ -1263,15 +1406,15 @@ class WDSViewSliders_wds {
1263
  <label>Show bullets: </label>
1264
  </td>
1265
  <td>
1266
- <input type="radio" name="bull_hover" id="bull_hover_0" value="0" <?php if ($row->bull_hover == 0) echo 'checked="checked"'; ?> /><label for="bull_hover_0">On hover</label>
1267
- <input type="radio" name="bull_hover" id="bull_hover_1" value="1" <?php if ($row->bull_hover == 1) echo 'checked="checked"'; ?> /><label for="bull_hover_1">Always</label>
1268
  <div class="spider_description">Select between the option of always displaying the bullets or only when hovered.</div>
1269
  </td>
1270
  </tr>
1271
  <tr>
1272
  <td class="spider_label"><label>Show thumbnail on bullet hover: </label></td>
1273
  <td>
1274
- <input onClick="bwg_enable_disable('', 'tr_thumb_size', 'show_thumbnail1')" type="radio" id="show_thumbnail1" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? 'checked="checked"' : ''); ?> value="1" /><label for="show_thumbnail1">Yes</label>
1275
  <input onClick="bwg_enable_disable('none', 'tr_thumb_size', 'show_thumbnail0')" type="radio" id="show_thumbnail0" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? '' : 'checked="checked"'); ?> value="0" /><label for="show_thumbnail0">No</label>
1276
  <div class="spider_description"></div>
1277
  </td>
@@ -1288,7 +1431,7 @@ class WDSViewSliders_wds {
1288
  <tr>
1289
  <td class="spider_label"><label>Position: </label></td>
1290
  <td>
1291
- <select name="bull_position" id="bull_position">
1292
  <option value="top" <?php echo (($row->bull_position == "top") ? 'selected="selected"' : ''); ?>>Top</option>
1293
  <option value="bottom" <?php echo (($row->bull_position == "bottom") ? 'selected="selected"' : ''); ?>>Bottom</option>
1294
  </select>
@@ -1300,9 +1443,9 @@ class WDSViewSliders_wds {
1300
  <label>Image for bullets: </label>
1301
  </td>
1302
  <td>
1303
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_our" value="our" <?php if ($row->bull_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('our')" /><label for="bull_butt_img_or_not_our">Default</label>
1304
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_cust" value="custom" <?php if ($row->bull_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('custom')" /><label for="bull_butt_img_or_not_cust">Custom</label>
1305
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_stl" value="style" <?php if ($row->bull_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('style')" /><label for="bull_butt_img_or_not_stl">Styled</label>
1306
  <input type="hidden" id="bullets_img_main_url" name="bullets_img_main_url" value="<?php echo $row->bullets_img_main_url; ?>" />
1307
  <input type="hidden" id="bullets_img_hov_url" name="bullets_img_hov_url" value="<?php echo $row->bullets_img_hov_url; ?>" />
1308
  <div class="spider_description">Choose whether to use default or styled bullets.</div>
@@ -1316,7 +1459,7 @@ class WDSViewSliders_wds {
1316
  <td>
1317
  <div style="display: table;">
1318
  <div style="display: table-cell; vertical-align: middle;">
1319
- <select name="bull_style" id="bull_style" <?php echo $fv_disabled; ?> onchange="change_bull_style(jQuery(this).val())">
1320
  <?php
1321
  foreach ($bull_styles as $key => $bull_style) {
1322
  ?>
@@ -1418,8 +1561,8 @@ class WDSViewSliders_wds {
1418
  </td>
1419
  <td style="display: block;">
1420
  <div style="display: table; margin-bottom: 14px;">
1421
- <div style="display: table-cell; vertical-align: middle;">
1422
- <div style="display: block; width: 180px;">
1423
  <div class="spider_choose_option" onclick="wds_choose_bull_option(this)">
1424
  <div class="spider_option_main_title">Choose group</div>
1425
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
@@ -1449,7 +1592,7 @@ class WDSViewSliders_wds {
1449
  </div>
1450
  </div>
1451
  </div>
1452
- <div style="display: table-cell; vertical-align: middle;">
1453
  <div style="display: block; width: 180px; margin-left: 12px;">
1454
  <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')" >
1455
  <div class="spider_option_main_title" >Choose color</div>
@@ -1520,7 +1663,7 @@ class WDSViewSliders_wds {
1520
  <tr id="filmstrip_position">
1521
  <td class="spider_label"><label>Position: </label></td>
1522
  <td>
1523
- <select disabled="disabled" name="film_pos" id="film_pos">
1524
  <option value="top" <?php echo (($row->film_pos == "top") ? 'selected="selected"' : ''); ?>>Top</option>
1525
  <option value="right" <?php echo (($row->film_pos == "right") ? 'selected="selected"' : ''); ?>>Right</option>
1526
  <option value="bottom" <?php echo (($row->film_pos == "bottom") ? 'selected="selected"' : ''); ?>>Bottom</option>
@@ -1555,7 +1698,7 @@ class WDSViewSliders_wds {
1555
  <td class="spider_label"><label for="film_act_border_width">Active border: </label></td>
1556
  <td>
1557
  <input disabled="disabled" type="text" name="film_act_border_width" id="film_act_border_width" value="<?php echo $row->film_act_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1558
- <select disabled="disabled" name="film_act_border_style" id="film_act_border_style">
1559
  <?php
1560
  foreach ($border_styles as $key => $border_style) {
1561
  ?>
@@ -1584,15 +1727,15 @@ class WDSViewSliders_wds {
1584
  <tr>
1585
  <td class="spider_label"><label>Enable timer bar: </label></td>
1586
  <td>
1587
- <input type="radio" id="enable_time_bar1" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? 'checked="checked"' : ''); ?> value="1" /><label for="time_bar1">Yes</label>
1588
- <input type="radio" id="enable_time_bar0" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? '' : 'checked="checked"'); ?> value="0" /><label for="time_bar0">No</label>
1589
  <div class="spider_description">You can add a bar displaying the timing left to switching to the next slide on autoplay.</div>
1590
  </td>
1591
  </tr>
1592
  <tr>
1593
  <td class="spider_label"><label for="timer_bar_type">Type: </label></td>
1594
  <td>
1595
- <select name="timer_bar_type" id="timer_bar_type">
1596
  <option value="top" <?php echo (($row->timer_bar_type == "top") ? 'selected="selected"' : ''); ?>>Line top</option>
1597
  <option value="bottom" <?php echo (($row->timer_bar_type == "bottom") ? 'selected="selected"' : ''); ?>>Line Bottom</option>
1598
  <option value="circle_top_left" <?php echo (($row->timer_bar_type == "circle_top_left") ? 'selected="selected"' : ''); ?>>Circle top left</option>
@@ -1641,11 +1784,11 @@ class WDSViewSliders_wds {
1641
  </td>
1642
  <td>
1643
  <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_none" value="none" <?php if ($row->built_in_watermark_type == 'none') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_none')" />
1644
- <label for="built_in_watermark_type_none">None</label>
1645
  <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_text" value="text" <?php if ($row->built_in_watermark_type == 'text') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_text')" onchange="preview_built_in_watermark()" />
1646
- <label for="built_in_watermark_type_text">Text</label>
1647
  <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_image" value="image" <?php if ($row->built_in_watermark_type == 'image') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_image')" onchange="preview_built_in_watermark()" />
1648
- <label for="built_in_watermark_type_image">Image</label>
1649
  <div class="spider_description">Choose what kind of watermark you want to use.</div>
1650
  </td>
1651
  </tr>
@@ -1704,7 +1847,7 @@ class WDSViewSliders_wds {
1704
  <label for="built_in_watermark_font">Watermark font style: </label>
1705
  </td>
1706
  <td>
1707
- <select name="built_in_watermark_font" id="built_in_watermark_font" style="width:150px;" onchange="preview_built_in_watermark()">
1708
  <?php
1709
  foreach ($built_in_watermark_fonts as $watermark_font) {
1710
  ?>
@@ -1798,54 +1941,121 @@ class WDSViewSliders_wds {
1798
  <thead>
1799
  <tr>
1800
  <td colspan="4">
 
 
 
 
 
 
 
 
 
 
 
 
 
1801
  <div class="wds_buttons">
1802
  <?php
1803
  if ($row->spider_uploader) {
1804
  ?>
1805
- <a href="<?php echo add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'wds_add_image', 'image_for' => 'add_slides', 'TB_iframe' => '1'), admin_url('admin-ajax.php')); ?>" class="button-primary thickbox thickbox-preview" title="Add Images" onclick="return false;">
 
1806
  Add Images
1807
  </a>
 
1808
  <?php
1809
  }
1810
  else {
1811
  ?>
1812
- <input type="button" class="button-primary" id="button_image_url" onclick="spider_media_uploader('button_image_url', event, true); return false;" value="Add Images" />
 
 
1813
  <?php
1814
  }
1815
  ?>
1816
- <input class="button-secondary wds_free_button" type="button" value="Add Posts" onclick="alert('This functionality is disabled in free version.')" />
1817
- <input class="button-secondary" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
1818
- spider_set_input_value('task', 'set_watermark');
 
 
 
1819
  spider_ajax_save('sliders_form', event);" value="Set Watermark" />
1820
- <input class="button-secondary" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
 
 
1821
  spider_set_input_value('task', 'reset_watermark');
1822
  spider_ajax_save('sliders_form', event);" value="Reset Watermark" />
 
 
1823
  </div>
1824
  </td>
1825
  </tr>
1826
  </thead>
1827
  <tbody style="display: block;">
1828
- <tr>
1829
- <td class="spider_label"><label for="name">Slider name: <span style="color:#FF0000;">*</span> </label></td>
1830
- <td><input type="text" id="name" name="name" value="<?php echo $row->name; ?>" size="39" /></td>
1831
- </tr>
1832
  <tr style="display: block;">
1833
  <td colspan="4" style="display: block;">
1834
- <div class="wds_tabs wbs_subtab aui-sortable">
 
1835
  <?php
1836
  foreach ($slides_row as $key => $slide_row) {
1837
  ?>
1838
- <a id="wbs_subtab<?php echo $slide_row->id; ?>" class="connectedSortable <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?>" href="#">
1839
- <div class="handle" title="Drag to re-order"></div>
1840
- <input type="text" id="title<?php echo $slide_row->id; ?>" name="title<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->title; ?>" class="wds_tab_title" tab_type="slide<?php echo $slide_row->id; ?>" onclick="wds_change_sub_tab(this, 'wds_slide<?php echo $slide_row->id; ?>')"/>
1841
- <span class="wds_slide_dublicate" onclick="wds_duplicate_slide('<?php echo $slide_row->id; ?>');" title="Duplicate slide"></span>
1842
- <span class="wds_tab_remove" title="Delete slide" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')"></span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1843
  <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
1844
- </a>
 
 
 
 
 
1845
  <?php
1846
  }
1847
  ?>
1848
- <a class="wds_add_layer" href="#" title="Add slide" onclick="wds_add_slide()">+</a>
 
 
 
1849
  <div class="wds_clear"></div>
1850
  </div>
1851
  <?php
@@ -1856,36 +2066,56 @@ class WDSViewSliders_wds {
1856
  <thead><tr><td colspan="4">&nbsp;</td></tr></thead>
1857
  <tbody>
1858
  <input type="hidden" name="type<?php echo $slide_row->id; ?>" id="type<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->type; ?>" />
1859
- <tr>
 
1860
  <td colspan="4">
 
 
1861
  <?php
1862
  if (!$row->spider_uploader) {
1863
  ?>
1864
- <input type="button" class="button-primary" id="button_image_url<?php echo $slide_row->id; ?>" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" value="Add Image" />
 
 
1865
  <?php
1866
  }
1867
  else {
1868
  ?>
1869
- <a href="<?php echo add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), admin_url('admin-ajax.php')); ?>" class="button-primary thickbox thickbox-preview" title="Add Image" onclick="return false;">
1870
- Add Image
1871
- </a>
 
 
1872
  <?php
1873
  }
1874
  ?>
1875
- <input type="button" class="button-primary" onclick="wds_add_image_url('<?php echo $slide_row->id; ?>')" value="Add Image by URL" />
1876
- <input type="button" class="button-secondary wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Add Video" />
1877
- <input type="button" class="button-secondary wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Embed Media" />
1878
- <input class="button-secondary wds_free_button" type="button" value="Add Post" onclick="alert('This functionality is disabled in free version.')" />
1879
- <input type="button" class="button-secondary" id="delete_image_url<?php echo $slide_row->id; ?>" onclick="spider_remove_url('image_url<?php echo $slide_row->id; ?>', 'wds_preview_image<?php echo $slide_row->id; ?>')" value="Remove" />
 
 
 
 
 
 
 
 
 
 
 
 
 
1880
  <input type="hidden" id="image_url<?php echo $slide_row->id; ?>" name="image_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->image_url; ?>" />
1881
  <input type="hidden" id="thumb_url<?php echo $slide_row->id; ?>" name="thumb_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->thumb_url; ?>" />
1882
  </td>
1883
  </tr>
1884
- <tr>
1885
  <td colspan="4">
1886
  <div id="wds_preview_wrapper_<?php echo $slide_row->id; ?>" class="wds_preview_wrapper" style="width: <?php echo $row->width; ?>px; height: <?php echo $row->height; ?>px;">
1887
  <div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">
1888
- <div id="wds_preview_image<?php echo $slide_row->id; ?>" class="wds_preview_image<?php echo $slide_row->id; ?>"
1889
  style='background-color: <?php echo WDW_S_Library::spider_hex2rgba($row->background_color, (100 - $row->background_transparent) / 100); ?>;
1890
  background-image: url("<?php echo $slide_row->type != 'image' ? $slide_row->thumb_url : $slide_row->image_url . '?date=' . date('Y-m-d H:i:s'); ?>");
1891
  background-position: center center;
@@ -1942,43 +2172,68 @@ class WDSViewSliders_wds {
1942
  </td>
1943
  </tr>
1944
  <tr>
1945
- <td class="spider_label"><label>Published: </label></td>
1946
- <td>
1947
- <input type="radio" id="published<?php echo $slide_row->id; ?>1" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? 'checked="checked"' : ''); ?> value="1" /><label for="published<?php echo $slide_row->id; ?>1">Yes</label>
1948
- <input type="radio" id="published<?php echo $slide_row->id; ?>0" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? '' : 'checked="checked"'); ?> value="0" /><label for="published<?php echo $slide_row->id; ?>0">No</label>
1949
- </td>
1950
- </tr>
1951
- <tr id="trlink<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'image' ? '' : 'style="display: none;"'; ?>>
1952
- <td class="spider_label">
1953
- <label for="link<?php echo $slide_row->id; ?>">Link the slide to: </label>
1954
- </td>
1955
  <td>
1956
- <input id="link<?php echo $slide_row->id; ?>" type="text" size="39" value="<?php echo $slide_row->link; ?>" name="link<?php echo $slide_row->id; ?>" />
1957
- <input id="target_attr_slide<?php echo $slide_row->id; ?>" type="checkbox" name="target_attr_slide<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? 'checked="checked"' : ''); ?> value="1" /><label for="target_attr_slide<?php echo $slide_row->id; ?>"> Open in a new window</label>
1958
- <div class="spider_description">You can set a redirection link, so that the user will get to the mentioned location upon hitting the slide.<br />Use http:// and https:// for external links.</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1959
  </td>
1960
  </tr>
1961
- <tr>
1962
  <td colspan="4">
1963
- <input type="button" class="button-<?php echo !$fv ? "primary" : "secondary wds_free_button"; ?> button button-small" onclick="<?php echo !$fv ? "wds_add_layer('text', '" . $slide_row->id . "')" : "alert('This functionality is disabled in free version.')"; ?>; return false;" value="Add Text Layer" />
 
 
 
 
1964
  <?php
1965
  if (!$row->spider_uploader) {
1966
  ?>
1967
- <input type="button" class="button-<?php echo !$fv ? "primary" : "secondary wds_free_button"; ?> button button-small" onclick="<?php echo !$fv ? "wds_add_layer('image', '" . $slide_row->id . "', '', event)" : "alert('This functionality is disabled in free version.')"; ?>; return false;" value="Add Image Layer" />
 
 
1968
  <?php
1969
  }
1970
  else {
1971
  ?>
1972
- <a href="<?php echo !$fv ? add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'wds_add_image', 'image_for' => 'add_layer', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), admin_url('admin-ajax.php')) : ''; ?>" onclick="<?php echo !$fv ? '' : "alert('This functionality is disabled in free version.')"; ?>; return false;" class="button-<?php echo !$fv ? "primary thickbox thickbox-preview" : "secondary wds_free_button"; ?> button button-small" title="Add Image Layer">
1973
- Add Image layer
1974
- </a>
 
 
1975
  <?php
1976
  }
1977
  ?>
1978
- <input type="button" class="button-secondary button button-small wds_free_button" id="button_video_url<?php echo $slide_row->id; ?>" onclick="alert('This functionality is disabled in free version.'); return false;" value="Add Video Layer" />
1979
- <input type="button" class="button-secondary button button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" value="Embed Media Layer" />
1980
- <input type="button" class="button-secondary button button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" value="Add Social Button Layer" />
1981
- <input type="button" class="button-secondary button button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" value="Add Hotspot Layer" />
 
 
 
 
 
 
 
 
 
 
1982
  </td>
1983
  </tr>
1984
  </tbody>
@@ -1988,14 +2243,19 @@ class WDSViewSliders_wds {
1988
  foreach ($layers_row as $key => $layer) {
1989
  $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
1990
  ?>
1991
- <tbody id="<?php echo $prefix; ?>_tbody">
1992
  <tr class="wds_layer_head_tr">
1993
  <td class="wds_layer_head" colspan="4">
1994
- <div class="handle connectedSortable" title="Drag to re-order"></div>
1995
- <span class="wds_layer_label" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 0)"><input id="<?php echo $prefix; ?>_title" name="<?php echo $prefix; ?>_title" type="text" class="wds_layer_title" style="width: 80px;" value="<?php echo $layer->title; ?>" title="Layer title" /></span>
1996
- <span class="wds_layer_remove" onclick="wds_delete_layer('<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>')" title="Delete layer"></span>
1997
- <span class="wds_layer_dublicate" onclick="wds_add_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '', 1, 0); wds_duplicate_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>');" title="Duplicate layer"></span>
1998
- <input id="<?php echo $prefix; ?>_depth" class="wds_layer_depth spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({zIndex: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->depth; ?>" prefix="<?php echo $prefix; ?>" name="<?php echo $prefix; ?>_depth" title="z-index" />
 
 
 
 
 
1999
  </td>
2000
  </tr>
2001
  <?php
@@ -2003,501 +2263,555 @@ class WDSViewSliders_wds {
2003
  /*--------text layer----------*/
2004
  case 'text': {
2005
  ?>
2006
- <tr class="wds_layer_tr" style="display: none;">
2007
- <td class="spider_label">
2008
- <label for="<?php echo $prefix; ?>_text">Text: </label>
2009
- </td>
2010
- <td>
2011
- <textarea id="<?php echo $prefix; ?>_text" name="<?php echo $prefix; ?>_text" style="width: 222px; height: 60px; resize: vertical;" onkeyup="wds_new_line('<?php echo $prefix; ?>');"><?php echo $layer->text; ?></textarea>
2012
- <input type="button" class="wds_editor_btn button-secondary" onclick="alert('This functionality is disabled in free version.')" value="Editor" />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2013
  <div class="spider_description"></div>
2014
- </td>
2015
- <td class="spider_label">
2016
- <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2017
- </td>
2018
- <td>
2019
- <span style="display: table-cell;">
2020
- <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2021
- <div class="spider_description">Start</div>
2022
- </span>
2023
- <span style="display: table-cell;">
2024
- <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2025
- <?php
2026
- foreach ($layer_effects_in as $key => $layer_effect_in) {
2027
- ?>
2028
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2029
- <?php
2030
- }
2031
- ?>
2032
- </select>
2033
- <div class="spider_description">Effect</div>
2034
- </span>
2035
- <span style="display: table-cell;">
2036
- <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2037
- <div class="spider_description">Duration</div>
2038
- </span>
2039
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2040
- </td>
2041
- </tr>
2042
- <tr class="wds_layer_tr" style="display: none;">
2043
- <td class="spider_label">
2044
- <label for="<?php echo $prefix; ?>_image_width">Dimensions: </label>
2045
- </td>
2046
- <td>
2047
- <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_text_width(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2048
- <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_text_height(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> %
2049
- <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_break_word(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Break-word</label>
2050
- <div class="spider_description">Leave blank to keep the initial width and height.</div>
2051
- </td>
2052
- <td class="spider_label">
2053
- <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2054
- </td>
2055
- <td>
2056
- <span style="display: table-cell;">
2057
- <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2058
- <div class="spider_description">Start</div>
2059
- </span>
2060
- <span style="display: table-cell;">
2061
- <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2062
- <?php
2063
- foreach ($layer_effects_out as $key => $layer_effect_out) {
2064
- ?>
2065
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2066
- <?php
2067
- }
2068
- ?>
2069
- </select>
2070
- <div class="spider_description">Effect</div>
2071
- </span>
2072
- <span style="display: table-cell;">
2073
- <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2074
- <div class="spider_description">Duration</div>
2075
- </span>
2076
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2077
- </td>
2078
- </tr>
2079
- <tr class="wds_layer_tr" style="display: none;">
2080
- <td class="spider_label">
2081
- <label>Position: </label>
2082
- </td>
2083
- <td>
2084
- X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2085
- Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2086
- <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2087
- </td>
2088
- <td class="spider_label">
2089
- <label for="<?php echo $prefix; ?>_padding">Padding: </label>
2090
- </td>
2091
- <td>
2092
- <input id="<?php echo $prefix; ?>_padding" class="spider_char_input" type="text" onchange="document.getElementById('<?php echo $prefix; ?>').style.padding=jQuery(this).val();" value="<?php echo $layer->padding; ?>" name="<?php echo $prefix; ?>_padding">
2093
- <div class="spider_description">Use CSS type values.</div>
2094
- </td>
2095
- </tr>
2096
- <tr class="wds_layer_tr" style="display: none;">
2097
- <td class="spider_label">
2098
- <label for="<?php echo $prefix; ?>_size">Size: </label>
2099
- </td>
2100
- <td>
2101
- <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
2102
- <div class="spider_description"></div>
2103
- </td>
2104
- <td class="spider_label">
2105
- <label for="<?php echo $prefix; ?>_fbgcolor">Background Color: </label>
2106
- </td>
2107
- <td>
2108
- <input id="<?php echo $prefix; ?>_fbgcolor" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#<?php echo $prefix; ?>_transparent').val())})" value="<?php echo $layer->fbgcolor; ?>" name="<?php echo $prefix; ?>_fbgcolor" />
2109
- <div class="spider_description"></div>
2110
- </td>
2111
- </tr>
2112
- <tr class="wds_layer_tr" style="display: none;">
2113
- <td class="spider_label">
2114
- <label for="<?php echo $prefix; ?>_color">Color: </label>
2115
- </td>
2116
- <td>
2117
- <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
2118
- <div class="spider_description"></div>
2119
- </td>
2120
- <td class="spider_label">
2121
- <label for="<?php echo $prefix; ?>_transparent">Transparent: </label>
2122
- </td>
2123
- <td>
2124
- <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery('#<?php echo $prefix; ?>_fbgcolor').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent"> %
2125
- <div class="spider_description">Value must be between 0 to 100.</div>
2126
- </td>
2127
- </tr>
2128
- <tr class="wds_layer_tr" style="display: none;">
2129
- <td class="spider_label">
2130
- <label for="<?php echo $prefix; ?>_ffamily">Font family: </label>
2131
- </td>
2132
- <td>
2133
- <select style="width: 200px;" id="<?php echo $prefix; ?>_ffamily" onchange="wds_change_fonts('<?php echo $prefix; ?>', 1)" name="<?php echo $prefix; ?>_ffamily">
2134
- <?php
2135
- $fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
2136
- foreach ($fonts as $key => $font_family) {
2137
- ?>
2138
- <option value="<?php echo $key; ?>" <?php echo (($layer->ffamily == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
2139
- <?php
2140
- }
2141
- ?>
2142
- </select>
2143
- <input id="<?php echo $prefix; ?>_google_fonts1" type="radio" name="<?php echo $prefix; ?>_google_fonts" value="1" <?php echo (($layer->google_fonts) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2144
- <label for="<?php echo $prefix; ?>_google_fonts1">Google fonts</label>
2145
- <input id="<?php echo $prefix; ?>_google_fonts0" type="radio" name="<?php echo $prefix;?>_google_fonts" value="0" <?php echo (($layer->google_fonts) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2146
- <label for="<?php echo $prefix; ?>_google_fonts0">Default</label>
2147
- <div class="spider_description"></div>
2148
- </td>
2149
- <td class="spider_label">
2150
- <label for="<?php echo $prefix; ?>_border_width">Border: </label>
2151
- </td>
2152
- <td>
2153
- <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
2154
- <select id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
2155
- <?php
2156
- foreach ($border_styles as $key => $border_style) {
2157
- ?>
2158
- <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2159
- <?php
2160
- }
2161
- ?>
2162
- </select>
2163
- <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
2164
- <div class="spider_description"></div>
2165
- </td>
2166
- </tr>
2167
- <tr class="wds_layer_tr" style="display: none;">
2168
- <td class="spider_label">
2169
- <label for="<?php echo $prefix; ?>_fweight">Font weight: </label>
2170
- </td>
2171
- <td>
2172
- <select id="<?php echo $prefix; ?>_fweight" onchange="jQuery('#<?php echo $prefix; ?>').css({fontWeight: jQuery(this).val()})" name="<?php echo $prefix; ?>_fweight">
2173
- <?php
2174
- foreach ($font_weights as $key => $fweight) {
2175
- ?>
2176
- <option value="<?php echo $key; ?>" <?php echo (($layer->fweight == $key) ? 'selected="selected"' : ''); ?>><?php echo $fweight; ?></option>
2177
- <?php
2178
- }
2179
- ?>
2180
- </select>
2181
  <div class="spider_description"></div>
2182
- </td>
2183
- <td class="spider_label">
2184
- <label for="<?php echo $prefix; ?>_border_radius">Radius: </label>
2185
- </td>
2186
- <td>
2187
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
2188
- <div class="spider_description">Use CSS type values.</div>
2189
- </td>
2190
- </tr>
2191
- <tr class="wds_layer_tr" style="display: none;">
2192
- <td class="spider_label">
2193
- <label for="<?php echo $prefix; ?>_link">Link: </label>
2194
- </td>
2195
- <td>
2196
- <input id="<?php echo $prefix; ?>_link" type="text" size="39" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
2197
- <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"> Open in a new window</label>
2198
- <div class="spider_description">Use http:// and https:// for external links.</div>
2199
- </td>
2200
- <td class="spider_label">
2201
- <label for="<?php echo $prefix; ?>_shadow">Shadow: </label>
2202
- </td>
2203
- <td>
2204
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
2205
- <div class="spider_description">Use CSS type values (e.g. 10px 10px 5px #888888).</div>
2206
- </td>
2207
- </tr>
2208
- <tr class="wds_layer_tr" style="display: none;">
2209
- <td class="spider_label">
2210
- <label>Published: </label>
2211
- </td>
2212
- <td>
2213
- <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2214
- <label for="<?php echo $prefix; ?>_published1">Yes</label>
2215
- <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?> />
2216
- <label for="<?php echo $prefix; ?>_published0">No</label>
2217
  <div class="spider_description"></div>
2218
- </td>
2219
- </tr>
 
 
 
 
 
 
 
 
 
 
 
 
2220
  <?php
2221
  break;
2222
  }
2223
  /*--------image layer----------*/
2224
  case 'image': {
2225
  ?>
2226
- <tr class="wds_layer_tr" style="display: none;">
2227
- <td class="spider_label">
2228
- <label>Dimensions: </label>
2229
- </td>
2230
- <td>
2231
- <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $layer->image_url; ?>" />
2232
- <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2233
- <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> px
2234
- <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_scale(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Scale</label>
2235
- <input class="button-secondary wds_free_button" type="button" value="Edit Image" onclick="alert('This functionality is disabled in free version.')" />
2236
- <div class="spider_description">Set width and height of the image.</div>
2237
- </td>
2238
- <td class="spider_label">
2239
- <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2240
- </td>
2241
- <td>
2242
- <span style="display: table-cell;">
2243
- <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2244
- <div class="spider_description">Start</div>
2245
- </span>
2246
- <span style="display: table-cell;">
2247
- <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2248
- <?php
2249
- foreach ($layer_effects_in as $key => $layer_effect_in) {
2250
- ?>
2251
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2252
- <?php
2253
- }
2254
- ?>
2255
- </select>
2256
- <div class="spider_description">Effect</div>
2257
- </span>
2258
- <span style="display: table-cell;">
2259
- <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2260
- <div class="spider_description">Duration</div>
2261
- </span>
2262
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2263
- </td>
2264
- </tr>
2265
- <tr class="wds_layer_tr" style="display: none;">
2266
- <td class="spider_label">
2267
- <label for="<?php echo $prefix; ?>_alt">Alt: </label>
2268
- </td>
2269
- <td>
2270
- <input id="<?php echo $prefix; ?>_alt" type="text" size="39" value="<?php echo $layer->alt; ?>" name="<?php echo $prefix; ?>_alt" />
2271
- <div class="spider_description">Set the HTML attribute specified in the IMG tag.</div>
2272
- </td>
2273
- <td class="spider_label">
2274
- <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2275
- </td>
2276
- <td>
2277
- <span style="display: table-cell;">
2278
- <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2279
- <div class="spider_description">Start</div>
2280
- </span>
2281
- <span style="display: table-cell;">
2282
- <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2283
- <?php
2284
- foreach ($layer_effects_out as $key => $layer_effect_out) {
2285
- ?>
2286
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2287
- <?php
2288
- }
2289
- ?>
2290
- </select>
2291
- <div class="spider_description">Effect</div>
2292
- </span>
2293
- <span style="display: table-cell;">
2294
- <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2295
- <div class="spider_description">Duration</div>
2296
- </span>
2297
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2298
- </td>
2299
- </tr>
2300
- <tr class="wds_layer_tr" style="display: none;">
2301
- <td class="spider_label">
2302
- <label for="<?php echo $prefix; ?>_link">Link: </label>
2303
- </td>
2304
- <td>
2305
- <input id="<?php echo $prefix; ?>_link" type="text" size="39" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
2306
- <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"> Open in a new window</label>
2307
- <div class="spider_description">Use http:// and https:// for external links.</div>
2308
- </td>
2309
- <td class="spider_label">
2310
- <label for="<?php echo $prefix; ?>_border_width">Border: </label>
2311
- </td>
2312
- <td>
2313
- <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
2314
- <select id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
2315
- <?php
2316
- foreach ($border_styles as $key => $border_style) {
2317
- ?>
2318
- <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2319
- <?php
2320
- }
2321
- ?>
2322
- </select>
2323
- <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
2324
- <div class="spider_description"></div>
2325
- </td>
2326
- </tr>
2327
- <tr class="wds_layer_tr" style="display: none;">
2328
- <td class="spider_label">
2329
- <label>Position: </label>
2330
- </td>
2331
- <td>
2332
- X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2333
- Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2334
- <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2335
- </td>
2336
- <td class="spider_label">
2337
- <label for="<?php echo $prefix; ?>_border_radius">Radius: </label>
2338
- </td>
2339
- <td>
2340
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
2341
- <div class="spider_description">Use CSS type values.</div>
2342
- </td>
2343
- </tr>
2344
- <tr class="wds_layer_tr" style="display: none;">
2345
- <td class="spider_label">
2346
- <label for="<?php echo $prefix; ?>_imgtransparent">Transparent: </label>
2347
- </td>
2348
- <td>
2349
- <input id="<?php echo $prefix; ?>_imgtransparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->imgtransparent; ?>" name="<?php echo $prefix; ?>_imgtransparent"> %
2350
- <div class="spider_description">Value must be between 0 to 100.</div>
2351
- </td>
2352
- <td class="spider_label">
2353
- <label for="<?php echo $prefix; ?>_shadow">Shadow: </label>
2354
- </td>
2355
- <td>
2356
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
2357
- <div class="spider_description">Use CSS type values.</div>
2358
- </td>
2359
- </tr>
2360
- <tr class="wds_layer_tr" style="display: none;">
2361
- <td class="spider_label">
2362
- <label>Published: </label>
2363
- </td>
2364
- <td>
2365
- <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2366
- <label for="<?php echo $prefix; ?>_published1">Yes</label>
2367
- <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
2368
- <label for="<?php echo $prefix; ?>_published0">No</label>
2369
- <div class="spider_description"></div>
2370
- </td>
2371
- </tr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2372
  <?php
2373
  break;
2374
  }
2375
  /*--------social button layer----------*/
2376
  case 'social': {
2377
  ?>
2378
- <tr class="wds_layer_tr" style="display: none;">
2379
- <td class="spider_label">
2380
- <label>Position: </label>
2381
- </td>
2382
- <td>
2383
- X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2384
- Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2385
- <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2386
- </td>
2387
- <td class="spider_label">
2388
- <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2389
- </td>
2390
- <td>
2391
- <span style="display: table-cell;">
2392
- <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2393
- <div class="spider_description">Start</div>
2394
- </span>
2395
- <span style="display: table-cell;">
2396
- <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2397
- <?php
2398
- foreach ($layer_effects_in as $key => $layer_effect_in) {
2399
- ?>
2400
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2401
- <?php
2402
- }
2403
- ?>
2404
- </select>
2405
- <div class="spider_description">Effect</div>
2406
- </span>
2407
- <span style="display: table-cell;">
2408
- <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2409
- <div class="spider_description">Duration</div>
2410
- </span>
2411
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2412
- </td>
2413
- </tr>
2414
- <tr class="wds_layer_tr" style="display: none;">
2415
- <td class="spider_label">
2416
- <label for="<?php echo $prefix; ?>_social_button">Social button: </label>
2417
- </td>
2418
- <td>
2419
- <select id="<?php echo $prefix; ?>_social_button" onchange="jQuery('#<?php echo $prefix; ?>').attr('class', 'wds_draggable_<?php echo $slide_row->id; ?> wds_draggable fa fa-' + jQuery(this).val())" name="<?php echo $prefix; ?>_social_button">
2420
- <?php
2421
- foreach ($social_buttons as $key => $social_button) {
2422
- ?>
2423
- <option value="<?php echo $key; ?>" <?php echo (($layer->social_button == $key) ? 'selected="selected"' : ''); ?>><?php echo $social_button; ?></option>
2424
- <?php
2425
- }
2426
- ?>
2427
- </select>
2428
- <div class="spider_description"></div>
2429
- </td>
2430
- <td class="spider_label">
2431
- <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2432
- </td>
2433
- <td>
2434
- <span style="display: table-cell;">
2435
- <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2436
- <div class="spider_description">Start</div>
2437
- </span>
2438
- <span style="display: table-cell;">
2439
- <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2440
- <?php
2441
- foreach ($layer_effects_out as $key => $layer_effect_out) {
2442
- ?>
2443
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2444
- <?php
2445
- }
2446
- ?>
2447
- </select>
2448
- <div class="spider_description">Effect</div>
2449
- </span>
2450
- <span style="display: table-cell;">
2451
- <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2452
- <div class="spider_description">Duration</div>
2453
- </span>
2454
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2455
- </td>
2456
- </tr>
2457
- <tr class="wds_layer_tr" style="display: none;">
2458
- <td class="spider_label">
2459
- <label for="<?php echo $prefix; ?>_size">Size: </label>
2460
- </td>
2461
- <td>
2462
- <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
2463
- <div class="spider_description"></div>
2464
- </td>
2465
- <td class="spider_label">
2466
- <label for="<?php echo $prefix; ?>_color">Color: </label>
2467
- </td>
2468
- <td>
2469
- <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
2470
- <div class="spider_description"></div>
2471
- </td>
2472
- </tr>
2473
- <tr class="wds_layer_tr" style="display: none;">
2474
- <td class="spider_label">
2475
- <label for="<?php echo $prefix; ?>_transparent">Transparent: </label>
2476
- </td>
2477
- <td>
2478
- <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent" /> %
2479
- <div class="spider_description">Value must be between 0 to 100.</div>
2480
- </td>
2481
- <td class="spider_label">
2482
- <label for="<?php echo $prefix; ?>_hover_color">Hover Color: </label>
2483
- </td>
2484
- <td>
2485
- <input id="<?php echo $prefix; ?>_hover_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').hover(function() { jQuery(this).css({color: '#' + jQuery('#<?php echo $prefix; ?>_hover_color').val()}); }, function() { jQuery(this).css({color: '#' + jQuery('#<?php echo $prefix; ?>_color').val()}); })" value="<?php echo $layer->hover_color; ?>" name="<?php echo $prefix; ?>_hover_color" />
2486
- <div class="spider_description"></div>
2487
- </td>
2488
- </tr>
2489
- <tr class="wds_layer_tr" style="display: none;">
2490
- <td class="spider_label">
2491
- <label>Published: </label>
2492
- </td>
2493
- <td>
2494
- <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2495
- <label for="<?php echo $prefix; ?>_published1">Yes</label>
2496
- <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
2497
- <label for="<?php echo $prefix; ?>_published0">No</label>
2498
- <div class="spider_description"></div>
2499
- </td>
2500
- </tr>
 
 
 
 
 
 
 
 
 
 
 
 
2501
  <?php
2502
  break;
2503
  }
@@ -2570,6 +2884,14 @@ class WDSViewSliders_wds {
2570
  jQuery("#sliders_form").on("click", "a", function(e) {
2571
  e.preventDefault();
2572
  });
 
 
 
 
 
 
 
 
2573
  </script>
2574
  <div class="opacity_add_image_url opacity_add_video wds_opacity_video" onclick="jQuery('.opacity_add_video').hide();jQuery('.opacity_add_image_url').hide();"></div>
2575
  <div class="opacity_add_video wds_add_video">
32
  $order_class = 'manage-column column-title sorted ' . $asc_or_desc;
33
  $ids_string = '';
34
  ?>
35
+ <style>
36
+ <?php
37
+ global $wp_version;
38
+ if (version_compare($wp_version, '4','<')) {
39
+ ?>
40
+ #wpwrap {
41
+ background-color:#F1F1F1
42
+ }
43
+ @media screen and (max-width: 640px) {
44
+ .buttons_div input {
45
+ width:31%;
46
+ font-size:10px;
47
+ }
48
+
49
+ .tablenav{
50
+ height:auto
51
+ }
52
+
53
+ #wpcontent{
54
+ margin-left:40px!important
55
+ }
56
+ .alignleft {
57
+ display:none;
58
+ }
59
+ }
60
+
61
+ <?php
62
+ }
63
+ ?>
64
+ </style>
65
  <div style="clear: both; float: left; width: 99%;">
66
+ <div style="float: left; font-size: 14px; font-weight: bold;">
67
  This section allows you to create, edit and delete sliders.
68
  <a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-slider-wd-guide-step-2.html">Read More in User Manual</a>
69
  </div>
73
  </a>
74
  </div>
75
  </div>
76
+ <form class="wrap" id="sliders_form" method="post" action="admin.php?page=sliders_wds" style="<!--float: left;--> width: 99%;">
77
  <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
78
  <span class="slider-icon"></span>
79
  <h2>
80
  Sliders
81
  <a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add');
82
+ spider_form_submit(event, 'sliders_form')">Add new</a>
83
  </h2>
84
+
85
+ <div class="tablenav top" style="margin-bottom:25px">
86
+ <?php
87
+ WDW_S_Library::search('Name', $search_value, 'sliders_form');
88
+ ?>
89
+ <div class="buttons_div">
90
+ <span class="wds_button-secondary non_selectable wds_check_all" onclick="spider_check_all_items()">
91
  <input type="checkbox" id="check_all_items" name="check_all_items" onclick="spider_check_all_items_checkbox()" style="margin: 0; vertical-align: middle;" />
92
  <span style="vertical-align: middle;">Select All</span>
93
  </span>
94
+ <input class="wds_button-secondary wds_publish_all" type="submit" onclick="spider_set_input_value('task', 'publish_all')" value="Publish" />
95
+ <input class="wds_button-secondary wds_unpublish_all" type="submit" onclick="spider_set_input_value('task', 'unpublish_all')" value="Unpublish" />
96
+ <input class="wds_button-secondary wds_duplicate_all" type="submit" onclick="spider_set_input_value('task', 'duplicate_all')" value="Duplicate" />
97
+ <input type="button" class="wds_button-secondary wds_export" onclick="alert('This functionality is disabled in free version.')" value="Export" />
98
+ <input type="button" class="wds_button-secondary wds_import" onclick="alert('This functionality is disabled in free version.')" value="Import" />
99
+ <input class="wds_button-secondary wds_delete_all" type="submit" onclick="if (confirm('Do you want to delete selected items?')) {
100
  spider_set_input_value('task', 'delete_all');
101
  } else {
102
  return false;
103
  }" value="Delete" />
104
  </div>
 
 
 
 
 
105
  </div>
106
+ <?php WDW_S_Library::html_page_nav($page_nav['total'], $page_nav['limit'], 'sliders_form');
107
+ ?>
108
  <table class="wp-list-table widefat fixed pages">
109
  <thead>
110
  <th class="manage-column column-cb check-column table_small_col"><input id="check_all" type="checkbox" onclick="spider_check_all(this)" style="margin:0;" /></th>
116
  <span>ID</span><span class="sorting-indicator"></span>
117
  </a>
118
  </th>
119
+
120
+
121
+
122
+ <th class="mobile_hide table_big_col">Slider</th>
123
  <th class="<?php if ($order_by == 'name') {echo $order_class;} ?>">
124
  <a onclick="spider_set_input_value('task', '');
125
  spider_set_input_value('order_by', 'name');
128
  <span>Name</span><span class="sorting-indicator"></span>
129
  </a>
130
  </th>
131
+ <th class="mobile_hide table_big_col">Slides</th>
132
  <th class="table_big_col">Shortcode</th>
133
+ <th class="mobile_hide table_large_col">PHP function</th>
134
+ <th class="mobile_hide table_big_col <?php if ($order_by == 'published') {echo $order_class;} ?>">
135
  <a onclick="spider_set_input_value('task', '');
136
  spider_set_input_value('order_by', 'published');
137
  spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'published') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
139
  <span>Published</span><span class="sorting-indicator"></span>
140
  </a>
141
  </th>
142
+ <th class="mobile_hide table_big_col wds_table_big_col_action" colspan='3'>Action</th>
 
143
  </thead>
144
  <tbody id="tbody_arr">
145
  <?php
146
  if ($rows_data) {
147
+ $alternate = '';
148
  foreach ($rows_data as $row_data) {
149
+ $alternate = ($alternate == 'class="wds_alternate"') ? '' : 'class="wds_alternate"';
150
+ $published_image = (($row_data->published) ? 'publish_slide' : 'unpublish_slide');
151
+ $published = (($row_data->published) ? 'unpublish' : 'publish');
152
+ $prev_img_url = $this->model->get_slider_prev_img($row_data->id);
153
+ $slides_count = $this->model->get_slides_count($row_data->id);
154
  ?>
155
  <tr id="tr_<?php echo $row_data->id; ?>" <?php echo $alternate; ?>>
156
  <td class="table_small_col check-column"><input id="check_<?php echo $row_data->id; ?>" name="check_<?php echo $row_data->id; ?>" onclick="spider_check_all(this)" type="checkbox" /></td>
157
  <td class="table_small_col"><?php echo $row_data->id; ?></td>
158
+ <td class="mobile_hide table_big_col">
159
  <img title="<?php echo $row_data->name; ?>" style="border: 1px solid #CCCCCC; max-width: 70px; max-height: 50px;" src="<?php echo $prev_img_url . '?date=' . date('Y-m-y H:i:s'); ?>">
160
  </td>
161
+ <td class="wds_640">
162
  <a onclick="spider_set_input_value('task', 'edit');
163
  spider_set_input_value('page_number', '1');
164
  spider_set_input_value('search_value', '');
169
  spider_form_submit(event, 'sliders_form')" href="" title="Edit"><?php echo $row_data->name; ?>
170
  </a>
171
  </td>
172
+ <td class="mobile_hide table_big_col"><?php echo $slides_count; ?></td>
173
  <td class="table_big_col" style="padding-left: 0; padding-right: 0;">
174
  <input type="text" value='[wds id="<?php echo $row_data->id; ?>"]' onclick="spider_select_value(this)" size="11" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
175
  </td>
176
+ <td class="mobile_hide table_large_col" style="padding-left: 0; padding-right: 0;">
177
  <input type="text" value="&#60;?php wd_slider(<?php echo $row_data->id; ?>); ?&#62;" onclick="spider_select_value(this)" size="23" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
178
  </td>
179
+ <td class="mobile_hide table_big_col"><a onclick="spider_set_input_value('task', '<?php echo $published; ?>');spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');spider_form_submit(event, 'sliders_form')" href=""><img src="<?php echo WD_S_URL . '/images/sliderwdpng/' . $published_image . '.png'; ?>"></img></a></td>
180
+ <td class="mobile_hide table_big_col" colspan="3">
181
+ <div class='slider_edit_buttons'>
182
+ <div class="slider_edit">
183
+ <input type="button" value="Edit" class="action_buttons edit_slider" onclick="spider_set_input_value('task', 'edit');
184
+ spider_set_input_value('page_number', '1');
185
+ spider_set_input_value('search_value', '');
186
+ spider_set_input_value('search_or_not', '');
187
+ spider_set_input_value('asc_or_desc', 'asc');
188
+ spider_set_input_value('order_by', 'order');
189
+ spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
190
+ spider_form_submit(event, 'sliders_form')" />
191
+ </div>
192
+ <div class="slider_delete">
193
+ <input type="button" class="action_buttons wds_delete_slider" value="Delete" onclick="if (confirm('Do you want to delete selected items?')) {spider_set_input_value('task', 'delete');
194
+ spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
195
+ spider_form_submit(event, 'sliders_form')} else {return false;}" />
196
+ </div>
197
+ <div class="clear"></div>
198
+ </div>
199
+ </td>
200
  </tr>
201
  <?php
202
  $ids_string .= $row_data->id . ',';
213
  </form>
214
  <?php
215
  }
 
216
  public function edit($id, $reset = FALSE) {
217
  $row = $this->model->get_row_data($id, $reset);
218
  $slides_row = $this->model->get_slides_row_data($id);
431
  $fv_title = '';
432
  }
433
  ?>
434
+ <style>
435
+ <?php
436
+ global $wp_version;
437
+ if (version_compare($wp_version, '4','<')) {
438
+ ?>
439
+ #wpwrap {
440
+ background-color:#F1F1F1
441
+ }
442
+
443
+ .tab_button_wrap {
444
+ width:46%;
445
+ }
446
+
447
+ .tab_button_wrap .wds_button-secondary {
448
+ margin-right: 7px;
449
+ }
450
+ @media screen and (max-width: 640px) {
451
+ .buttons_div input {
452
+ width:31%;
453
+ font-size:11px
454
+ }
455
+
456
+ body{
457
+ min-width:inherit !Important;
458
+ }
459
+
460
+ .tablenav{
461
+ height:auto
462
+ }
463
+
464
+ #wpcontent{
465
+ margin-left:40px!important
466
+ }
467
+ .tab_button_wrap, .buttons_conteiner .wds_buttons .wds_button_wrap {
468
+ width:48.5%;
469
+ }
470
+ .action_buttons {
471
+ font-size: 10px !important;
472
+ }
473
+ .add_social_layer {
474
+ padding: 0 7px 1px 35px !important;
475
+ }
476
+ #TB_window{
477
+ top:5% !important
478
+ }
479
+
480
+ .attachments-browser .attachments{
481
+ right:0 !Important
482
+ }
483
+ .media-modal {
484
+ width: 100% !Important;
485
+ left:0 !Important;
486
+ position:fixed !important
487
+ }
488
+ .media-sidebar{
489
+ bottom:120% !Important;
490
+ padding:0 !Important
491
+ }
492
+ .media-modal-backdrop{
493
+ position:fixed !important
494
+ }
495
+ .uploader-inline{
496
+ right:0!important
497
+ }
498
+
499
+ }
500
+ <?php
501
+ }
502
+ ?>
503
+ </style>
504
  <div class="spider_message_cont"></div>
505
  <div class="spider_load">
506
  <div class="spider_load_cont"></div>
507
+ <div class="spider_load_icon"><img class="spider_ajax_loading" src="<?php echo WD_S_URL . '/images/ajax_loader.gif'; ?>"></div>
508
  </div>
509
  <div style="clear: both; float: left; width: 99%;">
510
  <div style="float: left; font-size: 14px; font-weight: bold;">
521
  <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
522
  <span class="slider-icon"></span>
523
  <h2><?php echo $page_title; ?></h2>
524
+ <div class="buttons_conteiner">
525
+ <div class="slider_title_conteiner">
526
+ <span class="spider_label"><label for="name"><?php _e('Slider Title:','wds_back'); ?> <span style="color:#FF0000;">*</span> </label></span>
527
+ <span><input type="text" id="name" name="name" value="<?php echo $row->name; ?>" size="20" /></span>
528
+ </div>
529
+ <div class="wds_buttons">
530
+ <div class="wds_button_wrap">
531
+ <input class="wds_button-secondary wds_save_slider" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
532
+ spider_set_input_value('task', 'save');
533
+ spider_ajax_save('sliders_form', event);" value="Save" />
534
+ </div>
535
+ <div class="wds_button_wrap">
536
+ <input class="wds_button-secondary wds_aplly_slider" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
537
+ spider_set_input_value('task', 'apply');
538
+ spider_ajax_save('sliders_form', event);" value="Apply" />
539
+ </div>
540
+ <div class="wds_button_wrap">
541
+ <input id="wds_preview" type="button" class="action_buttons" value="Preview"
542
+ onclick="if (wds_check_required('name', 'Name')) { return false;}; spider_set_input_value('task', 'preview'); spider_ajax_save('sliders_form', event); return false;" />
543
+ </div>
544
+ <div class="wds_button_wrap">
545
+ <input type="button" class="wds_button-secondary wds_export_one" onclick="alert('This functionality is disabled in free version.')" value="Export" />
546
+ </div>
547
+ <div class="wds_button_wrap">
548
+ <input class="wds_button-secondary last wds_cancel" type="submit" onclick="spider_set_input_value('task', 'cancel')" value="Cancel" />
549
+ </div>
550
+ </div>
551
  <div class="wds_clear"></div>
552
  </div>
553
  <div>
554
  <div class="wds_reset_button">
555
+ <input class="reset_settings" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
556
  spider_set_input_value('task', 'reset');
557
  spider_ajax_save('sliders_form', event);" value="Reset Settings" />
558
  </div>
559
  <!--------------Settings tab----------->
560
  <div class="wds_box wds_settings_box">
561
+ <table>
562
+ <thead>
563
+ <tr>
564
+ <td colspan="4">
565
+ <div class="tab_conteiner">
566
+ <div class="tab_button_wrap setting_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
567
+ <a class="wds_button-secondary wds_settings" href="#">
568
+ <span tab_type="settings" class="wds_tab_label">Settings</span>
569
+ </a>
570
+ </div>
571
+ <div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')">
572
+ <a class="wds_button-secondary wds_slides" href="#">
573
+ <span tab_type="slides" class="wds_tab_label">Slides</span>
574
+ </a>
575
+ </div>
576
+ <div class="clear"></div>
577
+ </div>
578
+ </td>
579
+ </tr>
580
+ </thead>
581
+ </table>
582
  <div class="wds_nav_tabs">
583
+ <div class="wds_menu_icon" onclick="jQuery('.wds_nav_tabs ul').slideToggle(500);"></div>
584
  <ul>
585
  <li tab_type="global" onclick="wds_change_nav(this, 'wds_nav_global_box')">
586
  <a href="#">Global</a>
623
  <tr>
624
  <td class="spider_label"><label>Full width: </label></td>
625
  <td>
626
+ <input type="radio" id="full_width1" name="full_width" <?php echo (($row->full_width) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->full_width) ? 'class="selected_color"' : ''); ?> for="full_width1">Yes</label>
627
+ <input type="radio" id="full_width0" name="full_width" <?php echo (($row->full_width) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo ($row->full_width) ? '' : 'class="selected_color"'; ?> for="full_width0">No</label>
628
  <input type="text" name="ratio" id="ratio" value="" class="spider_int_input" onchange="wds_whr('ratio')" onkeypress="return spider_check_isnum(event)" /><label for="ratio">Ratio</label>
629
  <div class="spider_description">The image will stretch to the page width, taking the height based on dimensions ratio.</div>
630
  </td>
632
  <tr>
633
  <td class="spider_label"><label>Background fit: </label></td>
634
  <td>
635
+ <input type="radio" name="bg_fit" id="bg_fit_cover" value="cover" <?php if ($row->bg_fit == 'cover') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'cover'})" /><label <?php echo $row->bg_fit == 'cover' ? 'class="selected_color"' : ''; ?> for="bg_fit_cover">Cover</label>
636
+ <input type="radio" name="bg_fit" id="bg_fit_fill" value="100% 100%" <?php if ($row->bg_fit == '100% 100%') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: '100% 100%'})" /><label <?php echo $row->bg_fit == '100% 100%' ? 'class="selected_color"' : ''; ?> for="bg_fit_fill">Fill</label>
637
+ <input type="radio" name="bg_fit" id="bg_fit_contain" value="contain" <?php if ($row->bg_fit == 'contain') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'contain'})" /><label <?php echo $row->bg_fit == 'contain' ? 'class="selected_color"' : ''; ?> for="bg_fit_contain">Contain</label>
638
  </td>
639
  </tr>
640
  <tr>
648
  <tr>
649
  <td class="spider_label"><label for="align">Align: </label></td>
650
  <td>
651
+ <select class="select_icon select_icon_320" name="align" id="align">
652
  <?php
653
  foreach ($aligns as $key => $align) {
654
  ?>
665
  <label for="effect">Effect:</label>
666
  </td>
667
  <td>
668
+ <select class="select_icon select_icon_320" name="effect" id="effect">
669
  <?php
670
  foreach ($effects as $key => $effect) {
671
  ?>
695
  <tr>
696
  <td class="spider_label"><label>Autoplay: </label></td>
697
  <td>
698
+ <input type="radio" id="autoplay1" name="autoplay" <?php echo (($row->autoplay) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->autoplay) ? 'class="selected_color"' : ''); ?> for="autoplay1">Yes</label>
699
+ <input type="radio" id="autoplay0" name="autoplay" <?php echo (($row->autoplay) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->autoplay) ? '' : 'class="selected_color"'); ?> for="autoplay0">No</label>
700
  <div class="spider_description">Choose whether to autoplay the sliders or not.</div>
701
  </td>
702
  </tr>
710
  <tr>
711
  <td class="spider_label"><label>Stop on hover: </label></td>
712
  <td>
713
+ <input type="radio" id="stop_animation1" name="stop_animation" <?php echo (($row->stop_animation) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->stop_animation) ? 'class="selected_color"' : ''); ?> for="stop_animation1">Yes</label>
714
+ <input type="radio" id="stop_animation0" name="stop_animation" <?php echo (($row->stop_animation) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->stop_animation) ? '' : 'class="selected_color"'); ?> for="stop_animation0">No</label>
715
  <div class="spider_description">The option works when autoplay is on.</div>
716
  </td>
717
  </tr>
718
  <tr>
719
  <td class="spider_label"><label>Shuffle: </label></td>
720
  <td>
721
+ <input type="radio" id="shuffle1" name="shuffle" <?php echo (($row->shuffle) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->shuffle) ? 'class="selected_color"' : ''); ?> for="shuffle1">Yes</label>
722
+ <input type="radio" id="shuffle0" name="shuffle" <?php echo (($row->shuffle) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->shuffle) ? '' : 'class="selected_color"'); ?> for="shuffle0">No</label>
723
  <div class="spider_description">Choose whether to have the slides change in a random manner or to keep the original sequence.</div>
724
  </td>
725
  </tr>
733
  <tr>
734
  <td class="spider_label"><label>Music: </label></td>
735
  <td>
736
+ <input type="radio" id="music1" name="music" <?php echo (($row->music) ? 'checked="checked"' : ''); ?> value="1" onClick="bwg_enable_disable('', 'tr_music_url', 'music1')" /><label <?php echo (($row->music) ? 'class="selected_color"' : ''); ?> for="music1">Yes</label>
737
+ <input type="radio" id="music0" name="music" <?php echo (($row->music) ? '' : 'checked="checked"'); ?> value="0" onClick="bwg_enable_disable('none', 'tr_music_url', 'music0')" /><label <?php echo (($row->music) ? '' : 'class="selected_color"'); ?> for="music0">No</label>
738
  <div class="spider_description">Choose whether to have music/audio track playback with the slider or not.</div>
739
  </td>
740
  </tr>
751
  <tr>
752
  <td class="spider_label"><label>Smart Load: </label></td>
753
  <td>
754
+ <input type="radio" id="preload_images1" name="preload_images" <?php echo (($row->preload_images) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->preload_images) ? 'class="selected_color"' : ''); ?> for="preload_images1">Yes</label>
755
+ <input type="radio" id="preload_images0" name="preload_images" <?php echo (($row->preload_images) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->preload_images) ? '' : 'class="selected_color"'); ?> for="preload_images0">No</label>
756
  <div class="spider_description">Choose to have faster load for the first few images and process the rest meanwhile.</div>
757
  </td>
758
  </tr>
768
  <td class="spider_label"><label for="glb_border_width">Border: </label></td>
769
  <td>
770
  <input type="text" name="glb_border_width" id="glb_border_width" value="<?php echo $row->glb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
771
+ <select class="select_icon select_icon_320" name="glb_border_style" id="glb_border_style">
772
  <?php
773
  foreach ($border_styles as $key => $border_style) {
774
  ?>
807
  <label>Right click protection: </label>
808
  </td>
809
  <td>
810
+ <input type="radio" name="image_right_click" id="image_right_click_1" value="1" <?php if ($row->image_right_click) echo 'checked="checked"'; ?> /><label <?php echo $row->image_right_click ? 'class="selected_color"' : ''; ?> for="image_right_click_1">Yes</label>
811
+ <input type="radio" name="image_right_click" id="image_right_click_0" value="0" <?php if (!$row->image_right_click) echo 'checked="checked"'; ?> /><label <?php echo $row->image_right_click ? '' : 'class="selected_color"'; ?> for="image_right_click_0">No</label>
812
  <div class="spider_description">Disable image right click possibility.</div>
813
  </td>
814
  </tr>
817
  <label>Layer out on next: </label>
818
  </td>
819
  <td>
820
+ <input type="radio" name="layer_out_next" id="layer_out_next_1" value="1" <?php if ($row->layer_out_next) echo 'checked="checked"'; ?> /><label <?php echo $row->layer_out_next ? 'class="selected_color"' : ''; ?> for="layer_out_next_1">Yes</label>
821
+ <input type="radio" name="layer_out_next" id="layer_out_next_0" value="0" <?php if (!$row->layer_out_next) echo 'checked="checked"'; ?> /><label <?php echo $row->layer_out_next ? '' : 'class="selected_color"'; ?> for="layer_out_next_0">No</label>
822
  <div class="spider_description">Choose whether to have the layer effect out regardless of the timing between the hit to the next slider or skip the effect out and get to the next image.</div>
823
  </td>
824
  </tr>
825
  <tr>
826
  <td class="spider_label"><label>Turn SliderWD Media Upload: </label></td>
827
  <td>
828
+ <input type="radio" id="spider_uploader1" name="spider_uploader" <?php echo (($row->spider_uploader) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->spider_uploader) ? 'class="selected_color"' : ''); ?> for="spider_uploader1">Yes</label>
829
+ <input type="radio" id="spider_uploader0" name="spider_uploader" <?php echo (($row->spider_uploader) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->spider_uploader) ? '' : 'class="selected_color"'); ?> for="spider_uploader0">No</label>
830
  <div class="spider_description">Choose the option to use the custom media upload instead of the WordPress default for adding images.</div>
831
  </td>
832
  </tr>
841
  <tr>
842
  <td class="spider_label"><label>Published: </label></td>
843
  <td>
844
+ <input type="radio" id="published1" name="published" <?php echo (($row->published) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->published) ? 'class="selected_color"' : ''); ?> for="published1">Yes</label>
845
+ <input type="radio" id="published0" name="published" <?php echo (($row->published) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->published) ? '' : 'class="selected_color"'); ?> for="published0">No</label>
846
  <div class="spider_description">Choose whether to publish the mentioned slider or not.</div>
847
  </td>
848
  </tr>
905
  <label>Next / Previous buttons: </label>
906
  </td>
907
  <td>
908
+ <input type="radio" name="prev_next_butt" id="prev_next_butt_1" value="1" <?php if ($row->prev_next_butt) echo 'checked="checked"'; ?> /><label <?php echo $row->prev_next_butt ? 'class="selected_color"' : ''; ?> for="prev_next_butt_1">Yes</label>
909
+ <input type="radio" name="prev_next_butt" id="prev_next_butt_0" value="0" <?php if (!$row->prev_next_butt) echo 'checked="checked"'; ?> /><label <?php echo $row->prev_next_butt ? '' : 'class="selected_color"'; ?> for="prev_next_butt_0">No</label>
910
  <div class="spider_description">Choose whether to display Previous and Next buttons or not.</div>
911
  </td>
912
  </tr>
915
  <label>Mouse swipe navigation: </label>
916
  </td>
917
  <td>
918
+ <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_1" value="1" <?php if ($row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_swipe_nav ? 'class="selected_color"' : ''; ?> for="mouse_swipe_nav_1">Yes</label>
919
+ <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_0" value="0" <?php if (!$row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_swipe_nav ? '' : 'class="selected_color"'; ?> for="mouse_swipe_nav_0">No</label>
920
  <div class="spider_description"></div>
921
  </td>
922
  </tr>
925
  <label>Touch swipe navigation: </label>
926
  </td>
927
  <td>
928
+ <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_1" value="1" <?php if ($row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->touch_swipe_nav ? 'class="selected_color"' : ''; ?> for="touch_swipe_nav_1">Yes</label>
929
+ <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_0" value="0" <?php if (!$row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->touch_swipe_nav ? '' : 'class="selected_color"'; ?> for="touch_swipe_nav_0">No</label>
930
  <div class="spider_description"></div>
931
  </td>
932
  </tr>
936
  <label>Mouse wheel navigation: </label>
937
  </td>
938
  <td>
939
+ <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_1" value="1" <?php if ($row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_wheel_nav ? 'class="selected_color"' : ''; ?> for="mouse_wheel_nav_1">Yes</label>
940
+ <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_0" value="0" <?php if (!$row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_wheel_nav ? '' : 'class="selected_color"'; ?> for="mouse_wheel_nav_0">No</label>
941
  <div class="spider_description"></div>
942
  </td>
943
  </tr>
946
  <label>Keyboard navigation: </label>
947
  </td>
948
  <td>
949
+ <input type="radio" name="keyboard_nav" id="keyboard_nav_1" value="1" <?php if ($row->keyboard_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->keyboard_nav ? 'class="selected_color"' : ''; ?> for="keyboard_nav_1">Yes</label>
950
+ <input type="radio" name="keyboard_nav" id="keyboard_nav_0" value="0" <?php if (!$row->keyboard_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->keyboard_nav ? '' : 'class="selected_color"'; ?> for="keyboard_nav_0">No</label>
951
  <div class="spider_description"></div>
952
  </td>
953
  </tr>
956
  <label>Show Navigation buttons: </label>
957
  </td>
958
  <td>
959
+ <input type="radio" name="navigation" id="navigation_1" value="hover" <?php if ($row->navigation == 'hover') echo 'checked="checked"'; ?> /><label <?php echo $row->navigation == 'hover' ? 'class="selected_color"' : ''; ?> for="navigation_1">On hover</label>
960
+ <input type="radio" name="navigation" id="navigation_0" value="always" <?php if ($row->navigation == 'always' ) echo 'checked="checked"'; ?> /><label <?php echo $row->navigation == 'always' ? 'class="selected_color"' : ''; ?> for="navigation_0">Always</label>
961
  <div class="spider_description">Select between the option of always displaying the navigation buttons or only when hovered.</div>
962
  </td>
963
  </tr>
966
  <label>Image for Next / Previous buttons: </label>
967
  </td>
968
  <td>
969
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_our" value="our" <?php if ($row->rl_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('our')" /><label <?php if ($row->rl_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_our">Default</label>
970
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_cust" value="custom" <?php if ($row->rl_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('custom')" /><label <?php if ($row->rl_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_cust">Custom</label>
971
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_style" value="style" <?php if ($row->rl_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('style')" /><label <?php if ($row->rl_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_style">Styled</label>
972
  <input type="hidden" id="right_butt_url" name="right_butt_url" value="<?php echo $row->right_butt_url; ?>" />
973
  <input type="hidden" id="right_butt_hov_url" name="right_butt_hov_url" value="<?php echo $row->right_butt_hov_url; ?>" />
974
  <input type="hidden" id="left_butt_url" name="left_butt_url" value="<?php echo $row->left_butt_url; ?>" />
984
  <td>
985
  <div style="display: table;">
986
  <div style="display: table-cell; vertical-align: middle;">
987
+ <select class="select_icon select_icon_320" name="rl_butt_style" id="rl_butt_style" onchange="change_rl_butt_style(jQuery(this).val())">
988
  <?php
989
  foreach ($button_styles as $key => $button_style) {
990
  ?>
1008
  </td>
1009
  <td>
1010
  <div style="display: table;">
1011
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1012
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button" onclick="alert('This functionality is disabled in free version.')" />
1013
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1014
  </div>
1015
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1016
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button" onclick="alert('This functionality is disabled in free version.')" />
1017
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1018
  </div>
1019
+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="display_block">
1020
  <img id="left_butt_img" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1021
  <img id="right_butt_img" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1022
  <img id="left_butt_hov_img" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1023
  <img id="right_butt_hov_img" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1024
  </div>
1025
+ <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1026
  <input type="button" class="button button-small wds_reverse" onclick="wds_change_custom_src()" value="Reverse" />
1027
  </div>
1028
  </div>
1090
  </td>
1091
  <td style="display: block;">
1092
  <div style="display: table; margin-bottom: 14px;">
1093
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1094
+ <div style="display: block; width: 180px;" class="default_buttons">
1095
  <div class="spider_choose_option" onclick="wds_choose_option(this)">
1096
  <div class="spider_option_main_title">Choose group</div>
1097
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
1123
  </div>
1124
  </div>
1125
  </div>
1126
+ <div style="display:table-cell;vertical-align: middle;" class="display_block">
1127
+ <div style="display: block; width: 180px; margin-left: 12px;" class="default_buttons">
1128
  <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')">
1129
  <div class="spider_option_main_title">Choose color</div>
1130
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
1131
  </div>
1132
  </div>
1133
  </div>
1134
+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
1135
+ <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
1136
  <img id="rl_butt_img_l" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1137
  <img id="rl_butt_img_r" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1138
  <img id="rl_butt_hov_img_l" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1170
  <label>Image for Play / Pause buttons: </label>
1171
  </td>
1172
  <td>
1173
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_our" value="our" <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('our')" /><label <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_our">Default</label>
1174
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_cust" value="custom" <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('custom')" /><label <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_cust">Custom</label>
1175
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_select" value="style" <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('style')" /><label <?php if ($row->play_paus_butt_img_or_not == 'class="selected_color"') echo 'checked="checked"'; ?> for="play_pause_butt_img_or_not_select">Styled</label>
1176
  <input type="hidden" id="play_butt_url" name="play_butt_url" value="<?php echo $row->play_butt_url; ?>" />
1177
  <input type="hidden" id="play_butt_hov_url" name="play_butt_hov_url" value="<?php echo $row->play_butt_hov_url; ?>" />
1178
  <input type="hidden" id="paus_butt_url" name="paus_butt_url" value="<?php echo $row->paus_butt_url; ?>" />
1197
  </td>
1198
  <td>
1199
  <div style="display: table;">
1200
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1201
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button" onclick="alert('This functionality is disabled in free version.')" />
1202
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1203
  </div>
1204
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1205
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button" onclick="alert('This functionality is disabled in free version.')" />
1206
  <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1207
  </div>
1211
  <img id="play_butt_hov_img" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1212
  <img id="paus_butt_hov_img" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1213
  </div>
1214
+ <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1215
  <input type="button" class="button button-small wds_reverse" onclick="wds_change_play_paus_custom_src()" value="Reverse" />
1216
  </div>
1217
  </div>
1279
  </td>
1280
  <td style="display: block;">
1281
  <div style="display: table; margin-bottom: 14px;">
1282
+ <div style="display: table-cell; vertical-align: middle;" class="display_block" >
1283
+ <div style="display: block; width: 180px;" class="default_buttons">
1284
  <div class="spider_choose_option" onclick="wds_choose_pp_option(this)">
1285
  <div class="spider_option_main_title">Choose group</div>
1286
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
1312
  </div>
1313
  </div>
1314
  </div>
1315
+ <div style="display:table-cell;vertical-align: middle;" class="display_block">
1316
+ <div style="display: block; width: 180px; margin-left: 12px;" class="default_buttons">
1317
  <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')">
1318
  <div class="spider_option_main_title">Choose color</div>
1319
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
1320
  </div>
1321
  </div>
1322
  </div>
1323
+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
1324
+ <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
1325
  <img id="pp_butt_img_play" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1326
  <img id="pp_butt_img_paus" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1327
  <img id="pp_butt_hov_img_play" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1360
  <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_border_width">Border: </label></td>
1361
  <td>
1362
  <input type="text" name="nav_border_width" id="nav_border_width" value="<?php echo $row->nav_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1363
+ <select class="select_icon select_icon_320" name="nav_border_style" id="nav_border_style" <?php echo $fv_disabled; ?>>
1364
  <?php
1365
  foreach ($border_styles as $key => $border_style) {
1366
  ?>
1396
  <tr>
1397
  <td class="spider_label"><label>Enable bullets: </label></td>
1398
  <td>
1399
+ <input type="radio" id="enable_bullets1" name="enable_bullets" <?php echo (($row->enable_bullets) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_bullets) ? 'class="selected_color"' : ''); ?> for="enable_bullets1">Yes</label>
1400
+ <input type="radio" id="enable_bullets0" name="enable_bullets" <?php echo (($row->enable_bullets) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_bullets) ? '' : 'class="selected_color"'); ?> for="enable_bullets0">No</label>
1401
  <div class="spider_description">Choose whether to have navigation bullets or not.</div>
1402
  </td>
1403
  </tr>
1406
  <label>Show bullets: </label>
1407
  </td>
1408
  <td>
1409
+ <input type="radio" name="bull_hover" id="bull_hover_0" value="0" <?php if ($row->bull_hover == 0) echo 'checked="checked"'; ?> /><label <?php if ($row->bull_hover == 0) echo 'class="selected_color"'; ?> for="bull_hover_0">On hover</label>
1410
+ <input type="radio" name="bull_hover" id="bull_hover_1" value="1" <?php if ($row->bull_hover == 1) echo 'checked="checked"'; ?> /><label <?php if ($row->bull_hover == 1) echo 'class="selected_color"'; ?> for="bull_hover_1">Always</label>
1411
  <div class="spider_description">Select between the option of always displaying the bullets or only when hovered.</div>
1412
  </td>
1413
  </tr>
1414
  <tr>
1415
  <td class="spider_label"><label>Show thumbnail on bullet hover: </label></td>
1416
  <td>
1417
+ <input onClick="bwg_enable_disable('', 'tr_thumb_size', 'show_thumbnail1')" type="radio" id="show_thumbnail1" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->show_thumbnail) ? 'class="selected_color"' : ''); ?> for="show_thumbnail1">Yes</label>
1418
  <input onClick="bwg_enable_disable('none', 'tr_thumb_size', 'show_thumbnail0')" type="radio" id="show_thumbnail0" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? '' : 'checked="checked"'); ?> value="0" /><label for="show_thumbnail0">No</label>
1419
  <div class="spider_description"></div>
1420
  </td>
1431
  <tr>
1432
  <td class="spider_label"><label>Position: </label></td>
1433
  <td>
1434
+ <select class="select_icon select_icon_320" name="bull_position" id="bull_position">
1435
  <option value="top" <?php echo (($row->bull_position == "top") ? 'selected="selected"' : ''); ?>>Top</option>
1436
  <option value="bottom" <?php echo (($row->bull_position == "bottom") ? 'selected="selected"' : ''); ?>>Bottom</option>
1437
  </select>
1443
  <label>Image for bullets: </label>
1444
  </td>
1445
  <td>
1446
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_our" value="our" <?php if ($row->bull_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('our')" /><label <?php if ($row->bull_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_our">Default</label>
1447
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_cust" value="custom" <?php if ($row->bull_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('custom')" /><label <?php if ($row->bull_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_cust">Custom</label>
1448
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_stl" value="style" <?php if ($row->bull_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('style')" /><label <?php if ($row->bull_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_stl">Styled</label>
1449
  <input type="hidden" id="bullets_img_main_url" name="bullets_img_main_url" value="<?php echo $row->bullets_img_main_url; ?>" />
1450
  <input type="hidden" id="bullets_img_hov_url" name="bullets_img_hov_url" value="<?php echo $row->bullets_img_hov_url; ?>" />
1451
  <div class="spider_description">Choose whether to use default or styled bullets.</div>
1459
  <td>
1460
  <div style="display: table;">
1461
  <div style="display: table-cell; vertical-align: middle;">
1462
+ <select class="select_icon select_icon_320" name="bull_style" id="bull_style" <?php echo $fv_disabled; ?> onchange="change_bull_style(jQuery(this).val())">
1463
  <?php
1464
  foreach ($bull_styles as $key => $bull_style) {
1465
  ?>
1561
  </td>
1562
  <td style="display: block;">
1563
  <div style="display: table; margin-bottom: 14px;">
1564
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1565
+ <div style="display: block; width: 180px;" class="default_buttons">
1566
  <div class="spider_choose_option" onclick="wds_choose_bull_option(this)">
1567
  <div class="spider_option_main_title">Choose group</div>
1568
  <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
1592
  </div>
1593
  </div>
1594
  </div>
1595
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1596
  <div style="display: block; width: 180px; margin-left: 12px;">
1597
  <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')" >
1598
  <div class="spider_option_main_title" >Choose color</div>
1663
  <tr id="filmstrip_position">
1664
  <td class="spider_label"><label>Position: </label></td>
1665
  <td>
1666
+ <select class="select_icon select_icon_320" disabled="disabled" name="film_pos" id="film_pos">
1667
  <option value="top" <?php echo (($row->film_pos == "top") ? 'selected="selected"' : ''); ?>>Top</option>
1668
  <option value="right" <?php echo (($row->film_pos == "right") ? 'selected="selected"' : ''); ?>>Right</option>
1669
  <option value="bottom" <?php echo (($row->film_pos == "bottom") ? 'selected="selected"' : ''); ?>>Bottom</option>
1698
  <td class="spider_label"><label for="film_act_border_width">Active border: </label></td>
1699
  <td>
1700
  <input disabled="disabled" type="text" name="film_act_border_width" id="film_act_border_width" value="<?php echo $row->film_act_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1701
+ <select class="select_icon select_icon_320" disabled="disabled" name="film_act_border_style" id="film_act_border_style">
1702
  <?php
1703
  foreach ($border_styles as $key => $border_style) {
1704
  ?>
1727
  <tr>
1728
  <td class="spider_label"><label>Enable timer bar: </label></td>
1729
  <td>
1730
+ <input type="radio" id="enable_time_bar1" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_time_bar) ? 'class="selected_color"' : ''); ?> for="time_bar1">Yes</label>
1731
+ <input type="radio" id="enable_time_bar0" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_time_bar) ? '' : 'class="selected_color"'); ?> for="time_bar0">No</label>
1732
  <div class="spider_description">You can add a bar displaying the timing left to switching to the next slide on autoplay.</div>
1733
  </td>
1734
  </tr>
1735
  <tr>
1736
  <td class="spider_label"><label for="timer_bar_type">Type: </label></td>
1737
  <td>
1738
+ <select class="select_icon select_icon_320" name="timer_bar_type" id="timer_bar_type">
1739
  <option value="top" <?php echo (($row->timer_bar_type == "top") ? 'selected="selected"' : ''); ?>>Line top</option>
1740
  <option value="bottom" <?php echo (($row->timer_bar_type == "bottom") ? 'selected="selected"' : ''); ?>>Line Bottom</option>
1741
  <option value="circle_top_left" <?php echo (($row->timer_bar_type == "circle_top_left") ? 'selected="selected"' : ''); ?>>Circle top left</option>
1784
  </td>
1785
  <td>
1786
  <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_none" value="none" <?php if ($row->built_in_watermark_type == 'none') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_none')" />
1787
+ <label <?php if ($row->built_in_watermark_type == 'none') echo 'class="selected_color"'; ?> for="built_in_watermark_type_none">None</label>
1788
  <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_text" value="text" <?php if ($row->built_in_watermark_type == 'text') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_text')" onchange="preview_built_in_watermark()" />
1789
+ <label <?php if ($row->built_in_watermark_type == 'text') echo 'class="selected_color"'; ?> for="built_in_watermark_type_text">Text</label>
1790
  <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_image" value="image" <?php if ($row->built_in_watermark_type == 'image') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_image')" onchange="preview_built_in_watermark()" />
1791
+ <label <?php if ($row->built_in_watermark_type == 'image') echo 'class="selected_color"'; ?> for="built_in_watermark_type_image">Image</label>
1792
  <div class="spider_description">Choose what kind of watermark you want to use.</div>
1793
  </td>
1794
  </tr>
1847
  <label for="built_in_watermark_font">Watermark font style: </label>
1848
  </td>
1849
  <td>
1850
+ <select class="select_icon select_icon_320" name="built_in_watermark_font" id="built_in_watermark_font" style="width:150px;" onchange="preview_built_in_watermark()">
1851
  <?php
1852
  foreach ($built_in_watermark_fonts as $watermark_font) {
1853
  ?>
1941
  <thead>
1942
  <tr>
1943
  <td colspan="4">
1944
+ <div class="tab_conteiner">
1945
+ <div class="tab_button_wrap setting_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
1946
+ <a class="wds_button-secondary wds_settings" href="#">
1947
+ <span tab_type="settings" class="wds_tab_label">Settings</span>
1948
+ </a>
1949
+ </div>
1950
+ <div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')" >
1951
+ <a class="wds_button-secondary wds_slides" href="#">
1952
+ <span tab_type="slides" class="wds_tab_label">Slides</span>
1953
+ </a>
1954
+ </div>
1955
+ <div class="clear"></div>
1956
+ </div>
1957
  <div class="wds_buttons">
1958
  <?php
1959
  if ($row->spider_uploader) {
1960
  ?>
1961
+ <div class="wds_button_wrap">
1962
+ <a href="<?php echo add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'wds_add_image', 'image_for' => 'add_slides', 'TB_iframe' => '1'), admin_url('admin-ajax.php')); ?>" class="wds_buttons_320 action_buttons thickbox thickbox-preview add_images" title="Add Images" onclick="return false;">
1963
  Add Images
1964
  </a>
1965
+ </div>
1966
  <?php
1967
  }
1968
  else {
1969
  ?>
1970
+ <div class="wds_button_wrap">
1971
+ <input type="button" class="action_buttons add_images" id="button_image_url" onclick="spider_media_uploader('button_image_url', event, true); return false;" value="Add Images" />
1972
+ </div>
1973
  <?php
1974
  }
1975
  ?>
1976
+ <div class="wds_button_wrap">
1977
+ <input class="wds_buttons_320 action_buttons add_posts wds_free_button" type="button" value="Add Posts" onclick="alert('This functionality is disabled in free version.')" />
1978
+ </div>
1979
+ <div class="wds_button_wrap">
1980
+ <input class="wds_buttons_320 action_buttons set_watermark" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
1981
+ spider_set_input_value('task', 'set_watermark');
1982
  spider_ajax_save('sliders_form', event);" value="Set Watermark" />
1983
+ </div>
1984
+ <div class="wds_button_wrap">
1985
+ <input class="wds_buttons_320 action_buttons reset_watermark" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
1986
  spider_set_input_value('task', 'reset_watermark');
1987
  spider_ajax_save('sliders_form', event);" value="Reset Watermark" />
1988
+ </div>
1989
+
1990
  </div>
1991
  </td>
1992
  </tr>
1993
  </thead>
1994
  <tbody style="display: block;">
 
 
 
 
1995
  <tr style="display: block;">
1996
  <td colspan="4" style="display: block;">
1997
+ <div class="bgcolor wds_tabs wbs_subtab aui-sortable">
1998
+ <h2 class="titles">Slides<h2>
1999
  <?php
2000
  foreach ($slides_row as $key => $slide_row) {
2001
  ?>
2002
+ <script>
2003
+ jQuery(function(){
2004
+ jQuery(document).on("click","#wds_tab_image<?php echo $slide_row->id; ?>",function(){
2005
+ wds_change_sub_tab(this, 'wds_slide<?php echo $slide_row->id; ?>');
2006
+ });
2007
+ jQuery(document).on("click","#wds_tab_image<?php echo $slide_row->id; ?> input",function(e){
2008
+ e.stopPropagation();
2009
+ });
2010
+ jQuery(document).on("click","#title<?php echo $slide_row->id; ?>",function(){
2011
+ wds_change_sub_tab(jQuery("#wds_tab_image<?php echo $slide_row->id; ?>"), 'wds_slide<?php echo $slide_row->id; ?>');
2012
+ wds_change_sub_tab_title(this, 'wds_slide<?php echo $slide_row->id; ?>');
2013
+ });
2014
+ });
2015
+ </script>
2016
+ <div id="wds_subtab_wrap<?php echo $slide_row->id; ?>" class="wds_subtab_wrap connectedSortable">
2017
+ <div id="wbs_subtab<?php echo $slide_row->id; ?>" class="tab_link <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?>" href="#" >
2018
+ <div style="background-image:url('<?php echo $slide_row->type != 'image' ? ($slide_row->type == 'video' && ctype_digit($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png') : $slide_row->thumb_url) : $slide_row->thumb_url ?>');background-position: center" class="tab_image" id="wds_tab_image<?php echo $slide_row->id; ?>" >
2019
+ <div class="tab_buttons">
2020
+ <div class="handle_wrap">
2021
+ <div class="handle" title="Drag to re-order"></div>
2022
+ </div>
2023
+ <div class="wds_tab_title_wrap">
2024
+ <input type="text" id="title<?php echo $slide_row->id; ?>" name="title<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->title; ?>" class="wds_tab_title" tab_type="slide<?php echo $slide_row->id; ?>" />
2025
+ </div>
2026
+ <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
2027
+ </div>
2028
+ <div class="overlay" >
2029
+ <div id="hover_buttons">
2030
+ <?php
2031
+ if ($row->spider_uploader) {
2032
+ ?>
2033
+ <a href="<?php echo add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'wds_add_image', 'image_for' => 'add_update_slide','slide_id' => $slide_row->id, 'TB_iframe' => '1'), admin_url('admin-ajax.php')); ?>" class="wds_change_thumbnail thickbox thickbox-preview" title="Edit Slide" onclick="return false;">
2034
+ </a>
2035
+ <?php
2036
+ }
2037
+ else {
2038
+ ?>
2039
+ <span class="wds_change_thumbnail" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" title="Edit Slide" value="Edit Image"></span>
2040
+ <?php
2041
+ }
2042
+ ?>
2043
+ <span class="wds_slide_dublicate" title="Dublicate Slide" onclick="wds_duplicate_slide('<?php echo $slide_row->id; ?>');" title="Duplicate slide"></span>
2044
+ <span class="wds_tab_remove" title="Remove Slide" title="Delete slide" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')"></span>
2045
  <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
2046
+ <span class="wds_clear"></span>
2047
+ </div>
2048
+ </div>
2049
+ </div>
2050
+ </div>
2051
+ </div>
2052
  <?php
2053
  }
2054
  ?>
2055
+ <div class="wds_subtab_wrap new_tab_image">
2056
+ <div class="new_tab_link" onclick="wds_add_slide()">
2057
+ </div>
2058
+ </div>
2059
  <div class="wds_clear"></div>
2060
  </div>
2061
  <?php
2066
  <thead><tr><td colspan="4">&nbsp;</td></tr></thead>
2067
  <tbody>
2068
  <input type="hidden" name="type<?php echo $slide_row->id; ?>" id="type<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->type; ?>" />
2069
+
2070
+ <tr class="bgcolor">
2071
  <td colspan="4">
2072
+ <h2 class="titles">Edit Slides</h2>
2073
+ <div id="slide_add_buttons">
2074
  <?php
2075
  if (!$row->spider_uploader) {
2076
  ?>
2077
+ <div class="slide_add_buttons_wrap">
2078
+ <input type="button" class="action_buttons edit_slide" id="button_image_url<?php echo $slide_row->id; ?>" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" value="Add/Edit Image" />
2079
+ </div>
2080
  <?php
2081
  }
2082
  else {
2083
  ?>
2084
+ <div class="slide_add_buttons_wrap">
2085
+ <a href="<?php echo add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), admin_url('admin-ajax.php')); ?>" class="action_buttons edit_slide thickbox thickbox-preview" title="Edit Slide" onclick="return false;">
2086
+ Add/Edit Image
2087
+ </a>
2088
+ </div>
2089
  <?php
2090
  }
2091
  ?>
2092
+ <div class="slide_add_buttons_wrap">
2093
+ <input type="button" class="action_buttons add_by_url" onclick="wds_add_image_url('<?php echo $slide_row->id; ?>')" value="Add Image by URL" />
2094
+ </div>
2095
+ <div class="slide_add_buttons_wrap">
2096
+ <input type="button" class="action_buttons add_video wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Add Video" />
2097
+ </div>
2098
+ <div class="slide_add_buttons_wrap">
2099
+ <input type="button" class="action_buttons embed_media wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Embed Media" />
2100
+ </div>
2101
+ <div class="slide_add_buttons_wrap">
2102
+ <input class="action_buttons add_post wds_free_button" type="button" value="Add Post" onclick="alert('This functionality is disabled in free version.')" />
2103
+ </div>
2104
+ <div class="slide_add_buttons_wrap">
2105
+ <input type="button" class="action_buttons delete" id="delete_image_url<?php echo $slide_row->id; ?>" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')" value="Delete" />
2106
+ </div>
2107
+ <div class="slide_add_buttons_wrap">
2108
+ <input type="button" class="action_buttons edit_thumb wds_free_button" id="button_image_url<?php echo $slide_row->id; ?>" onclick="alert('This functionality is disabled in free version.'); return false;" value="Edit Thumbnail" />
2109
+ </div>
2110
  <input type="hidden" id="image_url<?php echo $slide_row->id; ?>" name="image_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->image_url; ?>" />
2111
  <input type="hidden" id="thumb_url<?php echo $slide_row->id; ?>" name="thumb_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->thumb_url; ?>" />
2112
  </td>
2113
  </tr>
2114
+ <tr class="bgcolor">
2115
  <td colspan="4">
2116
  <div id="wds_preview_wrapper_<?php echo $slide_row->id; ?>" class="wds_preview_wrapper" style="width: <?php echo $row->width; ?>px; height: <?php echo $row->height; ?>px;">
2117
  <div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">
2118
+ <div id="wds_preview_image<?php echo $slide_row->id; ?>" class="wds_preview_image<?php echo $slide_row->id; ?> wds_preview_image"
2119
  style='background-color: <?php echo WDW_S_Library::spider_hex2rgba($row->background_color, (100 - $row->background_transparent) / 100); ?>;
2120
  background-image: url("<?php echo $slide_row->type != 'image' ? $slide_row->thumb_url : $slide_row->image_url . '?date=' . date('Y-m-d H:i:s'); ?>");
2121
  background-position: center center;
2172
  </td>
2173
  </tr>
2174
  <tr>
 
 
 
 
 
 
 
 
 
 
2175
  <td>
2176
+ <table class="wds_slide_radio_left">
2177
+ <tr>
2178
+ <td class="spider_label"><label>Published: </label></td>
2179
+ <td>
2180
+ <input type="radio" id="published<?php echo $slide_row->id; ?>1" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($slide_row->published) ? 'class="selected_color"' : ''); ?> for="published<?php echo $slide_row->id; ?>1">Yes</label>
2181
+ <input type="radio" id="published<?php echo $slide_row->id; ?>0" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($slide_row->published) ? '' : 'class="selected_color"'); ?> for="published<?php echo $slide_row->id; ?>0">No</label>
2182
+ </td>
2183
+ </tr>
2184
+ </table>
2185
+ <table class="wds_slide_radio_right">
2186
+ <tr id="trlink<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'image' ? '' : 'style="display: none;"'; ?>>
2187
+ <td title="You can set a redirection link, so that the user will get to the mentioned location upon hitting the slide.Use http:// and https:// for external links." class="wds_tooltip spider_label">
2188
+ <label for="link<?php echo $slide_row->id; ?>">Link the slide to: </label>
2189
+ </td>
2190
+ <td>
2191
+ <input class="wds_external_link" id="link<?php echo $slide_row->id; ?>" type="text" value="<?php echo $slide_row->link; ?>" name="link<?php echo $slide_row->id; ?>" />
2192
+ <input id="target_attr_slide<?php echo $slide_row->id; ?>" type="checkbox" name="target_attr_slide<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? 'checked="checked"' : ''); ?> value="1" /><label for="target_attr_slide<?php echo $slide_row->id; ?>"> Open in a new window</label>
2193
+ </td>
2194
+ </tr>
2195
+ </table>
2196
  </td>
2197
  </tr>
2198
+ <tr class="bgcolor">
2199
  <td colspan="4">
2200
+ <h2 class="titles">Layers<h2>
2201
+ <div id="layer_add_buttons">
2202
+ <div class="layer_add_buttons_wrap">
2203
+ <button class="action_buttons add_text_layer <?php echo !$fv ? "" : "wds_free_button"; ?> button-small" onclick="<?php echo !$fv ? "wds_add_layer('text', '" . $slide_row->id . "')" : "alert('This functionality is disabled in free version.')"; ?>; return false;" >Add Text Layer</button>
2204
+ </div>
2205
  <?php
2206
  if (!$row->spider_uploader) {
2207
  ?>
2208
+ <div class="layer_add_buttons_wrap">
2209
+ <button class="action_buttons add_image_layer <?php echo !$fv ? "" : " wds_free_button"; ?> button-small" onclick="<?php echo !$fv ? "wds_add_layer('image', '" . $slide_row->id . "', '', event)" : "alert('This functionality is disabled in free version.')"; ?>; return false;" >Add Image Layer</button>
2210
+ </div>
2211
  <?php
2212
  }
2213
  else {
2214
  ?>
2215
+ <div class="layer_add_buttons_wrap">
2216
+ <a href="<?php echo !$fv ? add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'wds_add_image', 'image_for' => 'add_layer', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), admin_url('admin-ajax.php')) : ''; ?>" onclick="<?php echo !$fv ? '' : "alert('This functionality is disabled in free version.')"; ?>; return false;" class="action_buttons add_image_layer <?php echo !$fv ? "thickbox thickbox-preview" : "wds_free_button"; ?> button-small" title="Add Image Layer">
2217
+ Add Image layer
2218
+ </a>
2219
+ </div>
2220
  <?php
2221
  }
2222
  ?>
2223
+ <div class="layer_add_buttons_wrap">
2224
+ <input type="button" class="action_buttons add_video_layer button-small wds_free_button" id="button_video_url<?php echo $slide_row->id; ?>" onclick="alert('This functionality is disabled in free version.'); return false;" value="Add Video Layer" />
2225
+ </div>
2226
+ <div class="layer_add_buttons_wrap">
2227
+ <input type="button" class="action_buttons add_embed_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" value="Embed Media Layer" />
2228
+ </div>
2229
+ <div class="layer_add_buttons_wrap">
2230
+ <button class="action_buttons add_social_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" > Social Button Layer</button>
2231
+ </div>
2232
+ <div class="layer_add_buttons_wrap">
2233
+ <button class="action_buttons add_hotspot_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" >Add Hotspot Layer</button>
2234
+ </div>
2235
+ <div class="clear"></div>
2236
+ </div>
2237
  </td>
2238
  </tr>
2239
  </tbody>
2243
  foreach ($layers_row as $key => $layer) {
2244
  $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
2245
  ?>
2246
+ <tbody class="layer_table_count" id="<?php echo $prefix; ?>_tbody">
2247
  <tr class="wds_layer_head_tr">
2248
  <td class="wds_layer_head" colspan="4">
2249
+ <div class="wds_layer_left">
2250
+ <div class="layer_handle handle connectedSortable" title="Drag to re-order"></div>
2251
+ <span class="wds_layer_label" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 0)"><input id="<?php echo $prefix; ?>_title" name="<?php echo $prefix; ?>_title" type="text" class="wds_layer_title" value="<?php echo $layer->title; ?>" title="Layer title" /></span>
2252
+ </div>
2253
+ <div class="wds_layer_right">
2254
+ <span class="wds_layer_remove" onclick="wds_delete_layer('<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>'); " title="Delete layer"></span>
2255
+ <span class="wds_layer_dublicate" onclick="wds_add_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '', 1, 0); wds_duplicate_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>');" title="Duplicate layer"></span>
2256
+ <input id="<?php echo $prefix; ?>_depth" class="wds_layer_depth spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({zIndex: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->depth; ?>" prefix="<?php echo $prefix; ?>" name="<?php echo $prefix; ?>_depth" title="z-index" />
2257
+ </div>
2258
+ <div class="wds_clear"></div>
2259
  </td>
2260
  </tr>
2261
  <?php
2263
  /*--------text layer----------*/
2264
  case 'text': {
2265
  ?>
2266
+ <tr style="display:none">
2267
+ <td colspan=2>
2268
+ <table class="layer_table_left">
2269
+ <tr class="wds_layer_tr" >
2270
+ <td class="spider_label">
2271
+ <label for="<?php echo $prefix; ?>_text">Text: </label>
2272
+ </td>
2273
+ <td>
2274
+ <textarea id="<?php echo $prefix; ?>_text" class='wds_textarea' name="<?php echo $prefix; ?>_text" style="width: 222px; height: 60px; resize: vertical;" onkeyup="wds_new_line('<?php echo $prefix; ?>');"><?php echo $layer->text; ?></textarea>
2275
+ <input type="button" class="wds_editor_btn button-secondary" onclick="alert('This functionality is disabled in free version.')" value="Editor" />
2276
+ <div class="spider_description"></div>
2277
+ </td>
2278
+ </tr>
2279
+ <tr class="wds_layer_tr" >
2280
+ <td title="Leave blank to keep the initial width and height." class="wds_tooltip spider_label">
2281
+ <label for="<?php echo $prefix; ?>_image_width">Dimensions: </label>
2282
+ </td>
2283
+ <td>
2284
+ <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_text_width(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2285
+ <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_text_height(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> %
2286
+ <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_break_word(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Break-word</label>
2287
+ </td>
2288
+ </tr>
2289
+ <tr class="wds_layer_tr" >
2290
+ <td title="In addition you can drag and drop the layer to a desired position." class="wds_tooltip spider_label">
2291
+ <label>Position: </label>
2292
+ </td>
2293
+ <td>
2294
+ X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2295
+ Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2296
+ </td>
2297
+ </tr>
2298
+ <tr class="wds_layer_tr" >
2299
+ <td class="spider_label">
2300
+ <label for="<?php echo $prefix; ?>_size">Size: </label>
2301
+ </td>
2302
+ <td>
2303
+ <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
2304
+ <div class="spider_description"></div>
2305
+ </td>
2306
+ </tr>
2307
+ <tr class="wds_layer_tr" >
2308
+ <td class="spider_label">
2309
+ <label for="<?php echo $prefix; ?>_color">Color: </label>
2310
+ </td>
2311
+ <td>
2312
+ <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
2313
+ <div class="spider_description"></div>
2314
+ </td>
2315
+ </tr>
2316
+ <tr class="wds_layer_tr" >
2317
+ <td class="spider_label">
2318
+ <label for="<?php echo $prefix; ?>_ffamily">Font family: </label>
2319
+ </td>
2320
+ <td>
2321
+ <select class="select_icon select_icon_320" style="width: 200px;" id="<?php echo $prefix; ?>_ffamily" onchange="wds_change_fonts('<?php echo $prefix; ?>', 1)" name="<?php echo $prefix; ?>_ffamily">
2322
+ <?php
2323
+ $fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
2324
+ foreach ($fonts as $key => $font_family) {
2325
+ ?>
2326
+ <option value="<?php echo $key; ?>" <?php echo (($layer->ffamily == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
2327
+ <?php
2328
+ }
2329
+ ?>
2330
+ </select>
2331
+ <input id="<?php echo $prefix; ?>_google_fonts1" type="radio" name="<?php echo $prefix; ?>_google_fonts" value="1" <?php echo (($layer->google_fonts) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2332
+ <label for="<?php echo $prefix; ?>_google_fonts1">Google fonts</label>
2333
+ <input id="<?php echo $prefix; ?>_google_fonts0" type="radio" name="<?php echo $prefix;?>_google_fonts" value="0" <?php echo (($layer->google_fonts) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2334
+ <label for="<?php echo $prefix; ?>_google_fonts0">Default</label>
2335
+ <div class="spider_description"></div>
2336
+ </td>
2337
+ </tr>
2338
+ <tr class="wds_layer_tr" >
2339
+ <td class="spider_label">
2340
+ <label for="<?php echo $prefix; ?>_fweight">Font weight: </label>
2341
+ </td>
2342
+ <td>
2343
+ <select class="select_icon select_icon_320" style="width:70px" id="<?php echo $prefix; ?>_fweight" onchange="jQuery('#<?php echo $prefix; ?>').css({fontWeight: jQuery(this).val()})" name="<?php echo $prefix; ?>_fweight">
2344
+ <?php
2345
+ foreach ($font_weights as $key => $fweight) {
2346
+ ?>
2347
+ <option value="<?php echo $key; ?>" <?php echo (($layer->fweight == $key) ? 'selected="selected"' : ''); ?>><?php echo $fweight; ?></option>
2348
+ <?php
2349
+ }
2350
+ ?>
2351
+ </select>
2352
+ <div class="spider_description"></div>
2353
+ </td>
2354
+ </tr>
2355
+ <tr class="wds_layer_tr" >
2356
+ <td class="spider_label">
2357
+ <label for="<?php echo $prefix; ?>_link">Link: </label>
2358
+ </td>
2359
+ <td>
2360
+ <input id="<?php echo $prefix; ?>_link" class="wds_link" type="text" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
2361
+ <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"> Open in a new window</label>
2362
+ <div class="spider_description">Use http:// and https:// for external links.</div>
2363
+ </td>
2364
+ </tr>
2365
+ <tr class="wds_layer_tr" >
2366
+ <td class="spider_label">
2367
+ <label>Published: </label>
2368
+ </td>
2369
+ <td>
2370
+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2371
+ <label for="<?php echo $prefix; ?>_published1">Yes</label>
2372
+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?> />
2373
+ <label for="<?php echo $prefix; ?>_published0">No</label>
2374
+ <div class="spider_description"></div>
2375
+ </td>
2376
+ </tr>
2377
+ </table>
2378
+
2379
+ <table class="layer_table_right" >
2380
+ <tr class="wds_layer_tr" >
2381
+ <td class="spider_label">
2382
+ <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2383
+ </td>
2384
+ <td>
2385
+ <span style="display: table-cell;">
2386
+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2387
+ <div class="spider_description">Start</div>
2388
+ </span>
2389
+ <span style="display: table-cell;">
2390
+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2391
+ <?php
2392
+ foreach ($layer_effects_in as $key => $layer_effect_in) {
2393
+ ?>
2394
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2395
+ <?php
2396
+ }
2397
+ ?>
2398
+ </select>
2399
+ <div class="spider_description">Effect</div>
2400
+ </span>
2401
+ <span style="display: table-cell;">
2402
+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2403
+ <div class="spider_description">Duration</div>
2404
+ </span>
2405
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2406
+ </td>
2407
+ </tr>
2408
+ <tr class="wds_layer_tr">
2409
+ <td class="spider_label">
2410
+ <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2411
+ </td>
2412
+ <td>
2413
+ <span style="display: table-cell;">
2414
+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2415
+ <div class="spider_description">Start</div>
2416
+ </span>
2417
+ <span style="display: table-cell;">
2418
+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2419
+ <?php
2420
+ foreach ($layer_effects_out as $key => $layer_effect_out) {
2421
+ ?>
2422
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2423
+ <?php
2424
+ }
2425
+ ?>
2426
+ </select>
2427
+ <div class="spider_description">Effect</div>
2428
+ </span>
2429
+ <span style="display: table-cell;">
2430
+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2431
+ <div class="spider_description">Duration</div>
2432
+ </span>
2433
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2434
+ </td>
2435
+ </tr>
2436
+ <tr class="wds_layer_tr">
2437
+ <td title="Use CSS type values." class="wds_tooltip spider_label">
2438
+ <label for="<?php echo $prefix; ?>_padding">Padding: </label>
2439
+ </td>
2440
+ <td>
2441
+ <input id="<?php echo $prefix; ?>_padding" class="spider_char_input" type="text" onchange="document.getElementById('<?php echo $prefix; ?>').style.padding=jQuery(this).val();" value="<?php echo $layer->padding; ?>" name="<?php echo $prefix; ?>_padding">
2442
  <div class="spider_description"></div>
2443
+ </td>
2444
+ </tr>
2445
+ <tr class="wds_layer_tr">
2446
+ <td class="spider_label">
2447
+ <label for="<?php echo $prefix; ?>_fbgcolor">Background Color: </label>
2448
+ </td>
2449
+ <td>
2450
+ <input id="<?php echo $prefix; ?>_fbgcolor" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#<?php echo $prefix; ?>_transparent').val())})" value="<?php echo $layer->fbgcolor; ?>" name="<?php echo $prefix; ?>_fbgcolor" />
2451
+ <div class="spider_description"></div>
2452
+ </td>
2453
+ </tr>
2454
+ <tr class="wds_layer_tr">
2455
+
2456
+ <td title="Value must be between 0 to 100." class="wds_tooltip spider_label">
2457
+ <label for="<?php echo $prefix; ?>_transparent">Transparent: </label>
2458
+ </td>
2459
+ <td>
2460
+ <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery('#<?php echo $prefix; ?>_fbgcolor').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent"> %
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2461
  <div class="spider_description"></div>
2462
+ </td>
2463
+ </tr>
2464
+ <tr class="wds_layer_tr">
2465
+ <td class="spider_label">
2466
+ <label for="<?php echo $prefix; ?>_border_width">Border: </label>
2467
+ </td>
2468
+ <td>
2469
+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
2470
+ <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
2471
+ <?php
2472
+ foreach ($border_styles as $key => $border_style) {
2473
+ ?>
2474
+ <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2475
+ <?php
2476
+ }
2477
+ ?>
2478
+ </select>
2479
+ <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
2480
+ <div class="spider_description"></div>
2481
+ </td>
2482
+ </tr>
2483
+ <tr class="wds_layer_tr">
2484
+ <td title="Use CSS type values." class="wds_tooltip spider_label">
2485
+ <label for="<?php echo $prefix; ?>_border_radius">Radius: </label>
2486
+ </td>
2487
+ <td>
2488
+ <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
 
 
 
 
 
 
 
 
2489
  <div class="spider_description"></div>
2490
+ </td>
2491
+ </tr>
2492
+ <tr class="wds_layer_tr">
2493
+ <td class="spider_label">
2494
+ <label for="<?php echo $prefix; ?>_shadow">Shadow: </label>
2495
+ </td>
2496
+ <td>
2497
+ <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
2498
+ <div class="spider_description">Use CSS type values (e.g. 10px 10px 5px #888888).</div>
2499
+ </td>
2500
+ </tr>
2501
+ </table>
2502
+ </td>
2503
+ </tr>
2504
  <?php
2505
  break;
2506
  }
2507
  /*--------image layer----------*/
2508
  case 'image': {
2509
  ?>
2510
+ <tr style="display:none">
2511
+ <td>
2512
+ <table class="layer_table_left">
2513
+ <tr class="wds_layer_tr" >
2514
+ <td class="spider_label">
2515
+ <label>Dimensions: </label>
2516
+ </td>
2517
+ <td>
2518
+ <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $layer->image_url; ?>" />
2519
+ <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2520
+ <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> px
2521
+ <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_scale(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Scale</label>
2522
+ <input class="button-secondary wds_free_button" type="button" value="Edit Image" onclick="alert('This functionality is disabled in free version.')" />
2523
+ <div class="spider_description">Set width and height of the image.</div>
2524
+ </td>
2525
+ </tr>
2526
+ <tr class="wds_layer_tr" >
2527
+ <td class="spider_label">
2528
+ <label for="<?php echo $prefix; ?>_alt">Alt: </label>
2529
+ </td>
2530
+ <td>
2531
+ <input id="<?php echo $prefix; ?>_alt" type="text" size="39" value="<?php echo $layer->alt; ?>" name="<?php echo $prefix; ?>_alt" />
2532
+ <div class="spider_description">Set the HTML attribute specified in the IMG tag.</div>
2533
+ </td>
2534
+ </tr>
2535
+ <tr class="wds_layer_tr" >
2536
+ <td class="spider_label">
2537
+ <label for="<?php echo $prefix; ?>_link">Link: </label>
2538
+ </td>
2539
+ <td>
2540
+ <input id="<?php echo $prefix; ?>_link" type="text" size="39" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
2541
+ <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"> Open in a new window</label>
2542
+ <div class="spider_description">Use http:// and https:// for external links.</div>
2543
+ </td>
2544
+ </tr>
2545
+ <tr class="wds_layer_tr" >
2546
+ <td class="spider_label">
2547
+ <label>Position: </label>
2548
+ </td>
2549
+ <td>
2550
+ X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2551
+ Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2552
+ <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2553
+ </td>
2554
+ </tr>
2555
+ <tr class="wds_layer_tr" >
2556
+ <td class="spider_label">
2557
+ <label for="<?php echo $prefix; ?>_imgtransparent">Transparent: </label>
2558
+ </td>
2559
+ <td>
2560
+ <input id="<?php echo $prefix; ?>_imgtransparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->imgtransparent; ?>" name="<?php echo $prefix; ?>_imgtransparent"> %
2561
+ <div class="spider_description">Value must be between 0 to 100.</div>
2562
+ </td>
2563
+ </tr>
2564
+ <tr class="wds_layer_tr" >
2565
+ <td class="spider_label">
2566
+ <label>Published: </label>
2567
+ </td>
2568
+ <td>
2569
+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2570
+ <label for="<?php echo $prefix; ?>_published1">Yes</label>
2571
+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
2572
+ <label for="<?php echo $prefix; ?>_published0">No</label>
2573
+ <div class="spider_description"></div>
2574
+ </td>
2575
+ </tr>
2576
+ </table class="layer_table_right">
2577
+ <table>
2578
+ <tr class="wds_layer_tr">
2579
+ <td class="spider_label">
2580
+ <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2581
+ </td>
2582
+ <td>
2583
+ <span style="display: table-cell;">
2584
+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2585
+ <div class="spider_description">Start</div>
2586
+ </span>
2587
+ <span style="display: table-cell;">
2588
+ <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2589
+ <?php
2590
+ foreach ($layer_effects_in as $key => $layer_effect_in) {
2591
+ ?>
2592
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2593
+ <?php
2594
+ }
2595
+ ?>
2596
+ </select>
2597
+ <div class="spider_description">Effect</div>
2598
+ </span>
2599
+ <span style="display: table-cell;">
2600
+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2601
+ <div class="spider_description">Duration</div>
2602
+ </span>
2603
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2604
+ </td>
2605
+ </tr>
2606
+ <tr class="wds_layer_tr" >
2607
+ <td class="spider_label">
2608
+ <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2609
+ </td>
2610
+ <td>
2611
+ <span style="display: table-cell;">
2612
+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2613
+ <div class="spider_description">Start</div>
2614
+ </span>
2615
+ <span style="display: table-cell;">
2616
+ <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2617
+ <?php
2618
+ foreach ($layer_effects_out as $key => $layer_effect_out) {
2619
+ ?>
2620
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2621
+ <?php
2622
+ }
2623
+ ?>
2624
+ </select>
2625
+ <div class="spider_description">Effect</div>
2626
+ </span>
2627
+ <span style="display: table-cell;">
2628
+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2629
+ <div class="spider_description">Duration</div>
2630
+ </span>
2631
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2632
+ </td>
2633
+ </tr>
2634
+ <tr class="wds_layer_tr">
2635
+ <td class="spider_label">
2636
+ <label for="<?php echo $prefix; ?>_border_width">Border: </label>
2637
+ </td>
2638
+ <td>
2639
+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
2640
+ <select id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
2641
+ <?php
2642
+ foreach ($border_styles as $key => $border_style) {
2643
+ ?>
2644
+ <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2645
+ <?php
2646
+ }
2647
+ ?>
2648
+ </select>
2649
+ <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
2650
+ <div class="spider_description"></div>
2651
+ </td>
2652
+ </tr>
2653
+ <tr class="wds_layer_tr">
2654
+ <td class="spider_label">
2655
+ <label for="<?php echo $prefix; ?>_border_radius">Radius: </label>
2656
+ </td>
2657
+ <td>
2658
+ <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
2659
+ <div class="spider_description">Use CSS type values.</div>
2660
+ </td>
2661
+ </tr>
2662
+ <tr class="wds_layer_tr">
2663
+ <td class="spider_label">
2664
+ <label for="<?php echo $prefix; ?>_shadow">Shadow: </label>
2665
+ </td>
2666
+ <td>
2667
+ <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
2668
+ <div class="spider_description">Use CSS type values.</div>
2669
+ </td>
2670
+ </tr>
2671
+ </table>
2672
+ </td>
2673
+ </tr>
2674
  <?php
2675
  break;
2676
  }
2677
  /*--------social button layer----------*/
2678
  case 'social': {
2679
  ?>
2680
+ <tr style="display:none">
2681
+ <td>
2682
+ <table class="layer_table_left">
2683
+ <tr class="wds_layer_tr">
2684
+ <td class="spider_label">
2685
+ <label>Position: </label>
2686
+ </td>
2687
+ <td>
2688
+ X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2689
+ Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2690
+ <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2691
+ </td>
2692
+ </tr>
2693
+ <tr class="wds_layer_tr">
2694
+ <td class="spider_label">
2695
+ <label for="<?php echo $prefix; ?>_social_button">Social button: </label>
2696
+ </td>
2697
+ <td>
2698
+ <select id="<?php echo $prefix; ?>_social_button" onchange="jQuery('#<?php echo $prefix; ?>').attr('class', 'wds_draggable_<?php echo $slide_row->id; ?> wds_draggable fa fa-' + jQuery(this).val())" name="<?php echo $prefix; ?>_social_button">
2699
+ <?php
2700
+ foreach ($social_buttons as $key => $social_button) {
2701
+ ?>
2702
+ <option value="<?php echo $key; ?>" <?php echo (($layer->social_button == $key) ? 'selected="selected"' : ''); ?>><?php echo $social_button; ?></option>
2703
+ <?php
2704
+ }
2705
+ ?>
2706
+ </select>
2707
+ <div class="spider_description"></div>
2708
+ </td>
2709
+ </tr>
2710
+ <tr class="wds_layer_tr">
2711
+ <td class="spider_label">
2712
+ <label for="<?php echo $prefix; ?>_size">Size: </label>
2713
+ </td>
2714
+ <td>
2715
+ <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
2716
+ <div class="spider_description"></div>
2717
+ </td>
2718
+ <td class="spider_label">
2719
+ <label for="<?php echo $prefix; ?>_color">Color: </label>
2720
+ </td>
2721
+ <td>
2722
+ <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
2723
+ <div class="spider_description"></div>
2724
+ </td>
2725
+ </tr>
2726
+ <tr class="wds_layer_tr" >
2727
+ <td class="spider_label">
2728
+ <label>Published: </label>
2729
+ </td>
2730
+ <td>
2731
+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2732
+ <label for="<?php echo $prefix; ?>_published1">Yes</label>
2733
+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
2734
+ <label for="<?php echo $prefix; ?>_published0">No</label>
2735
+ <div class="spider_description"></div>
2736
+ </td>
2737
+ </tr>
2738
+ </table>
2739
+ <table class="layer_table_right">
2740
+ <tr class="wds_layer_tr">
2741
+ <td class="spider_label">
2742
+ <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2743
+ </td>
2744
+ <td>
2745
+ <span style="display: table-cell;">
2746
+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2747
+ <div class="spider_description">Start</div>
2748
+ </span>
2749
+ <span style="display: table-cell;">
2750
+ <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2751
+ <?php
2752
+ foreach ($layer_effects_in as $key => $layer_effect_in) {
2753
+ ?>
2754
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2755
+ <?php
2756
+ }
2757
+ ?>
2758
+ </select>
2759
+ <div class="spider_description">Effect</div>
2760
+ </span>
2761
+ <span style="display: table-cell;">
2762
+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2763
+ <div class="spider_description">Duration</div>
2764
+ </span>
2765
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2766
+ </td>
2767
+ </tr>
2768
+ <tr class="wds_layer_tr">
2769
+ <td class="spider_label">
2770
+ <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2771
+ </td>
2772
+ <td>
2773
+ <span style="display: table-cell;">
2774
+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2775
+ <div class="spider_description">Start</div>
2776
+ </span>
2777
+ <span style="display: table-cell;">
2778
+ <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2779
+ <?php
2780
+ foreach ($layer_effects_out as $key => $layer_effect_out) {
2781
+ ?>
2782
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2783
+ <?php
2784
+ }
2785
+ ?>
2786
+ </select>
2787
+ <div class="spider_description">Effect</div>
2788
+ </span>
2789
+ <span style="display: table-cell;">
2790
+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2791
+ <div class="spider_description">Duration</div>
2792
+ </span>
2793
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2794
+ </td>
2795
+ </tr>
2796
+ <tr class="wds_layer_tr">
2797
+ <td class="spider_label">
2798
+ <label for="<?php echo $prefix; ?>_transparent">Transparent: </label>
2799
+ </td>
2800
+ <td>
2801
+ <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent" /> %
2802
+ <div class="spider_description">Value must be between 0 to 100.</div>
2803
+ </td>
2804
+ <td class="spider_label">
2805
+ <label for="<?php echo $prefix; ?>_hover_color">Hover Color: </label>
2806
+ </td>
2807
+ <td>
2808
+ <input id="<?php echo $prefix; ?>_hover_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').hover(function() { jQuery(this).css({color: '#' + jQuery('#<?php echo $prefix; ?>_hover_color').val()}); }, function() { jQuery(this).css({color: '#' + jQuery('#<?php echo $prefix; ?>_color').val()}); })" value="<?php echo $layer->hover_color; ?>" name="<?php echo $prefix; ?>_hover_color" />
2809
+ <div class="spider_description"></div>
2810
+ </td>
2811
+ </tr>
2812
+ </table>
2813
+ </td>
2814
+ </tr>
2815
  <?php
2816
  break;
2817
  }
2884
  jQuery("#sliders_form").on("click", "a", function(e) {
2885
  e.preventDefault();
2886
  });
2887
+ jQuery(".wds_tab_title").keyup(function (e) {
2888
+ var code = e.which;
2889
+ if (code == 13) {
2890
+ jQuery(".wds_sub_active .wds_tab_title").blur();
2891
+ jQuery(".wds_tab_title_wrap").removeClass("wds_sub_active");
2892
+ }
2893
+ });
2894
+ var plugin_dir = '<?php echo site_url() . "/wp-content/plugins/slider-wd/images/sliderwdpng/"; ?>';
2895
  </script>
2896
  <div class="opacity_add_image_url opacity_add_video wds_opacity_video" onclick="jQuery('.opacity_add_video').hide();jQuery('.opacity_add_image_url').hide();"></div>
2897
  <div class="opacity_add_video wds_add_video">
css/images/animated-overlay.gif ADDED
Binary file
css/images/arrow3.png ADDED
Binary file
css/images/minus.png ADDED
Binary file
css/images/plus.png ADDED
Binary file
css/images/ui-bg_diagonals-thick_18_b81900_40x40.png ADDED
Binary file
css/images/ui-bg_diagonals-thick_20_666666_40x40.png ADDED
Binary file
css/images/ui-bg_flat_10_000000_40x100.png ADDED
Binary file
css/images/ui-bg_glass_100_f6f6f6_1x400.png ADDED
Binary file
css/images/ui-bg_glass_100_fdf5ce_1x400.png ADDED
Binary file
css/images/ui-bg_glass_65_ffffff_1x400.png ADDED
Binary file
css/images/ui-bg_gloss-wave_35_f6a828_500x100.png ADDED
Binary file
css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png ADDED
Binary file
css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png ADDED
Binary file
css/images/ui-icons_222222_256x240.png ADDED
Binary file
css/images/ui-icons_228ef1_256x240.png ADDED
Binary file
css/images/ui-icons_ef8c08_256x240.png ADDED
Binary file
css/images/ui-icons_ffd27a_256x240.png ADDED
Binary file
css/images/ui-icons_ffffff_256x240.png ADDED
Binary file
css/jquery-ui-1.10.3.custom.css ADDED
@@ -0,0 +1,1177 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*! jQuery UI - v1.10.3 - 2013-10-19
2
+ * http://jqueryui.com
3
+ * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
4
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
5
+ * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
6
+
7
+ /* Layout helpers
8
+ ----------------------------------*/
9
+ .ui-helper-hidden {
10
+ display: none;
11
+ }
12
+ .ui-helper-hidden-accessible {
13
+ border: 0;
14
+ clip: rect(0 0 0 0);
15
+ height: 1px;
16
+ margin: -1px;
17
+ overflow: hidden;
18
+ padding: 0;
19
+ position: absolute;
20
+ width: 1px;
21
+ }
22
+ .ui-helper-reset {
23
+ margin: 0;
24
+ padding: 0;
25
+ border: 0;
26
+ outline: 0;
27
+ line-height: 1.3;
28
+ text-decoration: none;
29
+ font-size: 100%;
30
+ list-style: none;
31
+ }
32
+ .ui-helper-clearfix:before,
33
+ .ui-helper-clearfix:after {
34
+ content: "";
35
+ display: table;
36
+ border-collapse: collapse;
37
+ }
38
+ .ui-helper-clearfix:after {
39
+ clear: both;
40
+ }
41
+ .ui-helper-clearfix {
42
+ min-height: 0; /* support: IE7 */
43
+ }
44
+ .ui-helper-zfix {
45
+ width: 100%;
46
+ height: 100%;
47
+ top: 0;
48
+ left: 0;
49
+ position: absolute;
50
+ opacity: 0;
51
+ filter:Alpha(Opacity=0);
52
+ }
53
+
54
+ .ui-front {
55
+ z-index: 100;
56
+ }
57
+
58
+
59
+ /* Interaction Cues
60
+ ----------------------------------*/
61
+ .ui-state-disabled {
62
+ cursor: default !important;
63
+ }
64
+
65
+
66
+ /* Icons
67
+ ----------------------------------*/
68
+
69
+ /* states and images */
70
+ .ui-icon {
71
+ display: block;
72
+ text-indent: -99999px;
73
+ overflow: hidden;
74
+ background-repeat: no-repeat;
75
+ }
76
+
77
+
78
+ /* Misc visuals
79
+ ----------------------------------*/
80
+
81
+ /* Overlays */
82
+ .ui-widget-overlay {
83
+ position: fixed;
84
+ top: 0;
85
+ left: 0;
86
+ width: 100%;
87
+ height: 100%;
88
+ }
89
+ .ui-resizable {
90
+ position: relative;
91
+ }
92
+ .ui-resizable-handle {
93
+ position: absolute;
94
+ font-size: 0.1px;
95
+ display: block;
96
+ }
97
+ .ui-resizable-disabled .ui-resizable-handle,
98
+ .ui-resizable-autohide .ui-resizable-handle {
99
+ display: none;
100
+ }
101
+ .ui-resizable-n {
102
+ cursor: n-resize;
103
+ height: 7px;
104
+ width: 100%;
105
+ top: -5px;
106
+ left: 0;
107
+ }
108
+ .ui-resizable-s {
109
+ cursor: s-resize;
110
+ height: 7px;
111
+ width: 100%;
112
+ bottom: -5px;
113
+ left: 0;
114
+ }
115
+ .ui-resizable-e {
116
+ cursor: e-resize;
117
+ width: 7px;
118
+ right: -5px;
119
+ top: 0;
120
+ height: 100%;
121
+ }
122
+ .ui-resizable-w {
123
+ cursor: w-resize;
124
+ width: 7px;
125
+ left: -5px;
126
+ top: 0;
127
+ height: 100%;
128
+ }
129
+ .ui-resizable-se {
130
+ cursor: se-resize;
131
+ width: 12px;
132
+ height: 12px;
133
+ right: 1px;
134
+ bottom: 1px;
135
+ }
136
+ .ui-resizable-sw {
137
+ cursor: sw-resize;
138
+ width: 9px;
139
+ height: 9px;
140
+ left: -5px;
141
+ bottom: -5px;
142
+ }
143
+ .ui-resizable-nw {
144
+ cursor: nw-resize;
145
+ width: 9px;
146
+ height: 9px;
147
+ left: -5px;
148
+ top: -5px;
149
+ }
150
+ .ui-resizable-ne {
151
+ cursor: ne-resize;
152
+ width: 9px;
153
+ height: 9px;
154
+ right: -5px;
155
+ top: -5px;
156
+ }
157
+ .ui-selectable-helper {
158
+ position: absolute;
159
+ z-index: 100;
160
+ border: 1px dotted black;
161
+ }
162
+ .ui-accordion .ui-accordion-header {
163
+ display: block;
164
+ cursor: pointer;
165
+ position: relative;
166
+ margin-top: 2px;
167
+ padding: .5em .5em .5em .7em;
168
+ min-height: 0; /* support: IE7 */
169
+ }
170
+ .ui-accordion .ui-accordion-icons {
171
+ padding-left: 2.2em;
172
+ }
173
+ .ui-accordion .ui-accordion-noicons {
174
+ padding-left: .7em;
175
+ }
176
+ .ui-accordion .ui-accordion-icons .ui-accordion-icons {
177
+ padding-left: 2.2em;
178
+ }
179
+ .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
180
+ position: absolute;
181
+ left: .5em;
182
+ top: 50%;
183
+ margin-top: -8px;
184
+ }
185
+ .ui-accordion .ui-accordion-content {
186
+ padding: 1em 2.2em;
187
+ border-top: 0;
188
+ overflow: auto;
189
+ }
190
+ .ui-autocomplete {
191
+ position: absolute;
192
+ top: 0;
193
+ left: 0;
194
+ cursor: default;
195
+ }
196
+ .ui-button {
197
+ display: inline-block;
198
+ position: relative;
199
+ padding: 0;
200
+ line-height: normal;
201
+ margin-right: .1em;
202
+ cursor: pointer;
203
+ vertical-align: middle;
204
+ text-align: center;
205
+ overflow: visible; /* removes extra width in IE */
206
+ }
207
+ .ui-button,
208
+ .ui-button:link,
209
+ .ui-button:visited,
210
+ .ui-button:hover,
211
+ .ui-button:active {
212
+ text-decoration: none;
213
+ }
214
+ /* to make room for the icon, a width needs to be set here */
215
+ .ui-button-icon-only {
216
+ width: 2.2em;
217
+ }
218
+ /* button elements seem to need a little more width */
219
+ button.ui-button-icon-only {
220
+ width: 2.4em;
221
+ }
222
+ .ui-button-icons-only {
223
+ width: 3.4em;
224
+ }
225
+ button.ui-button-icons-only {
226
+ width: 3.7em;
227
+ }
228
+
229
+ /* button text element */
230
+ .ui-button .ui-button-text {
231
+ display: block;
232
+ line-height: normal;
233
+ }
234
+ .ui-button-text-only .ui-button-text {
235
+ padding: .4em 1em;
236
+ }
237
+ .ui-button-icon-only .ui-button-text,
238
+ .ui-button-icons-only .ui-button-text {
239
+ padding: .4em;
240
+ text-indent: -9999999px;
241
+ }
242
+ .ui-button-text-icon-primary .ui-button-text,
243
+ .ui-button-text-icons .ui-button-text {
244
+ padding: .4em 1em .4em 2.1em;
245
+ }
246
+ .ui-button-text-icon-secondary .ui-button-text,
247
+ .ui-button-text-icons .ui-button-text {
248
+ padding: .4em 2.1em .4em 1em;
249
+ }
250
+ .ui-button-text-icons .ui-button-text {
251
+ padding-left: 2.1em;
252
+ padding-right: 2.1em;
253
+ }
254
+ /* no icon support for input elements, provide padding by default */
255
+ input.ui-button {
256
+ padding: .4em 1em;
257
+ }
258
+
259
+ /* button icon element(s) */
260
+ .ui-button-icon-only .ui-icon,
261
+ .ui-button-text-icon-primary .ui-icon,
262
+ .ui-button-text-icon-secondary .ui-icon,
263
+ .ui-button-text-icons .ui-icon,
264
+ .ui-button-icons-only .ui-icon {
265
+ position: absolute;
266
+ top: 50%;
267
+ margin-top: -8px;
268
+ }
269
+ .ui-button-icon-only .ui-icon {
270
+ left: 50%;
271
+ margin-left: -8px;
272
+ }
273
+ .ui-button-text-icon-primary .ui-button-icon-primary,
274
+ .ui-button-text-icons .ui-button-icon-primary,
275
+ .ui-button-icons-only .ui-button-icon-primary {
276
+ left: .5em;
277
+ }
278
+ .ui-button-text-icon-secondary .ui-button-icon-secondary,
279
+ .ui-button-text-icons .ui-button-icon-secondary,
280
+ .ui-button-icons-only .ui-button-icon-secondary {
281
+ right: .5em;
282
+ }
283
+
284
+ /* button sets */
285
+ .ui-buttonset {
286
+ margin-right: 7px;
287
+ }
288
+ .ui-buttonset .ui-button {
289
+ margin-left: 0;
290
+ margin-right: -.3em;
291
+ }
292
+
293
+ /* workarounds */
294
+ /* reset extra padding in Firefox, see h5bp.com/l */
295
+ input.ui-button::-moz-focus-inner,
296
+ button.ui-button::-moz-focus-inner {
297
+ border: 0;
298
+ padding: 0;
299
+ }
300
+ .ui-datepicker {
301
+ width: 17em;
302
+ padding: .2em .2em 0;
303
+ display: none;
304
+ }
305
+ .ui-datepicker .ui-datepicker-header {
306
+ position: relative;
307
+ padding: .2em 0;
308
+ }
309
+ .ui-datepicker .ui-datepicker-prev,
310
+ .ui-datepicker .ui-datepicker-next {
311
+ position: absolute;
312
+ top: 2px;
313
+ width: 1.8em;
314
+ height: 1.8em;
315
+ }
316
+ .ui-datepicker .ui-datepicker-prev-hover,
317
+ .ui-datepicker .ui-datepicker-next-hover {
318
+ top: 1px;
319
+ }
320
+ .ui-datepicker .ui-datepicker-prev {
321
+ left: 2px;
322
+ }
323
+ .ui-datepicker .ui-datepicker-next {
324
+ right: 2px;
325
+ }
326
+ .ui-datepicker .ui-datepicker-prev-hover {
327
+ left: 1px;
328
+ }
329
+ .ui-datepicker .ui-datepicker-next-hover {
330
+ right: 1px;
331
+ }
332
+ .ui-datepicker .ui-datepicker-prev span,
333
+ .ui-datepicker .ui-datepicker-next span {
334
+ display: block;
335
+ position: absolute;
336
+ left: 50%;
337
+ margin-left: -8px;
338
+ top: 50%;
339
+ margin-top: -8px;
340
+ }
341
+ .ui-datepicker .ui-datepicker-title {
342
+ margin: 0 2.3em;
343
+ line-height: 1.8em;
344
+ text-align: center;
345
+ }
346
+ .ui-datepicker .ui-datepicker-title select {
347
+ font-size: 1em;
348
+ margin: 1px 0;
349
+ }
350
+ .ui-datepicker select.ui-datepicker-month-year {
351
+ width: 100%;
352
+ }
353
+ .ui-datepicker select.ui-datepicker-month,
354
+ .ui-datepicker select.ui-datepicker-year {
355
+ width: 49%;
356
+ }
357
+ .ui-datepicker table {
358
+ width: 100%;
359
+ font-size: .9em;
360
+ border-collapse: collapse;
361
+ margin: 0 0 .4em;
362
+ }
363
+ .ui-datepicker th {
364
+ padding: .7em .3em;
365
+ text-align: center;
366
+ font-weight: bold;
367
+ border: 0;
368
+ }
369
+ .ui-datepicker td {
370
+ border: 0;
371
+ padding: 1px;
372
+ }
373
+ .ui-datepicker td span,
374
+ .ui-datepicker td a {
375
+ display: block;
376
+ padding: .2em;
377
+ text-align: right;
378
+ text-decoration: none;
379
+ }
380
+ .ui-datepicker .ui-datepicker-buttonpane {
381
+ background-image: none;
382
+ margin: .7em 0 0 0;
383
+ padding: 0 .2em;
384
+ border-left: 0;
385
+ border-right: 0;
386
+ border-bottom: 0;
387
+ }
388
+ .ui-datepicker .ui-datepicker-buttonpane button {
389
+ float: right;
390
+ margin: .5em .2em .4em;
391
+ cursor: pointer;
392
+ padding: .2em .6em .3em .6em;
393
+ width: auto;
394
+ overflow: visible;
395
+ }
396
+ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
397
+ float: left;
398
+ }
399
+
400
+ /* with multiple calendars */
401
+ .ui-datepicker.ui-datepicker-multi {
402
+ width: auto;
403
+ }
404
+ .ui-datepicker-multi .ui-datepicker-group {
405
+ float: left;
406
+ }
407
+ .ui-datepicker-multi .ui-datepicker-group table {
408
+ width: 95%;
409
+ margin: 0 auto .4em;
410
+ }
411
+ .ui-datepicker-multi-2 .ui-datepicker-group {
412
+ width: 50%;
413
+ }
414
+ .ui-datepicker-multi-3 .ui-datepicker-group {
415
+ width: 33.3%;
416
+ }
417
+ .ui-datepicker-multi-4 .ui-datepicker-group {
418
+ width: 25%;
419
+ }
420
+ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
421
+ .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
422
+ border-left-width: 0;
423
+ }
424
+ .ui-datepicker-multi .ui-datepicker-buttonpane {
425
+ clear: left;
426
+ }
427
+ .ui-datepicker-row-break {
428
+ clear: both;
429
+ width: 100%;
430
+ font-size: 0;
431
+ }
432
+
433
+ /* RTL support */
434
+ .ui-datepicker-rtl {
435
+ direction: rtl;
436
+ }
437
+ .ui-datepicker-rtl .ui-datepicker-prev {
438
+ right: 2px;
439
+ left: auto;
440
+ }
441
+ .ui-datepicker-rtl .ui-datepicker-next {
442
+ left: 2px;
443
+ right: auto;
444
+ }
445
+ .ui-datepicker-rtl .ui-datepicker-prev:hover {
446
+ right: 1px;
447
+ left: auto;
448
+ }
449
+ .ui-datepicker-rtl .ui-datepicker-next:hover {
450
+ left: 1px;
451
+ right: auto;
452
+ }
453
+ .ui-datepicker-rtl .ui-datepicker-buttonpane {
454
+ clear: right;
455
+ }
456
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button {
457
+ float: left;
458
+ }
459
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
460
+ .ui-datepicker-rtl .ui-datepicker-group {
461
+ float: right;
462
+ }
463
+ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
464
+ .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
465
+ border-right-width: 0;
466
+ border-left-width: 1px;
467
+ }
468
+ .ui-dialog {
469
+ position: absolute;
470
+ top: 0;
471
+ left: 0;
472
+ padding: .2em;
473
+ outline: 0;
474
+ }
475
+ .ui-dialog .ui-dialog-titlebar {
476
+ padding: .4em 1em;
477
+ position: relative;
478
+ }
479
+ .ui-dialog .ui-dialog-title {
480
+ float: left;
481
+ margin: .1em 0;
482
+ white-space: nowrap;
483
+ width: 90%;
484
+ overflow: hidden;
485
+ text-overflow: ellipsis;
486
+ }
487
+ .ui-dialog .ui-dialog-titlebar-close {
488
+ position: absolute;
489
+ right: .3em;
490
+ top: 50%;
491
+ width: 21px;
492
+ margin: -10px 0 0 0;
493
+ padding: 1px;
494
+ height: 20px;
495
+ }
496
+ .ui-dialog .ui-dialog-content {
497
+ position: relative;
498
+ border: 0;
499
+ padding: .5em 1em;
500
+ background: none;
501
+ overflow: auto;
502
+ }
503
+ .ui-dialog .ui-dialog-buttonpane {
504
+ text-align: left;
505
+ border-width: 1px 0 0 0;
506
+ background-image: none;
507
+ margin-top: .5em;
508
+ padding: .3em 1em .5em .4em;
509
+ }
510
+ .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
511
+ float: right;
512
+ }
513
+ .ui-dialog .ui-dialog-buttonpane button {
514
+ margin: .5em .4em .5em 0;
515
+ cursor: pointer;
516
+ }
517
+ .ui-dialog .ui-resizable-se {
518
+ width: 12px;
519
+ height: 12px;
520
+ right: -5px;
521
+ bottom: -5px;
522
+ background-position: 16px 16px;
523
+ }
524
+ .ui-draggable .ui-dialog-titlebar {
525
+ cursor: move;
526
+ }
527
+ .ui-menu {
528
+ list-style: none;
529
+ padding: 2px;
530
+ margin: 0;
531
+ display: block;
532
+ outline: none;
533
+ }
534
+ .ui-menu .ui-menu {
535
+ margin-top: -3px;
536
+ position: absolute;
537
+ }
538
+ .ui-menu .ui-menu-item {
539
+ margin: 0;
540
+ padding: 0;
541
+ width: 100%;
542
+ /* support: IE10, see #8844 */
543
+ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
544
+ }
545
+ .ui-menu .ui-menu-divider {
546
+ margin: 5px -2px 5px -2px;
547
+ height: 0;
548
+ font-size: 0;
549
+ line-height: 0;
550
+ border-width: 1px 0 0 0;
551
+ }
552
+ .ui-menu .ui-menu-item a {
553
+ text-decoration: none;
554
+ display: block;
555
+ padding: 2px .4em;
556
+ line-height: 1.5;
557
+ min-height: 0; /* support: IE7 */
558
+ font-weight: normal;
559
+ }
560
+ .ui-menu .ui-menu-item a.ui-state-focus,
561
+ .ui-menu .ui-menu-item a.ui-state-active {
562
+ font-weight: normal;
563
+ margin: -1px;
564
+ }
565
+
566
+ .ui-menu .ui-state-disabled {
567
+ font-weight: normal;
568
+ margin: .4em 0 .2em;
569
+ line-height: 1.5;
570
+ }
571
+ .ui-menu .ui-state-disabled a {
572
+ cursor: default;
573
+ }
574
+
575
+ /* icon support */
576
+ .ui-menu-icons {
577
+ position: relative;
578
+ }
579
+ .ui-menu-icons .ui-menu-item a {
580
+ position: relative;
581
+ padding-left: 2em;
582
+ }
583
+
584
+ /* left-aligned */
585
+ .ui-menu .ui-icon {
586
+ position: absolute;
587
+ top: .2em;
588
+ left: .2em;
589
+ }
590
+
591
+ /* right-aligned */
592
+ .ui-menu .ui-menu-icon {
593
+ position: static;
594
+ float: right;
595
+ }
596
+ .ui-progressbar {
597
+ height: 2em;
598
+ text-align: left;
599
+ overflow: hidden;
600
+ }
601
+ .ui-progressbar .ui-progressbar-value {
602
+ margin: -1px;
603
+ height: 100%;
604
+ }
605
+ .ui-progressbar .ui-progressbar-overlay {
606
+ background: url("images/animated-overlay.gif");
607
+ height: 100%;
608
+ filter: alpha(opacity=25);
609
+ opacity: 0.25;
610
+ }
611
+ .ui-progressbar-indeterminate .ui-progressbar-value {
612
+ background-image: none;
613
+ }
614
+ .ui-slider {
615
+ position: relative;
616
+ text-align: left;
617
+ }
618
+ .ui-slider .ui-slider-handle {
619
+ position: absolute;
620
+ z-index: 2;
621
+ width: 1.2em;
622
+ height: 1.2em;
623
+ cursor: default;
624
+ }
625
+ .ui-slider .ui-slider-range {
626
+ position: absolute;
627
+ z-index: 1;
628
+ font-size: .7em;
629
+ display: block;
630
+ border: 0;
631
+ background-position: 0 0;
632
+ }
633
+
634
+ /* For IE8 - See #6727 */
635
+ .ui-slider.ui-state-disabled .ui-slider-handle,
636
+ .ui-slider.ui-state-disabled .ui-slider-range {
637
+ filter: inherit;
638
+ }
639
+
640
+ .ui-slider-horizontal {
641
+ height: .8em;
642
+ }
643
+ .ui-slider-horizontal .ui-slider-handle {
644
+ top: -.3em;
645
+ margin-left: -.6em;
646
+ }
647
+ .ui-slider-horizontal .ui-slider-range {
648
+ top: 0;
649
+ height: 100%;
650
+ }
651
+ .ui-slider-horizontal .ui-slider-range-min {
652
+ left: 0;
653
+ }
654
+ .ui-slider-horizontal .ui-slider-range-max {
655
+ right: 0;
656
+ }
657
+
658
+ .ui-slider-vertical {
659
+ width: .8em;
660
+ height: 100px;
661
+ }
662
+ .ui-slider-vertical .ui-slider-handle {
663
+ left: -.3em;
664
+ margin-left: 0;
665
+ margin-bottom: -.6em;
666
+ }
667
+ .ui-slider-vertical .ui-slider-range {
668
+ left: 0;
669
+ width: 100%;
670
+ }
671
+ .ui-slider-vertical .ui-slider-range-min {
672
+ bottom: 0;
673
+ }
674
+ .ui-slider-vertical .ui-slider-range-max {
675
+ top: 0;
676
+ }
677
+ .ui-spinner {
678
+ position: relative;
679
+ display: inline-block;
680
+ overflow: hidden;
681
+ padding: 0;
682
+ vertical-align: middle;
683
+ }
684
+ .ui-spinner-input {
685
+ border: none;
686
+ background: none;
687
+ color: inherit;
688
+ padding: 0;
689
+ margin: .2em 0;
690
+ vertical-align: middle;
691
+ margin-left: .4em;
692
+ margin-right: 22px;
693
+ }
694
+ .ui-spinner-button {
695
+ width: 16px;
696
+ height: 50%;
697
+ font-size: .5em;
698
+ padding: 0;
699
+ margin: 0;
700
+ text-align: center;
701
+ position: absolute;
702
+ cursor: default;
703
+ display: block;
704
+ overflow: hidden;
705
+ right: 0;
706
+ }
707
+ /* more specificity required here to overide default borders */
708
+ .ui-spinner a.ui-spinner-button {
709
+ border-top: none;
710
+ border-bottom: none;
711
+ border-right: none;
712
+ }
713
+ /* vertical centre icon */
714
+ .ui-spinner .ui-icon {
715
+ position: absolute;
716
+ margin-top: -8px;
717
+ top: 50%;
718
+ left: 0;
719
+ }
720
+ .ui-spinner-up {
721
+ top: 0;
722
+ }
723
+ .ui-spinner-down {
724
+ bottom: 0;
725
+ }
726
+
727
+ /* TR overrides */
728
+ .ui-spinner .ui-icon-triangle-1-s {
729
+ /* need to fix icons sprite */
730
+ background-position: -65px -16px;
731
+ }
732
+ .ui-tabs {
733
+ position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
734
+ padding: .2em;
735
+ }
736
+ .ui-tabs .ui-tabs-nav {
737
+ margin: 0;
738
+ padding: .2em .2em 0;
739
+ }
740
+ .ui-tabs .ui-tabs-nav li {
741
+ list-style: none;
742
+ float: left;
743
+ position: relative;
744
+ top: 0;
745
+ margin: 1px .2em 0 0;
746
+ border-bottom-width: 0;
747
+ padding: 0;
748
+ white-space: nowrap;
749
+ }
750
+ .ui-tabs .ui-tabs-nav li a {
751
+ float: left;
752
+ padding: .5em 1em;
753
+ text-decoration: none;
754
+ }
755
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active {
756
+ margin-bottom: -1px;
757
+ padding-bottom: 1px;
758
+ }
759
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
760
+ .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
761
+ .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
762
+ cursor: text;
763
+ }
764
+ .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
765
+ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
766
+ cursor: pointer;
767
+ }
768
+ .ui-tabs .ui-tabs-panel {
769
+ display: block;
770
+ border-width: 0;
771
+ padding: 1em 1.4em;
772
+ background: none;
773
+ }
774
+ .ui-tooltip {
775
+ padding: 8px;
776
+ position: absolute;
777
+ z-index: 9999;
778
+ max-width: 300px;
779
+ -webkit-box-shadow: 0 0 5px #aaa;
780
+ box-shadow: 0 0 5px #aaa;
781
+ }
782
+ body .ui-tooltip {
783
+ border-width: 2px;
784
+ }
785
+
786
+ /* Component containers
787
+ ----------------------------------*/
788
+ .ui-widget {
789
+ font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
790
+ font-size: 1.1em;
791
+ }
792
+ .ui-widget .ui-widget {
793
+ font-size: 1em;
794
+ }
795
+ .ui-widget input,
796
+ .ui-widget select,
797
+ .ui-widget textarea,
798
+ .ui-widget button {
799
+ font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
800
+ font-size: 1em;
801
+ }
802
+ .ui-widget-content {
803
+ border: 1px solid #dddddd;
804
+ background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
805
+ color: #333333;
806
+ }
807
+ .ui-widget-content a {
808
+ color: #333333;
809
+ }
810
+ .ui-widget-header {
811
+ border: 1px solid #e78f08;
812
+ background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
813
+ color: #ffffff;
814
+ font-weight: bold;
815
+ }
816
+ .ui-widget-header a {
817
+ color: #ffffff;
818
+ }
819
+
820
+ /* Interaction states
821
+ ----------------------------------*/
822
+ .ui-state-default,
823
+ .ui-widget-content .ui-state-default,
824
+ .ui-widget-header .ui-state-default {
825
+ border: 1px solid #cccccc;
826
+ background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
827
+ font-weight: bold;
828
+ color: #1c94c4;
829
+ }
830
+ .ui-state-default a,
831
+ .ui-state-default a:link,
832
+ .ui-state-default a:visited {
833
+ color: #1c94c4;
834
+ text-decoration: none;
835
+ }
836
+ .ui-state-hover,
837
+ .ui-widget-content .ui-state-hover,
838
+ .ui-widget-header .ui-state-hover,
839
+ .ui-state-focus,
840
+ .ui-widget-content .ui-state-focus,
841
+ .ui-widget-header .ui-state-focus {
842
+ border: 1px solid #fbcb09;
843
+ background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
844
+ font-weight: bold;
845
+ color: #c77405;
846
+ }
847
+ .ui-state-hover a,
848
+ .ui-state-hover a:hover,
849
+ .ui-state-hover a:link,
850
+ .ui-state-hover a:visited {
851
+ color: #c77405;
852
+ text-decoration: none;
853
+ }
854
+ .ui-state-active,
855
+ .ui-widget-content .ui-state-active,
856
+ .ui-widget-header .ui-state-active {
857
+ border: 1px solid #fbd850;
858
+ background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
859
+ font-weight: bold;
860
+ color: #eb8f00;
861
+ }
862
+ .ui-state-active a,
863
+ .ui-state-active a:link,
864
+ .ui-state-active a:visited {
865
+ color: #eb8f00;
866
+ text-decoration: none;
867
+ }
868
+
869
+ /* Interaction Cues
870
+ ----------------------------------*/
871
+ .ui-state-highlight,
872
+ .ui-widget-content .ui-state-highlight,
873
+ .ui-widget-header .ui-state-highlight {
874
+ border: 1px solid #fed22f;
875
+ background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
876
+ color: #363636;
877
+ }
878
+ .ui-state-highlight a,
879
+ .ui-widget-content .ui-state-highlight a,
880
+ .ui-widget-header .ui-state-highlight a {
881
+ color: #363636;
882
+ }
883
+ .ui-state-error,
884
+ .ui-widget-content .ui-state-error,
885
+ .ui-widget-header .ui-state-error {
886
+ border: 1px solid #cd0a0a;
887
+ background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
888
+ color: #ffffff;
889
+ }
890
+ .ui-state-error a,
891
+ .ui-widget-content .ui-state-error a,
892
+ .ui-widget-header .ui-state-error a {
893
+ color: #ffffff;
894
+ }
895
+ .ui-state-error-text,
896
+ .ui-widget-content .ui-state-error-text,
897
+ .ui-widget-header .ui-state-error-text {
898
+ color: #ffffff;
899
+ }
900
+ .ui-priority-primary,
901
+ .ui-widget-content .ui-priority-primary,
902
+ .ui-widget-header .ui-priority-primary {
903
+ font-weight: bold;
904
+ }
905
+ .ui-priority-secondary,
906
+ .ui-widget-content .ui-priority-secondary,
907
+ .ui-widget-header .ui-priority-secondary {
908
+ opacity: .7;
909
+ filter:Alpha(Opacity=70);
910
+ font-weight: normal;
911
+ }
912
+ .ui-state-disabled,
913
+ .ui-widget-content .ui-state-disabled,
914
+ .ui-widget-header .ui-state-disabled {
915
+ opacity: .35;
916
+ filter:Alpha(Opacity=35);
917
+ background-image: none;
918
+ }
919
+ .ui-state-disabled .ui-icon {
920
+ filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
921
+ }
922
+
923
+ /* Icons
924
+ ----------------------------------*/
925
+
926
+ /* states and images */
927
+ .ui-icon {
928
+ width: 16px;
929
+ height: 16px;
930
+ }
931
+ .ui-icon,
932
+ .ui-widget-content .ui-icon {
933
+ background-image: url(images/ui-icons_222222_256x240.png);
934
+ }
935
+ .ui-widget-header .ui-icon {
936
+ background-image: url(images/ui-icons_ffffff_256x240.png);
937
+ }
938
+ .ui-state-default .ui-icon {
939
+ background-image: url(images/ui-icons_ef8c08_256x240.png);
940
+ }
941
+ .ui-state-hover .ui-icon,
942
+ .ui-state-focus .ui-icon {
943
+ background-image: url(images/ui-icons_ef8c08_256x240.png);
944
+ }
945
+ .ui-state-active .ui-icon {
946
+ background-image: url(images/ui-icons_ef8c08_256x240.png);
947
+ }
948
+ .ui-state-highlight .ui-icon {
949
+ background-image: url(images/ui-icons_228ef1_256x240.png);
950
+ }
951
+ .ui-state-error .ui-icon,
952
+ .ui-state-error-text .ui-icon {
953
+ background-image: url(images/ui-icons_ffd27a_256x240.png);
954
+ }
955
+
956
+ /* positioning */
957
+ .ui-icon-blank { background-position: 16px 16px; }
958
+ .ui-icon-carat-1-n { background-position: 0 0; }
959
+ .ui-icon-carat-1-ne { background-position: -16px 0; }
960
+ .ui-icon-carat-1-e { background-position: -32px 0; }
961
+ .ui-icon-carat-1-se { background-position: -48px 0; }
962
+ .ui-icon-carat-1-s { background-position: -64px 0; }
963
+ .ui-icon-carat-1-sw { background-position: -80px 0; }
964
+ .ui-icon-carat-1-w { background-position: -96px 0; }
965
+ .ui-icon-carat-1-nw { background-position: -112px 0; }
966
+ .ui-icon-carat-2-n-s { background-position: -128px 0; }
967
+ .ui-icon-carat-2-e-w { background-position: -144px 0; }
968
+ .ui-icon-triangle-1-n { background-position: 0 -16px; }
969
+ .ui-icon-triangle-1-ne { background-position: -16px -16px; }
970
+ .ui-icon-triangle-1-e { background-position: -32px -16px; }
971
+ .ui-icon-triangle-1-se { background-position: -48px -16px; }
972
+ .ui-icon-triangle-1-s { background-position: -64px -16px; }
973
+ .ui-icon-triangle-1-sw { background-position: -80px -16px; }
974
+ .ui-icon-triangle-1-w { background-position: -96px -16px; }
975
+ .ui-icon-triangle-1-nw { background-position: -112px -16px; }
976
+ .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
977
+ .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
978
+ .ui-icon-arrow-1-n { background-position: 0 -32px; }
979
+ .ui-icon-arrow-1-ne { background-position: -16px -32px; }
980
+ .ui-icon-arrow-1-e { background-position: -32px -32px; }
981
+ .ui-icon-arrow-1-se { background-position: -48px -32px; }
982
+ .ui-icon-arrow-1-s { background-position: -64px -32px; }
983
+ .ui-icon-arrow-1-sw { background-position: -80px -32px; }
984
+ .ui-icon-arrow-1-w { background-position: -96px -32px; }
985
+ .ui-icon-arrow-1-nw { background-position: -112px -32px; }
986
+ .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
987
+ .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
988
+ .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
989
+ .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
990
+ .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
991
+ .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
992
+ .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
993
+ .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
994
+ .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
995
+ .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
996
+ .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
997
+ .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
998
+ .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
999
+ .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1000
+ .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1001
+ .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1002
+ .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1003
+ .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1004
+ .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1005
+ .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1006
+ .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1007
+ .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1008
+ .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1009
+ .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1010
+ .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1011
+ .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1012
+ .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1013
+ .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1014
+ .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1015
+ .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1016
+ .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1017
+ .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1018
+ .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1019
+ .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1020
+ .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1021
+ .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1022
+ .ui-icon-arrow-4 { background-position: 0 -80px; }
1023
+ .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1024
+ .ui-icon-extlink { background-position: -32px -80px; }
1025
+ .ui-icon-newwin { background-position: -48px -80px; }
1026
+ .ui-icon-refresh { background-position: -64px -80px; }
1027
+ .ui-icon-shuffle { background-position: -80px -80px; }
1028
+ .ui-icon-transfer-e-w { background-position: -96px -80px; }
1029
+ .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1030
+ .ui-icon-folder-collapsed { background-position: 0 -96px; }
1031
+ .ui-icon-folder-open { background-position: -16px -96px; }
1032
+ .ui-icon-document { background-position: -32px -96px; }
1033
+ .ui-icon-document-b { background-position: -48px -96px; }
1034
+ .ui-icon-note { background-position: -64px -96px; }
1035
+ .ui-icon-mail-closed { background-position: -80px -96px; }
1036
+ .ui-icon-mail-open { background-position: -96px -96px; }
1037
+ .ui-icon-suitcase { background-position: -112px -96px; }
1038
+ .ui-icon-comment { background-position: -128px -96px; }
1039
+ .ui-icon-person { background-position: -144px -96px; }
1040
+ .ui-icon-print { background-position: -160px -96px; }
1041
+ .ui-icon-trash { background-position: -176px -96px; }
1042
+ .ui-icon-locked { background-position: -192px -96px; }
1043
+ .ui-icon-unlocked { background-position: -208px -96px; }
1044
+ .ui-icon-bookmark { background-position: -224px -96px; }
1045
+ .ui-icon-tag { background-position: -240px -96px; }
1046
+ .ui-icon-home { background-position: 0 -112px; }
1047
+ .ui-icon-flag { background-position: -16px -112px; }
1048
+ .ui-icon-calendar { background-position: -32px -112px; }
1049
+ .ui-icon-cart { background-position: -48px -112px; }
1050
+ .ui-icon-pencil { background-position: -64px -112px; }
1051
+ .ui-icon-clock { background-position: -80px -112px; }
1052
+ .ui-icon-disk { background-position: -96px -112px; }
1053
+ .ui-icon-calculator { background-position: -112px -112px; }
1054
+ .ui-icon-zoomin { background-position: -128px -112px; }
1055
+ .ui-icon-zoomout { background-position: -144px -112px; }
1056
+ .ui-icon-search { background-position: -160px -112px; }
1057
+ .ui-icon-wrench { background-position: -176px -112px; }
1058
+ .ui-icon-gear { background-position: -192px -112px; }
1059
+ .ui-icon-heart { background-position: -208px -112px; }
1060
+ .ui-icon-star { background-position: -224px -112px; }
1061
+ .ui-icon-link { background-position: -240px -112px; }
1062
+ .ui-icon-cancel { background-position: 0 -128px; }
1063
+ .ui-icon-plus { background-position: -16px -128px; }
1064
+ .ui-icon-plusthick { background-position: -32px -128px; }
1065
+ .ui-icon-minus { background-position: -48px -128px; }
1066
+ .ui-icon-minusthick { background-position: -64px -128px; }
1067
+ .ui-icon-close { background-position: -80px -128px; }
1068
+ .ui-icon-closethick { background-position: -96px -128px; }
1069
+ .ui-icon-key { background-position: -112px -128px; }
1070
+ .ui-icon-lightbulb { background-position: -128px -128px; }
1071
+ .ui-icon-scissors { background-position: -144px -128px; }
1072
+ .ui-icon-clipboard { background-position: -160px -128px; }
1073
+ .ui-icon-copy { background-position: -176px -128px; }
1074
+ .ui-icon-contact { background-position: -192px -128px; }
1075
+ .ui-icon-image { background-position: -208px -128px; }
1076
+ .ui-icon-video { background-position: -224px -128px; }
1077
+ .ui-icon-script { background-position: -240px -128px; }
1078
+ .ui-icon-alert { background-position: 0 -144px; }
1079
+ .ui-icon-info { background-position: -16px -144px; }
1080
+ .ui-icon-notice { background-position: -32px -144px; }
1081
+ .ui-icon-help { background-position: -48px -144px; }
1082
+ .ui-icon-check { background-position: -64px -144px; }
1083
+ .ui-icon-bullet { background-position: -80px -144px; }
1084
+ .ui-icon-radio-on { background-position: -96px -144px; }
1085
+ .ui-icon-radio-off { background-position: -112px -144px; }
1086
+ .ui-icon-pin-w { background-position: -128px -144px; }
1087
+ .ui-icon-pin-s { background-position: -144px -144px; }
1088
+ .ui-icon-play { background-position: 0 -160px; }
1089
+ .ui-icon-pause { background-position: -16px -160px; }
1090
+ .ui-icon-seek-next { background-position: -32px -160px; }
1091
+ .ui-icon-seek-prev { background-position: -48px -160px; }
1092
+ .ui-icon-seek-end { background-position: -64px -160px; }
1093
+ .ui-icon-seek-start { background-position: -80px -160px; }
1094
+ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1095
+ .ui-icon-seek-first { background-position: -80px -160px; }
1096
+ .ui-icon-stop { background-position: -96px -160px; }
1097
+ .ui-icon-eject { background-position: -112px -160px; }
1098
+ .ui-icon-volume-off { background-position: -128px -160px; }
1099
+ .ui-icon-volume-on { background-position: -144px -160px; }
1100
+ .ui-icon-power { background-position: 0 -176px; }
1101
+ .ui-icon-signal-diag { background-position: -16px -176px; }
1102
+ .ui-icon-signal { background-position: -32px -176px; }
1103
+ .ui-icon-battery-0 { background-position: -48px -176px; }
1104
+ .ui-icon-battery-1 { background-position: -64px -176px; }
1105
+ .ui-icon-battery-2 { background-position: -80px -176px; }
1106
+ .ui-icon-battery-3 { background-position: -96px -176px; }
1107
+ .ui-icon-circle-plus { background-position: 0 -192px; }
1108
+ .ui-icon-circle-minus { background-position: -16px -192px; }
1109
+ .ui-icon-circle-close { background-position: -32px -192px; }
1110
+ .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1111
+ .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1112
+ .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1113
+ .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1114
+ .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1115
+ .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1116
+ .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1117
+ .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1118
+ .ui-icon-circle-zoomin { background-position: -176px -192px; }
1119
+ .ui-icon-circle-zoomout { background-position: -192px -192px; }
1120
+ .ui-icon-circle-check { background-position: -208px -192px; }
1121
+ .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1122
+ .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1123
+ .ui-icon-circlesmall-close { background-position: -32px -208px; }
1124
+ .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1125
+ .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1126
+ .ui-icon-squaresmall-close { background-position: -80px -208px; }
1127
+ .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1128
+ .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1129
+ .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1130
+ .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1131
+ .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1132
+ .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1133
+
1134
+
1135
+ /* Misc visuals
1136
+ ----------------------------------*/
1137
+
1138
+ /* Corner radius */
1139
+ .ui-corner-all,
1140
+ .ui-corner-top,
1141
+ .ui-corner-left,
1142
+ .ui-corner-tl {
1143
+ border-top-left-radius: 4px;
1144
+ }
1145
+ .ui-corner-all,
1146
+ .ui-corner-top,
1147
+ .ui-corner-right,
1148
+ .ui-corner-tr {
1149
+ border-top-right-radius: 4px;
1150
+ }
1151
+ .ui-corner-all,
1152
+ .ui-corner-bottom,
1153
+ .ui-corner-left,
1154
+ .ui-corner-bl {
1155
+ border-bottom-left-radius: 4px;
1156
+ }
1157
+ .ui-corner-all,
1158
+ .ui-corner-bottom,
1159
+ .ui-corner-right,
1160
+ .ui-corner-br {
1161
+ border-bottom-right-radius: 4px;
1162
+ }
1163
+
1164
+ /* Overlays */
1165
+ .ui-widget-overlay {
1166
+ background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
1167
+ opacity: .5;
1168
+ filter: Alpha(Opacity=50);
1169
+ }
1170
+ .ui-widget-shadow {
1171
+ margin: -5px 0 0 -5px;
1172
+ padding: 5px;
1173
+ background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
1174
+ opacity: .2;
1175
+ filter: Alpha(Opacity=20);
1176
+ border-radius: 5px;
1177
+ }
css/wds_tables.css CHANGED
@@ -20,26 +20,6 @@
20
  margin: 0 5px !important;
21
  }
22
 
23
- .wds_free_button,
24
- .wds_free_button:hover {
25
- background: linear-gradient(to bottom, #E5E5E5, #E5E5E5) repeat scroll 0 0 #f3f3f3 !important;
26
- border-color: #bbb !important;
27
- color: #888888 !important;
28
- }
29
-
30
- .spider_free_version_label,
31
- .spider_free_version_label * {
32
- color: #808080 !important;
33
- }
34
-
35
- .spider_free_version {
36
- background-color: #DFDFDF;
37
- border: 1px solid #797979;
38
- border-radius: 2px;
39
- padding: 2px;
40
- width: 210px;
41
- }
42
-
43
  .wds_more {
44
  font-size: 12px;
45
  }
@@ -59,7 +39,7 @@
59
  }
60
 
61
  .spider_load_cont {
62
- background-color: rgba(0, 0, 0, 0.2);
63
  left: 0;
64
  height: 100%;
65
  position: fixed;
@@ -81,11 +61,11 @@
81
  .spider_ajax_loading {
82
  border: none !important;
83
  margin-top: 200px;
84
- width: 50px;
85
- -webkit-animation: spin 2.5s infinite linear;
86
  -moz-animation: spin 2.5s infinite linear;
87
  -o-animation: spin 2.5s infinite linear;
88
- animation: spin 2.5s infinite linear;
89
  }
90
 
91
  @-moz-keyframes spin {
@@ -141,7 +121,7 @@
141
 
142
  .wrap * {
143
  font-size: 12px;
144
- font-family: sans-serif;
145
  }
146
 
147
  .input_th {
@@ -171,6 +151,10 @@
171
  cursor: pointer;
172
  }
173
 
 
 
 
 
174
  .non_selectable {
175
  -webkit-touch-callout: none;
176
  -webkit-user-select: none;
@@ -193,6 +177,10 @@
193
  padding: 0 !important;
194
  }
195
 
 
 
 
 
196
  .spider_div_options {
197
  background: none repeat scroll 0 0 #F4F4F4;
198
  border: 1px solid #8F8D8D;
@@ -254,16 +242,24 @@
254
  font-size: 0.923em;
255
  line-height: 1.231em;
256
  }
257
-
 
 
 
 
258
  .handle {
259
- background: url("../images/draggable.png") no-repeat transparent;
260
- border: none;
261
- cursor: move;
262
- display: inline-block;
263
- height: 15px;
264
- margin: 0 auto;
265
- vertical-align: middle;
266
- width: 15px;
 
 
 
 
267
  }
268
 
269
  .slider-icon {
@@ -271,9 +267,9 @@
271
  background-repeat: no-repeat;
272
  border: none;
273
  float: left;
274
- height: 32px;
275
- margin: 7px 8px 0 0;
276
- width: 32px;
277
  }
278
 
279
  .spider_label {
@@ -417,11 +413,14 @@
417
  }
418
 
419
  .buttons_div {
420
- clear: both;
421
  float: right;
422
  margin: 5px 0;
423
  }
424
 
 
 
 
 
425
  .buttons_div_left {
426
  float: left;
427
  margin: 5px 0;
@@ -553,10 +552,6 @@
553
  width: 118px;
554
  }
555
 
556
- .edit_thumb {
557
- cursor: pointer;
558
- }
559
-
560
  .spider_rotate {
561
  border-radius: 2px;
562
  border: 1px solid #FFFFFF;
@@ -572,10 +567,20 @@
572
  .spider_order {
573
  display: none;
574
  }
 
 
 
 
 
 
 
 
 
 
575
 
576
  .wds_add_video,
577
  .wds_resize_image,
578
- .wds_import,
579
  .wds_exports,
580
  .wds_editor {
581
  display: none;
@@ -626,7 +631,7 @@
626
  background-color: #FFFFFF;
627
  }
628
 
629
- .wds_import {
630
  margin-left: -185px;
631
  }
632
 
@@ -665,15 +670,10 @@
665
  .wds_tabs a.wds_sub_active,
666
  .wds_tabs a.wds_active {
667
  background-color: #F5F5F5;
668
- border-bottom: 1px solid #F5F5F5;
669
  color: #333;
670
  }
671
 
672
  .wds_tabs a {
673
- background-color: #f9f9f9;
674
- border: 1px solid #dfdfdf;
675
- border-top-left-radius: 3px;
676
- border-top-right-radius: 3px;
677
  color: #c7c7c7;
678
  display: block !important;
679
  float: left;
@@ -694,20 +694,30 @@
694
  }
695
 
696
  .wds_add_layer {
697
- font: normal 20px/28px Arial,serif !important;
698
- width: initial !important;
699
- padding: 0 9px !important;
 
 
 
 
 
 
 
 
 
 
 
 
700
  }
701
-
702
  .wds_tab_title {
703
  background: none repeat scroll 0 0 transparent !important;
704
  border: none !important;
705
  cursor: pointer;
706
  opacity: 0.5;
707
  filter: Alpha(opacity=50);
708
- padding: 1px;
709
- vertical-align: middle;
710
- width: 50px;
711
  }
712
 
713
  .wds_sub_active .wds_tab_title,
@@ -720,59 +730,78 @@
720
  cursor: pointer;
721
  opacity: 1;
722
  filter: Alpha(opacity=100);
 
723
  }
 
 
 
 
 
724
 
725
  .wds_tab_remove {
726
- background-image: url("../images/close.png");
727
  background-repeat: no-repeat;
728
  background-size: 100% 100%;
729
  display: inline-block;
730
- width: 9px;
731
- height: 9px;
732
- opacity: 0.5;
733
- filter: Alpha(opacity=50);
734
- vertical-align: middle;
735
  }
736
 
737
  .wds_layer_remove {
738
- background-image: url("../images/close.png");
739
  background-repeat: no-repeat;
740
- background-size: 100% 100%;
741
  display: inline-block;
742
- width: 15px;
743
- height: 15px;
744
  margin: 5px;
745
- float: right;
 
746
  }
747
 
748
  .wds_layer_dublicate {
749
- background-image: url("../images/duplicate.png");
750
  background-repeat: no-repeat;
751
- background-size: 100% 100%;
752
  display: inline-block;
753
- width: 15px;
754
- height: 15px;
755
  margin: 5px;
756
- float: right;
 
757
  }
758
 
759
  .wds_slide_dublicate {
760
- background-image: url("../images/duplicate.png");
761
  background-repeat: no-repeat;
762
  background-size: 100% 100%;
763
  display: inline-block;
764
- width: 12px;
765
- height: 12px;
766
- vertical-align: middle;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
767
  }
768
 
769
  .wds_layer_depth {
770
- float: right;
771
  font-size: 13px;
772
  line-height: 15px;
773
  margin: 1px 5px;
774
  text-align: left;
775
  width: 40px;
 
776
  }
777
 
778
  .wds_layer_label {
@@ -781,6 +810,12 @@
781
  width: 80%;
782
  }
783
 
 
 
 
 
 
 
784
  .wds_sub_active .wds_tab_remove {
785
  cursor: pointer !important;
786
  opacity: 1;
@@ -799,15 +834,11 @@
799
 
800
  .wds_box {
801
  display: none;
802
- margin-top: 0 !important;
803
  position: relative;
804
  top: -1px;
805
  }
806
 
807
  .wds_box {
808
- border: 1px solid #dfdfdf;
809
- border-radius: 3px;
810
- box-shadow: 0 0 10px #f2f2f2;
811
  margin-top: 15px;
812
  position: relative;
813
  }
@@ -822,16 +853,11 @@
822
  }
823
 
824
  .wds_box tbody {
825
- background-color: #FFFFFF;
826
  border-top: 0 none;
827
  padding-left: 10px;
828
  }
829
 
830
  .wds_box thead {
831
- background: -webkit-linear-gradient(#F5F5F5, #FFFFFF);
832
- background: -o-linear-gradient(#F5F5F5, #FFFFFF);
833
- background: -moz-linear-gradient(#F5F5F5, #FFFFFF);
834
- background: linear-gradient(#F5F5F5, #FFFFFF);
835
  border-top: 0 none;
836
  border-bottom: 0 none;
837
  color: #333;
@@ -840,7 +866,6 @@
840
  margin: 0;
841
  padding: 0 10px;
842
  text-align: left;
843
- /*text-shadow: 0 1px 0 #fff;*/
844
  }
845
 
846
  .wds_box table {
@@ -856,11 +881,12 @@
856
  height: 640px;
857
  margin: 0;
858
  width: 150px;
 
859
  }
860
 
861
  .wds_nav_tabs ul {
862
  list-style: none outside none;
863
- margin: 10px 0;
864
  padding: 0;
865
  }
866
 
@@ -875,10 +901,10 @@
875
  }
876
 
877
  .wds_nav_tabs .wds_active {
878
- border-color: #DFDFDF;
879
  border-width: 1px 0 1px 1px;
880
  border-style: solid;
881
- margin: 0 -1px 0 -4px;
882
  padding: 0;
883
  }
884
 
@@ -907,14 +933,13 @@
907
 
908
  .wds_nav_box.wds_active {
909
  display: block;
 
910
  }
911
 
912
  .wds_layer_head {
913
- background-color: #F5F5F5;
914
- border-bottom: 1px solid #DFDFDF;
915
- border-top: 1px solid #DFDFDF;
916
  cursor: pointer;
917
  padding: 5px;
 
918
  }
919
 
920
  .wds_layer_head .handle {
@@ -969,10 +994,10 @@
969
  .wds_reset_button {
970
  display: none;
971
  font-weight: normal;
972
- margin: 10px 0;
973
  position: absolute;
974
- right: 40px;
975
- z-index: 1;
976
  }
977
 
978
  span[data-type="wds_text_parent"] * {
@@ -980,4 +1005,629 @@ span[data-type="wds_text_parent"] * {
980
  font-family: inherit;
981
  font-size: inherit;
982
  margin: inherit;
983
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
20
  margin: 0 5px !important;
21
  }
22
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
23
  .wds_more {
24
  font-size: 12px;
25
  }
39
  }
40
 
41
  .spider_load_cont {
42
+ background-color: rgba(0, 0, 0, 0.7);
43
  left: 0;
44
  height: 100%;
45
  position: fixed;
61
  .spider_ajax_loading {
62
  border: none !important;
63
  margin-top: 200px;
64
+ width: 30px;
65
+ /*-webkit-animation: spin 2.5s infinite linear;
66
  -moz-animation: spin 2.5s infinite linear;
67
  -o-animation: spin 2.5s infinite linear;
68
+ animation: spin 2.5s infinite linear;*/
69
  }
70
 
71
  @-moz-keyframes spin {
121
 
122
  .wrap * {
123
  font-size: 12px;
124
+ font-family: "Open Sans",sans-serif;
125
  }
126
 
127
  .input_th {
151
  cursor: pointer;
152
  }
153
 
154
+ .wds_check_all {
155
+ padding: 0px 7px 1px 7px;
156
+ }
157
+
158
  .non_selectable {
159
  -webkit-touch-callout: none;
160
  -webkit-user-select: none;
177
  padding: 0 !important;
178
  }
179
 
180
+ .wds_position_table {
181
+ width:inherit !important;
182
+ }
183
+
184
  .spider_div_options {
185
  background: none repeat scroll 0 0 #F4F4F4;
186
  border: 1px solid #8F8D8D;
242
  font-size: 0.923em;
243
  line-height: 1.231em;
244
  }
245
+ .handle_wrap{
246
+ display: table-cell;
247
+ padding: 2px 10px;
248
+ vertical-align: middle;
249
+ }
250
  .handle {
251
+ background: url("../images/sliderwdpng/slide_drag.png") no-repeat transparent;
252
+ border: none;
253
+ cursor: move;
254
+ display: inline-block;
255
+ height: 18px;
256
+ /*margin: 0 10px;*/
257
+ width: 24px;
258
+ vertical-align: middle;
259
+ }
260
+
261
+ .layer_handle {
262
+ background: url("../images/sliderwdpng/layer.png") no-repeat transparent;
263
  }
264
 
265
  .slider-icon {
267
  background-repeat: no-repeat;
268
  border: none;
269
  float: left;
270
+ height: 30px;
271
+ margin: 0px 8px 0 0;
272
+ width: 30px;
273
  }
274
 
275
  .spider_label {
413
  }
414
 
415
  .buttons_div {
 
416
  float: right;
417
  margin: 5px 0;
418
  }
419
 
420
+ .buttons_div input{
421
+ margin-bottom:4px;
422
+ }
423
+
424
  .buttons_div_left {
425
  float: left;
426
  margin: 5px 0;
552
  width: 118px;
553
  }
554
 
 
 
 
 
555
  .spider_rotate {
556
  border-radius: 2px;
557
  border: 1px solid #FFFFFF;
567
  .spider_order {
568
  display: none;
569
  }
570
+ .wds_buttons:after, .slide_add_buttons:after, #layer_add_buttons:after{
571
+ content:"";
572
+ clear:both;
573
+ display:table;
574
+ }
575
+ .wds_button_wrap, .slide_add_buttons_wrap, .layer_add_buttons_wrap{
576
+ float:left;
577
+ margin-right: 5px;
578
+ margin-bottom: 2px;
579
+ }
580
 
581
  .wds_add_video,
582
  .wds_resize_image,
583
+ .wds_imports,
584
  .wds_exports,
585
  .wds_editor {
586
  display: none;
631
  background-color: #FFFFFF;
632
  }
633
 
634
+ .wds_imports {
635
  margin-left: -185px;
636
  }
637
 
670
  .wds_tabs a.wds_sub_active,
671
  .wds_tabs a.wds_active {
672
  background-color: #F5F5F5;
 
673
  color: #333;
674
  }
675
 
676
  .wds_tabs a {
 
 
 
 
677
  color: #c7c7c7;
678
  display: block !important;
679
  float: left;
694
  }
695
 
696
  .wds_add_layer {
697
+ position:absolute;
698
+ display:block;
699
+ width:30px !important;
700
+ height:30px !important;
701
+ padding: 0 !important;
702
+ margin: 0 !important;
703
+ top:39%;
704
+ left:39%;
705
+ background-image:url('../images/sliderwdpng/add slide.png');
706
+ background-size: cover;
707
+ border:0 !important;
708
+ }
709
+ .wds_tab_title_wrap{
710
+ display: table-cell;
711
+ vertical-align: middle;
712
  }
 
713
  .wds_tab_title {
714
  background: none repeat scroll 0 0 transparent !important;
715
  border: none !important;
716
  cursor: pointer;
717
  opacity: 0.5;
718
  filter: Alpha(opacity=50);
719
+ padding: 2px 5px !important;
720
+ width: 50px;
 
721
  }
722
 
723
  .wds_sub_active .wds_tab_title,
730
  cursor: pointer;
731
  opacity: 1;
732
  filter: Alpha(opacity=100);
733
+ padding: 2px 5px;
734
  }
735
+ .wds_layer_title {
736
+ width: 120px;
737
+ padding:5px;
738
+ color:#00A2D0;
739
+ }
740
 
741
  .wds_tab_remove {
742
+ background-image: url("../images/sliderwdpng/hover_delete.png");
743
  background-repeat: no-repeat;
744
  background-size: 100% 100%;
745
  display: inline-block;
746
+ width: 19px;
747
+ height: 19px;
748
+ margin:0 auto;
749
+ cursor:pointer
 
750
  }
751
 
752
  .wds_layer_remove {
753
+ background-image: url("../images/sliderwdpng/close.png");
754
  background-repeat: no-repeat;
 
755
  display: inline-block;
756
+ width: 20px;
757
+ height: 20px;
758
  margin: 5px;
759
+ vertical-align: middle;
760
+ background-size: contain;
761
  }
762
 
763
  .wds_layer_dublicate {
764
+ background-image: url("../images/sliderwdpng/duplicate_slide.png");
765
  background-repeat: no-repeat;
 
766
  display: inline-block;
767
+ width: 20px;
768
+ height: 20px;
769
  margin: 5px;
770
+ vertical-align: middle;
771
+ background-size: contain;
772
  }
773
 
774
  .wds_slide_dublicate {
775
+ background-image: url("../images/sliderwdpng/hover_duplicate.png");
776
  background-repeat: no-repeat;
777
  background-size: 100% 100%;
778
  display: inline-block;
779
+ width: 19px;
780
+ height: 19px;
781
+ margin-right:11px;
782
+ cursor:pointer;
783
+ }
784
+
785
+ .wds_change_thumbnail {
786
+ background-image: url("../images/sliderwdpng/tumbnail.png");
787
+ background-repeat: no-repeat;
788
+ background-size: 100% 100%;
789
+ display: inline-block;
790
+ width: 19px !important;
791
+ height: 19px !important;
792
+ margin-top:0 !important;
793
+ margin-right:11px !important;
794
+ padding:0px !important;
795
+ cursor: pointer;
796
  }
797
 
798
  .wds_layer_depth {
 
799
  font-size: 13px;
800
  line-height: 15px;
801
  margin: 1px 5px;
802
  text-align: left;
803
  width: 40px;
804
+ color: #00A2D0;
805
  }
806
 
807
  .wds_layer_label {
810
  width: 80%;
811
  }
812
 
813
+ .wds_layer_right{
814
+ position: absolute;
815
+ top: 10px;
816
+ right: 5px;
817
+ }
818
+
819
  .wds_sub_active .wds_tab_remove {
820
  cursor: pointer !important;
821
  opacity: 1;
834
 
835
  .wds_box {
836
  display: none;
 
837
  position: relative;
838
  top: -1px;
839
  }
840
 
841
  .wds_box {
 
 
 
842
  margin-top: 15px;
843
  position: relative;
844
  }
853
  }
854
 
855
  .wds_box tbody {
 
856
  border-top: 0 none;
857
  padding-left: 10px;
858
  }
859
 
860
  .wds_box thead {
 
 
 
 
861
  border-top: 0 none;
862
  border-bottom: 0 none;
863
  color: #333;
866
  margin: 0;
867
  padding: 0 10px;
868
  text-align: left;
 
869
  }
870
 
871
  .wds_box table {
881
  height: 640px;
882
  margin: 0;
883
  width: 150px;
884
+ margin-left: 14px;
885
  }
886
 
887
  .wds_nav_tabs ul {
888
  list-style: none outside none;
889
+ margin: 0px 0;
890
  padding: 0;
891
  }
892
 
901
  }
902
 
903
  .wds_nav_tabs .wds_active {
904
+ border-color: rgb(0, 160, 212);
905
  border-width: 1px 0 1px 1px;
906
  border-style: solid;
907
+ margin: 0 -2px 0 -4px;
908
  padding: 0;
909
  }
910
 
933
 
934
  .wds_nav_box.wds_active {
935
  display: block;
936
+ border: 1px solid rgb(0, 160, 212);
937
  }
938
 
939
  .wds_layer_head {
 
 
 
940
  cursor: pointer;
941
  padding: 5px;
942
+ position:relative;
943
  }
944
 
945
  .wds_layer_head .handle {
994
  .wds_reset_button {
995
  display: none;
996
  font-weight: normal;
997
+ margin: 14px 0;
998
  position: absolute;
999
+ right: 26px;
1000
+ z-index: 1
1001
  }
1002
 
1003
  span[data-type="wds_text_parent"] * {
1005
  font-family: inherit;
1006
  font-size: inherit;
1007
  margin: inherit;
1008
+ }
1009
+
1010
+ .wds_button-secondary{
1011
+ background-color: #FFFFFF;
1012
+ padding: 0 7px 1px 37px;
1013
+ margin: 0;
1014
+ display: inline-block;
1015
+ text-decoration: none;
1016
+ font-size: 13px;
1017
+ line-height: 30px;
1018
+ height: 30px;
1019
+ cursor: pointer;
1020
+ border: 1px solid #ddd;
1021
+ -webkit-appearance: none;
1022
+ white-space: nowrap;
1023
+ -webkit-box-sizing: border-box;
1024
+ -moz-box-sizing: border-box;
1025
+ box-sizing: border-box;
1026
+ color:#666
1027
+ }
1028
+
1029
+ .last{
1030
+ margin-right:10px
1031
+ }
1032
+
1033
+ #wds_search, #wds_reset{
1034
+ background-color: #FFFFFF;
1035
+ padding: 0 15px 1px ;
1036
+ margin: 0 2px 0 0;
1037
+ display: inline-block;
1038
+ text-decoration: none;
1039
+ font-size: 13px;
1040
+ line-height: 30px;
1041
+ height: 30px;
1042
+ cursor: pointer;
1043
+ -webkit-appearance: none;
1044
+ white-space: nowrap;
1045
+ -webkit-box-sizing: border-box;
1046
+ -moz-box-sizing: border-box;
1047
+ box-sizing: border-box;
1048
+ }
1049
+
1050
+ .wds_alternate{
1051
+ background-color:#F1F1F1;
1052
+ }
1053
+
1054
+ .action_buttons{
1055
+ padding: 0 7px 1px 32px;
1056
+ margin: 0 ;
1057
+ display: inline-block;
1058
+ text-decoration: none;
1059
+ font-size: 13px;
1060
+ line-height: 30px;
1061
+ height: 30px;
1062
+ cursor: pointer;
1063
+ border: 0;
1064
+ -webkit-appearance: none;
1065
+ white-space: nowrap;
1066
+ -webkit-box-sizing: border-box;
1067
+ -moz-box-sizing: border-box;
1068
+ box-sizing: border-box;
1069
+ color:#FFFFFF;
1070
+ }
1071
+
1072
+ #tbody_arr .action_buttons{
1073
+ padding: 0 7px 1px 32px;
1074
+ margin: 0 2px 0 0;
1075
+ display: inline-block;
1076
+ text-decoration: none;
1077
+ font-size: 13px;
1078
+ line-height: 30px;
1079
+ height: 30px;
1080
+ cursor: pointer;
1081
+ border: 0;
1082
+ -webkit-appearance: none;
1083
+ white-space: nowrap;
1084
+ -webkit-box-sizing: border-box;
1085
+ -moz-box-sizing: border-box;
1086
+ box-sizing: border-box;
1087
+ color:#FFFFFF;
1088
+ }
1089
+
1090
+ .wds_buttons .action_buttons{
1091
+ padding: 0 7px 1px 30px;
1092
+ line-height: 34px;
1093
+ height: 34px
1094
+ }
1095
+
1096
+ /* .wrap a {
1097
+ color: #000000 !important;
1098
+ }
1099
+
1100
+ .wrap a:hover {
1101
+ color: #00A0D2 !important;
1102
+ }
1103
+ */
1104
+ .buttons_conteiner{
1105
+ margin:10px 0 0
1106
+ }
1107
+
1108
+ #wds_preview{
1109
+ background-color:#00A2D0;
1110
+ line-height: 30px;
1111
+ height: 30px;
1112
+ border-bottom: 3px solid #258AA6;
1113
+ }
1114
+
1115
+ tbody .action_buttons{
1116
+ padding: 0 7px 1px 32px;
1117
+ line-height: 34px;
1118
+ height: 34px
1119
+ }
1120
+
1121
+ .layer_bgcolor{
1122
+ background-color: #FFFFFF !important;
1123
+ }
1124
+
1125
+ .bgcolor td{
1126
+ padding: 20px !important;
1127
+ }
1128
+
1129
+ .bgcolor {
1130
+ background-color: #FFFFFF !important;
1131
+ padding: 20px !important;
1132
+ }
1133
+ .edit_slide{
1134
+ color: white !important;
1135
+ background-image:url('../images/sliderwdpng/add.png');
1136
+ background-position: 5% 50%;
1137
+ }
1138
+
1139
+ .add_by_url{
1140
+ background-image:url('../images/sliderwdpng/add_url.png');
1141
+ background-position: 5% 50%;
1142
+ }
1143
+
1144
+ .embed_media{
1145
+ background-image:url('../images/sliderwdpng/media.png');
1146
+ background-position: 5% 50%;
1147
+ }
1148
+
1149
+ .add_post{
1150
+ color: white !important;
1151
+ background-image:url('../images/sliderwdpng/add_text_layer.png');
1152
+ background-position: 10% 50%;
1153
+ }
1154
+
1155
+ .delete{
1156
+ background-image:url('../images/sliderwdpng/delete.png');
1157
+ background-position: 10% 50%;
1158
+ background-color:#D14130 !important;
1159
+ border-bottom-color:#AD2626 !important;
1160
+
1161
+ }
1162
+
1163
+ .add_text_layer{
1164
+ color: white !important;
1165
+ background-image:url('../images/sliderwdpng/add_text_layer.png');
1166
+ background-position: 5% 50%;
1167
+ }
1168
+
1169
+ .add_image_layer{
1170
+ color: white !important;
1171
+ background-image:url('../images/sliderwdpng/add_image_layer.png');
1172
+ background-position: 5% 50%;
1173
+ }
1174
+
1175
+ .add_embed_layer{
1176
+ color: white !important;
1177
+ background-image:url('../images/sliderwdpng/media.png');
1178
+ background-position: 5% 50%;
1179
+ }
1180
+
1181
+ .add_social_layer{
1182
+ background-image:url('../images/sliderwdpng/add_social.png');
1183
+ background-position: 5% 50%;
1184
+ background-repeat:no-repeat;
1185
+ }
1186
+
1187
+ .add_hotspot_layer{
1188
+ background-image:url('../images/sliderwdpng/add_hotspot.png');
1189
+ background-position: 5% 50%;
1190
+ }
1191
+
1192
+ .tab_image, .new_tab_image{
1193
+ background-size:cover;
1194
+ width:100%;
1195
+ height:100%;
1196
+ position:relative;
1197
+ border:1px solid #B4AFAF;
1198
+
1199
+ }
1200
+
1201
+ .new_tab_image{
1202
+ background-image:url('../images/sliderwdpng/border.png');
1203
+ background-repeat: no-repeat;
1204
+ border:none !important;
1205
+ cursor:pointer;
1206
+ background-size:100% 100%;
1207
+ top: 3px;
1208
+ height: 130px !important;
1209
+ }
1210
+
1211
+ .tab_buttons{
1212
+ position:absolute;
1213
+ bottom:0px;
1214
+ background-color:#F1F1F1;
1215
+ width:100%;
1216
+ }
1217
+
1218
+ .tab_link, .new_tab_link{
1219
+ display:block !important;
1220
+ width:100% !important;
1221
+ height:100% !important;
1222
+ padding:0 !important;
1223
+ }
1224
+
1225
+ .select_icon{
1226
+ background-image:url('../images/sliderwdpng/select.png');
1227
+ background-repeat: no-repeat;
1228
+ -webkit-appearance: none;
1229
+ -moz-appearance: none;
1230
+ background-position:93% 49%;
1231
+ padding: 0 2px 2px 2px !important;
1232
+ width: 10%;
1233
+ }
1234
+ .overlay{
1235
+ display:none;
1236
+ width:100%;
1237
+ height:100%;
1238
+ background-color:rgba(0,0,0,0.6);
1239
+
1240
+ }
1241
+
1242
+ .tab_image:hover .overlay {
1243
+ display:block
1244
+ }
1245
+
1246
+ #hover_buttons{
1247
+ position:absolute;
1248
+ top:0;
1249
+ bottom:0;
1250
+ left:0;
1251
+ right:0;
1252
+ margin:auto;
1253
+ width:86px;
1254
+ height:19px
1255
+ }
1256
+
1257
+ .layer_table_left{
1258
+ float:left !important;
1259
+ }
1260
+ .layer_table_right{
1261
+ float:right !important;
1262
+ }
1263
+
1264
+ .slider_title_conteiner {
1265
+ /* background-color: white; */
1266
+ padding: 2px 11px;
1267
+ width: 20%;
1268
+ float: left;
1269
+ }
1270
+
1271
+ .slider_title_conteiner input{
1272
+ box-shadow:none;
1273
+ height: 30px
1274
+ }
1275
+
1276
+ .tab_conteiner{
1277
+ float:left ;
1278
+ margin-bottom:2px;
1279
+ }
1280
+
1281
+ .wds_subtab_wrap{
1282
+ width:12%;
1283
+ height:130px;
1284
+ float:left;
1285
+ margin:12px
1286
+ }
1287
+
1288
+ .tab_button_wrap {
1289
+ float: left;
1290
+ width: 120px;
1291
+ margin-right: 5px;
1292
+ }
1293
+
1294
+ .tab_button_wrap .wds_button-secondary {
1295
+ margin-right: 5px;
1296
+ }
1297
+
1298
+ .wds_menu_icon{
1299
+ display:none;
1300
+ }
1301
+
1302
+ .add_video{
1303
+ color: white !important;
1304
+ background-image:url('../images/sliderwdpng/add_video.png');
1305
+ background-position: 5% 50%;
1306
+ }
1307
+
1308
+ .add_images{
1309
+ background-image:url('../images/sliderwdpng/add.png');
1310
+ background-position: 5% 50%;
1311
+ color:white !important;
1312
+ background-repeat:no-repeat;
1313
+ background-color:#00A0D2;
1314
+ border-bottom: 3px solid #258AA6;
1315
+ }
1316
+
1317
+ .edit_thumb {
1318
+ background-image:url('../images/sliderwdpng/edit_thumbnail.png');
1319
+ background-position: 5% 50%;
1320
+ color:white !important;
1321
+ background-repeat:no-repeat;
1322
+ background-color:#00A0D2;
1323
+ border-bottom: 3px solid #258AA6;
1324
+ }
1325
+
1326
+ .add_posts{
1327
+ background-image:url('../images/sliderwdpng/add_text_layer.png');
1328
+ background-position: 10% 50%;
1329
+ color:white !important;
1330
+ }
1331
+
1332
+ .add_video_layer{
1333
+ color: white !important;
1334
+ background-image:url('../images/sliderwdpng/add_video_layer.png');
1335
+ background-position: 5% 50%;
1336
+ }
1337
+
1338
+ .set_watermark{
1339
+ background-image:url('../images/sliderwdpng/watermark.png');
1340
+ background-position: 5% 50%;
1341
+ color:white !important;
1342
+ }
1343
+
1344
+ .reset_watermark{
1345
+ background-image:url('../images/sliderwdpng/reset_watermark.png');
1346
+ background-position: 5% 50%;
1347
+ color:white !important;
1348
+ }
1349
+
1350
+ .wds_button_wrap .action_buttons, .layer_add_buttons_wrap .action_buttons, .slide_add_buttons_wrap .action_buttons {
1351
+ background-repeat:no-repeat;
1352
+ background-color: #00A0D2;
1353
+ border-bottom: 3px solid #258AA6;
1354
+ }
1355
+
1356
+ .wds_publish_all {
1357
+ background-image:url('../images/sliderwdpng/publish.png');
1358
+ background-repeat:no-repeat;
1359
+ background-position: 15% 50%
1360
+ }
1361
+
1362
+ .wds_unpublish_all {
1363
+ background-image:url('../images/sliderwdpng/unpublish.png');
1364
+ background-repeat:no-repeat;
1365
+ background-position: 15% 50%
1366
+ }
1367
+
1368
+ .wds_duplicate_all {
1369
+ background-image:url('../images/sliderwdpng/duplicate.png');
1370
+ background-repeat:no-repeat;
1371
+ background-position: 15% 50%
1372
+ }
1373
+
1374
+ .wds_export {
1375
+ background-image:url('../images/sliderwdpng/export.png');
1376
+ background-repeat:no-repeat;
1377
+ background-position: 15% 50%
1378
+ }
1379
+
1380
+ .wds_import {
1381
+ background-image:url('../images/sliderwdpng/import.png');
1382
+ background-repeat:no-repeat;
1383
+ background-position: 15% 50%
1384
+ }
1385
+
1386
+ .wds_delete_all {
1387
+ background-image:url('../images/sliderwdpng/delete_red.png');
1388
+ background-repeat:no-repeat;
1389
+ background-position: 15% 50%
1390
+ }
1391
+
1392
+ .wds_table_big_col_action {
1393
+ width:25%;
1394
+ text-align:left!important;
1395
+ padding-left: 21px;
1396
+ }
1397
+
1398
+ #check_all_items {
1399
+ margin: 0px 5px 5px 0;
1400
+ vertical-align: middle;
1401
+ }
1402
+
1403
+ .edit_slider {
1404
+ background-image:url('../images/sliderwdpng/edit.png');
1405
+ background-repeat:no-repeat;
1406
+ background-color:#00A0D2;
1407
+ border-bottom: 3px solid #00546B !important;
1408
+ background-position: 10% 50%;
1409
+ }
1410
+
1411
+ .wds_duplicate_slider {
1412
+ background-image:url('../images/sliderwdpng/duplicate_blue.png');
1413
+ background-repeat:no-repeat;
1414
+ background-color:#00A0D2;
1415
+ border-bottom: 3px solid #00546B !important;
1416
+ background-position: 10% 50%;
1417
+ }
1418
+
1419
+ .wds_delete_slider {
1420
+ background-image:url('../images/sliderwdpng/delete_slider.png');
1421
+ background-repeat:no-repeat;
1422
+ background-color:#D14130;
1423
+ border-bottom: 3px solid #AD2626 !important;
1424
+ background-position: 10% 50%;
1425
+ }
1426
+
1427
+ .wds_settings {
1428
+ background-image:url('../images/sliderwdpng/settings_grey.png');
1429
+ background-repeat:no-repeat;
1430
+ background-position: 15% 50%;
1431
+ background-repeat: no-repeat;
1432
+ height: 36px;
1433
+ padding-top: 2px;
1434
+ font-size: 13px;
1435
+ width: 100%
1436
+ }
1437
+
1438
+ .wds_slides {
1439
+ background-image:url('../images/sliderwdpng/slider_grey.png');
1440
+ background-repeat:no-repeat;
1441
+ background-position: 15% 50%;
1442
+ background-repeat: no-repeat;
1443
+ height: 36px;
1444
+ padding-top: 2px;
1445
+ font-size: 13px;
1446
+ width: 100%
1447
+ }
1448
+
1449
+ .wds_save_slider {
1450
+ background-image:url('../images/sliderwdpng/save.png');
1451
+ background-repeat:no-repeat;
1452
+ background-position: 15% 50%
1453
+ }
1454
+
1455
+ .wds_aplly_slider {
1456
+ background-image:url('../images/sliderwdpng/apply.png');
1457
+ background-repeat:no-repeat;
1458
+ background-position: 15% 50%
1459
+ }
1460
+
1461
+ .wds_dublicate_slide {
1462
+ background-image:url('../images/sliderwdpng/save_copy.png');
1463
+ background-repeat:no-repeat;
1464
+ background-position: 15% 50%
1465
+ }
1466
+
1467
+ #wds_preview{
1468
+ background-color:#00A2D0;
1469
+ line-height: 30px;
1470
+ height: 30px;
1471
+ border-bottom: 3px solid #258AA6;
1472
+ background-image:url('../images/sliderwdpng/preview1.png');
1473
+ background-repeat:no-repeat;
1474
+ background-position: 15% 50%
1475
+ }
1476
+
1477
+ .wds_export_one {
1478
+ background-image:url('../images/sliderwdpng/export.png');
1479
+ background-repeat:no-repeat;
1480
+ background-position: 15% 50%
1481
+ }
1482
+
1483
+ .wds_cancel {
1484
+ background-image:url('../images/sliderwdpng/cancel.png');
1485
+ background-repeat:no-repeat;
1486
+ background-position: 15% 50%
1487
+ }
1488
+
1489
+ .wds_external_link {
1490
+ border:0;
1491
+ box-shadow:none;
1492
+ margin-right:12px
1493
+ }
1494
+
1495
+ .layer_table_left {
1496
+ width: 60% !important;
1497
+ }
1498
+
1499
+ .layer_table_right {
1500
+ width: 39% !important;
1501
+ }
1502
+
1503
+ .selected_color {
1504
+ color:#00A2D0 !important;
1505
+ }
1506
+
1507
+ .slider_delete {
1508
+ float:left
1509
+ }
1510
+
1511
+ .slider_duplicate {
1512
+ float:left
1513
+ }
1514
+
1515
+ .slider_edit {
1516
+ float:left
1517
+ }
1518
+
1519
+ .reset_settings {
1520
+ background-image: url('../images/sliderwdpng/reset.png');
1521
+ background-position-y: 22%;
1522
+ color: #FFFFFF !important;
1523
+ background-repeat: no-repeat;
1524
+ background-color: #00A0D2;
1525
+ padding: 0 7px 1px 38px;
1526
+ margin: 0;
1527
+ display: inline-block;
1528
+ text-decoration: none;
1529
+ font-size: 13px;
1530
+ line-height: 30px;
1531
+ height: 30px;
1532
+ cursor: pointer;
1533
+ border: 0;
1534
+ border-bottom: 3px solid #258AA6;
1535
+ -webkit-appearance: none;
1536
+ white-space: nowrap;
1537
+ -webkit-box-sizing: border-box;
1538
+ -moz-box-sizing: border-box;
1539
+ box-sizing: border-box;
1540
+ background-position: 5% 50%;
1541
+ }
1542
+
1543
+ .wds_slide_radio_left {
1544
+ width: 34% !important;
1545
+ float: left;
1546
+ }
1547
+
1548
+ .wds_slide_radio_right {
1549
+ width: 66% !important;
1550
+ float: right;
1551
+ }
1552
+
1553
+ .wds_layer_head_tr {
1554
+ background-color: #e1e1e1;
1555
+ border: 1px solid #cccccc;
1556
+ }
1557
+
1558
+ .ui-tooltip {
1559
+ background-color: rgba(255,255,255,1);
1560
+ border-radius: 3px;
1561
+ box-shadow: 0 0 7px black;
1562
+ line-height: 15px;
1563
+ }
1564
+
1565
+ .titles {
1566
+ padding-top:0 !important;
1567
+ }
1568
+
1569
+ .wds_tab_label {
1570
+ text-align:center
1571
+ }
1572
+
1573
+ .wds_free_button {
1574
+ background-color: #6EC9E6!important;
1575
+ border-color:#5BA6B9 !important;
1576
+ opacity: 1;
1577
+ filter: Alpha(opacity=100);
1578
+ }
1579
+
1580
+ @media screen and (max-width: 782px){
1581
+ body {
1582
+ overflow-x: initial !important;
1583
+ min-width: inherit;
1584
+ }
1585
+ #wpwrap{
1586
+ overflow-x: hidden !important;
1587
+ }
1588
+ }
1589
+
1590
+ @media screen and (max-width: 475px) and (min-width: 320px){
1591
+ .wds_subtab_wrap{
1592
+ width: 48.2% !important;
1593
+ height: 155px !important;
1594
+ }
1595
+
1596
+ .wds_textarea {
1597
+ width: 107px !important;
1598
+ }
1599
+
1600
+ .wds_link {
1601
+ width: 145px !important;
1602
+ }
1603
+
1604
+ .select_icon_320 {
1605
+ width: 90% !important;
1606
+ }
1607
+ .action_buttons{
1608
+ font-size:11px !important
1609
+ }
1610
+
1611
+ .wds_button_wrap, .slide_add_buttons_wrap, .layer_add_buttons_wrap {
1612
+ width:48.1% !important;
1613
+ }
1614
+
1615
+
1616
+ }
1617
+
1618
+
1619
+ @media screen and (max-width: 400px) {
1620
+ .wds_button_wrap,
1621
+ .slide_add_buttons_wrap,
1622
+ .layer_add_buttons_wrap {
1623
+ width:48% !important;
1624
+ }
1625
+ .layer_table_left span, .layer_table_right span, .layer_table_left .wds_editor_btn {
1626
+ display:block !important;
1627
+ }
1628
+
1629
+ .layer_table_left textarea, .layer_table_left .select_icon, .layer_table_right .select_icon{
1630
+ width:auto !important;
1631
+ }
1632
+ }
1633
+
css/wds_tables_320.css ADDED
@@ -0,0 +1,294 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @media screen and (max-width: 320px){
2
+
3
+ .handle {
4
+ margin: 0 !important;
5
+ width: 19px;
6
+ }
7
+
8
+ .wds_tabs {
9
+ width: 93%;
10
+ }
11
+
12
+ .wds_tab_title {
13
+ width: 39px;
14
+ padding:0 !important
15
+ }
16
+
17
+
18
+ .wds_layer_remove {
19
+ float: none;
20
+ vertical-align: middle
21
+ }
22
+
23
+ .wds_layer_dublicate {
24
+ margin: 5px;
25
+ float: none;
26
+ vertical-align: middle
27
+ }
28
+
29
+ .wds_layer_depth {
30
+ float: none;
31
+ }
32
+
33
+ .wds_tab_label {
34
+ text-align: center;
35
+ }
36
+
37
+ .wds_button-secondary{
38
+ padding: 0 9px 1px 34px !important;
39
+ }
40
+
41
+ .wds_alternate{
42
+ background-color:#F1F1F1;
43
+ }
44
+
45
+ .action_buttons{
46
+ font-size: 11px;
47
+ }
48
+
49
+ .wds_buttons .action_buttons{
50
+ padding: 0 18px 1px 46px;
51
+ font-size:12px
52
+ }
53
+
54
+
55
+ .buttons_conteiner{
56
+ margin:0px !important
57
+ }
58
+
59
+ tbody .action_buttons{
60
+ padding: 0 7px 1px 43px;
61
+ }
62
+
63
+ .bgcolor td{
64
+ padding: 10px !important;
65
+ }
66
+
67
+ .bgcolor {
68
+ padding: 10px !important;
69
+ }
70
+
71
+ .delete{
72
+ background-repeat:no-repeat;
73
+ background-color:#00A0D2;
74
+ border-bottom: 3px solid #1D88A5;
75
+ }
76
+
77
+ .select_icon{
78
+ width: 169px !important;
79
+ }
80
+
81
+ #slide_add_buttons{
82
+ padding:0
83
+ }
84
+
85
+ #layer_add_buttons .action_buttons{
86
+ padding: 0 7px 1px 32px;
87
+ }
88
+
89
+ .wds_preview_wrapper{
90
+ width:100% !important;
91
+ }
92
+
93
+ .slider_title_conteiner{
94
+ width:90%;
95
+ margin-left:0 !important;
96
+ }
97
+
98
+ .mobile_hide, .tablenav-pages {
99
+ display: none !important;
100
+ }
101
+
102
+
103
+ .wds_buttons_320{
104
+ background-repeat: no-repeat;
105
+ background-color: #00A0D2;
106
+ border-bottom: 3px solid #258AA6;
107
+ padding: 0 18px 1px 39px !important;
108
+ width: 100%
109
+ }
110
+
111
+ .wds_textarea {
112
+ width: 107px !important;
113
+ }
114
+
115
+ .wds_link {
116
+ width: 145px !important;
117
+ }
118
+
119
+ .select_icon_320 {
120
+ width: 90% !important;
121
+ }
122
+
123
+ input[type=radio] {
124
+ margin-top:1px
125
+ }
126
+
127
+ #TB_window{
128
+ width:100% !important;
129
+ left: 3% !important;
130
+ margin-left: 0 !important;
131
+ margin-top: 0 !important;
132
+ top: 3%;
133
+ }
134
+
135
+
136
+ .wds_sub_active {
137
+ padding: 0!important
138
+ }
139
+
140
+ .wds_preview {
141
+ width:93% !important
142
+ }
143
+
144
+ .wds_button_wrap, .slide_add_buttons_wrap, .layer_add_buttons_wrap {
145
+ width: 48.2%;
146
+ text-align: center;
147
+ }
148
+
149
+ .slide_add_buttons_wrap .action_buttons {
150
+ width:100%;
151
+ background-repeat: no-repeat;
152
+ background-color: #00A0D2;
153
+ border-bottom: 3px solid #258AA6;
154
+ text-align:center
155
+ }
156
+
157
+ .add_by_url {
158
+ padding: 0 7px 1px 34px !important;
159
+ }
160
+
161
+ .layer_add_buttons_wrap .action_buttons {
162
+ width: 100%;
163
+ text-align:center;
164
+ background-repeat:no-repeat;
165
+ font-size: 9px;
166
+ background-color: #00A0D2;
167
+ border-bottom: 3px solid #258AA6;
168
+ }
169
+
170
+ .block_320 {
171
+ display: block !important;
172
+ }
173
+
174
+ .wds_tab_remove {
175
+ /* width: 15px;
176
+ height: 15px; */
177
+ margin:0 2px;
178
+ /* opacity: 0.5;
179
+ filter: Alpha(opacity=50); */
180
+ }
181
+
182
+ .wds_slide_dublicate {
183
+ /* width: 15px;
184
+ height: 15px; */
185
+ margin:0 2px;
186
+ }
187
+
188
+ #hover_buttons{
189
+ width:76px !important;
190
+ }
191
+
192
+ .add_social_layer {
193
+ background-image:url('../images/sliderwdpng/add_social.png')
194
+ }
195
+
196
+ #TB_window,
197
+ #TB_iframeContent {
198
+ width: 300px !important;
199
+ height: 500px !important;
200
+ }
201
+
202
+ .mobiel_width {
203
+ width: 35%
204
+ }
205
+
206
+ .mobile_hide {
207
+ display: none !important;
208
+ }
209
+
210
+ .non_selectable {
211
+ display:none
212
+ }
213
+
214
+ .wds_subtab_wrap{
215
+ width: 48%;
216
+ height:130px;
217
+ float:left;
218
+ margin:2px
219
+
220
+ }
221
+
222
+ .new_tab_image{
223
+ height: 120px;
224
+ top: 1px;
225
+ }
226
+
227
+ .buttons_div input {
228
+ width: 32%;
229
+ }
230
+
231
+ .wds_change_thumbnail{
232
+ margin:0 2px;
233
+ /* width:15px;
234
+ height:15px */
235
+ }
236
+
237
+ .wds_nav_tabs {
238
+ height: auto;
239
+ width: auto;
240
+ position: relative;
241
+ }
242
+
243
+ .wds_nav_tabs ul {
244
+ display: none;
245
+ width: 150px;
246
+ position: absolute;
247
+ background-color: #ffffff;
248
+ border: 1px solid #ccc;
249
+ top: -5px;
250
+ margin:0;
251
+ }
252
+
253
+ .wds_menu_icon{
254
+ top: -26px;
255
+ }
256
+
257
+ .wds_nav_tabs .wds_active {
258
+ border-color: none;
259
+ border-width: 0;
260
+ border-style: none;
261
+ margin: 0 ;
262
+
263
+ }
264
+
265
+ .wds_reset_button{
266
+ position:static;
267
+ text-align:center;
268
+ }
269
+
270
+ .wds_box td {
271
+ padding: 10px 2px !important;
272
+ }
273
+
274
+ .wds_preview_image{
275
+ width:100% !important
276
+ }
277
+
278
+ .display_block {
279
+ display:block !important;
280
+ }
281
+
282
+ .display_block .default_buttons {
283
+ margin:0 !important
284
+ }
285
+
286
+ .play_buttons_cont {
287
+ margin: 0 !important
288
+ }
289
+
290
+ .wds_reverse_cont {
291
+ margin-top:10px
292
+ }
293
+
294
+ }
css/wds_tables_640.css ADDED
@@ -0,0 +1,282 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @media screen and (max-width: 640px) {
2
+
3
+ .wds_layer_depth {
4
+ padding: 3px 10px !important;
5
+ }
6
+
7
+
8
+ .wds_box tbody {
9
+ padding-left: 0px !important;
10
+ }
11
+
12
+ .wds_button-secondary{
13
+ padding: 0 9px 1px 37px;
14
+ }
15
+
16
+ .wds_button_wrap .wds_button-secondary{
17
+ width:100%
18
+ }
19
+
20
+ .action_buttons{
21
+ margin: 0 2px 0 0;
22
+ font-size: 12px;
23
+ background-repeat: no-repeat;
24
+ background-color: #00A0D2;
25
+ border-bottom: 3px solid #258AA6;
26
+ text-align:center;
27
+ width: 100%
28
+ }
29
+
30
+ .wds_buttons .action_buttons{
31
+ padding: 0 18px 1px 43px;
32
+ font-size:12px
33
+ }
34
+
35
+ .wds_buttons{
36
+ float:none;
37
+ }
38
+
39
+ .last{
40
+ margin-right:0
41
+ }
42
+
43
+ .buttons_conteiner{
44
+ margin:10px !important;
45
+ }
46
+
47
+ tbody .action_buttons{
48
+ padding: 0 10px 1px 32px;
49
+ }
50
+ .bgcolor td{
51
+ padding: 10px !important;
52
+ }
53
+
54
+ .bgcolor {
55
+ padding: 10px !important;
56
+ }
57
+
58
+ .delete{
59
+ background-repeat:no-repeat;
60
+ background-color:#00A0D2;
61
+ border-bottom: 3px solid #1D88A5;
62
+ }
63
+
64
+ .tab_image, .new_tab_image{
65
+ width:100%;
66
+ height:100% ;
67
+ cursor:pointer
68
+ }
69
+
70
+ .new_tab_image{
71
+ background-size: 100% 100%;
72
+ height: 132px ;
73
+ top: 2px;
74
+ }
75
+
76
+ .tab_link, .new_tab_link{
77
+ width:100% !important;
78
+ height:100% !important;
79
+ }
80
+
81
+
82
+ #slide_add_buttons{
83
+ width:100%;
84
+ }
85
+
86
+ #layer_add_buttons .action_buttons{
87
+ padding: 0 7px 1px 32px;
88
+ }
89
+
90
+ .wds_preview_wrapper{
91
+ width:98% !important;
92
+ }
93
+
94
+ .slider_title_conteiner{
95
+ padding: 8px 0px 8px 0;
96
+ width: 93.5%;
97
+ margin-left: 1%;
98
+ }
99
+
100
+ .layer_table{
101
+ display: block !important;
102
+ width:100% !Important
103
+ }
104
+
105
+ .mobile_hide {
106
+ display: none !important;
107
+ }
108
+
109
+ .layer_table_left, .layer_table_right{
110
+ float:none !important;
111
+ width:100% !important;
112
+ }
113
+
114
+ .wds_textarea {
115
+ width: 197px ;
116
+ }
117
+
118
+ #TB_window{
119
+ width:100% !important;
120
+ left:0 !important;
121
+ margin-left: 0 !important;
122
+ }
123
+
124
+ #add_embed, .wds_resize_image , .wds_exports, .wds_editor, #add_embed_help{
125
+ width:93% !important;
126
+ left:0 !important;
127
+ margin-left: 0 !important;
128
+ height: auto;
129
+ }
130
+ #add_embed input[type="text"], .wds_resize_image input[type="text"] , .wds_exports input[type="text"], .wds_editor input[type="text"]{
131
+ width:94% !important;
132
+ }
133
+
134
+ #TB_window,
135
+ #TB_iframeContent {
136
+ width: 100% !important;
137
+ height: 500px !important;
138
+ }
139
+
140
+ #TB_window {
141
+ top:3%;
142
+ margin-top:0 !important;
143
+ left: 1% !important
144
+ }
145
+
146
+
147
+ .wds_settings_box {
148
+ margin-top:15px !important
149
+ }
150
+
151
+ .non_selectable {
152
+ display:none
153
+ }
154
+
155
+
156
+ .slide_add_buttons_wrap, .layer_add_buttons_wrap, .wds_button_wrap {
157
+ width: 48.6%;
158
+ }
159
+
160
+ .layer_add_buttons_wrap .action_buttons, .slide_add_buttons_wrap .action_buttons {
161
+ width: 100%;
162
+ text-align:center;
163
+ background-repeat:no-repeat;
164
+ background-color: #00A0D2;
165
+ border-bottom: 3px solid #258AA6;
166
+ }
167
+
168
+ .buttons_div input {
169
+ width: 32%;
170
+ }
171
+
172
+ .buttons_div {
173
+ float:none;
174
+ }
175
+
176
+ .wds_tab_label {
177
+ width: 100%
178
+ }
179
+
180
+ .tab_button_wrap {
181
+ float:left;
182
+ width: 48.7%;
183
+ margin-right: 2px
184
+ }
185
+
186
+ .tab_button_wrap .wds_button-secondary{
187
+ width:100%;
188
+ text-align:center;
189
+ }
190
+
191
+ .tab_conteiner{
192
+ padding:5px 0 15px;
193
+ float:none;
194
+ }
195
+
196
+ .wds_subtab_wrap{
197
+ width:24%;
198
+ height:130px;
199
+ float:left;
200
+ margin:2px
201
+ }
202
+
203
+ .wds_nav_tabs {
204
+ height: auto;
205
+ width: auto;
206
+ position: relative;
207
+ }
208
+ .wds_nav_tabs ul {
209
+ display: none;
210
+ width: 150px;
211
+ position: absolute;
212
+ background-color: #ffffff;
213
+ border: 1px solid #ccc;
214
+ top: -15px;
215
+ margin:0;
216
+ }
217
+
218
+ .wds_menu_icon{
219
+ width: 33px;
220
+ height: 25px;
221
+ background-image: url("../images/sliderwdpng/menu.png");
222
+ display: inline-block;
223
+ position: absolute;
224
+ top: -26px;
225
+ }
226
+
227
+ .wds_nav_tabs .wds_active {
228
+ border-color: none;
229
+ border-width: 0;
230
+ border-style: none;
231
+ margin: 0 ;
232
+
233
+ }
234
+ .wds_reset_button{
235
+ position:static;
236
+ text-align:center;
237
+ }
238
+
239
+ input[type=radio]{
240
+ margin-top:5px
241
+ }
242
+ .select_icon_320 {
243
+ font-size:12px !Important
244
+ }
245
+
246
+ .layer_table_left .thickbox {
247
+ width: 100% !important;
248
+ display: block;
249
+ text-align:center
250
+ }
251
+
252
+ .layer_table_left .wds_editor_btn{
253
+ position:static !important;
254
+ }
255
+
256
+ .wds_640{
257
+ display:table-cell !Important
258
+ }
259
+
260
+ .default_buttons {
261
+ width:90px !important
262
+ }
263
+
264
+ .spider_options_cont,
265
+ .spider_bull_options_cont,
266
+ .spider_pp_options_cont,
267
+ .spider_options_color_cont,
268
+ .spider_bull_options_color_cont,
269
+ .spider_pp_options_color_cont {
270
+ width: 90px;
271
+ }
272
+
273
+ .wds_slide_radio_left {
274
+ width: 100% !important;
275
+ float: none !important;
276
+ }
277
+
278
+ .wds_slide_radio_right {
279
+ width: 100% !important;
280
+ float: none !important;
281
+ }
282
+ }
filemanager/view.php CHANGED
@@ -90,6 +90,7 @@ class FilemanagerView {
90
  </script>
91
  <script src="<?php echo WD_S_URL; ?>/filemanager/js/default.js?ver=<?php echo get_option("wd_bwg_version"); ?>"></script>
92
  <link href="<?php echo WD_S_URL; ?>/filemanager/css/default.css?ver=<?php echo get_option("wd_bwg_version"); ?>" type="text/css" rel="stylesheet">
 
93
  <?php
94
  switch ($items_view) {
95
  case 'list':
@@ -110,7 +111,7 @@ class FilemanagerView {
110
  <div id="wrapper">
111
  <div id="opacity_div" style="background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998;"></div>
112
  <div id="loading_div" style="text-align: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999;">
113
- <img src="<?php echo WD_S_URL . '/images/ajax_loader.png'; ?>" class="spider_ajax_loading" style="margin-top: 200px; width:50px;">
114
  </div>
115
  <div id="file_manager">
116
  <div class="ctrls_bar ctrls_bar_header">
@@ -124,12 +125,14 @@ class FilemanagerView {
124
  <a class="ctrl_bar_btn btn_paste" onclick="onBtnPasteClick(event, this);" title="<?php echo 'Paste'; ?>"> </a>
125
  <a class="ctrl_bar_btn btn_remove_items" onclick="onBtnRemoveItemsClick(event, this);" title="<?php echo 'Remove items'; ?>"></a>
126
  <span class="ctrl_bar_divider"></span>
 
127
  <span class="ctrl_bar_btn btn_primary">
128
  <a class="ctrl_bar_btn btn_upload_files" onclick="onBtnShowUploaderClick(event, this);"><?php echo 'Upload files'; ?></a>
129
  </span>
130
  <span class="ctrl_bar_divider"></span>
131
  <span id="search_by_name" class="ctrl_bar_btn">
132
  <input type="search" placeholder="Search" class="ctrl_bar_btn search_by_name">
 
133
  </span>
134
  </div>
135
  <div class="ctrls_right">
90
  </script>
91
  <script src="<?php echo WD_S_URL; ?>/filemanager/js/default.js?ver=<?php echo get_option("wd_bwg_version"); ?>"></script>
92
  <link href="<?php echo WD_S_URL; ?>/filemanager/css/default.css?ver=<?php echo get_option("wd_bwg_version"); ?>" type="text/css" rel="stylesheet">
93
+ <link href="<?php echo WD_S_URL; ?>/css/wds_tables_320.css?ver=<?php echo get_option("wd_bwg_version"); ?>" type="text/css" rel="stylesheet">
94
  <?php
95
  switch ($items_view) {
96
  case 'list':
111
  <div id="wrapper">
112
  <div id="opacity_div" style="background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998;"></div>
113
  <div id="loading_div" style="text-align: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999;">
114
+ <img src="<?php echo WD_S_URL . '/images/ajax_loader.gif'; ?>" class="spider_ajax_loading" style="margin-top: 200px; width:50px;">
115
  </div>
116
  <div id="file_manager">
117
  <div class="ctrls_bar ctrls_bar_header">
125
  <a class="ctrl_bar_btn btn_paste" onclick="onBtnPasteClick(event, this);" title="<?php echo 'Paste'; ?>"> </a>
126
  <a class="ctrl_bar_btn btn_remove_items" onclick="onBtnRemoveItemsClick(event, this);" title="<?php echo 'Remove items'; ?>"></a>
127
  <span class="ctrl_bar_divider"></span>
128
+ <span class="ctrl_bar_search_upload">
129
  <span class="ctrl_bar_btn btn_primary">
130
  <a class="ctrl_bar_btn btn_upload_files" onclick="onBtnShowUploaderClick(event, this);"><?php echo 'Upload files'; ?></a>
131
  </span>
132
  <span class="ctrl_bar_divider"></span>
133
  <span id="search_by_name" class="ctrl_bar_btn">
134
  <input type="search" placeholder="Search" class="ctrl_bar_btn search_by_name">
135
+ </span>
136
  </span>
137
  </div>
138
  <div class="ctrls_right">
framework/WDW_S_Library.php CHANGED
@@ -183,7 +183,7 @@ class WDW_S_Library {
183
 
184
  public static function search($search_by, $search_value, $form_id) {
185
  ?>
186
- <div class="alignleft actions" style="clear:both;">
187
  <script>
188
  function spider_search(event) {
189
  if (typeof event != 'undefined') {
@@ -213,12 +213,12 @@ class WDW_S_Library {
213
  name="search_value"
214
  class="spider_search_value"
215
  value="<?php echo esc_html($search_value); ?>"
216
- style="width: 150px;<?php echo (get_bloginfo('version') > '3.7') ? ' height: 28px;' : ''; ?>"
217
  onkeypress="spider_search(event)" />
218
  </div>
219
  <div class="alignleft actions">
220
- <input type="button" value="Search" onclick="spider_search()" class="button-secondary action">
221
- <input type="button" value="Reset" onclick="spider_reset()" class="button-secondary action">
222
  </div>
223
  </div>
224
  <?php
@@ -309,7 +309,7 @@ class WDW_S_Library {
309
  return true;
310
  }
311
  </script>
312
- <div class="tablenav-pages">
313
  <span class="displaying-num">
314
  <?php
315
  if ($count_items != 0) {
@@ -377,7 +377,7 @@ class WDW_S_Library {
377
  </script>
378
  <div class="alignleft actions" style="">
379
  <label for="search_value" style="font-size:14px; width:60px; display:inline-block;"><?php echo $search_by; ?>:</label>
380
- <input type="text" id="search_value" name="search_value" class="spider_search_value" value="<?php echo esc_html($search_value); ?>" style="width: 150px;<?php echo (get_bloginfo('version') > '3.7') ? ' height: 28px;' : ''; ?>" />
381
  </div>
382
  <div class="alignleft actions">
383
  <input type="button" value="Search" onclick="spider_search()" class="button-secondary action">
183
 
184
  public static function search($search_by, $search_value, $form_id) {
185
  ?>
186
+ <div class="alignleft actions" style="float:left;">
187
  <script>
188
  function spider_search(event) {
189
  if (typeof event != 'undefined') {
213
  name="search_value"
214
  class="spider_search_value"
215
  value="<?php echo esc_html($search_value); ?>"
216
+ style="box-shadow:none; width: 150px;<?php echo (get_bloginfo('version') > '3.7') ? ' height: 32px;' : ''; ?>"
217
  onkeypress="spider_search(event)" />
218
  </div>
219
  <div class="alignleft actions">
220
+ <input type="button" value="Search" id="wds_search" onclick="spider_search()" class="wds_button-secondary action">
221
+ <input type="button" value="Reset" id="wds_reset" onclick="spider_reset()" class="wds_button-secondary action">
222
  </div>
223
  </div>
224
  <?php
309
  return true;
310
  }
311
  </script>
312
+ <div class="tablenav-pages" style="text-align:right">
313
  <span class="displaying-num">
314
  <?php
315
  if ($count_items != 0) {
377
  </script>
378
  <div class="alignleft actions" style="">
379
  <label for="search_value" style="font-size:14px; width:60px; display:inline-block;"><?php echo $search_by; ?>:</label>
380
+ <input type="text" id="search_value" name="search_value" class="spider_search_value" value="<?php echo esc_html($search_value); ?>" style="width: 150px;<?php echo (get_bloginfo('version') > '3.7') ? ' height: 32px;' : ''; ?>" />
381
  </div>
382
  <div class="alignleft actions">
383
  <input type="button" value="Search" onclick="spider_search()" class="button-secondary action">
frontend/views/WDSViewSlider.php CHANGED
@@ -730,7 +730,7 @@ class WDSViewSlider {
730
  </script>
731
  <div id="wds_container1_<?php echo $wds; ?>">
732
  <div class="wds_loading">
733
- <img src="<?php echo WD_S_URL . '/images/ajax_loader.png'; ?>" class="wds_loading_img" />
734
  </div>
735
  <div id="wds_container2_<?php echo $wds; ?>">
736
  <div class="wds_slideshow_image_wrap_<?php echo $wds; ?>">
730
  </script>
731
  <div id="wds_container1_<?php echo $wds; ?>">
732
  <div class="wds_loading">
733
+ <img src="<?php echo WD_S_URL . '/images/ajax_loader.gif'; ?>" class="wds_loading_img" />
734
  </div>
735
  <div id="wds_container2_<?php echo $wds; ?>">
736
  <div class="wds_slideshow_image_wrap_<?php echo $wds; ?>">
images/ajax_loader.gif ADDED
Binary file
images/ajax_loader.png DELETED
Binary file
images/slider-icon.png CHANGED
Binary file
images/sliderwdpng/add.png ADDED
Binary file
images/sliderwdpng/add_hotspot.png ADDED
Binary file
images/sliderwdpng/add_image_layer.png ADDED
Binary file
images/sliderwdpng/add_social.png ADDED
Binary file
images/sliderwdpng/add_text_layer.png ADDED
Binary file
images/sliderwdpng/add_url.png ADDED
Binary file
images/sliderwdpng/add_video.png ADDED
Binary file
images/sliderwdpng/add_video_layer.png ADDED
Binary file
images/sliderwdpng/apply.png ADDED
Binary file
images/sliderwdpng/border.png ADDED
Binary file
images/sliderwdpng/cancel.png ADDED
Binary file
images/sliderwdpng/close.png ADDED
Binary file
images/sliderwdpng/delete.png ADDED
Binary file
images/sliderwdpng/delete_red.png ADDED
Binary file
images/sliderwdpng/delete_slider.png ADDED
Binary file
images/sliderwdpng/duplicate.png ADDED
Binary file
images/sliderwdpng/duplicate_blue.png ADDED
Binary file
images/sliderwdpng/duplicate_slide.png ADDED
Binary file
images/sliderwdpng/edit.png ADDED
Binary file
images/sliderwdpng/edit_thumbnail.png ADDED
Binary file
images/sliderwdpng/export.png ADDED
Binary file
images/sliderwdpng/hover_delete.png ADDED
Binary file
images/sliderwdpng/hover_duplicate.png ADDED
Binary file
images/sliderwdpng/import.png ADDED
Binary file
images/sliderwdpng/k.png ADDED
Binary file
images/sliderwdpng/layer.png ADDED
Binary file
images/sliderwdpng/media.png ADDED
Binary file
images/sliderwdpng/menu.png ADDED
Binary file
images/sliderwdpng/preview.png ADDED
Binary file
images/sliderwdpng/preview1.png ADDED
Binary file
images/sliderwdpng/publish.png ADDED
Binary file
images/sliderwdpng/publish_slide.png ADDED
Binary file
images/sliderwdpng/reset.png ADDED
Binary file
images/sliderwdpng/reset_watermark.png ADDED
Binary file
images/sliderwdpng/save.png ADDED
Binary file
images/sliderwdpng/save_copy.png ADDED
Binary file
images/sliderwdpng/select.png ADDED
Binary file
images/sliderwdpng/settings.png ADDED
Binary file
images/sliderwdpng/settings_grey.png ADDED
Binary file
images/sliderwdpng/slide_drag.png ADDED
Binary file
images/sliderwdpng/slider.png ADDED
Binary file
images/sliderwdpng/slider_grey.png ADDED
Binary file
images/sliderwdpng/tumbnail.png ADDED
Binary file
images/sliderwdpng/unpublish.png ADDED
Binary file
images/sliderwdpng/unpublish_slide.png ADDED
Binary file
images/sliderwdpng/watermark.png ADDED
Binary file
images/wd_slider.png CHANGED
Binary file
js/wds.js CHANGED
@@ -437,6 +437,11 @@ function wds_onload() {
437
  jQuery(this).find('.bull_col_src_left').attr('src', bull_col_src_left);
438
  jQuery(this).find('.bull_col_src_right').attr('src', bull_col_src_right);
439
  });
 
 
 
 
 
440
  }
441
 
442
  function spider_select_value(obj) {
@@ -698,6 +703,7 @@ function spider_uploader(button_id, input_id, delete_id, img_id) {
698
 
699
  // Remove uploaded file.
700
  function spider_remove_url(input_id, img_id) {
 
701
  if (typeof img_id == 'undefined') {
702
  img_id = '';
703
  }
@@ -1107,7 +1113,7 @@ function change_bullets_images_type(that) {
1107
  }
1108
  jQuery(".spider_bull_options_cont .spider_option_cont").css({backgroundColor: ""});
1109
  jQuery(that).css({backgroundColor: "#3399FF"});
1110
- var select = '<select name="bullets_images_color" id="bullets_images_color" onchange="change_bullets_images_color(this, '+type_key+')">' + options + '</select>';
1111
  jQuery('.spider_bull_options_color_cont').html(divs);
1112
  jQuery('#bullets_images_color_cont').html(select);
1113
  jQuery('#bullets_img_main').attr("src", blt_img_dir + wds_blt_img_type[type_key]["type_name"] + '/1/1.png');
@@ -1280,6 +1286,7 @@ function spider_set_image_url(id) {
1280
  jQuery("#image_url" + id).val(jQuery("#image_url_input").val());
1281
  jQuery("#thumb_url" + id).val(jQuery("#image_url_input").val());
1282
  jQuery("#wds_preview_image" + id).css("background-image", "url('" + jQuery("#image_url_input").val() + "')");
 
1283
  jQuery("#delete_image_url" + id).css("display", "inline-block");
1284
  jQuery("#wds_preview_image" + id).css("display", "inline-block");
1285
  jQuery("#image_url_input").val("");
@@ -1408,12 +1415,13 @@ function spider_media_uploader(id, e, multiple) {
1408
  /* Add one or more slides.*/
1409
  for (var i in attachment) {
1410
  wds_add_slide();
1411
- var slides_count = jQuery(".wbs_subtab a[id^='wbs_subtab']").length;
1412
  var new_slide_id = "pr_" + slides_count;
1413
  jQuery("#image_url" + new_slide_id).val(attachment[i]['url']);
1414
  var thumb_url = (attachment[i]['sizes'] && attachment[i]['sizes']['thumbnail']) ? attachment[i]['sizes']['thumbnail']['url'] : attachment[i]['url'];
1415
  jQuery("#thumb_url" + new_slide_id).val(thumb_url);
1416
  jQuery("#wds_preview_image" + new_slide_id).css("background-image", 'url("' + attachment[i]['url'] + '")');
 
1417
  jQuery("#delete_image_url" + new_slide_id).css("display", "inline-block");
1418
  jQuery("#wds_preview_image" + new_slide_id).css("display", "inline-block");
1419
  jQuery("#type" + new_slide_id).val("image");
@@ -1425,6 +1433,7 @@ function spider_media_uploader(id, e, multiple) {
1425
  jQuery("#image_url" + id).val(image_url);
1426
  jQuery("#thumb_url" + id).val(thumb_url);
1427
  jQuery("#wds_preview_image" + id).css("background-image", "url('" + image_url + "')");
 
1428
  jQuery("#delete_image_url" + id).css("display", "inline-block");
1429
  jQuery("#wds_preview_image" + id).css("display", "inline-block");
1430
  jQuery("#type" + id).val("image");
@@ -1449,11 +1458,12 @@ function wds_add_image(files, image_for, slide_id, layer_id) {
1449
  /* Add one or more slides.*/
1450
  for (var i in files) {
1451
  wds_add_slide();
1452
- var slides_count = jQuery(".wbs_subtab a[id^='wbs_subtab']").length;
1453
  var new_slide_id = "pr_" + slides_count;
1454
  jQuery("#image_url" + new_slide_id).val(files[i]['url']);
1455
  jQuery("#thumb_url" + new_slide_id).val(files[i]['thumb_url']);
1456
  jQuery("#wds_preview_image" + new_slide_id).css("background-image", 'url("' + files[i]['url'] + '")');
 
1457
  jQuery("#delete_image_url" + new_slide_id).css("display", "inline-block");
1458
  jQuery("#wds_preview_image" + new_slide_id).css("display", "inline-block");
1459
  jQuery("#type" + new_slide_id).val("image");
@@ -1481,6 +1491,7 @@ function wds_add_image(files, image_for, slide_id, layer_id) {
1481
  jQuery("#image_url" + slide_id).val(files[0]['url']);
1482
  jQuery("#thumb_url" + slide_id).val(files[0]['thumb_url']);
1483
  jQuery("#wds_preview_image" + slide_id).css("background-image", 'url("' + files[0]['url'] + '")');
 
1484
  jQuery("#delete_image_url" + slide_id).css("display", "inline-block");
1485
  jQuery("#wds_preview_image" + slide_id).css("display", "inline-block");
1486
  jQuery("#type" + slide_id).val("image");
@@ -1561,28 +1572,65 @@ function wds_add_image(files, image_for, slide_id, layer_id) {
1561
  }
1562
  }
1563
 
1564
- function wds_change_sub_tab(that, box) {
 
1565
  jQuery("#sub_tab").val(jQuery(that).attr("tab_type"));
1566
- jQuery(".wds_tabs a").removeClass("wds_sub_active");
 
 
1567
  jQuery(that).parent().addClass("wds_sub_active");
1568
  jQuery(".wds_box").removeClass("wds_sub_active");
1569
  jQuery("." + box).addClass("wds_sub_active");
1570
- jQuery(".wds_sub_active .wds_tab_title").select();
1571
  jQuery(".wds_sub_active .wds_tab_title").focus();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1572
  }
1573
 
1574
  function wds_change_tab(that, box) {
1575
  jQuery("#tab").val(jQuery(that).attr("tab_type"));
1576
- jQuery(".wds_tabs a").removeClass("wds_active");
1577
- jQuery(that).parent().addClass("wds_active");
 
 
 
 
 
 
1578
  jQuery(".wds_box").removeClass("wds_active");
1579
  jQuery("." + box).addClass("wds_active");
1580
  if (box == "wds_settings_box") {
1581
  jQuery(".wds_reset_button").show();
 
1582
  }
1583
  else {
1584
  jQuery(".wds_reset_button").hide();
 
1585
  }
 
 
 
 
 
 
 
 
 
 
1586
  }
1587
 
1588
  function wds_change_nav(that, box) {
@@ -1594,13 +1642,16 @@ function wds_change_nav(that, box) {
1594
  }
1595
 
1596
  function wds_showhide_layer(tbodyID, always_show) {
1597
- jQuery(".wds_layer_tr").not("#" + tbodyID + " .wds_layer_tr").hide();
 
1598
  jQuery("#" + tbodyID).children().each(function() {
1599
  if (!jQuery(this).hasClass("wds_layer_head_tr")) {
1600
  if (jQuery(this).is(':hidden') || always_show) {
1601
  jQuery(this).show();
1602
  }
1603
  else {
 
 
1604
  jQuery(this).hide();
1605
  }
1606
  }
@@ -1610,7 +1661,12 @@ function wds_showhide_layer(tbodyID, always_show) {
1610
  function wds_delete_layer(id, layerID) {
1611
  if (confirm("Do you want to delete layer?")) {
1612
  var prefix = "slide" + id + "_layer" + layerID;
1613
- jQuery("#" + prefix).remove();
 
 
 
 
 
1614
  jQuery("#" + prefix + "_tbody").remove();
1615
 
1616
  var layerIDs = jQuery("#slide" + id + "_layer_ids_string").val();
@@ -1770,6 +1826,7 @@ function wds_duplicate_slide(slide_id) {
1770
  var type;
1771
  var prefix;
1772
  var layer_id;
 
1773
  jQuery("input[name=published" + new_slide_id + "]:checked").val(jQuery("input[name=published" + slide_id + "]:checked").val());
1774
  jQuery("#link" + new_slide_id).val(jQuery("#link" + slide_id).val());
1775
  jQuery("input[name=target_attr_slide" + new_slide_id +" ]:checked").val(jQuery("input[name=target_attr_slide" + slide_id +" ]:checked").val());
@@ -1779,10 +1836,12 @@ function wds_duplicate_slide(slide_id) {
1779
  /*If type is video*/
1780
  if (jQuery("#type" + new_slide_id).val() == 'YOUTUBE' || jQuery("#type" + new_slide_id).val() == 'VIMEO') {
1781
  jQuery("#wds_preview_image" + new_slide_id).css("background-image", 'url("' + jQuery("#thumb_url" + slide_id).val() + '")');
 
1782
  jQuery("#trlink" + new_slide_id).hide();
1783
  }
1784
  else {
1785
- jQuery("#wds_preview_image" + new_slide_id).css("background-image", 'url("' + jQuery("#image_url" + slide_id).val() + '")');
 
1786
  jQuery("#trlink" + new_slide_id).show();
1787
  }
1788
  var layer_ids_string = jQuery("#slide" + slide_id + "_layer_ids_string").val();
@@ -1802,8 +1861,8 @@ function wds_duplicate_slide(slide_id) {
1802
 
1803
  var wds_layerID = 0;
1804
  function wds_add_layer(type, id, layerID, duplicate, files, edit) {
1805
- var layers_count = jQuery(".wds_slide" + id + " tbody").length;
1806
- wds_layerID = layers_count;
1807
  if (typeof layerID == "undefined" || layerID == "") {
1808
  var layerID = "pr_" + wds_layerID;
1809
  jQuery("#slide" + id + "_layer_ids_string").val(jQuery("#slide" + id + "_layer_ids_string").val() + layerID + ',');
@@ -1938,14 +1997,16 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
1938
  var prefix = "slide" + id + "_layer" + layerID;
1939
  var tbodyID = prefix + "_tbody";
1940
 
1941
- jQuery(".wds_slide" + id + " table").append(jQuery("<tbody />").attr("id", tbodyID));
 
 
1942
  var tbody = '<tr class="wds_layer_head_tr">' +
1943
  '<td colspan="4" class="wds_layer_head">' +
1944
- '<div class="handle connectedSortable" title="Drag to re-order"></div>' +
1945
- '<span class="wds_layer_label" onclick="wds_showhide_layer(\'' + tbodyID + '\', 0)"><input id="' + prefix + '_title" name="' + prefix + '_title" type="text" class="wds_layer_title" style="width: 80px;" value="Layer ' + wds_layerID + '" title="Layer title" /></span>' +
1946
- '<span class="wds_layer_remove" title="Delete layer" onclick="wds_delete_layer(\'' + id + '\', \'' + layerID + '\')"></span>' +
1947
  '<span class="wds_layer_dublicate" title="Duplicate layer" onclick="wds_add_layer(\'' + type + '\', \'' + id + '\', \'\', 1); wds_duplicate_layer(\'' + type + '\', \'' + id + '\', \'' + layerID + '\');"></span>' +
1948
- '<input type="text" name="' + prefix + '_depth" id="' + prefix + '_depth" prefix="' + prefix + '" value="' + wds_layerID + '" class="wds_layer_depth spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({zIndex: jQuery(this).val()})" title="z-index" /></td>' +
1949
  '</tr>';
1950
  var text = '<td class="spider_label"><label for="' + prefix + '_text">Text: </label></td>' +
1951
  '<td><textarea id="' + prefix + '_text" name="' + prefix + '_text" style="width: 222px; height: 60px; resize: vertical;" onkeyup="wds_new_line(\'' + prefix + '\')">Sample text</textarea></td>';
@@ -1956,10 +2017,10 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
1956
  '<input id="' + prefix + '_image_scale" type="checkbox" onchange="wds_break_word(this, \'' + prefix + '\')" name="' + prefix + '_image_scale" checked="checked"/><label for="' + prefix + '_image_scale">Break-word</label>' +
1957
  '<div class="spider_description">Leave blank to keep the initial width and height.</div></td>';
1958
  var alt = '<td class="spider_label"><label for="' + prefix + '_alt">Alt: </label></td>' +
1959
- '<td><input type="text" id="' + prefix + '_alt" name="' + prefix + '_alt" value="" size="39" />' +
1960
  '<div class="spider_description">Set the HTML attribute specified in the IMG tag.</div></td>';
1961
  var link = '<td class="spider_label"><label for="' + prefix + '_link">Link: </label></td>' +
1962
- '<td><input type="text" id="' + prefix + '_link" name="' + prefix + '_link" value="" size="39" />' +
1963
  '<input id="' + prefix + '_target_attr_layer" type="checkbox" name="' + prefix + '_target_attr_layer" value="1" checked="checked" /><label for="' + prefix + '_target_attr_layer"> Open in a new window</label>' +
1964
  '<div class="spider_description">Use http:// and https:// for external links.</div></td>';
1965
  var position = '<td class="spider_label"><label>Position: </label></td>' +
@@ -1974,12 +2035,12 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
1974
  var size = '<td class="spider_label"><label for="' + prefix + '_size">Size: </label></td>' +
1975
  '<td><input type="text" name="' + prefix + '_size" id="' + prefix + '_size" value="18" class="spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({fontSize: jQuery(this).val() + \'px\', lineHeight: jQuery(this).val() + \'px\'})" /> px<div class="spider_description"></div></td>';
1976
  var ffamily = '<td class="spider_label"><label for="' + prefix + '_ffamily">Font family: </label></td>' +
1977
- '<td><select style="width: 200px;" name="' + prefix + '_ffamily" id="' + prefix + '_ffamily" onchange="wds_change_fonts(\'' + prefix + '\', 1)"></select>' +
1978
  '<input type="radio" id="' + prefix + '_google_fonts1" name="' + prefix + '_google_fonts" value="1" onchange="wds_change_fonts(\'' + prefix + '\');" /><label for="' + prefix + '_google_fonts1">Google fonts</label>' +
1979
  '<input type="radio" id="' + prefix + '_google_fonts0" name="' + prefix + '_google_fonts" checked="checked" value="0" onchange="wds_change_fonts(\'' + prefix + '\');" /><label for="' + prefix + '_google_fonts0">Default</label>' +
1980
  '<div class="spider_description"></div></td>';
1981
  var fweight = '<td class="spider_label"><label for="' + prefix + '_fweight">Font weight: </label></td>' +
1982
- '<td><select name="' + prefix + '_fweight" id="' + prefix + '_fweight" onchange="jQuery(\'#' + prefix + '\').css({fontWeight: jQuery(this).val()})">' + font_weights_option + '</select><div class="spider_description"></div></td>';
1983
  var padding = '<td class="spider_label"><label for="' + prefix + '_padding">Padding: </label></td>' +
1984
  '<td><input type="text" name="' + prefix + '_padding" id="' + prefix + '_padding" value="5px" class="spider_char_input" onchange="document.getElementById(\'' + prefix + '\').style.padding=jQuery(this).val()" /><div class="spider_description">Use CSS type values.</div></td>';
1985
  var fbgcolor = '<td class="spider_label"><label for="' + prefix + '_fbgcolor">Background Color: </label></td>' +
@@ -1990,7 +2051,7 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
1990
  '<td><input type="text" name="' + prefix + '_imgtransparent" id="' + prefix + '_imgtransparent" value="0" class="spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({opacity: (100 - jQuery(this).val()) / 100, filter: \'Alpha(opacity=\' + 100 - jQuery(this).val() + \')\'})" /> %<div class="spider_description">Value must be between 0 to 100.</div></td>';
1991
  var border_width = '<td class="spider_label"><label for="' + prefix + '_border_width">Border: </label></td>' +
1992
  '<td><input type="text" name="' + prefix + '_border_width" id="' + prefix + '_border_width" value="2" class="spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({borderWidth: jQuery(this).val() + \'px\'})" /> px ' +
1993
- '<select name="' + prefix + '_border_style" id="' + prefix + '_border_style" style="width: 80px;" onchange="jQuery(\'#' + prefix + '\').css({borderStyle: jQuery(this).val()})">' + border_styles_option + '</select> ' +
1994
  '<input type="text" name="' + prefix + '_border_color" id="' + prefix + '_border_color" value="" class="color" onchange="jQuery(\'#' + prefix + '\').css({borderColor: \'#\' + jQuery(this).val()})" /><div class="spider_description"></div></td>';
1995
  var border_radius = '<td class="spider_label"><label for="' + prefix + '_border_radius">Radius: </label></td>' +
1996
  '<td><input type="text" name="' + prefix + '_border_radius" id="' + prefix + '_border_radius" value="2px" class="spider_char_input" onchange="jQuery(\'#' + prefix + '\').css({borderRadius: jQuery(this).val()})" /><div class="spider_description">Use CSS type values.</div></td>';
@@ -2005,7 +2066,7 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
2005
  '<input class="button-secondary wds_free_button" type="button" value="Edit Image" onclick="alert(\'This functionality is disabled in free version.\')" />' +
2006
  '<div class="spider_description">Set width and height of the image.</div></td>';
2007
  var social_button = '<td class="spider_label"><label for="' + prefix + '_social_button">Social button: </label></td>' +
2008
- '<td><select name="' + prefix + '_social_button" id="' + prefix + '_social_button" onchange="jQuery(\'#' + prefix + '\').attr(\'class\', \'wds_draggable fa fa-\' + jQuery(this).val())">' + social_button_option + '</select><div class="spider_description"></div></td>';
2009
  var transparent = '<td class="spider_label"><label for="' + prefix + '_transparent">Transparent: </label></td>' +
2010
  '<td><input type="text" name="' + prefix + '_transparent" id="' + prefix + '_transparent" value="0" class="spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({opacity: (100 - jQuery(this).val()) / 100, filter: \'Alpha(opacity=\' + 100 - jQuery(this).val() + \')\'})" /> %<div class="spider_description">Value must be between 0 to 100.</div></td>';
2011
  var hover_color = '<td class="spider_label"><label for="' + prefix + '_hover_color">Hover Color: </label></td>' +
@@ -2018,7 +2079,7 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
2018
  '<div class="spider_description">Start</div>' +
2019
  '</span>' +
2020
  '<span style="display: table-cell;">' +
2021
- '<select name="' + prefix + '_layer_effect_in" id="' + prefix + '_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in(\'' + id + '\', \'' + prefix + '\', ' + ((type == 'social') ? 1 : 0) + '); wds_trans_end(\'' + prefix + '\', jQuery(this).val());">' + layer_effects_in_option + '</select>' +
2022
  '<div class="spider_description">Effect</div>' +
2023
  '</span>' +
2024
  '<span style="display: table-cell;">' +
@@ -2034,7 +2095,7 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
2034
  '<div class="spider_description">Start</div>' +
2035
  '</span>' +
2036
  '<span style="display: table-cell;">' +
2037
- '<select name="' + prefix + '_layer_effect_out" id="' + prefix + '_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out(\'' + id + '\', \'' + prefix + '\', ' + ((type == 'social') ? 1 : 0) + '); wds_trans_end(\'' + prefix + '\', jQuery(this).val());">' + layer_effects_out_option + '</select>' +
2038
  '<div class="spider_description">Effect</div>' +
2039
  '</span>' +
2040
  '<span style="display: table-cell;">' +
@@ -2049,6 +2110,7 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
2049
  jQuery("#wds_preview_image" + id).append(jQuery("<span />").attr({
2050
  id: prefix,
2051
  "class": "wds_draggable_" + id + " wds_draggable",
 
2052
  onclick: "wds_showhide_layer('" + tbodyID + "', 1)",
2053
  style: "z-index: " + layerID.replace("pr_", "") + "; " +
2054
  "word-break: normal;" +
@@ -2064,34 +2126,47 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
2064
  "background-color: " + wds_hex_rgba('000000', 50) + "; " +
2065
  "border-radius: 2px;"
2066
  }).html("Sample text"));
2067
- jQuery("#" + tbodyID).append(tbody +
2068
- '<tr class="wds_layer_tr">' +
2069
- text +
2070
- layer_effect_in +
2071
- '</tr><tr class="wds_layer_tr">' +
2072
- text_dimensions +
2073
- layer_effect_out +
2074
- '</tr><tr class="wds_layer_tr">' +
2075
- position +
2076
- padding +
2077
- '</tr><tr class="wds_layer_tr">' +
2078
- size +
2079
- fbgcolor +
2080
- '</tr><tr class="wds_layer_tr">' +
2081
- color +
2082
- fbgtransparent +
2083
- '</tr><tr class="wds_layer_tr">' +
2084
- ffamily +
2085
- border_width +
2086
- '</tr><tr class="wds_layer_tr">' +
2087
- fweight +
2088
- border_radius +
2089
- '</tr><tr class="wds_layer_tr">' +
2090
- link +
2091
- shadow +
2092
- '</tr><tr class="wds_layer_tr">' +
2093
- published +
2094
- '</tr>' + layer_type
 
 
 
 
 
 
 
 
 
 
 
 
 
2095
  );
2096
  wds_change_fonts(prefix);
2097
  break;
@@ -2099,24 +2174,35 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
2099
  case 'image': {
2100
  if(edit == 0) {
2101
  var tbody_html = tbody +
 
 
2102
  '<tr class="wds_layer_tr">' +
2103
  dimensions +
2104
- layer_effect_in +
2105
  '</tr><tr class="wds_layer_tr">' +
2106
  alt +
2107
- layer_effect_out +
2108
  '</tr><tr class="wds_layer_tr">' +
2109
  link +
2110
- border_width +
2111
  '</tr><tr class="wds_layer_tr">' +
2112
  position +
2113
- border_radius +
2114
  '</tr><tr class="wds_layer_tr">' +
2115
  imgtransparent +
2116
- shadow +
2117
  '</tr><tr class="wds_layer_tr">' +
2118
  published +
2119
- '</tr>' + layer_type;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2120
  }
2121
  if (!duplicate) {
2122
  if (spider_uploader) { // Add image layer by spider uploader.
@@ -2318,14 +2404,16 @@ function wds_hex_rgba(color, transparent) {
2318
  }
2319
 
2320
  function wds_add_slide() {
2321
- var slides_count = jQuery(".wbs_subtab a[id^='wbs_subtab']").length;
2322
  var tmp_arr = [];
 
2323
  var tmp_i = 0;
2324
- jQuery(".wbs_subtab a[id^='wbs_subtab']").each(function() {
2325
  var tmp_id = jQuery(this).attr("id");
2326
  if (tmp_id.indexOf("pr_") !== -1) {
2327
  tmp_arr[tmp_i++] = tmp_id.replace("wbs_subtabpr_", "");
2328
  }
 
2329
  });
2330
  if (typeof tmp_arr !== 'undefined' && tmp_arr.length > 0) {
2331
  var slideID = "pr_" + (Math.max.apply(Math, tmp_arr) + 1);
@@ -2334,43 +2422,50 @@ function wds_add_slide() {
2334
  else {
2335
  var slideID = "pr_" + ++slides_count;
2336
  }
2337
-
2338
  var uploader_href_for_add_slide = uploader_href.replace('slideID', slideID);
2339
  var uploader_href_for_add_layer = uploader_href_for_add_slide.replace('add_update_slide', 'add_layer');
2340
  if (spider_uploader) {
2341
- slide_upload_by = ' <a href="' + uploader_href_for_add_slide + '" class="button-primary thickbox thickbox-preview" title="Add Image" onclick="return false;">Add Image</a>';
 
 
2342
  img_layer_upload_by = ' <a href="' + (!fv ? uploader_href_for_add_layer : "") + '" class="button-' + (!fv ? "primary thickbox thickbox-preview" : "secondary wds_free_button") + ' button button-small" title="Add Image Layer" onclick="' + (!fv ? "" : "alert('This functionality is disabled in free version.')") + '; return false;">Add Image Layer</a>';
2343
  }
2344
  else {
2345
- slide_upload_by = ' <input id="button_image_url' + slideID + '" class="button-primary" type="button" value="Add Image" onclick="spider_media_uploader(\'' + slideID + '\', event); return false;" />';
2346
- img_layer_upload_by = ' <input class="button-' + (!fv ? "primary" : "secondary wds_free_button") + ' button button-small" type="button" value="Add Image Layer" onclick="' + (!fv ? "wds_add_layer(\'image\', \'' + slideID + '\', \'\', event)" : "alert('This functionality is disabled in free version.')") + '; return false;" />';
 
 
2347
  }
2348
  jQuery("#slide_ids_string").val(jQuery("#slide_ids_string").val() + slideID + ',');
2349
  jQuery(".wds_slides_box *").removeClass("wds_sub_active");
2350
  jQuery(
2351
- '<a id="wbs_subtab' + slideID + '" class="connectedSortable wds_sub_active" href="#">' +
2352
- '<div class="handle" title="Drag to re-order"></div>' +
2353
- ' <input type="text" id="title' + slideID + '" name="title' + slideID + '" value="Slide ' + slides_count + '" class="wds_tab_title" tab_type="slide' + slideID + '" onclick="wds_change_sub_tab(this, \'wds_slide' + slideID + '\')" />' +
2354
- ' <span class="wds_slide_dublicate" onclick="wds_duplicate_slide(\'' + slideID + '\');" title="Duplicate slide"></span>' +
2355
- ' <span class="wds_tab_remove" title="Delete slide" onclick="wds_remove_slide(\'' + slideID + '\')"></span>' +
2356
- ' <input type="hidden" name="order' + slideID + '" id="order' + slideID + '" value="' + slides_count + '" /></a>').insertBefore(".wds_add_layer");
2357
- wds_change_sub_tab(jQuery('#title' + slideID), 'wds_slide' + slideID);
 
 
 
2358
  jQuery(".wbs_subtab").after(
2359
  '<div class="wds_box wds_sub_active wds_slide' + slideID + '">' +
2360
  '<table class="ui-sortable' + slideID + '">' +
2361
  '<thead><tr><td colspan="4"> </td></tr></thead>' +
2362
  '<tbody>' +
2363
  '<input type="hidden" name="type' + slideID + '" id="type' + slideID + '" value="image" />' +
2364
- '<tr><td colspan="4">' +
2365
  slide_upload_by +
2366
- ' <input class="button-primary" type="button" value="Add Image by URL" onclick="wds_add_image_url(\'' + slideID + '\')">' +
2367
- ' <input type="button" class="button-secondary wds_free_button" onclick="alert(\'This functionality is disabled in free version.\')"" value="Add Video" />' +
2368
- ' <input class="button-secondary wds_free_button" type="button" value="Embed Media" onclick="alert(\'This functionality is disabled in free version.\')">' +
2369
- ' <input class="button-secondary wds_free_button" type="button" value="Add Post" onclick="alert(\'This functionality is disabled in free version.\')">' +
2370
- ' <input id="delete_image_url' + slideID + '" class="button-secondary" type="button" value="Remove" onclick="spider_remove_url(\'image_url' + slideID + '\', \'wds_preview_image' + slideID + '\')" />' +
2371
  ' <input id="image_url' + slideID + '" type="hidden" value="" name="image_url' + slideID + '" />' +
2372
- ' <input id="thumb_url' + slideID + '" type="hidden" value="" name="thumb_url' + slideID + '" /></td>' +
2373
- '</tr><tr><td colspan="4">' +
2374
  '<div id="wds_preview_wrapper_' + slideID + '" class="wds_preview_wrapper" style="width: ' + jQuery("#width").val() + 'px; height: ' + jQuery("#height").val() + 'px;">' +
2375
  '<div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">' +
2376
  '<div id="wds_preview_image' + slideID + '" class="wds_preview_image' + slideID + '" ' +
@@ -2384,23 +2479,23 @@ function wds_add_slide() {
2384
  'border-color: #' + jQuery('#glb_border_color').val() + '; ' +
2385
  'border-radius: ' + jQuery('#glb_border_radius').val() + '; ' +
2386
  'box-shadow: ' + jQuery('#glb_box_shadow').val() + '; ' +*/
2387
- 'width: inherit; height: inherit;"> </div></div></div></td>' +
2388
- '</tr><tr><td class="spider_label"><label>Published: </label></td>' +
2389
  '<td><input id="published' + slideID + '1" type="radio" value="1" checked="checked" name="published' + slideID + '">' +
2390
  '<label for="published' + slideID + '1">Yes</label>' +
2391
  '<input id="published' + slideID + '0" type="radio" value="0" name="published' + slideID + '">' +
2392
  '<label for="published' + slideID + '0">No</label></td>' +
2393
- '</tr><tr id="trlink' + slideID + '"><td class="spider_label"><label for="link' + slideID + '">Link the slide to: </label></td>' +
2394
- '<td><input id="link' + slideID + '" type="text" size="39" value="" name="link' + slideID + '" />' +
2395
  '<input id="target_attr_slide' + slideID + '" type="checkbox" name="target_attr_slide' + slideID + '" value="1" checked="checked" /><label for="target_attr_slide' + slideID + '"> Open in a new window</label>' +
2396
  '<div class="spider_description">You can set a redirection link, so that the user will get to the mentioned location upon hitting the slide.<br />Use http:// and https:// for external links.</div></td>' +
2397
- '</tr><tr><td colspan="4">' +
2398
- ' <input class="button-' + (!fv ? "primary" : "secondary wds_free_button") + ' button button-small" type="button" value="Add Text Layer" onclick="' + (!fv ? "wds_add_layer(\'text\', \'' + slideID + '\')" : "alert('This functionality is disabled in free version.')") + '; return false;">' +
2399
  img_layer_upload_by +
2400
- ' <input class="button-secondary button button-small wds_free_button" type="button" onclick="alert(\'This functionality is disabled in free version.\'); return false;" value="Add Video Layer" />' +
2401
- ' <input class="button-secondary button button-small wds_free_button" type="button" value="Embed Media Layer" onclick="alert(\'This functionality is disabled in free version.\'); return false;" />' +
2402
- ' <input class="button-secondary button button-small wds_free_button" type="button" value="Add Social Buttons Layer" onclick="alert(\'This functionality is disabled in free version.\'); return false;">' +
2403
- ' <input class="button-secondary button button-small wds_free_button" type="button" value="Add Hotspot Layer" onclick="alert(\'This functionality is disabled in free version.\'); return false;"></td>' +
2404
  '</tr></tbody></table>' +
2405
  '<input id="slide' + slideID + '_layer_ids_string" name="slide' + slideID + '_layer_ids_string" type="hidden" value="" />' +
2406
  '<input id="slide' + slideID + '_del_layer_ids_string" name="slide' + slideID + '_del_layer_ids_string" type="hidden" value="" />' +
@@ -2411,8 +2506,21 @@ function wds_add_slide() {
2411
  'spider_remove_url(\'image_url' + slideID + '\', \'wds_preview_image' + slideID + '\');' +
2412
  '</script>' +
2413
  '</div>');
 
2414
  wds_slide_weights();
2415
  wds_onkeypress();
 
 
 
 
 
 
 
 
 
 
 
 
2416
  return slideID;
2417
  }
2418
 
@@ -2429,6 +2537,7 @@ function wds_remove_slide(slideID, conf) {
2429
  jQuery(".wds_slides_box *").removeClass("wds_sub_active");
2430
  jQuery(".wds_slide" + slideID).remove();
2431
  jQuery("#wbs_subtab" + slideID).remove();
 
2432
 
2433
  var slideIDs = jQuery("#slide_ids_string").val();
2434
  slideIDs = slideIDs.replace(slideID + ",", "");
@@ -2436,7 +2545,7 @@ function wds_remove_slide(slideID, conf) {
2436
  var delslideIds = jQuery("#del_slide_ids_string").val() + slideID + ",";
2437
  jQuery("#del_slide_ids_string").val(delslideIds);
2438
 
2439
- var slides = jQuery(".wbs_subtab a[id^='wbs_subtab']");
2440
  for (var i in slides) {
2441
  if (slides[i]) {
2442
  firstSlideID = slides[i].id.replace("wbs_subtab", "");
@@ -2606,7 +2715,18 @@ function wds_onkeypress() {
2606
 
2607
  jQuery(document).ready(function () {
2608
  wds_onkeypress();
 
 
 
 
 
 
2609
  });
 
 
 
 
 
2610
 
2611
  function wds_change_fonts(prefix, change) {
2612
  var fonts;
437
  jQuery(this).find('.bull_col_src_left').attr('src', bull_col_src_left);
438
  jQuery(this).find('.bull_col_src_right').attr('src', bull_col_src_right);
439
  });
440
+ jQuery('input:radio').on('change', function(){
441
+ var radios = jQuery(this).closest('td').find('label').removeClass('selected_color');
442
+ var label_for = jQuery("label[for='"+jQuery(this).attr('id')+"']");
443
+ label_for.addClass('selected_color');
444
+ });
445
  }
446
 
447
  function spider_select_value(obj) {
703
 
704
  // Remove uploaded file.
705
  function spider_remove_url(input_id, img_id) {
706
+ var id = input_id.substr(9);
707
  if (typeof img_id == 'undefined') {
708
  img_id = '';
709
  }
1113
  }
1114
  jQuery(".spider_bull_options_cont .spider_option_cont").css({backgroundColor: ""});
1115
  jQuery(that).css({backgroundColor: "#3399FF"});
1116
+ var select = '<select class="select_icon" name="bullets_images_color" id="bullets_images_color" onchange="change_bullets_images_color(this, '+type_key+')">' + options + '</select>';
1117
  jQuery('.spider_bull_options_color_cont').html(divs);
1118
  jQuery('#bullets_images_color_cont').html(select);
1119
  jQuery('#bullets_img_main').attr("src", blt_img_dir + wds_blt_img_type[type_key]["type_name"] + '/1/1.png');
1286
  jQuery("#image_url" + id).val(jQuery("#image_url_input").val());
1287
  jQuery("#thumb_url" + id).val(jQuery("#image_url_input").val());
1288
  jQuery("#wds_preview_image" + id).css("background-image", "url('" + jQuery("#image_url_input").val() + "')");
1289
+ jQuery("#wds_tab_image" + id).css("background-image", "url('" + jQuery("#image_url_input").val() + "')");
1290
  jQuery("#delete_image_url" + id).css("display", "inline-block");
1291
  jQuery("#wds_preview_image" + id).css("display", "inline-block");
1292
  jQuery("#image_url_input").val("");
1415
  /* Add one or more slides.*/
1416
  for (var i in attachment) {
1417
  wds_add_slide();
1418
+ var slides_count = jQuery(".wbs_subtab div[id^='wbs_subtab']").length;
1419
  var new_slide_id = "pr_" + slides_count;
1420
  jQuery("#image_url" + new_slide_id).val(attachment[i]['url']);
1421
  var thumb_url = (attachment[i]['sizes'] && attachment[i]['sizes']['thumbnail']) ? attachment[i]['sizes']['thumbnail']['url'] : attachment[i]['url'];
1422
  jQuery("#thumb_url" + new_slide_id).val(thumb_url);
1423
  jQuery("#wds_preview_image" + new_slide_id).css("background-image", 'url("' + attachment[i]['url'] + '")');
1424
+ jQuery("#wds_tab_image" + new_slide_id).css("background-image", 'url("' + attachment[i]['url'] + '")');
1425
  jQuery("#delete_image_url" + new_slide_id).css("display", "inline-block");
1426
  jQuery("#wds_preview_image" + new_slide_id).css("display", "inline-block");
1427
  jQuery("#type" + new_slide_id).val("image");
1433
  jQuery("#image_url" + id).val(image_url);
1434
  jQuery("#thumb_url" + id).val(thumb_url);
1435
  jQuery("#wds_preview_image" + id).css("background-image", "url('" + image_url + "')");
1436
+ jQuery("#wds_tab_image" + id).css("background-image", "url('" + image_url + "')");
1437
  jQuery("#delete_image_url" + id).css("display", "inline-block");
1438
  jQuery("#wds_preview_image" + id).css("display", "inline-block");
1439
  jQuery("#type" + id).val("image");
1458
  /* Add one or more slides.*/
1459
  for (var i in files) {
1460
  wds_add_slide();
1461
+ var slides_count = jQuery(".wbs_subtab div[id^='wbs_subtab']").length;
1462
  var new_slide_id = "pr_" + slides_count;
1463
  jQuery("#image_url" + new_slide_id).val(files[i]['url']);
1464
  jQuery("#thumb_url" + new_slide_id).val(files[i]['thumb_url']);
1465
  jQuery("#wds_preview_image" + new_slide_id).css("background-image", 'url("' + files[i]['url'] + '")');
1466
+ jQuery("#wds_tab_image" + new_slide_id).css("background-image", 'url("' + files[i]['url'] + '")');
1467
  jQuery("#delete_image_url" + new_slide_id).css("display", "inline-block");
1468
  jQuery("#wds_preview_image" + new_slide_id).css("display", "inline-block");
1469
  jQuery("#type" + new_slide_id).val("image");
1491
  jQuery("#image_url" + slide_id).val(files[0]['url']);
1492
  jQuery("#thumb_url" + slide_id).val(files[0]['thumb_url']);
1493
  jQuery("#wds_preview_image" + slide_id).css("background-image", 'url("' + files[0]['url'] + '")');
1494
+ jQuery("#wds_tab_image" + slide_id).css("background-image", 'url("' + files[0]['url'] + '")');
1495
  jQuery("#delete_image_url" + slide_id).css("display", "inline-block");
1496
  jQuery("#wds_preview_image" + slide_id).css("display", "inline-block");
1497
  jQuery("#type" + slide_id).val("image");
1572
  }
1573
  }
1574
 
1575
+ function wds_change_sub_tab_title(that, box) {
1576
+ var slideID = box.substring("9");
1577
  jQuery("#sub_tab").val(jQuery(that).attr("tab_type"));
1578
+ jQuery(".tab_buttons").removeClass("wds_sub_active");
1579
+ jQuery(".tab_link").removeClass("wds_sub_active");
1580
+ jQuery(".wds_tab_title_wrap").removeClass("wds_sub_active");
1581
  jQuery(that).parent().addClass("wds_sub_active");
1582
  jQuery(".wds_box").removeClass("wds_sub_active");
1583
  jQuery("." + box).addClass("wds_sub_active");
 
1584
  jQuery(".wds_sub_active .wds_tab_title").focus();
1585
+ jQuery(".wds_sub_active .wds_tab_title").select();
1586
+
1587
+ }
1588
+
1589
+ function wds_change_sub_tab(that, box) {
1590
+ var slideID = box.substring("9");
1591
+ jQuery("#sub_tab").val(jQuery(that).attr("tab_type"));
1592
+ jQuery(".tab_buttons").removeClass("wds_sub_active");
1593
+ jQuery(".tab_link").removeClass("wds_sub_active");
1594
+ jQuery(".wds_tab_title_wrap").removeClass("wds_sub_active");
1595
+ jQuery(".wds_box").removeClass("wds_sub_active");
1596
+ jQuery(that).parent().addClass("wds_sub_active");
1597
+ jQuery("." + box).addClass("wds_sub_active");
1598
+ jQuery(".tab_image").css('border-color','#B4AFAF');
1599
+ jQuery(that).css('border-color','#00A0D4');
1600
+ jQuery('.tab_image').find('input').blur();
1601
+
1602
  }
1603
 
1604
  function wds_change_tab(that, box) {
1605
  jQuery("#tab").val(jQuery(that).attr("tab_type"));
1606
+ jQuery(".tab_button_wrap a").removeClass("wds_active");
1607
+ jQuery(that).children().addClass("wds_active");
1608
+ jQuery(".tab_button_wrap").children().css('border-color','#ddd');
1609
+ jQuery(".wds_settings").css('background-image', 'url("' + plugin_dir + 'settings_grey.png")')
1610
+ jQuery(".wds_slides").css('background-image', 'url("' + plugin_dir + 'slider_grey.png")')
1611
+ if(jQuery(that).children().hasClass('wds_active')) {
1612
+ jQuery(that).children().css('border-color','#00A0D4');
1613
+ }
1614
  jQuery(".wds_box").removeClass("wds_active");
1615
  jQuery("." + box).addClass("wds_active");
1616
  if (box == "wds_settings_box") {
1617
  jQuery(".wds_reset_button").show();
1618
+ jQuery(".wds_settings").css('background-image', 'url("' + plugin_dir + 'settings.png")');
1619
  }
1620
  else {
1621
  jQuery(".wds_reset_button").hide();
1622
+ jQuery(".wds_slides").css('background-image', 'url("' + plugin_dir + 'slider.png")');
1623
  }
1624
+
1625
+ jQuery(".tab_button_wrap").css('border-color','#ddd');
1626
+ if(jQuery(".wds_settings_box:visible").length>0){
1627
+ jQuery(".setting_tab_button_wrap a").css('border-color','#00A0D4');
1628
+ jQuery(".wds_settings").css('background-image', 'url("' + plugin_dir + 'settings.png")');
1629
+ }
1630
+ else if(jQuery(".wds_slides_box:visible").length>0){
1631
+ jQuery(".slides_tab_button_wrap a").css('border-color','#00A0D4');
1632
+ jQuery(".wds_slides").css('background-image', 'url("' + plugin_dir + 'slider.png")');
1633
+ }
1634
  }
1635
 
1636
  function wds_change_nav(that, box) {
1642
  }
1643
 
1644
  function wds_showhide_layer(tbodyID, always_show) {
1645
+ jQuery("#" + tbodyID).css("background-color", "#FFFFFF");
1646
+ jQuery("#" + tbodyID + " .wds_layer_head_tr").css("background-color", "#cccccc");;
1647
  jQuery("#" + tbodyID).children().each(function() {
1648
  if (!jQuery(this).hasClass("wds_layer_head_tr")) {
1649
  if (jQuery(this).is(':hidden') || always_show) {
1650
  jQuery(this).show();
1651
  }
1652
  else {
1653
+ jQuery("#" + tbodyID).css("background-color", "#e1e1e1");
1654
+ jQuery("#" + tbodyID + " .wds_layer_head_tr").css("background-color", "#e1e1e1");;
1655
  jQuery(this).hide();
1656
  }
1657
  }
1661
  function wds_delete_layer(id, layerID) {
1662
  if (confirm("Do you want to delete layer?")) {
1663
  var prefix = "slide" + id + "_layer" + layerID;
1664
+ if (jQuery("#" + prefix).parent().attr("id") == prefix + "_div") {
1665
+ jQuery("#" + prefix).parent().remove();
1666
+ }
1667
+ else {
1668
+ jQuery("#" + prefix).remove();
1669
+ }
1670
  jQuery("#" + prefix + "_tbody").remove();
1671
 
1672
  var layerIDs = jQuery("#slide" + id + "_layer_ids_string").val();
1826
  var type;
1827
  var prefix;
1828
  var layer_id;
1829
+ var tab_image = jQuery('#wds_tab_image' + slide_id).css('background-image');
1830
  jQuery("input[name=published" + new_slide_id + "]:checked").val(jQuery("input[name=published" + slide_id + "]:checked").val());
1831
  jQuery("#link" + new_slide_id).val(jQuery("#link" + slide_id).val());
1832
  jQuery("input[name=target_attr_slide" + new_slide_id +" ]:checked").val(jQuery("input[name=target_attr_slide" + slide_id +" ]:checked").val());
1836
  /*If type is video*/
1837
  if (jQuery("#type" + new_slide_id).val() == 'YOUTUBE' || jQuery("#type" + new_slide_id).val() == 'VIMEO') {
1838
  jQuery("#wds_preview_image" + new_slide_id).css("background-image", 'url("' + jQuery("#thumb_url" + slide_id).val() + '")');
1839
+ jQuery("#wds_tab_image" + new_slide_id).css("background-image", tab_image);
1840
  jQuery("#trlink" + new_slide_id).hide();
1841
  }
1842
  else {
1843
+ jQuery("#wds_preview_image" + new_slide_id).css("background-image", tab_image);
1844
+ jQuery("#wds_tab_image" + new_slide_id).css("background-image", tab_image);
1845
  jQuery("#trlink" + new_slide_id).show();
1846
  }
1847
  var layer_ids_string = jQuery("#slide" + slide_id + "_layer_ids_string").val();
1861
 
1862
  var wds_layerID = 0;
1863
  function wds_add_layer(type, id, layerID, duplicate, files, edit) {
1864
+ var layers_count = jQuery(".wds_slide" + id + " .layer_table_count").length;
1865
+ wds_layerID = layers_count + 1;
1866
  if (typeof layerID == "undefined" || layerID == "") {
1867
  var layerID = "pr_" + wds_layerID;
1868
  jQuery("#slide" + id + "_layer_ids_string").val(jQuery("#slide" + id + "_layer_ids_string").val() + layerID + ',');
1997
  var prefix = "slide" + id + "_layer" + layerID;
1998
  var tbodyID = prefix + "_tbody";
1999
 
2000
+ jQuery(".wds_slide" + id + "> table").append(jQuery("<tbody />").attr("id", tbodyID));
2001
+ jQuery('#' + tbodyID).attr('style',"background-color:#fff");
2002
+ jQuery('#' + tbodyID).addClass("layer_table_count");
2003
  var tbody = '<tr class="wds_layer_head_tr">' +
2004
  '<td colspan="4" class="wds_layer_head">' +
2005
+ '<div class="wds_layer_left"><div class="layer_handle handle connectedSortable" title="Drag to re-order"></div>' +
2006
+ '<span class="wds_layer_label" onclick="wds_showhide_layer(\'' + tbodyID + '\', 0)"><input id="' + prefix + '_title" name="' + prefix + '_title" type="text" class="wds_layer_title" style="width: 120px; padding:5px; color:#00A2D0; " value="Layer ' + wds_layerID + '" title="Layer title" /></span></div>' +
2007
+ '<div class="wds_layer_right"><span class="wds_layer_remove" title="Delete layer" onclick="wds_delete_layer(\'' + id + '\', \'' + layerID + '\')"></span>' +
2008
  '<span class="wds_layer_dublicate" title="Duplicate layer" onclick="wds_add_layer(\'' + type + '\', \'' + id + '\', \'\', 1); wds_duplicate_layer(\'' + type + '\', \'' + id + '\', \'' + layerID + '\');"></span>' +
2009
+ '<input type="text" name="' + prefix + '_depth" id="' + prefix + '_depth" prefix="' + prefix + '" value="' + wds_layerID + '" class="wds_layer_depth spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({zIndex: jQuery(this).val()})" title="z-index" /></div><div class="wds_clear"></div></td>' +
2010
  '</tr>';
2011
  var text = '<td class="spider_label"><label for="' + prefix + '_text">Text: </label></td>' +
2012
  '<td><textarea id="' + prefix + '_text" name="' + prefix + '_text" style="width: 222px; height: 60px; resize: vertical;" onkeyup="wds_new_line(\'' + prefix + '\')">Sample text</textarea></td>';
2017
  '<input id="' + prefix + '_image_scale" type="checkbox" onchange="wds_break_word(this, \'' + prefix + '\')" name="' + prefix + '_image_scale" checked="checked"/><label for="' + prefix + '_image_scale">Break-word</label>' +
2018
  '<div class="spider_description">Leave blank to keep the initial width and height.</div></td>';
2019
  var alt = '<td class="spider_label"><label for="' + prefix + '_alt">Alt: </label></td>' +
2020
+ '<td><input type="text" id="' + prefix + '_alt" name="' + prefix + '_alt" value="" />' +
2021
  '<div class="spider_description">Set the HTML attribute specified in the IMG tag.</div></td>';
2022
  var link = '<td class="spider_label"><label for="' + prefix + '_link">Link: </label></td>' +
2023
+ '<td><input type="text" id="' + prefix + '_link" name="' + prefix + '_link" value="" />' +
2024
  '<input id="' + prefix + '_target_attr_layer" type="checkbox" name="' + prefix + '_target_attr_layer" value="1" checked="checked" /><label for="' + prefix + '_target_attr_layer"> Open in a new window</label>' +
2025
  '<div class="spider_description">Use http:// and https:// for external links.</div></td>';
2026
  var position = '<td class="spider_label"><label>Position: </label></td>' +
2035
  var size = '<td class="spider_label"><label for="' + prefix + '_size">Size: </label></td>' +
2036
  '<td><input type="text" name="' + prefix + '_size" id="' + prefix + '_size" value="18" class="spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({fontSize: jQuery(this).val() + \'px\', lineHeight: jQuery(this).val() + \'px\'})" /> px<div class="spider_description"></div></td>';
2037
  var ffamily = '<td class="spider_label"><label for="' + prefix + '_ffamily">Font family: </label></td>' +
2038
+ '<td><select class="select_icon" style="width: 200px;" name="' + prefix + '_ffamily" id="' + prefix + '_ffamily" onchange="wds_change_fonts(\'' + prefix + '\', 1)"></select>' +
2039
  '<input type="radio" id="' + prefix + '_google_fonts1" name="' + prefix + '_google_fonts" value="1" onchange="wds_change_fonts(\'' + prefix + '\');" /><label for="' + prefix + '_google_fonts1">Google fonts</label>' +
2040
  '<input type="radio" id="' + prefix + '_google_fonts0" name="' + prefix + '_google_fonts" checked="checked" value="0" onchange="wds_change_fonts(\'' + prefix + '\');" /><label for="' + prefix + '_google_fonts0">Default</label>' +
2041
  '<div class="spider_description"></div></td>';
2042
  var fweight = '<td class="spider_label"><label for="' + prefix + '_fweight">Font weight: </label></td>' +
2043
+ '<td><select class="select_icon" name="' + prefix + '_fweight" id="' + prefix + '_fweight" onchange="jQuery(\'#' + prefix + '\').css({fontWeight: jQuery(this).val()})">' + font_weights_option + '</select><div class="spider_description"></div></td>';
2044
  var padding = '<td class="spider_label"><label for="' + prefix + '_padding">Padding: </label></td>' +
2045
  '<td><input type="text" name="' + prefix + '_padding" id="' + prefix + '_padding" value="5px" class="spider_char_input" onchange="document.getElementById(\'' + prefix + '\').style.padding=jQuery(this).val()" /><div class="spider_description">Use CSS type values.</div></td>';
2046
  var fbgcolor = '<td class="spider_label"><label for="' + prefix + '_fbgcolor">Background Color: </label></td>' +
2051
  '<td><input type="text" name="' + prefix + '_imgtransparent" id="' + prefix + '_imgtransparent" value="0" class="spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({opacity: (100 - jQuery(this).val()) / 100, filter: \'Alpha(opacity=\' + 100 - jQuery(this).val() + \')\'})" /> %<div class="spider_description">Value must be between 0 to 100.</div></td>';
2052
  var border_width = '<td class="spider_label"><label for="' + prefix + '_border_width">Border: </label></td>' +
2053
  '<td><input type="text" name="' + prefix + '_border_width" id="' + prefix + '_border_width" value="2" class="spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({borderWidth: jQuery(this).val() + \'px\'})" /> px ' +
2054
+ '<select class="select_icon" name="' + prefix + '_border_style" id="' + prefix + '_border_style" style="width: 80px;" onchange="jQuery(\'#' + prefix + '\').css({borderStyle: jQuery(this).val()})">' + border_styles_option + '</select> ' +
2055
  '<input type="text" name="' + prefix + '_border_color" id="' + prefix + '_border_color" value="" class="color" onchange="jQuery(\'#' + prefix + '\').css({borderColor: \'#\' + jQuery(this).val()})" /><div class="spider_description"></div></td>';
2056
  var border_radius = '<td class="spider_label"><label for="' + prefix + '_border_radius">Radius: </label></td>' +
2057
  '<td><input type="text" name="' + prefix + '_border_radius" id="' + prefix + '_border_radius" value="2px" class="spider_char_input" onchange="jQuery(\'#' + prefix + '\').css({borderRadius: jQuery(this).val()})" /><div class="spider_description">Use CSS type values.</div></td>';
2066
  '<input class="button-secondary wds_free_button" type="button" value="Edit Image" onclick="alert(\'This functionality is disabled in free version.\')" />' +
2067
  '<div class="spider_description">Set width and height of the image.</div></td>';
2068
  var social_button = '<td class="spider_label"><label for="' + prefix + '_social_button">Social button: </label></td>' +
2069
+ '<td><select class="select_icon" name="' + prefix + '_social_button" id="' + prefix + '_social_button" onchange="jQuery(\'#' + prefix + '\').attr(\'class\', \'wds_draggable fa fa-\' + jQuery(this).val())">' + social_button_option + '</select><div class="spider_description"></div></td>';
2070
  var transparent = '<td class="spider_label"><label for="' + prefix + '_transparent">Transparent: </label></td>' +
2071
  '<td><input type="text" name="' + prefix + '_transparent" id="' + prefix + '_transparent" value="0" class="spider_int_input" onkeypress="return spider_check_isnum(event)" onchange="jQuery(\'#' + prefix + '\').css({opacity: (100 - jQuery(this).val()) / 100, filter: \'Alpha(opacity=\' + 100 - jQuery(this).val() + \')\'})" /> %<div class="spider_description">Value must be between 0 to 100.</div></td>';
2072
  var hover_color = '<td class="spider_label"><label for="' + prefix + '_hover_color">Hover Color: </label></td>' +
2079
  '<div class="spider_description">Start</div>' +
2080
  '</span>' +
2081
  '<span style="display: table-cell;">' +
2082
+ '<select class="select_icon" name="' + prefix + '_layer_effect_in" id="' + prefix + '_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in(\'' + id + '\', \'' + prefix + '\', ' + ((type == 'social') ? 1 : 0) + '); wds_trans_end(\'' + prefix + '\', jQuery(this).val());">' + layer_effects_in_option + '</select>' +
2083
  '<div class="spider_description">Effect</div>' +
2084
  '</span>' +
2085
  '<span style="display: table-cell;">' +
2095
  '<div class="spider_description">Start</div>' +
2096
  '</span>' +
2097
  '<span style="display: table-cell;">' +
2098
+ '<select class="select_icon" name="' + prefix + '_layer_effect_out" id="' + prefix + '_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out(\'' + id + '\', \'' + prefix + '\', ' + ((type == 'social') ? 1 : 0) + '); wds_trans_end(\'' + prefix + '\', jQuery(this).val());">' + layer_effects_out_option + '</select>' +
2099
  '<div class="spider_description">Effect</div>' +
2100
  '</span>' +
2101
  '<span style="display: table-cell;">' +
2110
  jQuery("#wds_preview_image" + id).append(jQuery("<span />").attr({
2111
  id: prefix,
2112
  "class": "wds_draggable_" + id + " wds_draggable",
2113
+ "data-type": "wds_text_parent",
2114
  onclick: "wds_showhide_layer('" + tbodyID + "', 1)",
2115
  style: "z-index: " + layerID.replace("pr_", "") + "; " +
2116
  "word-break: normal;" +
2126
  "background-color: " + wds_hex_rgba('000000', 50) + "; " +
2127
  "border-radius: 2px;"
2128
  }).html("Sample text"));
2129
+ jQuery("#" + tbodyID).append(tbody + '<tr><td colspan=2>'+
2130
+ '<table class="layer_table_left" style="width: 60%">' +
2131
+ '<tr class="wds_layer_tr">' +
2132
+ text +
2133
+ '</tr><tr class="wds_layer_tr">' +
2134
+ text_dimensions +
2135
+ '</tr><tr class="wds_layer_tr">' +
2136
+ position +
2137
+ '</tr><tr class="wds_layer_tr">' +
2138
+ size +
2139
+ '</tr><tr class="wds_layer_tr">' +
2140
+ color +
2141
+ '</tr><tr class="wds_layer_tr">' +
2142
+ ffamily +
2143
+ '</tr><tr class="wds_layer_tr">' +
2144
+ fweight +
2145
+ '</tr><tr class="wds_layer_tr">' +
2146
+ link +
2147
+ '</tr><tr class="wds_layer_tr">' +
2148
+ published +
2149
+ '</tr></table>'+
2150
+ '<table class="layer_table_right" style="width:39%">'+
2151
+ '<tr class="wds_layer_tr">' +
2152
+ layer_effect_in +
2153
+ '</tr><tr class="wds_layer_tr">' +
2154
+ layer_effect_out +
2155
+ '</tr><tr class="wds_layer_tr">' +
2156
+ padding +
2157
+ '</tr><tr class="wds_layer_tr">' +
2158
+ fbgcolor +
2159
+ '</tr><tr class="wds_layer_tr">' +
2160
+ fbgtransparent +
2161
+ '</tr><tr class="wds_layer_tr">' +
2162
+ border_width +
2163
+ '</tr><tr class="wds_layer_tr">' +
2164
+ border_radius +
2165
+ '</tr><tr class="wds_layer_tr">' +
2166
+ shadow +
2167
+ '</tr>' +
2168
+ '</table>'+
2169
+ '</td></tr>' + layer_type
2170
  );
2171
  wds_change_fonts(prefix);
2172
  break;
2174
  case 'image': {
2175
  if(edit == 0) {
2176
  var tbody_html = tbody +
2177
+ '<tr><td colspan=2>'+
2178
+ '<table class="layer_table_left" style="width: 60%">' +
2179
  '<tr class="wds_layer_tr">' +
2180
  dimensions +
 
2181
  '</tr><tr class="wds_layer_tr">' +
2182
  alt +
 
2183
  '</tr><tr class="wds_layer_tr">' +
2184
  link +
 
2185
  '</tr><tr class="wds_layer_tr">' +
2186
  position +
 
2187
  '</tr><tr class="wds_layer_tr">' +
2188
  imgtransparent +
 
2189
  '</tr><tr class="wds_layer_tr">' +
2190
  published +
2191
+ '</tr></table>'+
2192
+ '<table class="layer_table_right" style="width:39%">'+
2193
+ '<tr class="wds_layer_tr">' +
2194
+ layer_effect_in +
2195
+ '</tr><tr class="wds_layer_tr">' +
2196
+ layer_effect_out +
2197
+ '</tr><tr class="wds_layer_tr">' +
2198
+ border_width +
2199
+ '</tr><tr class="wds_layer_tr">' +
2200
+ border_radius +
2201
+ '</tr><tr class="wds_layer_tr">' +
2202
+ shadow +
2203
+ '</tr>' +
2204
+ '</table>'+
2205
+ '</td></tr>' + layer_type
2206
  }
2207
  if (!duplicate) {
2208
  if (spider_uploader) { // Add image layer by spider uploader.
2404
  }
2405
 
2406
  function wds_add_slide() {
2407
+ var slides_count = jQuery(".wbs_subtab div[id^='wbs_subtab']").length;
2408
  var tmp_arr = [];
2409
+ var order_arr = [];
2410
  var tmp_i = 0;
2411
+ jQuery(".wbs_subtab").find(".tab_link").each(function() {
2412
  var tmp_id = jQuery(this).attr("id");
2413
  if (tmp_id.indexOf("pr_") !== -1) {
2414
  tmp_arr[tmp_i++] = tmp_id.replace("wbs_subtabpr_", "");
2415
  }
2416
+ order_arr.push(jQuery('#order' + tmp_id.replace("wbs_subtab", "")).val()) ;
2417
  });
2418
  if (typeof tmp_arr !== 'undefined' && tmp_arr.length > 0) {
2419
  var slideID = "pr_" + (Math.max.apply(Math, tmp_arr) + 1);
2422
  else {
2423
  var slideID = "pr_" + ++slides_count;
2424
  }
2425
+ var order_id = (Math.max.apply(Math, order_arr) + 1);
2426
  var uploader_href_for_add_slide = uploader_href.replace('slideID', slideID);
2427
  var uploader_href_for_add_layer = uploader_href_for_add_slide.replace('add_update_slide', 'add_layer');
2428
  if (spider_uploader) {
2429
+ slide_upload_by = ' <a href="' + uploader_href_for_add_slide + '" class="action_buttons edit_slide thickbox thickbox-preview" title="Edit Slide" onclick="return false;">Add/Edit Image</a>';
2430
+ update_thumb_by = ' <input type="button" class="action_buttons edit_thumb wds_free_button" id="button_image_url' + slideID + '" onclick="alert(\'This functionality is disabled in free version.\'); return false;" value="Edit Thumbnail" />';
2431
+ edit_slide_by = ' <a href="' + uploader_href_for_add_slide + '" class="wds_change_thumbnail thickbox thickbox-preview" title="Edit Slide" onclick="return false;"></a>';
2432
  img_layer_upload_by = ' <a href="' + (!fv ? uploader_href_for_add_layer : "") + '" class="button-' + (!fv ? "primary thickbox thickbox-preview" : "secondary wds_free_button") + ' button button-small" title="Add Image Layer" onclick="' + (!fv ? "" : "alert('This functionality is disabled in free version.')") + '; return false;">Add Image Layer</a>';
2433
  }
2434
  else {
2435
+ slide_upload_by = ' <input id="button_image_url' + slideID + '" class="action_buttons edit_slide" type="button" value="Add/Edit Image" onclick="spider_media_uploader(\'' + slideID + '\', event); return false;" />';
2436
+ edit_slide_by = ' <span class="wds_change_thumbnail" type="button" value="Edit Slide" onclick="spider_media_uploader(\'' + slideID + '\', event); return false;" ></span>';
2437
+ update_thumb_by = ' <input type="button" class="action_buttons edit_thumb wds_free_button" id="button_image_url' + slideID + '" onclick="alert(\'This functionality is disabled in free version.\'); return false;" value="Edit Thumbnail" />';
2438
+ img_layer_upload_by = ' <input class="action_buttons add_image_layer ' + (!fv ? "" : "secondary wds_free_button") + ' button-small" type="button" value="Add Image Layer" onclick="' + (!fv ? "wds_add_layer(\'image\', \'' + slideID + '\', \'\', event)" : "alert('This functionality is disabled in free version.')") + '; return false;" />';
2439
  }
2440
  jQuery("#slide_ids_string").val(jQuery("#slide_ids_string").val() + slideID + ',');
2441
  jQuery(".wds_slides_box *").removeClass("wds_sub_active");
2442
  jQuery(
2443
+ '<div id="wds_subtab_wrap' + slideID + '" class="wds_subtab_wrap connectedSortable"><div id="wbs_subtab' + slideID + '" class="tab_link wds_sub_active" href="#" style="display:block !important; width:149px; height:140px; padding:0; margin-right: 25px;">' +
2444
+ '<div class="tab_image" id="wds_tab_image' + slideID + '">' +
2445
+ '<div class="tab_buttons">' +
2446
+ '<div class="handle_wrap"><div class="handle" title="Drag to re-order"></div></div>' +
2447
+ '<div class="wds_tab_title_wrap"> <input type="text" id="title' + slideID + '" name="title' + slideID + '" value="Slide ' + order_id + '" class="wds_tab_title" tab_type="slide' + slideID + '" /></div><input type="hidden" name="order' + slideID + '" id="order' + slideID + '" value="' + order_id + '" /></div>' +
2448
+ '<div class="overlay"><div id="hover_buttons">' +
2449
+ edit_slide_by +
2450
+ ' <span class="wds_slide_dublicate" onclick="wds_duplicate_slide(\'' + slideID + '\');" title="Duplicate slide"></span>' +
2451
+ ' <span class="wds_tab_remove" title="Delete slide" onclick="wds_remove_slide(\'' + slideID + '\')"></span></div></div>' +
2452
+ ' </div></div></div>').insertBefore(".new_tab_image");
2453
  jQuery(".wbs_subtab").after(
2454
  '<div class="wds_box wds_sub_active wds_slide' + slideID + '">' +
2455
  '<table class="ui-sortable' + slideID + '">' +
2456
  '<thead><tr><td colspan="4"> </td></tr></thead>' +
2457
  '<tbody>' +
2458
  '<input type="hidden" name="type' + slideID + '" id="type' + slideID + '" value="image" />' +
2459
+ '<tr class="bgcolor"><td colspan="4"><div class="slide_add_buttons_wrap">' +
2460
  slide_upload_by +
2461
+ '</div><div class="slide_add_buttons_wrap"><input class="action_buttons add_by_url" type="button" value="Add Image by URL" onclick="wds_add_image_url(\'' + slideID + '\')" />' +
2462
+ '</div><div class="slide_add_buttons_wrap"><input type="button" class="action_buttons add_video wds_free_button" onclick="alert(\'This functionality is disabled in free version.\')"" value="Add Video" />' +
2463
+ '</div><div class="slide_add_buttons_wrap"><input class="action_buttons embed_media wds_free_button" type="button" value="Embed Media" onclick="alert(\'This functionality is disabled in free version.\')">' +
2464
+ '</div><div class="slide_add_buttons_wrap"><input class="action_buttons add_post wds_free_button" type="button" value="Add Post" onclick="alert(\'This functionality is disabled in free version.\')">' +
2465
+ '</div><div class="slide_add_buttons_wrap"><input id="delete_image_url' + slideID + '" class="action_buttons delete" type="button" value="Delete" onclick="wds_remove_slide(\'' + slideID + '\')" />' + update_thumb_by +
2466
  ' <input id="image_url' + slideID + '" type="hidden" value="" name="image_url' + slideID + '" />' +
2467
+ '</div><div class="slide_add_buttons_wrap"> <input id="thumb_url' + slideID + '" type="hidden" value="" name="thumb_url' + slideID + '" /></div></td>' +
2468
+ '</tr><tr class="bgcolor"><td colspan="4">' +
2469
  '<div id="wds_preview_wrapper_' + slideID + '" class="wds_preview_wrapper" style="width: ' + jQuery("#width").val() + 'px; height: ' + jQuery("#height").val() + 'px;">' +
2470
  '<div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">' +
2471
  '<div id="wds_preview_image' + slideID + '" class="wds_preview_image' + slideID + '" ' +
2479
  'border-color: #' + jQuery('#glb_border_color').val() + '; ' +
2480
  'border-radius: ' + jQuery('#glb_border_radius').val() + '; ' +
2481
  'box-shadow: ' + jQuery('#glb_box_shadow').val() + '; ' +*/
2482
+ 'width: inherit; height: inherit;"></div></div></div></td>' +
2483
+ '</tr><tr><td><table class="wds_slide_radio_left"><tr><td class="spider_label"><label>Published: </label></td>' +
2484
  '<td><input id="published' + slideID + '1" type="radio" value="1" checked="checked" name="published' + slideID + '">' +
2485
  '<label for="published' + slideID + '1">Yes</label>' +
2486
  '<input id="published' + slideID + '0" type="radio" value="0" name="published' + slideID + '">' +
2487
  '<label for="published' + slideID + '0">No</label></td>' +
2488
+ '</tr></table><table class="wds_slide_radio_right"><tr id="trlink' + slideID + '"><td class="spider_label"><label for="link' + slideID + '">Link the slide to: </label></td>' +
2489
+ '<td><input id="link' + slideID + '" type="text" value="" name="link' + slideID + '" />' +
2490
  '<input id="target_attr_slide' + slideID + '" type="checkbox" name="target_attr_slide' + slideID + '" value="1" checked="checked" /><label for="target_attr_slide' + slideID + '"> Open in a new window</label>' +
2491
  '<div class="spider_description">You can set a redirection link, so that the user will get to the mentioned location upon hitting the slide.<br />Use http:// and https:// for external links.</div></td>' +
2492
+ '</tr></table></td></tr><tr class="bgcolor"><td colspan="4">' +
2493
+ '<div class="layer_add_buttons_wrap"><input class="action_buttons add_text_layer ' + (!fv ? "" : " wds_free_button") + ' button-small" type="button" value="Add Text Layer" onclick="' + (!fv ? "wds_add_layer(\'text\', \'' + slideID + '\')" : "alert('This functionality is disabled in free version.')") + '; return false;">' +
2494
  img_layer_upload_by +
2495
+ '</div><div class="layer_add_buttons_wrap"><input class="action_buttons add_video_layer button-small wds_free_button" type="button" onclick="alert(\'This functionality is disabled in free version.\'); return false;" value="Add Video Layer" />' +
2496
+ '</div><div class="layer_add_buttons_wrap"><input class="action_buttons add_embed_layer button-small wds_free_button" type="button" value="Embed Media Layer" onclick="alert(\'This functionality is disabled in free version.\'); return false;" />' +
2497
+ ' </div><div class="layer_add_buttons_wrap"><input class="action_buttons add_social_layer button-small wds_free_button" type="button" value="Add Social Buttons Layer" onclick="alert(\'This functionality is disabled in free version.\'); return false;">' +
2498
+ '</div><div class="layer_add_buttons_wrap"><input class="action_buttons add_hotspot_layer button-small wds_free_button" type="button" value="Add Hotspot Layer" onclick="alert(\'This functionality is disabled in free version.\'); return false;"></td>' +
2499
  '</tr></tbody></table>' +
2500
  '<input id="slide' + slideID + '_layer_ids_string" name="slide' + slideID + '_layer_ids_string" type="hidden" value="" />' +
2501
  '<input id="slide' + slideID + '_del_layer_ids_string" name="slide' + slideID + '_del_layer_ids_string" type="hidden" value="" />' +
2506
  'spider_remove_url(\'image_url' + slideID + '\', \'wds_preview_image' + slideID + '\');' +
2507
  '</script>' +
2508
  '</div>');
2509
+ jQuery('#wbs_subtab' + slideID).addClass("wds_sub_active");
2510
  wds_slide_weights();
2511
  wds_onkeypress();
2512
+ jQuery(function(){
2513
+ jQuery(document).on("click","#wds_tab_image" + slideID ,function(){
2514
+ wds_change_sub_tab(this, 'wds_slide' + slideID);
2515
+ });
2516
+ jQuery(document).on("click","#wds_tab_image" + slideID + " input",function(e){
2517
+ e.stopPropagation();
2518
+ });
2519
+ jQuery(document).on("click","#title" + slideID,function(){
2520
+ wds_change_sub_tab(jQuery("#wds_tab_image" + slideID), 'wds_slide' + slideID);
2521
+ wds_change_sub_tab_title(this, 'wds_slide' + slideID);
2522
+ });
2523
+ });
2524
  return slideID;
2525
  }
2526
 
2537
  jQuery(".wds_slides_box *").removeClass("wds_sub_active");
2538
  jQuery(".wds_slide" + slideID).remove();
2539
  jQuery("#wbs_subtab" + slideID).remove();
2540
+ jQuery("#wds_subtab_wrap" + slideID).remove();
2541
 
2542
  var slideIDs = jQuery("#slide_ids_string").val();
2543
  slideIDs = slideIDs.replace(slideID + ",", "");
2545
  var delslideIds = jQuery("#del_slide_ids_string").val() + slideID + ",";
2546
  jQuery("#del_slide_ids_string").val(delslideIds);
2547
 
2548
+ var slides = jQuery(".wbs_subtab div[id^='wbs_subtab']");
2549
  for (var i in slides) {
2550
  if (slides[i]) {
2551
  firstSlideID = slides[i].id.replace("wbs_subtab", "");
2715
 
2716
  jQuery(document).ready(function () {
2717
  wds_onkeypress();
2718
+ jQuery(".wds_tooltip").tooltip({
2719
+ track: true,
2720
+ content: function () {
2721
+ return jQuery(this).prop('title');
2722
+ }
2723
+ });
2724
  });
2725
+ function wde_change_text_bg_color(prefix) {
2726
+ var bgColor = wds_hex_rgba(jQuery("#" + prefix + "_fbgcolor").val(), 100 - jQuery("#" + prefix + "_transparent").val());
2727
+ jQuery("#" + prefix).css({backgroundColor: bgColor});
2728
+ wds_hotspot_position(prefix);
2729
+ }
2730
 
2731
  function wds_change_fonts(prefix, change) {
2732
  var fonts;
readme.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: https://web-dorado.com/products/wordpress-slider-plugin.html
4
  Tags: best slider plugin, carousel, carousel slider, coin slider, content slider, content slideshow, custom video slider, flex slider, free video slider, free video slideshow, Horizontal slider, Image Rotator, image slider, image slideshow, javascript slider, javascript slideshow, jquery slider, jquery slideshow, Photo Slider, posts slider, responsive slider, responsive slideshow, sidebar, slide, slide show, slider, slider plugin, slider widget, slides, slideshow,slideshow manager, slideshow plugin, vertical slider, video slider, video slideshow,vimeo slideshow, vimeo slider, widget slider, widget slideshow, wordpress slider, wordpress slideshow, wp slider, youtube slider, youtube slideshow, post slider, fullscreen Slider, css3 slider, responsive image slider, banner slider, social slider, cycle slider, text slider, revolution slider, thumbnail slider, touch slider, sliders, parallax slider, 3D slider, coinslider, featured-content-slider, image, images, picture, pictures, picture slider, responsive, shortcode, widget, vertical slides, autoplay, auto, jquery, rotate, flexslider, gallery, photo gallery, javascript, rotator, wordpress picture slider, wordpress responsive slider, animation, best slider, fullwidth slider, mobile slider, swipe, layer, layer slider, product slider, mp3, video, embed media
5
  Requires at least: 3.4
6
  Tested up to: 4.3
7
- Stable tag: 1.0.50
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -159,6 +159,10 @@ After downloading the ZIP file of the slider plugin,
159
 
160
  == Changelog ==
161
 
 
 
 
 
162
  = 1.0.50 =
163
  * Fixed: Border sizing problem with image wrap.
164
 
4
  Tags: best slider plugin, carousel, carousel slider, coin slider, content slider, content slideshow, custom video slider, flex slider, free video slider, free video slideshow, Horizontal slider, Image Rotator, image slider, image slideshow, javascript slider, javascript slideshow, jquery slider, jquery slideshow, Photo Slider, posts slider, responsive slider, responsive slideshow, sidebar, slide, slide show, slider, slider plugin, slider widget, slides, slideshow,slideshow manager, slideshow plugin, vertical slider, video slider, video slideshow,vimeo slideshow, vimeo slider, widget slider, widget slideshow, wordpress slider, wordpress slideshow, wp slider, youtube slider, youtube slideshow, post slider, fullscreen Slider, css3 slider, responsive image slider, banner slider, social slider, cycle slider, text slider, revolution slider, thumbnail slider, touch slider, sliders, parallax slider, 3D slider, coinslider, featured-content-slider, image, images, picture, pictures, picture slider, responsive, shortcode, widget, vertical slides, autoplay, auto, jquery, rotate, flexslider, gallery, photo gallery, javascript, rotator, wordpress picture slider, wordpress responsive slider, animation, best slider, fullwidth slider, mobile slider, swipe, layer, layer slider, product slider, mp3, video, embed media
5
  Requires at least: 3.4
6
  Tested up to: 4.3
7
+ Stable tag: 1.1.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
159
 
160
  == Changelog ==
161
 
162
+ = 1.1.0 =
163
+ * Changed: Backend design.
164
+ * Changed: Responsive backend.
165
+
166
  = 1.0.50 =
167
  * Fixed: Border sizing problem with image wrap.
168
 
slider-wd.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin Name: Slider WD
5
  * Plugin URI: https://web-dorado.com/products/wordpress-slider-plugin.html
6
  * Description: This is a responsive plugin, which allows adding sliders to your posts/pages and to custom location. It uses large number of transition effects and supports various types of layers.
7
- * Version: 1.0.50
8
  * Author: WebDorado
9
  * Author URI: https://web-dorado.com/
10
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
@@ -421,7 +421,7 @@ register_activation_hook(__FILE__, 'wds_activate');
421
 
422
  function wds_install() {
423
  $version = get_option("wds_version");
424
- $new_version = '1.0.50';
425
  if ($version && version_compare($version, $new_version, '<')) {
426
  require_once WD_S_DIR . "/sliders-update.php";
427
  wds_update($version);
@@ -444,6 +444,8 @@ function wds_styles() {
444
  $version = get_option("wds_version");
445
  wp_admin_css('thickbox');
446
  wp_enqueue_style('wds_tables', WD_S_URL . '/css/wds_tables.css', array(), $version);
 
 
447
  $google_fonts = array('ABeeZee' => 'ABeeZee', 'Abel' => 'Abel', 'Abril+Fatface' => 'Abril Fatface', 'Aclonica' => 'Aclonica', 'Acme' => 'Acme', 'Actor' => 'Actor', 'Adamina' => 'Adamina', 'Advent+Pro' => 'Advent Pro', 'Aguafina+Script' => 'Aguafina Script', 'Akronim' => 'Akronim', 'Aladin' => 'Aladin', 'Aldrich' => 'Aldrich', 'Alegreya' => 'Alegreya', 'Alegreya+SC' => 'Alegreya SC', 'Alex+Brush' => 'Alex Brush', 'Alfa+Slab+One' => 'Alfa Slab One', 'Alice' => 'Alice', 'Alike' => 'Alike', 'Alike+Angular' => 'Alike Angular', 'Allan' => 'Allan', 'Allerta' => 'Allerta', 'Allura' => 'Allura', 'Almendra' => 'Almendra', 'Almendra+display' => 'Almendra Display', 'Almendra+sc' => 'Almendra SC', 'Amarante' => 'Amarante', 'Amaranth' => 'Amaranth', 'Amatic+sc' => 'Amatic SC', 'Amethysta' => 'Amethysta', 'Anaheim' => 'Anaheim', 'Andada' => 'Andada', 'Andika' => 'Andika', 'Angkor' => 'Angkor', 'Annie+Use+Your+Telescope' => 'Annie Use Your Telescope', 'Anonymous+Pro' => 'Anonymous Pro', 'Antic' => 'Antic', 'Antic+Didone' => 'Antic Didone', 'Antic+Slab' => 'Antic Slab', 'Anton' => 'Anton', 'Arapey' => 'Arapey', 'Arbutus' => 'Arbutus', 'Arbutus+slab' => 'Arbutus Slab', 'Architects+daughter' => 'Architects Daughter', 'Archivo+black' => 'Archivo Black', 'Archivo+narrow' => 'Archivo Narrow', 'Arimo' => 'Arimo', 'Arizonia' => 'Arizonia', 'Armata' => 'Armata', 'Artifika' => 'Artifika', 'Arvo' => 'Arvo', 'Asap' => 'Asap', 'Asset' => 'Asset', 'Astloch' => 'Astloch', 'Asul' => 'Asul', 'Atomic+age' => 'Atomic Age', 'Aubrey' => 'Aubrey', 'Audiowide' => 'Audiowide', 'Autour+one' => 'Autour One', 'Average' => 'Average', 'Average+Sans' => 'Average Sans', 'Averia+Gruesa+Libre' => 'Averia Gruesa Libre', 'Averia+Libre' => 'Averia Libre', 'Averia+Sans+Libre' => 'Averia Sans Libre', 'Averia+Serif+Libre' => 'Averia Serif Libre', 'Bad+Script' => 'Bad Script', 'Balthazar' => 'Balthazar', 'Bangers' => 'Bangers', 'Basic' => 'Basic', 'Battambang' => 'Battambang', 'Baumans' => 'Baumans', 'Bayon' => 'Bayon', 'Belgrano' => 'Belgrano', 'BenchNine' => 'BenchNine', 'Bentham' => 'Bentham', 'Berkshire+Swash' => 'Berkshire Swash', 'Bevan' => 'Bevan', 'Bigelow+Rules' => 'Bigelow Rules', 'Bigshot+One' => 'Bigshot One', 'Bilbo' => 'Bilbo', 'Bilbo+Swash+Caps' => 'Bilbo Swash Caps', 'Bitter' => 'Bitter', 'Black+Ops+One' => 'Black Ops One', 'Bokor' => 'Bokor', 'Bonbon' => 'Bonbon', 'Boogaloo' => 'Boogaloo', 'Bowlby+One' => 'Bowlby One', 'bowlby+One+SC' => 'Bowlby One SC', 'Brawler' => 'Brawler', 'Bree+Serif' => 'Bree Serif', 'Bubblegum+Sans' => 'Bubblegum Sans', 'Bubbler+One' => 'Bubbler One', 'Buda' => 'Buda', 'Buenard' => 'Buenard', 'Butcherman' => 'Butcherman', 'Butterfly+Kids' => 'Butterfly Kids', 'Cabin' => 'Cabin', 'Cabin+Condensed' => 'Cabin Condensed', 'Cabin+Sketch' => 'Cabin Sketch', 'Caesar+Dressing' => 'Caesar Dressing', 'Cagliostro' => 'Cagliostro', 'Calligraffitti' => 'Calligraffitti', 'Cambo' => 'Cambo', 'Candal' => 'Candal', 'Cantarell' => 'Cantarell', 'Cantata+One' => 'Cantata One', 'Cantora+One' => 'Cantora One', 'Capriola' => 'Capriola', 'Cardo' => 'Cardo', 'Carme' => 'Carme', 'Carrois+Gothic' => 'Carrois Gothic', 'Carrois+Gothic+SC' => 'Carrois Gothic SC', 'Carter+One' => 'Carter One', 'Caudex' => 'Caudex', 'Cedarville+cursive' => 'Cedarville Cursive', 'Ceviche+One' => 'Ceviche One', 'Changa+One' => 'Changa One', 'Chango' => 'Chango', 'Chau+philomene+One' => 'Chau Philomene One', 'Chela+One' => 'Chela One', 'Chelsea+Market' => 'Chelsea Market', 'Chenla' => 'Chenla', 'Cherry+Cream+Soda' => 'Cherry Cream Soda', 'Chewy' => 'Chewy', 'Chicle' => 'Chicle', 'Chivo' => 'Chivo', 'Cinzel' => 'Cinzel', 'Cinzel+Decorative' => 'Cinzel Decorative', 'Clicker+Script' => 'Clicker Script', 'Coda' => 'Coda', 'Coda+Caption' => 'Coda Caption', 'Codystar' => 'Codystar', 'Combo' => 'Combo', 'Comfortaa' => 'Comfortaa', 'Coming+soon' => 'Coming Soon', 'Concert+One' => 'Concert One', 'Condiment' => 'Condiment', 'Content' => 'Content', 'Contrail+One' => 'Contrail One', 'Convergence' => 'Convergence', 'Cookie' => 'Cookie', 'Copse' => 'Copse', 'Corben' => 'Corben', 'Courgette' => 'Courgette', 'Cousine' => 'Cousine', 'Coustard' => 'Coustard', 'Covered+By+Your+Grace' => 'Covered By Your Grace', 'Crafty+Girls' => 'Crafty Girls', 'Creepster' => 'Creepster', 'Crete+Round' => 'Crete Round', 'Crimson+Text' => 'Crimson Text', 'Croissant+One' => 'Croissant One', 'Crushed' => 'Crushed', 'Cuprum' => 'Cuprum', 'Cutive' => 'Cutive', 'Cutive+Mono' => 'Cutive Mono', 'Damion' => 'Damion', 'Dancing+Script' => 'Dancing Script', 'Dangrek' => 'Dangrek', 'Dawning+of+a+New+Day' => 'Dawning of a New Day', 'Days+One' => 'Days One', 'Delius' => 'Delius', 'Delius+Swash+Caps' => 'Delius Swash Caps', 'Delius+Unicase' => 'Delius Unicase', 'Della+Respira' => 'Della Respira', 'Denk+One' => 'Denk One', 'Devonshire' => 'Devonshire', 'Didact+Gothic' => 'Didact Gothic', 'Diplomata' => 'Diplomata', 'Diplomata+SC' => 'Diplomata SC', 'Domine' => 'Domine', 'Donegal+One' => 'Donegal One', 'Doppio+One' => 'Doppio One', 'Dorsa' => 'Dorsa', 'Dosis' => 'Dosis', 'Dr+Sugiyama' => 'Dr Sugiyama', 'Droid+Sans' => 'Droid Sans', 'Droid+Sans+Mono' => 'Droid Sans Mono', 'Droid+Serif' => 'Droid Serif', 'Duru+Sans' => 'Duru Sans', 'Dynalight' => 'Dynalight', 'Eb+Garamond' => 'EB Garamond', 'Eagle+Lake' => 'Eagle Lake', 'Eater' => 'Eater', 'Economica' => 'Economica', 'Electrolize' => 'Electrolize', 'Elsie' => 'Elsie', 'Elsie+Swash+Caps' => 'Elsie Swash Caps', 'Emblema+One' => 'Emblema One', 'Emilys+Candy' => 'Emilys Candy', 'Engagement' => 'Engagement', 'Englebert' => 'Englebert', 'Enriqueta' => 'Enriqueta', 'Erica+One' => 'Erica One', 'Esteban' => 'Esteban', 'Euphoria+Script' => 'Euphoria Script', 'Ewert' => 'Ewert', 'Exo' => 'Exo', 'Expletus+Sans' => 'Expletus Sans', 'Fanwood+Text' => 'Fanwood Text', 'Fascinate' => 'Fascinate', 'Fascinate+Inline' => 'Fascinate Inline', 'Faster+One' => 'Faster One', 'Fasthand' => 'Fasthand', 'Federant' => 'Federant', 'Federo' => 'Federo', 'Felipa' => 'Felipa', 'Fenix' => 'Fenix', 'Finger+Paint' => 'Finger Paint', 'Fjalla+One' => 'Fjalla One', 'Fjord+One' => 'Fjord One', 'Flamenco' => 'Flamenco', 'Flavors' => 'Flavors', 'Fondamento' => 'Fondamento', 'Fontdiner+swanky' => 'Fontdiner Swanky', 'Forum' => 'Forum', 'Francois+One' => 'Francois One', 'Freckle+Face' => 'Freckle Face', 'Fredericka+the+Great' => 'Fredericka the Great', 'Fredoka+One' => 'Fredoka One', 'Freehand' => 'Freehand', 'Fresca' => 'Fresca', 'Frijole' => 'Frijole', 'Fruktur' => 'Fruktur', 'Fugaz+One' => 'Fugaz One', 'GFS+Didot' => 'GFS Didot', 'GFS+Neohellenic' => 'GFS Neohellenic', 'Gabriela' => 'Gabriela', 'Gafata' => 'Gafata', 'Galdeano' => 'Galdeano', 'Galindo' => 'Galindo', 'Gentium+Basic' => 'Gentium Basic', 'Gentium+Book+Basic' => 'Gentium Book Basic', 'Geo' => 'Geo', 'Geostar' => 'Geostar', 'Geostar+Fill' => 'Geostar Fill', 'Germania+One' => 'Germania One', 'Gilda+Display' => 'Gilda Display', 'Give+You+Glory' => 'Give You Glory', 'Glass+Antiqua' => 'Glass Antiqua', 'Glegoo' => 'Glegoo', 'Gloria+Hallelujah' => 'Gloria Hallelujah', 'Goblin+One' => 'Goblin One', 'Gochi+Hand' => 'Gochi Hand', 'Gorditas' => 'Gorditas', 'Goudy+Bookletter+1911' => 'Goudy Bookletter 1911', 'Graduate' => 'Graduate', 'Grand+Hotel' => 'Grand Hotel', 'Gravitas+One' => 'Gravitas One', 'Great+Vibes' => 'Great Vibes', 'Griffy' => 'Griffy', 'Gruppo' => 'Gruppo', 'Gudea' => 'Gudea', 'Habibi' => 'Habibi', 'Hammersmith+One' => 'Hammersmith One', 'Hanalei' => 'Hanalei', 'Hanalei+Fill' => 'Hanalei Fill', 'Handlee' => 'Handlee', 'Hanuman' => 'Hanuman', 'Happy+Monkey' => 'Happy Monkey', 'Headland+One' => 'Headland One', 'Henny+Penny' => 'Henny Penny', 'Herr+Von+Muellerhoff' => 'Herr Von Muellerhoff', 'Holtwood+One +SC' => 'Holtwood One SC', 'Homemade+Apple' => 'Homemade Apple', 'Homenaje' => 'Homenaje', 'IM+Fell+DW+Pica' => 'IM Fell DW Pica', 'IM+Fell+DW+Pica+SC' => 'IM Fell DW Pica SC', 'IM+Fell+Double+Pica' => 'IM Fell Double Pica', 'IM+Fell+Double+Pica+S' => 'IM Fell Double Pica S', 'IM+Fell+English' => 'IM Fell English', 'IM+Fell+English+SC' => 'IM Fell English SC', 'IM+Fell+French+Canon' => 'IM Fell French Canon', 'IM+Fell+French+Canon+SC' => 'IM Fell French Canon SC', 'IM+Fell+Great+Primer' => 'IM Fell Great Primer', 'IM+Fell+Great+Primer+SC' => 'IM Fell Great Primer SC', 'Iceberg' => 'Iceberg', 'Iceland' => 'Iceland', 'Imprima' => 'Imprima', 'Inconsolata' => 'Inconsolata', 'Inder' => 'Inder', 'Indie+Flower' => 'Indie Flower', 'Inika' => 'Inika', 'Irish+Grover' => 'Irish Grover', 'Istok+Web' => 'Istok Web', 'Italiana' => 'Italiana', 'Italianno' => 'Italianno', 'Jacques+Francois' => 'Jacques Francois', 'Jacques+Francois+Shadow' => 'Jacques Francois Shadow', 'Jim+Nightshade' => 'Jim Nightshade', 'Jockey+One' => 'Jockey One', 'Jolly+Lodger' => 'Jolly Lodger', 'Josefin+Sans' => 'Josefin Sans', 'Josefin+Slab' => 'Josefin Slab', 'Joti+One' => 'Joti One', 'Judson' => 'Judson', 'Julee' => 'Julee', 'Julius+Sans+One' => 'Julius Sans One', 'Junge' => 'Junge', 'Jura' => 'Jura', 'Just+Another+Hand' => 'Just Another Hand', 'Just+Me+Again+Down+Here' => 'Just Me Again Down Here', 'Kameron' => 'Kameron', 'Karla' => 'Karla', 'Kaushan+Script' => 'Kaushan Script', 'Kavoon' => 'Kavoon', 'Keania+One' => 'Keania One', 'kelly+Slab' => 'Kelly Slab', 'Kenia' => 'Kenia', 'Khmer' => 'Khmer', 'Kite+One' => 'Kite One', 'Knewave' => 'Knewave', 'Kotta+One' => 'Kotta One', 'Koulen' => 'Koulen', 'Kranky' => 'Kranky', 'Kreon' => 'Kreon', 'Kristi' => 'Kristi', 'Krona+One' => 'Krona One', 'La+Belle+Aurore' => 'La Belle Aurore', 'Lancelot' => 'Lancelot', 'Lato' => 'Lato', 'League+Script' => 'League Script', 'Leckerli+One' => 'Leckerli One', 'Ledger' => 'Ledger', 'Lekton' => 'Lekton', 'Lemon' => 'Lemon', 'Libre+Baskerville' => 'Libre Baskerville', 'Life+Savers' => 'Life Savers', 'Lilita+One' => 'Lilita One', 'Limelight' => 'Limelight', 'Linden+Hill' => 'Linden Hill', 'Lobster' => 'Lobster', 'Lobster+Two' => 'Lobster Two', 'Londrina+Outline' => 'Londrina Outline', 'Londrina+Shadow' => 'Londrina Shadow', 'Londrina+Sketch' => 'Londrina Sketch', 'Londrina+Solid' => 'Londrina Solid', 'Lora' => 'Lora', 'Love+Ya+Like+A+Sister' => 'Love Ya Like A Sister', 'Loved+by+the+King' => 'Loved by the King', 'Lovers+Quarrel' => 'Lovers Quarrel', 'Luckiest+Guy' => 'Luckiest Guy', 'Lusitana' => 'Lusitana', 'Lustria' => 'Lustria', 'Macondo' => 'Macondo', 'Macondo+Swash+Caps' => 'Macondo Swash Caps', 'Magra' => 'Magra', 'Maiden+Orange' => 'Maiden Orange', 'Mako' => 'Mako', 'Marcellus' => 'Marcellus', 'Marcellus+SC' => 'Marcellus SC', 'Marck+Script' => 'Marck Script', 'Margarine' => 'Margarine', 'Marko+One' => 'Marko One', 'Marmelad' => 'Marmelad', 'Marvel' => 'Marvel', 'Mate' => 'Mate', 'Mate+SC' => 'Mate SC', 'Maven+Pro' => 'Maven Pro', 'McLaren' => 'McLaren', 'Meddon' => 'Meddon', 'MedievalSharp' => 'MedievalSharp', 'Medula+One' => 'Medula One', 'Megrim' => 'Megrim', 'Meie+Script' => 'Meie Script', 'Merienda' => 'Merienda', 'Merienda+One' => 'Merienda One', 'Merriweather' => 'Merriweather', 'Merriweather+Sans' => 'Merriweather Sans', 'Metal' => 'Metal', 'Metal+mania' => 'Metal Mania', 'Metamorphous' => 'Metamorphous', 'Metrophobic' => 'Metrophobic', 'Michroma' => 'Michroma', 'Milonga' => 'Milonga', 'Miltonian' => 'Miltonian', 'Miltonian+Tattoo' => 'Miltonian Tattoo', 'Miniver' => 'Miniver', 'Miss+Fajardose' => 'Miss Fajardose', 'Modern+Antiqua' => 'Modern Antiqua', 'Molengo' => 'Molengo', 'Molle' => 'Molle', 'Monda' => 'Monda', 'Monofett' => 'Monofett', 'Monoton' => 'Monoton', 'Monsieur+La+Doulaise' => 'Monsieur La Doulaise', 'Montaga' => 'Montaga', 'Montez' => 'Montez', 'Montserrat' => 'Montserrat', 'Montserrat+Alternates' => 'Montserrat Alternates', 'Montserrat+Subrayada' => 'Montserrat Subrayada', 'Moul' => 'Moul', 'Moulpali' => 'Moulpali', 'Mountains+of+Christmas' => 'Mountains of Christmas', 'Mouse+Memoirs' => 'Mouse Memoirs', 'Mr+Bedfort' => 'Mr Bedfort', 'Mr+Dafoe' => 'Mr Dafoe', 'Mr+De+Haviland' => 'Mr De Haviland', 'Mrs+Saint+Delafield' => 'Mrs Saint Delafield', 'Mrs+Sheppards' => 'Mrs Sheppards', 'Muli' => 'Muli', 'Mystery+Quest' => 'Mystery Quest', 'Neucha' => 'Neucha', 'Neuton' => 'Neuton', 'New+Rocker' => 'New Rocker', 'News+Cycle' => 'News Cycle', 'Niconne' => 'Niconne', 'Nixie+One' => 'Nixie One', 'Nobile' => 'Nobile', 'Nokora' => 'Nokora', 'Norican' => 'Norican', 'Nosifer' => 'Nosifer', 'Nothing+You+Could+Do' => 'Nothing You Could Do', 'Noticia+Text' => 'Noticia Text', 'Nova+Cut' => 'Nova Cut', 'Nova+Flat' => 'Nova Flat', 'Nova+Mono' => 'Nova Mono', 'Nova+Oval' => 'Nova Oval', 'Nova+Round' => 'Nova Round', 'Nova+Script' => 'Nova Script', 'Nova+Slim' => 'Nova Slim', 'Nova+Square' => 'Nova Square', 'Numans' => 'Numans', 'Nunito' => 'Nunito', 'Odor+Mean+Chey' => 'Odor Mean Chey', 'Offside' => 'Offside', 'Old+standard+tt' => 'Old Standard TT', 'Oldenburg' => 'Oldenburg', 'Oleo+Script' => 'Oleo Script', 'Oleo+Script+Swash+Caps' => 'Oleo Script Swash Caps', 'Open+Sans' => 'Open Sans', 'Open+Sans+Condensed' => 'Open Sans Condensed', 'Oranienbaum' => 'Oranienbaum', 'Orbitron' => 'Orbitron', 'Oregano' => 'Oregano', 'Orienta' => 'Orienta', 'Original+Surfer' => 'Original Surfer', 'Oswald' => 'Oswald', 'Over+the+Rainbow' => 'Over the Rainbow', 'Overlock' => 'Overlock', 'Overlock+SC' => 'Overlock SC', 'Ovo' => 'Ovo', 'Oxygen' => 'Oxygen', 'Oxygen+Mono' => 'Oxygen Mono', 'PT+Mono' => 'PT Mono', 'PT+Sans' => 'PT Sans', 'PT+Sans+Caption' => 'PT Sans Caption', 'PT+Sans+Narrow' => 'PT Sans Narrow', 'PT+Serif' => 'PT Serif', 'PT+Serif+Caption' => 'PT Serif Caption', 'Pacifico' => 'Pacifico', 'Paprika' => 'Paprika', 'Parisienne' => 'Parisienne', 'Passero+One' => 'Passero One', 'Passion+One' => 'Passion One', 'Patrick+Hand' => 'Patrick Hand', 'Patrick+Hand+SC' => 'Patrick Hand SC', 'Patua+One' => 'Patua One', 'Paytone+One' => 'Paytone One', 'Peralta' => 'Peralta', 'Permanent+Marker' => 'Permanent Marker', 'Petit+Formal+Script' => 'Petit Formal Script', 'Petrona' => 'Petrona', 'Philosopher' => 'Philosopher', 'Piedra' => 'Piedra', 'Pinyon+Script' => 'Pinyon Script', 'Pirata+One' => 'Pirata One', 'Plaster' => 'Plaster', 'Play' => 'Play', 'Playball' => 'Playball', 'Playfair+Display' => 'Playfair Display', 'Playfair+Display+SC' => 'Playfair Display SC', 'Podkova' => 'Podkova', 'Poiret+One' => 'Poiret One', 'Poller+One' => 'Poller One', 'Poly' => 'Poly', 'Pompiere' => 'Pompiere', 'Pontano+Sans' => 'Pontano Sans', 'Port+Lligat+Sans' => 'Port Lligat Sans', 'Port+Lligat+Slab' => 'Port Lligat Slab', 'Prata' => 'Prata', 'Preahvihear' => 'Preahvihear', 'Press+start+2P' => 'Press Start 2P', 'Princess+Sofia' => 'Princess Sofia', 'Prociono' => 'Prociono', 'Prosto+One' => 'Prosto One', 'Puritan' => 'Puritan', 'Purple+Purse' => 'Purple Purse', 'Quando' => 'Quando', 'Quantico' => 'Quantico', 'Quattrocento' => 'Quattrocento', 'Quattrocento+Sans' => 'Quattrocento Sans', 'Questrial' => 'Questrial', 'Quicksand' => 'Quicksand', 'Quintessential' => 'Quintessential', 'Qwigley' => 'Qwigley', 'Racing+sans+One' => 'Racing Sans One', 'Radley' => 'Radley', 'Raleway' => 'Raleway', 'Raleway+Dots' => 'Raleway Dots', 'Rambla' => 'Rambla', 'Rammetto+One' => 'Rammetto One', 'Ranchers' => 'Ranchers', 'Rancho' => 'Rancho', 'Rationale' => 'Rationale', 'Redressed' => 'Redressed', 'Reenie+Beanie' => 'Reenie Beanie', 'Revalia' => 'Revalia', 'Ribeye' => 'Ribeye', 'Ribeye+Marrow' => 'Ribeye Marrow', 'Righteous' => 'Righteous', 'Risque' => 'Risque', 'Roboto' => 'Roboto', 'Roboto+Condensed' => 'Roboto Condensed', 'Rochester' => 'Rochester', 'Rock+Salt' => 'Rock Salt', 'Rokkitt' => 'Rokkitt', 'Romanesco' => 'Romanesco', 'Ropa+Sans' => 'Ropa Sans', 'Rosario' => 'Rosario', 'Rosarivo' => 'Rosarivo', 'Rouge+Script' => 'Rouge Script', 'Ruda' => 'Ruda', 'Rufina' => 'Rufina', 'Ruge+Boogie' => 'Ruge Boogie', 'Ruluko' => 'Ruluko', 'Rum+Raisin' => 'Rum Raisin', 'Ruslan+Display' => 'Ruslan Display', 'Russo+One' => 'Russo One', 'Ruthie' => 'Ruthie', 'Rye' => 'Rye', 'Sacramento' => 'Sacramento', 'Sail' => 'Sail', 'Salsa' => 'Salsa', 'Sanchez' => 'Sanchez', 'Sancreek' => 'Sancreek', 'Sansita+One' => 'Sansita One', 'Sarina' => 'Sarina', 'Satisfy' => 'Satisfy', 'Scada' => 'Scada', 'Schoolbell' => 'Schoolbell', 'Seaweed+Script' => 'Seaweed Script', 'Sevillana' => 'Sevillana', 'Seymour+One' => 'Seymour One', 'Shadows+Into+Light' => 'Shadows Into Light', 'Shadows+Into+Light+Two' => 'Shadows Into Light Two', 'Shanti' => 'Shanti', 'Share' => 'Share', 'Share+Tech' => 'Share Tech', 'Share+Tech+Mono' => 'Share Tech Mono', 'Shojumaru' => 'Shojumaru', 'Short+Stack' => 'Short Stack', 'Siemreap' => 'Siemreap', 'Sigmar+One' => 'Sigmar One', 'Signika' => 'Signika', 'Signika+Negative' => 'Signika Negative', 'Simonetta' => 'Simonetta', 'Sintony' => 'Sintony', 'Sirin+Stencil' => 'Sirin Stencil', 'Six+Caps' => 'Six Caps', 'Skranji' => 'Skranji', 'Slackey' => 'Slackey', 'Smokum' => 'Smokum', 'Smythe' => 'Smythe', 'Sniglet' => 'Sniglet', 'Snippet' => 'Snippet', 'Snowburst+One' => 'Snowburst One', 'Sofadi+One' => 'Sofadi One', 'Sofia' => 'Sofia', 'Sonsie+One' => 'Sonsie One', 'Sorts+Mill+Goudy' => 'Sorts Mill Goudy', 'Source+Code+Pro' => 'Source Code Pro', 'Source+Sans+Pro' => 'Source Sans Pro', 'Special+Elite' => 'Special Elite', 'Spicy+Rice' => 'Spicy Rice', 'Spinnaker' => 'Spinnaker', 'Spirax' => 'Spirax', 'Squada+One' => 'Squada One', 'Stalemate' => 'Stalemate', 'Stalinist+One' => 'Stalinist One', 'Stardos+Stencil' => 'Stardos Stencil', 'Stint+Ultra+Condensed' => 'Stint Ultra Condensed', 'Stint+Ultra+Expanded' => 'Stint Ultra Expanded', 'Stoke' => 'Stoke', 'Strait' => 'Strait', 'Sue+Ellen+Francisco' => 'Sue Ellen Francisco', 'Sunshiney' => 'Sunshiney', 'Supermercado+One' => 'Supermercado One', 'Suwannaphum' => 'Suwannaphum', 'Swanky+and+Moo+Moo' => 'Swanky and Moo Moo', 'Syncopate' => 'Syncopate', 'Tangerine' => 'Tangerine', 'Taprom' => 'Taprom', 'Tauri' => 'Tauri', 'Telex' => 'Telex', 'Tenor+Sans' => 'Tenor Sans', 'Text+Me+One' => 'Text Me One', 'The+Girl+Next+Door' => 'The Girl Next Door', 'Tienne' => 'Tienne', 'Tinos' => 'Tinos', 'Titan+One' => 'Titan One', 'Titillium+Web' => 'Titillium Web', 'Trade+Winds' => 'Trade Winds', 'Trocchi' => 'Trocchi', 'Trochut' => 'Trochut', 'Trykker' => 'Trykker', 'Tulpen+One' => 'Tulpen One', 'Ubuntu' => 'Ubuntu', 'Ubuntu+Condensed' => 'Ubuntu Condensed', 'Ubuntu+Mono' => 'Ubuntu Mono', 'Ultra' => 'Ultra', 'Uncial+Antiqua' => 'Uncial Antiqua', 'Underdog' => 'Underdog', 'Unica+One' => 'Unica One', 'UnifrakturCook' => 'UnifrakturCook', 'UnifrakturMaguntia' => 'UnifrakturMaguntia', 'Unkempt' => 'Unkempt', 'Unna' => 'Unna', 'VT323' => 'VT323', 'Vampiro+One' => 'Vampiro One', 'Varela' => 'Varela', 'Varela+Round' => 'Varela Round', 'Vast+Shadow' => 'Vast Shadow', 'Vibur' => 'Vibur', 'Vidaloka' => 'Vidaloka', 'Viga' => 'Viga', 'Voces' => 'Voces', 'Volkhov' => 'Volkhov', 'Vollkorn' => 'Vollkorn', 'Voltaire' => 'Voltaire', 'Waiting+for+the+sunrise' => 'Waiting for the Sunrise', 'Wallpoet' => 'Wallpoet', 'Walter+Turncoat' => 'Walter Turncoat', 'Warnes' => 'Warnes', 'Wellfleet' => 'Wellfleet', 'Wendy+One' => 'Wendy One', 'Wire+One' => 'Wire One', 'Yanone+Kaffeesatz' => 'Yanone Kaffeesatz', 'Yellowtail' => 'Yellowtail', 'Yeseva+One' => 'Yeseva One', 'Yesteryear' => 'Yesteryear', 'Zeyada' => 'Zeyada');
448
  $query = implode("|", str_replace(' ', '+', $google_fonts));
449
  $url = 'https://fonts.googleapis.com/css?family=' . $query;
@@ -458,10 +460,12 @@ function wds_scripts() {
458
  wp_enqueue_script('jquery');
459
  wp_enqueue_script('jquery-ui-sortable');
460
  wp_enqueue_script('jquery-ui-draggable');
 
461
  wp_enqueue_script('wds_admin', WD_S_URL . '/js/wds.js', array(), $version);
462
  wp_enqueue_script('jscolor', WD_S_URL . '/js/jscolor/jscolor.js', array(), '1.3.9');
463
  wp_enqueue_style('wds_font-awesome', WD_S_URL . '/css/font-awesome-4.0.1/font-awesome.css', array(), '4.0.1');
464
  wp_enqueue_style('wds_effects', WD_S_URL . '/css/wds_effects.css', array(), $version);
 
465
  }
466
 
467
  function wds_front_end_scripts() {
4
  * Plugin Name: Slider WD
5
  * Plugin URI: https://web-dorado.com/products/wordpress-slider-plugin.html
6
  * Description: This is a responsive plugin, which allows adding sliders to your posts/pages and to custom location. It uses large number of transition effects and supports various types of layers.
7
+ * Version: 1.1.0
8
  * Author: WebDorado
9
  * Author URI: https://web-dorado.com/
10
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
421
 
422
  function wds_install() {
423
  $version = get_option("wds_version");
424
+ $new_version = '1.1.0';
425
  if ($version && version_compare($version, $new_version, '<')) {
426
  require_once WD_S_DIR . "/sliders-update.php";
427
  wds_update($version);
444
  $version = get_option("wds_version");
445
  wp_admin_css('thickbox');
446
  wp_enqueue_style('wds_tables', WD_S_URL . '/css/wds_tables.css', array(), $version);
447
+ wp_enqueue_style('wds_tables_640', WD_S_URL . '/css/wds_tables_640.css', array(), $version);
448
+ wp_enqueue_style('wds_tables_320', WD_S_URL . '/css/wds_tables_320.css', array(), $version);
449
  $google_fonts = array('ABeeZee' => 'ABeeZee', 'Abel' => 'Abel', 'Abril+Fatface' => 'Abril Fatface', 'Aclonica' => 'Aclonica', 'Acme' => 'Acme', 'Actor' => 'Actor', 'Adamina' => 'Adamina', 'Advent+Pro' => 'Advent Pro', 'Aguafina+Script' => 'Aguafina Script', 'Akronim' => 'Akronim', 'Aladin' => 'Aladin', 'Aldrich' => 'Aldrich', 'Alegreya' => 'Alegreya', 'Alegreya+SC' => 'Alegreya SC', 'Alex+Brush' => 'Alex Brush', 'Alfa+Slab+One' => 'Alfa Slab One', 'Alice' => 'Alice', 'Alike' => 'Alike', 'Alike+Angular' => 'Alike Angular', 'Allan' => 'Allan', 'Allerta' => 'Allerta', 'Allura' => 'Allura', 'Almendra' => 'Almendra', 'Almendra+display' => 'Almendra Display', 'Almendra+sc' => 'Almendra SC', 'Amarante' => 'Amarante', 'Amaranth' => 'Amaranth', 'Amatic+sc' => 'Amatic SC', 'Amethysta' => 'Amethysta', 'Anaheim' => 'Anaheim', 'Andada' => 'Andada', 'Andika' => 'Andika', 'Angkor' => 'Angkor', 'Annie+Use+Your+Telescope' => 'Annie Use Your Telescope', 'Anonymous+Pro' => 'Anonymous Pro', 'Antic' => 'Antic', 'Antic+Didone' => 'Antic Didone', 'Antic+Slab' => 'Antic Slab', 'Anton' => 'Anton', 'Arapey' => 'Arapey', 'Arbutus' => 'Arbutus', 'Arbutus+slab' => 'Arbutus Slab', 'Architects+daughter' => 'Architects Daughter', 'Archivo+black' => 'Archivo Black', 'Archivo+narrow' => 'Archivo Narrow', 'Arimo' => 'Arimo', 'Arizonia' => 'Arizonia', 'Armata' => 'Armata', 'Artifika' => 'Artifika', 'Arvo' => 'Arvo', 'Asap' => 'Asap', 'Asset' => 'Asset', 'Astloch' => 'Astloch', 'Asul' => 'Asul', 'Atomic+age' => 'Atomic Age', 'Aubrey' => 'Aubrey', 'Audiowide' => 'Audiowide', 'Autour+one' => 'Autour One', 'Average' => 'Average', 'Average+Sans' => 'Average Sans', 'Averia+Gruesa+Libre' => 'Averia Gruesa Libre', 'Averia+Libre' => 'Averia Libre', 'Averia+Sans+Libre' => 'Averia Sans Libre', 'Averia+Serif+Libre' => 'Averia Serif Libre', 'Bad+Script' => 'Bad Script', 'Balthazar' => 'Balthazar', 'Bangers' => 'Bangers', 'Basic' => 'Basic', 'Battambang' => 'Battambang', 'Baumans' => 'Baumans', 'Bayon' => 'Bayon', 'Belgrano' => 'Belgrano', 'BenchNine' => 'BenchNine', 'Bentham' => 'Bentham', 'Berkshire+Swash' => 'Berkshire Swash', 'Bevan' => 'Bevan', 'Bigelow+Rules' => 'Bigelow Rules', 'Bigshot+One' => 'Bigshot One', 'Bilbo' => 'Bilbo', 'Bilbo+Swash+Caps' => 'Bilbo Swash Caps', 'Bitter' => 'Bitter', 'Black+Ops+One' => 'Black Ops One', 'Bokor' => 'Bokor', 'Bonbon' => 'Bonbon', 'Boogaloo' => 'Boogaloo', 'Bowlby+One' => 'Bowlby One', 'bowlby+One+SC' => 'Bowlby One SC', 'Brawler' => 'Brawler', 'Bree+Serif' => 'Bree Serif', 'Bubblegum+Sans' => 'Bubblegum Sans', 'Bubbler+One' => 'Bubbler One', 'Buda' => 'Buda', 'Buenard' => 'Buenard', 'Butcherman' => 'Butcherman', 'Butterfly+Kids' => 'Butterfly Kids', 'Cabin' => 'Cabin', 'Cabin+Condensed' => 'Cabin Condensed', 'Cabin+Sketch' => 'Cabin Sketch', 'Caesar+Dressing' => 'Caesar Dressing', 'Cagliostro' => 'Cagliostro', 'Calligraffitti' => 'Calligraffitti', 'Cambo' => 'Cambo', 'Candal' => 'Candal', 'Cantarell' => 'Cantarell', 'Cantata+One' => 'Cantata One', 'Cantora+One' => 'Cantora One', 'Capriola' => 'Capriola', 'Cardo' => 'Cardo', 'Carme' => 'Carme', 'Carrois+Gothic' => 'Carrois Gothic', 'Carrois+Gothic+SC' => 'Carrois Gothic SC', 'Carter+One' => 'Carter One', 'Caudex' => 'Caudex', 'Cedarville+cursive' => 'Cedarville Cursive', 'Ceviche+One' => 'Ceviche One', 'Changa+One' => 'Changa One', 'Chango' => 'Chango', 'Chau+philomene+One' => 'Chau Philomene One', 'Chela+One' => 'Chela One', 'Chelsea+Market' => 'Chelsea Market', 'Chenla' => 'Chenla', 'Cherry+Cream+Soda' => 'Cherry Cream Soda', 'Chewy' => 'Chewy', 'Chicle' => 'Chicle', 'Chivo' => 'Chivo', 'Cinzel' => 'Cinzel', 'Cinzel+Decorative' => 'Cinzel Decorative', 'Clicker+Script' => 'Clicker Script', 'Coda' => 'Coda', 'Coda+Caption' => 'Coda Caption', 'Codystar' => 'Codystar', 'Combo' => 'Combo', 'Comfortaa' => 'Comfortaa', 'Coming+soon' => 'Coming Soon', 'Concert+One' => 'Concert One', 'Condiment' => 'Condiment', 'Content' => 'Content', 'Contrail+One' => 'Contrail One', 'Convergence' => 'Convergence', 'Cookie' => 'Cookie', 'Copse' => 'Copse', 'Corben' => 'Corben', 'Courgette' => 'Courgette', 'Cousine' => 'Cousine', 'Coustard' => 'Coustard', 'Covered+By+Your+Grace' => 'Covered By Your Grace', 'Crafty+Girls' => 'Crafty Girls', 'Creepster' => 'Creepster', 'Crete+Round' => 'Crete Round', 'Crimson+Text' => 'Crimson Text', 'Croissant+One' => 'Croissant One', 'Crushed' => 'Crushed', 'Cuprum' => 'Cuprum', 'Cutive' => 'Cutive', 'Cutive+Mono' => 'Cutive Mono', 'Damion' => 'Damion', 'Dancing+Script' => 'Dancing Script', 'Dangrek' => 'Dangrek', 'Dawning+of+a+New+Day' => 'Dawning of a New Day', 'Days+One' => 'Days One', 'Delius' => 'Delius', 'Delius+Swash+Caps' => 'Delius Swash Caps', 'Delius+Unicase' => 'Delius Unicase', 'Della+Respira' => 'Della Respira', 'Denk+One' => 'Denk One', 'Devonshire' => 'Devonshire', 'Didact+Gothic' => 'Didact Gothic', 'Diplomata' => 'Diplomata', 'Diplomata+SC' => 'Diplomata SC', 'Domine' => 'Domine', 'Donegal+One' => 'Donegal One', 'Doppio+One' => 'Doppio One', 'Dorsa' => 'Dorsa', 'Dosis' => 'Dosis', 'Dr+Sugiyama' => 'Dr Sugiyama', 'Droid+Sans' => 'Droid Sans', 'Droid+Sans+Mono' => 'Droid Sans Mono', 'Droid+Serif' => 'Droid Serif', 'Duru+Sans' => 'Duru Sans', 'Dynalight' => 'Dynalight', 'Eb+Garamond' => 'EB Garamond', 'Eagle+Lake' => 'Eagle Lake', 'Eater' => 'Eater', 'Economica' => 'Economica', 'Electrolize' => 'Electrolize', 'Elsie' => 'Elsie', 'Elsie+Swash+Caps' => 'Elsie Swash Caps', 'Emblema+One' => 'Emblema One', 'Emilys+Candy' => 'Emilys Candy', 'Engagement' => 'Engagement', 'Englebert' => 'Englebert', 'Enriqueta' => 'Enriqueta', 'Erica+One' => 'Erica One', 'Esteban' => 'Esteban', 'Euphoria+Script' => 'Euphoria Script', 'Ewert' => 'Ewert', 'Exo' => 'Exo', 'Expletus+Sans' => 'Expletus Sans', 'Fanwood+Text' => 'Fanwood Text', 'Fascinate' => 'Fascinate', 'Fascinate+Inline' => 'Fascinate Inline', 'Faster+One' => 'Faster One', 'Fasthand' => 'Fasthand', 'Federant' => 'Federant', 'Federo' => 'Federo', 'Felipa' => 'Felipa', 'Fenix' => 'Fenix', 'Finger+Paint' => 'Finger Paint', 'Fjalla+One' => 'Fjalla One', 'Fjord+One' => 'Fjord One', 'Flamenco' => 'Flamenco', 'Flavors' => 'Flavors', 'Fondamento' => 'Fondamento', 'Fontdiner+swanky' => 'Fontdiner Swanky', 'Forum' => 'Forum', 'Francois+One' => 'Francois One', 'Freckle+Face' => 'Freckle Face', 'Fredericka+the+Great' => 'Fredericka the Great', 'Fredoka+One' => 'Fredoka One', 'Freehand' => 'Freehand', 'Fresca' => 'Fresca', 'Frijole' => 'Frijole', 'Fruktur' => 'Fruktur', 'Fugaz+One' => 'Fugaz One', 'GFS+Didot' => 'GFS Didot', 'GFS+Neohellenic' => 'GFS Neohellenic', 'Gabriela' => 'Gabriela', 'Gafata' => 'Gafata', 'Galdeano' => 'Galdeano', 'Galindo' => 'Galindo', 'Gentium+Basic' => 'Gentium Basic', 'Gentium+Book+Basic' => 'Gentium Book Basic', 'Geo' => 'Geo', 'Geostar' => 'Geostar', 'Geostar+Fill' => 'Geostar Fill', 'Germania+One' => 'Germania One', 'Gilda+Display' => 'Gilda Display', 'Give+You+Glory' => 'Give You Glory', 'Glass+Antiqua' => 'Glass Antiqua', 'Glegoo' => 'Glegoo', 'Gloria+Hallelujah' => 'Gloria Hallelujah', 'Goblin+One' => 'Goblin One', 'Gochi+Hand' => 'Gochi Hand', 'Gorditas' => 'Gorditas', 'Goudy+Bookletter+1911' => 'Goudy Bookletter 1911', 'Graduate' => 'Graduate', 'Grand+Hotel' => 'Grand Hotel', 'Gravitas+One' => 'Gravitas One', 'Great+Vibes' => 'Great Vibes', 'Griffy' => 'Griffy', 'Gruppo' => 'Gruppo', 'Gudea' => 'Gudea', 'Habibi' => 'Habibi', 'Hammersmith+One' => 'Hammersmith One', 'Hanalei' => 'Hanalei', 'Hanalei+Fill' => 'Hanalei Fill', 'Handlee' => 'Handlee', 'Hanuman' => 'Hanuman', 'Happy+Monkey' => 'Happy Monkey', 'Headland+One' => 'Headland One', 'Henny+Penny' => 'Henny Penny', 'Herr+Von+Muellerhoff' => 'Herr Von Muellerhoff', 'Holtwood+One +SC' => 'Holtwood One SC', 'Homemade+Apple' => 'Homemade Apple', 'Homenaje' => 'Homenaje', 'IM+Fell+DW+Pica' => 'IM Fell DW Pica', 'IM+Fell+DW+Pica+SC' => 'IM Fell DW Pica SC', 'IM+Fell+Double+Pica' => 'IM Fell Double Pica', 'IM+Fell+Double+Pica+S' => 'IM Fell Double Pica S', 'IM+Fell+English' => 'IM Fell English', 'IM+Fell+English+SC' => 'IM Fell English SC', 'IM+Fell+French+Canon' => 'IM Fell French Canon', 'IM+Fell+French+Canon+SC' => 'IM Fell French Canon SC', 'IM+Fell+Great+Primer' => 'IM Fell Great Primer', 'IM+Fell+Great+Primer+SC' => 'IM Fell Great Primer SC', 'Iceberg' => 'Iceberg', 'Iceland' => 'Iceland', 'Imprima' => 'Imprima', 'Inconsolata' => 'Inconsolata', 'Inder' => 'Inder', 'Indie+Flower' => 'Indie Flower', 'Inika' => 'Inika', 'Irish+Grover' => 'Irish Grover', 'Istok+Web' => 'Istok Web', 'Italiana' => 'Italiana', 'Italianno' => 'Italianno', 'Jacques+Francois' => 'Jacques Francois', 'Jacques+Francois+Shadow' => 'Jacques Francois Shadow', 'Jim+Nightshade' => 'Jim Nightshade', 'Jockey+One' => 'Jockey One', 'Jolly+Lodger' => 'Jolly Lodger', 'Josefin+Sans' => 'Josefin Sans', 'Josefin+Slab' => 'Josefin Slab', 'Joti+One' => 'Joti One', 'Judson' => 'Judson', 'Julee' => 'Julee', 'Julius+Sans+One' => 'Julius Sans One', 'Junge' => 'Junge', 'Jura' => 'Jura', 'Just+Another+Hand' => 'Just Another Hand', 'Just+Me+Again+Down+Here' => 'Just Me Again Down Here', 'Kameron' => 'Kameron', 'Karla' => 'Karla', 'Kaushan+Script' => 'Kaushan Script', 'Kavoon' => 'Kavoon', 'Keania+One' => 'Keania One', 'kelly+Slab' => 'Kelly Slab', 'Kenia' => 'Kenia', 'Khmer' => 'Khmer', 'Kite+One' => 'Kite One', 'Knewave' => 'Knewave', 'Kotta+One' => 'Kotta One', 'Koulen' => 'Koulen', 'Kranky' => 'Kranky', 'Kreon' => 'Kreon', 'Kristi' => 'Kristi', 'Krona+One' => 'Krona One', 'La+Belle+Aurore' => 'La Belle Aurore', 'Lancelot' => 'Lancelot', 'Lato' => 'Lato', 'League+Script' => 'League Script', 'Leckerli+One' => 'Leckerli One', 'Ledger' => 'Ledger', 'Lekton' => 'Lekton', 'Lemon' => 'Lemon', 'Libre+Baskerville' => 'Libre Baskerville', 'Life+Savers' => 'Life Savers', 'Lilita+One' => 'Lilita One', 'Limelight' => 'Limelight', 'Linden+Hill' => 'Linden Hill', 'Lobster' => 'Lobster', 'Lobster+Two' => 'Lobster Two', 'Londrina+Outline' => 'Londrina Outline', 'Londrina+Shadow' => 'Londrina Shadow', 'Londrina+Sketch' => 'Londrina Sketch', 'Londrina+Solid' => 'Londrina Solid', 'Lora' => 'Lora', 'Love+Ya+Like+A+Sister' => 'Love Ya Like A Sister', 'Loved+by+the+King' => 'Loved by the King', 'Lovers+Quarrel' => 'Lovers Quarrel', 'Luckiest+Guy' => 'Luckiest Guy', 'Lusitana' => 'Lusitana', 'Lustria' => 'Lustria', 'Macondo' => 'Macondo', 'Macondo+Swash+Caps' => 'Macondo Swash Caps', 'Magra' => 'Magra', 'Maiden+Orange' => 'Maiden Orange', 'Mako' => 'Mako', 'Marcellus' => 'Marcellus', 'Marcellus+SC' => 'Marcellus SC', 'Marck+Script' => 'Marck Script', 'Margarine' => 'Margarine', 'Marko+One' => 'Marko One', 'Marmelad' => 'Marmelad', 'Marvel' => 'Marvel', 'Mate' => 'Mate', 'Mate+SC' => 'Mate SC', 'Maven+Pro' => 'Maven Pro', 'McLaren' => 'McLaren', 'Meddon' => 'Meddon', 'MedievalSharp' => 'MedievalSharp', 'Medula+One' => 'Medula One', 'Megrim' => 'Megrim', 'Meie+Script' => 'Meie Script', 'Merienda' => 'Merienda', 'Merienda+One' => 'Merienda One', 'Merriweather' => 'Merriweather', 'Merriweather+Sans' => 'Merriweather Sans', 'Metal' => 'Metal', 'Metal+mania' => 'Metal Mania', 'Metamorphous' => 'Metamorphous', 'Metrophobic' => 'Metrophobic', 'Michroma' => 'Michroma', 'Milonga' => 'Milonga', 'Miltonian' => 'Miltonian', 'Miltonian+Tattoo' => 'Miltonian Tattoo', 'Miniver' => 'Miniver', 'Miss+Fajardose' => 'Miss Fajardose', 'Modern+Antiqua' => 'Modern Antiqua', 'Molengo' => 'Molengo', 'Molle' => 'Molle', 'Monda' => 'Monda', 'Monofett' => 'Monofett', 'Monoton' => 'Monoton', 'Monsieur+La+Doulaise' => 'Monsieur La Doulaise', 'Montaga' => 'Montaga', 'Montez' => 'Montez', 'Montserrat' => 'Montserrat', 'Montserrat+Alternates' => 'Montserrat Alternates', 'Montserrat+Subrayada' => 'Montserrat Subrayada', 'Moul' => 'Moul', 'Moulpali' => 'Moulpali', 'Mountains+of+Christmas' => 'Mountains of Christmas', 'Mouse+Memoirs' => 'Mouse Memoirs', 'Mr+Bedfort' => 'Mr Bedfort', 'Mr+Dafoe' => 'Mr Dafoe', 'Mr+De+Haviland' => 'Mr De Haviland', 'Mrs+Saint+Delafield' => 'Mrs Saint Delafield', 'Mrs+Sheppards' => 'Mrs Sheppards', 'Muli' => 'Muli', 'Mystery+Quest' => 'Mystery Quest', 'Neucha' => 'Neucha', 'Neuton' => 'Neuton', 'New+Rocker' => 'New Rocker', 'News+Cycle' => 'News Cycle', 'Niconne' => 'Niconne', 'Nixie+One' => 'Nixie One', 'Nobile' => 'Nobile', 'Nokora' => 'Nokora', 'Norican' => 'Norican', 'Nosifer' => 'Nosifer', 'Nothing+You+Could+Do' => 'Nothing You Could Do', 'Noticia+Text' => 'Noticia Text', 'Nova+Cut' => 'Nova Cut', 'Nova+Flat' => 'Nova Flat', 'Nova+Mono' => 'Nova Mono', 'Nova+Oval' => 'Nova Oval', 'Nova+Round' => 'Nova Round', 'Nova+Script' => 'Nova Script', 'Nova+Slim' => 'Nova Slim', 'Nova+Square' => 'Nova Square', 'Numans' => 'Numans', 'Nunito' => 'Nunito', 'Odor+Mean+Chey' => 'Odor Mean Chey', 'Offside' => 'Offside', 'Old+standard+tt' => 'Old Standard TT', 'Oldenburg' => 'Oldenburg', 'Oleo+Script' => 'Oleo Script', 'Oleo+Script+Swash+Caps' => 'Oleo Script Swash Caps', 'Open+Sans' => 'Open Sans', 'Open+Sans+Condensed' => 'Open Sans Condensed', 'Oranienbaum' => 'Oranienbaum', 'Orbitron' => 'Orbitron', 'Oregano' => 'Oregano', 'Orienta' => 'Orienta', 'Original+Surfer' => 'Original Surfer', 'Oswald' => 'Oswald', 'Over+the+Rainbow' => 'Over the Rainbow', 'Overlock' => 'Overlock', 'Overlock+SC' => 'Overlock SC', 'Ovo' => 'Ovo', 'Oxygen' => 'Oxygen', 'Oxygen+Mono' => 'Oxygen Mono', 'PT+Mono' => 'PT Mono', 'PT+Sans' => 'PT Sans', 'PT+Sans+Caption' => 'PT Sans Caption', 'PT+Sans+Narrow' => 'PT Sans Narrow', 'PT+Serif' => 'PT Serif', 'PT+Serif+Caption' => 'PT Serif Caption', 'Pacifico' => 'Pacifico', 'Paprika' => 'Paprika', 'Parisienne' => 'Parisienne', 'Passero+One' => 'Passero One', 'Passion+One' => 'Passion One', 'Patrick+Hand' => 'Patrick Hand', 'Patrick+Hand+SC' => 'Patrick Hand SC', 'Patua+One' => 'Patua One', 'Paytone+One' => 'Paytone One', 'Peralta' => 'Peralta', 'Permanent+Marker' => 'Permanent Marker', 'Petit+Formal+Script' => 'Petit Formal Script', 'Petrona' => 'Petrona', 'Philosopher' => 'Philosopher', 'Piedra' => 'Piedra', 'Pinyon+Script' => 'Pinyon Script', 'Pirata+One' => 'Pirata One', 'Plaster' => 'Plaster', 'Play' => 'Play', 'Playball' => 'Playball', 'Playfair+Display' => 'Playfair Display', 'Playfair+Display+SC' => 'Playfair Display SC', 'Podkova' => 'Podkova', 'Poiret+One' => 'Poiret One', 'Poller+One' => 'Poller One', 'Poly' => 'Poly', 'Pompiere' => 'Pompiere', 'Pontano+Sans' => 'Pontano Sans', 'Port+Lligat+Sans' => 'Port Lligat Sans', 'Port+Lligat+Slab' => 'Port Lligat Slab', 'Prata' => 'Prata', 'Preahvihear' => 'Preahvihear', 'Press+start+2P' => 'Press Start 2P', 'Princess+Sofia' => 'Princess Sofia', 'Prociono' => 'Prociono', 'Prosto+One' => 'Prosto One', 'Puritan' => 'Puritan', 'Purple+Purse' => 'Purple Purse', 'Quando' => 'Quando', 'Quantico' => 'Quantico', 'Quattrocento' => 'Quattrocento', 'Quattrocento+Sans' => 'Quattrocento Sans', 'Questrial' => 'Questrial', 'Quicksand' => 'Quicksand', 'Quintessential' => 'Quintessential', 'Qwigley' => 'Qwigley', 'Racing+sans+One' => 'Racing Sans One', 'Radley' => 'Radley', 'Raleway' => 'Raleway', 'Raleway+Dots' => 'Raleway Dots', 'Rambla' => 'Rambla', 'Rammetto+One' => 'Rammetto One', 'Ranchers' => 'Ranchers', 'Rancho' => 'Rancho', 'Rationale' => 'Rationale', 'Redressed' => 'Redressed', 'Reenie+Beanie' => 'Reenie Beanie', 'Revalia' => 'Revalia', 'Ribeye' => 'Ribeye', 'Ribeye+Marrow' => 'Ribeye Marrow', 'Righteous' => 'Righteous', 'Risque' => 'Risque', 'Roboto' => 'Roboto', 'Roboto+Condensed' => 'Roboto Condensed', 'Rochester' => 'Rochester', 'Rock+Salt' => 'Rock Salt', 'Rokkitt' => 'Rokkitt', 'Romanesco' => 'Romanesco', 'Ropa+Sans' => 'Ropa Sans', 'Rosario' => 'Rosario', 'Rosarivo' => 'Rosarivo', 'Rouge+Script' => 'Rouge Script', 'Ruda' => 'Ruda', 'Rufina' => 'Rufina', 'Ruge+Boogie' => 'Ruge Boogie', 'Ruluko' => 'Ruluko', 'Rum+Raisin' => 'Rum Raisin', 'Ruslan+Display' => 'Ruslan Display', 'Russo+One' => 'Russo One', 'Ruthie' => 'Ruthie', 'Rye' => 'Rye', 'Sacramento' => 'Sacramento', 'Sail' => 'Sail', 'Salsa' => 'Salsa', 'Sanchez' => 'Sanchez', 'Sancreek' => 'Sancreek', 'Sansita+One' => 'Sansita One', 'Sarina' => 'Sarina', 'Satisfy' => 'Satisfy', 'Scada' => 'Scada', 'Schoolbell' => 'Schoolbell', 'Seaweed+Script' => 'Seaweed Script', 'Sevillana' => 'Sevillana', 'Seymour+One' => 'Seymour One', 'Shadows+Into+Light' => 'Shadows Into Light', 'Shadows+Into+Light+Two' => 'Shadows Into Light Two', 'Shanti' => 'Shanti', 'Share' => 'Share', 'Share+Tech' => 'Share Tech', 'Share+Tech+Mono' => 'Share Tech Mono', 'Shojumaru' => 'Shojumaru', 'Short+Stack' => 'Short Stack', 'Siemreap' => 'Siemreap', 'Sigmar+One' => 'Sigmar One', 'Signika' => 'Signika', 'Signika+Negative' => 'Signika Negative', 'Simonetta' => 'Simonetta', 'Sintony' => 'Sintony', 'Sirin+Stencil' => 'Sirin Stencil', 'Six+Caps' => 'Six Caps', 'Skranji' => 'Skranji', 'Slackey' => 'Slackey', 'Smokum' => 'Smokum', 'Smythe' => 'Smythe', 'Sniglet' => 'Sniglet', 'Snippet' => 'Snippet', 'Snowburst+One' => 'Snowburst One', 'Sofadi+One' => 'Sofadi One', 'Sofia' => 'Sofia', 'Sonsie+One' => 'Sonsie One', 'Sorts+Mill+Goudy' => 'Sorts Mill Goudy', 'Source+Code+Pro' => 'Source Code Pro', 'Source+Sans+Pro' => 'Source Sans Pro', 'Special+Elite' => 'Special Elite', 'Spicy+Rice' => 'Spicy Rice', 'Spinnaker' => 'Spinnaker', 'Spirax' => 'Spirax', 'Squada+One' => 'Squada One', 'Stalemate' => 'Stalemate', 'Stalinist+One' => 'Stalinist One', 'Stardos+Stencil' => 'Stardos Stencil', 'Stint+Ultra+Condensed' => 'Stint Ultra Condensed', 'Stint+Ultra+Expanded' => 'Stint Ultra Expanded', 'Stoke' => 'Stoke', 'Strait' => 'Strait', 'Sue+Ellen+Francisco' => 'Sue Ellen Francisco', 'Sunshiney' => 'Sunshiney', 'Supermercado+One' => 'Supermercado One', 'Suwannaphum' => 'Suwannaphum', 'Swanky+and+Moo+Moo' => 'Swanky and Moo Moo', 'Syncopate' => 'Syncopate', 'Tangerine' => 'Tangerine', 'Taprom' => 'Taprom', 'Tauri' => 'Tauri', 'Telex' => 'Telex', 'Tenor+Sans' => 'Tenor Sans', 'Text+Me+One' => 'Text Me One', 'The+Girl+Next+Door' => 'The Girl Next Door', 'Tienne' => 'Tienne', 'Tinos' => 'Tinos', 'Titan+One' => 'Titan One', 'Titillium+Web' => 'Titillium Web', 'Trade+Winds' => 'Trade Winds', 'Trocchi' => 'Trocchi', 'Trochut' => 'Trochut', 'Trykker' => 'Trykker', 'Tulpen+One' => 'Tulpen One', 'Ubuntu' => 'Ubuntu', 'Ubuntu+Condensed' => 'Ubuntu Condensed', 'Ubuntu+Mono' => 'Ubuntu Mono', 'Ultra' => 'Ultra', 'Uncial+Antiqua' => 'Uncial Antiqua', 'Underdog' => 'Underdog', 'Unica+One' => 'Unica One', 'UnifrakturCook' => 'UnifrakturCook', 'UnifrakturMaguntia' => 'UnifrakturMaguntia', 'Unkempt' => 'Unkempt', 'Unna' => 'Unna', 'VT323' => 'VT323', 'Vampiro+One' => 'Vampiro One', 'Varela' => 'Varela', 'Varela+Round' => 'Varela Round', 'Vast+Shadow' => 'Vast Shadow', 'Vibur' => 'Vibur', 'Vidaloka' => 'Vidaloka', 'Viga' => 'Viga', 'Voces' => 'Voces', 'Volkhov' => 'Volkhov', 'Vollkorn' => 'Vollkorn', 'Voltaire' => 'Voltaire', 'Waiting+for+the+sunrise' => 'Waiting for the Sunrise', 'Wallpoet' => 'Wallpoet', 'Walter+Turncoat' => 'Walter Turncoat', 'Warnes' => 'Warnes', 'Wellfleet' => 'Wellfleet', 'Wendy+One' => 'Wendy One', 'Wire+One' => 'Wire One', 'Yanone+Kaffeesatz' => 'Yanone Kaffeesatz', 'Yellowtail' => 'Yellowtail', 'Yeseva+One' => 'Yeseva One', 'Yesteryear' => 'Yesteryear', 'Zeyada' => 'Zeyada');
450
  $query = implode("|", str_replace(' ', '+', $google_fonts));
451
  $url = 'https://fonts.googleapis.com/css?family=' . $query;
460
  wp_enqueue_script('jquery');
461
  wp_enqueue_script('jquery-ui-sortable');
462
  wp_enqueue_script('jquery-ui-draggable');
463
+ wp_enqueue_script('jquery-ui-tooltip');
464
  wp_enqueue_script('wds_admin', WD_S_URL . '/js/wds.js', array(), $version);
465
  wp_enqueue_script('jscolor', WD_S_URL . '/js/jscolor/jscolor.js', array(), '1.3.9');
466
  wp_enqueue_style('wds_font-awesome', WD_S_URL . '/css/font-awesome-4.0.1/font-awesome.css', array(), '4.0.1');
467
  wp_enqueue_style('wds_effects', WD_S_URL . '/css/wds_effects.css', array(), $version);
468
+ wp_enqueue_style('wds_tooltip', WD_S_URL . '/css/jquery-ui-1.10.3.custom.css', array(), $version);
469
  }
470
 
471
  function wds_front_end_scripts() {
tmp-slider-wd-readme.pot ADDED
@@ -0,0 +1,1016 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ msgid ""
2
+ msgstr "MIME-Version: 1.0\n"
3
+
4
+ #. Name.
5
+ msgid "Slider WD"
6
+ msgstr ""
7
+
8
+ #. Short description.
9
+ msgid "Slider WD is a great tool for creating responsive sliders. It uses various transition effects."
10
+ msgstr ""
11
+
12
+ #. Screenshot description.
13
+ msgid "Slider WD - Slider 1"
14
+ msgstr ""
15
+
16
+ #. Screenshot description.
17
+ msgid "Slider WD - Slider 2"
18
+ msgstr ""
19
+
20
+ #. Screenshot description.
21
+ msgid "Slider WD - Slider 3"
22
+ msgstr ""
23
+
24
+ #. Screenshot description.
25
+ msgid "Slider WD - Slides"
26
+ msgstr ""
27
+
28
+ #. Screenshot description.
29
+ msgid "Slider WD - File manager"
30
+ msgstr ""
31
+
32
+ #. Screenshot description.
33
+ msgid "Slider WD - Settings"
34
+ msgstr ""
35
+
36
+ #. Found in description header.
37
+ msgid "IMPORTANT:"
38
+ msgstr ""
39
+
40
+ #. Found in description header.
41
+ msgid "Supported languages"
42
+ msgstr ""
43
+
44
+ #. Found in description list item.
45
+ msgid "Responsiveness"
46
+ msgstr ""
47
+
48
+ #. Found in description list item.
49
+ msgid "Possibility of adding unlimited sliders and unlimited slides for each slider"
50
+ msgstr ""
51
+
52
+ #. Found in description list item.
53
+ msgid "Three options for adding images (from Media Library, by Slider WD Media Upload option or by using image URL) "
54
+ msgstr ""
55
+
56
+ #. Found in description list item.
57
+ msgid "Full-width slider support"
58
+ msgstr ""
59
+
60
+ #. Found in description list item.
61
+ msgid "5 transition effects "
62
+ msgstr ""
63
+
64
+ #. Found in description list item.
65
+ msgid "Autoplay"
66
+ msgstr ""
67
+
68
+ #. Found in description list item.
69
+ msgid "Shuffle"
70
+ msgstr ""
71
+
72
+ #. Found in description list item.
73
+ msgid "Shortcode for easy insert of the slider into post/pages "
74
+ msgstr ""
75
+
76
+ #. Found in description list item.
77
+ msgid "Possibility of changing the slide orders (using drag and drop feature) "
78
+ msgstr ""
79
+
80
+ #. Found in description list item.
81
+ msgid "Possibility to provide titles for the slides "
82
+ msgstr ""
83
+
84
+ #. Found in description list item.
85
+ msgid "Support for music playback"
86
+ msgstr ""
87
+
88
+ #. Found in description list item.
89
+ msgid "Time setting feature for the effect changes"
90
+ msgstr ""
91
+
92
+ #. Found in description list item.
93
+ msgid "Right-click protection"
94
+ msgstr ""
95
+
96
+ #. Found in description list item.
97
+ msgid "Image changing possibility using bullets"
98
+ msgstr ""
99
+
100
+ #. Found in description list item.
101
+ msgid "Possibility to change design for the bullets, navigation buttons "
102
+ msgstr ""
103
+
104
+ #. Found in description list item.
105
+ msgid "Timer bar "
106
+ msgstr ""
107
+
108
+ #. Found in description list item.
109
+ msgid "Support for watermarks "
110
+ msgstr ""
111
+
112
+ #. Found in description list item.
113
+ msgid "Design customization for almost all features"
114
+ msgstr ""
115
+
116
+ #. Found in description list item.
117
+ msgid "Custom CSS support for adding additional styling features to the slider "
118
+ msgstr ""
119
+
120
+ #. Found in description list item.
121
+ msgid "Possibility to use Slider WD Media Upload for uploading multiple images at once "
122
+ msgstr ""
123
+
124
+ #. Found in description list item.
125
+ msgid "Text and image watermarking possibility "
126
+ msgstr ""
127
+
128
+ #. Found in description list item.
129
+ msgid "Option of opening the slider-related link within the same page "
130
+ msgstr ""
131
+
132
+ #. Found in description list item.
133
+ msgid "Slide duplication "
134
+ msgstr ""
135
+
136
+ #. Found in description list item.
137
+ msgid "Fixed background slider "
138
+ msgstr ""
139
+
140
+ #. Found in description list item.
141
+ msgid "26 transition effects for Slider "
142
+ msgstr ""
143
+
144
+ #. Found in description list item.
145
+ msgid "38 layer effects "
146
+ msgstr ""
147
+
148
+ #. Found in description list item.
149
+ msgid "Post Slides "
150
+ msgstr ""
151
+
152
+ #. Found in description list item.
153
+ msgid "Video Slide support (YouTube and Vimeo) "
154
+ msgstr ""
155
+
156
+ #. Found in description list item.
157
+ msgid "Dailymotion, Instagram and Flickr embed "
158
+ msgstr ""
159
+
160
+ #. Found in description list item.
161
+ msgid "Layers (text, image and media embed)- <a href=\"https://www.youtube.com/watch?v=obnyK-Czf0k&amp;list=PLnxWPiY5tLFWQf5XaEYYPZj0gdggUrVxP&amp;index=2\">Video Manual</a> "
162
+ msgstr ""
163
+
164
+ #. Found in description list item.
165
+ msgid "Social sharing buttons layer (Google+, Tumblr, Twitter, Pinterest and Facebook) "
166
+ msgstr ""
167
+
168
+ #. Found in description list item.
169
+ msgid "Hotspot layer "
170
+ msgstr ""
171
+
172
+ #. Found in description list item.
173
+ msgid "Filmstrip support "
174
+ msgstr ""
175
+
176
+ #. Found in description list item.
177
+ msgid "Navigation button/bullet styles "
178
+ msgstr ""
179
+
180
+ #. Found in description list item.
181
+ msgid "Parallax effect "
182
+ msgstr ""
183
+
184
+ #. Found in description list item.
185
+ msgid "Carousel effect "
186
+ msgstr ""
187
+
188
+ #. Found in description list item.
189
+ msgid "Video Slide and layer (mp4) "
190
+ msgstr ""
191
+
192
+ #. Found in description list item.
193
+ msgid "Slider Export/Import. "
194
+ msgstr ""
195
+
196
+ #. Found in description paragraph.
197
+ msgid "Create responsive, highly configurable sliders with various effects for your WordPress site. Download for FREE!"
198
+ msgstr ""
199
+
200
+ #. Found in description paragraph.
201
+ msgid "https://www.youtube.com/watch?v=xebpM_-GwG0&amp;index=1&amp;list=PLnxWPiY5tLFWQf5XaEYYPZj0gdggUrVxP"
202
+ msgstr ""
203
+
204
+ #. Found in description paragraph.
205
+ msgid ""
206
+ "<a href=\"http://web-dorado.com/products/wordpress-slider-plugin.html\">WordPress Slider Plugin</a><br />\n"
207
+ "<a href=\"http://wpdemo.web-dorado.com/slider/\">Demo</a><br />\n"
208
+ "<a href=\"http://wpdemo.web-dorado.com/wp-admin/admin.php?page=sliders_wds\">Demo Admin</a><br />\n"
209
+ "<a href=\"http://web-dorado.com/wordpress-slider-wd-guide-step-1.html\">User Manual</a><br />\n"
210
+ "<a href=\"http://web-dorado.com/forum/slider-plugin.html\">Support Forum</a><br />\n"
211
+ "<a href=\"https://www.youtube.com/watch?v=Peny_dkHaMo&amp;list=PLnxWPiY5tLFWQf5XaEYYPZj0gdggUrVxP&amp;index=3\">How to change and modify Slider WD Settings</a>"
212
+ msgstr ""
213
+
214
+ #. Found in description paragraph.
215
+ msgid "Slider WD is an effective tool for adding responsive sliders to your website. The slider plugin can be added both as a widget and plugin, as well as be included in the theme for displaying the slider within the theme using PHP function. Slider WD allows adding both images and videos (currently supporting YouTube and Vimeo to be displayed as slider slides). The numerous transition effects and layer support enhance the functionality of the product."
216
+ msgstr ""
217
+
218
+ #. Found in description paragraph.
219
+ msgid "The number of the slides for each slider is not limited. Various layers can be applied for each individual slide. There are three basic types of layers designed for the slides. Those are for sharing textual content, images and sharing buttons (Google+, Tumblr, Twitter, Pinterest and Facebook.) The slides can be used for redirection to another location. Similar feature is also available with the text and image layers."
220
+ msgstr ""
221
+
222
+ #. Found in description paragraph.
223
+ msgid "Upgrade to <a href=\"http://web-dorado.com/products/wordpress-slider-plugin.html\">WordPress Slider Pro</a> to add features:"
224
+ msgstr ""
225
+
226
+ #. Found in description paragraph.
227
+ msgid "If you think you found a bug in Slider WD or have any problem/question concerning the plugin, please check out <a href=\"http://web-dorado.com/forum/slider-plugin.html\">WordPress Slider Support Forum</a> in our website. If you do not find a solution here, do not hesitate to contact us at <a href=\"mailto:info@web-dorado.com\">info@web-dorado.com</a>."
228
+ msgstr ""
229
+
230
+ #. Found in description paragraph.
231
+ msgid "*If you need language of Slider WD which is not included in this list, please contact us and we will do the translation of Slider WD within 3 days. If you find any mistakes in the translation, please contact us and we will make relevant corrections within 3 days. *"
232
+ msgstr ""
233
+
234
+ #. Found in description paragraph.
235
+ msgid ""
236
+ "Afrikaans (af)<br />\n"
237
+ "Albanian (sq)<br />\n"
238
+ "Arabic (ar)<br />\n"
239
+ "Armenian (hy_AM)<br />\n"
240
+ "Belarusian (be_BY)<br />\n"
241
+ "Bulgarian (bg_BG)<br />\n"
242
+ "Catalan (ca)<br />\n"
243
+ "Chinese, Simplified (zh_CN)<br />\n"
244
+ "Croatian (hr)<br />\n"
245
+ "Czech (cs_CZ)<br />\n"
246
+ "Danish (da_DK)<br />\n"
247
+ "Dutch (nl_NL)<br />\n"
248
+ "Esperanto (eo_EO)<br />\n"
249
+ "Estonian (et)<br />\n"
250
+ "Finnish (fi)<br />\n"
251
+ "French (fr_FR)<br />\n"
252
+ "Galician (gl_ES)<br />\n"
253
+ "Georgian (ka_GE)<br />\n"
254
+ "German (de_DE)<br />\n"
255
+ "Greek (el)<br />\n"
256
+ "Hebrew (he_IL)<br />\n"
257
+ "Hindi (hi_IN)<br />\n"
258
+ "Hungarian (hu_HU)<br />\n"
259
+ "Indonesian (id_ID)<br />\n"
260
+ "Italian (it_IT)<br />\n"
261
+ "Japanese (ja)<br />\n"
262
+ "Korean (ko_KR)<br />\n"
263
+ "Latvian (lv)<br />\n"
264
+ "Lithuanian (lt_LT)<br />\n"
265
+ "Macedonian (mk_MK)<br />\n"
266
+ "Malay (ms_MY)<br />\n"
267
+ "Maltese (mt_MT)<br />\n"
268
+ "Norwegian (nb_NO)<br />\n"
269
+ "Persian (fa_IR)<br />\n"
270
+ "Polish (pl_PL)<br />\n"
271
+ "Portuguese (pt_PT)<br />\n"
272
+ "Russian (ru_RU)<br />\n"
273
+ "Romanian (ro_RO)<br />\n"
274
+ "Serbian (sr_RS)<br />\n"
275
+ "Slovak (sk_SK)<br />\n"
276
+ "Spanish (es_ES)<br />\n"
277
+ "Swedish (sv_SE)<br />\n"
278
+ "Tamil (ta)<br />\n"
279
+ "Thai (th)<br />\n"
280
+ "Turkish (tr_TR)<br />\n"
281
+ "Ukrainian (uk_UA)<br />\n"
282
+ "Vietnamese (vi)"
283
+ msgstr ""
284
+
285
+ #. Found in installation header.
286
+ msgid "Thank you for your interest in Slider WD."
287
+ msgstr ""
288
+
289
+ #. Found in installation header.
290
+ msgid "Minimum requirements."
291
+ msgstr ""
292
+
293
+ #. Found in installation header.
294
+ msgid "Perform a new installation"
295
+ msgstr ""
296
+
297
+ #. Found in installation list item, remaining content list item.
298
+ msgid "Wordpress 3.0+ "
299
+ msgstr ""
300
+
301
+ #. Found in installation list item, remaining content list item.
302
+ msgid "PHP 5.x "
303
+ msgstr ""
304
+
305
+ #. Found in installation list item, remaining content list item.
306
+ msgid "MySQL 5.x "
307
+ msgstr ""
308
+
309
+ #. Found in installation list item.
310
+ msgid "Log in to the administrator panel. "
311
+ msgstr ""
312
+
313
+ #. Found in installation list item.
314
+ msgid "Go to Plugins Add &gt; New &gt; Upload. "
315
+ msgstr ""
316
+
317
+ #. Found in installation list item.
318
+ msgid "Click \"Install Now\" button. "
319
+ msgstr ""
320
+
321
+ #. Found in installation list item.
322
+ msgid "Click \"Activate Plugin\" button for activating the Slider WD. "
323
+ msgstr ""
324
+
325
+ #. Found in installation list item.
326
+ msgid "If the installation does not succeed, please contact us at <a href=\"mailto:info@web-dorado.com\">info@web-dorado.com</a>."
327
+ msgstr ""
328
+
329
+ #. Found in installation paragraph.
330
+ msgid "After downloading the ZIP file of the slider plugin,"
331
+ msgstr ""
332
+
333
+ #. Found in changelog list item.
334
+ msgid "Added: Shortcode support in text layers. "
335
+ msgstr ""
336
+
337
+ #. Found in changelog list item.
338
+ msgid "Fixed: Controll buttons in sites with different site and admin urls. "
339
+ msgstr ""
340
+
341
+ #. Found in changelog list item.
342
+ msgid "Added: Fixed background slider. "
343
+ msgstr ""
344
+
345
+ #. Found in changelog list item.
346
+ msgid "Changed: Default uploader. "
347
+ msgstr ""
348
+
349
+ #. Found in changelog list item.
350
+ msgid "Changed: Demo Sliders. "
351
+ msgstr ""
352
+
353
+ #. Found in changelog list item.
354
+ msgid "Fixed: Video sliders export without videos and thumbnails. "
355
+ msgstr ""
356
+
357
+ #. Found in changelog list item.
358
+ msgid "Fixed: Single quote in css. "
359
+ msgstr ""
360
+
361
+ #. Found in changelog list item.
362
+ msgid "Changed: Loading styles. "
363
+ msgstr ""
364
+
365
+ #. Found in changelog list item.
366
+ msgid "Added: Show thumbnail on bullets hover. "
367
+ msgstr ""
368
+
369
+ #. Found in changelog list item.
370
+ msgid "Fixed: First slide with single quotes in name. "
371
+ msgstr ""
372
+
373
+ #. Found in changelog list item.
374
+ msgid "Fixed: Video slide/layer export/import with featured image. "
375
+ msgstr ""
376
+
377
+ #. Found in changelog list item.
378
+ msgid "Fixed: Hide slider play /pause button on video slides. "
379
+ msgstr ""
380
+
381
+ #. Found in changelog list item.
382
+ msgid "Added: Possibility to add font family. "
383
+ msgstr ""
384
+
385
+ #. Found in changelog list item.
386
+ msgid "Fixed: \"Link the slide to:\" option save. "
387
+ msgstr ""
388
+
389
+ #. Found in changelog list item.
390
+ msgid "Changed: No image, no video images. "
391
+ msgstr ""
392
+
393
+ #. Found in changelog list item.
394
+ msgid "Changed: Notices show order. "
395
+ msgstr ""
396
+
397
+ #. Found in changelog list item.
398
+ msgid "Added: Video slide/layer. "
399
+ msgstr ""
400
+
401
+ #. Found in changelog list item.
402
+ msgid "Fixed: Line break in text, hotspot layer on export/import. "
403
+ msgstr ""
404
+
405
+ #. Found in changelog list item.
406
+ msgid "Added: Swipe for filmstrip. "
407
+ msgstr ""
408
+
409
+ #. Found in changelog list item.
410
+ msgid "Added: Mousewheel and keyboard navigation methods. "
411
+ msgstr ""
412
+
413
+ #. Found in changelog list item.
414
+ msgid "Changed: Make touch navigation optional. "
415
+ msgstr ""
416
+
417
+ #. Found in changelog list item.
418
+ msgid "Fixed: Flashing only on first transition during fade effect. "
419
+ msgstr ""
420
+
421
+ #. Found in changelog list item.
422
+ msgid "Changed: Embed autoplay on slider autoplay. "
423
+ msgstr ""
424
+
425
+ #. Found in changelog list item.
426
+ msgid "Fixed: Embed video poster. "
427
+ msgstr ""
428
+
429
+ #. Found in changelog list item.
430
+ msgid "Changed: Featured plugins page. "
431
+ msgstr ""
432
+
433
+ #. Found in changelog list item.
434
+ msgid "Added: Support/rate us messages."
435
+ msgstr ""
436
+
437
+ #. Found in changelog list item.
438
+ msgid "Changed: Filmstrip navigation arrows show on hover. "
439
+ msgstr ""
440
+
441
+ #. Found in changelog list item.
442
+ msgid "Changed: Compability with Wordpress 4.3. "
443
+ msgstr ""
444
+
445
+ #. Found in changelog list item.
446
+ msgid "Changed: Filmstrip separator. "
447
+ msgstr ""
448
+
449
+ #. Found in changelog list item.
450
+ msgid "Changed: Message classes. "
451
+ msgstr ""
452
+
453
+ #. Found in changelog list item.
454
+ msgid "Added: Google fonts."
455
+ msgstr ""
456
+
457
+ #. Found in changelog list item.
458
+ msgid "Added: Option to display bullets on hover."
459
+ msgstr ""
460
+
461
+ #. Found in changelog list item.
462
+ msgid "Added: Option for mouse swipe navigation."
463
+ msgstr ""
464
+
465
+ #. Found in changelog list item.
466
+ msgid "Fixed: Removed editor button from hotspot layer."
467
+ msgstr ""
468
+
469
+ #. Found in changelog list item.
470
+ msgid "Added: Demo sliders page."
471
+ msgstr ""
472
+
473
+ #. Found in changelog list item.
474
+ msgid "Fixed: Multiple sliders in a page."
475
+ msgstr ""
476
+
477
+ #. Found in changelog list item.
478
+ msgid "Fixed: Embed slide as first slide."
479
+ msgstr ""
480
+
481
+ #. Found in changelog list item.
482
+ msgid "Changed: Licensing page."
483
+ msgstr ""
484
+
485
+ #. Found in changelog list item.
486
+ msgid "New: Slider preview in admin. "
487
+ msgstr ""
488
+
489
+ #. Found in changelog list item.
490
+ msgid "Changed: Improved slide load. "
491
+ msgstr ""
492
+
493
+ #. Found in changelog list item.
494
+ msgid "Fixed: Play/pause button. "
495
+ msgstr ""
496
+
497
+ #. Found in changelog list item.
498
+ msgid "New: Parallax effect."
499
+ msgstr ""
500
+
501
+ #. Found in changelog list item.
502
+ msgid "Fixed: security issue. "
503
+ msgstr ""
504
+
505
+ #. Found in changelog list item.
506
+ msgid "Changed: Manage buttons position."
507
+ msgstr ""
508
+
509
+ #. Found in changelog list item.
510
+ msgid "Changed: YouTube, Vimeo embed. "
511
+ msgstr ""
512
+
513
+ #. Found in changelog list item.
514
+ msgid "New: Instagram, Flickr and Dailymotion embed. "
515
+ msgstr ""
516
+
517
+ #. Found in changelog list item.
518
+ msgid "New: Hotspot layer (pro version)."
519
+ msgstr ""
520
+
521
+ #. Found in changelog list item.
522
+ msgid "New: Search by name in file manager."
523
+ msgstr ""
524
+
525
+ #. Found in changelog list item.
526
+ msgid "Changed: Featured plugins page."
527
+ msgstr ""
528
+
529
+ #. Found in changelog list item.
530
+ msgid "Fixed: Slider playback direction."
531
+ msgstr ""
532
+
533
+ #. Found in changelog list item.
534
+ msgid "Fixed: Slider width/height problem after Chrome update. "
535
+ msgstr ""
536
+
537
+ #. Found in changelog list item.
538
+ msgid "Fixed: Export. "
539
+ msgstr ""
540
+
541
+ #. Found in changelog list item.
542
+ msgid "Fixed: Carousel slider with one slide. "
543
+ msgstr ""
544
+
545
+ #. Found in changelog list item.
546
+ msgid "Fixed: Conflict with some themes."
547
+ msgstr ""
548
+
549
+ #. Found in changelog list item.
550
+ msgid "New: Slider Export/Import. "
551
+ msgstr ""
552
+
553
+ #. Found in changelog list item.
554
+ msgid "Fixed: Delete slides whitout layers on slider delete. "
555
+ msgstr ""
556
+
557
+ #. Found in changelog list item.
558
+ msgid "Fixed: Image change effect in carousel views whith one image. "
559
+ msgstr ""
560
+
561
+ #. Found in changelog list item.
562
+ msgid "Fixed: Removed \"There is no slider selected or the slider was deleted.\" error message for unpublished sliders. "
563
+ msgstr ""
564
+
565
+ #. Found in changelog list item.
566
+ msgid "Fixed: Carousel view after Chrome update(23.05.15). "
567
+ msgstr ""
568
+
569
+ #. Found in changelog list item.
570
+ msgid "Fixed: Activate first slide tab after slider duplication. "
571
+ msgstr ""
572
+
573
+ #. Found in changelog list item.
574
+ msgid "Fixed: Active bullet and filmstrip thumbnail in carousel view. "
575
+ msgstr ""
576
+
577
+ #. Found in changelog list item.
578
+ msgid "Changed: Featured plugins page. "
579
+ msgstr ""
580
+
581
+ #. Found in changelog list item.
582
+ msgid "New: Featured themes page. "
583
+ msgstr ""
584
+
585
+ #. Found in changelog list item.
586
+ msgid "Change links."
587
+ msgstr ""
588
+
589
+ #. Found in changelog list item.
590
+ msgid "Fixed: Disable enter key on text inputs. "
591
+ msgstr ""
592
+
593
+ #. Found in changelog list item.
594
+ msgid "New: Bulk add images by media uploader."
595
+ msgstr ""
596
+
597
+ #. Found in changelog list item.
598
+ msgid "Fixed: Image layer alt. "
599
+ msgstr ""
600
+
601
+ #. Found in changelog list item.
602
+ msgid "Fixed: Word break in Chrome."
603
+ msgstr ""
604
+
605
+ #. Found in changelog list item.
606
+ msgid "Fixed: Timer bar and bullets postion with horizontal filmstrip. "
607
+ msgstr ""
608
+
609
+ #. Found in changelog list item.
610
+ msgid "Fixed: Set watermark. "
611
+ msgstr ""
612
+
613
+ #. Found in changelog list item.
614
+ msgid "Fixed: Slide change direction from 9 to 10. "
615
+ msgstr ""
616
+
617
+ #. Found in changelog list item.
618
+ msgid "Fixed: Layers with \"Start with slide\" option. "
619
+ msgstr ""
620
+
621
+ #. Found in changelog list item.
622
+ msgid "Update licensing page"
623
+ msgstr ""
624
+
625
+ #. Found in changelog list item.
626
+ msgid "New: Start with slide option. "
627
+ msgstr ""
628
+
629
+ #. Found in changelog list item.
630
+ msgid "New: Effect duration option. "
631
+ msgstr ""
632
+
633
+ #. Found in changelog list item.
634
+ msgid "New: Circle timer. "
635
+ msgstr ""
636
+
637
+ #. Found in changelog list item.
638
+ msgid "New: Slider duplication. "
639
+ msgstr ""
640
+
641
+ #. Found in changelog list item.
642
+ msgid "Fixed: Disable swipe on navigation off. "
643
+ msgstr ""
644
+
645
+ #. Found in changelog list item.
646
+ msgid "Fixed: Layer click on 3D animations. "
647
+ msgstr ""
648
+
649
+ #. Found in changelog list item.
650
+ msgid "custom play/pause buttons "
651
+ msgstr ""
652
+
653
+ #. Found in changelog list item.
654
+ msgid "slide duplication "
655
+ msgstr ""
656
+
657
+ #. Found in changelog list item.
658
+ msgid "Image for Next / Previous buttons (Default, Custom, Styled) "
659
+ msgstr ""
660
+
661
+ #. Found in changelog list item.
662
+ msgid "Image for bullets (Default, Custom, Styled) "
663
+ msgstr ""
664
+
665
+ #. Found in changelog list item.
666
+ msgid "stop on hover option "
667
+ msgstr ""
668
+
669
+ #. Found in changelog list item.
670
+ msgid "slide, text layer, image layer link open in a new window option "
671
+ msgstr ""
672
+
673
+ #. Found in changelog list item.
674
+ msgid "single quota in image name (bug fixed) "
675
+ msgstr ""
676
+
677
+ #. Found in changelog list item.
678
+ msgid "Turn SliderWD Media Upload "
679
+ msgstr ""
680
+
681
+ #. Found in changelog list item.
682
+ msgid "Ajax save "
683
+ msgstr ""
684
+
685
+ #. Found in changelog list item.
686
+ msgid "Images Bulk Add "
687
+ msgstr ""
688
+
689
+ #. Found in changelog list item.
690
+ msgid "Timer bar bug fixed "
691
+ msgstr ""
692
+
693
+ #. Found in changelog list item.
694
+ msgid "change shortcode button "
695
+ msgstr ""
696
+
697
+ #. Found in changelog list item.
698
+ msgid "fullwidth slider margin bug fixed "
699
+ msgstr ""
700
+
701
+ #. Found in changelog list item.
702
+ msgid "User manual links added. "
703
+ msgstr ""
704
+
705
+ #. Found in changelog list item.
706
+ msgid "Initial version."
707
+ msgstr ""
708
+
709
+ #. Found in remaining content header.
710
+ msgid "Wordpress Slider WD Step by step guide"
711
+ msgstr ""
712
+
713
+ #. Found in remaining content header.
714
+ msgid "Step 1: Installing the Slider WD."
715
+ msgstr ""
716
+
717
+ #. Found in remaining content header.
718
+ msgid "Step 2: Adding images to Sliders."
719
+ msgstr ""
720
+
721
+ #. Found in remaining content header.
722
+ msgid "Step 3: Adding layers to the slide."
723
+ msgstr ""
724
+
725
+ #. Found in remaining content header.
726
+ msgid "Step 4: Changing/Modifying Slider Settings."
727
+ msgstr ""
728
+
729
+ #. Found in remaining content list item.
730
+ msgid "Log in to your WordPress Administrator panel. "
731
+ msgstr ""
732
+
733
+ #. Found in remaining content list item.
734
+ msgid "Go to Plugins page, click Add &gt; New &gt; Upload. "
735
+ msgstr ""
736
+
737
+ #. Found in remaining content list item.
738
+ msgid "Click \"Upload&amp;Install\" button. "
739
+ msgstr ""
740
+
741
+ #. Found in remaining content list item.
742
+ msgid "Click \"Activate Plugin\" button for activating the plugin. "
743
+ msgstr ""
744
+
745
+ #. Found in remaining content paragraph.
746
+ msgid "1.1 Minimum requirements."
747
+ msgstr ""
748
+
749
+ #. Found in remaining content paragraph.
750
+ msgid "1.2 Installation."
751
+ msgstr ""
752
+
753
+ #. Found in remaining content paragraph.
754
+ msgid "If any problem occurs with Slider WD, please contact us at info@web-dorado.com."
755
+ msgstr ""
756
+
757
+ #. Found in remaining content paragraph.
758
+ msgid ""
759
+ "Go to Slider WD &gt;Sliders &gt; Add New.<br />\n"
760
+ "Slides tab will open up.<br />\n"
761
+ "As a first step you should specify the name of the slider.<br />\n"
762
+ "Slider Name. Provide a name for the slider.<br />\n"
763
+ "Below you will be able to add slides.<br />\n"
764
+ "2.1 Published. Choose whether to publish the newly added slider or not.<br />\n"
765
+ "2.2 Link the slide. You can set a redirection link, so that the user will get to the mentioned location upon hitting that specific slide.<br />\n"
766
+ "2.3 Add image from Media Library. You can select images to use within the slider which are currently uploaded to your Media Library by clicking on those and pressing Insert button. In addition you can upload new files, navigating to Upload Files tab on the left. Then press Select Files button, choose the image and press Insert button. This way the image will be added to the slider. \n"
767
+ "2.4 Add Image URL. You can also add images providing the absolute link to it. Press Add Image URL, provide the link and press Add button.This will be useful for adding images to the slider without the need of downloading those and uploading again.\n"
768
+ "2.5 Add Video. In addition to images, you can instead use videos withing the slider from YouTube and Vimeo. You should click on Add Video button, provide the link to the video and press Add button. The image associated with the YouTube/Vimeo video will be automatically displayed as a slider image and then the video will be played. \n"
769
+ "2.6 Remove. You can use Remove button to remove the slider image or video."
770
+ msgstr ""
771
+
772
+ #. Found in remaining content paragraph.
773
+ msgid "For adding additional images, you should press \"+\" next to the Slide tab. The Slide tabs can be renamed to make it easier to reach the desired slide within the list, as well as they can be rearranged using drag and drop feature."
774
+ msgstr ""
775
+
776
+ #. Found in remaining content paragraph.
777
+ msgid "There are three types of layers that can be added to the slides: text, image and social button."
778
+ msgstr ""
779
+
780
+ #. Found in remaining content paragraph.
781
+ msgid "The layer buttons are located on the lower left corner of each slide."
782
+ msgstr ""
783
+
784
+ #. Found in remaining content paragraph.
785
+ msgid "You can add more than one layer to your slide. These layers can be of different or same type."
786
+ msgstr ""
787
+
788
+ #. Found in remaining content paragraph.
789
+ msgid "3.1 Add Text Layer. You can add custom text to be set as layer over the specific slide."
790
+ msgstr ""
791
+
792
+ #. Found in remaining content paragraph.
793
+ msgid ""
794
+ "Text. Provide the text which will be displayed over the slide image.<br />\n"
795
+ "Link. Provide an absolute URL to which the user will be redirected when pressing on the text layer.<br />\n"
796
+ "Position. Provide the values of x and y axis to position the text layer. In addition you can drag and drop the text layer to a desired position.<br />\n"
797
+ "Size. Define the font size of the text.<br />\n"
798
+ "Color. Select the text color for the text layer.<br />\n"
799
+ "Font family. Choose the font family for the text.<br />\n"
800
+ "Font weight. Choose the font weight for the text from the provided options.<br />\n"
801
+ "Effect in. Apply an effect to the process of putting the layer over the slide.<br />\n"
802
+ "Start- Define the timing when to start the effect.<br />\n"
803
+ "Effect- Select the effect option from the drop-down list.<br />\n"
804
+ "Duration- Define the duration of the effect in ms.<br />\n"
805
+ "Effect out. Apply an effect to the process of taking the layer off the image.<br />\n"
806
+ "Start- Define the timing when to start the effect.<br />\n"
807
+ "Effect- Select the effect option from the drop-down list.<br />\n"
808
+ "Duration- Define the duration of the effect in ms.<br />\n"
809
+ "Padding. Using CSS type values set padding for the text.<br />\n"
810
+ "Background Color. Choose a background color for the text layer.<br />\n"
811
+ "Transparent. Specify the level of transparency for the layer.<br />\n"
812
+ "Border. Choose the border line width, type and color.<br />\n"
813
+ "Radius. Set a radius for the text layer using CSS type values.<br />\n"
814
+ "Shadow. Get a shadow for the text layer using CSS type values.<br />\n"
815
+ "Published. Choose whether to publish the layer or not."
816
+ msgstr ""
817
+
818
+ #. Found in remaining content paragraph.
819
+ msgid "3.2 Add Image Layer. You can add images of various dimensions to be set as layers."
820
+ msgstr ""
821
+
822
+ #. Found in remaining content paragraph.
823
+ msgid ""
824
+ "Dimensions. Set the dimensions of the image. Note that it will be best to select dimensions which correspond to the ratio of the original image, so that the image will not be distorted.<br />\n"
825
+ "Scale. By checking the box the image will be automatically scaled taking the provided width and keeping the original ratio of the image.<br />\n"
826
+ "Alt. Set the HTML attribute specified in the IMG tag to provide alternate text when an image on a Web page cannot be displayed.<br />\n"
827
+ "Link. Provide an absolute URL to which the user will be redirected when pressing on the image layer.<br />\n"
828
+ "Position. Provide the values of x and y axis to position the image layer. In addition you can drag and drop the layer to a desired position. \n"
829
+ "Transparent. Define the level of transparency for the image layer.<br />\n"
830
+ "Effect in. Apply an effect to the process of putting the layer over the image.<br />\n"
831
+ "Start- Define the timing when to start the effect.<br />\n"
832
+ "Effect- Select the effect option from the drop-down list.<br />\n"
833
+ "Duration- Define the duration of the effect in ms.<br />\n"
834
+ "Effect out. Apply an effect to the process of taking the layer off the image.<br />\n"
835
+ "Start- Define the timing when to start the effect.<br />\n"
836
+ "Effect- Select the effect option from the drop-down list.<br />\n"
837
+ "Duration- Define the duration of the effect in ms.<br />\n"
838
+ "Border. Choose the border line width, type and color.<br />\n"
839
+ "Radius. Set a radius for the image layer using CSS type values.<br />\n"
840
+ "Shadow. Get a shadow for the image layer using CSS type values.<br />\n"
841
+ "Published. Choose whether to publish the layer or not."
842
+ msgstr ""
843
+
844
+ #. Found in remaining content paragraph.
845
+ msgid "3.3 Add Social Button Layer. You can add social media buttons to share the slider images over the popular social networking websites, selecting the relevant button types."
846
+ msgstr ""
847
+
848
+ #. Found in remaining content paragraph.
849
+ msgid ""
850
+ "Position. Provide the values of x and y axis to position the social button layer. In addition you can drag and drop the layer to a desired position.<br />\n"
851
+ "Social button. The button type can be chosen between Google +, Facebook, Twitter, Tumblr and Pinterest buttons.\n"
852
+ "Size. Define the size of the added button.<br />\n"
853
+ "Transparent. Define the level of transparency for the social button.<br />\n"
854
+ "Effect in. Apply an effect to the process of putting the layer over the image.<br />\n"
855
+ "Start- Define the timing when to start the effect.<br />\n"
856
+ "Effect- Select the effect option from the drop-down list.<br />\n"
857
+ "Duration- Define the duration of the effect in ms.<br />\n"
858
+ "Effect out. Apply an effect to the process of taking the layer off the image.<br />\n"
859
+ "Start- Define the timing when to start the effect.<br />\n"
860
+ "Effect- Select the effect option from the drop-down list.<br />\n"
861
+ "Duration- Define the duration of the effect in ms.<br />\n"
862
+ "Color. Set the color for the social sharing button.<br />\n"
863
+ "Hover color. Set the color for the social sharing button when hovered."
864
+ msgstr ""
865
+
866
+ #. Found in remaining content paragraph.
867
+ msgid "To access the settings you should go to Slider WD&gt;Sliders&gt;Settings tab."
868
+ msgstr ""
869
+
870
+ #. Found in remaining content paragraph.
871
+ msgid "4.1 Global Settings. You can change the main settings here. The changes will affect only the current slider and not previously created sliders. That is to say the global settings are slider-based."
872
+ msgstr ""
873
+
874
+ #. Found in remaining content paragraph.
875
+ msgid ""
876
+ "Dimensions. Set the maximum dimensions of the slider. The dimension is set to maximum since with smaller displays the slider will be displayed in smaller dimensions due to the responsiveness feature. This will be the constant dimension of the slider regardless of the images.<br />\n"
877
+ "Full width. Choose whether to have the overall slider stretched to the full width of the page, where it is posted or not. The length will be given corresponding to the original ratio of the slider, e.g. if you have it set to 480x300 and the width of the page is 960, then the height of the slider will be 600.\n"
878
+ "Background fit. There are three options for inserting the image into a slide. You can choose the relevant option best for you. If you have the image identical to the Dimensions section, then all three will provide the same full covered look of the slider. As for the cases, if the image is smaller/larger than the original one, the views will be a bit different. Let's consider the cases.<br />\n"
879
+ "Cover. The image will get cut from the middle part and will get enlarged to fit the entire background.<br />\n"
880
+ "Fill. The image will get stretched or compressed to the dimensions of the slider.<br />\n"
881
+ "Contain. The image will stay in its original form and the rest of the slider content area will be covered by the slider background.\n"
882
+ "Align. Set the alignment of the image within the slider.<br />\n"
883
+ "Effect. Select the slider transition effect which will be applied when shifting from one slider to another. Note, that it is different from the layer effects and does not affect the layer effects.<br />\n"
884
+ "Time Interval. Set the time interval for the change of the sliders.<br />\n"
885
+ "Autoplay. Choose whether to autoplay the sliders or not.<br />\n"
886
+ "Shuffle. Choose whether to have the slides change in a random manner or to keep the original sequence.\n"
887
+ "Music. Choose whether to have music/audio track playback with the slider or not.<br />\n"
888
+ "Music URL. Provide the full link to the audio track, which will be used with the slider.<br />\n"
889
+ "Smart Load. Choose whether to have the smart load feature, which will help to have faster load for the first few images of the slider and will process the rest meanwhile.<br />\n"
890
+ "Background color. Select a background color for the slider, as well as its transparency level.\n"
891
+ "Border. Set the border width, type, as well as the color for the slider.<br />\n"
892
+ "Border radius. Set the border radius using CSS type values.<br />\n"
893
+ "Margin. Set a margin for the slider in pixels.<br />\n"
894
+ "Shadow. Set a slider shadow using CSS type values.<br />\n"
895
+ "Right click protection. Choose whether to have right click protection for avoiding the slider image download of or not.<br />\n"
896
+ "Layer out on next. Choose whether to have the layer effect out regardless of the timing between the hit to the next slide or skip the effect out and get to the next slider image.<br />\n"
897
+ "Published. Choose whether to publish the mentioned slider or not."
898
+ msgstr ""
899
+
900
+ #. Found in remaining content paragraph.
901
+ msgid "4.2 Navigation. You can change the style, colors and dimensions for the navigation buttons or completely remove the navigation buttons from the slider."
902
+ msgstr ""
903
+
904
+ #. Found in remaining content paragraph.
905
+ msgid ""
906
+ "Next/ Previous buttons. Choose whether to display Previous and Next buttons within the slider or not.<br />\n"
907
+ "Next/ Previous buttons. Choose whether to display Play and Pause buttons within the slider or not.<br />\n"
908
+ "Show Navigation buttons. Select between the option of always displaying the navigation buttons or only when hovered.<br />\n"
909
+ "Next/ Previous buttons style. Choose the style of the button you prefer to have as navigation buttons for the slider.<br />\n"
910
+ "Next/ Previous buttons size. Set the dimensions for the right/left buttons of the slider.<br />\n"
911
+ "Play / Pause button size. Set the dimensions for the play/pause buttons of the slider.<br />\n"
912
+ "Buttons color. Select a color for the navigation buttons.<br />\n"
913
+ "Hover color. Select a hover color for the navigation buttons.<br />\n"
914
+ "Border . Select the type, size, as well as the color of border for the navigation buttons.<br />\n"
915
+ "Border radius. Set border radius for the navigation buttons using CSS type values.<br />\n"
916
+ "Background color. Select the background color for the navigation buttons using the color picker. In addition you can set the transparency level of the background for the slider."
917
+ msgstr ""
918
+
919
+ #. Found in remaining content paragraph.
920
+ msgid "4.3 Bullets. In addition to navigation buttons, you can also use bullets for the navigation within the slider images. Upon hitting the bullet the slider image in the corresponding position will be displayed."
921
+ msgstr ""
922
+
923
+ #. Found in remaining content paragraph.
924
+ msgid ""
925
+ "Enable bullets. Choose whether to have slider naviagation bullets or not.<br />\n"
926
+ "Position. Select the position for the slider navigation bullets.<br />\n"
927
+ "Bullet style. Choose the style for the slider bullets from provided 5 options.<br />\n"
928
+ "Size. Define the size of the navigation bullets.<br />\n"
929
+ "Color. Select the color for the navigation bullets.<br />\n"
930
+ "Active color. Select the color for the bullet, which is currently displaying a corresponding slider image.<br />\n"
931
+ "Margin. Set the margin for the navigation bullets in pixels."
932
+ msgstr ""
933
+
934
+ #. Found in remaining content paragraph.
935
+ msgid "4.4 Filmstrip. You can add a filmstrip for the slider images.This way the entire list of the slider images will be displayed and the user can navigate immidiately to the desired slider image."
936
+ msgstr ""
937
+
938
+ #. Found in remaining content paragraph.
939
+ msgid ""
940
+ "Enable filmstrip. Choose whether to have thumbnails of the slides displayed as a filmstrip or not.<br />\n"
941
+ "Position. Set the position of the filmstrip between 4 possible options.<br />\n"
942
+ "Thumbnail dimensions. Define the dimensions of the filmstrip thumbnails.<br />\n"
943
+ "Background color. Select the background color for the filmstrip.<br />\n"
944
+ "Thumbnail margin. Set the margin for the thumbnails in pixels.<br />\n"
945
+ "Active border. The thumbnail for the currently displayed image will have a border. You can set its size, type and color.<br />\n"
946
+ "Deactive transparency. You can set a transparency level for the inactive filmstrip items."
947
+ msgstr ""
948
+
949
+ #. Found in remaining content paragraph.
950
+ msgid "4.5 Timer Bar. You can add a bar displaying the timing left to switching to the next slide. This is commonly used when using autoplay for the slider."
951
+ msgstr ""
952
+
953
+ #. Found in remaining content paragraph.
954
+ msgid ""
955
+ "Enable timer bar. Choose whether to display a timer bar over the slider images or not.<br />\n"
956
+ "Type. Choose the type of the timer bar to be used within the slider.<br />\n"
957
+ "Size. Define the size of the timer bar in pixels.<br />\n"
958
+ "Color. Select the color and the transparency level of the timer bar."
959
+ msgstr ""
960
+
961
+ #. Found in remaining content paragraph.
962
+ msgid "4.6 Watermark. You can add watermark over the slider images both in the forms of text and images."
963
+ msgstr ""
964
+
965
+ #. Found in remaining content paragraph.
966
+ msgid "Please note that the Fill and Contain options of the slider will work fine with Watermark option regardless of the slider image dimensions, whereas for the Cover option you should have the slider image identical to the size set in the Dimensions setting. If you have uploaded the image with another dimension, you will need to resize the image and upload it again."
967
+ msgstr ""
968
+
969
+ #. Found in remaining content paragraph.
970
+ msgid ""
971
+ "Watermark Type. Choose what kind of watermark you want to use with the slider from provided 2 options (text, image) or not to use watermarks over your slides.<br />\n"
972
+ "Text\n"
973
+ "* Watermark text. Provide the text which will be displayed over the slides.<br />\n"
974
+ "* Watermark font size. Specify the font size of the watermark in pixels.<br />\n"
975
+ "* Watermark font style. Specify the font family for the watermark text.<br />\n"
976
+ "* Watermark color. Select the watermark text font color, as well as the watermark transparency using CSS type values.<br />\n"
977
+ "* Watermark position. Choose the positioning of the watermark from the available 9 options.<br />\n"
978
+ "Image\n"
979
+ "* Watermark URL. Provide the absolute URL of the image which will be used for the watermark. Please note that only .png images are supported.<br />\n"
980
+ "* Watermark image size. Define the size (in percentage for the responsive look) of the image used for the watermark.<br />\n"
981
+ "* Watermark position. Choose the positioning of the watermark from the available 9 options."
982
+ msgstr ""
983
+
984
+ #. Found in remaining content paragraph.
985
+ msgid "4.7 CSS. You can add custom CSS in the box below to apply custom changes to the slider. The changes will override the original styles coming as default with the slider."
986
+ msgstr ""
987
+
988
+ #. Found in remaining content paragraph.
989
+ msgid ""
990
+ "Step 5: Publishing the created Slider.<br />\n"
991
+ "To insert the Slider into a Page or a Post:"
992
+ msgstr ""
993
+
994
+ #. Found in remaining content paragraph.
995
+ msgid "You can insert the created Slider into a page or post. Go to the mentioned Post or Page. Here you will see \"Insert Slider\" button with a Slider icon. Press the button, Select the slider and press Insert."
996
+ msgstr ""
997
+
998
+ #. Found in remaining content paragraph.
999
+ msgid "In addition, you can insert the shortcode of the slider manually. The corresponding shortcode is displayed next to the created slider in Slider WD&gt;Sliders section under Shortcode column."
1000
+ msgstr ""
1001
+
1002
+ #. Found in remaining content paragraph.
1003
+ msgid "To insert the Slider within the Theme."
1004
+ msgstr ""
1005
+
1006
+ #. Found in remaining content paragraph.
1007
+ msgid "You can insert the created Slider into the theme calling it with PHP function. This feature is commonly used for adding the code to header.php for displaying the slider within the header position of the website. You can find the function located in Slider WD&gt;Sliders section under PHP function column."
1008
+ msgstr ""
1009
+
1010
+ #. Found in remaining content paragraph.
1011
+ msgid "To insert the Slider as a widget."
1012
+ msgstr ""
1013
+
1014
+ #. Found in remaining content paragraph.
1015
+ msgid "Go to Appearance&gt;Widgets&gt;Slider. Select a position for the slider widget and press Save button. Then provide the title for the slider and select the corresponding slider using the drop-down list."
1016
+ msgstr ""