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 EXBAD | ¯
- ¯ | NÃO COPIE - NÃO SE INSPIRE | ¯
- ¯ | ----------------- | ¯
- ¯ | EXCLUSIVO PARA CESTVIBE | ¯
- •----------------------------------•
- -->
- <!-- 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="color:background" content="#fff"/>
- <meta name="color:texto" content="#000"/>
- <meta name="color:links" content="#000"/>
- <meta name="color:links hover" content="#8b0000"/>
- <meta name="text:link1" content=""/>
- <meta name="text:link1 titulo" content="LINK"/>
- <meta name="text:link2" content=""/>
- <meta name="text:link2 titulo" content="LINK"/>
- <meta name="text:link3" content=""/>
- <meta name="text:link3 titulo" content="LINK"/>
- <meta name="text:link4" content=""/>
- <meta name="text:link4 titulo" content="LINK"/>
- <meta name="text:link5" content=""/>
- <meta name="text:link5 titulo" content="LINK"/>
- <meta name="text:frase" content="Eu que não fumo queria um cigarro, eu que não amo você enveleci dez anos ou mais nesse ultimo mês, eu que não bebo pedi um conhaque pra enfrentar o inverno"/>
- <meta name="text:titulo" content="UPPER HIGH"/>
- </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:#fff; color:{color:texto}; font-family:Tahoma; 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:#eee;}
- /* Alinhamento dos posts*/
- #charmours-post{margin-top:220px; margin-left:330px; width:900px; 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:10px; background:#fff; margin:15px; 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:#fff; 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:5px; width:20px; height:20px; background:rgba(255,255,255,.2); font-size:15px; color:#8b0000; 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:#8b0000; 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:#8b0000; border-radius:20px;}
- /* Ask: Mesma regra dos notes!*/
- .pergunta{width:auto; height:auto; padding:5px; text-align:left; outline-offset:-3px; background:#eee; 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 #8b0000; text-transform:uppercase; font-size:8px;}
- /* Quotes*/
- .quote_charmours{text-align:justify;}
- /* 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:1px solid #8b0000; font-weight:bold; text-transform:uppercase; font-size:8px;}
- /* Sidebar*/
- .side-ch{position:fixed; top:0px; left:0px; width:100%; height:210px; background:#fff; transition:1s;z-index:9;}
- /* Descrição da side*/
- .side-ch-descricao{margin-top:10px; margin-left:450px; padding:5px; width:500px; text-align:center; font-size:62px; text-transform:uppercase; background:#fff;font-family:times;color:#000;text-transform:uppercase;}
- /* Menu/Links*/
- .side-ch-menu{width: 300px; height:20px; margin-top:65px; margin-left:550px; position:fixed; font-family:times; text-align:center;background-color:#fff;}
- /* Links do menu*/
- .side-ch-menu a{line-height:20px; text-align: center; padding:3px; background-color:#000; border: 1px solid #000; color:#fff; font-size:11px;margin:7px;text-transform:uppercase;}
- .tit1{position: fixed; width:400px; height:auto; line-height:15px; margin-top:-130px; margin-left:500px; font-family: times; text-align:left; font-weight:normal; color:#000; text-shadow:1px 1px 0 #fff; font-size:12px;z-index:10;text-align:center;}
- .faixa { z-index:10;position:fixed;margin-top:-80px; margin-left:450px;position: fixed;background-color:#8b0000; height:3px;width:500px;}
- /* FIM DO CSS */
- </style>
- <body onkeydown="return false">
- <script type="text/javascript">var topButton = "sleek/circle-dark";</script><script type="text/javascript" src="//backtotopbutton.com/script/toTop.js"></script>
- <a style="position:fixed; left:45px; bottom:60px; font-family:times; font-size:20px; color:#000; background:#fff;padding:3px;text-decoration: none; " href="http://exbad.co.vu" title="theme feito por exbad, exclusivo para uso de cestvibe, não copie."> ✖</a>
- <div class="faixa"></div>
- <div class="tit1">{text:frase}</div>
- <div class="side-ch"> <!-- Inicio da sidebar-->
- <!-- Descrição-->
- <div class="side-ch-descricao">{text:titulo}</div>
- <!-- Menu/Links-->
- <div class="side-ch-menu">
- <a href="{text:link1}">{text:link1 titulo}</a>
- <a href="{text:link2}">{text:link2 titulo}</a>
- <a href="{text:link3}">{text:link3 titulo}</a>
- <a href="{text:link4}">{text:link4 titulo}</a>
- <a href="{text:link5}">{text:link5 titulo}</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