<template id="tmpl-small_toolbar">

[0] Fix | Delete

<?php do_action('tb_small_toolbar_styles') ?>

[1] Fix | Delete

<div id="toolbar" class="tb_disable_sorting flex tf_w" part="toolbar">

[2] Fix | Delete

<ul class="menu flex">

[3] Fix | Delete

<li class="menu_undo">

[4] Fix | Delete

<a href="javascript:;" tabindex="-1" class="tb_tooltip compact btn compact_undo disabled tf_hide"><?php echo themify_get_icon('back-left', 'ti') ?><span><?php _e('Undo (CTRL+Z)', 'themify'); ?></span></a>

[5] Fix | Delete

<ul class="flex">

[6] Fix | Delete

<li><button type="button" type="button" class="tb_tooltip undo_redo btn undo disabled"><?php echo themify_get_icon('back-left', 'ti') ?><span><?php _e('Undo (CTRL+Z)', 'themify'); ?></span></button></li>

[7] Fix | Delete

<li><button type="button" class="tb_tooltip undo_redo btn redo disabled"><?php echo themify_get_icon('back-right', 'ti') ?><span><?php _e('Redo (CTRL+SHIFT+Z)', 'themify'); ?></span></button></li>

[8] Fix | Delete

</ul>

[9] Fix | Delete

</li>

[10] Fix | Delete

<li class="divider"></li>

[11] Fix | Delete

<li class="import">

[12] Fix | Delete

<a href="javascript:;" tabindex="-1" class="compact tb_tooltip btn tf_hide"><?php echo themify_get_icon('import', 'ti') ?><span><?php _e('Import', 'themify'); ?></span></a>

[13] Fix | Delete

<ul class="flex">

[14] Fix | Delete

<li>

[15] Fix | Delete

<a href="javascript:;" class="tb_tooltip btn" tabindex="-1"><?php echo themify_get_icon('import', 'ti') ?><span><?php _e('Import', 'themify'); ?></span></a>

[16] Fix | Delete

<ul class="submenu tf_abs_t tf_hide">

[17] Fix | Delete

<li><button type="button" data-type="file" class="btn"><?php _e('Import From File', 'themify'); ?></button></li>

[18] Fix | Delete

<li><button type="button" data-type="post" class="btn"><?php _e('Import From Posts or Pages', 'themify'); ?></button></li>

[19] Fix | Delete

</ul>

[20] Fix | Delete

</li>

[21] Fix | Delete

</ul>

[22] Fix | Delete

</li>

[23] Fix | Delete

<li class="divider"></li>

[24] Fix | Delete

<li class="export">

[25] Fix | Delete

<button type="button" class="tb_tooltip btn">

[26] Fix | Delete

<?php echo themify_get_icon('export', 'ti') ?>

[27] Fix | Delete

<span><?php _e('Export', 'themify'); ?></span>

[28] Fix | Delete

</button>

[29] Fix | Delete

</li>

[30] Fix | Delete

<li class="divider"></li>

[31] Fix | Delete

<li class="layout">

[32] Fix | Delete

<a href="javascript:;" class="tb_tooltip btn" tabindex="-1"><?php echo themify_get_icon('layout', 'ti') ?><span><?php _e('Layouts', 'themify'); ?></span></a>

[33] Fix | Delete

<ul class="submenu tf_abs_t tf_hide">

[34] Fix | Delete

<li><button type="button" class="load_layout btn"><?php _e('Load Layout', 'themify'); ?></button></li>

[35] Fix | Delete

<li><button type="button" class="save_layout btn"><?php _e('Save as Layout', 'themify'); ?></button></li>

[36] Fix | Delete

</ul>

[37] Fix | Delete

</li>

[38] Fix | Delete

<li class="divider"></li>

[39] Fix | Delete

<li class="css"><button type="button" class="tb_tooltip custom_css btn"><span><?php _e('Custom CSS', 'themify'); ?></span><?php _e('CSS', 'themify'); ?></button></li>

[40] Fix | Delete

</ul>

[41] Fix | Delete

<div class="save_wrap flex">

[42] Fix | Delete

<button type="button" class="tb_tooltip tf_close" title="<?php _e('ESC', 'themify') ?>"><span><?php _e('Close', 'themify'); ?></span></button>

[43] Fix | Delete

<div class="save_btn_wrap flex tf_rel">

[44] Fix | Delete

<button type="button" class="save save_btn" title="<?php _e('Ctrl + S', 'themify') ?>"><?php _e('Save', 'themify'); ?></button>

[45] Fix | Delete

</div>

[46] Fix | Delete

</div>

