Blogroll 5

<!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">

             <!-------------------------------------------
                           Theme by Clara
                  http://mandrakescry.tumblr.com/
                      DON'T REMOVE THE CREDITS
            -------------------------------------------->


<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


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

<style type="text/css">


#s-m-t-tooltip
{
    max-width:250px;
    z-index:100000;
    margin-top:-25px;
    padding:2px 10px 2px 10px;
    text-transform:uppercase;
    font-family:trebuchet ms;
    font-size:10px;
    box-shadow:2px 2px 5px rgba(0,0,0,.1);
    border:1px solid #000;
    background:#520800;
    color:#edbc7b;
}

body
{
    background-color:#000;
    font-family:calibri;
    font-weight:normal;
    background-image:url('http://static.tumblr.com/c5gdi2k/TlFnejgze/mk9.png');
    background-size:100% 100%;
    background-attachment:fixed;
    background-repeat:no-repeat;
}


#theme
{
    width:300px;
    margin:0 auto;
}

#everything
{
    float:left;
    position:fixed;
    width:330px;
    height:600px;
    margin-top:5%;
}

#box
{
    float:left;
    position:fixed;
    width:320px;
    height:500px;
    background:#000;
}

.box_topo
{
    position:absolute;
    top:-20;
    width:325px;
    margin-left:-5px;
    z-index:999;
}

.box_topo img
{
    width:100%
}


.box_bottom
{
    position:absolute;
    bottom:0;
    width:325px;
    margin-left:-5px;
}

.box_bottom img
{
    width:100%
}

#followers
{
    float:left;
    position:fixed;
    width:320px;
    height:360px;
    margin-top:80px;
    background:#000;
    overflow:auto;
}


#parceiros
{
    width:323px;
    overflow:auto;
    margin-top:15px;
    background:#000;
    margin-bottom:15px;
    margin-left:-5px;
}

#parceiros a
{
    opacity:1;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
}

#parceiros a:hover
{
    opacity: .7;
}


::-webkit-scrollbar {
    height:11px;
    width:7px;
    background-color:#000;
}
::-webkit-scrollbar-track-piece {
    padding-top:30px;
    background-color:#000;
}
::-webkit-scrollbar-thumb {
    width:7px;
    height:11px;
    border:3px solid #000;
    background-color:#edbc7b;
    padding-top:30px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #000;
    height:10px!important;}

#menu
{
    position:fixed;
    margin-top:40px;
    width:10;
    height:19px;
    z-index:999;
}


#link_1
{
    float:left;
    margin-top:410px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}


#link_1:hover
{
    opacity:0.6;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}


#link_2
{
    float:left;
    margin-top:460px;
    margin-left:50px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}


#link_2:hover
{
    opacity:0.6;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}


#link_3
{
    float:left;
    margin-top:460px;
    margin-left:70px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#link_3:hover
{
    opacity:0.6;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}


#link_4
{
    float:left;
    margin-top:410px;
    margin-left:50px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#link_4:hover
{
    opacity:0.6;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}


{CustomCSS}

</style></head>

<body>

<div id="theme">

<div id="everything">
<div id="box">
<div class="box_topo">
<img src="http://static.tumblr.com/c5gdi2k/yN8nep0t3/brtopo.png">
</div>

<div id="followers">
<div id="parceiros">
<center>
{block:Following}{block:Followed} <a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-64}" style="border:3px solid #540707; width:50px;"/></a> {/block:Followed}{/block:Following}
</center>
</div>
</div>

<div class="box_bottom">
<img src="http://static.tumblr.com/c5gdi2k/nbgnep0td/brbottom.png">
</div>


</div>
<div id="menu">
<a href="/" title="home" id="link_1"><img src="http://static.tumblr.com/c5gdi2k/3qfnep46l/quadrado.png"></a>
<a href="/ask" title="ask box" id="link_2"><img src="http://static.tumblr.com/c5gdi2k/0C8nep44l/triangulo.png"></a>
<a href="https://www.tumblr.com/" title="dash" id="link_3"><img src="http://static.tumblr.com/c5gdi2k/flpnep43r/c.png"></a>
<a href="http://mandrakescry.tumblr.com/" title="credit" id="link_4"><img src="http://static.tumblr.com/c5gdi2k/s9Cnep48o/x.png"></a>
</div>
</div>
</div>


</body>

</html>