<div id="cs-blog-loading" class="cs_loading" style="display: block;">
<div id="followingBallsG">
<div id="followingBallsG_1" class="followingBallsG">
</div>
<div id="followingBallsG_2" class="followingBallsG">
</div>
<div id="followingBallsG_3" class="followingBallsG">
</div>
<div id="followingBallsG_4" class="followingBallsG">
</div>
</div>
</div>
<div id="cs-blog-metabox" class='cs_metabox' style="display: none;">
<div id="cs-tab-blog" class='categorydiv'>
<ul class='category-tabs'>
<li class='cs-tab'><a href="#tabs-general"><i class="dashicons dashicons-admin-settings"></i> <?php
echo _e('GENERAL', THEMENAME);
?>
</a></li>
</ul>
<div class='cs-tabs-panel'>
<div id="tabs-general">
<?php
cs_options(array('id' => 'sub_title', 'label' => __('Sub Title', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'post_icon', 'label' => __('Post icon', THEMENAME), 'type' => 'icon'));
?>
</div>
</div>
</div>
</div>
<div id="field_icon" style="display: none;"></div>
<?php
$this->text('page_title_class', 'Custom Class', '');
?>
</div>
<p class="cs_info"><i class="dashicons dashicons-flag"></i><?php
echo _e('Breadcrumb', THEMENAME);
?>
</p>
<?php
$this->select('breadcrumb', 'Breadcrumbs', array('defualt' => 'Default', 'custom' => 'Custom', 'hide' => 'Hide'), '', '');
?>
<div id="custom_breadcrumb">
<?php
cs_options(array('id' => 'breadcrumb_text_align', 'label' => __('Text Align', THEMENAME), 'type' => 'select', 'options' => array('left' => 'Left', 'center' => 'Center', 'right' => 'right')));
cs_options(array('id' => 'breadcrumb_color', 'label' => __('Text Color', THEMENAME), 'value' => '', 'type' => 'color'));
cs_options(array('id' => 'breadcrumb_text', 'label' => __('Custom Text', THEMENAME), 'value' => '', 'type' => 'text'));
?>
</div>
</div>
<div id="tabs-footer">
<?php
$this->upload('footer_top_bg_image', 'Background Image');
$this->text('footer_top_bg_color', 'Background Color (HEX)', '');
$this->select('footer_top_bg_repeat', 'Background Repeat', array('repeat' => 'Repeat', 'repeat-x' => 'Repeat-X', 'repeat-y' => 'Repeat-Y', 'no-repeat' => 'No-Repeat'), '', '');
$this->select('footer_top_bg_pos', 'Background Position', array('top left' => 'top left', 'top center' => 'top center', 'top right' => 'top right', 'center left' => 'center left', 'center center' => 'center center', 'center right' => 'center right', 'bottom left' => 'bottom left', 'bottom center' => 'bottom center', 'bottom right' => 'bottom right'), '', '');
$this->select('footer_top_bg_full', '100% Background Image', array('yes' => 'Yes', 'no' => 'No'), '', '');
$this->select('footer_top_bg_parallax', 'Parallax Background Image', array('yes' => 'Yes', 'no' => 'No'), '', '');
?>
</div>
</div>
</div>
<div class='cs_metabox'>
<?php
cs_options(array('id' => 'sub_title', 'label' => __('Sub Title', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'icon', 'label' => __('Icon', THEMENAME), 'type' => 'icon'));
cs_options(array('id' => 'custom_link', 'label' => __('Custom Link', THEMENAME), 'type' => 'text'));
?>
</div>
<div id="field_icon" style="display: none;"></div>
<?php
cs_options(array('id' => 'img', 'label' => __('Category Image', THEMENAME), 'type' => 'image', 'desc' => __('Select a background image for category', THEMENAME)));
cs_options(array('id' => 'bg_parallax', 'label' => __('Parallax Background Image', THEMENAME), 'type' => 'select', 'options' => array('yes' => __('Yes', THEMENAME), 'no' => __('No', THEMENAME))));
cs_options(array('id' => 'bg_parallax_speed', 'label' => 'Parallax Speed', 'type' => 'text', 'desc' => __('Default 0.6', THEMENAME)));
<div class='cs-tabs-panel'>
<div id="tabs-price">
<?php
cs_options(array('id' => 'menu_price', 'label' => __('Price', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'price_unit', 'label' => __('Unit ($)', THEMENAME), 'value' => $smof_data['restaurant_menu_price'], 'type' => 'text'));
cs_options(array('id' => 'menu_special', 'label' => __('CHEFS SPECIAL', THEMENAME), 'options' => array('no' => 'No', 'yes' => 'Yes'), 'type' => 'select'));
?>
</div>
<div id="tabs-field">
<?php
cs_options(array('id' => 'menu_custom_field_1', 'label' => __('Text 1', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_icon_1', 'label' => __('Icon 1', THEMENAME), 'type' => 'icon'));
cs_options(array('id' => 'menu_custom_field_desc_1', 'label' => __('Desc Field 1', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_2', 'label' => __('Text 2', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_icon_2', 'label' => __('Icon 2', THEMENAME), 'type' => 'icon'));
cs_options(array('id' => 'menu_custom_field_desc_2', 'label' => __('Desc Field 2', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_3', 'label' => __('Text 3', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_icon_3', 'label' => __('Icon 3', THEMENAME), 'type' => 'icon'));
cs_options(array('id' => 'menu_custom_field_desc_3', 'label' => __('Desc Field 3', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_4', 'label' => __('Text 4', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_icon_4', 'label' => __('Icon 4', THEMENAME), 'type' => 'icon'));
cs_options(array('id' => 'menu_custom_field_desc_4', 'label' => __('Desc Field 4', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_5', 'label' => __('Text 5', THEMENAME), 'type' => 'text'));
cs_options(array('id' => 'menu_custom_field_icon_5', 'label' => __('Icon 5', THEMENAME), 'type' => 'icon'));
cs_options(array('id' => 'menu_custom_field_desc_5', 'label' => __('Desc Field 5', THEMENAME), 'type' => 'text'));
?>
</div>
</div>
</div>
</div>
<div id="field_icon" style="display: none;"></div>
