Blogroll Theme 002

<html>
<!-- Blogroll Theme 002 by Camille (itsniall / gabato)
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">

::-webkit-scrollbar {
width: 9px;
height: 9px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 6px;
display: block;
background-color:#fcdfce;
}

::-webkit-scrollbar-track-piece {
background-color:#ffffff;
}

::-webkit-scrollbar-thumb:vertical {
height: 9px;
background-color:#fcdfce;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;}

::-moz-selection {background-color:#fcdfce;
color:#ffffff;}

::selection {background-color:#fcdfce;
color:#ffffff;}

@font-face {
font-family: "Dawning of a New Day";
src: url('http://static.tumblr.com/v8dmb1r/seBm5azk5/dawningofanewday.ttf');}

@font-face {
font-family: "HYPE";
src: url('http://static.tumblr.com/v8dmb1r/M9Jm5azkz/hype.ttf');}

body {color:#000000;
background-color:#ffffff;
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;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;}

#taas {margin-top:40px;
margin-left:16%;
width:850px;
height:auto;
overflow:show;
background-color:#fcdfce;}

#word {margin-top:0px;
margin-left:0px;
font-family:"Dawning of a New Day";
text-align:left;
padding-left:20px;
font-size:48px;
line-height:110%;
color:#ffffff;}

#you {margin-top:-64px;
margin-left:780px;
width:64px;
height:64px;
border:5px solid #fcdfce;}

#portals {margin-top:-55px;
margin-left:746px;
padding-top:1px;
position:fixed;}
#portals a {padding:0px;
height:auto;
display:block;
font-family:"HYPE";
font-size:18px;
text-transform:uppercase;
text-align:right;
line-height:100%;
color:#ffffff;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;}
#portals a:hover {color:#fcdfce;}

#danawng {margin-top:30px;
margin-left:15%;
width:850px;
height:500px;
overflow-x:hidden;
overflow-y:scroll;
padding:5px;
background-color:transparent;}

#danawng img {width:64px;
height:64px;
border:7px solid;
border-color:transparent;
opacity:0.5;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;}

#danawng img:hover {width:64px;
height:64px;
-webkit-transform: rotate(-90deg);
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;}

</style>
</head>

<body>

<div id="taas">
<div id="word">blogroll</div>
<div id="you"><img src="{PortraitURL-64}" class="imdava"></img></div>
<div id="portals">
<a href="/">home</a>
<a href="/ask">ask</a>
<a href="http://tumblr.com">dash</a>
</div></div>

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

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

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

</div>
</body>
</html>