Blogroll Theme 001

<html>
<!--
Blogroll theme 001 by Camille
(itsniall.tumblr.com / gabato.tumblr.com)
Please don't steal
-->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style type="text/css">

@fontface {font-family:"IndieStar BB";
src=url('http://static.tumblr.com/v8dmb1r/Ej0m1ulyv/indiestarbb_reg.otf');}

::-webkit-scrollbar-thumb:vertical {background-color:#ccc6ba; height:auto;}

::-webkit-scrollbar-thumb:horizontal {background-color:#ccc6ba; height:10px !important;}

::-webkit-scrollbar {height:7px; width:7px; background-color:#706058;}

::-moz-selection {background-color:transparent; color:#e9d4c7;}

::selection {background-color:transparent; color:#e9d4c7;}

body {color:#000000;
background-color:#706058;
font-size:10px;
font-family:calibri;
line-height:110%;
text-align:center;}

a:link, a:active, a:visited {color:#ffffff;
text-decoration:none;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;}

a:hover {color:#ffffff;
font-style:italic;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;}

#hapinstaas {margin-top:-10px;
width:110%;
height:auto;
position:fixed;
overflow:hidden;
background-color:#706058;}

#taas {margin-top:15px;
margin-left:395px;
width:450px;
height:auto;
padding:5px;
font-family:"IndieStar BB";
font-size:20px;
letter-spacing:10px;
background-color:#706058;
color:#ffffff;
border-bottom:1px dotted;
border-color:#ffffff;}

#kilid {margin-top:160px;
margin-left:175px;
width:64px;
height:auto;
padding:10px;
position:fixed;
overflow:hidden;
background-color:#816e65;
color:#ffffff;}

#kilidlinks {margin-top:0px;
margin-bottom;
padding-top:5px;}
#kilidlinks a {margin-bottom:2px;
width:61px;
padding:3px;
height:auto;
display:block;
text-transform:lowercase;
text-align:center;
background-color:#dbd4d1;
color:#706058;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;}
#kilidlinks a:hover {opacity:0.5;
font-style:normal;
text-transform:uppercase;}

#danawng {margin-top:15px;
margin-left:270px;
width:700px;
padding:5px;}

#danawng img {width:64px;
height:64px;
border:3px solid;
border-color:transparent;
opacity:1;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;}

#danawng img:hover {border:3px solid;
border-color:#dbd4d1;}

#akonani a {bottom:10px;
right:10px;
position:fixed;
overflow:hidden;
font-size:10px;
color:#f5efe4;}
#akonani a:hover {opacity:0.5;
font-style:normal;}

</style>
</head>

<body>

<div id="hapinstaas">
<div id="taas">blogroll</div></div><br>

<div id="kilid"><center><img src="{PortraitURL-64}" class="imdava"></img></center>
<div id="kilidlinks">
<a href="/">home</a>
<a href="/ask">ask</a>
<a href="http://tumblr.com">dashboard</a></div>
</div>

<div id="akonani"><a href="http://itsniall.tumblr.com">theme by itsniall</a></div>

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

<a target="_blank" href="{FollowedURL}"><img border: "3" src="{FollowedPortraitURL-64}" title="{FollowedURL}"/>

{/block:Followed}{/block:Following}</a></div>


</body>
</html>