File Manager

Editing File: /home/fshjisk/udnos/wp-content/plugins/LayerSlider/assets/templates/tmpl-layer.php

<?php defined( 'LS_ROOT_FILE' ) || exit; ?>
<script type="text/html" id="ls-layer-template">
	<div class="ls-sublayer-page ls-sublayer-basic active">

</div>
		</div>

<input type="hidden" name="type" value="p">
		<ul class="ls-sublayer-element ls-hidden">
			<li class="ls-type active" data-element="p"><?php _e('Paragraph', 'LayerSlider') ?></li>
			<li class="ls-type" data-element="h1"><?php _e('H1', 'LayerSlider') ?></li>
			<li class="ls-type" data-element="h2"><?php _e('H2', 'LayerSlider') ?></li>
			<li class="ls-type" data-element="h3"><?php _e('H3', 'LayerSlider') ?></li>
			<li class="ls-type" data-element="h4"><?php _e('H4', 'LayerSlider') ?></li>
			<li class="ls-type" data-element="h5"><?php _e('H5', 'LayerSlider') ?></li>
			<li class="ls-type" data-element="h6"><?php _e('H6', 'LayerSlider') ?></li>
		</ul>

<div class="ls-image-uploader slide-image clearfix">
				<input type="hidden" name="imageId">
				<input type="hidden" name="image">
				<div class="ls-image ls-upload ls-bulk-upload ls-layer-image not-set" data-l10n-set="<?php _e('Click to set', 'LayerSlider') ?>" data-l10n-change="<?php _e('Click to change', 'LayerSlider') ?>">
					<div><img src="<?php echo LS_ROOT_URL.'/static/admin/img/blank.gif' ?>" alt=""></div>
					<a href="#" class="pixie"></a>
					<a href="#" class="dashicons dashicons-dismiss"></a>
				</div>
				<p>
					<?php _e('Click on the image preview to open WordPress Media Library or', 'LayerSlider') ?>
					<a href="#" class="ls-url-prompt"><?php _e('insert from URL', 'LayerSlider') ?></a> or
					<a href="#" class="ls-post-image"><?php _e('use post image', 'LayerSlider') ?></a>.
				</p>
			</div>

<div class="ls-html-code ls-hidden">
				<div class="ls-html-textarea">
					<textarea name="html" cols="50" rows="5" placeholder="<?php _e('Enter layer content here', 'LayerSlider') ?>"></textarea>
					<button type="button" class="button ls-insert-icon">
						<span class="dashicons dashicons-flag"></span>
						<?php _e('Add Icon', 'LayerSlider') ?>
					</button>
					<button type="button" class="button ls-replace-icon ls-replace-icon-button">
						<span class="dashicons dashicons-flag"></span>
						<?php _e('Replace With Icon', 'LayerSlider') ?>
					</button>
					<button type="button" class="button ls-open-media-modal-button">
						<span class="dashicons dashicons-admin-media"></span>
						<?php _e('Change Media', 'LayerSlider') ?>
					</button>
					<button type="button" class=" button ls-upload ls-bulk-upload ls-insert-media">
						<?php _e('Add Media', 'LayerSlider') ?>
					</button>
				</div>
				<div class="ls-options">

<div class="ls-image-uploader slide-image clearfix">
						<table>
							<tr>
								<td>
									<input type="hidden" name="posterId">
									<input type="hidden" name="poster">
									<div class="ls-image ls-upload ls-bulk-upload ls-media-image not-set" data-l10n-set="<?php _e('Click to set', 'LayerSlider') ?>" data-l10n-change="<?php _e('Click to change', 'LayerSlider') ?>">
										<div><img src="<?php echo LS_ROOT_URL.'/static/admin/img/blank.gif' ?>" alt=""></div>
										<a href="#" class="pixie"></a>
										<a href="#" class="dashicons dashicons-dismiss"></a>
									</div>
								</td>
								<td>
									<p>
										<?php _e('Insert a video poster image from your WordPress Media Library or ', 'LayerSlider') ?>
										<a href="#" class="ls-url-prompt ls-media-prompt"><?php _e('insert from URL', 'LayerSlider') ?></a>.
									</p>
								</td>
								<td>
									<?php lsGetCheckbox($lsDefaults['layers']['mediaBackgroundVideo'], null, array('class' => 'sublayerprop hero bgvideo')) ?>
									<?php echo $lsDefaults['layers']['mediaBackgroundVideo']['name'] ?>
								</td>
							</tr>
						</table>

<div class="ls-separator"><span><?php _e('options', 'LayerSlider') ?></span></div>
					<table class="ls-media-options">
						<tr>
							<td>
								<?php echo $lsDefaults['layers']['mediaAutoPlay']['name'] ?> <br>
								<?php lsGetSelect($lsDefaults['layers']['mediaAutoPlay'], null, array('class' => 'sublayerprop')) ?>
							</td>

<td class="muted">
								<?php echo $lsDefaults['layers']['mediaMuted']['name'] ?> <br>
								<?php lsGetSelect($lsDefaults['layers']['mediaMuted'], null, array('class' => 'sublayerprop')) ?>
							</td>

<td class="volume">
								<?php echo $lsDefaults['layers']['mediaVolume']['name'] ?> <br>
								<?php lsGetInput($lsDefaults['layers']['mediaVolume'], null, array('class' => 'sublayerprop')) ?>
							</td>
							<td class="overlay">
								<?php echo $lsDefaults['layers']['mediaOverlay']['name']; ?><br>
								<?php

$location = LS_ROOT_PATH.'/static/layerslider/overlays/*';
									$overlays = array('disabled' => 'No overlay image');

foreach( glob($location) as $file ) {
										$basename = basename($file);
										$url = LS_ROOT_URL.'/static/layerslider/overlays/'.$basename;

$overlays[$url] = $basename;
									}

