blogroll (page #13)

<!-- page #13 by nerdydean. don't remove the credit.-->

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

<head>

<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:20,
    tip_fade_speed:400,
    attribute:"title"
});
});
})(jQuery);
</script>

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

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

<style type="text/css">

#content {
position: absolute;
padding: 0px;
margin-left: 0px;
overflow: auto;
margin-top:10px;
}

#content img {
padding: 5px;
width: 55px;
margin: 3px;
border: 1px solid #fff;
background-color: #fff;
-webkit-filter: grayscale(.5);
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
-ms-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s;
}

#content img:hover {
-webkit-filter: grayscale(0);
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;
-ms-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s;
}

#s-m-t-tooltip {
max-width:300px;
padding:2px 2px 2px 2px;
margin:20px 0px 0px 20px;
background:#fff;
border:1px solid #eee;
text-transform:lowercase;
color:#2e2e2e;
z-index:999999999999999999999999999999999999;
text-decoration:bold;
font-family: helvetica;
font-size: 10px;
letter-spacing: 0px;
}

::-webkit-scrollbar {
width: 3px; height:auto; background:#fff;
}

::-webkit-scrollbar-corner {
padding:2px;
background:#fff;
}

::-webkit-scrollbar-button:vertical {
height:5px;
display: block;
background:#2e2e2e;
}

::-webkit-scrollbar-button:horizontal {
width: 3px;
height: 5px;
display: block;
background:#2e2e2e;
}

::-webkit-scrollbar-thumb:vertical {
background:#2e2e2e;
}

::-webkit-scrollbar-thumb:horizontal {
background: #fff;
}

::-webkit-scrollbar-thumb {
background: #2e2e2e;
}

body {
color:#333;
font-family:calibri;
font-weight:100;
font-size:11px;
text-align:justify;
margin:0;
line-height:18px;
background:#fff;
}

a {
color:#333;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

img {
border:none;
text-decoration:none;
}

p {
margin-top:5px;
margin-bottom:5px;
}

#con {
left:50%;
margin-left:-200px;
position:absolute;
}

.posts {
width:400px;
background:#fff;
margin:50px 0;
}

.l {
background:#fff;
margin-top:50px;
width:400px;
text-align:center;
font-family:calibri;
text-transform:uppercase;
}

#title {
font-size:14px;
margin-bottom:12px;
text-align:center;
letter-spacing:1px;
font-family:calibri;
text-transform:uppercase;
color:#333;
background:#fff;
padding:15px;
border-bottom:1px solid #eee;
}

.links {
padding-bottom:10px;
border-bottom:1px solid #eee;
}

.links a {
margin:0 5px;
padding:2px 5px;
border:none;
}

</style>

<script type="text/javascript">
$(document).ready(function() {
// Tooltip only Text
$('.masterTooltip').hover(function(){
        // Hover over code
        var title = $(this).attr('title');
        $(this).data('tipText', title).removeAttr('title');
        $('<p class="tooltip"></p>')
        .text(title)
        .appendTo('body')
        .fadeIn('slow');
}, function() {
        // Hover out code
        $(this).attr('title', $(this).data('tipText'));
        $('.tooltip').remove();
}).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coordinates
        var mousey = e.pageY + 10; //Get Y coordinates
        $('.tooltip')
        .css({ top: mousey, left: mousex })
});
});
</script>

</head>

<link href="#s-m-t-tooltip" 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/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>

<body>

<div id="con">
<div class="l">
<!-- this is your title. you can leave it ask blogroll or change it to say what you want. -->
<div id="title">blogroll</div>
<div class="links">
<!-- these are your links. -->
<a href="/">home</a>
<a href="/ask">ask</a>
<a href="/">link2</a>
<!-- please don't remove this -->
<a title ="theme by nerdydean" href="/">theme</a>
</div>

</div>

<div id="content">
<div id="posts">

<center>
<div style="width:400px; height:400px; overflow-Y:scroll;">
{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}' title="{FollowedName}"><img border='1' src='{FollowedPortraitURL-96}' />{/block:Followed}{/block:Following}
</center>

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