Untitled

dabblet.css

.viewport{
	display:inline-block;
	border: solid 1px black;
	overflow:hidden;
	border-radius: 15px;
}
.nob{
	background-color:red;
	border-radius:15px;
	width:20px;
}
.table:after{
	content: "after";
	display:table-cell;
	width:50%;
	text-align:center;
}
.table:before{
	content: "before";
	display: table-cell;
	width:50%;
	text-align:center;
}
.table{
	display: table;
	-moz-transform: translate(0,0);
}

dabblet.html

<div class="viewport"><div class="table"><div class="nob">&nbsp;</div></div></div>

dabblet.js

// alert('Hello world!');

settings.json

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