<body> <!-- Top Bar --> <div id="top-bar"></div> <!-- Center Panel --> <div id="center-panel"> <div id="app-layer"> <!-- applications loaded here --> </div> <div id="modal-layer" class="layer hidden"></div> <div id="settings-layer" class="layer hidden"></div> <div id="app-grid-layer" class="layer hidden"></div> <div id="alerts-layer" class="layer hidden"></div> </div> <!-- Bottom Bar --> <div id="bottom-bar"></div> </body>
/* CSS under development */
<body> <div id="top-bar"></div> <div id="center-panel"></div> <div id="bottom-bar"></div> </body>
<div id="center-panel"> <div id="app-layer"></div> <div id="modal-layer"></div> <div id="settings-layer"></div> <div id="app-grid-layer"></div> <div id="alerts-layer"></div> </body>
<div id="top-bar"> <div class="content"></div> </div> <div id="app"> <div class="content"></div> </div> <div id="bottom-bar"> <div class="content"></div> </div>