Untitled

dabblet.css

.control-button {

    background: -moz-linear-gradient(top, #f069a9 0%, #ec008c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f069a9), color-stop(100%,#ec008c));
    background: -webkit-linear-gradient(top, #f069a9 0%,#ec008c 100%);
    background: -o-linear-gradient(top, #f069a9 0%,#ec008c 100%);
    background: -ms-linear-gradient(top, #f069a9 0%,#ec008c 100%);
    background: linear-gradient(to bottom, #f069a9 0%,#ec008c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f069a9', endColorstr='#ec008c', GradientType=0 );
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Arial';
    cursor: pointer;
    font-size: 44px;
    font-weight: bold;
    color:#FFFFFF;
    display: inline-block;
    text-decoration: none;
    padding: 5px 0px;
    
    width: 310px;
    text-indent: 10px;
    
    -moz-box-shadow: 2px 2px 3px #969696;
    -webkit-box-shadow: 2px 2px 3px #969696;

    behavior: url(PIE.htc);
    -pie-background: linear-gradient( #f069a9, #ec008c ); /*PIE*/

}

.control-button-arrow {
 height: 10px;
 width: 10px;
 position: relative;
 left: 10px;
 display: block;
 background-color: #FFFFFF;
}

dabblet.html

<span class="control-button">
	OK
	
	<span class="control-button-arrow AUP"></span>
	<span class="control-button-arrow ADOWN"></span>
</span>

settings.json

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