[47] Fix | Delete

</div>

[48] Fix | Delete

</template>

[49] Fix | Delete

[50] Fix | Delete

<div id="tb_inline_editor_root" class="tf_abs_t tf_hide">

[51] Fix | Delete

<template shadowrootmode="open">

[52] Fix | Delete

<?php

[53] Fix | Delete

foreach (array(THEMIFY_METABOX_URI . 'css/themify.minicolors.css', THEMIFY_BUILDER_URI . '/css/editor/themify-combobox.css',THEMIFY_BUILDER_URI . '/css/editor/components/inline-editor.css') as $css):?>

[54] Fix | Delete

<link href="<?php echo $css ?>?ver=<?php echo THEMIFY_VERSION ?>" as="style" rel="preload" onload="this.rel = 'stylesheet'">

[55] Fix | Delete

<?php endforeach; ?>

[56] Fix | Delete

<div id="toolbar" class="center tf_abs_t tf_hide tf_opacity">

[57] Fix | Delete

<div id="edit_link" class="center tf_w tf_hide">

[58] Fix | Delete

<button type="button" id="link_btn" class="action tf_rel tf_textl" data-type="link">

[59] Fix | Delete

<span class="tf_maxw tf_overflow tf_inline_b"></span>

[60] Fix | Delete

<span class="themify_tooltip"><?php _e('Click To Edit', 'themify') ?></span>

[61] Fix | Delete

</button>

[62] Fix | Delete

<a href="javascript:;" class="tf_rel" target="_blank"><?php echo themify_get_icon('new-window', 'ti') ?><span class="themify_tooltip"><?php _e('Open in a new tab', 'themify') ?></span></a>

[63] Fix | Delete

</div>

[64] Fix | Delete

<form class="link_form tf_rel tf_hide">

[65] Fix | Delete

<div class="link_wrap grid center">

[66] Fix | Delete

<div class="tf_rel">

[67] Fix | Delete

<div class="selectwrapper tf_inline_b tf_vmiddle tf_rel">

[68] Fix | Delete

<select id="link_type">

[69] Fix | Delete

<option><?php _e('Same Window', 'themify') ?></option>

[70] Fix | Delete

<option value="_blank"><?php _e('New Window', 'themify') ?></option>

[71] Fix | Delete

<option value="lightbox"><?php _e('Lightbox', 'themify') ?></option>

[72] Fix | Delete

</select>

[73] Fix | Delete

</div>

[74] Fix | Delete

<span class="themify_tooltip"><?php _e('Open Link In', 'themify') ?></span>

[75] Fix | Delete

</div>

[76] Fix | Delete

<input class="link_input" placeholder="<?php _e('URL', 'themify') ?>" type="text" required="1">

[77] Fix | Delete

<button type="button" class="action unlink tf_abs_t tf_hide" data-type="unlinkBack"><?php echo themify_get_icon('unlink', 'ti') ?><span class="themify_tooltip"><?php _e('Unlink', 'themify') ?></span></button>

[78] Fix | Delete

<button type="submit" class="tf_hide"></button>

[79] Fix | Delete

</div>

[80] Fix | Delete

<fieldset class="lightbox center tf_box tf_width tf_hide">

[81] Fix | Delete

<legend><?php _e('Lightbox Options', 'themify') ?></legend>

[82] Fix | Delete

<div class="lb_field grid center lb_width">

[83] Fix | Delete

<label for="lb_w"><?php _e('Width', 'themify') ?></label>

[84] Fix | Delete

<div id="lb_w_holder"></div>

[85] Fix | Delete

</div>

[86] Fix | Delete

<div class="lb_field grid center lb_height">

[87] Fix | Delete

<label for="lb_h"><?php _e('Height', 'themify') ?></label>

[88] Fix | Delete

<div id="lb_h_holder"></div>

[89] Fix | Delete

</div>

[90] Fix | Delete

</fieldset>

[91] Fix | Delete

</form>

[92] Fix | Delete

<div id="dialog" class="grid center"></div>

[93] Fix | Delete

<ul id="menu" class="grid center tf_box">

[94] Fix | Delete

<li class="disabled">

[95] Fix | Delete

<span class="themify_tooltip"><?php _e('Undo', 'themify') ?></span>

[96] Fix | Delete

<a href="javascript:;" tabindex="0" class="action" data-type="undo"><?php echo themify_get_icon('back-left', 'ti') ?></a>

[97] Fix | Delete

</li>

[98] Fix | Delete

<li class="disabled">

[99] Fix | Delete

<span class="themify_tooltip"><?php _e('Redo', 'themify') ?></span>

