Your IP : 216.73.216.172
<html><body></body></html>
/* Common class for clickable panels
---------------------------------------------------------------*/
.su-panel-clickable {
cursor: pointer;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
transition: opacity .2s;
-webkit-user-select: none;
}
.su-panel-clickable:hover {
opacity: 0.75;
filter: alpha(opacity=75);
}
/* Panel
---------------------------------------------------------------*/
.su-panel {
position: relative;
width: 100%;
background: inherit;
color: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 25px;
border: 1px solid #dddddd;
}
.su-panel-content { padding: 1em 1.5em; position: relative; z-index: 1; }
.su-panel-has-icon {overflow: hidden;}
.su-panel.sup-align-right .su-panel-content {
text-align: right;
}
.su-panel.sup-align-center .su-panel-content {
text-align: center;
}
i.su-panel-icon {
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
font-size: 10em;
transform: translateX(25%) translateY(25%);
color: rgba(0,0,0,0.1);
}
img.su-panel-image {
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
}
/* child element style fix */
.su-panel .su-panel-content > h1,
.su-panel .su-panel-content > h2,
.su-panel .su-panel-content > h3,
.su-panel .su-panel-content > h4,
.su-panel .su-panel-content > h5,
.su-panel .su-panel-content > h6 {
margin-top: 10px;
}
.su-panel .su-panel-content > .su-icon-list:last-child .icon_list_item { padding-bottom: 0;}
.su-panel .su-panel-content > .su-icon-list.su-icon-align-top .icon_list_item { padding-top: 15px;}
.su-panel .su-panel-content .su-icon { margin-bottom: 0; }
.su-panel .social-like {
display: inline-block;
}
.su-panel .social-like:last-child .sl_button {
margin-right: 0;
}
.su-panel .social-like .sl_button {
float: none;
}
.su-panel .su-panel-content .su-gmap:last-child {
margin-bottom: 0;
}<html><body></body></html>jQuery(document).ready(function ($) {
// Photo/Icon panel
$('body').on('click', '.su-panel-clickable', function (e) {
var $tab = $(this),
data = $tab.data();
// Open specified url
if (data.url !== '') {
if (data.target === 'blank') window.open(data.url);
else window.location = data.url;
e.preventDefault();
} else
{
document.location.href = data.url;
e.preventDefault();
}
});
});<?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_panel_config extends Su_Data {
function __construct() {
parent::__construct();
}
static function get_config() {
return array(
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_PANEL'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_PANEL_DESC'),
'content' => 'Panel content',
'type' => 'wrap',
'group' => 'extra box',
'icon' => 'pencil-square-o',
'atts' => array(
'background' => array(
'type' => 'color',
'default' => '#fff',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BACKGROUND'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BACKGROUND_DESC'),
'child' => array(
'color' => array(
'type' => 'color',
'default' => '#444',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_COLOR'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_COLOR_DESC')
)
)
),
'icon' => array(
'type' => 'icon',
'default' => '',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_DESC'),
'child' => array(
'icon_color' => array(
'type' => 'color',
'default' => 'rgba(0,0,0,0.1)',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_COLOR'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_COLOR_DESC')
)
)
),
'border' => array(
'type' => 'border',
'default' => '1px solid #DDDDDD',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BORDER'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_BORDER_DESC')
),
'shadow' => array(
'type' => 'shadow',
'default' => '0px 0px 0px #eeeeee',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SHADOW'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SHADOW_DESC')
),
'padding' => array(
'default' => '',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_PADDING'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_PADDING_DESC'),
'child' => array(
'margin' => array(
'default' => '0px 0px 15px 0px',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_MARGIN'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_MARGIN_DESC')
)
)
),
'text_align' => array(
'type' => 'select',
'default' => 'left',
'values' => array(
'left' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_LEFT'),
'center' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CENTER'),
'right' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_RIGHT')
),
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ALIGN'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ALIGN_DESC'),
'child' => array(
'radius' => array(
'default' => '0px',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_RADIUS'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_RADIUS_DESC')
)
)
),
'url' => array(
'default' => '',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_URL'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_URL_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_panel extends Su_Shortcodes {
function __construct() {
parent::__construct();
}
public static function panel($atts = null, $content = null) {
$atts = su_shortcode_atts(array(
'background' => '',
'hover_background' => '',
'color' => '',
'hover_color' => '',
'shadow' => '',
'padding' => '',
'margin' => '',
'border' => '',
'radius' => '',
'icon' => '',
'icon_color' => '',
'text_align' => 'left',
'url' => '',
'target' => 'self',
'scroll_reveal' => '',
'class' => ''
), $atts, 'panel');
$id = uniqid('supnl');
$padding = '';
$margin = '';
$css = array();
$classes = array('su-panel', su_ecssc($atts));
$icon = '';
if ($atts['url']) {
$classes[] = 'su-panel-clickable';
suAsset::addFile('js', 'panel.js', __FUNCTION__);
}
if ($atts['padding'] != '' and !intval($atts['padding'])) {
$padding = 'padding:'.$atts['padding'].'px;';
} elseif ($atts['padding'] != '') {
$padding = 'padding:'.$atts['padding'].';';
}
if ($atts['margin'] != '') {
$margin = 'margin:'.$atts['margin'].';';
}
if ($atts['icon']) {
$classes[] = 'su-panel-has-icon';
}
// Image Icon
if (strpos($atts['icon'], '/') !== false) {
$icon = '<img class="su-panel-image" src="' . image_media($atts['icon']) . '" alt="" />';
}
// Line Icon
elseif (strpos($atts['icon'], 'licon:') !== false) {
suAsset::addFile('css', 'linea.css');
$icon = '<i class="su-panel-icon li li-' . trim(str_replace('licon:', '', $atts['icon'])) . '"></i>';
}
// Font-Awesome icon
elseif (strpos($atts['icon'], 'icon:') !== false) {
$icon = '<i class="su-panel-icon fa fa-' . trim(str_replace('icon:', '', $atts['icon'])) . '"></i>';
}
if (strpos($atts['icon'], '/') !== false) {
$css[] = '#'.$id.'.su-panel img.su-panel-icon {color: '.$atts['icon_color'].'}';
}
elseif (strpos($atts['icon'], 'icon:') !== false) {
$css[] = '#'.$id.'.su-panel i.su-panel-icon {color: '.$atts['icon_color'].'}';
}
$radius = ($atts['radius']) ? '-webkit-border-radius:' . $atts['radius'] . ';border-radius:' . $atts['radius'] . ';' : '';
$border = ($atts['border'] != '') ? 'border:' . $atts['border'] . ';' : '';
$shadow = ($atts['shadow'] != '') ? '-webkit-box-shadow:' . $atts['shadow'] . ';box-shadow:' . $atts['shadow'] . ';' : '';
$background = ($atts['background'] != '') ? 'background-color:' . $atts['background'] . ';' : '';
$color = ($atts['color'] != '') ? 'color:' . $atts['color'] . ';' : '';
$hover_background = ($atts['hover_background'] != '') ? 'background-color:' . $atts['hover_background'] . ';' : '';
$hover_color = ($atts['hover_color'] != '') ? 'color:' . $atts['hover_color'] . ';' : '';
$classes[] = ($atts['text_align']) ? 'sup-align-' . $atts['text_align'] : '';
if ($radius or $border or $shadow or $background or $color)
$css[] = '#'.$id.'.su-panel { '.$background. $color. $border . $shadow . $radius. $margin. '}';
if ($hover_background or $hover_color)
$css[] = '#'.$id.'.su-panel:hover { '.$hover_background. $hover_color. '}';
if ($atts['padding'] != '')
$css[] = '#'.$id.'.su-panel .su-panel-content { '.$padding.'}';
suAsset::addFile('css', 'panel.css', __FUNCTION__);
suAsset::addString('css', implode("\n", $css));
$return = '<div id="'.$id.'"'.su_scroll_reveal($atts).' class="' . su_acssc($classes) . '" data-url="' . $atts['url'] . '" data-target="' . $atts['target'] . '"><div class="su-panel-content su-content-wrap">' . su_do_shortcode($content) .'</div>'. $icon .'</div>';
return $return;
}
}