DAMNALY BLOGROLL THEME

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
}
);
});
})(jQuery);
</script>
<head>
<style type="text/css">


::-webkit-scrollbar {

height: 4px;

width: 5px;

background: #fff;

}

::-webkit-scrollbar-thumb {

background-color:#ccc;


-webkit-border-radius: 2px;

-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);

}

::-webkit-scrollbar-corner {

background: #transparent;

}
 #s-m-t-tooltip{
position:absolute;
background-color:#fff;
padding:3px;
z-index:999;border:1px solid #ccc;
margin-top:10px;
margin-left:5px;
display:block;font-style:italic;
text-transform:uppercase;
font-size:10px;
color:#000;
}

</style>
<title>BLOGROLL</title>
<style type="text/css">

body {
    background-color: #fff;
    font-family:helvetica;
    font-size:10;
}

a {
    text-decoration: none;
    font-family: helvetica;
    color: #fff;background-color:#ccc;
    padding:4px;-webkit-transition: opacity 1s linear; opacity:1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out
}

a:hover {
    background-color: #fff;
    border: none;color:#666;-webkit-transition: opacity 1s linear; opacity:1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out
}

#things {width:450px; height:400px; background-color:#fff; padding:10px; margin-top:100px; margin-left:450px; border:1px solid #ccc;}

#things a:hover {background-color:transparent; opacity:.6; ;-webkit-transition: opacity .6s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
#links  {border-bottom:1px solid #ccc; padding:7px;}

h1 {
    font-family: 'Lobster', serif;
    color: #333;
    font-size: 3em;
    margin: 0;
    padding: 10px 0 10px 0;
    text-shadow: 2px 2px 1px #ccc;
}

h2 {
    font-weight: bold;
    font-size: 1.2em;
}

</style>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="things"> <!-- TITLE GOES HERE, 450X60 PX -->
<img src="http://static.tumblr.com/j5ngv58/HJQmnvczj/1.jpg">

<div style="overflow:auto; width:450px; height:290px; background-color: #ffffff; text-align: center;">
{Block:Following}
{Block:Followed}

<a href="{FollowedURL}" title="{FollowedTitle}" style="background-color:transparent;"> <img src="{FollowedPortraitURL-48}" alt="{FollowedURL}" style="padding:4px; border:1px solid #ccc;margin-top:3px;-webkit-filter: grayscale(1); "> </a>
{/Block:Followed}
{/Block:Following}
</div>
<div id="links"><center></br>
<a href="/">BACK</a>
<a href="/ask">ASK</a>
<a href="/nav">NAV</a></center>
</div>

</div>
</div>
</div>
<div style="position:fixed; bottom:5px; right:5px; padding:2px 2px; font-size:10px; font-family:nexa;"><a href="http://damnaly.tumblr.com/">THEME</a></div>

</body>
</html>