blgroll #3

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!--

blgroll #3 by r-eiora (*｡･｀ω´･｡) don't remove the credits ty !!

-->

<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {background-color:#dcdcdc;height:100px;}

::-webkit-scrollbar {height:10px;width:5px;background-color:#fff;}

body {
background-color:#fdfdfc;
font-family:consolas;
font-size:8px;
text-transform:uppercase;
color:e1e1e1;
}

a {
text-decoration:none;
color:gray;
}

a:hover {
text-decoration:none;
color:#cccccc;
}

body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}

#sans{
height:440px;
border:10px solid;
border-right:0px;
padding:10px 12px;
overflow:auto;
background:#FFF;}

#tit {
width:400px;
font-family:georgia;
font-style:italic;
font-size:40px;
text-transform:lowercase;
}

#tit small { font-size:17px; }

#navi {top: 15px; position:relative;width:400px;padding:10px;text-align:right;}
#navi a{display:inline-block;padding:0px 8px;opacity:0.2;}
#navi a:hover{opacity:0.5;}


#top a:hover{
background-color:#000;
color:#fff;
}

#lait img:hover{
-webkit-filter: grayscale(0);
}

#lait img{
width:50px;height:50px;
}

#lait{
display:inline-block;
width:50px;
padding:2px;
margin:15px 13px;
border:0px solid #DDD;
background:rgba(255,255,255,0.75);}

#cont {
margin:0 auto;
width:600px;
padding-top:20px;
}

#copic {position:fixed;top:50px;width:150px;margin-left:380px;max-width:90px;text-align:center; opacity:1;}

</style>

</head>
</script>

</head>
<body>

<div id="cont">
<div id="tit">{Title}
<small>—<a href="/">return to blog</a>.</small><div id="copic"><img src='http://static.tumblr.com/palmvjm/hODmlvn9x/emojigif.gif'></a></div>
</div>


<div id="sans">
{block:Following}{block:Followed}
<div id="lait"><a href="{FollowedURL}" title="{FollowedName}; {ParentRootTitle}">
<img src="{FollowedPortraitURL-64}"></a></div>
{/block:Following}{/block:Followed}
</div>
</div>


</body>
</html>