hipster nonsense

dabblet.css

/**
 * hipster nonsense 
*/

body {
		font-family: Helvetica;
		background:#efefef;
	}
	#main { 
		width:960px;
		margin:50px auto;
		padding:40px;
		background: url("http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/linedpaper.png") repeat center center;
		border-radius: 10px;
		border: 1px solid #dedede;
		box-shadow: 4px 3px 7px 0 rgba(0,0,0, .25);
	}
	h1 {
		font-family: Helvetica;
		font-size:50px;
		color:#262626;
		transition: color .35s ease-in;
		text-shadow: 1px 1px 0 #fff, 2px 2px 0 #4c4c4c, 3px 3px 0 #4F4F4F;
		display:inline-block;
	}
	h1:hover {
		color:#6a6a6a;
	}

dabblet.html

<div id="main">
	<h1>Hipster Nonsense</h1>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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