Tumblr Blogroll Theme 001

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

<html>
<head>

<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:#FCF2DD;
background-attachment:fixed;
font-family:Georgia;
font-size:10px;
}

a:link, a:active, a:visited {
color:{color:link};
text-decoration:none;
}
a:hover {
color:{color:hover};
-webkit-transition.duration: 0.5s;
-moz-transition-duration:0,5s;
}

#entry {
width:1000px;
height:auto;
margin-left:200px;
margin-top:50px;
}

#title {
text-align:center;
letter-spacing:1px;
font-family: Georgia;
text-transform:lowercase;
font-style: Georgia;
line-height:110%;
margin-top:200px;
}

#sidebar {
width:150px;
height:1000px;
background-color:#ECDDB8;
float:left;
margin-left:-10px;
margin-top:-10px;
padding:4px;
text-align:center;
position:fixed;
}

#icon {
border-color: #FCF2DD;
border: 10px solid;
height:48px;
width:48px;
margin-left:40px;
margin-top:5px;
position:fixed;
color:#FCF2DD;
-moz-border-radius: 100px;
-khtml-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}

.links_list {
margin: 0px;
padding: 0px;
width: 110px;
margin-left: 20px;
margin-top: 80px;
}

.links_body a{
display:block;
background: #FCF2DD;
color: #525252;
padding: 0px; margin: 1px;
letter-spacing: 2px;
display: block;
font-family:'Yanone Kaffeesatz', sans-serif;
text-align: center;
height:10px;
font-size:7px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
text-transform:uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.links_body a:hover{
color:#000000;
padding-right:20px;
background-color: #ECDDB8;
background-image:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#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;
}

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

</head>

<body>

<div class="body">
<div id="sidebar">
<div id="title">
<a href="/"><font size="2"; color="#C4A668">{Title}</font></a></div><br>
<div id="icon"><img src="{PortraitURL-48}" style="-moz-border-radius: 100px; -khtml-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;" class="imdava"></div>
<div class="links_list">
<div class="links_body">
<a href="/">Home</a>
<a href="/archive">Archive</a>
<a href="/ask">Ask me</a>
<a target="_blank" href="http://thearmyinside.tumblr.com">Theme (c)</a></div></div>
</div>
<br>

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