Blogroll #1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
</head>


<style type="text/css">

 ::-webkit-scrollbar { width: 4px; height: 4px; }
    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment  { height: 0px; display: block; background: #9C9C9C; }
    ::-webkit-scrollbar-track-piece  { background-color: white; }
    ::-webkit-scrollbar-thumb { border-radius: 0px; height: 50px; background-color: #cccccc; }

body{font: 11px/11px "Courier New", Courier, monospace;letter-spacing: 5px;
color:#000000;
background-color:#gggggg;
background-image:url("http://25.media.tumblr.com/040f10b5e77f189d51510f5c3d84180a/tumblr_mf5o4qXQHg1rhmms2o5_400.jpg");
background-attachment:fixed;

line-height: 120%;
text-align:justify;}

a:link, a:active, a:visited{color:black; text-decoration:none;}

a:hover{color:white;}

#main {
margin:auto;
width:500px;
top:50px;
background-color:;}

#peeps {
width:500px;
margin-bottom:50px;
background-color:;
padding:10px;
margin-top:40px;
}

#peeps img{
opacity:.8;
-webkit-transition-duration:.7s;
}

#peeps img:hover{
opacity:1;
-webkit-transition: 0.2s ease-in;}

#title {
font: 11px/11px "Courier New", Courier, monospace;letter-spacing: 5px;
margin-left:30px;
position:absolute;
top:20px;
width:500px;
text-align:center;
border-bottom:3px solid #000000;
padding-bottom:2px;}

#peeps img {
width:64px;
height:64px;
border: 3px solid #cccccc;}


#peeps img:hover {
opacity:.5;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
width:64px;
height:64px;}
</style>


<div id="main">
<div id="title">Blogrollin'</div>
<div style="position:absolute; top:18px;margin-left: 30px;"><a href="/" title="HOME" ><img src="http://media.tumblr.com/tumblr_mer0s2kYXQ1rxfplt.png"  /></a>
<a href="http://chinqu.tumblr.com" title="THEME"><img src="http://media.tumblr.com/tumblr_mer0w7nWQE1rxfplt.png"></a>
</div>

<div id="peeps" >
<center>
{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'>

<img border='0' style="padding:0px;"  src='{FollowedPortraitURL-64}' />

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

</div>


</div>

    </body>
</html>