theme 8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">






<!-- THEME BASE POR BEFORE-OF-RAIN, NÃO RETIRE OS CRÉDITOS. OBRIGADA! -->



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

 <link rel="stylesheet" href="http://static.tumblr.com/mpornxv/oTzlov58o/lavalamp_test.css" type="text/css" media="screen"> <script type="text/javascript" src="http://static.tumblr.com/mpornxv/BnLlov3e2/jquery-1.1.3.1.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/mpornxv/n3hlov3c1/jquery.easing.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/mpornxv/Mwklov3cl/jquery.lavalamp.js"></script> <script type="text/javascript"> $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })}); </script>

 <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|{select:Font}' rel='stylesheet' type='text/css'>


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



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

















<script>
$(function(){
var $container = $('.conteudom');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.posts',
columnWidth: 283
});
});
$container.infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : '.posts',
loading: {
finishedMsg: ' ',
img: ' '
}
},
function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);

});




<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('conteudo').innerHTML=document.getElementById(id).innerHTML}
</script>




<script type="text/javascript">
function changeNavigation(id) {document.getElementById('entries').innerHTML=document.getElementById(id).innerHTML}
</script>

<body onmousedown="return false" onkeydown="return false">

</head>

 <!-- DEFAULT VARIABLES / APPEARANCE -->

<meta name="color:background" content="#ffffff" />



<meta name="image:background" content="/" />


  <meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="link 1" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="link 2" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="link 3" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="link 4" />
<meta name="text:Link5" content="/" />
<meta name="text:Link5 Title" content="link 5" />


 <meta name="text:frase" content="I love you" />
  <meta name="color:frase" content="#000" />

  <meta name="image:olhos foto" content="http://static.tumblr.com/3enpkf8/6non7hiyu/tumblr_mcprolzep31qg5g5eo1_500.png" />

  <meta name="color:text" content="#aaa" />

 <!-- título da favicon, aba do navegador -->
<title>{Title}</title>

<!-- imagem da favicon, aba do navegador -->
<link rel="shortcut icon" href="{Favicon}">


<!-- DESCRIÇAO -->
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}





 <!-- INÍCIO DO CSS -->

<style type="text/css">



 /* CORPO */
body {color:{color:text};background-color:{color:background}; background-image: url('{image:background}'); background-attachment:fixed;  font-family:'calibri';font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none;background-size: 100%; }








#entries {margin-left: 450px; width: 500px; height: auto;margin-top: 155px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }

#entries:hover{-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; opacity:1}


/* CAIXAS DOS POSTS*/

.entry {border:1px solid #fff; width: 300px; background-color:{color:post fundo} ; text-align: justify; padding: 6px; float: left; margin: -7px 0 0 2px;opacity:2; {block:PermalinkPage} height: auto; width:300px {/block:PermalinkPage};{block:IfOneColumns}width:300px;{/block:IfOneColumns} }

.entry:hover {opacity:2}

.entry img {max-width: 296px;  padding: 2px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;{block:IfOneColumns}max-width: 300px;{/block:IfOneColumns};opacity:0.9;}

.entry img:hover {-webkit-filter: grayscale(100%);z-index: -99px;}


/* QUOTE */
.aspas{ position:relative; top: 14px; font-size: 20px; opacity:0.3; color:  {color:text};-webkit-transform: rotate(30deg);}
.qquote{font-family: 'calibri'; font-size: 12px; line-height: 18px; text-transform: none; margin-top: 0px; margin-left: 2px;  text-indent: 20px; {block:IfOneColumns}{/block:IfOneColumns}}
.qsource {font-family: 'calibri'; font-weight:bold;text-align: right;font-size: 11px; line-height:15px; margin-top:5px; margin-bottom: -20px; height: auto;}






/* TÍTULOS PERSONALIZADOS */


#s-m-t-tooltip {
    display: block;
    background: #fff;
    font-size: 10px;
    font-family: calibri;
    letter-spacing: 0px;
    text-transform: uppercase;
    color:  {color:text};
    text-align: center;
    margin-left: 18px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #eee;
    min-width: 40px;
    max-width: 200px;
    box-shadow: 1px 1px 1px rgba(60, 60, 60, 0.3);
    z-index: 99999;
}





/* TÍTULOS DOS POSTS */


h1 { font-family: 'MS Shell Dlg'; text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; }
h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:post text}; font-weight: normal; ;padding: 4px;}
h1 a:hover {text-align: center; font-size: 14px; text-transform: none; color: {color:post text}; font-weight: normal;padding: 4px;}


