PageTwo - Blogroll

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

<!---
PAGE: 2 - Blogroll
BY: Heidi (Previously Crayoned & Zohne  of Zojoh)
--->

<head>
<title>Fᴏʟʟᴏᴡɪɴɢ</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">
/*Scrollbar*/

::-webkit-scrollbar {
        width:5px;
	height:5px;
}
::-webkit-scrollbar-track-piece {
	background:#ffffff;
}
::-webkit-scrollbar-thumb {
	background: #ddd;
}

/*Body*/

body {
	margin:0;
	padding:0;
	border:0;
	background-color:#f8f8f8;
	color:#e1e1e1;
	}

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

/*Top Navigation*/

#top {
	width:100%;
	height:40px;
	background-color:#f9f9f9;
	border-bottom:1px solid #f1f1f1;
	text-align:center;
	}

#top a {
	display:inline-block;
	padding:14px;
	border-bottom:1px solid #f1f1f1;
	font-family:courier new;
	font-size:10px;
	color:#e1e1e1;
	text-align:center;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	}

#top a:hover {
	padding-top:14px;
	padding-left:14px;
	padding-bottom:11px;
	padding-right:14px;
	border-bottom:4px solid #def;
	background-color:#fff;
        color:#def;
	}

/*Contentbox & Following pic*/

#box {
	width:620px;
	margin:10px auto 20px auto;
	height:auto;
	}

#box img {
        margin:3px;
	background-color:#f1f1f1;
	border:4px solid #f1f1f1;
	padding:5px;
	opacity:0.7;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	}

#box img:hover {
	background-color:#fff;
	padding:5px;
	border:4px solid #def;
	opacity:1;
	}

/*Hover Img title style*/

#s-m-t-tooltip{
	max-width:300px;
	padding:2px;
	margin:26px 0px 0px 8px;
	z-index:10;
	background-color:#def;
	font-family:consolas;
	font-size:9px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fff;
	}

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


<body>

<div id="top">
	<a href="http://{name}.tumblr.com">back</a><a href="http://{name}.tumblr.com/ask">message</a><a href="http://tumblr.com">dashboard</a><a href="http://ladmilk.tumblr.com" title="page by heidi" >credit</a>
</div>
{block:Following}
	<div id="box" align="center">
		{block:Followed}<a title="{FollowedName}" target="_blank" href="{FollowedURL}"><img border="0" src="{FollowedPortraitURL-48}"/>{/block:Followed}
	</div>
{/block:Following}

</body>
</html>