Theme blogroll por Juh #1.1 Versão red

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>

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

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
<style>
div#qTip {
    padding: 2px;
    height:9px;
    font-family:calibri;
    font-size:8px;
    display: none;
    text-align: center;
    position: absolute;
    line-height:8px;
    z-index: 999999999999;
    background: {color:title};
    color: #fff;
    text-transform:uppercase;
    border:1px solid #fff;
    letter-spacing: 1px;
}

</style>
<style type="text/css">

::-webkit-scrollbar {width: 5px; height: 4px; background: #000; border-radius:3px;-webkit-border-radius:10px;}

::-webkit-scrollbar-thumb { background-color:#8B0000;}

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

body {
background-color: #1c1c1c;
background-position:fixed;
font-family:calibri;
font-size:30px;
color:#000;}


div#center{
position:fixed !important;
width:705px;
height:65%;
border-radius:7px;
border: 1px solid #000;
padding:10px;
margin-left:290px;
margin-top:0px;
font-size: 9px;
line-height:11px;
background-color:#000;
font-family:calibri;
overflow:auto;
text-align:left;
}
.side{
    height:65%;
    display:inline-block;
    width:200px;
    position:fixed;
    background: #ddd;
}
.pic img{
    -webkit-filter:grayscale(0.7);
    opacity:0.9;}
.pic {
    width:70px;

    height:70px;
    display:inline-block;
    text-align:center;
    transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;}
.pic:hover img{
  opacity:0.3;
    transition: all 0.3s ease-out;
-o-transition-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}

.pic:hover{
    }
.blog{
    height:70px;
    opacity:0.3;
    width:70px;
    line-height:70px;
    position:fixed;
    text-transform:uppercase;
    font-size:9px;
     text-align:center;
    transition: all 0.3s ease-out;
-o-transition-transition: all 0.3s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.3s ease-out;
}
.blog a{
    background:#ddd;
    color:#000;
}
.pic:hover .blog{
    height:70px
    width:70px;
    opacity:1;

    line-height:70px;
    text-align:center;
    text-transform:uppercase;
    font-size:9px;
    transition: all 0.2s ease-out;
-o-transition-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;}


/*********helpdesigns******/
#s-m-t-tooltip {max-width:300px; -webkit-border-radius: 5px 5px 5px 5px; padding:3px 4px 5px 4px;margin:15px 20px;background-color:#8B0000; font-family:calibri;  font-size:9px;  letter-spacing:1px;   text-transform:uppercase; color:#000; z-index:9999999;}/*********helpdesigns******/

.title{
width: 210px;
font-family: 'Princess Sofia', cursive;
font-size:35px;
letter-spacing:3px;
line-height:auto;
color:#8B0000;
margin-top: 30px;
background:;
height:100px;
margin-left: 290px;
z-index:;
display:inline;
text-align:center;
}


.fs {text-align: center;font-family:tinytots; font-size:8px;  font-style: none;height: 10px;color: #ffffff;background: ; margin-left:980px;margin-top:460px; text-transform: none; letter-spacing: 1p;position:fixed;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;width408px;line-height:12px; background-color:;}


@font-face {src: url('http://static.tumblr.com/08l8cbl/qLfmfajt6/pf_arma_five.ttf'); font-family: 'pixel';}

 @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}


</style>

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

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/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>


<title>{title}</title>
<div class="title">my blogroll
</div>


</div>
<div id="center">

{block:Following}
{block:Followed}<div class="pic">
<div class="blog"></div>
<a target="_blank" href="{FollowedUrl}"><img width="70px;"border: "3" src="{FollowedPortraitURL-96}"title="{FollowedName}"/></div>{/block:Followed}{/block:Following}
</div>

<div class="fs"><a href="http://helpdesigns.tumblr.com/" title="Theme by helpdesigns. Por futurasuicida - base acousticized"/>THEME ©</a></div></div>


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