Blogroll Theme

<!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">

<!-- blogroll theme made by maraudersmaps.tumblr.com. Do not redistribute or use as a base for other themes -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href='http://fonts.googleapis.com/css?family=Over+the+Rainbow' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>

<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: 10px; height:auto; background:#fafafa;}
::-webkit-scrollbar-corner {background:#fafafa;}
::-webkit-scrollbar-button:vertical {height:4px; display: block; background:#bbb;}
::-webkit-scrollbar-button:horizontal { width:5px; height:4px!important; display: block; background:#bbb;}
::-webkit-scrollbar-thumb:vertical {background:#bbb; border-top: 1px solid #fafafa; border-bottom: 1px solid #fafafa;}
::-webkit-scrollbar-thumb:horizontal {background:#bbb;border-left: 1px solid #fafafa; border-right: 1px solid #fafafa; height:4px;}
::-webkit-scrollbar-thumb {background: #bbb; border-top: 0pt solid #fafafa; border-bottom: 0pt solid #fafafa;}
::-webkit-scrollbar-thumb:hover {background: #bbb; cursor:url(http://i53.tinypic.com/zycxmw.png), auto; }
::-webkit-scrollbar-track-piece {background: #fafafa; width:4px;}
::-webkit-scrollbar:horizontal {height:10px!important; display: block; background:#bbb;}

iframe#tumblr_controls {
   top:0px !important;
   right:3px !important;
   position: fixed !important;
      -webkit-transition: opacity 0.7s linear;
      opacity: 0.4;
      -webkit-transition: all 0.8s ease-out;
      -moz-transition: all 0.8s ease-out;
      transition: all 0.8s ease-out;}
iframe#tumblr_controls:hover{
   -webkit-transition: opacity 0.7s linear;
   opacity: 1;
   -webkit-transition: all 0.4s ease-out;
   -moz-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}

body {background-color:#fafafa;}

#content {width:842px; margin:auto; background-color:#trans; height:600px;}

#title {font-size:30px; text-transform:lowercase; font-family: 'StarsFromOurEyesRegular', 'Over The Rainbow', georgia; color:#DEDADF; width:842px; text-align:center; line-height:60%; border-bottom:1px dashed #ccc; padding-top:20px; margin-bottom:10px;}

a {text-decoration:none; color:#dedadf; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }

@font-face {
    font-family: 'StarsFromOurEyesRegular';
    src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot');
    src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.tumblr.com/2lqtwbf/8Obly7nj0/starsfromoureyes-webfont.ttf') format('truetype'),
         url('http://static.tumblr.com/2lqtwbf/8NAly7nnb/starsfromoureyes-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#followd {width:842px; height:550px; overflow-x:hidden; overflow-y:scroll; padding:0px; background-color:#fafafa;}

#followngname {opacity:0; margin-top:-64px; padding:20px 2px 20px 2px; width:60px; height:24px; background-color:#eee; font:8px calibri; text-transform:uppercase; position:relative; z-index:99; text-align:center; overflow:hidden;}

#followngname a {text-decoration:none; color:#2b2b2b;}

.followng:hover #followngname {opacity:0.9;}
</style>
</head>

<body>
<div id="content">
<div id="title">Blogroll</div>
<div id="followd">
{block:Following}{block:Followed}
<table cellpadding="0" cellspacing="0" style="float:left;">
<tr>
<td>
<div class="followng">
<a target="_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" width="64px" border="0"></a>
<div id="followngname">
<a href="{FollowedURL}">{FollowedName}</a>
</div>
</div>
</td>
</tr>
</table>
{/block:Followed}{/block:Following}
</div>
<div style="position:fixed; bottom:20px; width:842px; text-align:center; font:15px georgia; font-style:italic; color:#cecacf;"><a href="/">back home</a></div>
<div style="position:fixed; bottom:10px; width:842px; text-align:center; font:11px Open Sans Condensed; color:#cecacf!important; text-transform:uppercase;"><a href="http://maraudersthemes.tumblr.com" target="_blank" style="color:#bebabf;">theme by maraudersmaps</a></div>
</div>
</body>
</html>