Blogroll Theme 1 | Damnbritts

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

<!-- BLOGROLL THEME #01 BY DAMNBRITTS. -->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <style type="text/css">


    a {
    color:{color:link};
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    a:hover {
    color:{color:hover};
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }


::-webkit-scrollbar-thumb:vertical { background:#f1f1f1;border-radius:30px;border:3px solid #fff; }
::-webkit-scrollbar-thumb:horizontal { background:#fff; }
::-webkit-scrollbar { background:#f1f1f1; border: 5px solid #ffffff; width: 11px; height: 7px; }
::-webkit-scrollbar-thumb:active {border:1px solid #fff;}


body {
background-image:url('');
font-family:Calibri;
font-weight:normal;
}


    #theme {
    background-color:{color:bg};
    width:700px;
    margin: 0 auto -12px auto;
    text-align: center;
    }

    #all {
    margin-top:0px;
    margin-left:80px;
    }


@font-face { font-family: "GBold"; src: url('http://static.tumblr.com/qlfmldj/DgRmngn5r/gotham-bold.otf'); }


    #title {
    width:500px;
    position:absolute;
    background:#f9f9f9;
    padding:10px;
    font-family:gbold;
    color:#c2c2c2;
    font-size:24px;
    margin-top:-50px;
    text-transform:uppercase;
    letter-spacing:-1px;
    text-align:left;
    border-top:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    border-left:1px solid #f0f0f0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    }

    #links {
    font-family:consolas;
    letter-spacing:1px;
    text-transform:uppercase;
    position:absolute;
    font-size:10px;
    margin-left:390px;
    margin-top:-30px;
    }

    #links a{
    color:#a8a8a8;
    border-bottom:2px solid #f9f9f9;
    }

    #links a:hover {
    border-bottom:2px solid #cacaca;
    }

    #box {
    width:480px;
    height:290px;
    overflow:scroll;
    padding-left:30px;
    padding:20px;
    background:#fff;
    border:1px solid #f0f0f0;
    margin-top:180px;
    }

    #box img {
    width:45px;
    margin:3px;
    padding:3px;
    opacity:0.6;
    border:2px solid #f1f1f1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    }

    #box img:hover {
    background:white;
    opacity:1;
    background-color:#ffffff;
    border:2px solid #d4d4d4;
    box-shadow: 0 0 5px #e4e4e3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.8);
    -o-transform:scale(1.35);
    }

    #cred {
    font-size:8px;
    font-family:times;
    letter-spacing:1px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #cred a {
    background-color:#fff;
    color:#a8a8a8;
    padding:5px;
    border:1px solid #ddd;
    position:fixed;
    right:7px;
    bottom:10px
    }

    #cred a:hover {
    color:#fff;
    background-color:#000;
    border-radius:90px;
    -moz-transition-duration:2s;
    -webkit-transition-duration:2s;
    -o-transition-duration:2s;
    }


    #s-m-t-tooltip {
    font-size:8px;
    max-width:300px;
    padding:2px 3px 2px 3px;
    margin:13px 0px 0px 13px;
    z-index:10;
    background-color:#fff;
    font-weight:bold;
    border:1px solid #ddd;
    font-family:consolas;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#9a9a9a;
    z-index:999999999999999999999999999999999999;
    }


    {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[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:10,
tip_fade_speed:100,
attribute:"title"
});
});
})(jQuery);
</script>


<body>
<div id="theme">
<div id="all">
<div id="title">blogroll</div>

<div id="links">
<a href="/">return</a> |
<a href="/ask">ask</a> |
<a href="http://tumblr.com">dash</a>
</div>

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

<div id="cred"><a href="http://damnbritts.tumblr.com/">DB</a></div>

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