HzrrysBlogroll

<!--
theme by hzrrys.tumblr.com
please don't be dumb and steal it
if you want to use it as a base code ask but make sure you leave credit somewhere
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<head><title>blogroll</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<style type="text/css">
*, body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;}
a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: color 0.7s ease-out;
-moz-transition: color 0.7s ease-out;
transition: color 0.7s ease-out;
}


a:hover {
color: #1b1b1b;
text-decoration: none;
text-shadow: #969696 2px 2px 1px;
}

@font-face{ font-family:"jane"; src: url('http://static.tumblr.com/dt3ep3f/EQjmk3la8/janeaust__1_.ttf');,}

::-webkit-scrollbar-thumb {background:#494949;}
::-webkit-scrollbar {width:4px;background:#ffffff;}

/* GENERAL */

body {
font-family:georgia;
font-size:8px;
line-height:10px;
color:#9b4454;
text-align:center;
margin-left:-100px;
background:url('http://sunday.metropres.org/wp-content/uploads/2012/02/plain-white-background.jpg') fixed;}


a {text-decoration:none;color:#5a5a5a;
-webkit-transition: 0.5s ease;transition: 0.5s ease;
-o-transition: 0.5s ease;-moz-transition: 0.5s ease;}

/* POSTS */

#wrap {
position:relative;
margin:40px auto;
width:268px;
}

#outer{
height:470px;
overflow:auto;
padding:0px 2px;
}

/* HEADER */

#header {
position:relative;
margin:5px 0px;
width:370px;
background:url('http://static4.grsites.com/archive/textures/red/red001.jpg') fixed;}
}

#sub {
margin-left:-82px;
width:506px;
border:1px solid #c9c7cc;
padding:3px;
background:url('http://static4.grsites.com/archive/textures/red/red001.jpg') fixed;}
}
#sub a:hover {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}

.title {
margin-bottom:5px;
padding:11px 10px 8px 10px;
font-weight:bold;
font-size:16px;
font-family: jane;
line-height:18px;
letter-spacing:2px;
border:1px double #c9c7cc;
background:rgba(255,255,255,0.75);
}


/* PORTRAITS */

#content img:hover{-webkit-filter: grayscale(0);}
#content img{width:50px;height:50px;-webkit-filter: grayscale(1);
-webkit-transition: 1s ease;transition: 1s ease;
-o-transition: 1s ease;-moz-transition: 1s ease;}

#content {
display:inline-block;
width:50px;
padding:2px;
margin:5px 3px;
border:1px solid #c9c7cc;
background:transparent; rgba(255,255,255,0.75);
}

/* CREDIT */

#c{
position:fixed;
font-family:georgia;
padding:5px 5px 3px 5px;
right:10px;
bottom:5px;
font-size:7px;
background:transparent;
text-transform:uppercase;
border:1px solid #fff;}

/* MISC */

#s-m-t-tooltip{
display:block;
max-width:200px;
margin:15px;
word-wrap:break-word;
padding:4px 10px 2px 10px;
z-index:9999;
background:#FFF;
letter-spacing:1px;
font-weight:9px;
border:1px double #ddd;}

::selection {color:#AAA;}
::-moz-selection {color:#AAA;}
::-webkit-selection{color:#AAA;}

small{font-size:8px;
line-height:10px;
letter-spacing:2px;
font-family:georgia;
}
</style>
</head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
    tip_follows_cursor:true,
    tip_delay_time:20,
    tip_fade_speed:400,
    attribute:"title"
});
});
})(jQuery);
</script>

</head>
<body>
<div id="wrap">
<div id="header">
<div class="title">Blogroll<br>

<!-- SUB HEADER -->
<div id="sub"><small><a href="/">back</a>&nbsp; · &nbsp;<a href="/ask">message</a>&nbsp; · &nbsp;<a href="http://www.tumblr.com/dashboard">dash</a></small></div>
</div>

<div id="outer">
{block:Following}{block:Followed}
<div id="content"><a href="{FollowedURL}" title="{FollowedName}">
<img src="{FollowedPortraitURL-64}"></a></div>
{/block:Following}{/block:Followed}
</div>

<!-- CORNER IMAGE -->
<img style="position:fixed;right:0px;bottom:0px;width:250px;" src=""/>

<div id="c">&copy; <a href="http://hzrrys.tumblr.com"><small>hzrrys</small></a></div>

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