page #15 (blogroll)

<!-- page #15 (blogroll) by nerdydean. don't remove the credit. -->

<!DOCTYPE html>
<head>

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

<!-- TOOLTIP SCRIPTS -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
   (function($){
       $(document).ready(function(){
           $("[title]").style_my_tooltips({
               tip_follows_cursor:true,
               tip_delay_time:200,
               tip_fade_speed:300
           }
               );
       });
   })(jQuery);
</script>

<style type="text/css">

body{
font-family:arial;
}

#s-m-t-tooltip {
font-size: 9px;
max-width:300px;
padding:3px 4px 2px 5px;
margin:20px 0px 0px 20px;
background:#fff;
border:1px solid #000;
font-family:calibri;
letter-spacing:1px;
text-transform:uppercase;
color:#000;
z-index:999999999999999999999999999999999999;
box-shadow:2px 2px rgba(51,51,51,.1);
}

::-webkit-scrollbar {
height:03px;
width:12px;
background-color:#fff;
}

::-webkit-scrollbar-thumb {
background-color:#000;
border: 5px solid #ffffff;
}

a {
text-decoration:none;
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
-o-transition-duration:.6s;
-ms-transition-duration:.6s;
color:#000;
}

a:hover {
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
-o-transition-duration:.6s;
-ms-transition-duration:.6s;
}

#content {
margin:10px auto;
width:900px;
}

#content img {
margin-left:5px;
width:50px;
padding:10px;
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
-o-transition-duration:.6s;
-ms-transition-duration:.6s;
box-shadow:2px 2px rgba(51,51,51,.1);
border:1px solid #000;
padding:5px;
margin:5px 5px 5px 5px;
-webkit-filter:grayscale(100%);
}

#content img:hover {
-webkit-filter:none;
}

#title{
font-size:40px;
font-weight:bold;
width:900px;
margin:0 auto;
margin-top:30px;
margin-bottom:10px;
font-family:calibri;
letter-spacing:1px;
text-transform:uppercase;
color:#000;
border:1px solid #000;
padding:10px;
box-shadow:2px 2px rgba(51,51,51,.1);
}


</style>
</head>
<body>

<!-- this is your header. -->
<!-- this is your title. -->
<div id="title">blogroll.
<small><small><small><small><small>
<!-- these are your links. -->
<a href="/">home.</a>
<a href="/ask">ask.</a>
<a href="/">link3.</a>
<!-- please don't remove this. -->
<a title="theme by nerdydean" href="/">cr.</a>
</small></small></small></small></small></div>

<div id="content">
<!-- this is your actual blogroll. -->
{block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}">{/block:Followed}{/block:Following}
</div>


</body>
</html>