Theme Tumblr Blogroll 3



<!-------

      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>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>

<!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;
}

.mn {float:right;}

nav1 a{font-family:calibri;
color: #fff;
font-size:12px;
margin:5px;
-webkit-transition-duration: 0.5s;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-shadow:10px 0px transparent, -10px 0px transparent;border-bottom: transparent 1px solid;

}

nav1 a:hover {
-webkit-transition-duration: 0.5s;
text-shadow:0px 0px #fff, 0px 0px transparent;

}


/** 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:-5px;
background: #fff;
width:593px;
margin-left:-5px;
height:400px;
}

.t {font-family: 'Dancing Script', cursive;
color:#fff;
font-size:34px;
text-align:right;
}

.td { width: 600px;}

body {
background-image: url(http://24.media.tumblr.com/92e8c47b1c237be3c28c4c4abab570b7/tumblr_mk4yvteQCU1r0ekm8o2_250.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:-100px;
margin-right:-10px;
z-index:999;
max-height:350px;
}

/** EFEITO B&W POR BOMBASTIC DESIGN **/
.imgbg:hover {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-filter: grayscale(0) blur(0px);
}

.imgbg {
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
  -webkit-filter: grayscale(1.0) blur(0px);
-webkit-transition:All 1s ease;
}

.ff img {border:solid 1px #88bae9;
padding:3px;
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;
}

iframe#tumblr_controls {
    right:3px !important;
    position: fixed !important;
    -webkit-filter:invert(100%);
}


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


</head>


<body>
<center>

<div class="td">
<div class="t">Blogroll</div><br>
<div class="mn">
<nav1><a href="/">home</nav1></a>
<nav1><a href="/ask">message<nav1></a>
<nav1><a href="/random">random</nav1></a>
<nav1><a href="http://secret-dialogues.tumblr.com/" TARGET = "_blank">theme by</nav1></a></div>

<img src="http://static.tumblr.com/e4yc5en/zGKmk54q2/nuvem.png">
<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}" class="imgbg"/> </a> {/block:Followed}{/block:Following}

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


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

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

</div>


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