/**
* Mapping settings for lean method.
*
* @since 4.9
*
* @param $tag
*
* @return array
*/
public function addShortcodeSettings($tag)
{
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
$revsliders = array();
if ($arrSliders) {
foreach ($arrSliders as $slider) {
/** @var $slider RevSlider */
$revsliders[$slider->getTitle()] = $slider->getAlias();
}
} else {
$revsliders[__('No sliders found', 'js_composer')] = 0;
}
// Add fixes for frontend editor to regenerate id
return array('base' => $tag, 'name' => __('Revolution Slider', 'js_composer'), 'icon' => 'icon-wpb-revslider', 'category' => __('Content', 'js_composer'), 'description' => __('Place Revolution slider', 'js_composer'), 'params' => array(array('type' => 'textfield', 'heading' => __('Widget title', 'js_composer'), 'param_name' => 'title', 'description' => __('Enter text used as widget title (Note: located above content element).', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Revolution Slider', 'js_composer'), 'param_name' => 'alias', 'admin_label' => true, 'value' => $revsliders, 'save_always' => true, 'description' => __('Select your Revolution Slider.', 'js_composer')), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer'))));
}
/**
* @since 4.3
*/
public function buildShortcode()
{
if (class_exists('RevSlider')) {
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
$revsliders = array();
if ($arrSliders) {
foreach ($arrSliders as $slider) {
/** @var $slider RevSlider */
$revsliders[$slider->getTitle()] = $slider->getAlias();
}
} else {
$revsliders[__('No sliders found', 'js_composer')] = 0;
}
// add shortcode to visual composer
$this->mapShortcode($revsliders);
// Add fixes for frontend editor to regenerate id
if (vc_is_frontend_ajax() || vc_is_frontend_editor()) {
add_filter('vc_revslider_shortcode', array(&$this, 'setId'));
}
}
}
<?php
////////////////////////////////////////////////////////////////////////////////
// SLIDERS //
$revSliders = array();
$slider_items = array();
// Is the "Slider Revolution plugin installed?
if (class_exists('RevSlider')) {
// Get any "Slider Revolution" sliders that are built out, if any.
$temp_count = 0;
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
if (!empty($arrSliders)) {
foreach ($arrSliders as $slider) {
$title = $slider->getTitle();
$alias = $slider->getAlias();
$revSliders['REVSLIDER---' . $alias] = 'REVOLUTION: ' . $title;
$temp_count++;
}
}
}
// Get the Espresso sliders
$slider_items = post_array('espresso-slider');
// Add Revolution sliders to the array, if any
if (!empty($revSliders)) {
$slider_items = array_merge($slider_items, $revSliders);
ksort($slider_items);
}
if (!empty($slider_items)) {
$slider_choice = ECF_Field::factory('select', 'slider_choice', __('Slider to display:', 'espresso'));
$slider_choice->add_options($slider_items);
public function previewOutputMarkup($sliderID)
{
$export_real = true;
//if false, then kriki export for JavaScript Standalone version
if ($export_real) {
//set all different file path's here
$path_fonts = 'fonts/';
$path_css = 'css/';
$path_js = 'js/';
$path_assets = 'assets';
$path_assets_raw = 'assets';
$path_assets_vid = 'assets';
$path_assets_raw_vid = 'assets';
} else {
$path_fonts = '../../revolution/fonts/';
$path_css = '../../revolution/css/';
$path_js = '../../revolution/js/';
$path_assets = '../../assets/images';
$path_assets_raw = 'assets/images';
$path_assets_vid = '../../assets/videos';
$path_assets_raw_vid = 'assets/videos';
}
if (function_exists("unzip_file") == false && class_exists("ZipArchive") == false) {
echo __('ZipArchive extension not available, please enable it to use this functionality.', REVSLIDER_TEXTDOMAIN);
exit;
}
$zip = new ZipArchive();
$success = $zip->open(RevSliderGlobals::$uploadsUrlExportZip, ZIPARCHIVE::CREATE | ZipArchive::OVERWRITE);
if ($success !== true) {
echo __("No write permissions. Can't create zip file: ", REVSLIDER_TEXTDOMAIN) . RevSliderGlobals::$uploadsUrlExportZip;
exit;
}
if ($sliderID == "empty_output") {
echo __("Wrong request!", REVSLIDER_TEXTDOMAIN);
exit;
}
$output = new RevSliderOutput();
$operations = new RevSliderOperations();
$slider = new RevSlider();
$slider->initByID($sliderID);
$output->setPreviewMode();
$http = is_ssl() ? 'https' : 'http';
$arrValues = $operations->getGeneralSettingsValues();
$set_diff_font = RevSliderFunctions::getVal($arrValues, "change_font_loading", '');
if ($set_diff_font !== '') {
$font_url = $set_diff_font;
} else {
$font_url = $http . '://fonts.googleapis.com/css?family=';
}
$static_css = RevSliderOperations::getStaticCss();
ob_start();
$output->putSliderBase($sliderID, array(), true);
$content = ob_get_contents();
ob_clean();
ob_end_clean();
$fonts = '';
while (strpos($content, '<!-- FONT -->') !== false) {
$temp_font = substr($content, strpos($content, '<!-- FONT -->'), strpos($content, '<!-- /FONT -->') + 14 - strpos($content, '<!-- FONT -->')) . "\n";
$fonts .= $temp_font;
$starthtml = substr($content, 0, strpos($content, '<!-- FONT -->'));
$endhtml = substr($content, strpos($content, '<!-- /FONT -->') + 14);
$content = $starthtml . $endhtml;
//remove from html markup
}
$fonts = str_replace(array('<!-- FONT -->', '<!-- /FONT -->'), '', $fonts);
//remove the tags
$scripts = '';
while (strpos($content, '<!-- SCRIPT -->') !== false) {
$temp_script = substr($content, strpos($content, '<!-- SCRIPT -->'), strpos($content, '<!-- /SCRIPT -->') + 16 - strpos($content, '<!-- SCRIPT -->')) . "\n";
$scripts .= $temp_script;
$starthtml = substr($content, 0, strpos($content, '<!-- SCRIPT -->'));
$endhtml = substr($content, strpos($content, '<!-- /SCRIPT -->') + 16);
$content = $starthtml . $endhtml;
//remove from html markup
}
$scripts = str_replace(array('<!-- SCRIPT -->', '<!-- /SCRIPT -->'), '', $scripts);
//remove the tags
$styles = '';
while (strpos($content, '<!-- STYLE -->') !== false) {
$temp_style = substr($content, strpos($content, '<!-- STYLE -->'), strpos($content, '<!-- /STYLE -->') + 15 - strpos($content, '<!-- STYLE -->')) . "\n";
$styles .= $temp_style;
$starthtml = substr($content, 0, strpos($content, '<!-- STYLE -->'));
$endhtml = substr($content, strpos($content, '<!-- /STYLE -->') + 15);
$content = $starthtml . $endhtml;
//remove from html markup
}
$styles = str_replace(array('<!-- STYLE -->', '<!-- /STYLE -->'), '', $styles);
//remove the tags
$full_content = '';
ob_start();
?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php
echo $slider->getTitle();
?>
- Slider Revolution</title>
<meta name="description" content="Slider Revolution Example" />
<meta name="keywords" content="fullscreen image, grid layout, flexbox grid, transition" />
<meta name="author" content="ThemePunch" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- LOAD JQUERY LIBRARY -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
<!-- LOADING FONTS AND ICONS -->
<?php
echo $fonts;
?>
<link rel="stylesheet" type="text/css" href="<?php
echo $path_fonts;
?>
pe-icon-7-stroke/css/pe-icon-7-stroke.css">
<link rel="stylesheet" type="text/css" href="<?php
echo $path_fonts;
?>
font-awesome/css/font-awesome.min.css">
<!-- REVOLUTION STYLE SHEETS -->
<link rel="stylesheet" type="text/css" href="<?php
echo $path_css;
?>
settings.css">
<!-- REVOLUTION LAYERS STYLES -->
<?php
if ($export_real) {
echo $styles;
if ($static_css !== '') {
echo '<style type="text/css">';
echo RevSliderCssParser::compress_css($static_css);
echo '</style>' . "\n";
}
} else {
?>
<link rel="stylesheet" type="text/css" href="<?php
echo $path_css;
?>
layers.css">
<!-- REVOLUTION NAVIGATION STYLES -->
<link rel="stylesheet" type="text/css" href="<?php
echo $path_css;
?>
navigation.css">
<link rel="stylesheet" type="text/css" href="../../assets/css/noneed.css">
<?php
}
?>
<!-- REVOLUTION JS FILES -->
<script type="text/javascript" src="<?php
echo $path_js;
?>
jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.video.min.js"></script>
</head>
<body>
<?php
if (!$export_real) {
?>
<!-- HEADER -->
<article class="content">
<!-- Add your site or application content here -->
<section class="header">
<span class="logo" style="float:left"></span>
<a class="button" style="float:right" href="http://www.themepunch.com/revsliderjquery-doc/get-started/"><i class="pe-7s-help2"></i>Online Documentation</a>
<div class="clearfix"></div>
</section>
</article>
<article class="small-history">
<h2 class="textaligncenter" style="margin-bottom:25px;">Slideshow Gallery</h2>
<p>The Slider below is a classic slideshow with timer, bullet and arrow navigation. Slider Revolution offers millions of layout combinations.</p>
</article>
<!-- SLIDER EXAMPLE -->
<section class="example">
<article class="content">
<?php
}
?>
<?php
$head = ob_get_contents();
ob_clean();
ob_end_clean();
ob_start();
?>
<?php
if (!$export_real) {
?>
</article>
</section>
<?php
}
?>
</body>
</html>
<?php
$footer = ob_get_contents();
ob_clean();
ob_end_clean();
$slider_html = $head . "\n" . $content . "\n" . $scripts . "\n" . $footer;
$upload_dir = RevSliderFunctionsWP::getPathUploads();
$upload_dir_multisiteless = wp_upload_dir();
$cont_url = $upload_dir_multisiteless['baseurl'];
$cont_url_no_www = str_replace('www.', '', $upload_dir_multisiteless['baseurl']);
$upload_dir_multisiteless = $upload_dir_multisiteless['basedir'] . '/';
$search = array($cont_url, $cont_url_no_www, RS_PLUGIN_URL);
$added = array();
foreach ($search as $s) {
preg_match_all("/(\"|')" . str_replace('/', '\\/', $s) . "\\S+(\"|')/", $slider_html, $_files);
if (!empty($_files) && isset($_files[0]) && !empty($_files[0])) {
//go through all files, check for existance and add to the zip file
foreach ($_files[0] as $_file) {
$o = $_file;
$_file = str_replace(array('"', "'", $s), '', $_file);
//check if video or image
$use_path = $path_assets;
$use_path_raw = $path_assets_raw;
preg_match('/.*?.(?:jpg|jpeg|gif|png)/i', $_file, $match);
preg_match('/.*?.(?:ogv|webm|mp4)/i', $_file, $match2);
$f = false;
if (!empty($match) && isset($match[0]) && !empty($match[0])) {
//image
$use_path = $path_assets;
$use_path_raw = $path_assets_raw;
$f = true;
}
if (!empty($match2) && isset($match2[0]) && !empty($match2[0])) {
//video
$use_path = $path_assets_vid;
$use_path_raw = $path_assets_raw_vid;
$f = true;
}
if ($f == false) {
//no file, just a location. So change the location accordingly by removing base and add ../../revolution
if (strpos($o, 'public/assets/js/') !== false) {
//this will be the jsFileLocation script part
$slider_html = str_replace($o, '"' . $path_js . '"', $slider_html);
}
continue;
//no correct file, nothing to add
}
if (isset($added[$_file])) {
continue;
}
$add = '';
$__file = '';
$repl_to = explode('/', $_file);
$repl_to = end($repl_to);
$remove = false;
if (is_file($upload_dir . $_file)) {
$zip->addFile($upload_dir . $_file, $use_path_raw . '/' . $repl_to);
$remove = true;
} elseif (is_file($upload_dir_multisiteless . $_file)) {
$zip->addFile($upload_dir_multisiteless . $_file, $use_path_raw . '/' . $repl_to);
$remove = true;
} elseif (is_file(RS_PLUGIN_PATH . $_file)) {
//remove admin/assets/
$__file = str_replace('admin/assets/images/', '', $_file);
$zip->addFile(RS_PLUGIN_PATH . $_file, $use_path_raw . '/' . $__file);
$remove = true;
$add = '/';
}
if ($remove == true) {
$added[$_file] = true;
//set as added
//replace file with new path
if ($add !== '') {
$_file = $__file;
}
//set the different path here
$slider_html = str_replace($o, '"' . $use_path . '/' . $repl_to . '"', $slider_html);
}
}
}
}
if ($export_real) {
//only include if real export
//add common files to the zip
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.actions.min.js', 'js/extensions/revolution.extension.actions.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.carousel.min.js', 'js/extensions/revolution.extension.carousel.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.kenburn.min.js', 'js/extensions/revolution.extension.kenburn.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.layeranimation.min.js', 'js/extensions/revolution.extension.layeranimation.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.migration.min.js', 'js/extensions/revolution.extension.migration.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.navigation.min.js', 'js/extensions/revolution.extension.navigation.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.parallax.min.js', 'js/extensions/revolution.extension.parallax.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.slideanims.min.js', 'js/extensions/revolution.extension.slideanims.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.video.min.js', 'js/extensions/revolution.extension.video.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/jquery.themepunch.enablelog.js', 'js/jquery.themepunch.enablelog.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/jquery.themepunch.revolution.min.js', 'js/jquery.themepunch.revolution.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/jquery.themepunch.tools.min.js', 'js/jquery.themepunch.tools.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/css/settings.css', 'css/settings.css');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css', 'fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/css/helper.css', 'fonts/pe-icon-7-stroke/css/helper.css');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot', 'fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg', 'fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf', 'fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff', 'fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/css/font-awesome.min.css', 'fonts/font-awesome/css/font-awesome.min.css');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/FontAwesome.otf', 'fonts/font-awesome/fonts/FontAwesome.otf');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/fontawesome-webfont.eot', 'fonts/font-awesome/fonts/fontawesome-webfont.eot');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/fontawesome-webfont.svg', 'fonts/font-awesome/fonts/fontawesome-webfont.svg');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/fontawesome-webfont.ttf', 'fonts/font-awesome/fonts/fontawesome-webfont.ttf');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/fontawesome-webfont.woff', 'fonts/font-awesome/fonts/fontawesome-webfont.woff');
$notice_text = "";
$notice_text .= __('Using this data is only allowed with a valid licence of the jQuery Slider Revolution Plugin, which can be found at CodeCanyon: http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848?ref=themepunch', REVSLIDER_TEXTDOMAIN);
$zip->addFromString("NOTICE.txt", $notice_text);
//add slider settings
}
$zip->addFromString("slider.html", $slider_html);
//add slider settings
$zip->close();
header("Content-type: application/zip");
header("Content-Disposition: attachment; filename=" . sanitize_title($slider->getAlias()) . ".zip");
header("Pragma: no-cache");
header("Expires: 0");
readfile(RevSliderGlobals::$uploadsUrlExportZip);
@unlink(RevSliderGlobals::$uploadsUrlExportZip);
//delete file after sending it to user
exit;
}
<?php
}
?>
<?php
$s = '';
if (isset($_GET['s'])) {
$s = esc_attr(strip_tags($_GET['s']));
}
if ($slide_type == 'revo' && ($slider_home == '' || $slider_home == 'none') && (is_front_page() || is_home() || $slide_home == 'yes') || $slider_home == 'revo' && $s == '' && $slide_home != 'no' || $slider_home == 'revo') {
if (class_exists("RevSlider") && ($slide_home != 'no' || $slider_home == 'revo')) {
$slider5 = new RevSlider();
$arrSliders = $slider5->getArrSliders();
$salias = '';
foreach ($arrSliders as $slider5) {
$salias .= $slider5->getAlias();
}
if ($salias != '') {
if ($revo_type != '' && $slider_home == 'revo') {
putRevSlider($revo_type);
} else {
putRevSlider($rev_slider_name);
}
} else {
echo '<h1 class="confin" style="font-size:20px;font-weight:300!important;color:#FFF!important;padding-top:100px;">Configure this element in Revolution Slider Settings or disable slider</h1>';
}
} else {
if ($slide_home != 'no') {
echo '<h1 class="confin" style="font-size:20px;font-weight:300!important;color:#FFF!important;padding-top:100px;">Change slider settings or activate Revolution Slider</h1>';
}
}
function block($instance)
{
extract($instance);
if ($mb == '') {
$mb = '58';
}
$slider5 = new RevSlider();
$arrSliders = $slider5->getArrSliders();
$sliders_test = '';
foreach ($arrSliders as $slider5t) {
$sliders_test .= $slider5t->getAlias();
}
if ($sliders_test != '') {
$slider5->initByAlias($re);
$sliderParams = $slider5->getParams();
$revh = $sliderParams["height"];
$salias = '';
foreach ($arrSliders as $slider5) {
$salias .= $slider5->getAlias();
}
if ($salias != '') {
if ($f == 'yes') {
echo '<div class="fullwimage rev_slider_fullw">';
putRevSlider($re);
echo '</div><div style="height:' . $revh . 'px;margin-bottom:' . $mb . 'px;" class="cl"></div>';
} else {
putRevSlider($re);
}
}
}
//sliders test end
}
function layouts_default_content_sources()
{
$default_content_sources = array();
// Static Blocks
$args = array('posts_per_page' => -1, 'post_type' => 'static_block');
$posts = get_posts($args);
$options_static_blocks = array();
foreach ($posts as $key => $value) {
$options_static_blocks[$value->ID] = $value->post_title;
}
$default_content_sources['Static Block'] = $options_static_blocks;
// Sidebars
$sidebars = $GLOBALS['wp_registered_sidebars'];
$options_sidebars = array();
foreach ($sidebars as $key => $value) {
$options_sidebars[$value['id']] = $value['name'];
}
$default_content_sources['Sidebar'] = $options_sidebars;
// Slide shows
if (class_exists('RevSlider')) {
$ss = new RevSlider();
$arrSliders = $ss->getArrSliders();
$options_sliders = array();
foreach ($arrSliders as $ss) {
// Slide data
$id = $ss->getID();
$title = $ss->getTitle();
$alias = $ss->getAlias();
// Select options
$options_sliders['RevSlider:' . $alias] = $title;
}
$default_content_sources['Slide Show'] = $options_sliders;
}
// class_exists('RevSlider')
return array_merge($default_content_sources);
}
function admin_settings()
{
add_option('cb4_woo_per_page', '12', '', 'yes');
add_option('cb4_showtopwidget', 'no', '', 'yes');
add_option('cb4_showmenusearch', 'yes', '', 'yes');
add_option('cb4_iconspos', 'bottom', '', 'yes');
add_option('cb4_icons_bottom_margin', '100px', '', 'yes');
add_option('cb4_headertransparent', 'yes', '', 'yes');
add_option('cb4_slidertoptint', 'yes', '', 'yes');
add_option('cb4_woo_cols', '3', '', 'yes');
add_option('cb4_woo_related_c', '2', '', 'yes');
add_option('cb4_woo_related_n', '2', '', 'yes');
add_option('cb4_nivo_style', 'default', '', 'yes');
add_option('cb4_scroll', 'yes', '', 'yes');
add_option('cb4_usescroll', 'yes', '', 'yes');
add_option('cb4_mheadertype', 'yes', '', 'yes');
add_option('cb4_nivo_cat', '', '', 'yes');
add_option('cb4_rev_slider_name', '', '', 'yes');
add_option('cb4_add_css', '', '', 'yes');
add_option('cb4_sidebar_shop', 'right', '', 'yes');
add_option('cb4_s_text', 'no', '', 'yes');
add_option('cb4_full_slider', 'no', '', 'yes');
add_option('cb4_color_master', '', '', 'yes');
add_option('cb4_fadecolor', '', '', 'yes');
add_option('cb4_shad', '#eee', '', 'yes');
add_option('cb4_shad2', '', '', 'yes');
add_option('cb4_wid', '', '', 'yes');
add_option('cb4_editor_style', 'no', '', 'yes');
add_option('cb4_full_slider_interval', '5000', '', 'yes');
add_option('cb4_full_slider_effect', '1', '', 'yes');
add_option('cb4_full_slider_t_speed', '1000', '', 'yes');
add_option('cb4_full_slider_page', '', '', 'yes');
add_option('cb4_full_slider_where', 'home', '', 'yes');
add_option('cb4_full_slider_bar', '1', '', 'yes');
add_option('cb4_full_slider_style', '0', '', 'yes');
add_option('cb4_full_slider_thumbs', '0', '', 'yes');
add_option('cb4_full_slider_nav', '0', '', 'yes');
add_option('cb4_sidebars_tocat', '', '', 'yes');
add_option('cb4_under', 'no', '', 'yes');
add_option('cb4_top_widget', 'yes', '', 'yes');
add_option('cb4_new_sidebar', '', '', 'yes');
add_option('cb4_meta_keywords', 'Wordpress blog', '', 'yes');
add_option('cb4_meta_description', 'Wordpress blog', '', 'yes');
add_option('cb4_adi_thumb', 'yes', '', 'yes');
add_option('cb4_adi_st', 'yes', '', 'yes');
add_option('cb4_bg_fixed', 'yes', '', 'yes');
add_option('cb4_bg_str', 'yes', '', 'yes');
add_option('cb4_bgf_str', 'yes', '', 'yes');
add_option('cb4_disable_pp', 'no', '', 'yes');
add_option('cb4_c_name', 'Name & Surname', '', 'yes');
add_option('cb4_c_email', 'Email', '', 'yes');
add_option('cb4_c_message', 'Message', '', 'yes');
add_option('cb4_c_thanks', 'Thank You for Your message.', '', 'yes');
add_option('cb4_c_error', 'There was an error. Message not sent.', '', 'yes');
add_option('cb4_r_use', '', '', 'yes');
add_option('cb4_r_public', '', '', 'yes');
add_option('cb4_r_private', '', '', 'yes');
add_option('cb4_r_template', 'white', '', 'yes');
add_option('cb4_color_schema', '', '', 'yes');
add_option('cb4_color_style', '', '', 'yes');
add_option('cb4_slide_type', 'any', '', 'yes');
add_option('cb4_stripes_bg_schema', 'b19.png', '', 'yes');
add_option('cb4_stripes_bg_schema2', 'b0.png', '', 'yes');
add_option('cb4_sideb_col', 'right', '', 'yes');
add_option('cb4_sideb_page', 'yes', '', 'yes');
add_option('cb4_sideb_blog', 'yes', '', 'yes');
add_option('cb4_sideb_post', 'yes', '', 'yes');
add_option('cb4_post_details', 'yes', '', 'yes');
add_option('cb4_page_details', 'no', '', 'yes');
add_option('cb4_slide_home', 'home', '', 'yes');
add_option('cb4_font_family', 'Open+Sans', '', 'yes');
add_option('cb4_background', '3', '', 'yes');
add_option('cb4_page_id', '', '', 'yes');
add_option('cb4_upload_logo', 'http://cb-theme.com/demo/GE Trends/wp-content/uploads/2013/07/logo_d5.png', '', 'yes');
add_option('cb4_show_logo_text', 'yes', '', 'yes');
add_option('cb4_logomt', '50px', '', 'yes');
add_option('cb4_logo_text', 'GE Trends', '', 'yes');
add_option('cb4_logo_slogan', 'Theme from cb-theme.com', '', 'yes');
add_option('cb4_home_template', '3', '', 'yes');
add_option('cb4_upload_bg', '', '', 'yes');
add_option('cb4_favi', 'http://cb-theme.com/demo/GE Trends/wp-content/uploads/2013/01/favicon.png', '', 'yes');
add_option('cb4_font_family_google', 'Open Sans', '', 'yes');
add_option('cb4_font_family_head', 'Arial', '', 'yes');
add_option('cb4_font_family_google_head', 'Lato', '', 'yes');
add_option('cb4_font_family_google_head_title', '------', '', 'yes');
add_option('cb4_font_family_google_head_title2', '------', '', 'yes');
add_option('cb4_show_bread', 'yes', '', 'yes');
add_option('cb4_show_footer', 'yes', '', 'yes');
add_option('cb4_wayp', 'yes', '', 'yes');
add_option('cb4_show_comments', 'yes', '', 'yes');
add_option('cb4_show_midb', 'everywhere', '', 'yes');
add_option('cb4_disable_rounded ', 'no', '', 'yes');
add_option('cb4_google_analytics', '', '', 'yes');
add_option('cb4_not_error', '404- Page not found', '', 'yes');
add_option('cb4_not_desc', 'The page you requested cannot be found.', '', 'yes');
add_option('cb4_menu_font_size', '', '', 'yes');
add_option('cb4_headings_color', '', '', 'yes');
add_option('cb4_links_color', '', '', 'yes');
add_option('cb4_pfilter_color', '#FFFFFF', '', 'yes');
add_option('cb4_pfilter_bgcolor', '#222222', '', 'yes');
add_option('cb4_links_hover_color', '', '', 'yes');
add_option('cb4_menu_color', '', '', 'yes');
add_option('cb4_menu_font_color', '', '', 'yes');
add_option('cb4_menu_hover_color', '', '', 'yes');
add_option('cb4_text_color', '', '', 'yes');
add_option('cb4_logo_color', '#FFFFFF', '', 'yes');
add_option('cb4_slogan_color', '', '', 'yes');
add_option('cb4_logo_shad', '#000000', '', 'yes');
add_option('cb4_middle_background', '#282828', '', 'yes');
add_option('cb4_middle_backgroundi', '', '', 'yes');
add_option('cb4_middle_backgroundc', '', '', 'yes');
add_option('cb4_middle_nbackgroundc', '', '', 'yes');
add_option('cb4_ht_background', '', '', 'yes');
add_option('cb4_htb_background', '', '', 'yes');
add_option('cb4_footer_background', '', '', 'yes');
add_option('cb4_background_color', '#e1e1e1', '', 'yes');
add_option('cb4_cbackground_color', '#fff', '', 'yes');
add_option('cb4_logo_font', '35px', '', 'yes');
add_option('cb4_remove_logo', 'yes', '', 'yes');
add_option('cb4_remove_bg', 'no', '', 'yes');
add_option('cb4_remove_bgi', 'no', '', 'yes');
add_option('cb4_home_cat', '', '', 'yes');
add_option('cb4_home_number', '3', '', 'yes');
add_option('cb4_home_limit', '', '', 'yes');
add_option('cb4_s_easing', 'swing', '', 'yes');
add_option('cb4_s_ani_time', '600', '', 'yes');
add_option('cb4_s_resize', 'true', '', 'yes');
add_option('cb4_s_delay', '6000', '', 'yes');
add_option('cb4_s_auto', 'true', '', 'yes');
add_option('cb4_cat', '3', '', 'yes');
add_option('cb4_admin_theme', 'no', '', 'yes');
add_option('cb4_fixed_top', 'no', '', 'yes');
add_option('cb4_social_foot', 'yes', '', 'yes');
add_option('cb4_social_fb', '', '', 'yes');
add_option('cb4_social_tw', '', '', 'yes');
add_option('cb4_social_in', '', '', 'yes');
add_option('cb4_social_yt', '', '', 'yes');
add_option('cb4_social_vi', '', '', 'yes');
add_option('cb4_social_rss', '', '', 'yes');
add_option('cb4_hide_top', 'no', '', 'yes');
add_option('cb4_h_title', '', '', 'yes');
add_option('cb4_h_more', '', '', 'yes');
add_option('cb4_mwid', '', '', 'yes');
add_option('cb4_slide_bg', 'yes', '', 'yes');
add_option('cb4_h_sid', '', '', 'yes');
add_option('cb4_o_head', '', '', 'yes');
add_option('cb4_o_con', '', '', 'yes');
add_option('cb4_o_foot', '', '', 'yes');
add_option('cb4_o_mid', '', '', 'yes');
add_option('cb4_mw', '', '', 'yes');
add_option('cb4_mwh', '', '', 'yes');
add_option('cb4_logo_f', 'Open+Sans', '', 'yes');
add_option('cb4_menu_f', '------', '', 'yes');
add_option('bors', '', '', 'yes');
add_option('bors_h', '', '', 'yes');
add_option('bors_f', '', '', 'yes');
add_option('s_height', '', '', 'yes');
add_option('s_link', '', '', 'yes');
add_option('cb4_bodyfs', '11px', '', 'yes');
add_option('cb4_h1fs', '28px', '', 'yes');
add_option('cb4_h1fts', '88px', '', 'yes');
add_option('cb4_h2fs', '20px', '', 'yes');
add_option('cb4_h3fs', '16px', '', 'yes');
add_option('cb4_h4fs', '14px', '', 'yes');
add_option('cb4_h5fs', '12px', '', 'yes');
add_option('cb4_h6fs', '11px', '', 'yes');
add_option('cb4_headh', '150px', '', 'yes');
add_option('cb4_headhc', '#FFFFFF', '', 'yes');
add_option('cb4_headings_up', 'uppercase', '', 'yes');
add_option('cb4_headings_upw', 'lighter', '', 'yes');
add_option('cb4_headings_upw_t', 'lighter', '', 'yes');
add_option('cb4_headings_icons', '', '', 'yes');
add_option('cb4_headings_icons_size', '', '', 'yes');
$woo_per_page = get_option('cb4_woo_per_page');
$woo_cols = get_option('cb4_woo_cols');
$woo_related_n = get_option('cb4_woo_related_n');
$woo_related_c = get_option('cb4_woo_related_c');
$headertransparent = get_option('cb4_headertransparent');
$slidertoptint = get_option('cb4_slidertoptint');
$showtopwidget = get_option('cb4_showtopwidget');
$showmenusearch = get_option('cb4_showmenusearch');
$nivo_style = get_option('cb4_nivo_style');
$scroll = get_option('cb4_scroll');
$usescroll = get_option('cb4_usescroll');
$mheadertype = get_option('cb4_mheadertype');
$rev_slider_name = get_option('cb4_rev_slider_name');
$nivo_height = get_option('cb4_nivo_height');
$nivo_cat = get_option('cb4_nivo_cat');
$nivo_link = get_option('cb4_nivo_link');
$nivo_effect = get_option('cb4_nivo_effect');
$nivo_anim = get_option('cb4_nivo_anim');
$nivo_pause = get_option('cb4_nivo_pause');
$nivo_direction = get_option('cb4_nivo_direction');
$nivo_control = get_option('cb4_nivo_control');
$nivo_thumbs = get_option('cb4_nivo_thumbs');
$nivo_pause_hover = get_option('cb4_nivo_pause_hover');
$round_pause = get_option('cb4_round_pause');
$round_height = get_option('cb4_round_height');
$round_cat = get_option('cb4_round_cat');
$round_auto = get_option('cb4_round_auto');
$round_hover = get_option('cb4_round_hover');
$round_link = get_option('cb4_round_link');
$kwicks_cat = get_option('cb4_kwicks_cat');
$kwicks_max = get_option('cb4_kwicks_max');
$kwicks_min = get_option('cb4_kwicks_min');
$kwicks_spacing = get_option('cb4_kwicks_spacing');
$kwicks_height = get_option('cb4_kwicks_height');
$kwicks_link = get_option('cb4_kwicks_link');
$drag_cat = get_option('cb4_drag_cat');
$drag_height = get_option('cb4_drag_height');
$drag_link = get_option('cb4_drag_link');
$iconspos = get_option('cb4_iconspos');
$icons_bottom_margin = get_option('cb4_icons_bottom_margin');
$h1fs = get_option('cb4_h1fs');
$bodyfs = get_option('cb4_bodyfs');
$h1fts = get_option('cb4_h1fts');
$h2fs = get_option('cb4_h2fs');
$h3fs = get_option('cb4_h3fs');
$h4fs = get_option('cb4_h4fs');
$h5fs = get_option('cb4_h5fs');
$h6fs = get_option('cb4_h6fs');
$headh = get_option('cb4_headh');
$headhc = get_option('cb4_headhc');
$h_title = get_option('cb4_h_title');
$slide_type = get_option('cb4_slide_type');
$sidebar_shop = get_option('cb4_sidebar_shop');
$s_text = get_option('cb4_s_text');
$add_css = get_option('cb4_add_css');
$color_master = get_option('cb4_color_master');
$fadecolor = get_option('cb4_fadecolor');
$shad = get_option('cb4_shad');
$shad2 = get_option('cb4_shad2');
$wid = get_option('cb4_wid');
$h_more = get_option('cb4_h_more');
$editor_style = get_option('cb4_editor_style');
$fixed_top = get_option('cb4_fixed_top');
$social_foot = get_option('cb4_social_foot');
$social_fb = get_option('cb4_social_fb');
$social_tw = get_option('cb4_social_tw');
$social_in = get_option('cb4_social_in');
$social_yt = get_option('cb4_social_yt');
$social_vi = get_option('cb4_social_vi');
$social_rss = get_option('cb4_social_rss');
$full_slider = get_option('cb4_full_slider');
$full_slider_interval = get_option('cb4_full_slider_interval');
$full_slider_effect = get_option('cb4_full_slider_effect');
$full_slider_t_speed = get_option('cb4_full_slider_t_speed');
$full_slider_page = get_option('cb4_full_slider_page');
$full_slider_where = get_option('cb4_full_slider_where');
$full_slider_bar = get_option('cb4_full_slider_bar');
$full_slider_style = get_option('cb4_full_slider_style');
$full_slider_thumbs = get_option('cb4_full_slider_thumbs');
$full_slider_nav = get_option('cb4_full_slider_nav');
$sidebars_tocat = get_option('cb4_sidebars_tocat');
$meta_description = get_option('cb4_meta_description');
$meta_keywords = get_option('cb4_meta_keywords');
$adi_thumb = get_option('cb4_adi_thumb');
$adi_st = get_option('cb4_adi_st');
$bg_fixed = get_option('cb4_bg_fixed');
$bg_str = get_option('cb4_bg_str');
$bgf_str = get_option('cb4_bgf_str');
$disable_pp = get_option('cb4_disable_pp');
$middle_background = get_option('cb4_middle_background');
$middle_backgroundi = get_option('cb4_middle_backgroundi');
$middle_backgroundc = get_option('cb4_middle_backgroundc');
$middle_nbackgroundc = get_option('cb4_middle_nbackgroundc');
$ht_background = get_option('cb4_ht_background');
$htb_background = get_option('cb4_htb_background');
$text_color = get_option('cb4_text_color');
$logo_color = get_option('cb4_logo_color');
$slogan_color = get_option('cb4_slogan_color');
$logo_shad = get_option('cb4_logo_shad');
$background_color = get_option('cb4_background_color');
$cbackground_color = get_option('cb4_cbackground_color');
$footer_background = get_option('cb4_footer_background');
$c_name = get_option('cb4_c_name');
$logo_font = get_option('cb4_logo_font');
$c_email = get_option('cb4_c_email');
$c_message = get_option('cb4_c_message');
$c_thanks = get_option('cb4_c_thanks');
$c_error = get_option('cb4_c_error');
$r_use = get_option('cb4_r_use');
$r_public = get_option('cb4_r_public');
$r_private = get_option('cb4_r_private');
$r_template = get_option('cb4_r_template');
$color_schema = get_option('cb4_color_schema');
$color_style = get_option('cb4_color_style');
$stripes_bg_schema = get_option('cb4_stripes_bg_schema');
$stripes_bg_schema2 = get_option('cb4_stripes_bg_schema2');
$sideb_col = get_option('cb4_sideb_col');
$sideb_page = get_option('cb4_sideb_page');
$sideb_blog = get_option('cb4_sideb_blog');
$sideb_post = get_option('cb4_sideb_post');
$post_details = get_option('cb4_post_details');
$page_details = get_option('cb4_page_details');
$slide_home = get_option('cb4_slide_home');
$font_family = get_option('cb4_font_family');
$background = get_option('cb4_background');
$page_id = get_option('cb4_page_id');
$upload_logo = get_option('cb4_upload_logo');
$show_logo_text = get_option('cb4_show_logo_text');
$logo_text = get_option('cb4_logo_text');
$logomt = get_option('cb4_logomt');
$logo_slogan = get_option('cb4_logo_slogan');
$home_template = get_option('cb4_home_template');
$upload_bg = get_option('cb4_upload_bg');
$favi = get_option('cb4_favi');
$font_family_google = get_option('cb4_font_family_google');
$font_family_head = get_option('cb4_font_family_head');
$font_family_google_head = get_option('cb4_font_family_google_head');
$font_family_google_head_title = get_option('cb4_font_family_google_head_title');
$font_family_google_head_title2 = get_option('cb4_font_family_google_head_title2');
$show_bread = get_option('cb4_show_bread');
$show_footer = get_option('cb4_show_footer');
$wayp = get_option('cb4_wayp');
$show_comments = get_option('cb4_show_comments');
$show_midb = get_option('cb4_show_midb');
$remove_logo = get_option('cb4_remove_logo');
$disable_rounded = get_option('cb4_disable_rounded ');
$google_analytics = get_option('cb4_google_analytics');
$not_error = get_option('cb4_not_error');
$not_desc = get_option('cb4_not_desc');
$menu_font_size = get_option('cb4_menu_font_size');
$headings_color = get_option('cb4_headings_color');
$links_color = get_option('cb4_links_color');
$pfilter_color = get_option('cb4_pfilter_color');
$pfilter_bgcolor = get_option('cb4_pfilter_bgcolor');
$links_hover_color = get_option('cb4_links_hover_color');
$menu_color = get_option('cb4_menu_color');
$menu_font_color = get_option('cb4_menu_font_color');
$menu_hover_color = get_option('cb4_menu_hover_color');
$home_number = get_option('cb4_home_number');
$home_cat = get_option('cb4_home_cat');
$home_limit = get_option('cb4_home_limit');
$admin_theme = get_option('cb4_admin_theme');
$under = get_option('cb4_under');
$topw = get_option('cb4_top_widget');
$s_easing = get_option('cb4_s_easing');
$s_ani_time = get_option('cb4_s_ani_time');
$s_resize = get_option('cb4_s_resize');
$s_delay = get_option('cb4_s_delay');
$s_auto = get_option('cb4_s_auto');
$cat = get_option('cb4_cat');
$hide_top = get_option('cb4_hide_top');
$mwid = get_option('cb4_mwid');
$o_head = get_option('cb4_o_head');
$h_sid = get_option('cb4_h_sid');
$o_con = get_option('cb4_o_con');
$o_mid = get_option('cb4_o_mid');
$o_foot = get_option('cb4_o_foot');
$bors = get_option('cb4_bors');
$bors_h = get_option('cb4_bors_h');
$bors_f = get_option('cb4_bors_f');
$logo_f = get_option('cb4_logo_f');
$menu_f = get_option('cb4_menu_f');
$mw = get_option('cb4_mw');
$mwh = get_option('cb4_mwh');
$s_height = get_option('cb4_s_height');
$s_link = get_option('cb4_s_link');
$headings_up = get_option('cb4_headings_up');
$headings_upw = get_option('cb4_headings_upw');
$headings_upw_t = get_option('cb4_headings_upw_t');
$headings_icons_size = get_option('cb4_headings_icons_size');
$headings_icons = unserialize(get_option('cb4_headings_icons'));
$google_font = array('------', 'Abel', 'Abril+Fatface', 'Aclonica', 'Acme', 'Actor', 'Adamina', 'Advent+Pro', 'Aguafina+Script', 'Aladin', 'Aldrich', 'Alegreya', 'Alegreya+SC', 'Alex+Brush', 'Alfa+Slab+One', 'Alice', 'Alike', 'Alike+Angular', 'Allan', 'Allerta', 'Allerta+Stencil', 'Allura', 'Almendra', 'Almendra+SC', 'Amarante', 'Amaranth', 'Amatic+SC', 'Amethysta', 'Andada', 'Andika', 'Angkor', 'Annie+Use+Your+Telescope', 'Anonymous+Pro', 'Antic', 'Antic+Didone', 'Antic+Slab', 'Anton', 'Arapey', 'Arbutus', 'Architects+Daughter', 'Arimo', 'Arizonia', 'Armata', 'Artifika', 'Arvo', 'Asap', 'Asset', 'Astloch', 'Asul', 'Atomic+Age', 'Aubrey', 'Audiowide', 'Average', 'Averia+Gruesa+Libre', 'Averia+Libre', 'Averia+Sans+Libre', 'Averia+Serif+Libre', 'Bad+Script', 'Balthazar', 'Bangers', 'Basic', 'Battambang', 'Baumans', 'Bayon', 'Belgrano', 'Belleza', 'Bentham', 'Berkshire+Swash', 'Bevan', 'Bigshot+One', 'Bilbo', 'Bilbo+Swash+Caps', 'Bitter', 'Black+Ops+One', 'Bokor', 'Bonbon', 'Boogaloo', 'Bowlby+One', 'Bowlby+One+SC', 'Brawler', 'Bree+Serif', 'Bubblegum+Sans', 'Buda', 'Buenard', 'Butcherman', 'Butterfly+Kids', 'Cabin', 'Cabin+Condensed', 'Cabin+Sketch', 'Caesar+Dressing', 'Cagliostro', 'Calligraffitti', 'Cambo', 'Candal', 'Cantarell', 'Cantata+One', 'Cantora+One', 'Capriola', 'Cardo', 'Carme', 'Carter+One', 'Caudex', 'Cedarville+Cursive', 'Ceviche+One', 'Changa+One', 'Chango', 'Chau+Philomene+One', 'Chelsea+Market', 'Chenla', 'Cherry+Cream+Soda', 'Chewy', 'Chicle', 'Chivo', 'Coda', 'Coda+Caption', 'Codystar', 'Comfortaa', 'Coming+Soon', 'Concert+One', 'Condiment', 'Content', 'Contrail+One', 'Convergence', 'Cookie', 'Copse', 'Corben', 'Courgette', 'Cousine', 'Coustard', 'Covered+By+Your+Grace', 'Crafty+Girls', 'Creepster', 'Crete+Round', 'Crimson+Text', 'Crushed', 'Cuprum', 'Cutive', 'Damion', 'Dancing+Script', 'Dangrek', 'Dawning+of+a+New+Day', 'Days+One', 'Delius', 'Delius+Swash+Caps', 'Delius+Unicase', 'Della+Respira', 'Devonshire', 'Didact+Gothic', 'Diplomata', 'Diplomata+SC', 'Doppio+One', 'Dorsa', 'Dosis', 'Dr+Sugiyama', 'Droid+Sans', 'Droid+Sans+Mono', 'Droid+Serif', 'Duru+Sans', 'Dynalight', 'EB+Garamond', 'Eagle+Lake', 'Eater', 'Economica', 'Electrolize', 'Emblema+One', 'Emilys+Candy', 'Engagement', 'Enriqueta', 'Erica+One', 'Esteban', 'Euphoria+Script', 'Ewert', 'Exo', 'Expletus+Sans', 'Fanwood+Text', 'Fascinate', 'Fascinate+Inline', 'Fasthand', 'Federant', 'Federo', 'Felipa', 'Fjord+One', 'Flamenco', 'Flavors', 'Fondamento', 'Fontdiner+Swanky', 'Forum', 'Francois+One', 'Fredericka+the+Great', 'Fredoka+One', 'Freehand', 'Fresca', 'Frijole', 'Fugaz+One', 'GFS+Didot', 'GFS+Neohellenic', 'Galdeano', 'Galindo', 'Gentium+Basic', 'Gentium+Book+Basic', 'Geo', 'Geostar', 'Geostar+Fill', 'Germania+One', 'Give+You+Glory', 'Glass+Antiqua', 'Glegoo', 'Gloria+Hallelujah', 'Goblin+One', 'Gochi+Hand', 'Gorditas', 'Goudy+Bookletter+1911', 'Graduate', 'Gravitas+One', 'Great+Vibes', 'Gruppo', 'Gudea', 'Habibi', 'Hammersmith+One', 'Handlee', 'Hanuman', 'Happy+Monkey', 'Henny+Penny', 'Herr+Von+Muellerhoff', 'Holtwood+One+SC', 'Homemade+Apple', 'Homenaje', 'IM+Fell+DW+Pica', 'IM+Fell+DW+Pica+SC', 'IM+Fell+Double+Pica', 'IM+Fell+Double+Pica+SC', 'IM+Fell+English', 'IM+Fell+English+SC', 'IM+Fell+French+Canon', 'IM+Fell+French+Canon+SC', 'IM+Fell+Great+Primer', 'IM+Fell+Great+Primer+SC', 'Iceberg', 'Iceland', 'Imprima', 'Inconsolata', 'Inder', 'Indie+Flower', 'Inika', 'Irish+Grover', 'Istok+Web', 'Italiana', 'Italianno', 'Jim+Nightshade', 'Jockey+One', 'Jolly+Lodger', 'Josefin+Sans', 'Josefin+Slab', 'Judson', 'Julee', 'Junge', 'Jura', 'Just+Another+Hand', 'Just+Me+Again+Down+Here', 'Kameron', 'Karla', 'Kaushan+Script', 'Kelly+Slab', 'Kenia', 'Khmer', 'Knewave', 'Kotta+One', 'Koulen', 'Kranky', 'Kreon', 'Kristi', 'Krona+One', 'La+Belle+Aurore', 'Lancelot', 'Lato', 'League+Script', 'Leckerli+One', 'Ledger', 'Lekton', 'Lemon', 'Life+Savers', 'Lilita+One', 'Limelight', 'Linden+Hill', 'Lobster', 'Lobster+Two', 'Londrina+Outline', 'Londrina+Shadow', 'Londrina+Sketch', 'Londrina+Solid', 'Lora', 'Love+Ya+Like+A+Sister', 'Loved+by+the+King', 'Lovers+Quarrel', 'Luckiest+Guy', 'Lusitana', 'Lustria', 'Macondo', 'Macondo+Swash+Caps', 'Magra', 'Maiden+Orange', 'Mako', 'Marck+Script', 'Marko+One', 'Marmelad', 'Marvel', 'Mate', 'Mate+SC', 'Maven+Pro', 'McLaren', 'Meddon', 'MedievalSharp', 'Medula+One', 'Megrim', 'Merienda+One', 'Merriweather', 'Metal', 'Metal+Mania', 'Metamorphous', 'Metrophobic', 'Michroma', 'Miltonian', 'Miltonian+Tattoo', 'Miniver', 'Miss+Fajardose', 'Modern+Antiqua', 'Molengo', 'Monofett', 'Monoton', 'Monsieur+La+Doulaise', 'Montaga', 'Montez', 'Montserrat', 'Moul', 'Moulpali', 'Mountains+of+Christmas', 'Mr+Bedfort', 'Mr+Dafoe', 'Mr+De+Haviland', 'Mrs+Saint+Delafield', 'Mrs+Sheppards', 'Muli', 'Mystery+Quest', 'Neucha', 'Neuton', 'News+Cycle', 'Niconne', 'Nixie+One', 'Nobile', 'Nokora', 'Norican', 'Nosifer', 'Nothing+You+Could+Do', 'Noticia+Text', 'Nova+Cut', 'Nova+Flat', 'Nova+Mono', 'Nova+Oval', 'Nova+Round', 'Nova+Script', 'Nova+Slim', 'Nova+Square', 'Numans', 'Nunito', 'Odor+Mean+Chey', 'Offside', 'Old+Standard+TT', 'Oldenburg', 'Oleo+Script', 'Open+Sans', 'Open+Sans+Condensed', 'Orbitron', 'Oregano', 'Original+Surfer', 'Oswald', 'Over+the+Rainbow', 'Overlock', 'Overlock+SC', 'Ovo', 'Oxygen', 'PT+Mono', 'PT+Sans', 'PT+Sans+Caption', 'PT+Sans+Narrow', 'PT+Serif', 'PT+Serif+Caption', 'Pacifico', 'Parisienne', 'Passero+One', 'Passion+One', 'Patrick+Hand', 'Patua+One', 'Paytone+One', 'Peralta', 'Permanent+Marker', 'Petrona', 'Philosopher', 'Piedra', 'Pinyon+Script', 'Plaster', 'Play', 'Playball', 'Playfair+Display', 'Podkova', 'Poiret+One', 'Poller+One', 'Poly', 'Pompiere', 'Pontano+Sans', 'Port+Lligat+Sans', 'Port+Lligat+Slab', 'Prata', 'Preahvihear', 'Press+Start+2P', 'Princess+Sofia', 'Prociono', 'Prosto+One', 'Puritan', 'Quando', 'Quantico', 'Quattrocento', 'Quattrocento+Sans', 'Questrial', 'Quicksand', 'Qwigley', 'Racing+Sans+One', 'Radley', 'Raleway', 'Rammetto+One', 'Rancho', 'Rationale', 'Redressed', 'Reenie+Beanie', 'Revalia', 'Ribeye', 'Ribeye+Marrow', 'Righteous', 'Roboto', 'Rochester', 'Rock+Salt', 'Rokkitt', 'Romanesco', 'Ropa+Sans', 'Rosario', 'Rosarivo', 'Rouge+Script', 'Ruda', 'Ruge+Boogie', 'Ruluko', 'Ruslan+Display', 'Russo+One', 'Ruthie', 'Sail', 'Salsa', 'Sancreek', 'Sansita+One', 'Sarina', 'Satisfy', 'Schoolbell', 'Seaweed+Script', 'Sevillana', 'Shadows+Into+Light', 'Shadows+Into+Light+Two', 'Shanti', 'Share', 'Shojumaru', 'Short+Stack', 'Siemreap', 'Sigmar+One', 'Signika', 'Signika+Negative', 'Simonetta', 'Sirin+Stencil', 'Six+Caps', 'Slackey', 'Smokum', 'Smythe', 'Sniglet', 'Snippet', 'Sofia', 'Sonsie+One', 'Sorts+Mill+Goudy', 'Source+Sans+Pro', 'Special+Elite', 'Spicy+Rice', 'Spinnaker', 'Spirax', 'Squada+One', 'Stardos+Stencil', 'Stint+Ultra+Condensed', 'Stint+Ultra+Expanded', 'Stoke', 'Sue+Ellen+Francisco', 'Sunshiney', 'Supermercado+One', 'Suwannaphum', 'Swanky+and+Moo+Moo', 'Syncopate', 'Tangerine', 'Taprom', 'Telex', 'Tenor+Sans', 'The+Girl+Next+Door', 'Tienne', 'Tinos', 'Titan+One', 'Trade+Winds', 'Trocchi', 'Trochut', 'Trykker', 'Tulpen+One', 'Ubuntu', 'Ubuntu+Condensed', 'Ubuntu+Mono', 'Ultra', 'Uncial+Antiqua', 'UnifrakturCook', 'UnifrakturMaguntia', 'Unkempt', 'Unlock', 'Unna', 'VT323', 'Varela', 'Varela+Round', 'Vast+Shadow', 'Vibur', 'Vidaloka', 'Viga', 'Voces', 'Volkhov', 'Vollkorn', 'Voltaire', 'Waiting+for+the+Sunrise', 'Wallpoet', 'Walter+Turncoat', 'Wellfleet', 'Wire+One', 'Yanone+Kaffeesatz', 'Yellowtail', 'Yeseva+One', 'Yesteryear', 'Zeyada');
$google_font = str_replace('+', ' ', $google_font);
?>
<script type="text/javascript"
src="<?php
echo WP_THEME_URL;
?>
/inc/js/jscolor/jscolor.js"></script>
<div class="wrap">
<style type="text/css">
.mn a {
display: block;
width: 200px;
font-size: 12px;
text-shadow: 1px 1px #000;
font-weight: bold;
background-color: #111;
height: 48px;
line-height: 48px;
border-bottom: 1px solid #222;
padding-left: 20px;
color: #fff;
}
.sel {
text-shadow: 1px 1px #111 !important;
color: #fff !important;
border-bottom: 1px solid #ff3737!important;
background-color: #ea2b2b !important;
}
.mn a:hover {
cursor: pointer;
text-shadow: 1px 1px #FFF !important;
color: #111 !important;
background-color: #fff !important;
border-bottom: 1px solid #ccc !important;
}
.mn {
border: 1px solid #dfdfdf;
width: 220px;
position: absolute;
z-index: 2;
}
input.btn {
padding: 8px !important;
padding-left: 20px !important;
padding-right: 20px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}
.pd5 {
padding: 5px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
border-top: 1px solid #e7e7e7;
}
hr {
border: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #e7e7e7;
}
.pd5 label {
width: 184px;
display: inline-block;
vertical-align: top;
padding-top: 5px;
}
.sele {
border: 2px solid #333;
padding: 2px;
}
pre {
padding: 10px;
background: #f4f4f4;
color: #333;
border: 1px solid #f1f1f1;
overflow: auto;
overflow-y: hidden;
font-size: 11px;
}
.postbox {
background: #FFF !important;
min-height: 595px;
}
.cblogo {
position: absolute;
right: 0;
top: -10px;
width: 113px;
height: 74px;
}
.mn a i {
font-size: 20px;
padding-right: 2px;
width: 30px;
display: inline-block;
vertical-align: middle;
}
</style>
<h2 style="text-transform: uppercase; color: #000;">
GE Trends Theme Dashboard <a href="http://cb-theme.com"
target="_blank"><img src="http://cb-theme.com/logo.png"
alt="cb-theme wordpress themes" class="cblogo" width="113"
height="74" /> </a>
</h2>
<div class="cl"></div>
<div style="float: left; width: 221px; padding-top: 10px;">
<div style="float: left; width: 30%;">
<div class="mn">
<a id="general" class="sel"><i class="icon-dashboard"></i> <?php
_e('General Settings', 'cb-getrends');
?>
</a> <a id="homepage"><i class="icon-home"></i> <?php
_e('Homepage', 'cb-getrends');
?>
</a> <a id="styles"><i class="icon-picture"></i> <?php
_e('Styles', 'cb-getrends');
?>
</a> <a id="headermenu"><i class="icon-random"></i> <?php
_e('Headers and Menu', 'cb-getrends');
?>
</a> <a id="sidebars"><i class="icon-exchange"></i> <?php
_e('Sidebars', 'cb-getrends');
?>
</a> <a id="slider"><i class="icon-desktop"></i> <?php
_e('Slider', 'cb-getrends');
?>
</a> <a id="slider2"><i class="icon-camera"></i> <?php
_e('Fullscreen Slider', 'cb-getrends');
?>
</a> <a id="top-icons" style="display: none;"><i class="icon-beaker"></i>
<?php
_e('Top Icons', 'cb-getrends');
?>
</a> <a id="recaptcha"
style="display: none;"><i class="icon-lock"></i> <?php
_e('reCaptcha', 'cb-getrends');
?>
</a>
<?php
if (in_array('woocommerce/woocommerce.php', apply_filters('active_plugins', get_option('active_plugins')))) {
?>
<a id="wooshop"><i class="icon-cogs"></i> <?php
_e('WooCommerce', 'cb-getrends');
?>
</a><?php
}
?>
<a id="shortcodes" style="display: none;"><i class="icon-tags"></i>
<?php
_e('Shortcodes', 'cb-getrends');
?>
</a> <a id="democ"><i
class="icon-magic"></i> <?php
_e('Demo Content', 'cb-getrends');
?>
</a> <a id="general"
href="../wp-content/themes/cb-getrends/docs/documentation.html"
style="text-decoration: none;" target="_blank"><i class="icon-cogs"></i>
<?php
_e('Help and Credits', 'cb-getrends');
?>
</a>
</div>
</div>
</br>
<?php
if (isset($_POST["update_settings"])) {
$upload_logo = get_option('cb4_upload_logo');
$upload_bg = get_option('cb4_upload_bg');
$middle_backgroundi = get_option('cb4_middle_backgroundi');
$favi = get_option('cb4_favi');
?>
<div id="message" class="updated" style="padding: 30px;">
<?php
_e('Settings saved', 'cb-getrends');
?>
</div>
<script type="text/javascript">
jQuery('#message').delay(5000).fadeOut();
</script>
<?php
}
?>
</div>
<div style="float: left; width: 70%;">
<div id="poststuff" class="metabox-holder">
<div class="postbox"
style="-webkit-border-top-left-radius: 0px; border-top-left-radius: 0px !important;">
<div class="inside">
<form method="POST" action="" enctype="multipart/form-data"
id="cb_setts">
<div id="saved"
style="position: fixed; top: 23px; left: 0; right: 0; height: 100%; display: none; z-index: 999999; text-align: center; vertical-align: middle;"></div>
<!-- GENERAL SECTION START -->
<div class="general">
<div class="pd5" style="border-top: none;">
<label for="upload_logo"><?php
_e('Logo', 'cb-getrends');
?>
</label>
<input id="upload_logo" type="text" size="36" name="upload_logo"
class="upurl input-upload" value="<?php
echo $upload_logo;
?>
" /><input
style="cursor: pointer;" class="upload_button2" type="button"
value="Upload Logo" /><br /> <br />
<?php
_e('Enter an URL or upload logo', 'cb-getrends');
?>
.
<?php
if ($upload_logo != '') {
require_once get_template_directory() . '/BFI_Thumb.php';
echo '</br></br><div>Current logo: <a href="' . $upload_logo . '" target="_blank"><img class="sele" src="' . bfi_thumb($upload_logo, array('width' => 145, 'crop' => true)) . '" align="absmiddle" alt="logo" style="background:#111;-moz-border-radius:3px;webkit-border-radius:3px;border-radius:3px;"/></a></div></br>';
}
?>
</div>
<input type="hidden" name="bg_old"
value="<?php
echo $upload_bg;
?>
" /><input type="hidden"
name="bg_oldi" value="<?php
echo $middle_backgroundi;
?>
" />
<div class="pd5">
<label for="show_logo_text"><?php
_e('Show only text logo', 'cb-getrends');
?>
?</label>
<select name="show_logo_text" id="show_logo_text"><option
value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($show_logo_text == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select> (
<?php
_e('Disable image logo', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="logo_text"><?php
_e('Logo Text', 'cb-getrends');
?>
</label> <input type="text" name="logo_text" id="logo_text"
value="<?php
echo $logo_text;
?>
" />
</div>
<div class="pd5">
<label for="logomt"><?php
_e('Logo Height', 'cb-getrends');
?>
</label> <input type="text" name="logomt" id="logomt"
value="<?php
echo $logomt;
?>
" />
</div>
<div class="pd5">
<label for="logo_f"><?php
_e('Logo Font Family - Google', 'cb-getrends');
?>
</label> <select name="logo_f" id="logo_f">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($logo_f == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select>
</div>
<div class="pd5">
<label for="logo_font"><?php
_e('Logo Font Size', 'cb-getrends');
?>
</label> <input type="text" name="logo_font" id="logo_font"
value="<?php
echo $logo_font;
?>
" /> (
<?php
_e('only numbers and px like 32px', 'cb-getrends');
?>
)
</div>
<div class="pd5" style="display: none;">
<label for="logo_slogan"><?php
_e('Logo Slogan', 'cb-getrends');
?>
</label> <input type="text" name="logo_slogan" id="logo_slogan"
value="<?php
echo $logo_slogan;
?>
" style="width: 250px" />
</div>
<div class="pd5">
<label for="favi"><?php
_e('Favicon upload', 'cb-getrends');
?>
</label> <input id="favi" type="text" size="36" name="favi"
class="upurl input-upload" value="<?php
echo $favi;
?>
" /><input
style="cursor: pointer;" class="upload_button2" type="button"
value="<?php
_e('Upload Favicon', 'cb-getrends');
?>
" /><br />
<br />
<?php
_e('Enter an URL or upload favicon.', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="show_bread"><?php
_e('Show breadcrumbs', 'cb-getrends');
?>
?</label>
<select name="show_bread" id="show_bread"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($show_bread == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="show_footer"><?php
_e('Show wordpress footer', 'cb-getrends');
?>
</label> <select name="show_footer" id="show_footer"><option
value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($show_footer == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select> (
<?php
_e('proudly powered by Wordpress', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="wayp"><?php
_e('Fade blocks', 'cb-getrends');
?>
?</label>
<select name="wayp" id="wayp"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($wayp == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select> (
<?php
_e('fade in elements on scroll', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="show_comments"><?php
_e('Show comments', 'cb-getrends');
?>
</label> <select name="show_comments" id="show_comments"><option
value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($show_comments == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="show_midb"><?php
_e('Show Middlebar Widget on', 'cb-getrends');
?>
:</label>
<select name="show_midb" id="show_midb"><option value="home">
<?php
_e('home', 'cb-getrends');
?>
</option>
<option value="everywhere"
<?php
if ($show_midb == 'everywhere') {
?>
selected <?php
}
?>
>
<?php
_e('everywhere', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="google_analytics"><?php
_e('Google Analytics ID', 'cb-getrends');
?>
</label> <input type="text" name="google_analytics"
id="google_analytics" value="<?php
echo $google_analytics;
?>
" />
(
<?php
_e('Only ID', 'cb-getrends');
?>
: UA-...)
</div>
<div class="pd5">
<label for="not_error"><?php
_e('Not found page title', 'cb-getrends');
?>
</label> <input type="text" name="not_error" id="not_error"
value="<?php
echo $not_error;
?>
" style="width: 250px" />
</div>
<div class="pd5">
<label for="not_desc"><?php
_e('Not found page desc', 'cb-getrends');
?>
</label><br />
<textarea name="not_desc" id="not_desc"
style="width: 250px; height: 100px;" />
<?php
echo $not_desc;
?>
</textarea>
</div>
<div class="pd5">
<label for="meta_description"><?php
_e('Blog meta description', 'cb-getrends');
?>
</label><br />
<textarea name="meta_description" id="meta_description"
style="width: 250px; height: 50px;" />
<?php
echo $meta_description;
?>
</textarea>
</div>
<div class="pd5">
<label for="meta_keywords"><?php
_e('Blog meta keywords', 'cb-getrends');
?>
</label><br />
<textarea name="meta_keywords" id="meta_keywords"
style="width: 250px; height: 50px;" />
<?php
echo $meta_keywords;
?>
</textarea>
</div>
<div class="pd5">
<label for="post_details"><?php
_e('Show post details', 'cb-getrends');
?>
?</label>
<select name="post_details" id="post_details"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($post_details == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="disable_pp"><?php
_e('Disable prettyPhoto', 'cb-getrends');
?>
?</label>
<select name="disable_pp" id="disable_pp"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($disable_pp == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="admin_theme"><?php
_e('Show under construction page', 'cb-getrends');
?>
?</label>
<select name="under" id="under"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($under == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="scroll"><?php
_e('Show scroll to top button', 'cb-getrends');
?>
?</label>
<select name="scroll" id="scroll"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($scroll == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="usescroll"><?php
_e('Use custom scrollbar', 'cb-getrends');
?>
?</label>
<select name="usescroll" id="usescroll"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($usescroll == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="social_fb"><?php
_e('Facebook Link', 'cb-getrends');
?>
</label> <input type="text" name="social_fb" id="social_fb"
style="width: 250px;" value="<?php
echo $social_fb;
?>
" />
</div>
<div class="pd5">
<label for="social_tw"><?php
_e('Twitter Link', 'cb-getrends');
?>
</label> <input type="text" name="social_tw" id="social_tw"
style="width: 250px;" value="<?php
echo $social_tw;
?>
" />
</div>
<div class="pd5">
<label for="social_in"><?php
_e('LinkedIn Link', 'cb-getrends');
?>
</label> <input type="text" name="social_in" id="social_in"
style="width: 250px;" value="<?php
echo $social_in;
?>
" />
</div>
<div class="pd5">
<label for="social_yt"><?php
_e('YouTube Link', 'cb-getrends');
?>
</label> <input type="text" name="social_yt" id="social_yt"
style="width: 250px;" value="<?php
echo $social_yt;
?>
" />
</div>
<div class="pd5">
<label for="social_vi"><?php
_e('Vimeo Link', 'cb-getrends');
?>
</label> <input type="text" name="social_vi" id="social_vi"
style="width: 250px;" value="<?php
echo $social_vi;
?>
" />
</div>
<div class="pd5">
<label for="social_rss"><?php
_e('RSS', 'cb-getrends');
?>
</label>
<input type="text" name="social_rss" id="social_rss"
style="width: 250px;" value="<?php
echo $social_rss;
?>
" />
</div>
<div class="pd5" style="display: none;">
<label for="hide_top"><?php
_e('Hide top Social bar', 'cb-getrends');
?>
?</label>
<select name="hide_top" id="hide_top"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($hide_top == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="social_foot"><?php
_e('Show social icons in footer', 'cb-getrends');
?>
?</label>
<select name="social_foot" id="social_foot"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($social_foot == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
</div>
<!-- ## GENERAL SECTION END ## -->
<!-- HEADERS AND MENU SECTION START -->
<div class="headermenu">
<div class="pd5" style="border-top: none;">
<label for="mheadertype"><?php
_e('Header Type', 'cb-getrends');
?>
</label> <select name="mheadertype" id="mheadertype"><option
value="default">
<?php
_e('left and right, logo center- default', 'cb-getrends');
?>
</option>
<option value="right" <?php
if ($mheadertype == 'right') {
?>
selected <?php
}
?>
>
<?php
_e('left logo, menu right', 'cb-getrends');
?>
</option>
</select>
</div>
<h4>Setting icons in Menu</h4>
1. If you want to add custom icon to your menu copy icon name
from <a
href="../wp-content/themes/cb-GE Trends/docs/cb_documentation.html#icons"
target="_blank">here</a><br /> 2. Go to Wordpress DA->
Appearance-> Menus.<br /> 3. Select your menu and click Screen
Options on the top right.<br /> 4. Click CSS checkbox.<br /> 5.
Now when you click little triangle on the right of your menu item
you will see CSS Classes input field.<br /> 6. Paste your icon
name into CSS Classes input field. (for example: "icon-anchor")<br />
7. Save<br /> <br /> You can control icon size by adding "small"
or "big" to css class. <br /> For example it will look like this:
<pre>icon-anchor big</pre>
<br />
<div class="pd5" style="border-top: none;">
<label for="showtopwidget"><?php
_e('Show top widget on home', 'cb-getrends');
?>
?</label>
<select name="showtopwidget" id="showtopwidget"><option
value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($showtopwidget == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="border-top: none;">
<label for="showmenusearch"><?php
_e('Show menu search icon', 'cb-getrends');
?>
?</label>
<select name="showmenusearch" id="showmenusearch"><option
value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($showmenusearch == 'yes') {
?>
selected <?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="headertransparent"><?php
_e('Transparent header', 'cb-getrends');
?>
?</label>
<select name="headertransparent" id="headertransparent"><option
value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($headertransparent == 'no') {
?>
selected <?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="slidertoptint"><?php
_e('Tint header title background', 'cb-getrends');
?>
?</label>
<select name="slidertoptint" id="slidertoptint"><option
value="blight">
<?php
_e('black light', 'cb-getrends');
?>
</option>
<option value="bdark" <?php
if ($slidertoptint == 'bdark') {
?>
selected <?php
}
?>
>
<?php
_e('black dark', 'cb-getrends');
?>
</option>
<option value="wlight" <?php
if ($slidertoptint == 'wlight') {
?>
selected <?php
}
?>
>
<?php
_e('white light', 'cb-getrends');
?>
</option>
<option value="wdark" <?php
if ($slidertoptint == 'wdark') {
?>
selected <?php
}
?>
>
<?php
_e('white dark', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($slidertoptint == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
</div>
<!-- ## HEADER AND MENU SECTION END ## -->
<!--WOOCOMMERCE SECTION START-->
<div class="wooshop">
<div class="pd5" style="border-top: none;">
<label for="sidebar_shop"><?php
_e('WooCommerce Sidebar Column', 'cb-getrends');
?>
</label> <select name="sidebar_shop" id="sidebar_shop"><option
value="right">
<?php
_e('right', 'cb-getrends');
?>
</option>
<option value="left" <?php
if ($sidebar_shop == 'left') {
?>
selected <?php
}
?>
>
<?php
_e('left', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="sidebar_shop"><?php
_e('Products per page', 'cb-getrends');
?>
</label> <input name="woo_per_page" id="woo_per_page"
type="text" value="<?php
echo $woo_per_page;
?>
">
</div>
<div class="pd5">
<label for="woo_cols"><?php
_e('Number of columns', 'cb-getrends');
?>
</label> <input name="woo_cols" id="woo_cols" type="text"
value="<?php
echo $woo_cols;
?>
">
</div>
<small>Don't forget to adjust thumbnail sizes in WooCommerce
Settings page.</small>
<div class="pd5">
<label for="woo_related_c"><?php
_e('Related Columns', 'cb-getrends');
?>
</label> <input name="woo_related_c" id="woo_related_c"
type="text" value="<?php
echo $woo_related_c;
?>
">
</div>
<div class="pd5">
<label for="woo_related_n"><?php
_e('Related Products Number', 'cb-getrends');
?>
</label> <input name="woo_related_n" id="woo_related_n"
type="text" value="<?php
echo $woo_related_n;
?>
">
</div>
</div>
<!--WOOCOMMERCE SECTION END ##-->
<!-- RECAPTCHA SECTION START-->
<div class="recaptcha">
<div class="pd5" style="border-top: none;">
<label for="r_use"><?php
_e('Use reCAPTCHA', 'cb-getrends');
?>
?</label>
<select name="r_use" id="r_use"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($r_use == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
<div>
<?php
_e('Get reCAPTCHA keys from', 'cb-getrends');
?>
<a href="http://www.google.com/recaptcha" target="_blank"><?php
_e('here', 'cb-getrends');
?>
</a>
</div>
</div>
<div class="pd5">
<label for="r_public"><?php
_e('reCAPTCHA public key', 'cb-getrends');
?>
</label> <input type="text" name="r_public" id="r_public"
style="width: 250px;" value="<?php
echo $r_public;
?>
" />
</div>
<div class="pd5">
<label for="r_private"><?php
_e('reCAPTCHA private key', 'cb-getrends');
?>
</label> <input type="text" name="r_private" id="r_private"
style="width: 250px;" value="<?php
echo $r_private;
?>
" />
</div>
<div class="pd5">
<label for="r_template"><?php
_e('reCAPTCHA template', 'cb-getrends');
?>
</label> <select name="r_template" id="r_template"><option
value="white">white</option>
<option value="red" <?php
if ($r_template == 'red') {
?>
selected
<?php
}
?>
>red</option>
<option value="clean" <?php
if ($r_template == 'clean') {
?>
selected <?php
}
?>
>clean</option>
<option value="blackglass"
<?php
if ($r_template == 'blackglass') {
?>
selected <?php
}
?>
>blackglass</option>
</select>
</div>
</div>
<!-- ## RECAPTCHA SECTION END ##-->
<!-- HOMEPAGE SECTION START ##-->
<div class="homepage">
<b>Use this only if you did not set up home to a single page in
Wordpress Settings -> Reading</b><br /> <br />
<div class="pd5" style="border-top: none;">
<label for="home_template"><?php
_e('Home Layout', 'cb-getrends');
?>
</label> <select name="home_template" id="home_template"><option
value="4" <?php
if ($home_template == '4') {
?>
selected <?php
}
?>
>
<?php
_e('4 Columns', 'cb-getrends');
?>
</option>
<option value="3" <?php
if ($home_template == '3') {
?>
selected
<?php
}
?>
>
<?php
_e('3 Columns', 'cb-getrends');
?>
</option>
<option value="2" <?php
if ($home_template == '2') {
?>
selected
<?php
}
?>
>
<?php
_e('2 Columns', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($home_template == '1') {
?>
selected
<?php
}
?>
>
<?php
_e('1 Column', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="h_title"><?php
_e('Show title in posts with featured image', 'cb-getrends');
?>
?</label>
<select name="h_title" id="h_title"><option value="yes">yes</option>
<option value="no" <?php
if ($h_title == 'no') {
echo 'selected';
}
?>
>no</option>
</select>
</div>
<div class="pd5">
<label for="h_more"><?php
_e('Show short description and details in posts with featured image', 'cb-getrends');
?>
?</label>
<select name="h_more" id="h_more"><option value="yes">yes</option>
<option value="no" <?php
if ($h_more == 'no') {
echo 'selected';
}
?>
>no</option>
</select>
</div>
<div class="pd5">
<label for="home_number"><?php
_e('Home number of posts', 'cb-getrends');
?>
</label> <input type="text" name="home_number" id="home_number"
value="<?php
echo $home_number;
?>
" /> (
<?php
_e('numeric only', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="home_limit"><?php
_e('Post characters limit', 'cb-getrends');
?>
</label> <input type="text" name="home_limit" id="home_limit"
value="<?php
echo $home_limit;
?>
" /> (
<?php
_e('numeric only', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="home_cat"><?php
_e('Home posts category', 'cb-getrends');
?>
</label>
<?php
wp_dropdown_categories('show_count=0&hierarchical=1&hide_empty=0&name=home_cat&selected=' . $home_cat . '');
?>
</div>
<div class="pd5">
<label for="h_sid"><?php
_e('Sidebar', 'cb-getrends');
?>
</label>
<select name="h_sid" id="h_sid"><option value=""
<?php
if ($h_sid == '') {
echo " selected";
}
?>
>none</option>
<?php
global $wp_registered_sidebars;
$sidy = $wp_registered_sidebars;
if (is_array($sidy) && !empty($sidy)) {
foreach ($sidy as $side) {
if ($h_sid == $side['name']) {
echo "<option value='{$side['name']}' selected>{$side['name']}</option>\n";
} else {
echo "<option value='{$side['name']}'>{$side['name']}</option>\n";
}
}
}
?>
</select>
</div>
</div>
<!-- ## HOMEPAGE SECTION END ##-->
<!-- STYLES SECTION START-->
<div class="styles">
<div class="pd5" style="border-top: none;display:none;">
<label for="wid"><?php
_e('Layout', 'cb-getrends');
?>
</label>
<select name="wid" id="wid"><option value="full">
<?php
_e('full width', 'cb-getrends');
?>
</option>
<option value="fixed" <?php
if ($wid == 'fixed') {
?>
selected
<?php
}
?>
>
<?php
_e('boxed or fixed', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="border-top: none;">
<label for="fixed_top"><?php
_e('Floating Header area', 'cb-getrends');
?>
?</label>
<select name="fixed_top" id="fixed_top"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($fixed_top == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none !important;">
<label for="color_schema"><?php
_e('Color schema', 'cb-getrends');
?>
</label> <select name="color_schema" id="color_schema"><option
value="style.css">
<?php
_e('white', 'cb-getrends');
?>
</option>
<option value="black.css"
<?php
if ($color_schema == 'black.css') {
?>
selected <?php
}
?>
>
<?php
_e('black', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="color_style"><?php
_e('Color style', 'cb-getrends');
?>
</label> <select name="color_style" id="color_style"><option
value="">-----</option>
<option value="grey" <?php
if ($color_style == 'grey') {
?>
selected
<?php
}
?>
>grey</option>
<option value="blue" <?php
if ($color_style == 'blue') {
?>
selected
<?php
}
?>
>blue</option>
<option value="cocoa" <?php
if ($color_style == 'cocoa') {
?>
selected <?php
}
?>
>cocoa</option>
<option value="dark_brown"
<?php
if ($color_style == 'dark_brown') {
?>
selected <?php
}
?>
>dark
brown</option>
<option value="white_coffee"
<?php
if ($color_style == 'white_coffee') {
?>
selected <?php
}
?>
>white
coffee</option>
<option value="brown_coffee"
<?php
if ($color_style == 'brown_coffee') {
?>
selected <?php
}
?>
>brown
coffee</option>
<option value="magenta" <?php
if ($color_style == 'magenta') {
?>
selected <?php
}
?>
>magenta</option>
<option value="bordo" <?php
if ($color_style == 'bordo') {
?>
selected <?php
}
?>
>bordo</option>
<option value="orange" <?php
if ($color_style == 'orange') {
?>
selected <?php
}
?>
>orange</option>
<option value="green" <?php
if ($color_style == 'green') {
?>
selected <?php
}
?>
>green</option>
<option value="green_lemon"
<?php
if ($color_style == 'green_lemon') {
?>
selected <?php
}
?>
>green
lemon</option>
<option value="paradise" <?php
if ($color_style == 'paradise') {
?>
selected <?php
}
?>
>paradise</option>
<option value="violet" <?php
if ($color_style == 'violet') {
?>
selected <?php
}
?>
>violet</option>
<option value="purple_pink"
<?php
if ($color_style == 'purple_pink') {
?>
selected <?php
}
?>
>purple
pink</option>
<option value="raspberry_pink"
<?php
if ($color_style == 'raspberry_pink') {
?>
selected
<?php
}
?>
>raspberry pink</option>
<option value="barbie_pink"
<?php
if ($color_style == 'barbie_pink') {
?>
selected <?php
}
?>
>barbie
pink</option>
</select>
</div>
<div class="pd5">
<label for="stripes_bg_schema"><?php
_e('Background Pattern', 'cb-getrends');
?>
<input type="hidden" name="stripes_bg_schema" value="<?php
echo $stripes_bg_schema;
?>
" id="stripes_bg_schema_val">
</label> <select name="stripes_bg_schema" id="stripes_bg_schema">
<option value="" <?php
if ($stripes_bg_schema == '') {
?>
selected
<?php
}
?>
>-----</option>
<option value="g.jpg" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/g.jpg', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'g.jpg') {
?>
selected <?php
}
?>
>
<?php
_e('Ge Trends', 'cb-getrends');
?>
</option>
<option value="w.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w.png') {
?>
selected <?php
}
?>
>
<?php
_e('White', 'cb-getrends');
?>
</option>
<option value="bg0.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/bg0.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'bg0.png') {
?>
selected <?php
}
?>
>
<?php
_e('Beige Noise', 'cb-getrends');
?>
</option>
<option value="w1.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w1.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w1.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 1', 'cb-getrends');
?>
</option>
<option value="w2.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w2.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w2.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 2', 'cb-getrends');
?>
</option>
<option value="w3.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w3.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w3.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 3', 'cb-getrends');
?>
</option>
<option value="w4.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w4.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w4.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 4', 'cb-getrends');
?>
</option>
<option value="w5.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w5.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w5.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 5', 'cb-getrends');
?>
</option>
<option value="w6.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w6.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w6.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 6', 'cb-getrends');
?>
</option>
<option value="w7.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w7.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w7.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 7', 'cb-getrends');
?>
</option>
<option value="w8.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w8.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w8.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 8', 'cb-getrends');
?>
</option>
<option value="w9.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w9.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w9.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 9', 'cb-getrends');
?>
</option>
<option value="w10.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w10.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w10.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 10', 'cb-getrends');
?>
</option>
<option value="w11.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w11.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w11.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 11', 'cb-getrends');
?>
</option>
<option value="w12.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w12.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w12.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 12', 'cb-getrends');
?>
</option>
<option value="w13.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w13.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w13.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 13', 'cb-getrends');
?>
</option>
<option value="w14.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w14.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w14.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 14', 'cb-getrends');
?>
</option>
<option value="w15.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w15.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w15.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 15', 'cb-getrends');
?>
</option>
<option value="w16.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w16.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w16.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 16', 'cb-getrends');
?>
</option>
<option value="w17.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w17.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w17.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 17', 'cb-getrends');
?>
</option>
<option value="w18.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w18.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w18.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 18', 'cb-getrends');
?>
</option>
<option value="b1.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b1.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b1.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 1', 'cb-getrends');
?>
</option>
<option value="b2.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b2.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b2.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 2', 'cb-getrends');
?>
</option>
<option value="b3.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b3.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b3.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 3', 'cb-getrends');
?>
</option>
<option value="b4.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b4.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b4.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 4', 'cb-getrends');
?>
</option>
<option value="b5.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b5.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b5.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 5', 'cb-getrends');
?>
</option>
<option value="b6.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b6.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w6.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 6', 'cb-getrends');
?>
</option>
<option value="b7.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b7.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b7.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 7', 'cb-getrends');
?>
</option>
<option value="b8.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b8.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b8.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 8', 'cb-getrends');
?>
</option>
<option value="b9.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b9.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b9.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 9', 'cb-getrends');
?>
</option>
<option value="b10.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b10.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b10.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 10', 'cb-getrends');
?>
</option>
<option value="b11.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b11.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b11.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 11', 'cb-getrends');
?>
</option>
<option value="b12.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b12.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b12.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 12', 'cb-getrends');
?>
</option>
<option value="b13.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b13.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b13.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 13', 'cb-getrends');
?>
</option>
<option value="b14.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b14.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b14.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 14', 'cb-getrends');
?>
</option>
<option value="b15.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b15.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b15.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 15', 'cb-getrends');
?>
</option>
<option value="b16.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b16.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b16.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 16', 'cb-getrends');
?>
</option>
<option value="b17.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b17.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b17.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 17', 'cb-getrends');
?>
</option>
<option value="b18.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b18.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b18.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 18', 'cb-getrends');
?>
</option>
<option value="b19.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b19.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b19.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 19', 'cb-getrends');
?>
</option>
<option value="b20.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b20.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b20.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 20', 'cb-getrends');
?>
</option>
<option value="b21.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b21.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b21.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 21', 'cb-getrends');
?>
</option>
<option value="b22.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b22.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b22.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 22', 'cb-getrends');
?>
</option>
<option value="b23.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b23.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b23.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 23', 'cb-getrends');
?>
</option>
<option value="b24.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b24.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b24.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 24', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="stripes_bg_schema2"><?php
_e('Content Background Pattern', 'cb-getrends');
?>
<input type="hidden" name="stripes_bg_schema2" value="<?php
echo $stripes_bg_schema2;
?>
" id="stripes_bg_schema_val2">
</label> <select name="stripes_bg_schema2" id="stripes_bg_schema2">
<option value="" <?php
if ($stripes_bg_schema2 == '') {
?>
selected
<?php
}
?>
>-----</option>
<option value="g.jpg" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/g.jpg', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'g.jpg') {
?>
selected <?php
}
?>
>
<?php
_e('Ge Trends', 'cb-getrends');
?>
</option>
<option value="w.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w.png') {
?>
selected <?php
}
?>
>
<?php
_e('White', 'cb-getrends');
?>
</option>
<option value="bg0.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/bg0.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'bg0.png') {
?>
selected <?php
}
?>
>
<?php
_e('Beige Noise', 'cb-getrends');
?>
</option>
<option value="w1.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w1.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w1.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 1', 'cb-getrends');
?>
</option>
<option value="w2.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w2.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w2.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 2', 'cb-getrends');
?>
</option>
<option value="w3.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w3.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w3.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 3', 'cb-getrends');
?>
</option>
<option value="w4.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w4.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w4.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 4', 'cb-getrends');
?>
</option>
<option value="w5.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w5.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w5.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 5', 'cb-getrends');
?>
</option>
<option value="w6.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w6.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w6.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 6', 'cb-getrends');
?>
</option>
<option value="w7.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w7.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w7.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 7', 'cb-getrends');
?>
</option>
<option value="w8.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w8.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w8.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 8', 'cb-getrends');
?>
</option>
<option value="w9.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w9.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w9.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 9', 'cb-getrends');
?>
</option>
<option value="w10.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w10.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w10.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 10', 'cb-getrends');
?>
</option>
<option value="w11.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w11.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w11.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 11', 'cb-getrends');
?>
</option>
<option value="w12.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w12.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w12.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 12', 'cb-getrends');
?>
</option>
<option value="w13.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w13.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w13.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 13', 'cb-getrends');
?>
</option>
<option value="w14.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w14.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w14.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 14', 'cb-getrends');
?>
</option>
<option value="w15.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w15.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w15.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 15', 'cb-getrends');
?>
</option>
<option value="w16.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w16.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w16.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 16', 'cb-getrends');
?>
</option>
<option value="w17.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w17.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w17.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 17', 'cb-getrends');
?>
</option>
<option value="w18.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w18.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w18.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 18', 'cb-getrends');
?>
</option>
<option value="b1.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b1.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b1.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 1', 'cb-getrends');
?>
</option>
<option value="b2.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b2.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b2.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 2', 'cb-getrends');
?>
</option>
<option value="b3.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b3.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b3.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 3', 'cb-getrends');
?>
</option>
<option value="b4.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b4.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b4.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 4', 'cb-getrends');
?>
</option>
<option value="b5.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b5.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b5.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 5', 'cb-getrends');
?>
</option>
<option value="b6.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b6.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w6.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 6', 'cb-getrends');
?>
</option>
<option value="b7.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b7.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b7.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 7', 'cb-getrends');
?>
</option>
<option value="b8.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b8.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b8.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 8', 'cb-getrends');
?>
</option>
<option value="b9.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b9.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b9.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 9', 'cb-getrends');
?>
</option>
<option value="b10.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b10.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b10.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 10', 'cb-getrends');
?>
</option>
<option value="b11.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b11.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b11.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 11', 'cb-getrends');
?>
</option>
<option value="b12.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b12.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b12.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 12', 'cb-getrends');
?>
</option>
<option value="b13.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b13.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b13.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 13', 'cb-getrends');
?>
</option>
<option value="b14.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b14.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b14.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 14', 'cb-getrends');
?>
</option>
<option value="b15.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b15.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b15.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 15', 'cb-getrends');
?>
</option>
<option value="b16.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b16.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b16.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 16', 'cb-getrends');
?>
</option>
<option value="b17.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b17.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b17.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 17', 'cb-getrends');
?>
</option>
<option value="b18.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b18.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b18.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 18', 'cb-getrends');
?>
</option>
<option value="b19.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b19.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b19.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 19', 'cb-getrends');
?>
</option>
<option value="b20.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b20.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b20.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 20', 'cb-getrends');
?>
</option>
<option value="b21.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b21.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b21.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 21', 'cb-getrends');
?>
</option>
<option value="b22.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b22.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b22.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 22', 'cb-getrends');
?>
</option>
<option value="b23.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b23.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b23.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 23', 'cb-getrends');
?>
</option>
<option value="b24.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b24.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b24.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 24', 'cb-getrends');
?>
</option>
</select>
</div>
<style>
.bg_o,.bg_a {
cursor: pointer;
width: 58px;
height: 40px;
margin: 0;
padding: 0;
float: left;
}
.bg_o {
border: 2px solid #f8f8f8;
}
.bg_a {
border: 2px solid #333;
}
.round {
border-radius: 3px;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.dd-options{
height:250px;
}
.dd-options li{
margin:0;
}
.dd-option,.dd-selected{
padding: 0;
}
.dd-selected{
width: 233px;
height:53px;
}
.dd-option-text{
display: none!important;
}
.dd-selected-text{
display: none!important;
}
.dd-option-image {
max-width: 253px!important;
}
.dd-selected-image{
max-width: 233px!important;
}
</style>
<div class="pd5">
<label for="upload_bg"><?php
_e('Your own background upload', 'cb-getrends');
?>
</label> <input id="upload_bg" type="text" size="36"
name="upload_bg" class="upurl input-upload"
value="<?php
echo $upload_bg;
?>
" /><input
style="cursor: pointer;" class="upload_button2" type="button"
value="Upload Bg" /><br /> <br />
<?php
_e('Enter an URL or upload background image. This setting overrides predefined backgrounds.', 'cb-getrends');
?>
<?php
if ($upload_bg != '') {
require_once get_template_directory() . '/BFI_Thumb.php';
echo '</br></br><div>Current bg: <a href="' . $upload_bg . '" target="_blank"><img src="' . bfi_thumb($upload_bg, array('width' => 145, 'height' => 70, 'crop' => true)) . '" align="absmiddle" alt="logo" class="round" style="width:145px!important;height:70px!important;"/></a></div></br>';
}
?>
</div>
<?php
if ($upload_bg != '') {
?>
<div class="pd5" style="border-top: 0;">
<label for="remove_bg"><?php
_e('Remove background image', 'cb-getrends');
?>
?</label>
<select name="remove_bg" id="remove_bg"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<?php
}
?>
<div class="pd5">
<label for="bg_fixed"><?php
_e('Fixed position background', 'cb-getrends');
?>
?</label>
<select name="bg_fixed" id="bg_fixed"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($bg_fixed == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="bg_str"><?php
_e('Stretch background width', 'cb-getrends');
?>
?</label>
<select name="bg_str" id="bg_str"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($bg_str == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none !important;">
<label for="o_head"><?php
_e('Header bg visibilty', 'cb-getrends');
?>
</label> <select name="o_head" id="o_head">
<option value="visible">
<?php
_e('visible', 'cb-getrends');
?>
</option>
<option value="half" <?php
if ($o_head == 'half') {
?>
selected
<?php
}
?>
>
<?php
_e('half visible', 'cb-getrends');
?>
</option>
<option value="not" <?php
if ($o_head == 'not') {
?>
selected
<?php
}
?>
>
<?php
_e('not visible', 'cb-getrends');
?>
</option>
</select>
<?php
_e('Background visibilty', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="o_con"><?php
_e('Content bg visibilty', 'cb-getrends');
?>
</label> <select name="o_con" id="o_con">
<option value="visible">
<?php
_e('visible', 'cb-getrends');
?>
</option>
<option value="half" <?php
if ($o_con == 'half') {
?>
selected
<?php
}
?>
>
<?php
_e('half visible', 'cb-getrends');
?>
</option>
<option value="not" <?php
if ($o_con == 'not') {
?>
selected
<?php
}
?>
>
<?php
_e('not visible', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="o_mid"><?php
_e('Middle widget bg visibilty', 'cb-getrends');
?>
</label> <select name="o_mid" id="o_mid">
<option value="visible">
<?php
_e('visible', 'cb-getrends');
?>
</option>
<option value="half" <?php
if ($o_mid == 'half') {
?>
selected
<?php
}
?>
>
<?php
_e('half visible', 'cb-getrends');
?>
</option>
<option value="not" <?php
if ($o_mid == 'not') {
?>
selected
<?php
}
?>
>
<?php
_e('not visible', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="o_foot"><?php
_e('Footer bg visibilty', 'cb-getrends');
?>
</label> <select name="o_foot" id="o_foot">
<option value="visible">
<?php
_e('visible', 'cb-getrends');
?>
</option>
<option value="half" <?php
if ($o_foot == 'half') {
?>
selected
<?php
}
?>
>
<?php
_e('half visible', 'cb-getrends');
?>
</option>
<option value="not" <?php
if ($o_foot == 'not') {
?>
selected
<?php
}
?>
>
<?php
_e('not visible', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="bors"><?php
_e('Show borders', 'cb-getrends');
?>
?</label>
<select name="bors" id="bors">
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($bors == 'no') {
?>
selected <?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="bors_h"><?php
_e('Show header bottom border', 'cb-getrends');
?>
?</label>
<select name="bors_h" id="bors_h">
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($bors_h == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="bors_f"><?php
_e('Show footer top border', 'cb-getrends');
?>
?</label>
<select name="bors_f" id="bors_f">
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($bors_f == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="font_family"><?php
_e('Font Family', 'cb-getrends');
?>
</label> <select name="font_family" id="font_family">
<option value="Arial" <?php
if ($font_family == 'Arial') {
?>
selected <?php
}
?>
>Arial</option>
<option value="Tahoma" <?php
if ($font_family == 'Tahoma<') {
?>
selected <?php
}
?>
>Tahoma</option>
<option value="Verdana" <?php
if ($font_family == 'Verdana') {
?>
selected <?php
}
?>
>Verdana</option>
<option value="Trebuchet Ms"
<?php
if ($font_family == 'Trebuchet Ms') {
?>
selected <?php
}
?>
>Trebuchet
Ms</option>
<option value="Times New Roman"
<?php
if ($font_family == 'Times New Roman') {
?>
selected
<?php
}
?>
>Times New Roman</option>
<option value="Georgia" <?php
if ($font_family == 'Georgia') {
?>
selected <?php
}
?>
>Georgia</option>
</select>
</div>
<div class="pd5">
<label for="font_family_google"><?php
_e('Font Family Google', 'cb-getrends');
?>
</label> <select name="font_family_google"
id="font_family_google">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($font_family_google == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select> (
<?php
_e('Optional', 'cb-getrends');
?>
<a href="http://www.google.com/webfonts" target="_blank"><?php
_e('fonts from Google', 'cb-getrends');
?>
</a>)<br />
<br />
<?php
_e('Google font will override general font', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="headings_up"><?php
_e('Headings Transform', 'cb-getrends');
?>
</label> <select name="headings_up" id="headings_up">
<option value="normal" <?php
if ($headings_up == 'uppercase') {
?>
selected <?php
}
?>
>normal</option>
<option value="uppercase"
<?php
if ($headings_up == 'uppercase') {
?>
selected <?php
}
?>
>uppercase</option>
</select>
</div>
<div class="pd5">
<label for="headings_upw"><?php
_e('Headings Font Weight', 'cb-getrends');
?>
</label> <select name="headings_upw" id="headings_upw">
<option value="300" <?php
if ($headings_upw == '300') {
?>
selected
<?php
}
?>
>light</option>
<option value="normal" <?php
if ($headings_upw == 'normal') {
?>
selected <?php
}
?>
>normal</option>
<option value="bold" <?php
if ($headings_upw == 'bold') {
?>
selected <?php
}
?>
>semi-bold</option>
<option value="bolder" <?php
if ($headings_upw == 'bolder') {
?>
selected <?php
}
?>
>bold</option>
</select>
</div>
<div class="pd5">
<label for="headings_upw_t"><?php
_e('Title Headings Font Weight', 'cb-getrends');
?>
</label> <select name="headings_upw_t" id="headings_upw_t">
<option value="300" <?php
if ($headings_upw_t == '300') {
?>
selected <?php
}
?>
>light</option>
<option value="normal" <?php
if ($headings_upw_t == 'normal') {
?>
selected <?php
}
?>
>normal</option>
<option value="bold" <?php
if ($headings_upw_t == 'bold') {
?>
selected <?php
}
?>
>semi-bold</option>
<option value="bolder" <?php
if ($headings_upw_t == 'bolder') {
?>
selected <?php
}
?>
>bold</option>
</select>
</div>
<div class="pd5">
<label for="font_family_head"><?php
_e('Headings Font Family', 'cb-getrends');
?>
</label> <select name="font_family_head" id="font_family_head">
<option value="Arial" <?php
if ($font_family_head == 'Arial') {
?>
selected <?php
}
?>
>Arial</option>
<option value="Tahoma" <?php
if ($font_family_head == 'Tahoma') {
?>
selected <?php
}
?>
>Tahoma</option>
<option value="Verdana"
<?php
if ($font_family_head == 'Verdana') {
?>
selected <?php
}
?>
>Verdana</option>
<option value="Trebuchet Ms"
<?php
if ($font_family_head == 'Trebuchet Ms') {
?>
selected
<?php
}
?>
>Trebuchet Ms</option>
<option value="Times New Roman"
<?php
if ($font_family_head == 'Times New Roman') {
?>
selected
<?php
}
?>
>Times New Roman</option>
<option value="Georgia"
<?php
if ($font_family_head == 'Georgia') {
?>
selected <?php
}
?>
>Georgia</option>
</select>
</div>
<div class="pd5">
<label for="font_family_google_head"><?php
_e('Headings Font Family Google', 'cb-getrends');
?>
</label> <select name="font_family_google_head"
id="font_family_google_head">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($font_family_google_head == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select> (
<?php
_e('Optional', 'cb-getrends');
?>
<a href="http://www.google.com/webfonts" target="_blank"><?php
_e('fonts from Google', 'cb-getrends');
?>
</a>)<br />
<br />
<?php
_e('Google font will override general font', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="font_family_google_head_title"><?php
_e('Title Heading Font Family - Google', 'cb-getrends');
?>
</label> <select name="font_family_google_head_title"
id="font_family_google_head_title">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($font_family_google_head_title == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select> (
<?php
_e('Optional', 'cb-getrends');
?>
<a href="http://www.google.com/webfonts" target="_blank"><?php
_e('fonts from Google', 'cb-getrends');
?>
</a>)<br />
<br />
<?php
_e('Google font will override general font', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="font_family_google_head_title2"><?php
_e('Title 2 Heading Font Family Google', 'cb-getrends');
?>
</label> <select name="font_family_google_head_title2"
id="font_family_google_head_title2">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($font_family_google_head_title2 == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select> (
<?php
_e('Optional', 'cb-getrends');
?>
<a href="http://www.google.com/webfonts" target="_blank"><?php
_e('fonts from Google', 'cb-getrends');
?>
</a>)<br />
<br />
<?php
_e('Google font will override general font', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="bodyfs"><?php
_e('Body font size', 'cb-getrends');
?>
</label> <input type="text" name="bodyfs" id="bodyfs"
value="<?php
echo $bodyfs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h1fs"><?php
_e('Heading 1 font size', 'cb-getrends');
?>
</label> <input type="text" name="h1fs" id="h1fs"
value="<?php
echo $h1fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h1fts"><?php
_e('Title Heading font size', 'cb-getrends');
?>
</label> <input type="text" name="h1fts" id="h1fts"
value="<?php
echo $h1fts;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h2fs"><?php
_e('Heading 2 font size', 'cb-getrends');
?>
</label> <input type="text" name="h2fs" id="h2fs"
value="<?php
echo $h2fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h3fs"><?php
_e('Heading 3 font size', 'cb-getrends');
?>
</label> <input type="text" name="h3fs" id="h3fs"
value="<?php
echo $h3fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h4fs"><?php
_e('Heading 4 font size', 'cb-getrends');
?>
</label> <input type="text" name="h4fs" id="h4fs"
value="<?php
echo $h4fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h5fs"><?php
_e('Heading 5 font size', 'cb-getrends');
?>
</label> <input type="text" name="h5fs" id="h5fs"
value="<?php
echo $h5fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h6fs"><?php
_e('Heading 6 font size', 'cb-getrends');
?>
</label> <input type="text" name="h6fs" id="h6fs"
value="<?php
echo $h6fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="headh"><?php
_e('Title Headings Line Height', 'cb-getrends');
?>
</label> <input type="text" name="headh" id="headh"
value="<?php
echo $headh;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="headhc"><?php
_e('Title Headings, slash, icon color', 'cb-getrends');
?>
</label> <input type="text" name="headhc" id="headhc"
class="color" value="<?php
echo $headhc;
?>
" />
</div>
<div class="pd5">
<label for="menu_f"><?php
_e('Menu Font Family - Google', 'cb-getrends');
?>
</label> <select name="menu_f" id="menu_f">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($menu_f == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select>
</div>
<div class="pd5">
<label for="menu_font_size"><?php
_e('Menu font size', 'cb-getrends');
?>
</label> <input type="text" name="menu_font_size"
id="menu_font_size" value="<?php
echo $menu_font_size;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<h4>
<?php
_e('Custom Colors', 'cb-getrends');
?>
-
<?php
_e('This settings will override general color schema', 'cb-getrends');
?>
.
</h4>
<div class="pd5">
<label for="color_master"><?php
_e('Accent and Master color', 'cb-getrends');
?>
</label> <input type="text" name="color_master"
id="color_master" value="<?php
echo $color_master;
?>
"
class="color" />
<?php
_e('This setting will work like color styles.', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="fadecolor"><?php
_e('Fade background color', 'cb-getrends');
?>
</label> <input type="text" name="fadecolor"
id="fadecolor" value="<?php
echo $fadecolor;
?>
"
class="color" />
<?php
_e('This setting will affect image hover background.', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="menu_color"><?php
_e('Menu font color', 'cb-getrends');
?>
</label> <input type="text" name="menu_color" id="menu_color"
value="<?php
echo $menu_color;
?>
" class="color" />
</div>
<div class="pd5">
<label for="shad"><?php
_e('Borders color', 'cb-getrends');
?>
</label> <input type="text" name="shad" id="shad"
value="<?php
echo $shad;
?>
" class="color" />
</div>
<div class="pd5" style="display:none;">
<label for="shad2"><?php
_e('Fixed width Shadow', 'cb-getrends');
?>
</label> <input type="text" name="shad2" id="shad2"
value="<?php
echo $shad2;
?>
" class="color" />
</div>
<div class="pd5">
<label for="ht_background"><?php
_e('Header background color', 'cb-getrends');
?>
</label> <input type="text" name="ht_background"
id="ht_background" value="<?php
echo $ht_background;
?>
"
class="color" />
</div>
<div class="pd5">
<label for="htb_background"><?php
_e('Below Header background color', 'cb-getrends');
?>
</label> <input type="text" name="htb_background"
id="htb_background" value="<?php
echo $htb_background;
?>
"
class="color" />
</div>
<div class="pd5">
<label for="middle_background"><?php
_e('Middle area background color', 'cb-getrends');
?>
</label> <input type="text" name="middle_background"
id="middle_background" value="<?php
echo $middle_background;
?>
"
class="color" />
</div>
<div class="pd5">
<label for="middle_backgroundc"><?php
_e('Below middle area background color', 'cb-getrends');
?>
</label> <input type="text" name="middle_backgroundc"
id="middle_backgroundc"
value="<?php
echo $middle_backgroundc;
?>
" class="color" />
</div>
<div class="pd5">
<label for="middle_nbackgroundc"><?php
_e('Below news middle area background color', 'cb-getrends');
?>
</label> <input type="text" name="middle_nbackgroundc"
id="middle_nbackgroundc"
value="<?php
echo $middle_nbackgroundc;
?>
" class="color" />
</div>
<div class="pd5">
<label for="middle_backgroundi"><?php
_e('Below middle area background image', 'cb-getrends');
?>
</label> <input id="middle_backgroundi" type="text" size="36"
name="middle_backgroundi" class="upurl input-upload"
value="<?php
echo $middle_backgroundi;
?>
" /><input
style="cursor: pointer;" class="upload_button2" type="button"
value="Upload Image" /><br />
<br />
<?php
_e('Enter an URL or upload background image.', 'cb-getrends');
?>
<?php
if ($middle_backgroundi != '') {
require_once get_template_directory() . '/BFI_Thumb.php';
echo '</br></br><div>Current bg: <a href="' . $middle_backgroundi . '" target="_blank"><img src="' . bfi_thumb($middle_backgroundi, array('width' => 145, 'height' => 70, 'crop' => true)) . '" align="absmiddle" alt="logo" class="round" style="width:145px!important;height:70px!important;"/></a></div></br>';
}
?>
</div>
<?php
if ($middle_backgroundi != '') {
?>
<div class="pd5">
<label for="remove_bgi"><?php
_e('Remove background image', 'cb-getrends');
?>
?</label>
<select name="remove_bgi" id="remove_bgi"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<?php
}
?>
<div class="pd5"><label for="bgf_str"><?php
_e('Stretch below middle background width', 'cb-getrends');
?>
?</label>
<select name="bgf_str" id="bgf_str"><option value="no"><?php
_e('no', 'cb-getrends');
?>
</option><option value="yes" <?php
if ($bgf_str == 'yes') {
echo 'selected';
}
?>
><?php
_e('yes', 'cb-getrends');
?>
</option></select></div>
<div class="pd5"><label for="footer_background"><?php
_e('Footer background color', 'cb-getrends');
?>
</label>
<input type="text" name="footer_background" id="footer_background" class="color" value="<?php
echo $footer_background;
?>
"/></div>
<div class="pd5"><label for="background_color"><?php
_e('Background color', 'cb-getrends');
?>
</label>
<input type="text" name="background_color" id="background_color" value="<?php
echo $background_color;
?>
" class="color"/></div>
<div class="pd5"><label for="cbackground_color"><?php
_e('Content Background color', 'cb-getrends');
?>
</label>
<input type="text" name="cbackground_color" id="cbackground_color" value="<?php
echo $cbackground_color;
?>
" class="color"/></div>
<div class="pd5"><label for="logo_color"><?php
_e('Logo color', 'cb-getrends');
?>
</label>
<input type="text" name="logo_color" id="logo_color" value="<?php
echo $logo_color;
?>
" class="color"/></div>
<div class="pd5"><label for="logo_shad"><?php
_e('Logo shadow color', 'cb-getrends');
?>
</label>
<input type="text" name="logo_shad" id="logo_shad" value="<?php
echo $logo_shad;
?>
" class="color"/></div>
<div class="pd5" style="display:none;"><label for="slogan_color"><?php
_e('Slogan color', 'cb-getrends');
?>
</label>
<input type="text" name="slogan_color" id="slogan_color" value="<?php
echo $slogan_color;
?>
" class="color"/></div>
<div class="pd5"><label for="text_color"><?php
_e('Text color', 'cb-getrends');
?>
</label>
<input type="text" name="text_color" id="text_color" value="<?php
echo $text_color;
?>
" class="color"/></div>
<div class="pd5"><label for="mwh"><?php
_e('Middlebar Widget Headings color', 'cb-getrends');
?>
</label>
<input type="text" name="mwh" id="mwh" value="<?php
echo $mwh;
?>
" class="color"/></div>
<div class="pd5"><label for="mw"><?php
_e('Middlebar Widget text color', 'cb-getrends');
?>
</label>
<input type="text" name="mw" id="mw" value="<?php
echo $mw;
?>
" class="color"/></div>
<div class="pd5"><label for="headings_color"><?php
_e('Headings color', 'cb-getrends');
?>
</label>
<input type="text" name="headings_color" id="headings_color" value="<?php
echo $headings_color;
?>
" class="color"/></div>
<div class="pd5"><label for="links_color"><?php
_e('Links color', 'cb-getrends');
?>
</label>
<input type="text" name="links_color" id="links_color" value="<?php
echo $links_color;
?>
" class="color"/></div>
<div class="pd5"><label for="links_hover_color"><?php
_e('Links hover color', 'cb-getrends');
?>
</label>
<input type="text" name="links_hover_color" id="links_hover_color" value="<?php
echo $links_hover_color;
?>
" class="color"/></div>
<div class="pd5"><label for="pfilter_color"><?php
_e('Portfolio Filter links color', 'cb-getrends');
?>
</label>
<input type="text" name="pfilter_color" id="pfilter_color" value="<?php
echo $pfilter_color;
?>
" class="color"/></div>
<div class="pd5"><label for="pfilter_bgcolor"><?php
_e('Portfolio Filter background color', 'cb-getrends');
?>
</label>
<input type="text" name="pfilter_bgcolor" id="pfilter_bgcolor" value="<?php
echo $pfilter_bgcolor;
?>
" class="color"/></div>
<div class="pd5"><label for="add_css"><?php
_e('Additional CSS', 'cb-getrends');
?>
</label>
<textarea name="add_css" id="add_css" style="width:300px;height:100px;"><?php
echo $add_css;
?>
</textarea></div>
</div>
<!--## STYLES SECTION END ##-->
<!-- SLIDER SECTION START-->
<div class="slider">
<div class="pd5" style="border-top: none;">
<label for="slide_type"><?php
_e('Slider Type', 'cb-getrends');
?>
</label> <select name="slide_type" id="slide_type">
<option value="revo">
<?php
_e('Revolution Slider', 'cb-getrends');
?>
</option>
<option value="any" <?php
if ($slide_type == 'any') {
?>
selected
<?php
}
?>
>
<?php
_e('Anything Slider', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="slide_home"><?php
_e('Show Slider', 'cb-getrends');
?>
</label> <select name="slide_home" id="slide_home"><option
value="home">
<?php
_e('only in homepage', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($slide_home == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('everywhere', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($slide_home == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('disable slider', 'cb-getrends');
?>
</option>
</select>
</div>
<style>
.hide_slider {
display: none;
}
</style>
<script>
var ht="";
jQuery("select#slide_type").change(function () {
jQuery("select#slide_type option:selected").each(function () {
ht=jQuery(this).val();
});
jQuery(".hide_slider").hide();
jQuery("."+ht).show();
})
.change();
jQuery(document).ready(function(){
var htt="<?php
echo $slide_type;
?>
";
jQuery("."+htt).show();
jQuery('#stripes_bg_schema').ddslick({
onSelected: function(data){
if(data.selectedIndex > 0)
jQuery('#stripes_bg_schema_val').val(data.selectedData.value);
}
});
jQuery('#stripes_bg_schema2').ddslick({
onSelected: function(data){
if(data.selectedIndex > 0)
jQuery('#stripes_bg_schema_val2').val(data.selectedData.value);
}
});
});
</script>
<?php
/*REVOLUTION SLIDER*/
?>
<div class="revo hide_slider">
<?php
if (in_array('revslider/revslider.php', apply_filters('active_plugins', get_option('active_plugins')))) {
?>
<div class="pd5">
<label><?php
_e('Slider Name', 'cb-getrends');
?>
</label> <select
name="rev_slider_name">
<?php
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
foreach ($arrSliders as $slider) {
$stitle = $slider->getTitle();
$salias = $slider->getAlias();
if ($rev_slider_name == $salias) {
$curest = ' selected ';
} else {
$curest = '';
}
echo '<option value=' . $salias . ' ' . $curest . '>' . $stitle . '</option>';
}
?>
</select>
</div>
<?php
}
?>
<br />
<?php
_e('You can configure Revolution Slider by', 'cb-getrends');
?>
<b> <a href="admin.php?page=revslider">clicking here</a> </b><br />
</div>
<?php
/*REVOLUTION SLIDER END*/
?>
<?php
/*ANYTHING SLIDER*/
$tttra = '';
?>
<div class="any hide_slider">
<div class="pd5">
<label for="s_text"><?php
_e('Show post content above image', 'cb-getrends');
?>
?</label>
<select name="s_text" id="s_text"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($s_text == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label><?php
_e('Select Category for slider', 'cb-getrends');
?>
</label>
<?php
wp_dropdown_categories('show_count=1&hierarchical=1&hide_empty=0&selected=' . $cat);
?>
</div>
<h4>
<?php
_e('Optional Settings', 'cb-getrends');
?>
</h4>
<div class="pd5">
<label for="s_height"><?php
_e('Slider Custom Height', 'cb-getrends');
?>
</label> <input type="text" name="s_height"
value="<?php
echo $s_height;
?>
" /> (
<?php
_e('only numbers and px like 200px', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="s_link"><?php
_e('Link slides to posts', 'cb-getrends');
?>
?</label>
<select name="s_link" id="s_link"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($s_link == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="s_resize"><?php
_e('Resize Contents', 'cb-getrends');
?>
?</label>
<select name="s_resize" id="s_resize"><option value="true">
<?php
_e('true', 'cb-getrends');
?>
</option>
<option value="false" <?php
if ($s_resize == 'false') {
?>
selected
<?php
}
?>
>
<?php
_e('false', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="s_auto"><?php
_e('Autoplay', 'cb-getrends');
?>
</label>
<select name="s_auto" id="s_auto"><option value="true">
<?php
_e('true', 'cb-getrends');
?>
</option>
<option value="false" <?php
if ($s_auto == 'false') {
?>
selected
<?php
}
?>
>
<?php
_e('false', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="s_delay"><?php
_e('Delay in ms', 'cb-getrends');
?>
</label> <input type="text" name="s_delay" id="s_delay"
value="<?php
echo $s_delay;
?>
" />
</div>
<div class="pd5">
<label for="s_ani_time"><?php
_e('Animation time', 'cb-getrends');
?>
</label> <input type="text" name="s_ani_time" id="s_ani_time"
value="<?php
echo $s_ani_time;
?>
" />
</div>
<div class="pd5">
<label for="s_easing"><?php
_e('Easing Effect', 'cb-getrends');
?>
</label> <select name="s_easing" id="s_easing"><option
value="swing">swing</option>
<option value="linear" <?php
if ($s_easing == 'linear') {
?>
selected <?php
}
?>
>linear</option>
<option value="easeInQuad"
<?php
if ($s_easing == 'easeInQuad') {
?>
selected <?php
}
?>
>InQuad</option>
<option value="easeOutQuad"
<?php
if ($s_easing == 'easeOutQuad') {
?>
selected <?php
}
?>
>OutQuad</option>
<option value="easeInOutQuad"
<?php
if ($s_easing == 'easeInOutQuad') {
?>
selected <?php
}
?>
>InOutQuad</option>
<option value="easeInCubic"
<?php
if ($s_easing == 'easeInCubic') {
?>
selected <?php
}
?>
>InCubic</option>
<option value="easeOutCubic"
<?php
if ($s_easing == 'easeOutCubic') {
?>
selected <?php
}
?>
>OutCubic</option>
<option value="easeInOutCubic"
<?php
if ($s_easing == 'easeInOutCubic') {
?>
selected <?php
}
?>
>InOutCubic</option>
<option value="easeInQuart"
<?php
if ($s_easing == 'easeInQuart') {
?>
selected <?php
}
?>
>InQuart</option>
<option value="easeOutQuart"
<?php
if ($s_easing == 'easeOutQuart') {
?>
selected <?php
}
?>
>OutQuart</option>
<option value="easeInOutQuart"
<?php
if ($s_easing == 'easeInOutQuart') {
?>
selected <?php
}
?>
>InOutQuart</option>
<option value="easeInSine"
<?php
if ($s_easing == 'easeInSine') {
?>
selected <?php
}
?>
>InSine</option>
<option value="easeOutSine"
<?php
if ($s_easing == 'easeOutSine') {
?>
selected <?php
}
?>
>OutSine</option>
<option value="easeInOutSine"
<?php
if ($s_easing == 'easeInOutSine') {
?>
selected <?php
}
?>
>InOutSine</option>
<option value="easeInExpo"
<?php
if ($s_easing == 'easeInExpo') {
?>
selected <?php
}
?>
>InExpo</option>
<option value="easeOutExpo"
<?php
if ($s_easing == 'easeOutExpo') {
?>
selected <?php
}
?>
>OutExpo</option>
<option value="easeInOutExpo"
<?php
if ($s_easing == 'easeInOutExpo') {
?>
selected <?php
}
?>
>InOutExpo</option>
<option value="easeInQuint"
<?php
if ($s_easing == 'easeInQuint') {
?>
selected <?php
}
?>
>InQuint</option>
<option value="easeOutQuint"
<?php
if ($s_easing == 'easeOutQuint') {
?>
selected <?php
}
?>
>OutQuint</option>
<option value="easeInOutQuint"
<?php
if ($s_easing == 'easeInOutQuint') {
?>
selected <?php
}
?>
>InOutQuint</option>
<option value="easeInCirc"
<?php
if ($s_easing == 'easeInCirc') {
?>
selected <?php
}
?>
>InCirc</option>
<option value="easeOutCirc"
<?php
if ($s_easing == 'easeOutCirc') {
?>
selected <?php
}
?>
>OutCirc</option>
<option value="easeInOutCirc"
<?php
if ($s_easing == 'easeInOutCirc') {
?>
selected <?php
}
?>
>InOutCirc</option>
<option value="easeInElastic"
<?php
if ($s_easing == 'easeInElastic') {
?>
selected <?php
}
?>
>InElastic</option>
<option value="easeOutElastic"
<?php
if ($s_easing == 'easeOutElastic') {
?>
selected <?php
}
?>
>OutElastic</option>
<option value="easeInOutElastic"
<?php
if ($s_easing == 'easeInOutElastic') {
?>
selected
<?php
}
?>
>InOutElastic</option>
<option value="easeInBack"
<?php
if ($s_easing == 'easeInBack') {
?>
selected <?php
}
?>
>InBack</option>
<option value="easeOutBack"
<?php
if ($s_easing == 'easeOutBack') {
?>
selected <?php
}
?>
>OutBack</option>
<option value="easeInOutBack"
<?php
if ($s_easing == 'easeInOutBack') {
?>
selected <?php
}
?>
>InOutBack</option>
<option value="easeInBounce"
<?php
if ($s_easing == 'easeInBounce') {
?>
selected <?php
}
?>
>InBounce</option>
<option value="easeOutBounce"
<?php
if ($s_easing == 'easeOutBounce') {
?>
selected <?php
}
?>
>OutBounce</option>
<option value="easeInOutBounce"
<?php
if ($s_easing == 'easeInOutBounce') {
?>
selected <?php
}
?>
>InOutBounce</option>
</select>
</div>
</div>
<?php
/*ANYTHING SLIDER END*/
?>
</div>
<!--## SLIDER SECTION END ##-->
<!-- FULLSCREEN SLIDER SECTION START ##-->
<div class="slider2">
<div class="pd5" style="border-top: none;">
<label for="full_slider"><?php
_e('Show Fullscreen Slider', 'cb-getrends');
?>
?</label>
<select name="full_slider" id="full_slider"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($full_slider == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_where"><?php
_e('Show Slider on', 'cb-getrends');
?>
:</label>
<select name="full_slider_where" id="full_slider_where"><option
value="home">
<?php
_e('only in homepage', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($full_slider_where == 'yes') {
?>
selected <?php
}
?>
>
<?php
_e('everywhere', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_style"><?php
_e('Show controls', 'cb-getrends');
?>
:</label>
<select name="full_slider_style" id="full_slider_style"><option
value="0">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_style == '1') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_bar"><?php
_e('Show Progress Bar', 'cb-getrends');
?>
:</label>
<select name="full_slider_bar" id="full_slider_bar"><option
value="0">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_bar == '1') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_thumbs"><?php
_e('Show Thumbnails', 'cb-getrends');
?>
:</label>
<select name="full_slider_thumbs" id="full_slider_thumbs"><option
value="0">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_thumbs == '1') {
?>
selected <?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_nav"><?php
_e('Show Prev/Next Buttons', 'cb-getrends');
?>
:</label>
<select name="full_slider_nav" id="full_slider_nav"><option
value="0">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_nav == '1') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_interval"><?php
_e('Slides Interval', 'cb-getrends');
?>
</label> <input type="text" name="full_slider_interval"
id="full_slider_interval"
value="<?php
echo $full_slider_interval;
?>
" />
<?php
_e('in ms', 'cb-getrends');
?>
</div>
<div class="pd5" style="border-top: none;">
<label for="full_slider_effect"><?php
_e('Slider Effect', 'cb-getrends');
?>
</label> <select name="full_slider_effect"
id="full_slider_effect">
<option value="0">
<?php
_e('None', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_effect == '1') {
?>
selected <?php
}
?>
>
<?php
_e('Fade', 'cb-getrends');
?>
</option>
<option value="2" <?php
if ($full_slider_effect == '2') {
?>
selected <?php
}
?>
>
<?php
_e('Slide Top', 'cb-getrends');
?>
</option>
<option value="3" <?php
if ($full_slider_effect == '3') {
?>
selected <?php
}
?>
>
<?php
_e('Slide Right', 'cb-getrends');
?>
</option>
<option value="4" <?php
if ($full_slider_effect == '4') {
?>
selected <?php
}
?>
>
<?php
_e('Slide Bottom', 'cb-getrends');
?>
</option>
<option value="5" <?php
if ($full_slider_effect == '5') {
?>
selected <?php
}
?>
>
<?php
_e('Slide Left', 'cb-getrends');
?>
</option>
<option value="6" <?php
if ($full_slider_effect == '6') {
?>
selected <?php
}
?>
>
<?php
_e('Carousel Right', 'cb-getrends');
?>
</option>
<option value="7" <?php
if ($full_slider_effect == '7') {
?>
selected <?php
}
?>
>
<?php
_e('Carousel Left', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_t_speed"><?php
_e('Effect Speed', 'cb-getrends');
?>
</label> <input type="text" name="full_slider_t_speed"
id="full_slider_t_speed"
value="<?php
echo $full_slider_t_speed;
?>
" />
<?php
_e('in ms', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="full_slider_page"><?php
_e('Get images attached to this page:', 'cb-getrends');
?>
</label>
<?php
wp_dropdown_pages('selected=' . $full_slider_page . '&name=full_slider_page');
?>
</div>
</div>
<!-- ## FULLSCREEN SLIDER SECTION END ##-->
<!-- TOP ICON SECTION START ##-->
<div class="top-icons">
<style>
#sortable {
list-style-type: none;
margin: 0;
padding: 0;
width: 60%;
}
#sortable li {
margin: 0 3px 3px 3px;
padding: 0.4em;
padding-left: 1.5em;
font-size: 1.4em;
border: 1px solid #ccc;
}
#sortable li a {
text-decoration: none
}
</style>
<script>
jQuery(function() {
jQuery( "#sortable" ).sortable();
});
</script>
<div class="pd5" style="border-top: none;">
<label for="font-size">Font size<br /> <input type="text"
id="font-size"
value="<?php
if ($headings_icons_size == '') {
echo '20';
} else {
echo $headings_icons_size;
}
?>
"
name="headings_icons_size"> </label>
</div>
<div class="pd5" style="border-top: none;">
<ul id="sortable" style="width: 100%;">
<?php
if (isset($headings_icons) && is_array($headings_icons)) {
for ($i = 0; $i < sizeof($headings_icons); $i++) {
?>
<?php
if (!isset($headings_icons[$i]['color'])) {
$headings_icons[$i]['color'] = '';
}
?>
<li class="ui-state-default"><div class="icons-content">
<a
href="#TB_inline?width=640&inlineId=cb-icon-box-iframe-container"
class="thickbox"
onclick="load_icon('cb-sor-top-icon-<?php
echo $i + 1;
?>
');"><i id="cb-sor-top-icon-<?php
echo $i + 1;
?>
" class="<?php
echo $headings_icons[$i]['icon'];
?>
" style="font-size:<?php
echo $headings_icons_size;
?>
px;color:<?php
if ($headings_icons[$i]['color'] == '') {
echo '';
} else {
echo $headings_icons[$i]['color'];
}
?>
;"><span
style="color: #999; font-size: 10px; font-style: italic; cursor: pointer;"><?php
if ($headings_icons[$i]['icon'] == '') {
echo 'set icon ';
}
?>
</span> </i> </a><input type="text" name="icons_name[]"
value="<?php
if ($headings_icons[$i]['name'] == '') {
echo 'set title';
} else {
echo $headings_icons[$i]['name'];
}
?>
"
style="font-size: 10px;"><input type="text"
name="icons_link[]"
value="<?php
if ($headings_icons[$i]['link'] == '') {
echo 'set URL';
} else {
echo $headings_icons[$i]['link'];
}
?>
"
style="font-size: 10px;"><input type="hidden"
name="icons_val[]"
id="cb-sor-top-icon-<?php
echo $i + 1;
?>
-val"
value="<?php
echo $headings_icons[$i]['icon'];
?>
"><input
type="hidden" name="icons_color[]"
id="cb-sor-top-icon-<?php
echo $i + 1;
?>
-color"
value="<?php
if ($headings_icons[$i]['color'] == '') {
echo '';
} else {
echo $headings_icons[$i]['color'];
}
?>
">
</div></li>
<?php
}
} else {
?>
<li class="ui-state-default"><div class="icons-content">
<a
href="#TB_inline?width=640&inlineId=cb-icon-box-iframe-container"
class="thickbox" onclick="load_icon('cb-sor-top-icon-1');"><i
id="cb-sor-top-icon-1"><span
style="color: #999; font-size: 10px; font-style: italic; cursor: pointer;">set
icon</span> </i> </a><input type="text"
name="icons_name[]"><input type="text" name="icons_link[]"><input
type="hidden" name="icons_val[]" id="cb-sor-top-icon-1-val"><input
type="hidden" name="icons_color[]"
id="cb-sor-top-icon-1-color">
</div></li>
<?php
}
?>
</ul>
<span class="button" onclick="add_item();">Add item</span> <span
class="button" onclick="remove_last();">Remove last</span> <input
type="hidden" id="selected-id-builder">
</div>
<script type="text/javascript">
function load_icon(id) {
if(typeof id !== 'undefined') {
jQuery('#selected-id-builder').val(id);
}else{
jQuery('#selected-id-builder').val('');
}
}
function remove_last() {
jQuery("#sortable li:last").remove();
}
function add_item() {
var size = jQuery("#sortable li").size();
html='<li class="ui-state-default"><div class="icons-content"><a href="#TB_inline?width=640&inlineId=cb-icon-box-iframe-container" class="thickbox" onclick="load_icon(\'cb-sor-top-icon-'+(size+1)+'\');"><i id="cb-sor-top-icon-'+(size+1)+'"><span style="color:#999;font-size:10px;font-style:italic;cursor:pointer;">set icon </span></i></a> <input type="text" name="icons_name[]" value="set name" class="text" style="font-size:10px;"><input type="text" name="icons_link[]" value="set URL" class="text" style="font-size:10px;"><input type="hidden" name="icons_val[]" id="cb-sor-top-icon-'+(size+1)+'-val" ><input type="hidden" name="icons_color[]" id="cb-sor-top-icon-'+(size+1)+'-color" ></div></li>';
jQuery("#sortable").append(html);
}
jQuery(document).ready(function($) {
"use strict";
jQuery('.newcolor').wpColorPicker();
jQuery('.the-icons li').click(function() {
var sel_id = jQuery('#selected-id-builder').val();
var style='';
var data ='';
var icon_class = jQuery(this).find('i').attr('class');
var icon_color = jQuery('.wrap .pd5 .newcolor').val();
if (sel_id===''){
window.send_to_editor(data);
}
else{
jQuery('#'+sel_id+'-val').val(icon_class);
jQuery('#'+sel_id).html('').attr('class',icon_class).attr('style',style);
tb_remove();
}
jQuery('#'+sel_id+'-color').val(icon_color);
jQuery('#'+sel_id).css("color",icon_color);
var size = jQuery('#font-size').val();
jQuery('.icons-content > a > i').css("font-size",size+"px");
});
function set_icon_size(){
var size = jQuery('#font-size').val();
jQuery('.icons-content > a > i').css("font-size",size+"px");
}
jQuery("#font-size" ).spinner({
min: 1,
numberFormat: "C",
change: set_icon_size,
stop: set_icon_size
});
jQuery("#sortable li").each(function(n) {
jQuery(this).attr("id", "link" + n);
});
});
</script>
<div id="cb-icon-box-iframe-container" style="display: none;">
<div class="wrap" style="padding: 1em">
<div class="pd5" style="border-top: none;">
<label for="color">Color<br /> <input id="color" type="text"
value="#000" class="newcolor" autocomplete="off" style=""
name="headings_icons_color"> </label>
</div>
<div class="container">
<div id="new">
<h2 class="page-header">New Icons in 3.1.1</h2>
<style type="text/css">
.the-icons li {
cursor: hand;
cursor: pointer;
}
.span3 {
width: 166px;
float: left;
margin-left: 20px;
}
.span12 {
margin-left: 20px;
float: left;
width: 724px;
}
</style>
<div class="row margin-top">
<div class="span3">
<ul class="the-icons">
<li><i class="icon-expand-alt"></i> icon-expand-alt</li>
<li><i class="icon-collapse-alt"></i> icon-collapse-alt</li>
<li><i class="icon-smile"></i> icon-smile</li>
<li><i class="icon-frown"></i> icon-frown</li>
<li><i class="icon-meh"></i> icon-meh</li>
<li><i class="icon-gamepad"></i> icon-gamepad</li>
<li><i class="icon-keyboard"></i> icon-keyboard</li>
<li><i class="icon-flag-alt"></i> icon-flag-alt</li>
<li><i class="icon-flag-checkered"></i>
icon-flag-checkered</li>
<li><i class="icon-terminal"></i> icon-terminal</li>
<li><i class="icon-code"></i> icon-code</li>
<li><i class="icon-mail-forward"></i> icon-mail-forward <span
class="muted">(alias)</span></li>
<li><i class="icon-mail-reply"></i> icon-mail-reply <span
class="muted">(alias)</span></li>
<li><i class="icon-reply-all"></i> icon-reply-all</li>
<li><i class="icon-mail-reply-all"></i>
icon-mail-reply-all <span class="muted">(alias)</span></li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-star-half-empty"></i>
icon-star-half-empty</li>
<li><i class="icon-star-half-full"></i>
icon-star-half-full <span class="muted">(alias)</span></li>
<li><i class="icon-location-arrow"></i>
icon-location-arrow</li>
<li><i class="icon-rotate-left"></i> icon-rotate-left <span
class="muted">(alias)</span></li>
<li><i class="icon-rotate-right"></i> icon-rotate-right <span
class="muted">(alias)</span></li>
<li><i class="icon-crop"></i> icon-crop</li>
<li><i class="icon-code-fork"></i> icon-code-fork</li>
<li><i class="icon-unlink"></i> icon-unlink</li>
<li><i class="icon-question"></i> icon-question</li>
<li><i class="icon-info"></i> icon-info</li>
<li><i class="icon-exclamation"></i> icon-exclamation</li>
<li><i class="icon-superscript"></i> icon-superscript</li>
<li><i class="icon-subscript"></i> icon-subscript</li>
<li><i class="icon-eraser"></i> icon-eraser</li>
<li><i class="icon-puzzle-piece"></i> icon-puzzle-piece</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-microphone"></i> icon-microphone</li>
<li><i class="icon-microphone-off"></i>
icon-microphone-off</li>
<li><i class="icon-shield"></i> icon-shield</li>
<li><i class="icon-calendar-empty"></i>
icon-calendar-empty</li>
<li><i class="icon-fire-extinguisher"></i>
icon-fire-extinguisher</li>
<li><i class="icon-rocket"></i> icon-rocket</li>
<li><i class="icon-maxcdn"></i> icon-maxcdn</li>
<li><i class="icon-chevron-sign-left"></i>
icon-chevron-sign-left</li>
<li><i class="icon-chevron-sign-right"></i>
icon-chevron-sign-right</li>
<li><i class="icon-chevron-sign-up"></i>
icon-chevron-sign-up</li>
<li><i class="icon-chevron-sign-down"></i>
icon-chevron-sign-down</li>
<li><i class="icon-html5"></i> icon-html5</li>
<li><i class="icon-css3"></i> icon-css3</li>
<li><i class="icon-anchor"></i> icon-anchor</li>
<li><i class="icon-unlock-alt"></i> icon-unlock-alt</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-bullseye"></i> icon-bullseye</li>
<li><i class="icon-ellipsis-horizontal"></i>
icon-ellipsis-horizontal</li>
<li><i class="icon-ellipsis-vertical"></i>
icon-ellipsis-vertical</li>
<li><i class="icon-rss-sign"></i> icon-rss-sign</li>
<li><i class="icon-play-sign"></i> icon-play-sign</li>
<li><i class="icon-ticket"></i> icon-ticket</li>
<li><i class="icon-minus-sign-alt"></i>
icon-minus-sign-alt</li>
<li><i class="icon-check-minus"></i> icon-check-minus</li>
<li><i class="icon-level-up"></i> icon-level-up</li>
<li><i class="icon-level-down"></i> icon-level-down</li>
<li><i class="icon-check-sign"></i> icon-check-sign</li>
<li><i class="icon-edit-sign"></i> icon-edit-sign</li>
<li><i class="icon-external-link-sign"></i>
icon-external-link-sign</li>
<li><i class="icon-share-sign"></i> icon-share-sign</li>
</ul>
</div>
</div>
</div>
<section id="web-application" class="row">
<div class="span12">
<h2 class="page-header">Web Application Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-adjust"></i> icon-adjust</li>
<li><i class="icon-anchor"></i> icon-anchor</li>
<li><i class="icon-asterisk"></i> icon-asterisk</li>
<li><i class="icon-ban-circle"></i> icon-ban-circle</li>
<li><i class="icon-bar-chart"></i> icon-bar-chart</li>
<li><i class="icon-barcode"></i> icon-barcode</li>
<li><i class="icon-beaker"></i> icon-beaker</li>
<li><i class="icon-beer"></i> icon-beer</li>
<li><i class="icon-bell-alt"></i> icon-bell-alt</li>
<li><i class="icon-bell"></i> icon-bell</li>
<li><i class="icon-bolt"></i> icon-bolt</li>
<li><i class="icon-book"></i> icon-book</li>
<li><i class="icon-bookmark-empty"></i> icon-bookmark-empty</li>
<li><i class="icon-bookmark"></i> icon-bookmark</li>
<li><i class="icon-briefcase"></i> icon-briefcase</li>
<li><i class="icon-bullhorn"></i> icon-bullhorn</li>
<li><i class="icon-bullseye"></i> icon-bullseye</li>
<li><i class="icon-calendar-empty"></i> icon-calendar-empty</li>
<li><i class="icon-calendar"></i> icon-calendar</li>
<li><i class="icon-camera-retro"></i> icon-camera-retro</li>
<li><i class="icon-camera"></i> icon-camera</li>
<li><i class="icon-certificate"></i> icon-certificate</li>
<li><i class="icon-check-empty"></i> icon-check-empty</li>
<li><i class="icon-check-minus"></i> icon-check-minus</li>
<li><i class="icon-check-sign"></i> icon-check-sign</li>
<li><i class="icon-check"></i> icon-check</li>
<li><i class="icon-circle-blank"></i> icon-circle-blank</li>
<li><i class="icon-circle"></i> icon-circle</li>
<li><i class="icon-cloud-download"></i> icon-cloud-download</li>
<li><i class="icon-cloud-upload"></i> icon-cloud-upload</li>
<li><i class="icon-cloud"></i> icon-cloud</li>
<li><i class="icon-code-fork"></i> icon-code-fork</li>
<li><i class="icon-code"></i> icon-code</li>
<li><i class="icon-coffee"></i> icon-coffee</li>
<li><i class="icon-cog"></i> icon-cog</li>
<li><i class="icon-cogs"></i> icon-cogs</li>
<li><i class="icon-collapse-alt"></i> icon-collapse-alt</li>
<li><i class="icon-comment-alt"></i> icon-comment-alt</li>
<li><i class="icon-comment"></i> icon-comment</li>
<li><i class="icon-comments-alt"></i> icon-comments-alt</li>
<li><i class="icon-comments"></i> icon-comments</li>
<li><i class="icon-credit-card"></i> icon-credit-card</li>
<li><i class="icon-crop"></i> icon-crop</li>
<li><i class="icon-dashboard"></i> icon-dashboard</li>
<li><i class="icon-desktop"></i> icon-desktop</li>
<li><i class="icon-download-alt"></i> icon-download-alt</li>
<li><i class="icon-download"></i> icon-download</li>
<li><i class="icon-edit-sign"></i> icon-edit-sign</li>
<li><i class="icon-edit"></i> icon-edit</li>
<li><i class="icon-ellipsis-horizontal"></i>
icon-ellipsis-horizontal</li>
<li><i class="icon-ellipsis-vertical"></i>
icon-ellipsis-vertical</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-envelope-alt"></i> icon-envelope-alt</li>
<li><i class="icon-envelope"></i> icon-envelope</li>
<li><i class="icon-eraser"></i> icon-eraser</li>
<li><i class="icon-exchange"></i> icon-exchange</li>
<li><i class="icon-exclamation-sign"></i>
icon-exclamation-sign</li>
<li><i class="icon-exclamation"></i> icon-exclamation</li>
<li><i class="icon-expand-alt"></i> icon-expand-alt</li>
<li><i class="icon-external-link-sign"></i>
icon-external-link-sign</li>
<li><i class="icon-external-link"></i> icon-external-link</li>
<li><i class="icon-eye-close"></i> icon-eye-close</li>
<li><i class="icon-eye-open"></i> icon-eye-open</li>
<li><i class="icon-facetime-video"></i> icon-facetime-video</li>
<li><i class="icon-fighter-jet"></i> icon-fighter-jet</li>
<li><i class="icon-film"></i> icon-film</li>
<li><i class="icon-filter"></i> icon-filter</li>
<li><i class="icon-fire-extinguisher"></i>
icon-fire-extinguisher</li>
<li><i class="icon-fire"></i> icon-fire</li>
<li><i class="icon-flag-alt"></i> icon-flag-alt</li>
<li><i class="icon-flag-checkered"></i> icon-flag-checkered</li>
<li><i class="icon-flag"></i> icon-flag</li>
<li><i class="icon-folder-close-alt"></i>
icon-folder-close-alt</li>
<li><i class="icon-folder-close"></i> icon-folder-close</li>
<li><i class="icon-folder-open-alt"></i>
icon-folder-open-alt</li>
<li><i class="icon-folder-open"></i> icon-folder-open</li>
<li><i class="icon-food"></i> icon-food</li>
<li><i class="icon-frown"></i> icon-frown</li>
<li><i class="icon-gamepad"></i> icon-gamepad</li>
<li><i class="icon-gift"></i> icon-gift</li>
<li><i class="icon-glass"></i> icon-glass</li>
<li><i class="icon-globe"></i> icon-globe</li>
<li><i class="icon-group"></i> icon-group</li>
<li><i class="icon-hdd"></i> icon-hdd</li>
<li><i class="icon-headphones"></i> icon-headphones</li>
<li><i class="icon-heart-empty"></i> icon-heart-empty</li>
<li><i class="icon-heart"></i> icon-heart</li>
<li><i class="icon-home"></i> icon-home</li>
<li><i class="icon-inbox"></i> icon-inbox</li>
<li><i class="icon-info-sign"></i> icon-info-sign</li>
<li><i class="icon-info"></i> icon-info</li>
<li><i class="icon-key"></i> icon-key</li>
<li><i class="icon-keyboard"></i> icon-keyboard</li>
<li><i class="icon-laptop"></i> icon-laptop</li>
<li><i class="icon-leaf"></i> icon-leaf</li>
<li><i class="icon-legal"></i> icon-legal</li>
<li><i class="icon-lemon"></i> icon-lemon</li>
<li><i class="icon-level-down"></i> icon-level-down</li>
<li><i class="icon-level-up"></i> icon-level-up</li>
<li><i class="icon-lightbulb"></i> icon-lightbulb</li>
<li><i class="icon-location-arrow"></i> icon-location-arrow</li>
<li><i class="icon-lock"></i> icon-lock</li>
<li><i class="icon-magic"></i> icon-magic</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-magnet"></i> icon-magnet</li>
<li><i class="icon-mail-forward"></i> icon-mail-forward <span
class="muted">(alias)</span></li>
<li><i class="icon-mail-reply"></i> icon-mail-reply <span
class="muted">(alias)</span></li>
<li><i class="icon-mail-reply-all"></i> icon-mail-reply-all
<span class="muted">(alias)</span></li>
<li><i class="icon-map-marker"></i> icon-map-marker</li>
<li><i class="icon-meh"></i> icon-meh</li>
<li><i class="icon-microphone-off"></i> icon-microphone-off</li>
<li><i class="icon-microphone"></i> icon-microphone</li>
<li><i class="icon-minus-sign-alt"></i> icon-minus-sign-alt</li>
<li><i class="icon-minus-sign"></i> icon-minus-sign</li>
<li><i class="icon-minus"></i> icon-minus</li>
<li><i class="icon-mobile-phone"></i> icon-mobile-phone</li>
<li><i class="icon-money"></i> icon-money</li>
<li><i class="icon-move"></i> icon-move</li>
<li><i class="icon-music"></i> icon-music</li>
<li><i class="icon-off"></i> icon-off</li>
<li><i class="icon-ok-circle"></i> icon-ok-circle</li>
<li><i class="icon-ok-sign"></i> icon-ok-sign</li>
<li><i class="icon-ok"></i> icon-ok</li>
<li><i class="icon-pencil"></i> icon-pencil</li>
<li><i class="icon-phone-sign"></i> icon-phone-sign</li>
<li><i class="icon-phone"></i> icon-phone</li>
<li><i class="icon-search"></i> icon-picture</li>
<li><i class="icon-plane"></i> icon-plane</li>
<li><i class="icon-plus-sign"></i> icon-plus-sign</li>
<li><i class="icon-plus"></i> icon-plus</li>
<li><i class="icon-print"></i> icon-print</li>
<li><i class="icon-pushpin"></i> icon-pushpin</li>
<li><i class="icon-puzzle-piece"></i> icon-puzzle-piece</li>
<li><i class="icon-qrcode"></i> icon-qrcode</li>
<li><i class="icon-question-sign"></i> icon-question-sign</li>
<li><i class="icon-question"></i> icon-question</li>
<li><i class="icon-quote-left"></i> icon-quote-left</li>
<li><i class="icon-quote-right"></i> icon-quote-right</li>
<li><i class="icon-random"></i> icon-random</li>
<li><i class="icon-refresh"></i> icon-refresh</li>
<li><i class="icon-remove-circle"></i> icon-remove-circle</li>
<li><i class="icon-remove-sign"></i> icon-remove-sign</li>
<li><i class="icon-remove"></i> icon-remove</li>
<li><i class="icon-reorder"></i> icon-reorder</li>
<li><i class="icon-reply-all"></i> icon-reply-all</li>
<li><i class="icon-reply"></i> icon-reply</li>
<li><i class="icon-resize-horizontal"></i>
icon-resize-horizontal</li>
<li><i class="icon-resize-vertical"></i>
icon-resize-vertical</li>
<li><i class="icon-retweet"></i> icon-retweet</li>
<li><i class="icon-road"></i> icon-road</li>
<li><i class="icon-rocket"></i> icon-rocket</li>
<li><i class="icon-rotate-left"></i> icon-rotate-left <span
class="muted">(alias)</span></li>
<li><i class="icon-rotate-right"></i> icon-rotate-right <span
class="muted">(alias)</span></li>
<li><i class="icon-rss-sign"></i> icon-rss-sign</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-rss"></i> icon-rss</li>
<li><i class="icon-screenshot"></i> icon-screenshot</li>
<li><i class="icon-search"></i> icon-search</li>
<li><i class="icon-share-alt"></i> icon-share-alt</li>
<li><i class="icon-share-sign"></i> icon-share-sign</li>
<li><i class="icon-share"></i> icon-share</li>
<li><i class="icon-shield"></i> icon-shield</li>
<li><i class="icon-shopping-cart"></i> icon-shopping-cart</li>
<li><i class="icon-sign-blank"></i> icon-sign-blank</li>
<li><i class="icon-signal"></i> icon-signal</li>
<li><i class="icon-signin"></i> icon-signin</li>
<li><i class="icon-signout"></i> icon-signout</li>
<li><i class="icon-sitemap"></i> icon-sitemap</li>
<li><i class="icon-smile"></i> icon-smile</li>
<li><i class="icon-sort-down"></i> icon-sort-down</li>
<li><i class="icon-sort-up"></i> icon-sort-up</li>
<li><i class="icon-sort"></i> icon-sort</li>
<li><i class="icon-spinner"></i> icon-spinner</li>
<li><i class="icon-star-empty"></i> icon-star-empty</li>
<li><i class="icon-star-half-full"></i> icon-star-half-full
<span class="muted">(alias)</span></li>
<li><i class="icon-star-half-empty"></i>
icon-star-half-empty</li>
<li><i class="icon-star-half"></i> icon-star-half</li>
<li><i class="icon-star"></i> icon-star</li>
<li><i class="icon-tablet"></i> icon-tablet</li>
<li><i class="icon-tag"></i> icon-tag</li>
<li><i class="icon-tags"></i> icon-tags</li>
<li><i class="icon-tasks"></i> icon-tasks</li>
<li><i class="icon-terminal"></i> icon-terminal</li>
<li><i class="icon-thumbs-down"></i> icon-thumbs-down</li>
<li><i class="icon-thumbs-up"></i> icon-thumbs-up</li>
<li><i class="icon-ticket"></i> icon-ticket</li>
<li><i class="icon-time"></i> icon-time</li>
<li><i class="icon-tint"></i> icon-tint</li>
<li><i class="icon-trash"></i> icon-trash</li>
<li><i class="icon-trophy"></i> icon-trophy</li>
<li><i class="icon-truck"></i> icon-truck</li>
<li><i class="icon-umbrella"></i> icon-umbrella</li>
<li><i class="icon-unlock-alt"></i> icon-unlock-alt</li>
<li><i class="icon-unlock"></i> icon-unlock</li>
<li><i class="icon-upload-alt"></i> icon-upload-alt</li>
<li><i class="icon-upload"></i> icon-upload</li>
<li><i class="icon-user-md"></i> icon-user-md</li>
<li><i class="icon-user"></i> icon-user</li>
<li><i class="icon-volume-down"></i> icon-volume-down</li>
<li><i class="icon-volume-off"></i> icon-volume-off</li>
<li><i class="icon-volume-up"></i> icon-volume-up</li>
<li><i class="icon-warning-sign"></i> icon-warning-sign</li>
<li><i class="icon-wrench"></i> icon-wrench</li>
<li><i class="icon-zoom-in"></i> icon-zoom-in</li>
<li><i class="icon-zoom-out"></i> icon-zoom-out</li>
</ul>
</div>
</section>
<section id="text-editor" class="row">
<div class="span12">
<h2 class="page-header">Text Editor Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-file"></i> icon-file</li>
<li><i class="icon-file-alt"></i> icon-file-alt</li>
<li><i class="icon-cut"></i> icon-cut</li>
<li><i class="icon-copy"></i> icon-copy</li>
<li><i class="icon-paste"></i> icon-paste</li>
<li><i class="icon-save"></i> icon-save</li>
<li><i class="icon-undo"></i> icon-undo</li>
<li><i class="icon-repeat"></i> icon-repeat</li>
<li><i class="icon-text-height"></i> icon-text-height</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-text-width"></i> icon-text-width</li>
<li><i class="icon-align-left"></i> icon-align-left</li>
<li><i class="icon-align-center"></i> icon-align-center</li>
<li><i class="icon-align-right"></i> icon-align-right</li>
<li><i class="icon-align-justify"></i> icon-align-justify</li>
<li><i class="icon-indent-left"></i> icon-indent-left</li>
<li><i class="icon-indent-right"></i> icon-indent-right</li>
<li><i class="icon-font"></i> icon-font</li>
<li><i class="icon-bold"></i> icon-bold</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-italic"></i> icon-italic</li>
<li><i class="icon-strikethrough"></i> icon-strikethrough</li>
<li><i class="icon-underline"></i> icon-underline</li>
<li><i class="icon-superscript"></i> icon-superscript</li>
<li><i class="icon-subscript"></i> icon-subscript</li>
<li><i class="icon-link"></i> icon-link</li>
<li><i class="icon-unlink"></i> icon-unlink</li>
<li><i class="icon-paper-clip"></i> icon-paper-clip</li>
<li><i class="icon-eraser"></i> icon-eraser</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-columns"></i> icon-columns</li>
<li><i class="icon-table"></i> icon-table</li>
<li><i class="icon-th-large"></i> icon-th-large</li>
<li><i class="icon-th"></i> icon-th</li>
<li><i class="icon-th-list"></i> icon-th-list</li>
<li><i class="icon-list"></i> icon-list</li>
<li><i class="icon-list-ol"></i> icon-list-ol</li>
<li><i class="icon-list-ul"></i> icon-list-ul</li>
<li><i class="icon-list-alt"></i> icon-list-alt</li>
</ul>
</div>
</section>
<section id="directional" class="row">
<div class="span12">
<h2 class="page-header">Directional Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-angle-left"></i> icon-angle-left</li>
<li><i class="icon-angle-right"></i> icon-angle-right</li>
<li><i class="icon-angle-up"></i> icon-angle-up</li>
<li><i class="icon-angle-down"></i> icon-angle-down</li>
<li><i class="icon-arrow-down"></i> icon-arrow-down</li>
<li><i class="icon-arrow-left"></i> icon-arrow-left</li>
<li><i class="icon-arrow-right"></i> icon-arrow-right</li>
<li><i class="icon-arrow-up"></i> icon-arrow-up</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-caret-down"></i> icon-caret-down</li>
<li><i class="icon-caret-left"></i> icon-caret-left</li>
<li><i class="icon-caret-right"></i> icon-caret-right</li>
<li><i class="icon-caret-up"></i> icon-caret-up</li>
<li><i class="icon-chevron-down"></i> icon-chevron-down</li>
<li><i class="icon-chevron-left"></i> icon-chevron-left</li>
<li><i class="icon-chevron-right"></i> icon-chevron-right</li>
<li><i class="icon-chevron-up"></i> icon-chevron-up</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-chevron-sign-left"></i>
icon-chevron-sign-left</li>
<li><i class="icon-chevron-sign-right"></i>
icon-chevron-sign-right</li>
<li><i class="icon-chevron-sign-up"></i>
icon-chevron-sign-up</li>
<li><i class="icon-chevron-sign-down"></i>
icon-chevron-sign-down</li>
<li><i class="icon-circle-arrow-down"></i>
icon-circle-arrow-down</li>
<li><i class="icon-circle-arrow-left"></i>
icon-circle-arrow-left</li>
<li><i class="icon-circle-arrow-right"></i>
icon-circle-arrow-right</li>
<li><i class="icon-circle-arrow-up"></i>
icon-circle-arrow-up</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-double-angle-left"></i>
icon-double-angle-left</li>
<li><i class="icon-double-angle-right"></i>
icon-double-angle-right</li>
<li><i class="icon-double-angle-up"></i>
icon-double-angle-up</li>
<li><i class="icon-double-angle-down"></i>
icon-double-angle-down</li>
<li><i class="icon-hand-down"></i> icon-hand-down</li>
<li><i class="icon-hand-left"></i> icon-hand-left</li>
<li><i class="icon-hand-right"></i> icon-hand-right</li>
<li><i class="icon-hand-up"></i> icon-hand-up</li>
</ul>
</div>
</section>
<section id="video-player" class="row">
<div class="span12">
<h2 class="page-header">Video Player Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-play-circle"></i> icon-play-circle</li>
<li><i class="icon-play-sign"></i> icon-play-sign</li>
<li><i class="icon-play"></i> icon-play</li>
<li><i class="icon-pause"></i> icon-pause</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-stop"></i> icon-stop</li>
<li><i class="icon-eject"></i> icon-eject</li>
<li><i class="icon-backward"></i> icon-backward</li>
<li><i class="icon-forward"></i> icon-forward</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-fast-backward"></i> icon-fast-backward</li>
<li><i class="icon-fast-forward"></i> icon-fast-forward</li>
<li><i class="icon-step-backward"></i> icon-step-backward</li>
<li><i class="icon-step-forward"></i> icon-step-forward</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-fullscreen"></i> icon-fullscreen</li>
<li><i class="icon-resize-full"></i> icon-resize-full</li>
<li><i class="icon-resize-small"></i> icon-resize-small</li>
</ul>
</div>
</section>
<section id="brand" class="row">
<div class="span12">
<h2 class="page-header">Brand Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-css3"></i> icon-css3</li>
<li><i class="icon-facebook"></i> icon-facebook</li>
<li><i class="icon-facebook-sign"></i> icon-facebook-sign</li>
<li><i class="icon-twitter"></i> icon-twitter</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-twitter-sign"></i> icon-twitter-sign</li>
<li><i class="icon-github"></i> icon-github</li>
<li><i class="icon-github-sign"></i> icon-github-sign</li>
<li><i class="icon-html5"></i> icon-html5</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-linkedin"></i> icon-linkedin</li>
<li><i class="icon-linkedin-sign"></i> icon-linkedin-sign</li>
<li><i class="icon-maxcdn"></i> icon-maxcdn</li>
<li><i class="icon-pinterest"></i> icon-pinterest</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-pinterest-sign"></i> icon-pinterest-sign</li>
<li><i class="icon-google-plus"></i> icon-google-plus</li>
<li><i class="icon-google-plus-sign"></i>
icon-google-plus-sign</li>
</ul>
</div>
</section>
<section id="medical" class="row">
<div class="span12">
<h2 class="page-header">Medical Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-ambulance"></i> icon-ambulance</li>
<li><i class="icon-beaker"></i> icon-beaker</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-h-sign"></i> icon-h-sign</li>
<li><i class="icon-hospital"></i> icon-hospital</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-medkit"></i> icon-medkit</li>
<li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-stethoscope"></i> icon-stethoscope</li>
<li><i class="icon-user-md"></i> icon-user-md</li>
</ul>
</div>
</section>
</div>
</div>
</div>
<div class="pd5">
<label for="iconspos"><?php
_e('Icons position', 'cb-getrends');
?>
</label> <select name="iconspos" id="iconspos"><option
value="top">
<?php
_e('top', 'cb-getrends');
?>
</option>
<option value="bottom" <?php
if ($iconspos == 'bottom') {
?>
selected <?php
}
?>
>
<?php
_e('bottom', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="icons_bottom_margin"><?php
_e('Icons bottom margin', 'cb-getrends');
?>
</label> <input name="icons_bottom_margin" type="text"
id="icons_bottom_margin"
value="<?php
echo $icons_bottom_margin;
?>
" />
</div>
</div>
<!-- ## TOP ICON SECTION END ##-->
<!-- DEMO SECTION START-->
<div class="democ">
<br />
<div class="pd5" style="border-top: 0px;">
1. In order to install GE Trends demo content select Demo
settings option and click "SAVE ALL SETTINGS".<br /> <br /> If
this is not new wordpress installation BACKUP your database
before performing demo installation. You can use WP-DB-BACKUP
plugin.<br /> <br /> <b>After clicking "Save All Settings" wait
untill confirmation box appears. IT MAY TAKE FEW MINUTES.</b>
</div>
<div class="pd5" style="border-bottom: 0px;">
<label for="demol"><?php
_e('Demo settings option', 'cb-getrends');
?>
</label> <select name="demol" id="demol">
<option value="">
<?php
_e('-----', 'cb-getrends');
?>
</option>
<option value="normal">
<?php
_e('demo content', 'cb-getrends');
?>
</option>
</select> <br />
</div>
<div class="pd5" style="border-bottom: 0px;">
<label for="demo_widget"><?php
_e('Load demo widgets', 'cb-getrends');
?>
</label> <select name="demo_widget" id="demo_widget">
<option value="">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="normal">
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select> <br />
</div>
<div class="pd5" style="border-bottom: 0px;">
<label for="demo_atts"><?php
_e('Load placeholder images', 'cb-getrends');
?>
</label> <select name="demo_atts" id="demo_atts">
<option value="">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select> Will slow down installation. <br />
</div>
</div>
<!-- ## DEMO SECTION END ##-->
<!-- SIDEBARS SECTION START-->
<div class="sidebars">
<div class="pd5" style="border-top: none;">
<label for="sideb_col"><?php
_e('Sidebar Default Column', 'cb-getrends');
?>
</label> <select name="sideb_col" id="sideb_col"><option
value="left">
<?php
_e('left', 'cb-getrends');
?>
</option>
<option value="right" <?php
if ($sideb_col == 'right') {
?>
selected
<?php
}
?>
>
<?php
_e('right', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="sideb_page"><?php
_e('Sidebar on pages', 'cb-getrends');
?>
?</label>
<select name="sideb_page" id="sideb_page"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($sideb_page == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="sideb_post"><?php
_e('Sidebar in posts', 'cb-getrends');
?>
?</label>
<select name="sideb_post" id="sideb_post"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($sideb_post == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<br /> <b><?php
_e('Current GE Trends Generated Sidebars', 'cb-getrends');
?>
:</b><br />
<br />
<?php
global $wp_registered_sidebars;
$sidebars = $wp_registered_sidebars;
if (is_array($sidebars) && !empty($sidebars)) {
foreach ($sidebars as $sidebar) {
if ($sidebar['name'] != 'sidebar' && $sidebar['name'] != 'middlebar' && $sidebar['name'] != 'after-post' && $sidebar['name'] != 'below-header' && $sidebar['name'] != 'footer-lower' && $sidebar['name'] != 'footer-top-lower' && $sidebar['name'] != 'footer-top-lower-right' && $sidebar['name'] != 'home-top-wide' && $sidebar['name'] != 'footer-1' && $sidebar['name'] != 'footer-2' && $sidebar['name'] != 'footer-3' && $sidebar['name'] != 'footer-4' && $sidebar['name'] != 'footer-hidden' && $sidebar['name'] != 'top-widget' && $sidebar['name'] != 'slider') {
echo '<input type="text" value="' . $sidebar['name'] . '" id="' . $sidebar['id'] . '" readonly="readonly" style="width:120px"> <input type="checkbox" id="del-' . $sidebar['id'] . '" class="" name="del-' . $sidebar['id'] . '" value="del"> Delete This Sidebar<br/>';
}
}
}
echo '<br/><input type="text" name="new_sidebar" id="new_sidebar" value=""/> <input type="submit" class="button-primary btn" id="add_sidebar" value="add new sidebar" style="padding:4px!important;padding-left:20px!important;padding-right:20px!important;"/>';
?>
<br /> <br />
</div>
<!-- ## SIDEBARS SECTION END ##-->
<style media="screen">
.help img {
border: 1px solid #000;
}
</style>
<script type="text/javascript">
jQuery('.homepage').hide();jQuery('.headermenu').hide();jQuery('.slider').hide();jQuery('.recaptcha').hide();jQuery('.wooshop').hide();jQuery('.democ').hide();jQuery('.help').hide();jQuery('.styles').hide();jQuery('.sidebars').hide();jQuery('.shortcodes').hide();jQuery('.slider2').hide();jQuery('.top-icons').hide();
jQuery('.mn a').click(function() {
jQuery('.homepage').hide();jQuery('.headermenu').hide();jQuery('.slider').hide();jQuery('.democ').hide();jQuery('.slider2').hide();jQuery('.recaptcha').hide();jQuery('.wooshop').hide();jQuery('.help').hide();jQuery('.styles').hide();jQuery('.shortcodes').hide();jQuery('.sidebars').hide();jQuery('.general').hide();jQuery('.top-icons').hide();jQuery('#homepage').removeClass('sel');jQuery('#headermenu').removeClass('sel');jQuery('#wooshop').removeClass('sel');jQuery('#slider').removeClass('sel');jQuery('#slider2').removeClass('sel');jQuery('#recaptcha').removeClass('sel');jQuery('#help').removeClass('sel');jQuery('#styles').removeClass('sel');jQuery('#sidebars').removeClass('sel');jQuery('#general').removeClass('sel');jQuery('#shortcodes').removeClass('sel');jQuery('#democ').removeClass('sel');jQuery('#top-icons').removeClass('sel');
var idd=jQuery(this).attr('id'); jQuery('#'+idd).addClass('sel'); jQuery('.'+idd).fadeIn('slow').show();
});
</script>
<input type="hidden" name="action" value="st_data_save" /> <input
type="hidden" name="security"
value="<?php
echo wp_create_nonce('GE Trends-settings');
?>
" />
<input type="hidden" name="update_settings" value="Y" /> </br> </br>
<input type="submit"
value="<?php
_e('SAVE ALL SETTINGS', 'cb-getrends');
?>
"
class="button-primary btn" />
</form>
</div>
</div>
<div style="clear: both"></div>
</div>
<div style="clear: both"></div>
</div>
<div style="clear: both"></div>
</div>
<div style="clear: both"></div>
<?php
}
function new_meta_boxes_post()
{
global $post, $new_meta_boxes_post;
?>
<style type="text/css">
.round,#sidebar img {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.frame {
border: 1px solid #d5d5d5;
background: #f9f9f9;
margin: 10px 0 10px 0;
display: block;
}
.framein {
padding: 5px;
border: 1px solid white;
}
.heady {
font-size: 14px;
text-shadow: 1px 1px white;
padding: 10px 5px 10px 5px;
color: #545A61;
font-weight: bold;
background-color: #F1F1F1;
background-image: -ms-linear-gradient(top, #F9F9F9, #ECECEC);
background-image: -moz-linear-gradient(top, #F9F9F9, #ECECEC);
background-image: -o-linear-gradient(top, #F9F9F9, #ECECEC);
background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9),
to(#ECECEC) );
background-image: -webkit-linear-gradient(top, #F9F9F9, #ECECEC);
background-image: linear-gradient(top, #F9F9F9, #ECECEC);
}
.port_sho {
display: inline-block;
padding: 0px 10px 0px 10px;
cursor: pointer;
border: 2px solid #f9f9f9;
}
a,a:link,a:visited,a:active {
color: #2E2E2E;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
hr {
border: 0;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #fff;
}
.cl {
clear: both;
}
.sidebar_radio {
width: 150px;
height: 65px;
position: absolute;
cursor: pointer;
margin-left: -150px !important;
}
.sidebar2_radio {
width: 150px;
height: 65px;
position: absolute;
cursor: pointer;
margin-left: -175px !important;
}
.fl {
float: left;
text-align: center;
cursor: pointer;
}
.fl img {
border: 2px solid #f9f9f9;
padding: 2px;
}
.fl img.sel {
border: 2px solid #333;
padding: 2px;
}
.sel {
border: 2px solid #333;
}
.gallery-image {
display: block;
float: left;
margin-bottom: 5px;
margin-right: 5px;
cursor: pointer;
width: 80px;
border: 2px solid transparent;
height: 40px;
position: relative;
}
.gallery-image .del {
position: absolute;
right: -8px;
top: -7px;
}
.gallery-image:hover {
border: 2px solid #f8c100;
}
</style>
<div class="frame round">
<div class="framein round heady">
<?php
_e('Post Type', 'cb-getrends');
?>
</div>
</div>
<div class="frame round">
<div class="framein round">
<a class="port_sho" id="default" onclick="show_cat('default');"><?php
_e('default', 'cb-getrends');
?>
</a> <a class="port_sho" id="portfolio"
onclick="show_cat('portfolio');"><?php
_e('portfolio', 'cb-getrends');
?>
</a> <a class="port_sho" id="gallery" onclick="show_cat('gallery');"><?php
_e('gallery', 'cb-getrends');
?>
</a> <a class="port_sho" id="video" onclick="show_cat('video')"><?php
_e('video', 'cb-getrends');
?>
</a> <a class="port_sho" id="audio" onclick="show_cat('audio')"><?php
_e('audio', 'cb-getrends');
?>
</a> <a class="port_sho" id="slider" onclick="show_cat('slider')"><?php
_e('slider', 'cb-getrends');
?>
</a>
</div>
</div>
<div style="clear: both;"></div>
<script type="text/javascript">
function show_cat(cat){
if (cat){
jQuery('#cb4_cb_type').val(cat);
jQuery('.portfolio').hide();jQuery('.default').hide();jQuery('.video').hide();jQuery('.audio').hide();jQuery('.slider').hide();jQuery('.gallery').hide();
jQuery('.'+cat).fadeIn('slow').show();
jQuery('.port_sho').removeClass('sel');
jQuery('#'+cat).addClass('sel');
}
}
jQuery(document).ready(function() {
<?php
$imgs = get_children('order=asc&orderby=menu_order&post_type=attachment&post_mime_type=image&post_parent=' . $post->ID);
if ($imgs) {
?>
jQuery('.gallery-attachments').sortable();
jQuery('.gallery-image .del').hide();
jQuery('.gallery-image').hover(
function () {
jQuery(this).find('.del').show();
},
function () {
jQuery(this).find('.del').hide();
}
);
jQuery('.gallery-image .del').click(function() {
var confirm1 = confirm('Delete this attachment?');
if (confirm1) {
var oldval=jQuery(this).parent().find('#att_id_del').val();
jQuery(this).parent().find('#att_id_del').val(oldval+'delete');
jQuery(this).parent().hide();
} else { }
});
<?php
}
?>
<?php
if (esc_attr(get_post_meta($post->ID, 'cb4_cb_type', 'true'))) {
echo "show_cat('" . esc_attr(get_post_meta($post->ID, 'cb4_cb_type', 'true')) . "');";
} else {
echo "show_cat('default');";
}
?>
jQuery("#sideb_left").click(function (){ jQuery("#sidebar_name").fadeIn('slow').show(); jQuery("#sidebar_v").val('left'); jQuery("#sideb_left img").removeClass("sel");jQuery("#sideb_none img").removeClass("sel");jQuery("#sideb_right img").removeClass("sel"); jQuery("#sideb_left img").addClass("sel"); });jQuery("#sideb_none").click(function (){ jQuery("#sidebar_name").hide(); jQuery("#sidebar_v").val('none'); jQuery("#sideb_left img").removeClass("sel");jQuery("#sideb_none img").removeClass("sel");jQuery("#sideb_right img").removeClass("sel"); jQuery("#sideb_none img").addClass("sel"); });jQuery("#sideb_right").click(function (){ jQuery("#sidebar_name").fadeIn('slow').show(); jQuery("#sidebar_v").val('right'); jQuery("#sideb_left img").removeClass("sel");jQuery("#sideb_none img").removeClass("sel");jQuery("#sideb_right img").removeClass("sel"); jQuery("#sideb_right img").addClass("sel"); });
var ht1=jQuery('#cb4_header_type').val();
if(ht1=="slider_head") jQuery(".titles").hide(); else jQuery(".titles").show();
});
</script>
<?php
foreach ($new_meta_boxes_post as $meta_box_post) {
$meta_box_value = esc_attr(get_post_meta($post->ID, $meta_box_post['name'], true));
if ($meta_box_value == "") {
$meta_box_value = $meta_box_post['std'];
}
global $wp_registered_sidebars;
$sidebars = $wp_registered_sidebars;
echo '<input type="hidden" name="' . $meta_box_post['name'] . '_noncename" id="' . $meta_box_post['name'] . '_noncename" value="' . wp_create_nonce(plugin_basename(__FILE__)) . '" />';
if ($meta_box_post['name'] == 'cb4_cb_type') {
echo '<input type="hidden" name="cb4_cb_type" id="cb4_cb_type" value="' . $meta_box_value . '" />';
}
/* GE Trends page/post types */
$cats = esc_attr(get_post_meta($post->ID, 'cb4_cats', 'true'));
echo '<input type="hidden" id="post-id" value="' . $post->ID . '" name="post-id"/>';
if ($meta_box_post['name'] == 'cb4_header_type') {
$header_type = esc_attr(get_post_meta($post->ID, 'cb4_header_type', 'true'));
$headtfc = esc_attr(get_post_meta($post->ID, 'cb4_header_color', 'true'));
$breadfc = esc_attr(get_post_meta($post->ID, 'cb4_bread_color', 'true'));
$headtsc = esc_attr(get_post_meta($post->ID, 'cb4_header_shadow_color', 'true'));
$header_bg_image = esc_attr(get_post_meta($post->ID, 'cb4_header_bg_image', 'true'));
$header_bg_color = esc_attr(get_post_meta($post->ID, 'cb4_header_bg_color', 'true'));
$header_height = esc_attr(get_post_meta($post->ID, 'cb4_header_height', 'true'));
$header_height2 = esc_attr(get_post_meta($post->ID, 'cb4_header_height2', 'true'));
$sf = esc_attr(get_post_meta($post->ID, 'cb4_sf', 'true'));
$si = esc_attr(get_post_meta($post->ID, 'cb4_si', 'true'));
$map_a = esc_attr(get_post_meta($post->ID, 'cb4_map_a', 'true'));
$map_t = esc_attr(get_post_meta($post->ID, 'cb4_map_t', 'true'));
$map_z = esc_attr(get_post_meta($post->ID, 'cb4_map_z', 'true'));
$alig = esc_attr(get_post_meta($post->ID, 'cb4_alig', 'true'));
$aligtc = esc_attr(get_post_meta($post->ID, 'cb4_aligtc', 'true'));
$aligbc = esc_attr(get_post_meta($post->ID, 'cb4_aligbc', 'true'));
if (!isset($alig)) {
$alig = '';
}
if ($map_t == 's') {
$map_t_s = ' selected';
} else {
$map_t_s = '';
}
if ($header_type == 'bg_head') {
$ht1 = ' selected';
} else {
$ht1 = '';
}
if ($header_type == 'slider_head') {
$ht2 = ' selected';
} else {
$ht2 = '';
}
if ($header_type == 'map') {
$ht3 = ' selected';
} else {
$ht3 = '';
}
if ($sf == 'no') {
$sf1 = ' selected';
} else {
$sf1 = '';
}
if ($si == 'no') {
$si1 = ' selected';
} else {
$si1 = '';
}
if ($alig == '1') {
$alig1 = ' selected';
} else {
$alig1 = '';
}
if ($alig == '2') {
$alig2 = ' selected';
} else {
$alig2 = '';
}
if ($alig == '3') {
$alig3 = ' selected';
} else {
$alig3 = '';
}
if ($alig == '4') {
$alig4 = ' selected';
} else {
$alig4 = '';
}
if ($alig == '5') {
$alig5 = ' selected';
} else {
$alig5 = '';
}
if ($alig == '6') {
$alig6 = ' selected';
} else {
$alig6 = '';
}
echo '<script type="text/javascript" src="' . WP_THEME_URL . '/inc/js/jscolor/jscolor.js"></script>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Display Featured Image', 'cb-getrends') . '?</b><br/><br/>';
echo '<select id="cb4_sf" name="cb4_sf">
<option value="yes">' . __('yes', 'cb-getrends') . '</option>
<option value="no"' . $sf1 . '>' . __('no', 'cb-getrends') . '</option>
</select>';
echo '</div></div>';
echo '<div class="frame round" style="display:none;"><div class="framein round"><b>' . __('Display Attached Images', 'cb-getrends') . '?</b><br/><br/>';
echo '<select id="cb4_si" name="cb4_si">
<option value="yes">' . __('yes', 'cb-getrends') . '</option>
<option value="no"' . $si1 . '>' . __('no', 'cb-getrends') . '</option>
</select>';
echo '<br/><br/>Won\'t work if featured image is disabled.</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Recent Posts Block Style', 'cb-getrends') . ':</b><br/><br/>';
echo '<select id="cb4_alig" name="cb4_alig">
<option value="">' . __('normal', 'cb-getrends') . '</option>
<option value="1"' . $alig1 . '>' . __('only image', 'cb-getrends') . '</option>
<option value="2"' . $alig2 . '>' . __('bg image + center text', 'cb-getrends') . '</option>
<option value="3"' . $alig3 . '>' . __('bg image + text bottom title top', 'cb-getrends') . '</option>
<option value="4"' . $alig4 . '>' . __('bg image + text top', 'cb-getrends') . '</option>
<option value="5"' . $alig5 . '>' . __('bg image + text bottom', 'cb-getrends') . '</option>
<option value="6"' . $alig6 . '>' . __('only text', 'cb-getrends') . '</option>
</select> Background Color: <input name="cb4_aligbc" type="text" value="' . $aligbc . '" class="color"/> Text Color: <input name="cb4_aligtc" type="text" value="' . $aligtc . '" class="color"/>';
echo '<br/><br/>Won\'t work if featured image is disabled.</div></div>';
echo '<div class="header_type"><div class="frame round"><div class="framein round heady">' . __('Header Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Page Header Type', 'cb-getrends') . ':</b><br/><br/>';
echo '<select id="cb4_header_type" name="cb4_header_type">
<option value="normal_header">' . __('Normal', 'cb-getrends') . '</option>
<option value="bg_head"' . $ht1 . '>' . __('Background image', 'cb-getrends') . '</option>
<option value="slider_head"' . $ht2 . '>' . __('Slider', 'cb-getrends') . '</option>
<option value="map"' . $ht3 . '>' . __('Map', 'cb-getrends') . '</option>
</select>';
echo '</div></div>';
echo '<div class="map hide_head">';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Map Address', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_map_a" type="text" value="' . $map_a . '"/>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Map Zoom', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_map_z" type="text" value="' . $map_z . '"/> (1-15)';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Map Type', 'cb-getrends') . ':</b><br/><br/>';
echo '<select name="cb4_map_t">';
echo '<option value="m">map</option>';
echo '<option value="s" ' . $map_t_s . '>satellite</option>';
echo '</select>';
echo '</div></div>';
echo '</div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Title Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_color" type="text" value="' . $headtfc . '" class="color"/>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Title Shadow Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_shadow_color" type="text" value="' . $headtsc . '" class="color"/>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Breadcrumbs Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_bread_color" type="text" value="' . $breadfc . '" class="color"/>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Background Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_bg_color" type="text" value="' . $header_bg_color . '" class="color"/>';
echo '</div></div>';
$slidertoptintp = esc_attr(get_post_meta($post->ID, 'cb4_slidertoptintp', 'true'));
$sloganp = esc_attr(get_post_meta($post->ID, 'cb4_sloganp', 'true'));
$sloganpc = esc_attr(get_post_meta($post->ID, 'cb4_sloganpc', 'true'));
$sloganph = esc_attr(get_post_meta($post->ID, 'cb4_sloganph', 'true'));
$ht_backgroundp = esc_attr(get_post_meta($post->ID, 'cb4_ht_backgroundp', 'true'));
if ($slidertoptintp == 'bdark') {
$slidertoptintpo1 = ' selected';
} else {
$slidertoptintpo1 = '';
}
if ($slidertoptintp == 'blight') {
$slidertoptintpo2 = ' selected';
} else {
$slidertoptintpo2 = '';
}
if ($slidertoptintp == 'wdark') {
$slidertoptintpo3 = ' selected';
} else {
$slidertoptintpo3 = '';
}
if ($slidertoptintp == 'wlight') {
$slidertoptintpo4 = ' selected';
} else {
$slidertoptintpo4 = '';
}
if ($slidertoptintp == 'no') {
$slidertoptintpo5 = ' selected';
} else {
$slidertoptintpo5 = '';
}
if ($slidertoptintp == 'tblack') {
$slidertoptintpo7 = ' selected';
} else {
$slidertoptintpo7 = '';
}
if ($slidertoptintp == 'twhite') {
$slidertoptintpo8 = ' selected';
} else {
$slidertoptintpo8 = '';
}
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header tint', 'cb-getrends') . ':</b><br/><br/>';
echo '<select id="cb4_slidertoptintp" type="text" name="cb4_slidertoptintp">
<option value="no" ' . $slidertoptintpo5 . '>no</option>
<option value="bdark" ' . $slidertoptintpo1 . '>black dark</option>
<option value="blight" ' . $slidertoptintpo2 . '>black light</option>
<option value="wdark" ' . $slidertoptintpo3 . '>white dark</option>
<option value="wlight" ' . $slidertoptintpo4 . '>white light</option>
<option value="tblack" ' . $slidertoptintpo7 . '>top black shadow</option>
<option value="twhite" ' . $slidertoptintpo8 . '>top white shadow</option>
</select>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header Slogan', 'cb-getrends') . ':</b><br/><br/>';
echo '<textarea id="cb4_sloganp" type="text" name="cb4_sloganp" style="width:500px;">' . $sloganp . '</textarea>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header Slogan Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="cb4_sloganpc" type="text" name="cb4_sloganpc" class="color" value="' . $sloganpc . '" />';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header Slogan Top Margin', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="cb4_sloganph" type="text" name="cb4_sloganph" value="' . $sloganph . '" /> (without px)';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header Menu and Logo Background Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="cb4_ht_backgroundp" type="text" name="cb4_ht_backgroundp" class="color" value="' . $ht_backgroundp . '" />';
echo '</div></div>';
echo '<script type="text/javascript">
var ht="";
jQuery("select#cb4_header_type").change(function () {
jQuery("select#cb4_header_type option:selected").each(function () {
ht=jQuery(this).val();
});
jQuery(".hide_head").hide();
jQuery("."+ht).show();
if(ht=="slider_head") jQuery(".titles").hide(); else jQuery(".titles").show();
}).change();';
if ($header_type != '') {
echo 'jQuery(document).ready(function(){
var htt="' . $header_type . '";
jQuery("."+htt).show();
});';
}
echo '</script>';
echo '<div class="slider_head hide_head" style="display:none;">';
$home_slider = esc_attr(get_post_meta($post->ID, 'cb4_home_slider', 'true'));
if ($home_slider == 'any') {
$hslider1 = ' selected="selected"';
} else {
$hslider1 = '';
}
if ($home_slider == 'round') {
$hslider2 = ' selected="selected"';
} else {
$hslider2 = '';
}
if ($home_slider == 'kwicks') {
$hslider3 = ' selected="selected"';
} else {
$hslider3 = '';
}
if ($home_slider == 'nivo') {
$hslider4 = ' selected="selected"';
} else {
$hslider4 = '';
}
if ($home_slider == 'drag') {
$hslider5 = ' selected="selected"';
} else {
$hslider5 = '';
}
if ($home_slider == 'full') {
$hslider6 = ' selected="selected"';
} else {
$hslider6 = '';
}
if ($home_slider == 'revo') {
$hslider7 = ' selected="selected"';
} else {
$hslider7 = '';
}
echo '<div class="frame round"><div class="framein round"><b>' . __('Slider', 'cb-getrends') . '</b><br/><br/>
<select name="cb4_home_slider" id="home_slider"><option value="none">' . __('None', 'cb-getrends') . '</option>
<option value="revo"' . $hslider7 . '>' . __('Revolution Slider', 'cb-getrends') . '</option>
<option value="any"' . $hslider1 . '>' . __('Anything Slider', 'cb-getrends') . '</option>
<option value="full"' . $hslider6 . '>' . __('FullScreen Slider', 'cb-getrends') . '</option>
</select><br/><br/>' . __('Slider settings can be set up in GE Trends Menu in Slider Tab.', 'cb-getrends') . '</div></div>';
echo '<div class="frame round revo "><div class="framein round"><b>' . __('Revolution Slider Name', 'cb-getrends') . ':</b><br/><br/>';
echo '<div ><select name="cb4_revo_type">';
$revo_type = esc_attr(get_post_meta($post->ID, 'cb4_revo_type', 'true'));
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
foreach ($arrSliders as $slider) {
$stitle = $slider->getTitle();
$salias = $slider->getAlias();
if ($revo_type == $salias) {
$curest = ' selected ';
} else {
$curest = '';
}
echo '<option value=' . $salias . ' ' . $curest . '>' . $stitle . '</option>';
}
echo '</select></div>
</div>
</div></div>';
echo '<script type="text/javascript">
var ht="";
jQuery("select#home_slider").change(function () {
jQuery("select#home_slider option:selected").each(function () {
ht=jQuery(this).val();
});
if(ht=="revo") jQuery("."+ht).show(); else jQuery(".revo").hide();
}).change();';
if ($home_slider == 'revo') {
echo 'jQuery(document).ready(function(){
jQuery(".revo").show();
});';
}
echo '</script>';
echo '<div class="bg_head hide_head" style="display:none;">';
echo '<div class="frame round"><div class="framein round"><b>' . __('Background Image', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="cb4_header_bg_image" type="text" size="36" name="cb4_header_bg_image" class="upurl input-upload" value="' . $header_bg_image . '" /><input style="cursor:pointer;" class="upload_button" type="button" value="' . __('Upload Image', 'cb-getrends') . '" /><br /><br/>' . __('Enter an URL or upload image', 'cb-getrends') . '.';
echo '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Header Top Padding Height', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_height" type="text" value="' . $header_height . '"/>';
echo '<br/>' . _e('without px', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Header Bottom Padding Height', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_height2" type="text" value="' . $header_height2 . '"/>';
echo '<br/>' . _e('without px', 'cb-getrends') . '</div></div>';
echo '</div>';
echo '</div>';
}
if ($meta_box_post['name'] == 'cb4_cb_type') {
// case 'portfolio':
$plink = esc_attr(get_post_meta($post->ID, 'cb4_plink', 'true'));
if ($plink == 'image') {
$ck1 = ' selected';
} else {
$ck1 = '';
}
$port_url = esc_attr(get_post_meta($post->ID, 'cb4_port_url', 'true'));
$port_client = esc_attr(get_post_meta($post->ID, 'cb4_port_client', 'true'));
$port_author = esc_attr(get_post_meta($post->ID, 'cb4_port_author', 'true'));
$port_key = esc_attr(get_post_meta($post->ID, 'cb4_port_key', 'true'));
echo '<div class="portfolio"><div class="frame round"><div class="framein round heady">' . __('Portfolio Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Project URL', 'cb-getrends') . ':</b><br/><br/>
<input type="text" name="cb4_port_url" id="port_url" value="' . $port_url . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Project Client', 'cb-getrends') . ':</b><br/><br/>
<input type="text" name="cb4_port_client" id="port_client" value="' . $port_client . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Project Author', 'cb-getrends') . ':</b><br/><br/>
<input type="text" name="cb4_port_author" id="port_author" value="' . $port_author . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Keywords', 'cb-getrends') . ':</b><br/><br/>
<input type="text" name="cb4_port_key" id="port_key" style="width:400px;" value="' . $port_key . '"/></div></div>';
echo '</div>';
$aurl = esc_attr(get_post_meta($post->ID, 'cb4_aurl', 'true'));
echo '<div class="audio"><div class="frame round"><div class="framein round heady">' . __('Audio Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Audio URL', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="upload_audio" type="text" size="36" name="cb4_aurl" class="upurl" value="' . $aurl . '" /><input style="cursor:pointer;" class="upload_button" type="button" value="' . __('Upload Audio', 'cb-getrends') . '" /><br /><br/>' . __('Enter an URL or upload audio file', 'cb-getrends') . '.';
echo '</div></div>';
echo '</div>';
// case 'video':
$vurl = esc_attr(get_post_meta($post->ID, 'cb4_vurl', 'true'));
echo '<div class="video"><div class="frame round"><div class="framein round heady">' . __('Video Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Video URL:', 'cb-getrends') . '</b><br/><br/>';
echo '<input id="upload_video" type="text" size="36" name="cb4_vurl" class="upurl" value="' . $vurl . '" /><input style="cursor:pointer;" class="upload_button" type="button" value="' . __('Upload Video', 'cb-getrends') . '" /><br /><br/>' . __('Enter an URL or upload video.', 'cb-getrends') . '';
echo '</div></div>';
echo '</div>';
// case 'slider':
echo '<div class="slider"><div class="frame round"><div class="framein round heady">' . __('Slider Settings', 'cb-getrends') . '</div></div>';
$s_beh = esc_attr(get_post_meta($post->ID, 'cb4_s_beh', 'true'));
if ($s_beh == 'cat') {
$sbh = ' selected="selected"';
} else {
$sbh = '';
}
$s_frame = esc_attr(get_post_meta($post->ID, 'cb4_s_frame', 'true'));
if ($s_frame == 'yes') {
$sbh2 = ' selected="selected"';
} else {
$sbh2 = '';
}
$s_auto = esc_attr(get_post_meta($post->ID, 'cb4_s_auto', 'true'));
$s_delay = esc_attr(get_post_meta($post->ID, 'cb4_s_delay', 'true'));
$s_ani_time = esc_attr(get_post_meta($post->ID, 'cb4_s_ani_time', 'true'));
$s_easing = esc_attr(get_post_meta($post->ID, 'cb4_s_easing', 'true'));
if ($s_auto == 'false') {
$ck2 = ' selected';
} else {
$ck2 = '';
}
if ($s_easing == 'linear') {
$ck3 = ' selected';
} else {
$ck3 = '';
}
if ($s_delay == '') {
$s_delay = '5000';
}
if ($s_ani_time == '') {
$s_ani_time = '300';
}
echo '<div class="frame round"><div class="framein round"><b' . __('>Slider Behaviour', 'cb-getrends') . '</b><br/><br/>
<select name="cb4_s_beh" id="s_beh"><option value="images">' . __('Slider from images attached to this page', 'cb-getrends') . '</option><option value="cat"' . $sbh . '>' . __('Slider from category selected below', 'cb-getrends') . '</option></select></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Slider Posts Category', 'cb-getrends') . ':</b><br/><br/>';
wp_dropdown_categories('show_count=0&hierarchical=1&name=cb4_cats&hide_empty=0&selected=' . $cats);
echo '<br/><br/>' . __('Posts category slider', 'cb-getrends') . '.</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Show in Frame?', 'cb-getrends') . '</b><br/><br/>
<select name="cb4_s_frame" id="s_frame"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes"' . $sbh2 . '>' . __('yes', 'cb-getrends') . '</option></select></div></div>';
echo '<div class="frame round"><div class="framein round"><b>Autoplay</b><br/><br/>
<select name="cb4_s_auto" id="s_auto"><option value="true">' . __('true', 'cb-getrends') . '</option><option value="false"' . $ck2 . '>' . __('false', 'cb-getrends') . '</option></select></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Delay (in ms)', 'cb-getrends') . '</b><br/><br/>
<input type="text" name="cb4_s_delay" id="s_delay" value="' . $s_delay . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Animation time', 'cb-getrends') . '</b><br/><br/>
<input type="text" name="cb4_s_ani_time" id="s_ani_time" value="' . $s_ani_time . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Easing Effect', 'cb-getrends') . '</b><br/><br/>
<select name="cb4_s_easing" id="s_easing" ><option value="swing">swing</option><option value="linear"' . $ck3 . '>linear</option></select></div></div>';
echo '</div>';
// case 'gallery':
echo '<div class="gallery"><div class="frame round"><div class="framein round heady">' . __('Gallery', 'cb-getrends') . '</div></div>';
$cols = esc_attr(get_post_meta($post->ID, 'cb4_columns', 'true'));
$per_page = esc_attr(get_post_meta($post->ID, 'cb4_per_page', 'true'));
$grid = esc_attr(get_post_meta($post->ID, 'cb4_grid', 'true'));
$gcap = esc_attr(get_post_meta($post->ID, 'cb4_gcap', 'true'));
$fullg = esc_attr(get_post_meta($post->ID, 'cb4_fullg', 'true'));
$bnw = esc_attr(get_post_meta($post->ID, 'cb4_bnw', 'true'));
$zoom = esc_attr(get_post_meta($post->ID, 'cb4_zoom', 'true'));
if ($cols == '2') {
$chk1 = 'selected';
} else {
$chk1 = '';
}
if ($cols == '3') {
$chk2 = 'selected';
} else {
$chk2 = '';
}
if ($cols == '4') {
$chk3 = 'selected';
} else {
$chk3 = '';
}
if ($grid == 'yes') {
$ck_grid = 'selected';
} else {
$ck_grid = '';
}
if ($gcap == 'yes') {
$ck_gcap = 'selected';
} else {
$ck_gcap = '';
}
if ($fullg == 'yes') {
$ck_fullg = 'selected';
} else {
$ck_fullg = '';
}
if ($bnw == 'yes') {
$ck_bnw = 'selected';
} else {
$ck_bnw = '';
}
if ($zoom == 'yes') {
$ck_zoom = 'selected';
} else {
$ck_zoom = '';
}
echo '<div class="frame round"><div class="framein round"><b>' . __('Grid gallery', 'cb-getrends') . '?</b><br/><br/>';
echo '<select name="cb4_grid"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes" ' . $ck_grid . '>' . __('yes', 'cb-getrends') . '</option></select>';
echo '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Captions', 'cb-getrends') . '?</b> (from Media Library)<br/><br/>';
echo '<select name="cb4_gcap"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes" ' . $ck_gcap . '>' . __('yes', 'cb-getrends') . '</option></select>';
echo '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Fullscreen gallery', 'cb-getrends') . '?</b><br/><br/>';
echo '<select name="cb4_fullg"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes" ' . $ck_fullg . '>' . __('yes', 'cb-getrends') . '</option></select>';
echo '<br/><br/>Won\'t work with grid gallery enabled.</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Black & White Effect', 'cb-getrends') . '?</b><br/><br/>';
echo '<select name="cb4_bnw"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes" ' . $ck_bnw . '>' . __('yes', 'cb-getrends') . '</option></select>';
echo '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Number of columns', 'cb-getrends') . ':</b><br/><br/>
<select name="cb4_columns">
<option value="1">1</option>
<option value="2" ' . $chk1 . '>2</option>
<option value="3" ' . $chk2 . '>3</option>
<option value="4" ' . $chk3 . '>4</option>
</select>
</div></div>';
echo '</div>';
}
/* columns*/
if ($meta_box_post['name'] == 'cb4_sidebar') {
if ($meta_box_post['name'] == 'cb4_sidebar' && $meta_box_value == 'left') {
$sl = 'class="sel"';
} else {
$sl = '';
}
if ($meta_box_post['name'] == 'cb4_sidebar' && $meta_box_value == 'none') {
$sn = 'class="sel"';
} else {
$sn = '';
}
if ($meta_box_post['name'] == 'cb4_sidebar' && $meta_box_value == 'right') {
$sr = 'class="sel"';
} else {
$sr = '';
}
echo '<div class="frame round"><div class="framein round heady">' . __('General Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Sidebar Position', 'cb-getrends') . ':</b><br/><br/>
<div class="fl" id="sideb_left"><img src="' . WP_THEME_URL . '/inc/images/admin_images/lcol.png" alt="left column" title="left column" ' . $sl . '/></div>
<div class="fl" id="sideb_none"><img src="' . WP_THEME_URL . '/inc/images/admin_images/none.png" alt="full width" title="full width" style="margin-left:20px;margin-right:20px;" ' . $sn . '/></div>
<div class="fl" id="sideb_right"><img src="' . WP_THEME_URL . '/inc/images/admin_images/rcol.png" alt="right column" title="right column" ' . $sr . '/></div><div class="cl"></div>
<input type="hidden" name="cb4_sidebar" id="sidebar_v" value="' . $meta_box_value . '"/>
</div></div>';
}
/* sidebar */
if ($meta_box_post['name'] == 'cb4_sidebar_name') {
echo '<div class="frame round" id="sidebar_name"><div class="framein round"><b>' . __('Sidebar', 'cb-getrends') . ':</b><br/><br/><select name="' . $meta_box_post['name'] . '">';
?>
<option value="0" <?php
if ($meta_box_value == '') {
echo " selected";
}
?>
>default
sidebar</option>
<?php
if (is_array($sidebars) && !empty($sidebars)) {
foreach ($sidebars as $sidebar) {
if ($meta_box_value == $sidebar['name']) {
echo "<option value='{$sidebar['name']}' selected>{$sidebar['name']}</option>\n";
} else {
echo "<option value='{$sidebar['name']}'>{$sidebar['name']}</option>\n";
}
}
}
?>
</select>
<br />
<br />
<?php
_e('You can add new sidebar in GE Trends settings', 'cb-getrends');
?>
.
</div>
</div>
<?php
}
}
?>
<script>var sideb_name=jQuery("#sidebar_v").val();if(sideb_name=='none') {jQuery("#sidebar_name").hide();}</script>
<?php
echo '<div class="frame round"><div class="framein round"><b>' . __('Images', 'cb-getrends') . ':</b><br/><br/>';
echo '<input style="cursor:pointer;" class="upload_button3" type="button" value="View Gallery / Upload Multiple Images" /><br /><br/>' . __('View Gallery / Upload images in Media Library and attach to this post or upload them here and click save without inserting any image', 'cb-getrends') . '.';
echo '</div></div>';
$imgs = get_children('order=asc&orderby=menu_order&post_type=attachment&post_mime_type=image&post_parent=' . $post->ID);
if ($imgs) {
echo '<div class="frame round"><div class="framein round gallery-attachments"><b>' . __('Images currently attached to this post', 'cb-getrends') . ':</b><br/><br/>';
foreach ($imgs as $attachment_id => $attachment) {
$fir = wp_get_attachment_image_src($attachment_id, 'large');
echo '<div class="gallery-image"><img src="' . WP_THEME_URL . '/inc/images/admin_images/delete.png" class="del"/><img src="' . bfi_thumb($fir[0], array('width' => 80, 'height' => 40, 'crop' => true)) . '"/><input type="hidden" name="att_id[]" id="att_id" value="' . $attachment_id . '"/><input type="hidden" name="att_id_del[]" id="att_id_del" value="' . $attachment_id . '"/></div>';
}
echo '<div style="clear:both;"></div><br/>' . __('Drag n Drop images to sort', 'cb-getrends') . '.</div></div>';
}
}
function get_external_sliders($type)
{
global $wpdb;
$sliders = array();
if ($type == 'layerslider') {
/* SLIDER VALUES */
if (class_exists('LS_Sliders')) {
$layer_sliders = LS_Sliders::find(array('data' => false));
foreach ($layer_sliders as $item) {
$sliders = array_merge($sliders, array("layerslider_" . $item['id'] => "LayerSlider - " . $item['name']));
}
}
} else {
if ($type == 'revslider') {
if (class_exists('RevSlider')) {
$revo = new RevSlider();
$revo_sliders = $revo->getArrSlidersShort();
foreach ($revo_sliders as $rev_id => $rev_title) {
$s = new RevSlider();
$s->initByID($rev_id);
$alias = $s->getAlias();
$sliders = array_merge($sliders, array("revslider_" . $alias => "Revolution Slider - " . $rev_title));
}
}
} else {
if ($type == 'masterslider') {
if (function_exists('get_mastersliders')) {
$master_sliders = get_mastersliders();
foreach ($master_sliders as $slider) {
$sliders = array_merge($sliders, array("masterslider_" . $slider['ID'] => "Master Slider - " . $slider['title']));
}
}
}
}
}
return $sliders;
}
