wafiosadesigns

Exclusive Costa Leste

Dec 22nd, 2017
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.35 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"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  3.  
  4. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  7. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true, tip_delay_time:20, tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  8.  
  9. <script>
  10. function click() {if (event.button==2||event.button==3) {oncontextmenu='return false';}}
  11. document.onmousedown=click
  12. document.oncontextmenu = new Function("return false;")
  13. </script>
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <!--------------------------------------------------------•
  22.  
  23. ♡ ❤ ♡
  24.  
  25. SHWNTY THEMES ORIGINALLY 2016 ©
  26. NÃO AUTORIZO O USO DE DETALHES NENHUM.
  27. NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE.
  28.  
  29. • • • • • • •
  30.  
  31. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  32. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  33.  
  34. --• DON'T COPY. •--
  35. --• DON'T REDISTRIBUTE. •--
  36. --• DON'T USE THIS THEME AS BASE TO MAKE OTHER(S) THEME(S). •--
  37.  
  38. BY GABRIELA SOUZA • © 2016 - 2017
  39. ALL RIGHTS RESERVED ©
  40.  
  41. • • • • • • •
  42.  
  43. T H E M E E X C L U S I V E
  44.  
  45. ♡ ❤ ♡
  46.  
  47. •--------------------------------------------------------->
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56. <!-- FAVICON AND TITLE -->
  57. <link rel="shortcut icon" href="{favicon}">
  58. <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_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>
  59. <!-- FAVICON AND TITLE -->
  60.  
  61.  
  62.  
  63. <!-- APPEARANCE -->
  64. <meta name="color:background color" content="#b3f8f2"/>
  65. <meta name="color:posts color" content="#ffffff"/>
  66. <meta name="color:texto" content="#2fa9cb"/>
  67. <meta name="color:link" content="#2fa9cb"/>
  68. <meta name="color:negrito" content="#d2a03a"/>
  69. <meta name="color:detalhes do theme" content="#95d7d2"/>
  70. <meta name="color:titulo indicados" content="#2fa9cb"/>
  71. <meta name="color:detalhes do theme2" content="#f1e193"/>
  72. <meta name="color:titulo top5" content="#d2a03a"/>
  73.  
  74. <meta name="text:sua url" content="shwnty" />
  75.  
  76. <meta name="text:link1" content="" />
  77. <meta name="text:link1 nome" content=" Home " />
  78. <meta name="text:link2" content="" />
  79. <meta name="text:link2 nome" content=" Message " />
  80. <meta name="text:link3" content="" />
  81. <meta name="text:link3 nome" content=" Submit " />
  82. <meta name="text:link4" content="" />
  83. <meta name="text:link4 nome" content=" Autorias " />
  84. <meta name="text:link5" content="" />
  85. <meta name="text:link5 nome" content=" More " />
  86.  
  87.  
  88. <meta name="text:indicado1 url" content="shwnty" />
  89. <meta name="text:indicado2 url" content="shwnty" />
  90. <meta name="text:indicado3 url" content="shwnty" />
  91. <meta name="text:indicado4 url" content="shwnty" />
  92. <meta name="text:indicado5 url" content="shwnty" />
  93. <meta name="text:indicado6 url" content="shwnty" />
  94. <meta name="text:indicado7 url" content="shwnty" />
  95. <meta name="text:indicado8 url" content="shwnty" />
  96. <meta name="text:indicado9 url" content="shwnty" />
  97. <meta name="text:indicado10 url" content="shwnty" />
  98.  
  99. <meta name="text:top1 url" content="shwnty" />
  100. <meta name="text:top2 url" content="shwnty" />
  101. <meta name="text:top3 url" content="shwnty" />
  102. <meta name="text:top4 url" content="shwnty" />
  103. <meta name="text:top5 url" content="shwnty" />
  104.  
  105. <!-- APPEARANCE -->
  106.  
  107.  
  108. </head>
  109. <style>
  110.  
  111. body{background:{color:background color}; background-attachment:fixed;}
  112.  
  113. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  114.  
  115. b {color:{color:negrito};}
  116.  
  117. h2 {color:{color:negrito}; text-shadow: 1px 1px 0px rgba(225, 225, 225, .6);}
  118.  
  119. titulo{text-decoration:none;}
  120.  
  121. blockquote {margin:0px; text-decoration:none; font-size:8px; text-transform:uppercase; letter-spacing:2.5px; text-align:center;}
  122.  
  123. pre, code {background:{color:background color}; color:{color:faixatop}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  124.  
  125. pre::-webkit-scrollbar{width:4px;height:4px;}
  126. pre::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  127.  
  128. code::-webkit-scrollbar{width:4px;height:4px;}
  129. code::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  130.  
  131. .h1 {font-size:12px; text-align:center; font-weight:normal; font-family: 'Quicksand'; color:{color:texto}; line-height:18px; margin-bottom:9px; margin-top:5px; letter-spacing:2px; text-transform:uppercase; }
  132. .h1 a{color:{color:detalhes do theme}; text-transform:uppercase}
  133.  
  134. /* SELEÇÃO DO TEXTO */
  135. ::selection{background:{color:background color}; color:{color:texto};}
  136. ::-moz-selection{background:{color:background color}; color:{color:texto};}
  137. ::-webkit-selection{background:{color:background color}; color:{color:texto};}
  138.  
  139. /* BARRA DE ROLAGEM */
  140. ::-webkit-scrollbar {width:2px; height:5px;}
  141. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  142. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  143. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:negrito};}
  144.  
  145.  
  146. /* TOOLTIP */
  147. .tooltip {display: inline; position: relative;}
  148. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:detalhes do theme2}; font-family:'Quicksand', sans-serif; text-align:left; font-size:10px; text-transform:uppercase; color:#fff; padding:7px; border-top:5px solid {color:detalhes do theme}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:999999999999999999;}
  149.  
  150. /* CAIXA DOS POSTS */
  151. #shwntycx{position:absolute; float:center; top:190px; left:20px; width:1250px; color:{color:texto}; letter-spacing:1px; font-size:10px; font-family:'Quicksand', sans-serif;}
  152.  
  153. /* PERSONALIZAÇÃO DOS POSTS */
  154. .shwnty-posts{position:relative; font-family:'Quicksand'; float:left; display:inline-block; width:200px; height:auto; background:{color:posts color}; padding:10px 10px 10px 10px; margin:15px; border-radius:1px;}
  155. .shwnty-posts {{block:PermalinkPage}width:250px; height:auto;{/block:PermalinkPage} }
  156.  
  157. /* IMAGEM DOS POSTS */
  158. .shwnty-posts img{max-width:200px; height:auto;}
  159. .shwnty-posts img{{block:PermalinkPage}max-width:250px;{/block:PermalinkPage} }
  160.  
  161. .imgpost img{width:200px; height:auto;}
  162. .imgpost img{{block:PermalinkPage}width:250px;{/block:PermalinkPage} }
  163.  
  164. .vsanna{display:none;}
  165.  
  166. /* CURSOR PERSONALIZADO */
  167. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  168. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  169.  
  170.  
  171. /* --• ESTILO DE NOTES (LIKE DIRETO) BY SHWNTY
  172. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  173. GOSTOU? PEDE NA ASK. •-- */
  174.  
  175. .shwnty-notes{margin-left:-10px; margin-top:4px; font-family:'Quicksand'; text-align:left; color:{color:negrito}; text-transform: uppercase; border-top:1px solid #eee; font-size:10px; width:97.9%; height:5px; line-height:10px; font-weight:normal; padding:7px 0px 10px 5px; background:{color:posts color}; -webkit-transition:2s; position:absolute; transition:1s;}
  176. .shwnty-notes a:hover {border-top:3px solid {color:detalhes do theme2}; padding-top:3px; transition:1s;}
  177.  
  178. .shwnty-reblogs{right:5px; margin-top:-18px; font-family:'Quicksand'; text-align:right; text-transform: uppercase; font-size:13px; width:108%; height:5px; line-height:25px; font-weight:normal; padding-bottom:2px; -webkit-transition:2s; position:absolute;}
  179. .shwnty-reblogs a:hover {border-top:3px solid {color:detalhes do theme2}; padding-top:2.5px; transition:1s;}
  180.  
  181. .shwnty-like{right:33px; margin-top:-12px; font-family:'Quicksand'; text-align:right; text-transform: uppercase; font-size:13px; width:relative; height:5px; line-height:0px; font-weight:normal; padding-bottom:2px; -webkit-transition:2s;z-index:9999; position:absolute;}
  182.  
  183. .custom-like-button *{cursor:pointer!important;}
  184. .custom-like-button {position:relative; display:inline-block; vertical-align:top; width:10px; margin-top:.2px; height:10px; cursor:pointer; font-size:13px; color:{color:negrito}; float:right; margin-left:10px;}
  185.  
  186. .like_button:hover + .our_button {color:{color:texto};}
  187. .like_button.liked + .our_button {color:{color:detalhes do theme};}
  188. .like_button iframe {width:100%!important;height:100%!important;}
  189. .like_button {z-index:10;opacity:0;}
  190. .our_button {z-index:1;}
  191. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  192.  
  193. /* --• ESTILO DE NOTES DAS PHOTOS BY SHWNTY
  194. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  195. GOSTOU? PEDE NA ASK. •-- */
  196.  
  197. .sh-date {position:absolute; margin-left:0px; top:-15px; font-family:'Quicksand'; text-transform: uppercase; font-size:11px; letter-spacing:1px; text-align:left; color:#ccc; width:160px; height:13px; line-height:14px; padding:3px; border-radius:2px; -webkit-transition:1s; opacity:0;}
  198.  
  199. .sh-notes {position:absolute; margin-left:0px; top:-15px; font-family:'Quicksand'; text-transform: uppercase; font-size:11px; letter-spacing:1px; text-align:left; color:#ccc; width:160px; height:13px; line-height:14px; padding:3px; border-radius:2px; -webkit-transition:1s; opacity:0;}
  200.  
  201. .sh-reblog {position:absolute; right:15px; top:-5px; font-family:'Quicksand'; text-transform: uppercase; font-size:20px; letter-spacing:1px; text-align:right; color:#ccc; width:30px; height:30px; line-height:14px; padding:3px; border-radius:2px; -webkit-transition:1s; opacity:0;}
  202. .sh-reblog a{color:{color:titulo indicados};}
  203.  
  204. .shwnty-posts:hover .sh-date{opacity:1; top:10px;}
  205. .shwnty-posts:hover .sh-notes{opacity:1; top:28px;}
  206. .shwnty-posts:hover .sh-reblog{opacity:1; top:12px;}
  207. .shwnty-posts:hover .imgpost{opacity:.2; transition:1s;}
  208.  
  209.  
  210.  
  211. /* --• ESTILO DE ASK BY SHWNTY
  212. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  213. GOSTOU? PEDE NA ASK. •-- */
  214.  
  215. .sh-icon {height:16px; width:16px; float:left; padding:2px; text-align:center; margin-top:0px; background:{color:background color}; border-radius:100%; box-shadow:1px 1px 1px rgba(0, 0, 0, .3);}
  216. .sh-perguntou{position:absolute; width:auto; margin-top:2px; margin-left:29px; height:7px; line-height:9px; font-family:'Quicksand'; font-size:8px; padding:4px; text-align:center; text-transform:uppercase; background:{color:background color}; text-shadow:1px 1px 1px rgba(0, 0, 0, .1); box-shadow:1px 1px 1px rgba(0, 0, 0, .3); border-radius:2px;}
  217. .sh-perguntou a{color:{background color};}
  218. .sh-pergunta{margin-top:22px; margin-left:25px; height:auto; font-family:'Quicksand'; font-size:9px; line-height:15px; width:auto; padding:5px; color:{color:texto}; text-align:center; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .8), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:2px; text-transform:uppercase;}
  219. .sh-rp{display:block; margin-top:-12px; font-family:'Quicksand'; font-size:8px; color:{color:negrito}; margin-right:0px; text-align:right; text-transform:uppercase;}
  220. .sh-resposta{margin-top:5px; margin-left:25px; height:auto; font-family:'Quicksand'; font-size:9px; line-height:15px; width:auto; padding:5px; color:{color:texto}; text-align:center; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .8), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:2px; text-transform:uppercase; margin-bottom:10px;}
  221.  
  222.  
  223. /* --• ESTILO DE QUOTES BY: SHWNTY •-- */
  224.  
  225. .shwnty-quotes {font-family:'Quicksand'; font-size:12px; text-align:center; line-height:15px; margin-top:5px; color:{color:texto}; letter-spacing:2px; text-transform:uppercase;}
  226. .shwnty-quotes::first-letter {font-family:'Grand Hotel', cursive; color:{color:titulo indicados}; font-size:35px;}
  227. .source {margin-top:5px; border-top:1px solid #fff; font-family:'Quicksand'; font-size:9px; text-align:right; text-transform:uppercase; line-height:24px; color:{color:negrito};}
  228.  
  229. .chat {margin:0px; text-align:left;}
  230. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  231. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  232. #laudio-caption {margin-top:10px;}
  233. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  234. #lalbum-art {display:inline-block; float:left;}
  235. #laudio-player {display:inline-block;}
  236.  
  237. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  238. .shwnty-cred {position:fixed; right:10px; bottom:30px; width:auto; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  239. .shwnty-cred a{display:inline-block; width:16px; height:16px; line-height:19px; margin:3px; text-align:center; padding:5px; background:{color:detalhes do theme2}; color:{color:titulo top5}; font-family:'Rationale'; font-size:14px; text-align:center; text-transform:uppercase; letter-spacing:1px; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .3); border-radius:100%;}
  240. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  241.  
  242. /* SIDEBAR GERAL */
  243.  
  244. /* SIDE TOP */
  245. .shwnty-box1{position:fixed; width:150%; height:65px; margin-left:-15px; top:-10px; background:{color:background color}; z-index:9999999999999;}
  246.  
  247. /* ICON */
  248. .shwnty-img img {position:fixed; width:366px; height:107px; margin-left:500px; margin-top:10px; padding:1px;}
  249.  
  250.  
  251. /* MENU */
  252. .shwnty-menu {position:fixed; margin-left:501px; margin-top:115px; width:366px; height:65px; display:inline-block; cursor:hand; float:left; background:{color:background color}; z-index:9999999;}
  253. .shwnty-menu a{display:inline-block; width:auto; height:16px; line-height:18px; margin:.5px; text-align:center; padding:5px; color:{color:detalhes do theme}; font-family:'Quicksand'; font-size:11px; text-align:center; text-transform:uppercase; letter-spacing:1px; transition:1s;}
  254. /* MENU */
  255.  
  256. /* TÍTULO */
  257. .shwnty-tit{position:fixed; width:135px; height:14px; margin-left:155px; margin-top:113px; padding:5px; font-family:'Rationale'; font-size:15px; color:{color:detalhes do theme}; text-align:center; text-transform:uppercase;}
  258.  
  259. /* PAINEL */
  260. .shwnty-status{position:fixed; width:80px; margin-top:30px; right:0px; text-align:center;}
  261. .shwnty-status a{display:inline-block; width:14px; height:14px; margin:2px; text-align:center; line-height:15.5px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .6), inset 1px 1px 1px rgba(0, 0, 0, .2); background:{color:detalhes do theme2}; color:{color:titulo top5}; font-size:13px; text-align:center; padding:3px; border-radius:100%;}
  262.  
  263. /* INDICADOS COSTA LESTE. */
  264. #box-tit{position:fixed; margin-left:40px; height:32px; width:210px; margin-top:25px; font-size:30px; line-height:35px; background:{color:detalhes do theme}; color:{color:titulo indicados}; font-family:'Grand Hotel'; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); padding:1px; text-align:center; z-index:99999999;}
  265.  
  266. #box-tit:hover .sh-indc{transition:1.5s; height:80px; opacity:1;}
  267. #box-tit:hover .sh-indc img{transition:1.5s; width:25px; height:25px; opacity:1;}
  268.  
  269. .sh-indc{position:fixed; width:210px; height:0px; margin-top:-2px; margin-left:0px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .6), inset 1px 1px 1px rgba(0, 0, 0, .2); padding-top:5px; background:{color:background color}; opacity:0; transition:1.5s;}
  270. .sh-indc img{width:0px; height:0px; display:inline-block; padding:3px; margin:2px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%; transition:1.5s;}
  271.  
  272.  
  273. /* TOP5 COSTA LESTE. */
  274. #box-top5{position:fixed; right:90px; height:32px; width:160px; margin-top:25px; font-size:30px; line-height:35px; background:{color:detalhes do theme2}; color:{color:titulo top5}; font-family:'Grand Hotel'; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); padding:1px; text-align:center; z-index:99999999;}
  275.  
  276. #box-top5:hover .sh-top5{transition:1.5s; height:100px; opacity:1;}
  277. #box-top5:hover .sh-top5 img{transition:1.5s; transform:rotate(360deg); opacity:1;}
  278.  
  279. .sh-top5{position:fixed; width:160px; height:100px; margin-top:-2px; margin-left:0px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .6), inset 1px 1px 1px rgba(0, 0, 0, .2); padding-top:5px; background:{color:background color}; opacity:0; transition:1.5s;}
  280. .sh-top5 img{width:45px; height:45px; display:inline-block; padding:2px; margin:1px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%; opacity:0; transition:1.5s;}
  281.  
  282. /* MODERADORES DA COSTA LESTE */
  283. #sh-mods{position:fixed; right:20px; margin-top:80px; width:50px;}
  284.  
  285. /*Estilo de moderadores #4 por @chilings.
  286. Código protegido por Copyright | Notificado quando há uso do Ctrl+C.
  287. *******************************************************************/
  288. #ch-mod-four{display:inline-block; width:50px; height:50px; padding:6px; border-radius:43px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px rgba(0,0,0,.2), 1px 1px rgba(255,255,255,.2); overflow:hidden; margin:2px;}
  289. #ch-mod-four img{position:fixed; display:inline-block; width:50px; height:50px; border-radius:43px; box-shadow:1px 1px rgba(0,0,0,.2);}
  290. #ch-mod-four .ch_hover-one{position:fixed; margin-top:10px; margin-left:0px; width:0px; height:0px; border-radius:43px; background:rgba(255,255,255,.3); z-index:1; transition:.3s;}
  291. #ch-mod-four:hover .ch_hover-one{margin-top:0px; width:50px; height:50px; transform:rotate(180deg); transition:.3s;}
  292. #ch-mod-four .ch_hover-two{position:fixed; margin-top:10px; margin-left:43px; width:0px; height:0px; border-radius:43px; background:rgba(255,255,255,.4); z-index:2; transition:.5s;}
  293. #ch-mod-four:hover .ch_hover-two{margin-top:0px; width:50px; height:50px; margin-left:0px; transform:rotate(1800deg); transition:.5s; transition-delay: .3s;} #ch-mod-four .ch-nome{position:fixed; z-index:3; margin-top:-3px; width:43px; height:10px; line-height:10px; text-align:center; font-family:'Playball'; font-size:18px; color:{color:titulo top5}; text-shadow:1px 1px rgba(255,255,255,.3); opacity:0; transition:.5s;}
  294. #ch-mod-four:hover .ch-nome{margin-top:12px; opacity:1; transition:.5s; transition-delay:1s;}
  295. #ch-mod-four .ch-url{position:fixed; z-index:3; margin-top:18px; width:50px; height:10px; line-height:10px; text-align:center; font-family:'Ubuntu Condensed'; font-size:12px; text-transform:uppercase; opacity:0; transition:.6s;}
  296. .ch-url a{color:#333; text-shadow:1px 1px rgba(255,255,255,.3);}
  297. #ch-mod-four:hover .ch-url{margin-top:24px; opacity:1; transition:.6s; transition-delay:.7s;}
  298.  
  299.  
  300. /*/ Controles hover por nevalisca.tumblr.com /*/
  301. .tmblr-iframe, iframe#tumblr_controls {position: fixed; opacity:0.4; z-index:99999999999999999 !impoportant; transform: scale(.8); top:-2px; right:-50px !important; opacity:0; padding-right:50px; transition-duration:.8s;}
  302. .tmblr-iframe:hover, iframe#tumblr_controls:hover{opacity:.4;}
  303. .engrenagem{position:fixed;right:20px;top:0px;font-size:13px}
  304.  
  305. </style>
  306.  
  307.  
  308. <!--- FONTES PERSONALIZADAS GOOGLE --->
  309. <link href="https://fonts.googleapis.com/css?family=Abel|Advent+Pro|Clicker+Script|Crushed|Orbitron|Pathway+Gothic+One|Poiret+One|Rajdhani|Sacramento|Saira|Unica+One|Rationale|Montserrat" rel="stylesheet">
  310.  
  311. <link href="https://fonts.googleapis.com/css?family=Playball|Ubuntu+Condensed" rel="stylesheet">
  312.  
  313. <link href="https://fonts.googleapis.com/css?family=Barlow|Barlow+Condensed|Cinzel+Decorative|Clicker+Script|Dancing+Script|Fjalla+One|Josefin+Sans|Open+Sans|Petit+Formal+Script|Quicksand|Raleway|Rouge+Script|Share+Tech+Mono|+SC|Grand+Hotel" rel="stylesheet">
  314.  
  315. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  316.  
  317. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  318. <!--- FONTES PERSONALIZADAS GOOGLE --->
  319.  
  320. <body>
  321.  
  322.  
  323.  
  324. <!-- INÍCIO SIDE -->
  325. <div class="shwnty-box1">
  326. <div class="shwnty-img"><img src="https://static.tumblr.com/u89hi8f/YO0p1dcda/costapng.png"></div>
  327.  
  328. <!-- MENU -->
  329. <div class="shwnty-menu">
  330. <a href="{text:link1}" title="{text:link1 nome}"><img src="https://static.tumblr.com/u89hi8f/abFp1dcg4/ancora1.png" style="width:51px; height:55px;"></a>
  331.  
  332. <a href="{text:link2}" title="{text:link2 nome}"><img src="https://static.tumblr.com/u89hi8f/nqHp1dchl/ancora.png" style="width:55px; height:55px;"></a>
  333.  
  334. <a href="{text:link3}" title="{text:link3 nome}"><img src="https://static.tumblr.com/u89hi8f/T1Dp1dcjb/ancora2.png" style="width:50px; height:56px;"></a>
  335.  
  336. <a href="{text:link4}" title="{text:link4 nome}"><img src="https://static.tumblr.com/u89hi8f/6uLp1dci9/ancora3.png" style="width:56px; height:58px;"></a>
  337.  
  338. <a href="{text:link5}" title="{text:link5 nome}"><img src="https://static.tumblr.com/u89hi8f/lM6p1dcjv/ancora4.png" style="width:62px; height:54px;"></a>
  339. </div>
  340.  
  341.  
  342. <!-- STATUS -->
  343. <div class="shwnty-status">
  344.  
  345. <a href="https://www.tumblr.com/follow/{text:sua url}" title=" Follow me " target="_blank"><i class="ion-person-add"></i> </a>
  346.  
  347. <a href="https://www.tumblr.com/message/{text:sua url}" title=" Conversation" target="_blank"><i class="ion-chatbubbles"></i></a>
  348.  
  349. <a href="https://www.tumblr.com/" title=" Dashboard " target="_blank"><i class="ion-ios-home"></i></a>
  350.  
  351. </div>
  352.  
  353.  
  354. <!-- BOX INDICADOS -->
  355. <div id="box-tit"> Indicados
  356.  
  357. <!-- INDICADOS -->
  358. <div class="sh-indc">
  359. <a href="http://{text:indicado1 url}.tumblr.com/" title="{text:indicado1 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado1 url}.tumblr.com/avatar/96/"></a>
  360.  
  361. <a href="http://{text:indicado2 url}.tumblr.com/" title="{text:indicado2 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado2 url}.tumblr.com/avatar/96/"></a>
  362.  
  363. <a href="http://{text:indicado3 url}.tumblr.com/" title="{text:indicado3 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado3 url}.tumblr.com/avatar/96/"></a>
  364.  
  365. <a href="http://{text:indicado4 url}.tumblr.com/" title="{text:indicado4 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado4 url}.tumblr.com/avatar/96/"></a>
  366.  
  367. <a href="http://{text:indicado5 url}.tumblr.com/" title="{text:indicado5 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado5 url}.tumblr.com/avatar/96/"></a>
  368.  
  369. <a href="http://{text:indicado6 url}.tumblr.com/" title="{text:indicado6 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado6 url}.tumblr.com/avatar/96/"></a>
  370.  
  371. <a href="http://{text:indicado7 url}.tumblr.com/" title="{text:indicado7 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado7 url}.tumblr.com/avatar/96/"></a>
  372.  
  373. <a href="http://{text:indicado8 url}.tumblr.com/" title="{text:indicado8 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado8 url}.tumblr.com/avatar/96/"></a>
  374.  
  375. <a href="http://{text:indicado9 url}.tumblr.com/" title="{text:indicado9 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado9 url}.tumblr.com/avatar/96/"></a>
  376.  
  377. <a href="http://{text:indicado10 url}.tumblr.com/" title="{text:indicado10 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:indicado10 url}.tumblr.com/avatar/96/"></a>
  378. </div>
  379.  
  380. </div>
  381. <!-- FIM BOX INDICADOS -->
  382.  
  383.  
  384. <!-- BOX TOP5 -->
  385. <div id="box-top5"> Top 5
  386.  
  387. <!-- TOP5 -->
  388. <div class="sh-top5">
  389. <a href="http://{text:top1 url}.tumblr.com/" title="{text:top1 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top1 url}.tumblr.com/avatar/96/"></a>
  390.  
  391. <a href="http://{text:top2 url}.tumblr.com/" title="{text:top2 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top2 url}.tumblr.com/avatar/96/" style="width:40px; height:40px;"></a>
  392.  
  393. <a href="http://{text:top3 url}.tumblr.com/" title="{text:top3 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top3 url}.tumblr.com/avatar/96/" style="width:35px; height:35px;"></a>
  394.  
  395. <a href="http://{text:top4 url}.tumblr.com/" title="{text:top4 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top4 url}.tumblr.com/avatar/96/" style="width:30px; height:30px;"></a>
  396.  
  397. <a href="http://{text:top5 url}.tumblr.com/" title="{text:top5 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top5 url}.tumblr.com/avatar/96/" style="width:25px; height:25px;"></a>
  398. </div>
  399.  
  400. </div>
  401. <!-- FIM BOX TOP5 -->
  402.  
  403. <!-- BOX MODERADORAS -->
  404. <div id="sh-mods">
  405.  
  406.  
  407. <!-- MODS -->
  408. <div id="ch-mod-four">
  409. <!-- MUDE NO IMG APENAS A URL.-->
  410. <img src="http://api.tumblr.com/v2/blog/shwnty.tumblr.com/avatar/96/">
  411. <div class="ch_hover-one"></div>
  412. <div class="ch_hover-two"></div>
  413. <div class="ch-nome"><!-- MUDE AQUI--> gabs</div>
  414. <div class="ch-url"><a href="" title="Visite nosso moderador!" target="_blank"><!-- MUDE AQUI--> shwnty</a></div>
  415. </div>
  416. <!-- MODS -->
  417.  
  418.  
  419. <!-- MODS -->
  420. <div id="ch-mod-four">
  421. <!-- MUDE NO IMG APENAS A URL.-->
  422. <img src="http://api.tumblr.com/v2/blog/shwnty.tumblr.com/avatar/96/">
  423. <div class="ch_hover-one"></div>
  424. <div class="ch_hover-two"></div>
  425. <div class="ch-nome"><!-- MUDE AQUI--> gabs</div>
  426. <div class="ch-url"><a href="" title="Visite nosso moderador!" target="_blank"><!-- MUDE AQUI--> shwnty</a></div>
  427. </div>
  428. <!-- MODS -->
  429.  
  430.  
  431. <!-- MODS -->
  432. <div id="ch-mod-four">
  433. <!-- MUDE NO IMG APENAS A URL.-->
  434. <img src="http://api.tumblr.com/v2/blog/shwnty.tumblr.com/avatar/96/">
  435. <div class="ch_hover-one"></div>
  436. <div class="ch_hover-two"></div>
  437. <div class="ch-nome"><!-- MUDE AQUI--> gabs</div>
  438. <div class="ch-url"><a href="" title="Visite nosso moderador!" target="_blank"><!-- MUDE AQUI--> shwnty</a></div>
  439. </div>
  440. <!-- MODS -->
  441.  
  442.  
  443. <!-- MODS -->
  444. <div id="ch-mod-four">
  445. <!-- MUDE NO IMG APENAS A URL.-->
  446. <img src="http://api.tumblr.com/v2/blog/shwnty.tumblr.com/avatar/96/">
  447. <div class="ch_hover-one"></div>
  448. <div class="ch_hover-two"></div>
  449. <div class="ch-nome"><!-- MUDE AQUI--> gabs</div>
  450. <div class="ch-url"><a href="" title="Visite nosso moderador!" target="_blank"><!-- MUDE AQUI--> shwnty</a></div>
  451. </div>
  452. <!-- MODS -->
  453.  
  454.  
  455. <!-- MODS -->
  456. <div id="ch-mod-four">
  457. <!-- MUDE NO IMG APENAS A URL.-->
  458. <img src="http://api.tumblr.com/v2/blog/shwnty.tumblr.com/avatar/96/">
  459. <div class="ch_hover-one"></div>
  460. <div class="ch_hover-two"></div>
  461. <div class="ch-nome"><!-- MUDE AQUI--> gabs</div>
  462. <div class="ch-url"><a href="" title="Visite nosso moderador!" target="_blank"><!-- MUDE AQUI--> shwnty</a></div>
  463. </div>
  464. <!-- MODS -->
  465.  
  466.  
  467. <!-- MODS -->
  468. <div id="ch-mod-four">
  469. <!-- MUDE NO IMG APENAS A URL.-->
  470. <img src="http://api.tumblr.com/v2/blog/shwnty.tumblr.com/avatar/96/">
  471. <div class="ch_hover-one"></div>
  472. <div class="ch_hover-two"></div>
  473. <div class="ch-nome"><!-- MUDE AQUI--> gabs</div>
  474. <div class="ch-url"><a href="" title="Visite nosso moderador!" target="_blank"><!-- MUDE AQUI--> shwnty</a></div>
  475. </div>
  476. <!-- MODS -->
  477.  
  478.  
  479. <!-- MODS -->
  480. <div id="ch-mod-four">
  481. <!-- MUDE NO IMG APENAS A URL.-->
  482. <img src="http://api.tumblr.com/v2/blog/shwnty.tumblr.com/avatar/96/">
  483. <div class="ch_hover-one"></div>
  484. <div class="ch_hover-two"></div>
  485. <div class="ch-nome"><!-- MUDE AQUI--> gabs</div>
  486. <div class="ch-url"><a href="" title="Visite nosso moderador!" target="_blank"><!-- MUDE AQUI--> shwnty</a></div>
  487. </div>
  488. <!-- MODS -->
  489.  
  490.  
  491. </div>
  492. <!-- FIM BOX MODERADORAS -->
  493.  
  494. </div>
  495. <!-- FIM SIDE -->
  496.  
  497. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  498. <div class="shwnty-cred"><a href="http://shwnty.tumblr.com/" title="Exclusive. Codificação: Shwnty Themes." target="_blank"><i class="ion-code"></i></a>
  499. </div>
  500. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  501.  
  502. <!-- NÃO REMOVA. -->
  503. <div class="engrenagem"><i class="fa fa-gear"></i></div>
  504.  
  505.  
  506. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  507.  
  508.  
  509.  
  510. <div id="shwntycx">
  511.  
  512. {block:Posts}
  513. <div class="shwnty-posts">
  514.  
  515. {block:Text}
  516. {block:Title}<div class="h1"><center>{Title}</center></div>{/block:Title}
  517. {body}
  518.  
  519.  
  520. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  521. <div class="shwnty-notes"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  522. <div class="shwnty-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  523. <div class="shwnty-like">
  524. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-anchor"></i></span> </div>
  525. </div>
  526. </div>
  527. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  528. {/block:Text}
  529.  
  530.  
  531.  
  532.  
  533. {block:Quote}
  534. <div class="shwnty-quotes">{Quote}</div></font>
  535. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  536.  
  537.  
  538. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  539. <div class="shwnty-notes"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  540. <div class="shwnty-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  541. <div class="shwnty-like">
  542. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-anchor"></i></span> </div>
  543. </div>
  544. </div>
  545. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  546. {/block:Quote}
  547.  
  548.  
  549.  
  550.  
  551. {block:Chat}
  552. {block:Lines}
  553. <div class="chat">
  554. <div class="lines">{block:Label}
  555. <span>{Label}</span>
  556. {/block:Label}
  557. {Line}</div></div>
  558. {/block:Lines}
  559.  
  560.  
  561. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  562. <div class="shwnty-notes"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  563. <div class="shwnty-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  564. <div class="shwnty-like">
  565. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-anchor"></i></span> </div>
  566. </div>
  567. </div>
  568. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  569. {/block:Chat}
  570.  
  571.  
  572.  
  573.  
  574. {block:Link}
  575. <a href="{URL}" target="{Target}"><div style="font-family:'Rationale'; text-transform:uppercase; text-align:center; font-size:16px; letter-spacing:2px; padding:2px; text-transform: uppercase;"><titulo>{Name}</a></titulo></div>{block:Description}{Description}{/block:Description}
  576.  
  577.  
  578. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  579. <div class="shwnty-notes"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  580. <div class="shwnty-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  581. <div class="shwnty-like">
  582. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-anchor"></i></span> </div>
  583. </div>
  584. </div>
  585. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  586. {/block:Link}
  587.  
  588.  
  589.  
  590.  
  591. {block:Audio}
  592. <div class="text">
  593. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  594. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  595. <div id="laudio-caption">
  596. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  597. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  598. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  599. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  600. </div></div>
  601.  
  602.  
  603. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  604. <div class="shwnty-notes"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  605. <div class="shwnty-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  606. <div class="shwnty-like">
  607. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-anchor"></i></span> </div>
  608. </div>
  609. </div>
  610. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  611. {/block:Audio}
  612.  
  613.  
  614.  
  615.  
  616. {block:Photo}
  617. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  618.  
  619. <!--- NOTES DAS PHOTOS BY: SHWNTY - DON'T COPY BTCH. --->
  620. {block:indexpage}
  621. <div class="sh-reblog"><a href="{ReblogURL}" title="Reblogue.!" target="_blank"><i class="fa fa-anchor"></i></a></div>
  622. <div class="sh-date"><a href="{Permalink}" target="_blank"><i class="ion-minus" style="color:{color:titulo top5}; font-size:11px;"></i> Posted {DayOfMonthWithZero}/{MonthNumber}, às {24HourWithZero}:{Minutes}</a></div>
  623. <div class="sh-notes"><a href="{Permalink}" target="_blank"><i class="ion-minus" style="color:{color:titulo top5}; font-size:11px;"></i> {NoteCount} notes </a></div>
  624. {/block:indexpage}
  625. <!--- NOTES DAS PHOTOS BY: SHWNTY - DON'T COPY BTCH. --->
  626. {/block:Photo}
  627.  
  628.  
  629.  
  630.  
  631. {block:Photoset}
  632. <div class="imgpost"><center>{Photoset}</center></div>
  633.  
  634. <!--- NOTES DAS PHOTOS BY: SHWNTY - DON'T COPY BTCH. --->
  635. {block:indexpage}
  636. <div class="sh-reblog"><a href="{ReblogURL}" title="Reblogue.!" target="_blank"><i class="fa fa-anchor"></i></a></div>
  637. <div class="sh-date"><a href="{Permalink}" target="_blank"><i class="ion-minus" style="color:{color:titulo top5}; font-size:11px;"></i> Posted {DayOfMonthWithZero}/{MonthNumber}, às {24HourWithZero}:{Minutes}</a></div>
  638. <div class="sh-notes"><a href="{Permalink}" target="_blank"><i class="ion-minus" style="color:{color:titulo top5}; font-size:11px;"></i> {NoteCount} notes </a></div>
  639. {/block:indexpage}
  640. <!--- NOTES DAS PHOTOS BY: SHWNTY - DON'T COPY BTCH. --->
  641. {/block:Photoset}
  642.  
  643.  
  644.  
  645.  
  646. {block:Video}
  647. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  648.  
  649. <!--- NOTES DAS PHOTOS BY: SHWNTY - DON'T COPY BTCH. --->
  650. {block:indexpage}
  651. <div class="sh-reblog"><a href="{ReblogURL}" title="Reblogue.!" target="_blank"><i class="fa fa-anchor"></i></a></div>
  652. <div class="sh-date"><a href="{Permalink}" target="_blank"><i class="ion-minus" style="color:{color:titulo top5}; font-size:11px;"></i> Posted {DayOfMonthWithZero}/{MonthNumber}, às {24HourWithZero}:{Minutes}</a></div>
  653. <div class="sh-notes"><a href="{Permalink}" target="_blank"><i class="ion-minus" style="color:{color:titulo top5}; font-size:11px;"></i> {NoteCount} notes </a></div>
  654. {/block:indexpage}
  655. <!--- NOTES DAS PHOTOS BY: SHWNTY - DON'T COPY BTCH. --->
  656. {/block:Video}
  657.  
  658.  
  659.  
  660.  
  661. {block:Answer}
  662. <img src="{AskerPortraitURL-30}"class="sh-icon">
  663. <div class="sh-perguntou">{Asker}</div>
  664. <div class="sh-pergunta">{Question}</div>
  665. <br><br>
  666. <div class="sh-rp"><i class="ion-minus" style="color:#000; font-size:11px;"></i> {Name} replied:</div>
  667. <div class="sh-resposta"> {Answer}</div>
  668.  
  669.  
  670. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  671. <div class="shwnty-notes"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  672. <div class="shwnty-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  673. <div class="shwnty-like">
  674. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-anchor"></i></span> </div>
  675. </div>
  676. </div>
  677. <!--- NOTES DOS TEXTOS BY: SHWNTY - DON'T COPY BTCH. --->
  678. {/block:Answer}
  679.  
  680.  
  681.  
  682.  
  683. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  684. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  685.  
  686. {/block:Posts}
  687. </div>
  688.  
  689.  
  690.  
  691. {block:IndexPage}
  692. <div class="column navigation" id="navigation">
  693. {block:Pagination}
  694. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  695. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  696. </div>
  697. {/block:IndexPage}
  698. </div>
  699.  
  700. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  701. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  702. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  703.  
  704.  
  705.  
  706. <script type="text/javascript">
  707. $(window).load(function () {
  708. $('#shwntycx').masonry(),
  709. $('.masonryWrap').infinitescroll({
  710. navSelector : "div#navigation",
  711. nextSelector : "div#navigation a#nextPage",
  712. itemSelector : ".shwnty-posts",
  713. bufferPx : 10000,
  714. extraScrollPx: 11000,
  715. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  716. loadingText : "",},
  717. function() { $('#shwntycx').masonry({ appendedContent: $(this) }); });});</script>
  718.  
  719.  
  720. </body>
  721. </html>
Advertisement
Add Comment
Please, Sign In to add comment