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 LET - 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://secure.static.tumblr.com/37c52526aa4badfe59f95df7b58f96c4/uwutdn1/ulMoj240n/tumblr_static_2mvz3puzseaswwss44ck404c.jpg"/>
- <meta name="image:sidebar2" content="https://secure.static.tumblr.com/3e654763a5b98b8236febddc2616254e/uwutdn1/mProj240n/tumblr_static_eg70bsygq884844w8k04wk4ww.jpg"/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:texto" content="#a9a9a9"/>
- <meta name="color:links" content="#aaa"/>
- <meta name="color:detalhes" content="#f08080"/>
- <meta name="color:ask" content="#eee"/>
- <meta name="color:links hover" content="#f08080"/>
- <meta name="color:barra de rolagem" content="#f08080"/>
- <meta name="text:frase" content="supreme bitch"/>
- <meta name="text:frase2" content="you want me baby?"/>
- <meta name="text:link1" content=""/>
- <meta name="text:link1 titulo" content="inicio"/>
- <meta name="text:link2" content=""/>
- <meta name="text:link2 titulo" content="fask"/>
- <meta name="text:link3" content=""/>
- <meta name="text:link3 titulo" content="autorias"/>
- <meta name="text:link4" content=""/>
- <meta name="text:link4 titulo" content="my love"/>
- <meta name="text:link5" content=""/>
- <meta name="text:link5 titulo" content="familia secret"/>
- <link href="https://fonts.googleapis.com/css?family=Anton|Bungee|Bungee+Inline|Dancing+Script|Francois+One|Lobster+Two|Oswald|Passion+One|Russo+One" 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:tahoma; font-size:14px; 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:{color:background};}
- ::-webkit-scrollbar-thumb{background:{color:barra de rolagem};}
- /* Alinhamento dos posts*/
- #charmours-post{margin-top:140px; margin-left:150px; 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:transparent; margin:5px; 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:{color:background};}
- /* 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:{color:background}; border-radius:0 5px 5px 0; transition:1s;}
- .notes_charmours a{color:{color:texto};}
- .notes_charmours a:hover{color:{color:detalhes};}
- /* 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:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:{color:detalhes}; 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:{color:detalhes}; border-radius:20px;}
- .wn3{display:inline-block;}
- .wn3 a{display:inline-block; padding:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:{color:detalhes}; border-radius:20px;}
- /* Ask: Mesma regra dos notes!*/
- .pergunta{width:auto; height:auto; padding:5px; text-align:left; outline-offset:-3px; background:{color:ask}; text-transform:uppercase; font-size:8px;color:{color:texto};font-family:tahoma;}
- .pergunta img {border-radius: 1000px;width:35px; float:right; padding-right:2px;padding:0px;border:2px solid {color:detalhes};}
- .resposta{margin-top:3px; width:200px; height:auto; text-align:left; border-top:2px solid {color:detalhes}; text-transform:uppercase; font-size:8px;font-family:tahoma;}
- /* Quotes*/
- .quote_charmours{text-align:justify;font-family:tahoma;font-size:11px;}
- /* Source dos quotes: Quem escreveu o texto.*/
- .source_charmours{margin-top:5px; width:200px; height:15px; line-height:17px; margin-left:0px; text-align:right; border-top:2px solid {color:detalhes}; font-weight:bold; text-transform:uppercase; font-size:8px;font-family:tahoma;}
- /* Sidebar*/
- .side-ch{position:fixed; top:0px; left:0px; width:100%; height:130px; background:{color:background}; transition:1s;z-index:9;}
- .side-ch-faixa { position:fixed;margin-top:115px; margin-left:0px;position:fixed;background-color:{color:detalhes}; height:8px;width:100%;z-index:9;}
- .faixa { position:fixed;margin-top:-15px; margin-left:0px;position:fixed;background-color:{color:detalhes}; height:2px;width:300%;z-index:10;}
- /* Imagem da side*/
- .side-ch-imagem img{margin-top:5px; margin-left:450px; width:60px; height:60px; padding:3px; background:{color:detalhes};z-index:9;border-radius:50%;}
- .side-ch-imagem2 img{margin-top:-40px; margin-left:500px; width:60px; height:60px; padding:3px; background:{color:detalhes};z-index:9;border-radius:50%;}
- /* Descrição da side*/
- .side-ch-descricao{margin-top:-100px; margin-left:570px; padding:5px; width:500px; text-align:left;font-family: 'Russo One', sans-serif;;font-size:50px; background:transparent;text-transform:uppercase;color:{color:texto};z-index:9;}
- .frase2{position: fixed; width:auto; height:auto; line-height:22px; margin-top:-90px; margin-left:770px; font-family:'Lobster Two', cursive; text-align:left; font-weight:normal; color:{color:detalhes}; text-shadow:2px 2px 0 #000; font-size:45px;z-index:10;}
- /* Menu/Links*/
- .side-ch-menu {width:200px; height:20px; margin-top:-5px; margin-left:560px; position:fixed; font-family:arial; text-align:center;background-color:transparent;z-index:9;}
- .side-ch-menu a {;line-height:20px; text-align: center; padding:4px; background-color:transparent; border: 1px solid {color:texto}; color:{color:detalhes}; font-size:13px;text-transform:uppercase;z-index:9;}
- /* FIM DO CSS */
- </style>
- <body onkeydown="return false">
- <a style="position:fixed; left:45px; bottom:40px; font-family:tahoma; font-size:25px; color:{color:detalhes}; background:transparent;text-decoration: none; " href="http://exbad.co.vu" title="theme feito por exbad, exclusivo para uso da xarlequina, não copie."> ✿ </a>
- <div class="frase2">{text:frase2}</div>
- <div class="side-ch"> <!-- Inicio da sidebar-->
- <div class="side-ch-faixa"></div>
- <!-- Imagem da side-->
- <div class="side-ch-imagem"><img src="{image:sidebar}"></div>
- <div class="side-ch-imagem2"><img src="{image:sidebar2}"></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-home" arial-hidden="true"></i></a>
- <a href="{text:link2}" title="{text:link2 titulo}"><i class="fa fa-envelope" arial-hidden="true"></i></a>
- <a href="{text:link3}"title="{text:link3 titulo}"><i class="fa fa-pencil" arial-hidden="true"></i></a>
- <a href="{text:link4}" title="{text:link4 titulo}"><i class="fa fa-heart" arial-hidden="true"></i></a>
- <a href="{text:link5}" title="{text:link5 titulo}"><i class="fa fa-star" arial-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>
Add Comment
Please, Sign In to add comment