Theme Tumblr: Blogroll II



<!-------

      THEME BY SECRET-DIALOGUES.TUMBLR.COM
                       DON'T COPY! BE ORIGINAL!

                                                                     ------->


<?xml version="1.0" encoding="UTF-8"?>
<!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">

<head>

<!DOCTYPE HTML>

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

<title>{title} + Follow</title>


<style type="text/css">


/** BARRA DE ROLAGEM PERSONALIZADA - POR BOMBASTIC DESIGN **/
::-webkit-scrollbar-thumb:vertical {
background-color:#88bae9;
height:40px;
border:2px solid #eee;
z-index:1000;
}

::-webkit-scrollbar-button:vertical {
height:10px;
display: block;
background:#88bae9;
z-index:1000;
}

::-webkit-scrollbar {
background-color:#eee;
height:10px;
width:10px;
z-index:1000;
}


/** APARENCIA LINKS **/
a:link, a:visited, a:active {-webkit-transition-duration: 0.3s;
text-decoration: none;
color: {color:Links};
}
a:hover {color:{color:Links Hover};}

.z {
margin-top:30px;
background: url(http://static.tumblr.com/e4yc5en/e0Imeq2vp/untitled-1.png);
width:663px;
height:502px;
}


body {
background-image: url(http://static.tumblr.com/e4yc5en/OjQmeq3l4/untitled-2.png);
background-attachment: fixed;
font-family: verdana;
background-repeat: repeat;
background-position: bottom left;
font-size: 11px;
color: #606060;
text-align: justify;
}

.ff {
overflow:auto;
width:520px;
margin-top:10px;
margin-right:-10px;
z-index:999;
max-height:350px;
}

.ff img {border:solid 3px #88bae9;
filter: alpha(opacity=70);
moz-opacity:.70;
opacity:.70 ;
margin:2px;
-webkit-transition-duration: .50s;
}

.ff img:hover {
 filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}


.cre
{position:fixed;
bottom:0px;
right:30px;
}


</style>
<!-- FIM DO CSS -->


</head>


<body>
<div class="cre">

<a href="http://secret-dialogues.tumblr.com/" TARGET = "_blank"><img src="http://static.tumblr.com/e4yc5en/4dumeq3hy/s-d.png"></a></div>

<center>


<div class="z"><br><br><br><br><br><br><br><br>

<div class="ff">


{block:Following}{block:Followed}
<a href="{FollowedURL}" title="{FollowedTitle}"  target="_blank">
<img src="{FollowedPortraitURL-48}" alt="{FollowedTitle}"/> </a> {/block:Followed}{/block:Following}

</div></div>


<br><div style="margin-right:-400px;margin-top:-50px;">

</div></div></div>
</div>

</div>

<br><br>
<a href="/"><img src="http://static.tumblr.com/e4yc5en/BGHmeq3b4/untitled-1.png"></a>
<div style="top: 0px; right: 0px; position: fixed;">


</div></div></div></div></div></div></div></div></div></div></div></div></div></div>

</div></div>
<div style="top: 0px; right: 0px; position: fixed;">

<center><div class="esquerda">{block:PreviousPage}<a href="{PreviousPage}" class="page">«</a>{/block:PreviousPage} </div> <div class="direita">{block:NextPage}<a href="{NextPage}" class="page">»</a>{/block:NextPage}</div></center>


</body>

</html>