Cafe

dabblet.css

/**
 * Cafe
 */
 
@import url(http://fonts.googleapis.com/css?family=Quicksand|Josefin+Sans:300,400);
body {
margin: 0;
}
header {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 120px;
	line-height: 160px;
	text-align: center;
	display: block;
	height: 120px;
	background-color:#DDD;
	box-shadow: inset 1px 1px 150px 0px rgba(255, 255, 255, 1), 0px 3px 3px -2px rgba(0, 0, 0, 0.2);
}

article {
	margin: 40px;
	font-family: 'Quicksand', sans-serif;
	line-height: 20px;
	font-size: 16px;
}

dabblet.html

<header>
	Cafe
</header>
<article>
	<p>
		An appropritate styling for the menus set on the small, round tables inside the cafe on the corner.
	</p>
	<p>
		Nulla porta pretium ipsum quis interdum. Maecenas mollis dolor ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam posuere condimentum scelerisque. Integer congue aliquet hendrerit. Phasellus aliquam faucibus massa, volutpat dignissim nisl porta non. Vestibulum mauris libero, lobortis vitae egestas id, euismod non purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc ut lorem sem. Nam pharetra arcu eget nibh tristique vitae feugiat orci accumsan. Suspendisse placerat pellentesque felis, pellentesque dictum nisl imperdiet faucibus. Ut id scelerisque leo. In in urna quam. Fusce consequat faucibus bibendum. Donec pharetra consequat lectus, et consequat ante sodales eget.
	</p>	
</article>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"80","seethrough":"1","prefixfree":"1","page":"all"}