Untitled

dabblet.css

html {
	background: #aaa;
	min-height: 100%;
}

li {
	position: absolute;
	width: 13%;
	border: 1px solid #000;
	left: 0;
	height: 100px;
	top: 0;
	list-style: none;
}

li:nth-of-type(1) {
	height: 205px;
	background-color: #FD0000;
}

li:nth-of-type(2) {
	left: 13.5%;
	background-color: #00A0ED;
}

li:nth-of-type(3) {
	left: 13.5%;
	top: 105px;
	background-color: #910000;
}

li:nth-of-type(4) {
	width: 14.5%;
	left: 37%;
	background-color: #FF7500;
}

li:nth-of-type(n+5) {
	width: 7%;
	top: 105px;
	
}


li:nth-of-type(5) {
	left: 37%;
	background-color: #A9EF00;
}

li:nth-of-type(6) {
	left: 44.5%;
	background-color: #7E7E7E;
}

dabblet.html

<ul>
  <li>1.
  <li>2.
  <li>3.
  <li>4.
  <li>5.
  <li>6.
</ul>

dabblet.js

// alert('Hello world!');

settings.json

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