wafiosadesigns

Theme F. #19

Jul 18th, 2017
154
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.48 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.  
  29. <!-- CÓDIGO DO BOTÃO DE VOLTAR AO TOPO -->
  30.  
  31. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  32. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  33. <a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/u89hi8f/hKtotb57l/topo-rosa1.png" title="Voltar ao topo" border="0"></a>
  34.  
  35. <!-- CÓDIGO DO BOTÃO DE VOLTAR AO TOPO -->
  36.  
  37.  
  38.  
  39.  
  40. <!--
  41. ♡ ❤ ♡
  42. ••••••••••
  43. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  44. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  45. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  46.  
  47. -->
  48.  
  49.  
  50.  
  51.  
  52. <!-- FAVICON AND TITLE -->
  53. <link rel="shortcut icon" href="{favicon}">
  54. <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>
  55.  
  56. <!-- APPEARANCE -->
  57. <meta name="image:sidebar" content="" />
  58.  
  59. <meta name="color:background color" content="#ffffff"/>
  60. <meta name="color:posts color" content="#ededed"/>
  61. <meta name="color:texto" content="#000"/>
  62. <meta name="color:link" content="#000"/>
  63. <meta name="color:negrito" content="#fe6d6a"/>
  64. <meta name="color:detalhes do theme" content="#ffffff" />
  65. <meta name="color:detalhes two" content="#fe6d6a" />
  66.  
  67. <meta name="text:titulo aqui" content="Glamour" />
  68.  
  69. <meta name="text:sua url" content="mrwafiosa" />
  70.  
  71. <meta name="text:link1" content="" />
  72. <meta name="text:link1 nome" content=" LINK NOME 01 " />
  73. <meta name="text:link2" content="" />
  74. <meta name="text:link2 nome" content=" LINK NOME 02 " />
  75. <meta name="text:link3" content="" />
  76. <meta name="text:link3 nome" content=" LINK NOME 03 " />
  77. <meta name="text:link4" content="" />
  78. <meta name="text:link4 nome" content=" LINK NOME 04 " />
  79. <meta name="text:link5" content="" />
  80. <meta name="text:link5 nome" content=" LINK NOME 05 " />
  81.  
  82. <!-- APPEARANCE -->
  83.  
  84.  
  85. </head>
  86. <style>
  87.  
  88. body{background:{color:background color}; background-attachment:fixed;}
  89.  
  90. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  91. a:hover {color:{color:negrito}; text-decoration:none}
  92.  
  93. b {color:{color:negrito};}
  94.  
  95. titulo{text-decoration:none;}
  96.  
  97. blockquote {margin:0px; padding:4px; background:rgba(0, 0, 0, .1); box-shadow:inset -1px -1px 1px rgba(255,255,255, .2), inset 1px 1px 1px rgba(0,0,0,.2);}
  98.  
  99. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  100.  
  101. /* VOLTAR AO TOPO */
  102. #scrollToTop:link,#scrollToTop:visited{position:fixed; display:none; bottom:60px; right:20px; background:transparent; color:transparent; z-index:999999999999;}
  103. /* VOLTAR AO TOPO */
  104.  
  105. /* SELEÇÃO DO TEXTO */
  106. ::selection{background:{color:detalhes two}; color:{color:background color};}
  107. ::-moz-selection{background:{color:detalhes two}; color:{color:background color};}
  108. ::-webkit-selection{background:{color:detalhes two}; color:{color:background color};}
  109.  
  110. ::-webkit-scrollbar {width:2px; height:5px;}
  111. ::-webkit-scrollbar-track-piece {background-color:{color:background color};}
  112. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:detalhes three};}
  113. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:detalhes three};}
  114.  
  115. /* TOOLTIP */
  116. .tooltip {display: inline; position: relative;}
  117. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:detalhes two}; font-family:'Rationale', sans-serif; text-align:left; text-transform:uppercase; color:#000; font-size:12px; padding:7px; border-top:5px solid {color:posts color}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); z-index:999999999999999999;}
  118.  
  119. #wafcaixa{position:absolute; float:center; top:50px; left:250px; width:1040px; color:{color:texto}; letter-spacing:1px; font-size:12px; font-family:'Rationale'; z-index:1111111111;}
  120.  
  121. .posts{position:relative; font-family:'Rationale'; float:center; display:inline-block; width:200px; height:auto; background:{color:posts color}; padding:10px 10px 8px 10px; margin:20px;}
  122. .posts {{block:PermalinkPage}width:300px; height:auto;{/block:PermalinkPage} }
  123.  
  124. .posts img{max-width:200px; height:auto;}
  125. .posts img{{block:PermalinkPage}max-width:300px;{/block:PermalinkPage} }
  126.  
  127. .imgpost img{width:200px; height:auto;}
  128. .imgpost img{{block:PermalinkPage}width:300px;{/block:PermalinkPage} }
  129.  
  130. .vsanna{display:none;}
  131.  
  132. /* CURSOR PERSONALIZADO */
  133. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  134. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  135.  
  136. #tumblr_controls{position: fixed!important; z-index:15;}
  137. 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;}
  138. 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;}
  139.  
  140. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  141. .mr-notes{margin-left:-10px; margin-top:5px; text-align:left; text-transform: uppercase; border-top:1px solid {color:background color}; width:108%; height:10px; line-height:15px; letter-spacing:1px; text-transform:uppercase; padding:3px; padding-left:4px; color:{color:negrito}; font-size:11px; font-family:'Rationale';}
  142.  
  143. .mr-reblogs{margin-left:0px; margin-top:-18px; text-align:right; width:102%; height:5px; font-size:12px; padding:3px; font-family:'Rationale'; text-transform: uppercase;}
  144. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  145.  
  146.  
  147. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  148. .waf-icon {height:24px; width:24px; float:left; padding:3px; text-align:center; margin-top:0px; background:{color:detalhes two}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0,.8); border-radius:50px;}
  149. .waf-perguntou{position:absolute; width:auto; margin-top:4px; margin-left:32px; height:7px; line-height:8px; font-family:'Rationale'; font-size:10px; padding:4px; text-align:center; background:{color:detalhes two}; text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3);}
  150. .waf-pergunta{margin-top:20px; margin-left:0px; height:auto; line-height:14px; width:auto; padding:5px; color:{color:texto}; text-align:right; text-transform:uppercase; background:{color:detalhes two}; font-family:'Rationale'; font-size:11px; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3);}
  151. .waf-resposta{display:block; margin-top:7px; height:auto; width:auto; color:{color:texto}; text-align:left; text-transform:uppercase; font-family:'Rationale'; font-size:11px;}
  152. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  153.  
  154. .mr-quotes {font-family:'Rationale'; font-size:12px; text-align:center; line-height:15px; margin-top:10px; color:{color:texto}; text-transform:uppercase;}
  155. .mr-quotes::first-letter {font-family:'Sacramento'; color:{color:detalhes two}; font-size:35px;}
  156. .source {margin-top:5px; border-top:1px solid {color:detalhes do theme}; font-family:'Rationale'; font-size:9px; text-align:right; text-transform:uppercase; line-height:22px; color:{color:texto};}
  157.  
  158. .chat {margin:0px; text-align:left;}
  159. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  160. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  161. #laudio-caption {margin-top:10px;}
  162. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  163. #lalbum-art {display:inline-block; float:left;}
  164. #laudio-player {display:inline-block;}
  165.  
  166. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  167. .mr-credito{position:fixed; bottom:40px; margin-left:5px; width:20px; height:18px; font-size:13px; line-height:18px; font-family:'Rationale'; text-align:center; color:#fff; background:{color:negrito}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:9999999999999999999999;}
  168. .waf-cred{position:fixed; margin-top:-19px; margin-left:-145px; width:auto; height:14px; line-height:15px; font-size:10px; font-family:'Share Tech Mono'; text-transform:uppercase; padding:3px; border-radius:1px; background:{color:posts color}; 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;}
  169. .mr-credito:hover .waf-cred{margin-left:29px; transition-duration:1s; opacity:1;}
  170. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  171.  
  172. /* SIDES */
  173. .waf-box1{position:fixed; width:150%; height:20px; left:0px; top:0px; background:{color:detalhes two}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); z-index:9999999999;}
  174.  
  175. /* ICON */
  176. .mr-imagem img {position:fixed; width:45px; height:45px; margin-left:10px; margin-top:5px; padding:4px; background:{color:posts color}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); z-index:9999999999;}
  177.  
  178. /* TÍTULOS */
  179. .waf-tit{position:fixed; margin-top:75px; margin-left:50px; color:{color:detalhes two}; font-size:40px; font-family:'Sacramento';}
  180.  
  181. .waf-dtl{position:fixed; margin-top:-25px; margin-left:50px; color:{color:detalhes two}; font-size:40px; font-family:'Sacramento'; letter-spacing:25px;}
  182. .waf-dtl:before{position:fixed; margin-top:-22px; margin-left:13px; color:{color:posts color}; font-size:75px; font-family:'Sacramento'; letter-spacing:20px; content:" • ";}
  183.  
  184. /* MENU */
  185. .mr-cxmenu{position:fixed; margin-top:0px; margin-left:90px; width:auto; text-align:left; height:30px;}
  186. .mr-menu {position:fixed; margin-left:0px; margin-top:10px; width:auto; height:auto; display:inline-block; cursor: hand; z-index:9999999;}
  187. .mr-menu a{display:inline-block; width:13px; height:13px; padding:5px; background:{color:posts color}; color:transparent; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .3), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:100%;}
  188.  
  189.  
  190. /* PAINEL */
  191. .mr-status{position:fixed; width:auto; margin-top:20px; right:5px; text-align:center; }
  192. .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:posts color}; letter-spacing:1px; border-radius:2px; background:{color:detalhes two}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border:8px;}
  193.  
  194. </style>
  195.  
  196.  
  197.  
  198.  
  199. <!--- FONTES PERSONALIZADAS GOOGLE --->
  200. <link href="https://fonts.googleapis.com/css?family=Electrolize|Great+Vibes|Oswald|Rochester|Rouge+Script|Share+Tech+Mono" rel="stylesheet">
  201.  
  202. <link href="https://fonts.googleapis.com/css?family=Grand+Hotel|Rationale" rel="stylesheet">
  203.  
  204. <link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
  205. <!--- FONTES PERSONALIZADAS GOOGLE --->
  206.  
  207.  
  208.  
  209. <body>
  210.  
  211.  
  212. <!-- SIDE TOP -->
  213. <div class="waf-box1">
  214.  
  215. <!-- TÍTULO -->
  216. <div class="waf-tit">{text:titulo aqui}
  217.  
  218. <!-- DETALHES -->
  219. <div class="waf-dtl"> •• </div>
  220. </div>
  221.  
  222. <!-- ICON -->
  223. <div class="mr-imagem"><img src="{image:sidebar}"></div>
  224.  
  225. <!-- MENU -->
  226. <div class="mr-cxmenu">
  227.  
  228. <div class="mr-menu">
  229. <a href="{text:link1}" title="{text:link1 nome}"><i class="fa fa-home" aria-hidden="true"></i></a>
  230. <a href="{text:link2}" title="{text:link2 nome}"><i class="fa fa-envelope" aria-hidden="true"></i></a>
  231. <a href="{text:link3}" title="{text:link3 nome}"><i class="fa fa-tags" aria-hidden="true"></i></a>
  232. <a href="{text:link4}" title="{text:link4 nome}"><i class="fa fa-pencil" aria-hidden="true"></i></a>
  233. <a href="{text:link5}" title="{text:link5 nome}"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
  234. </div>
  235. </div>
  236.  
  237. <!-- STATUS -->
  238. <div class="mr-status">
  239.  
  240. <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>
  241. <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>
  242. </div>
  243.  
  244. </div>
  245.  
  246. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  247. <div class="mr-credito" style="font-size:9px"><i class="fa fa-code" style="font-size:10px; text-shadow:1px 1px 1px #000;"></i>
  248. <div class="waf-cred"><a href="http://mrwafiosa.tumblr.com/" title="Don't Copy. Originally Since 2016!." style="color:#fff;"> Mr. Wafiosa Themes</a>
  249. </div></div>
  250. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  251.  
  252. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  253.  
  254.  
  255.  
  256.  
  257.  
  258. <div id="wafcaixa">
  259. {block:Posts}
  260. <div class="posts">
  261.  
  262.  
  263.  
  264.  
  265. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  266. {block:Text}
  267. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Rationale'; line-height:15px; padding-bottom:5px;"><center>
  268. {Title}</center></div>{/block:Title}
  269. {body}
  270.  
  271. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  272. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  273.  
  274. {/block:Text}
  275. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  276.  
  277.  
  278.  
  279.  
  280. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  281. {block:Quote}
  282. <div class="mr-quotes">{Quote}</div></font>
  283. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  284.  
  285. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  286. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  287.  
  288. {/block:Quote}
  289. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  290.  
  291.  
  292.  
  293.  
  294. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  295. {block:Chat}
  296. {block:Lines}
  297. <div class="chat">
  298. <div class="lines">{block:Label}
  299. <span>{Label}</span>
  300. {/block:Label}
  301. {Line}</div></div>
  302. {/block:Lines}
  303.  
  304. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  305. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  306.  
  307. {/block:Chat}
  308. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  309.  
  310.  
  311.  
  312. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  313. {block:Link}
  314. <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}
  315.  
  316. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  317. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  318.  
  319. {/block:Link}
  320. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  321.  
  322.  
  323.  
  324. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  325. {block:Audio}
  326. <div class="text">
  327. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  328. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  329. <div id="laudio-caption">
  330. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  331. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  332. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  333. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  334. </div></div>
  335.  
  336. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  337. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  338.  
  339. {/block:Audio}
  340. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  341.  
  342.  
  343. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  344. {block:Photo}
  345. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  346. {Caption}
  347.  
  348. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  349. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  350.  
  351. {/block:Photo}
  352. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  353.  
  354.  
  355. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  356. {block:Photoset}
  357. <div class="imgpost"><center>{Photoset}</center></div>
  358. {Caption}
  359.  
  360. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  361. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  362.  
  363. {/block:Photoset}
  364. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  365.  
  366.  
  367.  
  368.  
  369. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  370. {block:Video}
  371. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  372. {Caption}
  373.  
  374. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  375. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  376.  
  377. {/block:Video}
  378. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  379.  
  380.  
  381. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  382. {block:Answer}
  383. <img src="{AskerPortraitURL-30}"class="waf-icon">
  384. <div class="waf-perguntou">{Asker}:</div>
  385. <div class="waf-pergunta"> {Question}</div>
  386. <div class="waf-resposta">{Answer}</div>
  387.  
  388. <div class="mr-notes"> {ShortMonth}.{DayOfMonth}, <a href="{permalink}">{NoteCount} notes </a></div>
  389. <div class="mr-reblogs"><a target="_blank" Title="Reblogue, babe!" href="{ReblogURL}"> <i class="fa fa-retweet"></i> </a></div>
  390.  
  391. {/block:Answer}
  392. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  393.  
  394.  
  395. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  396. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  397.  
  398. {/block:Posts}</div>
  399.  
  400.  
  401.  
  402. {block:IndexPage}
  403. <div class="column navigation" id="navigation">
  404. {block:Pagination}
  405. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  406. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  407. </div>
  408. {/block:IndexPage}
  409. </div>
  410.  
  411. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  412. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  413. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  414.  
  415.  
  416. <script type="text/javascript">
  417. $(window).load(function () {
  418. $('#wafcaixa').masonry(),
  419. $('.masonryWrap').infinitescroll({
  420. navSelector : "div#navigation",
  421. nextSelector : "div#navigation a#nextPage",
  422. itemSelector : ".posts",
  423. bufferPx : 10000,
  424. extraScrollPx: 11000,
  425. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  426. loadingText : "",
  427. },
  428. // call masonry as a callback.
  429. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  430. );
  431. });
  432. </script>
  433.  
  434.  
  435. </body>
  436. </html>
Advertisement
Add Comment
Please, Sign In to add comment