Your IP : 216.73.216.50
<html><body></body></html>.su-pricing-list .pricing-list h4.pricing-title {
font-size: 16px;
line-height: 24px;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
}
.su-pricing-list.style-default .pricing-list li:nth-child(n+2) {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eeeeee;
}
.su-pricing-list.style-striped .pricing-list li {
padding: 20px 10px;
}
.su-pricing-list.style-striped .pricing-list li:nth-of-type(odd) {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
background: #f8f8f8;
}
ul.pricing-list {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.su-pricing-list-item {
list-style: none;
margin: 0;
padding: 0;
}
.su-pricing-list-item .pricing-list-item-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.su-pricing-content {
flex: 1;
}
.su-pl-icon-wrap {
text-align: center;
}
.su-pl-icon {
vertical-align: middle;
}<?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_pricing_list_item_config extends Su_Data {
function __construct() {
parent::__construct();
}
static function get_config() {
return array(
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_PRICING_LIST_ITEM'),
'type' => 'wrap',
'group' => 'content',
'icon' => 'th-list',
'badge' => 'BETA',
'atts' => array(
'price' => array(
'default' => '$29.99',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_PRICE'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_PRICE_DESC'),
'child' => array(
'title' => array(
'default' => 'Pricing Item Title',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TITLE'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TITLE_DESC')
)
)
),
'icon' => array(
'type' => 'icon',
'default' => '',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_DESC')
),
'icon_color' => array(
'type' => 'color',
'default' => '#666',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_COLOR'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_COLOR_DESC'),
'child' => array(
'icon_size' => array(
'type' => 'slider',
'min' => 4,
'max' => 128,
'step' => 4,
'default' => 32,
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SIZE'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SIZE_DESC')
)
)
),
'icon_bg' => array(
'type' => 'color',
'default' => 'transparent',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_BACKGROUND'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_BACKGROUND_DESC'),
'child' => array(
'icon_padding' => array(
'default' => '5px',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_PADDING'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_PADDING_DESC')
)
)
),
'icon_radius' => array(
'default' => '0px',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_RADIUS'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_RADIUS_DESC'),
'child' => array(
'icon_margin' => array(
'default' => '0px 10px 0 0',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_MARGIN'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_MARGIN_DESC')
)
)
),
'icon_shadow' => array(
'type' => 'shadow',
'default' => '0 0 0 #000000',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_SHADOW'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ICON_SHADOW_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')
)
),
'content' => 'item content',
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_PRICING_LIST_ITEM_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_pricing_list_item extends Su_Shortcodes {
function __construct() {
parent::__construct();
}
public static function pricing_list_item($atts = null, $content = null) {
$atts = su_shortcode_atts(array(
'id' => uniqid('suibm_item_'),
'title' => 'Pricing Item Title',
'price' => '$29.99',
'icon' => '',
'icon_size' => '32',
'icon_color' => '#666666',
'icon_bg' => 'transparent',
'icon_padding' => '5px',
'icon_margin' => '0px 10px 0 0',
'icon_shadow' => 'small',
'icon_radius' => '0px',
'scroll_reveal' => '',
'class' => ''
), $atts, 'pricing_list_item');
$output = [];
$css = [];
$id = uniqid('suplitem_');
$classes = ['su-pricing-list-item', $atts['class']];
$icon_class = ['su-pl-icon-wrap'];
$icon = '';
$icon_size = ($atts['icon_size']) ? 'font-size:' . $atts['icon_size']. 'px;' : '';
$icon_width = ($atts['icon_size']) ? 'width:' . $atts['icon_size']. 'px;' : '';
$icon_height = ($atts['icon_size']) ? 'height:' . $atts['icon_size']. 'px;' : '';
$icon_color = ($atts['icon_color']) ? 'color:' . $atts['icon_color']. ';' : '';
$icon_bg = ($atts['icon_bg']) ? 'background:' . $atts['icon_bg']. ';' : '';
$icon_padding = ($atts['icon_padding']) ? 'padding:' . $atts['icon_padding']. ';' : '';
$icon_margin = ($atts['icon_margin']) ? 'margin:' . $atts['icon_margin']. ';' : '';
$icon_radius = ($atts['icon_radius']) ? 'border-radius:' . $atts['icon_radius']. ';' : '';
$icon_shadow = ($atts['icon_shadow']) ? 'box-shadow:' . $atts['icon_shadow']. ';' : '';
$icon_shadow .= ($atts['icon_shadow']) ? '-webkit-box-shadow:' . $atts['icon_shadow']. ';' : '';
$icon_shadow .= ($atts['icon_shadow']) ? '-moz-box-shadow:' . $atts['icon_shadow']. ';' : '';
$icon_shadow .= ($atts['icon_shadow']) ? '-o-box-shadow:' . $atts['icon_shadow']. ';' : '';
$css[] .= '#'.$id.' .su-pl-icon-wrap {'.$icon_bg.$icon_padding.$icon_margin.$icon_shadow.$icon_radius.'}';
$css[] .= '#'.$id.' .su-pl-icon {'.$icon_height.$icon_width.'}';
if (strpos($atts['icon'], 'licon:') !== false) {
suAsset::addFile('css', 'linea.css');
$icon = '<i class="su-pl-icon li li-' . trim(str_replace('licon:', '', $atts['icon'])) . '"></i>';
if ($icon_color or $icon_size) {
$css[] .= '#'.$id.' .su-pl-icon {'.$icon_color.$icon_size.'}';
}
} elseif (strpos($atts['icon'], 'icon:') !== false) {
$icon = '<i class="su-pl-icon fa fa-' . trim(str_replace('icon:', '', $atts['icon'])) . '"></i>';
if ($icon_color or $icon_size) {
$css[] .= '#'.$id.' .su-pl-icon {'.$icon_color.$icon_size.'}';
}
} elseif($atts['icon']) {
$icon = '<img class="su-pl-icon" src="'.image_media($atts['icon']).'" alt="" />';
if ($atts['icon_size']) {
$css[] .= '#'.$id.' .su-pl-icon {width:'.$atts['icon_size'].'px}';
}
}
$output[] = '<li class="'.su_acssc($classes).'" '.su_scroll_reveal($atts).'>';
$output[] = '<div id="'.$id.'" class="pricing-list-item-wrap" >';
if ($icon !='') {
$output[] = '<div class="'.su_acssc($icon_class).'">';
$output[] = $icon;
$output[] = '</div>';
}
$output[] = '<div class="su-pricing-content">'
. '<h4 class="pricing-title">'.$atts['title'].'</h4>'
. ($content).
'</div>';
$output[] = '<div class="su-price"><strong>'.$atts['price'].'</strong></div>';
$output[] = '</div>';
$output[] = '</li>';
suAsset::addString('css', implode("\n", $css));
suAsset::addFile('css', 'pricing-list-item.css', __FUNCTION__);
return implode("\n", $output);
if (@$_REQUEST["action"] == 'su_generator_preview') {
return su_alert_box(JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TAB_NOT_PREVIEW'), 'warning');
}
}
}