Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Esses códigos permitem que o theme seja visualizado corretamente em todos os navegadores -->
- <!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 FEITO POR SUA EXBAD | ¯
- ¯ | NÃO COPIE - NÃO SE INSPIRE | ¯
- ¯ | ----------------- | ¯
- ¯ | BASE POR CHARMOURS | ¯
- •----------------------------------•
- -->
- <!-- Favicon: Imagem pequena que fica na aba do navegador.
- {favicon} é a sua Dash/Icon do seu tumblr, caso queira outra coisa é só apagar ele e colocar a URL do novo favicon -->
- <link rel="shortcut icon" href="{favicon}">
- <!-- Efeito "digitando" do titulo na aba do navegador -->
- <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_messages[3] = "{title}"; tb8_messages[4] = "{title}"; tb8_messages[5] = "{title}";
- tb8_messages[6] = "{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>
- <!-- Appearance: IMAGE = IMAGEM. COLOR = COR. TEXT = TEXTO -->
- <meta name="image:sidebar" content="https://static.tumblr.com/3dd37a4234ccbf02ce2fb1a9ad6ae1f8/uwutdn1/Xp6p0ed6e/tumblr_static_bp44ikbulvs4wgo04kgwkkkos.jpg"/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:texto" content="#aaa"/>
- <meta name="color:links" content="#aaa"/>
- <meta name="color:links hover" content="#000"/>
- <meta name="text:link1" content=""/>
- <meta name="text:link1 titulo" content="dashboard"/>
- <meta name="text:link2" content=""/>
- <meta name="text:link2 titulo" content="ask"/>
- <meta name="text:link3" content=""/>
- <meta name="text:link3 titulo" content="autorias"/>
- <meta name="text:link4" content=""/>
- <meta name="text:link4 titulo" content="designs"/>
- <meta name="text:link5" content=""/>
- <meta name="text:link5 titulo" content="instagram"/>
- <meta name="text:frase" content="LOVE IS A MISTAKE FOR SOLITUDE"/>
- <link href="https://fonts.googleapis.com/css?family=Acme|Amatic+SC|Atomic+Age|Bangers|Berkshire+Swash|Bigelow+Rules|Boogaloo|Cabin|Cabin+Sketch|Cookie|Courgette|Francois+One|Kaushan+Script|Questrial|Ranchers|Spectral+SC" rel="stylesheet">
- </head>
- <style type="text/css" media="screen">
- /* INICIO DO CSS*/
- /* Configurações básicas e gerais: Aqui voce vai colocar a cor do fundo do theme, fonte geral, tamanho da fonte, alinhamento dos textos*/
- body{background:{color:background}; color:{color:texto}; font-family: 'Spectral SC', serif;; font-size:11px; text-align:left;}
- /* Links*/
- a{color:{color:links}; text-decoration:none;}
- a:hover{color:{color:links hover};}
- /* Barra de rolagem*/
- ::-webkit-scrollbar{width:5px; height:5px; background:#fff;}
- ::-webkit-scrollbar-thumb{background:#fff;}
- /* Alinhamento dos posts*/
- #charmours-post{margin-top:80px; margin-left:200px; width:1200px; padding-bottom:30px;}
- /* Esse "padding-bottom:30px;" é o espaço para a skin não ficar em cima do post da página interna, como a de tutorial*/
- /* Caixas dos posts: Se mudar o tamanho das caixas tem que mudar o tamanho das imagens também*/
- .charmours-caixas{position:relative; float:left; display:inline-block; width:200px; padding:7px; background:#F5F5F5; margin:25px; overflow:hidden; transition:1s;}
- .charmours-caixas img{max-width:200px;}
- /* Imagem dos posts (aqui NÃO edita o photoset (várias fotos em um post)*/
- .imagens_charmours img{width:200px;}
- /* Bloqueio do Via e Source*/
- .vsanna{display:none;}
- /* Titulo dos posts*/
- titulo{text-decoration:none;}
- /* Blockquote*/
- blockquote{margin:5px; padding:5px; background:#F5F5F5;}
- /* NOTES:LEIA ISSO! N-Ã-O EDITE E COLOQUE SOMENTE SEUS CREDITOS, QUERENDO OU NAO O CÓDIGO É MEU! EDITOU? COLOQUE MEUS CREDITOS TAMBÉM!*/
- /* Notes dos textos*/
- .notes_charmours{margin-top:4px; margin-bottom:-8px; margin-left:-10px; width:55px; padding:0 0 3px 3px; text-align:left; font-size:8px; height:9px; line-height:11px; font-family:'Consolas'; text-transform:uppercase; background:#F5F5F5; border-radius:0 5px 5px 0; transition:1s;}
- .notes_charmours a{color:{color:texto};}
- .notes_charmours a:hover{color:{color:links hover};}
- /* Notes das fotos*/
- .notes_charmours2{position:absolute; width:180px; margin-top:-50px; text-align:center; opacity:0; transition:1s;}
- .notes_charmours2 a:hover{color:rgba(255,255,255,1);}
- .charmours-caixas:hover .notes_charmours2{opacity:1; transition:1s;}
- .wn1{display:inline-block;}
- .wn1 a{display:inline-block; padding:2px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:rgba(255,255,255,.6); border-radius:20px;}
- .wn2{display:inline-block;}
- .wn2 a{display:inline-block; padding:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:rgba(255,255,255,.6); border-radius:20px;}
- .wn3{display:inline-block;}
- .wn3 a{display:inline-block; padding:2px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:rgba(255,255,255,.6); border-radius:20px;}
- /* Ask: Mesma regra dos notes!*/
- .pergunta{width:auto; height:auto; padding:5px; text-align:left; outline-offset:-3px; background:#ddd; text-transform:uppercase; font-size:8px;}
- .pergunta img {border-radius: 1000px;width:35px; float:left; padding-right:5px;padding-bottom:5px;}
- .resposta{margin-top:3px; width:200px; height:auto; text-align:left; border-top:2px solid #aaa; text-transform:uppercase; font-size:8px;}
- /* Quotes*/
- .quote_charmours{text-align:center;}
- /* Source dos quotes: Quem escreveu o texto.*/
- .source_charmours{margin-top:5px; width:200px; height:15px; line-height:17px; margin-left:5px; text-align:right; border-top:1px solid #aaa; font-weight:bold; text-transform:uppercase; font-size:8px;}
- /* Sidebar*/
- .side-ch{position:fixed; top:0px; left:0px; width:150px; height:400px; background:transparent; transition:1s;z-index:9999;}
- /* Imagem da side*/
- .side-ch-imagem img{-webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px; margin-top:20px; margin-left:35px; width:55px; height:55px; padding:4px; background:#F5F5F5;}
- /* Descrição da side*/
- .side-ch-descricao{margin-top:-30px; margin-left:100px; padding:0px; width:190px; text-align:left; font-size:10px; text-transform:uppercase; background:#fff;font-family: 'Spectral SC', serif;border:2px solid #F5F5F5;}
- /* Menu/Links*/
- .side-ch-menu{position:fixed; margin-top:10px; margin-left:70px; width:30px; height:0px; background:{color:background}; transition:1s;}
- /* Links do menu*/
- .side-ch-menu a{display:block; padding:0; height:25px; line-height:25px; background:transparent; margin-bottom:3px; color:#ddd; text-align:center; font-size:15px; text-transform:uppercase; transition:1s;}
- /* Links do menu quando passa o mouse (hover)*/
- .side-ch-menu a:hover{background:transparent; transition:1s;}
- .faixa { position:fixed;margin-top:-30px; margin-left:60px;position: fixed;background-color:#F5F5F5; height:400%;width:2px;}
- .faixa2 { position:fixed;margin-top:-30px; margin-left:60px;position: fixed;background-color:#F5F5F5; height:2px;width:400%;}
- /* FIM DO CSS */
- </style>
- <body onkeydown="return false">
- <a style="position:fixed; right:30px; bottom:20px; font-family:tahoma; font-size:15px; color:#aaa; padding:5px;background:transparent; " href="http://exbad.tumblr.com/" title="theme feito por exbad não copie."><i class="fa fa-times" aria-hidden="true"></i></a>
- <div class="faixa"></div>
- <div class="faixa2"></div>
- <div style="top: 0px; left: 0px; width: 100%; height: 50px; position: fixed; background-image: url(' https://78.media.tumblr.com/5e961ccc8dda5859ef1d1ff488b12dfe/tumblr_inline_mkjkvmo1Kl1qz4rgp.png'); z-index: 9;"></div>
- <div style="top: 0px; left: 0px; width: 60px; height: 100%; position: fixed; background-image: url(' https://78.media.tumblr.com/5e961ccc8dda5859ef1d1ff488b12dfe/tumblr_inline_mkjkvmo1Kl1qz4rgp.png'); z-index: 9;"></div>
- <div class="side-ch"> <!-- Inicio da sidebar-->
- <!-- Imagem da side-->
- <div class="side-ch-imagem"><img src="{image:sidebar}"></div>
- <!-- Descrição-->
- <div class="side-ch-descricao">{text:frase}</div>
- <!-- Menu/Links-->
- <div class="side-ch-menu">
- <a href="{text:link1}" title="{text:link1 titulo}"><i class="fa fa-reply" aria-hidden="true"></i></a>
- <a href="{text:link2}" title="{text:link2 titulo}"><i class="fa fa-comments-o" aria-hidden="true"></i></i></a>
- <a href="{text:link3}"title="{text:link3 titulo}"><i class="fa fa-tag" aria-hidden="true"></i></a>
- <a href="{text:link4}" title="{text:link4 titulo}"><i class="fa fa-code" aria-hidden="true"></i></a>
- <a href="{text:link5}" title="{text:link5 titulo}"><i class="fa fa-camera" aria-hidden="true"></i></a>
- </div>
- </div> <!-- Fim da sidebar-->
- <div id="charmours-post"> <!-- Div do Post-->
- {block:Posts}
- <div class="charmours-caixas"> <!-- Div das Caixas dos posts-->
- <!-- Textos-->
- {block:Text}
- {block:Title}<titulo><center>{Title}</center></titulo>{/block:Title}
- {body}
- <!-- Notes dos textos-->
- {block:indexpage}
- <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
- <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
- <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
- </div>{/block:indexpage}
- {/block:Text}
- <!-- Fotos-->
- {block:Photo}
- <div class="imagens_charmours"><img src="{PhotoURL-250}"></div>
- <!-- NOTES DAS FOTOS-->
- {block:indexpage}
- <div class="notes_charmours2">
- <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
- <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
- <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
- </div>
- {/block:indexpage}
- {/block:Photo}
- <!-- Photoset (varias fotos em um post)-->
- {block:Photoset}
- <div class="imagens_charmours">{Photoset}</div>
- <!-- NOTES DO PHOTOSET-->
- {block:indexpage}
- <div class="notes_charmours2">
- <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
- <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
- <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
- </div>
- {/block:indexpage}
- {/block:Photoset}
- <!-- Quote-->
- {block:Quote}
- <div class="quote_charmours">{Quote}</div>
- <div class="source_charmours">{block:Source}{Source}{/block:Source}</div>
- <!-- NOTES DOS QUOTES-->
- {block:indexpage}
- <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
- <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
- <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
- </div>{/block:indexpage}
- {/block:Quote}
- <!-- CHAT-->
- {block:Chat}
- {block:Title}<titulo>{Title}</titulo>{/block:Title}
- {block:Lines}
- {block:Label}
- <span>
- <font color="{color:links hover}">
- {Label}
- </font>
- </span>
- {/block:Label}
- {Line} <br>
- {/block:Lines}
- <!-- NOTES DOS CHATS-->
- {block:indexpage}
- <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
- <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
- <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
- </div>{/block:indexpage}
- {/block:Chat}
- <!-- LINK-->
- {block:Link}
- <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>{block:Description}{Description}{/block:Description}
- <!-- NOTES DOS LINKS-->
- {block:indexpage}
- <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
- <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
- <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
- </div>{/block:indexpage}
- {/block:Link}
- <!-- AUDIO/MUSICA-->
- {block:Audio}
- {AudioPlayer}
- <!-- NOTES DOS AUDIOS/MUSICAS-->
- {block:indexpage}
- <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
- <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
- <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
- </div>{/block:indexpage}
- {/block:Audio}
- <!-- VIDEOS-->
- {block:Video}
- {block:Indexpage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
- <!-- NOTES DOS VIDEOS-->
- {block:indexpage}
- <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
- <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
- <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
- </div>{/block:indexpage}
- {/block:Video}
- <!-- ASK-->
- {block:Answer}
- <div class="pergunta"><b><img src="{AskerPortraitURL-128}">{Asker}</b>: {Question}</div>
- <div class="resposta">{Answer}</div>
- <!-- NOTES DAS ASKS-->
- {block:indexpage}
- <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
- <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
- <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
- </div>{/block:indexpage}
- {/block:Answer}
- <!-- Bloqueio do Via e Source que fica nos posts-->
- <div class="vsanna">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}">source</a>
- {/block:ContentSource}
- </div>
- </div> <!-- Fim da div das Caixas-->
- {/block:Posts}
- </div> <!-- Fim da div dos Posts-->
- {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}
- <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"><link href="http://static.tumblr.com/qszodba/029o0wega/mansory.js" rel="stylesheet" type="text/css"><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 () {$('#charmours-post').masonry(),$('.masonryWrap').infinitescroll({navSelector : "div#navigation",nextSelector : "div#navigation a#nextPage",itemSelector:".charmours-caixas",bufferPx:10000,extraScrollPx:11000,loadingImg:"",loadingText:"<i> </i>",},function() { $('#charmours-post').masonry({ appendedContent:$(this)});});});</script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement