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" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml">
- <head profile="https://gmpg.org/xfn/11">
- <!-- •----------------------------------•
- ▀ | THEME FEITO POR DRESSBY | ▀
- ▀ | 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=""/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:posts e side" content="#eee"/>
- <meta name="color:texto" content="#aaa"/>
- <meta name="color:links" content="#aaa"/>
- <meta name="color:links hover" content="#000"/>
- <meta name="color:barra de rolagem" content="#000"/>
- <meta name="color:menu hover" content="#c3c3c3"/>
- <meta name="color:ask" content="#000"/>
- <link href=’https://fonts.googleapis.com/css?family=Emilys+Candy|Butterfly+Kids|Federo|Quicksand|Antic+Didone|Josefin+Slab|Raleway+Dots|Cedarville+Cursive|Damion|Dawning+of+a+New+Day|Rancho|Marvel’ rel=’stylesheet’ type=’text/css’>
- <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" type="text/css" href="https://goo.gl/F6c7pZ">
- </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:11px; text-align:left;z-index:99999999999;}
- /* Links*/
- a{color:{color:links}; text-decoration:none;}
- a:hover{color:{color:links hover};}
- /* Barra de rolagem*/
- ::-webkit-scrollbar{width:10px; height:10px; background:{color:background};}
- ::-webkit-scrollbar-thumb{background:{color:barra de rolagem};}
- /* Alinhamento dos posts*/
- #charmours-post{margin-top:70px; margin-left:230px; width:1000px; padding-bottom:10px;}
- /* 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:absolute; float:left; display:inline-block; width:200px; padding:10px;background:{color:posts e side} ;margin:5px; overflow:hidden; transition:1s;border:2px solid #ddd;box-shadow:1px 1px 1px 2px #c3c3c3; z-index:0;}
- .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:#c3c3c3; 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;margin-left:10px; text-align:center; opacity:0; transition:1s;}
- .notes_charmours2 a:hover{color:rgba(128,128,128,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:#eee; font-size:15px; color:rgba(0,0,0,0.3); border-radius:20px;}
- .wn2{display:inline-block;}
- .wn2 a{display:inline-block; padding:5px; width:20px; height:20px; background:#eee; font-size:15px; color:rgba(0,0,0,0.3); border-radius:20px;}
- .wn3{display:inline-block;}
- .wn3 a{display:inline-block; padding:2px; width:20px; height:20px; background:#eee; font-size:15px; color:rgba(0,0,0,0.3); border-radius:20px;}
- /*** Ask por Warvada: Não retire os céditos. ******************************/
- .pergunta{margin-top:0px; width:170px; height:auto; padding:5px 5px 10px 5px; text-align:left; outline-offset:-3px; border:1px solid #c3c3c3; outline:1px solid #c3c3c3; background:#ddd;}
- .perguntou{position:absolute; display:inline-block; margin-top:-5px; margin-left:27px; padding:0 4px 0 4px; background:{color:posts e side}; border-radius:2px; border:1px solid #c3c3c3; font-family:'Consolas'; font-size:9px; text-transform:uppercase; font-weight:bold; z-index:99;}
- .quem-img img{position:absolute; display:inline-block; margin-top:-7px; margin-left:10px; width:10px; height:10px; padding:2px 8px 2px 2px; border:1px solid #c3c3c3; background:{color:posts e side}; border-radius:2px; box-shadow:inset -6px 0 0 {color:posts e side};}
- .resposta{margin-top:1px; width:180px; height:auto; text-align:left; text-indent:2px; border-top:3px double #c3c3c3;}
- /* Quotes*/
- .quote_charmours{text-align:center;}
- /* Source dos quotes: Quem escreveu o texto.*/
- .source_charmours{margin-top:2px; width:170px; height:15px; line-height:17px; margin-left:5px; text-align:right; border-top:1px solid {color:background}; font-weight:bold; text-transform:uppercase; font-size:8px;}
- /* Sidebar*/
- .side-ch{position:fixed; top:0px; left:0px; width:200px; height:1000px; background:{color:posts e side}; transition:1s; z-index:2;}
- .side1 {z-index:9999999; position:fixed; margin-top:0px; margin-left:200px; width:1300px; height:50px;border-bottom:5px solid rgba(0,0,0,0.3); background:{color:posts e side}; }
- .side{position:fixed; margin-top:0px; margin-left:0px; width:182px; height:900px;border-right:5px solid rgba(0,0,0,0.3); }
- /*** MENU POR LEMBRAVEIS - LIBERADO NO PASSO-HTML ***/
- #sidep {float:left; position:fixed; width:178px; bottom:15px; height:8px;top:150px; left:5px;padding:0px; text-align: center; position: fixed;}
- #sidefoto img {display: inline; height:auto; padding:8px;width: 120px; height: 120px; border: 3px solid rgba(0,0,0,0.3); /*** cor da borda da foto ***/;opacity:0.9}
- #sidefoto img:hover {opacity:1; -webkit-transition:opacity:1; linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;border-radius:0px;}
- #linksdap {z-index:9999999999;width:125px; background:rgba(0,0,0,0.3); text-align:center; margin-top:-30px; margin-left:20px; padding:4px; position:absolute; opacity:0;-webkit-transition-duration: 1.25s;position:relative}
- #linksdap a {font-size:17px;font-family: 'Quicksand', sans-serif; letter-spacing:0px; text-align:center; color:#fff /*** cor da fonte ***/; padding-right:3px; text-transform:uppercase;}
- #sidep:hover #linksdap {z-index:9999999999;margin-top:-55px; opacity:1.0; -webkit-transition-duration: 1.50s;}
- #descr {z-index:9999999999;background:rgba(0,0,0,0.3); color:#fff /*** cor da fonte da descrição ***/;margin-left:11px; margin-top:6px; margin-bottom:0px; width:214px;font-family: 'Quicksand', sans-serif; font-size:12px; padding:3px;padding-top:3px; text-align:center; border-top: 1px solid #eee; height:70px;position:relative;-webkit-transition-duration: 1.25s;opacity:0;}
- #sidep:hover #descr {z-index:9999999999;margin-top:-120px; opacity:1.0; -webkit-transition-duration: 1.50s;}
- /**CÓDIGO FEITO POR LUXUOSEI****/
- #FAIXA{MARGIN-LEFT:200PX ;MARGIN-TOP:-550PX;background:rgba(0,0,0,0.3); ;HEIGHT:9000PX;WIDTH:5PX;POSITION:FIXED;}
- .desc {color:#c3c3c3;position:fixed; width:700px; margin-left:150px;height:20px; line-height:20px; margin-top:20px;font-family: 'Great Vibes', cursive;
- text-align:center; font-size:25px; ;opacity: 10;transition:0.9s; transform : rotateX(360deg);}
- </style>
- <body onkeydown="return false">
- <div style="position:fixed;width:10px ;height:10px; top:110px; left:25px;z-index:999999999;"><img src="https://static.tumblr.com/50mwyfj/jf6o237wm/tumblr_mv6azpushd1snmyvlo6_1280.png"></div>
- <div style="position:fixed;width:10px ;height:10px; top:300px; left:25px;z-index:999999999;"><img src="https://static.tumblr.com/50mwyfj/jf6o237wm/tumblr_mv6azpushd1snmyvlo6_1280.png"></div>
- <div class="side-ch"> <!-- Inicio da sidebar-->
- <div class="side1"> <div class="desc"> {description} </div> </div>
- <div class="side">
- <div id="sidep">
- <div id="sidefoto"><img src="{image:sidebar}"/></div>
- <div id="linksdap">
- <a href="/" title="Home"><i class="fa fa-angle-double-left"></i></a>
- <a href="/fask" title="Geme"><i class="fa fa-envelope-o"></i></a>
- <a href="/tagged/meus" title="Meus"><i class="fa fa-heart-o"></i></a>
- <a href="https://dressbydesigns.tumblr.com/" title="Designs"><i class="fa fa-code"></i></a>
- </div>
- </div></div>
- <DIV ID="FAIXA"></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">{Question}</div>
- <div class="perguntou">{Asker}</div>
- <div class="quem-img"><img src="{AskerPortraitURL-30}"> </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="https://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="https://static.tumblr.com/qszodba/029o0wega/mansory.js" rel="stylesheet" type="text/css"><script src="https://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script><script src="https://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>
- <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
- <div style="position:fixed; bottom:20px; left:1200px;border:3px double #c3c3c3;background:{color:posts e side}">
- <font color="#4682B4"><small></small></font>
- <a href="https://dressby.tumblr.com" title="Theme por dressby + Base por Warvada">Dressby</a>
- <font color="#c3c3c3"><small> ✿ </small></font>
- </div>
- <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment