[Page] → Blogroll #01 (Light)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<!--
BLOGROLL THEME FOR JYUUBI.ORG
DO NOT STEAL
-->

<head>
<link href='http://fonts.googleapis.com/css?family=Advent+Pro:200' rel='stylesheet' type='text/css'>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">
body {
background-image: url('http://static.tumblr.com/pdgxkke/X3bm2wiaz/light_bg.png');
background-attachment: fixed;
background-color: #fff;
margin: 0;
}

::-webkit-scrollbar-thumb:vertical {
background-color: #a4474c;
height: 50px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
background-color: #a4474c;
}

#border {
background-color: #efefef;
position: fixed;
width: 15px;
height: 100%;
}

#border2 {
background-color: #e0e0e0;
position: fixed;
width: 40px;
height: 100%;
margin-left: 15px;
}

#container {
width: 400px;
margin-left: 80px;
}

#header {
font-family: 'Advent Pro', sans-serif;
font-size: 14px;
color: #848484;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
position: fixed;
z-index: 999;
margin-left: 510px;
bottom: 250px;
}

#links {
position: fixed;
z-index: 999;
bottom: 235px;
margin-left: 538px;
}

#links a {
background-color: #f6f6f6;
display: inline-block;
width: 55px;
height: 15px;
font-family: consolas;
font-size: 8px;
color: #ababab;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
text-align: center;
line-height: 15px;
}

#following {
position: absolute;
z-index: 999;
width: 400px;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
}

#following img {
max-width: 60px;
opacity: .8;
margin: 5px;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
}

.shadow {
-moz-box-shadow: 2px 2px 4px #b2b2b2;
-webkit-box-shadow: 2px 2px 4px #b2b2b2;
box-shadow: 2px 2px 4px #b2b2b2;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
</style>
</head>
<body>

<div id="border"></div>
<div id="border2"></div>

<div id="header">jyuubi's blogroll</div>
<div id="links"><a href="/">go back?</a> <a href="http://jyuubi.org">credit</a></div>

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

</body>
</html>