Blogroll Theme 03

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>

<!--
blogroll theme 03 by britishurs.tumblr.com
ask box is always opened for help!
!-->

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


<style type="text/css">

body{ background-color: #fff; font-family:arial; font-size:10px; line-height: 120%; text-align:justify; }

a:link, a:active, a:visited{ color: #3e3e3e; padding: 0 2px; text-decoration: none; }

a:hover{  background: transparent; color: #3e3e3e; }

#content { margin-left:400px; width:600px; top:50px; background:; }

#entries { width:600px; margin: 10px auto 10px; padding:10px; margin-bottom:50px; margin-top:40px;}

#entries  img{ opacity:.6; -webkit-transition-duration:.7s;}

#entries img:hover{ opacity:2; -webkit-transition: 0.2s ease-in; }

#entries img { border: 1px solid #f7f7f7; padding: 2px; width:64px; height:64px; }

#entries img:hover { width:64px; height:64px;}

#sidebar { width:96px; height:96px; float:left; margin-left:300px; margin-top:160px; padding:5px; text-align:center; position:fixed; }

#icon { position:fixed; margin-left:-10px; margin-top:5px; border: 1px solid #f7f7f7; padding: 4px; }

.nav {margin-left:-5px; margin-top:110px; text-align:center; font-family:Calibri; letter-spacing:0px; text-transform:uppercase; font-size:8px; margin-bottom:10px; padding:5px; }

</style>




</div>



<div id="sidebar">

<div id="icon"><a href="/blogroll"><img src="{PortraitURL-96}"></a></div>


<div class="nav">

<a href="/" title="go back home" >home</a>
<a href="/askbox" title="ask anything" >ask</a>
<a href="http://www.tumblr.com/dashboard" title="dashboard" >dash</a>
<a href="http://britishursthemes.tumblr.com" title="credit" > © </a>
</div>
</div>

<div id="content">
<div id="entries" >

<center>

{block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-64}" />{/block:Followed}{/block:Following}


</center> </div></div>

</body>
</html>