“Body Border, Rounded Inside” without images or extra elements

dabblet.css

/**
 * “Body Border, Rounded Inside” without images or extra elements
 */

div {
	width: 10em;
	height: 5em;
	padding: 1em;
	border-radius: 10px;
	margin: 100px;
	background: white;
	box-shadow: 0 0 0 5px #f06;
	outline: 10px solid #f06;
	outline-offset: -moz-calc(-5px); /* fix for FF bug #480888 */
	resize: both; overflow: hidden;
}

dabblet.html

<div>Resize me</div>

dabblet.js

// alert('Hello world!');

settings.json

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