icon links 2019


<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">


<style type="text/css">


.links {
   links background: linear-gradient(to right, {color:Accent 1} , {color:Accent 2});
    border-radius:50%;
    color:#ffffff;
    font-size:20px;
    padding:5px;
    margin-bottom:10px;
}

#links {
    position:fixed;
    margin-bottom:10px;
    top:100px;
    left:160px;
}

#pagination {
   position:fixed;
   margin-top:30px;
   margin-left:90px;

}


</style>

<body>


<div id="links">
<div class="tooltip">
<a href="/" title="home"><div class="links"><span class="th th-home-o"></span></div></a>

<a href="/ask" title="ask"><div class="links"><span class="th th-envelope-o"></span></div></a>

<a href="/archive" title="archive"><div class="links"><span class="th th-calendar-1-o"></span></div></a>

<a href="{text:Link 1}" title="{text:Link 1 Title}"><div class="links"><span class="th th-moon-o"></span></div></a>

<a href="{text:Link 2}"title="{text:Link 2 Title}"><div class="links"><span class="th th-planet-1-o"></span></div></a>

<a href="{text:Link 3}"title="{text:Link 3 Title}"><div class="links"><span class="th th-shooting-star-o"></span></div></a>
</div>
</div>


</body>
</html>