Advertisement
thmslet

theme exbad para dadzbaby

Dec 1st, 2016
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.00 KB | None | 0 0
  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. ¯ | EXCLUSIVO PARA DADZBABY | ¯
  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. <!-- Appearance: IMAGE = IMAGEM. COLOR = COR. TEXT = TEXTO -->
  35. <meta name="image:sidebar" content="https://secure.static.tumblr.com/b1049d1d51b66e892b1ffcfb1d327811/uwutdn1/gdfohhmq2/tumblr_static_5u343x5nza4gk0cgkgg8wo84c.jpg"/>
  36.  
  37. <meta name="color:links hover" content="#000"/>
  38. <meta name="text:link1" content=""/>
  39. <meta name="text:link1 titulo" content="link"/>
  40. <meta name="text:link2" content=""/>
  41. <meta name="text:link2 titulo" content="link"/>
  42. <meta name="text:link3" content=""/>
  43. <meta name="text:link3 titulo" content="link"/>
  44. <meta name="text:link4" content=""/>
  45. <meta name="text:link4 titulo" content="link"/>
  46. <meta name="text:frase" content="Not everyone you lose is a loss, understand this baby."/>
  47.  
  48.  
  49. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Acme|Anton|Aref+Ruqaa|Bree+Serif|Bungee|Francois+One|Lobster|Lobster+Two" 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:#927b73; color:#fff; font-family: 'Francois One', sans-serif;; font-size:14px; text-align:left;}
  63.  
  64.  
  65.  
  66. /* Links*/
  67. a{color:#8b3a62; text-decoration:none;}
  68. a:hover{color:#fff;}
  69.  
  70.  
  71.  
  72.  
  73. /* Barra de rolagem*/
  74. ::-webkit-scrollbar{width:5px; height:5px; background:#927b73;}
  75. ::-webkit-scrollbar-thumb{background:#e8b8ad;}
  76.  
  77.  
  78.  
  79.  
  80. /* Alinhamento dos posts*/
  81. #charmours-post{margin-top:142px; margin-left:100px; width:1200px; 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:#e8b8ad; 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:#927b73;}
  114.  
  115.  
  116. /* Notes dos textos*/
  117. .notes_charmours{margin-top:4px; margin-bottom:-8px; margin-left:-7px; width:55px; padding:0 0 3px 3px; text-align:left; font-size:9px; height:9px; line-height:11px; font-family:'Consolas'; text-transform:uppercase; background:#e8b8ad; border-radius:0 5px 5px 0; transition:1s;}
  118. .notes_charmours a{color:#927b73;}
  119. .notes_charmours a:hover{color:#fff;}
  120.  
  121.  
  122.  
  123.  
  124. /* Notes das fotos*/
  125. .notes_charmours2{position:absolute; width:180px; margin-top:-50px; text-align:center; opacity:0; transition:1s;}
  126. .notes_charmours2 a:hover{color:rgba(255,255,255,1);}
  127. .charmours-caixas:hover .notes_charmours2{opacity:1; transition:1s;}
  128.  
  129. .wn1{display:inline-block;}
  130. .wn1 a{display:inline-block; padding:5px; width:20px; height:20px; background:#927b73; font-size:15px; color:#e8b8ad; border-radius:20px;}
  131.  
  132. .wn2{display:inline-block;}
  133. .wn2 a{display:inline-block; padding:5px; width:20px; height:20px; background:#927b73; font-size:15px; color:#e8b8ad; border-radius:20px;}
  134.  
  135. .wn3{display:inline-block;}
  136. .wn3 a{display:inline-block; padding:5px; width:20px; height:20px; background:#927b73; font-size:15px; color:#e8b8ad; border-radius:20px;}
  137.  
  138.  
  139.  
  140.  
  141.  
  142. /* Ask: Mesma regra dos notes!*/
  143. .pergunta{width:auto; height:auto; padding:5px; text-align:center; outline-offset:-3px; background:#927b73; font-size:11px;font-family:'Bree Serif', serif; color:#eee;}
  144. .pergunta img {width:30px; float:left; padding-right:0px;padding-bottom:0px;border:3px solid #8b3a62;}
  145. .resposta{margin-top:1px; width:185px; height:auto; text-align:center;text-transform:uppercase; font-size:9px;font-family:'Bree Serif', serif;}
  146.  
  147.  
  148.  
  149.  
  150.  
  151. /* Quotes*/
  152. .quote_charmours{text-align:center;}
  153. /* Source dos quotes: Quem escreveu o texto.*/
  154. .source_charmours{margin-top:5px; width:190px; height:15px; line-height:17px; margin-left:5px; text-align:right; border-top:1px solid #927b73; font-weight:bold; text-transform:uppercase; font-size:8px;}
  155.  
  156.  
  157.  
  158.  
  159.  
  160. .sidebar {position:fixed; margin-top:5px; margin-left:268px; width:auto; height:auto; z-index:10;}
  161.  
  162. .frufru {height:auto; margin-top:-135px; margin-left:400px; position:fixed;}
  163. .frufru img { width:60px; height:60px;border:3px solid #e8b8ad; padding:0px;border-radius:50px;}
  164.  
  165. .descryp {font-family: 'Lobster Two', cursive;;font-size:25px; color:#fff; margin-left:200px; text-align:left; width:550px; margin-top:-52px; background-color:transparent;padding:3px;}
  166.  
  167. .links {;opacity:0;-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;position:fixed; margin-top:-100px; margin-left:288px; width:70px; height:0px; background:transparent; transition:1s;text-align:center;}
  168.  
  169. .sidebar:hover .links {opacity:1;}
  170.  
  171. .links a {display:block; padding:0; height:20px; line-height:20px; background:#e8b8ad; margin-bottom:3px; color:#fff; text-align:center; font-size:11px; text-transform:uppercase; transition:1s;font-family:consolas;}
  172.  
  173. .topbar {position:fixed; margin-top:-150px; margin-left:0px; width:100%; opacity:9;height:110px; z-index:8;background-color:#927b73;border-bottom:28px solid #e8b8ad;}
  174.  
  175. .links2 {;opacity:0;-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;position:fixed; margin-top:-100px; margin-left:505px; width:70px; height:0px; background:transparent; transition:1s;text-align:center;}
  176.  
  177. .sidebar:hover .links2 {opacity:1;}
  178.  
  179. .links2 a {display:block; padding:0; height:20px; line-height:20px; background:#e8b8ad; margin-bottom:3px; color:#fff; text-align:center; font-size:11px; text-transform:uppercase; transition:1s;font-family:consolas;}
  180.  
  181. .faixa {position:fixed; margin-top:-40px; margin-left:0px; width:100%; opacity:9;height:28px; z-index:10;background-color:#e8b8ad;}
  182.  
  183. .banner {z-index:9;position:fixed; top:-10px; left:330px;}
  184. .banner img {height:auto; width:auto;}
  185.  
  186. .banner2 {z-index:9;position:fixed; top:-5px; left:840px;}
  187. .banner2 img {height:auto; width:auto;}
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194. /* FIM DO CSS */
  195.  
  196. </style>
  197.  
  198.  
  199.  
  200.  
  201. <body onkeydown="return false">
  202.  
  203. <a style="position:fixed; left:45px; bottom:40px; font-family:tahoma; font-size:20px; color:#e8b8ad; background:transparet;text-decoration: none; " href="http://exbad.tumblr.com/" title="theme desenhado por dadzbaby e codificado por exbad, exclusivo para dadzbaby.">✿ </a>
  204.  
  205.  
  206. <a style="z-index:9;position:fixed; left:643px; top:15px; font-family:tahoma; font-size:30px; color:#e8b8ad; background:trabsparent;text-decoration: none; ">✿ </a>
  207.  
  208. <a style="z-index:9;position:fixed; left:643px; top:45px; font-family:tahoma; font-size:30px; color:#e8b8ad; background:trabsparent;text-decoration: none; ">✿ </a>
  209.  
  210.  
  211. <a style="z-index:9;position:fixed; left:745px; top:15px; font-family:tahoma; font-size:30px; color:#e8b8ad; background:trabsparent;text-decoration: none; ">✿ </a>
  212.  
  213. <a style="z-index:9;position:fixed; left:745px; top:45px; font-family:tahoma; font-size:30px; color:#e8b8ad; background:trabsparent;text-decoration: none; ">✿ </a>
  214.  
  215. <div class="banner"><img src="https://68.media.tumblr.com/1e9373ea93beef3d450ad9b5bf7b3bf2/tumblr_ohhq1oJayt1vfxlvuo2_250.jpg"></div>
  216.  
  217. <div class="banner2"><img src="https://68.media.tumblr.com/9c504b22b69f5b23378c038efcd56fcf/tumblr_ohhq1oJayt1vfxlvuo1_250.jpg"></div>
  218.  
  219. <div class="topbar"></div>
  220.  
  221. <div class="faixa"></div>
  222.  
  223. <div class="sidebar">
  224.  
  225. <div class="frufru"><img src="{image:sidebar}"></div>
  226.  
  227. <div class="descryp">{text:frase}</div>
  228.  
  229. <div class="links">
  230. <a href="{text:link1}">{text:Link1 titulo}</a>
  231. <a href="{text:Link2}">{text:Link2 titulo}</a>
  232. </div>
  233.  
  234. <div class="links2">
  235. <a href="{text:Link3}">{text:Link3 titulo}</a>
  236. <a href="{text:Link4}">{text:Link4 titulo}</a>
  237. </div>
  238.  
  239. </div>
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249. <div id="charmours-post"> <!-- Div do Post-->
  250. {block:Posts}
  251. <div class="charmours-caixas"> <!-- Div das Caixas dos posts-->
  252.  
  253.  
  254.  
  255.  
  256. <!-- Textos-->
  257. {block:Text}
  258. {block:Title}<titulo><center>{Title}</center></titulo>{/block:Title}
  259. {body}
  260.  
  261.  
  262. <!-- Notes dos textos-->
  263. {block:indexpage}
  264. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  265.  
  266. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  267. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  268. </div>{/block:indexpage}
  269. {/block:Text}
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277.  
  278. <!-- Fotos-->
  279. {block:Photo}
  280. <div class="imagens_charmours"><img src="{PhotoURL-250}"></div>
  281.  
  282.  
  283. <!-- NOTES DAS FOTOS-->
  284. {block:indexpage}
  285. <div class="notes_charmours2">
  286.  
  287. <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
  288. <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
  289. <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
  290.  
  291. </div>
  292. {/block:indexpage}
  293. {/block:Photo}
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302. <!-- Photoset (varias fotos em um post)-->
  303. {block:Photoset}
  304. <div class="imagens_charmours">{Photoset}</div>
  305.  
  306.  
  307. <!-- NOTES DO PHOTOSET-->
  308. {block:indexpage}
  309. <div class="notes_charmours2">
  310.  
  311. <div class="wn1"><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-folder-open"></i></a></div>
  312. <div class="wn2"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div>
  313. <div class="wn3"><a href="{Permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i></a></div>
  314.  
  315. </div>
  316. {/block:indexpage}
  317. {/block:Photoset}
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326. <!-- Quote-->
  327. {block:Quote}
  328. <div class="quote_charmours">{Quote}</div>
  329. <div class="source_charmours">{block:Source}{Source}{/block:Source}</div>
  330.  
  331.  
  332. <!-- NOTES DOS QUOTES-->
  333. {block:indexpage}
  334. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  335.  
  336. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  337. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  338. </div>{/block:indexpage}
  339. {/block:Quote}
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348. <!-- CHAT-->
  349. {block:Chat}
  350. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  351. {block:Lines}
  352. {block:Label}
  353. <span>
  354. <font color="{color:links hover}">
  355. {Label}
  356. </font>
  357. </span>
  358. {/block:Label}
  359.  
  360. {Line} <br>
  361. {/block:Lines}
  362.  
  363.  
  364. <!-- NOTES DOS CHATS-->
  365. {block:indexpage}
  366. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  367.  
  368. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  369. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  370. </div>{/block:indexpage}
  371. {/block:Chat}
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380. <!-- LINK-->
  381. {block:Link}
  382. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>{block:Description}{Description}{/block:Description}
  383.  
  384.  
  385. <!-- NOTES DOS LINKS-->
  386. {block:indexpage}
  387. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  388.  
  389. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  390. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  391. </div>{/block:indexpage}
  392. {/block:Link}
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401. <!-- AUDIO/MUSICA-->
  402. {block:Audio}
  403. {AudioPlayer}
  404.  
  405.  
  406. <!-- NOTES DOS AUDIOS/MUSICAS-->
  407. {block:indexpage}
  408. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  409.  
  410. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  411. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  412. </div>{/block:indexpage}
  413. {/block:Audio}
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422. <!-- VIDEOS-->
  423. {block:Video}
  424. {block:Indexpage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  425.  
  426.  
  427. <!-- NOTES DOS VIDEOS-->
  428. {block:indexpage}
  429. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  430.  
  431. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  432. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  433. </div>{/block:indexpage}
  434. {/block:Video}
  435.  
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443. <!-- ASK-->
  444. {block:Answer}
  445. <div class="pergunta"><b><img src="{AskerPortraitURL-128}">{Asker}</b>: {Question}</div>
  446. <div class="resposta">{Answer}</div>
  447.  
  448.  
  449. <!-- NOTES DAS ASKS-->
  450. {block:indexpage}
  451. <div class="notes_charmours"> <div style="margin-left:-2px; display:inline-block; padding:0 2px 0 2px; height:10px;">{DayOfMonth}/{MonthNumberWithZero}</div>
  452.  
  453. <a href="{permalink}" title="{NoteCount} Notas"><i class="fa fa-heart"></i> </a>
  454. <a href="{ReblogURL}" target="_blank" Title="Reblog, baby!"><i class="fa fa-retweet"></i></a>
  455. </div>{/block:indexpage}
  456. {/block:Answer}
  457.  
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464. <!-- Bloqueio do Via e Source que fica nos posts-->
  465. <div class="vsanna">
  466. {block:RebloggedFrom}
  467. <a href="{ReblogParentURL}">via</a>
  468. {/block:RebloggedFrom}
  469. {block:ContentSource}
  470. <a href="{SourceURL}">source</a>
  471. {/block:ContentSource}
  472. </div>
  473.  
  474.  
  475.  
  476.  
  477. </div> <!-- Fim da div das Caixas-->
  478. {/block:Posts}
  479. </div> <!-- Fim da div dos Posts-->
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486. {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}
  487.  
  488.  
  489.  
  490.  
  491. <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>
  492.  
  493.  
  494.  
  495. </body>
  496.  
  497.  
  498.  
  499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement