Blogroll Page 01 by armyofghosts

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

 <script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>



<!--- BLOGROLL PAGE #1 BY ARMYOFGHOSTS :) --->



<!-- jquery -->

<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:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>

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

<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">

/* --- SCROLLBAR ---*/

::-webkit-scrollbar {background-color:#fff; height:5px; width:7px}
::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px;border-radius:10px;border:1px solid #fff;}
::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}

/*---TOOLTIP---*/

#s-m-t-tooltip {
    max-width:300px;
    padding:2px;
    margin:10px 0px 0px 10px;
    padding:3px 5px;
    background-color:#333;
    text-transform:none;
    font-size:9px;
    font-family:helvetica;
    letter-spacing:1px;
    color:#fff;
    z-index:999;
}

/* --- BODY ---*/

#container {
    width:485px;
    height:350px;
    display:block;
    margin-top:15px;
    margin-left:-45px;
}

body{
    background:#fff;
    font-size:11px;
    line-height:10px;
    padding-bottom:50px;
}

a:link, a:active, a:visited{
    color:#333;
    text-decoration:none;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

a:hover{
    color: #ccc;
    text-decoration: none;
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
}

/* --- TITLE ---*/

#title {
    margin-top:130px;
    width:600px;
    font-size: 20px;
    font-family: helvetica;
    font-weight:bolder;
    text-transform:lowercase;
    letter-spacing:2px;
    text-align: left;
    padding-bottom: 15px;
    padding-top: 36px;
    color: #333;
    border-bottom:solid 1px #e8e8e8;
}

#title a {
    color: #333;
    -moz-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
}

#title a:hover {
    letter-spacing:3px;
    color: #333;
    -moz-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
}


/* --- LINKS ---*/

.links {
    margin-left:350px;
    margin-top:-15px;
    background:#fff;
    text-align:right;
    word-spacing:10px;
    letter-spacing:1px;
    width:150px;
    padding:10px;
    font-family: helvetica;
    font-weight:lighter;
    font-size:9px;
    text-transform:lowercase;
    -moz-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
}


.links a {
    color:#333;
}

.links a:hover {
    color:#ccc;
    -moz-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
}

/* --- TEXT ---*/

#blogroll {
    margin-left:-30px;
    margin-top:15px;
    text-align:center;
    display:block;
    overflow:scroll;
    height:350px;
    width:558px;
    font-size:11px;
    line-height:150%;
    padding:10px;
    padding-left:20px;
}

#blogroll img {
    width:50px;
    height:50px;
    padding:5px;
    background:#f4f4f4;
    margin:5px;
}

/*---CREDIT---*/

#cred {
        position:fixed;
        bottom:10px;
        right:10px;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
        letter-spacing:-2px;
        padding:5px;
}

#cred a {
    color:#000;
}

</style>

</head>

<center>

<div id="head">

<!-- TITLE -->
<div id="title"><a href="/">blogroll</a></div>

<!-- LINKS -->
<div class="links">
<a href="http://tumblr.com/dashboard">dash</a>
<a href="/">Link1</a>
<a href="/">link2</a>
<a href="/">link3</a>
</div></div></center>


<center>

<div id="container">

<div id="blogroll">

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

</div></div>

</center>

<div id="cred"> <a title="armyofghosts"href="http://armyofghosts.tumblr.com/">AG</a> </div>

</body>
</html>