blogroll

<!DOCTYPE html>
<head>


<!--
     THEME BY LILLSTHEMES
     DO NOT STEAL OR USE AS BASE CODE
     LEAVE CREDIT IN TACT
-->


<!--
     Be sure to scroll to the bottom of this code and add your URL where it says "YOUR URL" or the ask box will not work!!!
-->


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>

<title>Blogroll</title>

<link rel="shortcut icon" href="{Favicon}" />

<link href="http://static.tumblr.com/fjkiake/3brnbyue4/style-my-tooltips.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/fjkiake/zp5nbyud9/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:300,
attribute:"title"
});
});
})(jQuery);
</script>


</head>

<style type="text/css">

.popup_block{
    display:none;
    background:#fff;
    padding:20px;
    border:1px solid #eee;
    float:left;
    position:fixed;
    top:50%;left:50%;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}

*html #fade {position: absolute;}
*html .popup_block {position: absolute;}
#fade {
    display:none;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:9999;
    background:#000;
    opacity:0.5;
}

::-webkit-scrollbar-thumb{
background-color: white;
border: 2px solid black;
height:auto;
}

::-webkit-scrollbar {
height:auto;
width:11px;
background-color: white;
border:5px solid black;
}


body {
    background:black;
    font-family:consolas, courier new;
}

a {
    color:white;
    text-decoration:none;
    text-transform:uppercase;
}

#container {
    position:fixed;
    top:100px;
    right:482px;
    width:505px;
    padding:5px;
}

#title {
    color: white;
    text-align:left;
    font-style:italic;
    text-transform:uppercase;
    font-size:14px;
}

#links {
    color:white;
    text-align:right;
    font-size:11px
}

#info {
    height:90px;
    width:150px;
    display:inline-table;
    border:1px solid white;
    margin-bottom:10px;
}

#info img {
    margin-right:5px;
    border-radius:50%;
    padding:2px;
}

#info a {
    color:black;
}

#text, #text a {
    font-size:10px;
    text-transform:normal;
    text-decoration:none;
    letter-spacing:0px;
    padding:5px;
    color:white;}


#blogroll {
    height:400px;
    background:black;
    border:1px solid white;
    padding:5px;
    overflow:auto;
}

#s-m-t-tooltip{
    position:absolute;
    z-index:9999;
    background:#fff;
    max-width:100px;
    font-family:consolas;
    color:black;
    border-radius:0;
}

#cred {
position:fixed;
font-family:consolas, courier new;
font-size:12px;
right:9px;
bottom:9px;
}

</style>


<body>

<div id="container">

    <div id="title">blogroll</div>

    <div id="links">
        <a href="/">home</a> <a href="#?w=450" rel="box1" class="poplight">ask</a>
    </div>


    <div id="blogroll">

        {block:Following}{block:Followed}
        <div id="info">
       <a target="_blank" href='{FollowedURL}' title='{FollowedTitle}'><center><br><img src="{FollowedPortraitURL-40}"><br><div id="text">{FollowedName}<br></div></center></a>
       </div>
       {block:Followed}{/block:Following}

    </div>

</div>
</body>

<div id="box1" class="popup_block">
<iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/YOUR URL.tumblr.com" width="100%"></iframe>
</div>

</div></div></div></div></div></div></div></div></div></div>

<div id="cred">
<a href="http://lillsthemes.tumblr.com/">LT</a>
</div>


</HTML>