lsGetSelect($lsDefaults['layers']['mediaOverlay'], null, array('class' => 'sublayerprop', 'options' => $overlays ));
								?>
							</td>
						</tr>
					</table>
					<table class="ls-media-options">
						<tr>
							<td>
								<?php echo $lsDefaults['layers']['mediaFillMode']['name'] ?> <br>
								<?php lsGetSelect($lsDefaults['layers']['mediaFillMode'], null, array('class' => 'sublayerprop')) ?>
							</td>
							<td>
								<?php echo $lsDefaults['layers']['mediaControls']['name'] ?> <br>
								<?php lsGetSelect($lsDefaults['layers']['mediaControls'], null, array('class' => 'sublayerprop')) ?>
							</td>
							<td>
								<?php echo $lsDefaults['layers']['mediaInfo']['name'] ?> <br>
								<?php lsGetSelect($lsDefaults['layers']['mediaInfo'], null, array('class' => 'sublayerprop')) ?>
							</td>
						</tr>
					</table>

<table class="ls-media-options">
						<tr>
							<td class="loop">
								<?php echo $lsDefaults['layers']['mediaLoop']['name'] ?> <br>
								<?php lsGetSelect($lsDefaults['layers']['mediaLoop'], null, array('class' => 'sublayerprop')) ?>
							</td>
							<td class="loop"></td>
							<td class="loop"></td>
						</tr>
					</table>
				</div>

<div class="ls-post-section ls-hidden">
				<div class="ls-posts-configured">
					<ul class="ls-post-placeholders clearfix">
						<li><span>[post-id]</span></li>
						<li><span>[post-slug]</span></li>
						<li><span>[post-url]</span></li>
						<li><span>[date-published]</span></li>
						<li><span>[time-published]</span></li>
						<li><span>[date-modified]</span></li>
						<li><span>[time-modified]</span></li>
						<li><span>[image]</span></li>
						<li><span>[image-url]</span></li>
						<li><span>[thumbnail]</span></li>
						<li><span>[thumbnail-url]</span></li>
						<li><span>[title]</span></li>
						<li><span>[content]</span></li>
						<li><span>[excerpt]</span></li>
						<li data-placeholder="<a href=&quot;[post-url]&quot;>Read more</a>"><span>[link]</span></li>
						<li><span>[author]</span></li>
						<li><span>[author-name]</span></li>
						<li><span>[author-avatar]</span></li>
						<li><span>[author-id]</span></li>
						<li><span>[categories]</span></li>
						<li><span>[tags]</span></li>
						<li><span>[comments]</span></li>
						<li><span>[meta:&lt;fieldname&gt;]</span></li>
					</ul>
					<p>
						<?php _e('Click on one or more post placeholders to insert them into your layer’s content. Post placeholders act like shortcodes in WP, and they will be filled with the actual content from your posts.', 'LayerSlider') ?><br>
						<?php _e('Limit text length (if any)', 'LayerSlider') ?>
						<input type="number" name="post_text_length">
						<button type="button" class="button ls-configure-posts"><span class="dashicons dashicons-admin-post"></span><?php _e('Configure post options', 'LayerSlider') ?></button>
					</p>
				</div>
			</div>

</div>

<div id="ls-background-notification">
			<div class="ls-notification-info solid">
				<i class="dashicons dashicons-info"></i>
				This layer contains a background image. You can edit it under the <a href="#">Styles</a> tab.
			</div>
		</div>

</div>
	<div class="ls-sublayer-page ls-sublayer-options">

<table id="ls-transition-selector-table">
			<tr>
				<td class="ls-padding"></td>
				<td class="ls-opening-transition">
					<div>
						<div class="ls-tpreview-wrapper" id="ls-tpreview-in">
							<div class="ls-preview-layer"></div>
						</div>
						<span><?php _e('Opening<br>Transition', 'LayerSlider') ?></span>
					</div>
				</td>
				<td class="ls-padding ls-only-with-text-layers"></td>
				<td class="ls-opening-transition ls-only-with-text-layers">
					<div>
						<div class="ls-tpreview-wrapper" id="ls-tpreview-textin">
							<span class="ls-preview-layer_t ls-preview-layer_t4">t</span>
							<span class="ls-preview-layer_t ls-preview-layer_t3">x</span>
							<span class="ls-preview-layer_t ls-preview-layer_t2">e</span>
							<span class="ls-preview-layer_t ls-preview-layer_t1">t</span>
						</div>
						<span><?php _e('Opening Text<br>Transition', 'LayerSlider') ?></span>
					</div>
				</td>
				<td class="ls-padding"></td>
				<td>
					<div>
						<div class="ls-tpreview-wrapper" id="ls-tpreview-loop">
							<div class="ls-preview-layer"></div>
						</div>
						<span><?php _e('Loop or Middle<br>Transition', 'LayerSlider') ?></span>
					</div>
				</td>
				<td class="ls-padding ls-only-with-text-layers"></td>
				<td class="ls-only-with-text-layers">
					<div>
						<div class="ls-tpreview-wrapper" id="ls-tpreview-textout">
							<span class="ls-preview-layer_t ls-preview-layer_t4">t</span>
							<span class="ls-preview-layer_t ls-preview-layer_t3">x</span>
							<span class="ls-preview-layer_t ls-preview-layer_t2">e</span>
							<span class="ls-preview-layer_t ls-preview-layer_t1">t</span>
						</div>
						<span><?php _e('Ending Text<br>Transition', 'LayerSlider') ?></span>
					</div>
				</td>
				<td class="ls-padding"></td>
				<td>
					<div>
						<div class="ls-tpreview-wrapper" id="ls-tpreview-out">
							<div class="ls-preview-layer"></div>
						</div>
						<span><?php _e('Ending<br>Transition', 'LayerSlider') ?></span>
					</div>
				</td>
				<td class="ls-padding"></td>
				<td>
					<div>
						<div class="ls-tpreview-wrapper" id="ls-tpreview-hover">
							<div class="ls-preview-layer"></div>
						</div>
						<span><?php _e('Hover<br>Transition', 'LayerSlider') ?></span>
					</div>
				</td>
				<td class="ls-padding"></td>
				<td>
					<div>
						<div class="ls-tpreview-wrapper" id="ls-tpreview-parallax">
							<div class="ls-preview-layer"></div>
							<div class="ls-preview-layer ls-preview-layer_b"></div>
						</div>
						<span><?php _e('Parallax<br>Transition', 'LayerSlider') ?></span>
					</div>
				</td>
				<td class="ls-padding"></td>
			</tr>
		</table>

