/**
* Output the inline css to head or after the element in case it is loaded via ajax
*/
function css()
{
//print_z($this);
$uid = $this->data['uid'];
$css = '';
$pt_color = $this->opt('pt_color') ? $this->opt('pt_color') : '';
//** Set background color of the section
if (!empty($pt_color)) {
$css .= ".{$uid} .btn-fullcolor, .{$uid} .plan-column.featured .subscription-price .inner-cell{background-color:{$pt_color}}";
$css .= ".{$uid} .btn-fullcolor:hover{background-color:" . adjustBrightness($pt_color, 20) . "}";
$css .= ".{$uid} .plan-column .plan-title {color:{$pt_color}}";
}
return $css;
}
public function toJsonEvent()
{
if (is_object($this->start_at)) {
$start = $this->start_at;
} else {
$start = new \DateTime($this->start_at);
}
$end = clone $start;
$end->modify(sprintf('+%d minutes', $this->duration));
$user = Auth::user();
$start2 = clone $start;
$start2->modify('-2 days');
$canManage = $user->isSuperAdmin() || $this->booking->user_id == $user->id && $start2->format('Y-m-d') >= date('Y-m-d');
$className = sprintf('booking-%d', $this->ressource_id);
$ofuscated_title = $this->booking->title;
if ($this->booking->is_private && !$user->isSuperAdmin() && $this->booking->user_id != $user->id) {
$ofuscated_title = 'Réservé';
$className .= sprintf(' booking-ofuscated-%d', $this->ressource_id);
} else {
$className .= ' booking';
}
$backgroundColor = $this->ressource->booking_background_color;
$borderColor = adjustBrightness($this->ressource->booking_background_color, -32);
$textColor = adjustBrightness($this->ressource->booking_background_color, -128);
if ($end->format('Y-m-d H:i:s') < date('Y-m-d H:i:s')) {
$backgroundColor = hexColorToRgbWithTransparency($backgroundColor, '0.4');
$borderColor = hexColorToRgbWithTransparency($borderColor, '0.4');
$textColor = hexColorToRgbWithTransparency($textColor, '0.4');
$className .= ' booking-completed';
}
if ($user->isSuperAdmin()) {
$time = new PastTime();
$time->user_id = $this->booking->user_id;
$time->ressource_id = $this->ressource_id;
$time->date_past = $this->start_at;
$time->time_start = $this->start_at;
$time->time_end = strtotime(sprintf('+ %d minutes', $this->duration), is_object($this->start_at) ? $this->start_at->getTimestamp() : strtotime($this->start_at));
$is_accounted = PastTime::query()->where('user_id', $time->user_id)->where('ressource_id', $time->ressource_id)->where('date_past', $time->date_past)->where('time_start', $time->time_start)->where('time_end', $time->time_end)->count() > 0;
} else {
$is_accounted = false;
}
return array('title' => $ofuscated_title, 'start' => $start->format('c'), 'end' => $end->format('c'), 'booking_id' => $this->booking->id, 'id' => $this->id, 'user_id' => $this->booking->user_id, 'is_private' => (bool) $this->booking->is_private, 'is_accounted' => (bool) $is_accounted, 'is_open_to_registration' => (bool) $this->is_open_to_registration, 'description' => (string) $this->booking->content, 'canDelete' => (bool) $canManage, 'editable' => (bool) $canManage, 'backgroundColor' => $backgroundColor, 'borderColor' => $borderColor, 'textColor' => $textColor, 'ressource_id' => $this->ressource->id, 'className' => $className);
}
@else
<?php
$secondary_color = '#12C3EE';
?>
@endif
<?php
$lighter_color = adjustBrightness($primary_color, 20);
$light_color = adjustBrightness($primary_color, 50);
$lightest_color = adjustBrightness($primary_color, 100);
$dark_color = adjustBrightness($primary_color, -50);
?>
.btn.btn-color, input[type="submit"]{
background:{!! $primary_color !!} !important;
color:#fff;
border-radius:0px;
}
h2 i{
color:{!! $primary_color; !!};
}
.btn-color:hover{
color:#fff;
}
color: <?php
echo adjustBrightness($background_color, -150);
?>
;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
background: <?php
echo adjustBrightness($background_color, -10);
?>
;
border-color: <?php
echo adjustBrightness($background_color, -10);
?>
;
color: <?php
echo adjustBrightness($background_color, -25);
?>
;
cursor: default;
}
.picker__button--today[disabled]:before {
border-top-color: <?php
echo adjustBrightness($background_color, -75);
?>
;
}
/* ==========================================================================
$DEFAULT-DATE-PICKER
========================================================================== */
function dynamic_styles($theme_settings)
{
$hex_color = ThemeHelper::getThemeSetting(@$theme_settings->color, '');
if (empty($hex_color)) {
$hex_color = '#98cb00';
}
$color = $hex_color;
$lighter_color = adjustBrightness($hex_color, 20);
$style = "";
$style .= ".theme_color_background, #signup-form .panel-heading, .post .post-img h3, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a, #home-hero button, .block .block-contents p.date .label.label-success, .btn.btn-primary, .navbar-nav.navbar-right li.signup-desktop a, .second-nav.navbar-default .navbar-nav li.active a, .second-nav.navbar-default .navbar-nav li a:hover, .vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level{ background: {$color}; }";
$style .= ".btn.btn-primary, .form-control:focus, .second-nav.navbar-default .navbar-nav li:hover, .second-nav.navbar-default .navbar-nav li.active{ border-color:{$color}; }";
$style .= ".post .post-img h6, #home-hero button:hover{ background: {$lighter_color}; }";
$style .= ".theme_color, a, .page a, footer ul li a, .home footer ul li a{ color:{$color}; }";
$style .= "footer ul li a:hover, .home footer ul li a:hover{ color:{$lighter_color}; }";
return $style;
}
/**
* define the shortcodes
*/
function get_rest_data($atts, $content = null, $tag)
{
switch ($tag) {
case "resmio-name":
$src = get_option('resmio_admin_menu_api_options');
$name = $src["api_restaurant_name"];
return $name;
break;
case "resmio-street":
$src = get_option('resmio_admin_menu_api_options');
$street = $src["api_address_street"];
return $street;
break;
case "resmio-zipcode":
$src = get_option('resmio_admin_menu_api_options');
$zip = $src["api_address_zip"];
return $zip;
break;
case "resmio-city":
$src = get_option('resmio_admin_menu_api_options');
$city = $src["api_address_city"];
return $city;
break;
case "resmio-address":
$src = get_option('resmio_admin_menu_api_options');
$street = $src["api_address_street"];
$zipcode = $src["api_address_zip"];
$city = $src["api_address_city"];
return $street . "<br>" . $zipcode . " " . $city;
break;
case "resmio-phone":
$src = get_option('resmio_admin_menu_api_options');
$phone = $src["api_contact_phone"];
return $phone;
break;
case "resmio-email":
$src = get_option('resmio_admin_menu_api_options');
$email = $src["api_contact_email"];
return $email;
break;
case "resmio-contact":
$src = get_option('resmio_admin_menu_api_options');
$phone = $src["api_contact_phone"];
$email = $src["api_contact_email"];
if (!empty($phone)) {
$phone_1 = "<img class='phone'></img> " . $phone . "<br>";
}
if (!empty($email)) {
$email_1 = "<img class='email'></img> " . $email;
}
return $phone_1 . $email_1;
break;
case "resmio-facebook":
$src = get_option('resmio_admin_menu_api_options');
$facebook = $src["api_social_facebook"];
return $facebook;
break;
case "resmio-googleplus":
$src = get_option('resmio_admin_menu_api_options');
$google = $src["api_social_google"];
return $google;
break;
case "resmio-social":
$src = get_option('resmio_admin_menu_api_options');
$facebook = $src["api_social_facebook"];
$google = $src["api_social_google"];
if (!empty($facebook)) {
$facebook_1 = "<img class='facebook'></img> " . $facebook . "<br>";
}
if (!empty($google)) {
$google_1 = "<img class='google-plus'></img> " . $google;
}
return $facebook_1 . $google_1;
break;
case "resmio-openinghours":
$src = get_option('resmio_admin_menu_api_options');
$openingDays1 = $src["api_openh_r1_left"];
$openingHours1 = $src["api_openh_r1_right"];
$openingDays2 = $src["api_openh_r2_left"];
$openingHours2 = $src["api_openh_r2_right"];
$openingDays3 = $src["api_openh_r3_left"];
$openingHours3 = $src["api_openh_r3_right"];
$openingDays4 = $src["api_openh_r4_left"];
$openingHours4 = $src["api_openh_r4_right"];
$openingDays5 = $src["api_openh_r5_left"];
$openingHours5 = $src["api_openh_r5_right"];
$openingDays6 = $src["api_openh_r6_left"];
$openingHours6 = $src["api_openh_r6_right"];
$openingDays7 = $src["api_openh_r7_left"];
$openingHours7 = $src["api_openh_r7_right"];
if (!empty($openingDays1) & !empty($openingHours1)) {
$openDay[0] = "<tr style='border:none;'><td style='border:none; padding:0px;'>" . $openingDays1;
$openHour[0] = "</td><td style='border:none; padding:0px;'> " . $openingHours1 . "</td></tr>";
}
if (!empty($openingDays2) & !empty($openingHours2)) {
$openDay[1] = "<tr style='border:none;'><td style='border:none; padding:0px;'>" . $openingDays2;
$openHour[1] = "</td><td style='border:none; padding:0px;'> " . $openingHours2 . "</td></tr>";
}
if (!empty($openingDays3) & !empty($openingHours3)) {
$openDay[2] = "<tr style='border:none;'><td style='border:none; padding:0px;'>" . $openingDays3;
$openHour[2] = "</td><td style='border:none; padding:0px;'> " . $openingHours3 . "</td></tr>";
}
if (!empty($openingDays4) & !empty($openingHours4)) {
$openDay[3] = "<tr style='border:none;'><td style='border:none; padding:0px;'>" . $openingDays4;
$openHour[3] = "</td><td style='border:none; padding:0px;'> " . $openingHours4 . "</td></tr>";
}
if (!empty($openingDays5) & !empty($openingHours5)) {
$openDay[4] = "<tr style='border:none;'><td style='border:none; padding:0px;'>" . $openingDays5;
$openHour[4] = "</td><td style='border:none; padding:0px;'> " . $openingHours5 . "</td></tr>";
}
if (!empty($openingDays6) & !empty($openingHours6)) {
$openDay[5] = "<tr style='border:none;'><td style='border:none; padding:0px;'>" . $openingDays6;
$openHour[5] = "</td><td style='border:none; padding:0px;'> " . $openingHours6 . "</td></tr>";
}
if (!empty($openingDays7) & !empty($openingHours7)) {
$openDay[6] = "<tr style=''><td style=' padding:0px;'>" . $openingDays7;
$openHour[6] = "</td><td style='padding:0px;'> " . $openingHours7 . "</td></tr>";
}
return "<table style='width: auto; border:none; margin:0px;'><tbody>" . $openDay[0] . $openHour[0] . $openDay[1] . $openHour[1] . $openDay[2] . $openHour[2] . $openDay[3] . $openHour[3] . $openDay[4] . $openHour[4] . $openDay[5] . $openHour[5] . $openDay[6] . $openHour[6] . "</tbody></table>";
break;
case "resmio-description":
$src = get_option('resmio_admin_menu_api_options');
$descr = $src["api_descr"];
return $descr;
break;
case "resmio-button":
$id = get_option('resmio-facility-id');
$srcBtnBG = get_option('resmio_admin_menu_api_options');
$resmioBtnBG = $srcBtnBG["resmio-color-picker-button-background"];
$srcBtnText = get_option('resmio_admin_menu_api_options');
$resmioBtnText = $srcBtnText["resmio-color-picker-button-text"];
$resmioBtnBGLighten = adjustBrightness($resmioBtnBG, 10);
$resmioBtnBGDarken = adjustBrightness($resmioBtnBG, -10);
if ($resmioBtnBG != '' && $resmioBtnText != '') {
$buttonCode = '
<style type="text/css" media="all">
.resmio-button .btn {
background-color: ' . $resmioBtnBG . ';
background-image: linear-gradient(top,' . $resmioBtnBGLighten . ',' . $resmioBtnBG . ');
background-image: -webkit-linear-gradient(top,' . $resmioBtnBGLighten . ',' . $resmioBtnBG . ');
background-image: -o-linear-gradient(top,' . $resmioBtnBGLighten . ',' . $resmioBtnBG . ');
background-image: -moz-linear-gradient(top,' . $resmioBtnBGLighten . ',' . $resmioBtnBG . ');
background-image: -ms-linear-gradient(top,' . $resmioBtnBGLighten . ',' . $resmioBtnBG . ');
border-style: 1px solid ' . $resmioBtnBGLighten . ';
border-color: ' . $resmioBtnBGLighten . ';
color: ' . $resmioBtnText . ';
}
.resmio-button .btn:hover, .resmio-button .btn:focus {
background-color: ' . $resmioBtnBGDarken . ';
background-image: linear-gradient(top,' . $resmioBtnBG . ',' . $resmioBtnBGDarken . ');
background-image: -webkit-linear-gradient(top,' . $resmioBtnBG . ',' . $resmioBtnBGDarken . ');
background-image: -o-linear-gradient(top,' . $resmioBtnBG . ',' . $resmioBtnBGDarken . ');
background-image: -moz-linear-gradient(top,' . $resmioBtnBG . ',' . $resmioBtnBGDarken . ');
background-image: -ms-linear-gradient(top,' . $resmioBtnBG . ',' . $resmioBtnBGDarken . ');
border-style: 1px solid ' . $resmioBtnBG . ';
border-color: ' . $resmioBtnBG . ';
color: ' . $resmioBtnText . ';
}
</style>
';
}
$buttonCode .= '<script data-resmio-button="' . $id . '">
(function(d, s) {
var js, rjs = d.getElementsByTagName(s)[0];
js = d.createElement(s);
js.src = "//static.resmio.com/static/de/button.js";
js.async = true;
rjs.parentNode.insertBefore(js, rjs); }(document, "script")
);
</script>';
return $buttonCode;
break;
case "resmio-widget":
$id = get_option('resmio-facility-id');
$widgetCode = '<div id="resmio-' . $id . '"></div>
<script>(function(d, s) {
var js, rjs = d.getElementsByTagName(s)[0];
js = d.createElement(s);
js.src = "//static.resmio.com/static/de/widget.js#id=' . $id . '&width=275px&height=400px";
rjs.parentNode.insertBefore(js, rjs);
}(document, "script"));
</script>';
return $widgetCode;
break;
}
}
function dynamic_styles($settings)
{
$primary_color = $settings->primary_color ? $settings->primary_color : '#EE222E';
$secondary_color = $settings->secondary_color ? $settings->secondary_color : '#12C3EE';
$lighter_color = adjustBrightness($primary_color, 20);
$light_color = adjustBrightness($primary_color, 50);
$lightest_color = adjustBrightness($primary_color, 100);
$dark_color = adjustBrightness($primary_color, -50);
?>
<style type="text/css">
<?php
echo $settings->custom_css;
?>
.btn.btn-color, input[type="submit"]{
background:<?php
echo $primary_color;
?>
!important;
color:#fff;
border-radius:0px;
}
h2 i{
color:<?php
echo $primary_color;
?>
;
}
.btn-color:hover{
color:#fff;
}
.btn.btn-radio {
background: <?php
echo $lighter_color;
?>
;
color:#fff;
}
.btn.btn-radio.active {
background:<?php
echo $primary_color;
?>
;
color:#fff;
}
#nprogress .bar {
background:<?php
echo $primary_color;
?>
;
}
#nprogress .spinner-icon {
border-top-color:<?php
echo $primary_color;
?>
;
border-left-color:<?php
echo $primary_color;
?>
;
}
#nprogress .peg {
box-shadow: 0 0 10px <?php
echo $primary_color;
?>
, 0 0 5px <?php
echo $primary_color;
?>
;
}
.nav .caret, .nav>li>a, .navbar .navbar-nav>.active>a, .nav a:hover .caret{
color:<?php
echo $primary_color;
?>
;
border-top-color:<?php
echo $primary_color;
?>
;
border-bottom-color:<?php
echo $primary_color;
?>
;
}
.navbar-nav>li>a.upload-btn, .navbar-inverse .navbar-nav>li>a:hover
{
background:<?php
echo $primary_color;
?>
;
}
.active .nav-border-bottom{
background:<?php
echo $primary_color;
?>
;
}
.form-control:focus{
border-color:<?php
echo $primary_color;
?>
;
}
a.spcl-button.color {
background-color:<?php
echo $primary_color;
?>
;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
background:<?php
echo $primary_color;
?>
;
}
ul.tags li a{
background:<?php
echo $primary_color;
?>
;
}
div.tagsinput span.tag{
border:1px solid <?php
echo $primary_color;
?>
;
color:#fff;
background:<?php
echo $lighter_color;
?>
;
}
.table-striped>tbody>tr:first-child>th{
background:<?php
echo $primary_color;
?>
;
border:0px;
color:#fff;
}
.table-striped>tbody>tr:first-child{
border:0px;
}
.table-striped>tbody>tr:nth-child(2)>td{
border-top-color:<?php
echo $light_color;
?>
;
}
.pagination>li>a{
background:<?php
echo $dark_color;
?>
;
}
.pagination>li>span, .pagination>.active>span, .pagination>li>a:hover, .pagination>.active>span:hover{
background:<?php
echo $light_color;
?>
;
}
.pagination>li>span:hover, .pagination>.disabled>span{
background:<?php
echo $lightest_color;
?>
;
color:<?php
echo $dark_color;
?>
;
}
.pagination>li>a, .pagination>li>span, .pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
border:1px solid <?php
echo $primary_color;
?>
;
}
div.tagsinput span.tag a{
color:<?php
echo $dark_color;
?>
;
}
a.spcl-button.color:hover {
background-color:<?php
echo $lighter_color;
?>
;
color:#fff;
}
.btn.btn-prev:hover, .btn.btn-next:hover{
background:<?php
echo $primary_color;
?>
;
}
/********** SECONDARY COLOR **********/
.home-media-like.active{
background:<?php
echo $secondary_color;
?>
;
}
p.home-like-count{
color:<?php
echo $secondary_color;
?>
;
}
a, a:hover, a:focus{
color:<?php
echo $secondary_color;
?>
;
}
.user-menu p {
color:<?php
echo $secondary_color;
?>
;
}
#next_media li a div.active, #next_media li a:hover div{
border-color:<?php
echo $secondary_color;
?>
;
}
.admin-block.active, .admin-block:hover{
border-color:<?php
echo $primary_color;
?>
;
}
h2.subheader{
border-color:<?php
echo $dark_color;
?>
;
background:<?php
echo $primary_color;
?>
;
}
.ouro:after {
background-color:<?php
echo $primary_color;
?>
;
}
.ouro {
background-color:<?php
echo $light_color;
?>
;
}
h2.subheader i{
color:<?php
echo $dark_color;
?>
;
}
.load-more-btn{
border-bottom-color:<?php
echo $dark_color;
?>
;
}
</style>
<?php
}
function dynamic_styles($theme_settings)
{
$hex_color = ThemeHelper::getThemeSetting(@$theme_settings->color, '');
if (empty($hex_color)) {
$hex_color = '#1C76B6';
}
$color = $hex_color;
$lighter_color = adjustBrightness($hex_color, 20);
$style = "";
$style .= "#signup-form .panel-heading, .btn-primary, .navbar-default, .navbar-nav.navbar-right li.signup-desktop a, #home-hero, #subscribers_only button, .block-contents p.date .label.label-success, .post .post-img h3, .theme_color_background, .vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level{ background:{$color}; }";
$style .= ".form-control:focus, .btn-primary{ border-color:{$color}; }";
$style .= "h3, .block .block-contents h2 a, footer ul li a, .page a, ul.pages li a, .home footer ul li a, .block.list .block-contents h2 a{ color:{$color}; }";
$style .= ".btn-primary:hover, .btn-primary:active, .post .post-img h6{ background:{$lighter_color}; }";
$style .= ".btn-primary:hover, .btn-primary:active{ border-color:{$lighter_color}; }";
$style .= ".block .block-contents h2 a:hover, footer ul li a:hover, .page a:hover, ul.pages li a:hover, .home footer ul li a:hover{ color:{$lighter_color}; }";
return $style;
}
function add_custom_styles()
{
$options = get_option('teccc_options');
wp_enqueue_style('custom-style', get_template_directory_uri() . 'style.css');
$custom_css = "";
foreach ($options['terms'] as $term) {
$bg_color = $options[$term[0] . '-border'];
$custom_css .= '
.gradient-' . $term[0] . ' {
background-color: ' . $bg_color . ';
background: -webkit-linear-gradient(' . adjustBrightness($bg_color, -40) . ', ' . $bg_color . ');
background: -o-linear-gradient(' . adjustBrightness($bg_color, -40) . ', ' . $bg_color . ');
background: -moz-linear-gradient(' . adjustBrightness($bg_color, -40) . ', ' . $bg_color . ');
background: linear-gradient(' . adjustBrightness($bg_color, -40) . ', ' . $bg_color . ');
background-repeat: repeat-x;
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#FFA25F00\', endColorstr=\'#FFEE8C00\', GradientType=0)";
}
.text-' . $term[0] . '{
color: ' . $bg_color . '
}';
}
wp_add_inline_style('custom-style', $custom_css);
}
<?php
//** Set colors or defaults
$primaryColor = isset($data['style_options']['primary_color']) ? $data['style_options']['primary_color'] : '#ed2437';
$secondaryColor = isset($data['style_options']['secondary_color']) ? $data['style_options']['secondary_color'] : '#000000';
$sectionIconColor = isset($data['style_options']['section_icon_color']) ? $data['style_options']['section_icon_color'] : '#e5e5e5';
$sectionIconBackground = isset($data['style_options']['section_icon_background']) ? $data['style_options']['section_icon_background'] : '#e5e5e5';
$paragraphColor = isset($data['style_options']['default_text_color']) ? $data['style_options']['default_text_color'] : '#999999';
$bordersColor = isset($data['style_options']['borders_color']) ? $data['style_options']['borders_color'] : '#e4e4e4';
$metaColor = adjustBrightness($paragraphColor, 50);
//** What if it's black?
$metaColor2 = adjustBrightness($paragraphColor, -50);
//** What if it's black?
echo "\r\n\t\t.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {border-color:{$bordersColor};}\r\n\r\n\t\t.single-product.woocommerce .woocommerce-review-link:before { color:{$bordersColor}; }\r\n\r\n\t\t.woocommerce .zn_inner_product_header, .woocommerce .zn_add_to_cart {border:1px solid {$bordersColor};}\r\n\r\n\t\t.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, \r\n\t\t.woocommerce ul.products li.product a.add_to_cart_button, \r\n\t\t.woocommerce ul.products li.product a.add_to_cart_button:before,\r\n\t\t.woocommerce .woocommerce-review-link,\r\n\t\t.woocommerce .posted_in a,\r\n\t\t.woocommerce table.shop_table tbody .product-subtotal span,\r\n\t\t.woocommerce-page table.shop_table tbody .product-subtotal span,\r\n\t\t.order-total .amount,\r\n\t\t.woocommerce .myaccount_user a,\r\n\t\t.woocommerce .addresses a,\r\n\t\t.zn_shop_icon:before,\r\n\t\t.menu-item-shop-cart .widget_shopping_cart_content .cart_list.product_list_widget li a\r\n\t\t{ \r\n\t\t\tcolor:{$primaryColor}; \r\n\t\t}\r\n\t\t\r\n\t\t.woocommerce .star-rating:before,.woocommerce-page .star-rating:before { color: {$bordersColor}; }\r\n\t\t.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price, .woocommerce div.product p.price,\r\n\t\t.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty,\r\n\t\t.woocommerce .posted_in,\r\n\t\t.woocommerce #review_form #respond label,\r\n\t\t.woocommerce table.shop_table , .cart_totals, .variations label,\r\n\t\t.woocommerce .reset_variations,\r\n\t\t.product_list_widget ins .amount,\r\n\t\t.quantity .amount,\r\n\t\t.woocommerce.widget_shopping_cart .total strong,\r\n\t\t.woocommerce ul.products li.product a, \r\n\t\t.woocommerce-page ul.products li.product a \r\n\t\t{ \r\n\t\t\tcolor:{$secondaryColor}; \r\n\t\t}\r\n\r\n\t\t/* BUTTONS */\r\n\t\t.woocommerce #content input.button.alt,\r\n\t\t.woocommerce #respond input#submit.alt,\r\n\t\t.woocommerce a.button.alt,\r\n\t\t.woocommerce button.button.alt,\r\n\t\t.woocommerce input.button.alt,\r\n\t\t.woocommerce-page #content input.button.alt,\r\n\t\t.woocommerce-page #respond input#submit.alt,\r\n\t\t.woocommerce-page a.button.alt,\r\n\t\t.woocommerce-page button.button.alt,\r\n\t\t.woocommerce-page input.button.alt,\r\n\t\t.woocommerce #review_form #respond .form-submit input, \r\n\t\t.woocommerce-page #review_form #respond .form-submit input,\r\n\t\t.woocommerce .woocommerce-error,\r\n\t\t.woocommerce .woocommerce-info,\r\n\t\t.woocommerce .woocommerce-message,\r\n\t\t.woocommerce-page .woocommerce-error,\r\n\t\t.woocommerce-page .woocommerce-info,\r\n\t\t.woocommerce-page .woocommerce-message,\r\n\t\t.woocommerce-page ul.page-numbers li span.current,\r\n\t\t.woocommerce-page ul.page-numbers li:hover a,\r\n\t\t.woocommerce .cart .button,\r\n\t\t.shop_page .page-title:after, .related.products > h2:after, .upsells.products > h2:after,\r\n\t\t.woocommerce-page .cart-collaterals .cart_totals > h2:after,\r\n\t\t.shipping_calculator > h2:after,\r\n\t\t.woocommerce .cart-collaterals .shipping_calculator .button, \r\n\t\t.woocommerce-page .cart-collaterals .shipping_calculator .button,\r\n\t\t.woocommerce input[type=submit],\r\n\t\t.woocommerce .widget_price_filter .ui-slider .ui-slider-range,\r\n\t\t.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,\r\n\t\t.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, \r\n\t\t.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,\r\n\t\t.woocommerce .widget_price_filter .price_slider_amount .button, \r\n\t\t.woocommerce-page .widget_price_filter .price_slider_amount .button,\r\n\t\t.menu-item-shop-cart .widget_shopping_cart_content .buttons > a\r\n\t\t{\r\n\t\t\tbackground-color: {$primaryColor};\r\n\t\t}\r\n\r\n\t\t.woocommerce #content input.button.alt:hover,\r\n\t\t.woocommerce #respond input#submit.alt:hover,\r\n\t\t.woocommerce a.button.alt:hover,\r\n\t\t.woocommerce button.button.alt:hover,\r\n\t\t.woocommerce input.button.alt:hover,\r\n\t\t.woocommerce-page #content input.button.alt:hover,\r\n\t\t.woocommerce-page #respond input#submit.alt:hover,\r\n\t\t.woocommerce-page a.button.alt:hover,\r\n\t\t.woocommerce-page button.button.alt:hover,\r\n\t\t.woocommerce-page input.button.alt:hover,\r\n\t\t.woocommerce #review_form #respond .form-submit input:hover, \r\n\t\t.woocommerce-page #review_form #respond .form-submit input:hover,\r\n\t\t.woocommerce .cart .button:hover,\r\n\t\t.woocommerce .cart-collaterals .shipping_calculator .button:hover,\r\n\t\t.woocommerce-page .cart-collaterals .shipping_calculator .button:hover,\r\n\t\t.woocommerce input[type=submit]:hover,\r\n\t\t.woocommerce .widget_price_filter .price_slider_amount .button:hover, \r\n\t\t.woocommerce-page .widget_price_filter .price_slider_amount .button:hover,\r\n\t\t.menu-item-shop-cart .widget_shopping_cart_content .buttons > a:hover\r\n\t\t{\r\n\t\t\tbackground-color: {$secondaryColor};\r\n\t\t}\r\n\r\n\t\t.widget.widget_product_categories li a:hover {\r\n\t\t\tborder-left-color: {$primaryColor};\r\n\t\t}\r\n\r\n\t\t.widget_shopping_cart_content,\r\n\t\t.menu-item-shop-cart .cart_message {\r\n\t\t\tborder-top-color: {$primaryColor};\r\n\t\t}\r\n\r\n\t";
function dynamic_styles($theme_settings)
{
$hex_color = ThemeHelper::getThemeSetting(@$theme_settings->color, '');
if (empty($hex_color)) {
$hex_color = '#E52D27';
}
$color = $hex_color;
$lighter_color = adjustBrightness($hex_color, 20);
$darker_color = adjustBrightness($hex_color, 20);
$style = "";
$style .= ".btn-primary, #featured_loader, #subscribers_only button, .block .block-contents .label-success, .post .post-img h3, #signup-form .panel-heading, .navbar-default .navbar-nav > li > a .border-bottom, #main-content h3.header, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .theme_color_background, .vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level{ background:" . $color . " }";
$style .= ".btn-primary, .form-control:focus{ border-color:" . $color . " }";
$style .= "footer ul li a, .home footer ul li a, .navbar-header .menu-toggle i, .video-details h3 span i, .block .block-contents h2 a, .page a, ul.pages li a, h3, ul.pages a:hover, a:focus, a:active{ color:" . $color . " }";
$style .= "footer ul li a:hover, .home footer ul li a:hover{ color:" . $darker_color . " }";
$style .= ".btn-primary:hover, .btn-primary:active, .btn-primary:focus, .post .post-img h6{ background:" . $darker_color . " }";
$style .= ".btn-primary:hover, .btn-primary:active, .btn-primary:focus{ border-color:" . $darker_color . " }";
return $style;
}
public function getLabelCssAttribute()
{
return sprintf('background-color: %s; color: %s; border: 1px solid %s; margin-right: 10px; opacity: 0.75', $this->booking_background_color, adjustBrightness($this->booking_background_color, -128), adjustBrightness($this->booking_background_color, -32));
}
function st_overDeliver($pageID, $campaign_pageID = NULL)
{
global $wpdb;
$_campaignID = $campaign_pageID;
if ($campaign_pageID !== NULL) {
$user_agent = $_SERVER['HTTP_USER_AGENT'];
$user_ip = $_SERVER['REMOTE_ADDR'];
$wpdb->query($wpdb->prepare("INSERT INTO " . ST_VISITS . " (pageID, user_agent, user_ip, visit_time) VALUES (%d, %s, %s, NOW())", $campaign_pageID, $user_agent, $user_ip));
}
$st_media_bg_yt_id = false;
$st_media_yt_id = false;
$results = $wpdb->get_results("SELECT p_type, p_link\n\t\t\t\t\t\t\t\t FROM " . ST_PG_PRODUCT . " \n\t\t\t\t\t\t\t\t WHERE pageID = " . $pageID);
foreach ($results as $row) {
switch ($row->p_type) {
case 'media-lib':
$st_media_id = $row->p_link;
$media = wp_get_attachment_image_src($st_media_id, 'full');
$media = $media[0];
break;
case 'media-bg-video':
$st_media_bg_yt_id = $row->p_link;
$java_video = '<script>
$(\'.jumbotron\').tubular({videoId: \'' . $st_media_bg_yt_id . '\'});
</script>';
break;
case 'media-video':
$st_media_yt_id = $row->p_link;
break;
}
}
$row = $wpdb->get_row("SELECT page_title, page_header, page_content, page_color, header_color, content_color, form_color, form_txt_color, form_foot_color, form_btn_color, form_btn_txt_color, form_btn_txt, form_btn_size, social_set, page_layout, form_layout, form_opacity, page_bg, form_shadow, header_font, body_font\n\t\t\t\t\t\t\t\t FROM " . ST_PG_CONTENT . " \n\t\t\t\t\t\t\t\t WHERE pageID = " . $pageID);
$squeeze_title = stripslashes($row->page_title);
$squeeze_head = stripslashes($row->page_header);
$squeeze_body = stripslashes($row->page_content);
$form_btn_txt = stripslashes($row->form_btn_txt);
$form_btn_size = $row->form_btn_size;
$header_font_g = $row->header_font;
$body_font_g = $row->body_font;
$header_font = str_replace("+", " ", $header_font_g);
$body_font = str_replace("+", " ", $body_font_g);
switch ($form_btn_size) {
case 'large':
$large_selected = 'font-size:14px !important; padding:15px 20px 15px 20px !important;';
break;
case '100':
$one_selected = 'width:100%;';
break;
}
$form_shadow = $row->form - shadow;
if ($form_shadow == 1) {
$form_shadow = 'box-shadow: rgba(0,0,0,.5) 5px 10px 15px;';
} else {
$form_shadow = '';
}
$bg_color = $row->page_color;
$head_color = $row->header_color;
$content_color = $row->content_color;
$st_media_bg_id = $row->page_bg;
if ($st_media_bg_id > 0 && $st_media_bg_yt_video == false) {
$background_image = wp_get_attachment_image_src($st_media_bg_id, 'full');
$background_image = 'background:url(' . $background_image[0] . ') no-repeat center center / cover transparent;';
}
$form_bg_color = $row->form_color;
$form_text_color = $row->form_txt_color;
$form_foot_color = $row->form_foot_color;
$form_btn_color = $row->form_btn_color;
$form_btn_txt_color = $row->form_btn_txt_color;
$form_opacity = $row->form_opacity;
$form_opacity = 'opacity: ' . $form_opacity / 100 . ' !important; filter: alpha(opacity=' . $form_opacity . ') !important;';
$form_layout = $row->form_layout;
$page_layout = $row->page_layout;
$social_set = $row->social_set;
$form_btn_color_g1 = adjustBrightness($form_btn_color, -20);
$form_btn_border = adjustBrightness($form_btn_color, -100);
$css = '<link href="' . plugins_url('css/delivery/style.css?v=084', __FILE__) . '" rel="stylesheet">
<link href="' . plugins_url('css/animate-css/animate.css', __FILE__) . '" rel="stylesheet">';
$bootstrap = '<link href="' . plugins_url('css/bootstrap/bootstrap.min.css', __FILE__) . '" rel="stylesheet">
<link href="' . plugins_url('css/bootstrap/bootstrap-theme.min.css', __FILE__) . '" rel="stylesheet">';
$java = '<script type="text/javascript" src="' . plugins_url('js/bootstrap/bootstrap.min.js', __FILE__) . '"></script>
<script type="text/javascript" src="' . plugins_url('js/plugins/jquery.easing.1.3.js', __FILE__) . '"></script>
<script type="text/javascript" src="' . plugins_url('js/plugins/jquery.tubular.1.0.js', __FILE__) . '"></script>
<script type="text/javascript" src="' . plugins_url('js/am.js?v=094', __FILE__) . '"></script>';
$r = hexdec(substr($form_bg_color, 0, 2));
$g = hexdec(substr($form_bg_color, 2, 2));
$b = hexdec(substr($form_bg_color, 4, 2));
if ($r + $g + $b > 382) {
$icon_color = '#000000';
} else {
$icon_color = '#ffffff';
}
$row = $wpdb->get_row("SELECT page_type, smart_btn\n\t\t\t\t\t\t\t\t FROM " . ST_SQ_PGS . " \n\t\t\t\t\t\t\t\t WHERE id = " . $pageID);
$form_type = $row->page_type;
$smart_button = $row->smart_btn;
if ($form_type == '') {
$form_type = 'aweber';
}
if (strlen($squeeze_body) > 0) {
$squeeze_body = '<div class="col-sm-10 col-sm-offset-1"><p class="main_txt">' . $squeeze_body . '</p></div>';
} else {
$squeeze_body = '';
}
switch ($form_layout) {
case 'inside':
$content_inside = '
<div class="col-sm-12">
<h1 class="head_txt">' . $squeeze_head . '</h1>
</div>
' . do_shortcode($squeeze_body);
break;
default:
$content_outside = '<div class="row animated bounceIn">
<div class="col-sm-12">
<h1 class="head_txt">' . $squeeze_head . '</h1>
</div>
' . do_shortcode($squeeze_body) . '
</div>';
}
switch ($page_layout) {
case 'left':
if ($st_media_id > 0) {
$media = '<img id="product-image" src="' . @$media . '" class="img-responsive animated bounceInRight">';
} else {
$media = ' ';
}
if ($st_media_yt_id !== false) {
$media = '<div class="animated fadeIn" style="margin:100px 0 0 0; width:100%; position: relative; padding-bottom: 56%; height:0;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="100%" height="100%" frameborder="0" src="http://www.youtube.com/embed/' . $st_media_yt_id . '?autoplay=1&showinfo=0&controls=0&rel=0" allowtransparency="true" style="background: #FFFFFF;"> </iframe></div> ';
}
$form_left = '<div class="col-sm-6" style="padding-left:0; padding-right:0;">
' . @$media . '
</div>';
$anim_direction = 'fadeInLeft';
break;
case 'right':
if ($st_media_id > 0) {
$media = '<img id="product-image" src="' . @$media . '" class="img-responsive animated bounceInLeft">';
} else {
$media = ' ';
}
if ($st_media_yt_id !== false) {
$media = '<div class="animated fadeIn" style="margin:100px 0 0 0; width:100%; position: relative; padding-bottom: 56%; height:0;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="100%" height="100%" frameborder="0" src="http://www.youtube.com/embed/' . $st_media_yt_id . '?autoplay=1&showinfo=0&controls=0&rel=0" allowtransparency="true" style="background: #FFFFFF;"> </iframe></div> ';
}
$form_right = '<div class="col-sm-6" style="padding-left:0; padding-right:0;">
' . @$media . '
</div>';
$anim_direction = 'fadeInRight';
break;
case 'center':
$form_right = '<div class="col-sm-3" style="padding-left:0; padding-right:0;">
</div>';
$anim_direction = 'fadeInDown';
break;
}
switch ($form_type) {
case 'aweber':
$result = $wpdb->get_results("SELECT field_name, field_value\n\t\t\t\t\t\t\t\t\t\t\t\t FROM " . ST_PG_FORM . "\n\t\t\t\t\t\t\t\t\t\t\t\t WHERE pageID = " . $pageID);
foreach ($result as $row) {
$field_name = $row->field_name;
$field_value = $row->field_value;
if ($field_name == 'listname') {
$aw_list_id = $field_value;
}
if ($field_name == 'redirect') {
$aw_back_url = $field_value;
}
if ($field_name == 'emailOnly') {
$email_only = $field_value;
}
}
$form_action = ST_AWEBER;
if ($email_only != 'on') {
$name_get = '<div class="form-group">
<label for="InputName" style="color:' . $form_text_color . ';">Name</label>
<input type="text" name="name" class="form-control" id="InputName" placeholder="Enter name">
</div>';
$name_inc = 'name,';
}
$form_output = '<input type="hidden" name="listname" value="' . $aw_list_id . '">
<input type="hidden" name="redirect" value="' . $aw_back_url . '">
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="' . @$name_inc . 'email" />
<input type="hidden" name="meta_forward_vars" value="0" />
' . @$name_get . '
<div class="form-group">
<label for="InputEmail" style="color:' . $form_text_color . ';">Email</label>
<input type="text" class="form-control" name="email" id="InputEmail" placeholder="Enter email">
</div>';
break;
case 'getresponse':
$result = $wpdb->get_results("SELECT field_name, field_value\n\t\t\t\t\t\t\t\t\t\t\t\t FROM " . ST_PG_FORM . "\n\t\t\t\t\t\t\t\t\t\t\t\t WHERE pageID = " . $pageID);
foreach ($result as $row) {
$field_name = $row->field_name;
$field_value = $row->field_value;
if ($field_name == 'listname') {
$getresponse_list_id = $field_value;
}
if ($field_name == 'redirect') {
$getresponse_back_url = $field_value;
}
if ($field_name == 'emailOnly') {
$email_only = $field_value;
}
}
$form_action = ST_GETRESPONSE;
if ($email_only != 'on') {
$name_get = '<div class="form-group">
<label for="InputName" style="color:' . $form_text_color . ';">Name</label>
<input type="text" name="name" class="form-control" id="InputName" placeholder="Enter name">
</div>';
} else {
$name_get = '<input type="hidden" name="name" value="Friend">';
}
$form_output = '<input type="hidden" name="campaign_token" value="' . $getresponse_list_id . '">
<input type="hidden" name="thankyou_url" value="' . $getresponse_back_url . '">
' . @$name_get . '
<div class="form-group">
<label for="InputEmail" style="color:' . $form_text_color . ';">Email</label>
<input type="text" class="form-control" name="email" id="InputEmail" placeholder="Enter email">
</div>';
break;
case 'mailchimp':
$result = $wpdb->get_results("SELECT field_name, field_value\n\t\t\t\t\t\t\t\t\t\t\t\t FROM " . ST_PG_FORM . "\n\t\t\t\t\t\t\t\t\t\t\t\t WHERE pageID = " . $pageID);
foreach ($result as $row) {
$field_name = $row->field_name;
$field_value = $row->field_value;
if ($field_name == 'post_url') {
$mailchimp_post_url = $field_value;
}
if ($field_name == 'list_id') {
$mailchimp_list_id = $field_value;
}
if ($field_name == 'emailOnly') {
$email_only = $field_value;
}
}
$form_action = $mailchimp_post_url;
if ($email_only != 'on') {
$name_get = '<div class="form-group">
<label for="InputName" style="color:' . $form_text_color . ';">Name</label>
<input type="text" name="FNAME" class="form-control" id="InputName" placeholder="Enter name">
</div>';
}
$form_output = '<input type="hidden" name="id" value="' . $mailchimp_list_id . '">
' . @$name_get . '
<div class="form-group">
<label for="InputEmail" style="color:' . $form_text_color . ';">Email</label>
<input type="text" class="form-control" name="EMAIL" id="InputEmail" placeholder="Enter email">
</div>';
break;
case 'gvo':
$result = $wpdb->get_results("SELECT field_name, field_value\n\t\t\t\t\t\t\t\t\t\t\t\t FROM " . ST_PG_FORM . "\n\t\t\t\t\t\t\t\t\t\t\t\t WHERE pageID = " . $pageID);
foreach ($result as $row) {
$field_name = $row->field_name;
$field_value = $row->field_value;
if ($field_name == 'campaign_code') {
$gvo_campaign_id = $field_value;
}
if ($field_name == 'form_id') {
$gvo_form_id = $field_value;
}
if ($field_name == 'emailOnly') {
$email_only = $field_value;
}
}
$form_action = ST_GVO;
if ($email_only != 'on') {
$name_get = '<div class="form-group">
<label for="InputName" style="color:' . $form_text_color . ';">Name</label>
<input type="text" name="FirstName" class="form-control" id="InputName" placeholder="Enter name">
</div>';
}
$form_output = '<input type="hidden" name="CampaignCode" value="' . $gvo_campaign_id . '">
<input type="hidden" name="FormId" value="' . $gvo_form_id . '">
' . @$name_get . '
<div class="form-group">
<label for="InputEmail" style="color:' . $form_text_color . ';">Email</label>
<input type="text" class="form-control" name="Email" id="InputEmail" placeholder="Enter email">
</div>';
break;
case 'arpreach':
$result = $wpdb->get_results("SELECT field_name, field_value\n\t\t\t\t\t\t\t\t\t\t\t\t FROM " . ST_PG_FORM . "\n\t\t\t\t\t\t\t\t\t\t\t\t WHERE pageID = " . $pageID);
foreach ($result as $row) {
$field_name = $row->field_name;
$field_value = $row->field_value;
if ($field_name == 'listname') {
$arpreach_list_id = $field_value;
}
if ($field_name == 'emailOnly') {
$email_only = $field_value;
}
}
$form_action = $arpreach_list_id;
if ($email_only != 'on') {
$name_get = '<div class="form-group">
<label for="InputName" style="color:' . $form_text_color . ';">Name</label>
<input type="text" name="first_name" class="form-control" id="InputName" placeholder="Enter name">
</div>';
$name_inc = 'name,';
}
$form_output = @$name_get . '
<div class="form-group">
<label for="InputEmail" style="color:' . $form_text_color . ';">Email</label>
<input type="text" class="form-control" name="email_address" id="InputEmail" placeholder="Enter email">
</div>';
break;
case 'custom':
$result = $wpdb->get_results("SELECT field_type, field_label, field_name, field_value\n\t\t\t\t\t\t\t\t\t\t\t\t \t\t\t\t FROM " . ST_PG_FORM . "\n\t\t\t\t\t\t\t\t\t\t\t\t \t\t\t\t WHERE pageID = " . $pageID);
$i = 1;
foreach ($result as $row) {
$field_type = $row->field_type;
$field_label = $row->field_label;
$field_name = $row->field_name;
$field_value = $row->field_value;
switch ($field_type) {
case 'post':
$form_action = $field_value;
$i--;
break;
case 'hidden':
$form_output .= '<input type="hidden" name="' . $field_name . '" value="' . $field_value . '">';
break;
case 'text':
$form_output .= '<div class="form-group">';
$form_output .= '<label for="Input' . $field_label . '" style="color:' . $form_text_color . ';">' . $field_label . '</label>';
$form_output .= '<input class="form-control" type="text" id="Input' . $field_label . '" name="' . $field_name . '" value="' . $field_value . '">';
$form_output .= '</div>';
break;
}
$i++;
}
break;
}
$social_output = st_getSocialLinks($social_set, $icon_color, $form_bg_color);
if ($smart_button == '0') {
$form_button = '<style>
#sd-btn{
background: ' . $form_btn_color . ';
background: -webkit-linear-gradient(' . $form_btn_color . ', ' . $form_btn_color_g1 . '); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(' . $form_btn_color . ', ' . $form_btn_color_g1 . '); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(' . $form_btn_color . ', ' . $form_btn_color_g1 . '); /* For Firefox 3.6 to 15 */
background: linear-gradient(' . $form_btn_color . ', ' . $form_btn_color_g1 . '); /* Standard syntax */
}
</style>';
$form_button .= '<button type="submit" class="btn animated pulse" id="sd-btn" style="' . @$large_selected . ' ' . @$one_selected . ' color:' . $form_btn_txt_color . '; border-color:' . $form_btn_border . ';">' . $form_btn_txt . '</button>';
} else {
$form_button = '<button type="submit" class="animated pulse" id="sd-btn" style="background:url(' . plugins_url('images/Extras/buttons/', __FILE__) . $smart_button . ') no-repeat !important; height:83px; width:213px; padding:0 !important; border:none !important;"></button>';
}
include_once dirname(__FILE__) . '/squeeze-template.php';
echo $st_squeeze_template;
exit;
}
/**
* Button
*/
function registerButton($atts, $content)
{
extract(shortcode_atts(array("size" => 'normal', "color" => "#ffffff", "background" => "#1acad0", "radius" => "3px", "type" => "flat", "link" => "#", "newwindow" => "true", "icon" => ""), $atts));
$darker_side = adjustBrightness($background, -30);
$t = '';
if ($newwindow == "true") {
$t = "target='_BLANK'";
}
$query = '';
switch ($type) {
case 'classic':
$query = "background-color:{$background};color:{$color};border-radius:{$radius};border-color:{$darker_side}";
break;
case 'gradient':
$query = "background-color:{$background};color:{$color};border-radius:{$radius};border-color:{$darker_side}";
break;
case 'gloss':
$query = "background-color:{$background};color:{$color};border-radius:{$radius};border-color:{$darker_side}";
break;
default:
case 'flat':
$query = "background-color:{$background};color:{$color};border-radius:{$radius}";
break;
}
if ($icon != "") {
$icon = "<i class='{$icon}'></i>";
}
$button = "<a href='{$link}' {$t} class='ioa-button button-{$size} button-shader-{$type}' style='{$query}'><span> {$icon} " . $content . "</span><span class='underlay' style='background:{$darker_side};border-radius:{$radius}'></span></a>";
return $button;
}
echo $zn_main_color;
?>
;}
/* Hover Background color - Main Color */
.btn-fullcolor:hover,
.btn-fullcolor.btn-skewed:hover:before,
.cart-container .buttons .button.wc-forward:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce input#button:hover,
.woocommerce #review_form #submit:hover
{ background-color: <?php
echo adjustBrightness($zn_main_color, 20);
?>
}
/**** END Background Color - Main Color ****/
/* Border - Main Color */
.border-custom,
.border-custom-after:after,
.border-custom-before:before,
.kl-blog-item-overlay-more:hover,
.acc--style4,
.acc--style4 .acc-tgg-button .acc-icon,
.kl-ioscaption--style4 .more:before,
.btn-lined.lined-custom,
.btn-bordered
;
outline: none;
}
.picker__button--today:before,
.picker__button--clear:before {
position: relative;
display: inline-block;
height: 0;
}
.picker__button--today:before {
content: " ";
margin-right: .45em;
top: -0.05em;
width: 0;
border-top: 0.66em solid <?php
echo adjustBrightness($main_color, -50);
?>
;
border-left: .66em solid transparent;
}
.picker__button--clear:before {
content: "\D7";
margin-right: .35em;
top: -0.1em;
color: #ee2200;
vertical-align: top;
font-size: 1.1em;
}
/* ==========================================================================
$DEFAULT-DATE-PICKER
}#middle .widget .top_title.titles {
background: none!important;
line-height: 25px;
height: 33px;
font-weight: bold!important;
font-size: 18px;
padding: 0;
padding-left: 6px;
}
<?php
if ($color_master != '') {
$color_master_w2 = adjustBrightness($color_master, '65');
$color_master_w = adjustBrightness($color_master, '35');
$color_master_d = adjustBrightness($color_master, '-25');
$color_master_d2 = adjustBrightness($color_master, '-45');
$color_master_d3 = adjustBrightness($color_master, '-85');
?>
.footer-lower a ,.footer .cb4_recent_posts .col1 h3 a:hover, .footer .cb2_recent_posts .col2 h3 a:hover, .footer .cb4_recent_posts .col3 h3 a:hover, .footer .cb4_recent_posts .col4 h3 a:hover,
.footer .more:hover,.skin-text, .skin-text a, a.skin-text,ul.cb-menu li a.cb-menu-search i,.top_list li.current,.top_list li:hover,.top_story_details a,
.top_story_details i,.aligt h1 a:hover, .aligt h2 a:hover, .aligt h3 a:hover, .aligt h4 a:hover, .aligt h5 a:hover, .aligt h1.in a:hover, .aligt h2.in a:hover, .aligt h3.in a:hover, .aligt h4.in a:hover, .aligt h5.in a:hover,
a.bttn:hover, .bttn:hover, .submit:hover, .bttn_big:hover, button:hover, input.bttn:hover, .submit:hover, a.more_cat:hover, .button:hover,.products .price,
#order_review .amount, #order_review .shipping td,.woocommerce #payment label,ul.cb-menu li.current-menu-item>a, ul.cb-menu li.current_page_item>a,
ul.cb-menu ul li a:hover,ul.cb-menu li a:hover, ul.cb-menu li:hover, ul.cb-menu li:hover>a,.vote_author .pos,.hot_content a:hover,.normal li .lired,#breadcrumbs i,
.woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price
{
color:<?php
echo $color_master;
?>
!important;
//** Meta colors
printf($lightParagraphColorString, $metaColor, '');
////////////////////////
// CUSTOM COLOR STYLES
////////////////////////
$customStyles = isset($data['style_options']['custom_colors']) ? $data['style_options']['custom_colors'] : array();
if (!empty($customStyles)) {
foreach ($customStyles as $customStyle) {
$customPrimaryColor = isset($customStyle['custom_primary_color']) ? $customStyle['custom_primary_color'] : '#ed2437';
$customSecondaryColor = isset($customStyle['custom_secondary_color']) ? $customStyle['custom_secondary_color'] : '#000000';
$customParagraphColor = isset($customStyle['custom_text_color']) ? $customStyle['custom_text_color'] : '#999999';
$customBorderBkg = isset($customStyle['custom_borders_color']) ? $customStyle['custom_borders_color'] : '#e4e4e4';
$customSectionBkg = isset($customStyle['section_background']) ? $customStyle['section_background'] : 'transparent';
$stylePrettyName = isset($customStyle['custom_style_name']) ? $customStyle['custom_style_name'] : '';
$styleName = '.zn_cs_' . preg_replace("/[^a-zA-Z0-9]+/", "", $stylePrettyName);
$customMetaColor = adjustBrightness($customParagraphColor, -30);
//** What if it's black?
printf($primaryColorString, $customPrimaryColor, $styleName);
printf($secondaryColorString, $customSecondaryColor, $styleName);
printf($paragraphColorString, $customParagraphColor, $styleName);
printf($sectionBackgroundString, $customSectionBkg, $styleName);
printf($bordersColorString, $customBorderBkg, $styleName);
printf($lightParagraphColorString, $customMetaColor, $styleName);
}
}
//** BLOG POSTS COLORS
echo '.format-standard .article_type { background-color: ' . (isset($data['blog_options']['standard_post_color']) ? $data['blog_options']['standard_post_color'] : '#7647a7') . '}', PHP_EOL;
echo '.format-video .article_type { background-color: ' . (isset($data['blog_options']['video_post_color']) ? $data['blog_options']['video_post_color'] : '#feb027') . '}', PHP_EOL;
echo '.format-gallery .article_type { background-color: ' . (isset($data['blog_options']['gallery_post_color']) ? $data['blog_options']['gallery_post_color'] : '#27b5fe') . '}', PHP_EOL;
echo '.format-quote .article_type, .blog_latest article.format-quote { background-color: ' . (isset($data['blog_options']['quote_post_color']) ? $data['blog_options']['quote_post_color'] : '#ed2437') . '}', PHP_EOL;
echo '.format-audio .article_type { background-color: ' . (isset($data['blog_options']['audio_post_color']) ? $data['blog_options']['audio_post_color'] : '#fe4527') . '}', PHP_EOL;
function custom_theme_color()
{
$custom_theme_color = get_theme_mod('custom_theme_color');
if ($custom_theme_color != '#40BC69' && $custom_theme_color != '') {
?>
<style type="text/css">
a {
color: <?php
echo $custom_theme_color;
?>
;
}
a, .logo a:hover, .featured-text h2 a.f-title-anchor:hover, .trefoil-box a.f-icon, .trefoil-anchor, .sfooter-box a, p.form-submit input[type='submit'], .search-form .search-submit, .user_comment i.fa, .slick-prev, .slick-next {
color: <?php
echo $custom_theme_color;
?>
;
}
.sf-menu a:hover, .current-menu-item a, .current_page_item a, .ift-button {
background: <?php
echo $custom_theme_color;
?>
;
}
.sfooter-box h4, p.form-submit input[type='submit'], .search-form .search-submit, .search-form .search-submit:hover, .user_detail {
border-color: <?php
echo $custom_theme_color;
?>
;
}
div.footer-menu-social ul li div.circle{
-webkit-text-shadow: 0 0 0 <?php
echo $custom_theme_color;
?>
, 0 35px 0 #fff;
-moz-text-shadow: 0 0 0 <?php
echo $custom_theme_color;
?>
, 0 35px 0 #fff;
-ms-text-shadow: 0 0 0 <?php
echo $custom_theme_color;
?>
, 0 35px 0 #fff;
-o-text-shadow: 0 0 0 <?php
echo $custom_theme_color;
?>
, 0 35px 0 #fff;
text-shadow: 0 0 0 <?php
echo $custom_theme_color;
?>
, 0 35px 0 #fff;
}
</style>
<?php
adjustBrightness($custom_theme_color, -50);
}
}
$inpval = array('id' => uniqid('ioa_accordion_'));
$mods = explode('[inp]', $value);
foreach ($mods as $m) {
if ($m != "") {
$te = explode('[ioas]', $m);
$inpval[$te[0]] = $te[1];
}
}
//$helper->prettyPrint($inpval);
$values[] = $inpval;
}
}
}
foreach ($values as $key => $value) {
$end_gr = $value['pr_color'];
$start_gr = adjustBrightness($value['pr_color'], 80);
$code = "\r\n background: -webkit-gradient(left, 0% 0%, 0% 100%, from(" . $end_gr . "), to(" . $start_gr . "));\r\n background: -webkit-linear-gradient(left, " . $start_gr . ", " . $end_gr . ");\r\n background: -moz-linear-gradient(left, " . $start_gr . ", " . $end_gr . ");\r\n background: -ms-linear-gradient(left, " . $start_gr . ", " . $end_gr . ");\r\n background: -o-linear-gradient(left, " . $start_gr . ", " . $end_gr . ");\r\n ";
?>
<div class="progress-bar">
<h6 class='progress-bar-title' itemprop="name"><?php
echo stripslashes($value['pr_label']);
?>
</h6>
<div class="filler" style="<?php
echo $code;
?>
" data-fill="<?php
echo $value['pr_value'];
?>
"><span itemprop="spatial"> <i class="icon icon-sort-down"></i> <?php
echo $value['pr_value'] . ' ' . $w['unit'];
<?php
$dominant_color = "#44aacc";
if (get_option(SN . '_global_color')) {
$dominant_color = get_option(SN . '_global_color');
}
$args = array(__("Headings & Body Font Settings", 'ioa') => array(array("label" => "Body Stylings", "matrix" => array("div.inner-super-wrapper " => array("prop" => "font-family", "label" => __("Body Font Family", 'ioa'), "default" => "Open Sans"), ".custom-font " => array("prop" => "font-family", "label" => __("Titles Font Family", 'ioa'), "default" => "Open Sans"), ".custom-font1 " => array("prop" => "font-family", "label" => __("RAD Titles Font Family", 'ioa'), "default" => "Open Sans"), 'div.inner-super-wrapper' => array("prop" => "parent-background-color,background-image", "label" => __("Fixed Container Background Color", 'ioa'), "default" => "#ffffff"), ".page-wrapper a" => array("prop" => "color", "label" => __("Links Color", 'ioa'), "default" => "#333333"), ".page-wrapper a:hover" => array("prop" => "color", "label" => __("Links Hover Color", 'ioa'), "default" => "#333333"), "div.inner-super-wrapper " => array("prop" => "color", "label" => __("Body Color", 'ioa'), "default" => "#444444"), "div.inner-super-wrapper " => array("prop" => "font-size", "label" => __("Body Font Size", 'ioa'), "default" => "13px"), "div.inner-super-wrapper " => array("prop" => "line-height", "label" => __("Body Line Height", 'ioa'), "default" => "1.9"))), array("label" => "Heading Stylings", "matrix" => array(".page-wrapper h1" => array("prop" => "color", "label" => __("H1 Color", 'ioa'), "default" => "#596a67"), ".page-wrapper h2" => array("prop" => "color", "label" => __("H2 Color", 'ioa'), "default" => "#596a67"), ".page-wrapper h3" => array("prop" => "color", "label" => __("H3 Color", 'ioa'), "default" => "#596a67"), ".page-wrapper h4" => array("prop" => "color", "label" => __("H4 Color", 'ioa'), "default" => "#596a67"), ".page-wrapper h5" => array("prop" => "color", "label" => __("H5 Color", 'ioa'), "default" => "#596a67"), ".page-wrapper h6" => array("prop" => "color", "label" => __("H6 Color", 'ioa'), "default" => "#596a67"), ".page-wrapper h1 " => array("prop" => "font-size", "label" => __("H1 Font Size", 'ioa'), "default" => "48px"), ".page-wrapper h2 " => array("prop" => "font-size", "label" => __("H2 Font Size", 'ioa'), "default" => "36px"), ".page-wrapper h3 " => array("prop" => "font-size", "label" => __("H3 Font Size", 'ioa'), "default" => "32px"), ".page-wrapper h4 " => array("prop" => "font-size", "label" => __("H4 Font Size", 'ioa'), "default" => "24px"), ".page-wrapper h5 " => array("prop" => "font-size", "label" => __("H5 Font Size", 'ioa'), "default" => "18px"), ".page-wrapper h6 " => array("prop" => "font-size", "label" => __("H6 Font Size", 'ioa'), "default" => "15px"), ".page-wrapper h1 " => array("prop" => "font-weight", "label" => __("H1 Font Weight", 'ioa'), "default" => "600"), ".page-wrapper h2 " => array("prop" => "font-weight", "label" => __("H2 Font Weight", 'ioa'), "default" => "600"), ".page-wrapper h3 " => array("prop" => "font-weight", "label" => __("H3 Font Weight", 'ioa'), "default" => "600"), ".page-wrapper h4 " => array("prop" => "font-weight", "label" => __("H4 Font Weight", 'ioa'), "default" => "600"), ".page-wrapper h5 " => array("prop" => "font-weight", "label" => __("H5 Font Weight", 'ioa'), "default" => "600"), ".page-wrapper h6 " => array("prop" => "font-weight", "label" => __("H6 Font Weight", 'ioa'), "default" => "600")))), __("Boxed Stylings", 'ioa') => array(array("label" => "Page Background", "matrix" => array("div.super-wrapper " => array("prop" => "parent-background-color,background-image", "label" => __("Main Container ", 'ioa'), "default" => "#fafafa")))), __("Compact Menu Area", 'ioa') => array(array("label" => "Compact Bar Stylings", "matrix" => array("div.compact-bar" => array("prop" => "parent-background-color,background-image", "label" => __("Compact Area ", 'ioa'), "default" => "#ffffff"))), array("label" => "Compact Bar Menu Stylings", "matrix" => array("div.compact-bar ul.menu li a" => array("prop" => "color", "label" => __("Menu Link Color ", 'ioa'), "default" => "#999999"), "div.compact-bar ul.menu li a " => array("prop" => "font-size", "label" => __("Menu Link Font Size ", 'ioa'), "default" => "13px"), "div.compact-bar ul.menu li a " => array("prop" => "font-family", "label" => __("Menu Link Font Size ", 'ioa'), "default" => "Open Sans"), "div.compact-bar .menu-bar .menu li:hover>a" => array("state" => "hover", "prop" => "color", "default" => "#ffffff", "label" => __("Menu Link Hover Color ", 'ioa')), "div.compact-bar .menu-bar .menu div.hoverdir-wrap span.hoverdir" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Animated Hover Background Color", 'ioa')), "div.compact-bar .menu-bar .menu-bar .menu>li.current_page_item>a,div.compact-bar .menu-bar .menu>li.current-menu-ancestor>a,div.compact-bar .menu-bar .menu>li.menu-active>a,\tdiv.compact-bar .menu-bar .menu>li.current-menu-item>a" => array("default" => $dominant_color, "sync" => true, "prop" => "color", "label" => __("Active Menu Color", 'ioa')), "div.compact-bar .menu > li > a span.menu-arrow" => array("default" => "16px", "prop" => "top", "label" => __("Menu Arrow Distance From Top", 'ioa')), "div.compact-bar .menu-bar .menu > li.current_page_item > a > span.spacer, div.compact-bar .menu-bar .menu > li.current-menu-ancestor > a > span.spacer, div.compact-bar .menu-bar .menu > li.menu-active > a > span.spacer, div.compact-bar .menu-bar .menu > li.current-menu-item > a > span.spacer" => array("default" => $dominant_color, "sync" => true, "prop" => "border-color", "label" => __("Active Menu Bottom Color", 'ioa')), "div.compact-bar .menu-bar .menu > li.current_page_item > a > span.spacer, div.compact-bar .menu-bar .menu > li.current-menu-ancestor > a > span.spacer, div.compact-bar .menu-bar .menu > li.menu-active > a > span.spacer, div.compact-bar .menu-bar .menu > li.current-menu-item > a > span.spacer " => array("default" => '2px', "prop" => "border-bottom-width", "label" => __("Active Menu Bottom Line Thickness", 'ioa')), "div.compact-bar .menu-bar .menu > li.current_page_item > a > span.spacer, div.compact-bar .menu-bar .menu > li.current-menu-ancestor > a > span.spacer, div.compact-bar .menu-bar .menu > li.menu-active > a > span.spacer, div.compact-bar .menu-bar .menu > li.current-menu-item > a > span.spacer " => array("default" => 'solid', "prop" => "border-bottom-style", "label" => __("Active Menu Bottom Line Style", 'ioa')), "div.compact-bar .menu-bar .menu > li.current_page_item > a > span.spacer, div.compact-bar .menu-bar .menu > li.current-menu-ancestor > a > span.spacer, div.compact-bar .menu-bar .menu > li.menu-active > a > span.spacer, div.compact-bar .menu-bar .menu > li.current-menu-item > a > span.spacer " => array("default" => '8px', "prop" => "bottom", "label" => __("Active Menu Bottom Line Distance", 'ioa')), "div.compact-bar .menu-bar .menu-bar .menu>li.current_page_item:hover>a,div.compact-bar .menu-bar .menu>li.current-menu-ancestor:hover>a,div.compact-bar .menu-bar .menu>li.menu-active:hover>a, div.compact-bar .menu-bar .menu>li.current-menu-item:hover>a" => array("default" => "#ffffff", "prop" => "color", "label" => __("Active Menu Hover Color", 'ioa')), "div.compact-bar div.menu-bar .menu li .sub-menu > li.current-menu-parent > a, div.compact-bar div.menu-bar .menu li .sub-menu > li.current-menu-ancestor > a,div.compact-bar div.menu-bar .menu li .sub-menu li.current-menu-item>a , div.compact-bar div.menu-bar .menu li .sub-menu li.current_page_item>a " => array("default" => "#ffffff", "prop" => "color", "label" => __("Active Sub Menu Item Color", 'ioa')), "div.compact-bar .menu-bar .sub-menu > li.current-menu-parent > a, div.compact-bar .menu-bar .sub-menu > li.current-menu-ancestor > a,div.compact-bar .menu-bar .sub-menu li.current-menu-item a , div.compact-bar .menu-bar .sub-menu li.current_page_item a" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Active Sub Menu Item Background Color", 'ioa')), "div.compact-bar .menu-bar ul.menu li ul.sub-menu , div.compact-bar div.sub-menu" => array("default" => "#ffffff", "prop" => "background-color", "label" => __("Dropdown Background Color", 'ioa')), "div.compact-bar .menu-bar .menu li .sub-menu li a" => array("default" => "#8b989a", "prop" => "color", "label" => __("Dropdown Menu Items Color", 'ioa')), "div.compact-bar .menu-bar .menu li .sub-menu li:hover>a" => array("default" => "#111111", "prop" => "color", "label" => __("Dropdown Menu Items Hover Color", 'ioa')), "div.compact-bar div.sub-menu > div h6 a" => array("default" => "#515d5e", "prop" => "color", "label" => __("Megamenu Headings Link Color", 'ioa')), "div.compact-bar div.sub-menu > div h6 a " => array("default" => "13px", "prop" => "font-size", "label" => __("Megamenu Headings Font Size", 'ioa')), "div.compact-bar div.sub-menu > div h6" => array("default" => "#eeeeee", "prop" => "border-bottom-color", "label" => __("Megamenu Headings Border Color", 'ioa'))))), __('Common Stylings', 'ioa') => array(array("label" => "Slider Controls", "matrix" => array("div.quartz-controls-wrap > a" => array("prop" => "background-color", "label" => __("Arrows Background Color", 'ioa'), "default" => "#ffffff"), "div.quartz-controls-wrap > a " => array("prop" => "color", "label" => __("Arrows Color", 'ioa'), "default" => "#444444"))), array("label" => "Gallery Controls", "matrix" => array(".seleneGallery div.selene-controls-wrap a" => array("prop" => "background-color", "label" => __("Arrows Background Color", 'ioa'), "default" => "#ffffff"), ".seleneGallery div.selene-controls-wrap a " => array("prop" => "color", "label" => __("Arrows Color", 'ioa'), "default" => "#444444"))), array("label" => "Filter Menu", "matrix" => array("div.ioa-menu > span" => array("prop" => "background-color", "label" => __("Filter Label Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.ioa-menu > span " => array("prop" => "color", "label" => __("Filter Label Color", 'ioa'), "default" => "#ffffff"), "div.ioa-menu a" => array("prop" => "color", "label" => __("Filter Icon Color", 'ioa'), "default" => "#ffffff"), "div.ioa-menu a " => array("prop" => "background-color", "label" => __("Filter Icon Background Color", 'ioa'), "default" => adjustBrightness($dominant_color, -30), "sync" => true, "dark" => true), "div.ioa-menu ul" => array("prop" => "background-color", "label" => __("Dropdown Background Color", 'ioa'), "default" => adjustBrightness($dominant_color, -30), "sync" => true, "dark" => true), "div.ioa-menu ul " => array("prop" => "border-left-color", "label" => __("Dropdown Border Left Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.ioa-menu ul li" => array("prop" => "color", "label" => __("Dropdown Text Color", 'ioa'), "default" => "#ffffff"), "div.ioa-menu ul li div.hoverdir-wrap span.hoverdir,div.ioa-menu ul li.active " => array("prop" => "background-color", "label" => __("Hover & Active Menu Item Background Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Pagination", "matrix" => array("div.pagination ul li a" => array("prop" => "background-color", "label" => __("Pagination Link Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.pagination ul li a " => array("prop" => "color", "label" => __("Pagination Link Color", 'ioa'), "default" => "#ffffff"), "div.pagination ul li a:hover" => array("prop" => "background-color", "label" => __("Pagination Link Hover Background Color", 'ioa'), "default" => "#929da5"), "div.pagination ul li a:hover " => array("prop" => "color", "label" => __("Pagination Link Hover Color", 'ioa'), "default" => "#ffffff"), "div.pagination ul li span.current" => array("prop" => "background-color", "label" => __("Pagination Current Page Background Color", 'ioa'), "default" => "#999999"), "div.pagination ul li span.current " => array("prop" => "color", "label" => __("Pagination Current Page Color", 'ioa'), "default" => "#ffffff"), "div.pagination-dropdown span" => array("prop" => "color", "label" => __("Pagination Dropdown Label Color", 'ioa'), "default" => "#757575"), "div.pagination-dropdown div.select-wrap i" => array("prop" => "color", "label" => __("Pagination Dropdown Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.pagination-dropdown div.select-wrap" => array("prop" => "border-color", "label" => __("Pagination Dropdown Area Border Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.pagination-dropdown div.select-wrap select" => array("prop" => "color", "label" => __("Pagination Dropdown Color", 'ioa'), "default" => "#888888")))), __('Top Area Stylings', 'ioa') => array(array("label" => "Progress Line & Border Top Stylings", "matrix" => array("div.theme-header" => array("prop" => "border-color", "label" => __("Top Line Border Color", 'ioa'), "default" => "#dddddd"), "#nprogress .bar" => array("prop" => "background-color", "label" => __("Progress Bar Color", 'ioa'), "default" => $dominant_color, "sync" => true), "#nprogress .peg" => array("prop" => "color", "label" => __("Progress Bar Tip Color", 'ioa'), "default" => adjustBrightness($dominant_color, -30), "sync" => true, "dark" => true))), array("label" => "Social Icons Stylings", "matrix" => array("ul.top-area-social-list li a" => array("prop" => "background-color", "label" => __("Icons Background Color", 'ioa'), "default" => "#fbfbfb"))), array("label" => "WPML Selector Stylings", "matrix" => array("a.wpml-lang-selector" => array("prop" => "color", "label" => __("Switch Color", 'ioa'), "default" => "#ffffff"), "a.wpml-lang-selector " => array("prop" => "background-color", "label" => __("Switch Backgrond Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.wpml-selector:hover a.wpml-lang-selector" => array("prop" => "color", "label" => __("Switch Hover Color", 'ioa'), "default" => "#ffffff"), "div.wpml-selector:hover a.wpml-lang-selector" => array("prop" => "background-color", "label" => __("Switch Hover Backgrond Color", 'ioa'), "default" => "#464646"), "div.wpml-selector ul" => array("prop" => "background-color", "label" => __("Menu Backgrond Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.wpml-selector ul i" => array("prop" => "color", "label" => __("Menu Tip Backgrond Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.wpml-selector ul li a" => array("prop" => "color", "label" => __("Menu Item Text Color ", 'ioa'), "default" => "#ffffff"), "div.wpml-selector ul li a " => array("prop" => "border-bottom-color", "label" => __("Menu Item Border Color ", 'ioa'), "default" => adjustBrightness($dominant_color, -30), "sync" => true, "dark" => true), "div.wpml-selector ul li a:hover" => array("prop" => "color", "label" => __("Menu Item Hover Text Color ", 'ioa'), "default" => adjustBrightness($dominant_color, -30), "sync" => true, "dark" => true), "div.wpml-selector ul li a:hover " => array("prop" => "background-color", "label" => __("Menu Item Hover Background Color ", 'ioa'), "default" => "#ffffff"))), array("label" => "Search Area Stylings", "matrix" => array("div.ajax-search-pane" => array("prop" => "background-color", "label" => __("Search Bar Color", 'ioa'), "default" => "#ffffff"), "a.ajax-search-close" => array("prop" => "color", "label" => __("Close Icon Color", 'ioa'), "default" => "#cccccc"), "div.ajax-search-pane div.form input[type=text]" => array("prop" => "color", "label" => __("Search Text Color", 'ioa'), "default" => "#657079"), "div.search-results ul li div.desc a.more,div.search-results ul li a.view-all" => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"), "div.search-results ul li div.desc a.more,div.search-results ul li a.view-all " => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.search-results ul li h5 a" => array("prop" => "color", "label" => __("Titles Color", 'ioa'), "default" => "#5b6770"), "div.search-results ul li div.image img" => array("prop" => "border-color", "label" => __("Image Border Color", 'ioa'), "default" => "#f4f4f4"), "div.search-results ul li" => array("prop" => "border-color", "label" => __("Search Results Border Color", 'ioa'), "default" => "#f4f4f4"), "div.search-results ul li div.desc span.date" => array("prop" => "color", "label" => __("Extra Information Color", 'ioa'), "default" => "#999999"), "div.search-results strong" => array("prop" => "color", "label" => __("Extra Information Page Type Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Top Bar Common Stylings", "matrix" => array("#top-bar" => array("prop" => "parent-background-color,background-image", "label" => __("Top Bar ", 'ioa'), "default" => "#fbfbfb"), "#top-bar " => array("prop" => "border-color", "label" => __("Top Bar Bottom Border ", 'ioa'), "default" => "#f1f1f1"), "#top-bar h6.tagline,#top-bar div.top-text" => array("prop" => "color", "label" => __("Top Bar Color", 'ioa'), "default" => "#777777"), "#top-bar div.top-text a" => array("prop" => "color", "label" => __("Top Bar Text Area Link Color", 'ioa'), "default" => "#444444"), "#top-bar a.ajax-search-trigger" => array("prop" => "color", "label" => __("Top Bar Search Icon Color", 'ioa'), "default" => "#888888"), "#top-bar a.ajax-search-trigger.active" => array("prop" => "color", "label" => __("Top Bar Active Search Icon Color", 'ioa'), "default" => "#ffffff"), "#top-bar a.ajax-search-trigger.active " => array("prop" => "background-color", "label" => __("Top Bar Active Search Icon Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "#top-bar ul.top-area-social-list li a" => array("prop" => "border-right-color", "label" => __("Social Icons Right Border Color", 'ioa'), "default" => "#f1f1f1"), "#top-bar ul.top-area-social-list li a " => array("prop" => "border-left-color", "label" => __("Social Icons Border Left Color", 'ioa'), "default" => "#ffffff"), "#top-bar ul.top-area-social-list" => array("prop" => "border-left-color", "label" => __("Social Icons Parent Border Color", 'ioa'), "default" => "#f1f1f1"))), array("label" => "Top Bar Menu Stylings", "matrix" => array("#top-bar ul.menu li a" => array("prop" => "color", "label" => __("Menu Link Color ", 'ioa'), "default" => "#777777"), "#top-bar ul.menu li a " => array("prop" => "font-size", "label" => __("Menu Font Size", 'ioa'), "default" => "12px"), "#top-bar ul.menu li a " => array("prop" => "font-weight", "label" => __("Menu Font Weight", 'ioa'), "default" => "400"), "#top-bar ul.menu li a " => array("prop" => "font-family", "label" => __("Menu Font Family", 'ioa'), "default" => "Open Sans"), "#top-bar .menu > li > a span.menu-arrow" => array("prop" => "top", "label" => __("Menu Arrow Distance From Top", 'ioa'), "default" => "13px"), "#top-bar .menu-bar .menu li:hover>a" => array("state" => "hover", "prop" => "color", "default" => "#ffffff", "label" => __("Menu Link Hover Color ", 'ioa')), "#top-bar .menu-bar .menu div.hoverdir-wrap span.hoverdir" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Animated Background Color", 'ioa')), "#top-bar .menu-bar .menu>li.current_page_item>a,#top-bar .menu-bar .menu>li.current-menu-ancestor>a,#top-bar .menu-bar .menu>li.menu-active>a,\t#top-bar .menu-bar .menu>li.current-menu-item>a " => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Active Menu Background Color", 'ioa')), "#top-bar .menu-bar .menu>li.current_page_item>a,#top-bar .menu-bar .menu>li.current-menu-ancestor>a,#top-bar .menu-bar .menu>li.menu-active>a,\t#top-bar .menu-bar .menu>li.current-menu-item>a" => array("default" => "#ffffff", "prop" => "color", "label" => __("Active Menu Color", 'ioa')), "#top-bar div.menu-bar .menu li .sub-menu > li.current-menu-parent > a, #top-bar div.menu-bar .menu li .sub-menu > li.current-menu-ancestor > a,#top-bar .menu-bar .sub-menu li.current-menu-item a , #top-bar .menu-bar .sub-menu li.current_page_item a " => array("default" => "#ffffff", "prop" => "color", "label" => __("Active Sub Menu Item Color", 'ioa')), "#top-bar div.menu-bar .menu li .sub-menu > li.current-menu-parent > a, #top-bar div.menu-bar .menu li .sub-menu > li.current-menu-ancestor > a,#top-bar .menu-bar .sub-menu li.current-menu-item a , #top-bar .menu-bar .sub-menu li.current_page_item a" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Active Sub Menu Item Background Color", 'ioa')), "#top-bar .menu-bar ul.menu li.relative ul.sub-menu , #top-bar div.sub-menu" => array("default" => "#ffffff", "prop" => "background-color", "label" => __("Dropdown Background Color", 'ioa')), "#top-bar .menu-bar ul.sub-menu li a" => array("default" => "#8b989a", "prop" => "color", "label" => __("Dropdown Menu Items Color", 'ioa')), "#top-bar .menu-bar .menu .sub-menu li:hover>a" => array("default" => "#ffffff", "prop" => "color", "label" => __("Dropdown Menu Items Hover Color", 'ioa')), "#top-bar .menu-bar .menu li .sub-menu div.hoverdir-wrap span.hoverdir" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Dropdown Animated Background Color", 'ioa')), "#top-bar div.sub-menu > div h6 a" => array("default" => "#515d5e", "prop" => "color", "label" => __("Megamenu Headings Link Color", 'ioa')), "#top-bar div.sub-menu > div h6 a" => array("default" => "13px", "prop" => "font-size", "label" => __("Megamenu Headings Link Font Size", 'ioa')), "#top-bar div.sub-menu > div h6" => array("default" => "#eeeeee", "prop" => "border-bottom-color", "label" => __("Megamenu Headings Border Color", 'ioa')))), array("label" => "Main Menu Area Bar Stylings", "matrix" => array("div.top-area-wrapper" => array("prop" => "parent-background-color,background-image", "label" => __("Main Area ", 'ioa'), "default" => "#fcfcfc"), ".top-area-wrapper div.top-area " => array("prop" => "border-color", "label" => __("Main Menu Area Border Top Color ", 'ioa'), "default" => "#ffffff"), " .top-area-wrapper div.top-area h6.tagline, .top-area-wrapper div.top-area div.top-text" => array("prop" => "color", "label" => __("Main Area Color", 'ioa'), "default" => "#333333"), ".top-area-wrapper div.top-area div.top-text a" => array("prop" => "color", "label" => __("Main Area Text Area Link Color", 'ioa'), "default" => "#666666"), ".top-area-wrapper div.top-area a.ajax-search-trigger" => array("prop" => "color", "label" => __("Main Area Search Icon Color", 'ioa'), "default" => "#aaa"), ".top-area-wrapper div.top-area a.ajax-search-trigger " => array("prop" => "font-size", "label" => __("Main Area Search Icon Font Size", 'ioa'), "default" => "14px"), ".top-area-wrapper div.top-area a.ajax-search-trigger.active" => array("prop" => "color", "label" => __("Main Area Active Search Icon Color", 'ioa'), "default" => "#ffffff"), ".top-area-wrapper div.top-area a.ajax-search-trigger.active " => array("prop" => "background-color", "label" => __("Main Area Active Search Icon Background Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Main Area Menu Stylings", "matrix" => array(".top-area-wrapper div.top-area .menu>li>a" => array("prop" => "color", "label" => __("Menu Link Color ", 'ioa'), "default" => "#666666"), ".top-area-wrapper div.top-area .menu>li>a " => array("prop" => "font-size", "label" => __("Menu Link Font Size ", 'ioa'), "default" => "13px"), ".top-area-wrapper div.top-area .menu>li>a " => array("prop" => "font-family", "label" => __("Menu Link Font Family ", 'ioa'), "default" => "Open Sans"), ".top-area-wrapper div.top-area .menu>li>a " => array("prop" => "font-weight", "label" => __("Menu Link Font Weight ", 'ioa'), "default" => "400"), ".top-area-wrapper div.top-area .menu-bar .menu li:hover>a" => array("state" => "hover", "prop" => "color", "default" => "#ffffff", "label" => __("Menu Link Hover Color ", 'ioa')), ".top-area-wrapper div.top-area .menu-bar .menu div.hoverdir-wrap span.hoverdir" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Animated Area Background Color", 'ioa')), ".top-area-wrapper .menu-wrapper .menu li span.spacer" => array("default" => $dominant_color, "sync" => true, "prop" => "border-color", "label" => __("Active Menu Line Border Color", 'ioa')), ".top-area-wrapper div.top-area .menu-bar .menu-bar .menu>li.current_page_item>a,.top-area-wrapper div.top-area .menu-bar .menu>li.current-menu-ancestor>a,.top-area-wrapper div.top-area .menu-bar .menu>li.menu-active>a,\t.top-area-wrapper div.top-area .menu-bar .menu>li.current-menu-item>a" => array("default" => $dominant_color, "sync" => true, "prop" => "color", "label" => __("Active Menu Color", 'ioa')), ".top-area-wrapper .menu > li > a span.menu-arrow" => array("default" => "12px", "prop" => "top", "label" => __("Menu Arrow Distance From Top", 'ioa')), ".top-area-wrapper .menu-wrapper .menu li span.spacer " => array("default" => '2px', "prop" => "border-bottom-width", "label" => __("Active Menu Bottom Line Thickness", 'ioa')), ".top-area-wrapper .menu-wrapper .menu li span.spacer " => array("default" => 'solid', "prop" => "border-bottom-style", "label" => __("Active Menu Bottom Line Style", 'ioa')), ".top-area-wrapper .menu-wrapper .menu li span.spacer " => array("default" => '8px', "prop" => "bottom", "label" => __("Active Menu Bottom Line Distance", 'ioa')), ".top-area-wrapper div.top-area .menu-bar .menu-bar .menu>li.current_page_item:hover>a,.top-area-wrapper div.top-area .menu-bar .menu>li.current-menu-ancestor:hover>a,.top-area-wrapper div.top-area .menu-bar .menu>li.menu-active:hover>a, .top-area-wrapper div.top-area .menu-bar .menu>li.current-menu-item:hover>a" => array("default" => "#ffffff", "prop" => "color", "label" => __("Active Menu Hover Color", 'ioa')), "div.top-area-wrapper div.top-area div.menu-bar .sub-menu > li.current-menu-parent > a, div.top-area-wrapper div.top-area div.menu-bar .sub-menu > li.current-menu-ancestor > a,div.top-area-wrapper div.top-area div.menu-bar .sub-menu li.current-menu-item>a , div.top-area-wrapper div.top-area div.menu-bar .sub-menu li.current_page_item>a " => array("default" => "#ffffff", "prop" => "color", "label" => __("Active Sub Menu Item Color", 'ioa')), "div.top-area-wrapper .menu-bar .sub-menu > li.current-menu-parent > a, div.top-area-wrapper .menu-bar .sub-menu > li.current-menu-ancestor > a,div.top-area-wrapper .menu-bar .sub-menu li.current-menu-item>a , div.top-area-wrapper .menu-bar .sub-menu li.current_page_item>a" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Active Sub Menu Item Background Color", 'ioa')), ".top-area-wrapper div.top-area .menu-bar ul.menu li.relative ul.sub-menu , .top-area-wrapper div.top-area div.sub-menu" => array("default" => "#ffffff", "prop" => "background-color", "label" => __("Dropdown Background Color", 'ioa')), ".top-area-wrapper div.top-area .menu-bar .sub-menu li a" => array("default" => "#888888", "prop" => "color", "label" => __("Dropdown Menu Items Color", 'ioa')), ".top-area-wrapper div.top-area .menu-bar ul.sub-menu li:hover>a" => array("default" => "#ffffff", "prop" => "color", "label" => __("Dropdown Menu Items Hover Color", 'ioa')), ".top-area-wrapper div.top-area .menu-bar .menu li .sub-menu div.hoverdir-wrap span.hoverdir" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Dropdown Animated Background Color", 'ioa')), ".top-area-wrapper div.top-area div.sub-menu > div h6 a" => array("default" => "#444444", "prop" => "color", "label" => __("Megamenu Headings Link Color", 'ioa')), ".top-area-wrapper div.top-area div.sub-menu > div h6 a" => array("default" => "13px", "prop" => "font-size", "label" => __("Megamenu Headings Link Font Size", 'ioa')), ".top-area-wrapper div.top-area div.sub-menu > div h6" => array("default" => "#f4f4f4", "prop" => "border-bottom-color", "label" => __("Megamenu Headings Border Color", 'ioa')))), array("label" => "Bottom Head Area Stylings", "matrix" => array("div.bottom-area div.top-area" => array("prop" => "parent-background-color,background-image", "label" => __("Bottom Area ", 'ioa'), "default" => "#ffffff"), "div.bottom-area div.top-area " => array("prop" => "border-top-color", "label" => __("Bottom Area Border Top Color", 'ioa'), "default" => "#f5f5f5"), "div.bottom-area div.top-area h6.tagline,div.bottom-area div.top-area div.top-text" => array("prop" => "color", "label" => __("Bottom Area Text Color", 'ioa'), "default" => "#333333"), "div.bottom-area div.top-area div.top-text a" => array("prop" => "color", "label" => __("Bottom Area Text Area Link Color", 'ioa'), "default" => "#666666"), "div.bottom-area div.top-area a.ajax-search-trigger" => array("prop" => "color", "label" => __("Bottom Area Search Icon Color", 'ioa'), "default" => "#aaa"), "div.bottom-area div.top-area a.ajax-search-trigger.active" => array("prop" => "color", "label" => __("Bottom Area Active Search Icon Color", 'ioa'), "default" => "#ffffff"), "div.bottom-area div.top-area a.ajax-search-trigger.active " => array("prop" => "background-color", "label" => __("Bottom Area Active Search Icon Background Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Bottom Head Area Menu Stylings", "matrix" => array("div.bottom-area div.top-area .menu>li>a" => array("prop" => "color", "label" => __("Menu Link Color ", 'ioa'), "default" => "#84888d"), "div.bottom-area div.top-area .menu>li>a " => array("prop" => "font-size", "label" => __("Menu Link Font Size ", 'ioa'), "default" => "13px"), "div.bottom-area div.top-area .menu>li>a " => array("prop" => "font-family", "label" => __("Menu Link Font Family ", 'ioa'), "default" => "Open Sans"), "div.bottom-area div.top-area .menu>li>a " => array("prop" => "font-weight", "label" => __("Menu Link Font Weight ", 'ioa'), "default" => "400"), "div.bottom-area div.top-area .menu-bar .menu li:hover>a" => array("state" => "hover", "prop" => "color", "default" => "#ffffff", "label" => __("Menu Link Hover Color ", 'ioa')), "div.bottom-area div.top-area .menu-bar .menu div.hoverdir-wrap span.hoverdir" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Animated Background Color", 'ioa')), "div.bottom-area .menu-wrapper .menu li span.spacer" => array("default" => $dominant_color, "sync" => true, "prop" => "border-color", "label" => __("Active Menu Border Color", 'ioa')), "div.bottom-area div.top-area .menu-bar .menu-bar .menu>li.current_page_item>a,div.bottom-area div.top-area .menu-bar .menu>li.current-menu-ancestor>a,div.bottom-area div.top-area .menu-bar .menu>li.menu-active>a,\tdiv.bottom-area div.top-area .menu-bar .menu>li.current-menu-item>a" => array("default" => $dominant_color, "sync" => true, "prop" => "color", "label" => __("Active Menu Color", 'ioa')), "div.bottom-area .menu > li > a span.menu-arrow" => array("default" => "12px", "prop" => "top", "label" => __("Menu Arrow Distance From Top", 'ioa')), "div.bottom-area .menu-wrapper .menu li span.spacer " => array("default" => '2px', "prop" => "border-bottom-width", "label" => __("Active Menu Bottom Line Thickness", 'ioa')), "div.bottom-area .menu-wrapper .menu li span.spacer " => array("default" => 'solid', "prop" => "border-bottom-style", "label" => __("Active Menu Bottom Line Style", 'ioa')), "div.bottom-area .menu-wrapper .menu li span.spacer " => array("default" => '8px', "prop" => "bottom", "label" => __("Active Menu Bottom Line Distance", 'ioa')), "div.bottom-area div.top-area .menu-bar .menu-bar .menu>li.current_page_item:hover>a,div.bottom-area div.top-area .menu-bar .menu>li.current-menu-ancestor:hover>a,div.bottom-area div.top-area .menu-bar .menu>li.menu-active:hover>a, div.bottom-area div.top-area .menu-bar .menu>li.current-menu-item:hover>a" => array("default" => "#ffffff", "prop" => "color", "label" => __("Active Menu Hover Color", 'ioa')), "div.bottom-area div.top-area .menu-bar .sub-menu li.current-menu-item>a , div.bottom-area div.top-area .menu-bar .sub-menu li.current-menu-ancestor>a ,div.bottom-area div.top-area .menu-bar .sub-menu li.current-menu-parent>a , div.bottom-area div.top-area .menu-bar .sub-menu li.current_page_item>a " => array("default" => "#ffffff", "prop" => "color", "label" => __("Active Sub Menu Item Color", 'ioa')), "div.bottom-area .menu-bar .sub-menu li.current-menu-item>a ,div.bottom-area div.top-area .menu-bar .sub-menu li.current-menu-parent>a ,div.bottom-area div.top-area .menu-bar .sub-menu li.current-menu-ancestor>a , div.bottom-area .menu-bar .sub-menu li.current_page_item >a" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Active Sub Menu Item Background Color", 'ioa')), "div.bottom-area div.top-area .menu-bar ul.menu li.relative ul.sub-menu , div.bottom-area div.top-area div.sub-menu" => array("default" => "#ffffff", "prop" => "background-color", "label" => __("Dropdown Background Color", 'ioa')), "div.bottom-area div.top-area .menu-bar .sub-menu li a" => array("default" => "#8b989a", "prop" => "color", "label" => __("Dropdown Menu Items Color", 'ioa')), "div.bottom-area div.top-area .menu-bar ul.sub-menu li:hover>a" => array("default" => "#ffffff", "prop" => "color", "label" => __("Dropdown Menu Items Hover Color", 'ioa')), "div.bottom-area div.top-area .menu-bar .menu li .sub-menu div.hoverdir-wrap span.hoverdir" => array("default" => $dominant_color, "sync" => true, "prop" => "background-color", "label" => __("Dropdown Animated Background Color", 'ioa')), "div.bottom-area div.top-area div.sub-menu > div h6 a" => array("default" => "#515d5e", "prop" => "color", "label" => __("Megamenu Headings Link Color", 'ioa')), "div.bottom-area div.top-area div.sub-menu > div h6 a" => array("default" => "13px", "prop" => "font-size", "label" => __("Megamenu Headings Link Font Size", 'ioa')), "div.bottom-area div.top-area div.sub-menu > div h6" => array("default" => "#eeeeee", "prop" => "border-bottom-color", "label" => __("Megamenu Headings Border Color", 'ioa'))))), __("Page Title Area Stylings", 'ioa') => array(array("label" => "Main Title Stylings", "matrix" => array("div.title-wrap" => array("prop" => "parent-background-color,background-image", "label" => __("Title Area Background", 'ioa'), "default" => $dominant_color, "sync" => true), "div.title-wrap h1" => array("prop" => "color", "label" => __("Title Text Color", 'ioa'), "default" => "#ffffff"), "div.title-wrap h1 " => array("prop" => "font-size", "label" => __("Title Text Font Size", 'ioa'), "default" => "24px"), "div.title-wrap h1 " => array("prop" => "font-weight", "label" => __("Title Text Font Weight", 'ioa'), "default" => "100"))), array("label" => "Breadcrumb Stylings", "matrix" => array("#breadcrumbs" => array("prop" => "parent-background-color", "label" => __("Breadcrumb Area Background", 'ioa'), "default" => "#ffffff"), "#breadcrumbs span.current,#breadcrumbs" => array("prop" => "color", "label" => __("Current Page Link Color", 'ioa'), "default" => "#999999"), "#breadcrumbs a" => array("prop" => "color", "label" => __("Links Color", 'ioa'), "default" => $dominant_color, "sync" => true)))), __("Sidebar Stylings", 'ioa') => array(array("label" => "Sidebar General Stylings", "matrix" => array(".sidebar .widget-tail" => array("prop" => "border-bottom-color", "label" => __("Sidebar Tail Color", 'ioa'), "default" => "#eeeeee"), ".sidebar-wrap ul li a" => array("prop" => "color", "label" => __("Sidebar Link Color", 'ioa'), "default" => "#333333"), "div.sidebar-wrap ul.menu li a" => array("prop" => "color", "label" => __("Sidebar Menu Item Color", 'ioa'), "default" => "#747878"), "div.sidebar-wrap .menu>li.current_page_item>a, div.sidebar-wrap .menu>li.current-menu-ancestor>a, div.sidebar-wrap .menu>li.menu-active>a, div.sidebar-wrap .menu>li.current-menu-item>a" => array("prop" => "color", "label" => __("Sidebar Active Menu Item Color", 'ioa'), "default" => "#242a2b"), "div.sidebar-wrap .menu>li.current_page_item>a, div.sidebar-wrap .menu>li.current-menu-ancestor>a, div.sidebar-wrap .menu>li.menu-active>a, div.sidebar-wrap .menu>li.current-menu-item>a " => array("prop" => "background-color", "label" => __("Sidebar Active Menu Item Background Color", 'ioa'), "default" => "#ffffff"), ".sidebar-wrap ul li a:hover" => array("prop" => "color", "label" => __("Sidebar Link Hover Color", 'ioa'), "default" => "#333333"), ".sidebar-wrap span.spacer" => array("prop" => "border-bottom-color", "label" => __("Title Bottom Border Color", 'ioa'), "default" => "#dddddd"), ".sidebar-wrap ul li " => array("prop" => "color", "label" => __("List Text Color", 'ioa'), "default" => "#777777"), ".sidebar-wrap ul li" => array("prop" => "border-bottom-color", "label" => __("List Bottom Border Color", 'ioa'), "default" => "#dddddd"), ".sidebar-wrap,.sidebar-wrap .widget-posts .description p , .sidebar-wrap div.custom-box-content, div.custom-box-content p" => array("prop" => "color", "label" => __("Text Color", 'ioa'), "default" => "#757575"), ".sidebar-wrap div.dribble_widget_media a,div.sidebar-wrap div.google-map" => array("prop" => "border-color", "label" => __("Image Border Color", 'ioa'), "default" => "#eeeeee"), "div.sidebar-wrap ul.menu>li" => array("prop" => "border-color", "label" => __("Menu Border Color", 'ioa'), "default" => "#eeeeee"), ".sidebar-wrap div.tweets-wrapper i.icon" => array("prop" => "color", "label" => __("Twitter Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Sidebar Below Title Stylings", "matrix" => array(".below-title.sidebar" => array("prop" => "border-bottom-color", "label" => __("Bottom Border Color", 'ioa'), "default" => "#eeeeee"), ".below-title.sidebar " => array("prop" => "background-color", "label" => __("Sidebar Area Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Sidebar Above Footer Stylings", "matrix" => array(".above-footer.sidebar" => array("prop" => "border-top-color", "label" => __("Border Top Color", 'ioa'), "default" => "#eeeeee"), ".above-footer.sidebar " => array("prop" => "background-color", "label" => __("Sidebar Area Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Sidebar Inputs & Button Stylings", "matrix" => array("div.sidebar-wrap input[type=text]" => array("prop" => "border-color", "label" => __("Textfields Border Color", 'ioa'), "default" => "#dddddd"), "div.sidebar-wrap input[type=text] " => array("prop" => "color", "label" => __("Textfields Color", 'ioa'), "default" => "#aaaaaa"), "div.sidebar-wrap input[type=submit],.sidebar-wrap a.more" => array("prop" => "background-color", "label" => __("Buttons Background Color", 'ioa'), "default" => "#494949", "sync" => true), "div.sidebar-wrap input[type=submit]:hover,.sidebar-wrap a.more:hover" => array("prop" => "background-color", "label" => __("Buttons Background Hover Color", 'ioa'), "default" => $dominant_color))), array("label" => "Sidebar Title Stylings", "matrix" => array(".sidebar-wrap h3.heading" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#444444"), ".sidebar-wrap span.spacer" => array("prop" => "border-bottom-color", "label" => __("Title Bottom Border Color", 'ioa'), "default" => "#dddddd"))), array("label" => "Sidebar Tags Stylings", "matrix" => array("div.sidebar-wrap div.tagcloud a" => array("prop" => "color", "label" => __("Tag Text Color", 'ioa'), "default" => "#ffffff"), "div.sidebar-wrap div.tagcloud a " => array("prop" => "background-color", "label" => __("Tag Background Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Sidebar Calendar Stylings", "matrix" => array(".sidebar-wrap.widget_calendar table caption" => array("prop" => "color", "label" => __("Sidebar Calendar Caption Color", 'ioa'), "default" => "#777777"), ".sidebar-wrap.widget_calendar table th" => array("prop" => "background-color", "label" => __("Sidebar Calendar Head Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), ".sidebar-wrap.widget_calendar table th " => array("prop" => "color", "label" => __("Sidebar Calendar Head Color", 'ioa'), "default" => "#ffffff"), ".sidebar-wrap.widget_calendar table td a" => array("prop" => "color", "label" => __("Sidebar Calendar Link Color", 'ioa'), "default" => "#ffffff"), ".sidebar-wrap.widget_calendar table td a " => array("prop" => "background-color", "label" => __("Sidebar Calendar Link Background Color", 'ioa'), "default" => $dominant_color, "sync" => true)))), __("Footer Stylings", 'ioa') => array(array("label" => "Back to Top Button", "matrix" => array("a.back-to-top" => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "a.back-to-top " => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Footer Widget Area Stylings", "matrix" => array("#footer" => array("prop" => "background-color,background-image", "label" => __("Footer Background Color", 'ioa'), "default" => "#2d3033"), "div.inner-footer-wrapper.page-content" => array("prop" => "border-color", "label" => __("Footer Width Bottom Border Color", 'ioa'), "default" => "#202325"))), array("label" => "Bottom Footer Area Stylings", "matrix" => array("#footer-menu" => array("prop" => "background-color,background-image", "label" => __("Footer Background Color", 'ioa'), "default" => "#26292b"))), array("label" => "Bottom Footer Text & Link Stylings", "matrix" => array("#footer-menu p.footer-text" => array("prop" => "color", "label" => __("Footer Text Color", 'ioa'), "default" => "#ffffff"), "#footer-menu p.footer-text " => array("prop" => "font-size", "label" => __("Footer Text Font Size", 'ioa'), "default" => "12px"), "#footer-menu p.footer-text " => array("prop" => "font-weight", "label" => __("Footer Text Font Weight", 'ioa'), "default" => "400"), "#footer-menu .menu li a" => array("prop" => "color", "label" => __("Footer Link Color", 'ioa'), "default" => "#ffffff"), "#footer-menu .menu li a " => array("prop" => "font-size", "label" => __("Footer Link Font Size", 'ioa'), "default" => "11px"), "#footer-menu .menu li a " => array("prop" => "font-weight", "label" => __("Footer Link Font Weight", 'ioa'), "default" => "400"), "#footer-menu .menu li a:hover" => array("prop" => "color", "label" => __("Footer Link Hover Border Color", 'ioa'), "default" => "#ffffff"), "#footer-menu .menu li a:hover " => array("prop" => "border-bottom-color", "label" => __("Footer Link Hover Color", 'ioa'), "default" => "#666666"))), array("label" => "Footer General Stylings", "matrix" => array(".footer-wrap ul li a" => array("prop" => "color", "label" => __("Footer Link Color", 'ioa'), "default" => "#ffffff"), "div.footer-wrap ul.menu li a" => array("prop" => "color", "label" => __("Footer Menu Item Color", 'ioa'), "default" => "#ffffff"), "div.footer-wrap ul.menu li a:hover" => array("prop" => "color", "label" => __("Footer Link Hover Color", 'ioa'), "default" => "#eeeeee"), "div.footer-wrap .menu>li.current_page_item>a,div.footer-wrap .menu>li.current-menu-ancestor>a,div.footer-wrap .menu>li.menu-active>a,div.footer-wrap .menu>li.current-menu-item>a" => array("prop" => "color", "label" => __("Footer Widget Active Menu Color", 'ioa'), "default" => "#ffffff"), "div.footer-wrap .menu>li.current_page_item>a,div.footer-wrap .menu>li.current-menu-ancestor>a,div.footer-wrap .menu>li.menu-active>a,div.footer-wrap .menu>li.current-menu-item>a " => array("prop" => "background-color", "label" => __("Footer Widget Active Menu Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), ".footer-wrap ul li " => array("prop" => "color", "label" => __("List Text Color", 'ioa'), "default" => "#aaaaaa"), ".footer-wrap ul li" => array("prop" => "border-bottom-color", "label" => __("List Bottom Border Color", 'ioa'), "default" => "#3c4646"), "div.footer-wrap,.footer-wrap div.widget-posts .description p , div.footer-wrap div.custom-box-content, div.footer-wrap div.custom-box-content p" => array("prop" => "color", "label" => __("Text Color", 'ioa'), "default" => "#eeeeee"), ".footer-wrap div.dribble_widget_media a,.footer-wrap div.testimonial-bubble div.image,.footer-wrap .widget-posts .image,div.footer-wrap div.google-map" => array("prop" => "border-color", "label" => __("Image Border Color", 'ioa'), "default" => "#474b45"))), array("label" => "Footer Inputs & Button Stylings", "matrix" => array("div.footer-wrap input[type=text]" => array("prop" => "border-color", "label" => __("Textfields Border Color", 'ioa'), "default" => "#555"), "div.footer-wrap input[type=text] " => array("prop" => "color", "label" => __("Textfields Color", 'ioa'), "default" => "#dddddd"), "div.footer-wrap input[type=submit],div.footer-wrap a.more" => array("prop" => "background-color", "label" => __("Buttons Background Color", 'ioa'), "default" => "#494949"), "div.footer-wrap input[type=submit]:hover, div.footer-wrap a.more:hover" => array("prop" => "background-color", "label" => __("Buttons Background Hover Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Title Stylings", "matrix" => array("div.footer-wrap h3.footer-heading" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#ffffff"), "#footer .footer-cols .spacer" => array("prop" => "border-bottom-color", "label" => __("Title Bottom Border Color", 'ioa'), "default" => "#282e2e"))), array("label" => "Tags Stylings", "matrix" => array("div.footer-wrap div.tagcloud a" => array("prop" => "color", "label" => __("Tag Text Color", 'ioa'), "default" => "#ffffff"), "div.footer-wrap div.tagcloud a " => array("prop" => "background-color", "label" => __("Tag Background Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Calendar Stylings", "matrix" => array("div.footer-wrap.widget_calendar table caption" => array("prop" => "color", "label" => __("Footer Calendar Caption Color", 'ioa'), "default" => "#ffffff"), "div.footer-wrap.widget_calendar table th" => array("prop" => "background-color", "label" => __("Footer Calendar Head Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.footer-wrap.widget_calendar table th " => array("prop" => "color", "label" => __("Footer Calendar Head Color", 'ioa'), "default" => "#ffffff"), "div.footer-wrap.widget_calendar table td a" => array("prop" => "color", "label" => __("Footer Calendar Link Color", 'ioa'), "default" => "#ffffff"), "div.footer-wrap.widget_calendar table td a " => array("prop" => "background-color", "label" => __("Footer Calendar Link Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.footer-wrap.widget_calendar table td" => array("prop" => "color", "label" => __("Footer Calendar Text Color", 'ioa'), "default" => "#ffffff")))), __("Blog Stylings", 'ioa') => array(array("label" => "Blog Classic Stylings", "matrix" => array("div.blog-format1-posts small.date,div.blog-format1-posts small.month" => array("prop" => "color", "label" => __("Date Area Text Color", 'ioa'), "default" => "#555555"), "div.blog-format1-posts div.datearea" => array("prop" => "background-color", "label" => __("Date Area Background Color", 'ioa'), "default" => "#fafafa"), "div.blog-format1-posts ul li div.proxy-datearea small.date,div.blog-format1-posts ul li div.proxy-datearea small.month" => array("prop" => "color", "label" => __("Animated Date Area Text Color ", 'ioa'), "default" => "#ffffff"), "div.blog-format1-posts ul li div.proxy-datearea " => array("prop" => "background-color", "label" => __("Animated Date Area Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format1-posts ul li .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format1-posts ul li .hover i.hover-lightbox,div.blog-format1-posts ul li .hover i.hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format1-posts ul li .hover i.hover-lightbox,div.blog-format1-posts ul li .hover i.hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.blog-format1-posts span.line" => array("prop" => "border-color", "label" => __("Animated Line Color", 'ioa'), "default" => "#eeeeee"), "div.blog-format1-posts ul li div.desc h2 a" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#666666"), "div.blog-format1-posts ul li div.desc a.read-more" => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format1-posts ul li div.desc a.read-more " => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"), "div.blog-format1-posts ul li div.desc a.read-more:hover" => array("prop" => "background-color", "label" => __("Button Hover Background Color", 'ioa'), "default" => "#494949"), "div.blog-format1-posts ul li div.desc a.read-more:hover " => array("prop" => "color", "label" => __("Button Hover Color", 'ioa'), "default" => "#ffffff"), "div.blog-format1-posts ul li div.extra" => array("prop" => "border-color", "label" => __("Extra Information Border Color", 'ioa'), "default" => "#f4f4f4"), "div.blog-format1-posts ul li div.extra " => array("prop" => "color", "label" => __("Extra Information Color", 'ioa'), "default" => "#888888"), "div.blog-format1-posts ul li div.extra a" => array("prop" => "color", "label" => __("Extra Information Link Color", 'ioa'), "default" => "#666666"), "div.blog-format1-posts ul li.format-gallery i.icon-camera-retro,div.blog-format1-posts ul li.format-link i,div.blog-format1-posts ul li.format-status i,div.blog-format1-posts ul li.format-chat i.icon-comments-alt,div.blog-format1-posts ul li.format-video i" => array("prop" => "color", "label" => __("Post Format Icon Color", 'ioa'), "default" => "#ffffff"), "div.blog-format1-posts ul li.format-gallery i.icon-camera-retro,div.blog-format1-posts ul li.format-link i,div.blog-format1-posts ul li.format-status i,div.blog-format1-posts ul li.format-chat i.icon-comments-alt,div.blog-format1-posts ul li.format-video i " => array("prop" => "background-color", "label" => __("Post Format Icon Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format1-posts ul li.format-link a" => array("prop" => "color", "label" => __("Post Format Link Color", 'ioa'), "default" => "#111111"), "div.blog-format1-posts ul li.format-link a " => array("prop" => "border-color", "label" => __("Post Format Link Border Color", 'ioa'), "default" => "#222222"), "div.blog-format1-posts ul li.format-status div.desc,div.blog-format1-posts ul li.format-chat div.desc,div.blog-format1-posts ul li.format-chat img.avatar" => array("prop" => "border-color", "label" => __("Post Format Border Color", 'ioa'), "default" => "#eee"))), array("label" => "Blog Featured Stylings", "matrix" => array("div.blog-format5-posts ul li .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format5-posts ul li .hover i.hover-lightbox,div.blog-format5-posts ul li .hover i.hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format5-posts ul li .hover i.hover-lightbox,div.blog-format5-posts ul li .hover i.hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.blog-format5-posts ul li div.desc h2 a" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#666666"), "div.blog-format5-posts ul li div.desc a.read-more" => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format5-posts ul li div.desc a.read-more " => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"), "div.blog-format5-posts ul li div.desc a.read-more:hover" => array("prop" => "background-color", "label" => __("Button Hover Background Color", 'ioa'), "default" => "#494949"), "div.blog-format5-posts ul li div.desc a.read-more:hover " => array("prop" => "color", "label" => __("Button Hover Color", 'ioa'), "default" => "#ffffff"), "div.blog-format5-posts ul li.spacer" => array("prop" => "border-color", "label" => __("Bottom Spacer Color", 'ioa'), "default" => "#eeeeee"), "div.blog-format5-posts ul li div.extra" => array("prop" => "border-color", "label" => __("Extra Information Border Color", 'ioa'), "default" => "#f4f4f4"), "div.blog-format5-posts ul li div.extra " => array("prop" => "color", "label" => __("Extra Information Color", 'ioa'), "default" => "#888888"), "div.blog-format5-posts ul li div.extra a" => array("prop" => "color", "label" => __("Extra Information Link Color", 'ioa'), "default" => "#666666"), "div.blog-format5-posts ul li.format-gallery i.icon-camera-retro,div.blog-format5-posts ul li.format-link i,div.blog-format5-posts ul li.format-status i,div.blog-format5-posts ul li.format-chat i.icon-comments-alt,div.blog-format5-posts ul li.format-video i" => array("prop" => "color", "label" => __("Post Format Icon", 'ioa'), "default" => "#ffffff"), "div.blog-format5-posts ul li.format-gallery i.icon-camera-retro,div.blog-format5-posts ul li.format-link i,div.blog-format5-posts ul li.format-status i,div.blog-format5-posts ul li.format-chat i.icon-comments-alt,div.blog-format5-posts ul li.format-video i " => array("prop" => "background-color", "label" => __("Post Format Icon", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format5-posts ul li.format-link a" => array("prop" => "color", "label" => __("Post Format Link Color", 'ioa'), "default" => "#111111"), "div.blog-format5-posts ul li.format-link a " => array("prop" => "border-color", "label" => __("Post Format Link Border Color", 'ioa'), "default" => "#222222"), "div.blog-format5-posts ul li.format-chat img.avatar" => array("prop" => "border-color", "label" => __("Post Format Border Color", 'ioa'), "default" => "#eee"))), array("label" => "Blog Grid Stylings", "matrix" => array("div.blog-format3-posts ul li,div.blog-format3-posts ul li.format-gallery div.gallery" => array("prop" => "border-color", "label" => __("Grid Border Color", 'ioa'), "default" => "#eeeeee"), "div.blog-format3-posts ul li .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format3-posts ul li .hover i.hover-lightbox,div.blog-format3-posts ul li .hover i.hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format3-posts ul li .hover i.hover-lightbox,div.blog-format3-posts ul li .hover i.hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.blog-format3-posts ul li h2 a" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#555555"), "div.blog-format3-posts ul li div.extra " => array("prop" => "color", "label" => __("Extra Information Color", 'ioa'), "default" => "#888888"), "div.blog-format3-posts ul li div.extra a" => array("prop" => "color", "label" => __("Extra Information Link Color", 'ioa'), "default" => "#666666"), "div.blog-format3-posts ul li.format-gallery i.icon-camera-retro,div.blog-format3-posts ul li.format-link i,div.blog-format3-posts ul li.format-status i,div.blog-format3-posts ul li.format-chat i.icon-comments-alt,div.blog-format3-posts ul li.format-video i" => array("prop" => "color", "label" => __("Post Format Icon", 'ioa'), "default" => "#ffffff"), "div.blog-format3-posts ul li.format-gallery i.icon-camera-retro,div.blog-format3-posts ul li.format-link i,div.blog-format3-posts ul li.format-status i,div.blog-format3-posts ul li.format-chat i.icon-comments-alt,div.blog-format3-posts ul li.format-video i " => array("prop" => "background-color", "label" => __("Post Format Icon", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format3-posts ul li.format-link a" => array("prop" => "color", "label" => __("Post Format Link Color", 'ioa'), "default" => "#111111"), "div.blog-format3-posts ul li.format-link a " => array("prop" => "border-color", "label" => __("Post Format Link Border Color", 'ioa'), "default" => "#222222"), "div.blog-format3-posts ul li.format-status div.desc,div.blog-format3-posts ul li.format-chat div.desc,div.blog-format3-posts ul li.format-chat img.avatar" => array("prop" => "border-color", "label" => __("Post Format Border Color", 'ioa'), "default" => "#eee"))), array("label" => "Blog List Stylings", "matrix" => array("div.blog-format2-posts ul li .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format2-posts ul li .hover i.hover-lightbox,div.blog-format2-posts ul li .hover i.hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format2-posts ul li .hover i.hover-lightbox,div.blog-format2-posts ul li .hover i.hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.blog-format2-posts ul li div.desc h2 a" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#666666"), "div.blog-format2-posts ul li div.desc a.read-more" => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format2-posts ul li div.desc a.read-more " => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"), "div.blog-format2-posts ul li div.desc a.read-more:hover" => array("prop" => "background-color", "label" => __("Button Hover Background Color", 'ioa'), "default" => "#494949"), "div.blog-format2-posts ul li div.desc a.read-more:hover " => array("prop" => "color", "label" => __("Button Hover Color", 'ioa'), "default" => "#ffffff"), "div.blog-format2-posts ul li div.extra" => array("prop" => "border-color", "label" => __("Extra Information Border Color", 'ioa'), "default" => "#f4f4f4"), "div.blog-format2-posts ul li div.extra " => array("prop" => "color", "label" => __("Extra Information Color", 'ioa'), "default" => "#888888"), "div.blog-format2-posts ul li div.extra a" => array("prop" => "color", "label" => __("Extra Information Link Color", 'ioa'), "default" => "#666666"), "div.blog-format2-posts ul li.format-link a" => array("prop" => "color", "label" => __("Post Format Link Color", 'ioa'), "default" => "#111111"), "div.blog-format2-posts ul li.format-link a " => array("prop" => "border-color", "label" => __("Post Format Link Border Color", 'ioa'), "default" => "#222222"), "div.blog-format2-posts ul li.format-link div.desc,div.blog-format2-posts ul li.format-quote div.quote,div.blog-format2-posts ul li.format-status div.desc,div.blog-format2-posts ul li.format-chat div.desc,div.blog-format2-posts ul li.format-chat img.avatar" => array("prop" => "border-color", "label" => __("Post Format Border Color", 'ioa'), "default" => "#eee"))), array("label" => "Blog Full Posts Stylings", "matrix" => array("div.blog-format4-posts ul li .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format4-posts ul li .hover i.hover-lightbox,div.blog-format4-posts ul li .hover i.hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format4-posts ul li .hover i.hover-lightbox,div.blog-format4-posts ul li .hover i.hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.blog-format4-posts ul li div.desc h2 a" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#666666"), "div.blog-format4-posts ul li div.desc a.read-more" => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.blog-format4-posts ul li div.desc a.read-more " => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"), "div.blog-format4-posts ul li div.desc a.read-more:hover" => array("prop" => "background-color", "label" => __("Button Hover Background Color", 'ioa'), "default" => "#494949"), "div.blog-format4-posts ul li div.desc a.read-more:hover " => array("prop" => "color", "label" => __("Button Hover Color", 'ioa'), "default" => "#ffffff"), "div.blog-format4-posts ul li div.extra" => array("prop" => "border-color", "label" => __("Extra Information Border Color", 'ioa'), "default" => "#f4f4f4"), "div.blog-format4-posts ul li div.extra " => array("prop" => "color", "label" => __("Extra Information Color", 'ioa'), "default" => "#888888"), "div.blog-format4-posts ul li div.extra a" => array("prop" => "color", "label" => __("Extra Information Link Color", 'ioa'), "default" => "#666666"), "div.blog-format4-posts ul li a.bottom-view-toggle" => array("prop" => "color", "label" => __("Bottom Arrow Color", 'ioa'), "default" => "#444444"), "div.blog-format4-posts ul li a.bottom-view-toggle " => array("prop" => "background-color", "label" => __("Bottom Arrow Background Color", 'ioa'), "default" => "#ffffff"), "div.blog-format4-posts ul li a.bottom-view-toggle " => array("prop" => "border-color", "label" => __("Bottom Arrow Border Color", 'ioa'), "default" => "#eeeeee"))), array("label" => "Blog Full Variation 1 Stylings", "matrix" => array("div.blog-format6-posts ul li" => array("prop" => "color", "label" => __("Post Color", 'ioa'), "default" => "#444444"), "div.blog-format6-posts ul li div.desc a.read-more" => array("prop" => "border-color", "label" => __("Button Border Color", 'ioa'), "default" => "#444444"))), array("label" => "Blog Full Variation 2 Stylings", "matrix" => array("div.blog-format7-posts ul li" => array("prop" => "color", "label" => __("Post Color", 'ioa'), "default" => "#444444"), "div.blog-format7-posts ul li span.spacer" => array("prop" => "background", "label" => __("Below Extra Information Border Color", 'ioa'), "default" => "#777777"))), array("label" => "Blog Timeline Stylings", "matrix" => array("div.posts-tree div.left-post,div.posts-tree div.right-post" => array("prop" => "border-color", "label" => __("Post Border Color", 'ioa'), "default" => "#f4f4f4"), "div.posts-tree div.left-post,div.posts-tree div.right-post " => array("prop" => "background-color", "label" => __("Post Background Color", 'ioa'), "default" => "#ffffff"), "div.posts-tree span.line" => array("prop" => "background-color", "label" => __("Connecting Line Color", 'ioa'), "default" => "#eeeeee"), "div.posts-tree div.right-post span.dot,div.posts-tree div.right-post span.tip,div.posts-tree div.right-post span.connector,div.posts-tree div.left-post span.dot,div.posts-tree div.left-post span.tip,div.posts-tree div.left-post span.connector" => array("prop" => "background-color", "label" => __("Connecting Dots & Sub Line Color", 'ioa'), "default" => "#eeeeee"), "div.posts-tree h4.month-label" => array("prop" => "color", "label" => __("Month Text Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.posts-tree h4.month-label " => array("prop" => "background-color", "label" => __("Month Background Color", 'ioa'), "default" => "#ffffff"), "div.posts-tree h4.month-label " => array("prop" => "border-color", "label" => __("Month Border Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.posts-tree h4.post-end" => array("prop" => "color", "label" => __("Posts End Area Color", 'ioa'), "default" => "#ffffff"), "div.posts-tree h4.post-end " => array("prop" => "background-color", "label" => __("Posts End Area Color", 'ioa'), "default" => "#444444"), "div.posts-tree .hover " => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => "#494949"), "div.posts-tree .hover i.hover-lightbox,div.posts-tree .hover i.hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => "#494949"), "div.posts-tree .hover i.hover-lightbox,div.posts-tree .hover i.hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.posts-tree div.left-post h3.title a,div.posts-tree div.right-post h3.title a" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#262A30"), "div.posts-tree div.left-post span.date,div.posts-tree div.right-post span.date" => array("prop" => "color", "label" => __("Date Color", 'ioa'), "default" => "#ffffff"), "div.posts-tree div.left-post span.date,div.posts-tree div.right-post span.date " => array("prop" => "background-color", "label" => __("Date Background Color", 'ioa'), "default" => "#777777"), "div.posts-tree div.left-post a.main-button,div.posts-tree div.right-post a.main-button" => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => "#777777"), "div.posts-tree div.left-post a.main-button,div.posts-tree div.right-post a.main-button " => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"), "div.posts-tree div.left-post a.main-button:hover,div.posts-tree div.right-post a.main-button:hover" => array("prop" => "background-color", "label" => __("Button Hover Background Color", 'ioa'), "default" => "#494949"), "div.posts-tree div.left-post a.main-button:hover,div.posts-tree div.right-post a.main-button:hover " => array("prop" => "color", "label" => __("Button Hover Color", 'ioa'), "default" => "#ffffff")))), __("Single Post Stylings", 'ioa') => array(array("label" => "Extra Information Stylings", "matrix" => array("div.meta-info" => array("prop" => "border-color", "label" => __("Border Color", 'ioa'), "default" => "#eeeeee"), "div.meta-info " => array("prop" => "color", "label" => __("Text Color", 'ioa'), "default" => "#757575"), "div.meta-info div.inner-meta-info a" => array("prop" => "color", "label" => __("Links Color", 'ioa'), "default" => "#333333"))), array("label" => "Post Tag Area Stylings", "matrix" => array("div.post-tags " => array("prop" => "border-color", "label" => __("Tag Area Border Color", 'ioa'), "default" => "#f4f4f4"), "div.post-tags a" => array("prop" => "color", "label" => __("Tag Text Color", 'ioa'), "default" => "#888888"), "div.post-tags a " => array("prop" => "background-color", "label" => __("Tag Background Color", 'ioa'), "default" => "#f4f4f4"), "div.post-tags a:hover" => array("prop" => "color", "label" => __("Tag Text Hover Color", 'ioa'), "default" => "#ffffff"), "div.post-tags a:hover " => array("prop" => "background-color", "label" => __("Tag Background Hover Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Author Area Stylings", "matrix" => array("#authorbox" => array("prop" => "border-color", "label" => __("Author Area Border Color", 'ioa'), "default" => "#f4f4f4"), "#authorbox .authortext h3" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#333333"), "#authorbox .authortext p" => array("prop" => "color", "label" => __("Links Color", 'ioa'), "default" => "#777777"))), array("label" => "Related Posts Area Stylings", "matrix" => array("ul.single-related-posts li .hover" => array("prop" => "background-color", "label" => __("Hover Color", 'ioa'), "default" => $dominant_color, "sync" => true), "ul.single-related-posts li .hover h3" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#ffffff"), "ul.single-related-posts li .hover i" => array("prop" => "color", "label" => __("Icon Color", 'ioa'), "default" => "#ffffff"), "ul.single-related-posts li .hover i " => array("prop" => "background-color", "label" => __("Icon Background Color", 'ioa'), "default" => "#12B8DB"))), array("label" => "Comment Stylings", "matrix" => array("h2.comments-title" => array("prop" => "border-color", "label" => __("Comments Title Border Color", 'ioa'), "default" => "#444444"), "h2.comments-title " => array("prop" => "color", "label" => __("Comments Title Color", 'ioa'), "default" => "#596A67"), "#comments div.reply a" => array("prop" => "color", "label" => __("Reply Button Color", 'ioa'), "default" => $dominant_color, "sync" => true), "#comments div.reply a " => array("prop" => "border-color", "label" => __("Reply Button Border Color", 'ioa'), "default" => $dominant_color, "sync" => true), "#comments a#cancel-comment-reply-link" => array("prop" => "color", "label" => __("Cancel Button Color", 'ioa'), "default" => "#ffffff"), "#comments a#cancel-comment-reply-link " => array("prop" => "background-color", "label" => __("Cancel Button Background Color", 'ioa'), "default" => "#D40A18"), "div.image-info img,div.comment-body" => array("prop" => "border-color", "label" => __("Image & Comments Border Color", 'ioa'), "default" => "#eeeeee"), "#respond h3#reply-title" => array("prop" => "border-color", "label" => __("Reply Title Border Color", 'ioa'), "default" => "#eeeeee"), "#respond h3#reply-title " => array("prop" => "color", "label" => __("Reply Title Color", 'ioa'), "default" => "#596A67"), "#comments , #comments p " => array("prop" => "color", "label" => __("Comments Text Color", 'ioa'), "default" => "#757575"), "#comments a" => array("prop" => "color", "label" => __("Comments Link Color", 'ioa'), "default" => "#333333"), "#commentform label" => array("prop" => "color", "label" => __("Label Color", 'ioa'), "default" => "#777777"), "#commentform textarea,#commentform input[type=text]" => array("prop" => "border-color", "label" => __("Input & Textarea Border Color", 'ioa'), "default" => "#dddddd"), "#commentform textarea,#commentform input[type=text] " => array("prop" => "color", "label" => __("Input & Textarea Color", 'ioa'), "default" => "#777777"), "#commentform textarea, #commentform input[type=text] " => array("prop" => "background-color", "label" => __("Input & Textarea Background Color", 'ioa'), "default" => "#ffffff"), "#commentform code" => array("prop" => "color", "label" => __("Below Form, Allowed HTML Color", 'ioa'), "default" => "#333333"), "#commentform input[type=submit]" => array("prop" => "color", "label" => __("Submit Button Color", 'ioa'), "default" => "#ffffff"), "#commentform input[type=submit] " => array("prop" => "background-color", "label" => __("Submit Button Background Color", 'ioa'), "default" => "#494949"), "#commentform input[type=submit]:hover" => array("prop" => "color", "label" => __("Submit Button Hover Color", 'ioa'), "default" => "#ffffff"), "#commentform input[type=submit]:hover " => array("prop" => "background-color", "label" => __("Submit Button Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true)))), __("Portfolio Template Stylings", 'ioa') => array(array("label" => "Portfolio View Switcher", "matrix" => array("div.portfolio-view" => array("prop" => "background-color", "label" => __("Switcher Area Background Color", 'ioa'), "default" => "#fafafa"), "div.portfolio-view a" => array("prop" => "color", "label" => __("Default Link Color", 'ioa'), "default" => "#666666"), "div.portfolio-view a.active" => array("prop" => "color", "label" => __("Active Link Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-view a.active " => array("prop" => "background-color", "label" => __("Active Link Background Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Portfolio 1 Column", "matrix" => array("div.one-column ul li" => array("prop" => "background-color", "label" => __("Items Background Color", 'ioa'), "default" => "#ffffff"), "div.one-column ul li div.inner-item-wrap h2 a" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#555555"), "div.one-column ul li div.inner-item-wrap p.tags a,div.one-column ul li div.inner-item-wrap p.tags" => array("prop" => "color", "label" => __("Category Tags Color", 'ioa'), "default" => "#999999"), "div.one-column ul li div.inner-item-wrap p.tags a:hover" => array("prop" => "border-color", "label" => __("Category Tags Hover Border Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.one-column ul li div.inner-item-wrap,div.one-column ul li div.inner-item-wrap div.desc" => array("prop" => "border-color", "label" => __("Portfolio Border Color", 'ioa'), "default" => "#f4f4f4"), "div.one-column ul li div.inner-item-wrap .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.one-column ul li .hover .hover-link,div.one-column ul li .hover .hover-lightbox" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.one-column ul li .hover .hover-link,div.one-column ul li .hover .hover-lightbox " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Portfolio 2 Column", "matrix" => array("div.two-column ul li" => array("prop" => "background-color", "label" => __("Items Background Color", 'ioa'), "default" => "#ffffff"), "div.two-column ul li div.inner-item-wrap h2 a" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#555555"), "div.two-column ul li div.inner-item-wrap p.tags a,div.two-column ul li div.inner-item-wrap p.tags" => array("prop" => "color", "label" => __("Category Tags Color", 'ioa'), "default" => "#999999"), "div.two-column ul li div.inner-item-wrap p.tags a:hover" => array("prop" => "border-color", "label" => __("Category Tags Hover Border Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.two-column ul li div.inner-item-wrap,div.two-column ul li div.inner-item-wrap div.desc" => array("prop" => "border-color", "label" => __("Portfolio Border Color", 'ioa'), "default" => "#f4f4f4"), "div.two-column ul li div.inner-item-wrap .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.two-column ul li .hover .hover-link,div.two-column ul li .hover .hover-lightbox" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.two-column ul li .hover .hover-link,div.two-column ul li .hover .hover-lightbox " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Portfolio 3 Column", "matrix" => array("div.three-column ul li div.inner-item-wrap" => array("prop" => "background-color", "label" => __("Items Background Color", 'ioa'), "default" => "#ffffff"), "div.three-column ul li div.inner-item-wrap h2 a" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#555555"), "div.three-column ul li div.inner-item-wrap p.tags a,div.three-column ul li div.inner-item-wrap p.tags" => array("prop" => "color", "label" => __("Category Tags Color", 'ioa'), "default" => "#999999"), "div.three-column ul li div.inner-item-wrap p.tags a:hover" => array("prop" => "border-color", "label" => __("Category Tags Hover Border Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.three-column ul li div.inner-item-wrap,div.three-column ul li div.inner-item-wrap div.desc" => array("prop" => "border-color", "label" => __("Portfolio Border Color", 'ioa'), "default" => "#f4f4f4"), "div.three-column ul li div.inner-item-wrap .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.three-column ul li div.inner-item-wrap .hover .hover-lightbox,div.three-column ul li div.inner-item-wrap .hover .hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.three-column ul li div.inner-item-wrap .hover .hover-lightbox,div.three-column ul li div.inner-item-wrap .hover .hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Portfolio 4 Column", "matrix" => array("div.four-column ul li div.inner-item-wrap" => array("prop" => "background-color", "label" => __("Items Background Color", 'ioa'), "default" => "#ffffff"), "div.four-column ul li div.inner-item-wrap h2 a" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#555555"), "div.four-column ul li div.inner-item-wrap p.tags a,div.four-column ul li div.inner-item-wrap p.tags" => array("prop" => "color", "label" => __("Category Tags Color", 'ioa'), "default" => "#999999"), "div.four-column ul li div.inner-item-wrap p.tags a:hover" => array("prop" => "border-color", "label" => __("Category Tags Hover Border Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.four-column ul li div.inner-item-wrap,div.four-column ul li div.inner-item-wrap div.desc" => array("prop" => "border-color", "label" => __("Portfolio Border Color", 'ioa'), "default" => "#f4f4f4"), "div.four-column ul li div.inner-item-wrap .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.four-column ul li div.inner-item-wrap .hover .hover-lightbox,div.four-column ul li div.inner-item-wrap .hover .hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.four-column ul li div.inner-item-wrap .hover .hover-lightbox,div.four-column ul li div.inner-item-wrap .hover .hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Portfolio 5 Column", "matrix" => array("div.five-column ul li div.inner-item-wrap" => array("prop" => "background-color", "label" => __("Items Background Color", 'ioa'), "default" => "#ffffff"), "div.five-column ul li div.inner-item-wrap h2 a" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#555555"), "div.five-column ul li div.inner-item-wrap p.tags a,div.five-column ul li div.inner-item-wrap p.tags" => array("prop" => "color", "label" => __("Category Tags Color", 'ioa'), "default" => "#999999"), "div.five-column ul li div.inner-item-wrap p.tags a:hover" => array("prop" => "border-color", "label" => __("Category Tags Hover Border Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.five-column ul li div.inner-item-wrap,div.five-column ul li div.inner-item-wrap div.desc" => array("prop" => "border-color", "label" => __("Portfolio Border Color", 'ioa'), "default" => "#f4f4f4"), "div.five-column ul li div.inner-item-wrap .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.five-column ul li div.inner-item-wrap .hover .hover-lightbox,div.five-column ul li div.inner-item-wrap .hover .hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.five-column ul li div.inner-item-wrap .hover .hover-lightbox,div.five-column ul li div.inner-item-wrap .hover .hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Portfolio Featured Column", "matrix" => array("div.featured-column ul li.featured-block div.inner-item-wrap div.overlay" => array("prop" => "background-color", "label" => __("Featured Item Overlay Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.featured-column ul li.featured-block h2 a" => array("prop" => "color", "label" => __("Featured Item Title Color", 'ioa'), "default" => "#ffffff"), "div.featured-column ul li.featured-block div.inner-item-wrap span.spacer" => array("prop" => "border-color", "label" => __("Featured Item Title Bottom Border", 'ioa'), "default" => "#ffffff"), "div.featured-column ul li.featured-block div.excerpt" => array("prop" => "color", "label" => __("Featured Item Text Color", 'ioa'), "default" => "#ffffff"), "div.featured-column span.spacer" => array("prop" => "border-color", "label" => __("Below Featured Item Divider", 'ioa'), "default" => "#f4f4f4"), "div.featured-column ul li div.title-area" => array("prop" => "color", "label" => __("Title Area Color", 'ioa'), "default" => "#ffffff"), "div.featured-column ul li div.title-area " => array("prop" => "background-color", "label" => __("Title Area Background Color", 'ioa'), "default" => "#494949"), "div.featured-column ul li div.inner-item-wrap .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.featured-column ul li div.inner-item-wrap .hover .hover-lightbox,div.featured-column ul li div.inner-item-wrap .hover .hover-link" => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.featured-column ul li div.inner-item-wrap .hover .hover-lightbox,div.featured-column ul li div.inner-item-wrap .hover .hover-link " => array("prop" => "background-color", "label" => __("Hover Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.featured-column ul li div.excerpt" => array("prop" => "color", "label" => __("Description Text Color", 'ioa'), "default" => "#757575"), "div.featured-column ul li a.read-more" => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.featured-column ul li a.read-more " => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"), "div.featured-column ul li a.read-more:hover" => array("prop" => "background-color", "label" => __("Button Hover Background Color", 'ioa'), "default" => "#494949"), "div.featured-column ul li a.read-more:hover " => array("prop" => "color", "label" => __("Button Hover Color", 'ioa'), "default" => "#ffffff"), "div.featured-column ul li div.inner-item-wrap div.desc" => array("prop" => "border-color", "label" => __("Item Description Border Color", 'ioa'), "default" => "#f4f4f4"))), array("label" => "Product Gallery", "matrix" => array("div.portfolio-gallery div.gallery-desc h4 " => array("prop" => "background-color", "label" => __("Title Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-gallery div.gallery-desc h4 a" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-gallery div.gallery-desc div.caption" => array("prop" => "background-color", "label" => __("Caption Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-gallery div.gallery-desc div.caption p" => array("prop" => "color", "label" => __("Caption Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-gallery div.gallery-desc div.caption a.hover-link" => array("prop" => "color", "label" => __("Link Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-gallery div.gallery-desc div.caption a.hover-link " => array("prop" => "background-color", "label" => __("Link Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), " div.portfolio-gallery .seleneGallery ul.selene-thumbnails li" => array("prop" => "border-color", "label" => __("Thumbnails Border Color", 'ioa'), "default" => "#f4f4f4"), "div.portfolio-gallery div.ioa-gallery div.selene-controls-wrap a" => array("prop" => "color", "label" => __("Controls Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-gallery div.ioa-gallery div.selene-controls-wrap a " => array("prop" => "background-color", "label" => __("Controls Background Color", 'ioa'), "default" => "#000000"))), array("label" => "Full Screen Gallery", "matrix" => array("div.portfolio-full-screen div.gallery-desc h4" => array("prop" => "background-color", "label" => __("Title Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-full-screen div.gallery-desc h4 " => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-full-screen div.gallery-desc div.caption" => array("prop" => "background-color", "label" => __("Caption Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-full-screen div.gallery-desc div.caption p" => array("prop" => "color", "label" => __("Caption Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-full-screen div.gallery-desc div.caption a.hover-link" => array("prop" => "color", "label" => __("Link Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-full-screen div.gallery-desc div.caption a.hover-link " => array("prop" => "background-color", "label" => __("Link Background Color", 'ioa'), "default" => "#ffffff"), " div.portfolio-full-screen .seleneGallery ul.selene-thumbnails li" => array("prop" => "border-color", "label" => __("Thumbnails Border Color", 'ioa'), "default" => "#f4f4f4"), "div.portfolio-full-screen div.ioa-gallery div.selene-controls-wrap a" => array("prop" => "color", "label" => __("Controls Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-full-screen div.ioa-gallery div.selene-controls-wrap a " => array("prop" => "background-color", "label" => __("Controls Background Color", 'ioa'), "default" => "#000000"))), array("label" => "Portfolio Masonry", "matrix" => array("div.portfolio-masonry ul li div.inner-item-wrap .hoverdir" => array("prop" => "background-color", "label" => __("Overlay Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-masonry ul li div.inner-item-wrap .hoverdir " => array("prop" => "color", "label" => __("Overlay Text Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-masonry ul li .hoverdir-wrap .hover-link" => array("prop" => "color", "label" => __("Overlay Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-masonry ul li .hoverdir-wrap .hover-link " => array("prop" => "background-color", "label" => __("Overlay Icon Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Portfolio Modelie", "matrix" => array("div.view-pane ul li div.hover" => array("prop" => "background-color", "label" => __("Overlay Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.view-pane ul li div.hover " => array("prop" => "color", "label" => __("Overlay Background Color", 'ioa'), "default" => "#ffffff"), "div.view-pane ul li div.hover a.hover-lightbox,div.view-pane ul li div.hover a.hover-link" => array("prop" => "color", "label" => __("Overlay Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.view-pane ul li div.hover a.hover-lightbox,div.view-pane ul li div.hover a.hover-link " => array("prop" => "background-color", "label" => __("Overlay Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.view-pane .jspTrack" => array("prop" => "background-color", "label" => __("Scroll Bar Area Background Color", 'ioa'), "default" => "#f4f4f4"), "div.view-pane .jspDrag" => array("prop" => "background-color", "label" => __("Scroll Bar Background Color", 'ioa'), "default" => "#999999"))), array("label" => "Portfolio Maeyra", "matrix" => array("ul.portfolio-maerya-list li div.hover" => array("prop" => "background-color", "label" => __("Overlay Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "ul.portfolio-maerya-list li div.proxy" => array("prop" => "background-color", "label" => __("Overlay Text Area Background Color", 'ioa'), "default" => "#ffffff"), "ul.portfolio-maerya-list li div.proxy " => array("prop" => "color", "label" => __("Overlay Text Area Color", 'ioa'), "default" => $dominant_color, "sync" => true), "ul.portfolio-maerya-list li div.stub" => array("prop" => "background-color", "label" => __("Text Area Background Color", 'ioa'), "default" => "#ffffff"), "ul.portfolio-maerya-list li div.stub " => array("prop" => "color", "label" => __("Text Area Color", 'ioa'), "default" => "#596A67"), "ul.portfolio-maerya-list li div.stub p.tags a" => array("prop" => "color", "label" => __("Text Area Category Color", 'ioa'), "default" => "#888888"))), array("label" => "Portfolio Metro", "matrix" => array("div.portfolio-metro ul li div.inner-item-wrap" => array("prop" => "background-color", "label" => __("Post Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-metro ul li div.inner-item-wrap " => array("prop" => "color", "label" => __("Post Color", 'ioa'), "default" => "#ffffff"), "div.portfolio-metro ul li div.inner-item-wrap .hover" => array("prop" => "background-color", "label" => __("Overlay Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-metro ul li div.inner-item-wrap .hover i.hover-lightbox,div.portfolio-metro ul li div.inner-item-wrap .hover i.hover-link" => array("prop" => "color", "label" => __("Overlay Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio-metro ul li div.inner-item-wrap .hover i.hover-lightbox,div.portfolio-metro ul li div.inner-item-wrap .hover i.hover-link " => array("prop" => "background-color", "label" => __("Overlay Icon Background Color", 'ioa'), "default" => "#ffffff"), "div.metro-wrapper .jspTrack" => array("prop" => "background-color", "label" => __("Scroll Bar Area Background Color", 'ioa'), "default" => "#f4f4f4"), "div.metro-wrapper .jspDrag" => array("prop" => "background-color", "label" => __("Scroll Bar Background Color", 'ioa'), "default" => "#999999")))), __("Single Portfolio Styling", 'ioa') => array(array("label" => "Extra Information Stylings", "matrix" => array("div.portfolio div.meta-info" => array("prop" => "border-color", "label" => __("Border Color", 'ioa'), "default" => "#eeeeee"), "div.portfolio div.meta-info " => array("prop" => "color", "label" => __("Text Color", 'ioa'), "default" => "#757575"), "div.portfolio div.meta-info div.inner-meta-info a" => array("prop" => "color", "label" => __("Links Color", 'ioa'), "default" => "#333333"))), array("label" => "Portfolio Post Navigation", "matrix" => array("div.portfolio-navigation" => array("prop" => "border-color", "label" => __("Navigation Border Color", 'ioa'), "default" => "#f4f4f4"), "div.portfolio-navigation a,div.portfolio-navigation span" => array("prop" => "color", "label" => __("Links Color", 'ioa'), "default" => "#666666"), "div.portfolio-navigation a:hover,div.portfolio-navigation span:hover" => array("prop" => "color", "label" => __("Links Hover Color", 'ioa'), "default" => "#666666"))), array("label" => "Related Portfolio Items", "matrix" => array("div.related_posts-title-area h3" => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#596A67"), "div.portfolio ul.single-related-posts li .hover" => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.portfolio ul.single-related-posts li .hover h3" => array("prop" => "color", "label" => __("Heading Color", 'ioa'), "default" => "#ffffff"), "div.portfolio ul.single-related-posts li .hover i" => array("prop" => "color", "label" => __("Icon Color", 'ioa'), "default" => "#ffffff"), "div.portfolio ul.single-related-posts li .hover i " => array("prop" => "background-color", "label" => __("Icon Background Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Modelie Stylings", "matrix" => array("div.single-portfolio-modelie div.view-pane .jspTrack" => array("prop" => "background-color", "label" => __("Scroll Bar Area Background Color", 'ioa'), "default" => "#f4f4f4"), "div.single-portfolio-modelie div.view-pane .jspDrag" => array("prop" => "background-color", "label" => __("Scroll Bar Background Color", 'ioa'), "default" => "#999999"))), array("label" => "Full Screen Template", "matrix" => array("div.single-full-screen-view-pane div.gallery-desc h4" => array("prop" => "background-color", "label" => __("Title Background Color", 'ioa'), "default" => "#ffffff"), "div.single-full-screen-view-pane div.gallery-desc h4 " => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#596A67"), "div.single-full-screen-view-pane div.gallery-desc div.caption" => array("prop" => "background-color", "label" => __("Caption Background Color", 'ioa'), "default" => "#ffffff"), "div.single-full-screen-view-pane div.gallery-desc div.caption " => array("prop" => "color", "label" => __("Caption Color", 'ioa'), "default" => "#757575"), "div.single-full-screen-view-pane .seleneGallery div.selene-controls-wrap a" => array("prop" => "color", "label" => __("Controls Color", 'ioa'), "default" => "#555555"), "div.single-full-screen-view-pane .seleneGallery div.selene-controls-wrap a " => array("prop" => "background-color", "label" => __("Controls Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Proportional Gallery Template", "matrix" => array("div.single-prop-screen-view-pane div.gallery-desc h4" => array("prop" => "background-color", "label" => __("Title Background Color", 'ioa'), "default" => "#ffffff"), "div.single-prop-screen-view-pane div.gallery-desc h4 " => array("prop" => "color", "label" => __("Title Color", 'ioa'), "default" => "#596A67"), "div.single-prop-screen-view-pane div.gallery-desc div.caption" => array("prop" => "background-color", "label" => __("Caption Background Color", 'ioa'), "default" => "#ffffff"), "div.single-prop-screen-view-pane div.gallery-desc div.caption " => array("prop" => "color", "label" => __("Caption Color", 'ioa'), "default" => "#757575"), "div.single-prop-screen-view-pane .seleneGallery div.selene-controls-wrap a" => array("prop" => "color", "label" => __("Controls Color", 'ioa'), "default" => "#555555"), "div.single-prop-screen-view-pane .seleneGallery div.selene-controls-wrap a " => array("prop" => "background-color", "label" => __("Controls Background Color", 'ioa'), "default" => "#ffffff")))), __("Contact Styling", 'ioa') => array(array("label" => "Contact Form 7 Stylings", "matrix" => array("form.wpcf7-form p" => array("prop" => "color", "label" => __("Label Color", 'ioa'), "default" => "#757575"), "form.wpcf7-form .wpcf7-text,form.wpcf7-form .wpcf7-textarea" => array("prop" => "border-color", "label" => __("Text Field's Border Color", 'ioa'), "default" => "#eeeeee"), "form.wpcf7-form .wpcf7-text,form.wpcf7-form .wpcf7-textarea " => array("prop" => "color", "label" => __("Text Field's Color", 'ioa'), "default" => "#666666"), "form.wpcf7-form .wpcf7-text,form.wpcf7-form .wpcf7-textarea " => array("prop" => "background-color", "label" => __("Text Field's Background Color", 'ioa'), "default" => "#ffffff"), "form.wpcf7-form .wpcf7-submit" => array("prop" => "color", "label" => __("Submit Button Color", 'ioa'), "default" => "#ffffff"), "form.wpcf7-form .wpcf7-submit " => array("prop" => "background-color", "label" => __("Submit Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "form.wpcf7-form .wpcf7-submit:hover" => array("prop" => "color", "label" => __("Submit Button Hover Color", 'ioa'), "default" => "#ffffff"), "form.wpcf7-form .wpcf7-submit:hover " => array("prop" => "background-color", "label" => __("Submit Button Hover Background Color", 'ioa'), "default" => adjustBrightness($dominant_color, -30), "sync" => true, "dark" => true))), array("label" => "Sticky Contact Stylings", "matrix" => array("div.sticky-contact" => array("prop" => "background-color", "label" => __("Sticky Area Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.sticky-contact a.trigger" => array("prop" => "color", "label" => __("Sticky Icon Color", 'ioa'), "default" => "#ffffff"), "div.sticky-contact a.trigger " => array("prop" => "background-color", "label" => __("Sticky Icon Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), ".inner-sticky-contact p" => array("prop" => "color", "label" => __("Sticky Area Text Color", 'ioa'), "default" => "#ffffff"), ".inner-sticky-contact input[type=text] , .inner-sticky-contact input[type=email] , .inner-sticky-contact textarea" => array("prop" => "color", "label" => __("Sticky Area Input Color", 'ioa'), "default" => "#888888"), ".inner-sticky-contact input[type=submit]" => array("prop" => "color", "label" => __("Sticky Area Submit Color", 'ioa'), "default" => $dominant_color, "sync" => true), ".inner-sticky-contact input[type=submit] " => array("prop" => "background-color", "label" => __("Sticky Area Submit Background Color", 'ioa'), "default" => "#ffffff"), ".inner-sticky-contact input[type=submit]:hover" => array("prop" => "color", "label" => __("Sticky Area Submit Color", 'ioa'), "default" => "#ffffff"), ".inner-sticky-contact input[type=submit]:hover " => array("prop" => "background-color", "label" => __("Sticky Area Submit Background Color", 'ioa'), "default" => "#464646"))), array("label" => "Contact Template Stylings", "matrix" => array("div.address-mutual-wrap" => array("prop" => "border-color", "label" => __("Address Border Color", 'ioa'), "default" => "#f4f4f4"), "div.address-mutual-wrap " => array("prop" => "color", "label" => __("Address Color", 'ioa'), "default" => "#777777")))), __('Shortcode Stylings', 'ioa') => array(array("label" => "Shortcode Stylings", "matrix" => array("div.separator.sep-default,div.separator.sep-dotted,div.separator.sep-dashed,div.separator.sep-double" => array("prop" => "border-color", "label" => __("Divider Color", 'ioa'), "default" => "#dddddd"), "div.power-title span.spacer" => array("prop" => "border-color", "label" => __("Power Title Bottom Color", 'ioa'), "default" => "#ffffff"), "a.toggle-title " => array("prop" => "color", "label" => __("Toggle Title Color", 'ioa'), "default" => "#444444"), "a.toggle-title" => array("prop" => "border-color", "label" => __("Toggle Title Bottom Color", 'ioa'), "default" => "#eeeeee"), "a.toggle-title i" => array("prop" => "color", "label" => __("Toggle Icon Color", 'ioa'), "default" => "#777777"), ".google-map" => array("prop" => "border-color", "label" => __("Google Map Border Color", 'ioa'), "default" => "#eeeeee"), ".ui-tabs .tab-content,.tabs-align-left .ui-tabs .tab-content,.tabs-align-right .ui-tabs .tab-content" => array("prop" => "border-color", "label" => __("Tabs Border Color", 'ioa'), "default" => "#f4f4f4"), ".magic-list-wrapper ul li" => array("prop" => "border-color", "label" => __("Magic list Border Color", 'ioa'), "default" => "#f4f4f4"), "div.testimonial_bubble-wrapper div.image" => array("prop" => "border-color", "label" => __("Testimonial Border Color", 'ioa'), "default" => "#f4f4f4"), "ul.tweets li,div.tweets-wrapper.slider" => array("prop" => "border-color", "label" => __("Tweets Border Color", 'ioa'), "default" => "#f4f4f4"), "div.tweets-wrapper.slider .bx-wrapper .bx-prev, div.tweets-wrapper.slider .bx-wrapper .bx-next" => array("prop" => "color", "label" => __("Tweets Scrollable Controls Color", 'ioa'), "default" => "#ffffff"), "div.tweets-wrapper.slider .bx-wrapper .bx-prev, div.tweets-wrapper.slider .bx-wrapper .bx-next " => array("prop" => "background-color", "label" => __("Tweets Scrollable Controls Background Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Posts Stylings", "matrix" => array('ul.posts-grid li div.image' => array("prop" => "border-color", "label" => __("Posts Grid Border Color", 'ioa'), "default" => "#46759b"), '.hoverable .hover i' => array("prop" => "color", "label" => __("Hover Icon Color", 'ioa'), "default" => "#46759b"), '.hoverable .hover i ' => array("prop" => "background-color", "label" => __("Hover Background Color", 'ioa'), "default" => "#ffffff"), 'ul.posts li div.image a.hover' => array("prop" => "background-color", "label" => __("Posts Grid Hover Background Color", 'ioa'), "default" => "#46759b"), 'ul.posts-grid div.extras i,ul.posts-grid div.extras' => array("prop" => "color", "label" => __("Posts Grid Extras Color", 'ioa'), "default" => "#46759b"), 'ul.posts-grid h2 a' => array("prop" => "color", "label" => __("Posts Grid Title Color", 'ioa'), "default" => "#333333"), 'ul.posts-grid h2 a' => array("prop" => "color", "label" => __("Posts Grid Title Color", 'ioa'), "default" => "#525252"), 'ul.posts-grid li div.desc' => array("prop" => "color", "label" => __("Posts Grid Text Color", 'ioa'), "default" => "#777777"), 'ul.thumb-list div.image' => array("prop" => "border-color", "label" => __("Posts List Border Color", 'ioa'), "default" => "#f4f4f4"), 'ul.thumb-list li ' => array("prop" => "border-color", "label" => __("Posts List Border Color", 'ioa'), "default" => "#f4f4f4"), 'ul.thumb-list li h2 a' => array("prop" => "color", "label" => __("Posts List Title Color", 'ioa'), "default" => "#646464"), 'ul.thumb-list li h2 a:hover' => array("prop" => "bottom-color", "label" => __("Posts List Title Hover Underline Color", 'ioa'), "default" => "#cccccc"), 'ul.thumb-list div.desc' => array("prop" => "color", "label" => __("Posts List Text Color", 'ioa'), "default" => "#777777"), '.bx-wrapper .bx-prev,.bx-wrapper .bx-next' => array("prop" => "color", "label" => __("Posts Scrollable Controls Color", 'ioa'), "default" => "#ffffff"), '.bx-wrapper .bx-prev,.bx-wrapper .bx-next ' => array("prop" => "background-color", "label" => __("Posts Scrollable Controls Background Color", 'ioa'), "default" => "#000000"), 'div.scrollable div.slide div.image a.hover' => array("prop" => "background-color", "label" => __("Posts Scrollable Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), 'div.scrollable a.hover .hover-link' => array("prop" => "color", "label" => __("Posts Scrollable Hover Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), 'div.scrollable a.hover .hover-link ' => array("prop" => "background-color", "label" => __("Posts Scrollable Hover Icon Background Color", 'ioa'), "default" => "#ffffff"))), array("label" => "Pricing Table Stylings", "matrix" => array("div.pricing-table div.plan" => array("prop" => "background-color", "label" => __("Plans Background Color", 'ioa'), "default" => "#ffffff"), "div.pricing-table div.plan " => array("prop" => "border-color", "label" => __("Plans Border Color", 'ioa'), "default" => "#f4f4f4"), "div.pricing-table div.plan h6" => array("prop" => "color", "label" => __("Plan Name Color", 'ioa'), "default" => "#777777"), "div.pricing-table div.plan h6 " => array("prop" => "border-color", "label" => __("Plan Name Border Color", 'ioa'), "default" => "#f4f4f4"), "div.pricing_area h2" => array("prop" => "color", "label" => __("Pricing Color", 'ioa'), "default" => "#333333"), "div.pricing_area span.suffix" => array("prop" => "color", "label" => __("Pricing Suffix Color", 'ioa'), "default" => "#999999"), "div.pricing-table ul.pricing-row,div.pricing-table ul.pricing-row li" => array("prop" => "border-color", "label" => __("Plan Rows Border Color", 'ioa'), "default" => "#f4f4f4"), "div.pricing-table ul.pricing-row li " => array("prop" => "color", "label" => __("Plan Rows Color", 'ioa'), "default" => "#888888"), "ul.pricing-row li.sign-up a" => array("prop" => "color", "label" => __("Sign Up Color", 'ioa'), "default" => "#ffffff"), "ul.pricing-row li.sign-up a " => array("prop" => "background-color", "label" => __("Sign Up Background Color", 'ioa'), "default" => "#222222"), "div.feature-column" => array("prop" => "background-color", "label" => __("Feature Area Background Color", 'ioa'), "default" => "#ffffff"), "div.feature-column " => array("prop" => "border-color", "label" => __("Feature Area Border Color", 'ioa'), "default" => "#f4f4f4"), "div.feature-column div.feature_area h2" => array("prop" => "color", "label" => __("Feature Area Title Color", 'ioa'), "default" => "#777777"), "div.feature-column div.feature_area span.info" => array("prop" => "color", "label" => __("Feature Area Information Color", 'ioa'), "default" => "#909090"), "div.pricing-table div.feature-column ul.pricing-row li " => array("prop" => "color", "label" => __("Plan Rows Color", 'ioa'), "default" => "#888888"), "div.pricing-table div.featured-plan.plan" => array("prop" => "background-color", "label" => __("Featured Plan Background Color", 'ioa'), "default" => "#ffffff"), "div.pricing-table div.featured-plan.plan " => array("prop" => "border-color", "label" => __("Featured Plan Border Color", 'ioa'), "default" => "#f4f4f4"), "div.pricing-table div.featured-plan.plan h6" => array("prop" => "color", "label" => __("Featured Plan Name Color", 'ioa'), "default" => "#777777"), "div.pricing-table div.featured-plan.plan h6 " => array("prop" => "border-color", "label" => __("Featured Plan Name Border Color", 'ioa'), "default" => "#f4f4f4"), "div.pricing-table div.featured-plan.plan h2" => array("prop" => "color", "label" => __("Featured Pricing Color", 'ioa'), "default" => "#333333"), "div.pricing-table div.featured-plan.plan span.suffix" => array("prop" => "color", "label" => __("Featured Pricing Suffix Color", 'ioa'), "default" => "#999999"), "div.pricing-table div.featured-plan.plan ul.pricing-row,div.pricing-table div.featured-plan.plan ul.pricing-row li" => array("prop" => "border-color", "label" => __("Featured Plan Rows Border Color", 'ioa'), "default" => "#f4f4f4"), "div.pricing-table div.featured-plan.plan ul.pricing-row li " => array("prop" => "color", "label" => __("Featured Plan Rows Color", 'ioa'), "default" => "#888888"), "div.pricing-table div.featured-plan.plan ul.pricing-row li.sign-up a" => array("prop" => "color", "label" => __("Featured Sign Up Color", 'ioa'), "default" => "#ffffff"), "div.pricing-table div.featured-plan.plan ul.pricing-row li.sign-up a " => array("prop" => "background-color", "label" => __("Featured Sign Up Background Color", 'ioa'), "default" => "#bf0000")))), __('Sitemap Stylings', 'ioa') => array(array("label" => "Sitemap Stylings", "matrix" => array("div.sitemap h2" => array("prop" => "color", "label" => __("Sitemap Heading Color", 'ioa'), "default" => "#596a67"), "div.sitemap h2 " => array("prop" => "border-color", "label" => __("Sitemap Heading Border Color", 'ioa'), "default" => "#dddddd"), "div.sitemap h5" => array("prop" => "color", "label" => __("Sitemap Heading Color", 'ioa'), "default" => "#666666"), "div.sitemap ul li a" => array("prop" => "color", "label" => __("Sitemap Link Color", 'ioa'), "default" => "#444444"), "div.sitemap ul li" => array("prop" => "border-color", "label" => __("List Border Color", 'ioa'), "default" => "#eeeeee")))), __("404 Styling", 'ioa') => array(array("label" => "Search Stylings", "matrix" => array("div.error-search input[type=text]" => array("prop" => "border-color", "label" => __("Text Field's Border Color", 'ioa'), "default" => "#eeeeee"), "div.error-search input[type=text] " => array("prop" => "color", "label" => __("Text Field's Color", 'ioa'), "default" => "#616268"), "div.error-search input[type=text] " => array("prop" => "background-color", "label" => __("Text Field's Background Color", 'ioa'), "default" => "#ffffff"), "div.error-search input[type=submit]" => array("prop" => "color", "label" => __("Submit Button Color", 'ioa'), "default" => "#ffffff"), "div.error-search input[type=submit] " => array("prop" => "background-color", "label" => __("Submit Button Background Color", 'ioa'), "default" => "#494949"), "div.error-search input[type=submit]:hover" => array("prop" => "color", "label" => __("Submit Button Hover Color", 'ioa'), "default" => "#ffffff"), "div.error-search input[type=submit]:hover " => array("prop" => "background-color", "label" => __("Submit Button Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true)))), __("Mobile & Tablets Styling", 'ioa') => array(array("label" => "Mobile Top bar Stylings", "matrix" => array("div.mobile-head" => array("prop" => "background-color", "label" => __("Area Background Color", 'ioa'), "default" => "#ffffff"), "a.mobile-menu , a.mobile-menu:visited" => array("prop" => "color", "label" => __("Mobile Menu Icon Color", 'ioa'), "default" => $dominant_color, "sync" => true), "a.mobile-menu , a.mobile-menu:visited " => array("prop" => "background-color", "label" => __("Mobile Menu Icon Background Color", 'ioa'), "default" => "#ffffff"), "a.mobile-menu:hover" => array("prop" => "color", "label" => __("Mobile Menu Icon Hover Color", 'ioa'), "default" => "#ffffff"), "a.mobile-menu:hover " => array("prop" => "background-color", "label" => __("Mobile Menu Icon Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "a.majax-search-trigger" => array("prop" => "color", "label" => __("Search Icon Color", 'ioa'), "default" => "#aaaaaa"), "a.majax-search-trigger " => array("prop" => "background-color", "label" => __("Search Icon Background Color", 'ioa'), "default" => "#ffffff"), "a.sidebar-mobile-menu" => array("prop" => "color", "label" => __("Sidebar Icon Color", 'ioa'), "default" => "#444444"), "a.sidebar-mobile-menu " => array("prop" => "background-color", "label" => __("Sidebar Icon Color", 'ioa'), "default" => "#ffffff"), "a.mobile-menu ,a.sidebar-mobile-menu, a.majax-search-trigger" => array("prop" => "border-color", "label" => __("Icons Border Color", 'ioa'), "default" => "#f4f4f4"))), array("label" => "Mobile Search Area Stylings", "matrix" => array("div.majax-search-pane" => array("prop" => "background-color", "label" => __("Search Bar Color", 'ioa'), "default" => "#ffffff"), "a.majax-search-close" => array("prop" => "color", "label" => __("Close Icon Color", 'ioa'), "default" => "#cccccc"), "div.majax-search-pane div.form input[type=text]" => array("prop" => "color", "label" => __("Search Text Color", 'ioa'), "default" => "#657079"), "div.msearch-results ul li div.desc a.more,div.msearch-results ul li a.view-all" => array("prop" => "color", "label" => __("Button Color", 'ioa'), "default" => "#ffffff"), "div.msearch-results ul li div.desc a.more,div.msearch-results ul li a.view-all " => array("prop" => "background-color", "label" => __("Button Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "div.msearch-results ul li h5 a" => array("prop" => "color", "label" => __("Titles Color", 'ioa'), "default" => "#5b6770"), "div.msearch-results ul li div.image img" => array("prop" => "border-color", "label" => __("Image Border Color", 'ioa'), "default" => "#f4f4f4"), "div.msearch-results ul li" => array("prop" => "border-color", "label" => __("Search Results Border Color", 'ioa'), "default" => "#f4f4f4"), "div.msearch-results ul li div.desc span.date" => array("prop" => "color", "label" => __("Extra Information Color", 'ioa'), "default" => "#999999"), "div.msearch-results strong" => array("prop" => "color", "label" => __("Extra Information Page Type Color", 'ioa'), "default" => $dominant_color, "sync" => true))), array("label" => "Mobile Menu Area Stylings", "matrix" => array("#mobile-menu,div.mobile-side-wrap,#mobile-side-menu" => array("prop" => "background-color", "label" => __("Menu Area Color", 'ioa'), "default" => "#ffffff"), "#mobile-menu " => array("prop" => "border-color", "label" => __("Menu Area Border Color", 'ioa'), "default" => "#eeeeee"), "#mobile-menu li a,#mobile-side-menu li a" => array("prop" => "color", "label" => __("Menu Area Link Color", 'ioa'), "default" => "#444444"), "#mobile-menu li ul.sub-menu,#mobile-side-menu li ul.sub-menu" => array("prop" => "border-color", "label" => __("Sub Menu Area Border Color", 'ioa'), "default" => "#f4f4f4"), "#mobile-menu .sub-menu>li.current-menu-item>a , #mobile-menu .sub-menu>li.current_page_item>a,#mobile-menu .sub-menu>li.current-menu-parent>a ,#mobile-menu .menu>li.current-menu-parent>a,#mobile-menu .sub-menu>li.current-menu-ancestor>a,#mobile-side-menu .sub-menu>li.current-menu-item>a , #mobile-menu .sub-menu>li.current_page_item>a,#mobile-side-menu .sub-menu>li.current-menu-parent>a ,#mobile-side-menu .menu>li.current-menu-parent>a ,#mobile-menu .sub-menu>li.current-menu-ancestor>a" => array("prop" => "color", "label" => __("Active Menu Color", 'ioa'), "default" => "#fff"), "#mobile-menu .sub-menu>li.current-menu-item>a , #mobile-menu .sub-menu>li.current_page_item>a,#mobile-menu .sub-menu>li.current-menu-parent>a ,#mobile-menu .menu>li.current-menu-parent>a,#mobile-menu .sub-menu>li.current-menu-ancestor>a ,#mobile-side-menu .sub-menu>li.current-menu-item>a , #mobile-menu .sub-menu>li.current_page_item>a,#mobile-side-menu .sub-menu>li.current-menu-parent>a ,#mobile-side-menu .menu>li.current-menu-parent>a ,#mobile-menu .sub-menu>li.current-menu-ancestor>a " => array("prop" => "background-color", "label" => __("Active Menu Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "#mobile-menu li a:hover, #mobile-side-menu li a:hover" => array("prop" => "color", "label" => __("Menu Hover Color", 'ioa'), "default" => "#ffffff"), "#mobile-menu li a:hover, #mobile-side-menu li a:hover " => array("prop" => "background-color", "label" => __("Menu Hover Background Color", 'ioa'), "default" => $dominant_color, "sync" => true), "#mobile-menu .jspTrack" => array("prop" => "background-color", "label" => __("Scrollbar Area Background Color", 'ioa'), "default" => "#f5f5f5"), "#mobile-menu .jspDrag " => array("prop" => "background-color", "label" => __("Scrollbar Background Color", 'ioa'), "default" => "#999999"))), array("label" => "Tablet Sidebar Area Stylings", "matrix" => array("div.super-wrapper .flexi-sidebar.sidebar,#res-sidebar-trigger" => array("prop" => "background-color", "label" => __("Flex Sidebar Background Color", 'ioa'), "default" => "#ffffff"), "#res-sidebar-trigger " => array("prop" => "color", "label" => __("Flex Sidebar Icon Color", 'ioa'), "default" => "#222222"), "#res-sidebar-trigger" => array("prop" => "border-color", "label" => __("Flex Sidebar Icon Border Color", 'ioa'), "default" => "#eeeeee")))));
