Your IP : 216.73.216.50
/* Call to action */
.su-call-to-action {
padding: 25px 30px;
background: #f5f5f5;
min-height: 63px;
border-radius: 2px;
}
.su-call-to-action .cta-dbtn {
padding: 20px 30px;
font-size: 16px;
/*margin: 0 0 20px;*/
text-decoration: none;
background-color: #444;
color: #e5e5e5;
border-radius: 2px;
}
.su-call-to-action .cta-dbtn:hover {
background-color: #000;
color: #fff;
}
.su-call-to-action h3 {
font-size: 22px;
line-height: 32px;
margin: 0;
color: #333;
}
.cta-content .su-ca-dtxt {
color: #888;
}
.su-call-to-action p {
margin: 5px 0 0;
}
.su-call-to-action:not(.cta-align-center) {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.su-call-to-action.cta-align-left {
text-align: left;
}
.su-call-to-action.cta-align-left .cta-dbtn {
margin-left: auto;
}
.su-call-to-action.cta-align-right {
text-align: right;
}
.su-call-to-action.cta-align-center {
text-align: center;
}
.su-call-to-action.cta-align-center a.su-ca-hp {
display: none;
}
.su-call-to-action.cta-align-center a.su-ca-vp {
display: inline-block !important;
margin: 20px 0 5px;
min-width: 150px;
}
.su-call-to-action.cta-align-center .cta-content > div {margin-top: 10px;}
@media (min-width: 767px) {
.su-call-to-action:not(.cta-align-center) .cta-content {
max-width: 75%;
}
.su-call-to-action.cta-align-right a.cta-dbtn {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.su-call-to-action.cta-align-right .cta-content {
margin-left: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.su-call-to-action:not(.cta-align-center) .cta-content {
max-width: 70%;
}
}
@media (max-width: 767px) {
.su-call-to-action .cta-dbtn {
margin: 18px 0 10px;
text-align: center;
}
.su-call-to-action .cta-content {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.su-call-to-action.cta-align-left .cta-dbtn {
margin-right: auto;
}
.su-call-to-action.cta-align-right .cta-dbtn {
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (max-width: 480px) {
.su-call-to-action .cta-dbtn {
padding: 10px;
margin: 18px 0 10px;
font-size: 14px;
text-align: center;
}
.su-call-to-action .cta-content {
text-align: center;
}
}<html><body></body></html><html><body></body></html><?php
/**
* @package Shortcode Ultimate
* @author BdThemes http://www.bdthemes.com
* @copyright Copyright (C) BdThemes Ltd
* @license http://www.gnu.org/licenses/gpl.html GNU/GPL
*/
defined( '_JEXEC' ) or die( 'Restricted access' );
class Su_Shortcode_calltoaction_config extends Su_Data {
function __construct() {
parent::__construct();
}
static function get_config() {
return array(
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CALLTOACTION'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CALLTOACTION_DESC'),
'content' => 'Lorem ipsum dolor sit amet consectetuer adipiscing elit.',
'type' => 'wrap',
'group' => 'content',
'icon' => 'pencil',
'atts' => array(
'align' => array(
'type' => 'select',
'values' => array(
'left' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_LEFT'),
'right' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_RIGHT'),
'center' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CENTER')
),
'default' => 'left',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ALIGN'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ALIGN_DESC')
),
'title' => array(
'default' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CA_TITLE'),
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TITLE'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TITLE_DESC'),
'child' => array(
'title_color' => array(
'type' => 'color',
'default' => '#333333',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TITLE_COLOR'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TITLE_COLOR_DESC')
),
)
),
'button_text' => array(
'default' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CA_BTN_TXT'),
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_TEXT'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_TEXT_DESC'),
'child' => array(
'button_link' => array(
'default' => '#',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_LINK'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_LINK_DESC'),
),
'target' => array(
'type' => 'select',
'values' => array(
'self' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SELF'),
'blank' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BLANK')
),
'default' => 'self',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TARGET'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TARGET_DESC')
)
)
),
'button_color' => array(
'type' => 'color',
'default' => '#e5e5e5',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_COLOR'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_COLOR_DESC'),
'child' => array(
'button_background' => array(
'type' => 'color',
'values' => array( ),
'default' => '#444444',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_BACKGROUND'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_BACKGROUND_DESC')
)
)
),
'color' => array(
'type' => 'color',
'default' => '#888',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_COLOR'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_COLOR_DESC'),
'child' => array(
'background' => array(
'type' => 'color',
'values' => array( ),
'default' => '#f5f5f5',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BACKGROUND'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BACKGROUND_DESC')
)
)
),
'radius' => array(
'default' => '2px',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_RADIUS'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_RADIUS_DESC'),
'child' => array(
'button_radius' => array(
'default' => '2px',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_RADIUS'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BUTTON_RADIUS_DESC')
),
)
),
'scroll_reveal' => array(
'default' => '',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SCROLL_REVEAL'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SCROLL_REVEAL_DESC')
),
'class' => array(
'default' => '',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CLASS'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CLASS_DESC')
)
)
);
}
}
<html><body></body></html><?php
/**
* @package Shortcode Ultimate
* @author BdThemes http://www.bdthemes.com
* @copyright Copyright (C) BdThemes Ltd
* @license http://www.gnu.org/licenses/gpl.html GNU/GPL
*/
defined( '_JEXEC' ) or die( 'Restricted access' );
class Su_Shortcode_calltoaction extends Su_Shortcodes {
function __construct() {
parent::__construct();
}
public static function calltoaction($atts = null, $content = null) {
$atts = su_shortcode_atts(array(
'title' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CA_TITLE'),
'title_color' => '',
'button_text' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CA_BTN_TXT'),
'align' => 'left',
'button_link' => '#',
'target' => 'self',
'background' => '',
'color' => '',
'button_color' => '',
'button_background' => '',
'button_background_hover' => '',
'radius' => '',
'button_radius' => '',
'scroll_reveal' => '',
'class' => ''
), $atts, 'calltoaction');
$id = uniqid('suca_');
$css = array();
$return = array();
$padding = '';
$title = ($atts['title']) ? "<h3>" . $atts['title'] . "</h3>" : '';
$target = ($atts['target'] === 'yes' || $atts['target'] === 'blank') ? ' target="_blank"' : 'target="_self"';
$btn_bg = ($atts['button_background']) ? 'background-color:' . $atts['button_background'].';' : '';
$btn_hbg = ($atts['button_background_hover']) ? 'background-color: '.$atts['button_background_hover'].';' : 'background-color: '.su_color::darken($atts['button_background'], '7%').';';
$background = ($atts['background']) ? 'background-color:' . $atts['background'].';' : '';
$color = ($atts['color']) ? 'color:' . $atts['color'].';' : '';
$title_color = ($atts['title_color']) ? 'color:' . $atts['title_color'].';' : '';
$button_color = ($atts['button_color']) ? 'color:' . $atts['button_color'].';' : '';
$radius = ($atts['radius']) ? 'border-radius:' . $atts['radius'].';' : '';
$button_radius = ($atts['button_radius']) ? 'border-radius:' . $atts['button_radius'].';' : '';
if (intval($atts['radius']) > 40 && intval($atts['button_radius']) > 40) {
$padding = "padding: 20px 20px 40px;";
}
if ($padding or $background or $radius) {
$css[] = '#'.$id.' {'.$padding.$background.$radius.'}';
}
if ($button_color or $btn_bg or $button_radius) {
$css[] = '#'.$id.' a.cta-dbtn {'.$button_color.$btn_bg.$button_radius.'}';
}
if ($btn_hbg) {
$css[] = '#'.$id.' a.cta-dbtn:hover { '.$btn_hbg .'}';
}
if ($title_color) {
$css[] = '#'.$id.' .cta-content > h3 {'.$title_color.'}';
}
if ($color) {
$css[] = '#'.$id.' .cta-content .su-ca-dtxt { '.$color.'}';
}
suAsset::addString('css', implode("\n", $css));
suAsset::addFile('css', 'call-to-action.css', __FUNCTION__);
$return[] = '<div id="'.$id.'"'.su_scroll_reveal($atts).' class="su-call-to-action'.su_ecssc($atts).' cta-align-'. $atts['align'] .'">';
// $return[] = '<a class="cta-dbtn su-ca-hp" '.$target . ' href="' . $atts['button_link'] . '">'. $atts['button_text'] . '</a>';
$return[] = '<div class="cta-content">' . $title .'<div class="su-ca-dtxt">'. su_do_shortcode($content) . '</div></div>';
$return[] = '<a class="cta-dbtn su-ca-vp" '. $target .' href="' . $atts['button_link'] . '">' . $atts['button_text'] . '</a>';
$return[] = '<div class="clear">';
$return[] = '</div>';
$return[] = '</div>';
return implode("\n", $return);
}
}