Theme 15, Blogroll page

<!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>interlude</title>


<style type="text/css">

::-webkit-scrollbar {background-color:#fff; height:4px; width:3px}
::-webkit-scrollbar-thumb:vertical {background-color:#3b3b3b; height:50px}
::-webkit-scrollbar-thumb:horizontal {background-color:#3b3b3b; height:3px!important}


::selection {
background: #9a9a9a;
color:#fff;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

::-moz-selection {
background: #9a9a9a;
color:#fff;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
::-webkit-selection {
background: #9a9a9a;
color:#fff;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#s-m-t-tooltip{
    font-size: 8px;
    max-width:300px;
    padding:3px 3px 2px 4px;
    margin:20px 0px 0px 20px;
    z-index:10;
    background-color:#9a9a9a;
    font-family:calibri;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#fff;
    z-index:999999999999999999999;}


body {
    background-color:#fff;
    color:#9a9a9a;
    font-family:calibri;
    text-transform:uppercase;
    font-size:9px;
    line-height:100%;
    }

a {
    color: #3a3a3a;
    -webkit-transition-duration:1s;
    -moz-transition-duration:1s;
    -o-transition-duration:1s;
    transition-duration:1s; }

a:hover {
    color: #aaaaaa;
    webkit-transition-duration:1s;
    -moz-transition-duration:1s;
    -o-transition-duration:1s;
    transition-duration:1s; }

#Frame {
    opacity:1;
    position:fixed;
    margin-left:430px;
    margin-top:-185px;
    z-index:-1;}

#Frame img{
    height:650px;
    }

#Content {
    font-family:raleway;
    text-transform:none;
    z-index:999999;
    background-color:#fff;
    color:#777;
    overflow:auto;
    font-size:10px;
    height:387px;
    width:490px;
    margin-top:180px;
    margin-left:520px;}

#entries {
    width:475px;
    margin: 20px auto 20px;
    padding:2px;
    margin-bottom:50px;
    margin-top:10px; }

#entries img {
    opacity:0.7;
    background-color: #fff;
    padding:4px;
    width:60px;
    height:60px;
    -webkit-transition-duration:4s;
    -moz-transition-duration:4s;
    -o-transition-duration:4s;
    transition-duration:4s;
    }

#entries img:hover {
    opacity:1;
    -webkit-transition-duration:4s;
    -moz-transition-duration:4s;
    -o-transition-duration:4s;
    transition-duration:4s;
    }

/*SIDEBAR*/

#side {
    position:fixed;
    margin-top:-240px;
    margin-left:145px;
    padding-bottom:5px;
    }

#side a {
    font-family:cambria;
    padding:3px;
    text-transform:uppercase;
    font-size:10px;
    width:40px;
    text-decoration:none;
    text-align:center;
    display:inline-block;
    color:#777;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

#side a:hover {
    background-color:#777;
    color:#fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

#sideimage img {
    z-index:-1;
    position:fixed;
    margin-top:-350px;
    margin-left:100px;
    width:200px;
    }

#sidetitle {
    font-family:cambria;
    font-size:15px;
    line-height:150%;
    text-align:center;
    TEXT-TRANSFORM:uppercase;
    width:120px;
    color:#777;
    position:fixed;
    margin-top:-300px;
    margin-left:138px;
    }

/*SIDEBAR*/

</style>

<div id="Frame">
<img src="http://static.tumblr.com/kvpds3v/TQgmqtvl0/54.jpg">
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/kvpds3v/RRQmns75k/gunsorhands.txt"></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:90,
    tip_fade_speed:600,
    attribute:"title"
});
});
})(jQuery);
</script>


</head>

<body>

<div id="Content">

<center>
<table cellspacing="0" cellpadding="15">

<div id="entries" >


{block:Following}
{block:Followed}
<a target="_blank" href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-64}" /></a>
{/block:Followed}{/block:Following}


</div>

</table>
</center>
</div>

<div id="sidetitle">
<!--HERE YOU ADD YOUR TITLE-->
your url/title here
<!--END OF THE TITLE-->
</div>
<div id="side">
<a href="/">home</a>
&nbsp;&nbsp;
<a href="http://www.tumblr.com/dashboard">dash</a>
<br><br>
<a href="/ask">ask</a>
&nbsp;&nbsp;
<a href="http://persefonne.tumblr.com/">credit</a>
</div>
<div id="sideimage">
<img src="http://static.tumblr.com/kvpds3v/8kumphv75/53.gif">
</div>


</body>
</html>