aurelkurtula · April 8, 2013 12:28
diff --git a/dabblet.css b/dabblet.css
 /* Speach boble*/
 .bubble {
 background-color: #fff;
 border-radius: 7px;
 border: 2px solid #DD4814;
 box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5),
            4px 4px 0 hsla(0,0%,0%,.1);
 color: #333;
 display: inline-block;
 font-family: Ubuntu, sans-serif;
 font: 16px/25px;
 padding: 15px 25px;
 position: absolute;
 right: 20px;
 }

 .bubble:after, .bubble:before {

 border-bottom: 25px solid transparent;
 border-right: 25px solid #fff;
    
    
 bottom: -25px;
 content: '';
 position: absolute;
 right: 25px;
 } 
 /**/

 .bubble:before {
 border-right: 27px solid #DD4814;
 border-bottom: 27px solid transparent;
 bottom: -29px;
 right: 23px;
 z-index: 0;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> --><span class="bubble">Speech bubble right</span>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/* Speach boble*/
	.bubble {
	background-color: #fff;
	border-radius: 7px;
	border: 2px solid #DD4814;
	box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5),
	4px 4px 0 hsla(0,0%,0%,.1);
	color: #333;
	display: inline-block;
	font-family: Ubuntu, sans-serif;
	font: 16px/25px;
	padding: 15px 25px;
	position: absolute;
	right: 20px;
	}

	.bubble:after, .bubble:before {

	border-bottom: 25px solid transparent;
	border-right: 25px solid #fff;


	bottom: -25px;
	content: '';
	position: absolute;
	right: 25px;
	}
	/**/

	.bubble:before {
	border-right: 27px solid #DD4814;
	border-bottom: 27px solid transparent;
	bottom: -29px;
	right: 23px;
	z-index: 0;
	}