Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/confenda.com/wp-content/plugins/photo-gallery/admin/views/ |
<?php
/**
* Class ThemesView_bwg
*/
class ThemesView_bwg extends AdminView_bwg {
public function __construct() {
parent::__construct();
wp_enqueue_script(BWG()->prefix . '_jscolor');
wp_enqueue_script(BWG()->prefix . '_fontselect');
}
/**
* Display page.
*
* @param $params
*/
public function display( $params = array() ) {
?>
<div class="wrap">
<?php
if ( !BWG()->is_pro && get_option("wd_bwg_theme_version") ) {
wp_enqueue_style( BWG()->prefix . '_gallery-upgrade');
WDWLibrary::ask_question();
?>
<div class="gallery_upgrade_main">
<div class="gallery_upgrade_wrapper">
<div class="gallery_info">
<h2 class="gallery_info-text"><?php echo __('Photo Gallery Themes', BWG()->prefix) ?></h2>
<div class="gallery_info-question_mark">
<a href="https://help.10web.io/hc/en-us/articles/360016082231-Editing-Photo-Gallery-Themes?utm_source=photo_gallery&utm_medium=free_plugin">
<img src="<?php echo BWG()->plugin_url . '/images/Question_mark_upgrade.svg'?>" alt="">
</a>
</div>
</div>
<div class="gallery_upgrade-head">
<div class="gallery_upgrade-head-content">
<div class="gallery_upgrade-head-content-heading">
<h2>
<?php echo __('Build Fully Customized Gallery Views', BWG()->prefix); ?>
</h2>
</div>
<div class="gallery_upgrade-head-content-text">
<p>
<?php echo __('Unlimited options to completely customize every detail. ', BWG()->prefix); ?>
<br class="break_768">
<?php echo __(' Use default dark and light themes, or
create new from scratch.', BWG()->prefix); ?>
</p>
</div>
<div class="gallery_upgrade-head-content-buttons">
<div class="button-upgrade">
<a href="https://10web.io/plugins/wordpress-photo-gallery/?utm_source=photo_gallery&utm_medium=free_plugin">
<input type="button" value="<?php echo __('UPGRADE TO PREMIUM', BWG()->prefix); ?>">
</a>
</div>
</div>
</div>
<div class="gallery_upgrade-head-media">
<div class="gallery_upgrade-head-media-picture">
</div>
</div>
</div>
<?php
$data = array(
'thumbnails' => array(
'picture_url' => BWG()->plugin_url . '/images/Thumbnails_upgrade.svg',
'class' => 'thumb',
'heading' => 'Thumbnails',
'description' => 'Fully customizable thumbnails. Incorporate animation, transparency, borders, and more',
),
'pagination' => array(
'picture_url' => BWG()->plugin_url . '/images/Pagination_upgrade.svg',
'class' => 'pagination',
'heading' => 'Pagination',
'description' => 'Set the positioning and how your images load in a variety of gallery views and group gallery
views',
),
'font' => array(
'picture_url' => BWG()->plugin_url . '/images/Font_upgrade.svg',
'class' => 'font',
'heading' => 'Font',
'description' => 'Choose your font type from the existing library or from Google fonts',
),
'control_buttons' => array(
'picture_url' => BWG()->plugin_url . '/images/Control buttons_upgrade.svg',
'class' => 'control',
'heading' => 'Control buttons',
'description' => 'Customize the control button type, size, color and more, for Lightbox, Slideshow, and Carousel
views',
),
'color' => array(
'picture_url' => BWG()->plugin_url . '/images/Color_upgrade.svg',
'class' => 'color',
'heading' => 'Color',
'description' => 'Modify and create custom colors of any item of your gallery',
),
'filmstrip' => array(
'picture_url' => BWG()->plugin_url . '/images/Filmstrip_upgrade.svg',
'class' => 'filmstrip',
'heading' => 'Filmstrip',
'description' => 'Customize film strip style, position, color, and placement',
),
'lightbox' => array(
'picture_url' => BWG()->plugin_url . '/images/Lightbox_upgrade.svg',
'class' => 'lightbox',
'heading' => 'Lightbox',
'description' => 'Fully customizable lightbox allows for the creation of a unique viewing experience',
),
'alignment' => array(
'picture_url' => BWG()->plugin_url . '/images/Alignment_upgrade.svg',
'class' => 'alignment',
'heading' => 'Alignment',
'description' => 'Set custom alignment of images, titles, descriptions, and more',
),
'flex-empty-item' => array(
'picture_url' => '',
'class' => '',
'heading' => '',
'description' => '',
),
);
?>
<div class="gallery_upgrade-content">
<div class="gallery_upgrade-content-features">
<?php foreach ( $data as $item ) {
?>
<div class="gallery_feature">
<div class="gallery_feature-image">
<img class="<?php echo $item['class']; ?>" src="<?php echo $item['picture_url']; ?>" alt="">
</div>
<div class="gallery_feature-heading">
<h3>
<?php echo __($item['heading'], BWG()->prefix); ?>
</h3>
</div>
<div class="gallery_feature-text">
<p>
<?php echo __($item['description'], BWG()->prefix); ?>
</p>
</div>
</div>
<?php
} ?>
</div>
</div>
</div>
</div>
</div>
<?php
return;
}
ob_start();
echo $this->body($params);
// Pass the content to form.
$form_attr = array(
'id' => BWG()->prefix . '_themes',
'name' => BWG()->prefix . '_themes',
'class' => BWG()->prefix . '_themes wd-form',
'action' => add_query_arg(array( 'page' => 'themes_' . BWG()->prefix ), 'admin.php'),
);
echo $this->form(ob_get_clean(), $form_attr);
}
/**
* Generate page body.
*
* @param $params
*/
public function body( $params = array() ) {
$order = $params['order'];
$orderby = $params['orderby'];
$actions = $params['actions'];
$page = $params['page'];
$total = $params['total'];
$items_per_page = $params['items_per_page'];
$rows_data = $params['rows_data'];
$page_url = add_query_arg(array(
'page' => $page,
BWG()->nonce => wp_create_nonce(BWG()->nonce),
), admin_url('admin.php'));
echo $this->title(array(
'title' => $params['page_title'],
'title_class' => 'wd-header',
'add_new_button' => array(
'href' => add_query_arg(array( 'page' => $page, 'task' => 'edit' ), admin_url('admin.php')),
),
'add_new_button_text' => __('Add new theme', BWG()->prefix),
));
echo $this->search();
?>
<div class="tablenav top">
<?php
echo $this->bulk_actions($actions, TRUE);
echo $this->pagination($page_url, $total, $items_per_page);
?>
</div>
<table class="adminlist table table-striped wp-list-table widefat fixed pages">
<thead>
<tr>
<td id="cb" class="column-cb check-column">
<label class="screen-reader-text" for="cb-select-all-1"><?php _e('Select all', BWG()->prefix); ?></label>
<input id="check_all" type="checkbox" />
</td>
<?php echo WDWLibrary::ordering('name', $orderby, $order, __('Title', BWG()->prefix), $page_url, 'column-primary'); ?>
<?php echo WDWLibrary::ordering('default_theme', $orderby, $order, __('Default', BWG()->prefix), $page_url, 'column-primary'); ?>
</tr>
</thead>
<tbody>
<?php
if ( $rows_data ) {
foreach ( $rows_data as $row_data ) {
$alternate = (!isset($alternate) || $alternate == '') ? 'class="alternate"' : '';
$edit_url = add_query_arg(array( 'page' => $page, 'task' => 'edit', 'current_id' => $row_data->id ), admin_url('admin.php'));
$duplicate_url = add_query_arg(array( 'task' => 'duplicate', 'current_id' => $row_data->id ), $page_url);
$delete_url = add_query_arg(array( 'task' => 'delete', 'current_id' => $row_data->id ), $page_url);
$default_url = add_query_arg(array( 'task' => 'setdefault', 'current_id' => $row_data->id ), $page_url);
?>
<tr id="tr_<?php echo $row_data->id; ?>" <?php echo $alternate; ?>>
<th class="check-column">
<input id="check_<?php echo $row_data->id; ?>" name="check[<?php echo $row_data->id; ?>]" type="checkbox" onclick="spider_check_all(this)" />
</th>
<td class="column-primary" data-colname="<?php _e('Title', BWG()->prefix); ?>">
<strong>
<a href="<?php echo $edit_url; ?>"><?php echo $row_data->name; ?></a>
</strong>
<div class="row-actions">
<span><a href="<?php echo $edit_url; ?>"><?php _e('Edit', BWG()->prefix); ?></a> |</span>
<span><a href="<?php echo $duplicate_url; ?>"><?php _e('Duplicate', BWG()->prefix); ?></a> |</span>
<span class="trash"><a onclick="if (!confirm('<?php echo addslashes(__('Do you want to delete selected item?', BWG()->prefix)); ?>')) {return false;}" href="<?php echo $delete_url; ?>"><?php _e('Delete', BWG()->prefix); ?></a></span>
</div>
<button class="toggle-row" type="button">
<span class="screen-reader-text"><?php _e('Show more details', BWG()->prefix); ?></span>
</button>
</td>
<td class="col_default" data-colname="<?php _e('Default', BWG()->prefix); ?>">
<?php
$default = ($row_data->default_theme) ? 1 : 0;
if (!$default) {
?>
<a href="<?php echo $default_url; ?>">
<?php
}
?>
<span class="dashicons dashicons-star-filled <?php echo ($default ? 'wd-yellow' : 'wd-grey'); ?>"></span>
<?php
if ($default) {
?>
</a>
<?php
}
?>
</td>
</tr>
<?php
}
}
else {
echo WDWLibrary::no_items('themes', 3);
}
?>
</tbody>
</table>
<?php
}
/**
* Generate row for font styles google fonts
*
* @param $saved_style
* @param $font_style
* @param $label_text
* @param $radio_name
*/
public function font_style_row( $saved_style, $font_style, $label_text, $radio_name) {
$google_fonts = WDWLibrary::get_google_fonts();
$font_families = array(
'arial' => 'Arial',
'lucida grande' => 'Lucida grande',
'segoe ui' => 'Segoe ui',
'tahoma' => 'Tahoma',
'trebuchet ms' => 'Trebuchet ms',
'verdana' => 'Verdana',
'cursive' =>'Cursive',
'fantasy' => 'Fantasy',
'monospace' => 'Monospace',
'serif' => 'Serif',
);
$is_google_fonts = (in_array($saved_style, $google_fonts)) ? true : false;
?>
<td class="spider_label"><label for="<?php $font_style ?>"><?php echo $label_text ?> </label></td>
<td>
<input value="<?php echo $is_google_fonts ? $saved_style : 'Ubuntu'; ?>" name="<?php echo $font_style; ?>" id="<?php echo $font_style; ?>" class="google_font" type="text">
<select name="<?php echo $font_style . '_default'; ?>" id="<?php echo $font_style . '_default'; ?>" class="default-font" style="display:<?php echo $is_google_fonts ? 'none' : 'block'; ?>; font-family:<?php echo $saved_style; ?>" >
<?php
foreach ( $font_families as $key => $font_family ) {
?>
<option value="<?php echo $key; ?>" <?php echo (($saved_style == $key) ? 'selected="selected"' : ''); ?> style="font-family:<?php echo $font_family; ?>"><?php echo $font_family; ?></option>
<?php
}
?>
</select>
<div class="radio_google_fonts">
<input type="radio" name="<?php echo $radio_name; ?>" id="<?php echo $radio_name . '1'; ?>" onchange="bwg_change_fonts('<?php echo $font_style; ?>', jQuery(this).attr('id'))" value="1" <?php if ($is_google_fonts == true) echo 'checked="checked"'; ?> />
<label for="<?php echo $radio_name . '1'; ?>" id="<?php echo $radio_name . '1_lbl'; ?>"><?php echo __('Google fonts', BWG()->prefix); ?></label>
<input type="radio" name="<?php echo $radio_name; ?>" id="<?php echo $radio_name . '0'; ?>" onchange="bwg_change_fonts('<?php echo $font_style; ?>', jQuery(this).attr('id') )" value="0" <?php if ($is_google_fonts == false) echo 'checked="checked"'; ?> />
<label for="<?php echo $radio_name . '0'; ?>" id="<?php echo $radio_name . '0_lbl'; ?>"><?php echo __('Default', BWG()->prefix); ?></label>
</div>
</td>
<?php
}
/**
* Edit.
*
* @param array $params.
* @return string html.
*/
public function edit( $params = array() ) {
ob_start();
if ( $params['reset'] ) {
echo WDWLibrary::message_id(17);
}
echo $this->edit_body($params);
// Pass the content to form.
$form_attr = array(
'id' => BWG()->prefix . '_themes',
'name' => BWG()->prefix . '_themes',
'class' => BWG()->prefix . '_themes wd-form',
'action' => $params['form_action'],
'current_id' => $params['id'],
);
echo $this->form(ob_get_clean(), $form_attr);
}
/**
* Generate page edit body.
*
* @param $params
*/
public function edit_body( $params = array() ) {
extract($params);
?>
<div class="bwg-page-header">
<div class="wd-page-title wd-header">
<h1 class="wp-heading-inline"><?php _e('Theme title', BWG()->prefix); ?></h1>
<input type="text" id="name" name="name" value="<?php echo !empty( $row->name ) ? $row->name : ''; ?>" class="spider_text_input bwg_requried">
<?php if ( BWG()->is_pro || get_option("wd_bwg_theme_version") ) { ?>
<div class="bwg-page-actions">
<button class="tw-button-primary button-large" onclick="if (spider_check_required('name', 'Title')) {return false;}; spider_set_input_value('task', 'save')">
<?php echo !empty($row->name) ? __('Update', BWG()->prefix) : __('Save', BWG()->prefix); ?>
</button>
<?php if( $id ) { ?>
<input title="<?php _e('Reset to default theme', BWG()->prefix); ?>"
class="tw-button-secondary preview-button button-large wd-btn-reset" type="submit"
onclick="if (confirm('<?php echo addslashes(__('Do you want to reset to default?', BWG()->prefix)); ?>')) {
spider_set_input_value('task', 'reset');
} else {
return false;
}"
value="<?php echo __('Reset', BWG()->prefix); ?>"/>
<?php } ?>
</div>
<?php } ?>
</div>
<div class="bwg-clear"></div>
</div>
<ul class="bwg-tabs">
<?php foreach($tabs as $key => $value) { ?>
<li data-id="<?php echo $key ?>" class="bwg-tab-item <?php echo ($params['active_tab'] == $key) ? 'active': ''; ?>"><?php echo $value; ?></li>
<?php } ?>
</ul>
<div>
<fieldset id="Thumbnail" class="spider_type_fieldset">
<div class="wd-table">
<div id="Thumbnail_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="thumb_margin"><?php _e('Distance between pictures:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_margin" id="thumb_margin" value="<?php echo $row->thumb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label><?php _e('Distance from container frame:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="container_margin" id="container_margin1" value="1"<?php if ($row->container_margin == 1) echo 'checked="checked"'; ?> />
<label for="container_margin1"><?php _e('Yes', BWG()->prefix); ?></label>
<input type="radio" name="container_margin" id="container_margin0" value="0"<?php if ($row->container_margin == 0) echo 'checked="checked"'; ?> />
<label for="container_margin0"><?php _e('No', BWG()->prefix); ?></label>
<div class="spider_description"><?php _e('Enable this option to add distance between the parent container and the thumbnails grid.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_padding"><?php echo __('Padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_padding" id="thumb_padding" value="<?php echo $row->thumb_padding; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_border_width" id="thumb_border_width" value="<?php echo $row->thumb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="thumb_border_style" id="thumb_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->thumb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_border_color"><?php echo __('Border color:', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="thumb_border_color" id="thumb_border_color" value="<?php echo $row->thumb_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_border_radius" id="thumb_border_radius" value="<?php echo $row->thumb_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_box_shadow"><?php echo __('Shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_box_shadow" id="thumb_box_shadow" value="<?php echo $row->thumb_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_hover_effect"><?php echo __('Hover effect:', BWG()->prefix); ?> </label></td>
<td>
<select name="thumb_hover_effect" id="thumb_hover_effect">
<?php
foreach ($thumbnail_hover_effects as $key => $hover_effect) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->thumb_hover_effect == $key) ? 'selected="selected"' : ''); ?>><?php echo __($hover_effect, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_hover_effect_value"><?php echo __('Hover effect value:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_hover_effect_value" id="thumb_hover_effect_value" value="<?php echo $row->thumb_hover_effect_value; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('E.g. Rotate: 10deg, Scale/Zoom: 1.5, Skew: 10deg.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Transition:', BWG()->prefix); ?> </label></td>
<td id="thumb_transition">
<input type="radio" name="thumb_transition" id="thumb_transition1" value="1"<?php if ($row->thumb_transition == 1) echo 'checked="checked"'; ?> />
<label for="thumb_transition1" id="thumb_transition1_lbl"><?php echo __('Yes', BWG()->prefix); ?></label>
<input type="radio" name="thumb_transition" id="thumb_transition0" value="0"<?php if ($row->thumb_transition == 0) echo 'checked="checked"'; ?> />
<label for="thumb_transition0" id="thumb_transition0_lbl"><?php echo __('No', BWG()->prefix); ?></label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Thumbnail_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label">
<label for="thumb_bg_color"><?php echo __('Thumbnail background color:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="thumb_bg_color" id="thumb_bg_color" value="<?php echo $row->thumb_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_bg_transparency"><?php echo __('Thumbnail background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_bg_transparency" id="thumb_bg_transparency" value="<?php echo $row->thumb_bg_transparency; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_transparent"><?php echo __('Thumbnail transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_transparent" id="thumb_transparent" value="<?php echo $row->thumb_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumbs_bg_color"><?php echo __('Full background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumbs_bg_color" id="thumbs_bg_color" value="<?php echo $row->thumbs_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_bg_transparent"><?php echo __('Full background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_bg_transparent" id="thumb_bg_transparent" value="<?php echo $row->thumb_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_align"><?php echo __('Alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="thumb_align" id="thumb_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->thumb_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Thumbnail_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label><?php echo __('Title position:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="thumb_title_pos" id="thumb_title_pos1" value="top" <?php if ($row->thumb_title_pos == "top") echo 'checked="checked"'; ?> />
<label for="thumb_title_pos1" id="thumb_title_pos1_lbl"><?php echo __('Top', BWG()->prefix); ?></label>
<input type="radio" name="thumb_title_pos" id="thumb_title_pos0" value="bottom" <?php if ($row->thumb_title_pos == "bottom") echo 'checked="checked"'; ?> />
<label for="thumb_title_pos0" id="thumb_title_pos0_lbl"><?php echo __('Bottom', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_title_font_size"><?php echo __('Title font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_title_font_size" id="thumb_title_font_size" value="<?php echo $row->thumb_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_title_font_color"><?php echo __('Title font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_title_font_color" id="thumb_title_font_color" value="<?php echo $row->thumb_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_title_font_color_hover"><?php echo __('Title font color (Show on hover):', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_title_font_color_hover" id="thumb_title_font_color_hover" value="<?php echo $row->thumb_title_font_color_hover; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->thumb_title_font_style, 'thumb_title_font_style', __('Title font family:', BWG()->prefix), 'thumb_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="thumb_title_font_weight"><?php echo __('Title font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="thumb_title_font_weight" id="thumb_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->thumb_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_title_shadow"><?php echo __('Title box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_title_shadow" id="thumb_title_shadow" value="<?php echo $row->thumb_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_title_margin"><?php echo __('Title margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_title_margin" id="thumb_title_margin" value="<?php echo $row->thumb_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_description_font_size"><?php echo __('Thumb description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_description_font_size" id="thumb_description_font_size" value="<?php echo
$row->thumb_description_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_description_font_color"><?php echo __('Thumb description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_description_font_color" id="thumb_description_font_color" value="<?php echo $row->thumb_description_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->thumb_description_font_style, 'thumb_description_font_style', __('Description font family:', BWG()->prefix), 'thumb_description_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="thumb_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_gal_title_font_size" id="thumb_gal_title_font_size" value="<?php echo
$row->thumb_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_gal_title_font_color" id="thumb_gal_title_font_color" value="<?php echo $row->thumb_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->thumb_gal_title_font_style, 'thumb_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'thumb_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="thumb_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="thumb_gal_title_font_weight" id="thumb_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->thumb_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_gal_title_shadow" id="thumb_gal_title_shadow" value="<?php echo $row->thumb_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="thumb_gal_title_margin" id="thumb_gal_title_margin" value="<?php echo $row->thumb_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="thumb_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="thumb_gal_title_align" id="thumb_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->thumb_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Masonry" class="spider_type_fieldset">
<div class="wd-table">
<div id="Masonry_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="masonry_thumb_padding"><?php echo __('Distance between pictures:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_padding" id="masonry_thumb_padding" value="<?php echo $row->masonry_thumb_padding; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label><?php _e('Distance from container frame:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="masonry_container_margin" id="masonry_container_margin1" value="1"<?php if ($row->masonry_container_margin == 1) echo 'checked="checked"'; ?> />
<label for="masonry_container_margin1"><?php _e('Yes', BWG()->prefix); ?></label>
<input type="radio" name="masonry_container_margin" id="masonry_container_margin0" value="0"<?php if ($row->masonry_container_margin == 0) echo 'checked="checked"'; ?> />
<label for="masonry_container_margin0"><?php _e('No', BWG()->prefix); ?></label>
<div class="spider_description"><?php _e('Enable this option to add distance between the parent container and the thumbnails grid.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_border_width" id="masonry_thumb_border_width" value="<?php echo $row->masonry_thumb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="masonry_thumb_border_style" id="masonry_thumb_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->masonry_thumb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_border_color"><?php echo __('Border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_border_color" id="masonry_thumb_border_color" value="<?php echo $row->masonry_thumb_border_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_border_radius" id="masonry_thumb_border_radius" value="<?php echo $row->masonry_thumb_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_hover_effect"><?php echo __('Hover effect:', BWG()->prefix); ?> </label></td>
<td>
<select name="masonry_thumb_hover_effect" id="masonry_thumb_hover_effect">
<?php
foreach ($thumbnail_hover_effects as $key => $hover_effect) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->masonry_thumb_hover_effect == $key) ? 'selected="selected"' : ''); ?>><?php echo __($hover_effect, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_hover_effect_value"><?php echo __('Hover effect value:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_hover_effect_value" id="masonry_thumb_hover_effect_value" value="<?php echo $row->masonry_thumb_hover_effect_value; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('E.g. Rotate: 10deg, Scale: 1.5, Skew: 10deg.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Transition:', BWG()->prefix); ?> </label></td>
<td id="masonry_thumb_transition">
<input type="radio" name="masonry_thumb_transition" id="masonry_thumb_transition1" value="1"<?php if ($row->masonry_thumb_transition == 1) echo 'checked="checked"'; ?> />
<label for="masonry_thumb_transition1" id="masonry_thumb_transition1_lbl"><?php echo __('Yes', BWG()->prefix); ?></label>
<input type="radio" name="masonry_thumb_transition" id="masonry_thumb_transition0" value="0"<?php if ($row->masonry_thumb_transition == 0) echo 'checked="checked"'; ?> />
<label for="masonry_thumb_transition0" id="masonry_thumb_transition0_lbl"><?php echo __('No', BWG()->prefix); ?></label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Masonry_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label">
<label for="masonry_thumb_bg_color"><?php echo __('Thumbnail background color:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="masonry_thumb_bg_color" id="masonry_thumb_bg_color" value="<?php echo $row->masonry_thumb_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_bg_transparency"><?php echo __('Thumbnail background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_bg_transparency" id="masonry_thumb_bg_transparency" value="<?php echo $row->masonry_thumb_bg_transparency; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_transparent"><?php echo __('Transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_transparent" id="masonry_thumb_transparent" value="<?php echo $row->masonry_thumb_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumbs_bg_color"><?php echo __('Full Background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumbs_bg_color" id="masonry_thumbs_bg_color" value="<?php echo $row->masonry_thumbs_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_bg_transparent"><?php echo __('Background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_bg_transparent" id="masonry_thumb_bg_transparent" value="<?php echo $row->masonry_thumb_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_align0"><?php echo __('Alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="masonry_thumb_align" id="masonry_thumb_align">
<?php foreach ($aligns as $key => $align) { ?>
<option value="<?php echo $key; ?>" <?php echo (($row->masonry_thumb_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php } ?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Masonry_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="masonry_thumb_title_font_size"><?php echo __('Title font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_title_font_size" id="masonry_thumb_title_font_size" value="<?php echo $row->masonry_thumb_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_title_font_color"><?php echo __('Title font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_title_font_color" id="masonry_thumb_title_font_color" value="<?php echo $row->masonry_thumb_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_title_font_color_hover"><?php echo __('Title font color (Show on hover):', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_title_font_color_hover" id="masonry_thumb_title_font_color_hover" value="<?php echo $row->masonry_thumb_title_font_color_hover; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->masonry_thumb_title_font_style, 'masonry_thumb_title_font_style', __('Title font family:', BWG()->prefix), 'masonry_thumb_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_title_font_weight"><?php echo __('Title font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="masonry_thumb_title_font_weight" id="masonry_thumb_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->masonry_thumb_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_title_margin"><?php echo __('Title margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_title_margin" id="masonry_thumb_title_margin" value="<?php echo $row->masonry_thumb_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_description_font_size"><?php echo __('Description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_description_font_size" id="masonry_description_font_size" value="<?php echo $row->masonry_description_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_description_color"><?php echo __('Description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_description_color" id="masonry_description_color" value="<?php echo $row->masonry_description_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->masonry_description_font_style, 'masonry_description_font_style', __('Description font family:', BWG()->prefix), 'masonry_description_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_gal_title_font_size" id="masonry_thumb_gal_title_font_size" value="<?php echo $row->masonry_thumb_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_gal_title_font_color" id="masonry_thumb_gal_title_font_color" value="<?php echo $row->masonry_thumb_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->masonry_thumb_gal_title_font_style, 'masonry_thumb_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'masonry_thumb_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="masonry_thumb_gal_title_font_weight" id="masonry_thumb_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->masonry_thumb_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_gal_title_shadow" id="masonry_thumb_gal_title_shadow" value="<?php echo $row->masonry_thumb_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="masonry_thumb_gal_title_margin" id="masonry_thumb_gal_title_margin" value="<?php echo $row->masonry_thumb_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="masonry_thumb_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="masonry_thumb_gal_title_align" id="masonry_thumb_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->masonry_thumb_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Mosaic" class="spider_type_fieldset">
<div class="wd-table">
<div id="Mosaic_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="mosaic_thumb_padding"><?php echo __('Distance between pictures:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_padding" id="mosaic_thumb_padding" value="<?php echo $row->mosaic_thumb_padding; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label><?php _e('Distance from container frame:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="mosaic_container_margin" id="mosaic_container_margin1" value="1"<?php if ($row->mosaic_container_margin == 1) echo 'checked="checked"'; ?> />
<label for="mosaic_container_margin1"><?php _e('Yes', BWG()->prefix); ?></label>
<input type="radio" name="mosaic_container_margin" id="mosaic_container_margin0" value="0"<?php if ($row->mosaic_container_margin == 0) echo 'checked="checked"'; ?> />
<label for="mosaic_container_margin0"><?php _e('No', BWG()->prefix); ?></label>
<div class="spider_description"><?php _e('Enable this option to add distance between the parent container and the thumbnails grid.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_border_width" id="mosaic_thumb_border_width" value="<?php echo $row->mosaic_thumb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="mosaic_thumb_border_style" id="mosaic_thumb_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->mosaic_thumb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_border_color"><?php echo __('Border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_border_color" id="mosaic_thumb_border_color" value="<?php echo $row->mosaic_thumb_border_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_border_radius" id="mosaic_thumb_border_radius" value="<?php echo $row->mosaic_thumb_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_hover_effect"><?php echo __('Hover effect:', BWG()->prefix); ?> </label></td>
<td>
<select name="mosaic_thumb_hover_effect" id="mosaic_thumb_hover_effect">
<?php
foreach ($thumbnail_hover_effects as $key => $hover_effect) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->mosaic_thumb_hover_effect == $key) ? 'selected="selected"' : ''); ?>><?php echo __($hover_effect, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_hover_effect_value"><?php echo __('Hover effect value:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_hover_effect_value" id="mosaic_thumb_hover_effect_value" value="<?php echo $row->mosaic_thumb_hover_effect_value; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('E.g. Rotate: 10deg, Scale: 1.5, Skew: 10deg.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Transition:', BWG()->prefix); ?> </label></td>
<td id="mosaic_thumb_transition">
<input type="radio" name="mosaic_thumb_transition" id="mosaic_thumb_transition1" value="1"<?php if ($row->mosaic_thumb_transition == 1) echo 'checked="checked"'; ?> />
<label for="mosaic_thumb_transition1" id="mosaic_thumb_transition1_lbl"><?php echo __('Yes', BWG()->prefix); ?></label>
<input type="radio" name="mosaic_thumb_transition" id="mosaic_thumb_transition0" value="0"<?php if ($row->mosaic_thumb_transition == 0) echo 'checked="checked"'; ?> />
<label for="mosaic_thumb_transition0" id="mosaic_thumb_transition0_lbl"><?php echo __('No', BWG()->prefix); ?></label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Mosaic_2" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="mosaic_thumb_bg_color"><?php echo __('Thumbnail background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_bg_color" id="mosaic_thumb_bg_color" value="<?php echo $row->mosaic_thumb_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_bg_transparency"><?php echo __('Thumbnail background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_bg_transparency" id="mosaic_thumb_bg_transparency" value="<?php echo $row->mosaic_thumb_bg_transparency; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_transparent"><?php echo __('Transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_transparent" id="mosaic_thumb_transparent" value="<?php echo $row->mosaic_thumb_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumbs_bg_color"><?php echo __('Full Background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumbs_bg_color" id="mosaic_thumbs_bg_color" value="<?php echo $row->mosaic_thumbs_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_bg_transparent"><?php echo __('Background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_bg_transparent" id="mosaic_thumb_bg_transparent" value="<?php echo $row->mosaic_thumb_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_align0"><?php echo __('Alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="mosaic_thumb_align" id="mosaic_thumb_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->mosaic_thumb_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Mosaic_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="mosaic_thumb_title_font_size"><?php echo __('Title font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_title_font_size" id="mosaic_thumb_title_font_size" value="<?php echo $row->mosaic_thumb_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_title_font_color"><?php echo __('Title font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_title_font_color" id="mosaic_thumb_title_font_color" value="<?php echo $row->mosaic_thumb_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_title_font_color_hover"><?php echo __('Title font color (Show on hover):', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_title_font_color_hover" id="mosaic_thumb_title_font_color_hover" value="<?php echo $row->mosaic_thumb_title_font_color_hover; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->mosaic_thumb_title_font_style, 'mosaic_thumb_title_font_style', __('Title font family:', BWG()->prefix), 'mosaic_thumb_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_title_font_weight"><?php echo __('Title font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="mosaic_thumb_title_font_weight" id="mosaic_thumb_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->mosaic_thumb_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_title_shadow"><?php echo __('Title box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_title_shadow" id="mosaic_thumb_title_shadow" value="<?php echo $row->mosaic_thumb_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_title_margin"><?php echo __('Title margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_title_margin" id="mosaic_thumb_title_margin" value="<?php echo $row->mosaic_thumb_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_gal_title_font_size" id="mosaic_thumb_gal_title_font_size" value="<?php echo $row->mosaic_thumb_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_gal_title_font_color" id="mosaic_thumb_gal_title_font_color" value="<?php echo $row->mosaic_thumb_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->mosaic_thumb_gal_title_font_style, 'mosaic_thumb_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'mosaic_thumb_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="mosaic_thumb_gal_title_font_weight" id="mosaic_thumb_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->mosaic_thumb_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_gal_title_shadow" id="mosaic_thumb_gal_title_shadow" value="<?php echo $row->mosaic_thumb_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="mosaic_thumb_gal_title_margin" id="mosaic_thumb_gal_title_margin" value="<?php echo $row->mosaic_thumb_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="mosaic_thumb_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="mosaic_thumb_gal_title_align" id="mosaic_thumb_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->mosaic_thumb_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Slideshow" class="spider_type_fieldset">
<div class="wd-table">
<div id="Slideshow_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="slideshow_cont_bg_color"><?php echo __('Background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_cont_bg_color" id="slideshow_cont_bg_color" value="<?php echo $row->slideshow_cont_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_size"><?php echo __('Right, left buttons size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_size" id="slideshow_rl_btn_size" value="<?php echo $row->slideshow_rl_btn_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_play_pause_btn_size"><?php echo __('Play, pause buttons size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_play_pause_btn_size" id="slideshow_play_pause_btn_size" value="<?php echo $row->slideshow_play_pause_btn_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_color"><?php echo __('Buttons color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_color" id="slideshow_rl_btn_color" value="<?php echo $row->slideshow_rl_btn_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_close_btn_transparent"><?php echo __('Buttons transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_close_btn_transparent" id="slideshow_close_btn_transparent" value="<?php echo $row->slideshow_close_btn_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_close_rl_btn_hover_color"><?php echo __('Buttons hover color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_close_rl_btn_hover_color" id="slideshow_close_rl_btn_hover_color" value="<?php echo $row->slideshow_close_rl_btn_hover_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_width"><?php echo __('Right, left buttons width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_width" id="slideshow_rl_btn_width" value="<?php echo $row->slideshow_rl_btn_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_height"><?php echo __('Right, left buttons height:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_height" id="slideshow_rl_btn_height" value="<?php echo $row->slideshow_rl_btn_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_bg_color"><?php echo __('Right, left buttons background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_bg_color" id="slideshow_rl_btn_bg_color" value="<?php echo $row->slideshow_rl_btn_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_border_width"><?php echo __('Right, left buttons border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_border_width" id="slideshow_rl_btn_border_width" value="<?php echo $row->slideshow_rl_btn_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_border_style"><?php echo __('Right, left buttons border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="slideshow_rl_btn_border_style" id="slideshow_rl_btn_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->slideshow_rl_btn_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_border_color"><?php echo __('Right, left buttons border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_border_color" id="slideshow_rl_btn_border_color" value="<?php echo $row->slideshow_rl_btn_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_border_radius"><?php echo __('Right, left buttons border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_border_radius" id="slideshow_rl_btn_border_radius" value="<?php echo $row->slideshow_rl_btn_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_style"><?php echo __('Right, left buttons style:', BWG()->prefix); ?> </label></td>
<td>
<select name="slideshow_rl_btn_style" id="slideshow_rl_btn_style">
<?php
foreach ($button_styles as $key => $button_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->slideshow_rl_btn_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($button_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_rl_btn_box_shadow"><?php echo __('Right, left buttons box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_rl_btn_box_shadow" id="slideshow_rl_btn_box_shadow" value="<?php echo $row->slideshow_rl_btn_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Slideshow_2" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label><?php echo __('Filmstrip/Slider bullet position:', BWG()->prefix); ?> </label></td>
<td>
<select name="slideshow_filmstrip_pos" id="slideshow_filmstrip_pos">
<option value="top" <?php echo (($row->slideshow_filmstrip_pos == "top") ? 'selected="selected"' : ''); ?>><?php echo __("Top", BWG()->prefix); ?></option>
<option value="right" <?php echo (($row->slideshow_filmstrip_pos == "right") ? 'selected="selected"' : ''); ?>><?php echo __("Right", BWG()->prefix); ?></option>
<option value="bottom" <?php echo (($row->slideshow_filmstrip_pos == "bottom") ? 'selected="selected"' : ''); ?>><?php echo __("Bottom", BWG()->prefix); ?></option>
<option value="left" <?php echo (($row->slideshow_filmstrip_pos == "left") ? 'selected="selected"' : ''); ?>><?php echo __("Left", BWG()->prefix); ?></option>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_thumb_margin"><?php echo __('Filmstrip margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_filmstrip_thumb_margin" id="slideshow_filmstrip_thumb_margin" value="<?php echo $row->slideshow_filmstrip_thumb_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_thumb_border_width"><?php echo __('Filmstrip border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_filmstrip_thumb_border_width" id="slideshow_filmstrip_thumb_border_width" value="<?php echo $row->slideshow_filmstrip_thumb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_thumb_border_style"><?php echo __('Filmstrip border style:', BWG()->prefix); ?> </label>
</td>
<td>
<select name="slideshow_filmstrip_thumb_border_style" id="slideshow_filmstrip_thumb_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->slideshow_filmstrip_thumb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_thumb_border_color"><?php echo __('Filmstrip border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_filmstrip_thumb_border_color" id="slideshow_filmstrip_thumb_border_color" value="<?php echo $row->slideshow_filmstrip_thumb_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_thumb_border_radius"><?php echo __('Filmstrip border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_filmstrip_thumb_border_radius" id="slideshow_filmstrip_thumb_border_radius" value="<?php echo $row->slideshow_filmstrip_thumb_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_thumb_active_border_width"><?php echo __('Filmstrip active border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_filmstrip_thumb_active_border_width" id="slideshow_filmstrip_thumb_active_border_width" value="<?php echo $row->slideshow_filmstrip_thumb_active_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_thumb_active_border_color"><?php echo __('Filmstrip active border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_filmstrip_thumb_active_border_color" id="slideshow_filmstrip_thumb_active_border_color" value="<?php echo $row->slideshow_filmstrip_thumb_active_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="tr_appWidth">
<td class="spider_label"><label for="slideshow_filmstrip_thumb_deactive_transparent"><?php echo __('Filmstrip deactive transparency: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_filmstrip_thumb_deactive_transparent" id="slideshow_filmstrip_thumb_deactive_transparent" value="<?php echo $row->slideshow_filmstrip_thumb_deactive_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_rl_bg_color"><?php echo __('Filmstrip right, left buttons background color: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_filmstrip_rl_bg_color" id="slideshow_filmstrip_rl_bg_color" value="<?php echo $row->slideshow_filmstrip_rl_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_rl_btn_color"><?php echo __('Filmstrip right, left buttons color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_filmstrip_rl_btn_color" id="slideshow_filmstrip_rl_btn_color" value="<?php echo $row->slideshow_filmstrip_rl_btn_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_filmstrip_rl_btn_size"><?php echo __('Filmstrip right, left buttons size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_filmstrip_rl_btn_size" id="slideshow_filmstrip_rl_btn_size" value="<?php echo $row->slideshow_filmstrip_rl_btn_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_dots_width"><?php echo __('Slider bullet width: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_dots_width" id="slideshow_dots_width" value="<?php echo $row->slideshow_dots_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_dots_height"><?php echo __('Slider bullet height:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_dots_height" id="slideshow_dots_height" value="<?php echo $row->slideshow_dots_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_dots_border_radius"><?php echo __('Slider bullet border radius: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_dots_border_radius" id="slideshow_dots_border_radius" value="<?php echo $row->slideshow_dots_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_dots_background_color"><?php echo __('Slider bullet background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_dots_background_color" id="slideshow_dots_background_color" value="<?php echo $row->slideshow_dots_background_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_dots_margin"><?php echo __('Slider bullet margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_dots_margin" id="slideshow_dots_margin" value="<?php echo $row->slideshow_dots_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_dots_active_background_color"><?php echo __('Slider bullet active background color: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_dots_active_background_color" id="slideshow_dots_active_background_color" value="<?php echo $row->slideshow_dots_active_background_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_dots_active_border_width"><?php echo __('Slider bullet active border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_dots_active_border_width" id="slideshow_dots_active_border_width" value="<?php echo $row->slideshow_dots_active_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_dots_active_border_color"><?php echo __('Slider bullet active border color: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_dots_active_border_color" id="slideshow_dots_active_border_color" value="<?php echo $row->slideshow_dots_active_border_color; ?>" class="jscolor"/>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Slideshow_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="slideshow_title_background_color"><?php echo __('Title background color: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_title_background_color" id="slideshow_title_background_color" value="<?php echo $row->slideshow_title_background_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_title_opacity"><?php echo __('Title transparency: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_title_opacity" id="slideshow_title_opacity" value="<?php echo $row->slideshow_title_opacity; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_title_border_radius"><?php echo __('Title border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_title_border_radius" id="slideshow_title_border_radius" value="<?php echo $row->slideshow_title_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_title_padding"><?php echo __('Title padding: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_title_padding" id="slideshow_title_padding" value="<?php echo $row->slideshow_title_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_title_font_size"><?php echo __('Title font size: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_title_font_size" id="slideshow_title_font_size" value="<?php echo $row->slideshow_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_title_color"><?php echo __('Title color: ', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="slideshow_title_color" id="slideshow_title_color" value="<?php echo $row->slideshow_title_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->slideshow_title_font, 'slideshow_title_font', __('Title font family:', BWG()->prefix), 'slideshow_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_description_background_color"><?php echo __('Description background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_description_background_color" id="slideshow_description_background_color" value="<?php echo $row->slideshow_description_background_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_description_opacity"><?php echo __('Description transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_description_opacity" id="slideshow_description_opacity" value="<?php echo $row->slideshow_description_opacity; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_description_border_radius"><?php echo __('Description border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_description_border_radius" id="slideshow_description_border_radius" value="<?php echo $row->slideshow_description_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_description_padding"><?php echo __('Description padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_description_padding" id="slideshow_description_padding" value="<?php echo $row->slideshow_description_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_description_font_size"><?php echo __('Description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_description_font_size" id="slideshow_description_font_size" value="<?php echo $row->slideshow_description_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="slideshow_description_color"><?php echo __('Description color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="slideshow_description_color" id="slideshow_description_color" value="<?php echo $row->slideshow_description_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->slideshow_description_font, 'slideshow_description_font', __('Description font family:', BWG()->prefix), 'slideshow_description_google_fonts' ); ?>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Image_browser" class="spider_type_fieldset">
<div class="wd-table">
<div id="Image_browser_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="image_browser_full_padding"><?php echo __('Full padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_full_padding" id="image_browser_full_padding" value="<?php echo $row->image_browser_full_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_full_bg_color"><?php echo __('Full background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_full_bg_color" id="image_browser_full_bg_color" value="<?php echo $row->image_browser_full_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_full_transparent"><?php echo __('Full background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_full_transparent" id="image_browser_full_transparent" value="<?php echo $row->image_browser_full_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_full_border_radius"><?php echo __('Full border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_full_border_radius" id="image_browser_full_border_radius" value="<?php echo $row->image_browser_full_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_full_border_width"><?php echo __('Full border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_full_border_width" id="image_browser_full_border_width" value="<?php echo $row->image_browser_full_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_full_border_style"><?php echo __('Full border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="image_browser_full_border_style" id="image_browser_full_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->image_browser_full_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_full_border_color"><?php echo __('Full border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_full_border_color" id="image_browser_full_border_color" value="<?php echo $row->image_browser_full_border_color; ?>" class="jscolor" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Image_browser_2" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="image_browser_align0"><?php echo __('Alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="image_browser_align" id="image_browser_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->image_browser_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_margin"><?php echo __('Margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_margin" id="image_browser_margin" value="<?php echo $row->image_browser_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_padding"><?php echo __('Padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_padding" id="image_browser_padding" value="<?php echo $row->image_browser_padding; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_border_width" id="image_browser_border_width" value="<?php echo $row->image_browser_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="image_browser_border_style" id="image_browser_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->image_browser_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_border_color"><?php echo __('Border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_border_color" id="image_browser_border_color" value="<?php echo $row->image_browser_border_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_border_radius" id="image_browser_border_radius" value="<?php echo $row->image_browser_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_bg_color"><?php echo __('Background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_bg_color" id="image_browser_bg_color" value="<?php echo $row->image_browser_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_transparent"><?php echo __('Background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_transparent" id="image_browser_transparent" value="<?php echo $row->image_browser_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_box_shadow"><?php echo __('Box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_box_shadow" id="image_browser_box_shadow" value="<?php echo $row->image_browser_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Image_browser_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label><?php _e('Title position:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="image_browser_image_title_align" id="image_browser_image_title_align1" value="top" <?php if ($row->image_browser_image_title_align == "top") echo 'checked="checked"'; ?> />
<label for="image_browser_image_title_align1" id="image_browser_image_title_align1_lbl"><?php _e('Top', BWG()->prefix); ?></label>
<input type="radio" name="image_browser_image_title_align" id="image_browser_image_title_align0" value="bottom" <?php if ($row->image_browser_image_title_align == "bottom") echo 'checked="checked"'; ?> />
<label for="image_browser_image_title_align0" id="image_browser_image_title_align0_lbl"><?php _e('Bottom', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_image_description_align0"><?php echo __('Title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="image_browser_image_description_align" id="image_browser_image_description_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->image_browser_image_description_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_img_font_size"><?php echo __('Font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_img_font_size" id="image_browser_img_font_size" value="<?php echo $row->image_browser_img_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_img_font_color"><?php echo __('Font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_img_font_color" id="image_browser_img_font_color" value="<?php echo $row->image_browser_img_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->image_browser_img_font_family, 'image_browser_img_font_family', __('Font family:', BWG()->prefix), 'image_browser_img_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_image_description_margin"><?php echo __('Description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_image_description_margin" id="image_browser_image_description_margin" value="<?php echo $row->image_browser_image_description_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_image_description_padding"><?php echo __('Description padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_image_description_padding" id="image_browser_image_description_padding" value="<?php echo $row->image_browser_image_description_padding; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_image_description_border_width"><?php echo __('Description border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_image_description_border_width" id="image_browser_image_description_border_width" value="<?php echo $row->image_browser_image_description_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_image_description_border_style"><?php echo __('Description border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="image_browser_image_description_border_style" id="image_browser_image_description_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->image_browser_image_description_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_image_description_border_color"><?php echo __('Description border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_image_description_border_color" id="image_browser_image_description_border_color" value="<?php echo $row->image_browser_image_description_border_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_image_description_border_radius"><?php echo __('Description border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_image_description_border_radius" id="image_browser_image_description_border_radius" value="<?php echo $row->image_browser_image_description_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_image_description_bg_color"><?php echo __('Description background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_image_description_bg_color" id="image_browser_image_description_bg_color" value="<?php echo $row->image_browser_image_description_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_gal_title_font_size" id="image_browser_gal_title_font_size" value="<?php echo
$row->image_browser_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_gal_title_font_color" id="image_browser_gal_title_font_color" value="<?php echo $row->image_browser_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->image_browser_gal_title_font_style, 'image_browser_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'image_browser_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="image_browser_gal_title_font_weight" id="image_browser_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->image_browser_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_gal_title_shadow" id="image_browser_gal_title_shadow" value="<?php echo $row->image_browser_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="image_browser_gal_title_margin" id="image_browser_gal_title_margin" value="<?php echo $row->image_browser_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="image_browser_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="image_browser_gal_title_align" id="image_browser_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->image_browser_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Compact_album" class="spider_type_fieldset">
<div class="wd-table">
<div id="Compact_album_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="album_compact_thumb_margin"><?php _e('Distance between pictures:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_margin" id="album_compact_thumb_margin" value="<?php echo $row->album_compact_thumb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label><?php _e('Distance from container frame:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="compact_container_margin" id="compact_container_margin1" value="1"<?php if ($row->compact_container_margin == 1) echo 'checked="checked"'; ?> />
<label for="compact_container_margin1"><?php _e('Yes', BWG()->prefix); ?></label>
<input type="radio" name="compact_container_margin" id="compact_container_margin0" value="0"<?php if ($row->compact_container_margin == 0) echo 'checked="checked"'; ?> />
<label for="compact_container_margin0"><?php _e('No', BWG()->prefix); ?></label>
<div class="spider_description"><?php _e('Enable this option to add distance between the parent container and the thumbnails grid.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_padding"><?php echo __('Padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_padding" id="album_compact_thumb_padding" value="<?php echo $row->album_compact_thumb_padding; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_border_width" id="album_compact_thumb_border_width" value="<?php echo $row->album_compact_thumb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_compact_thumb_border_style" id="album_compact_thumb_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_compact_thumb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_border_color"><?php echo __('Border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_border_color" id="album_compact_thumb_border_color" value="<?php echo $row->album_compact_thumb_border_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_border_radius" id="album_compact_thumb_border_radius" value="<?php echo $row->album_compact_thumb_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_box_shadow"><?php echo __('Shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_box_shadow" id="album_compact_thumb_box_shadow" value="<?php echo $row->album_compact_thumb_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_hover_effect"><?php echo __('Hover effect:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_compact_thumb_hover_effect" id="album_compact_thumb_hover_effect">
<?php
foreach ($thumbnail_hover_effects as $key => $hover_effect) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_compact_thumb_hover_effect == $key) ? 'selected="selected"' : ''); ?>><?php echo __($hover_effect, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_hover_effect_value"><?php echo __('Hover effect value:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_hover_effect_value" id="album_compact_thumb_hover_effect_value" value="<?php echo $row->album_compact_thumb_hover_effect_value; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('E.g. Rotate: 10deg, Scale: 1.5, Skew: 10deg.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Thumbnail transition:', BWG()->prefix); ?> </label></td>
<td id="album_compact_thumb_transition">
<input type="radio" name="album_compact_thumb_transition" id="album_compact_thumb_transition1" value="1"<?php if ($row->album_compact_thumb_transition == 1) echo 'checked="checked"'; ?> />
<label for="album_compact_thumb_transition1" id="album_compact_thumb_transition1_lbl"><?php echo __('Yes', BWG()->prefix); ?></label>
<input type="radio" name="album_compact_thumb_transition" id="album_compact_thumb_transition0" value="0"<?php if ($row->album_compact_thumb_transition == 0) echo 'checked="checked"'; ?> />
<label for="album_compact_thumb_transition0" id="album_compact_thumb_transition0_lbl"><?php echo __('No', BWG()->prefix); ?></label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Compact_album_2" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="album_compact_thumb_bg_color"><?php echo __('Thumbnail background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_bg_color" id="album_compact_thumb_bg_color" value="<?php echo $row->album_compact_thumb_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_bg_transparency"><?php echo __('Thumbnail background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_bg_transparency" id="album_compact_thumb_bg_transparency" value="<?php echo $row->album_compact_thumb_bg_transparency; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_transparent"><?php echo __('Thumbnail transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_transparent" id="album_compact_thumb_transparent" value="<?php echo $row->album_compact_thumb_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumbs_bg_color"><?php echo __('Full background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumbs_bg_color" id="album_compact_thumbs_bg_color" value="<?php echo $row->album_compact_thumbs_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_bg_transparent"><?php echo __('Full background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_thumb_bg_transparent" id="album_compact_thumb_bg_transparent" value="<?php echo $row->album_compact_thumb_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_thumb_align0"><?php echo __('Alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_compact_thumb_align" id="album_compact_thumb_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_compact_thumb_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Compact_album_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label><?php echo __('Title position:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="album_compact_thumb_title_pos" id="album_compact_thumb_title_pos1" value="top" <?php if ($row->album_compact_thumb_title_pos == "top") echo 'checked="checked"'; ?> />
<label for="album_compact_thumb_title_pos1" id="album_compact_thumb_title_pos1_lbl"><?php echo __('Top', BWG()->prefix); ?></label>
<input type="radio" name="album_compact_thumb_title_pos" id="album_compact_thumb_title_pos0" value="bottom" <?php if ($row->album_compact_thumb_title_pos == "bottom") echo 'checked="checked"'; ?> />
<label for="album_compact_thumb_title_pos0" id="album_compact_thumb_title_pos0_lbl"><?php echo __('Bottom', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_title_font_size"><?php echo __('Title font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_title_font_size" id="album_compact_title_font_size" value="<?php echo $row->album_compact_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_title_font_color"><?php echo __('Title font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_title_font_color" id="album_compact_title_font_color" value="<?php echo $row->album_compact_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_title_font_color_hover"><?php echo __('Title font color (Show on hover):', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_title_font_color_hover" id="album_compact_title_font_color_hover" value="<?php echo $row->album_compact_title_font_color_hover; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_compact_title_font_style, 'album_compact_title_font_style', __('Title font family:', BWG()->prefix), 'album_compact_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_title_font_weight"><?php echo __('Title font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_compact_title_font_weight" id="album_compact_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_compact_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_title_shadow"><?php echo __('Title box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_title_shadow" id="album_compact_title_shadow" value="<?php echo $row->album_compact_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_title_margin"><?php echo __('Title margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_title_margin" id="album_compact_title_margin" value="<?php echo $row->album_compact_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_back_font_size"><?php echo __('Back Font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_back_font_size" id="album_compact_back_font_size" value="<?php echo $row->album_compact_back_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_back_font_color"><?php echo __('Back Font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_back_font_color" id="album_compact_back_font_color" value="<?php echo $row->album_compact_back_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_compact_back_font_style, 'album_compact_back_font_style', __('Back Font family:', BWG()->prefix), 'album_compact_back_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_back_font_weight"><?php echo __('Back Font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_compact_back_font_weight" id="album_compact_back_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_compact_back_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_back_padding"><?php echo __('Back padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_back_padding" id="album_compact_back_padding" value="<?php echo $row->album_compact_back_padding; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_gal_title_font_size" id="album_compact_gal_title_font_size" value="<?php echo $row->album_compact_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_gal_title_font_color" id="album_compact_gal_title_font_color" value="<?php echo $row->album_compact_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_compact_gal_title_font_style, 'album_compact_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'album_compact_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_compact_gal_title_font_weight" id="album_compact_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_compact_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_gal_title_shadow" id="album_compact_gal_title_shadow" value="<?php echo $row->album_compact_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_compact_gal_title_margin" id="album_compact_gal_title_margin" value="<?php echo $row->album_compact_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_compact_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_compact_gal_title_align" id="album_compact_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_compact_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Extended_album" class="spider_type_fieldset">
<div class="wd-table">
<div id="Extended_album_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="album_extended_thumb_margin"><?php echo __('Thumbnail margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_margin" id="album_extended_thumb_margin" value="<?php echo $row->album_extended_thumb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_padding"><?php echo __('Thumbnail padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_padding" id="album_extended_thumb_padding" value="<?php echo $row->album_extended_thumb_padding; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_border_width"><?php echo __('Thumbnail border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_border_width" id="album_extended_thumb_border_width" value="<?php echo $row->album_extended_thumb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_border_style"><?php echo __('Thumbnail border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_thumb_border_style" id="album_extended_thumb_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_thumb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_border_color"><?php echo __('Thumbnail border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_border_color" id="album_extended_thumb_border_color" value="<?php echo $row->album_extended_thumb_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_border_radius"><?php echo __('Thumbnail border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_border_radius" id="album_extended_thumb_border_radius" value="<?php echo $row->album_extended_thumb_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_box_shadow"><?php echo __('Thumbnail box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_box_shadow" id="album_extended_thumb_box_shadow" value="<?php echo $row->album_extended_thumb_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Thumbnail transition:', BWG()->prefix); ?> </label></td>
<td id="album_extended_thumb_transition">
<input type="radio" name="album_extended_thumb_transition" id="album_extended_thumb_transition1" value="1"<?php if ($row->album_extended_thumb_transition == 1) echo 'checked="checked"'; ?> />
<label for="album_extended_thumb_transition1" id="album_extended_thumb_transition1_lbl"><?php echo __('Yes', BWG()->prefix); ?></label>
<input type="radio" name="album_extended_thumb_transition" id="album_extended_thumb_transition0" value="0"<?php if ($row->album_extended_thumb_transition == 0) echo 'checked="checked"'; ?> />
<label for="album_extended_thumb_transition0" id="album_extended_thumb_transition0_lbl"><?php echo __('No', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_align0"><?php echo __('Description alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_thumb_align" id="album_extended_thumb_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_thumb_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_transparent"><?php echo __('Thumbnail transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_transparent" id="album_extended_thumb_transparent" value="<?php echo $row->album_extended_thumb_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_hover_effect"><?php echo __('Thumbnail hover effect:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_thumb_hover_effect" id="album_extended_thumb_hover_effect">
<?php
foreach ($thumbnail_hover_effects as $key => $hover_effect) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_thumb_hover_effect == $key) ? 'selected="selected"' : ''); ?>><?php echo __($hover_effect, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_hover_effect_value"><?php echo __('Hover effect value:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_hover_effect_value" id="album_extended_thumb_hover_effect_value" value="<?php echo $row->album_extended_thumb_hover_effect_value; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('E.g. Rotate: 10deg, Scale: 1.5, Skew: 10deg.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_bg_color"><?php echo __('Thumbnail background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_bg_color" id="album_extended_thumb_bg_color" value="<?php echo $row->album_extended_thumb_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumbs_bg_color"><?php echo __('Thumbnails background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumbs_bg_color" id="album_extended_thumbs_bg_color" value="<?php echo $row->album_extended_thumbs_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_bg_transparent"><?php echo __('Thumbnail background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_bg_transparent" id="album_extended_thumb_bg_transparent" value="<?php echo $row->album_extended_thumb_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Extended_album_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="album_extended_thumb_div_padding"><?php echo __('Thumbnail div padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_div_padding" id="album_extended_thumb_div_padding" value="<?php echo $row->album_extended_thumb_div_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_div_bg_color"><?php echo __('Thumbnail div background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_div_bg_color" id="album_extended_thumb_div_bg_color" value="<?php echo $row->album_extended_thumb_div_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_div_border_width"><?php echo __('Thumbnail div border width:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="album_extended_thumb_div_border_width" id="album_extended_thumb_div_border_width" value="<?php echo $row->album_extended_thumb_div_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_div_border_style">T<?php echo __('humbnail div border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_thumb_div_border_style" id="album_extended_thumb_div_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_thumb_div_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_div_border_color"><?php echo __('Thumbnail div border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_div_border_color" id="album_extended_thumb_div_border_color" value="<?php echo $row->album_extended_thumb_div_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_thumb_div_border_radius"><?php echo __('Thumbnail div border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_thumb_div_border_radius" id="album_extended_thumb_div_border_radius" value="<?php echo $row->album_extended_thumb_div_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_div_margin"><?php echo __('Margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_div_margin" id="album_extended_div_margin" value="<?php echo $row->album_extended_div_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_div_padding"><?php echo __('Padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_div_padding" id="album_extended_div_padding" value="<?php echo $row->album_extended_div_padding; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_div_bg_color"><?php echo __('Background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_div_bg_color" id="album_extended_div_bg_color" value="<?php echo $row->album_extended_div_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_div_bg_transparent"><?php echo __('Background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_div_bg_transparent" id="album_extended_div_bg_transparent" value="<?php echo $row->album_extended_div_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_div_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_div_border_radius" id="album_extended_div_border_radius" value="<?php echo $row->album_extended_div_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_div_separator_width"><?php echo __('Separator width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_div_separator_width" id="album_extended_div_separator_width" value="<?php echo $row->album_extended_div_separator_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_div_separator_style"><?php echo __('Separator style:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_div_separator_style" id="album_extended_div_separator_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_div_separator_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_div_separator_color"><?php echo __('Separator color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_div_separator_color" id="album_extended_div_separator_color" value="<?php echo $row->album_extended_div_separator_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_back_padding"><?php echo __('Back padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_back_padding" id="album_extended_back_padding" value="<?php echo $row->album_extended_back_padding; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_back_font_size"><?php echo __('Back font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_back_font_size" id="album_extended_back_font_size" value="<?php echo $row->album_extended_back_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_back_font_color"><?php echo __('Back font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_back_font_color" id="album_extended_back_font_color" value="<?php echo $row->album_extended_back_font_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_extended_back_font_style, 'album_extended_back_font_style', __('Back font family:', BWG()->prefix), 'album_extended_back_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_back_font_weight"><?php echo __('Back font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_back_font_weight" id="album_extended_back_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_back_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Extended_album_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="album_extended_title_desc_alignment"><?php _e('Title/description alignment:', BWG()->prefix); ?></label></td>
<td>
<select name="album_extended_title_desc_alignment" id="album_extended_title_desc_alignment">
<?php
foreach ( array('top', 'center', 'bottom') as $val ) {
?>
<option value="<?php echo $val; ?>" <?php echo (($row->album_extended_title_desc_alignment == $val) ? 'selected="selected"' : ''); ?>><?php echo ucfirst( __($val, BWG()->prefix) ); ?></option>
<?php
}
?>
</select><div class="spider_description"></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_text_div_padding"><?php echo __('Text div padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_text_div_padding" id="album_extended_text_div_padding" value="<?php echo $row->album_extended_text_div_padding; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_text_div_border_width"><?php echo __('Text div border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_text_div_border_width" id="album_extended_text_div_border_width" value="<?php echo $row->album_extended_text_div_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_text_div_border_style"><?php echo __('Text border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_text_div_border_style" id="album_extended_text_div_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_text_div_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_text_div_border_color"><?php echo __('Text border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_text_div_border_color" id="album_extended_text_div_border_color" value="<?php echo $row->album_extended_text_div_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_text_div_border_radius"><?php echo __('Text div border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_text_div_border_radius" id="album_extended_text_div_border_radius" value="<?php echo $row->album_extended_text_div_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_text_div_bg_color"><?php echo __('Text background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_text_div_bg_color" id="album_extended_text_div_bg_color" value="<?php echo $row->album_extended_text_div_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_title_margin_bottom"><?php echo __('Title margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_title_margin_bottom" id="album_extended_title_margin_bottom" value="<?php echo $row->album_extended_title_margin_bottom; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_title_padding"><?php echo __('Title padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_title_padding" id="album_extended_title_padding" value="<?php echo $row->album_extended_title_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_title_span_border_width"><?php echo __('Title border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_title_span_border_width" id="album_extended_title_span_border_width" value="<?php echo $row->album_extended_title_span_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_title_span_border_style"><?php echo __('Title border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_title_span_border_style" id="album_extended_title_span_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_title_span_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_title_span_border_color"><?php echo __('Title border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_title_span_border_color" id="album_extended_title_span_border_color" value="<?php echo $row->album_extended_title_span_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_title_font_size"><?php echo __('Title font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_title_font_size" id="album_extended_title_font_size" value="<?php echo $row->album_extended_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_title_font_color"><?php echo __('Title font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_title_font_color" id="album_extended_title_font_color" value="<?php echo $row->album_extended_title_font_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_extended_title_font_style, 'album_extended_title_font_style', __('Title font family:', BWG()->prefix), 'album_extended_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_title_font_weight"><?php echo __('Title font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_title_font_weight" id="album_extended_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_padding"><?php echo __('Description padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_desc_padding" id="album_extended_desc_padding" value="<?php echo $row->album_extended_desc_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_span_border_width"><?php echo __('Description border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_desc_span_border_width" id="album_extended_desc_span_border_width" value="<?php echo $row->album_extended_desc_span_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_span_border_style"><?php echo __('Description border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_desc_span_border_style" id="album_extended_desc_span_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_desc_span_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_span_border_color"><?php echo __('Description border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_desc_span_border_color" id="album_extended_desc_span_border_color" value="<?php echo $row->album_extended_desc_span_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_font_size"><?php echo __('Description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_desc_font_size" id="album_extended_desc_font_size" value="<?php echo $row->album_extended_desc_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_font_color"><?php echo __('Description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_desc_font_color" id="album_extended_desc_font_color" value="<?php echo $row->album_extended_desc_font_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_extended_desc_font_style, 'album_extended_desc_font_style', __('Description font family:', BWG()->prefix), 'album_extended_desc_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_font_weight"><?php echo __('Description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_desc_font_weight" id="album_extended_desc_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_desc_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_more_size"><?php echo __('Description more size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_desc_more_size" id="album_extended_desc_more_size" value="<?php echo $row->album_extended_desc_more_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_desc_more_color"><?php echo __('Description more color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_desc_more_color" id="album_extended_desc_more_color" value="<?php echo $row->album_extended_desc_more_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_gal_title_font_size" id="album_extended_gal_title_font_size" value="<?php echo $row->album_extended_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_gal_title_font_color" id="album_extended_gal_title_font_color" value="<?php echo $row->album_extended_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_extended_gal_title_font_style, 'album_extended_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'album_extended_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_gal_title_font_weight" id="album_extended_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_gal_title_shadow" id="album_extended_gal_title_shadow" value="<?php echo $row->album_extended_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_extended_gal_title_margin" id="album_extended_gal_title_margin" value="<?php echo $row->album_extended_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_extended_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_extended_gal_title_align" id="album_extended_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_extended_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Masonry_album" class="spider_type_fieldset">
<div class="wd-table">
<div id="Masonry_album_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_padding"><?php echo __('Distance between pictures:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumb_padding" id="album_masonry_thumb_padding" value="<?php echo $row->album_masonry_thumb_padding; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label><?php _e('Distance from container frame:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="album_masonry_container_margin" id="album_masonry_container_margin1" value="1"<?php if ($row->album_masonry_container_margin == 1) echo 'checked="checked"'; ?> />
<label for="album_masonry_container_margin1"><?php _e('Yes', BWG()->prefix); ?></label>
<input type="radio" name="album_masonry_container_margin" id="album_masonry_container_margin0" value="0"<?php if ($row->album_masonry_container_margin == 0) echo 'checked="checked"'; ?> />
<label for="album_masonry_container_margin0"><?php _e('No', BWG()->prefix); ?></label>
<div class="spider_description"><?php _e('Enable this option to add distance between the parent container and the thumbnails grid.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumb_border_width" id="album_masonry_thumb_border_width" value="<?php echo $row->album_masonry_thumb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_masonry_thumb_border_style" id="album_masonry_thumb_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_masonry_thumb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_border_color"><?php echo __('Border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumb_border_color" id="album_masonry_thumb_border_color" value="<?php echo $row->album_masonry_thumb_border_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumb_border_radius" id="album_masonry_thumb_border_radius" value="<?php echo $row->album_masonry_thumb_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_hover_effect"><?php echo __('Hover effect:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_masonry_thumb_hover_effect" id="album_masonry_thumb_hover_effect">
<?php
foreach ($thumbnail_hover_effects as $key => $hover_effect) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_masonry_thumb_hover_effect == $key) ? 'selected="selected"' : ''); ?>><?php echo __($hover_effect, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_hover_effect_value"><?php echo __('Hover effect value:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumb_hover_effect_value" id="album_masonry_thumb_hover_effect_value" value="<?php echo $row->album_masonry_thumb_hover_effect_value; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('E.g. Rotate: 10deg, Scale: 1.5, Skew: 10deg.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Thumbnail transition:', BWG()->prefix); ?> </label></td>
<td id="album_masonry_thumb_transition">
<input type="radio" name="album_masonry_thumb_transition" id="album_masonry_thumb_transition1" value="1"<?php if ($row->album_masonry_thumb_transition == 1) echo 'checked="checked"'; ?> />
<label for="album_masonry_thumb_transition1" id="album_masonry_thumb_transition1_lbl"><?php echo __('Yes', BWG()->prefix); ?></label>
<input type="radio" name="album_masonry_thumb_transition" id="album_masonry_thumb_transition0" value="0"<?php if ($row->album_masonry_thumb_transition == 0) echo 'checked="checked"'; ?> />
<label for="album_masonry_thumb_transition0" id="album_masonry_thumb_transition0_lbl"><?php echo __('No', BWG()->prefix); ?></label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="masonry_album_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label">
<label for="album_masonry_thumb_bg_color"><?php echo __('Thumbnail background color:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="album_masonry_thumb_bg_color" id="album_masonry_thumb_bg_color" value="<?php echo $row->album_masonry_thumb_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_transparent"><?php echo __('Thumbnail transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumb_transparent" id="album_masonry_thumb_transparent" value="<?php echo $row->album_masonry_thumb_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumbs_bg_color"><?php echo __('Full background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumbs_bg_color" id="album_masonry_thumbs_bg_color" value="<?php echo $row->album_masonry_thumbs_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_bg_transparent"><?php echo __('Full background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumb_bg_transparent" id="album_masonry_thumb_bg_transparent" value="<?php echo $row->album_masonry_thumb_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_align0"><?php echo __('Alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_masonry_thumb_align" id="album_masonry_thumb_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_masonry_thumb_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="masonry_album_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="album_masonry_title_font_size"><?php echo __('Title font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_title_font_size" id="album_masonry_title_font_size" value="<?php echo $row->album_masonry_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_title_font_color"><?php echo __('Title font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_title_font_color" id="album_masonry_title_font_color" value="<?php echo $row->album_masonry_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_thumb_title_font_color_hover"><?php echo __('Title font color (Show on hover):', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_thumb_title_font_color_hover" id="album_masonry_thumb_title_font_color_hover" value="<?php echo $row->album_masonry_thumb_title_font_color_hover; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_masonry_title_font_style, 'album_masonry_title_font_style', __('Title font family:', BWG()->prefix), 'album_masonry_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_title_font_weight"><?php echo __('Title font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_masonry_title_font_weight" id="album_masonry_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_masonry_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_title_shadow"><?php echo __('Title box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_title_shadow" id="album_masonry_title_shadow" value="<?php echo $row->album_masonry_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_back_font_size"><?php echo __('Back Font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_back_font_size" id="album_masonry_back_font_size" value="<?php echo $row->album_masonry_back_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_back_font_color"><?php echo __('Back Font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_back_font_color" id="album_masonry_back_font_color" value="<?php echo $row->album_masonry_back_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_masonry_back_font_style, 'album_masonry_back_font_style', __('Back Font family:', BWG()->prefix), 'album_masonry_back_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_back_font_weight"><?php echo __('Back Font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_masonry_back_font_weight" id="album_masonry_back_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_masonry_back_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_back_padding"><?php echo __('Back padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_back_padding" id="album_masonry_back_padding" value="<?php echo $row->album_masonry_back_padding; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_gal_title_font_size" id="album_masonry_gal_title_font_size" value="<?php echo $row->album_masonry_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_gal_title_font_color" id="album_masonry_gal_title_font_color" value="<?php echo $row->album_masonry_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->album_masonry_gal_title_font_style, 'album_masonry_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'album_masonry_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_masonry_gal_title_font_weight" id="album_masonry_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_masonry_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_gal_title_shadow" id="album_masonry_gal_title_shadow" value="<?php echo $row->album_masonry_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="album_masonry_gal_title_margin" id="album_masonry_gal_title_margin" value="<?php echo $row->album_masonry_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="album_masonry_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="album_masonry_gal_title_align" id="album_masonry_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->album_masonry_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Blog_style" class="spider_type_fieldset">
<div class="wd-table">
<div id="Blog_style_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="blog_style_bg_color"><?php echo __('Background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_bg_color" id="blog_style_bg_color" value="<?php echo $row->blog_style_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_transparent"><?php echo __('Background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_transparent" id="blog_style_transparent" value="<?php echo $row->blog_style_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_align0"><?php echo __('Alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="blog_style_align" id="blog_style_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->blog_style_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_margin"><?php echo __('Margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_margin" id="blog_style_margin" value="<?php echo $row->blog_style_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_padding"><?php echo __('Padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_padding" id="blog_style_padding" value="<?php echo $row->blog_style_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_box_shadow"><?php echo __('Box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_box_shadow" id="blog_style_box_shadow" value="<?php echo $row->blog_style_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Blog_style_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->blog_style_img_font_family, 'blog_style_img_font_family', __('Font family:', BWG()->prefix), 'blog_style_img_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_img_font_size"><?php echo __('Font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_img_font_size" id="blog_style_img_font_size" value="<?php echo $row->blog_style_img_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_img_font_color"><?php echo __('Font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_img_font_color" id="blog_style_img_font_color" value="<?php echo $row->blog_style_img_font_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_border_width" id="blog_style_border_width" value="<?php echo $row->blog_style_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="blog_style_border_style" id="blog_style_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->blog_style_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_border_color"><?php echo __('Border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_border_color" id="blog_style_border_color" value="<?php echo $row->blog_style_border_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_border_radius" id="blog_style_border_radius" value="<?php echo $row->blog_style_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Blog_style_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_margin"><?php echo __('Buttons and title margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_share_buttons_margin" id="blog_style_share_buttons_margin" value="<?php echo $row->blog_style_share_buttons_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_font_size"><?php echo __('Buttons size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_share_buttons_font_size" id="blog_style_share_buttons_font_size" value="<?php echo $row->blog_style_share_buttons_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_color"><?php echo __('Buttons color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_share_buttons_color" id="blog_style_share_buttons_color" value="<?php echo $row->blog_style_share_buttons_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_border_width"><?php echo __('Buttons and title border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_share_buttons_border_width" id="blog_style_share_buttons_border_width" value="<?php echo $row->blog_style_share_buttons_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_border_style"><?php echo __('Buttons and title border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="blog_style_share_buttons_border_style" id="blog_style_share_buttons_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->blog_style_share_buttons_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_border_color"><?php echo __('Buttons and title border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_share_buttons_border_color" id="blog_style_share_buttons_border_color" value="<?php echo $row->blog_style_share_buttons_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_border_radius"><?php echo __('Buttons and title border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_share_buttons_border_radius" id="blog_style_share_buttons_border_radius" value="<?php echo $row->blog_style_share_buttons_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_bg_color"><?php echo __('Buttons and title background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_share_buttons_bg_color" id="blog_style_share_buttons_bg_color" value="<?php echo $row->blog_style_share_buttons_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_bg_transparent"><?php echo __('Buttons and title background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_share_buttons_bg_transparent" id="blog_style_share_buttons_bg_transparent" value="<?php echo $row->blog_style_share_buttons_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_share_buttons_align0"><?php echo __('Buttons or title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="blog_style_share_buttons_align" id="blog_style_share_buttons_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->blog_style_share_buttons_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_gal_title_font_size" id="blog_style_gal_title_font_size" value="<?php echo
$row->blog_style_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_gal_title_font_color" id="blog_style_gal_title_font_color" value="<?php echo $row->blog_style_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->blog_style_gal_title_font_style, 'blog_style_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'blog_style_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="blog_style_gal_title_font_weight" id="blog_style_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->blog_style_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_gal_title_shadow" id="blog_style_gal_title_shadow" value="<?php echo $row->blog_style_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="blog_style_gal_title_margin" id="blog_style_gal_title_margin" value="<?php echo $row->blog_style_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="blog_style_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="blog_style_gal_title_align" id="blog_style_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->blog_style_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Lightbox" class="spider_type_fieldset">
<div class="wd-table">
<div id="Lightbox_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr id="lightbox_overlay_bg">
<td class="spider_label"><label for="lightbox_overlay_bg_color"><?php echo __('Overlay background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_overlay_bg_color" id="lightbox_overlay_bg_color" value="<?php echo $row->lightbox_overlay_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_overlay">
<td class="spider_label"><label for="lightbox_overlay_bg_transparent"><?php echo __('Overlay background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_overlay_bg_transparent" id="lightbox_overlay_bg_transparent" value="<?php echo $row->lightbox_overlay_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_bg">
<td class="spider_label"><label for="lightbox_bg_color"><?php echo __('Lightbox background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_bg_color" id="lightbox_bg_color" value="<?php echo $row->lightbox_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_transparency">
<td class="spider_label"><label for="lightbox_bg_transparent"><?php echo __('Lightbox background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_bg_transparent" id="lightbox_bg_transparent" value="<?php echo $row->lightbox_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_cntrl1">
<td class="spider_label"><label for="lightbox_ctrl_btn_height"><?php echo __('Control buttons height:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_ctrl_btn_height" id="lightbox_ctrl_btn_height" value="<?php echo $row->lightbox_ctrl_btn_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_cntrl2">
<td class="spider_label"><label for="lightbox_ctrl_btn_margin_top"><?php echo __('Control buttons margin (top):', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_ctrl_btn_margin_top" id="lightbox_ctrl_btn_margin_top" value="<?php echo $row->lightbox_ctrl_btn_margin_top; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_cntrl3">
<td class="spider_label"><label for="lightbox_ctrl_btn_margin_left"><?php echo __('Control buttons margin (left):', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_ctrl_btn_margin_left" id="lightbox_ctrl_btn_margin_left" value="<?php echo $row->lightbox_ctrl_btn_margin_left; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_cntrl9">
<td class="spider_label"><label><?php echo __('Control buttons position:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="lightbox_ctrl_btn_pos" id="lightbox_ctrl_btn_pos1" value="top"<?php if ($row->lightbox_ctrl_btn_pos == "top") echo 'checked="checked"'; ?> />
<label for="lightbox_ctrl_btn_pos1" id="lightbox_ctrl_btn_pos1_lbl"><?php echo __('Top', BWG()->prefix); ?></label>
<input type="radio" name="lightbox_ctrl_btn_pos" id="lightbox_ctrl_btn_pos0" value="bottom"<?php if ($row->lightbox_ctrl_btn_pos == "bottom") echo 'checked="checked"'; ?> />
<label for="lightbox_ctrl_btn_pos0" id="lightbox_ctrl_btn_pos0_lbl"><?php echo __('Bottom', BWG()->prefix); ?></label>
</td>
</tr>
<tr id="lightbox_cntrl8">
<td class="spider_label"><label for="lightbox_ctrl_cont_bg_color"><?php echo __('Control buttons background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_ctrl_cont_bg_color" id="lightbox_ctrl_cont_bg_color" value="<?php echo $row->lightbox_ctrl_cont_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_cntrl5">
<td class="spider_label"><label for="lightbox_ctrl_cont_border_radius"><?php echo __('Control buttons container border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_ctrl_cont_border_radius" id="lightbox_ctrl_cont_border_radius" value="<?php echo $row->lightbox_ctrl_cont_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_cntrl6">
<td class="spider_label"><label for="lightbox_ctrl_cont_transparent"><?php echo __('Control buttons container background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_ctrl_cont_transparent" id="lightbox_ctrl_cont_transparent" value="<?php echo $row->lightbox_ctrl_cont_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_cntrl10">
<td class="spider_label"><label for="lightbox_ctrl_btn_align0"><?php echo __('Control buttons alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_ctrl_btn_align" id="lightbox_ctrl_btn_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_ctrl_btn_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr id="lightbox_cntrl7">
<td class="spider_label"><label for="lightbox_ctrl_btn_color"><?php echo __('Control buttons color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_ctrl_btn_color" id="lightbox_ctrl_btn_color" value="<?php echo $row->lightbox_ctrl_btn_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_cntrl4">
<td class="spider_label"><label for="lightbox_ctrl_btn_transparent"><?php echo __('Control buttons transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_ctrl_btn_transparent" id="lightbox_ctrl_btn_transparent" value="<?php echo $row->lightbox_ctrl_btn_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_toggle1">
<td class="spider_label"><label for="lightbox_toggle_btn_height"><?php echo __('Toggle button height:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_toggle_btn_height" id="lightbox_toggle_btn_height" value="<?php echo $row->lightbox_toggle_btn_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_toggle2">
<td class="spider_label"><label for="lightbox_toggle_btn_width"><?php echo __('Toggle button width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_toggle_btn_width" id="lightbox_toggle_btn_width" value="<?php echo $row->lightbox_toggle_btn_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_close1">
<td class="spider_label"><label for="lightbox_close_btn_border_radius"><?php echo __('Close button border radius:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="lightbox_close_btn_border_radius" id="lightbox_close_btn_border_radius" value="<?php echo $row->lightbox_close_btn_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_close2">
<td class="spider_label"><label for="lightbox_close_btn_border_width"><?php echo __('Close button border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_border_width" id="lightbox_close_btn_border_width" value="<?php echo $row->lightbox_close_btn_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_close12">
<td class="spider_label"><label for="lightbox_close_btn_border_style"><?php echo __('Close button border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_close_btn_border_style" id="lightbox_close_btn_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_close_btn_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr id="lightbox_close13">
<td class="spider_label"><label for="lightbox_close_btn_border_color"><?php echo __('Close button border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_border_color" id="lightbox_close_btn_border_color" value="<?php echo $row->lightbox_close_btn_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_close3">
<td class="spider_label"><label for="lightbox_close_btn_box_shadow"><?php echo __('Close button box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_box_shadow" id="lightbox_close_btn_box_shadow" value="<?php echo $row->lightbox_close_btn_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_close11">
<td class="spider_label"><label for="lightbox_close_btn_bg_color"><?php echo __('Close button background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_bg_color" id="lightbox_close_btn_bg_color" value="<?php echo $row->lightbox_close_btn_bg_color; ?>" class="jscolor"/>
<div class="spider_description"><?php echo __('The option does not apply to Full-width lightbox.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_close9">
<td class="spider_label"><label for="lightbox_close_btn_transparent"><?php echo __('Close button transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_transparent" id="lightbox_close_btn_transparent" value="<?php echo $row->lightbox_close_btn_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
</td>
</tr>
<tr id="lightbox_close5">
<td class="spider_label"><label for="lightbox_close_btn_width"><?php echo __('Close button width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_width" id="lightbox_close_btn_width" value="<?php echo $row->lightbox_close_btn_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
<div class="spider_description"><?php echo __('The option does not apply to Full-width lightbox.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_close6">
<td class="spider_label"><label for="lightbox_close_btn_height"><?php echo __('Close button height:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_height" id="lightbox_close_btn_height" value="<?php echo $row->lightbox_close_btn_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
<div class="spider_description"><?php echo __('The option does not apply to Full-width lightbox.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_close7">
<td class="spider_label"><label for="lightbox_close_btn_top"><?php echo __('Close button top:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_top" id="lightbox_close_btn_top" value="<?php echo $row->lightbox_close_btn_top; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
<div class="spider_description"><?php echo __('The option does not apply to Full-width lightbox.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_close8">
<td class="spider_label"><label for="lightbox_close_btn_right"><?php echo __('Close button right:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_right" id="lightbox_close_btn_right" value="<?php echo $row->lightbox_close_btn_right; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
<div class="spider_description"><?php echo __('The option does not apply to Full-width lightbox.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_close4">
<td class="spider_label"><label for="lightbox_close_btn_size"><?php echo __('Close button size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_size" id="lightbox_close_btn_size" value="<?php echo $row->lightbox_close_btn_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_close14">
<td class="spider_label"><label for="lightbox_close_btn_color"><?php echo __('Close button color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_color" id="lightbox_close_btn_color" value="<?php echo $row->lightbox_close_btn_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_close10">
<td class="spider_label"><label for="lightbox_close_btn_full_color"><?php echo __('Fullscreen close button color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_btn_full_color" id="lightbox_close_btn_full_color" value="<?php echo $row->lightbox_close_btn_full_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_comment24">
<td class="spider_label"><label for="lightbox_comment_share_button_color"><?php echo __('Share buttons color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_share_button_color" id="lightbox_comment_share_button_color" value="<?php echo $row->lightbox_comment_share_button_color; ?>" class="jscolor" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Lightbox_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr id="lightbox_right_left11">
<td class="spider_label"><label for="lightbox_rl_btn_style"><?php echo __('Right, left buttons style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_rl_btn_style" id="lightbox_rl_btn_style" class="spider_int_input select_icon_them">
<?php
foreach ($button_styles as $key => $button_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_rl_btn_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($button_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr id="lightbox_right_left7">
<td class="spider_label"><label for="lightbox_rl_btn_bg_color"><?php echo __('Right, left buttons background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_bg_color" id="lightbox_rl_btn_bg_color" value="<?php echo $row->lightbox_rl_btn_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rl_btn_transparent"><?php echo __('Right, left buttons transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_transparent" id="lightbox_rl_btn_transparent" value="<?php echo $row->lightbox_rl_btn_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
</td>
</tr>
<tr id="lightbox_right_left3">
<td class="spider_label"><label for="lightbox_rl_btn_box_shadow"><?php echo __('Right, left buttons box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_box_shadow" id="lightbox_rl_btn_box_shadow" value="<?php echo $row->lightbox_rl_btn_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_right_left4">
<td class="spider_label"><label for="lightbox_rl_btn_height"><?php echo __('Right, left buttons height:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_height" id="lightbox_rl_btn_height" value="<?php echo $row->lightbox_rl_btn_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_right_left5">
<td class="spider_label"><label for="lightbox_rl_btn_width"><?php echo __('Right, left buttons width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_width" id="lightbox_rl_btn_width" value="<?php echo $row->lightbox_rl_btn_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_right_left6">
<td class="spider_label"><label for="lightbox_rl_btn_size"><?php echo __('Right, left buttons size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_size" id="lightbox_rl_btn_size" value="<?php echo $row->lightbox_rl_btn_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_close15">
<td class="spider_label"><label for="lightbox_close_rl_btn_hover_color"><?php echo __('Right, left, close buttons hover color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_close_rl_btn_hover_color" id="lightbox_close_rl_btn_hover_color" value="<?php echo $row->lightbox_close_rl_btn_hover_color; ?>" class="jscolor" />
</td>
</tr>
<tr id="lightbox_right_left10">
<td class="spider_label"><label for="lightbox_rl_btn_color"><?php echo __('Right, left buttons color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_color" id="lightbox_rl_btn_color" value="<?php echo $row->lightbox_rl_btn_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_right_left1">
<td class="spider_label"><label for="lightbox_rl_btn_border_radius"><?php echo __('Right, left buttons border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_border_radius" id="lightbox_rl_btn_border_radius" value="<?php echo $row->lightbox_rl_btn_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_right_left2">
<td class="spider_label"><label for="lightbox_rl_btn_border_width"><?php echo __('Right, left buttons border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_border_width" id="lightbox_rl_btn_border_width" value="<?php echo $row->lightbox_rl_btn_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_right_left8">
<td class="spider_label"><label for="lightbox_rl_btn_border_style"><?php echo __('Right, left buttons border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_rl_btn_border_style" id="lightbox_rl_btn_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_rl_btn_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr id="lightbox_right_left9">
<td class="spider_label"><label for="lightbox_rl_btn_border_color"><?php echo __('Right, left buttons border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rl_btn_border_color" id="lightbox_rl_btn_border_color" value="<?php echo $row->lightbox_rl_btn_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_filmstrip12">
<td class="spider_label"><label><?php echo __('Filmstrip position:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_filmstrip_pos" id="lightbox_filmstrip_pos">
<option value="top" <?php echo (($row->lightbox_filmstrip_pos == "top") ? 'selected="selected"' : ''); ?>><?php echo __('Top', BWG()->prefix); ?></option>
<option value="right" <?php echo (($row->lightbox_filmstrip_pos == "right") ? 'selected="selected"' : ''); ?>><?php echo __('Right', BWG()->prefix); ?></option>
<option value="bottom" <?php echo (($row->lightbox_filmstrip_pos == "bottom") ? 'selected="selected"' : ''); ?>><?php echo __('Bottom', BWG()->prefix); ?></option>
<option value="left" <?php echo (($row->lightbox_filmstrip_pos == "left") ? 'selected="selected"' : ''); ?>><?php echo __('Left', BWG()->prefix); ?></option>
</select>
</td>
</tr>
<tr id="lightbox_filmstrip2">
<td class="spider_label"><label for="lightbox_filmstrip_thumb_margin"><?php echo __('Filmstrip thumbnail margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_filmstrip_thumb_margin" id="lightbox_filmstrip_thumb_margin" value="<?php echo $row->lightbox_filmstrip_thumb_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_filmstrip3">
<td class="spider_label"><label for="lightbox_filmstrip_thumb_border_width"><?php echo __('Filmstrip thumbnail border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_filmstrip_thumb_border_width" id="lightbox_filmstrip_thumb_border_width" value="<?php echo $row->lightbox_filmstrip_thumb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_filmstrip9">
<td class="spider_label"><label for="lightbox_filmstrip_thumb_border_style"><?php echo __('Filmstrip thumbnail border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_filmstrip_thumb_border_style" id="lightbox_filmstrip_thumb_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_filmstrip_thumb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr id="lightbox_filmstrip10">
<td class="spider_label"><label for="lightbox_filmstrip_thumb_border_color"><?php echo __('Filmstrip thumbnail border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_filmstrip_thumb_border_color" id="lightbox_filmstrip_thumb_border_color" value="<?php echo $row->lightbox_filmstrip_thumb_border_color; ?>" class="jscolor" />
</td>
</tr>
<tr id="lightbox_filmstrip4">
<td class="spider_label"><label for="lightbox_filmstrip_thumb_border_radius"><?php echo __('Filmstrip thumbnail border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_filmstrip_thumb_border_radius" id="lightbox_filmstrip_thumb_border_radius" value="<?php echo $row->lightbox_filmstrip_thumb_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_filmstrip6">
<td class="spider_label"><label for="lightbox_filmstrip_thumb_active_border_width"><?php echo __('Filmstrip thumbnail active border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_filmstrip_thumb_active_border_width" id="lightbox_filmstrip_thumb_active_border_width" value="<?php echo $row->lightbox_filmstrip_thumb_active_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_filmstrip11">
<td class="spider_label"> <label for="lightbox_filmstrip_thumb_active_border_color"><?php echo __('Filmstrip thumbnail active border color:', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="lightbox_filmstrip_thumb_active_border_color" id="lightbox_filmstrip_thumb_active_border_color" value="<?php echo $row->lightbox_filmstrip_thumb_active_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_filmstrip5">
<td class="spider_label"><label for="lightbox_filmstrip_thumb_deactive_transparent"><?php echo __('Filmstrip thumbnail deactive transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_filmstrip_thumb_deactive_transparent" id="lightbox_filmstrip_thumb_deactive_transparent" value="<?php echo $row->lightbox_filmstrip_thumb_deactive_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_filmstrip1">
<td class="spider_label"><label for="lightbox_filmstrip_rl_btn_size"><?php echo __('Filmstrip right, left buttons size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_filmstrip_rl_btn_size" id="lightbox_filmstrip_rl_btn_size" value="<?php echo $row->lightbox_filmstrip_rl_btn_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_filmstrip7">
<td class="spider_label"><label for="lightbox_filmstrip_rl_btn_color"><?php echo __('Filmstrip right, left buttons color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_filmstrip_rl_btn_color" id="lightbox_filmstrip_rl_btn_color" value="<?php echo $row->lightbox_filmstrip_rl_btn_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_filmstrip8">
<td class="spider_label"><label for="lightbox_filmstrip_rl_bg_color"><?php echo __('Filmstrip right, left button background color:', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="lightbox_filmstrip_rl_bg_color" id="lightbox_filmstrip_rl_bg_color" value="<?php echo $row->lightbox_filmstrip_rl_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rate_pos1"><?php echo __('Rating position:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="lightbox_rate_pos" id="lightbox_rate_pos1" value="top" <?php if ($row->lightbox_rate_pos == "top") echo 'checked="checked"'; ?> />
<label for="lightbox_rate_pos1" id="lightbox_rate_pos1_lbl"><?php echo __('Top', BWG()->prefix); ?></label>
<input type="radio" name="lightbox_rate_pos" id="lightbox_rate_pos0" value="bottom" <?php if ($row->lightbox_rate_pos == "bottom") echo 'checked="checked"'; ?> />
<label for="lightbox_rate_pos0" id="lightbox_rate_pos0_lbl"><?php echo __('Bottom', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rate_align"><?php echo __('Rating alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_rate_align" id="lightbox_rate_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_rate_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rate_icon"><?php echo __('Rating icon:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_rate_icon" id="lightbox_rate_icon">
<?php
foreach ($rate_icons as $key => $rate_icon) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_rate_icon == $key) ? 'selected="selected"' : ''); ?>><?php echo __($rate_icon, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rate_color"><?php echo __('Rating color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rate_color" id="lightbox_rate_color" value="<?php echo $row->lightbox_rate_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rate_hover_color"><?php echo __('Rating hover color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rate_hover_color" id="lightbox_rate_hover_color" value="<?php echo $row->lightbox_rate_hover_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rate_size"><?php echo __('Rating size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rate_size" id="lightbox_rate_size" value="<?php echo $row->lightbox_rate_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rate_stars_count"><?php echo __('Rating icon count:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rate_stars_count" id="lightbox_rate_stars_count" value="<?php echo $row->lightbox_rate_stars_count; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_rate_padding"><?php echo __('Rating padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_rate_padding" id="lightbox_rate_padding" value="<?php echo $row->lightbox_rate_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Hit counter position:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="lightbox_hit_pos" id="lightbox_hit_pos1" value="top" <?php if ($row->lightbox_hit_pos == "top") echo 'checked="checked"'; ?> />
<label for="lightbox_hit_pos1" id="lightbox_hit_pos1_lbl"><?php echo __('Top', BWG()->prefix); ?></label>
<input type="radio" name="lightbox_hit_pos" id="lightbox_hit_pos0" value="bottom" <?php if ($row->lightbox_hit_pos == "bottom") echo 'checked="checked"'; ?> />
<label for="lightbox_hit_pos0" id="lightbox_hit_pos0_lbl"><?php echo __('Bottom', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_align"><?php echo __('Hit counter alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_hit_align" id="lightbox_hit_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_hit_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_bg_color"><?php echo __('Hit counter background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_hit_bg_color" id="lightbox_hit_bg_color" value="<?php echo $row->lightbox_hit_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_bg_transparent"><?php echo __('Hit counter background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_hit_bg_transparent" id="lightbox_hit_bg_transparent" value="<?php echo $row->lightbox_hit_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_border_width"><?php echo __('Hit counter border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_hit_border_width" id="lightbox_hit_border_width" value="<?php echo $row->lightbox_hit_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_border_style"><?php echo __('Hit counter border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_hit_border_style" id="lightbox_hit_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_hit_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_border_color"><?php echo __('Hit counter border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_hit_border_color" id="lightbox_hit_border_color" value="<?php echo $row->lightbox_hit_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_border_radius"><?php echo __('Hit counter border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_hit_border_radius" id="lightbox_hit_border_radius" value="<?php echo $row->lightbox_hit_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_padding"><?php echo __('Hit counter padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_hit_padding" id="lightbox_hit_padding" value="<?php echo $row->lightbox_hit_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_margin"><?php echo __('Hit counter margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_hit_margin" id="lightbox_hit_margin" value="<?php echo $row->lightbox_hit_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_color"><?php echo __('Hit counter font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_hit_color" id="lightbox_hit_color" value="<?php echo $row->lightbox_hit_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->lightbox_hit_font_style, 'lightbox_hit_font_style', __('Hit counter font family:', BWG()->prefix), 'lightbox_hit_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_font_weight"><?php echo __('Hit counter font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_hit_font_weight" id="lightbox_hit_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_hit_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_hit_font_size"><?php echo __('Hit counter font size:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="lightbox_hit_font_size" id="lightbox_hit_font_size" value="<?php echo $row->lightbox_hit_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Lightbox_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label><?php echo __('Info position:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="lightbox_info_pos" id="lightbox_info_pos1" value="top" <?php if ($row->lightbox_info_pos == "top") echo 'checked="checked"'; ?> />
<label for="lightbox_info_pos1" id="lightbox_info_pos1_lbl"><?php echo __('Top', BWG()->prefix); ?></label>
<input type="radio" name="lightbox_info_pos" id="lightbox_info_pos0" value="bottom" <?php if ($row->lightbox_info_pos == "bottom") echo 'checked="checked"'; ?> />
<label for="lightbox_info_pos0" id="lightbox_info_pos0_lbl"><?php echo __('Bottom', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_align"><?php echo __('Info alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_info_align" id="lightbox_info_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_info_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_bg_color"><?php echo __('Info background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_info_bg_color" id="lightbox_info_bg_color" value="<?php echo $row->lightbox_info_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_bg_transparent"><?php echo __('Info background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_info_bg_transparent" id="lightbox_info_bg_transparent" value="<?php echo $row->lightbox_info_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_border_width"><?php echo __('Info border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_info_border_width" id="lightbox_info_border_width" value="<?php echo $row->lightbox_info_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_border_style"><?php echo __('Info border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_info_border_style" id="lightbox_info_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_info_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_border_color"><?php echo __('Info border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_info_border_color" id="lightbox_info_border_color" value="<?php echo $row->lightbox_info_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_border_radius"><?php echo __('Info border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_info_border_radius" id="lightbox_info_border_radius" value="<?php echo $row->lightbox_info_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_padding"><?php echo __('Info padding:', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="lightbox_info_padding" id="lightbox_info_padding" value="<?php echo $row->lightbox_info_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_info_margin"><?php echo __('Info margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_info_margin" id="lightbox_info_margin" value="<?php echo $row->lightbox_info_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_title_color"><?php echo __('Title font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_title_color" id="lightbox_title_color" value="<?php echo $row->lightbox_title_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->lightbox_title_font_style, 'lightbox_title_font_style', __('Title font family:', BWG()->prefix), 'lightbox_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_title_font_weight"><?php echo __('Title font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_title_font_weight" id="lightbox_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_title_font_size"><?php echo __('Title font size:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="lightbox_title_font_size" id="lightbox_title_font_size" value="<?php echo $row->lightbox_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_description_color"><?php echo __('Description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_description_color" id="lightbox_description_color" value="<?php echo $row->lightbox_description_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->lightbox_description_font_style, 'lightbox_description_font_style', __('Description font family:', BWG()->prefix), 'lightbox_description_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_description_font_weight"><?php echo __('Description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_description_font_weight" id="lightbox_description_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_description_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_description_font_size"><?php echo __('Description font size:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="lightbox_description_font_size" id="lightbox_description_font_size" value="<?php echo $row->lightbox_description_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="lightbox_comment_width"><?php echo __('Comments Width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_width" id="lightbox_comment_width" value="<?php echo $row->lightbox_comment_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_comment25">
<td class="spider_label"><label><?php echo __('Comments position:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="lightbox_comment_pos" id="lightbox_comment_pos1" value="left"<?php if ($row->lightbox_comment_pos == "left") echo 'checked="checked"'; ?> />
<label for="lightbox_comment_pos1" id="lightbox_comment_pos1_lbl"><?php echo __('Left', BWG()->prefix); ?></label>
<input type="radio" name="lightbox_comment_pos" id="lightbox_comment_pos0" value="right"<?php if ($row->lightbox_comment_pos == "right") echo 'checked="checked"'; ?> />
<label for="lightbox_comment_pos0" id="lightbox_comment_pos0_lbl"><?php echo __('Right', BWG()->prefix); ?></label>
</td>
</tr>
<tr id="lightbox_comment13">
<td class="spider_label"><label for="lightbox_comment_bg_color"><?php echo __('Comments background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_bg_color" id="lightbox_comment_bg_color" value="<?php echo $row->lightbox_comment_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_comment2">
<td class="spider_label"><label for="lightbox_comment_font_size"><?php echo __('Comments font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_font_size" id="lightbox_comment_font_size" value="<?php echo $row->lightbox_comment_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_comment14">
<td class="spider_label"><label for="lightbox_comment_font_color"><?php echo __('Comments font color:', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="lightbox_comment_font_color" id="lightbox_comment_font_color" value="<?php echo $row->lightbox_comment_font_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_comment15">
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->lightbox_comment_font_style, 'lightbox_comment_font_style', __('Comments font family:', BWG()->prefix), 'lightbox_comment_google_fonts' ); ?>
</tr>
<tr id="lightbox_comment10">
<td class="spider_label"><label for="lightbox_comment_author_font_size"><?php echo __('Comments author font size:', BWG()->prefix); ?> </label>
</td>
<td>
<input type="text" name="lightbox_comment_author_font_size" id="lightbox_comment_author_font_size" value="<?php echo $row->lightbox_comment_author_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_comment11">
<td class="spider_label"><label for="lightbox_comment_date_font_size"><?php echo __('Comments date font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_date_font_size" id="lightbox_comment_date_font_size" value="<?php echo $row->lightbox_comment_date_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_comment12">
<td class="spider_label"><label for="lightbox_comment_body_font_size"><?php echo __('Comments body font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_body_font_size" id="lightbox_comment_body_font_size" value="<?php echo $row->lightbox_comment_body_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_comment6">
<td class="spider_label"><label for="lightbox_comment_input_border_width"><?php echo __('Comment input border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_input_border_width" id="lightbox_comment_input_border_width" value="<?php echo $row->lightbox_comment_input_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_comment21">
<td class="spider_label"><label for="lightbox_comment_input_border_style">C<?php echo __('omment input border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_comment_input_border_style" id="lightbox_comment_input_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_comment_input_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr id="lightbox_comment20">
<td class="spider_label"><label for="lightbox_comment_input_border_color"><?php echo __('Comment input border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_input_border_color" id="lightbox_comment_input_border_color" value="<?php echo $row->lightbox_comment_input_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_comment7">
<td class="spider_label"><label for="lightbox_comment_input_border_radius"><?php echo __('Comment input border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_input_border_radius" id="lightbox_comment_input_border_radius" value="<?php echo $row->lightbox_comment_input_border_radius; ?>" class="spider_char_input"/>
</td>
</tr>
<tr id="lightbox_comment8">
<td class="spider_label"><label for="lightbox_comment_input_padding"><?php echo __('Comment input padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_input_padding" id="lightbox_comment_input_padding" value="<?php echo $row->lightbox_comment_input_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_comment19">
<td class="spider_label"><label for="lightbox_comment_input_bg_color"><?php echo __('Comment input background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_input_bg_color" id="lightbox_comment_input_bg_color" value="<?php echo $row->lightbox_comment_input_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_comment16">
<td class="spider_label"><label for="lightbox_comment_button_bg_color"><?php echo __('Comment button background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_button_bg_color" id="lightbox_comment_button_bg_color" value="<?php echo $row->lightbox_comment_button_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_comment5">
<td class="spider_label"><label for="lightbox_comment_button_padding"><?php echo __('Comment button padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_button_padding" id="lightbox_comment_button_padding" value="<?php echo $row->lightbox_comment_button_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_comment3">
<td class="spider_label"><label for="lightbox_comment_button_border_width"><?php echo __('Comment button border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_button_border_width" id="lightbox_comment_button_border_width" value="<?php echo $row->lightbox_comment_button_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_comment18">
<td class="spider_label"><label for="lightbox_comment_button_border_style"><?php echo __('Comment button border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_comment_button_border_style" id="lightbox_comment_button_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_comment_button_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr id="lightbox_comment17">
<td class="spider_label"><label for="lightbox_comment_button_border_color"><?php echo __('Comment button border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_button_border_color" id="lightbox_comment_button_border_color" value="<?php echo $row->lightbox_comment_button_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr id="lightbox_comment4">
<td class="spider_label"><label for="lightbox_comment_button_border_radius">C<?php echo __('omment button border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_button_border_radius" id="lightbox_comment_button_border_radius" value="<?php echo $row->lightbox_comment_button_border_radius; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr id="lightbox_comment9">
<td class="spider_label"><label for="lightbox_comment_separator_width"><?php echo __('Comment separator width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_separator_width" id="lightbox_comment_separator_width" value="<?php echo $row->lightbox_comment_separator_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr id="lightbox_comment22">
<td class="spider_label"><label for="lightbox_comment_separator_style"><?php echo __('Comment separator style:', BWG()->prefix); ?> </label></td>
<td>
<select name="lightbox_comment_separator_style" id="lightbox_comment_separator_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->lightbox_comment_separator_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr id="lightbox_comment23">
<td class="spider_label"><label for="lightbox_comment_separator_color"><?php echo __('Comment separator color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="lightbox_comment_separator_color" id="lightbox_comment_separator_color" value="<?php echo $row->lightbox_comment_separator_color; ?>" class="jscolor"/>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Navigation" class="spider_type_fieldset">
<div class="wd-table">
<div id="Navigation_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="page_nav_font_size"><?php echo __('Font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_font_size" id="page_nav_font_size" value="<?php echo $row->page_nav_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_font_color"><?php echo __('Font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_font_color" id="page_nav_font_color" value="<?php echo $row->page_nav_font_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->page_nav_font_style, 'page_nav_font_style', __('Font family:', BWG()->prefix), 'page_nav_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_font_weight"><?php echo __('Font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="page_nav_font_weight" id="page_nav_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->page_nav_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_border_width" id="page_nav_border_width" value="<?php echo $row->page_nav_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="page_nav_border_style" id="page_nav_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->page_nav_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_border_color"><?php echo __('Border color:', BWG()->prefix); ?></label></td>
<td>
<input type="text" name="page_nav_border_color" id="page_nav_border_color" value="<?php echo $row->page_nav_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_border_radius" id="page_nav_border_radius" value="<?php echo $row->page_nav_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Navigation_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="page_nav_margin"><?php echo __('Margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_margin" id="page_nav_margin" value="<?php echo $row->page_nav_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_padding"><?php echo __('Padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_padding" id="page_nav_padding" value="<?php echo $row->page_nav_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_button_bg_color"><?php echo __('Button background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_button_bg_color" id="page_nav_button_bg_color" value="<?php echo $row->page_nav_button_bg_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_button_bg_transparent"><?php echo __('Button background transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_button_bg_transparent" id="page_nav_button_bg_transparent" value="<?php echo $row->page_nav_button_bg_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Button transition:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="page_nav_button_transition" id="page_nav_button_transition1" value="1"<?php if ($row->page_nav_button_transition == 1) echo 'checked="checked"'; ?> />
<label for="page_nav_button_transition1" id="page_nav_button_transition1_lbl"><?php echo __('Yes', BWG()->prefix); ?></label>
<input type="radio" name="page_nav_button_transition" id="page_nav_button_transition0" value="0"<?php if ($row->page_nav_button_transition == 0) echo 'checked="checked"'; ?> />
<label for="page_nav_button_transition0" id="page_nav_button_transition0_lbl"><?php echo __('No', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_box_shadow"><?php echo __('Box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="page_nav_box_shadow" id="page_nav_box_shadow" value="<?php echo $row->page_nav_box_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Navigation_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label><?php echo __('Position:', BWG()->prefix); ?> </label></td>
<td id="page_nav_position">
<input type="radio" name="page_nav_position" id="page_nav_position1" value="top"<?php if ($row->page_nav_position == "top") echo 'checked="checked"'; ?> />
<label for="page_nav_position1" id="page_nav_position1_lbl"><?php echo __('Top', BWG()->prefix); ?></label>
<input type="radio" name="page_nav_position" id="page_nav_position0" value="bottom"<?php if ($row->page_nav_position == "bottom") echo 'checked="checked"'; ?> />
<label for="page_nav_position0" id="page_nav_position0_lbl"><?php echo __('Bottom', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label for="page_nav_align0"><?php echo __('Alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="page_nav_align" id="page_nav_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->page_nav_align == $key) ? 'selected="selected"' : ''); ?>><?php echo __($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Numbering:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="page_nav_number" id="page_nav_number1" value="1"<?php if ($row->page_nav_number == 1) echo 'checked="checked"'; ?> />
<label for="page_nav_number1" id="page_nav_number1_lbl"><?php echo __('Yes', BWG()->prefix); ?></label>
<input type="radio" name="page_nav_number" id="page_nav_number0" value="0"<?php if ($row->page_nav_number == 0) echo 'checked="checked"'; ?> />
<label for="page_nav_number0" id="page_nav_number0_lbl"><?php echo __('No', BWG()->prefix); ?></label>
</td>
</tr>
<tr>
<td class="spider_label"><label><?php echo __('Button text:', BWG()->prefix); ?> </label></td>
<td>
<input type="radio" name="page_nav_button_text" id="page_nav_button_text1" value="1"<?php if ($row->page_nav_button_text == 1) echo 'checked="checked"'; ?> />
<label for="page_nav_button_text1" id="page_nav_button_text1_lbl"><?php echo __('Text', BWG()->prefix); ?></label>
<input type="radio" name="page_nav_button_text" id="page_nav_button_text0" value="0"<?php if ($row->page_nav_button_text == 0) echo 'checked="checked"'; ?> />
<label for="page_nav_button_text0" id="page_nav_button_text0_lbl"><?php echo __('Arrow', BWG()->prefix); ?></label>
<div class="spider_description"><?php echo __('Next, previous buttons values.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Carousel" class="spider_type_fieldset">
<div class="wd-table">
<div id="Carousel_1" class="wd-table-col wd-table-col-30 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="carousel_cont_bg_color"><?php echo __('Background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_cont_bg_color" id="carousel_cont_bg_color" value="<?php echo $row->carousel_cont_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_cont_btn_transparent"><?php echo __('Container opacity:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_cont_btn_transparent" id="carousel_cont_btn_transparent" value="<?php echo $row->carousel_cont_btn_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_size"><?php echo __('Right, left buttons size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_rl_btn_size" id="carousel_rl_btn_size" value="<?php echo $row->carousel_rl_btn_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_play_pause_btn_size"><?php echo __('Play, pause buttons size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_play_pause_btn_size" id="carousel_play_pause_btn_size" value="<?php echo $row->carousel_play_pause_btn_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_color"><?php echo __('Buttons color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_rl_btn_color" id="carousel_rl_btn_color" value="<?php echo $row->carousel_rl_btn_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_close_btn_transparent"><?php echo __('Buttons transparency:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_close_btn_transparent" id="carousel_close_btn_transparent" value="<?php echo $row->carousel_close_btn_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_close_rl_btn_hover_color"><?php echo __('Buttons hover color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_close_rl_btn_hover_color" id="carousel_close_rl_btn_hover_color" value="<?php echo $row->carousel_close_rl_btn_hover_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_width"><?php echo __('Right, left buttons width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_rl_btn_width" id="carousel_rl_btn_width" value="<?php echo $row->carousel_rl_btn_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_height"><?php echo __('Right, left buttons height:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_rl_btn_height" id="slideshow_rl_btn_height" value="<?php echo $row->carousel_rl_btn_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_bg_color"><?php echo __('Right, left buttons background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_rl_btn_bg_color" id="carousel_rl_btn_bg_color" value="<?php echo $row->carousel_rl_btn_bg_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_border_width"><?php echo __('Right, left buttons border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_rl_btn_border_width" id="carousel_rl_btn_border_width" value="<?php echo $row->carousel_rl_btn_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_border_style"><?php echo __('Right, left buttons border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="carousel_rl_btn_border_style" id="carousel_rl_btn_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->carousel_rl_btn_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_border_color"><?php echo __('Right, left buttons border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_rl_btn_border_color" id="slideshow_rl_btn_border_color" value="<?php echo $row->carousel_rl_btn_border_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_border_radius"><?php echo __('Right, left buttons border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_rl_btn_border_radius" id="carousel_rl_btn_border_radius" value="<?php echo $row->carousel_rl_btn_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_rl_btn_style"><?php echo __('Right, left buttons style:', BWG()->prefix); ?> </label></td>
<td>
<select name="carousel_rl_btn_style" id="carousel_rl_btn_style">
<?php
foreach ($button_styles as $key => $button_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->carousel_rl_btn_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($button_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Carousel_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="carousel_mergin_bottom"><?php echo __('Carousel margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_mergin_bottom" id="carousel_mergin_bottom" value="<?php echo $row->carousel_mergin_bottom; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_feature_border_width"><?php echo __('Image border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_feature_border_width" id="carousel_feature_border_width" value="<?php echo $row->carousel_feature_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_feature_border_style"><?php echo __('Image border style:', BWG()->prefix); ?> </label>
</td>
<td>
<select name="carousel_feature_border_style" id="carousel_feature_border_style">
<?php
foreach ($border_styles as $key => $border_style) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->carousel_feature_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_feature_border_color"><?php echo __('Image border color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_feature_border_color" id="carousel_feature_border_color" value="<?php echo $row->carousel_feature_border_color; ?>" class="jscolor"/>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Carousel_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="carousel_caption_background_color"><?php echo __('Title background color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_caption_background_color" id="carousel_caption_background_color" value="<?php echo $row->carousel_caption_background_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_title_opacity"><?php echo __('Title opacity:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_title_opacity" id="carousel_title_opacity" value="<?php echo $row->carousel_title_opacity; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
<div class="spider_description"><?php echo __('Value must be between 0 to 100.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_title_border_radius"><?php echo __('Title border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_title_border_radius" id="carousel_title_border_radius" value="<?php echo $row->carousel_title_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_caption_p_mergin"><?php echo __('Title margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_caption_p_mergin" id="carousel_caption_p_mergin" value="<?php echo $row->carousel_caption_p_mergin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_caption_p_pedding"><?php echo __('Title padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_caption_p_pedding" id="carousel_caption_p_pedding" value="<?php echo $row->carousel_caption_p_pedding; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
</td>
</tr>
<tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->carousel_font_family, 'carousel_font_family', __('Title Font family:', BWG()->prefix), 'carousel_google_fonts' ); ?>
</tr>
<td class="spider_label"><label for="carousel_caption_p_font_size"><?php echo __('Title font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_caption_p_font_size" id="carousel_caption_p_font_size" value="<?php echo $row->carousel_caption_p_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_caption_p_color"><?php echo __('Title color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_caption_p_color" id="carousel_caption_p_color" value="<?php echo $row->carousel_caption_p_color; ?>" class="jscolor"/>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_caption_p_font_weight"><?php echo __('Title font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="carousel_caption_p_font_weight" id="carousel_caption_p_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->carousel_caption_p_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_gal_title_font_size"><?php echo __('Gallery title/description font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_gal_title_font_size" id="carousel_gal_title_font_size" value="<?php echo
$row->carousel_gal_title_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_gal_title_font_color"><?php echo __('Gallery title/description font color:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_gal_title_font_color" id="carousel_gal_title_font_color" value="<?php echo $row->carousel_gal_title_font_color; ?>" class="jscolor" />
</td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->carousel_gal_title_font_style, 'carousel_gal_title_font_style', __('Gallery title/description font family:', BWG()->prefix), 'carousel_gal_title_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="carousel_gal_title_font_weight"><?php echo __('Gallery title/description font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="carousel_gal_title_font_weight" id="carousel_gal_title_font_weight">
<?php
foreach ($font_weights as $key => $font_weight) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->carousel_gal_title_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_gal_title_shadow"><?php echo __('Gallery title/description box shadow:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_gal_title_shadow" id="carousel_gal_title_shadow" value="<?php echo $row->carousel_gal_title_shadow; ?>" class="spider_box_input" placeholder="10px 10px 10px #888888" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_gal_title_margin"><?php echo __('Gallery title/description margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="carousel_gal_title_margin" id="carousel_gal_title_margin" value="<?php echo $row->carousel_gal_title_margin; ?>" class="spider_char_input" />
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="carousel_gal_title_align"><?php echo __('Gallery title alignment:', BWG()->prefix); ?> </label></td>
<td>
<select name="carousel_gal_title_align" id="carousel_gal_title_align">
<?php
foreach ($aligns as $key => $align) {
?>
<option value="<?php echo $key; ?>" <?php echo (($row->carousel_gal_title_align == $key) ? 'selected="selected"' : ''); ?>><?php echo _e($align, BWG()->prefix); ?></option>
<?php
}
?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset id="Tags" class="spider_type_fieldset">
<div class="wd-table">
<div id="Tags_1" class="wd-table-col wd-table-col-20 wd-table-col-left">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label><?php echo __('Tags filter type:', BWG()->prefix); ?> </label></td>
<td id="tags_view">
<input type="radio" name="tags_view" id="tags_view1" value="1"<?php if ($row->tags_view == "1") echo 'checked="checked"'; ?> />
<label for="tags_view1" id="tags_view1_lbl"><?php echo __('Select Box', BWG()->prefix); ?></label>
<input type="radio" name="tags_view" id="tags_view0" value="0"<?php if ($row->tags_view == "0") echo 'checked="checked"'; ?> />
<label for="tags_view0" id="tags_view0_lbl"><?php echo __('Buttons', BWG()->prefix); ?></label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Tags_2" class="wd-table-col wd-table-col-30">
<div class="wd-box-section">
<div class="wd-box-content">
<table style="clear:both;">
<tbody>
<tr>
<td class="spider_label"><label for="tags_but_font_size"><?php echo __('Font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="tags_but_font_size" id="tags_but_font_size" value="<?php echo $row->tags_but_font_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_font_color"><?php echo __('Font color:', BWG()->prefix); ?> </label></td>
<td><input type="text" name="tags_but_font_color" id="tags_but_font_color" value="<?php echo $row->tags_but_font_color; ?>" class="jscolor"/></td>
</tr>
<tr>
<!--generate font style with google fonts -->
<?php $this->font_style_row( $row->tags_but_font_style, 'tags_but_font_style', __('Font family:', BWG()->prefix), 'tags_but_google_fonts' ); ?>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_font_weight"><?php echo __('Font weight:', BWG()->prefix); ?> </label></td>
<td>
<select name="tags_but_font_weight" id="tags_but_font_weight">
<?php foreach ($font_weights as $key => $font_weight) { ?>
<option value="<?php echo $key; ?>" <?php echo (($row->tags_but_font_weight == $key) ? 'selected="selected"' : ''); ?>><?php echo __($font_weight, BWG()->prefix); ?></option>
<?php } ?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_margin"><?php echo __('Margin:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="tags_but_margin" id="tags_but_margin" value="<?php echo $row->tags_but_margin; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_padding"><?php echo __('Padding:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="tags_but_padding" id="tags_but_padding" value="<?php echo $row->tags_but_padding; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_border_width"><?php echo __('Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="tags_but_border_width" id="tags_but_border_width" value="<?php echo $row->tags_but_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_border_style"><?php echo __('Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="tags_but_border_style" id="tags_but_border_style">
<?php foreach ($border_styles as $key => $border_style) { ?>
<option value="<?php echo $key; ?>" <?php echo (($row->tags_but_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php } ?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_border_color"><?php echo __('Border color:', BWG()->prefix); ?></label></td>
<td><input type="text" name="tags_but_border_color" id="tags_but_border_color" value="<?php echo $row->tags_but_border_color; ?>" class="jscolor"/></td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_border_radius"><?php echo __('Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="tags_but_border_radius" id="tags_but_border_radius" value="<?php echo $row->tags_but_border_radius; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_bg_color"><?php echo __('Button background color:', BWG()->prefix); ?> </label></td>
<td><input type="text" name="tags_but_bg_color" id="tags_but_bg_color" value="<?php echo $row->tags_but_bg_color; ?>" class="jscolor" /></td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_active_bg_color"><?php echo __('Active Button background color:', BWG()->prefix); ?> </label></td>
<td><input type="text" name="tags_but_active_bg_color" id="tags_but_active_bg_color" value="<?php echo $row->tags_but_active_bg_color; ?>" class="jscolor" /></td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_active_color"><?php echo __('Active Button font color:', BWG()->prefix); ?> </label></td>
<td><input type="text" name="tags_but_active_color" id="tags_but_active_color" value="<?php echo $row->tags_but_active_color; ?>" class="jscolor" /></td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_see_all_size"><?php echo __('See All Button Font size:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="tags_but_see_all_size" id="tags_but_see_all_size" value="<?php echo $row->tags_but_see_all_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_see_all_color"><?php echo __('See All Button Font color:', BWG()->prefix); ?> </label></td>
<td><input type="text" name="tags_but_see_all_color" id="tags_but_see_all_color" value="<?php echo $row->tags_but_see_all_color; ?>" class="jscolor"/></td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_see_all_back_color"><?php echo __('See All Button background color:', BWG()->prefix); ?> </label></td>
<td><input type="text" name="tags_but_see_all_back_color" id="tags_but_see_all_back_color" value="<?php echo $row->tags_but_see_all_back_color; ?>" class="jscolor" /></td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_see_all_border_w"><?php echo __('See All Button Border width:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="tags_but_see_all_border_w" id="tags_but_see_all_border_w" value="<?php echo $row->tags_but_see_all_border_w; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_see_all_border_s"><?php echo __('See All Button Border style:', BWG()->prefix); ?> </label></td>
<td>
<select name="tags_but_see_all_border_s" id="tags_but_see_all_border_s">
<?php foreach ($border_styles as $key => $border_style) { ?>
<option value="<?php echo $key; ?>" <?php echo (($row->tags_but_see_all_border_s == $key) ? 'selected="selected"' : ''); ?>><?php echo __($border_style, BWG()->prefix); ?></option>
<?php } ?>
</select>
</td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_see_all_border_c"><?php echo __('See All Button Border color:', BWG()->prefix); ?></label></td>
<td><input type="text" name="tags_but_see_all_border_c" id="tags_but_see_all_border_c" value="<?php echo $row->tags_but_see_all_border_c; ?>" class="jscolor"/></td>
</tr>
<tr>
<td class="spider_label"><label for="tags_but_see_all_border_r"><?php echo __('See All Button Border radius:', BWG()->prefix); ?> </label></td>
<td>
<input type="text" name="tags_but_see_all_border_r" id="tags_but_see_all_border_r" value="<?php echo $row->tags_but_see_all_border_r; ?>" class="spider_char_input"/>
<div class="spider_description"><?php echo __('Use CSS type values.', BWG()->prefix); ?></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="Tags_3" class="wd-table-col wd-table-col-30 wd-table-col-right">
</div>
</div>
</fieldset>
</div>
<input type="hidden" id="default_theme" name="default_theme" value="<?php echo $row->default_theme; ?>" />
<input type="hidden" id="active_tab" name="active_tab" value="<?php echo $params['active_tab']; ?>" />
<?php
}
}