0%, <?php
echo codeless_adjustBrightness($button_hover_background, -35);
?>
100%);
background-image: -webkit-linear-gradient(bottom, <?php
echo $button_hover_background['color'];
?>
0%, <?php
echo codeless_adjustBrightness($button_hover_background, -35);
?>
100%);
background-image: -ms-linear-gradient(bottom, <?php
echo $button_hover_background['color'];
?>
0%, <?php
echo codeless_adjustBrightness($button_hover_background, -35);
?>
100%);
background-color: <?php
echo $button_hover_background['color'];
?>
;
text-shadow: 1px 1px 0px <?php
echo $button_hover_background['color'];
?>
;
filter: dropshadow(color=<?php
echo $button_hover_background['color'];
?>
, offx=1, offy=1);
function codeless_sc_shortcode_button($atts, $content = null, $shortcodename = "")
{
extract(shortcode_atts(array("link" => "", "icon" => "", "type" => "", "target" => "", "align" => "", "bordercolor" => "", "bordercolor_hover", "color" => "", "bg_color_hover" => "", "font_color" => "", "icon_color" => "", "icon_color_hover" => "", "font_color_hover" => ""), $atts));
if (!empty($bordercolor)) {
$border_c = 'border-color:' . $bordercolor . '; ';
}
if (!empty($color)) {
$background_c = 'background-color:' . $color . '; ';
}
if (!empty($font_color)) {
$font_c = 'color:' . $font_color . '; ';
}
if (!empty($icon_color)) {
$icon_c = 'color:' . $icon_color . '; ';
}
if (!empty($font_color_hover)) {
$font_c_h = 'color:' . $font_color_hover . '; ';
}
if (!empty($bg_color_hover)) {
$bg_c_h = 'background:' . $bg_color_hover . '; ';
}
if (!empty($bordercolor_hover)) {
$border_c_h = 'border-color:' . $bordercolor_hover . '; ';
}
if (!empty($icon_color_hover)) {
$icon_c_h = 'color:' . $icon_color_hover . '; ';
}
$id = 'cl' . rand();
$output .= '<style type="text/css">';
$output .= '.button #' . $id . '{';
$output .= $border_c . $background_c . $font_c . $icon_c;
$output .= '}';
$output .= ' .button #' . $id . ':hover{';
$output .= $font_c_h . $bg_c_h . $border_c_h;
$output .= '}';
$output .= ' .button #' . $id . ' i{';
$output .= $icon_c;
$output .= '}';
$output .= ' .button #' . $id . ':hover i{';
$output .= $icon_c_h;
$output .= '}';
$output .= '.button .gradient {';
$output .= 'background-image: linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, 35) . ' 100%);';
$output .= 'background-image: -o-linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, 35) . ' 100%);';
$output .= 'background-image: -moz-linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, 35) . ' 100%);';
$output .= 'background-image: -webkit-linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, 35) . ' 100%);';
$output .= 'background-image: -ms-linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, 35) . ' 100%);';
$output .= 'background-color: ' . $color . ' ;';
$output .= 'text-shadow: 1px 1px 0px ' . $color . ';';
$output .= 'filter: dropshadow(color=' . $color . ', offx=1, offy=1);';
$output .= '}';
$output .= '.button .gradient:hover{';
$output .= 'background-image: linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, -35) . ' 100%);';
$output .= 'background-image: -o-linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, -35) . ' 100%);';
$output .= 'background-image: -moz-linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, -35) . ' 100%);';
$output .= 'background-image: -webkit-linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, -35) . ' 100%);';
$output .= 'background-image: -ms-linear-gradient(bottom, ' . $color . ' 0%, ' . codeless_adjustBrightness($color, -35) . ' 100%);';
$output .= 'background-color: ' . $color . '';
$output .= 'text-shadow: 1px 1px 0px ' . $color . ';';
$output .= 'filter: dropshadow(color=' . $color . ', offx=1, offy=1);';
$output .= '}';
$output .= '</style>';
$output .= '<div class="wpb_content_element button">';
$output .= '<a id="' . $id . '" class="btn-bt align-' . $align . ' ' . $type . '" href="' . $link . '" target="' . $target . '" ><span>' . $content . '</span><i class="' . $icon . '"></i></a>';
$output .= '</div>';
return $output;
}
