Untitled

dabblet.css

body {
	margin: 30px;
}
div {
	width: 40px;
	height: 40px;
	background-color: #08f;
	display: inline-block;
	margin: 0 6px 0 0;
	text-align: center;
	font-size: 11px;
	line-height: 40px;
	font-family: sans-serif;
	font-weight: bold;
	color: #fff;
}

.r2px { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.r3px { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.r4px { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.r5px { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.r6px { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.r7px { -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; }
.r8px { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.r9px { -webkit-border-radius: 9px; -moz-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; }
.r10px { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

dabblet.html

<p>Your Browser:</p>
<div>0px</div>
<div class="r1px">1px</div>
<div class="r2px">2px</div>
<div class="r3px">3px</div>
<div class="r4px">4px</div>
<div class="r5px">5px</div>
<div class="r6px">6px</div>
<div class="r7px">7px</div>
<div class="r8px">8px</div>
<div class="r9px">9px</div>
<div class="r10px">10px</div>
<p>Safari 6.0.1 (8536.26.14) on OS X 10.8.2 (12C54) Screenshot:</p>
<img src="http://f.cl.ly/items/3t1V312h0b3X100e3T1t/Image%202012.10.03%2012:38:12.png" alt="" />
<p>Chrome 22.0.1229.79 on OS X 10.8.2 (12C54) Screenshot:</p>
<img src="http://f.cl.ly/items/190l2D3M1u3X2E0W0E2l/Image%202012.10.03%2012:43:28.png" alt="" />
<p>Firefox 15.0.1 on OS X 10.8.2 (12C54) Screenshot:</p>
<img src="http://f.cl.ly/items/181D1X0m3j3J3R2q1B3B/Image%202012.10.03%2012:52:15.png" alt="" />
<p>Difference between Safari and Chrome (greyscaled, levels enhanced in Photoshop to 0, 3, 255 and inverted):</p>
<img src="http://f.cl.ly/items/2J341H3a1a3G26194237/Image%202012.10.03%2012:46:07.png" alt="" />
<p>Difference between Safari and Firefox (greyscaled, levels enhanced in Photoshop to 0, 3, 255 and inverted):</p>
<img src="http://f.cl.ly/items/1Q3z1J2C3Z3N2B1Z0Q2Z/Image%202012.10.03%2012:53:43.png" alt="" />

settings.json

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