API tools faq
paste
wafiosadesigns

Exclusive Foddona

wafiosadesigns
Jul 11th, 2017
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.01 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. <!-- CÓDIGO DO BOTÃO DE VOLTAR AO TOPO -->
  29.  
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  32. <a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/u89hi8f/0w9osvq4u/topo2.png" title="Voltar ao topo" border="0"></a>
  33.  
  34. <!-- CÓDIGO DO BOTÃO DE VOLTAR AO TOPO -->
  35.  
  36.  
  37.  
  38.  
  39.  
  40. <!--
  41.  
  42.  
  43.  
  44.  
  45.  
  46. ♡ ❤ ♡
  47. ••••••••••
  48. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  49. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  50. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  51. ❥| USO EXCLUSIVO DA FODDONA ❥|
  52. ❥| TODOS OS ESTILOS DO THEME, SÃO EXCLUSIVOS ❥|
  53.  
  54. ---------------------------------------
  55. DESENHO POR: FODDONA.
  56. ---------------------------------------
  57. ♡ ❤ ♡
  58.  
  59.  
  60. -->
  61.  
  62.  
  63.  
  64. <!-- FAVICON AND TITLE -->
  65. <link rel="shortcut icon" href="http://static.tumblr.com/u89hi8f/FPWopjmj7/waf-icon.png">
  66. <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>
  67. <!-- FAVICON AND TITLE -->
  68.  
  69.  
  70. <!-- APPEARANCE -->
  71.  
  72. <!-- CORES -->
  73. <meta name="image:sidebar" content="" />
  74.  
  75. <meta name="color:background color" content="#C0A2A0"/>
  76. <meta name="color:posts color" content="#b78682"/>
  77. <meta name="color:texto" content="#ffffff"/>
  78. <meta name="color:link" content="#ffffff"/>
  79. <meta name="color:negrito" content="#806463"/>
  80. <meta name="color:detalhes one" content="#b78682"/>
  81.  
  82. <meta name="text:titulo aqui" content="It's Glamour" />
  83.  
  84. <meta name="text:descricao aqui" content="Luxury must be comfortable, otherwise it is not luxury." />
  85.  
  86. <meta name="text:sua url" content="mrwafiosa" />
  87.  
  88. <meta name="text:link1" content="" />
  89. <meta name="text:link1 nome" content=" Home " />
  90. <meta name="text:link2" content="" />
  91. <meta name="text:link2 nome" content=" Contato " />
  92. <meta name="text:link3" content="" />
  93. <meta name="text:link3 nome" content=" Autorias " />
  94. <meta name="text:link4" content="" />
  95. <meta name="text:link4 nome" content=" Archive " />
  96. <meta name="text:link5" content="" />
  97. <meta name="text:link5 nome" content=" Theme " />
  98.  
  99. <!-- APPEARANCE -->
  100.  
  101.  
  102. </head>
  103. <style>
  104.  
  105. body{background:{color:background color}; background-attachment:fixed;}
  106.  
  107. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  108. a:hover {color:{color:links hover}; text-decoration:none}
  109.  
  110. b {color:{color:negrito};}
  111.  
  112. titulo{text-decoration:none;}
  113.  
  114. blockquote {margin:0px;}
  115.  
  116. /* SELEÇÃO DO TEXTO */
  117. ::selection{background:{color:background color}; color:{color:texto};}
  118. ::-moz-selection{background:{color:background color}; color:{color:texto};}
  119. ::-webkit-selection{background:{color:background color}; color:{color:texto};}
  120.  
  121. /* BARRA DE ROLAGEM */
  122. ::-webkit-scrollbar {width:2px; height:5px;}
  123. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  124. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  125. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:negrito};}
  126.  
  127. /* VOLTAR AO TOPO */
  128. #scrollToTop:link,#scrollToTop:visited{position:fixed; display:none; bottom:20px; margin-left:130px; background:transparent; color:transparent;}
  129. /* VOLTAR AO TOPO */
  130.  
  131. /* TOOLTIP */
  132. .tooltip {display: inline; position: relative;}
  133. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:posts color}; font-family:'Rationale', sans-serif; text-align:left; font-size:12px; text-transform:uppercase; color:{color:texto}; 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;}
  134.  
  135. /* CAIXA DOS POSTS */
  136. #wafcaixa{position:absolute; float:center; top:80px; left:310px; width:1040px; color:{color:texto}; letter-spacing:1px; font-size:11px; font-family:'Rationale', sans-serif;}
  137.  
  138. /* PERSONALIZAÇÃO DOS POSTS */
  139. .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:20px; border-radius:1px;}
  140. .posts {{block:PermalinkPage}width:400px; height:auto;{/block:PermalinkPage} }
  141.  
  142. /* IMAGEM DOS POSTS */
  143. .posts img{max-width:200px; height:auto;}
  144. .posts img{{block:PermalinkPage}max-width:400px;{/block:PermalinkPage} }
  145.  
  146. .imgpost img{width:200px; height:auto;}
  147. .imgpost img{{block:PermalinkPage}width:400px;{/block:PermalinkPage} }
  148.  
  149. .vsanna{display:none;}
  150.  
  151. /* CURSOR PERSONALIZADO */
  152. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  153. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  154.  
  155. #tumblr_controls{position: fixed!important; z-index:15;}
  156. 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;}
  157. 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;}
  158.  
  159. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  160. .mr-notes{margin-left:-10px; margin-top:5px; text-align:left; text-transform: uppercase; border-top:1px solid #ad7570; width:107%; height:10px; line-height:15px; letter-spacing:1px; text-transform:uppercase; padding:3px; padding-left:3px; font-size:13px; font-family:'Rationale';}
  161. .mr-notes a{color:#a76c67; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);}
  162. .mr-reblogs{margin-left:0px; margin-top:-15px; text-align:right; width:102%; height:5px; font-size:13px; padding:2px; font-family:'Rationale'; text-transform: uppercase;}
  163. .mr-reblogs a{color:#a76c67; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);}
  164. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  165.  
  166.  
  167. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  168. .waf-icon {height:24px; width:24px; float:left; padding:3px; text-align:center; margin-top:2px; background:#ad7570; border-radius:50%;}
  169. .waf-perguntou{position:absolute; width:auto; margin-top:5px; margin-left:32px; height:7px; line-height:9px; font-family:'Rationale'; font-size:10px; color:{color:negrito}; padding:4px; text-align:center; background:#ad7570; box-shadow:inset -1px -1px 1px rgba(255, 255, 255,.1), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:5px 5px 0px 0px; text-transform:uppercase; }
  170. .waf-pergunta{margin-top:20px; margin-left:0px; height:auto; line-height:13px; width:auto; padding:5px; color:{color:texto}; text-align:center; border-radius:2px; background:#ad7570; box-shadow:inset -1px -1px 1px rgba(255, 255, 255,.1), inset 1px 1px 1px rgba(0, 0, 0, .2); text-transform:uppercase; }
  171. .waf-resposta{display:block; margin-top:13px; height:auto; width:auto; color:{color:texto}; text-align:left; padding:4px; text-transform:uppercase; }
  172. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  173.  
  174. .mr-quotes {font-family:'Rationale'; font-size:14px; text-align:center; line-height:15px; margin-top:5px; color:{color:texto};}
  175. .mr-quotes::first-letter {font-family:'Rochester', cursive; color:{color:negrito}; font-size:35px;}
  176. .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:texto};}
  177.  
  178. .chat {margin:0px; text-align:left;}
  179. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  180. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  181. #laudio-caption {margin-top:10px;}
  182. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  183. #lalbum-art {display:inline-block; float:left;}
  184. #laudio-player {display:inline-block;}
  185.  
  186. /* SIDEBAR GERAL */
  187.  
  188. /* SIDE TOP */
  189. .waf-box1{position:fixed; width:150%; height:40px; margin-left:250px; top:20px; background:{color:detalhes one}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); z-index:9999999999;}
  190.  
  191. /* TÍTULO */
  192. .waf-tit{position:fixed; margin-left:70px; margin-top:-3px; padding:5px; font-family:'Rochester'; font-size:30px; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); text-align:center;}
  193.  
  194. /* DESCRIÇÃO */
  195. .waf-desc{position:fixed; width:250px; height:auto; margin-left:770px; margin-top:2px; padding:5px; font-family:'Rationale'; font-size:13px; color:#fff; text-align:center; text-transform:uppercase;}
  196.  
  197. /* BOLINHAS - ESTILO POR MR. WAFIOSA / MR. ARRYN - DON'T COPY. */
  198. .waf-bolinhas{position:fixed; margin-left:0px; margin-top:-38px; font-size:40px; color:#b6908d; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; font-family:'Share Tech Mono';}
  199.  
  200. /* ICON */
  201. .mr-imagem img {position:fixed; width:65px; height:65px; margin-left:-10px; margin-top:-15px; padding:4px; background:#fff; border-radius:50px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); z-index:9999999999;}
  202.  
  203. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  204. .mr-cxmenu{position:fixed; margin-top:8px; margin-left:200px; width:auto; text-align:left; height:30px; padding:3px; background:transparent; opacity:1; -webkit-transition:1.5s;}
  205.  
  206. .mr-menu {position:fixed; margin-left:0px; margin-top:-3px; width:580px; height:auto; display:inline-block; font-family:'Rationale'; font-size:15px; text-align:center; text-transform:uppercase; cursor: hand; float:left; z-index:9999999;}
  207. .mr-menu a{display:inline-block; width:60px; height:14px; line-height:16px; margin:1px; text-align:center; padding:5px; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);}
  208. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  209.  
  210. /* PAINEL */
  211. .mr-status{position:fixed; width:auto; margin-top:10px; right:5px; text-align:center; }
  212. .mr-status a{display:block; width:10px; height:auto; margin:2px; float:left; padding:5px; line-height:9px; text-transform:uppercase; font-size:11px; text-align:center; font-family:'Rationale'; color:{color:detalhes one}; letter-spacing:1px; border-radius:2px; background:#ffffff; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border:8px;}
  213.  
  214. /* CAIXINHA 01 - DESTAQUES */
  215. .waf-caixa1{position:fixed; width:30px; height:140px; margin-left:-270px; margin-top:-10px; background:{color:detalhes one}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border-radius:0px 6px 6px 0px;}
  216. .waf-titdq{position:fixed; width:30px; height:120px; margin-left:5px; margin-top:3px; line-height:15px; text-transform:uppercase; font-size:13px; text-align:center; font-family:'Rationale'; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);}
  217.  
  218. .waf-destaques{position:fixed; display:inline-block; overflow:auto; width:80px; height:125px; margin-top:2px; margin-left:-140px; padding:6px; background:{color:detalhes one}; border-radius:5px; transition:1s; z-index:999999999999999999;}
  219. .waf-destaques img{width:31px; height:31px; display:inline-block; padding:3px; background:{color:background color}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.5), inset -1px -1px 1px rgba(0,0,0,.5); border-radius:100%;}
  220.  
  221. .waf-caixa1:hover .waf-destaques{margin-left:40px; transition:1s;}
  222. /* CAIXINHA 01 - DESTAQUES */
  223.  
  224.  
  225. /* CAIXINHA 02 - TUMBLR DO MÊS */
  226. .waf-caixa2{position:fixed; width:30px; height:170px; margin-left:-270px; margin-top:140px; background:{color:detalhes one}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border-radius:0px 6px 6px 0px;}
  227. .waf-tumblr{position:fixed; width:30px; height:120px; margin-left:5px; margin-top:3px; line-height:15px; text-transform:uppercase; font-size:13px; text-align:center; font-family:'Rationale'; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);}
  228.  
  229. .waf-tumblrmes{position:fixed; display:inline-block; overflow:auto; width:180px; height:120px; margin-top:18px; margin-left:-220px; padding:6px; background:{color:detalhes one}; transition:1s; border-radius:5px; z-index:999999999999999999;}
  230. .waf-tumblrmes img{width:55px; height:55px; display:inline-block; padding:3px; background:{color:background color}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.5), inset -1px -1px 1px rgba(0,0,0,.5); border-radius:100%;}
  231.  
  232. .waf-caixa2:hover .waf-tumblrmes{margin-left:40px; transition:1s;}
  233. /* CAIXINHA 02 - TUMBLR DO MÊS */
  234.  
  235.  
  236. /* CAIXINHA 03 - TOP 3 */
  237. .waf-caixa3{position:fixed; width:30px; height:70px; margin-left:-270px; margin-top:320px; background:{color:detalhes one}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border-radius:0px 6px 6px 0px;}
  238. .waf-top3tit{position:fixed; width:30px; height:120px; margin-left:5px; margin-top:5px; line-height:15px; text-transform:uppercase; font-size:13px; text-align:center; font-family:'Rationale'; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);}
  239.  
  240. .mr-toptit{position:fixed; margin-top:38px; margin-left:0px; width:182px; height:78px; background:transparent; overflow:auto; padding:0px; z-index:99;}
  241. .mr-toptit a{float:left; width:38px; height:18px; line-height:18px; display:block; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); font-family:'Rationale'; text-transform:uppercase; font-size:12px; text-align:center; background:{color:detalhes one}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); margin:3.5px;}
  242.  
  243. .waf-top3{position:fixed; display:inline-block; overflow:auto; width:140px; height:60px; margin-top:2px; margin-left:-240px; padding:4px; background:{color:detalhes one}; border-radius:5px; transition:1s; z-index:999999999999999999;}
  244. .waf-top3 img{width:32px; height:32px; display:inline-block; margin:2px; padding:3px; background:{color:background color}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.5), inset -1px -1px 1px rgba(0,0,0,.5); border-radius:100%;}
  245.  
  246. .waf-caixa3:hover .waf-top3{margin-left:40px; transition:1s;}
  247. /* CAIXINHA 03 - TOP 3 */
  248.  
  249. /* CAIXINHA 04 - FÃS SEMANAIS */
  250. .waf-caixa4{position:fixed; width:30px; height:170px; margin-left:-270px; margin-top:400px; background:{color:detalhes one}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); border-radius:0px 6px 6px 0px;}
  251. .waf-fas{position:fixed; width:30px; height:120px; margin-left:5px; margin-top:5px; line-height:15px; text-transform:uppercase; font-size:13px; text-align:center; font-family:'Rationale'; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);}
  252.  
  253. .mr-fatit{position:fixed; margin-top:38px; margin-left:0px; width:182px; height:78px; background:transparent; overflow:auto; padding:0px; z-index:99;}
  254. .mr-fatit a{float:left; width:38px; height:18px; line-height:18px; display:block; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); font-family:'Rationale'; text-transform:uppercase; font-size:12px; text-align:center; background:{color:detalhes one}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); margin:3.5px;}
  255.  
  256. .waf-fassemanais{position:fixed; display:inline-block; overflow:auto; width:180px; height:60px; margin-top:50px; margin-left:-240px; padding:4px; background:{color:detalhes one}; border-radius:5px; transition:1s; z-index:999999999999999999;}
  257. .waf-fassemanais img{width:32px; height:32px; display:inline-block; margin:2px; padding:3px; background:{color:background color}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.5), inset -1px -1px 1px rgba(0,0,0,.5); border-radius:100%;}
  258.  
  259. .waf-caixa4:hover .waf-fassemanais{margin-left:40px; transition:1s;}
  260. /* CAIXINHA 04 - FÃS SEMANAIS */
  261.  
  262.  
  263. </style>
  264.  
  265.  
  266. <!--- FONTES PERSONALIZADAS GOOGLE --->
  267. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Oswald|Rationale|Rochester" rel="stylesheet">
  268. <!--- FONTES PERSONALIZADAS GOOGLE --->
  269.  
  270. <body>
  271.  
  272.  
  273.  
  274. <!-- SIDE TOP -->
  275.  
  276. <div style="position:fixed; top:0px; margin-left:-10px; width:150%; height:60px; background:{color:background color}; z-index:99999;"></div>
  277.  
  278. <div class="waf-box1">
  279.  
  280. <div class="waf-tit">{text:titulo aqui}</div>
  281.  
  282. <div class="waf-desc">{text:descricao aqui}</div>
  283.  
  284. <div class="mr-imagem"><img src="{image:sidebar}"></div>
  285.  
  286. <div class="waf-bolinhas">..................................................................................</div>
  287.  
  288.  
  289. <!-- MENU -->
  290. <div class="mr-cxmenu">
  291.  
  292. <div class="mr-menu">
  293. <a href="{text:link1}">{text:link1 nome}</a>
  294. <a href="{text:link2}">{text:link2 nome}</a>
  295. <a href="{text:link3}">{text:link3 nome}</a>
  296. <a href="{text:link4}">{text:link4 nome}</a>
  297. <!-- CRÉDITOS - NÃO REMOVA. -->
  298. <a href="http://mrwafiosa.tumblr.com/" title="Wafiosa Design's 2016. Exclusive. Desenho by: foddona." target="_blank">{text:link5 nome}</a>
  299. <!-- CRÉDITOS - NÃO REMOVA. -->
  300. </div>
  301. </div>
  302. <!-- MENU -->
  303.  
  304. <div class="mr-status">
  305.  
  306. <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>
  307. <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>
  308. </div>
  309.  
  310.  
  311. <!-- CAIXINHA 01 - DESTAQUES -->
  312. <div class="waf-caixa1">
  313. <div class="waf-titdq"> D<br>e<br>s<br>t<br>a<br>q<br>u<br>e<br>s </div>
  314. <div class="waf-destaques">
  315.  
  316. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  317.  
  318. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  319.  
  320. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  321.  
  322. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  323.  
  324. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  325.  
  326. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  327.  
  328.  
  329. </div>
  330. </div>
  331. <!-- CAIXINHA 01 - DESTAQUES -->
  332.  
  333.  
  334. <!-- CAIXINHA 02 - TUMBLR DO MÊS -->
  335. <div class="waf-caixa2">
  336. <div class="waf-tumblr"> T<br>u<br>m<br>b<br>l<br>r<br>d<br>o<br>M<br>ê<br>s </div>
  337. <div class="waf-tumblrmes">
  338.  
  339. <!-- TÍTULO -->
  340. <div style="position:fixed; margin-top:2px; margin-left:55px; width:130px; height:auto; padding:3px; line-height:15px; font-size:22px; text-align:center; font-family:'Rochester'; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); border-radius:5px;">Tumblr do mês: </div>
  341.  
  342. <!-- URL DO TUMBLR DO MÊS. -->
  343. <div style="position:fixed; margin-top:30px; margin-left:62px; width:110px; height:auto; padding:3px; background:{color:detalhes one}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); line-height:15px; text-transform:uppercase; font-size:13px; text-align:center; font-family:'Rationale'; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); border-radius:5px;">
  344.  
  345. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"> mrwafiosa </a>
  346.  
  347. </div>
  348.  
  349. <!-- DESCRIÇÃO -->
  350. <div style="position:fixed; margin-top:70px; margin-left:0px; width:170px; height:auto; padding:3px; line-height:17px; text-transform:uppercase; font-size:18px; text-align:center; font-family:'Rationale'; color:#ad7570; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); border-radius:5px;"> Gabriela, 19 anos, namorando.</div>
  351.  
  352. <!-- ÍCON DO TUMBLR DO MÊS. -->
  353. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  354.  
  355. </div>
  356. </div>
  357. <!-- CAIXINHA 02 - TUMBLR DO MÊS -->
  358.  
  359.  
  360. <!-- CAIXINHA 03 - TOP 3 -->
  361. <div class="waf-caixa3">
  362. <div class="waf-top3tit"> T<br>o<br>p<br>3 </div>
  363. <div class="waf-top3">
  364.  
  365. <div class="mr-toptit">
  366. <a> TOP 01</a>
  367. <a> TOP 02</a>
  368. <a> TOP 03</a>
  369. </div>
  370.  
  371.  
  372. <!-- TOP 1 -->
  373. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  374.  
  375. <!-- TOP 2 -->
  376. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  377.  
  378. <!-- TOP 3 -->
  379. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  380.  
  381. </div>
  382. </div>
  383. <!-- CAIXINHA 03 - TOP 3 -->
  384.  
  385.  
  386. <!-- CAIXINHA 04 - FÃS SEMANAIS -->
  387. <div class="waf-caixa4">
  388. <div class="waf-fas"> F<br>Ã<br>S<br>S<br>E<br>M<br>A<br>N<br>A<br>I<br>S </div>
  389. <div class="waf-fassemanais">
  390.  
  391. <div class="mr-fatit">
  392. <a> FÃ 01</a>
  393. <a> FÃ 02</a>
  394. <a> FÃ 03</a>
  395. <a> FÃ 04</a>
  396. </div>
  397.  
  398. <!-- FÃ 1 -->
  399. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  400.  
  401. <!-- FÃ 2 -->
  402. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  403.  
  404. <!-- FÃ 3 -->
  405. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  406.  
  407. <!-- FÃ 4 -->
  408. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  409.  
  410. </div>
  411. </div>
  412. <!-- CAIXINHA 04 - FÃS SEMANAIS -->
  413. </div>
  414.  
  415.  
  416.  
  417.  
  418. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  419.  
  420.  
  421.  
  422.  
  423.  
  424. <div id="wafcaixa">
  425. {block:Posts}
  426. <div class="posts">
  427.  
  428.  
  429.  
  430.  
  431. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  432. {block:Text}
  433. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Rationale'; line-height:11px; padding-bottom:5px;"><center>
  434. {Title}</center></div>{/block:Title}
  435. {body}
  436.  
  437.  
  438. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  439. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  440.  
  441. {/block:Text}
  442. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  443.  
  444.  
  445.  
  446.  
  447. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  448. {block:Quote}
  449. <div class="mr-quotes">{Quote}</div></font>
  450. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  451.  
  452. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  453. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  454.  
  455. {/block:Quote}
  456. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  457.  
  458.  
  459.  
  460.  
  461. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  462. {block:Chat}
  463. {block:Lines}
  464. <div class="chat">
  465. <div class="lines">{block:Label}
  466. <span>{Label}</span>
  467. {/block:Label}
  468. {Line}</div></div>
  469. {/block:Lines}
  470.  
  471. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  472. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  473.  
  474. {/block:Chat}
  475. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  476.  
  477.  
  478.  
  479. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  480. {block:Link}
  481. <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}
  482.  
  483. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  484. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  485.  
  486. {/block:Link}
  487. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  488.  
  489.  
  490.  
  491. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  492. {block:Audio}
  493. <div class="text">
  494. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  495. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  496. <div id="laudio-caption">
  497. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  498. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  499. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  500. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  501. </div></div>
  502.  
  503. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  504. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  505.  
  506. {/block:Audio}
  507. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  508.  
  509.  
  510. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  511. {block:Photo}
  512. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  513.  
  514. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  515. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  516.  
  517. {/block:Photo}
  518. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  519.  
  520.  
  521. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  522. {block:Photoset}
  523. <div class="imgpost"><center>{Photoset}</center></div>
  524.  
  525. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  526. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  527.  
  528. {/block:Photoset}
  529. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  530.  
  531.  
  532.  
  533.  
  534. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  535. {block:Video}
  536. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  537.  
  538. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  539. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  540.  
  541. {/block:Video}
  542. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  543.  
  544.  
  545. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  546. {block:Answer}
  547. <img src="{AskerPortraitURL-30}"class="waf-icon">
  548. <div class="waf-perguntou"> {Asker} asked:</div>
  549. <div class="waf-pergunta"> {Question}</div>
  550. <div class="waf-resposta">{Answer}</div>
  551.  
  552. <div class="mr-notes"> {DayOfMonth} {ShortMonth}, <a href="{permalink}">{NoteCount} notes</div>
  553. <div class="mr-reblogs"><a href="{ReblogURL}"target="_blank"> Reblog </a></div>
  554.  
  555. {/block:Answer}
  556. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  557.  
  558.  
  559. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  560. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  561.  
  562. {/block:Posts}</div>
  563.  
  564.  
  565.  
  566. {block:IndexPage}
  567. <div class="column navigation" id="navigation">
  568. {block:Pagination}
  569. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  570. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  571. </div>
  572. {/block:IndexPage}
  573. </div>
  574.  
  575. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  576. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  577. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  578.  
  579.  
  580. <script type="text/javascript">
  581. $(window).load(function () {
  582. $('#wafcaixa').masonry(),
  583. $('.masonryWrap').infinitescroll({
  584. navSelector : "div#navigation",
  585. nextSelector : "div#navigation a#nextPage",
  586. itemSelector : ".posts",
  587. bufferPx : 10000,
  588. extraScrollPx: 11000,
  589. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  590. loadingText : "",
  591. },
  592. // call masonry as a callback.
  593. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  594. );
  595. });
  596. </script>
  597.  
  598.  
  599. </body>
  600. </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!