%[if edit]%<div id="tbStylerEdit%id%" class="tbStylerEdit"><h4>Top Bar Surgeon</h4><h6> For Foundation TopBar</h6><ul><li>You must have a TopBar Stack and a Site Styles Stack on the page.</li></ul>%[if %id=use_google%]%<ul> <br/><li>Current Font Selection is: %id=font_name%</li><li>Google Font Names can be found at the the Google Fonts website:<br/> www.google.com/webfonts</li><li>Ensure that you enter the font name <strong>exactly</strong> as it appears on the google website including spaces.</li><li>If you get the name wrong, TopBar will display its default font.<li>Animated fonts are listed by Google as experimental so use them at your own risk</li></ul> %[endif]%<h5>About Top Bar In Edit Mode:</h5><ul><li>You will not see alterations to the google font type or colour in Edit mode.</li><li>Hover and dropdown effects will not be seen in edit mode.</li><li>You must preview the page to see the effects.</li></ul></div> %[endif]%<div id="tbStyler%id%"></div>
%[if edit]%<div style="height:0px!important;width:100%;display:block;clear:both;color:white;overflow:hidden;">... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... </div>%[endif]%