API tools faq
paste
Advertisement
thmslet

theme exbad 20

thmslet
Sep 29th, 2016
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.06 KB | None | 0 0
raw download clone embed print report
  1. <!-- Esses códigos permitem que o theme seja visualizado corretamente em todos os navegadores -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head profile="http://gmpg.org/xfn/11">
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. <!-- •----------------------------------•
  13. ▀ | THEME FEITO POR EXBAD AQUI | ▀
  14. ▀ | NÃO COPIE - NÃO SE INSPIRE | ▀
  15. ▀ | ----------------- | ▀
  16. ▀ | BASE POR CHARMOURS | ▀
  17. •----------------------------------•
  18. -->
  19.  
  20.  
  21.  
  22.  
  23. <!-- Favicon: Imagem pequena que fica na aba do navegador.
  24. {favicon} é a sua Dash/Icon do seu tumblr, caso queira outra coisa é só apagar ele e colocar a URL do novo favicon -->
  25. <link rel="shortcut icon" href="{favicon}">
  26.  
  27.  
  28.  
  29. <!-- Efeito "digitando" do titulo na aba do navegador -->
  30. <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}";
  31. 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>
  32.  
  33.  
  34.  
  35. <!-- Appearance: IMAGE = IMAGEM. COLOR = COR. TEXT = TEXTO -->
  36. <meta name="image:sidebar" content="http://66.media.tumblr.com/7c6312479014820c38588d3391523f25/tumblr_odxexmFfNT1tv4x8ho9_250.png"/>
  37.  
  38. <meta name="color:background" content="#f5f5f5"/>
  39. <meta name="color:posts" content="#fff"/>
  40. <meta name="color:texto" content="#696969"/>
  41. <meta name="color:links" content="#363636"/>
  42. <meta name="color:links hover" content="#ffb5b5"/>
  43. <meta name="color:barra de rolagem" content="#f8f8f8"/>
  44. <meta name="color:faixa1" content="#ffb5b5"/>
  45. <meta name="color:faixa2" content="#ffb5b5"/>
  46. <meta name="color:borda side" content="#ffb5b5"/>
  47. <meta name="color:background links" content="#ffb5b5"/>
  48. <meta name="color:borda links" content="#000"/>
  49. <meta name="text:frase" content="dangerous"/>
  50. <meta name="color:background side" content="#fff"/>
  51. <meta name="color:frase" content="#b5b5b5"/>
  52.  
  53. <meta name="text:link1" content=""/>
  54. <meta name="text:link1 titulo" content="inicio"/>
  55. <meta name="text:link2" content=""/>
  56. <meta name="text:link2 titulo" content="message me"/>
  57. <meta name="text:link3" content=""/>
  58. <meta name="text:link3 titulo" content="designs"/>
  59. <meta name="text:link4" content=""/>
  60. <meta name="text:link4 titulo" content="autorias"/>
  61.  
  62.  
  63.  
  64. </head>
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  67.  
  68.  
  69. <style type="text/css" media="screen">
  70.  
  71. /* INICIO DO CSS*/
  72.  
  73.  
  74. /* Configurações básicas e gerais: Aqui voce vai colocar a cor do fundo do theme, fonte geral, tamanho da fonte, alinhamento dos textos*/
  75. body{background:{color:background}; color:{color:texto}; font-family:Tahoma; font-size:11px; text-align:left;}
  76.  
  77.  
  78.  
  79. /* Links*/
  80. a{color:{color:links}; text-decoration:none;}
  81. a:hover{color:{color:links hover};}
  82.  
  83.  
  84.  
  85.  
  86. /* Barra de rolagem*/
  87. ::-webkit-scrollbar{width:10px; height:10px; background:#fff;}
  88. ::-webkit-scrollbar-thumb{background:{color:barra de rolagem};}
  89.  
  90.  
  91.  
  92.  
  93. /* Alinhamento dos posts*/
  94. #charmours-post{margin-top:90px; margin-left:100px; width:1200px; padding-bottom:30px;}
  95. /* 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*/
  96.  
  97.  
  98.  
  99.  
  100. /* Caixas dos posts: Se mudar o tamanho das caixas tem que mudar o tamanho das imagens também*/
  101. .charmours-caixas{position:relative; float:left; display:inline-block; width:180px; padding:8px; background:{color:posts}; margin:5px; overflow:hidden; transition:1s;}
  102. .charmours-caixas img{max-width:180px;}
  103.  
  104.  
  105.  
  106.  
  107. /* Imagem dos posts (aqui NÃO edita o photoset (várias fotos em um post)*/
  108. .imagens_charmours img{width:180px;}
  109.  
  110.  
  111.  
  112.  
  113. /* Bloqueio do Via e Source*/
  114. .vsanna{display:none;}
  115.  
  116.  
  117.  
  118.  
  119. /* Titulo dos posts*/
  120. titulo{text-decoration:none;font-size:14px;}
  121.  
  122.  
  123.  
  124.  
  125. /* Blockquote*/
  126. blockquote{margin:5px; padding:5px; background:#f8f8f8;}
  127.  
  128.  
  129.  
  130.  
  131.  
  132. /* NOTES:LEIA ISSO! N-Ã-O EDITE E COLOQUE SOMENTE SEUS CREDITOS, QUERENDO OU NAO O CÓDIGO É MEU! EDITOU? COLOQUE MEUS CREDITOS TAMBÉM!*/
  133.  
  134. /* Notes dos textos*/
  135. .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:#f8f8f8 border-radius:0 5px 5px 0; transition:1s;}
  136. .notes_charmours a{color:#aaa;}
  137. .notes_charmours a:hover{color:#000;}
  138.  
  139.  
  140.  
  141.  
  142. /* Notes das fotos*/
  143. .notes_charmours2{position:absolute; width:180px; margin-top:-50px; text-align:center; opacity:0; transition:1s;}
  144. .notes_charmours2 a:hover{color:rgba(255,255,255,1);}
  145. .charmours-caixas:hover .notes_charmours2{opacity:1; transition:1s;}
  146.  
  147. .wn1{display:inline-block;}
  148. .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;}
  149.  
  150. .wn2{display:inline-block;}
  151. .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;}
  152.  
  153. .wn3{display:inline-block;}
  154. .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;}
  155.  
  156.  
  157.  
  158.  
  159.  
  160. /* Ask: Mesma regra dos notes!*/
  161.  
  162. .pergunta{width:168px; height:auto; padding:5px; text-align:left; outline-offset:-3px; border:2px solid #ffb5b5;background:#f8f8f8; text-transform:uppercase; font-size:8px;}
  163. .resposta{margin-top:1px; width:180px; height:auto; text-align:left; border-top:2px solid #ffb5b5; text-transform:uppercase; font-size:8px;}
  164.  
  165.  
  166. /* Quotes*/
  167. .quote_charmours{text-align:center;color:#696969;}
  168. /* Source dos quotes: Quem escreveu o texto.*/
  169. .source_charmours{margin-top:4px; width:170px; height:15px; line-height:17px; margin-left:5px; text-align:right; border-top:1px solid #363636; font-weight:bold; text-transform:uppercase; font-size:8px;}
  170.  
  171.  
  172.  
  173.  
  174.  
  175. /* Sidebar*/
  176. .side-ch{position:fixed; top:0px; left:0px; width:2000px; height:60px; background:{color:background side}; transition:1s;border-bottom:8px solid {color:faixa1};}
  177.  
  178.  
  179.  
  180. /* Imagem da side*/
  181. .imagem img{margin-top:5px; margin-left:10px; width:40px; height:40px; padding:1px; background:transparent;border:3px solid {color:borda side};}
  182.  
  183. /*******by futurasuicida usar credite ao helpdesigns pegar sem credito vai ter porrada.*** *******/
  184. #faixa { z-index:8;position:fixed;margin-top:-100px; margin-left:280px;position: fixed;background-color:{color:faixa2}; height:70px;width:8px;}
  185. /*helpdesigns*/
  186.  
  187.  
  188.  
  189. /* Descrição da side*/
  190. .side-ch-descricao{margin-top:-38px; margin-left:65px; padding:5px; width:500px; text-align:left; font-family:tahoma;font-size:30px;color:{color:frase}; text-transform:uppercase; background:#transparent;}
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197. /* Menu/Links*/
  198.  
  199. .side-ch-menu {width:300px; height:20px; margin-top:-60px; margin-left:80px; position:fixed; font-family:tahoma; text-align:left;background-color:transparent;}
  200.  
  201. .side-ch-menu a {;line-height:20px; text-align: center; padding:2px; background-color:{color:background links}; border: 2px solid {color:borda links}; color:#000; font-size:8px;text-transform:uppercase }
  202.  
  203.  
  204.  
  205.  
  206. /* FIM DO CSS */
  207.  
  208. </style>
  209.  
  210. <a style="position:fixed; right:30px; bottom:40px; font-family:tahoma; font-size:10px; color:#ee6363; background:transparent;text-decoration: none; " href="http://exbad.tumblr.com/" title="theme feito por EXBAD, base por charmours"> theme por:<br> <b>exbad</b></a>
  211.  
  212.  
  213. <body onkeydown="return false">
  214.  
  215.  
  216. <div id="faixa"></div>
  217.  
  218.  
  219.  
  220. <div class="side-ch"> <!-- Inicio da sidebar-->
  221.  
  222.  
  223. <!-- Imagem da side-->
  224. <div class="imagem"><img src="{image:sidebar}"></div>
  225.  
  226.  
  227. <!-- Descrição-->
  228. <div class="side-ch-descricao"><b>{text:frase}</b></div>
  229.  
  230. <!-- Menu/Links-->
  231. <div class="side-ch-menu">
  232. <a href="{text:link1}">{text:link1 titulo}</a>
  233. <a href="{text:link2}">{text:link2 titulo}</a>
  234. <a href="{text:link3}">{text:link3 titulo}</a>
  235. <a href="{text:link4}">{text:link4 titulo}</a>
  236. </div>
  237.  
  238.  
  239. </div> <!-- Fim da sidebar-->
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262. <div id="charmours-post"> <!-- Div do Post-->
  263. {block:Posts}
  264. <div class="charmours-caixas"> <!-- Div das Caixas dos posts-->
  265.  
  266.  
  267.  
  268.  
  269. <!-- Textos-->
  270. {block:Text}
  271. {block:Title}<titulo><center>{Title}</center></titulo>{/block:Title}
  272. {body}
  273.  
  274.  
  275. <!-- Notes dos textos-->
  276. {block:indexpage}
  277. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  278.  
  279. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  280. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  281. </div>{/block:indexpage}
  282. {/block:Text}
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289.  
  290.  
  291. <!-- Fotos-->
  292. {block:Photo}
  293. <div class="imagens_charmours"><img src="{PhotoURL-250}"></div>
  294.  
  295.  
  296. <!-- NOTES DAS FOTOS-->
  297. {block:indexpage}
  298. <div class="notes_charmours2">
  299.  
  300. <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
  301. <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
  302. <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
  303.  
  304. </div>
  305. {/block:indexpage}
  306. {/block:Photo}
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315. <!-- Photoset (varias fotos em um post)-->
  316. {block:Photoset}
  317. <div class="imagens_charmours">{Photoset}</div>
  318.  
  319.  
  320. <!-- NOTES DO PHOTOSET-->
  321. {block:indexpage}
  322. <div class="notes_charmours2">
  323.  
  324. <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
  325. <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
  326. <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
  327.  
  328. </div>
  329. {/block:indexpage}
  330. {/block:Photoset}
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339. <!-- Quote-->
  340. {block:Quote}
  341. <div class="quote_charmours">{Quote}</div>
  342. <div class="source_charmours">{block:Source}{Source}{/block:Source}</div>
  343.  
  344.  
  345. <!-- NOTES DOS QUOTES-->
  346. {block:indexpage}
  347. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  348.  
  349. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  350. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  351. </div>{/block:indexpage}
  352. {/block:Quote}
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359.  
  360.  
  361. <!-- CHAT-->
  362. {block:Chat}
  363. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  364. {block:Lines}
  365. {block:Label}
  366. <span>
  367. <font color="{color:links hover}">
  368. {Label}
  369. </font>
  370. </span>
  371. {/block:Label}
  372.  
  373. {Line} <br>
  374. {/block:Lines}
  375.  
  376.  
  377. <!-- NOTES DOS CHATS-->
  378. {block:indexpage}
  379. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  380.  
  381. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  382. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  383. </div>{/block:indexpage}
  384. {/block:Chat}
  385.  
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393. <!-- LINK-->
  394. {block:Link}
  395. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>{block:Description}{Description}{/block:Description}
  396.  
  397.  
  398. <!-- NOTES DOS LINKS-->
  399. {block:indexpage}
  400. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  401.  
  402. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  403. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  404. </div>{/block:indexpage}
  405. {/block:Link}
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414. <!-- AUDIO/MUSICA-->
  415. {block:Audio}
  416. {AudioPlayer}
  417.  
  418.  
  419. <!-- NOTES DOS AUDIOS/MUSICAS-->
  420. {block:indexpage}
  421. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  422.  
  423. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  424. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  425. </div>{/block:indexpage}
  426. {/block:Audio}
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435. <!-- VIDEOS-->
  436. {block:Video}
  437. {block:Indexpage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  438.  
  439.  
  440. <!-- NOTES DOS VIDEOS-->
  441. {block:indexpage}
  442. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  443.  
  444. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  445. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  446. </div>{/block:indexpage}
  447. {/block:Video}
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456. <!-- ASK-->
  457. {block:Answer}
  458. <div class="pergunta"><b>{Asker}</b>: {Question}</div>
  459. <div class="resposta">{Answer}</div>
  460.  
  461.  
  462. <!-- NOTES DAS ASKS-->
  463. {block:indexpage}
  464. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  465.  
  466. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  467. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  468. </div>{/block:indexpage}
  469. {/block:Answer}
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477. <!-- Bloqueio do Via e Source que fica nos posts-->
  478. <div class="vsanna">
  479. {block:RebloggedFrom}
  480. <a href="{ReblogParentURL}">via</a>
  481. {/block:RebloggedFrom}
  482. {block:ContentSource}
  483. <a href="{SourceURL}">source</a>
  484. {/block:ContentSource}
  485. </div>
  486.  
  487.  
  488.  
  489.  
  490. </div> <!-- Fim da div das Caixas-->
  491. {/block:Posts}
  492. </div> <!-- Fim da div dos Posts-->
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499. {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}
  500.  
  501.  
  502.  
  503.  
  504. <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>
  505.  
  506.  
  507.  
  508. </body>
  509.  
  510.  
  511.  
  512. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!