vasc/dabblet.css

## dabblet.css
/**
 * iphone mockup boilerplate
 */
html{
min-height: 100%
}

body{
background: #f06;
background: linear-gradient(90deg, #eef, #ccc);
background-repeat: no-repeat;
min-height: 100%;
}

#device{
position: absolute;
left: 50%;
top: 50%;
margin: -240px 0 0 -180px;
}

#screen{
height: 480px;
width: 360px;
background-color: white;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="device">
  <div id="screen">
  </div>
</div>

## settings.json
{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* iphone mockup boilerplate
	*/
	html{
	min-height: 100%
	}

	body{
	background: #f06;
	background: linear-gradient(90deg, #eef, #ccc);
	background-repeat: no-repeat;
	min-height: 100%;
	}

	#device{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -240px 0 0 -180px;
	}

	#screen{
	height: 480px;
	width: 360px;
	background-color: white;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="device">
	<div id="screen">
	</div>
	</div>