Blogroll #2

<!DOCTYPE html>
<html>

<!-- Blogroll #2 by Synics; do not remove credit!-->

<link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>

<style type="text/css">
body {background:#fff; padding:20px; font-family:georgia; font-size:13px; text-align:justify;background-image: url(http://24.media.tumblr.com/4b1c63f4c38c6b3730c1bd7c121ae6a8/tumblr_mhlxwhzBj21rvxio8o1_500.png);
background-position: bottom left ;
background-attachment: fixed;
background-repeat: repeat;}

img {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
width:64px;
height:64px;
}
 img:hover {
-webkit-border-radius: 32px;
-moz-border-radius:32px;
border-radius: 32px;
width:50px;
height:50px;
text-decoration:none;
color:#FFFFFF;-webkit-transform: rotate(360deg);
-moz-transform: rotate(-90deg);  }

img{
opacity:.9;
-webkit-transition-duration:.7s;}

img:hover{
opacity:1;
-webkit-transition: 0.2s ease-in;
}

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

a:hover {
color: #fafafa;
-webkit-transition: 0.5s ease-in;}

#footer{
position:fixed;
bottom:40%;
left:0px;
width:100%;
height:100px;
background-color:#fff;
z-index:9;
position: fixed;
z-index: 100;
opacity: .6;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all 0.2s linear;
}

#footer:hover {
opacity: .95;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all 0.2s linear;
{/block:iffixedtitle}
}

.title {font-size:45px; font-family: 'Dawning of a New Day', cursive;}

::-webkit-scrollbar-thumb:vertical {
background-color: #D9E4B6;

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

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

::selection { background:#D9E4B6; color:#000;}
</style>

</head>
<body>
<center>
<div id="footer"><div class="title">blogroll</div>
<a href="/">home</a>  <a href="/ask">inbox</a>  <a href="http://synics.tumblr.com">themes</a></div>
<div class="img">
{block:Following}{block:Followed}
<a href="{FollowedURL}" title="{FollowedTitle}" target="_blank"><img src="{FollowedPortraitURL-48}"/></a>
{/block:Followed}{/block:Following}
</div>


</center>
</body>
</html>