Blogroll Theme 003

<html>
<!-- Blogroll theme 003 by Camille
itsniall.tumblr.com
Don't steal
or else -->

<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: 3px;
height: 3px;
}

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

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

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

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

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

@font-face {
font-family: "Fix You";
src: url('http://static.tumblr.com/v8dmb1r/4j5mbfv9y/fix_you.otf');}

@font-face {
font-family: "Reprise Script";
src: url('http://static.tumblr.com/v8dmb1r/I7ombfvqt/reprise_script.otf');}

body {color:#e6ceae;
background-color:#ffffff;
font-size:10px;
font-family:Trebuchet MS;
line-height:100%;
text-align:center;}

a:link, a:active, a:visited {color:#e6ceae;
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;}

#tops {margin-top:3%;
width:100%;
height:auto;
background-color:transparent;
text-align:center;}

#lets {margin-top:0;
display:inline-block;
background-color:transparent;}
#lets a {text-align:center;
display:inline-block;
text-transform:lowercase;
font-family:"Reprise Script";
font-size:14px;
color:#e6ceae;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;}
#lets a:hover {color:#ffffff;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;}

#blog {margin-top:0px;
font-family:"Fix You";
font-size:55px;
text-transform:lowercase;
text-align:center;
line-height:100%;
color:#000000;
background-color:transparent;}

#box {margin-top:0px;
width:500px;
height:500px;
overflow-x:hidden;
overflow-y:scroll;
padding:5px;
background-color:transparent;
border:1px solid #dedada;}

#pics {border:1px solid #dedada;
opacity:1;}

#box img {width:64px;
height:64px;
margin-right:6px;
margin-bottom:6px;
border:1px solid #7c7c7c;
padding:5px;
opacity:0.3;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;}

#box img:hover {opacity:0.8;
border:1px solid #dedada;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;}

</style>
</head>

<body>

<div id="tops">

<div id="lets">
<a href="/">home</a> -
<a href="/ask">ask</a> -
<a href="http://itsniall.tumblr.com">theme</a>


<div id="blog">blogroll

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

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

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

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


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