Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <head>
- <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
- <link rel="shortcut icon" href="{favicon}"/>
- <title>{title}</title>
- <link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
- <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
- <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 href="#" class="close"><img src="http://static.tumblr.com/eun3dfg/RERmuxsh7/c4.png" width="66" height="64" z-index="10000000000000000000000000000000000000000000000000000000000000" class="btn_close" title="Close | Fechar" alt="Close"/></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the 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 fade layer - .css({‘filter’ : ‘alpha(opacity=80)’}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer…
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- </head>
- <style type="text/css">
- body {background: #62e6f2 url("http://media.tumblr.com/25b233ddd9684c82873b6a3a87546c4a/tumblr_inline_mwdw5hKm9j1rwneo8.png") fixed;}
- .flor {bottom:-5px;position:fixed;margin-left:-250px;}
- #page {width: 806px;background: #transparent;background-repeat: repeat-y; margin-left: auto;margin-right: auto;}
- #content {width: 806px;background: #transparent;background-repeat: repeat-y;margin-left: auto;margin-right: auto;}
- #sidebar {background: #transparent;width: 207px;float: left;margin-top: 0px;position: fixed;margin-left:-110px;}
- #main {background-color: #transparent;width: 900px;float: right;position: relative;margin-right: -200px;margin-top: -3px;}
- .caixa {background: #transparent; box-shadow: 0px 0px 1px 1px #; z-index: 10000; overflow: hidden; color: #777;
- {block:IndexPage}margin: 5px; float: left; width: 260px; padding: 0px; position: relative;{/block:IndexPage}
- {block:PermalinkPage}text-align: center; width: 750px; padding: 2px; {/block:PermalinkPage}}
- #footer {background: #transparent;background-repeat:no-repeat;background-position: bottom;width: 900px;height: 44px;clear: both; }
- b, strong {color: #74e6f3; TEXT-DECORATION: none; border-bottom: 1px dashed #none;}
- u {color: #e51c29; TEXT-DECORATION: none; border-bottom: 1px solid #999;}
- s, strike {color: #999;}
- i {color: #e51c29; TEXT-DECORATION: none; border-bottom: 1px dotted #none;}
- a:link, a:active, a:visited {
- color: #74e6f3;
- text-decoration: none;
- cursor: pointer;}
- a:hover { color: #de1324;
- text-decoration: none;
- cursor: pointer;}
- ::-moz-selection {background: #eee; color: #fff;}
- ::selection {background: #eee; color:#fff;}
- /** títulos e tags **/
- .h1 {font-family:'Yanone Kaffeesatz', helvetica; font-size:19px; text-align: center;text-shadow: 0 1px 1px #999;margin:-1px 2px 6px 3px;color: #fff;background: #73e5f2; margin:0px;padding:3px; border-bottom:1px solid #f5f5f5;margin-left:-10px;margin-right:-10px;margin-top:-5px;}
- .faixa2 {background: #f5f5f5; font-family:'bebas';font-size:15px;padding:5px;color:#ff335e;text-shadow: 0 1px 0px #999;margin-top:-20px;margin-left:-20px;}
- .permalink {margin-top:0px;margin-left:0px;opacity:1.50;}
- .fofoto {margin-top:-5px;margin-left:-10px;margin-right:-10px;}
- .fotinhasidebar {margin-top:-5px;margin-left:-10px;}
- cred {display: block; vertical-align: middle; line-height: 13px; margin-bottom: 0px; text-decoration: none; padding: 5px; font-style: normal;font-size: 10px; background: #f5f5f5; border-radius: 5px;margin-bottom:4px;color:#999;}
- cred a {background: #999; padding: 5px; color: #fff; border-radius: 5px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;margin-left:-3px;margin-top:1px;}
- cred:hover a {background: #ff657b; padding: 5px; color: #fff; border-radius: 5px;}
- /***Quote por lovers-of-designs.tumblr.com***/
- .quote {background: #f5f5f5; overflow: hidden; padding:10px; border-radius:6px;font-family: 'Galdeano', sans-serif; color: #cdcbcb; font-size: 16px; text-align:justy;margin-left:0px;margin-right:0px;text-shadow: 0px 1px 1px #fff;box-shadow: 0px 1px 1px #eee;text-align:left;}
- .sou a {color: #999;text-shadow: 1px 1px 1px #fff;}
- .sou a:hover {color: #fff;text-shadow: 1px 1px 1px #999;}
- .ponta {float:right; margin-top:-1px;margin-right:20px;width:30px; height:14px;}
- .sou {background:#f5f5f5; border-radius:2px;padding:2px;font-family: 'Galdeano', sans-serif; color: #df1524; font-size: 13px;text-shadow: 1px 1px 1px #fff;}
- .fica {margin-left:0px;}
- .bolinha {float:left; width:10px; height:10px;margin-right:10px;margin-top:4px;margin-left:2px;}
- .menu {background: transparent;font-family:font-family:'Calibri';font-size:15px;display: inline-block;color:#999;padding:5px;display: block;}
- .position {margin-top:240px; margin-left:-150px; position:fixed;z-index:10000000000000000000000;}
- /*** caixa não mexa em nada! ***/
- .box {overflow:hidden; color: #b9c1b3; background-color: #fff; padding:5px; box-shadow: 0px 0px 1px 1px #b2a6a4; z-index: 10000;box-shadow: 0 1px 1px #d2d2d2;font-size: 12px; font-family:'Calibri';}
- .sidebar {overflow:hidden; color: #b9c1b3; background-color: #fff; padding:5px; box-shadow: 0px 0px 1px 1px #b2a6a4; z-index: 10000;box-shadow: 0 1px 1px #d2d2d2;font-size: 12px; font-family:'Calibri';}
- .descri {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.s ease;overflow:hidden; color: #fff; background:rgba(0,0,0, 0.1); padding:5px; z-index: 10000;font-size: 12px; font-family:'Calibri';margin-top:200px;width: 196px; height: 110px; position: absolute;}
- #fade {display: none; background: #000;position: fixed; left: 0; top: 0;width: 100000%; height: 100000%;opacity: .50; z-index: 9999999;}
- .popup_block{display: none;background: #fff;color: #b9c1b3;padding: 20px;border: 0px solid #dccedc;float: left;font-size: 11px;font-family: verdana;position: fixed; top: 50%; left: 50%;z-index: 100000000000000000000000000000000000000;border-radius:10px;}
- img.btn_close {float: right;margin: -40px -40px 0 0;}
- *html #fade { position: absolute;}
- *html .popup_block {position: absolute;}
- blockquote {background: #f5f5f5; color:#999; font-size: 11px; font-family: arial;box-shadow: 0px 0px 1px 1px #eee5dd;margin:5px; padding:5px;}
- .blockquote {background: #f5f5f5; color:#dbc98a; font-size: 11px; font-family: arial;box-shadow: 0px 0px 1px 1px #999;margin:5px; padding:5px;}
- /***Estilo de ask por: Lovers-of-designs.tumblr.com***/
- .pergunta {background: #f2f2f2;font-family: 'Play', sans-serif; font-size:12px; color: #829dae;text-shadow: 0px 1px 1px #eee;padding:6px;text-align: justify;margin-left: 12px;margin-right: auto;margin-bottom:10px;}
- .perguntou {background: #e41c26; color:#fff;font-family: 'Play', sans-serif; font-size:12px; text-shadow: 0px 1px 1px #eee;padding:3px;text-align: justify;margin-left: 40px;margin-right: auto;margin-bottom:0px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;width:205px;}
- .perguntou a {color: #fff;}
- .pergunta p {margin:1px 0px;}
- .fotos {float:left; border-radius:100px;margin-top:-4px;margin-right:5px;margin-left:-43px;filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -webkit-transition-duration: .99s; -moz-transition-duration: .99s;background:#fff;}
- .fotos:hover {filter: alpha(opacity=100); opacity: 0.85; -moz-opacity:0.85; -webkit-transition-duration: .99s; -moz-transition-duration: .99s;}
- .resposta {background: #fff;font-family: 'Play', sans-serif; font-size:12px; color: #8eb3a2;text-shadow: 0px 1px 1px #eee;padding:10px;text-align: justify;margin-left: auto;margin-right: auto;border-radius:5px;overflow:auto;}
- /*** caixa e extra *********************************************/
- .caixa1 {background: #fff; overflow: hidden; padding: 5px;font-family: Verdana, Geneva, sans-serif;font-size: 8pt;color: #888888;text-align: justify;outline: 0px solid #; margin-bottom: 5px; width: 490px;width:740px;}
- .extra {border-left: 4px solid #adc4d2; display : block;border-bottom : 1px solid #fff;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #f7f7f7; line-height: 18px;}
- .extra a {padding-right: 6px; color: #a38fad; border-right: dotted 1px #e7daee; text-shadow: 1px 1px 1px #;}
- /* Chat por Anna (livelikeasuicide) *********/
- .chat {background: #eee; margin: 0; font-size:
- 9px; font-family: arial;}
- .chat .chat1 {margin-left: 0px;}
- .chat .chat1 .chat2 {background: #76e6f2; color: #fff;
- margin-bottom: 1px; padding: 4px 5px 4px 5px;} /* Primeira linha */
- .chat .chat1 .chat2.even {background: #df1524;
- color: #fff;} /* Segunda linha */
- .chat .chat1 .chat2 span{font-weight: bold;}
- .trackid {padding: 5px;
- background: #f5f5f5;
- color: #999;
- width:240px;
- margin-top: 1px;
- margin-left: 0px;
- margin-right: 0px;
- text-shadow: 0px 0px 1px #fff;}
- .trackid2 {padding: 2px;
- background: #f5f5f5;
- color: #999;
- width: 236px;
- margin-top: 0px;
- margin-left: 10px;
- margin-right: 0px;}
- </style>
- <body>
- <div id="content">
- <div class="position">
- <a href="/" title="Home" class="menu">▄</a>
- <a href="/ask" title="Perguntas?" class="menu">▄</a>
- <a href="/submit" title="Submit" class="menu">▄</a>
- <a href="#?w=500" rel="tumblr" class="poplight"><div class="menu">▄</a></div>
- </div>
- <div class="flor"><img src="http://media.tumblr.com/b99d91988c698e78d7f06f0e5ba1e797/tumblr_inline_mwdw93KwlI1rwneo8.png"></div>
- <div id="sidebar">
- <div class="sidebar">
- <div class="fotinhasidebar"><img src="http://media.tumblr.com/92a918b4c9f724f1a040d272ec9dd189/tumblr_inline_mwdu6pZylq1rwneo8.png" width="220px"></div>
- {block:Description}{Description}{/block:Description}
- </div>
- </div>
- <div id="main">
- {block:Posts}
- <div class="caixa"> <!--- Abrindo a div da caixa --->
- <!--- Texto --->
- {block:Text}<div class="box">
- {block:Title}<div class="h1">{Title}</div>{/block:Title}
- {body}
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}
- </div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/block:Text}
- <!--- Photo --->
- {Block:Photo}
- <div class="box">
- {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}" width="265px;" class="fofoto">{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" >{LinkCloseTag}{/block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}</div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/Block:Photo}
- <!--- Photoset --->
- {block:Photoset}<div class="box">
- {block:IndexPage}{LinkOpenTag}{Photoset-250}{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}{Photoset-700}{LinkCloseTag}{/block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}</div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/block:Photoset}
- <!--- Quote --->
- {block:Quote}<div class="box">
- <div class="quote">" {Quote} "</div>
- <div class="ponta"><img src="http://media.tumblr.com/5a5e630f87af24c69bd483a215d234cc/tumblr_inline_mjyqzf74LC1qz4rgp.png"></div><br>
- <div class="fica">
- <div class="sou"><div class="bolinha"><img src="http://media.tumblr.com/6c5d427d40df27db0ea2e2e1ed2978e4/tumblr_inline_mjyqrr8wh41qz4rgp.png"></div>{block:Source}
- <div class="sou">{Source}</div>
- {/block:Source}</div></div>
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}</div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/block:Quote}
- <!--- Chat --->
- {block:Chat}<div class="box">
- <div class="chat">
- <div class="chat1">
- {block:Lines}
- <div class="chat2 {Alt}">
- {block:Label}
- <span>{Label}</span>
- {/block:Label}
- {Line}</div>
- {/block:Lines}
- </div></div>
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}</div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/block:Chat}
- <!--- Link --->
- {block:Link}<div class="box">
- <a href="{URL}" target="{Target}"><div class="h1">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}</div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/block:Link}
- <!--- Audio --->
- {block:Audio}<div class="box">
- <div class="">
- {block:AlbumArt}
- <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
- {/block:AlbumArt}
- <div class="trackid2">{AudioPlayerGrey}</div>
- {block:TrackName}
- <div class="trackid">"{TrackName}"</div>
- {/block:TrackName}
- {block:Artist}
- <div class="trackid">{Artist}</div>
- {/block:Artist}
- <div class="trackid">({PlayCount}) plays</div>
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}</div></div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/block:Audio}
- <!--- Video --->
- {block:Video}<div class="box">
- {block:Indexpage}{Video-250}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}</div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/block:Video}
- {block:Answer}
- <div class="box">
- <div class="perguntou"><img src="{AskerPortraitURL-64}" class="fotos"> ♥ {Asker} perguntou </div>
- <div class="pergunta">{Question}</div>
- <div class="resposta">{Answer}</div>
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {/block:IndexPage}</div>
- <div class="permalink"><a href="{permalink}"><img src="http://media.tumblr.com/d1f12620e5e19073981eec1625ab1d7f/tumblr_inline_mwdux0XTUp1rwneo8.png"></a></div>
- {/block:Answer}
- <!--- Fechando a div da caixa --->
- </div>
- {block:PostNotes}
- <div class="caixa1">
- <div class="extra"><img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user">
- {block:RebloggedFrom} <a href="{ReblogParentURL}"> - Via</a> <a href="{ReblogRootURL}">- From</b></a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> - Source </a>{/block:ContentSource}</div>
- <div class="extra">
- <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}
- </div>
- <div class="extra">
- <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user"> {block:HasTags}{/block:HasTags}
- <span style="width:auto;">
- {block:HasTags}
- {block:Tags}
- <a class="tag" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</span>
- </div>
- <div class="extra">
- <img src="http://static.tumblr.com/ifqwhnb/x5Mm1qzsk/oae9l.png" class="user">{NoteCount}
- </div>
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- <div id="tumblr" class="popup_block">
- <div class="faixa2">Creditos</div><br>
- Theme desenvolvido por Jéssica V. (Jessierobsten). Não copie e não se inspire sem a minha autorização, todos os direitos do theme são reservados. Lembre-se que plágio é crime. <p>
- Obrigada a todas as pessoas que me ajudaram a fazer esse theme, abaixo darei uma lista das pessoas que me ajudaram e que sempre terei que agradecer:<br><br><br>
- <cred><a href="http://jessierobsten.tumblr.com/"><cred1>Jéssyca Victoria</cred1></a> <img src=""> Desenvolvimento do theme e design </cred>
- <cred><a href="http://things-to-help-you.tumblr.com/"><cred1>TTHY</cred1></a> <img src=""> Muitos códigos, materiais e tutoriais</cred>
- <cred><a href="http://tumblr.com/"> <cred1>Tumblr USF </cred1></a> <img src=""> Hospedagem</cred>
- <cred><a href="OLINK"><cred1> Cores, imagens e etc...</cred1></a> <img src=""> Photoshop SC5</cred>
- <cred><a href="OLINK"> <cred1>Dafontes e Google</a> </cred1><img src=""> Fontes</cred>
- </div>
- <div id="footer"></div></div>
- <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
- <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
- <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#main').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div#navigation",
- nextSelector : "div#navigation a#nextPage",
- itemSelector : ".caixa",
- bufferPx : 1000,
- extraScrollPx: 1000,
- loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
- loadingText : "Aguarde...",
- },
- // call masonry as a callback.
- function() { $('#main').masonry({ appendedContent: $(this) });
- }
- );
- });
- </script>
- {block:IndexPage}
- <div class="column navigation" id="navigation">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
- </div>
- {/block:IndexPage}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement