Blogroll Theme #1

<link href='http://fonts.googleapis.com/css?family=Merienda' rel='stylesheet' type='text/css'>

<!-- Blogroll Theme #1 by Synics (themes) Please do not redistrubute or remove credit. Thank you! -->

<style>

body {
background:#eeeeee url(http://24.media.tumblr.com/ab91bccba184cce41645ab276f702cea/tumblr_miby01J1FB1rnww9oo1_500.png);
background-position:fixed;
font-family:georgia;
font-style:italic;
font-size:11px;
color:#000;}

a {text-decoration:none; color:#555555; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
a:hover {color:#ffffff;}

#blogtitle
{margin-bottom: -10px; font-family: 'Merienda'; padding-bottom: -2px; text-align:center; font-size:55px; letter-spacing: 1px;}

img:hover {
-webkit-border-radius: 32px;
-moz-border-radius:32px;
border-radius: 32px;
width:64px;
height:64px;}

img {
-webkit-border-radius: 32px;
-moz-border-radius: 16px;
border-radius: 16px;
width:64px;
height:64px;
 -webkit-transition-duration:.7s;
}

#photo {position:relative;}
#photo:hover .perm {opacity:1; -moz-transition:0.5s ease-in; -webkit-transition: 0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in;}

.perm {margin:0px; position:absolute; bottom:0px; padding:10px; font-size:9px; background:{color:background}; opacity:0; -moz-transition:0.5s ease-in; -webkit-transition: 0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in;}


::-webkit-scrollbar-thumb:vertical {
background-color: #cacfce;
height: 65px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


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

</style> <body> <center> <div id="blogtitle">Le Blogroll</div>
<div style="background-color: #ffffff; border:4px solid #dddddd; width: 515px; height: 515px; position: center; padding: 7px; margin-right: -5px; overflow: auto;">

{block:Following}{block:Followed} <a title='{FollowedName}' target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' />{/block:Followed}{/block:Following}</div> <div class="perm">{notecount}</div>
 <small>
<a href="/">home</a> / <a href="/ask">message</a> / <a href="http://synics.tumblr.com">theme</a></div> </div> </small></center>