Little Toolbar

dabblet.css

/**
 * Little Toolbar
 */

body{
background:
  radial-gradient(black 15%, transparent 16%) 0 0,
  radial-gradient(black 15%, transparent 16%) 8px 8px,
  radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
  radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}
img{
width:400px;}
nav{
display:block;
float:left;
box-shadow:0 5px 20px #000;;
}

a{
width:50px;
height:50px;

background: rgb(110,110,110);
background: -moz-linear-gradient(top, rgba(110,110,110,1) 1%, rgba(77,77,77,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(110,110,110,1)), color-stop(100%,rgba(77,77,77,1)));
background: -webkit-linear-gradient(top, rgba(110,110,110,1) 1%,rgba(77,77,77,1) 100%);
background: -o-linear-gradient(top, rgba(110,110,110,1) 1%,rgba(77,77,77,1) 100%);
background: -ms-linear-gradient(top, rgba(110,110,110,1) 1%,rgba(77,77,77,1) 100%);
background: linear-gradient(top, rgba(110,110,110,1) 1%,rgba(77,77,77,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#4d4d4d',GradientType=0 );
display:block;
float:left;
border:1px solid #3B3B3B;
text-align:center;
text-decoration:none;
color:#ccc;
text-shadow:0 -1px 1px #999, 
	    1px 0 1px #000;
font-weight:bolder;
padding:0px;
padding-top:20px;	    
}

a:active{

background: rgb(77,77,77);
background: -moz-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(110,110,110,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,77,77,1)), color-stop(99%,rgba(110,110,110,1)));
background: -webkit-linear-gradient(top, rgba(77,77,77,1) 0%,rgba(110,110,110,1) 99%);
background: -o-linear-gradient(top, rgba(77,77,77,1) 0%,rgba(110,110,110,1) 99%);
background: -ms-linear-gradient(top, rgba(77,77,77,1) 0%,rgba(110,110,110,1) 99%);
background: linear-gradient(top, rgba(77,77,77,1) 0%,rgba(110,110,110,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#6e6e6e',GradientType=0 );}
a:first-child{
border-top-left-radius:5px;
border-bottom-left-radius:5px;}


a:last-child{
border-top-right-radius:5px;
border-bottom-right-radius:5px;}

dabblet.html

<img src="http://dribbble.com/system/users/38195/screenshots/496248/toolbar.png?1333353134">

<div>
	<nav>
		<a href="">+</a> <a href="">-</a> <a href="">~</a> <a href="">=</a>
	</nav>
</div>

settings.json

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