begin button styles

dabblet.css

     body, p, div, form, label, input{
    /* some reset */
        
        font-family:Verdana, Geneva, sans-serif;
        font-size:small;
        color:#666;
        background: #3a5875
        }

    
    
/* begin button styles */

.switch-wrapper{
    width:63px;
    height: 22px;
    box-shadow: 0 4px 3px rgba(0,0,0,.3);
}

.switcher {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d6285', endColorstr='#2e4a64'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#3d6285), to(#2e4a64)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #3d6285,  #2e4a64); /* for firefox 3.6+ */ 
	display: inline-block;
	max-width: 100%;
	position:relative;
	
}


#left, #right{	
	width:17px;
  	height:11px;
  	overflow:hidden;
 	position:absolute;
	top:50%;
	left:50%;
	margin-top:-5px;
	margin-left:-8px;
	font: 0/0 a;
	
}
#left{
	background-image: url(http://www.codedevelopr.com/assets/images/switcher.png);
  	background-position: 0px 0px;
}
#right{
	background-image: url(http://www.codedevelopr.com/assets/images/switcher.png);
  	background-position: -0px -19px;
}


.left, .right{
	width: 30px; height: 24px;
	border: 1px solid #27394d;
}

.left{
	border-radius: 4px 0px 0px 4px;
}
.right{
	border-radius: 0 4px 4px 0;
	margin: 0 0 0 -6px
}

.switcher:hover,
.selected {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37506d, endColorstr='#1c2937'); /* for IE */        
	background: -webkit-gradient(linear, left top, left bottom, from(#37506d), to(#1c2937)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #37506d,  #1c2937); /* for firefox 3.6+ */ 
	box-shadow: inset 0 4px 5px rgba(0,0,0,.2),
	  inset 0 1px 2px rgba(0,0,0,.6);
}

dabblet.html

<div class="switch-wrapper">
	<div class="switcher left selected">
		<span id="left"></span>
	</div>
	<div class="switcher right">
		<span id="right"></span>
	</div>
</div>

settings.json

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