Untitled

dabblet.css

#wrapper {
width: 100%;
height: 700px;
margin: 0 auto;
}

#top {
background: #77ACF2;
border-radius: 10px;
width: 99%;
height: 10%;
float: left;
position: static;
color: #FFF
}

#left {
width: 10%;height: 100%;
background-color: #9DDCED;
border-radius: 10px;
border-width: 0px;
padding-left: 10px;
border-style: solid;
display: inline;
float: left !important;
}

#content {
border-style: solid;
background-color: #24EDE0;
border-width: 0px;
border-radius: 10px;
padding-left: 10px;
margin:;
width: 88%;
height: 100%;
display: inline;
position: relative;
float: left;

}

dabblet.html

<div id='wrapper'>
<div id='top'>App header</div>
<div id='left'>Nav buttons</div>
<div id='content'><p>CONTENTS</p><p>CONTENTES</p></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}