Blogroll #1 ver. 1


<!--


▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ 　 ▒█▀▀█ ▒█░░▒█
░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ 　 ▒█▀▀▄ ▒█▄▄▄█
░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ 　 ▒█▄▄█ ░░▒█░░

▒█▀▀█ ▒█░░░ ░█▀▀█ ▒█▄░▒█ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▀▄
▒█▄▄█ ▒█░░░ ▒█▄▄█ ▒█▒█▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█░▒█
▒█░░░ ▒█▄▄█ ▒█░▒█ ▒█░░▀█ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█▄▄▀.TUMBLR.COM

KEEP THE CREDITS OR I'LL REPORT YOU!


--->
<html>

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
}
);
});
})(jQuery);
</script>

<title>{title}</title>
<link rel="shortcut icon" href="https://31.media.tumblr.com/tumblr_lkl6pkKMMm1qfamg6.gif">


<style type="text/css">

::-webkit-scrollbar {width: 7px; height: 0px; background:#fff; border-left: 1px solid #fff; }

::-webkit-scrollbar-thumb { background-color:#000; border-bottom: 1px solid #fff; border-radius:5px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }

body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}

body {
padding:0px;
margin:0px;
color:#000;
font-family:calibri;
line-height:9px;
font-size:8px;
background-color:#fbfbfb;
background-image:url(URL IMAGE HERE); /*url image here*/
background-attachment: fixed;
background-position:center;
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover;

cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
}


a:link, a:active, a:visited{cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;

color: #000; /* change the color*/
text-decoration: none;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;

}


a:hover{cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;color:#000; /* change the color*/
-webkit-transition-duration: .9s;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;

}


#links {
padding:10px;
background:none;
width:auto;
position:fixed;
margin-top:230px;
margin-left:150px;
}

#credit{
position:fixed;
font-family:calibri;
text-transform:uppercase;
z-index:999;
bottom:5px;
right:5px;
width:55px;
height:10px;
padding-bottom:1px;
overflow:hidden;
text-align:center;
font-size:8px;
letter-spacing:1px;
opacity:.8;
background:#fff;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}


#credit a{
color:#000;
}

.credit_u{
line-height:10px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

#credit a:hover .credit_u{
margin-top:-13px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.credit_h{
line-height:16px;
font-size:8px;
}


#links a {
display:inline-block;
margin-top:3px;
width:53px;
height:20px;
border:1px solid #eee;
padding-top:11px;
text-align:center;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
color:#000;
background:#fff;
opacity:.7;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
transition: all 0.7s ease;
}

#links a:hover {
background:black;
color:#fff;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
transition: all 0.7s ease;
}

#box {
width:600px;
margin-left:380px;
margin-top:40px;
}

#box img{background:#fff;
margin:5px;
-webkit-filter:grayscale(70%);

width:48px;
padding:10px;
border:1px solid #eee;
opacity:0.7;
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;}

#box img:hover{
opacity:1;
-webkit-transform: scale(1.85);
-moz-transform: scale(1.85);
-o-transform: scale(1.85);
-ms-transform: scale(1.85);
transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
border-radius:100%;-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
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-filter:grayscale(0%);

}

#sidebar{
position:fixed !important;
width:90px;
z-index: 99999999;
height:;
border: 1px solid #eee;
padding:10px;
margin-left:160px;
margin-top:120px;
font-size: 9px;
line-height:11px;
background-color:#fff;
font-family:helvetica;
overflow:hidden;
text-align:left;
opacity:0.8; }


#s-m-t-tooltip {
padding: 3px;
height:auto;
max-width:200px;
display: none;
text-transform:uppercase;
text-align:justify;
font-size:8px;
margin-top:10px;
margin-left: 15px;
line-height: 8px;
z-index: 999999999999;
border: 1px solid #000;
background:black;
color:#fff;}

</style>


</head>

<body>
<div id="credit"><a href="http://planthed.tumblr.com"><div class="credit_u">theme</div><div class="credit_h">planthed</div></a></div>

<div id="sidebar">
<img src="{PortraitURL-128}" class="img" width="90" style="">
</div>

<div id="links">
<a href="/">back</a>
<a href="/">mail</a><br>
<a href="/">about</a>
<a href="http://planthed.tumblr.com/">credit</a>
</div>

<div id="box">

{block:Following}
{block:Followed}

<a href="{FollowedURL}" target="_blank" title="{FollowedName}"><img src="{FollowedPortraitURL-64}"> </a>

{/block:Followed}
{/block:Following}


</div>

<br></br><p>

</body>
</html>