Untitled

dabblet.css

.content-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left:0;
	z-index: 100;
}

.content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.content-aside {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30%;
	z-index: 2000;
	
	background: #f00;
}

.content-body {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 70%;
	
	background: #0f0;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 100px;
	z-index: 1000;
	
	background: rgba(0, 0, 0, 0.7);
	
	color: #fff;
}

dabblet.html

<div class="content-wrapper">
	<div class="content">
		<div class="content-aside">Aside</div>
		<div class="content-body">Body</div>
	</div>
</div>
<div class="overlay">Hi there</div>

dabblet.js

// alert('Hello world!');

settings.json

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