wafiosadesigns

Theme F. #02

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