Blogroll Theme

<html>

<!--

Blogroll Theme brought to you by Atlas Designs
http://atlasdesigns.tumblr.com/

Do not remove credit unless give permission to do so.

-->

<head>

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

<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">

@font-face {
font-family: 'Bebas';
src: url('http://static.tumblr.com/qqwi01i/yTmmmc26y/bebas___-webfont.ttf'),
     url('http://static.tumblr.com/qqwi01i/KHImmc28t/bebas___-webfont.eot');
}

::-webkit-scrollbar {width: 8px; background: #ffffff;}
::-webkit-scrollbar-thumb {background-color:#dadada;}

#s-m-t-tooltip{
max-width:300px;
padding-right:5px;
padding-top:4px;
padding-bottom:3px;
padding-left:7px;
margin:18px 0px 0px 3px;
z-index:9999;
background-color:#fff;
font-family:helvetica;
font-weight:200;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
color:#a3a3a3;
border-radius:0px;
}

body {
font-family:helvetica;
font-weight:400;
font-size:12px;
line-height:14px;
background:#f5f5f5;
}

#title{
position:fixed;
top:0px;
left:50%;
margin-left:-350px;
width:700px;
height:100px;
text-align:center;
font-family:gill sans;
text-transform:uppercase;
font-size:20px;
letter-spacing:2px;
padding-top:40px;
color:#000000;
z-index:9999999;
background:#ffffff;
padding-left:5px;
border-bottom:5px solid #f5f5f5;
}

#nav {
font-family:baskerville;
font-weight:200;
font-size:13px;
line-height:20px;
font-style:italic;
color:#ebebeb;
letter-spacing:1;
margin-left:-26px;
text-transform:none;
}
#nav a{
color:#a3a3a3;
text-decoration:none;
}
#nav:hover .arrow{
opacity:1;
}
#nav .arrow{
opacity:0;
}
#nav1 {
font-family:baskerville;
font-weight:200;
font-size:13px;
text-transform:none;
line-height:20px;
font-style:italic;
color:#ebebeb;
letter-spacing:1;
margin-left:-10px;
}
#nav1 a{
color:#a3a3a3;
text-decoration:none;
}

#content{
position:fixed;
top:0px;
left:50%;
margin-top:150px;
padding-top:30px;
padding-bottom:100px;
width:700px;
height:500px;
margin-left:-350px;
background-color:#ffffff;
overflow:scroll;
}
#content img{
padding:5px;
}

</style>

</head>

<body>

<div id="title">Blogroll
<br><br>
<span id="nav"><a href="/"><span class="arrow"><b><img src="http://www.iconsdb.com/icons/preview/color/A3A3A3/arrow-88-m.png" height=12px></b></span> Back to Blog</a></span><br>
<span id="nav1"><a href="http://baesil.tumblr.com">Theme</a></span>
</div>

<div id="content">
<center>
{block:Following}
{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}"></a>{/block:Followed}
{/block:Following}
</center>
</div>

</body>
</html>