theme 10

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

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



 <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>


<!-- 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="color:text" content="#aaa" />
<meta name="color:borda" content="#e0e0e0" />


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

<meta name="image:side" 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" />


<title>{Title}</title>
<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% 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 {color:borda}; width: 300px; background-color:#fff ; text-align: justify; padding: 6px; float: left; margin: 2px 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: 445px;{/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:aspa do post};-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:texto do post};
    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}




/* ask by thoughtandsoul.tumblr exclusivo no I Love Themes*/

#questionpam{width:95%;
padding:5px;
background-color: #eee;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}

#askerpam{text-align: left;
vertical-align:bottom;
margin-top:-24px;
margin-left:20px;
font-size:12px;
font-family:calibri;}

#askerpam img{vertical-align:center;
float:left;
max-height:15px;
margin-left: 20px;
margin-right: 5px;
-webkit-border-radius: 60px 0px 60px 60px;
-moz-border-radius: 60px 0px 60px 60px;
border-radius: 60px 0px 60px 60px;
box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);}

#setapam {margin-top:-0px;
margin-left:18px;
width: 0;
height: 0;
border-top: 17px solid  #eee;
border-left: 17px solid transparent;}


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


/* CHAT */


.chat {background: transparent; 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:texs}; 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: 330px;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: fixed; margin-top: -155px; margin-left: 447px; color: #fff; background-color: #fff;z-index:9999999;border:1px solid {color:borda}; }
 .fotinha {width: 40px; height: 40px; position: fixed; margin-top: 5px; margin-left: -10px; z-index:9999999}
.fotinha img {position: fixed; width: 70px; height: 80px;z-index:9999999}

 .luans {width: 40px; height: 40px; position: fixed; margin-top: -30px; margin-left: 120px; z-index:9999999;}
.luans img {position: fixed; width: 60px; height: 40px;}

 .desc { width: 215px; height: 70px; position: fixed; margin-top: 5px; margin-left: 85px; font-size: 11px; font-family: 'Baumans'; color: {color:text}; background-color: transparent ;text-align: left;z-index:9999999}

/*******by futurasuicida usar credite ao helpdesigns**********/ .lavaLamp {position: relative;height: 29px; width: 403px; left: 80px;background: transparent;padding: 5px; margin-top: 85px; overflow: hidden;} /* Force the list to flow horizontally */
.lavaLamp li {float: left;list-style: none;} /* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {background: #eee ; width: 11px; height: 30px;z-index: 8;position: absolute;}
.lavaLamp li.back .left {background: #eee no-repeat top left;height: 30px;margin-right: 11px;} /* Styles for each menu-item. */
.lavaLamp li a {position: relative; overflow: hidden;text-decoration: none;text-transform:none;outline: none;text-align: center;height: 20px; top: 5px;z-index: 10; letter-spacing: 0;float: left; display: block;margin: auto 10px; font-family:arial; font-size:9px; color:{color:text};text-align: center;overflow: hidden; text-shadow: 00px -20px transparent, 0px  20px  transparent;width: 22px;}
.lavaLamp li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {color:#959697;border: 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">

<!-- ESTILO DE CREDITOS POR befyxed -->
<a style="width:115px; font-size:9px; color:{color:text}; font-family:arial;position:fixed;top:70px;left:20px;" href="http://planejava.tumblr.com/" title="base por BEFORE-OF-RAIN + dtlhs por helpdesigns, o-mundo-de-uma-garota
, befyxed"><b> ✿ theme por planejava ✿ </a></b></a>

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

 <div class="desc"> {description} </div>


<ul class="lavaLamp">
<li><a href="{text:link1}">{text:link1 title}</a></li>
<li><a href="{text:link2}">{text:link2 title}</a></li>
<li><a href="{text:link3}">{text:link3 title}</a></li>
<li><a href="{text:link4}">{text:link4 title}</a></li>
<li><a href="{text:link5}">{text:link5 title}</a></li>
        </ul>
<div class="luans">
<img src="http://static.tumblr.com/3enpkf8/zPzn74gf1/cora____o.jpg"></div>


 </div>







    <div class ="autopagerize_page_element">

<div id="entries">

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




 <!-- AQUI FICAM A ASK-->
{block:Answer}
<div id="questionpam">{Question}</div>
<div id="setapam"></div>
<br>
<div id="askerpam"><img src="{AskerPortraitURL-24}">{Asker}</div>
{Answer}
{/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-->




 {block:Date}<div class="permalinkd "><a href="{Permalink}">{Month}, {DayOfMonthWithZero}</a> || {block:Date}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}{block:IndexPage} || <a href="{ReblogUrl}" target="_blank"><b>reblog</b></a>{/block:IndexPage}</div>{/block:Date}</div>


{/block:Posts}










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







</body>
</html>