Untitled

dabblet.css

.sel {
background-color: yellow;
background-image: -moz-linear-gradient(left, #d9d9d9 2%, rgba(0, 0, 0, 0) 3%), -moz-linear-gradient(225deg, rgba(0, 0, 0, 0) 55%, #ebebeb 55%), -moz-linear-gradient(top, #ebebeb 45%, rgba(0, 0, 0, 0) 45%), -moz-linear-gradient(45deg, #5d5d5d 45%, rgba(0, 0, 0, 0) 45%), -moz-linear-gradient(135deg, rgba(0, 0, 0, 0) 45%, #5d5d5d 45%), -moz-linear-gradient(left, #ebebeb 0%, #ebebeb 100%);
background-image: -webkit-linear-gradient(left, #d9d9d9 2%, rgba(0, 0, 0, 0) 3%), -webkit-linear-gradient(225deg, rgba(0, 0, 0, 0) 55%, #ebebeb 55%), -webkit-linear-gradient(top, #ebebeb 45%, rgba(0, 0, 0, 0) 45%), -webkit-linear-gradient(45deg, #5d5d5d 45%, rgba(0, 0, 0, 0) 45%), -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0) 45%, #5d5d5d 45%), -webkit-linear-gradient(left, #ebebeb 0%, #ebebeb 100%);
background-image: linear-gradient(to right, #d9d9d9 2%, rgba(0, 0, 0, 0) 3%), linear-gradient(225deg, rgba(0, 0, 0, 0) 55%, #ebebeb 55%), linear-gradient(to bottom, #ebebeb 45%, rgba(0, 0, 0, 0) 45%), linear-gradient(45deg, #5d5d5d 45%, rgba(0, 0, 0, 0) 45%), linear-gradient(315deg, rgba(0, 0, 0, 0) 45%, #5d5d5d 45%), linear-gradient(to right, #ebebeb 0%, #ebebeb 100%);
background-position: right center;
background-size: 80px 100%;
display: block;
height: 80px;
width: 300px;
background-repeat: no-repeat;
}

dabblet.html

<div class="sel"></div>

dabblet.js

// alert('Hello world!');

settings.json

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