Tumblr Blogroll Theme #02

<html>

<!--
    theme by Mimì @ thearmyinside.tumblr.com
-->

<head>

<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">

body {
background-color:#ffffff;
background-attachment:fixed;
color:#948e6d;
font-family:Tahoma;
font-size:10px;
margin:0px;
}

a:link, a:active, a:visited {
color:#000000;
text-decoration:none;
transition: all 0.4s ease-out;
-o-transition-transition:  all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}
a:hover {
color:#c9c9c9;
transition: all 0.4s ease-out;
-o-transition-transition:  all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

#title {
margin-top:65px;
font-size:40px;
text-align:right;
letter-spacing:1px;
color: #948e6d;
font-family: "Allura", cursive;
text-transform:none;
line-height:110%
}

#sidebar {
width:900px;
height:100px;
margin-top:-30px;
background-color:none;
margin-left:160px;
text-align:right;
position:fixed;
border-bottom: 1px dashed #948e6d;
}

.description {
margin-left:250px;
margin-top:65px;
position:absolute;
}

#entry {
}

#entry img {
opacity:.7;
-webkit-transition-duration:.7s;
align-text:center;
-webkit-border-radius: 16px;
-moz-border-radius:16px;
border-radius: 16px;
width:48px;
height:48px;
}

#entry img:hover {
opacity:1;
}

::-webkit-scrollbar-thumb:vertical {background-color:#9c8f8f; height:50px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#9c8f8f; height:10px!important;}
::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
::-moz-selection {background-color:transparent; color:#555050;}
::selection {background-color:transparent; color:#555050;}

</style>
<style type="text/css">{CustomCSS}</style>

</head>
<body>

<center>
<div id="sidebar"><div id="title">{Title}</div></div></center>
<div class="description"><p align="center">
<a href="/">Home</a> / <a href="/ask">{AskLabel}</a> / <a target="_blank" href="http://thearmyinside.tumblr.com">(C)</a></p></div>

<div style="margin-top:135px;margin-left:250px;position:fixed;border:none;width:775px;height:400px;overflow:auto;background-color:white">

<div id="entry">
{block:Following}{block:Followed}
<a target="_blank" href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}"/></a>
{/block:Followed}{/block:Following}</div>

</div>

</body>
</html>