Untitled

dabblet.css

.search {
	position: relative;
	overflow: hidden;
	
	height: 50px;
	padding-right: 95px;
	padding-left: 5px;
	background: url("http://www.brandbuildsell.com/wp-content/uploads/2010/08/patterns_2-6-tumblr-background-images.jpg");
}

.search .search-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 85px;
	height: 100%;
	line-height: 50px;
}

.search .search-button .search-arrow-top {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #FFF;
	right: 0;
	top: -50%;
	-webkit-transform-origin: 100% 100%;
	-webkit-transform: scaleX(.67) rotate(45deg) ;
}

.search .search-button .search-arrow-bottom {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #FFF;
	right: 0;
	top: -50%;
	-webkit-transform-origin: 100% 100%;
	-webkit-transform: scaleX(.67) rotate(-135deg);
}

dabblet.html

<div class="search">
	<div class="search-button">
		<div class="search-arrow-top"></div>
		<div class="search-arrow-bottom"></div>
	</div>
</div>

settings.json

{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}