dziudek · August 3, 2012 22:06
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS arrow
 */

 body {
 	background: #4546da;
 }

 .arrow {
 	background: #fff;
 	border-radius: 14px;
 	height: 25px;
 	margin: 50px 0;
 	position: relative;
 	width: 100px;
 }

 .arrow:after,
 .arrow:before {
 	background: #fff;
 	border-radius: 15px;
 	content: "";
 	display: block;
 	height: 25px;
 	position: absolute;
 	right: 0;
 	transform: rotate(45deg);
 	transform-origin: 81% 45%;
 	width: 60px;
 }

 .arrow:after {
 	transform: rotate(-45deg);
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class="arrow"></div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	<!-- content to be placed inside <body>…</body> -->
	<div class="arrow"></div>