Blogroll theme 2 (blue) - TwistedMiracles

<!--
Blogroll theme 2 by twistedmiracles.tumblr.com (blue)
Please keep the credit!
-->
<html>
<head>


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

<script type="text/javascript">

<!--

// Disable Right Click Script

function IE(e)
{
if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
{
return false;
}
}
function NS(e)
{
if (document.layers || (document.getElementById && !document.all))
{
if (e.which == "2" || e.which == "3")
{
return false;
}
}
}
document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");

//-->
</script>

<style type="text/css">

a:link, a:active, a:visited{
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
color:#B0B0B0;
}

a:hover {
text-decoration: none;
font-style:italic;
color:#689DDD;
}

body {
padding: 0px;
margin: 0px;
color:#777;
font-family: consolas;
line-height:10px;
font-size:10px;
background:white;

}

div#center{
margin:auto;
position:relative;
width:1000px;
background-color:;
overflow:auto;
overflow-y:hidden;
}

#top{
    background:#E0EBF8;
    width:100%;
    height:75px;
    left:0px;
    margin-top:30px;
    position:fixed;
    z-index:1;
    text-align:center;
    }


#nav a{
    color:white;
    }

    #nav a:hover{
text-decoration: none;
font-style:italic;
color:#689DDD;
}

#nav{
width:500px;
position:fixed;
margin-left:240px;
text-align:center;
color:white;
margin-top:80px;
z-index:2;
font-size:12px;
    }

#title{
font-family:CONSOLAS;
line-height:35px;
font-size:35px;
color:#fff;
margin-top:43px;
margin-left:300px;
z-index:2;
width:;
text-align:center;
position:fixed;
}


#container{
background:;
width:800px;
height:auto;
padding:0px;
line-height:11px;
margin-top:140px;
position:relative;
margin-left:85px;
border:0px double #ddd;

}

#container img{
opacity:0.5;
margin-left:15px;
margin-bottom:15px;
border-radius:100px;
transition: all 0.7s ease;
-o-transition-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
}

#container img:hover{
border-radius:20px;
opacity:1;
transition: all 0.7s ease;
-o-transition-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
}
::-webkit-scrollbar {width: 4px; height:auto; background:#FFFFFF}

::-webkit-scrollbar-corner {background:#FFFFFF}

::-webkit-scrollbar-button:vertical {height:4px; display: block; background:#E0EBF8}

::-webkit-scrollbar-button:horizontal {width: 4px; height: 4px; display: block; background:#E0EBF8}

::-webkit-scrollbar-thumb:vertical {background:#E0EBF8; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}

::-webkit-scrollbar-thumb:horizontal {background: #FFFFFF; border: 0px solid #FFFFFF}

::-webkit-scrollbar-thumb {background: #E0EBF8; border-top: 0pt solid #FFFFFF; border-bottom: 0pt solid #FFFFFF}

::-webkit-scrollbar-track-piece {background: #FFFFFF; border-top: 1pt solid #FFFFFF; border-bottom: 1pt solid #FFFFFF; width:4pt}

@font-face { font-family: "bebas neue";src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');}


@font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
</style>

</head>


<body>
<div id="center"><div id="nav"><a href="/">home</a> &middot; <a href="/ask">message</a> &middot; <a href="http://tumblr.com">dashboard</a> &middot; <a href="http://twistedmiracles.tumblr.com">credit</a></div> <div id="title">I FOLLOW THESE BLOGS</DIV><div id="top"></div>

<div id="container"><center>
{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}' title="{FollowedName}">
<img style="" src='{FollowedPortraitURL-64}' />
{/block:Followed}{/block:Following}</center>
</div>
</div>
</body>
</html>