Untitled

dabblet.css

.blue{background-color:#4A7496;}
.green{background-color:#49796B;}
.grey{background-color:#888}
.etched{
	width:50px;
	height:50px;
	border:1px solid rgba(0,0,0,0.2);
	position:relative;
	border-radius:1px 0 0 1px;
	box-shadow:1px 1px 2px -1px #000;
}
.etched:nth-child(n+2){
	border-top:0;
}
.etched:after{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	width:48px;
	height:48px;		
	border-radius:1px 0 0 1px;
	border:1px solid rgba(255,255,255,0.1);
	border-bottom:0;	
}
.etched:hover:after{
	background-color:rgba(255,255,255,0.1);
}

dabblet.html

<div class="etched blue"></div>
<div class="etched blue"></div>
<div class="etched grey"></div>
<div class="etched blue"></div>
<div class="etched green"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}