blogroll 01 | stylessext

<!--
Theme 01
- blogroll 01 by Melissa http://stylessext.tumblr.com/
don't remove my credits or claim it as your own
enjoy!
!-->


<!DOCTYPE html>
<html>
    <head>

    <link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
		<!--Title shown on tab-->
		<title>{title}</title>
		<!--STEP 2: CSS styling-->
		<style type="text/css">

        center{
width:800px;
margin:auto;
font-family:Cambria, "Cambria";
font-style:normal;
font-size:11px;
}
		ul {
			list-style: none;
			margin-left: 0%;
		}
		li {
			float: left;
			margin: 0%;
		}


        center img{
-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
z-index:-100;
box-shadow:0 0 0.2em gray;
}
img:hover{
-webkit-transform:scale(1.3); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.3); /*Mozilla scale version*/
-o-transform:scale(1.3); /*Opera scale version*/
box-shadow:0px 0px 20px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 20px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 20px gray; /*Mozilla shadow version*/
opacity:0.9;
z-index:100;
position:relative;
}
.link{opacity:0.5;text-decoration:none;color:#000;
display:block;
text-align:left;
border-bottom:dashed #ccc 1px;
}
a:link, a:visited{text-decoration:none;padding:0px;color:#000;}
#footer{
text-transform:uppercase;
opacity:0.5;
margin:auto;
text-align:center;
padding:30px;
font-style:italic;
font-family:Cambria;
}
		</style>
	</head>

	<body>

    <center>
<div class="link" >
<center><br><br><br><br>
<big><big><big><big><big><big> blogroll. </big></big></big></big></big></big>
<br><a href="http://www.tumblr.com/dashboard"> dash </a> | <a href="/"> back </a> |
<a href="http://stylessext.tumblr.com"> credit </a>
		<!--STEP 1: Following code-->
		{block:Following}
		<ul>
			{block:Followed}
			<li>
				<a href="{FollowedURL}"><img src="{FollowedPortraitURL-64}"/></a>
			</li>
			{/block:Followed}
		</ul>
		{/block:Following}
	</body>
</html>