TattyRM

THEME 26

Jul 9th, 2017
169
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.46 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  3. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  4. <script>
  5. (function($){
  6. $(document).ready(function(){
  7. $("a[title]").style_my_tooltips({
  8. tip_follows_cursor:true,
  9. tip_delay_time:90,
  10. tip_fade_speed:600,
  11. attribute:"title"
  12. });
  13. });
  14. })(jQuery);
  15. </script>
  16.  
  17. <!----------------------------------------------------------------------------
  18. •----------------------------------•
  19. . BASE FEITA POR WAJESTOU .
  20. . THEME FEITO POR SUA DRESSBY .
  21. . NÃO COPIE, TENHA CRIATIVIDADE .
  22. . PLÁGIO É CRIME .
  23. •----------------------------------•
  24. ------------------------------------------------------------------------------>
  25.  
  26. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27.  
  28. <head>
  29. <!-- APPEARANCE -->
  30. <meta name="color:background" content="#ffffff" />
  31. <meta name="color:text" content="#999999" />
  32. <meta name="color:detalhes" content="#99d1c8" />
  33. <meta name="text:Link1" content="" />
  34. <meta name="text:Link2" content="" />
  35. <meta name="text:Link3" content="" />
  36. <meta name="text:Link4" content="" />
  37. <meta name="text:Link5" content="" />
  38. <meta name="text:Link6" content="" />
  39. <meta name="text:Link7" content="" />
  40.  
  41.  
  42.  
  43. <title>{Title}</title>
  44.  
  45. </head>
  46.  
  47. <style type="text/css">
  48.  
  49. /* BOTÕES DE FOLLOW, DASHBOARD DO THEME, NÃO MEXA NESSE CODIGO */
  50.  
  51. iframe#tumblr_controls{top: 1px !important;margin: 0 0 0 0; right: 6px !important;position: fixed !important;z-index:52;}
  52.  
  53. /* BACKGROUND E AFINS, CONFIGURAÇÕES TOTAIS DO THEME */
  54.  
  55. body{background:{color:background}; color:{color:text}; font-family:Calibri; font-size:11px; text-align:center;}
  56. a {color:{color:text}; text-decoration:none;}
  57.  
  58. /* NO #POSTS VC MUDA O LEFT E O TOP DOS POSTS */
  59.  
  60. #posts{float:left; margin-top:10px; margin-left:305px; width:1100px; padding-bottom:30px;}
  61.  
  62. /* CODIGO DOS POSTS, AQUI VC PERSONALIZA OS POSTS */
  63.  
  64. .postagens {{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} width:200px; position:relative; float:left; overflow:hidden; display:inline-block; top:00px; margin:9px; padding:10px 10px 8px 10px; background:#fff;box-shadow:3px 3px 1px #FADFD8;}
  65.  
  66.  
  67. /* AQUI É O TAMANHO DAS IMAGENS NO POST, TEM QUE ESTAR IGUAL AO TAMANHO DA ENTRY, PARA FICAR TUDO CERTO */
  68.  
  69. .postagens img{{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} max-width:200px; height:auto; transition:1s;}
  70. .postagens img:hover{-webkit-filter: grayscale(1); transition:1s;}
  71.  
  72. /* BLOQUEIO DA VIA E SOURCE DOS QUOTES */
  73.  
  74. .vsanna{display:none;}
  75.  
  76. /* AQUI É O TEXTO DO THEME, OS TITULOS */
  77.  
  78. .postagens texto{font-family:Muli; font-size:12px; line-height:11px; color:{color:text};}
  79.  
  80. /* AQUI É O CORPO DOS TEXTOS, O QUE TIVER ESCRITO ABAIXO */
  81.  
  82. .postagens corpo{font-family:Muli; font-size:10px; color:{color:text};}
  83.  
  84. /* AQUI SÃO OS LINKS */
  85.  
  86. .postagens links{font-family:Muli; text-transform:uppercase; font-family:Courier; font-style:italic; font-size:13px; }
  87.  
  88. /* AQUI É O QUOTE */
  89.  
  90. .quotes {font-family:Muli; font-size:12px; text-align:center; line-height:15px; margin-top:5px; color:{color:text};}
  91. .source {margin-top:5px; font-family:courgette; font-size:9px; text-align:right; line-height:17px; color:{color:text};}
  92.  
  93. /* BLOCKQUOTE DOS TEXTOS (O QUE TEM NO CORPO DE UMA POSTAGEM EM TEXTO) */
  94.  
  95. blockquote {margin:0px; text-align:left; padding:4px; background:#f9f9f9; width:185px; border:1px solid #eee;}
  96. blockquote img{width:183px;}
  97.  
  98. /* ASKS (PERGUNTA 1 = CONFIGURAÇÕES SOBRE A URL DA PESSOA Q TE MANDOU A ASK, PERGUNTA 2 = A ASK) */
  99.  
  100. .picon {float:left; margin-left:-4px;margin-top:-5px;border:3px solid #FADFD8;border-radius:100px;}
  101. .perguntou {width:95%;text-align:left;padding:2px;font-family:'Share Tech Mono';font-size:10px;color:white;background-color:#d4b1af;-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.43);text-transform:uppercase;color:#FADFD8;}
  102. .perguntou a {font-size: 10px; color:#fff;font-style:bold;}
  103. .pergunta {width:95%;text-align:left;padding:6px;font-family:'Share Tech Mono';font-size:10px;background-color:#eee;-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.43);text-transform:uppercase;color:black;}
  104. .respondeu {width:100%;font-family:'Share Tech Mono';background-color:#eee; padding:2px;margin-left:-1px;margin-top:4px;font-size:10px;border-top:4px solid #FADFD8;text-transform:uppercase;}
  105.  
  106.  
  107. /*** POST HEADER DESENVOLVIDO POR CLAMAM.TUMBLR.COM LIBERADO POR GABRIELE EM PASSO-HTML.TUMBLR.COM. INSPIRAÇÃO: DOCISMO. ***/
  108. .ph-perma {margin:0;top:-10%; padding:40px 40px 40px 40px; width:200px; position:absolute; opacity:0; z-index:99999; list-style:none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-flex-flow:row wrap; flex-flow:row nowrap; -webkit-justify-content:flex-start; justify-content:flex-start; box-sizing:border-box;
  109. background:-moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0))); background:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background:-ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); transition:all 1s ease; -webkit-transition:all .7s ease; -moz-transition:all .7s ease; -o-transition:all .7s ease; transition:all .7s ease;}
  110. .postagens:hover .ph-perma{opacity:1; left:10px;top:4%;}
  111. #ph-p_perma{position:absolute; text-align:left; height:20px; line-height:15px; top:25px; left:40px; position:left; opacity:0; transition:all .7s ease; z-index:999; -webkit-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}
  112. #ph-p_perma a{font-family:unica one; color:#fff; text-shadow:1px 1px 1px #000; font-size:10.5px;}
  113. .postagens:hover #ph-p_perma{opacity:1; position:left; left:20px; transition:all .5s ease; -webkit-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}
  114. #ph-p_reblog{position:absolute; text-align:left;width:120px; height:20px; line-height:23px; top:10px; left:10px; position:left; opacity:0; transition:all .7s ease; z-index:999; -webkit-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}
  115. #ph-p_reblog a{font-family:unica one; color:#fff; padding-bottom:15px; text-shadow:1px 1px 1px #000; font-size:11.5px; letter-spacing:.5px;}
  116. .postagens:hover #ph-p_reblog{opacity:1; position:left; left:45px; transition:all .5s ease; -webkit-transition: all 1.5s linear; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}
  117.  
  118. /* CODIGO DOS NOTES DOS TEXTOS */
  119. .postagens .permalink{position: relative; padding-left:5px; text-align:left;width:220px; top:8px; height:15px;font-family:unica one; font-size:11px; text-transform:uppercase;color:#eee; line-height:16px; margin-left:-11px; transition:.9s; background:#99D1C8;border-top:2px solid #FADFD8; }
  120.  
  121.  
  122. /* CODIGO DOS CHATS */
  123. .chat {line-height: 10px; list-style: none }
  124. .chat ul {line-height: 10px; list-style: none; padding: 0px; line-height:14px;}
  125. .person1 {border:1px solid #eee; color: #999; font-size:9px; font-family:Calibri; text-transform:uppercase;}
  126. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:pink}
  127. .person2 {border:1px solid #eee; color:#999; font-size:9px; font-family:Calibri; text-transform:uppercase; }
  128. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:lightblue}
  129.  
  130. /* SELEÇÃO DO TEXTO DO THEME */
  131.  
  132. ::selection {color:white; background-color:#99D1C8;}
  133.  
  134. /* BARRA DE ROLAGEM */
  135.  
  136. ::-webkit-scrollbar-thumb{background:#ddd; border: 3px solid #bad8eb; height:auto;}
  137. ::-webkit-scrollbar {height:5px; width:5px; background:#bad8eb; border:2px solid {color:background};}
  138.  
  139.  
  140. /* TOOLTIPS */
  141. .tooltip {display: inline; position: relative;}
  142. #s-m-t-tooltip {max-width:auto; padding:6px; padding-left:5px; padding-right:5px; height:8px;line-height:7px; margin:6px 13px -1px 11px; background:#99D1C8; color:#fff;text-shadow:1px 2px 0px black; font-family:calibri; text-transform:uppercase;font-size:9px; z-index:999999999999999999999999999999999999;}
  143.  
  144. .imagem{position:fixed;z-index:9999;}
  145. .imagem img {width:90px; height:90px; margin-left:5px; margin-top:23px; padding:6px; background:#fff;border:1px solid white;border-radius:100%;}
  146.  
  147. #titulo {position:fixed; width:auto; height:0px; margin-top:40px; margin-left:0px;color:#fff;text-shadow:3px 3px 0px #F5B2A9;font-family:'unica one'; text-align:center; line-height:10px; padding:3px;font-size:80px;z-index:999992;}
  148. #titulo2{position:fixed; width:auto; height:0px; margin-top:0px; margin-left:45px;color:#9c9c9c;text-shadow:3px 3px 0px transparent;font-family:'Unica one'; text-align:center; line-height:10px; padding:3px;font-size:20px;z-index:999992;}
  149.  
  150. #links {width:480px; height: 22px; float: left; margin-left:38px; margin-top:80px; text-align: center; position: fixed;z-index:999999999;}
  151. #links a {display: inline-block;float: left; font-family:calibri; font-size:11px; height: 14px; width: 14px;border-radius:100%; color:#FADFD8;background:#FADFD8; line-height: 13px;text-transform: none;padding:3px; -webkit-transition: all 0.99s ease-in-out; margin-bottom:2px;margin-left:3px;-webkit-transition: all .99s ease-out; -moz-transition: all .99s ease-out;box-shadow:inset 2px 2px 2px rgba(0,0,0,.2);}
  152. #links a:hover{color:#99D1C8;-webkit-transition: all 0.99s ease-in-out;box-shadow:inset 2px 2px 2px rgba(255,255,255,.1);}
  153.  
  154.  
  155. #mod{position:fixed; margin-top:130px;margin-left:20px;text-align:center; width:auto;z-index:9999;}
  156. #mod img {width:45px;height:45px;margin-left:6px;padding:3px;background:#99D1C8;z-index:999}
  157. .nome{width:42px; margin-top:0px; margin-left:9px; position:absolute; background:#99D1C8; font-family:'share tech mono'; font-size:9px; text-align:center; color:#000; text-shadow:1px 1px 0px #CCC; opacity:0; padding:2px; transition-duration: 1.0s;}
  158. #mod:hover .nome{opacity:10; margin-top:30px; transition-duration: 1.0s;}
  159.  
  160. #mod2{position:fixed; margin-top:130px;margin-left:80px;text-align:center; width:auto;z-index:9999;}
  161. #mod2 img {width:45px;height:45px;margin-left:6px;padding:3px;background:#99D1C8;z-index:999}
  162. .nome2{width:42px; margin-top:0px; margin-left:9px; position:absolute; background:#99D1C8; font-family:'share tech mono'; font-size:9px; text-align:center; color:#000; text-shadow:1px 1px 0px #CCC; opacity:0; padding:2px; transition-duration: 1.0s;}
  163. #mod2:hover .nome2{opacity:10; margin-top:30px; transition-duration: 1.0s;}
  164.  
  165. #mod3{position:fixed; margin-top:190px;margin-left:20px;text-align:center; width:auto;z-index:9999;}
  166. #mod3 img {width:45px;height:45px;margin-left:6px;padding:3px;background:#99D1C8;z-index:999}
  167. .nome3{width:42px; margin-top:0px; margin-left:9px; position:absolute; background:#99D1C8; font-family:'share tech mono'; font-size:9px; text-align:center; color:#000; text-shadow:1px 1px 0px #CCC; opacity:0; padding:2px; transition-duration: 1.0s;}
  168. #mod3:hover .nome3{opacity:10; margin-top:30px; transition-duration: 1.0s;}
  169.  
  170. #mod4{position:fixed; margin-top:190px;margin-left:80px;text-align:center; width:auto;z-index:9999;}
  171. #mod4 img{width:45px;height:45px;margin-left:6px;padding:3px;background:#99D1C8;z-index:999}
  172. .nome4{width:42px; margin-top:0px; margin-left:9px; position:absolute; background:#99D1C8; font-family:'share tech mono'; font-size:9px; text-align:center; color:#000; text-shadow:1px 1px 0px #CCC; opacity:0; padding:2px; transition-duration: 1.0s;}
  173. #mod4:hover .nome4{opacity:10; margin-top:30px; transition-duration: 1.0s;}
  174.  
  175.  
  176.  
  177. .fas{position:fixed;margin-top:280px;margin-left:-10px;line-height:14px; width:210px; z-index:9999; }
  178. .fas img{width:36px;height:36px;transition:1s;padding:3px;box-shadow:inset 2px 2px 2px rgba(255,255,255,.1), inset -2px -2px 2px rgba(0,0,0,.1);background:#99D1C8;}
  179. .fas img:hover{box-shadow:inset 100px 0px #edd4e4;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  180.  
  181.  
  182. .dest{position:fixed;margin-top:360px;left:0px;line-height:14px; width:190px; z-index:9999; }
  183. .dest img{width:35px;height:35px;transition:1s;padding:3px;box-shadow:inset 2px 2px 2px rgba(255,255,255,.1), inset -2px -2px 2px rgba(0,0,0,.1);background:#99D1C8;}
  184. .dest img:hover{box-shadow:inset 100px 0px #edd4e4;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  185.  
  186.  
  187. .mes{position:fixed;margin-top:440px;left:35px;line-height:14px; width:90px; z-index:9999; }
  188. .mes img{width:46px;height:46px;transition:1s;padding:3px;box-shadow:inset 2px 2px 2px rgba(255,255,255,.1), inset -2px -2px 2px rgba(0,0,0,.1);background:#99D1C8;}
  189. .mes img:hover{box-shadow:inset 100px 0px #edd4e4;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
  190.  
  191. .parc{position:fixed;top:540px;width:190px;left:10px;height:95px;overflow:auto;z-index:999999999;}
  192. #parceiros {text-align:center;height:20px;width:120px;margin:10px 25px;position:fixed;z-index:9999;}
  193. #parceiros a {float:left;display: block; letter-spacing:2px; font-size:10px; font-family:'Unica one'; font-weight:bold; text-align:center; margin-bottom:2px; margin-left:2px; color:#fff; line-height:20px; height:20px;width:20px;text-transform:uppercase; padding-left:2px;background:#99D1C8; text-transform: uppercase; line-height: 18px;transition:1s;box-shadow:inset 2px 2px 2px rgba(255,255,255,.1), inset -2px -2px 2px rgba(0,0,0,.1);}
  194. .parceiros :hover{background:#edd4e4;color:#222;}
  195.  
  196. #menu {width:0px; height: 22px; float: left; margin-left:0px; margin-top:600px; text-align: center; position: fixed;z-index:9999;}
  197. #menu a {display: inline-block;float: left; font-family:calibri; font-size:11px; height: 14px; width:124px;border-radius:4px; color:#fff;background:#99D1C8; line-height: 13px;text-transform: none;padding:3px; -webkit-transition: all 0.99s ease-in-out; margin-bottom:2px;margin-left:3px;-webkit-transition: all .99s ease-out; -moz-transition: all .99s ease-out;box-shadow:inset 2px 2px 2px rgba(255,255,255,.1), inset -2px -2px 2px rgba(0,0,0,.1);}
  198. #menu a:hover{color:#000;-webkit-transition: all 0.99s ease-in-out;}
  199.  
  200.  
  201. </style>
  202.  
  203.  
  204. <link rel="shortcut icon" href="{Favicon}">
  205. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"
  206. />
  207. <meta name="viewport" content="width=820" />
  208.  
  209. <!--- FONTES PERSONALIZADAS GOOGLE --->
  210.  
  211. <link href='https://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  212. <link href='https://fonts.googleapis.com/css?family=Share Tech Mono' rel='stylesheet' type='text/css'>
  213.  
  214. <link href='https://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  215.  
  216. <link href='https://fonts.googleapis.com/css?family=Unica One' rel='stylesheet' type='text/css'>
  217.  
  218. <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  219.  
  220. <link href='https://fonts.googleapis.com/css?family=Pf Tempesta Five' rel='stylesheet' type='text/css'>
  221.  
  222. <link href='https://fonts.googleapis.com/css?family=Great Vibes' rel='stylesheet' type='text/css'>
  223.  
  224. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  225.  
  226. <body>
  227.  
  228.  
  229.  
  230. <!--- CODIGO DA SIDE --->
  231. <div style="position:fixed; margin-left:-10px; margin-top:100px; width:200px; height:110%; background:#FADFD8;box-shadow:1px 1px 1px #9c9c9c;z-index:91"></div>
  232.  
  233. <div style="position:fixed; margin-left:-10px; margin-top:-10px; width:220px; height:110px; background:#99D1C8;box-shadow:1px 1px 1px #9c9c9c;z-index:91"></div>
  234.  
  235. <div style="position:fixed; margin-left:190px; margin-top:100px; width:20px; height:100%; background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRQL2tEBfyusavO9SjAP1yv83aPfkHYU8YkRX35BP0Qycdm3U3gXg);border-right:1px solid #c3c3c3 ;border-top:1px solid #c3c3c3 ;box-shadow:2px 1px 1px #9c9c9;z-index:91"></div>
  236.  
  237.  
  238. <div style="position:fixed; margin-left:0px; margin-top:670px; width:50px; height:15px; color:#fff; background:#9c9c9c;text-shadow:1px 1px 1px black; text-transform:uppercase; font-size:9px; font-family:Calibri; line-height:13px;z-index:99999">Dressby ©</div>
  239.  
  240.  
  241.  
  242.  
  243. <div style="position:fixed;height:20px;width:135px;left:-2px; margin-top:105px; font-size:12px;font-family:Share Tech Mono;line-height:22px;color:#9c9c9c;background:#99D1C8;text-transform:uppercase;box-shadow:1px 1px 0px #9c9c9c;border-radius:0px 8px 8px 0px;z-index:9999;">Moderadoras</div>
  244.  
  245.  
  246.  
  247. <div style="position:fixed;height:20px;width:135px;left:-2px; margin-top:255px; font-size:12px;font-family:Share Tech Mono;line-height:22px;color:#9c9c9c;background:#99D1C8;text-transform:uppercase;box-shadow:1px 1px 0px #9c9c9c;border-radius:0px 8px 8px 0px;z-index:9999;">Fãns Semanais</div>
  248.  
  249.  
  250. <div style="position:fixed;height:20px;width:135px;left:-2px; margin-top:330px; font-size:11px;font-family:Share Tech Mono;line-height:22px;color:#9c9c9c;background:#99D1C8;text-transform:uppercase;box-shadow:1px 1px 0px #9c9c9c;border-radius:0px 8px 8px 0px;z-index:9999;">Destaques</div>
  251.  
  252. <div style="position:fixed;height:20px;width:135px;left:-2px; margin-top:410px; font-size:11px;font-family:Share Tech Mono;line-height:22px;color:#9c9c9c;background:#99D1C8;text-transform:uppercase;box-shadow:1px 1px 0px #9c9c9c;border-radius:0px 8px 8px 0px;z-index:9999;">Destaque do Mês</div>
  253.  
  254. <div style="position:fixed;height:20px;width:135px;left:-2px; margin-top:500px; font-size:11px;font-family:Share Tech Mono;line-height:22px;color:#9c9c9c;background:#99D1C8;text-transform:uppercase;box-shadow:1px 1px 0px #9c9c9c;border-radius:0px 8px 8px 0px;z-index:9999;">Parceiros</div></div>
  255.  
  256.  
  257. <div id="titulo">titulo</div>
  258. <div id="titulo2">titulomaior</div>
  259.  
  260. <!--- MENU --->
  261. <div id="links">
  262. <a href="{text:link1}"title="Inicio" target="_blank"><i class="fa fa-home" aria-hidden="true"></i></a>
  263. <a href="{text:link2}"title="Regras" target="_blank"> <i class="fa fa-envelope" aria-hidden="true"></i></a>
  264. <a href="{text:link3}"title="Materiais" target="_blank"><i class="fa fa-folder-open" aria-hidden="true"></i></a>
  265. <a href="{text:link4}"title="Modere" target="_blank"><i class="fa fa-star" aria-hidden="true"></i></a>
  266. <a href="{text:link5}"title="Mega Recomendo" target="_blank"><i class="fa fa-heart" aria-hidden="true"></i></a>
  267. </div>
  268.  
  269.  
  270.  
  271.  
  272. <div id="parceiros">
  273. <div class="parc">
  274.  
  275. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  276. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  277. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  278. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  279. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  280. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  281. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  282. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  283. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  284. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  285. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  286. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  287. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  288. <a href="http:/urlaqui.tumblr.com/" title="VOCÊS">VC</a>
  289.  
  290.  
  291. </div></div>
  292.  
  293.  
  294.  
  295.  
  296.  
  297. <!-- Moderação aqui -->
  298. <div id="mod"><a href="http://dressby.tumblr.com/"><div class="nome">Nome</div><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a></div>
  299.  
  300. <div id="mod2"><a href="http://urlaqui.tumblr.com/"><div class="nome2">NOME</div><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a></div>
  301.  
  302. <div id="mod3"><a href="http://urlaqui.tumblr.com/"><div class="nome3">Nome</div><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a></div>
  303.  
  304. <div id="mod4"><a href="http://urlaqui.tumblr.com/"><div class="nome4">Nome</div><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a></div>
  305.  
  306.  
  307.  
  308.  
  309. <div class="fas">
  310.  
  311. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  312.  
  313. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  314.  
  315. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  316.  
  317. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  318.  
  319.  
  320.  
  321. </div>
  322.  
  323.  
  324.  
  325.  
  326. <div class="dest">
  327.  
  328. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  329.  
  330. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  331.  
  332. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  333.  
  334. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  335.  
  336.  
  337.  
  338. </div>
  339.  
  340. <div class="mes">
  341.  
  342. <a href="http://urlaqui.tumblr.com/" title="Merece seu +f" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"></a>
  343.  
  344.  
  345.  
  346. </div>
  347.  
  348.  
  349. <div id="menu">
  350. <a href="{text:link6}"><font color="green">VAGAS: ABERTAS</font></a>
  351. <a href="{text:link7}"><font color="green">PARCERIA: ABERTAS</font></a>
  352. </div>
  353.  
  354.  
  355. <div id="posts">
  356. {block:Posts}
  357. <div class="postagens">
  358.  
  359. <!-- TEXTOS -->
  360. {block:Text}
  361. {block:Title}<texto><center>{Title}</center></texto>{/block:Title}
  362. <corpo>{body}</corpo>
  363.  
  364. <!--- NOTES DOS TEXTOS --->
  365. <div class="permalink">
  366. <a href="{Permalink}">post {NoteCount} notes / {DayOfMonthWithZero}.{ShortMonth}
  367. <div style="position:absolute; margin-top:-16px;width:20px;text-align:center; margin-left:182px; font-size:10px;color:white;background:#FADFD8;text-shadow:1px 1px 0px #222;" href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-heart"></i></div>
  368. </div>
  369. {/block:Text}
  370.  
  371. <!-- FOTOS -->
  372. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  373.  
  374. <!--- NOTES DAS FOTOS --->
  375. <div class="ph-perma">
  376. <div id="ph-p_perma"><a href="{Permalink}" target="_blank">post in {DayOfMonthWithZero}{ShortMonth},</a> <font style="font-size:10.5px; font-family:unica one; color:#fff; letter-spacing:.5px; text-shadow:1px 1px 1px #000;">{Year}</font></div>
  377. <div id="ph-p_reblog"><font style="font-size:10.5px; font-family:unica one; color:#fff; letter-spacing:.8px; text-shadow:1px 1px 1px #000;">post with {NoteCount} notes</font> <a href="{ReblogURL}">reblog this post</a></div>
  378. </div>
  379. {/block:Photo}
  380.  
  381. <!-- PHOTOSETS -->
  382.  
  383. {block:Photoset}{Photoset}
  384.  
  385. <!--- NOTES DOS PHOTOSETS --->
  386. <div class="ph-perma">
  387. <div id="ph-p_perma"><a href="{Permalink}" target="_blank">post in {DayOfMonthWithZero}{ShortMonth},</a> <font style="font-size:10.5px; font-family:unica one; color:#fff; letter-spacing:.5px; text-shadow:1px 1px 1px #000;">{Year}</font></div>
  388. <div id="ph-p_reblog"><font style="font-size:10.5px; font-family:unica one; color:#fff; letter-spacing:.8px; text-shadow:1px 1px 1px #000;">post with {NoteCount} notes</font> <a href="{ReblogURL}">reblog this post</a></div>
  389. </div>
  390. {/block:Photoset}
  391.  
  392. <!-- QUOTES -->
  393.  
  394. {block:Quote}
  395. <div class="quotes">{Quote}</div></font>
  396. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  397.  
  398. <!--- NOTES DOS QUOTES --->
  399. <div class="permalink">
  400. <a href="{Permalink}">post {NoteCount} notes / {DayOfMonthWithZero}.{ShortMonth}
  401. <div style="position:absolute; margin-top:-16px;width:20px;text-align:center; margin-left:182px; font-size:10px;color:white;background:#a0202d;text-shadow:1px 1px 0px #222;" href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-heart"></i></div>
  402. </div>
  403. {/block:Quote}
  404.  
  405. <!-- VIDEOS -->
  406.  
  407. {block:Video}{block:Indexpage}<div style="max-width:210px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  408.  
  409. <!--- NOTES DOS VIDEOS --->
  410. <div class="ph-perma">
  411. <div id="ph-p_perma"><a href="{Permalink}" target="_blank">post in {DayOfMonthWithZero}{ShortMonth},</a> <font style="font-size:10.5px; font-family:unica one; color:#fff; letter-spacing:.5px; text-shadow:1px 1px 1px #000;">{Year}</font></div>
  412. <div id="ph-p_reblog"><font style="font-size:10.5px; font-family:unica one; color:#fff; letter-spacing:.8px; text-shadow:1px 1px 1px #000;">post with {NoteCount} notes</font> <a href="{ReblogURL}">reblog this post</a></div>
  413. </div>
  414. {/block:Video}
  415.  
  416. <!-- LINKS -->
  417.  
  418. {block:Link}
  419. <a href="{URL}" class="link" {Target}><links>{Name}</links>
  420. {block:Description} {Description}{/block:Description}
  421. {/block:Link}
  422.  
  423. <!-- CHAT -->
  424.  
  425. {block:Chat}
  426. {block:Title}
  427. <texto>{Title}</texto>
  428. {/block:Title}
  429. <div class="chat"><ul>{block:Lines}
  430. <li class="person{UserNumber}">{block:Label}
  431. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  432. <div class="permalink">
  433. <a href="{Permalink}">post {NoteCount} notes / {DayOfMonthWithZero}.{ShortMonth}
  434. <div style="position:absolute; margin-top:-16px;width:20px;text-align:center; margin-left:182px; font-size:10px;color:white;background:#a0202d;text-shadow:1px 1px 0px #222;" href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-heart"></i></div>
  435. </div>
  436. {/block:Chat}
  437.  
  438. {block:Answer}
  439. {block:IndexPage}
  440. <img src="{AskerPortraitURL-24}" class="picon">
  441. <div class="perguntou">&nbsp;&nbsp;<b>{Asker} me perguntou:</b></div> <div class="pergunta">{Question}</div>
  442. <div class="respondeu">{Answer}</div>
  443. {/block:IndexPage}
  444.  
  445. <!--- NOTES DAS ASKS --->
  446. <div class="permalink">
  447. <a href="{Permalink}">post {NoteCount} notes / {DayOfMonthWithZero}.{ShortMonth}
  448. <div style="position:absolute; margin-top:-16px;width:20px;text-align:center; margin-left:182px; font-size:10px;color:white;background:#FADFD8;text-shadow:1px 1px 0px #222;" href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-heart"></i></div>
  449. </div>
  450. {/block:Answer}
  451.  
  452. {block:Audio}
  453. {AudioPlayer}
  454. {/block:Audio}
  455.  
  456. <!-- BLOQUEIO VIA/SOURCE -->
  457. <div class="vsanna">
  458. {block:RebloggedFrom}
  459. <a href="{ReblogParentURL}">via</a>
  460. {/block:RebloggedFrom}
  461. {block:ContentSource}
  462. <a href="{SourceURL}">source</a>
  463. {/block:ContentSource}
  464. </div>
  465.  
  466. </div>
  467. {/block:Posts}
  468. </div>
  469.  
  470. <!-- SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  471. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  472. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  473. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  474. <script type="text/javascript">
  475. $(window).load(function () {
  476. $('#posts').masonry(),
  477. $('.masonryWrap').infinitescroll({
  478. navSelector : "div#navigation",
  479. nextSelector : "div#navigation a#nextPage",
  480. itemSelector : ".postagens",
  481. bufferPx : 10000,
  482. extraScrollPx: 11000,
  483. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  484. loadingText : "carregando",
  485. },
  486. // call masonry as a callback.
  487. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  488. );
  489. });
  490. </script>
  491. <!-- FIM DO SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  492.  
  493.  
  494. <!-- ROLAGEM INFINITA PARA TEMA EM GRADE -->
  495. {block:IndexPage}
  496. <div class="column navigation" id="navigation">
  497. {block:Pagination}
  498. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  499. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  500. </div>
  501. {/block:IndexPage}
  502. <!-- FIM - ROLAGEM INFINITA PARA TEMA EM GRADE -->
  503. </body>
  504. </html>
Advertisement
Add Comment
Please, Sign In to add comment