Blogroll 02

<!---------------------------------------------------------------------

THEME FEITO POR BIANCA DIAS (NEVALISCA). É PROIBIDA QUALQUER CÓPIA OU USO   DOS CÓDIGOS CONFORME A LEI PENAL, ARTIGO 184. © EM HIPOTESE ALGUMA REMOVA MEUS CREDITOS. SEJA CRIATIVO, TENHO CERTEZA QUE VOCÊ CONSEGUE!

---------------------------------------------------------------------->
<script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff"; // background colour
var fgcolour="#f2c8cc"; // foreground colour
var speed=80; // speed of bubbling, lower is faster
var shades=12; // number of shades of bubble

/****************************
*    Bubbling Text Effect   *
*(c)2003-13 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var bubbcol=new Array();
var bubbshd;
var bubbler, bubbtxt;
var bubbchr=new Array();

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(bubbagump);

function bubbagump() { if (document.getElementById) {
  var i, fg, bg, col;
  for (bubbler=0; bubbler<=shades; bubbler++) {
    col="#";
    for (i=1; i<6; i+=2) {
      bg=parseInt(bgcolour.substring(i,i+2),16);
      fg=parseInt(fgcolour.substring(i,i+2),16);
      col+=dechex(bg+(fg-bg)*(bubbler/shades));
    }
    bubbcol[bubbler+1]=col;
    if (bubbler==Math.floor(shades/2)) bubbshd=col;
  }
  bubbler=document.getElementById("bubble");
  bubbtxt=bubbler.firstChild.nodeValue;
  while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  for (i=0; i<bubbtxt.length; i++) {
    fg=document.createElement("span");
    fg.setAttribute("id", "bubb"+i);
    fg.style.textShadow=bubbshd+" 0px 0px 2px";
    fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
    bubbler.appendChild(fg);
  }
  bubbler=setInterval("bubbling()", speed);
}}

function dechex(dec) {
  dec=Math.floor(dec);
  return ((dec<16)?'0':'')+dec.toString(16);
}

function bubbling() {
  var i, bubby;
  for (i=0; i<bubbtxt.length; i++) {
    bubby=document.getElementById("bubb"+i);
    if (bubbchr[i]) {
      bubby.style.color=bubbcol[bubbchr[i]];
      bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
    }
    else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  }
}
// ]]>
</script>

        <title>{Title}</title>

        <link rel="shortcut icon" href="{Favicon}">

        <link rel="alternate" type="application/rss+xml" href="{RSS}">

        {block:Description}

            <meta name="description" content="{MetaDescription}" />

        {/block:Description}

 <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>

 <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>

        <style type="text/css">

::-webkit-scrollbar{height:auto;width:3px;background-color:#ddd; border: 4px solid #ffffff;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
::-webkit-scrollbar-track-piece{background-color:#fff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#f2c8cc;-webkit-border-radius:px;}
::-webkit-scrollbar-thumb:horizontal{width:0px; background-color: ;-webkit-border-radius:px;}

/*/ CORPO /*/
body {text-align: justify; color: #ddd;  font-family: 'Baumans', cursive; font-size:10px;  background:url('http://freeimages.imagestocks.in/best-pictures/vintage-tumblr-backgrounds/vintage-backgrounds.jpg')}
iframe#tumblr_controls { right: 10px !important; position:fixed !important; }



a {color: {color:text}; text-decoration: none; text-transform: none;}
a:hover {color: #a86e6e;}

/*/ LAYOUT /*/
#content {position: relative; width:300px; background-repeat: repeat-y; margin-left: auto;margin-right: auto; margin-top:0px; }

#titulo{width:335px; margin-top:0px;font-family: 'Dancing Script', cursive; font-size:30px; line-height:50px;margin-left:0px;margin-bottom:20px;text-align:right;}

#bibilinks{width:205px;text-align:center;z-index:9999;margin-top:-70px;border-right:dotted 1px #f2c8cc;height:50px;line-height:50px;}
#bibilinks a {font-family: 'Baumans', cursive;font-size:10px;text-transform:uppercase;display:inline;margin-right:20px;color:#ddd;}

#bibilinks a:before{content:'[ ';color:#f2c8cc;opacity:0;-webkit-transform: translateX(10px);position:absolute;transition-duration: .5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s;}

#bibilinks a:after{content:' ]'; color:#f2c8cc;opacity:0;-webkit-transform: translateX(-10px);position:absolute;transition-duration: .5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s;}

#bibilinks a:hover:before{-webkit-transform: translateX(-5px);position:absolute;opacity:1;}
#bibilinks a:hover:after{-webkit-transform: translateX(0px);position:absolute;opacity:1;}






#conteudo{width:362px;
height:485px;
padding:10px;
margin-top:45px;
box-shadow:00px 0px 10px #f2c8cc;
background:#fff;
display:inline-block;
}

#bgroll{width:360px;height:400px;overflow:auto;}

#bibicoiso{display:inline-block;
width:158px;
height:30px;
background:#f2c8cc;
position:relative;
float:left;
margin-bottom:10px;
padding:5px;
margin-right:10px;
color:#fff;
overflow:hidden;}

#bibicoiso img{width:30px;
border-radius:100%;
float:left;
margin-right:5px;}

#bibicoiso a {color:#fff;
text-align:left;
font-family: 'Baumans', cursive;
text-transform:uppercase;
font-size:10px;}

#s-m-t-tooltip {max-width:300px;margin:20px 20px;background-color:#eee; font: 9px consolas; letter-spacing:1px;text-transform:uppercase; color:#696969;outline: 1px solid #eee;outline-offset: 2px;padding:2px 5px 2px 6px;; z-index:9999999;}





</style>


</head>
<body onkeydown="return false">


<div id="content">


 <div id="conteudo">
<div id="titulo"><span id="bubble">Blogroll</span></div>

<div id="bibilinks">
<a href="/">home </a>
<a href="/ask">contact </a>
<a href="http://nevalisca.tumblr.com">credit </a>
</div>
<br><br><br>

 <div id="bgroll">{block:Following}{block:Followed}<div id="bibicoiso"><img border='0' src='{FollowedPortraitURL-64}' /><a target='_blank' href='{FollowedURL}'>{FollowedName}</a><br>{FollowedTitle}</div>{/block:Followed}{/block:Following}</div></div>

 </div>
</body>


</html>