<div id="ls-transition-warning">
			<div class="ls-notification-info">
				<i class="dashicons dashicons-info"></i>
				<?php _e('Layers require an opening transition in order to become visible during the slideshow. Enable either <mark>Opening Transition</mark> or <mark>Opening Text Transition</mark> to make this layer visible again.', 'LayerSlider') ?>
			</div>
		</div>

<section data-storage="ls-tr-in">
				<div>
					<div class="ls-separator"><span><?php _e('Opening Transition properties', 'LayerSlider') ?></span></div>
					<header>
						<div class="ls-h-enabled"><?php _e('ENABLED', 'LayerSlider') ?></div>
						<div class="ls-h-button"><?php lsGetCheckbox($lsDefaults['layers']['transitionIn'], null, array('class' => 'sublayerprop large toggle')) ?></div>
						<div class="ls-h-description"><?php _e('The following are the initial options from which this layer animates toward the appropriate values set under the Styles tab when it enters into the slider canvas.', 'LayerSlider') ?></div>
						<div class="ls-h-actions">
							<a href="#" class="copy"><i class="dashicons dashicons-clipboard"></i> <?php _e('Copy transition properties', 'LayerSlider') ?></a>
							<a href="#" class="paste"><i class="dashicons dashicons-admin-page"></i> <?php _e('Paste transition properties', 'LayerSlider') ?></a>
						</div>
					</header>
				</div>
				<div class="overlay">
					<ul class="layer-properties-box clearfix">
						<li>
							<h5><span><?php _e('Position &amp; Dimensions', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInOffsetX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInOffsetX'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInOffsetY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInOffsetY'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInScaleX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInScaleX'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInScaleY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInScaleY'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInWidth']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInWidth'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInHeight']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInHeight'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Rotation, Skew &amp; Mask', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInRotate']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInRotate'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInRotateX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInRotateX'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInRotateY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInRotateY'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInSkewX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInSkewX'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInSkewY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInSkewY'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInClip']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInClip'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Timing &amp; Transform', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInDelay']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInDelay'], null, array('class' => 'sublayerprop')) ?> ms
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInDuration']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInDuration'], null, array('class' => 'sublayerprop')) ?> ms
									</div>
								</li>
								<li>
									<div>
										<a href="http://easings.net/" target="_blank"><?php echo $lsDefaults['layers']['transitionInEasing']['name'] ?></a>
									</div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['transitionInEasing'], null, array('class' => 'sublayerprop', 'options' => $lsDefaults['easings'])) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInTransformOrigin']['name'] ?>
									</div>
									<div>
										<i class="dashicons dashicons-search"></i><?php lsGetInput($lsDefaults['layers']['transitionInTransformOrigin'], null, array('class' => 'sublayerprop', 'style' => 'width:130px')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInPerspective']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInPerspective'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Style properties', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInFade']['name'] ?>
									</div>
									<div>
										<?php lsGetCheckbox($lsDefaults['layers']['transitionInFade'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInColor']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInColor'], null, array('class' => 'sublayerprop ls-colorpicker')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInBGColor']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInBGColor'], null, array('class' => 'sublayerprop ls-colorpicker')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionInRadius']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInRadius'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
 								<li>
									<div>
										<a href="https://developer.mozilla.org/en/docs/Web/CSS/filter#Functions" target="_blank"><?php echo $lsDefaults['layers']['transitionInFilter']['name'] ?></a>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionInFilter'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
 							</ul>
						</li>
					</ul>
				</div>
			</section>

