wafiosadesigns

Theme F. #22 + Redes Socias/Caixinha de Parceiros

Aug 2nd, 2017
214
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.28 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. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  6. <script>
  7. (function($){
  8. $(document).ready(function(){
  9. $("[title]").style_my_tooltips({
  10. tip_follows_cursor:true,
  11. tip_delay_time:20,
  12. tip_fade_speed:400,
  13. attribute:"title"
  14. });
  15. });
  16. })(jQuery);
  17. </script>
  18. <script>
  19. function click() {
  20. if (event.button==2||event.button==3) {
  21. oncontextmenu='return false';
  22. }
  23. }
  24. document.onmousedown=click
  25. document.oncontextmenu = new Function("return false;")
  26. </script>
  27.  
  28. <!-- CÓDIGO DO BOTÃO DE VOLTAR AO TOPO -->
  29.  
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  32. <a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/u89hi8f/bujoo684q/topo-cinza.png" title="Voltar ao topo" border="0"></a>
  33.  
  34. <!-- CÓDIGO DO BOTÃO DE VOLTAR AO TOPO -->
  35.  
  36.  
  37.  
  38. <!--
  39. ♡ ❤ ♡
  40. ••••••••••
  41. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  42. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  43. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  44.  
  45. -->
  46.  
  47.  
  48. <!-- FAVICON AND TITLE -->
  49. <link rel="shortcut icon" href="http://static.tumblr.com/u89hi8f/FPWopjmj7/waf-icon.png">
  50. <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>
  51. <!-- FAVICON AND TITLE -->
  52.  
  53.  
  54. <!-- APPEARANCE -->
  55.  
  56. <!-- CORES -->
  57. <meta name="image:sidebar" content="" />
  58.  
  59. <meta name="color:background color" content="#333333"/>
  60. <meta name="color:posts color" content="#282828"/>
  61. <meta name="color:texto" content="#000"/>
  62. <meta name="color:link" content="#000"/>
  63. <meta name="color:negrito" content="#beab9a"/>
  64. <meta name="color:detalhes do theme" content="#beab9a"/>
  65.  
  66. <meta name="text:sua url" content="mrwafiosa" />
  67.  
  68. <meta name="text:link1" content="" />
  69. <meta name="text:link1 nome" content=" HOME " />
  70. <meta name="text:link2" content="" />
  71. <meta name="text:link2 nome" content=" ASK ME " />
  72. <meta name="text:link3" content="" />
  73. <meta name="text:link3 nome" content=" SUBMIT " />
  74. <meta name="text:link4" content="" />
  75. <meta name="text:link4 nome" content=" AUTHORSHIPS " />
  76. <meta name="text:link5" content="" />
  77. <meta name="text:link5 nome" content=" MY BOYFRIEND " />
  78.  
  79.  
  80. <!-- APPEARANCE -->
  81.  
  82.  
  83. </head>
  84. <style>
  85.  
  86. body{background:{color:background color}; background-attachment:fixed;}
  87.  
  88. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  89. a:hover {color:{color:links hover}; text-decoration:none}
  90.  
  91. b {color:{color:negrito};}
  92.  
  93. titulo{text-decoration:none;}
  94.  
  95. blockquote {margin:0px;}
  96.  
  97. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  98.  
  99. /* SELEÇÃO DO TEXTO */
  100. ::selection{background:{color:background color}; color:{color:texto};}
  101. ::-moz-selection{background:{color:background color}; color:{color:texto};}
  102. ::-webkit-selection{background:{color:background color}; color:{color:texto};}
  103.  
  104. /* BARRA DE ROLAGEM */
  105. ::-webkit-scrollbar {width:2px; height:5px;}
  106. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  107. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  108. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:negrito};}
  109.  
  110. /* VOLTAR AO TOPO */
  111. #scrollToTop:link,#scrollToTop:visited{position:fixed; display:none; bottom:20px; right:10px; background:transparent; color:transparent;}
  112. /* VOLTAR AO TOPO */
  113.  
  114. /* TOOLTIP */
  115. .tooltip {display: inline; position: relative;}
  116. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:posts color}; font-family:'Montserrat', sans-serif; text-align:left; font-size:12px; text-transform:uppercase; color:{color:texto}; font-size:10px; padding:7px; border-top:5px solid {color:negrito}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:999999999999999999;}
  117.  
  118. /* CAIXA DOS POSTS */
  119. #wafcaixa{position:absolute; float:center; top:80px; left:190px; width:1050px; color:{color:texto}; letter-spacing:1px; font-size:9px; font-family:'Montserrat', sans-serif;}
  120.  
  121. /* PERSONALIZAÇÃO DOS POSTS */
  122. .posts{position:relative; font-family:'Montserrat'; float:left; display:inline-block; width:200px; height:auto; background:{color:posts color}; padding:10px 10px 10px 10px; margin:20px; border-radius:1px;}
  123. .posts {{block:PermalinkPage}width:250px; height:auto;{/block:PermalinkPage} }
  124.  
  125. /* IMAGEM DOS POSTS */
  126. .posts img{max-width:200px; height:auto;}
  127. .posts img{{block:PermalinkPage}max-width:250px;{/block:PermalinkPage} }
  128.  
  129. .imgpost img{width:200px; height:auto;}
  130. .imgpost img{{block:PermalinkPage}width:250px;{/block:PermalinkPage} }
  131.  
  132. .vsanna{display:none;}
  133.  
  134. /* CURSOR PERSONALIZADO */
  135. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  136. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  137.  
  138. #tumblr_controls{position: fixed!important; z-index:15;}
  139. iframe#tumblr_controls {right:3px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  140. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  141.  
  142. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  143. .mr-notes{margin-left:-10px; margin-top:3px; font-family:'Montserrat'; text-align:left; color:#000; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2); text-transform: uppercase; border-top:1px solid {color:background color}; font-size:9px; width:200px; height:5px; line-height:9px; font-weight:normal; padding:7px 15px 10px 5px; background:{color:posts color}; -webkit-transition:2s; position:absolute;}
  144.  
  145. .mr-reblogs{right:5px; margin-top:-17px; font-family:'Montserrat'; text-align:right; text-transform: uppercase; font-size:11px; width:108%; height:5px; line-height:25px; font-weight:normal; padding-bottom:2px; -webkit-transition:2s; position:absolute;}
  146.  
  147. .mr-notes a{color:{color:link}; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2);}
  148. .mr-like a{color:{color:link}; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2);}
  149. .mr-reblogs a{color:{color:link}; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2);}
  150.  
  151. .mr-like{right:30px; margin-top:-10px; font-family:'Montserrat'; text-align:right; text-transform: uppercase; font-size:11px; width:relative; height:5px; line-height:0px; font-weight:normal; padding-bottom:2px; -webkit-transition:2s;z-index:9999; position:absolute;}
  152.  
  153. .custom-like-button *{cursor:pointer!important;}
  154. .custom-like-button {position:relative; display:inline-block; vertical-align:top; width:10px; margin-top:.2px; height:10px; cursor:pointer; font-size:11px; color:#000; float:right; margin-left:10px;}
  155.  
  156. .like_button:hover + .our_button {color:;}
  157. .like_button.liked + .our_button {color:{color:detalhes do theme};}
  158. .like_button iframe {width:100%!important;height:100%!important;}
  159. .like_button {z-index:10;opacity:0;}
  160. .our_button {z-index:1;}
  161. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  162. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  163.  
  164.  
  165. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  166. .waf-icon {height:24px; width:24px; float:left; padding:3px; text-align:center; margin-top:2px; background:{color:detalhes do theme};}
  167. .waf-perguntou{position:absolute; width:auto; margin-top:5px; margin-left:32px; height:7px; line-height:9px; font-family:'Montserrat'; font-size:8px; color:{color:negrito}; padding:4px; text-align:center; background:{color:background color}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); text-transform:uppercase; }
  168. .waf-pergunta{margin-top:20px; margin-left:0px; height:auto; line-height:13px; width:auto; padding:5px; color:{color:texto}; text-align:center; background:{color:background color}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); text-transform:uppercase; font-size:8px;}
  169. .waf-resposta{display:block; margin-top:13px; height:auto; width:auto; color:{color:texto}; text-align:left; padding:4px; text-transform:uppercase; font-size:8px;}
  170. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  171.  
  172. .mr-quotes {font-family:'Montserrat'; font-size:11px; text-align:center; line-height:15px; margin-top:5px; color:{color:texto};}
  173. .mr-quotes::first-letter {font-family:'Rochester', cursive; color:{color:negrito}; font-size:35px;}
  174. .source {margin-top:5px; border-top:1px solid #eee; font-family:'Montserrat'; font-size:10px; text-align:right; text-transform:uppercase; line-height:24px; color:{color:detalhes do theme};}
  175.  
  176. .chat {margin:0px; text-align:left;}
  177. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  178. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  179. #laudio-caption {margin-top:10px;}
  180. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  181. #lalbum-art {display:inline-block; float:left;}
  182. #laudio-player {display:inline-block;}
  183.  
  184. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  185. .mr-credito{position:fixed; bottom:50px; margin-left:10px; width:20px; height:18px; font-size:13px; line-height:18px; font-family:'Rationale'; background:{color:negrito}; text-align:center; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:9999999999999999999999;}
  186. .waf-cred{position:fixed; margin-top:-19px; margin-left:-145px; width:auto; height:14px; line-height:15px; font-size:13px; font-family:'Rationale'; text-transform:uppercase; padding:3px; border-radius:1px; background:{color:negrito}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); transition-duration:1s; opacity:0;}
  187. .waf-cred a{color:{color:link}}
  188. .mr-credito:hover .waf-cred{margin-left:29px; transition-duration:1s; opacity:1;}
  189. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  190.  
  191. /* SIDEBAR GERAL */
  192.  
  193. /* SIDE TOP */
  194. .waf-box1{position:fixed; width:150%; height:35px; margin-left:-15px; margin-top:35px; background:{color:posts color}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1);}
  195.  
  196. .waf-box2{position:fixed; width:150%; height:35px; margin-left:-10px; top:-8px; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); background-image:url('http://static.tumblr.com/u89hi8f/MOhoga4qo/bg1.jpg'); z-index:999999999999;}
  197.  
  198. /* ICON */
  199. .mr-imagem img {position:fixed; width:45px; height:45px; margin-left:600px; margin-top:12px; padding:5px; background:{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:9999999999;}
  200.  
  201. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  202. .mr-cxmenu{position:fixed; margin-top:37px; margin-left:30px; width:auto; text-align:left; height:30px; padding:3px;}
  203.  
  204. .mr-menu {position:fixed; margin-left:0px; margin-top:-3px; width:auto; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  205. .mr-menu a{display:inline-block; width:auto; height:14px; line-height:16px; margin:5px; text-align:center; padding:5px; color:{color:detalhes do theme}; font-family:'Montserrat'; font-size:10px; text-align:center; text-transform:uppercase; letter-spacing:1px; transition:1s;}
  206. .mr-menu a:hover {transition:1s; color:#000; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}
  207. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  208.  
  209. /* FAIXA */
  210. .waf-faixa{position:fixed; width:150%; height:5px; margin-left:-10px; margin-top:80px; background:{color:detalhes do theme}; box-shadow:inset 2px 1px 1px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1);}
  211.  
  212. /* TÍTULO */
  213. .waf-tit{position:fixed; width:500px; height:14px; margin-left:750px; margin-top:35px; padding:5px; font-family:'Sacramento'; font-size:28px; color:{color:detalhes do theme}; text-align:left;}
  214.  
  215. /* PAINEL */
  216. .mr-status{position:fixed; width:auto; margin-top:5px; margin-left:8px; text-align:center; }
  217. .mr-status a{display:block; width:10px; height:auto; margin:2px; float:left; padding:5px; text-transform:uppercase; font-size:14px; text-align:center; font-family:'Montserrat'; color:{color:posts color}; letter-spacing:1px; text-shadow: 0px 1px 1px rgba(225, 225, 225, .1); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;;}
  218.  
  219. /*
  220. ❥| CONTADOR PERSONALIZADO POR MR. WAFIOSA DESIGN'S ❥|
  221. ❥| NÃO COPIE, NÃO PEGUE DETALHES, NÃO SE INSPIRE ❥|
  222.  
  223. */
  224.  
  225. .waf-cont{position:fixed; width:auto; margin-top:6px; right:0px; text-align:center;}
  226. .waf-cont a{display:block; width:95px; height:auto; margin:7px; float:left; padding:5px; line-height:9px; text-transform:uppercase; font-size:9px; text-align:right; font-family:'Montserrat'; color:{color:detalhes do theme}; letter-spacing:1px; border-radius:2px; background:{color:posts color}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1);}
  227. .waf-cont a::before{position:absolute; left:0px; color:#b59f8c /* Cor do coração */; font-size:12px; transform:rotate(-15deg); transition:1.5s; content:' ❤ ';}
  228. .waf-cont a::after{position:absolute; left:120px; color:#b59f8c /* Cor do coração */; font-size:12px; transform:rotate(-15deg); transition:1.5s; content:' ❤ ';}
  229.  
  230.  
  231. /*
  232. ♡ ❤ ♡
  233. ••••••••••
  234. ❥| UPDATE POR MR. WAFIOSA DESIGN'S ❥|
  235. ❥| NÃO COPIE, NÃO PEGUE DETALHES ❥|
  236. */
  237. #cx-parc{position:fixed; margin-top:90px; margin-left:30px; font-family:'Montserrat'; font-size:12px; text-align:center; text-transform:uppercase; line-height:20px; width:100px; height:auto; padding:2px; color:#000; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-transition:2s; z-index:9999999999;}
  238.  
  239. #cx-parc:hover .cx-parc{margin-left:-80px; opacity:1; -webkit-transition:1.5s;}
  240.  
  241. .cx-parc{position:absolute; display:inline-block; width:126px; height:60px; margin-top:25px; margin-left:-125px; padding:5px; background:{color:posts color}; -webkit-transition:2s; text-align:left; overflow:auto; border-bottom:15px solid {color:posts color}; opacity:0;}
  242. .cx-parc img{width:20px; height:20px; display:inline-block; padding:3px; margin:1px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px 1px rgba(0,0,0,.5), inset -1px -1px 0px rgba(255,255,255,.2); transition: 1s;}
  243. .cx-parc img:hover{opacity:0.5}
  244.  
  245. .cred a{position:fixed; margin-top:-30px; margin-left:13px; width:95px; height:16px; font-family:'Montserrat'; font-size:9px; text-align:center; text-transform:uppercase; line-height:17px; padding:2px; color:#000; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.1); -webkit-transition:2s; background:{color:posts color}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2);}
  246. .cred a:hover{background:{color:detalhes do theme}}
  247.  
  248.  
  249.  
  250. </style>
  251.  
  252.  
  253. <!--- FONTES PERSONALIZADAS GOOGLE --->
  254. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Oswald|Rationale|Rochester" rel="stylesheet">
  255.  
  256. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  257.  
  258. <link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
  259.  
  260. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  261. <!--- FONTES PERSONALIZADAS GOOGLE --->
  262.  
  263. <body>
  264.  
  265.  
  266.  
  267. <!-- INÍCIO SIDE -->
  268. <div class="waf-box2">
  269.  
  270. <div class="waf-box1"></div>
  271.  
  272. <div class="waf-tit"> Luxury must be comfortable, otherwise it is not <font color="#000" style="text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);"> luxury. </font></div>
  273.  
  274. <div class="waf-faixa"></div>
  275.  
  276. <div class="mr-imagem"><img src="{image:sidebar}"></div>
  277.  
  278. <!-- MENU -->
  279. <div class="mr-cxmenu">
  280.  
  281. <div class="mr-menu">
  282. <a href="{text:link1}"><i class="fa fa-home"></i> {text:link1 nome} </a>
  283. <a href="{text:link2}"><i class="fa fa-envelope"></i> {text:link2 nome} </a>
  284. <a href="{text:link3}"><i class="fa fa-pencil"></i> {text:link3 nome} </a>
  285. <a href="{text:link4}"><i class="fa fa-tags"></i> {text:link4 nome} </a>
  286. <a href="{text:link5}"><i class="fa fa-star"></i> {text:link5 nome} </a>
  287. </div>
  288. </div>
  289. <!-- MENU -->
  290.  
  291. <div class="mr-status">
  292.  
  293. <a href="https://www.tumblr.com/follow/{text:sua url}" title="Follow me" target="_blank"><i class="fa fa-user" aria-hidden="true"></i> </a>
  294. <a href="https://www.tumblr.com/dashboard?conversation={text:sua url}" title="Chat" target="_blank"><i class="fa fa-comment" aria-hidden="true"></i></a>
  295.  
  296. <!-- REDES SOCIAIS -->
  297. <a href="/" title="Twitter: USER"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  298.  
  299. <a href="/" title="Instagram: USER"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  300.  
  301. <a href="/" title="@user"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i></a>
  302.  
  303. </div>
  304.  
  305. <!--
  306. ♡ ❤ ♡
  307. ••••••••••
  308. ❥| CONTADOR PERSONALIZADO POR MR. WAFIOSA DESIGN'S ❥|
  309. ❥| NÃO COPIE, NÃO PEGUE DETALHES, NÃO SE INSPIRE ❥|
  310. -->
  311.  
  312. <div class="waf-cont">
  313. <!-- ONLINES -->
  314. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5496665";
  315. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  316. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online User&e2=Online Users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  317. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  318. </script>
  319.  
  320. <!-- VISITAS -->
  321. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3261700";
  322. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
  323. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  324. </script>
  325. </div>
  326.  
  327. <!--
  328.  
  329. ♡ ❤ ♡
  330. ••••••••••
  331. ❥| UPDATE POR MR. WAFIOSA DESIGN'S ❥|
  332. ❥| NÃO COPIE, NÃO PEGUE DETALHES ❥|
  333.  
  334. -->
  335. <div id="cx-parc">♡ <font color="{color:detalhes do theme}">❤</font> ♡
  336. <div class="cx-parc">
  337.  
  338. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  339.  
  340. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  341.  
  342. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  343.  
  344. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  345.  
  346. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  347.  
  348. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  349.  
  350. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  351.  
  352. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  353.  
  354. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  355.  
  356. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  357.  
  358. <!-- NÃO REMOVA MEUS CRÉDITOS -->
  359. <div class="cred">
  360. <a href="http://mrwafiosa.tumblr.com/" target="_blank"> Wafiosa Designs </div>
  361. <!-- NÃO REMOVA MEUS CRÉDITOS -->
  362.  
  363. </div>
  364. </div>
  365.  
  366.  
  367.  
  368. </div>
  369. <!-- FIM SIDE -->
  370.  
  371. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  372. <div class="mr-credito" style="font-size:9px"><i class="fa fa-code" style="font-size:10px;"></i>
  373. <div class="waf-cred"><a href="http://mrwafiosa.tumblr.com/" title="Don't Copy. Originally Since 2016!."> Mr. Wafiosa Themes</a>
  374. </div></div>
  375. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  376.  
  377.  
  378. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  379.  
  380.  
  381.  
  382.  
  383.  
  384. <div id="wafcaixa">
  385.  
  386. {block:Posts}
  387. <div class="posts">
  388.  
  389. {block:Text}
  390. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Montserrat'; line-height:15px; padding-bottom:5px;"><center>
  391. {Title}</center></div>{/block:Title}
  392. {body}
  393. {/block:Text}
  394.  
  395.  
  396.  
  397.  
  398. {block:Quote}
  399. <div class="mr-quotes">{Quote}</div></font>
  400. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  401. {/block:Quote}
  402.  
  403.  
  404.  
  405.  
  406. {block:Chat}
  407. {block:Lines}
  408. <div class="chat">
  409. <div class="lines">{block:Label}
  410. <span>{Label}</span>
  411. {/block:Label}
  412. {Line}</div></div>
  413. {/block:Lines}
  414. {/block:Chat}
  415.  
  416.  
  417.  
  418.  
  419. {block:Link}
  420. <a href="{URL}" target="{Target}"><div style="font-family:'Calibri'; text-transform:uppercase; text-align:center; font-size:11px; letter-spacing:1px; padding:2px; text-transform: uppercase;"><titulo>{Name}</a></titulo></div>{block:Description}{Description}{/block:Description}
  421. {/block:Link}
  422.  
  423.  
  424.  
  425.  
  426. {block:Audio}
  427. <div class="text">
  428. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  429. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  430. <div id="laudio-caption">
  431. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  432. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  433. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  434. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  435. </div></div>
  436. {/block:Audio}
  437.  
  438.  
  439.  
  440.  
  441. {block:Photo}
  442. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  443. {Caption}
  444. {/block:Photo}
  445.  
  446.  
  447.  
  448.  
  449. {block:Photoset}
  450. <div class="imgpost"><center>{Photoset}</center></div>
  451. {Caption}
  452. {/block:Photoset}
  453.  
  454.  
  455.  
  456.  
  457. {block:Video}
  458. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  459. {Caption}
  460. {/block:Video}
  461.  
  462.  
  463.  
  464.  
  465. {block:Answer}
  466. <img src="{AskerPortraitURL-30}"class="waf-icon">
  467. <div class="waf-perguntou"> {Asker} asked:</div>
  468. <div class="waf-pergunta"> {Question}</div>
  469. <div class="waf-resposta">{Answer}</div>
  470. {/block:Answer}
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  478. <div class="mr-notes" style="color:{color:negrito};"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  479.  
  480. <div class="mr-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  481.  
  482. <div class="mr-like">
  483. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-heart"></i></span> </div>
  484. </div>
  485.  
  486. </div>
  487. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  496. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  497.  
  498. {/block:Posts}
  499. </div>
  500.  
  501.  
  502.  
  503. {block:IndexPage}
  504. <div class="column navigation" id="navigation">
  505. {block:Pagination}
  506. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  507. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  508. </div>
  509. {/block:IndexPage}
  510. </div>
  511.  
  512. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  513. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  514. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  515.  
  516.  
  517. <script type="text/javascript">
  518. $(window).load(function () {
  519. $('#wafcaixa').masonry(),
  520. $('.masonryWrap').infinitescroll({
  521. navSelector : "div#navigation",
  522. nextSelector : "div#navigation a#nextPage",
  523. itemSelector : ".posts",
  524. bufferPx : 10000,
  525. extraScrollPx: 11000,
  526. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  527. loadingText : "",
  528. },
  529. // call masonry as a callback.
  530. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  531. );
  532. });
  533. </script>
  534.  
  535.  
  536. </body>
  537. </html>
Advertisement
Add Comment
Please, Sign In to add comment