eDrawings WebGL Style Guide - v1.0   
Color Palette Images & Icons Layout Menu Panels Typography
Usage on DS Sites Reference Links

Layout

eDrawings WebGL page layout is arranged into a structure of top bar, left bar, content and bottom bar.

1
 Top Bar  height: 50px;
 background-color: rgba (255 255 255 0.8);
 font-size: 2px;
 line-height: 50px;
 vertical-align: middle
2
 Side Bar  position: absolute;
 left: 0px
 top:50px;
 padding-bottom:2px;width:auto;
 height: 100%;
 background-color: rgba (255 255 255 0.8)
3
 Content Body  position: relative;
 padding: 0px;
 width: 100%;
 height: 100%;
 overflow: hidden;
 background: rgba (255 255 255 0.9)
4
 Bottom Bar  position: absolute;
 bottom: 0;
 width: 100%;
 height: 50px;
 background-color: rgba (255 255 255 0.8);
 white-space: nowrap;
 font-size:0px