Blogroll Page #2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<!---     BLOGROLL PAGE #2 MADE BY YEOLI-THM.TUMBLR.COM     --->


<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:0,
tip_fade_speed:400,
attribute:"title"
});
});
})(jQuery);
</script>

<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="shortcut icon" href="{Favicon}" />

<style type="text/css">

iframe#tumblr_controls{
    position:fixed !important;
    right:0px !important;
    z-index:999;
}

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

::-webkit-scrollbar-thumb{
    background-color:#f1f1f1;
}

body{
    cursor: url(http://i.imgur.com/ZOrzC.png), auto;
    margin:0px;
    padding:0px;
    font-family:calibri,sans-serif;
    font-size:8px;
    text-transform:uppercase;
    color:#999;
    background-color:#fff;
}

a, a:link, a:visited{
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
    text-decoration:none;
}

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

#s-m-t-tooltip{
    letter-spacing:1px;
    max-width:200px;
    margin:0px 10px;
    padding:2px 5px;
    z-index:999;
    background:#222;
    color:#fdfdfd;
    border:1px solid #222;
}

#content{
    margin:1px auto;
    padding:10px 1px;
    width:1000px;
}

.title{
    position:fixed;
    width:930px;
    padding:0px 20px;
    font-size:14px;
    line-height:50px;
    letter-spacing:1px;
    background:#f1f1f1;
    border-top:60px solid #fff;
    outline:10px solid #fff;
}

.links{
    margin-top:120px;
    position:fixed;
}

.links a{
    display:block;
    width:87px;
    text-align:right;
    color:#999;
}

.links a:hover{
    color:#222;
    text-decoration:line-through;
}

.follow{
    width:870px;
    height:400px;
    overflow:auto;
    margin-top:117px;
    margin-left:100px;
}

.follow img{
    padding:4px;
    width:30px;
    margin:5px;
    border:1px solid #f1f1f1;
    background-color:#fff;
    -webkit-transition: all 0.3s  linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.follow img:hover{
    border-radius:50px;
    -webkit-transition: all 0.3s  linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

</style>
<style type="text/css">{CustomCSS}</style>
</head>

<body>

<div id="content">
<div class="title">Blogroll</div>
<div class="links">
<a href="/">home</a>
<a href="/ask">message</a>
<a href="http://tumblr.com/dashboard">dashboard</a>
<a href="http://yeoli-thm.tumblr.com">credit</a>
</div>
<div class="follow">
{block:Following}{block:Followed}<a target="_blank" title="{FollowedName}" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"/></a>{/block:Followed}{/block:Following}
</div>
</div>

</body>
</html>