The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
img { max-width: 100%; }
.poster {
	position: absolute;
	top: 50%; left: 50%;
	margin-left: -250px; margin-top: -168.5px;
	width: 500px;
}

.poster:before {
	content: '';
	position: absolute;
	left: 0; right: 0; bottom: 5px; top: 0;
	background-image: linear-gradient(black 50%, transparent 50%), linear-gradient(left, transparent 50%, black 50%);
	background-size: 2px 2px;
	opacity: 0.5;
}

dabblet.html

<div class="poster">
	<img src="http://assets.nath.is/blog/posts/texture.jpg">
</div>

settings.json

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