Blogroll #1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--blogroll theme made by Monika (inaglimpsefromaquietchildhood@tumblr)

TERMS OF USE:
01. Keep all credits
02. Do not use as a base
03. Do not redistribute as your own
04. You can chance colors if you know how.-->


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

 <head>

   <title>{title}</title>

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

    <link rel="alternate" type="application/rss+xml" href="{RSS}">

    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

    <style type="text/css">

     ::-webkit-scrollbar {width: 5px; height: 5px; background: #fdfdfd;}

     ::-webkit-scrollbar-thumb {background: #3f3f3f;}

     ::-webkit-scrollbar-track {background: #fdfdfd;}

     body, html {margin: 0px; padding: 0px; background: #f8f8f8;}

     #content {position:absolute; height:540px; width:960px; left:50%; top:50%; margin-top:-270px; margin-left:-480px;}

     #stats {float:left; width: 210px; height: 540px;}

     .imagecircle {margin-left:25px; position:fixed; margin-top:195px; width: 150px; height: 150px; border-radius:50%; border: 1px dashed #ababab;}

     .avatar {border-radius: 50%; margin-top:11px; margin-left: 11px;}

     .back {position:fixed; margin-top: 70px; width: 110px; height:110px; border-radius:50%; border: 1px dashed #bdbdbd; font-family: 'Courier New', Courier, monospace; font-size: 11px; text-transform: uppercase; text-align:center;}

     .credit {position:fixed; margin-top: 355px; width: 110px; height:110px; margin-left: 95px; border-radius:50%; border: 1px dashed #bdbdbd; font-family: 'Courier New', Courier, monospace; font-size: 11px; text-transform: uppercase; text-align:center; }

     .center { width: 70px; height:70px; border-radius:50%; background: #fdfdfd; font-family: 'Courier New', Courier, monospace; font-size: 11px; text-transform: uppercase; text-align:center; margin-top: 10px; margin-left: 10px;padding:10px; line-height: 70px;}

     .center1 { width: 70px; height:78px; border-radius:50%; background: #fdfdfd; font-family: 'Courier New', Courier, monospace; font-size: 11px; text-transform: uppercase; text-align:center; margin-top: 10px; margin-left: 10px;padding-top:12px; padding-left: 10px; padding-right: 10px; color: #b3b3b3;}

     .back a {color: #b3b3b3; text-decoration:none; text-shadow: 1px 1px 0px #ffffff;}

     .credit a {color: #b3b3b3; text-decoration:none; text-shadow: 1px 1px 0px #ffffff;}

     #links {overflow-x:hidden; overflow-y:scroll; width: 710px; height: 520px; float:right; background: #fdfdfd; padding: 10px;}

     .followedurl {margin: 3px;}

     .followedurl:hover {margin: 3px;}

     .followedname {opacity: 0;width: 54px; height: 54px; padding: 5px; margin-top: -64px; word-wrap: break-word; font-size: 11px; font-family: Courier New, serif; color: #e3e3e3; text-transform:uppercase; background: rgba(51,51,51,0.71); position:relative; z-index:99; text-align:center; overflow:hidden;  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

     .followedname:hover {opacity: 1; width: 54px; height: 54px; padding: 5px; margin-top: -64px; word-wrap: break-word; font-size: 11px; font-family: Courier New, serif; color: #e3e3e3; text-transform:uppercase; background: rgba(51,51,51,0.71); position:relative; z-index:99; text-align:center; overflow:hidden;}

     .followedname a {color: #e3e3e3; text-decoration:none; text-shadow: 1px 1px 0px #343434;}
</style>

 </head>
 <body>
  <div id="content">
   <div id="stats"><div class="back"><div class="center"><a href="/">Back home</a></div></div>


<div class="imagecircle"><img src="{PortraitURL-128}" alt="" class="avatar"></div>

<div class="credit"><div class="center1">© <a href="http://inaglimpsefromaquietchildhood.tumblr.com/">inaglimpse<br>fromaquiet<br>childhood</a></div></div></div>

   <div id="links">{block:Following}{block:Followed}

    <table cellpadding="0" cellspacing="0" style="float:left;">
<tr>
<td>
<div class="followedurl">
<a target="_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" width="64px" border="0"></a>
<div class="followedname">
<a href="{FollowedURL}">{FollowedName}</a>
</div>
</div>
</td>
</tr>
</table>
{/block:Followed}{/block:Following}
</div>

</div>
</body>
</html>