Blogroll 2 - Dark

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

<style type="text/css">
body {
margin:0;
background-color:#090909;
background-repeat:repeat;
font-size: 11px;
border-top:5px solid #070707;
font-family: Cambria;
color:#b7b7b7; }

::-webkit-scrollbar-thumb:vertical {
background-color: #0F0F0F;
height:100px; }

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

a:link, a, a:active, a:visited {
text-decoration: none;
color: #666;
-webkit-transition:all .5s ease-in;
padding: 1px; }

#box {
margin:0 auto;
width:800px; }

#wrap {
margin:0 auto;
background-color:#070707;
overflow:auto;
position:relative;
height:400px;
top:50%;
padding:20px 5px 15px 15px; }

#content {
padding:5px;
width:50px;
margin:15px;
float:left; }

#content img {
border-top-left-radius:10px;
border-bottom-right-radius:10px; }

#info a {
font-family:times;
font-style:italic;
color:#9e9e9e;
letter-spacing:1px;
background-color:#070707;
padding: 5px 10px;
margin:5px;
font-size: .86em; }

#info a:hover {
font-family:times;
font-style:italic;
color:#9e9e9e;
background-color:#101010;
letter-spacing:1px;
padding: 5px 10px;
margin:5px;
font-size: .86em; }

a:hover {
color: #666;
padding: 1px;
text-decoration: none; }

#content img {
padding:10px;
background-color:#0F0F0F; }

#content img:hover {
padding:10px;
background-color:#050505; }

.icon {
padding:10px;
background-color:#070707; }

a.tip2 {
position: relative;
text-decoration: none;
}
a.tip2 span {display: none;}
a.tip2:hover span {
display: block;
position: absolute;
padding: .5em;
content: attr(title);
min-width: 120px;
text-align: center;
width: auto;
height: auto;
white-space: nowrap;
top: -80px;
font-size:10px;
left:-33px;
background: rgba(0,0,0,.8);
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color: #fff; }

a.tip2:hover span:after {
position: absolute;
display: block;
content: "";
border-color: rgba(0,0,0,.8) transparent transparent transparent;
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
bottom: -20px;
left:56px; }

.arrow {
font-size: 0px;
line-height: 0%;
width: 0px;
position:absolute;
margin-left:80px;
margin-top:8px;
border-top: 10px solid transparent;
border-right: 20px solid #0F0F0F;
border-bottom: 10px solid transparent; }

.profile { background-color: #0F0F0F; padding:5px; margin-left:100px; width:100px; text-align:center; }

.name { font-size:14px; font-style:italic; }
.title { font-size:10px; letter-spacing:2px; }

</style>

<div id="box">
<div id="info"> <a href="http://{name}.tumblr.com">go back</a> <a href="http://tumblr.com/">dashboard</a> <a href="http://mcpoyles.tumblr.com">&copy;</a> </div>

<a href="http://{name}.tumblr.com/"><div style="margin:0 auto;position:relative;width:200px;"><center>
<img src="{PortraitURL-40}" align="left" style="border:6px solid #0F0F0F; margin:20px;"><BR><BR>
<div class="arrow"> </div>
<div class="profile">
<font class="name">{name}'s<font><BR>
<font class="title">Blogroll</font>
</div>
</center> </div> </a>
<BR><BR>

<div id="wrap">
{block:Following}{block:Followed}
<div id="content"> <center>
<a class="tip2" href="{FollowedURL}"><img src="{FollowedPortraitURL-40}"><span>{FollowedName}</span></a>
</center>
</div>
{/block:Followed} {/block:Following}
</div>
</div>