@font-face {font-family: 'Delius Swash Caps';font-style: normal;
font-weight: 400;src: local('Delius Swash Caps'), local('DeliusSwashCaps-Regular'), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v5/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format('woff');}


/* BLOCKQUOTE */

blockquote {padding:0px; padding-left:5px; margin:0px; border-left:2px solid #aaa}




/** ESTILO DE ASK POR INDUTORA **/
#nome {background: ;color:{color:text}; font-family: "consolas"; width: 275px; height: auto; font-size: 8px; padding: 2px 5px 1px 5px; text-shadow: 0px 0px 0px #aaa; text-transform: uppercase; text-align: right;}
#nome a {color:{color:text};text-transform: uppercase}
#perguntabruh {background: #fff; font-family: "consolas"; width: 280px; height: auto; font-size: 10px; padding: 0px 0px 2px 5px; color:{color:text}; line-height: 12px;border-left:2px solid #eee;}
#respostabruh {background: #fff font-family:"consolas"; width: 280px; height: auto; font-size: 11px; padding: 0px 0px 2px 5px; color:{color:text}; line-height: 12px;border-left:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;}
/** ESTILO DE ASK POR INDUTORA **/


 /* SELEÇÃO COLORIDA */
::-moz-selection {color: #FFf; background: #FFC1C1;}
::selection {color: #FFf; background: #FFC1C1;}


/* CHAT */


.chat {background: #fff; margin: 0;}
.chat .chat1 {margin-left: 0px;}
.chat .chat1 .chat2 {background: #fff; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
.chat .chat1 .chat2.even {color: {color:text} background: #fff;}
.chat .chat1 .chat2 span {font-weight: bold;}






#tumblr_controls{position: fixed!important}
#tumblr_controls{position: fixed!important}
#tumblr_controls{position: fixed!important}
#tumblr_controls{position: fixed!important}


 /* BARRA DE ROLAGEM PERSONALIZADA */

::-webkit-scrollbar-thumb:vertical {background-color:#eee;height:10px; ;}

::-webkit-scrollbar-button:vertical {height:0px;display: block; background:#fff;}


::-webkit-scrollbar {height:0px;width:5px;background-color:#fff;}



/* NEGRITO, ITALICO E SUBLINHADO */
b, strong {color: {color:text}; text-decoration: none;}
s {color:{color:text};}
i, em {color: {color:text}; text-decoration: none;}
u,underline {color:{color:text}; border-bottom: 1px dashed {color:text}; text-decoration:none; }


 /* LINKS */

a {color: {color:text}; text-decoration: none; text-transform: none;}
a:hover {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; color:{color:text};text-transform: none ;}
}
p {margin: 6px 0 0 0}



 /**permalink by Duda.R(o-mundo-de-uma-garota)***/
.permalinkd { -webkit-transition-duration: 1s; text-align: right;  margin-left:108px;  margin-left:0px; width: 335px;opacity:0;font-size:10px;font-family: consolas;display: block;padding-bottom:5px;}
.permalinkd  a { font-size:10px; text-transform: lowercase; color:{color:text}; font-family: consolas;}
.entry:hover .permalinkd  {-webkit-transform: rotateY(360deg); opacity:9;margin-left:-32px;display: block;}

 #caixa {width: 320px; height: 150px; position: absolute; margin-top: -155px; margin-left: 447px; color: #fff; background-color: #fff;z-index:9999999; }
 .fotinha {width: 70px; height: 40px; position: absolute; margin-top: 25px; margin-left: 40px; z-index:9999999}
.fotinha img {position: absolute; width: 170px; height: 100px;z-index:9999999}

.frase {margin-top: 20px; margin-left: 110px; ;position: absolute; text-align: center; text-transform: none; font-size: 25px; font-family:'Rochester'; width: 90px; height: 40px;color: {color:frase};}
@font-face {font-family: 'Rochester';src: local('Rochester'), local('Rochester-Regular'), url(http://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/******by helpdesigns,|| Se usar credite por favor. *********/
.linkall {position:absolute;color:#9291a4;padding:3px;text-align:center;margin-top:120px;margin-left:85px;}
.linkall a {font-family:'PF Arma Five'; font-size:10px; color:#aaa;padding:3px; }
.linkall a:hover {opacity: 0.5;background-color:#fff;border-radius: 3px;border-radius: 8px;border-bottom-style: solid;}
@font-face {src: url(‘http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf’); font-family: PF Arma Five;}

/*permalink and notes por proezas*/

#permalink {
margin-top:1px;
padding-top:10px;
padding-bottom:10px;
opacity:0;
font-size:8px;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
font-family:lato;
-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#permalink a {margin:0 5px;
color:{color:texto};
}
#permalink a:hover {color:{color:link hover};}
.tags {
word-break:break-all;
{block:ifhidetags}
{block:indexpage}
display:none;
{/block:indexpage}
{/block:ifhidetags}
}
#entries:hover #permalink { opacity:10; }
.pagenotes {
font-size:10px;
width:400px;
{block:if500px}
width:400px;
{/block:if500px}
text-align:center;
margin-bottom:100px;
}
.pagenotes img {
display:none!important;}
.pagenotes ol {margin:0;padding:0;
line-height:200%;}
.pagenotes li {font-family:lato;
list-style-type:none;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
}


.via{display: none;}
.source {display: none;}

</style>








<script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>

<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#entries').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : ".entry",
nextSelector : "#pagina",
itemSelector : ".entry",
bufferPx : 10000,
extraScrollPx: 10000,
loadingImg : "",
loadingText : "",
},
function() { $('#entries').masonry({ appendedContent: $(this) }); }
);
});
</script>

 <link href='http://static.tumblr.com/5dbytsa/lpvme5z4x/shake.css' rel='stylesheet' type='text/css'>


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

</head>




<body onkeydown="return false">

<div id="caixa">
<div class="fotinha">
<img src="{image:olhos foto}"></div>

<div class="frase"> {text:frase} </div>

<div class="linkall">
<a href="{text:Link1}">{text:Link1 Title}</a>
<a href="{text:Link2}">{text:Link2 Title}</a>
<a href="{text:Link3}">{text:Link3 Title}</a>
<a href="{text:Link4}">{text:Link4 Title}</a>
<a href="{text:Link5}">{text:Link5 Title}</a>

</a></div>

 </div>

 <!-- ESTILO DE CREDITOS POR befyxed -->
<a style="width:115px; font-size:9px; color:#616060; font-family:arial;position:fixed;top:40px;left:20px;" href="http://planejava.tumblr.com/" title="dtlhs helpdesigns"><b> <font color="#C71585"> ❀</font> theme por planejava <font color="#C71585"> ❀</font> </a></b></a>


<!-- INICIO DOS POSTS-->

<div id="entries">

{block:Posts}
<div class="entry">




 <!-- AQUI FICAM A ASK-->
{block:Answer}
<div id="nome">pergunta feita por: {Asker}</div>
<div id="perguntabruh"><b><font color="#aaa">P:</font></b> <b> {Question}</b></div>
<div id="respostabruh">{Answer}</div>
{/block:answer}
 <!-- FIM ASK -->





  <!-- AQUI FICAM OS TÍTULOS DOS POSTS -->

{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}

 <!-- FIM TÍTULOS -->





 <!-- AQUI FICAM AS IMAGENS -->

{block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>
{/block:Photo}
 <!-- FIM IMAGENS-->




 <!-- AQUI FICAM OS PHOTOSETS -->
{block:Photoset}<center>{Photoset-250}</center>
{/block:Photoset}
 <!-- FIM PHOTOSETS -->






 <!-- AQUI FICAM OS QUOTES-->
{block:Quote}<span class="aspas">&#10077;</span><div class="qquote">{Quote}</div>
{block:Source}<div class="qsource"><font color="{color:source}"> <font color="{color:texto do post}"></font>{Source}<br><br></font><br></div>{/block:Source}{/block:Quote}
 <!-- FIM QUOTES -->





 <!-- AQUI FICAM OS LINKS -->
{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}
 <!-- FIM LINKS -->





  <!-- AQUI FICA O CHAT -->
{block:Chat}


{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<div class="chat"><ul>{block:Lines}
<li class="person{UserNumber}">{block:Label}
<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>


{/block:Chat}

 <!-- FIM CHAT -->



  <!-- AQUI FICA O VÍDEO -->
{block:Video}{Video-250}{/block:Video}
 <!-- FIM VÍDEO -->




 <!-- AQUI FICAM OS AUDIOS-->

{block:Audio}<center>{AudioPlayerWhite}</center>{/block:Audio}
  <!-- FIM AUDIOS-->



 <div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>



{block:Date}
<div id="permalink">
<a href="{ReblogURL}" target="_blank">compartilhe</a>•{block:NoteCount}<a href="{Permalink}"><font color="#7FFFD4">♥</font> {NoteCount}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
</div>
{/block:Date}



</div>


{block:PostNotes}
<div class="pagenotes">
<div id="title">Notes</div>
{PostNotes}
</div>
{/block:PostNotes}

{/block:Posts}</div>









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


 <!-- AQUI FICA O CRÉDITO -->




</body>
</html>

<!-- FIM THEME -->