<section class="ls-text-transition" data-storage="ls-tr-text-in">
				<div>
					<div class="ls-separator"><span><?php _e('Opening Text Transition properties', 'LayerSlider') ?></span></div>
					<header>
						<div class="ls-h-enabled"><?php _e('ENABLED', 'LayerSlider') ?></div>
						<div class="ls-h-button"><?php lsGetCheckbox($lsDefaults['layers']['textTransitionIn'], null, array('class' => 'sublayerprop large toggle')) ?></div>
						<div class="ls-h-description"><?php _e('The following options specify the initial state of each text fragments before they start animating toward the joint whole word.', 'LayerSlider') ?></div>
						<div class="ls-h-actions">
							<a href="#" class="copy"><i class="dashicons dashicons-clipboard"></i> <?php _e('Copy transition properties', 'LayerSlider') ?></a>
							<a href="#" class="paste"><i class="dashicons dashicons-admin-page"></i> <?php _e('Paste transition properties', 'LayerSlider') ?></a>
						</div>
					</header>
				</div>
				<div class="overlay">
					<ul class="layer-properties-box clearfix">
						<li>
							<h5><span><?php _e('Type, Position &amp; Dimensions', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textTypeIn']['name'] ?>
									</div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['textTypeIn'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textOffsetXIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textOffsetXIn'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textOffsetYIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textOffsetYIn'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textScaleXIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textScaleXIn'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textScaleYIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textScaleYIn'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Rotation &amp; Skew', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textRotateIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textRotateIn'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textRotateXIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textRotateXIn'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textRotateYIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textRotateYIn'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textSkewXIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textSkewXIn'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textSkewYIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textSkewYIn'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Timing &amp; Transform', 'LayerSlider') ?></span></h5>
							<ul>
								<li class="start-at-wrapper" data-help="<?php _e('Sets the starting time for this transition. Select one of the pre-defined options from this list to control timing in relation with other transition types. Additionally, you can shift starting time with the modifier controls below.', 'LayerSlider') ?>">
									<div><?php _e('Start when', 'LayerSlider') ?></div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textStartAtIn'], null, array('class' => 'sublayerprop start-at-calc undomanager-merge')) ?>
										<?php lsGetSelect($lsDefaults['layers']['textStartAtInTiming'], null, array('class' => 'sublayerprop start-at-timing')) ?>
									</div>
								</li>
								<li class="start-at-wrapper" data-help="<?php _e('Shifts the above selected starting time by performing a custom operation. For example, &quot;- 1000&quot; will advance the animation by playing it 1 second (1000 milliseconds) earlier.', 'LayerSlider') ?>">
									<div><?php _e('with modifier', 'LayerSlider') ?></div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['textStartAtInOperator'], null, array('class' => 'sublayerprop start-at-operator')) ?>
										<?php lsGetInput($lsDefaults['layers']['textStartAtInValue'], null, array('class' => 'sublayerprop start-at-value')) ?>  ms
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textDurationIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textDurationIn'], null, array('class' => 'sublayerprop')) ?> ms
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textShiftIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textShiftIn'], null, array('class' => 'sublayerprop')) ?> ms
									</div>
								</li>
								<li>
									<div>
										<a href="http://easings.net/" target="_blank"><?php echo $lsDefaults['layers']['textEasingIn']['name'] ?></a>
									</div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['textEasingIn'], null, array('class' => 'sublayerprop', 'options' => $lsDefaults['easings'])) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textTransformOriginIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textTransformOriginIn'], null, array('class' => 'sublayerprop', 'style' => 'width:130px')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textPerspectiveIn']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textPerspectiveIn'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Style properties', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textFadeIn']['name'] ?>
									</div>
									<div>
										<?php lsGetCheckbox($lsDefaults['layers']['textFadeIn'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>

<section data-storage="ls-tr-loop">
				<div>
					<div class="ls-separator"><span><?php _e('Loop / Middle Transition properties', 'LayerSlider') ?></span></div>
					<header>
						<div class="ls-h-enabled"><?php _e('ENABLED', 'LayerSlider') ?></div>
						<div class="ls-h-button"><?php lsGetCheckbox($lsDefaults['layers']['loop'], null, array('class' => 'sublayerprop large toggle')) ?></div>
						<div class="ls-h-description"><?php _e('Repeats a transition based on the options below. If you set the Loop Count to 1, it can also act as a middle transition in the chain of animation lifecycles.', 'LayerSlider') ?></div>
						<div class="ls-h-actions">
							<a href="#" class="copy"><i class="dashicons dashicons-clipboard"></i> <?php _e('Copy transition properties', 'LayerSlider') ?></a>
							<a href="#" class="paste"><i class="dashicons dashicons-admin-page"></i> <?php _e('Paste transition properties', 'LayerSlider') ?></a>
						</div>
					</header>
				</div>
				<div class="overlay">
					<ul class="layer-properties-box clearfix">
						<li>
							<h5><span><?php _e('Position &amp; Dimensions', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopOffsetX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopOffsetX'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopOffsetY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopOffsetY'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopScaleX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopScaleX'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopScaleY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopScaleY'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Rotation, Skew &amp; Mask', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopRotate']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopRotate'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopRotateX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopRotateX'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopRotateY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopRotateY'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopSkewX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopSkewX'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopSkewY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopSkewY'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopClip']['name'] ?><br>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopClip'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Timing &amp; Transform', 'LayerSlider') ?></span></h5>
							<ul>
								<li class="start-at-wrapper" data-help="<?php _e('Sets the starting time for this transition. Select one of the pre-defined options from this list to control timing in relation with other transition types. Additionally, you can shift starting time with the modifier controls below.', 'LayerSlider'); ?>">
									<div><?php _e('Start when', 'LayerSlider') ?></div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopStartAt'], null, array('class' => 'sublayerprop start-at-calc undomanager-merge')) ?>
										<?php lsGetSelect($lsDefaults['layers']['loopStartAtTiming'], null, array('class' => 'sublayerprop start-at-timing')) ?>
									</div>
								</li>
								<li class="start-at-wrapper" data-help="<?php _e('Shifts the above selected starting time by performing a custom operation. For example, &quot;- 1000&quot; will advance the animation by playing it 1 second (1000 milliseconds) earlier.', 'LayerSlider'); ?>">
									<div><?php _e('with modifier', 'LayerSlider') ?></div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['loopStartAtOperator'], null, array('class' => 'sublayerprop start-at-operator')) ?>
										<?php lsGetInput($lsDefaults['layers']['loopStartAtValue'], null, array('class' => 'sublayerprop start-at-value')) ?>  ms
									</div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['loopDuration']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['loopDuration'], null, array('class' => 'sublayerprop')) ?> ms</div>
								</li>
								<li>
									<div>
										<a href="http://easings.net/" target="_blank"><?php echo $lsDefaults['layers']['loopEasing']['name'] ?></a>
									</div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['loopEasing'], null, array('class' => 'sublayerprop', 'options' => $lsDefaults['easings'])) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopCount']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopCount'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopWait']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopWait'], null, array('class' => 'sublayerprop')) ?> ms
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopYoyo']['name'] ?>
									</div>
									<div>
										<label style="display:inline" data-help="<?php echo $lsDefaults['layers']['loopYoyo']['tooltip'] ?>"><?php lsGetCheckbox($lsDefaults['layers']['loopYoyo'], null, array('class' => 'sublayerprop')) ?></label>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopTransformOrigin']['name'] ?>
									</div>
									<div>
										<i class="dashicons dashicons-search"></i><?php lsGetInput($lsDefaults['layers']['loopTransformOrigin'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopPerspective']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopPerspective'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>

</li>
						<li>
							<h5><span><?php _e('Style properties', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['loopOpacity']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopOpacity'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
 								<li>
									<div>
										<a href="https://developer.mozilla.org/en/docs/Web/CSS/filter#Functions" target="_blank"><?php echo $lsDefaults['layers']['loopFilter']['name'] ?></a>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['loopFilter'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>

<section class="ls-text-transition" data-storage="ls-tr-text-out">
				<div>
					<div class="ls-separator"><span><?php _e('Ending Text Transition properties', 'LayerSlider') ?></span></div>
					<header>
						<div class="ls-h-enabled"><?php _e('ENABLED', 'LayerSlider') ?></div>
						<div class="ls-h-button"><?php lsGetCheckbox($lsDefaults['layers']['textTransitionOut'], null, array('class' => 'sublayerprop large toggle')) ?></div>
						<div class="ls-h-description"><?php _e('Each text fragment will animate from the joint whole word to the options you specify here.', 'LayerSlider') ?></div>
						<div class="ls-h-actions">
							<a href="#" class="copy"><i class="dashicons dashicons-clipboard"></i> <?php _e('Copy transition properties', 'LayerSlider') ?></a>
							<a href="#" class="paste"><i class="dashicons dashicons-admin-page"></i> <?php _e('Paste transition properties', 'LayerSlider') ?></a>
						</div>
					</header>
				</div>
				<div class="overlay">
					<ul class="layer-properties-box clearfix">
						<li>
							<h5><span><?php _e('Type, Position &amp; Dimensions', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textTypeOut']['name'] ?>
									</div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['textTypeOut'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textOffsetXOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textOffsetXOut'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textOffsetYOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textOffsetYOut'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textScaleXOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textScaleXOut'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textScaleYOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textScaleYOut'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Rotation &amp; Skew', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textRotateOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textRotateOut'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textRotateXOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textRotateXOut'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textRotateYOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textRotateYOut'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textSkewXOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textSkewXOut'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textSkewYOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textSkewYOut'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Timing &amp; Transform', 'LayerSlider') ?></span></h5>
							<ul>
								<li class="start-at-wrapper" data-help="<?php _e('Sets the starting time for this transition. Select one of the pre-defined options from this list to control timing in relation with other transition types. Additionally, you can shift starting time with the modifier controls below.', 'LayerSlider'); ?>">
									<div><?php _e('Start when', 'LayerSlider') ?></div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textStartAtOut'], null, array('class' => 'sublayerprop start-at-calc undomanager-merge')) ?>
										<?php lsGetSelect($lsDefaults['layers']['textStartAtOutTiming'], null, array('class' => 'sublayerprop start-at-timing')) ?>
									</div>
								</li>
								<li class="start-at-wrapper" data-help="<?php _e('Shifts the above selected starting time by performing a custom operation. For example, &quot;- 1000&quot; will advance the animation by playing it 1 second (1000 milliseconds) earlier.', 'LayerSlider'); ?>">
									<div><?php _e('with modifier', 'LayerSlider') ?></div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['textStartAtOutOperator'], null, array('class' => 'sublayerprop start-at-operator')) ?>
										<?php lsGetInput($lsDefaults['layers']['textStartAtOutValue'], null, array('class' => 'sublayerprop start-at-value')) ?>  ms
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textDurationOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textDurationOut'], null, array('class' => 'sublayerprop')) ?> ms
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textShiftOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textShiftOut'], null, array('class' => 'sublayerprop')) ?> ms
									</div>
								</li>
								<li>
									<div>
										<a href="http://easings.net/" target="_blank"><?php echo $lsDefaults['layers']['textEasingOut']['name'] ?></a>
									</div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['textEasingOut'], null, array('class' => 'sublayerprop', 'options' => $lsDefaults['easings'])) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textTransformOriginOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textTransformOriginOut'], null, array('class' => 'sublayerprop', 'style' => 'width:130px')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textPerspectiveOut']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['textPerspectiveOut'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Style properties', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['textFadeOut']['name'] ?>
									</div>
									<div>
										<?php lsGetCheckbox($lsDefaults['layers']['textFadeOut'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>

<section data-storage="ls-tr-out">
				<div>
					<div class="ls-separator"><span><?php _e('Ending Transition properties', 'LayerSlider') ?></span></div>
					<header>
						<div class="ls-h-enabled"><?php _e('ENABLED', 'LayerSlider') ?></div>
						<div class="ls-h-button"><?php lsGetCheckbox($lsDefaults['layers']['transitionOut'], null, array('class' => 'sublayerprop large toggle')) ?></div>
						<div class="ls-h-description"><?php _e('The following options will be the end values where this layer animates toward when it leaves the slider canvas.', 'LayerSlider') ?></div>
						<div class="ls-h-actions">
							<a href="#" class="copy"><i class="dashicons dashicons-clipboard"></i> <?php _e('Copy transition properties', 'LayerSlider') ?></a>
							<a href="#" class="paste"><i class="dashicons dashicons-admin-page"></i> <?php _e('Paste transition properties', 'LayerSlider') ?></a>
						</div>
					</header>
				</div>
				<div class="overlay">
					<ul class="layer-properties-box clearfix">
						<li>
							<h5><span><?php _e('Position &amp; Dimensions', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutOffsetX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutOffsetX'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutOffsetY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutOffsetY'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutScaleX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutScaleX'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutScaleY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutScaleY'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutWidth']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutWidth'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutHeight']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutHeight'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Rotation, Skew &amp; Mask', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutRotate']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutRotate'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutRotateX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutRotateX'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutRotateY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutRotateY'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutSkewX']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutSkewX'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutSkewY']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutSkewY'], null, array('class' => 'sublayerprop')) ?> &deg;
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutClip']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutClip'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Timing &amp; Transform', 'LayerSlider') ?></span></h5>
							<ul>
								<li class="start-at-wrapper" data-help="<?php _e('Sets the starting time for this transition. Select one of the pre-defined options from this list to control timing in relation with other transition types. Additionally, you can shift starting time with the modifier controls below.', 'LayerSlider'); ?>">
									<div><?php _e('Start when', 'LayerSlider') ?></div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutStartAt'], null, array('class' => 'sublayerprop start-at-calc undomanager-merge')) ?>
										<?php lsGetSelect($lsDefaults['layers']['transitionOutStartAtTiming'], null, array('class' => 'sublayerprop start-at-timing')) ?>
									</div>
								</li>
								<li class="start-at-wrapper" data-help="<?php _e('Shifts the above selected starting time by performing a custom operation. For example, &quot;- 1000&quot; will advance the animation by playing it 1 second (1000 milliseconds) earlier.', 'LayerSlider'); ?>">
									<div><?php _e('with modifier', 'LayerSlider') ?></div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['transitionOutStartAtOperator'], null, array('class' => 'sublayerprop start-at-operator')) ?>
										<?php lsGetInput($lsDefaults['layers']['transitionOutStartAtValue'], null, array('class' => 'sublayerprop start-at-value')) ?>  ms
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutDuration']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutDuration'], null, array('class' => 'sublayerprop')) ?> ms
									</div>
								</li>
								<li>
									<div>
										<a href="http://easings.net/" target="_blank"><?php echo $lsDefaults['layers']['transitionOutEasing']['name'] ?></a>
									</div>
									<div>
										<?php lsGetSelect($lsDefaults['layers']['transitionOutEasing'], null, array('class' => 'sublayerprop', 'options' => $lsDefaults['easings'])) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutTransformOrigin']['name'] ?>
									</div>
									<div>
										<i class="dashicons dashicons-search"></i><?php lsGetInput($lsDefaults['layers']['transitionOutTransformOrigin'], null, array('class' => 'sublayerprop', 'style' => 'width:130px')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutPerspective']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutPerspective'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Style properties', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutFade']['name'] ?>
									</div>
									<div>
										<?php lsGetCheckbox($lsDefaults['layers']['transitionOutFade'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutColor']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutColor'], null, array('class' => 'sublayerprop ls-colorpicker')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutBGColor']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutBGColor'], null, array('class' => 'sublayerprop ls-colorpicker')) ?>
									</div>
								</li>
								<li>
									<div>
										<?php echo $lsDefaults['layers']['transitionOutRadius']['name'] ?>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutRadius'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
 								<li>
									<div>
										<a href="https://developer.mozilla.org/en/docs/Web/CSS/filter#Functions" target="_blank"><?php echo $lsDefaults['layers']['transitionOutFilter']['name'] ?></a>
									</div>
									<div>
										<?php lsGetInput($lsDefaults['layers']['transitionOutFilter'], null, array('class' => 'sublayerprop')) ?>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>