[100] Fix | Delete

<a href="javascript:;" tabindex="0" class="action" data-type="redo"><?php echo themify_get_icon('back-right', 'ti') ?></a>

[101] Fix | Delete

</li>

[102] Fix | Delete

<li>

[103] Fix | Delete

<a href="javascript:;" tabindex="0" class="action unlink tf_abs_t tf_hide" data-type="unlink"><?php echo themify_get_icon('unlink', 'ti') ?><span class="themify_tooltip"><?php _e('Unlink', 'themify') ?></span></a>

[104] Fix | Delete

<a href="javascript:;" tabindex="0" class="action" data-type="link"><span class="themify_tooltip"><?php _e('Link', 'themify') ?></span><?php echo themify_get_icon('link', 'ti') ?></a>

[105] Fix | Delete

</li>

[106] Fix | Delete

<li data-type="formatBlock">

[107] Fix | Delete

<span class="themify_tooltip"><?php _e('Paragraph', 'themify') ?></span>

[108] Fix | Delete

<a href="javascript:;" tabindex="0" class="action" data-action="p"><?php echo themify_get_icon('paragraph', 'ti') ?></a>

[109] Fix | Delete

<ul class="submenu center tf_abs_t tf_box tf_hide">

[110] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="p">P</a></li>

[111] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="h1">H1</a></li>

[112] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="h2">H2</a></li>

[113] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="h3">H3</a></li>

[114] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="h4">H4</a></li>

[115] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="h5">H5</a></li>

[116] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="h6">H6</a></li>

[117] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="pre"><?php echo themify_get_icon('fas code', 'fa') ?></a><span class="themify_tooltip"><?php _e('Preformatted', 'themify') ?></span></li>

[118] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="blockquote"><?php echo themify_get_icon('fas quote-left', 'fa') ?></a><span class="themify_tooltip"><?php _e('Quote', 'themify') ?></span></li>

[119] Fix | Delete

</ul>

[120] Fix | Delete

</li>

[121] Fix | Delete

<li data-type="text_align">

[122] Fix | Delete

<span class="themify_tooltip"><?php _e('Text Align', 'themify') ?></span>

[123] Fix | Delete

<a href="javascript:;" tabindex="0" class="action" data-action="justifyLeft"><?php echo themify_get_icon('align-left', 'ti') ?></a>

[124] Fix | Delete

<ul class="submenu center tf_abs_t tf_box tf_hide">

[125] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="justifyLeft"><?php echo themify_get_icon('align-left', 'ti') ?></a><span class="themify_tooltip"><?php _e('Left', 'themify') ?></span></li>

[126] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="justifyCenter"><?php echo themify_get_icon('align-center', 'ti') ?></a><span class="themify_tooltip"><?php _e('Center', 'themify') ?></span></li>

[127] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="justifyRight"><?php echo themify_get_icon('align-right', 'ti') ?></a><span class="themify_tooltip"><?php _e('Right', 'themify') ?></span></li>

[128] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="justifyFull"><?php echo themify_get_icon('align-justify', 'ti') ?></a><span class="themify_tooltip"><?php _e('Justify', 'themify') ?></span></li>

[129] Fix | Delete

</ul>

[130] Fix | Delete

</li>

[131] Fix | Delete

<li>

[132] Fix | Delete

<span class="themify_tooltip"><?php _e('Bold', 'themify') ?></span>

[133] Fix | Delete

<a class="action bold" href="javascript:;" tabindex="0" data-type="bold">B</a>

[134] Fix | Delete

<ul class="submenu center tf_abs_t tf_box tf_hide">

[135] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action bold" data-type="bold">B</a><span class="themify_tooltip"><?php _e('Bold', 'themify') ?></span></li>

[136] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-type="italic"><?php echo themify_get_icon('Italic', 'ti') ?></a><span class="themify_tooltip"><?php _e('Italic', 'themify') ?></span></li>

[137] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-type="underline"><?php echo themify_get_icon('underline', 'ti') ?></a><span class="themify_tooltip"><?php _e('Text Decoration', 'themify') ?></span></li>

[138] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action strike" data-type="strikethrough">S</a><span class="themify_tooltip"><?php _e('Strikethrough', 'themify') ?></span></li>

[139] Fix | Delete

</ul>

[140] Fix | Delete

</li>

[141] Fix | Delete

<li data-type="list">

[142] Fix | Delete

<span class="themify_tooltip"><?php _e('List Settings', 'themify') ?></span>

[143] Fix | Delete

<a href="javascript:;" tabindex="0" class="action" data-action="insertUnorderedList"><?php echo themify_get_icon('list', 'ti') ?></a>

