BANEFACTOR blogroll

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

THEME + BLOGROLL BY MURILO === BANEFACTOR.TUMBLR.COM

-->


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 5px;}
::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:5px!important;}
::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:5px; width:5px;}

body {
    background:#fff;
    margin:0px;
    color:{color:Text};
    font-family:arial;
    font-size:10px;
    line-height:100%;
    text-align:justify;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:#a8a8a8;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#sidebar {
    margin-right:-300px;
    margin-top: 170px;
    background-color: transparent;
    height: 110%;
    overflow: hidden;
    top: 1px;
    width:240px;
    padding-left:60px;
    position:fixed;
}

#sidebarimage {
    width: 210px;
    padding:10px 0px 10px 0px;
    margin-right:auto;
    margin-left:-10px;
}

#sidebarimage img {
    width:210px;
}

#links {
    text-align:center;
    font-size:8px;
    line-height:35px;
    width:190px;
    font-family:Calibri;
    text-transform:uppercase;
}

#links a {
    color:{color:link};
    padding: 6px 5px 5px 5px;
    border-bottom: 1px solid #e4e4e4;
    letter-spacing: 2px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#links a:hover {
    color:{color:link hover};
    padding: 6px 5px 5px 5px;
    padding-bottom:15px;
    border-bottom: 1px solid #e4e4e4;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#description {
    text-align:justify;
    font-size:9px;
    font-family:helvetica;
    word-spacing:1px;
    width:195px;
    line-height:13px;
    margin-left: -20px;
    padding:18px;
    padding-top:10px;
}


a:hover {
    color:{color:#a8a8a8};
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#all{top:130px;padding:0px;width:600px;margin-left:-205px;overflow:auto;margin-bottom:50px;}

#all img {width:52px;margin-top:3px;margin-bottom:3px;margin-left:1px;margin-right:1px;-webkit-transition: .9s;-moz-transition:.9s;-o-transition:.9s;}

#all img:hover {opacity:.3;-webkit-transition: .9s;-moz-transition:.9s;-o-transition:.9s;}

#s-m-t-tooltip {
    max-width:300px;
    padding:12px;
    margin:10px 0px 0px 15px;
    background-color:#ffffff;
    font-family:helvetica;
    letter-spacing:2px;
    text-transform:lowercase;
    color:#B0B0B0;
    margin-left:00px;
    z-index:999999999999999999999999999999999999;}

#title{
   font-family:georgia;font-size:12px;text-align:center;padding:0px 5px ;width:300px;text-transform:normal;letter-spacing:3px;display:inline-block;color:#707070;margin-top:-30px;margin-left:-240px;position:relative;z-index:3;}

#links{width:300px;height:20px;display:inline-block;text-align:center;border-top:1px solid #eee;margin-left:-405px;margin-top:-5px;}

#links a{display:inline-block;padding:5px; background:#f8f8f8;margin-left:3px;margin-right:3px;}

#container{width:200px;padding:20px;margin:50px auto;}

#top{width:500px;margin-bottom:70px;}

{CustomCSS}</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[text]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"text"

});

});

})(jQuery);

</script>

<body>

<div id="sidebar">

<div id="sidebarimage"><img src="http://37.media.tumblr.com/8e86df1dba28bdc6e2888800cdcc595e/tumblr_n9lgj6rmCC1rh2p4to2_r1_250.png"></div>

{block:iftitle}<div id="title">{title}</div>{/block:iftitle}

<div id="description">
       <center><big><b> <a href="/">back</a>,
        <a href="http://www.tumblr.com/">dash</a>,
        <a href="http://hutchersno.tumblr.com/">credit</a></center></big></b></div>
    </div>
<div id="container">

<div id="top"><center>
<div id="title"><i> <a href="/"><big>{Name}</a></big>'s blogroll</i></div>
</div>
    <div id="all">
        {block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}" text="{FollowedName}" target="_blank">
<img src="{FollowedPortraitURL-64}"></a>
{/block:Followed}{/block:Following}
    </div>
</div>
</body></html>