<section data-storage="ls-tr-hover">
				<div>
					<div class="ls-separator"><span><?php _e('Hover Transition properties', 'LayerSlider') ?></span></div>
					<header>
						<div class="ls-h-enabled"><?php _e('ENABLED', 'LayerSlider') ?></div>
						<div class="ls-h-button"><?php lsGetCheckbox($lsDefaults['layers']['hover'], null, array('class' => 'sublayerprop large toggle')) ?></div>
						<div class="ls-h-description"><?php _e('Plays a transition based on the options below when the user moves the mouse cursor over this layer.', 'LayerSlider') ?></div>
						<div class="ls-h-actions">
							<a href="#" class="copy"><i class="dashicons dashicons-clipboard"></i> <?php _e('Copy transition properties', 'LayerSlider') ?></a>
							<a href="#" class="paste"><i class="dashicons dashicons-admin-page"></i> <?php _e('Paste transition properties', 'LayerSlider') ?></a>
						</div>
					</header>
				</div>
				<div class="overlay">
					<ul class="layer-properties-box clearfix">
						<li>
							<h5><span><?php _e('Position &amp; Dimensions', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverOffsetX']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverOffsetX'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverOffsetY']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverOffsetY'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverScaleX']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverScaleX'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverScaleY']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverScaleY'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Rotation, Skew &amp; Mask', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverRotate']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverRotate'], null, array('class' => 'sublayerprop')) ?> &deg;</div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverRotateX']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverRotateX'], null, array('class' => 'sublayerprop')) ?> &deg;</div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverRotateY']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverRotateY'], null, array('class' => 'sublayerprop')) ?> &deg;</div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverSkewX']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverSkewX'], null, array('class' => 'sublayerprop')) ?> &deg;</div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverSkewY']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverSkewY'], null, array('class' => 'sublayerprop')) ?> &deg;</div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Timing &amp; Transform', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverInDuration']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverInDuration'], null, array('class' => 'sublayerprop')) ?> ms</div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverOutDuration']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverOutDuration'], null, array('class' => 'sublayerprop')) ?> ms</div>
								</li>
								<li>
									<div><a href="http://easings.net/" target="_blank"><?php echo $lsDefaults['layers']['hoverInEasing']['name'] ?></a></div>
									<div><?php lsGetSelect($lsDefaults['layers']['hoverInEasing'], null, array('class' => 'sublayerprop', 'options' => $lsDefaults['easings'])) ?></div>
								</li>
								<li>
									<div><a href="http://easings.net/" target="_blank"><?php echo $lsDefaults['layers']['hoverOutEasing']['name'] ?></a></div>
									<div><?php lsGetSelect($lsDefaults['layers']['hoverOutEasing'], null, array('class' => 'sublayerprop', 'options' => array_merge(array('' => '- Same easing -'), $lsDefaults['easings']) )) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverTransformOrigin']['name'] ?></div>
									<div><i class="dashicons dashicons-search"></i><?php lsGetInput($lsDefaults['layers']['hoverTransformOrigin'], null, array('class' => 'sublayerprop', 'style' => 'width:130px')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverTransformPerspective']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverTransformPerspective'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Style properties', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverOpacity']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverOpacity'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverColor']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverColor'], null, array('class' => 'sublayerprop ls-colorpicker')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverBGColor']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverBGColor'], null, array('class' => 'sublayerprop ls-colorpicker')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverBorderRadius']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['hoverBorderRadius'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['hoverTopOn']['name'] ?></div>
									<div><?php lsGetCheckbox($lsDefaults['layers']['hoverTopOn'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>

<section data-storage="ls-tr-parallax">
				<div>
					<div class="ls-separator"><span><?php _e('Parallax Transition properties', 'LayerSlider') ?></span></div>
					<header>
						<div class="ls-h-enabled"><?php _e('ENABLED', 'LayerSlider') ?></div>
						<div class="ls-h-button"><?php lsGetCheckbox($lsDefaults['layers']['parallax'], null, array('class' => 'sublayerprop large toggle')) ?></div>
						<div class="ls-h-description"><?php _e('Select a parallax type and event, then set the Parallax Level option to enable parallax layers.', 'LayerSlider') ?></div>
						<div class="ls-h-actions">
							<a href="#" class="copy"><i class="dashicons dashicons-clipboard"></i> <?php _e('Copy transition properties', 'LayerSlider') ?></a>
							<a href="#" class="paste"><i class="dashicons dashicons-admin-page"></i> <?php _e('Paste transition properties', 'LayerSlider') ?></a>
						</div>
					</header>
				<div class="overlay">
					<ul class="layer-properties-box clearfix col-3">
						<li>
							<h5><span><?php _e('Basic Settings', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxLevel']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['parallaxLevel'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxType']['name'] ?></div>
									<div><?php lsGetSelect($lsDefaults['layers']['parallaxType'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxEvent']['name'] ?></div>
									<div><?php lsGetSelect($lsDefaults['layers']['parallaxEvent'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxAxis']['name'] ?></div>
									<div><?php lsGetSelect($lsDefaults['layers']['parallaxAxis'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Distance &amp; Rotation', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxDistance']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['parallaxDistance'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxRotate']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['parallaxRotate'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
							</ul>
						</li>
						<li>
							<h5><span><?php _e('Timing &amp; Transform', 'LayerSlider') ?></span></h5>
							<ul>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxDurationMove']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['parallaxDurationMove'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxDurationLeave']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['parallaxDurationLeave'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxTransformOrigin']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['parallaxTransformOrigin'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
								<li>
									<div><?php echo $lsDefaults['layers']['parallaxPerspective']['name'] ?></div>
									<div><?php lsGetInput($lsDefaults['layers']['parallaxPerspective'], null, array('class' => 'sublayerprop')) ?></div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
		</div>

<div class="ls-layer-other-settings clearfix">
			<div>
				<div>
					<?php echo $lsDefaults['layers']['transitionStatic']['name'] ?>
				</div>
				<div>
					<?php lsGetSelect($lsDefaults['layers']['transitionStatic'], null, array('class' => 'sublayerprop')) ?>
				</div>
			</div>

<div class="clearfix">
 				<div>
					<?php echo $lsDefaults['layers']['transitionKeyframe']['name'] ?>
				</div>
				<div>
					<?php lsGetCheckbox($lsDefaults['layers']['transitionKeyframe'], null, array('class' => 'sublayerprop')) ?>
				</div>

</div>
		</div>
	</div>
	<div class="ls-sublayer-page ls-sublayer-link">
		<h3 class="subheader"><?php _e('Linking', 'LayerSlider') ?></h3>
		<div class="ls-slide-link clearfix">
			<div>
				<?php lsGetInput($lsDefaults['layers']['linkURL'], null, array('class' => 'url', 'placeholder' => $lsDefaults['layers']['linkURL']['name'] )) ?>
				<input type="hidden" name="linkId">
				<input type="hidden" name="linkName">
				<input type="hidden" name="linkType">
				<a href="#" class="change">
					<span class="dashicons dashicons-editor-unlink"></span>
					<?php _e('Change Link', 'LayerSlider') ?>
				</a>
				<span><a href="#" class="dyn"><?php _e('Use Dynamic post URL', 'LayerSlider') ?></a></span>
				<span><a href="#" class="post"><?php _e('Choose Page or Post', 'LayerSlider') ?></a></span>
			</div>
			<?php lsGetSelect($lsDefaults['layers']['linkTarget'], null) ?>
		</div>

<div>

<div>
				<div>
					<h5><?php _e('Layout', 'LayerSlider') ?> <span>| <?php _e('sizing & position', 'LayerSlider') ?></span></h5>
					<div class="ls-layer-visual-box">
						<div class="ls-layer-position">
							<div>
								<?php lsGetInput($lsDefaults['layers']['top'], null, array('class' => 'auto ls-layer-top')) ?>
								<?php lsGetInput($lsDefaults['layers']['left'], null, array('class' => 'auto ls-layer-left')) ?>
								<span class="ls-layer-top"><?php echo $lsDefaults['layers']['top']['name'] ?></span>
								<span class="ls-layer-left"><?php echo $lsDefaults['layers']['left']['name'] ?></span>
							</div>
							<div class="ls-layer-border">
								<?php _e('border', 'LayerSlider') ?>
								<b class="ls-border-top-value">–</b>
								<b class="ls-border-right-value">–</b>
								<b class="ls-border-bottom-value">–</b>
								<b class="ls-border-left-value">–</b>
								<div class="ls-layer-padding">
									<?php _e('padding', 'LayerSlider') ?>
									<b class="ls-padding-top-value">–</b>
									<b class="ls-padding-right-value">–</b>
									<b class="ls-padding-bottom-value">–</b>
									<b class="ls-padding-left-value">–</b>
									<div class="ls-layer-size">
										<?php lsGetInput($lsDefaults['layers']['width'], null, array('class' => 'auto', 'placeholder' => 'auto')) ?><span class="ls-x">x</span><?php lsGetInput($lsDefaults['layers']['height'], null, array('class' => 'auto', 'placeholder' => 'auto')) ?>
										<br>
										<span class="ls-wh"><?php echo $lsDefaults['layers']['width']['name'] ?></span><span class="ls-wh"><?php echo $lsDefaults['layers']['height']['name'] ?></span>
									</div>
								</div>
							</div>
						</div>
					</div>

<div class="table-holder ls-position">
						<table>
							<tbody>
								<tr>
									<td><?php echo $lsDefaults['layers']['borderRadius']['name'] ?></td>
									<td><?php lsGetInput($lsDefaults['layers']['borderRadius'], null, array('class' => 'auto')) ?></td>
								</tr>
								<tr>
									<td>
										<?php echo $lsDefaults['layers']['zIndex']['name'] ?>
									</td>
									<td>
										<?php lsGetInput($lsDefaults['layers']['zIndex'], null, array('class' => 'auto')) ?>
									</td>
								</tr>
								<tr>
									<td>
										<?php echo $lsDefaults['layers']['position']['name'] ?>
									</td>
									<td>
										<?php lsGetSelect($lsDefaults['layers']['position'], null, array('class' => 'sublayerprop')) ?>
									</td>
								</tr>
								<tr>
									<td>
										<?php echo $lsDefaults['layers']['pointerEvents']['name'] ?>
									</td>
									<td>
										<?php lsGetCheckbox($lsDefaults['layers']['pointerEvents'], null, array('class' => 'sublayerprop')) ?>
									</td>
								</tr>
							</tbody>
						</table>
					</div>

<div>
				<div>
					<h5><?php _e('Transforms', 'LayerSlider') ?> <span>| <?php _e('between transitions', 'LayerSlider') ?></span></h5>
					<div class="textarea-helper">
						<table>
							<tr>
								<td class="right"><?php echo $lsDefaults['layers']['rotate']['name'] ?></td>
								<td><?php lsGetInput($lsDefaults['layers']['rotate'], null, array('class' => 'sublayerprop transforms')) ?> &deg;</td>
								<td class="right"><?php echo $lsDefaults['layers']['scaleX']['name'] ?></td>
								<td><?php lsGetInput($lsDefaults['layers']['scaleX'], null, array('class' => 'sublayerprop transforms')) ?></td>
							</tr>
							<tr>
								<td class="right"><?php echo $lsDefaults['layers']['rotateX']['name'] ?></td>
								<td><?php lsGetInput($lsDefaults['layers']['rotateX'], null, array('class' => 'sublayerprop transforms')) ?> &deg;</td>
								<td class="right"><?php echo $lsDefaults['layers']['scaleY']['name'] ?></td>
								<td><?php lsGetInput($lsDefaults['layers']['scaleY'], null, array('class' => 'sublayerprop transforms')) ?></td>
							</tr>
							<tr>
								<td class="right"><?php echo $lsDefaults['layers']['rotateY']['name'] ?></td>
								<td><?php lsGetInput($lsDefaults['layers']['rotateY'], null, array('class' => 'sublayerprop transforms')) ?> &deg;</td>
								<td class="right"><?php echo $lsDefaults['layers']['skewX']['name'] ?></td>
								<td><?php lsGetInput($lsDefaults['layers']['skewX'], null, array('class' => 'sublayerprop transforms')) ?> &deg;</td>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td class="right"><?php echo $lsDefaults['layers']['skewY']['name'] ?></td>
								<td><?php lsGetInput($lsDefaults['layers']['skewY'], null, array('class' => 'sublayerprop transforms')) ?> &deg;</td>
							</tr>
						</table>
					</div>
				</div>
			</div>

</div>

<div>

<?php
								$fontList = array(
									array('name' => 'Arial', 'font' => true),
									array('name' => 'Helvetica', 'font' => true),
									array('name' => 'Georgia', 'font' => true),
									array('name' => 'Comic Sans MS', 'value' => "'Comic Sans MS'", 'font' => true),
									array('name' => 'Impact', 'font' => true),
									array('name' => 'Tahoma', 'font' => true),
									array('name' => 'Verdana', 'font' => true),
								);

foreach( $googleFonts as $font ) {

list($family) = explode(':', $font['param']);

$item = array('font' => true);

if( strpos($family, '+') ) {
										$family = str_replace('+', ' ', $family);
										$item['value'] = "'{$family}'";
									}

$item['name'] = $family;
									$fontList[] = $item;
								}
								?>
								<tr>
									<td class="right"><?php echo $lsDefaults['layers']['fontFamily']['name'] ?></td>
									<td>
											<?php lsGetInput($lsDefaults['layers']['fontFamily'], null, array(
												'class' => 'auto',
												'data-options' => json_encode($fontList)
											)) ?>
									</td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['fontSize']['name'] ?></td>
									<td><?php lsGetInput($lsDefaults['layers']['fontSize'], null, array('class' => 'auto', 'data-css-property' => 'font-size')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['lineHeight']['name'] ?></td>
									<td><?php lsGetInput($lsDefaults['layers']['lineHeight'], null, array('class' => 'auto')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['textAlign']['name'] ?></td>
									<td><?php lsGetSelect($lsDefaults['layers']['textAlign'], null, array('class' => 'auto')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['fontWeight']['name'] ?></td>
									<td><?php lsGetSelect($lsDefaults['layers']['fontWeight'], null, array('class' => 'auto'), true) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['fontStyle']['name'] ?></td>
									<td><?php lsGetSelect($lsDefaults['layers']['fontStyle'], null, array('class' => 'auto')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['textDecoration']['name'] ?></td>
									<td><?php lsGetSelect($lsDefaults['layers']['textDecoration'], null, array('class' => 'auto')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['letterSpacing']['name'] ?></td>
									<td><?php lsGetInput($lsDefaults['layers']['letterSpacing'], null, array('class' => 'auto')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['color']['name'] ?></td>
									<td><?php lsGetInput($lsDefaults['layers']['color'], null, array('class' => 'auto ls-colorpicker')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['minFontSize']['name'] ?></td>
									<td><?php lsGetInput($lsDefaults['layers']['minFontSize'], null, array('class' => 'sublayerprop')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['minMobileFontSize']['name'] ?></td>
									<td><?php lsGetInput($lsDefaults['layers']['minMobileFontSize'], null, array('class' => 'sublayerprop')) ?></td>
								</tr>
								<tr>
									<td><?php _e('Word-wrap', 'LayerSlider') ?></td>
									<td><?php lsGetCheckbox($lsDefaults['layers']['wordWrap'], null, array('class' => 'auto')) ?></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>

<div class="ls-h-background">
				<div>
					<h5><?php _e('Background', 'LayerSlider') ?></h5>
					<div class="table-holder">
						<table class="ls-layer-background-image-table">
							<tbody>
								<tr>
									<td>Image</td>
									<td>
										
										<div class="slide-image clearfix">
											<input type="hidden" name="layerBackgroundId">
											<input type="hidden" name="layerBackground">
											<div class="ls-image ls-upload ls-bulk-upload ls-layer-background-image not-set" data-l10n-set="<?php _e('Click to set', 'LayerSlider') ?>" data-l10n-change="<?php _e('Click to change', 'LayerSlider') ?>" data-help="<?php echo $lsDefaults['layers']['background']['tooltip'] ?>">
												<div><img src="<?php echo LS_ROOT_URL.'/static/admin/img/blank.gif' ?>" alt=""></div>
												<a href="#" class="pixie"></a>
												<a href="#" class="dashicons dashicons-dismiss"></a>
											</div>
											<span class="indent">
												<a href="#" class="ls-url-prompt"><?php _e('enter URL', 'LayerSlider') ?></a> |
												<a href="#" class="ls-post-image"><?php _e('use post image', 'LayerSlider') ?></a>
											</span>
										</div>
									</td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['backgroundColor']['name'] ?></td>
									<td><?php lsGetInput($lsDefaults['layers']['backgroundColor'], null, array('class' => 'auto ls-colorpicker')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['backgroundSize']['name'] ?></td>
									<td><?php lsGetSelect($lsDefaults['layers']['backgroundSize'], null, array('class' => 'auto')) ?></td>
								</tr>
								<tr>
									<td><?php echo $lsDefaults['layers']['backgroundPosition']['name'] ?></td>
									<td><?php lsGetSelect($lsDefaults['layers']['backgroundPosition'], null, array('class' => 'auto')) ?></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>

</div>

<div>

</div>
</script>

Back to Directory File Manager