Blogroll 1 - Dark

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!----
Blogroll Theme by Ray @ Mcpoyles.tumblr.com
----->

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

<style type="text/css">

body {
background-color:#151515;
font-family:arial;
font-size:11px;
color:#b7b7b7; }

::-webkit-scrollbar-thumb:vertical {
background-color: #1D1D1D;
height:100px; }

::-webkit-scrollbar {
height:10px;
width:15px;
background-color: #101010; }

#wrap {
position:relative;
top:100px;
width:880px;
margin:0 auto;
padding:5px; }

#outer {
overflow:auto;
height:270px; }

#content {
margin:2px;
background-color:#1d1d1d;
border-bottom:1px solid #0d0d0d;
padding:5px;
height:40px;
width:200px;
float:left; }

#content:hover {
-moz-transition:0.3s ease-in;
-webkit-transition: 0.3s ease-in;
-o-transition:0.3s ease-in;
transition:0.3s ease-in;
background-color:#0b0b0b; }

span {
color:#AAAAAA;
font-size:10px;
font-style:italic; }

.name a, .name {
font-size:9px;
font-family:arial;
text-transform:normal;
text-decoration:none;
letter-spacing:0px;
font-weight:bold;
color:#99cad0; }

#info {
margin-bottom:20px;
padding:5px;
text-align:center; }

a {
text-decoration:none;
font-family:serif;
font-size:10px;
color:#99cad0; }

.title a, .title{
font-style:italic;
font-family:serif;
font-size:30px;
color:#99cad0; }
</style>

<div id="wrap">
<div id="info">
<a class="title" href="http://{name}.tumblr.com">Blogroll</a><BR>
{Title}<BR>
<a href="http://{name}.tumblr.com">Go back</a> &emsp;
<a href="http://tumblr.com">Dashboard</a> &emsp;
<a href="http://mcpoyles.tumblr.com">&copy;</a>
</div>

<div id="outer">
{block:Following}{block:Followed}
<div id="content">
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" align="left" style="padding-right:10px;">
<text class="name">{FollowedName}</text><BR>
<span>{FollowedTitle}</span></a><BR><BR><BR>
</div>
{/block:Followed} {/block:Following}
</div>
</div>