BlogRoll #1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>

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

<script type="text/javascript">
// <![CDATA[
var speed=100; //
var height=3; //
var alink="/"; // page to link text to (set to ="" for no link)

/****************************
****************************/
var wobtxt, wobble, wobcnt=0;
window.onload=function() { if (document.getElementById) {
var i, wobli;
wobble=document.getElementById("wobble");
wobtxt=wobble.firstChild.nodeValue;
while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
for (i=0; i<wobtxt.length; i++) {
wobli=document.createElement("span");
wobli.setAttribute("id", "wobb"+i);
wobli.style.position="relative";
wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
if (alink) {
wobli.style.cursor="pointer";
wobli.onclick=function() { top.location.href=alink; }
}
wobble.appendChild(wobli);
}
setInterval("wobbler()", speed);
}}

function wobbler() {
for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
wobcnt++;
}
// ]]>
</script>

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

<!-- THEME BY: WAYFORLIFE... JESUS LOVEEEES UUUUUUU <3 U'RE PERFECT TO JESUS :)
  -->
 <!-- THEME BY: WAYFORLIFE... JESUS LOVEEEES UUUUUUU <3 U'RE PERFECT TO JESUS :)
  -->
 <!-- THEME BY: WAYFORLIFE... JESUS LOVEEEES UUUUUUU <3 U'RE PERFECT TO JESUS :)
  -->


<style type="text/css">

body {
background-color:#0e0e0e;
background-image: url(http://static.tumblr.com/bcwzrg0/zCwme2kbb/14.jpg);

}

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


.god {
top: -40px;
left: 370px;
position: fixed;

}

.jesus {
width: 100px;
height: 100px;
right: 491px;
top: 70px;
position: fixed;
background-image: url(http://static.tumblr.com/g9vfugx/YvBmezjrp/untitled-4.png);
}

.jesuus {right: 505px; top: 85px;
position: fixed;}


#following  {
overflow: auto;
width: 479px;
height: 350px;
padding: 10px;
top: 250px;
left: 415px;
position: fixed;
background-image: url(http://static.tumblr.com/g9vfugx/fYUmezjkz/15.png);}

#following img {
border-radius: 0px;
box-shadow: 1px 1px 1px #f51637;
max-width: 48px;
margin: 3.5px;
opacity: 0.79;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#following img:hover {
    border-radius: 40px;
opacity: 1.0;
box-shadow: 1px 1px 2px #fff;
}

#credit a {
opacity: 0.4;
position: fixed;
bottom: 0px;
right: 0px;
font-size: 12px;
color: #222;
z-index: 1001;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#credit a:hover {
color: #000;
}
.tatla{;
top:400px;
margin-left:-130px;
position:fixed;
width:428px;}

.ttita{font-family: "Agency FB";
color:#df3a52;
text-align: right;
font-size:55px;
text-shadow: 1px 1px 0px #f51637;
opacity:0.8;}

menu {margin-left: 270px; background: #df3a52; width: 150px; margin-top: 200px; color: #fff; text-align: center; padding: 2px; font-family: 'Agency FB';  font-size: 17px; display: block; margin-bottom: 0px; cursor: pointer; -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s;}
menu:hover {background: #fff; width: 220px;}

</style>
</head><body>

<div style="position: fixed; top: 0px; left: 0px; font-size: 10px; font-family: 'georgia;"><a href="http://wayforlife.tumblr.com/">credits</a></div>
 <div class="tatla"><div class="ttita"><div id="wobble">BlogRoll ★</div></div></div>

<a href="/"><menu>Refresh</menu></a>

<img src="http://static.tumblr.com/g9vfugx/SYBmezj8a/fd.png" class="god"></div>


<div class="jesus"><center><img src="{PortraitURL-128}" class="jesuus" width="70"/></center></div>

 <div id="following"><center>
{block:Following}{block:Followed} <a href="{FollowedURL}" title="{FollowedTitle}" /><img src="{FollowedPortraitURL-48}" border="0"/></a>{/block:Followed}{/block:Following}</center>
</div>

</body>
</html>