Death Note (Blogroll) - BakaThemes

<!--

	    BLOGROLL PAGE MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
                Edit/tweak as much as you like but pleeeeaaaase
            DO NOT remove the credits, copy and redistribute the
                        code as your own. Or else...
                    I'LL HUNT YOU DOWN. MWAHAHAHAHAHAHA >:D

            *Sadly, customized (special) fonts do not work for
                        Mozilla Firefox viewers*

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>


<title>Blogroll</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/fsavqrf/ENxmsntqo/jquery.style-my-tooltips-cath.js"></script>

<style type="text/css">


::-webkit-scrollbar {
    width:9px;
    height:3px;
    background:#000;
}
::-webkit-scrollbar-thumb {
    background-color:#000;
    border:1px solid #fff;
}

body {
    background-color:#000;
    font-family:Calibri;
    }

a {
text-decoration:none;
    }

span {
    color:#aaaaaa;
    font-family:helvetica;
    font-size:10px;
    font-style:italic;
}

#all {
    position:relative;
    width:830px;
    bottom:50px;
    top:50px;
    margin-left:auto;
    margin-right:auto;
    }

#title {
    color:#fff;
    font-size:20px;
    text-align:right;
    font-family:Death Note Main;
    padding:10px;
    }

#back {
    font-size:9px;
    text-align:right;
    text-transform:uppercase;
    margin-bottom:10px;
    }

#back a:hover {
    color:#dddddd;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    }

#user {
    width:180px;
    height:85px;
    border-right:3px solid #fff;
    margin:10px;
    float:left;
    background-image:url('http://static.tumblr.com/fsavqrf/0Vmmsliqx/notebook.png');
    overflow:auto;
    }

#content {
    height:500px;
    border-left:5px dotted #fff;
    overflow:auto;
    }

#content img {
    width:60px;
    padding:5px;
    margin:3px;
    border:1px dashed #fff;
    float:left;
    }

#info {
    padding:5px;
    overflow:hidden;
    }

#s-m-t-tooltip{
    font-family:calibri;
    font-size:8px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:3px;
    margin:25px 0 0 10px;
    background:#000;
    border:1px dashed #fff;
    max-width:200px;
    z-index:9999;
}

.name {
    font-family:Ryuk;
    letter-spacing:1px;
    color:#fff;
    margin-top:5px;
}


@font-face {
    font-family:Death Note Main;
    src:url('https://dl.dropboxusercontent.com/s/kq1vplex7j8f72l/deathnotemain.ttf');
    }

@font-face {
    font-family:Ryuk;
    src:url('https://dl.dropboxusercontent.com/s/j8qiguoj7c8twum/ryukshandwriting.ttf');
    }

</style>


</head>

<link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />

<body>

<div id="all">

<div id="title">Blogroll</div>
<div id="back">
<a href="/">home</a> | <a href="/ask">message </a> | <a href="http://bakathemes.tumblr.com">credit</a>
</div>

<div id="content">
<center>
{block:Following}{block:Followed}
<div id="user">
<a target='_blank' href='{FollowedURL}'><img border='1' src='{FollowedPortraitURL-96}' />
<div id="info">
<text class="name">{FollowedName}</text><br><br>
<span>{FollowedTitle}</span></div></div>
{/block:Followed}{/block:Following}
</center>
</div>

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

<!--

	    BLOGROLL PAGE MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
                Edit/tweak as much as you like but pleeeeaaaase
            DO NOT remove the credits, copy and redistribute the
                        code as your own. Or else...
                    I'LL HUNT YOU DOWN. MWAHAHAHAHAHAHA >:D

-->