Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
- <!------ THEME BY VESARGE / DON'T COPY ------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- APPEARANCE -->
- <meta name="color:background" content="#f6f6f6" />
- <meta name="color:text" content="#999999" />
- <meta name="color:side" content="#ffffff" />
- <meta name="color:links" content="#E1D6D8" />
- <meta name="color:post" content="#E1D6D8" />
- <meta name="image:sidebar" content="" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="home" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="ask" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="love" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="stuff" />
- <meta name="text:titulo" content="what do you mean?" />
- <meta name="text:descri" content="" />
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link href='https://fonts.googleapis.com/css?family=Karla|Muli:400, 400:italic|Roboto:400,400italic,500,500italic|Cardo:400,400italic|Inconsolata' rel='stylesheet' type='text/css'>
- <title>{Title}</title>
- <link rel="shortcut icon" href="http://i387.photobucket.com/albums/oo314/paravidatoda/mini-154.gif">
- <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </head>
- <style type="text/css">
- /* BACKGROUND E AFINS, CONFIGURAÇÕES TOTAIS DO THEME */
- body{background:{color:background}; color:{color:text}; font-family:Calibri; font-size:11px; text-align:center;}
- a {color:{color:text}; text-decoration:none;}
- /** CONTROLES**/
- iframe#tumblr_controls {white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.3; right:3px !important; position: fixed !important;}iframe#tumblr_controls {top:0px !important;-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index:999999999999999999;}
- /** CONTROLES**/
- /* NO #POSTS VC MUDA O LEFT E O TOP DOS POSTS */
- #fairy{float:left; margin-top:25px; margin-left:310px; width:800px; padding-bottom:30px; z-index:5;}
- /* CODIGO DOS POSTS, AQUI VC PERSONALIZA OS POSTS */
- .postagens {{block:permalinkpage} width:200px; float:center; position:fixed {/block:permalinkpage} width:200px; position:relative; float:left; display:inline-block; top:0px; margin:15px; border: 1px solid {color:side}; padding:6px 6px 3px 6px; background:{color:background};}
- /* AQUI É O TAMANHO DAS IMAGENS NO POST, TEM QUE ESTAR IGUAL AO TAMANHO DA ENTRY, PARA FICAR TUDO CERTO */
- .postagens img{{block:permalinkpage} width:200px; float:center; position:fixed {/block:permalinkpage} max-width:200px; height:auto; transition:1s;}
- .vsanna{display:none;}
- .postagens texto{font-family:Baumans; font-size:13px; line-height:11px; color:{color:text};}
- .photoset{max-width: 200px;}
- .postagens corpo{font-family:Baumans; font-size:10px; color:{color:text};}
- .postagens links{font-family:Baumans; text-transform:uppercase; font-family:Courier; font-style:italic; font-size:13px; }
- .tooltip {display: inline; position: relative;}
- #s-m-t-tooltip {max-width:auto; padding:6px; padding-left:5px; padding-right:5px; height:8px;line-height:7px; margin:6px 13px -1px 11px; background:rgba(0,0,0,.6); color:#fff;text-shadow:1px 2px 0px black; font-family:calibri; text-transform:uppercase;font-size:9px; z-index:999999999999999999999999999999999999;}
- /* AQUI É O QUOTE */
- .quotes {font-family:Arial; font-size:11px; text-align:center; line-height:15px; margin-top:5px; color:{color:text};}
- .source {margin-top:5px; border-top:1px solid {color:side}; font-family:Calibri; font-size:9px; text-align:right; text-transform:uppercase; line-height:17px; color:{color:text};}
- /* BLOCKQUOTE DOS TEXTOS (O QUE TEM NO CORPO DE UMA POSTAGEM EM TEXTO) */
- blockquote {margin:0px; text-align:left; padding:4px; width:185px;}
- blockquote img{width:183px;}
- /* Estilo de Ask por by helpdesigns */
- .askimg {float:right; margin-top:5px;border: 2px solid {color:post};opacity:10;}
- .askhd{background-color:{color:links};width:190px;padding:5px; color: {color:background}; margin-top:-11px; z-index:99999999;font-size: 11px;}
- .askhd2 a{color: {color:links};}
- .askhd2{background-color:{color:post};width:166px; padding: 5px; color:{color:links}; margin-left: 0px; font-family:Arial;font-size: 9.5px; margin-top:5px;}
- /*/ ESTILO DE NOTAS #02 FEITO POR NEVALISCA.TUMBLR.COM © /*/
- #bibinotas{
- width:200px; /*/ tamanho da caixa dos posts /*/
- height:calc(96% - -0px) !important; /*/ altera o 22px para ficar certo com o seu theme /*/
- background: rgba(255,255,255,0.5); /*/ fundinho preto /*/
- position:absolute;
- z-index:9;
- opacity:0;
- transition-duration: 1.2s;
- }
- .postagens:hover #bibinotas{;opacity:1;}
- .centralizar{
- position:absolute;
- width:200px; /*/ tamanho da caixa dos posts /*/
- height:0px;
- top: 35%;
- transform: translateY(-50%);
- }
- #datenotes{
- text-align:center;
- font-family:courier; /*/ fonte /*/
- font-size:10px; /*/ tamanho da font /*/
- text-shadow:1px 1px 0px #000; /*/ sombra da font /*/
- }
- #datenotes a{
- display:inline-block;
- text-transform:uppercase;
- color:#fff; /*/ cor da font /*/
- font-weight:600;
- }
- #reblog{text-align:center;
- font-family:courier; /*/ fonte /*/
- font-size:10px; /*/ tamanho da font /*/
- text-shadow:1px 1px 0px #000; /*/ sombra da font /*/}
- #reblog a{
- display:inline-block;
- text-transform:uppercase;
- color:#c09992; /*/ cor do reblog /*/
- font-weight:600;
- }
- /*/ FIM DAS NOTAS, DON NOT COPY © /*/
- /* CODIGO DOS NOTES DOS TEXTOS */
- .postagens .permalink{position: relative; padding-left:5px; text-align:left;width:207px; top:5px; height:15px;font-family:'Oswald'; font-size:9px; text-transform:uppercase; line-height:16px; margin-left:-6px; transition:.9s; background:{color:links};border-top:2px solid {color:post}; }
- /* CODIGO DOS CHATS */
- .chat {line-height: 10px; list-style: none }
- .chat ul {line-height: 10px; list-style: none; padding: 0px; line-height:14px;}
- .person1 {border:1px solid #eee; color: #999; font-size:9px; font-family:Calibri; text-transform:uppercase;}
- .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:pink}
- .person2 {border:1px solid #eee; color:#999; font-size:9px; font-family:Calibri; text-transform:uppercase; }
- .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:lightblue}
- /* TOOLTIPS */
- .tooltip {display: inline; position: relative;}
- #s-m-t-tooltip {max-width:auto; padding:6px; padding-left:5px; padding-right:5px; height:8px;line-height:7px; margin:6px 13px -1px 11px; background:rgba(0,0,0,.6); color:#fff;text-shadow:1px 2px 0px black; font-family:calibri; text-transform:uppercase;font-size:9px; z-index:999999999999999999999999999999999999;}
- /* SELEÇÃO DO TEXTO DO THEME */
- ::selection {color:white; background-color:grey;}
- /* BARRA DE ROLAGEM */
- ::-webkit-scrollbar{ height:3px; width:11px; background:inherit; background:rgba({RGBcolor:side}, 0.4); border:5px solid {color:background};
- }
- ::-webkit-scrollbar-track {background:transparent;}
- ::-webkit-scrollbar-thumb { height:150px!important; background:{color:side}; border:5px solid {color:background};
- }
- /** SIDEBAR***/
- #sidebar {position:fixed; width:180px; height:70px; margin-left:75px;margin-top:160px;-webkit-transition:all 0.8s linear;-moz-transition:all 0.8s linear;transition:all 0.8s linear;
- border:0px solid {color:side};}
- #fotinha {position:fixed; z-index:999999999;}
- #fotinha img {width:55px; height:55px; margin-left:-5px; margin-top:0px; padding:3px; border:1px solid {color:side}}
- #link {width:200px; margin-top:30px; margin-left:-5px; position:fixed; text-align:center;text-transform:uppercase;opacity:1;border:1px solid {color:side};padding:2px;background:#fff;opacity:0;-webkit-transition:all 0.8s linear;-moz-transition:all 0.8s linear;transition:all 0.8s linear;z-index:9999999999999999;}
- #link a {line-height:11px; padding:3px; border: 0px solid {color:side}; color:{color:titulo}; text-transform:uppercase;font-size:8px;width:90px;font-size:8px;display:inline;margin-bottom:1px;-webkit-transition:all 0.8s linear;-moz-transition:all 0.8s linear;transition:all 0.8s linear; z-index:-100;}
- #link a:hover{background:#fff;text-shadow: 1px 0px 0px #000;}
- .link2{position:fixed;margin-left:2px;margin-top:0px;}
- #sidebar:hover #link{opacity:1; margin-top:-30px;-webkit-transition:all 0.8s linear;-moz-transition:all 0.8s linear;transition:all 0.8s linear;}
- #frase {margin-top:-5px; margin-left:75px; position:fixed; text-align:center;text-transform:uppercase;font-family:consolas; font-size:11px;color:{color:titulo};width:135px;padding:4px;opacity:1; -webkit-transition:all 0.8s linear;-moz-transition:all 0.8s linear;transition:all 0.8s linear;background:transparent;z-index:9999;}
- #sidebar:hover #frase {opacity:1; -webkit-transition:all 0.8s linear;-moz-transition:all 0.8s linear;transition:all 0.8s linear;}
- #desc {font-size:8px; text-align:relative; font:7.5px arial; width:120px; margin-top:20px; margin-left:70px; padding:5px; color:{color:text};height:30px;z-index:9999999999999;background:{color:side};text-transform:uppercase}
- #desc:after {bottom:30%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;z-index:9999999999;}
- #desc:after {border-color: rgba(136, 183, 213, 0);
- border-bottom-color: {color:side};border-width: 10px;left: 10%;margin-left:33px; transform:rotate(-90deg)}
- /** SIDEBAR***/
- </style>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"
- />
- <meta name="viewport" content="width=820" />
- <!--- FONTES PERSONALIZADAS GOOGLE --->
- <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <body>
- <div class=“main”></div>
- <div id="sidebar">
- <div id="frase"><center><b>{text:titulo}</b></center></div>
- <div id="fotinha"> <img src="{image:sidebar}"></div>
- <div id="link">
- <a href="{text:link1}">
- <span class="icon icon-home"></span>
- {text:Link1 Title}</a>
- <a href="{text:Link2}">
- <span class="icon icon-star"></span>
- {text:Link2 Title}</a>
- <a href="{text:Link3}">
- <span class="icon icon-folder-close"></span>
- {text:Link3 Title}</a>
- <a href="{text:Link4}">
- <span class="icon icon-gift"></span>
- {text:Link4 Title}</a>
- </div>
- <div id="desc">{text:descri}</div>
- </div>
- <div id="fairy">
- {block:Posts}
- <div class="postagens">
- <!-- TEXTOS -->
- {block:Text}
- {block:Title}<texto><center>{Title}</center></texto>{/block:Title}
- <corpo>{body}</corpo>
- {block:indexpage}
- <div class="permalink">
- <a href="{Permalink}"><font color={color:background}>{DayofMonthWithZero} de {Month} de {year}</font></a>
- <div style="position:absolute; margin-top:-17px;width:20px; height:13;text-align:center; margin-left:187px; font-size:10px;color:white;background:{color:post};text-shadow:1px 1px 0px {color:post};"> <a href="{ReblogURL}" title="love this" target="_blank"><font color={color:links}><i class="fa fa-heart"></i></a></div></font>
- </div>
- {/block:indexpage}
- {/block:Text}
- <!-- FOTOS -->
- {block:Photo}
- <!--- NOTES DAS FOTOS --->
- <div id="bibinotas">
- <div class="centralizar">
- <div id="datenotes">
- <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
- <a href="{permalink}">post with {notecount} notes</a>
- </div>
- <div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
- </div>
- </div>
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {/block:Photo}
- <!-- PHOTOSETS -->
- {block:Photoset}
- <!--- NOTES DOS PHOTOSETS --->
- <div id="bibinotas">
- <div class="centralizar">
- <div id="datenotes">
- <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
- <a href="{permalink}">post with {notecount} notes</a>
- </div>
- <div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
- </div>
- </div>
- <div class="photoset">{Photoset-250}</div>
- {/block:Photoset}
- <!-- QUOTES -->
- {block:Quote}
- <div class="quotes">{Quote}</div></font>
- {block:Source}<div class="source">• {Source} </div>{/block:Source}
- <!--- NOTES DOS QUOTES --->
- {block:indexpage}
- <div class="permalink">
- <a href="{Permalink}"><font color={color:background}>{DayofMonthWithZero} de {Month} de {year}</font></a>
- <div style="position:absolute; margin-top:-17px;width:20px; height:13;text-align:center; margin-left:187px; font-size:10px;color:white;background:{color:post};text-shadow:1px 1px 0px {color:post};"> <a href="{ReblogURL}" title="love this" target="_blank"><font color={color:links}><i class="fa fa-heart"></i></a></div></font>
- </div>
- {/block:indexpage}
- {/block:Quote}
- <!-- VIDEOS -->
- {block:Video}
- <div id="bibinotas">
- <div class="centralizar">
- <div id="datenotes">
- <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
- <a href="{permalink}">post with {notecount} notes</a>
- </div>
- <div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
- </div>
- </div>
- {block:Indexpage}<div style="max-width:210px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
- {/block:Video}
- <!-- LINKS -->
- {block:Link}
- <a href="{URL}" class="link" {Target}><links>{Name}</links></a>
- {block:Description} {Description}{/block:Description}
- {/block:Link}
- <!-- CHAT -->
- {block:Chat}
- {block:Title}
- <texto>{Title}</texto>
- {/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:indexpage}
- <div class="permalink">
- <a href="{Permalink}"><font color={color:background}>{DayofMonthWithZero} de {Month} de {year}</font></a>
- <div style="position:absolute; margin-top:-17px;width:20px; height:13;text-align:center; margin-left:187px; font-size:10px;color:white;background:{color:post};text-shadow:1px 1px 0px {color:post};"> <a href="{ReblogURL}" title="love this" target="_blank"><font color={color:links}><i class="fa fa-heart"></i></a></div></font>
- </div>
- {/block:indexpage}
- {/block:Chat}
- {block:Answer}
- {block:IndexPage}
- <img src="{AskerPortraitURL-48}" class="askimg" div style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width:25px; height:25px">
- <div class="askhd2" align="left">{Asker} perguntou:</div><p></p>
- <div class="askhd">{Question}</div><p></p>
- {Answer}
- <div class="permalink">
- <a href="{Permalink}"><font color={color:background}>{DayofMonthWithZero} de {Month} de {year}</font></a>
- <div style="position:absolute; margin-top:-17px;width:20px; height:13;text-align:center; margin-left:187px; font-size:10px;color:white;background:{color:post};text-shadow:1px 1px 0px {color:post};"> <a href="{ReblogURL}" title="love this" target="_blank"><font color={color:links}><i class="fa fa-heart"></i></a></div></font>
- </div>
- {/block:IndexPage}
- {/block:Answer}
- {block:Audio}
- {AudioPlayer}
- {/block:Audio}
- <!-- BLOQUEIO VIA/SOURCE -->
- <div class="vsanna">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}">source</a>
- {/block:ContentSource}
- </div>
- </div>
- {/block:Posts}
- </div>
- <!-- SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
- <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 () {
- $('#fairy').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div#navigation",
- nextSelector : "div#navigation a#nextPage",
- itemSelector : ".postagens",
- bufferPx : 10000,
- extraScrollPx: 11000,
- loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
- loadingText : "carregando",
- },
- // call masonry as a callback.
- function() { $('#fairy').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <!-- FIM DO SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
- <!-- ROLAGEM INFINITA PARA TEMA EM GRADE -->
- {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}
- <!-- FIM - ROLAGEM INFINITA PARA TEMA EM GRADE -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement