API tools faq
paste
wafiosadesigns

Theme Exclusivo #01

wafiosadesigns
Oct 3rd, 2017
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.16 KB | None | 0 0
raw download clone embed print report
  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. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  37. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  38. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  39.  
  40. ♡ ❤ ♡
  41. ••••••••••••••••••••••••••••
  42.  
  43. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  44. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  45. DON'T COPY PLEASE - By Gabriela Souza. - © 2016 - 2017
  46. ALL RIGHTS RESERVED ©
  47.  
  48. ♡ ❤ ♡
  49. ••••••••••••••••••••••••••••
  50.  
  51.  
  52. -->
  53.  
  54.  
  55.  
  56.  
  57. <!-- FAVICON AND TITLE -->
  58. <link rel="shortcut icon" href="{favicon}">
  59. <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>
  60. <!-- FAVICON AND TITLE -->
  61.  
  62. <!-- APPEARANCE -->
  63. <meta name="color:background color" content="#eeeeee"/>
  64. <meta name="color:posts color" content="#dcdcdc"/>
  65. <meta name="color:texto" content="#000"/>
  66. <meta name="color:link" content="#000"/>
  67. <meta name="color:link hover" content="#888888"/>
  68. <meta name="color:negrito" content="#888888"/>
  69. <meta name="color:menu" content="#dcdcdc"/>
  70. <meta name="color:ask color" content="#eeeeee"/>
  71. <meta name="color:titulo1" content="#cecece"/>
  72. <meta name="color:titulo2" content="#cecece"/>
  73. <meta name="color:link notes foto" content="#cecece"/>
  74.  
  75.  
  76. <meta name="text:sua url" content="urlaqui" />
  77. <meta name="text:titulo aqui" content=" TITULO AQUI " />
  78. <meta name="text:descricao aqui" content=" DESCRICAO BEM LINDA AQUI " />
  79.  
  80.  
  81. <meta name="text:link1" content="" />
  82. <meta name="text:link1 nome" content=" Home " />
  83. <meta name="text:link2" content="" />
  84. <meta name="text:link2 nome" content=" Message " />
  85. <meta name="text:link3" content="" />
  86. <meta name="text:link3 nome" content=" Submit " />
  87. <meta name="text:link4" content="" />
  88. <meta name="text:link4 nome" content=" Archive " />
  89. <meta name="text:link5" content="" />
  90. <meta name="text:link5 nome" content=" About Us " />
  91. <!-- APPEARANCE -->
  92.  
  93.  
  94. </head>
  95. <style>
  96.  
  97. body{background:{color:background color}; background-attachment:fixed;}
  98.  
  99. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  100. a:hover {color:{color:link hover}; text-decoration:none}
  101.  
  102. b {color:{color:negrito};}
  103.  
  104. titulo{text-decoration:none;}
  105.  
  106. blockquote {margin:0px;}
  107.  
  108. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  109.  
  110. /* SELEÇÃO DO TEXTO */
  111. ::selection{background:{color:titulo1}; color:{color:texto};}
  112. ::-moz-selection{background:{color:titulo1}; color:{color:texto};}
  113. ::-webkit-selection{background:{color:titulo1}; color:{color:texto};}
  114.  
  115. /* BARRA DE ROLAGEM */
  116. ::-webkit-scrollbar {width:2px; height:5px;}
  117. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  118. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  119. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:negrito};}
  120.  
  121.  
  122. /* TOOLTIP */
  123. .tooltip {display: inline; position: relative;}
  124. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:titulo1}; font-family:'Oswald', sans-serif; text-align:left; font-size:9px; text-transform:uppercase; color:{color:texto}; font-size:10px; 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;}
  125.  
  126. /* CAIXA DOS POSTS */
  127. #wafcaixa{position:absolute; float:center; margin-top:80px; margin-left:140px; width:1100px; color:{color:texto}; letter-spacing:1px; font-size:11px; padding:10px;}
  128.  
  129. /* PERSONALIZAÇÃO DOS POSTS */
  130. .posts{position:relative; font-family:'Oswald', sans-serif; float:left; text-transform:uppercase; display:inline-block; width:200px; height:auto; background:{color:posts color}; padding:10px 10px 10px 10px; margin:25px; border-radius:1px;}
  131. .posts {{block:PermalinkPage}width:200px; height:auto;{/block:PermalinkPage} }
  132.  
  133. /* IMAGEM DOS POSTS */
  134. .posts img{max-width:200px; height:auto;}
  135. .posts img{{block:PermalinkPage}max-width:200px;{/block:PermalinkPage} }
  136.  
  137. .imgpost img{width:200px; height:auto;}
  138. .imgpost img{{block:PermalinkPage}width:200px;{/block:PermalinkPage} }
  139.  
  140. .vsanna{display:none;}
  141.  
  142. /* CURSOR PERSONALIZADO */
  143. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  144. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  145.  
  146. #tumblr_controls{position: fixed!important; z-index:15;}
  147. 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;}
  148. 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;}
  149.  
  150. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  151. .mr-notes{margin-left:-10px; margin-top:3px; font-family:'Oswald'; text-align:left; color:{color:negrito}; text-transform: uppercase; border-top:1px solid {color:detalhes three}; font-size:10px; width:100%; height:5px; line-height:9px; font-weight:normal; padding:7px 15px 10px 5px; -webkit-transition:2s;}
  152.  
  153. .mr-reblogs{right:-30px; margin-top:-18px; font-family:'Oswald'; text-align:right; text-transform: uppercase; font-size:10px; width:102%; height:5px; line-height:14px; font-weight:normal; padding-bottom:4px; -webkit-transition:2s;}
  154. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  155.  
  156. /* ESTILO DE NOTES DAS FOTOS POR MR. WAFIOSA - NÃO SE INSPIRE, E NEM COPIE SEM MINHA PERMISÃO. */
  157. .mr-cxnotes::before {position:absolute; width:198px; height:0px; content:" ";
  158. top:10px; margin-left:0px; padding:1px; background:-webkit-linear-gradient(rgba(225, 225, 225, .9), rgba(225, 225, 225, .0)); -webkit-transition:1s; opacity:0;}
  159. .date {position:absolute; margin-left:-30px; top:0px; font-family:'Oswald'; font-size:12px; text-transform:uppercase; letter-spacing:1px; text-align:center; color:{color:texto}; width:auto; height:auto; -webkit-transition:1s; opacity:0;}
  160. .notes {position:absolute; margin-left:90px; top:0px; font-family:'Oswald'; font-size:12px; text-transform:uppercase; letter-spacing:1px; text-align:center; width:auto; height:auto; -webkit-transition:1s; opacity:0;}
  161. .reblog {position:absolute; margin-left:120px; top:70px; font-family:'Oswald'; font-size:12px; text-transform:uppercase; letter-spacing:1px; text-align:center; width:auto; height:auto; -webkit-transition:1s; opacity:0;}
  162. .mr-dtl{position:absolute; color:{color:negrito}; top:-5px; margin-left:4px; width:auto; height:auto; font-size:20px; font-family:'Courier'; line-height:0px; text-align:left; opacity:0; -webkit-transition:1s;}
  163.  
  164. .posts:hover .mr-dtl{opacity:1; top:75px;}
  165. .posts:hover .mr-cxnotes::before{opacity:1; height:100px; -webkit-transition:1s;}
  166. .posts:hover .date{opacity:1; margin-left:30px; top:20px; -webkit-transition:1s;}
  167. .posts:hover .notes{opacity:1; margin-left:10px; top:45px; -webkit-transition:1s;}
  168. .posts:hover .reblog{opacity:1; margin-left:140px; top:45px; -webkit-transition:1s;}
  169. /* ESTILO DE NOTES DAS FOTOS POR MR. WAFIOSA - NÃO SE INSPIRE, E NEM COPIE SEM MINHA PERMISÃO. */
  170.  
  171. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  172. .waf-icon {height:21px; width:21px; float:left; padding:3px; text-align:center; margin-top:-2px; background:{color:ask color}; border-radius:100%; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4);}
  173. .waf-perguntou{position:absolute; width:auto; margin-top:3px; margin-left:35px; height:7px; line-height:7px; font-family:'Oswald'; font-size:8px; padding:4px; text-align:center; background:{color:ask color}; color:{color:posts color}; text-transform:uppercase; border-radius:2px;}
  174. .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:ask color}; text-transform:uppercase; font-family:'Oswald'; font-size:10px;}
  175. .waf-resposta{display:block; margin-top:0px; height:auto; width:auto; color:{color:texto}; text-align:left; padding:4px; text-transform:uppercase; font-family:'Oswald'; font-size:11px; line-height:15px;}
  176. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  177.  
  178. /* QUOTES */
  179. .mr-quotes {font-family:'Oswald'; font-size:11px; line-height:15px; text-align:center; margin-top:5px; color:{color:texto};}
  180. .mr-quotes::first-letter {font-family:'Rochester', cursive; color:{color:negrito}; font-size:30px;}
  181. .source {margin-top:5px; border-top:1px solid {color:negrito}; font-family:'Oswald'; font-size:9px; text-align:right; text-transform:uppercase; line-height:19px; color:{color:negrito};}
  182.  
  183. /* CHAT */
  184. .chat {margin:0px; text-align:left;}
  185. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  186. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  187. #laudio-caption {margin-top:10px;}
  188. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  189. #lalbum-art {display:inline-block; float:left;}
  190. #laudio-player {display:inline-block;}
  191.  
  192.  
  193. /* SIDEBAR GERAL */
  194.  
  195. /* SIDE TOP */
  196. .waf-box1{position:fixed; width:150%; height:90px; margin-left:-10px; top:-10px; background:{color:background color}; z-index:999999;}
  197.  
  198. /* TÍTULO */
  199. .waf-tit{position:fixed; width:200px; height:14px; margin-left:30px; margin-top:20px; padding:5px; font-family:'Oswald'; font-size:22px; color:{color:titulo1}; text-shadow:1px 1px rgba(220, 220, 220, .4); text-align:left; text-transform:uppercase;}
  200.  
  201. .waf-tit2{position:fixed; width:500px; height:14px; margin-left:30px; margin-top:60px; padding:5px; font-family:'Rationale'; font-size:15px; color:{color:titulo2}; text-shadow:1px 1px rgba(255, 255, 255, .3); text-align:left;}
  202.  
  203.  
  204. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  205. .mr-menu {position:fixed; margin-left:165px; margin-top:28px; width:auto; height:auto; display:inline-block; font-family:'Electrolize'; font-size:11px; text-align:center; text-transform:uppercase; cursor: hand; float:left;}
  206. .mr-menu a{display:inline-block; width:14px; height:14px; line-height:15px; margin:3px; text-align:center; padding:5px; background:{color:menu}; color:transparent; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border-radius:2px; transition:1s;}
  207. .mr-menu a:hover {color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .3); transition:1s;}
  208. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  209.  
  210. /* PAINEL */
  211. .mr-status{position:fixed; width:auto; margin-top:20px; right:10px; text-align:center; padding:5px; padding:4px;}
  212. .mr-status a{display:inline-block; width:14px; height:14px; line-height:14px; margin:3px; text-align:center; padding:5px; background:{color:menu}; color:transparent; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border-radius:2px; font-size:11px; transition:1s;}
  213. .mr-status a:hover {color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .3); transition:1s;}
  214.  
  215.  
  216. </style>
  217.  
  218. <!--- FONTES PERSONALIZADAS GOOGLE --->
  219. <link href="https://fonts.googleapis.com/css?family=Clicker+Script|Lovers+Quarrel|Oswald|Rationale|Sacramento|Share+Tech+Mono" rel="stylesheet">
  220.  
  221. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  222. <!--- FONTES PERSONALIZADAS GOOGLE --->
  223.  
  224. <body>
  225.  
  226.  
  227. <!-- SIDE TOP -->
  228. <div class="waf-box1">
  229.  
  230. <!-- TÍTULOS. -->
  231. <div class="waf-tit">{text:titulo aqui}</div>
  232. <div class="waf-tit2">{text:descricao aqui}</div>
  233.  
  234. <!-- MENU -->
  235. <div class="mr-menu">
  236. <a href="{text:link1}" title="{text:link1 nome}"><i class="fa fa-home fa-fw"></i></a>
  237. <a href="{text:link2}" title="{text:link2 nome}"><i class="fa fa-envelope"></i></a>
  238. <a href="{text:link3}" title="{text:link3 nome}"><i class="fa fa-pencil"></i></a>
  239. <a href="{text:link4}" title="{text:link4 nome}"><i class="fa fa-tags"></i></a>
  240. <a href="{text:link5}" title="{text:link5 nome}"><i class="fa fa-anchor"></i></a>
  241. </div>
  242.  
  243. <!-- STATUS -->
  244. <div class="mr-status">
  245. <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>
  246.  
  247. <a href="https://www.tumblr.com/message/{text:sua url}" title="Chat" target="_blank"><i class="fa fa-comments" aria-hidden="true"></i> </a>
  248.  
  249. <a href="https://www.tumblr.com/dashboard" title="Dashboard" target="_blank"><i class="fa fa-home" aria-hidden="true"></i> </a>
  250. </div>
  251.  
  252. <!-- FAIXA -->
  253. <div style="position:fixed; width:97%; height:4px; margin-left:30px; margin-top:90px; background:{color:titulo1};"></div>
  254. </div>
  255. <!-- FIM SIDE TOP -->
  256.  
  257.  
  258.  
  259.  
  260. <!-- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI -->
  261. <div style="position:fixed; bottom:30px; margin-left:10px; height:12px; width:12px; font-size:11px; line-height:11px; background:{color:posts color}; font-family:'Montserrat'; text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:3px; padding:4px; text-align:center; z-index:99999999999;"><a href="http://familiatal.tumblr.com/" title="Theme exclusivo da Gang Mean Girls - Desenho por: Privacx - Codificação: Mrwafiosa." style="color:#888; text-shadow:1px 1px rgba(225, 225, 225, .2);" target="_blank"><i class="fa fa-code"></i></a></div>
  262. <!-- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI -->
  263.  
  264.  
  265.  
  266.  
  267. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  268.  
  269. <div id="wafcaixa">
  270.  
  271. {block:Posts}
  272. <div class="posts">
  273.  
  274.  
  275.  
  276.  
  277. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  278. {block:Text}
  279. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Oswald'; font-size:11px; line-height:15px; padding-bottom:2px;"><center>
  280. {Title}</center></div>{/block:Title}
  281. {body}
  282.  
  283. {block:indexpage}
  284. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  285. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  286. {/block:IndexPage}
  287.  
  288. {/block:Text}
  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:Quote}
  296. <div class="mr-quotes">{Quote}</div></font>
  297. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  298.  
  299. {block:indexpage}
  300. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  301. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  302. {/block:IndexPage}
  303.  
  304. {/block:Quote}
  305. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  306.  
  307.  
  308.  
  309.  
  310. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  311. {block:Chat}
  312.  
  313. {block:Lines}
  314. <div class="chat">
  315. <div class="lines">{block:Label}
  316. <span>{Label}</span>
  317. {/block:Label}
  318. {Line}</div></div>
  319. {/block:Lines}
  320.  
  321. {block:indexpage}
  322. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  323. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  324. {/block:IndexPage}
  325.  
  326. {/block:Chat}
  327. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  328.  
  329.  
  330.  
  331. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  332. {block:Link}
  333. <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}
  334.  
  335. {block:indexpage}
  336. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  337. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  338. {/block:IndexPage}
  339.  
  340. {/block:Link}
  341. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  342.  
  343.  
  344.  
  345. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  346. {block:Audio}
  347. <div class="text">
  348. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  349. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  350. <div id="laudio-caption">
  351. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  352. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  353. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  354. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  355. </div></div>
  356.  
  357. {block:indexpage}
  358. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  359. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  360. {/block:IndexPage}
  361.  
  362. {/block:Audio}
  363. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  364.  
  365.  
  366. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  367. {block:Photo}
  368. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  369.  
  370. {block:indexpage}
  371. <div class="mr-cxnotes"></div>
  372.  
  373. <div class="reblog"><a href="{ReblogURL}" style="color:{color:link notes foto};" target="_blank"> Reblog! </a></div>
  374. <div class="date"> Posted {DayOfMonthWithZero}/{MonthNumberWithZero}, às {24HourWithZero}:{Minutes} </div>
  375. <div class="notes"><a href="{Permalink}" style="color:{color:link notes foto};" target="_blank"> {NoteCount} notes </a></div>
  376. <div class="mr-dtl"> ••••••••••••••• </div>
  377. {/block:indexpage}
  378.  
  379. {block:PermalinkPage}
  380. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  381. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  382. {/block:PermalinkPage}
  383.  
  384. {/block:Photo}
  385. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  386.  
  387.  
  388. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  389. {block:Photoset}
  390. <div class="imgpost"><center>{Photoset}</center></div>
  391.  
  392. {block:indexpage}
  393. <div class="mr-cxnotes"></div>
  394.  
  395. <div class="reblog"><a href="{ReblogURL}" style="color:{color:link notes foto};" target="_blank"> Reblog! </a></div>
  396. <div class="date"> Posted {DayOfMonthWithZero}/{MonthNumberWithZero}, às {24HourWithZero}:{Minutes} </div>
  397. <div class="notes"><a href="{Permalink}" style="color:{color:link notes foto};" target="_blank"> {NoteCount} notes </a></div>
  398. <div class="mr-dtl"> ••••••••••••••• </div>
  399. {/block:indexpage}
  400.  
  401. {block:PermalinkPage}
  402. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  403. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  404. {/block:PermalinkPage}
  405.  
  406. {/block:Photoset}
  407. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  408.  
  409.  
  410.  
  411.  
  412. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  413. {block:Video}
  414. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  415.  
  416. {block:indexpage}
  417. <div class="mr-cxnotes"></div>
  418.  
  419. <div class="reblog"><a href="{ReblogURL}" style="color:{color:link notes foto};" target="_blank"> Reblog! </a></div>
  420. <div class="date"> Posted {DayOfMonthWithZero}/{MonthNumberWithZero}, às {24HourWithZero}:{Minutes} </div>
  421. <div class="notes"><a href="{Permalink}" style="color:{color:link notes foto};" target="_blank"> {NoteCount} notes </a></div>
  422. <div class="mr-dtl"> ••••••••••••••• </div>
  423. {/block:indexpage}
  424.  
  425. {block:PermalinkPage}
  426. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  427. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  428. {/block:PermalinkPage}
  429.  
  430. {/block:Video}
  431. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  432.  
  433.  
  434. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  435. {block:Answer}
  436. <img src="{AskerPortraitURL-30}"class="waf-icon">
  437. <div class="waf-perguntou"> {Asker} asked</div>
  438. <div class="waf-pergunta"> {Question}</div>
  439. <div class="waf-resposta">{Answer}</div>
  440.  
  441. {block:indexpage}
  442. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  443. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  444. {/block:IndexPage}
  445.  
  446. {/block:Answer}
  447. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  448.  
  449.  
  450. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  451. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  452.  
  453. {/block:Posts}
  454.  
  455. </div>
  456.  
  457. {block:IndexPage}
  458. <div class="column navigation" id="navigation">
  459. {block:Pagination}
  460. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  461. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  462. </div>
  463. {/block:IndexPage}
  464. </div>
  465.  
  466. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  467. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  468. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  469.  
  470.  
  471. <script type="text/javascript">
  472. $(window).load(function () {
  473. $('#wafcaixa').masonry(),
  474. $('.masonryWrap').infinitescroll({
  475. navSelector : "div#navigation",
  476. nextSelector : "div#navigation a#nextPage",
  477. itemSelector : ".posts",
  478. bufferPx : 10000,
  479. extraScrollPx: 11000,
  480. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  481. loadingText : "",
  482. },
  483. // call masonry as a callback.
  484. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  485. );
  486. });
  487. </script>
  488.  
  489.  
  490. </body>
  491. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!