jackarmley/dabblet.css

## dabblet.css
/**
 * Drop caps and other fancy type effects
 */
@import url(http://fonts.googleapis.com/css?family=Medula+One);
@import url(http://fonts.googleapis.com/css?family=Poiret+One);

body{
	width:100%;
	max-width:600px;
	margin:50px auto;
	background-image:-webkit-radial-gradient(#f1f1f1 3px,#fff 1px);
	background-repeat:repeat;
	background-size:20px 20px;

}
p{
	font:normal normal 160%/1.9em 'Poiret One',georgia,serif;
}
a{
	color:rgba(0,155,211,1);
}
	p:first-child:first-line{
		font-size:1.5em;
		font-variant:small-caps;
	}
	p:first-child:first-letter{
		display:block;
		float:left;
		margin:-0.07em 0.05em -0.06em 0;
		color:rgba(0,155,211,.7);
		text-shadow:0 10px 0 rgba(255,20,80,.5);
		font-family: 'Medula One', sans-serif;
		font-size:7em;
		line-height:.8;
	}

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

<p>Certain things have come to light. And, you know, has it ever occurred to you, that, instead of, uh, you know, running around, uh, uh, blaming me, you know, given the nature of all this new shit, you know, I-I-I-I... this could be a-a-a-a lot more, uh, uh, uh, uh, uh, uh, complex, I mean, it's not just, it might not be just such a simple... uh, you know?</p>
<p>- Jeff "the dude" lebowski <a href="http://www.imdb.com/title/tt0118715/trivia?tab=qt&item=qt0464804">(imdb)</a></p>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Drop caps and other fancy type effects
	*/
	@import url(http://fonts.googleapis.com/css?family=Medula+One);
	@import url(http://fonts.googleapis.com/css?family=Poiret+One);

	body{
	width:100%;
	max-width:600px;
	margin:50px auto;
	background-image:-webkit-radial-gradient(#f1f1f1 3px,#fff 1px);
	background-repeat:repeat;
	background-size:20px 20px;

	}
	p{
	font:normal normal 160%/1.9em 'Poiret One',georgia,serif;
	}
	a{
	color:rgba(0,155,211,1);
	}
	p:first-child:first-line{
	font-size:1.5em;
	font-variant:small-caps;
	}
	p:first-child:first-letter{
	display:block;
	float:left;
	margin:-0.07em 0.05em -0.06em 0;
	color:rgba(0,155,211,.7);
	text-shadow:0 10px 0 rgba(255,20,80,.5);
	font-family: 'Medula One', sans-serif;
	font-size:7em;
	line-height:.8;
	}
	<!-- content to be placed inside <body>…</body> -->

	<p>Certain things have come to light. And, you know, has it ever occurred to you, that, instead of, uh, you know, running around, uh, uh, blaming me, you know, given the nature of all this new shit, you know, I-I-I-I... this could be a-a-a-a lot more, uh, uh, uh, uh, uh, uh, complex, I mean, it's not just, it might not be just such a simple... uh, you know?</p>
	<p>- Jeff "the dude" lebowski <a href="http://www.imdb.com/title/tt0118715/trivia?tab=qt&item=qt0464804">(imdb)</a></p>