Blogroll Theme 1 : Serah

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<head>
<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>

<style type="text/css">

body {
background-color:#fff;
background-image: url('http://27.media.tumblr.com/tumblr_m0pvvz4MeE1r1wk68o2_500.png');
background-attachment: fixed;}

::-webkit-scrollbar-thumb:vertical {
background-color: #FA7B98;
height: 30px;}

::-webkit-scrollbar {
height: 30px;
width: 4px;
background-color:#fff;}

#container {
position:absolute;
left:500px;
top:130px;
width:680px;
height:400px;
overflow:auto;
background-image: url('http://24.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo5_250.png');
background-attachment: fixed;}

#container img{
padding:4px;
opacity:.7;}

#container img:hover{
opacity:1;}

#container a{
text-decoration:none;
border: none;}

#all a{
text-decoration:none;
color:#FA7B98;}

</style>
</head>
<body>

<div id="all">
<div style="position:fixed;
left:500px;
top:540px;
padding-top:10px;
font-size:14px;
letter-spacing:3px;
text-align:center;
text-transform:uppercase;
color:#FA7B98;
font-family: 'Economica', sans-serif;
width:680px;text-shadow: 0.1em 0.1em 0.05em #fff;
z-index:9;"><a href="/">return to blog?</a></div>

<div style="position:fixed;
right:10px;
bottom:10px;
font-size:12px;
font-family:consolas;">
<a href="http://vivite.tumblr.com">&copy;</a></div>
</div>
<img src="http://26.media.tumblr.com/tumblr_m0ptnkRs3M1r1wk68o1_500.png" style="position:fixed;
left:70px;
bottom:-5px;
z-index:-9;
opacity:.9;">

<div id="container">
{block:Following}{block:Followed} <a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" border="0" /></a> {/block:Followed}{/block:Following}
</div>

</body>
</html>