Untitled

dabblet.css

div{
	width:200px;
	padding: 5px 0 0 5px;
	_padding-left: 10px;
	border: none;
}
a{  
    float: left; 
    line-height: 20px;
    margin: -5px 0 0 -5px;
    padding: 15px 19px;
    color: #adadad;
    border: 5px solid #adadad; 
    display: block;
    text-decoration: none;
}   
a:hover { 
    position: relative;
    color: red;
    border-color: red;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    transition: all 1.5s;
}   

dabblet.html

<div>
	<a href="#">1</a>
	<a href="#">2</a>
	<a href="#">3</a>
	<a href="#">4</a>
	<a href="#">5</a>
	<a href="#">6</a>
	<a href="#">7</a>
	<a href="#">8</a>
	<a href="#">9</a>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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