ddffx/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

#talkbubble {
margin:40px 60px;
   width: 768px;
   height: 100px;
   background: red;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 2%;
   top: -20px;
   width: 0;
   height: 0;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 100px solid red;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="talkbubble"></div>

## settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	#talkbubble {
	margin:40px 60px;
	width: 768px;
	height: 100px;
	background: red;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
	#talkbubble:before {
	content:"";
	position: absolute;
	right: 2%;
	top: -20px;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid red;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="talkbubble"></div>