The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body{
	background-color:#cffeef;
}
p{
	font-size:2em;
	text-shadow:1px 1px 0px white
				, 1px 2px 1px black;
}
.wrapper{
	margin:0 auto;
	width:960px;
	background-color:white;
	padding:20px;
	-webkit-box-shadow:0 1px 2px #ccc;
	position:relative;
}
.wrapper:after{
	content:'';
	width:0;
	height:0;
	border:20px;
	border-style:solid;
	border-color:#cffeef #cffeef white white;
	position:absolute;
	top:0;
	right:-1px;
	-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,0.3);
}

dabblet.html

<div class="wrapper">
	<p>Playing With Box Shadow and Bubbles !</p>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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