[144] Fix | Delete

<ul class="submenu center tf_abs_t tf_box tf_hide">

[145] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="insertUnorderedList"><?php echo themify_get_icon('ti-list', 'ti') ?></a><span class="themify_tooltip"><?php _e('Unordered List', 'themify') ?></span></li>

[146] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-action="insertOrderedList"><?php echo themify_get_icon('ti-list-ol', 'ti') ?></a><span class="themify_tooltip"><?php _e('Ordered List', 'themify') ?></span></li>

[147] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-type="Indent"><?php echo themify_get_icon('control-skip-forward', 'ti') ?></a><span class="themify_tooltip"><?php _e('Increase Indent', 'themify') ?></span></li>

[148] Fix | Delete

<li><a href="javascript:;" tabindex="0" class="action" data-type="Outdent"><?php echo themify_get_icon('control-skip-backward', 'ti') ?></a><span class="themify_tooltip"><?php _e('Decrease Indent', 'themify') ?></span></li>

[149] Fix | Delete

</ul>

[150] Fix | Delete

</li>

[151] Fix | Delete

<li>

[152] Fix | Delete

<span class="themify_tooltip"><?php _e('Insert Image', 'themify') ?></span>

[153] Fix | Delete

<button type="button" class="action" data-type="image"><?php echo themify_get_icon('image','ti')?></button>

[154] Fix | Delete

</li>

[155] Fix | Delete

<li>

[156] Fix | Delete

<span class="themify_tooltip"><?php _e('Text Color', 'themify') ?></span>

[157] Fix | Delete

<a href="javascript:;" tabindex="0" class="action" data-type="color"><?php echo themify_get_icon('paint-bucket', 'ti') ?></a>

[158] Fix | Delete

</li>

[159] Fix | Delete

<li>

[160] Fix | Delete

<span class="themify_tooltip"><?php _e('Fonts', 'themify') ?></span>

[161] Fix | Delete

<a href="javascript:;" tabindex="0" class="action" data-type="font"><?php echo themify_get_icon('text', 'ti') ?></a>

[162] Fix | Delete

</li>

[163] Fix | Delete

<li>

[164] Fix | Delete

<span class="themify_tooltip"><?php _e('Expand', 'themify') ?></span>

[165] Fix | Delete

<a href="javascript:;" tabindex="0" class="action expand" data-type="expand"><?php echo themify_get_icon('new-window', 'ti') ?></a>

[166] Fix | Delete

</li>

[167] Fix | Delete

</ul>

[168] Fix | Delete

</div>

[169] Fix | Delete

</template>

[170] Fix | Delete

</div>

[171] Fix | Delete

<div id="tb_pallete_root" class="tf_abs_t tf_hide">

[172] Fix | Delete

<template shadowrootmode="open">

[173] Fix | Delete

<form id="pallete" class="tf_h tb_field">

[174] Fix | Delete

<div class="header tf_box">

[175] Fix | Delete

<button type="button" class="back tf_close"></button>

[176] Fix | Delete

</div>

[177] Fix | Delete

<ul class="menu tf_box tf_scrollbar">

[178] Fix | Delete

<?php $menu = array('brightness', 'saturation', 'contrast', 'negative', 'hue', 'desaturate', 'desaturateLuminance', 'brownie', 'sepia', 'vintagePinhole', 'kodachrome', 'technicolor', 'detectEdges', 'sharpen', 'emboss', 'polaroid', 'shiftToBGR', 'pixelate'); ?>

[179] Fix | Delete

<?php foreach ($menu as $m): ?>

[180] Fix | Delete

<li>

[181] Fix | Delete

<div class="label">

[182] Fix | Delete

<label for="<?php echo $m?>"><?php printf(__('%s','themify'), ucfirst($m))?></label>

[183] Fix | Delete

</div>

[184] Fix | Delete

<input type="number" min="0" max="100" value="0" id="<?php echo $m?>" data-id="<?php echo $m?>">

[185] Fix | Delete

<input class="slider" type="range" min="0" max="100" data-id="<?php echo $m?>">

[186] Fix | Delete

</li>

[187] Fix | Delete

<?php endforeach; ?>

[188] Fix | Delete

</ul>

[189] Fix | Delete

<div class="footer tf_box">

[190] Fix | Delete

<button type="reset" class="reset tf_block"><?php _e('Reset','themify')?></button>

[191] Fix | Delete

</div>

[192] Fix | Delete

</form>

[193] Fix | Delete

</template>

[194] Fix | Delete

</div>

[195] Fix | Delete