skiabox
4/27/2012 - 5:59 PM

The first commented line is your dabblet’s title

The first commented line is your dabblet’s title

settings.json
content_copyfile_download
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->
<div id="box_1" class="box">
   <div class="orange"></div>
</div>

<div id="box_2" class="box">
   <div class="orange"></div>
</div>

<div id="box_3" class="box">
   <div class="orange"></div>
</div>

<div id="box_4" class="box">
   <div class="orange"></div>
</div>
dabblet.css
content_copyfile_download
/**
 * The first commented line is your dabblet’s title
 */

.box {
	position: absolute;
	width: 200px;
	height: 200px;
}

#box_1 {
	top: 0;
	left: 0;
	background: #ee3e64;
}

#box_2 {
	top: 0;
	right: 0;
	background: #44accf;
}

#box_3 {
	bottom: 0;
	left: 0;
	background: #b7d84b;
}

#box_4 {
	bottom: 0;
	right: 0;
	background: #ebde52;
}

.orange {
	background: #f95b34;
	position: absolute;
	top: 39%;
	left: 41%;
	width: 40px;
	height: 40px;
}