API tools faq
paste
Advertisement
thmslet

theme exbad 18

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