wafiosadesigns

Theme Exclusivo Noclasse

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