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">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

<style type="text/css">

div#qTip {
padding:4px;
display:none;
text-align:center;
position:absolute;
font-size:7px;
margin-left:15px;
font-style:none;
z-index:999999999999;
color:#fff;
letter-spacing:3px;
background-color:#000;
text-transform:uppercase;
}

::-webkit-scrollbar{width:2px;height:auto;background:#ffffff;}
::-webkit-scrollbar-corner{background:#000;}
::-webkit-scrollbar-thumb:vertical{background:#000;}
::-webkit-scrollbar-thumb:horizontal{background:#000;}

body {
background:#fff;
color:#000;
font-size:11px;
font-family:'Libre Baskerville', serif;
letter-spacing:1px;
line-height:150%;
}

a {color:#000;text-decoration:none;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;}

a:hover {color:#aaa;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;}

blockquote {
border-left:2px solid #ccc;
padding:10px;
margin-left:10px;
}

#container {
position:fixed;
width:600px;
left:50%;
margin-left:-300px;
height:440px;
top:50%;
margin-top:-220px;
text-align:justify;
}

#title {
padding:15px 5px;
width:570;
border-bottom:1px dotted #aaa;
text-transform:lowercase;
letter-spacing:1px;
font-size:25px;
font-style:italic;
}

#blogroll {
padding:15px 20px 15px 0px;
padding-bottom:25px;
height:320px;
width:580px;
overflow:auto;
border-bottom:1px dotted #aaa;
font-size:9px;
line-height:200%;
}

#blogroll img {
padding:5px;
border:1px solid #eee;
margin-bottom:2.5px;
}

#links {
text-align:right;
margin-top:10px;
font-size:8px;
text-transform:uppercase;
font-weight:bold;
}

#links a {padding:5px;margin-left:9px;border-bottom:1px solid transparent}

#links a:hover {border-bottom:1px dotted #aaa;color:#000;}

#poop {
font-size:8px;
font-family:calibri, sans-serif;
letter-spacing:2px;
}

#poop a {
position:fixed;
width:20px;
padding-top:1px;
padding-bottom:2px;
bottom:5px;
right:5px;
text-align:center;
box-align:center;
text-transform:none;
color:#777;
background-color:#eee;
border:3px double #fff;
}

</style></head><body>

<div id="container">
<div id="title">blogroll;</div>
<div id="blogroll">

{block:Following}{block:Followed}
<a href="{FollowedURL}" target="blank" title="{FollowedName}"><img src="{FollowedPortraitURL-96}"></a>
{/block:Following}{/block:Followed}

</div>
<div id="links">
<a href="/">one</a>
<a href="/">two</a>
<a href="/">three</a>
<a href="/">four</a>
<a href="/">five</a>
</div>
</div>

<div id="poop">
<a href="http://melodypcnd.tumblr.com/">mk</a>
</div>

</body></html>