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=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://media.tumblr.com/788a6d7d9bbfda794fd8c8b325ed8bc4/tumblr_inline_mw4ouu7Hov1rwneo8.png" width="50" height="50" class="btn_close" title="Close Window" 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>
- <!-- css scripts e afins -->
- <style type="text/css">
- body {background: #f7f7f7; background: url('http://media.tumblr.com/3eea9e11082d6f26d67a20f54427039c/tumblr_inline_mw4mdl5Qrb1rwneo8.png');
- }
- #header {background: url(''); width:285px; height:161px;margin-left:0px; margin-top:-40px;position:absolute;margin-left:160px}
- #page {width: 800px;background: #transparent;background-repeat: repeat-y; margin-left: auto;margin-right: auto;}
- #content {width: 520px;background: #transparent;background-repeat: repeat-y;margin-left: auto;margin-right: auto;}
- #sidebar {background: #transparent;width: 550px;float: left;margin-left:-70px;margin-top:190px;position: absolute;}
- #main {background-color: #transparent;width: 600px;float: right;position: relative; z-index: 10000;margin-left: 0px;margin-top: 340px;}
- .caixa {background: #fff; box-shadow: 0px 0px 0px 0px #eee5dd; z-index: 0; overflow: hidden; color: #777; border:5px solid #f5f5f5;box-shadow: 0px 0px 3px 0px #d8decb;;margin:0px;
- {block:IndexPage}margin: 10px; float: left; width: 160px; padding: 0px; position: relative; height: 160px; {/block:IndexPage}
- {block:PermalinkPage}text-align: center; width: 537px; padding: 2px; margin-left:10px;margin-bottom:50px;margin-top:10px; {/block:PermalinkPage}}
- #footer {background: #transparent;background-repeat:no-repeat;background-position: bottom;width: 900px;height: 44px;clear: both; }
- #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;padding: 20px;float: left;font-size: 11px;font-family: verdana;position: fixed;top: 50%; left: 50%;z-index: 100000000000000000000000000000000000000;color:#999;}
- img.btn_close { float: right; margin: -40px -40px 0 0;}
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- /*** Formatação de texto ***/
- b, strong {color: #cf8484; TEXT-DECORATION: none; border-bottom: 1px dashed #none;
- }
- u {color: #7197ad; TEXT-DECORATION: none; border-bottom: 1px solid #4BA2C6;
- }
- s, strike {color: #dedcda;
- }
- i {color: #7197ad; TEXT-DECORATION: none; border-bottom: 1px dotted #none;
- }
- a:link, a:active, a:visited {
- color: #999;
- text-decoration: none;
- cursor: pointer;}
- a:hover { color: #999;
- 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 #FFF;margin:-1px 2px 6px 3px;color: #000;border-bottom: 2px solid: #ffb1b2;background: #transparent; margin:0px;padding:3px; background: #ffff; border-radius:0px;border-bottom:1px solid #f5f5f5;}
- h2 {font-family:'Yanone Kaffeesatz', helvetica; font-size:17px; text-align: center;text-shadow: 0 1px 1px #FFF;margin:-1px 2px 6px 3px;color: #777;border-bottom: 2px solid: #ffb1b2;background: #transparent; margin:0px;padding:3px; background: #ffff; border-radius:0px;}
- .faixa2 {background: #c9d9e0; color:#fff; padding:5px; margin: -20px -20px -5px -20px;font-family:'bebas';font-size:15px;}
- cred {display: block; border-bottom: 1px dotted #e1cfe6; 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;}
- cred a {background: #c9d9e0; padding: 5px; color: #fff; -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: #e2e1ce; padding: 5px; color: #fff; }
- cred1 {color:#fff;}
- .permalink {width: 32px; height: 33px; position: absolute; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s;z-index:1000000000000000000000000000;margin-top:100px;}
- .box .permalink { margin-left: 0px;z-index:1000000000000000000000000000; margin-top:180px; margin-left:-160px;}
- .box:hover .permalink {margin-top:0px; margin-left:0px;border-top:3px; solid #000;opacity: 2.0;z-index:1000000000000000000000000000; opacity:1.0;margin-top:8px;margin-left:0px;}
- /*** Quote estilo por: things-to-help-you***********/
- .quote {font-family: 'Play', sans-serif; font-size: 12px; text-align:justy; padding: 4px; color: #fff; }
- .quotem {overflow: hidden; padding: 5px; background: #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
- .bottomq {background: url('http://media.tumblr.com/0e24ece4a01b8b3e85d39e586199b644/tumblr_inline_mj28ijoS1M1qz4rgp.png') no-repeat; width: 69px; height: 19px; margin-left: 10px; margin-bottom: 15px;}
- .ci {color: #999; display: inline-block;background: #f5f5f5; padding: 3px; margin-left: 20px; margin-top: -14px; margin-bottom: 10px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
- .ci a {color: #000;}
- .ci a:hover {color: #fff;}
- /*** caixa não mexa em nada! ***/
- .box {color: #777; font: 11px arial; background-color: #fff; padding:0px;margin-top:-11px;}
- .boxsidebar {overflow:hidden; color: #666; font: 9px arial; background-color: #fff; padding:5px; z-index: 10000; box-shadow: 0px 0px 10px 2px #eee5dd;text-align:center;}
- .boxsidebar1 {margin-top:-212px;-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s;}
- .boxsidebar1:hover {margin-top:-212px;}
- .menu{padding: 5px; float:right; background:#d9e8ee;;border-radius:5px;border-bottom:1px solid #fff;}
- .menu a{background: #fff;padding:3px; border-radius:3px;-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s;color:#c9d9e0;display: block;margin-bottom:2px;font-family:georgia;font-size:11px;}
- .menu a:hover{background: #fff;padding:3px; border-radius:3px;-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s;color:#999;display: block;margin-bottom:2px;font-family:georgia;font-size:11px;}
- .positionmenu {margin-top:00px; margin-left:560px;position:fixed;}
- /*** blockquote e tabelinhas ***/
- blockquote {background: #f5f5f5; color:#000; font-size: 11px; font-family: arial;box-shadow: 0px 0px 1px 1px #eee5dd;margin:5px; padding:5px;}
- .blockquote {background: #f5f5f5; color:#000; font-size: 11px; font-family: arial;box-shadow: 0px 0px 1px 1px #eee5dd;margin:5px; padding:5px;}
- /*** Estilo de ask por: Lovers-of-designs.tumblr.com ***/
- .pergunta {background: #f5f5f5;font-family: 'Galdeano', sans-serif; font-size:12px; color: #999;text-shadow: 0px 0px 0px #eee;padding:10px;text-align: justify;margin-left: auto;margin-right: auto;border-top-left-radius: 0px;border-top-right-radius: 0px;}
- .perguntou {background:#transparent; border-radius:0px;padding:5px;font-family: 'Galdeano', sans-serif; color: #999; font-size: 11px;text-shadow: 1px 1px 1px #ebeded;box-shadow: 0px 0px 1px #f5f5f5;margin-left:24px;margin-bottom:0px;text-indent : 8px;}
- .perguntou a {color: #cee4eb;}
- .pergunta p {margin:1px 0px;}
- .fotos {float:left;margin-top:-5px;margin-left: -28px;-webkit-transition-duration: .90s;opacity: 1.55;border-bottom-right-radius: 10px;
- border-bottom-left-radius: 10px;}
- .fotos:hover { opacity: 0.55;border-bottom-right-radius: 10px;
- border-bottom-left-radius: 10px;}
- .xx {float:left;width:15px; height:15px;margin-left:-11px;margin-top:4px;}
- .resposta {background: #transparent;font-family: 'Open Sans', sans-serif; font-size:12px; color: #8eb3a2;text-shadow: 0px 0px 0px #eee;padding:10px;text-align: justify;margin-left: auto;margin-right: auto;border-radius:5px;}
- .separa {float:left; width:20px; height:20px; margin-left:-30px;margin-bottom:10px;}
- /* --- Permalink ---- */
- ol.notes {list-style: none; margin: 1px 1px 0 1px;}
- ol.notes li.note {margin-bottom: 4px; padding-left: 33px; padding-top: 5px; padding-bottom: 3px; padding-right: 5px; margin-left: -40px; background: #fafafa url('http://static.tumblr.com/tx5g7yp/WJkmcrovc/notes.png') no-repeat; text-transform: uppercase; font-family: 'Nunito', sans-serif; font-size: 9px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
- ol.notes li.note a {color: #dbbacf;}
- ol.notes li.note img.avatar {display: none;}
- ol.notes li.note span.action {color: #bbb;}
- ol.notes li.note .answer_content {font-weight: normal;}
- ol.notes li.note blockquote {display: none;}
- ol.notes li.note blockquote a {text-decoration: none; color: #bbb;}
- #perma{margin: 1px 1px 0 1px;}
- #permalink{margin-bottom: 1px; padding: 4px 5px; background: #fafafa; text-transform: uppercase; font-family: 'Nunito', sans-serif; font-size: 9px;}
- #permalink a {color: #b6dae1;}
- #permalink n {color:#b6dae1;}
- #permalink img{padding: 0 3px 0 0;}
- /* Chat por Anna (livelikeasuicide) *********/
- .chat {background: #eee; margin: 0; font-size:
- 9px; font-family: arial;}
- .chat .chat1 {margin-left: 0px;}
- .chat .chat1 .chat2 {background: #f5f5f5; color: #777;
- margin-bottom: 1px; padding: 4px 5px 4px 5px;} /* Primeira linha */
- .chat .chat1 .chat2.even {background: #dde7ee;
- color: #999;} /* 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: 10px;
- background: #f5f5f5;
- color: #999;
- width: 230px;
- margin-top: 1px;
- margin-left: 0px;
- margin-right: 0px;}
- .position {position:absolute; width:10px; margin-left:-40px; margin-top:60px}
- </style>
- <body>
- <div id="content">
- <div id="header"></div>
- <div id="sidebar">
- <div class="boxsidebar1">
- <img src="http://static.tumblr.com/vmnmapy/lhCmw4msw/nn.png">
- <div class="positionmenu"><div class="menu">
- <a href="/">♥</a>
- <a href="/ask">♥</a>
- <a href="/submit">♥</a>
- <a href="Link_da_pagina">♥</a>
- <a href="Link_da_pagina">♥</a>
- <a href="#?w=500" rel="creditos" class="poplight">♥</a>
- </div></div>
- <div class="boxsidebar">
- {block:Description}{Description}{/block:Description}
- <br><br><br><br><br><br>
- </div>
- </div>
- </div><p>
- <div id="main">
- {block:Posts}
- <div class="caixa">
- {block:Text}<div class="box">
- <div class="permalink"><a href="{Permalink}"><img src="http://static.tumblr.com/vmnmapy/L98mw4n47/nnnnnn.png"></a></div>
- {block:Title}<div class="h1">{Title}</div>{/block:Title}
- <div class="bobod">{body}</div>
- <!---------------- DATA DOS POSTS ------------->
- {block:IndexPage}
- {block:NoteCount}<div class="notas">
- <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:NoteCount}
- {/block:IndexPage}</div>
- {/block:Text}
- {block:Answer}
- <div class="box">
- <div class="permalink"><a href="{Permalink}"><img src="http://static.tumblr.com/vmnmapy/L98mw4n47/nnnnnn.png"></a></div>
- <div class="pergunta">{Question}</div>
- <div class="perguntou"><img src="{AskerPortraitURL-24}" class="fotos">Quem perguntou foi: {Asker} <div class="xx"><img src=""></div></div>
- <div class="separa"><img src="http://static.tumblr.com/eun3dfg/TRZmn5suy/untitled-1.png"></div><br>
- <div class="resposta">{Answer}</div>
- {block:IndexPage}
- {block:NoteCount}<div class="notas">
- <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:NoteCount}
- {/block:IndexPage}</div>
- {/block:Answer}
- </div>
- <br>
- {block:PostNotes}
- <div class="caixa">
- <div id="perma">
- {block:NoteCount}<div id="permalink">
- <img style="opacity: 0.6" src="http://static.tumblr.com/8yo5xxv/H7Fm5qdr1/heartttrrt.png">
- {NoteCountWithLabel}</div>{/block:NoteCount}
- {block:RebloggedFrom}
- <div id="permalink">
- <img style="opacity: 0.6" src="http://static.tumblr.com/tx5g7yp/MNemcrpul/ampersand_5x8.png">
- Reblogged from <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></div>{/block:RebloggedFrom}
- {block:HasTags}<div id="permalink">
- <img src="http://static.tumblr.com/8yo5xxv/Dgxm5qduh/tag.png">
- {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- {block:Date}
- <div id="permalink">
- <img style="opacity: 0.6" src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png">
- {DayOfMonth} de <n>{Month}</n> de {Year}</div>{/block:Date}
- {block:ContentSource}
- <div id="permalink">
- <img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png">
- Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></div>
- {/block:ContentSource}
- </div></div>
- <div style="margin-top: 7px;"></div>
- <div class="caixa">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- <div id="creditos" class="popup_block">
- <div class="faixa2">Creditos</div><br>
- <center> 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:</center>
- <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="tag" class="popup_block">
- <div class="faixa2">Tags</div><br>
- <div class="tag_cloud">
- <!--Tumblr Tag Cloud Por Bail-->
- <script type="text/javascript" src="http://rive.rs/javascripts/tumblr.min.js?minsize=100&maxsize=100&css=default"></script></div>
- </div>
- <div id="ask" class="popup_block">
- <div class="faixa2">Entre em contato</div><br>
- <center><iframe frameborder="0" border="0" scrolling="no" width="99%" height="200px" allowtransparency="true" src="http://www.tumblr.com/ask_form/lovers-of-designs.tumblr.com" style"background-color:transparent; overflow:hidden;:"></iframe></center>
- </div>
- <div id="tags" class="popup_block">
- </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