Blogroll (Pink, Square)

<DOCTYPE HTML>

<!-----
      |
      |
      |
      |
      |  Theme by Noiretrose.
      |  Copyright 2013, Creative Commons.
      |
      |             DO NOT REMOVE CREDIT. It is ILLEGAL.
      |
      |
      |
      |
         ------>
<head>
</head>
<style type="text/css">

body{
background-color:#fff;
font-family:"cl";
text-transform:uppercase;
letter-spacing:1px;
font-size:45px;
margin-top:50px;
margin-left:300px;
padding-top:20px;
}

a:link, a:active, a:visited, a:hover{
color:#888888;
text-decoration:none; }


img{
float:left;
margin:5px;
opacity:0.6;
border: 3px double #585858;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

img:hover{
opacity:1;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#content {
width:650px;
position:fixed;
margin-top:50px;
overflow:scroll;
text-align:center;
max-height:555px;
padding:5px;


}

.ttz{
position:fixed;
color:#585858;
}

.nav {
    margin-top:5px;
    position:fixed;
    margin-left:220px;

}

.nav a{
width:50px;
font-size:10px;
text-align:center;
background-color:pink;
display:inline-block;
padding:5px;
margin:9px;

-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

.nav a:hover{
background-color:#fff;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

::-webkit-scrollbar {width: 6px; height: 6px; background:#ffffff; }
::-webkit-scrollbar-thumb { background-color:pink;-webkit-box-shadow: inset 0 0 6px #fff; -webkit-border-radius: 0px;
border-radius: 0px;
}

@font-face {font-family:cl; src: url(http://static.tumblr.com/2poobra/f0Xmq5zlc/champagne___limousines.ttf); }
@font-face {font-family:ty; src: url(http://static.tumblr.com/2poobra/0Vtmq5u0d/typo3normal.ttf); }
@font-face {font-family:slk; src: url(http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf); }
@font-face {font-family:br; src: url(http://static.tumblr.com/2poobra/ps5m68s4i/bellerose_2_.ttf); }
@font-face {font-family:ab; src: url(http://static.tumblr.com/2poobra/p4bmq5td7/aubrey1__.ttf); }
@font-face {font-family:xio; src: url(http://static.tumblr.com/2poobra/kuEmqjp00/xiomara-script.ttf); }
@font-face {font-family:sanford; src: url(http://static.tumblr.com/2poobra/lDgmq73dk/sanford-0103_demo.ttf); }
@font-face {font-family:ja; src: url(http://static.tumblr.com/2poobra/enMmq72z7/janeaust.ttf); }
@font-face {font-family:bbn; src: url(http://static.tumblr.com/2poobra/Pctm7bpio/bebasneue-webfont.ttf); }
@font-face {font-family:ob; src: url(http://static.tumblr.com/xnagnv0/K1Pmlzcuu/04b.ttf); }

</style>
<body>
<div class="ttz">Blogroll</a></div><div class="nav"><a href="/">Home</a><a href="/ask">Inbox</a><a href="http://noiretrose.tumblr.com">Theme</a></div>

<div id="content">
{block:Following} {block:Followed} <a href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" /></a> {/block:Followed} {/block:Following}<BR>


</div>
</body>
</HTML>