Subversion Repositories Applications.papyrus

<!-- 
        Note: The elements in this UI can be broken apart
        and spread around your page, as long as you keep the
        IDs intact. Elements can also be dropped without
        Dojo Offline's default UI breaking.
-->

<div id="dot-widget-container" style="visibility: hidden;">
        <div id="dot-widget-title-bar">
                <span id="dot-widget-network-indicator">
                        <img id="dot-widget-network-indicator-online" />
                        <img id="dot-widget-network-indicator-offline" />
                </span>
                <span id="dot-widget-title-text"></span>
        </div>
        
        <div id="dot-widget-contents">
                <div id="dot-widget-browser-restart">
                        Please restart your browser to 
                        use <span id="dot-widget-browser-restart-app-name"></span> Offline
                </div>
                
                <div id="dot-sync-status">
                        <img id="dot-roller" />
                        <img id="dot-success-checkmark" />
                        <span id="dot-sync-messages"></span>
                        <span id="dot-sync-details">
                                (<a id="dot-sync-details-button" href="#">details</a>)
                        </span>
                        <span id="dot-sync-cancel">
                                (<a id="dot-sync-cancel-button" href="#">cancel</a>)
                        </span>
                </div>
                
                <div id="dot-widget-learn-how">
                        <a id="dot-widget-learn-how-link" target="_blank" href="#">Learn How</a> 
                        to use <span id="dot-widget-learn-how-app-name"></span>&nbsp;Offline!
                </div>
        </div>
</div>