API tools faq
paste
Advertisement
thmslet

theme exbad 25

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