plindberg/dabblet.css

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

#o {
border-radius: 3px;
width: 500px;
height: 257px;
overflow: hidden;
position: relative;
}

#i {
width: 1700px;
height: 257px;
}


## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<div id=o>
  <img src=http://img.tv4.se/convert/resize/1700x257/shape/cut/source/http%3A%2F%2Ftv4annotagger-production.herokuapp.com%2Fgrid%2F4f7d6ff73080470001000007%2Fx_hockey_vm_1700_257.jpg id=i></img>
</div>


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

	#o {
	border-radius: 3px;
	width: 500px;
	height: 257px;
	overflow: hidden;
	position: relative;
	}

	#i {
	width: 1700px;
	height: 257px;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div id=o>
	<img src=http://img.tv4.se/convert/resize/1700x257/shape/cut/source/http%3A%2F%2Ftv4annotagger-production.herokuapp.com%2Fgrid%2F4f7d6ff73080470001000007%2Fx_hockey_vm_1700_257.jpg id=i></img>
	</div>