Blogroll Theme 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <!--                      DO NOT REMOVE THE FOLLOWING
             ► Blogroll #1 by Rachael: pevensied @ tumblr.com  ◄
            • If you are using my theme, please leave the credit
              where it is.
            • You can custom to your heart's content, but do not
              redistribute it as your own under any circumstance.
   -->

<HTML>

<title>Blogroll</title>
<link rel="shortcut icon" href="{Favicon}" />

<head>

<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>


<script type="text/javascript" src="http://static.tumblr.com/z5o2pr2/4jEm2giux/jquery.style-my-tooltip.js"></script>

<script type="text/javascript">
$().ready(function() {
        //applies to all elements with title attribute. Change to ".class[title]" to select only elements with specific .class and title
        $("[title]").style_my_tooltips({
                tip_follows_cursor: "on", //on/off
                tip_delay_time: 40 //milliseconds
        });
});
</script>

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


<style type="text/css">

/* ---------- scroll bar --------- */
::-webkit-scrollbar-thumb:vertical {background-color:#eee; height:30px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#eee; height:10px!important;}
::-webkit-scrollbar {background-color:#fff; height:10px; width:5px;}


body {
background-color:{color:background};
background-image: url('http://static.tumblr.com/z5o2pr2/7kBm3qvv2/gplaypattern.png'); /* ---------- Background Image --------- */
background-position: center;
background-attachment:fixed;
background-repeat: repeat;
}

a:link {
color: #eee;
text-decoration:none;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;

}
a:hover {
background: transparent;
color: #eee;
text-decoration: none;
}

/* ---------- name hover --------- */

#s-m-t-tooltip {
position:absolute;
background:#eee;
padding:3px 5px 3px 5px;
z-index:9999;
display:inline-block;
font-size:10px;
font-family:calibri;
line-height:12px;
color:{color:text};
}


#container {
margin-top:20px;
margin-left:20px;
width: 420px;
 }

/* ---------- Icons --------- */
.icon img {
width:60px;
margin-left:4px;
opacity:0.6;
border:3px solid #171717;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.icon img:hover {
opacity:1;
-webkit-transform: scale(1.2);
}

/* ---------- Container --------- */
.container {
background: #eee;
padding:10px 5px;
line-height: 1.5;
opacity:0.75;
}

.title {
font-size:30px;
font-family:'Tulpen One';
}

.home {
margin-left:120px;
margin-top:-30px;
opacity:0.5;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.home:hover {
opacity:1;
}

#credit {
position:fixed;
width:100px;
right:3px;
bottom:3px;
line-height:5px;
letter-spacing:0px;
font:10px georgia;
text-transform:lowercase;
font-style:italic;
}

</style>
</head>
<body>


<div id="container">
<div class="title">Currently Following; <div class="home"><a href="/"><img src="http://static.tumblr.com/z5o2pr2/JfNm346ah/home.png"></a>
</div></div>
<div class="entry">
<div class="container">
<div class="icon">

<center>
{block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-64}" />{/block:Followed}{/block:Following}&nbsp;&nbsp;
</center></div></div></div></div>

<iv class="info"><center></center></div>

<!-- Please do not remove this, if you do: You MUST give me some form of credit, or I will skin you -->
<div id="credit"><a target="blank"href="http://pevensied.tumblr.com/stuff/themes"><font color="#808080">theme by pevensied</a></font></div>

</body>
</html>