Untitled

dabblet.css

body { padding:1em;font:normal 14px/1.5 arial,sans-serif; }
.mod ul, .mod li { margin:0;padding:0;list-style:none; }
.mod li { padding:1ex 0;border-top: 1px solid #ccc; }
.mod li:nth-child(1) { border:none; }
.mod { width:40%;margin:auto;padding:1.5em;border:1px solid #eee; }
.mod li a { display:block;padding:10px;text-decoration:none; }
.mod li a:hover { color:#fff;background:#369;border-radius:5px;padding:10px 20px;margin-left:-20px;-webkit-transform:translate(10px,0) scale(1) translateZ(0); }

dabblet.html

<div class="mod">
<ul>
<li><a href="">item 1</a></li>
<li><a href="">item 1</a></li>
<li><a href="">item 1</a></li>
<li><a href="">item 1</a></li>
<li><a href="">item 1</a></li>
<li><a href="">item 1</a></li>
<li><a href="">item 1</a></li>
<li><a href="">item 1</a></li>
</ul>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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