blogroll theme #1 | piecesintoplaces

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

<head>

<!-- blogroll theme numero uno by piecesintoplaces

please don't be an idiot by stealing/redistributing -->

<title>blogroll</title>

<style type="text/css">

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

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

img{

-webkit-transition: opacity 0.8s linear;

opacity: 0.60;

}

img:hover{

-webkit-transition: opacity 0.8s linear;

opacity: 1;

}

a:link, a:active, a:visited {

    color: #dcdcdc;

    text-decoration:none;

    -webkit-transition-duration:0.6s;}

a:hover {

    color:#bfbfbf;

    }

.title {

    font-family: consolas;

    font-size: 9px;

    font-color: #dcdcdc;

    text-align: center;

    text-transform: uppercase;

}

#crown {

    text-align: center;
    margin-top:25px;
    font-size:36px;
    color:#dcdcdc;
    margin-bottom: -45px;
}


.nav {
color: #dcdcdc;
font-family: consolas;
text-transform: uppercase;
font-size: 9px;
text-align: center;
margin-bottom: 5px;
}

.following {
color: #dcdcdc;
padding: 5px;
}


</style>

<CENTER><div id="crown">♛</div><br><center><img src="{PortraitURL-64}" style="margin-top: 30px; margin-bottom:-25px;"></CENTER><br><div style="margin-top: 10px;"><a class="title" href="/"><center>{name}</center></a>

<div class="nav">

    <a href="/">home</a>

    <a href="/ask">ask</a>

    <a href="http://piecesintoplaces.tumblr.com">credit</a>


    </div>


<CENTER><div id="following"></CENTER>
<div style="overflow: auto; width:250px; border:5px #edecec; margin:10px; width:400px; height:400px;">
{block:Following}

{block:Followed}

 <a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}"align=”left” style="text-align: left;"/></a>

{/block:Followed}
{/block:Following}
</CENTER>

</div></div>