infusion/src/framework/preferences/html/FullPreviewPrefsEditor.html

Infusion is an application framework for developing flexible stuff with JavaScript

<form id="options" class="fl-prefsEditor fl-prefsEditor-fullPreview fl-focus">
    <div class="fl-prefsEditor-fullPreview-adjusters fl-force-left">

        <h2>Text and display</h2>
        <div class="flc-prefsEditor-text-size fl-prefsEditor-category fl-prefsEditor-text"></div>
        <div class="flc-prefsEditor-text-font fl-prefsEditor-category fl-prefsEditor-text"></div>
        <div class="flc-prefsEditor-line-space fl-prefsEditor-category fl-prefsEditor-text"></div>
        <div class="flc-prefsEditor-contrast fl-prefsEditor-category fl-prefsEditor-text"></div>

        <h2>Layout and navigation</h2>
        <div class="flc-prefsEditor-layout-controls fl-prefsEditor-category fl-prefsEditor-layout">
        </div>

        <h2>Links and buttons</h2>
        <div class="flc-prefsEditor-enhanceInputs fl-prefsEditor-category fl-prefsEditor-links"></div>
    </div>

    <div class="fl-prefsEditor-fullPreview-previewContainer fl-force-right">
        <div class="fl-prefsEditor-preview">
            <h2>Preview your changes</h2>
            <iframe class="flc-prefsEditor-preview-frame"></iframe>
        </div>
        <div class="fl-prefsEditor-buttons">
            <input class="flc-prefsEditor-save" type="button" value="Save and apply" />
            <input class="flc-prefsEditor-reset" type="button" value="Reset" />
            <input class="flc-prefsEditor-cancel" type="button" value="Cancel" />
        </div>
    </div>
</form>