wafiosadesigns

Theme F. #20

Jul 21st, 2017
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.92 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="#fafafa"/>
  60. <meta name="color:posts color" content="#ffffff"/>
  61. <meta name="color:texto" content="#000"/>
  62. <meta name="color:link" content="#000"/>
  63. <meta name="color:negrito" content="#eac1af"/>
  64. <meta name="color:detalhes do theme" content="#eac1af"/>
  65.  
  66. <meta name="text:titulo aqui" content="Delicate Woman" />
  67.  
  68. <meta name="text:descricao aqui" content="I was brought up in the modern world of all the luxury and the highlight of show business. I was born into a Christian home. <b> Cat Stevens </b>" />
  69.  
  70. <meta name="text:sua url" content="mrwafiosa" />
  71.  
  72. <meta name="text:link1" content="" />
  73. <meta name="text:link1 nome" content=" LINK NOME 01 " />
  74. <meta name="text:link2" content="" />
  75. <meta name="text:link2 nome" content=" LINK NOME 02 " />
  76. <meta name="text:link3" content="" />
  77. <meta name="text:link3 nome" content=" LINK NOME 03 " />
  78. <meta name="text:link4" content="" />
  79. <meta name="text:link4 nome" content=" LINK NOME 04 " />
  80. <meta name="text:link5" content="" />
  81. <meta name="text:link5 nome" content=" LINK NOME 05 " />
  82. <meta name="text:link6" content="" />
  83. <meta name="text:link6 nome" content=" LINK NOME 06 " />
  84.  
  85. <!-- APPEARANCE -->
  86.  
  87.  
  88. </head>
  89. <style>
  90.  
  91. body{background:{color:background color}; background-attachment:fixed;}
  92.  
  93. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  94. a:hover {color:{color:links hover}; text-decoration:none}
  95.  
  96. b {color:{color:negrito};}
  97.  
  98. titulo{text-decoration:none;}
  99.  
  100. blockquote {margin:0px;}
  101.  
  102. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  103.  
  104. /* SELEÇÃO DO TEXTO */
  105. ::selection{background:{color:background color}; color:{color:texto};}
  106. ::-moz-selection{background:{color:background color}; color:{color:texto};}
  107. ::-webkit-selection{background:{color:background color}; color:{color:texto};}
  108.  
  109. /* BARRA DE ROLAGEM */
  110. ::-webkit-scrollbar {width:2px; height:5px;}
  111. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  112. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  113. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:negrito};}
  114.  
  115. /* VOLTAR AO TOPO */
  116. #scrollToTop:link,#scrollToTop:visited{position:fixed; display:none; bottom:20px; right:10px; background:transparent; color:transparent;}
  117. /* VOLTAR AO TOPO */
  118.  
  119. /* TOOLTIP */
  120. .tooltip {display: inline; position: relative;}
  121. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:posts color}; font-family:'Rationale', 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;}
  122.  
  123. /* CAIXA DOS POSTS */
  124. #wafcaixa{position:absolute; float:center; top:100px; left:290px; width:1050px; color:{color:texto}; letter-spacing:1px; font-size:11px; font-family:'Rationale', sans-serif;}
  125.  
  126. /* PERSONALIZAÇÃO DOS POSTS */
  127. .posts{position:relative; font-family:'Rationale'; float:left; display:inline-block; width:200px; height:auto; background:{color:posts color}; padding:10px 10px 10px 10px; margin:10px; border-radius:1px;}
  128. .posts {{block:PermalinkPage}width:400px; height:auto;{/block:PermalinkPage} }
  129.  
  130. /* IMAGEM DOS POSTS */
  131. .posts img{max-width:200px; height:auto; outline-offset: -6px; outline:7px solid rgba(255,255,255,.3);}
  132. .posts img{{block:PermalinkPage}max-width:400px;{/block:PermalinkPage} }
  133.  
  134. .imgpost img{width:200px; height:auto;}
  135. .imgpost img{{block:PermalinkPage}width:400px;{/block:PermalinkPage} }
  136.  
  137. .vsanna{display:none;}
  138.  
  139. /* CURSOR PERSONALIZADO */
  140. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  141. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  142.  
  143. #tumblr_controls{position: fixed!important; z-index:15;}
  144. 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;}
  145. 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;}
  146.  
  147. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  148. .mr-notes{margin-left:-10px; margin-top:5px; text-align:left; text-transform: uppercase; border-top:1px solid #ebebeb; width:107%; height:10px; line-height:15px; letter-spacing:1px; text-transform:uppercase; padding:3px; padding-left:3px; color:{color:negrito}; font-size:11px; font-family:'Rationale';}
  149.  
  150. .mr-reblogs{margin-left:0px; margin-top:-15px; text-align:right; width:100%; height:5px; font-size:11px; padding:2px; font-family:'Rationale'; text-transform: uppercase;}
  151. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  152.  
  153.  
  154. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  155. .waf-icon {height:24px; width:24px; float:left; padding:3px; text-align:center; margin-top:2px; background:{color:detalhes do theme};}
  156. .waf-perguntou{position:absolute; width:auto; margin-top:5px; margin-left:32px; height:7px; line-height:9px; font-family:'Rationale'; font-size:10px; color:{color:negrito}; padding:4px; text-align:center; background:{color:background color}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border-radius:3px; text-transform:uppercase; }
  157. .waf-pergunta{margin-top:20px; margin-left:0px; height:auto; line-height:13px; width:auto; padding:5px; color:{color:texto}; text-align:center; border-radius:2px; background:{color:background color}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); text-transform:uppercase; }
  158. .waf-resposta{display:block; margin-top:13px; height:auto; width:auto; color:{color:texto}; text-align:left; padding:4px; text-transform:uppercase; }
  159. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  160.  
  161. .mr-quotes {font-family:'Rationale'; font-size:14px; text-align:center; line-height:15px; margin-top:5px; color:{color:texto};}
  162. .mr-quotes::first-letter {font-family:'Rochester', cursive; color:{color:negrito}; font-size:35px;}
  163. .source {margin-top:5px; border-top:1px solid #eee; font-family:'Rationale'; font-size:10px; text-align:right; text-transform:uppercase; line-height:22px; color:{color:detalhes do theme};}
  164.  
  165. .chat {margin:0px; text-align:left;}
  166. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  167. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  168. #laudio-caption {margin-top:10px;}
  169. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  170. #lalbum-art {display:inline-block; float:left;}
  171. #laudio-player {display:inline-block;}
  172.  
  173. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  174. .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; color:#fff; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:9999999999999999999999;}
  175. .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;}
  176. .mr-credito:hover .waf-cred{margin-left:29px; transition-duration:1s; opacity:1;}
  177. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  178.  
  179. /* SIDEBAR GERAL */
  180.  
  181. /* SIDE TOP */
  182. .waf-box1{position:fixed; width:150%; height:5px; margin-left:-15px; margin-top:40px; background:{color:detalhes do theme}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); z-index:9999999999;}
  183.  
  184. .waf-box2{position:fixed; width:150%; height:35px; margin-left:-15px; margin-top:-10px; 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/d9zoh5kkh/bg10.jpg'); z-index:999999999999;}
  185.  
  186. /* DESCRIÇÃO */
  187. .waf-desc{position:fixed; width:935px; height:14px; margin-left:320px; margin-top:10px; padding:5px; font-family:'Rationale'; font-size:13px; color:#000; text-align:center; text-transform:uppercase; background:{color:posts color}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border:8px;}
  188.  
  189. /* BOLINHAS | HEART'S - ESTILO POR MR. WAFIOSA / MR. ARRYN - DON'T COPY. */
  190. .waf-bolinhas{position:fixed; margin-left:170px; margin-top:18px; font-size:50px; color:{color:detalhes do theme}; font-family:'Rochester'; letter-spacing:2px;}
  191.  
  192. .waf-heart{position:fixed; margin-left:130px; margin-top:55px; font-size:20px; color:{color:posts color}; font-family:'Share Tech Mono'; transform:rotate(-15deg); z-index:9999999;}
  193.  
  194. .waf-heart2{position:fixed; margin-left:145px; margin-top:55px; font-size:20px; color:{color:detalhes do theme}; font-family:'Share Tech Mono'; transform:rotate(15deg);}
  195.  
  196. /* ICON */
  197. .mr-imagem img {position:fixed; width:55px; height:55px; margin-left:35px; margin-top:10px; padding:6px; 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); outline-offset:-11px; outline:6px solid rgba(255,255,255,.3); z-index:9999999999;}
  198.  
  199. /* TÍTULO */
  200. .waf-tit{position:fixed; width:200px; height:14px; margin-left:100px; margin-top:15px; padding:5px; font-family:'Sacramento'; font-size:25px; color:{color:detalhes do theme}; text-align:center;}
  201.  
  202. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  203. .mr-cxmenu{position:fixed; margin-top:-10px; margin-left:125px; width:100px; text-align:left; height:30px; padding:3px; background:transparent; opacity:1; -webkit-transition:1.5s;}
  204.  
  205. .mr-menu {position:fixed; margin-left:0px; margin-top:-3px; width:auto; height:auto; display:inline-block; font-family:'Rationale'; font-size:11px; text-align:center; text-transform:uppercase; cursor: hand; float:left; z-index:9999999;}
  206. .mr-menu a{display:inline-block; width:14px; height:14px; line-height:16px; margin:1px; text-align:center; padding:5px; background:{color:posts color}; color:transparent; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:100%; transition:1s;}
  207. .mr-menu a:hover {transition:1s; color:{color:detalhes do theme};}
  208. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  209.  
  210. /* PAINEL */
  211. .mr-status{position:fixed; width:auto; margin-top:10px; right:5px; text-align:center; }
  212. .mr-status a{display:block; width:10px; height:auto; margin:2px; float:left; padding:5px; line-height:9px; text-transform:uppercase; font-size:11px; text-align:center; font-family:'Rationale'; 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);}
  213.  
  214. /*
  215. ❥| CONTADOR PERSONALIZADO POR MR. WAFIOSA DESIGN'S ❥|
  216. ❥| NÃO COPIE, NÃO PEGUE DETALHES, NÃO SE INSPIRE ❥|
  217.  
  218. */
  219.  
  220. .waf-cont{position:fixed; right:4px; margin-top:40px; width:auto; text-transform:uppercase; font-family: 'Rationale'; font-size:10px; letter-spacing:1px; z-index:999999999999;}
  221. .waf-cont a{display:block; padding:5px; height:8px; line-height:8px; margin-bottom:8px; background:{color:posts color} /* Background do contador */; box-shadow:inset 1px 1px 1px rgba(0,0,0,.5), inset -1px -1px 0px rgba(255,255,255,.2); color:{color:detalhes do theme} /* Cor da letra */; text-align:left; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1);}
  222. .waf-cont a::after{position:absolute; left:-5px; color:#ddd /* Cor do coração */; font-size:8px; transform:rotate(-15deg); transition:1.5s; content:' ❤ ';}
  223. .waf-cont a:hover::after{margin-left:-8px; color:{color:detalhes do theme} /* Cor do coração quando passa o mouse nele. */; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2); font-size:12px; transition:1s; transform:rotate(0deg);}
  224.  
  225. </style>
  226.  
  227.  
  228. <!--- FONTES PERSONALIZADAS GOOGLE --->
  229. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Oswald|Rationale|Rochester" rel="stylesheet">
  230.  
  231. <link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
  232. <!--- FONTES PERSONALIZADAS GOOGLE --->
  233.  
  234. <body>
  235.  
  236.  
  237.  
  238. <!-- SIDE TOP -->
  239. <div class="waf-box2">
  240.  
  241. <div class="waf-box1">
  242.  
  243. <div class="waf-tit"> {text:titulo aqui} </div>
  244.  
  245. <div class="waf-desc"> {text:descricao aqui}</div>
  246.  
  247. <div class="mr-imagem"><img src="{image:sidebar}"></div>
  248.  
  249. <div class="waf-bolinhas">..........</div>
  250.  
  251. <div class="waf-heart"><i class="fa fa-heart"></i></div>
  252. <div class="waf-heart2"><i class="fa fa-heart"></i></div>
  253.  
  254. <!-- MENU -->
  255. <div class="mr-cxmenu">
  256.  
  257. <div class="mr-menu">
  258. <a href="{text:link1}"title="{text:link1 nome}"><i class="fa fa-home fa-fw"></i></a>
  259. <a href="{text:link2}"title="{text:link2 nome}"><i class="fa fa-envelope"></i></a>
  260. <a href="{text:link3}"title="{text:link3 nome}"><i class="fa fa-pencil"></i></a>
  261. <a href="{text:link4}"title="{text:link4 nome}"><i class="fa fa-tags"></i></a>
  262. <a href="{text:link5}"title="{text:link5 nome}"><i class="fa fa-star"></i></a>
  263. <a href="{text:link6}"title="{text:link6 nome}"><i class="fa fa-heart"></i></a>
  264.  
  265. </div>
  266. </div>
  267. <!-- MENU -->
  268.  
  269. <div class="mr-status">
  270.  
  271. <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>
  272. <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>
  273. </div>
  274.  
  275. <!--
  276. ♡ ❤ ♡
  277. ••••••••••
  278. ❥| CONTADOR PERSONALIZADO POR MR. WAFIOSA DESIGN'S ❥|
  279. ❥| NÃO COPIE, NÃO PEGUE DETALHES, NÃO SE INSPIRE ❥|
  280. -->
  281.  
  282. <div class="waf-cont">
  283. <!-- ONLINES -->
  284. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5496665";
  285. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  286. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online User&e2=Online Users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  287. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  288. </script>
  289.  
  290. <!-- VISITAS -->
  291. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3261700";
  292. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
  293. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  294. </script>
  295.  
  296. </div>
  297.  
  298. </div>
  299.  
  300. </div>
  301.  
  302. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  303. <div class="mr-credito" style="font-size:9px"><i class="fa fa-code" style="font-size:10px; text-shadow:1px 1px 1px #000;"></i>
  304. <div class="waf-cred"><a href="http://mrwafiosa.tumblr.com/" title="Don't Copy. Originally Since 2016!." style="color:#fff;"> Mr. Wafiosa Themes</a>
  305. </div></div>
  306. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  307.  
  308.  
  309. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  310.  
  311.  
  312.  
  313.  
  314.  
  315. <div id="wafcaixa">
  316.  
  317. {block:Posts}
  318. <div class="posts">
  319.  
  320.  
  321.  
  322.  
  323. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  324. {block:Text}
  325. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Rationale'; line-height:11px; padding-bottom:5px;"><center>
  326. {Title}</center></div>{/block:Title}
  327. {body}
  328.  
  329.  
  330. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  331. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  332.  
  333. {/block:Text}
  334. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  335.  
  336.  
  337.  
  338.  
  339. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  340. {block:Quote}
  341. <div class="mr-quotes">{Quote}</div></font>
  342. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  343.  
  344. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  345. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  346.  
  347. {/block:Quote}
  348. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  349.  
  350.  
  351.  
  352.  
  353. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  354. {block:Chat}
  355. {block:Lines}
  356. <div class="chat">
  357. <div class="lines">{block:Label}
  358. <span>{Label}</span>
  359. {/block:Label}
  360. {Line}</div></div>
  361. {/block:Lines}
  362.  
  363. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  364. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  365.  
  366. {/block:Chat}
  367. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  368.  
  369.  
  370.  
  371. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  372. {block:Link}
  373. <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}
  374.  
  375. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  376. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  377.  
  378. {/block:Link}
  379. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  380.  
  381.  
  382.  
  383. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  384. {block:Audio}
  385. <div class="text">
  386. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  387. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  388. <div id="laudio-caption">
  389. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  390. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  391. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  392. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  393. </div></div>
  394.  
  395. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  396. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  397.  
  398. {/block:Audio}
  399. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  400.  
  401.  
  402. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  403. {block:Photo}
  404. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  405.  
  406. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  407. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  408.  
  409. {/block:Photo}
  410. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  411.  
  412.  
  413. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  414. {block:Photoset}
  415. <div class="imgpost"><center>{Photoset}</center></div>
  416.  
  417. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  418. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  419.  
  420. {/block:Photoset}
  421. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  422.  
  423.  
  424.  
  425.  
  426. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  427. {block:Video}
  428. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  429.  
  430. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  431. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  432.  
  433. {/block:Video}
  434. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  435.  
  436.  
  437. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  438. {block:Answer}
  439. <img src="{AskerPortraitURL-30}"class="waf-icon">
  440. <div class="waf-perguntou"> {Asker} asked:</div>
  441. <div class="waf-pergunta"> {Question}</div>
  442. <div class="waf-resposta">{Answer}</div>
  443.  
  444. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  445. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  446.  
  447. {/block:Answer}
  448. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  449.  
  450.  
  451. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  452. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  453.  
  454. {/block:Posts}</div>
  455.  
  456.  
  457.  
  458. {block:IndexPage}
  459. <div class="column navigation" id="navigation">
  460. {block:Pagination}
  461. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  462. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  463. </div>
  464. {/block:IndexPage}
  465. </div>
  466.  
  467. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  468. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  469. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  470.  
  471.  
  472. <script type="text/javascript">
  473. $(window).load(function () {
  474. $('#wafcaixa').masonry(),
  475. $('.masonryWrap').infinitescroll({
  476. navSelector : "div#navigation",
  477. nextSelector : "div#navigation a#nextPage",
  478. itemSelector : ".posts",
  479. bufferPx : 10000,
  480. extraScrollPx: 11000,
  481. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  482. loadingText : "",
  483. },
  484. // call masonry as a callback.
  485. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  486. );
  487. });
  488. </script>
  489.  
  490.  
  491. </body>
  492. </html>
Advertisement
Add Comment
Please, Sign In to add comment