Blogroll Theme #2 by Incedo

<!----------------------------------------
Blogroll Theme #2 by Incedo
http://incedothemes.tumblr.com
Please do not remove the credit.
Instructions @ http://incedothenes.tumblr.com/blogroll
Updated 6/13/13
------------------------------------------>

<html>

<head>

<!--- this is the title that will appear on your tab --->
<title>blogroll</title>

<style type="text/css">

/*---these are things you can edit (scroll down to edit the title)---*/
::-webkit-scrollbar-thumb {background-color:#606060;} /*this is the scrollbar color*/
::-webkit-scrollbar-track{background-color:#ffffff;} /*this is the scrollbar background color*/
body {background-color:#ffffff;} /*this is the background color*/
body {font-family:georgia;}  /*this is the font*/
#title {color:#606060;} /*this is the title color*/
#nav a, #c {color:#606060;} /*this is the nav color*/
#nav a:hover {color:#E0E0E0} /*this is the nav hover color*/
#icon, #s-m-t-tooltip {background-color:#ffffff} /*this is the background color of each icon*/
#header, #icon, #s-m-t-tooltip {border-color:#C0C0C0;} /*this is the border color*/
#s-m-t-tooltip {color:#606060;} /*this is the color of each url*/

::-webkit-scrollbar {width: 6px;}

#wrapper {
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:784px;
padding:20px;
height:auto;}

#header {
margin-bottom:10px;
text-align:center;
border-bottom-style:double;}

#title {
font-style:italic;
font-size: 18px;
letter-spacing:5px;
text-decoration:none;
text-align:center;}

#nav {margin-bottom:5px}

#nav a {
text-decoration:none;
letter-spacing:3px;
font-size:9px;
font-style:italic;
-webkit-transition-duration:.4s;}

#nav a:hover {-webkit-transition-duration:.4s;}

#entry {
height:auto;
font-size:0;}

#entry img {
border-radius:10px;
opacity:1;
-webkit-filter: grayscale(0);
width:84px;
height:84px;
-webkit-transition-duration:.4s;}

#entry img:hover {
opacity:.5;
-webkit-filter: grayscale(1);
-webkit-transition-duration:.4s;}

#icon {
text-align:center;
margin:10px 10px 10px 10px;
padding:3px;
border-radius:12px;
border-width: 1px;
border-style: solid;
display:inline-block}

#s-m-t-tooltip{
box-shadow:1px 1px 3px rgba(0,0,0,.1);
max-width:250px;
margin-top:22px;
margin-left:12px;
padding-left:3px;
padding-right:3px;
border-width: 1px;
border-style: solid;
border-radius:2px;
z-index:999999999;
font-size:10px;
font-style:italic;
letter-spacing:1px;
text-transform:lowercase;
line-height:14px;
height:14px;}

 #c, #c a {
position:fixed;
bottom:4px;
right:4px;
font-size:13px;
font-family:helvetica;
text-decoration:none;}

</style>

<style type="text/css">{CustomCSS}</style>

<script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script><script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script><script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script><script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script><script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script><script type="text/javascript" src="jquery.masonry.min.js"></script><script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>{block:IndexPage}<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script><script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IndexPage}

 <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title],a[title],img[title]").style_my_tooltips({
    tip_follows_cursor:true,
    tip_delay_time:2,
    tip_fade_speed:400,
    attribute:"title"
});
});
})(jQuery);
</script>

</head>

<body>

<div id="wrapper">

<div id="header">
<!--- this is the title of your blogroll page --->
<div id="title">blogs i follow</div>
<div id="nav">
<a href="/">(return to blog)</a>&nbsp;&nbsp;
<a href="/ask">(message)</a>&nbsp;&nbsp;
<a href="/archive">(archive)</a>&nbsp;&nbsp;
<a href="http://incedo.tumblr.com">(theme)</a>
</div>
</div>

<div id="entry">

<!--{block:posts}{block:photo}
<div id="icon"><div id="circle"></div><a title="blog url here" href="{Permalink}"><img src="{PhotoURL-500}"/></a></div>

{/block:photo} {/block:posts}-->

{block:Following}{block:Followed}
<div id="icon"><a target="_blank" title="{FollowedName}" href="{FollowedURL}"><img src="{FollowedPortraitURL-96}"/></a></div>
{/block:Followed}{/block:Following}

</div>

</div>

<div id="c"><a href="http://incedo.tumblr.com">©</a></div>

</body>

</html>