API tools faq
paste
Advertisement
thmslet

theme exbad 21

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