simoneb/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

body {
	position: relative;
	min-height: 100%;
}


.box {
	min-height: 50%;
	border: 10px solid hsla(0,0%,100%,.5);
	background: white;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body><div class="box" /></body>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}

	body {
	position: relative;
	min-height: 100%;
	}


	.box {
	min-height: 50%;
	border: 10px solid hsla(0,0%,100%,.5);
	background: white;
	}
	<!-- content to be placed inside <body>…</body> -->
	<body><div class="box" /></body>