blgroll #5 : shinpuru

<html>

<!-----------------------------------------------------------------------

   ✩ฺ SHINPURU BLGRL #05 @ R-EIORA.TUMBLR.COM ✩ฺ

    ///DON'T REMOVE THIS COMMENT///

------------------------------------------------------------------------->

<head>

<title> {Title} </title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<style>

::-webkit-scrollbar {width: 7px;height: 4px;background-color: #fff;border:0px solid #fff;}

::-webkit-scrollbar-thumb {background:transparent url('http://media.tumblr.com/b3be189b6c1865990e6399ccb8415525/tumblr_inline_mpskkbQ68R1qz4rgp.png');}

body {background:#fff;font: 9px courier new, courier, monospace;text-transform: uppercase;}

a {text-decoration:none;color:#000;}

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

#motto {margin:0 auto;width:417px;height:0px;padding-top:80px;}

#motto img {border:1px dotted #ccc;width:40px;margin:0px;padding:2px;-webkit-transition: opacity 0.8s linear;opacity: 0.60;}

#motto img:hover{-webkit-transition: opacity 0.8s linear;opacity: 1;}

#he {width:410px;margin:2px auto;margin-top:-70px;margin-left:2px;font-family:courier new, courier, monospace;font-style:normal;font-size:17px; color:#000;text-transform:lowercase;background-image:url(http://media.tumblr.com/b3be189b6c1865990e6399ccb8415525/tumblr_inline_mpskkbQ68R1qz4rgp.png); background-repeat:repeat;}

#s-m-t-tooltip{position:fixed;overflow:hidden;max-width:150px;padding:0px;margin:10px 0 0 23px;background:#000;z-index:10;display:inline-block;font-size:8px;font-family:courier new;text-transform:uppercase;color:#fff;z-index: 999999999;}

#sb{position:fixed;margin-top:170px;}

#sb .lnks {background: url('http://media.tumblr.com/b3be189b6c1865990e6399ccb8415525/tumblr_inline_mpskkbQ68R1qz4rgp.png') repeat ;color: #000000;width: 45px;letter-spacing: 2px;margin-left: 300px;line-height:15px;margin-bottom: 2px;font-family: "Courier New", Courier, monospace;padding: 5px 5px 5px 15px;font-size: 9px;border-left: 10px solid #000000;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

#sb .lnks a {text-decoration: none;color: #000000;}

#sb .lnks:hover {color: #000000;border-left: 30px solid #000000;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

</style>

<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="motto"><div id="he"><i><a href="/">{Title}</i></a> – people i follow.</div>

<p>

{block:Following}
{block:Followed}<a title="{FollowedTitle}" target="_blank" href="{FollowedURL}"><img border="0" src="{FollowedPortraitURL-64}"/>{/block:Followed}
</div>{/block:Following}

<div id="sb">

<div class="lnks">
<div style="margin-top:-15px;margin-left:-27px;"><img src="http://static.tumblr.com/dw5tmyf/MUamsgxme/planti.gif"/></div>
<a href="/" title="home">return</a>
<a href="/ask" title="msg">message</a>
<a href="http://r-eiora.tumblr.com" title="creds">credits</a>
</div>

</body>

</html>