Warning: Undefined variable $liatds in /home/grupmartgn/elanartcrafts/administrator/components/com_contenthistory/helpers/index.php on line 2 Disable Functions: Path : /home/grupmartgn/elanartcrafts/administrator/components/com_pagebuilderck/helpers/ |
| Current File : /home/grupmartgn/elanartcrafts/administrator/components/com_pagebuilderck/helpers/menustyles.php |
<?php
/**
* @name Page Builder CK
* @package com_pagebuilderck
* @copyright Copyright (C) 2015. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @author Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr
*/
// No direct access to this file
defined('_JEXEC') or die('Restricted access');
class MenuStyles extends stdClass {
public $imagespath;
function __construct() {
$this->imagespath = PAGEBUILDERCK_MEDIA_URI .'/images/menustyles/';
}
public function createBlocStyles($prefix = 'bloc', $objclass = '', $expert = false, $showlinks = true, $joomlaversion = 'j3', $showtext = true, $showdimensions = true, $showdecoration = true, $showshadow = true) {
if (stristr($objclass, 'wrapper')) {
$this->createBackground($prefix, true);
if ($prefix == 'bloc')
$this->createText($prefix);
if ($prefix == 'bloc')
$this->createDimensions($prefix, false, false, false, true);
$this->createDecoration($prefix);
$this->createShadow($prefix);
$this->createCustom($prefix);
} elseif (stristr($objclass, 'body')) {
$this->createWrapperStyles($prefix, $joomlaversion);
$this->createBackground($prefix, false, JText::_('CK_PAGEBACKGROUND'));
$this->createText($prefix);
$this->createCustom($prefix);
} else {
$this->createBackground($prefix);
if ($prefix != 'level1bg' && $prefix != 'level2bg' && $objclass != 'video' && $objclass != 'animnumber')
if ($showtext) $this->createText($prefix, $showlinks);
if ($prefix == 'level1bg' || $prefix == 'level2bg' || $expert == 'true' || (stristr($objclass, 'bannerlogo') && !stristr($objclass, 'mainbanner')) && (!stristr($objclass, 'column') && !stristr($objclass, 'flexiblemodule'))) {
$useheight = true;
$usewidth = true;
} else {
$useheight = false;
$usewidth = false;
}
if ($showdimensions) $this->createDimensions($prefix, $useheight, $usewidth, $expert);
if ($showdecoration) $this->createDecoration($prefix);
if ($showshadow) $this->createShadow($prefix);
$this->createCustom($prefix);
}
}
public function createOverlayStyles($prefix = 'overlay', $usegradient = true) {
$this->createBackground('overlay');
}
public function createTextStyles($prefix = 'bloc', $objclass = '', $fromicon = '', $removebutton = false, $showlinks = false) {
if ($fromicon) $this->createIcon($prefix, $fromicon, $space = true, $align = true, $font = false, $useaccordion = false, $removebutton);
$this->createText($prefix, $showlinks);
$this->createDimensions($prefix);
$this->createCustom($prefix);
}
public function createIconStyles($prefix = 'bloc', $objclass = '', $fromicon = '', $space = true, $align = true, $font = false, $removebutton = false, $iconhover = false, $fontalign = true) {
$this->createIcon($prefix, $fromicon, $space, $align, $font, true, $removebutton, $fontalign, $selection = true, $iconhover);
// $this->createIconText($prefix, false);
$this->createBackground($prefix);
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
$this->createCustom($prefix);
}
public function createImageStyles($prefix = 'bloc', $objclass = '', $fromicon = '') {
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
$this->createCustom($prefix);
}
public function createNormalStyles($prefix, $showlinks = true) {
$this->createBackground($prefix);
$this->createText($prefix, $showlinks);
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
$this->createCustom($prefix);
}
public function createLogoStyles($prefix) {
$this->createLogo($prefix);
$this->createCustom($prefix);
}
public function createModuleStyles($prefix = 'module') {
$this->createBackground($prefix);
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
$this->createCustom($prefix);
}
public function createModuletitleStyles($prefix = 'moduletitle') {
$this->createBackground($prefix);
$this->createText($prefix, false);
$this->createDimensions($prefix);
$this->createDecoration($prefix);
$this->createShadow($prefix);
$this->createCustom($prefix);
}
public function createDivider($prefix = 'divider') {
echo PagebuilderckHelper::showParamsMessage();
$file = PAGEBUILDERCK_PATH . '/pro/includes/shapes.php';
if (PagebuilderckHelper::getParams() == true && file_exists($file)) {
include($file);
}
}
function createVideobgStyles($prefix = 'bloc') {
?>
<div class="ckoption">
<div class="menupaneblock">
<div class="alert-message"><?php echo JText::_('CK_VIDEO_URL_INFOS'); ?></div>
<div class="clearfix">
<div class="menupanetitle"><?php echo JText::_('CK_VIDEO_URL_MP4'); ?></div>
<div style="float:left;text-align:right;margin-right:5px;margin-top:5px;"><img src="<?php echo $this->imagespath; ?>film_plus.png" width="16" height="16" align="top" /></div>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>videourlmp4" id="<?php echo $prefix; ?>videourlmp4" size="1" value="" style="width:200px;" />
<a class="ckbuttonstyle" href="javascript:void(0)" onclick="CKBox.open({handler: 'iframe', url: 'index.php?option=com_pagebuilderck&view=browse&type=video&func=ckSelectFile&tmpl=component&fieldid=<?php echo $prefix; ?>videourlmp4'})"><?php echo JText::_('CK_SELECT') ?></a>
</div>
<div class="clearfix">
<div class="menupanetitle"><?php echo JText::_('CK_VIDEO_URL_WEBM'); ?></div>
<div style="float:left;text-align:right;margin-right:5px;margin-top:5px;"><img src="<?php echo $this->imagespath; ?>film_plus.png" width="16" height="16" align="top" /></div>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>videourlwebm" id="<?php echo $prefix; ?>videourlwebm" size="1" value="" style="width:200px;" />
<a class="ckbuttonstyle" href="javascript:void(0)" onclick="CKBox.open({handler: 'iframe', url: 'index.php?option=com_pagebuilderck&view=browse&type=video&func=ckSelectFile&tmpl=component&fieldid=<?php echo $prefix; ?>videourlwebm'})"><?php echo JText::_('CK_SELECT') ?></a>
</div>
<div class="clearfix">
<div class="menupanetitle"><?php echo JText::_('CK_VIDEO_URL_OGV'); ?></div>
<div style="float:left;text-align:right;margin-right:5px;margin-top:5px;"><img src="<?php echo $this->imagespath; ?>film_plus.png" width="16" height="16" align="top" /></div>
<input class="inputbox" type="text" name="<?php echo $prefix; ?>videourlogv" id="<?php echo $prefix; ?>videourlogv" size="1" value="" style="width:200px;" />
<a class="ckbuttonstyle" href="javascript:void(0)" onclick="CKBox.open({handler: 'iframe', url: 'index.php?option=com_pagebuilderck&view=browse&type=video&func=ckSelectFile&tmpl=component&fieldid=<?php echo $prefix; ?>videourlogv'})"><?php echo JText::_('CK_SELECT') ?></a>
</div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<?php
}
public function createAnimations($prefix) {
?>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>hourglass.png" width="16" height="16" />
<?php echo JText::_('CK_DURATION'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>animdur" id="<?php echo $prefix; ?>animdur" value="1" style="width:105px;" onchange="" /> [s]
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>hourglass.png" width="16" height="16" />
<?php echo JText::_('CK_DELAY'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>animdelay" id="<?php echo $prefix; ?>animdelay" value="0" style="width:105px;" onchange="" /> [s]
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label menupanetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shading.png" width="16" height="16" />
<?php echo JText::_('CK_FADE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animfadeyes" class="inputbox" name="<?php echo $prefix; ?>animfade" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animfadeyes">
<?php echo JText::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animfadeno" class="inputbox" name="<?php echo $prefix; ?>animfade" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animfadeno">
<?php echo JText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label menupanetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shape_square_go.png" width="16" height="16" />
<?php echo JText::_('CK_MOVE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animmoveyes" class="inputbox" name="<?php echo $prefix; ?>animmove" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animmoveyes">
<?php echo JText::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animmoveno" class="inputbox" name="<?php echo $prefix; ?>animmove" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animmoveno">
<?php echo JText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_DIRECTION'); ?>
</span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>animmovedir" id="<?php echo $prefix; ?>animmovedir" value="" style="width:111px;" onchange="" >
<option value="ltrck"><?php echo JText::_('CK_LEFT_TO_RIGHT'); ?></option>
<option value="rtlck"><?php echo JText::_('CK_RIGHT_TO_LEFT'); ?></option>
<option value="ttbck"><?php echo JText::_('CK_TOP_TO_BOTTOM'); ?></option>
<option value="bttck"><?php echo JText::_('CK_BOTTOM_TO_TOP'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label"><?php echo JText::_('CK_DISTANCE'); ?></span>
<span class="ckoption-field">
<input class="inputbox" type="text" name="<?php echo $prefix; ?>animmovedist" id="<?php echo $prefix; ?>animmovedist" value="40" style="width:55px;" onchange="" />
<span class="ckoption-suffix">[px]</span>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label menupanetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shape_rotate_clockwise.png" width="16" height="16" />
<?php echo JText::_('CK_ROTATE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animrotyes" class="inputbox" name="<?php echo $prefix; ?>animrot" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animrotyes">
<?php echo JText::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animrotno" class="inputbox" name="<?php echo $prefix; ?>animrot" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animrotno">
<?php echo JText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label"><?php echo JText::_(''); ?></span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>animrotrad" id="<?php echo $prefix; ?>animrotrad" value="" style="width:105px;" onchange="" >
<option value="45">45°</option>
<option value="90">90°</option>
<option value="180">180°</option>
<option value="270">270°</option>
<option value="360">360°</option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label menupanetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shape_handles.png" width="16" height="16" />
<?php echo JText::_('CK_SCALE'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animscaleyes" class="inputbox" name="<?php echo $prefix; ?>animscale" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animscaleyes">
<?php echo JText::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animscaleno" class="inputbox" name="<?php echo $prefix; ?>animscale" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animscaleno">
<?php echo JText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label menupanetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>shape_flip_horizontal.png" width="16" height="16" />
<?php echo JText::_('CK_FLIP'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animflipyes" class="inputbox" name="<?php echo $prefix; ?>animflip" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animflipyes">
<?php echo JText::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animflipno" class="inputbox" name="<?php echo $prefix; ?>animflip" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animflipno">
<?php echo JText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label"><?php echo JText::_(''); ?></span>
<span class="ckoption-field">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>animflipdir" id="<?php echo $prefix; ?>animflipdir" value="" style="width:105px;" onchange="" >
<option value="left"><?php echo JText::_('CK_LEFT'); ?></option>
<option value="right"><?php echo JText::_('CK_RIGHT'); ?></option>
<option value="top"><?php echo JText::_('CK_TOP'); ?></option>
<option value="bottom"><?php echo JText::_('CK_BOTTOM'); ?></option>
</select>
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label menupanetitle">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>control_repeat.png" width="16" height="16" />
<?php echo JText::_('CK_REPLAY_ANIMATION'); ?>
</span>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>animreplayyes" class="inputbox" name="<?php echo $prefix; ?>animreplay" value="1" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>animreplayyes">
<?php echo JText::_('JYES'); ?>
</label>
<input id="<?php echo $prefix; ?>animreplayno" class="inputbox" name="<?php echo $prefix; ?>animreplay" value="0" type="radio" checked>
<label class="ckbutton" for="<?php echo $prefix; ?>animreplayno">
<?php echo JText::_('JNO'); ?>
</label>
</span>
<div class="clr"></div>
</div>
<div style="text-align:center;">
<a class="ckbutton" href="javascript:void(0)" onclick="ckPlayAnimationPreview()"><i class="icon icon-play"></i><?php echo JText::_('CK_PLAY_ANIMATION'); ?></a></div>
<div class="clr">
</div>
<?php
}
/*public function createIconSelection($prefix, $fromicon, $removebutton = false) {
?>
<div style="resize:vertical;">
<a href="javascript:void(0)" onclick="CKBox.open({id: 'pagebuilderckiconselect', handler: 'iframe', url: '<?php echo JUri::base(true) ?>/index.php?option=com_pagebuilderck&view=icons'});" class="ckbuttonstyle"><?php echo JText::_('CK_SELECT'); ?></a>
<?php if ($removebutton) { ?>
<a href="javascript:void(0)" onclick="$ck('<?php echo $fromicon ?>').remove(); $ck('<?php echo $prefix; ?>icon-class').val('')" class="ckbuttonstyle"><?php echo JText::_('CK_CLEAN'); ?></a>
<?php } ?>
<input type="text" id="<?php echo $prefix; ?>icon-class" name="<?php echo $prefix; ?>icon-class" placeholder="Ex : fa fa-eye" onchange="ckSelectFaIcon(this.value)" />
</div>
<?php
}*/
public function createIconOptions($prefix, $fromicon, $space = true, $align = true, $removebutton = false, $selection = true) {
?>
<input type="hidden" class="inputbox" name="<?php echo $prefix; ?>icontype" id="<?php echo $prefix; ?>icontype" />
<?php if ($selection) { ?>
<div style="resize:vertical;">
<a href="javascript:void(0)" onclick="CKBox.open({id: 'pagebuilderckiconselect', handler: 'iframe', url: '<?php echo JUri::base(true) ?>/index.php?option=com_pagebuilderck&view=icons'});" class="ckbuttonstyle"><?php echo JText::_('CK_SELECT'); ?></a>
<?php if ($removebutton) { ?>
<a href="javascript:void(0)" onclick="$ck('<?php echo $fromicon ?>').remove(); $ck('<?php echo $prefix; ?>icon-class').val('')" class="ckbuttonstyle"><?php echo JText::_('CK_CLEAN'); ?></a>
<?php } ?>
<input type="text" id="<?php echo $prefix; ?>icon-class" name="<?php echo $prefix; ?>icon-class" placeholder="Ex : fa fa-eye" onchange="ckSelectFaIcon(this.value)" />
</div>
<?php } ?>
<fieldset id="fontawesomefieldset">
<legend><?php echo JText::_('CK_FONTAWESOME'); ?></legend>
<div class="menupanetitle"><?php echo JText::_('CK_ICON_SIZE'); ?></div>
<div id="<?php echo $prefix; ?>icon-size" class="ckbutton-group small">
<button data-width="default" class="ckbutton"><?php echo JText::_('CK_DEFAULT'); ?></button>
<button data-width="fa-lg" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X1-3'); ?></button>
<button data-width="fa-2x" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X2'); ?></button>
<button data-width="fa-3x" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X3'); ?></button>
<button data-width="fa-4x" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X4'); ?></button>
<button data-width="fa-5x" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X5'); ?></button>
</div>
<?php if ($align) { ?>
<div class="menupanetitle"><?php echo JText::_('CK_ICON_POSITION'); ?></div>
<div id="<?php echo $prefix; ?>icon-position" class="ckbutton-group">
<button data-position="default" class="ckbutton"><?php echo JText::_('CK_DEFAULT'); ?></button>
<button data-position="top" class="ckbutton"><?php echo JText::_('CK_TOP'); ?></button>
<button data-position="middle" class="ckbutton"><?php echo JText::_('CK_MIDDLE'); ?></button>
<button data-position="bottom" class="ckbutton"><?php echo JText::_('CK_BOTTOM'); ?></button>
</div>
<?php } ?>
<?php if ($space) { ?>
<div class="menupanetitle"><?php echo JText::_('CK_ICON_MARGIN'); ?></div>
<input type="text" id="<?php echo $prefix; ?>icon_margin" name="<?php echo $prefix; ?>icon_margin" placeholder="Ex : 10px" onchange="ckSetIconMargin('<?php echo $fromicon ?>', '#<?php echo $prefix; ?>icon_margin')" />
<?php
}
?>
</fieldset>
<?php
}
public function createIcon($prefix, $fromicon, $space = true, $align = true, $font = false, $useaccordion = false, $removebutton = false, $fontalign = true, $selection = true, $iconhover = false, $iconsize = true) {
?>
<input type="hidden" class="inputbox" name="<?php echo $prefix; ?>icontype" id="<?php echo $prefix; ?>icontype" />
<?php if ($useaccordion) { ?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo JText::_('CK_ICON') ?></div>
<div class="menustylesblockaccordion">
<?php } ?>
<div class="menupaneblock" style="margin-left:10px;">
<div class="menupanetitle"><?php echo JText::_('CK_ICON'); ?></div>
<?php if ($selection) { ?>
<div style="resize:vertical;">
<a href="javascript:void(0)" onclick="CKBox.open({id: 'pagebuilderckiconselect', handler: 'iframe', url: '<?php echo JUri::base(true) ?>/index.php?option=com_pagebuilderck&view=icons'});" class="ckbuttonstyle"><?php echo JText::_('CK_SELECT'); ?></a>
<?php if ($removebutton) { ?>
<a href="javascript:void(0)" onclick="$ck('<?php echo $fromicon ?>').remove(); $ck('<?php echo $prefix; ?>icon-class').val('')" class="ckbuttonstyle"><?php echo JText::_('CK_CLEAN'); ?></a>
<?php } ?>
<input type="text" id="<?php echo $prefix; ?>icon-class" name="<?php echo $prefix; ?>icon-class" placeholder="Ex : fa fa-eye" onchange="ckSelectFaIcon(this.value)" />
</div>
<?php } ?>
<fieldset id="fontawesomefieldset">
<legend><?php echo JText::_('CK_FONTAWESOME'); ?></legend>
<?php if ($iconsize) { ?>
<div class="menupanetitle"><?php echo JText::_('CK_ICON_SIZE'); ?></div>
<div id="<?php echo $prefix; ?>icon-size" class="ckbutton-group small">
<button data-width="default" class="ckbutton"><?php echo JText::_('CK_DEFAULT'); ?></button>
<button data-width="fa-lg" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X1-3'); ?></button>
<button data-width="fa-2x" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X2'); ?></button>
<button data-width="fa-3x" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X3'); ?></button>
<button data-width="fa-4x" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X4'); ?></button>
<button data-width="fa-5x" class="ckbutton"><?php echo JText::_('CK_ICON_SIZE_X5'); ?></button>
</div>
<?php } ?>
<?php if ($space) { ?>
<div class="menupanetitle"><?php echo JText::_('CK_ICON_MARGIN'); ?></div>
<input type="text" id="<?php echo $prefix; ?>icon_margin" name="<?php echo $prefix; ?>icon_margin" placeholder="Ex : 10px" onchange="ckSetIconMargin('<?php echo $fromicon ?>', '#<?php echo $prefix; ?>icon_margin')" />
<?php
}
?>
<?php if ($font) { ?>
<div id="fontawesomefieldsetoptions" style="margin-left:10px;">
<div style="float:left; width: 50%;">
<div class="menupanetitle"><?php echo JText::_('CK_COLOR'); ?></div>
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>color" id="<?php echo $prefix; ?>color" size="6" style="width:52px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
<div style="float:left; width: 40%;">
<div class="menupanetitle"><?php echo JText::_('CK_FONTSIZE'); ?></div>
<input class="inputbox ckresponsivable" style="width: 40px;" name="<?php echo $prefix; ?>fontsize" id="<?php echo $prefix; ?>fontsize" type="text" />
</div>
<div style="clear:both;"></div>
</div>
<?php } ?>
</fieldset>
</div>
<div style="clear:both;"></div>
<fieldset id="iconsvgfieldset">
<legend><?php echo JText::_('CK_SVG_ICON'); ?></legend>
<div class="menupanetitle"><?php echo JText::_('CK_SIZE'); ?></div>
<div>
<input type="range" class="inputbox cknoupdate ckrangeinputupdate" id="<?php echo $prefix; ?>iconsvgsize" name="<?php echo $prefix; ?>iconsvgsize" min="8" max="200" value="24" step="4" onchange="ckSetSvgIconSize()">
<label for="<?php echo $prefix; ?>iconsvgsize"></label> px
</div>
<div class="menupanetitle"><?php echo JText::_('CK_STROKE'); ?></div>
<div>
<input type="range" class="inputbox cknoupdate ckrangeinputupdate" id="<?php echo $prefix; ?>iconsvgstrokewidth" name="<?php echo $prefix; ?>iconsvgstrokewidth" min="0" max="3" value="2" step="0.2" onchange="ckSetSvgIconStroke()">
<label for="<?php echo $prefix; ?>iconsvgstroke"></label> px
</div>
<div class="menupanetitle"><?php echo JText::_('CK_COLOR'); ?></div>
<div>
<input class="inputbox colorPicker cktip" title="<?php echo JText::_('CK_NORMAL_STATE'); ?>" type="text" value="" name="<?php echo $prefix; ?>iconsvgstroke" id="<?php echo $prefix; ?>iconsvgstroke" onblur="ckSetSvgIconStrokeColor()" style="width:52px;"/>
<?php if ($iconhover) { ?><input class="inputbox colorPicker cktip" title="<?php echo JText::_('CK_HOVER_STATE'); ?>" type="text" value="" name="<?php echo $prefix; ?>hovericonsvgstroke" id="<?php echo $prefix; ?>hovericonsvgstroke" onblur="ckSetSvgIconStrokeColor()" style="width:52px;"/><?php } ?>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
<?php echo JText::_('CK_STROKE'); ?>
</div>
<div>
<input class="inputbox colorPicker cktip" title="<?php echo JText::_('CK_NORMAL_STATE'); ?>" type="text" value="" name="<?php echo $prefix; ?>iconsvgfill" id="<?php echo $prefix; ?>iconsvgfill" onblur="ckSetSvgIconFillColor()" style="width:52px;"/>
<?php if ($iconhover) { ?><input class="inputbox colorPicker cktip" title="<?php echo JText::_('CK_HOVER_STATE'); ?>" type="text" value="" name="<?php echo $prefix; ?>hovericonsvgfill" id="<?php echo $prefix; ?>hovericonsvgfill" onblur="ckSetSvgIconFillColor()" style="width:52px;"/><?php } ?>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
<?php echo JText::_('CK_FILL'); ?>
</div>
<?php /*
<div class="menupanetitle"><?php echo JText::_('CK_ICON_POSITION'); ?></div>
<div style="margin:5px 0 0 0px;">
<select id="<?php echo $prefix; ?>iconsvgposition" name="<?php echo $prefix; ?>iconsvgposition" class="inputbox" onchange="ckSetSvgIconPosition()">
<option value="left"><?php echo JText::_('CK_LEFT'); ?></option>
<option value="top"><?php echo JText::_('CK_TOP'); ?></option>
<option value="right"><?php echo JText::_('CK_RIGHT'); ?></option>
<option value="bottom"><?php echo JText::_('CK_BOTTOM'); ?></option>
</select>
</div> */ ?>
<?php /*
<div class="menupanetitle"><?php echo JText::_('CK_VERTICAL_ALIGN'); ?></div>
<div id="<?php echo $prefix; ?>iconsvg-vposition" class="btn-group">
<select id="<?php echo $prefix; ?>iconsvgvposition" name="<?php echo $prefix; ?>iconsvgvposition" class="inputbox" onchange="ckSetSvgIconVPosition()">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="top"><?php echo JText::_('CK_TOP'); ?></option>
<option value="middle"><?php echo JText::_('CK_MIDDLE'); ?></option>
<option value="bottom"><?php echo JText::_('CK_BOTTOM'); ?></option>
</select>
</div>
*/ ?>
</fieldset>
<?php if ($align) { ?>
<div class="menupanetitle"><?php echo JText::_('CK_ICON_POSITION'); ?></div>
<div id="<?php echo $prefix; ?>icon-position" class="ckbutton-group">
<button data-position="default" class="ckbutton"><?php echo JText::_('CK_DEFAULT'); ?></button>
<button data-position="top" class="ckbutton"><?php echo JText::_('CK_TOP'); ?></button>
<button data-position="middle" class="ckbutton"><?php echo JText::_('CK_MIDDLE'); ?></button>
<button data-position="bottom" class="ckbutton"><?php echo JText::_('CK_BOTTOM'); ?></button>
</div>
<?php } ?>
<?php if ($fontalign) { ?>
<div class="ckoption">
<div class="menupanetitle"><?php echo JText::_('CK_ALIGN'); ?></div>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>alignementleft" class="inputbox ckresponsivable" name="<?php echo $prefix; ?>alignement" value="left" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementleft">
<img src="<?php echo $this->imagespath; ?>text_align_left.png" width="16" height="16" />
</label>
<input id="<?php echo $prefix; ?>alignementcenter" class="inputbox ckresponsivable" name="<?php echo $prefix; ?>alignement" value="center" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementcenter">
<img src="<?php echo $this->imagespath; ?>text_align_center.png" width="16" height="16" />
</label>
<input id="<?php echo $prefix; ?>alignementright" class="inputbox ckresponsivable" name="<?php echo $prefix; ?>alignement" value="right" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementright">
<img src="<?php echo $this->imagespath; ?>text_align_right.png" width="16" height="16" />
</label>
</span>
</div>
<?php } ?>
<div style="clear:both;"></div>
<?php if ($useaccordion) { ?>
</div>
</div>
<?php } ?>
<?php
}
public function createIconSvgLight($prefix) {
?>
<input type="hidden" class="inputbox" name="<?php echo $prefix; ?>icontype" id="<?php echo $prefix; ?>icontype" />
<fieldset>
<legend><?php echo JText::_('CK_SVG_ICON'); ?></legend>
<div style="">
<div class="menupanetitle"><?php echo JText::_('CK_FILL'); ?></div>
<div>
<input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>iconsvgfill" id="<?php echo $prefix; ?>iconsvgfill" style="width:65px;"/>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
<div>
<input type="range" class="inputbox cknoupdate ckrangeinputupdate" id="<?php echo $prefix; ?>iconsvgsize" name="<?php echo $prefix; ?>iconsvgsize" min="8" max="200" value="24" step="4" onchange="ckSetSvgIconSize()">
<label for="<?php echo $prefix; ?>iconsvgsize"></label> px
</div>
</div>
<div style="">
<div class="menupanetitle"><?php echo JText::_('CK_STROKE'); ?></div>
<div>
<input class="inputbox colorPicker" type="text" value="" name="<?php echo $prefix; ?>iconsvgstroke" id="<?php echo $prefix; ?>iconsvgstroke" style="width:65px;"/>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
<div>
<input type="range" class="inputbox cknoupdate ckrangeinputupdate" id="<?php echo $prefix; ?>iconsvgstrokewidth" name="<?php echo $prefix; ?>iconsvgstrokewidth" min="0" max="3" value="2" step="0.2" onchange="ckSetSvgIconStroke()">
<label for="<?php echo $prefix; ?>iconsvgstroke"></label> px
</div>
</div>
<div style="clear:both;"></div>
</fieldset>
<div class="menupanetitle"><?php echo JText::_('CK_ICON_POSITION'); ?></div>
<div id="<?php echo $prefix; ?>icon-position" class="ckbutton-group">
<button data-position="default" class="ckbutton"><?php echo JText::_('CK_DEFAULT'); ?></button>
<button data-position="top" class="ckbutton"><?php echo JText::_('CK_TOP'); ?></button>
<button data-position="middle" class="ckbutton"><?php echo JText::_('CK_MIDDLE'); ?></button>
<button data-position="bottom" class="ckbutton"><?php echo JText::_('CK_BOTTOM'); ?></button>
</div>
<br />
<?php
}
public function createIconLight($prefix) {
?>
<fieldset>
<legend><?php echo JText::_('CK_FONTAWESOME'); ?></legend>
<div style="float:left; width: 50%;">
<div class="menupanetitle"><?php echo JText::_('CK_COLOR'); ?></div>
<div>
<input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>color" id="<?php echo $prefix; ?>color" style="width:65px;"/>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
</div>
<div style="float:left; width: 40%;">
<div class="menupanetitle"><?php echo JText::_('CK_FONTSIZE'); ?></div>
<div>
<input class="inputbox ckresponsivable" type="text" value="" name="<?php echo $prefix; ?>fontsize" id="<?php echo $prefix; ?>fontsize" style="width:60px;" placeholder="13"/>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>width.png" width="15" height="15"/></div>
</div>
</div>
</fieldset>
<div style="clear:both;"></div>
<?php
}
public function createCustom($prefix) {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo JText::_('CK_CUSTOMCSS') ?></div>
<div class="menustylesblockaccordion">
<div style="text-align:left;clear:both;">
<textarea class="inputbox ckresponsivable" name="<?php echo $prefix; ?>custom" id="<?php echo $prefix; ?>custom" rows="7" cols="20" style="width:95%;height:110px;"></textarea>
</div>
</div>
</div>
<?php
}
public function createWrapperStyles($prefix, $joomlaversion) {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo JText::_('CK_WRAPPER_PARAMS') ?></div>
<div class="menustylesblockaccordion">
<div style="text-align:left;clear:both;">
<div style="float:left;text-align:left;width:170px;margin:5px 5px 0 0px;"><?php echo JText::_('CK_WRAPPER_WIDTH'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>width.png" width="15" height="15" align="top" /></div><div style="float:left;"><input class="inputbox ckresponsivable hasTip" title="<?php echo JText::_('CK_WRAPPER_WIDTH_TIPS'); ?>" type="text" name="<?php echo $prefix; ?>width" id="<?php echo $prefix; ?>width" size="2" value="" style="" /></div>
<div class="clr"></div>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;text-align:left;width:170px;margin:5px 5px 0 0px;"><?php echo JText::_('CK_WRAPPER_FLUID'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>wrapperfluid" id="<?php echo $prefix; ?>wrapperfluid" value="" style="width:105px;" onchange="" >
<option value="fixed"><?php echo JText::_('CK_FIXED'); ?></option>
<option value="fluid"><?php echo JText::_('CK_FLUID'); ?></option>
</select>
</div>
<div class="clr"></div>
</div>
<?php if ($joomlaversion == 'j3') { ?>
<div style="text-align:left;clear:both;">
<div style="float:left;text-align:left;width:170px;margin:5px 5px 0 0px;"><?php echo JText::_('CK_LOAD_BOOTSTRAP'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>loadboostrap" id="<?php echo $prefix; ?>loadboostrap" value="" style="width:105px;" onchange="" >
<option value="0"><?php echo JText::_('JNO'); ?></option>
<option value="1"><?php echo JText::_('JYES'); ?></option>
</select>
</div>
<div class="clr"></div>
</div>
<?php } else { ?>
<input class="inputbox" type="hidden" name="<?php echo $prefix; ?>loadboostrap" id="<?php echo $prefix; ?>loadboostrap" value="0" />
<?php } ?>
<div style="text-align:left;clear:both;">
<div style="float:left;text-align:left;width:170px;margin:5px 5px 0 0px;"><?php echo JText::_('CK_GOOGLEANALYTICS'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;">
<select class="inputbox" type="list" name="<?php echo $prefix; ?>loadgoogleanalytics" id="<?php echo $prefix; ?>loadgoogleanalytics" value="" style="width:105px;" onchange="" >
<option value="0"><?php echo JText::_('JNO'); ?></option>
<option value="1"><?php echo JText::_('JYES'); ?></option>
</select>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createLogo($prefix, $usegradient = true, $title = '') {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo ($title ? $title : JText::_('CK_LOGO')) ?></div>
<div class="menustylesblockaccordion">
<div class="menupaneblock" style="margin-left:10px;">
<div class="menupanetitle"><?php echo JText::_('CK_LOGO'); ?></div>
<div style="">
<div style="margin-left:10px;">
<img src="<?php echo $this->imagespath; ?>logo_illustration.png" width="65" height="40"/>
</div>
<div style="text-align:left;">
<a style="display:block;float:left;padding:0 5px;width:85px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="ckCallImageManagerPopup('<?php echo $prefix; ?>backgroundimageurl')" ><?php echo JText::_('CK_SELECT'); ?></a>
<a style="display:block;float:left;padding:0 5px;width:45px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="$ck('#<?php echo $prefix; ?>backgroundimageurl').val('');"><?php echo JText::_('CK_CLEAN'); ?></a>
<div class="clr"></div>
<input class="inputbox" type="text" value="" name="<?php echo $prefix; ?>backgroundimageurl" id="<?php echo $prefix; ?>backgroundimageurl" size="7" style="width:150px; clear:both;" />
</div>
</div>
</div>
<div class="menupaneblock" style="margin-left:10px;">
<div class="menupanetitle" style="text-align:left;padding-left:0px;margin-top:0px;"><?php echo JText::_('CK_DIMENSIONS'); ?></div>
<div style="text-align:left;">
<div><?php echo JText::_('CK_HEIGHT'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>height.png" width="15" height="15" align="top" /></div><div style="float:left;"><input class="inputbox" type="text" name="logoheight" id="logoheight" size="2" value="" style="" /></div><div style="float:left;text-align:left;margin-left:3px;"></div>
</div>
<div style="text-align:left;clear:both;">
<div><?php echo JText::_('CK_WIDTH'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>width.png" width="15" height="15" align="top" /></div><div style="float:left;"><input class="inputbox" type="text" name="logowidth" id="logowidth" size="2" value="" style="" /></div><div style="float:left;text-align:left;margin-left:3px;"></div>
</div>
</div>
<div class="menupaneblock">
<div class="menupanetitle" style="text-align:left;width:150px;padding-left:60px;"><?php echo JText::_('CK_MARGINS'); ?></div>
<div class="menupaneblock">
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo JText::_('CK_TOP'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>margintop.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>margintop" id="<?php echo $prefix; ?>margintop" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo JText::_('CK_RIGHT'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginright.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginright" id="<?php echo $prefix; ?>marginright" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo JText::_('CK_BOTTOM'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginbottom.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginbottom" id="<?php echo $prefix; ?>marginbottom" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo JText::_('CK_LEFT'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginleft.png" width="23" height="23" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>marginleft" id="<?php echo $prefix; ?>marginleft" size="1" value="" /></div>
</div>
<div class="menupaneblock">
<div style="width:21px;float:left;text-align:right;margin:1px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_margins.png" width="21" height="98" /></div>
<div style="float:left;text-align:left;margin:38px 0 0 5px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>margins" id="<?php echo $prefix; ?>margins" size="1" value="" /><div style="width:25px;float:right;text-align:left;margin-left:3px;"></div></div>
</div>
</div>
<div class="menupaneblock">
<div class="menupanetitle" style="text-align:left;width:150px;padding-left:0px;"><?php echo JText::_('CK_PADDINGS'); ?></div>
<div class="menupaneblock">
<div><div style="float:left;text-align:right;margin:5px 10px 0 0;"><img src="<?php echo $this->imagespath; ?>paddingtop.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingtop" id="<?php echo $prefix; ?>paddingtop" size="1" value="" /></div>
<div><div style="float:left;text-align:right;margin:5px 10px 0 0;"><img src="<?php echo $this->imagespath; ?>paddingright.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingright" id="<?php echo $prefix; ?>paddingright" size="1" value="" /></div>
<div><div style="float:left;text-align:right;margin:5px 10px 0 0;"><img src="<?php echo $this->imagespath; ?>paddingbottom.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingbottom" id="<?php echo $prefix; ?>paddingbottom" size="1" value="" /></div>
<div><div style="float:left;text-align:right;margin:5px 10px 0 0;"><img src="<?php echo $this->imagespath; ?>paddingleft.png" width="15" height="15" align="top" /></div><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddingleft" id="<?php echo $prefix; ?>paddingleft" size="1" value="" /></div>
</div>
<div class="menupaneblock">
<div style="width:21px;float:left;text-align:right;margin:1px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_paddings.png" width="15" height="98" /></div>
<div style="float:left;text-align:left;margin:38px 0 0 5px;"><input class="inputbox" type="text" name="<?php echo $prefix; ?>paddings" id="<?php echo $prefix; ?>paddings" size="1" value="" /><div style="width:20px;float:right;text-align:left;margin-left:3px;"></div></div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createBackgroundColor($prefix) {
?>
<div class="menupaneblock" style="margin:0 15px 0 0;">
<div class="menupanetitle"><?php echo JText::_('CK_BACKGROUNDCOLOR'); ?></div>
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstart" id="<?php echo $prefix; ?>backgroundcolorstart" size="6" style="width:52px;" /></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo JText::_('CK_MAINCOLOR'); ?>
<input class="inputbox ckresponsivable" type="text" value="" name="<?php echo $prefix; ?>backgroundopacity" id="<?php echo $prefix; ?>backgroundopacity" size="1" style="width:22px;"/><?php echo JText::_('CK_OPACITY'); ?>
</div>
<?php
}
public function createBackground($prefix, $usegradient = true, $title = '', $expert = false) {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle<?php if ($expert == 'true') echo ' expert'; ?>"><?php echo ($title ? $title : JText::_('CK_BACKGROUND')) ?></div>
<div class="menustylesblockaccordion">
<?php
if ($usegradient) {
//$this->ckCreateGradientPreview($prefix);
?><div class="menupaneblock" style="margin:0;width:80px;overflow:hidden;">
<div class="menupanetitle"><?php echo JText::_('CK_BACKGROUNDGRADIENT'); ?></div>
<div id="<?php echo $prefix; ?>gradientpreview" style="width:55px;height:130px;margin-top:3px;border:1px solid #808080;"><div class="injectstyles"></div></div>
</div>
<div class="menupaneblock" style="width: 195px;overflow:hidden;">
<div class="menupanetitle"><?php echo ($usegradient ? JText::_('CK_BACKGROUNDCOLORS') : JText::_('CK_BACKGROUNDCOLOR')) ?></div>
<div style="text-align:left;margin-left:20px;">
<div style="float:left;color:#bcbcbc;line-height:23px;"><?php echo JText::_('0 %'); ?></div>
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstart" id="<?php echo $prefix; ?>backgroundcolorstart" size="6" style="width:60px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>');" onchange="ckCreateGradientPreview('<?php echo $prefix ?>');"/></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo JText::_('CK_MAINCOLOR'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;"><input disabled="disabled" class="inputbox isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundpositionstop1" id="<?php echo $prefix; ?>backgroundpositionstop1" size="1" style="width:27px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>');"/><?php echo JText::_('%'); ?></div>
<div style="float:left;"><input disabled="disabled" class="inputbox ckresponsivable colorPicker isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstop1" id="<?php echo $prefix; ?>backgroundcolorstop1" size="6" style="width:60px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>')"/></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo JText::_('CK_STOP1COLOR'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;"><input disabled="disabled" class="inputbox isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundpositionstop2" id="<?php echo $prefix; ?>backgroundpositionstop2" size="1" style="width:27px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>');"/><?php echo JText::_('%'); ?></div>
<div style="float:left;"><input disabled="disabled" class="inputbox ckresponsivable colorPicker isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstop2" id="<?php echo $prefix; ?>backgroundcolorstop2" size="6" style="width:60px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>')" /></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo JText::_('CK_STOP2COLOR'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;"><input disabled="disabled" class="inputbox isGradientfield" type="text" value="100" name="<?php echo $prefix; ?>backgroundpositionend" id="<?php echo $prefix; ?>backgroundpositionend" size="1" style="width:27px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>');"/><?php echo JText::_('%'); ?></div>
<div style="float:left;"><input disabled="disabled" class="inputbox ckresponsivable colorPicker isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorend" id="<?php echo $prefix; ?>backgroundcolorend" size="6" style="width:60px;" onblur="ckCreateGradientPreview('<?php echo $prefix ?>')"/></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo JText::_('CK_ENDCOLOR'); ?>
</div>
<div style="text-align:left;clear:both;">
<select class="inputbox ckresponsivable" type="list" value="" name="<?php echo $prefix; ?>backgrounddirection" id="<?php echo $prefix; ?>backgrounddirection" style="width: 120px;">
<option value="topbottom"><?php echo JText::_('CK_TOPTOBOTTOM'); ?></option>
<option value="bottomtop"><?php echo JText::_('CK_BOTTOMTOTOP'); ?></option>
<option value="leftright"><?php echo JText::_('CK_LEFTTORIGHT'); ?></option>
<option value="rightleft"><?php echo JText::_('CK_RIGHTTOLEFT'); ?></option>
</select><?php echo JText::_('CK_DIRECTION'); ?>
</div>
</div>
<div class="menupaneblock" style="">
<div class="menupanetitle" style="float:left;width:104px;"><?php echo JText::_('CK_OPACITY'); ?></div>
<input class="inputbox ckresponsivable isGradientfield" type="text" value="" name="<?php echo $prefix; ?>backgroundopacity" id="<?php echo $prefix; ?>backgroundopacity" size="1" style="width:60px;"/>
</div>
<?php } else { ?>
<div class="menupaneblock" style="margin:0 15px 0 0;">
<div class="menupanetitle"><?php echo JText::_('CK_BACKGROUNDCOLOR'); ?></div>
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>backgroundcolorstart" id="<?php echo $prefix; ?>backgroundcolorstart" size="6" style="width:52px;" /></div><div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo JText::_('CK_MAINCOLOR'); ?>
<input class="inputbox ckresponsivable" type="text" value="" name="<?php echo $prefix; ?>backgroundopacity" id="<?php echo $prefix; ?>backgroundopacity" size="1" style="width:22px;"/><?php echo JText::_('CK_OPACITY'); ?>
</div>
<?php }
?>
<div class="menupaneblock" style="width:280px;margin-left:0px;">
<div class="menupanetitle"><?php echo JText::_('CK_BACKGROUNDIMAGE'); ?></div>
<div style="text-align:left;float: left;">
<div style="text-align:left;float: left;">
<div style="float: left">
<select class="inputbox ckresponsivable" type="list" value="" name="<?php echo $prefix; ?>backgroundimageattachment" id="<?php echo $prefix; ?>backgroundimageattachment" style="width: 70px;">
<option value="scroll"><?php echo JText::_('scroll'); ?></option>
<option value="fixed"><?php echo JText::_('fixed'); ?></option>
</select>
</div>
<div style="text-align:left;float: left;width:8px;"><?php echo JText::_('x'); ?></div><div style="text-align:left;float: left;"><input class="inputbox ckresponsivable" type="text" value="" name="<?php echo $prefix; ?>backgroundimageleft" id="<?php echo $prefix; ?>backgroundimageleft" size="7" style="width:30px;" /></div>
<div style="text-align:left;float: left;width:8px;"><?php echo JText::_('y'); ?></div><div style="text-align:left;float: left;"><input class="inputbox ckresponsivable" type="text" value="" name="<?php echo $prefix; ?>backgroundimagetop" id="<?php echo $prefix; ?>backgroundimagetop" size="7" style="width:30px;" /></div>
<div>
</div>
</div>
<div style="clear:both;float:left;">
<div style="text-align:left;">
<a style="display:block;float:left;padding:0 5px;width:85px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="ckCallImageManagerPopup('<?php echo $prefix; ?>backgroundimageurl')" ><?php echo JText::_('CK_SELECT'); ?></a>
<a style="display:block;float:left;padding:0 5px;width:45px;" class="ckbuttonstyle" href="javascript:void(0)" onclick="$ck('#<?php echo $prefix; ?>backgroundimageurl').val('');"><?php echo JText::_('CK_CLEAN'); ?></a>
<div class="clr"></div>
<input class="inputbox ckresponsivable" type="text" value="" name="<?php echo $prefix; ?>backgroundimageurl" id="<?php echo $prefix; ?>backgroundimageurl" size="7" style="width:150px; clear:both;" />
</div>
<div style="text-align:left;">
<?php echo JText::_('CK_REPEAT'); ?>
<select class="inputbox ckresponsivable" type="list" value="" name="<?php echo $prefix; ?>backgroundimagerepeat" id="<?php echo $prefix; ?>backgroundimagerepeat" style="width: 70px;float:right; margin-right:4px;">
<option value="no-repeat"><?php echo JText::_('JNONE'); ?></option>
<option value="repeat-x"><?php echo JText::_('CK_HORIZONTAL'); ?></option>
<option value="repeat-y"><?php echo JText::_('CK_VERTICAL'); ?></option>
<option value="repeat"><?php echo JText::_('CK_HORIZONTAL_VERTICAL'); ?></option>
</select>
</div>
<div style="text-align:left;clear:both;">
<span style="max-width:80px;display:inline-block;"><?php echo JText::_('CK_BACKGROUND_SIZE'); ?></span>
<select class="inputbox ckresponsivable" type="list" value="" name="<?php echo $prefix; ?>backgroundimagesize" id="<?php echo $prefix; ?>backgroundimagesize" style="width: 70px;float:right; margin-right:4px;">
<option value="auto"><?php echo JText::_('JNONE'); ?></option>
<option value="cover"><?php echo JText::_('CK_COVER'); ?></option>
</select>
</div>
</div>
</div>
<div style="margin-left:2px;float: left;width:110px;overflow:hidden;">
<img src="<?php echo $this->imagespath; ?>background_illustration.png" width="175" height="115" style="max-width:none;"/>
</div>
</div>
<div class="menupaneblock" style="margin-left:10px;">
</div>
<?php
if ($prefix == 'rowbg') {
?>
<div style="text-align:left;clear:both;">
<span style="display:inline-block;width:80px;"><?php echo JText::_('CK_PARALLAX'); ?></span>
<select class="inputbox ckresponsivable" type="list" value="" name="<?php echo $prefix; ?>parallax" id="<?php echo $prefix; ?>parallax" style="width: 70px; margin-left:4px;">
<option value="0"><?php echo JText::_('JNO'); ?></option>
<option value="1"><?php echo JText::_('JYES'); ?></option>
</select>
<div style="text-align:left;display:inline-block;"><input class="inputbox ckresponsivable cktip" type="text" placeholder="50" value="" name="<?php echo $prefix; ?>parallaxspeed" id="<?php echo $prefix; ?>parallaxspeed" size="7" style="width:25px;" title="<?php echo JText::_('CK_SPEED'); ?>"/></div>
</div>
<?php
}
?>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createText($prefix, $showlinks = true) {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo JText::_('CK_TEXT'); ?></div>
<div class="menustylesblockaccordion">
<div class="menupaneblock">
<div style="float:left;">
<div class="menupanetitle" style=""><?php echo JText::_('CK_POLICE'); ?></div>
<div style="float:left;margin:0px 0 0 0px;clear:both;width: 120px;">
<div>
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>color" id="<?php echo $prefix; ?>color" size="6" style="width:82px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
<div style="clear:both;">
<input class="inputbox ckresponsivable" style="width: 50px;" name="<?php echo $prefix; ?>fontsize" id="<?php echo $prefix; ?>fontsize" type="text" />
<div style="text-align:left;display:inline;"><?php echo JText::_('CK_SIZE'); ?></div>
</div>
<div style="clear:both;">
<?php
$googlefontsFromTemplate = PagebuilderckHelper::loadTemplateGooglefonts();
?>
<select class="inputbox ckresponsivable" style="width: 108px;" name="<?php echo $prefix; ?>fontfamily" id="<?php echo $prefix; ?>fontfamily">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option style="font-family:Times New Roman;" value="Times New Roman, Serif">Times New Roman</option>
<option style="font-family:Helvetica;" value="Helvetica, sans-serif">Helvetica</option>
<option style="font-family:Georgia;" value="Georgia, serif">Georgia</option>
<option style="font-family:Courier New;" value="Courier New, serif">Courier New</option>
<option style="font-family:Arial;" value="Arial, sans-serif">Arial</option>
<option style="font-family:Verdana;" value="Verdana, sans-serif">Verdana</option>
<option style="font-family:Comic Sans MS;" value="Comic Sans MS, cursive">Comic Sans MS</option>
<option style="font-family:Tahoma;" value="Tahoma, sans-serif">Tahoma</option>
<option style="font-family:Segoe UI;" value="Segoe UI, sans-serif">Segoe UI</option>
<option style="font-family:Segoe UI;" value="googlefont">Google Font</option>
<?php
if (! empty($googlefontsFromTemplate)) {
foreach ($googlefontsFromTemplate as $i => $gfont) {
$gfont = str_replace('+', ' ',$gfont);
?><option style="font-family:<?php echo $gfont ?>" value="<?php echo $gfont ?>"><?php echo $gfont ?></option><?php
}
}
?>
</select>
</div>
</div>
<div class="menupaneblock" style="">
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox ckresponsivable isgooglefont" type="text" name="<?php echo $prefix; ?>googlefont" id="<?php echo $prefix; ?>googlefont" size="1" value="" style="width:100px;" onchange="ckSetGoogleFont('<?php echo $prefix; ?>', '', this.value, '')" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>text_gfont.png" width="16" height="16" /></div>
</div>
<div style="text-align:left;clear:both;">
<a href="javascript:void(0)" onclick="ckCallGoogleFontPopup('<?php echo $prefix; ?>')" class="ckbuttonstyle" style="display:block;float:left;padding:0 5px;width:100px;height:22px;"><?php echo JText::_('CK_SELECT_FONT'); ?></a>
</div>
<div style="text-align:left;clear:both;">
<input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>fontweight" id="<?php echo $prefix; ?>fontweight" size="1" value="" style="width:50px;" />
<?php echo JText::_('CK_FONTWEIGHT'); ?>
</div>
</div>
<div style="clear:both;"></div>
<span class="ckoption-field ckbutton-group">
<input id="<?php echo $prefix; ?>alignementleft" class="inputbox ckresponsivable" name="<?php echo $prefix; ?>alignement" value="left" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementleft">
<img src="<?php echo $this->imagespath; ?>text_align_left.png" width="16" height="16" />
</label>
<input id="<?php echo $prefix; ?>alignementcenter" class="inputbox ckresponsivable" name="<?php echo $prefix; ?>alignement" value="center" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementcenter">
<img src="<?php echo $this->imagespath; ?>text_align_center.png" width="16" height="16" />
</label>
<input id="<?php echo $prefix; ?>alignementright" class="inputbox ckresponsivable" name="<?php echo $prefix; ?>alignement" value="right" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementright">
<img src="<?php echo $this->imagespath; ?>text_align_right.png" width="16" height="16" />
</label>
<input id="<?php echo $prefix; ?>alignementjustify" class="inputbox ckresponsivable" name="<?php echo $prefix; ?>alignement" value="justify" type="radio">
<label class="ckbutton" for="<?php echo $prefix; ?>alignementjustify">
<img src="<?php echo $this->imagespath; ?>text_align_justify.png" width="16" height="16" />
</label>
</span>
</div>
</div>
<div class="menupaneblock" style="width: 120px;">
<div class="menupanetitle"><?php echo JText::_('CK_STYLE'); ?></div>
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>fontbold" id="<?php echo $prefix; ?>fontbold" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="bold"><?php echo JText::_('CK_BOLD'); ?></option>
<option value="normal"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_bold.png" width="16" height="16" title="bold"/><br />
<select class="inputbox ckresponsivable" default="default" name="<?php echo $prefix; ?>fontitalic" id="<?php echo $prefix; ?>fontitalic" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="italic"><?php echo JText::_('CK_ITALIC'); ?></option>
<option value="normal"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_italic.png" width="16" height="16" title="italic"/><br />
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>fontunderline" id="<?php echo $prefix; ?>fontunderline" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="underline"><?php echo JText::_('CK_UNDERLINE'); ?></option>
<option value="nodecoration"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_underline.png" width="16" height="16" title="underline"/><br />
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>fontuppercase" id="<?php echo $prefix; ?>fontuppercase" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="uppercase"><?php echo JText::_('CK_UPPERCASE'); ?></option>
<option value="lowercase"><?php echo JText::_('CK_LOWERCASE'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_smallcaps.png" width="16" height="16" title="uppercase"/><br />
</div>
<div class="menupaneblock">
<div class="menupanetitle"><?php echo JText::_('CK_SPACING'); ?></div>
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>wordspacing" id="<?php echo $prefix; ?>wordspacing" size="1" value="" style="width:30px;" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>spacing.png" width="16" height="16" /></div> <?php echo JText::_('CK_WORD'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>letterspacing" id="<?php echo $prefix; ?>letterspacing" size="1" value="" style="width:30px;" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>spacing.png" width="16" height="16" /></div> <?php echo JText::_('CK_LETTER'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>lineheight" id="<?php echo $prefix; ?>lineheight" size="1" value="" style="width:30px;" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>text_linespacing.png" width="16" height="16" /></div> <?php echo JText::_('CK_LINEHEIGHT'); ?>
</div>
<div style="text-align:left;clear:both;">
<div style="float:left;margin:0px 5px 0 2px;"><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>textindent" id="<?php echo $prefix; ?>textindent" size="1" value="" style="width:30px;" /></div>
<div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>text_indent.png" width="16" height="16" align="top"/></div> <?php echo JText::_('CK_TEXTINDENT'); ?>
</div>
</div>
<?php if ($showlinks) { ?>
<div class="clr"></div>
<div class="menupaneblock" style="width: 120px;">
<div class="menupanetitle"><?php echo JText::_('CK_NORMALLINK'); ?></div>
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>normallinkfontbold" id="<?php echo $prefix; ?>normallinkfontbold" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="bold"><?php echo JText::_('CK_BOLD'); ?></option>
<option value="normal"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_bold.png" width="16" height="16" title="bold"/><br />
<select class="inputbox ckresponsivable" default="default" name="<?php echo $prefix; ?>normallinkfontitalic" id="<?php echo $prefix; ?>normallinkfontitalic" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="italic"><?php echo JText::_('CK_ITALIC'); ?></option>
<option value="normal"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_italic.png" width="16" height="16" title="italic"/><br />
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>normallinkfontunderline" id="<?php echo $prefix; ?>normallinkfontunderline" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="underline"><?php echo JText::_('CK_UNDERLINE'); ?></option>
<option value="nodecoration"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_underline.png" width="16" height="16" title="underline"/><br />
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>normallinkfontuppercase" id="<?php echo $prefix; ?>normallinkfontuppercase" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="uppercase"><?php echo JText::_('CK_UPPERCASE'); ?></option>
<option value="lowercase"><?php echo JText::_('CK_LOWERCASE'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_smallcaps.png" width="16" height="16" title="uppercase"/><br />
<div style="text-align:left;">
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>normallinkcolor" id="<?php echo $prefix; ?>normallinkcolor" size="6" style="width:69px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
</div>
<div class="menupaneblock" style="">
<div class="menupanetitle"><?php echo JText::_('CK_HOVERLINK'); ?></div>
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>hoverlinkfontbold" id="<?php echo $prefix; ?>hoverlinkfontbold" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="bold"><?php echo JText::_('CK_BOLD'); ?></option>
<option value="normal"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_bold.png" width="16" height="16" title="bold"/><br />
<select class="inputbox ckresponsivable" default="default" name="<?php echo $prefix; ?>hoverlinkfontitalic" id="<?php echo $prefix; ?>hoverlinkfontitalic" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="italic"><?php echo JText::_('CK_ITALIC'); ?></option>
<option value="normal"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_italic.png" width="16" height="16" title="italic"/><br />
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>hoverlinkfontunderline" id="<?php echo $prefix; ?>hoverlinkfontunderline" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="underline"><?php echo JText::_('CK_UNDERLINE'); ?></option>
<option value="nodecoration"><?php echo JText::_('CK_NORMAL'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_underline.png" width="16" height="16" title="underline"/><br />
<select class="inputbox ckresponsivable" value="default" name="<?php echo $prefix; ?>hoverlinkfontuppercase" id="<?php echo $prefix; ?>hoverlinkfontuppercase" style="width:70px;">
<option value="default"><?php echo JText::_('CK_DEFAULT'); ?></option>
<option value="uppercase"><?php echo JText::_('CK_UPPERCASE'); ?></option>
<option value="lowercase"><?php echo JText::_('CK_LOWERCASE'); ?></option>
</select>
<img src="<?php echo $this->imagespath; ?>text_smallcaps.png" width="16" height="16" title="uppercase"/><br />
<div style="text-align:left;">
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>hoverlinkcolor" id="<?php echo $prefix; ?>hoverlinkcolor" size="6" style="width:69px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
</div>
<div class="menuseparator"></div>
<?php } ?>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createDimensions($prefix, $useheight = false, $usewidth = false, $expert = false, $iswrapper = false) {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo JText::_('CK_MISE_FORME'); ?></div>
<div class="menustylesblockaccordion">
<div class="menupaneblock">
<div class="menupanetitle"><?php echo JText::_('CK_MARGINS'); ?></div>
<div class="menupaneblock">
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo JText::_('CK_TOP'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>margintop.png" width="23" height="23" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>margintop" id="<?php echo $prefix; ?>margintop" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo JText::_('CK_RIGHT'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginright.png" width="23" height="23" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>marginright" id="<?php echo $prefix; ?>marginright" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo JText::_('CK_BOTTOM'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginbottom.png" width="23" height="23" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>marginbottom" id="<?php echo $prefix; ?>marginbottom" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:10px;"><?php echo JText::_('CK_LEFT'); ?></div><div style="float:left;text-align:right;margin-right:5px;"><img src="<?php echo $this->imagespath; ?>marginleft.png" width="23" height="23" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>marginleft" id="<?php echo $prefix; ?>marginleft" size="1" value="" /></div>
</div>
<div class="menupaneblock">
<div style="width:21px;float:left;text-align:right;margin:7px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_margins.png" width="21" height="98" /></div>
<div style="float:left;text-align:left;margin:42px 0 0 5px;"><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>margins" id="<?php echo $prefix; ?>margins" size="1" value="" /><div style="width:25px;float:right;text-align:left;margin-left:3px;"></div></div>
</div>
</div>
<div class="menupaneblock">
<div class="menupanetitle"><?php echo JText::_('CK_PADDINGS'); ?></div>
<div class="menupaneblock">
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo JText::_('CK_TOP'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingtop.png" width="15" height="15" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>paddingtop" id="<?php echo $prefix; ?>paddingtop" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo JText::_('CK_RIGHT'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingright.png" width="15" height="15" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>paddingright" id="<?php echo $prefix; ?>paddingright" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo JText::_('CK_BOTTOM'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingbottom.png" width="15" height="15" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>paddingbottom" id="<?php echo $prefix; ?>paddingbottom" size="1" value="" /></div>
<div><div style="width:45px;float:left;text-align:right;margin-right:5px;"><?php echo JText::_('CK_LEFT'); ?></div><div style="float:left;text-align:right;margin:5px 8px 0 11px;"><img src="<?php echo $this->imagespath; ?>paddingleft.png" width="15" height="15" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>paddingleft" id="<?php echo $prefix; ?>paddingleft" size="1" value="" /></div>
</div>
<div class="menupaneblock">
<div style="width:21px;float:left;text-align:right;margin:7px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_paddings.png" width="15" height="98" /></div>
<div style="float:left;text-align:left;margin:42px 0 0 5px;"><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>paddings" id="<?php echo $prefix; ?>paddings" size="1" value="" /><div style="width:20px;float:right;text-align:left;margin-left:3px;"></div></div>
</div>
</div>
<?php if ($useheight OR $usewidth) { ?>
<div class="menuseparator"></div>
<div class="menupaneblock" style="margin-left:10px;">
<div class="menupanetitle<?php if ($expert == 'true') echo ' expert'; ?>" style="text-align:left;padding-left:0px;margin-top:0px;"><?php echo JText::_('CK_DIMENSIONS'); ?></div>
<?php if ($useheight) { ?>
<div style="text-align:left;">
<div><?php echo JText::_('CK_HEIGHT'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>height.png" width="15" height="15" align="top" /></div><div style="float:left;"><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>height" id="<?php echo $prefix; ?>height" size="2" value="" style="" /></div><div style="float:left;text-align:left;margin-left:3px;"></div>
</div>
<?php } ?>
<?php if ($usewidth) { ?>
<div style="text-align:left;clear:both;">
<div><?php echo JText::_('CK_WIDTH'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>width.png" width="15" height="15" align="top" /></div><div style="float:left;"><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>width" id="<?php echo $prefix; ?>width" size="2" value="" style="" /></div><div style="float:left;text-align:left;margin-left:3px;"></div>
</div>
<?php } ?>
</div>
<?php } ?>
<?php if ($iswrapper) { ?>
<div class="menuseparator"></div>
<div class="menupaneblock" style="margin-left:10px;width: 200px;">
<div class="menupanetitle" style="text-align:left;padding-left:0px;margin-top:0px;"><?php echo JText::_('CK_FULLWIDTH'); ?></div>
<div style="text-align:left;">
<div><?php echo JText::_('CK_FULLWIDTH_DESC'); ?></div>
<div style="float:left;text-align:right;margin:5px 5px 0 0;"><img src="<?php echo $this->imagespath; ?>width.png" width="15" height="15" align="top" /></div><div style="float:left;">
<select class="inputbox" style="width:55px;height:22px;" name="<?php echo $prefix; ?>fullwidth" id="<?php echo $prefix; ?>fullwidth" >
<option value="0"><?php echo JText::_('JNO') ?></option>
<option value="1"><?php echo JText::_('JYES') ?></option>
</select>
</div><div style="float:left;text-align:left;margin-left:3px;"></div>
</div>
</div>
<?php } ?>
<div class="menupaneblock" style="">
<div style="margin:10px 0 0 15px;"><img src="<?php echo $this->imagespath; ?>formatting.png" width="200" height="150" /></div>
</div>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createDecoration($prefix) {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo JText::_('CK_DECORATION'); ?></div>
<div class="menustylesblockaccordion">
<div class="menupaneblock" style="margin-left:0px;">
<div class="menupanetitle" style=""><?php echo JText::_('CK_ROUNDED_CORNERS'); ?>
</div>
<div class="menupaneblock">
<div><div style="float:left;text-align:right;margin:5px 3px 0 0;"><img src="<?php echo $this->imagespath; ?>topright_corner.png" width="18" height="18" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>borderradiustopright" id="<?php echo $prefix; ?>borderradiustopright" size="1" value="" style="" /><div style="width:85px;float:right;text-align:left;margin-left:3px;"><?php echo JText::_('CK_TOPRIGHT'); ?></div></div>
<div><div style="float:left;text-align:right;margin:5px 3px 0 0;"><img src="<?php echo $this->imagespath; ?>bottomright_corner.png" width="18" height="18" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>borderradiusbottomright" id="<?php echo $prefix; ?>borderradiusbottomright" size="1" value="" style="" /><div style="width:85px;float:right;text-align:left;margin-left:3px;"><?php echo JText::_('CK_BOTTOMRIGHT'); ?></div></div>
<div><div style="float:left;text-align:right;margin:5px 3px 0 0;"><img src="<?php echo $this->imagespath; ?>bottomleft_corner.png" width="18" height="18" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>borderradiusbottomleft" id="<?php echo $prefix; ?>borderradiusbottomleft" size="1" value="" style="" /><div style="width:85px;float:right;text-align:left;margin-left:3px;"><?php echo JText::_('CK_BOTTOMLEFT'); ?></div></div>
<div><div style="float:left;text-align:right;margin:5px 3px 0 0;"><img src="<?php echo $this->imagespath; ?>topleft_corner.png" width="18" height="18" align="top" /></div><input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>borderradiustopleft" id="<?php echo $prefix; ?>borderradiustopleft" size="1" value="" style="" /><div style="width:85px;float:right;text-align:left;margin-left:3px;"><?php echo JText::_('CK_TOPLEFT'); ?></div></div>
</div>
<div class="menupaneblock" style="width:100px;">
<div style="width:38px;float:left;text-align:right;margin:1px 0 0 0;"><img src="<?php echo $this->imagespath; ?>all_corners.png" width="38" height="98" /></div>
<div style="float:left;text-align:right;margin:35px 0 0 5px;">
<input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>borderradius" id="<?php echo $prefix; ?>borderradius" size="1" value="" style="" />
</div>
</div>
</div>
<div class="menupaneblock">
<div class="menupanetitle" style=""><?php echo JText::_('CK_BORDERS'); ?></div>
<div style="text-align: left;">
<span style="padding-left:30px;"><?php echo JText::_('CK_COLOR'); ?></span><span style="padding-left:30px;"><?php echo JText::_('CK_SIZE'); ?></span><span style="padding-left:20px;"><?php echo JText::_('CK_STYLE'); ?></span>
</div>
<div style="text-align: left;clear:both;">
<div style="width:15px;float:left;text-align:right;margin:5px 3px 0 0;">
<img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15" align="top" />
</div>
<input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>bordertopcolor" id="<?php echo $prefix; ?>bordertopcolor" size="7" style="width:55px;" />
<input class="inputbox ckresponsivable" type="text" style="border-top: 2px solid orange !important;" name="<?php echo $prefix; ?>bordertopsize" id="<?php echo $prefix; ?>bordertopsize" >
<select class="inputbox" style="width:55px;height:22px;" name="<?php echo $prefix; ?>bordertopstyle" id="<?php echo $prefix; ?>bordertopstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
<div style="text-align: left;">
<div style="width:15px;float:left;text-align:right;margin:5px 3px 0 0;">
<img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15" align="top" />
</div>
<input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderrightcolor" id="<?php echo $prefix; ?>borderrightcolor" size="7" style="width:55px;" />
<input class="inputbox ckresponsivable" type="text" style="border-right: 2px solid orange !important;" name="<?php echo $prefix; ?>borderrightsize" id="<?php echo $prefix; ?>borderrightsize">
<select class="inputbox" style="width:55px;height:22px;" name="<?php echo $prefix; ?>borderrightstyle" id="<?php echo $prefix; ?>borderrightstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
<div style="text-align: left;">
<div style="width:15px;float:left;text-align:right;margin:5px 3px 0 0;">
<img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15" align="top" />
</div>
<input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderbottomcolor" id="<?php echo $prefix; ?>borderbottomcolor" size="7" style="width:55px;" />
<input class="inputbox ckresponsivable" type="text" style="border-bottom: 2px solid orange !important;" name="<?php echo $prefix; ?>borderbottomsize" id="<?php echo $prefix; ?>borderbottomsize">
<select class="inputbox" style="width:55px;height:22px;" name="<?php echo $prefix; ?>borderbottomstyle" id="<?php echo $prefix; ?>borderbottomstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
<div style="text-align: left;">
<div style="width:15px;float:left;text-align:right;margin:5px 3px 0 0;">
<img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15" align="top" />
</div>
<input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderleftcolor" id="<?php echo $prefix; ?>borderleftcolor" size="7" style="width:55px;" />
<input class="inputbox ckresponsivable" style="border-left: 2px solid orange !important;" name="<?php echo $prefix; ?>borderleftsize" id="<?php echo $prefix; ?>borderleftsize">
<select class="inputbox" type="text" style="width:55px;height:22px;" name="<?php echo $prefix; ?>borderleftstyle" id="<?php echo $prefix; ?>borderleftstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
</div>
<div class="menupaneblock" style="width:80px;">
<div style="text-align: left;margin:42px 0 0 0px;">
<div><img src="<?php echo $this->imagespath; ?>all_borders_top.png" width="7" height="11" style="vertical-align:middle;" /></div>
<div><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderscolor" id="<?php echo $prefix; ?>borderscolor" size="7" style="width:55px;float:left;" /><div style="float:right;margin:4px 0px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div></div>
<div>
<input class="inputbox ckresponsivable" type="text" style="width:30px;" name="<?php echo $prefix; ?>borderssize" id="<?php echo $prefix; ?>borderssize" >
<div style="text-align:left;display:inline;"><?php echo JText::_('CK_SIZE'); ?></div>
</div>
<select class="inputbox" style="width:78px;height:22px;" name="<?php echo $prefix; ?>bordersstyle" id="<?php echo $prefix; ?>bordersstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
<div><img src="<?php echo $this->imagespath; ?>all_borders_bottom.png" width="7" height="8" style="vertical-align:middle;" /></div>
</div>
</div>
<div class="menupaneblock">
<div style="margin:3px 0 0 0px;"><img src="<?php echo $this->imagespath; ?>borders.png" width="200" height="170" /></div>
</div>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createSingleBorders($prefix) {
?>
<div class="menupaneblock" style="margin:0 15px 0 0;">
<div class="menupanetitle"><?php echo JText::_('CK_BORDERS'); ?></div>
<div style="float:left;">
<input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>borderscolor" id="<?php echo $prefix; ?>borderscolor" size="6" style="width:55px;" />
</div>
<div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
<input class="inputbox ckresponsivable" type="text" style="width:30px;" name="<?php echo $prefix; ?>borderssize" id="<?php echo $prefix; ?>borderssize" ><?php echo JText::_('CK_SIZE'); ?>
<select class="inputbox" style="width:78px;height:22px;" name="<?php echo $prefix; ?>bordersstyle" id="<?php echo $prefix; ?>bordersstyle" >
<option value="solid">solid</option>
<option value="dotted">dotted</option>
<option value="dashed">dashed</option>
</select>
</div>
<?php
}
public function createShadow($prefix) {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo JText::_('CK_SHADOW'); ?></div>
<div class="menustylesblockaccordion">
<div class="menupaneblock" style="text-align: left;">
<div class="menupanetitle"><?php echo JText::_('CK_SHADOW'); ?></div>
<div>
<div style="float:left;">
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>shadowcolor" id="<?php echo $prefix; ?>shadowcolor" size="6" style="width:52px;" /></div>
<div style="float:left;margin:4px 2px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div><?php echo JText::_('CK_COLOR'); ?>
<input class="inputbox ckresponsivable" type="text" value="" name="<?php echo $prefix; ?>shadowopacity" id="<?php echo $prefix; ?>shadowopacity" size="1" style="width:22px;"/><?php echo JText::_('CK_OPACITY'); ?>
<input class="inputbox ckresponsivable" type="hidden" value="" name="<?php echo $prefix; ?>shadowbefore" id="<?php echo $prefix; ?>shadowbefore" />
<input class="inputbox ckresponsivable" type="hidden" value="" name="<?php echo $prefix; ?>shadowafter" id="<?php echo $prefix; ?>shadowafter" />
<input class="inputbox ckresponsivable" type="hidden" value="" name="<?php echo $prefix; ?>shadowcustom" id="<?php echo $prefix; ?>shadowcustom" />
</div>
</div>
</div>
<div class="menupaneblock" >
<div class="menupanetitle"><?php echo JText::_('CK_WIDTH'); ?></div>
<div>
<input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>shadowblur" id="<?php echo $prefix; ?>shadowblur" size="1" value="" /><?php echo JText::_('CK_BLUR'); ?>
<input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>shadowspread" id="<?php echo $prefix; ?>shadowspread" size="1" value="" /><?php echo JText::_('CK_SPREAD'); ?>
</div>
</div>
<div class="clr"></div>
<div class="menupaneblock" >
<div class="menupanetitle"><?php echo JText::_('CK_OFFSET'); ?></div>
<div>
<input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>shadowoffseth" id="<?php echo $prefix; ?>shadowoffseth" size="1" value="" /><?php echo JText::_('x'); ?>
<input class="inputbox ckresponsivable" type="text" name="<?php echo $prefix; ?>shadowoffsetv" id="<?php echo $prefix; ?>shadowoffsetv" size="1" value="" /><?php echo JText::_('y'); ?>
</div>
</div>
<div class="clr"></div>
<div class="menupaneblock" >
<div class="menupanetitle"><?php echo JText::_('CK_DIRECTION'); ?></div>
<div>
<select class="inputbox ckresponsivable" type="list" name="<?php echo $prefix; ?>shadowinset" id="<?php echo $prefix; ?>shadowinset" value="" style="width:105px;" >
<option value="0"><?php echo JText::_('CK_OUTSIDE'); ?></option>
<option value="1"><?php echo JText::_('CK_INSIDE'); ?></option>
</select>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createIconText($prefix, $showlinks = true) {
?>
<div class="menustylesblock" >
<div class="menustylesblocktitle"><?php echo JText::_('CK_TEXT'); ?></div>
<div class="menustylesblockaccordion">
<div class="menupaneblock">
<div style="float:left;">
<div class="menupanetitle" style="width:200px;text-align:center;"><?php echo JText::_('CK_COLOR'); ?></div>
<div style="float:left;margin:0px 0 0 0px;clear:both;">
<div>
<div style="float:left;"><input class="inputbox ckresponsivable colorPicker" type="text" value="" name="<?php echo $prefix; ?>color" id="<?php echo $prefix; ?>color" size="6" style="width:52px;"/></div><div style="float:left;margin:5px 5px 0 2px;"><img src="<?php echo $this->imagespath; ?>color.png" width="15" height="15"/></div>
</div>
<div style="clear:both;">
<input class="inputbox ckresponsivable" style="width: 40px;" name="<?php echo $prefix; ?>fontsize" id="<?php echo $prefix; ?>fontsize" />
<div style="text-align:left;display:inline;"><?php echo JText::_('CK_SIZE'); ?></div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<?php
}
public function createEffects($prefix) {
?>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>hourglass.png" width="16" height="16" />
<?php echo JText::_('CK_DURATION'); ?></span>
<span class="ckoption-field">
<input class="inputbox <?php echo $prefix; ?>" type="text" name="<?php echo $prefix; ?>fxdur" id="<?php echo $prefix; ?>fxdur" value="1" style="width:105px;" /> [s]
</span>
<div class="clr"></div>
</div>
<div class="ckoption">
<span class="ckoption-label">
<img class="ckoption-icon" src="<?php echo $this->imagespath; ?>hourglass.png" width="16" height="16" />
<?php echo JText::_('CK_DELAY'); ?></span>
<span class="ckoption-field">
<input class="inputbox <?php echo $prefix; ?>" type="text" name="<?php echo $prefix; ?>fxdelay" id="<?php echo $prefix; ?>fxdelay" value="0" style="width:105px;" /> [s]
</span>
<div class="clr"></div>
</div>
<?php /*
<div class="ckheading"><?php echo JText::_('CK_OTHER_EFFECTS'); ?></div>
<div class="ckrow">
<input class="inputbox <?php echo $prefix; ?>" style="display: none;" type="checkbox" name="<?php echo $prefix; ?>fxcolor" id="<?php echo $prefix; ?>fxcolor" value="" />
<label for="<?php echo $prefix; ?>fxcolor" class="ckbutton"><?php echo JText::_('CK_COLOR'); ?></label>
<input class="inputbox <?php echo $prefix; ?>" style="display: none;" type="checkbox" name="<?php echo $prefix; ?>fxfontsize" id="<?php echo $prefix; ?>fxfontsize" value="" />
<label for="<?php echo $prefix; ?>fxfontsize" class="ckbutton"><?php echo JText::_('CK_FONTSIZE'); ?></label>
<input class="inputbox <?php echo $prefix; ?>" style="display: none;" type="checkbox" name="<?php echo $prefix; ?>fxbackground" id="<?php echo $prefix; ?>fxbackground" value="" />
<label for="<?php echo $prefix; ?>fxbackground" class="ckbutton"><?php echo JText::_('CK_BACKGROUND'); ?></label>
<input class="inputbox <?php echo $prefix; ?>" style="display: none;" type="checkbox" name="<?php echo $prefix; ?>fxborder" id="<?php echo $prefix; ?>fxborder" value="" />
<label for="<?php echo $prefix; ?>fxborder" class="ckbutton"><?php echo JText::_('CK_BORDER'); ?></label>
<input class="inputbox <?php echo $prefix; ?>" style="display: none;" type="checkbox" name="<?php echo $prefix; ?>fxborderradius" id="<?php echo $prefix; ?>fxborderradius" value="" />
<label for="<?php echo $prefix; ?>fxborderradius" class="ckbutton"><?php echo JText::_('CK_BORDERRADIUS'); ?></label>
<input class="inputbox <?php echo $prefix; ?>" style="display: none;" type="checkbox" name="<?php echo $prefix; ?>fxshadow" id="<?php echo $prefix; ?>fxshadow" value="" />
<label for="<?php echo $prefix; ?>fxshadow" class="ckbutton"><?php echo JText::_('CK_SHADOW'); ?></label>
<input class="inputbox <?php echo $prefix; ?>" style="display: none;" type="checkbox" name="<?php echo $prefix; ?>fxmargin" id="<?php echo $prefix; ?>fxmargin" value="" />
<label for="<?php echo $prefix; ?>fxmargin" class="ckbutton"><?php echo JText::_('CK_MARGIN'); ?></label>
<input class="inputbox <?php echo $prefix; ?>" style="display: none;" type="checkbox" name="<?php echo $prefix; ?>fxpadding" id="<?php echo $prefix; ?>fxpadding" value="" />
<label for="<?php echo $prefix; ?>fxpadding" class="ckbutton"><?php echo JText::_('CK_PADDING'); ?></label>
<?php if ($prefix == 'image') { ?>
<input class="inputbox image" style="display: none;" type="checkbox" name="overlayfxbackground" id="overlayfxbackground" value="" />
<label for="overlayfxbackground" class="ckbutton"><?php echo JText::_('CK_OVERLAY'); ?></label>
<?php } ?>
</div>
*/ ?>
<div class="ckheading"><?php echo JText::_('CK_OPACITY'); ?></div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_NORMAL_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>fxopacity_enable" id="<?php echo $prefix; ?>fxopacity_enable" />
<span class="ckoption-field">
<input placeholder="0 to 1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>" type="range" min="0" max="1" step="0.1" name="<?php echo $prefix; ?>fxopacity" id="<?php echo $prefix; ?>fxopacity" value="1" style="width:105px;" />
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_HOVER_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>hoverfxopacity_enable" id="<?php echo $prefix; ?>hoverfxopacity_enable" />
<span class="ckoption-field">
<input placeholder="0 to 1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>" type="range" min="0" max="1" step="0.1" name="<?php echo $prefix; ?>hoverfxopacity" id="<?php echo $prefix; ?>hoverfxopacity" value="1" style="width:105px;" />
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckheading"><?php echo JText::_('CK_MOVE'); ?></div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_DIRECTION'); ?>
</span>
<span class="ckoption-field">
<select class="inputbox <?php echo $prefix; ?> hasTip" title="<?php echo JText::_('CK_DIRECTION'); ?>" type="list" name="<?php echo $prefix; ?>fxmovedir" id="<?php echo $prefix; ?>fxmovedir" value="" style="width: 114px;" >
<option value="ltrck"><?php echo JText::_('CK_LEFT_TO_RIGHT'); ?></option>
<option value="rtlck"><?php echo JText::_('CK_RIGHT_TO_LEFT'); ?></option>
<option value="ttbck"><?php echo JText::_('CK_TOP_TO_BOTTOM'); ?></option>
<option value="bttck"><?php echo JText::_('CK_BOTTOM_TO_TOP'); ?></option>
</select>
</span>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_NORMAL_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>fxmovedist_enable" id="<?php echo $prefix; ?>fxmovedist_enable" />
<span class="ckoption-field">
<input placeholder="" class="inputbox <?php echo $prefix; ?> hasTip" title="<?php echo JText::_('CK_DISTANCE'); ?>" type="text" name="<?php echo $prefix; ?>fxmovedist" id="<?php echo $prefix; ?>fxmovedist" value="" /> [px]
</span>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_HOVER_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>hoverfxmovedist_enable" id="<?php echo $prefix; ?>hoverfxmovedist_enable" />
<span class="ckoption-field">
<input placeholder="" class="inputbox <?php echo $prefix; ?>hover hasTip" title="<?php echo JText::_('CK_DISTANCE'); ?>" type="text" name="<?php echo $prefix; ?>hoverfxmovedist" id="<?php echo $prefix; ?>hoverfxmovedist" value="" /> [px]
</span>
</div>
<div class="ckheading"><?php echo JText::_('CK_ROTATE'); ?></div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_NORMAL_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>fxrotrad_enable" id="<?php echo $prefix; ?>fxrotrad_enable" />
<span class="ckoption-field">
<input class="inputbox ckrangeinputupdate <?php echo $prefix; ?>" type="range" min="-180" max="180" step="1" name="<?php echo $prefix; ?>fxrotrad" id="<?php echo $prefix; ?>fxrotrad" value="0" style="width:105px;" /> °
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_HOVER_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>hoverfxrotrad_enable" id="<?php echo $prefix; ?>hoverfxrotrad_enable" />
<span class="ckoption-field">
<input placeholder="0" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>hover" type="range" min="-180" max="180" step="1" name="<?php echo $prefix; ?>hoverfxrotrad" id="<?php echo $prefix; ?>hoverfxrotrad" value="0" style="width:105px;" /> °
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckheading"><?php echo JText::_('CK_SCALE'); ?></div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_NORMAL_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>fxscale_enable" id="<?php echo $prefix; ?>fxscale_enable" />
<span class="ckoption-field">
<input placeholder="1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>" type="range" min="0" max="2" step="0.1" name="<?php echo $prefix; ?>fxscale" id="<?php echo $prefix; ?>fxscale" value="" style="width:105px;"/>
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_HOVER_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>hoverfxscale_enable" id="<?php echo $prefix; ?>hoverfxscale_enable" />
<span class="ckoption-field">
<input placeholder="1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>hover" type="range" min="0" max="2" step="0.1" name="<?php echo $prefix; ?>hoverfxscale" id="<?php echo $prefix; ?>hoverfxscale" value="" style="width:105px;"/>
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckheading"><?php echo JText::_('CK_BLUR'); ?></div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_NORMAL_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>fxblur_enable" id="<?php echo $prefix; ?>fxblur_enable" />
<span class="ckoption-field">
<input placeholder="1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>" type="range" min="0" max="1" step="0.1" name="<?php echo $prefix; ?>fxblur" id="<?php echo $prefix; ?>fxblur" value="0" style="width:105px;"/>
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_HOVER_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>hoverfxblur_enable" id="<?php echo $prefix; ?>hoverfxblur_enable" />
<span class="ckoption-field">
<input placeholder="1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>hover" type="range" min="0" max="1" step="0.1" name="<?php echo $prefix; ?>hoverfxblur" id="<?php echo $prefix; ?>hoverfxblur" value="0" style="width:105px;"/>
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckheading"><?php echo JText::_('CK_BRIGHTNESS'); ?></div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_NORMAL_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>fxbrightness_enable" id="<?php echo $prefix; ?>fxbrightness_enable" />
<span class="ckoption-field">
<input placeholder="1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>" type="range" min="0" max="2" step="0.1" name="<?php echo $prefix; ?>fxbrightness" id="<?php echo $prefix; ?>fxbrightness" value="1" style="width:105px;"/>
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_HOVER_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>hoverfxbrightness_enable" id="<?php echo $prefix; ?>hoverfxbrightness_enable" />
<span class="ckoption-field">
<input placeholder="1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>hover" type="range" min="0" max="2" step="0.1" name="<?php echo $prefix; ?>hoverfxbrightness" id="<?php echo $prefix; ?>hoverfxbrightness" value="1" style="width:105px;"/>
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckheading"><?php echo JText::_('CK_GRAYSCALE'); ?></div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_NORMAL_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>fxgrayscale_enable" id="<?php echo $prefix; ?>fxgrayscale_enable" />
<span class="ckoption-field">
<input placeholder="1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>" type="range" min="0" max="1" step="0.1" name="<?php echo $prefix; ?>fxgrayscale" id="<?php echo $prefix; ?>fxgrayscale" value="0" style="width:105px;"/>
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<div class="ckoption">
<span class="ckoption-label">
<?php echo JText::_('CK_HOVER_STATE'); ?>
</span>
<input class="inputbox inputbox-enable" type="checkbox" name="<?php echo $prefix; ?>hoverfxgrayscale_enable" id="<?php echo $prefix; ?>hoverfxgrayscale_enable" />
<span class="ckoption-field">
<input placeholder="1" class="inputbox ckrangeinputupdate <?php echo $prefix; ?>hover" type="range" min="0" max="1" step="0.1" name="<?php echo $prefix; ?>hoverfxgrayscale" id="<?php echo $prefix; ?>hoverfxgrayscale" value="0" style="width:105px;"/>
<input type="text" onchange="ckUpdateRangeInputs(this)" />
</span>
</div>
<?php
}
}