Css icons

dabblet.css

/**
 * Css icons
 */
body { font: 14px/1.5 "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif; }
a {color: #4183c4; text-decoration: none; }
a:hover { text-decoration: underline; }

.prev-entry:before, .next-entry:after { border: solid 4px transparent; border-width: 5px 4px; content: ""; width: 0; height: 0; display: inline-block; }
.prev-entry:before { border-right-color: #999; margin-right: 3px; }
.next-entry:after { border-left-color: #999; margin-left: 3px; }

.goto-top:after { content: "\279c"; transform: rotate(-90deg); display: inline-block; }

.prev-post:before, .next-post:after { font-size: .7em; display: inline-block; transform: rotate(-45deg);}
.prev-post:before { content: "\25e4"; }
.next-post:after { content: "\25e2"; }

dabblet.html

<div>
    <a class="prev-entry" href="#" >Prev</a>&nbsp;
    <a class="next-entry" href="#" >Next</a>
</div>
<div><a href="#" class="goto-top">Top</a></div>
<div>
    <a class="prev-post" href="#" >Prev</a>&nbsp;
    <a class="next-post" href="#" >Next</a>
</div>

settings.json

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