Blogroll theme #1

<!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 theme #1 by shakenmyexistance -->

    <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

<link href="http://static.tumblr.com/u75hsbe/a6jm4ylzs/style-my-tooltips.css" rel="stylesheet" type="text/css" />

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

<style type="text/css">

body {
background-color:#fff;
color:#a6a6a6;
font-family:cambria;
font-weight:normal;
}
    a {
    opacity:1;
    color:#949494;
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    a:hover {
    cursor:help;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

::-webkit-scrollbar {width: 7px; height:auto; background:#FFFFFF;}

::-webkit-scrollbar-corner {background:#FFFFFF;}

::-webkit-scrollbar-button:vertical {height:2px; display: block; background-color:#f6f4f4;}

::-webkit-scrollbar-button:horizontal {width: 4px; height: 2px; display: block; background-color:#f6f4f4;}

::-webkit-scrollbar-thumb:vertical {background-color:#f6f4f4; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}

::-webkit-scrollbar-thumb:horizontal {background-color:#f6f4f4; border: 0px solid #FFFFFF;}

#s-m-t-tooltip{
max-width:300px;
padding:5px;
margin:18px 0px 0px 3px;
z-index:9999;
background-color:#fff;
font-family:cambria;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
color:#949494;
border-radius:0px;
}

#blogroll {
width:500px;
margin-top:0px;
margin-left:370px;
height:400px;
overflow-y:scroll;
overflow:auto;
}

#blogroll img {
width:64px;
height:64px;
opacity:1;
-moz-transition-duration:0.8s;
-webkit-transition-duration:0.8s;
-o-transition-duration:0.8s;
}

#blogroll img:hover {
opacity:0.5;
-moz-transition-duration:0.8s;
-webkit-transition-duration:0.8s;
-o-transition-duration:0.8s;
}

#container{
width:480px;
background-color:#f6f4f4;
padding:10px;
margin-top:100px;
font-style:italic;
margin-left:370px;
margin-bottom:10px;
}

.title {
color:#949494;
text-align:center;
}

.links {
text-align:center;
color:#949494;
font-style:italic;
text-transform:lowercase;
}

.links a {
font-size:11px;
width:30px;
letter-spacing:0px;
color:#949494;
}

.links a:hover {
color:#f6f4f4;
}


</style>
</head>

<div id="container">
<div class="title">{title}</div>
<div class="links">
<a href="http://www.{name}.tumblr.com">home</a> ―
<a href="/ask">ask</a>  ―
<a href="http://www.tumblr.com/dashboard">dashboard</a> ―
<a href="http://www.gbwythemes.tumblr.com/">credit</a></div></div>
<div id="blogroll">
{block:Following}{block:Followed}
<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-64}"/>
{/block:Followed}{/block:Following}</a></div>
</body>
</html>