Theme 15

<html> <head>

<script language= javascript type= text/javascript src= http://www.onlineleaf.com/saveth eenvironment.js ></script> <script>jQuery.noConflict();</script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/ 1.4.1/jquery.min.js"></script> <script>
$(document).ready(function() { //
//When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a hre f="#" class="close"><img src="http://static.tumblr.com/otpjh5q/6ntlr4d7q/bot__o_ gi.png" class="btn_close" title="Fechar" alt="Fechar" /></a>');
//Define margin for center alignment (vertical horizontal) - we add 80px t o the height/width to accomodate for the padding and border width defined in th e css
var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft });
//Fade in Background $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fad e layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fa ding transparencies
return false; });
//Close Popups and Fade Layer $('a.close, #fade').live('click', function() { //When clicking on the close or f ade layer... $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; });
}); </script>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='styleshe et' type='text/css'> <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text /javascript"></script> <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text /javascript"></script> <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text /javascript"></script> <script src="http://static.tumblr.com/8sh7vfk/J9Slpb3zs/cac-champagne.cufonfonts .js" type="text/javascript"></script> <script type="text/javascript">Cufon.replace('.h3');</script> <title>{title}</title> <pnk rel="shortcut icon" href="{Favicon}">
<style type="text/css"> /********************************* BODY ******/ body { background: #FCF8FB Url(http://static.tumblr.com/otpjh5q/mNjls06aw/booo.png) fix ed !important; font-family: verdana; font-size: 10px; color: #ccc text-align: justify; line-height: 15px; display: block; } /********************************* CAIXAS ******/ .box {font-size:11px; font-family:verdana; color: #ccc; padding:6px; margin-bott om: 15px; text-shadow:0px 1px 1px #fff;-moz-box-shadow: 0 0 5px #fff; -webkit-bo x-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; -webkit-box-shadow:0 0 1em #ff f; background:#fff;} .caixa2 {width: 300px; background: #bfd2e1; color:#fff; padding: 05px; -webkit-b order-radius: 0px;} /********************************* ASK ******/ .bubble {align:right;background:#f7f7f7; margin:7px 0px 5px 66px;padding:10px;p osition: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius :5px;} .bubble p {margin:1px 0px;} .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0; line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bot tom:7px solid transparent; border-right:10px solid #f7f7f7;}
/********************************* BLOCKQUOTE ******/ blockquote { background: #f7f7f7; padding: 5px; text-shadow: 0 1px 1px #fff;
color: #cddce8; border-radius:20px;} /********************************* IMAGENS ******/ .border {border: 1px solid #f1f6f9; background-color: #e8f1f7; padding:5px; margin:5px;} /********************************* TEXTO ******/ b, strong {color: #CDA6C4; cursor: help;} i, em {font: italic 11px verdana; color: #CDA6C4 ; cursor: help; } u { color: #eee; border-bottom: 1px #BFA9B2 dashed; text-decoration: none; curso r: help; } s, strike {color: #000; cursor: help;} c {color: #C0C0C0;} /********************************* TITULOS ******/ .h3 {text-shadow: 0 1px 1px #FFF;margin:-1px 2px 6px 3px;font:normal 23pt 'Danci ng Script', arial, serif;color:#EECCDD;} .h5 {background: #F7f7f7;font-size: 9px; text-transform: uppercase; color: #cedc e8; margin-top:1px; margin-bottom:3px; text-align:right;padding:1px; border-radi us:20px;}
/********************************* LINK ******/ a:link,a:active,a:visited { color: #cedce8; text-decoration: none; } a:hover { color: #aec4d6;} /********************************* CONTEDO ******/ #content {position:absolute; width:570px; left: 100px; top:300px; padding-top:0p x; padding-bottom: 10px; margin: 50px -50px -200px 50px; } #sidebar {position:absolute; width:600px; left:720px; top:340px;text-align:justi fy;color: #c8c8c8; font-size:11px; font-family:tahoma; } #pic {position:absolute; width:600px; left:140px; top:60px;text-align:justify;co lor: #947d6f; font-size:11px; font-family:tahoma; } /********************************* POP UP ******/ #fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background-image: url('http://4.bp.blogspot.com/-qtKA0wHgPN0/TcMbqGbSSpI/AAAAAAA AA5g/V_OnNxM-mWI/s1600/mat-black-lg.jpg'); position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .popup_block{ display: none; /*--hidden by default--*/
background: #F9EEF3; padding: 10px; float: left; font-size: 1.2em; color: #655b52; position: fixed; top: 55%; left: 55%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #kkk; -moz-box-shadow: 0px 0px 20px #kkk; box-shadow: 0px 0px 20px #kkk; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } img.btn_close { float: right; margin: -25px -25px 0 0; } /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; }
/********************************* MENU ******/ .menu {width: 270px; Overflow:hidden; letter-spacing: 1px; background-color: #b fd2e1; padding:4px; margin: 10px 0; -webkit-border-radius: 10px; font-size: 10p x; filter: alpha(opacity=96); opacity:.96; border-radius: 10px; } .nav { width: 50px; float: left; background: #bfd2e1; padding: 5px 0 5px 0; text -align: center; margin: 1px; margin-left: 2px; line-height:13px; color: #EECCDD; text-shadow:0px 1px 1px #fff; font-family: tahoma; font-size: 12px; font-weight : bold; text-transform: uppercase; margin-bottom: 1px;-webkit-transition-duratio n: .40s; border-radius: 5px;} .nav:hover {background: #fff; color: #EECCDD; text-shadow:0px 1px 1px #fff;} /********************************* ETC ******/ .fm {background-color: #F9EEF3; border-bottom: solid 1px #F4E1EA;} .fm:hover {background-color:#F4E1EA; border-botom: solid 1px #F4E1EA;} /********************************* SELEO COLORIDA ******/ ::-moz-selection { background: #fefefe; color: #CDA6C4;} ::selection { background: #fefefe; color: #CDA6C4;}
/********************************* PAGINAO ******/ #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; padding: 7px; } #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 7px; color: #E3 AEC9; text-decoration: none; color: #ccc;-webkit-border-radius: 16px; -moz-borde r-radius: 16px; border-radius: 16px;} #paginacaoml a:hover {background: #fff; border: none; color: #fff;} #paginacaoml span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 7px; color: #E3AEC9; text-decoration: none; color: #;-webkit-border-radius: 16p x; -moz-border-radius: 16px; border-radius: 16px;} #paginacaoml span.info {background: #fff; margin: 0 1px 0 0; padding: 7px; co lor: #E3AEC9; text-decoration: none;-webkit-border-radius: 16px; -moz-border-rad ius: 16px; border-radius: 16px; } </style> </head> <body> <div id="pic"> <img src="http://static.tumblr.com/otpjh5q/2Dhls1a04/bannerrr.png"> </div>
<div id="sidebar"> <img src="http://static.tumblr.com/otpjh5q/PfMls08z4/cima1_gio.png" height="ALTU RA" width="310"/> <div class="caixa2"> Porque a vida segue. Mas o que foi bonito fica com toda a fora. Mesmo que a gente tente apagar com outras coisas bonitas ou leves, certos momentos nem o tempo ap aga. E a gente lembra. E j no di mais. Mas d saudade. Uma saudade que faz os olhos b rilharem por alguns segundos e um sorriso escapar volta e meia, quando a cabea in siste em trazer a tona, o que o corao vive tentando deixar pra trs. <br> <center><div class="menu"> <span class="nav"><a href='/'><font color="#EECCDD">home</font></a></span> <span class="nav"><a href="#?w=500" rel="01" class="poplight"><font color="#EECC DD">me</font></a></span> <span class="nav"><a href="#?w=500" rel="02" class="poplight"><font color="#EECC DD">blog</font></a></span> <span class="nav"><a href="#?w=500" rel="03" class="poplight"><font color="#EECC DD">ask</font></a></span> <span class="nav"><a href="/tagged/SUATAG"><font color="#EECCDD">textos</font></ a></span> </center> </div> <img src="http://static.tumblr.com/otpjh5q/en6ls092b/baixo_gio.png" height="ALTU RA" width="310"/> </div> </div>
<div id="content"> <div id="main"> <img src="http://static.tumblr.com/otpjh5q/JNwls0801/cima_gio.png" height="ALTUR A" width="570"/> {block:Posts} {block:Text} <div class="box"> <div class="h5">{DayOfMonth} {Month} | {block:NoteCount}<a href="{Permalink}">{N oteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php? post_url={Permalink};" target="blank">Reblog this!</a></div> <div class="h3">{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/bl ock:Title}</div> <div>{Body}</div> </div> {/block:Text} {block:Quote} <div class="box"> <div class="h5">{DayOfMonth} {Month} | {block:NoteCount}<a href="{Permalink}">{N oteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php? post_url={Permalink};" target="blank">Reblog this!</a></div> <div class="h3">{Quote}</div> {block:Source}— {Source}{/block:Source} </div> {/block:Quote} {block:Answer} <div class="box"> <div class="h5">{DayOfMonth} {Month} | {block:NoteCount}<a href="{Permalink}">{N oteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php? post_url={Permalink};" target="blank">Reblog this!</a></div> <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubb le"><span></span><center>{Question} </div>{Answer} </div> {/block:Answer} {block:Photo} <div class="box"> <div class="h5">{DayOfMonth} {Month} | {block:NoteCount}<a href="{Permalink}">{N oteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php? post_url={Permalink};" target="blank">Reblog this!</a></div> <center>{LinkOpenTag}<a href="{Permalink}"><img class="border" src="{PhotoURL-50 0}" title="{PhotoAlt}" width="530"/>{LinkCloseTag}</center></a><br> {block:Caption}{Caption}{/block:Caption} </div> {/block:Photo} {block:Chat} <div class="box"> <div class="h5">{DayOfMonth} {Month} | {block:NoteCount}<a href="{Permalink}">{N oteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php? post_url={Permalink};" target="blank">Reblog this!</a></div> {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
<table> {block:Lines} <tr> {block:Label}<td class="name">{Label}</td>{block:Label} <td class="words">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:Audio} <div class="box"> <div class="h5">{DayOfMonth} {Month} | {block:NoteCount}<a href="{Permalink}">{N oteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php? post_url={Permalink};" target="blank">Reblog this!</a></div> <div style="float:right; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:Exte rnalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div > <center>{AudioPlayerWhite}</center> {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} <div class="box"> <div class="h5">{DayOfMonth} {Month} | {block:NoteCount}<a href="{Permalink}">{N oteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php? post_url={Permalink};" target="blank">Reblog this!</a></div> <center>{Video-500}</center> {block:Caption}{Caption}{/block:Caption}<br> </div> {/block:Video} {block:Link} <div class="box"> <div class="h5">{DayOfMonth} {Month} | {block:NoteCount}<a href="{Permalink}">{N oteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php? post_url={Permalink};" target="blank">Reblog this!</a></div> <div class="h3"> <a href="{URL}" class="link" {Target}>{Name}</a></div> {block:Description} <div class="description">{Description}</div> {/block:Description} <BR> </div> {/block:Link} {/block:Posts} </div> <center> <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPa ge}">«</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="5"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:Current Page}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPa ge} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPa ge}{/block:Pagination}</center> </div> <div id="01" class="popup_block"> <div class="h3">About me</div>
Eu s vim lhe desejar um dia lindo. Com flores pelos caminhos que voc percorrer. Co m gente feliz ao seu redor. Com chuvas de sorrisos e de olhares que <b>vem da al ma</b>. No importa se grandes notcias no viro hoje. Que tambm no venham as ms. Que seu dia seja de paz. Que voc esteja em paz. E que voc olhe os <i>problemas</i> de cima , e as pessoas que voc convive, com olho no olho. Que as palavras do dia sejam 'l eveza', 'doura', 'calmaria', 'tranquilidade'. E que suas prximas horas sejam carre gadas de pensamentos <u>positivos</u> e muita paz no corao. S vim te desejar um timo dia. Colorido e florido. Amm. Caio Fernando Abreu </div></div>
<div id="02" class="popup_block"> <div class="h3">Blog</div> Sobre o blog [: <br><br> <div class="h3">Crditos</div> <div class="fm"> HTML E CSS: <a href="queen-loving.tumblr.com"> Giovanna Oliva</a></div> <div class="fm"> Editor: Adobe PhotoShop CS5, Adobe Fireworks</div> <div class="fm"> Seleo colorida e outros tutorais: <a href="http://madlyluv.com/"> Ana Flvia</a></di v> <br> <blockquote> proibido a Cpia Total ou Parcial desse Theme!</b> Conforme a Lei Fede ral de Direitos Autorais de n 9610, desde 19 de Fevereiro de 1998. Plgio crime. Copyright <b></b> 2011 </blockquote> </div></div> <div id="03" class="popup_block"> <div class="h3">Ask me s2</div> <center><p><iframe frameborder="0" scrolling="no" width="90%" height="149" src=" http://www.tumblr.com/ask_form/SEUTUMBLR.TUMBLR.COM" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> </p></center> </div></div>
</div> </div> </div> </body> </html>

Theme 15

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Theme 15

Transféré par

Droits d'auteur :

Formats disponibles

<html> <head>

return false; });

</div> </div> </div> </body> </html>

Vous aimerez peut-être aussi