Blogroll Theme Pg 04 JD

<!--BLOGROLL PAGE BY JOSHDEVIN, PLEASE DO NOT USE AS A BASE OR REDISTRIBUTE IN ANYWAY! BUT ENJOY BITCHES!-->
<!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">
<head>
<title>Blogroll</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<div style="font-size: 11px; letter-spacing: 2px; float: right; position: fixed; bottom: 10px; right: 10px; text-transform:lowercase;color:{color:text}"><a href="http://joshdevin.tumblr.com">©<i>j</i>oshdevin</a></div>

<meta name="color:blah" content=""/>

<style type="text/css">

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

::-webkit-scrollbar-track { background-color: #fff;  }

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

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


 body
{font-family:calibri;
font-size:10px;
}

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

a:hover
{text-decoration:none;
color:#eee;
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
}

#container {
    width:480px;
    height:350px;
    overflow:auto;
    padding:10px;
    padding-right:0px;
    border:1px solid #eee;
    margin-top:100px;
    margin-left:440px;
}

#icon {
    width:30px;
    height:30px;
    padding:1px;
    float:left;
    overflow:hidden;
}

#icon:hover {
    opacity:0.8;
}

#sbarimg {
    width:48px;
    padding:10px;
    position:fixed;
    margin-top:70px;
    margin-left:340px;

}

#desc {
    font-family:arial;
    letter-spacing:1px;
    font-size:9px;
    color:#bababb;
    width:50px;
    padding:10px;
    padding-left:0px;
}


</style>
</head>
<body>
<div id="sbarimg"><a href="/"><img src="{PortraitURL-48}"></a>
<div id="desc">These are the blogs I follow!<a href="/"> Back to my main blog</a>.
</div>
</div>


<div id="container">
{block:Following}{block:Followed}
<a href="{FollowedURL}"><div id="icon"><img src="{FollowedPortraitURL-30}">
</a>
</div>


</body>
</html>