blgroll #2

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

<!--

blgroll #2 by r-eiora (｀・ω・´)” pls don't use as your own or remove the credit, thank you!!

-->

<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 {
margin:0;
padding:0;
border:0;
background-color:#f8f8f8;
color:#e1e1e1;
}

a {
color:#e1e1e1;
text-decoration:none;
cursor:help;}

#wrapper {
position:relative;margin:80px auto;width:410px;}

#out{
height:430px;
border:10px solid #f8f8f8;
border-right:0px;
padding:10px 12px;
overflow:auto;
background:#FFF;}


#top {
font-size:12px;
font-style:italic;
font-family:courier;
text-transform:lowercase;
padding:5px 0px 5px 5px;
letter-spacing:8px;
text-align:center; position:fixed; padding:0px; margin:0px; top:0px; left:100px; background:#ffffff; width:39.7px; height:100%;z-index:9999;
}

#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;
}


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

#bo img{
width:50px;height:50px;-webkit-filter: grayscale(1);
-webkit-transition: 1s ease;transition: 1s ease;
-o-transition: 1s ease;-moz-transition: 1s ease;
}

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


#s-m-t-tooltip {z-index: 9999;cursor:help;padding: 0px 5px 0px 5px;display: block;background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #f9f9f9 100%);background-image: -o-linear-gradient(top, #FFFFFF 0%, #f9f9f9 100%);background-image: -moz-linear-gradient(top, #FFFFFF 0%, #f9f9f9 100%);background-image: -ms-linear-gradient(top, #FFFFFF 0%, #f9f9f9 100%);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-top:5px;text-shadow:1px 1px 0px #ffffff;-moz-box-shadow: 0px 1px 1px #cccccc;-webkit-box-shadow: 0px 1px 1px #cccccc;box-shadow: 0px 1px 1px #cccccc;color: #202020;max-width: 100px;word-wrap: break-word;font-size: 10px;margin: 20px 15px 5px 15px; font-family:consolas;font-size:9px;letter-spacing:1px;text-transform:lowercase;   }

</style>
</head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:400,
attribute:"title"
});
});
})(jQuery);
</script>

</head>
<body>
<div id="wrapper">
<div id="top">
<div align="center">
<big><big><big><big><big><br> t <br> e <br> x <br> t <br> h <br> e <br> r <br> e </br></big></big></big></big></big></div></div>

<div id="navi">
<a title="go back" href="/"><img src="http://static.tumblr.com/wyykoyg/1mpm76a5a/1.png"></a>

<a title="contact" href="/ask"><img src="http://static.tumblr.com/wyykoyg/umpm76a60/28.png"></a>

<a title="credit" href="http://r-eiora.tumblr.com"><img src="http://static.tumblr.com/wyykoyg/OvJm76a7v/6.png"></a>
</div>

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


</body>
</html>