API tools faq
paste
thmslet

theme exbad 24

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