#featureTour("custom-code", "", true)

#designerFieldSetOpen("Code" "custom-code-field-set-expander")
	<div class="field-group property-field-group">
		#labelWithHelp("CSS", "brikitCustomCSS")
		<a href="#" data-theme="$themeName" class="css-editor-link"><span class="aui-icon aui-icon-small aui-iconfont-search"></span>#if (!$brikitCore.isSet($themeProperties.get("brikitCustomCSS")))<em> (None)</em>#end</a>
		#designerTextField("", "brikitCustomCSS", false, "hidden")
	</div>

	<div class="field-group property-field-group">
		#labelWithHelp("JavaScript", "brikitCustomJavaScript")
		<a href="#" data-theme="$themeName" class="js-editor-link"><span class="aui-icon aui-icon-small aui-iconfont-search"></span>#if (!$brikitCore.isSet($themeProperties.get("brikitCustomJavaScript")))<em> (None)</em>#end</a>
		#designerTextField("", "brikitCustomJavaScript", false, "hidden")
	</div>
#designerFieldSetClose

#designerFieldSetOpen("Downloadable Code" "downloadable-code-field-set-expander")
	#designerTextarea("Link & Script Tags", 		"brikitStylesheetLinks" false false "reload-page")
#designerFieldSetClose

<div class="aui-message">
    <p class="title">
        <span class="aui-icon icon-warning"></span> Adding Custom Code
    </p>
	<p>You may need to adjust your code after a Confluence upgrade.</p>
	<p>Want to implement your design without custom code? <a href="http://support.brikit.com" target="_blank">Just ask</a>.</p>
</div>