API tools faq
paste
wafiosadesigns

Exclusivo Theme Fotos

wafiosadesigns
Sep 1st, 2017
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.42 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/2hhovlusc/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. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  48. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  49. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  50. ❥| USO TOTALMENTE EXCLUSIVO ❥|
  51.  
  52.  
  53. ---------------------------------------
  54. ESTILOS DOS NOTES/MODERADORES POR: CHILINGS.
  55. DESENHO POR: URNASTY.
  56. CODIFICAÇÃO: MR. WAFIOSA
  57. ---------------------------------------
  58. ♡ ❤ ♡
  59.  
  60.  
  61.  
  62.  
  63. -->
  64.  
  65.  
  66. <!-- FAVICON AND TITLE -->
  67. <link rel="shortcut icon" href="http://static.tumblr.com/u89hi8f/FPWopjmj7/waf-icon.png">
  68. <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>
  69. <!-- FAVICON AND TITLE -->
  70.  
  71.  
  72.  
  73. <!-- APPEARANCE -->
  74.  
  75. <meta name="color:background color" content="#f8f5ed"/>
  76. <meta name="color:posts color" content="#b2a283"/>
  77. <meta name="color:texto" content="#f6f6f6"/>
  78. <meta name="color:link" content="#f6f6f6"/>
  79. <meta name="color:negrito" content="#766454"/>
  80. <meta name="color:detalhes do theme" content="#f8f5ed"/>
  81. <meta name="color:detalhes do theme two" content="#b2a283"/>
  82.  
  83. <meta name="text:sua url" content="mrwafiosa" />
  84.  
  85. <meta name="text:link1" content="" />
  86. <meta name="text:link1 nome" content=" Home " />
  87. <meta name="text:link2" content="" />
  88. <meta name="text:link2 nome" content=" Message " />
  89. <meta name="text:link3" content="" />
  90. <meta name="text:link3 nome" content=" Tags " />
  91. <meta name="text:link4" content="" />
  92. <meta name="text:link4 nome" content=" About " />
  93. <meta name="text:link5" content="" />
  94. <meta name="text:link5 nome" content=" Archive " />
  95.  
  96. <!-- APPEARANCE -->
  97.  
  98.  
  99. </head>
  100. <style>
  101.  
  102. body{background:{color:background color}; background-attachment:fixed;}
  103.  
  104. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  105. a:hover {color:{color:links hover}; text-decoration:none}
  106.  
  107. b {color:{color:negrito};}
  108.  
  109. titulo{text-decoration:none;}
  110.  
  111. blockquote {margin:0px;}
  112.  
  113. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  114.  
  115. /* SELEÇÃO DO TEXTO */
  116. ::selection{background:{color:background color}; color:{color:texto};}
  117. ::-moz-selection{background:{color:background color}; color:{color:texto};}
  118. ::-webkit-selection{background:{color:background color}; color:{color:texto};}
  119.  
  120. /* BARRA DE ROLAGEM */
  121. ::-webkit-scrollbar {width:2px; height:5px;}
  122. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  123. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  124. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:negrito};}
  125.  
  126. /* VOLTAR AO TOPO */
  127. #scrollToTop:link,#scrollToTop:visited{position:fixed; display:none; bottom:20px; right:10px; background:transparent; color:transparent;}
  128. /* VOLTAR AO TOPO */
  129.  
  130. /* TOOLTIP */
  131. .tooltip {display: inline; position: relative;}
  132. #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}; 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;}
  133.  
  134. /* CAIXA DOS POSTS */
  135. #wafcaixa{position:absolute; float:center; top:100px; left:160px; width:1100px; color:{color:texto}; letter-spacing:1px; font-family:'Rationale'; font-size:12px;}
  136.  
  137. /* PERSONALIZAÇÃO DOS POSTS */
  138. .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:18px; border-radius:1px; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1);}}
  139. .posts {{block:PermalinkPage}width:250px; height:auto;{/block:PermalinkPage} }
  140.  
  141. /* IMAGEM DOS POSTS */
  142. .posts img{max-width:200px; height:auto;}
  143. .posts img{{block:PermalinkPage}max-width:250px;{/block:PermalinkPage} }
  144.  
  145. .imgpost img{width:200px; height:auto;}
  146. .imgpost img{{block:PermalinkPage}width:250px;{/block:PermalinkPage} }
  147.  
  148. .vsanna{display:none;}
  149.  
  150. /* CURSOR PERSONALIZADO */
  151. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  152. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  153.  
  154. #tumblr_controls{position: fixed!important; z-index:15;}
  155. 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;}
  156. 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;}
  157.  
  158. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  159. #ch-note-one .custom-like-button *{cursor:pointer!important;}
  160. #ch-note-one .custom-like-button {position:relative; display:inline-block; vertical-align:top; width:10px; margin-top:.2px; height:10px; cursor:pointer; font-size:11px; color:#766454; text-shadow: 0px 1px 1px rgba(225, 225, 225, .1); float:right; right:10px;}
  161.  
  162. .like_button:hover + .our_button {color:#fff;}
  163. .like_button.liked + .our_button {color:{color:detalhes do theme};}
  164. .like_button iframe {width:100%!important;height:100%!important;}
  165. .like_button {z-index:10;opacity:0;}
  166. .our_button {z-index:1;}
  167. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  168. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  169.  
  170. /* Estilo de notes #1 por @Chilings
  171. Design original, recuse imitações.
  172. Não retire os créditos! */
  173. #ch-note-one{margin-top:0px; padding:0px 5px 0 5px; height:14px; line-height:15px; margin-left:-10px; margin-bottom:-10px; font-family:'Oswald'; font-size:10px; text-transform:uppercase; width:210px;}
  174. #ch-note-one a{text-decoration:none;}
  175.  
  176. #ch-note-one .ch-note-span{display:block; text-align:center; margin-bottom:3px; width:215px;}
  177. #ch-note-one .ch-note-span span{display:inline-block; padding:0px; width:3px; height:3px; border-radius:10px; background:rgba(0,0,0,.4); box-shadow:1px 1px rgba(255,255,255,.1); margin:1px;}
  178.  
  179. #ch-note-one .box01{display:inline-block; float:left; width:40px; height:16px; line-height:16px; padding:0 3px 0 0; background:rgba(0,0,0,.2); box-shadow:1px 1px rgba(255,255,255,.1); border-radius:3px; text-align:center; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.7);}
  180. #ch-note-one .box02{display:inline-block; margin-left:-4px; font-size:9px;}
  181. #ch-note-one .box02 a{color:#766454; text-shadow: 0px 1px 1px rgba(225, 225, 225, .1);}
  182.  
  183. #ch-note-one .box03{display:inline-block; float:right; right:0px; font-size:12px; letter-spacing:.3px;}
  184. #ch-note-one .box03 a{color:rgba(0,0,0,.6); text-shadow:1px 1px rgba(255,255,255,.1);}
  185. /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/
  186.  
  187.  
  188. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  189. .waf-icon {height:23px; width:23px; float:left; padding:3px; text-align:center; margin-top:2px; margin-left:3px; background:#ae9c78; border-radius:100%; box-shadow:1px 1px rgba(0, 0, 0, .3), 3px 3px 1px rgba(0,0,0,.4); z-index:111111;}
  190.  
  191. .waf-perguntou{position:absolute; width:auto; margin-top:10px; margin-left:37px; height:8px; line-height:9px; font-family:'Oswald'; font-size:8px; color:#ae9c78; padding:4px; text-align:center; background:{color:background color}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); text-transform:uppercase; border-radius:4px 4px 0px 0px;}
  192. .waf-perguntou a{color:#ae9c78;}
  193. .waf-pergunta{margin-top:25px; margin-left:0px; height:auto; line-height:13px; width:auto; padding:5px; color:{color:texto}; text-align:right; background:#ae9c78; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); font-size:12px; border-radius:4px;}
  194.  
  195. .waf-resposta{display:block; margin-top:13px; height:auto; width:auto; color:{color:texto}; text-align:left; padding:4px; font-size:12px;}
  196. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  197.  
  198. .mr-quotes {font-family:'Rationale'; font-size:12px; text-align:center; line-height:15px; margin-top:5px; color:{color:texto};}
  199. .mr-quotes::first-letter {font-family:'Dynalight', cursive; color:{color:negrito}; text-shadow: 0px 1px 1px rgba(225, 225, 225, .1); font-size:35px;}
  200. .source {margin-top:5px; border-top:1px solid #eee; font-family:'Rationale'; font-size:10px; text-align:right; text-transform:uppercase; line-height:24px; color:{color:detalhes do theme};}
  201.  
  202. .chat {margin:0px; text-align:left;}
  203. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  204. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  205. #laudio-caption {margin-top:10px;}
  206. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  207. #lalbum-art {display:inline-block; float:left;}
  208. #laudio-player {display:inline-block;}
  209.  
  210. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  211. .mr-credito{position:fixed; bottom:50px; margin-left:10px; width:20px; height:18px; font-size:13px; line-height:18px; font-family:'Rationale'; background:{color:negrito}; text-align:center; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:9999999999999999999999;}
  212. .waf-cred{position:fixed; margin-top:-19px; margin-left:-145px; width:auto; height:14px; line-height:15px; font-size:13px; 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;}
  213. .waf-cred a{color:{color:link}}
  214. .mr-credito:hover .waf-cred{margin-left:29px; transition-duration:1s; opacity:1;}
  215. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  216.  
  217. /* SIDEBAR GERAL */
  218.  
  219. /* SIDE TOP */
  220. .waf-box1{position:fixed; width:150%; height:80px; margin-left:-15px; margin-top:-10px; background:{color:detalhes do theme}; transition:1.5s; z-index:999999;}
  221.  
  222.  
  223. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  224. .mr-cxmenu{position:fixed; margin-top:45px; margin-left:20px; width:auto; text-align:left; height:30px; padding:3px;}
  225.  
  226. .mr-menu {position:fixed; margin-left:0px; margin-top:-3px; width:auto; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  227. .mr-menu a{display:inline-block; width:auto; height:14px; line-height:16px; margin:5px; text-align:center; padding:5px; color:{color:detalhes do theme two}; font-family:'Rationale'; font-size:12px; text-align:center; text-transform:uppercase; text-shadow: 0px 1px 1px rgba(225, 225, 225, .1); letter-spacing:1px; transition:1s;}
  228. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  229.  
  230. /* FAIXA */
  231. .waf-faixa{position:fixed; width:150%; height:5px; margin-left:-10px; margin-top:80px; background:{color:detalhes do theme two}; box-shadow:inset 2px 1px 1px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); z-index:999999;}
  232.  
  233. /* TÍTULO */
  234. .waf-tit{position:fixed; width:500px; height:14px; margin-left:20px; margin-top:5px; padding:5px; font-family:'Dynalight'; font-size:35px; color:{color:detalhes do theme two}; text-align:left; text-shadow: 0px 1px 1px rgba(225, 225, 225, .1);}
  235.  
  236. /* PAINEL */
  237. .mr-status{position:fixed; width:auto; margin-top:77px; right:10px; text-align:center;}
  238. .mr-status a{display:block; width:12px; height:12px; margin:5px; float:left; padding:5px; text-transform:uppercase; font-size:12px; line-height:13px; text-align:center; font-family:'Montserrat'; color:{color:background color}; letter-spacing:1px; text-shadow: 0px 1px 1px rgba(225, 225, 225, .1); background:{color:detalhes do theme two}; box-shadow:inset 2px 1px 1px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1);}
  239.  
  240. #box-intg{position:fixed; width:600px; height:auto; margin-left:550px; margin-top:-60px; background:transparent; opacity:0; transition:1.5s;}
  241. .waf-box1:hover #box-intg{margin-top:10px; opacity:1; transition:1.5s;}
  242.  
  243. /* Estilo de moderadores #3.3 por @chilings
  244. Design original, recuse imitações!
  245. Não retire os créditos */
  246. #ch-mod-three-3{display:inline-block; width:50px; height:50px; padding:5px; background:{color:detalhes do theme two}; box-shadow:inset 2px 1px 1px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .1); overflow:hidden; margin:4px;}
  247. #ch-mod-three-3 img{position:fixed; display:inline-block; width:50px; height:50px;}
  248.  
  249. #ch-mod-three-3 .ch-mod-hover{position:fixed; margin-top:0; margin-left:0; width:50px; height:50px; overflow:hidden; transition:1s;}
  250. #ch-mod-three-3:hover .ch-mod-hover{background:rgba(0,0,0,.5); transition:.3s;}
  251.  
  252. .ch-mod-hover .nome{display:block; margin-top:20px; margin-left:-60px; width:41px; text-align:left; font-family:'Oswald'; text-shadow:1px 1px rgba(0,0,0,.5); font-size:12px; letter-spacing:.5px; transition:1.2s; text-transform:uppercase; opacity:1; color:{color:detalhes do theme two};}
  253. #ch-mod-three-3:hover .nome{margin-left:2px; opacity:1; transition:1s;}
  254.  
  255. .ch-mod-hover .url{display:block; margin-top:-2px; margin-left:-100px; width:41px; text-align:left; font-family:'Rationale'; text-shadow:1px 1px rgba(0,0,0,.5); font-size:9px; letter-spacing:.5px; transition:1.2s; opacity:1;} .url a{text-transform:uppercase;color:#fff;}
  256. #ch-mod-three-3:hover .url{margin-left:2px; opacity:1; transition:1s;}
  257.  
  258.  
  259. /* POP-UP - TOTALMENTE MODIFICADO POR MR. WAFIOSA
  260. NÃO COPIE, NEM SE INSPIRE. */
  261. #mr-pop {display:none; position:fixed; background:{color:detalhes do theme}; left: 0; top:0px; width: 100%; height: 100%; opacity:100; z-index: 99999999;}
  262. *html #mr-pop {position: absolute;}
  263.  
  264. .waf-pop{display:none; position:fixed; top:60%; left:55%; height:500px; width:600px!important; background:{color:detalhes do theme}; border-top:2px solid {color:detalhes do theme two}; padding:5px; float: left; font-size: 1.2em; -webkit-animation:MrW-DSG 1s; -moz-animation:MrW-DSG 1s; animation:MrW-DSG 1s; z-index: 9999999999999999999999;}
  265.  
  266. @-webkit-keyframes MrW-DSG {0% {opacity:0; transform:scale(10);} 100% {opacity:1; transform:scale(1);}}
  267. @-moz-keyframes MrW-DSG {0% {opacity:0; transform:scale(10);} 100% {opacity:1; transform:scale(1);}}
  268. @keyframes MrW-DSG {0% {opacity:0; transform:scale(10);} 100% {opacity:1; transform:scale(1);}}
  269.  
  270. *html .waf-pop {position: absolute;}
  271.  
  272. img.waf_close {float:right; margin: -30px -8px 0 0;}
  273.  
  274.  
  275. .mr-cx{position:fixed; margin-left:30px; margin-top:15px; width:500px; height:240px; background:#e8dfc8; padding:5px; z-index:9999999;}
  276.  
  277. .mr-tags{position:fixed; margin-left:15px; margin-top:35px; width:500px; height:auto; z-index:9999999;}
  278. .mr-tags a {float:left; padding:5px; margin:4px; text-align:center; font-size:12px; letter-spacing:1px; font-family:'Rationale', sans-serif; width:100px; height:13px; color:#fff; background:{color:detalhes do theme two}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); text-transform:uppercase; transition-duration:1s;}
  279. .mr-tags a:hover{box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .4), inset 1px 1px 1px rgba(0, 0, 0, .4); transition-duration:1s;}
  280.  
  281. /* POP-UP - TOTALMENTE MODIFICADO POR MR. WAFIOSA
  282. NÃO COPIE, NEM SE INSPIRE. */
  283.  
  284.  
  285. </style>
  286.  
  287.  
  288. <!--- FONTES PERSONALIZADAS GOOGLE --->
  289. <link href="https://fonts.googleapis.com/css?family=Dynalight|Rationale" rel="stylesheet">
  290.  
  291. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  292.  
  293. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  294. <!--- FONTES PERSONALIZADAS GOOGLE --->
  295.  
  296. <!-- SCRIPT DO POP UP -->
  297. <script>
  298. $(document).ready(function() { $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); var popURL = $(this).attr('href'); var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/u89hi8f/wc3ovlx6p/close.png" class="waf_close" title=" Clique para fechar e retornar ao theme." alt="Close" /></a>'); var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft}); $('body').append('<div id="mr-pop"></div>'); $('#mr-pop').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); return false; }); $('a.close, #mr-pop').live('click', function() { $('#mr-pop , .waf-pop').fadeOut(function() { $('#mr-pop, a.close').remove(); }); return false; }); });
  299. </script>
  300.  
  301. <!-- SCRIPT DO POP UP -->
  302.  
  303. <body>
  304.  
  305.  
  306.  
  307. <!-- INÍCIO SIDE -->
  308. <div class="waf-box1">
  309.  
  310. <div class="waf-faixa"></div>
  311.  
  312. <div class="waf-tit"> Título aqui... </div>
  313.  
  314. <!-- MENU -->
  315. <div class="mr-cxmenu">
  316.  
  317. <div class="mr-menu">
  318. <a href="{text:link1}"> {text:link1 nome} </a>
  319. <a href="{text:link2}"> {text:link2 nome} </a>
  320. <a href="#?w=500" rel="message" class="poplight"> {text:link3 nome} </a>
  321. <a href="{text:link4}"> {text:link4 nome} </a>
  322. <a href="{text:link5}"> {text:link5 nome} </a>
  323. </div>
  324. </div>
  325. <!-- MENU -->
  326.  
  327. <div class="mr-status">
  328.  
  329. <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>
  330. <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>
  331. <a href="https://www.tumblr.com/dashboard" title="Dashboard" target="_blank"><i class="fa fa-home" aria-hidden="true"></i></a>
  332. </div>
  333.  
  334. <!-- BOX INTEGRANTES -->
  335. <div id="box-intg">
  336.  
  337. <!-- INTEGRANTE 01 -->
  338. <div id="ch-mod-three-3">
  339. <img src="http://api.tumblr.com/v2/blog/urnasty.tumblr.com/avatar/96/">
  340.  
  341. <div class="ch-mod-hover">
  342. <div class="nome"> Nina</div>
  343. <div class="url"><a href="http://urnasty.tumblr.com/" target="_blank"> urnasty </a></div>
  344. </div>
  345. </div>
  346. <!-- INTEGRANTE 01 -->
  347.  
  348.  
  349. <!-- INTEGRANTE 02 -->
  350. <div id="ch-mod-three-3">
  351. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  352.  
  353. <div class="ch-mod-hover">
  354. <div class="nome"> Gabs </div>
  355. <div class="url"><a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a></div>
  356. </div>
  357. </div>
  358. <!-- INTEGRANTE 02 -->
  359.  
  360.  
  361. <!-- INTEGRANTE 03 -->
  362. <div id="ch-mod-three-3">
  363. <img src="http://api.tumblr.com/v2/blog/excitadeira.tumblr.com/avatar/96/">
  364.  
  365. <div class="ch-mod-hover">
  366. <div class="nome"> Nats </div>
  367. <div class="url"><a href="http://excitadeira.tumblr.com/" target="_blank"> excitadeira </a></div>
  368. </div>
  369. </div>
  370. <!-- INTEGRANTE 03 -->
  371.  
  372.  
  373. <!-- INTEGRANTE 04 -->
  374. <div id="ch-mod-three-3">
  375. <img src="http://api.tumblr.com/v2/blog/noclasse.tumblr.com/avatar/96/">
  376.  
  377. <div class="ch-mod-hover">
  378. <div class="nome"> Jess </div>
  379. <div class="url"><a href="http://noclasse.tumblr.com/" target="_blank"> noclasse </a></div>
  380. </div>
  381. </div>
  382. <!-- INTEGRANTE 04 -->
  383.  
  384. </div>
  385.  
  386. </div>
  387. <!-- FIM SIDE -->
  388.  
  389.  
  390. <!-- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI -->
  391. <div style="position:fixed; bottom:25px; margin-left:10px; height:12px; width:12px; font-size:11px; line-height:12.5px; background:{color:detalhes do theme two}; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); 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://mrwafiosa.tumblr.com/" title="Theme exclusivo - Desenho por: Urnasty - Codificação: Mrwafiosa." style="color:#766454; text-shadow: 0px 1px 1px rgba(225, 225, 225, .1);" target="_blank"><i class="fa fa-code"></i></a></div>
  392. <!-- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI -->
  393.  
  394.  
  395. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  396.  
  397.  
  398.  
  399.  
  400.  
  401. <div id="wafcaixa">
  402.  
  403. {block:Posts}
  404. <div class="posts">
  405.  
  406. {block:Text}
  407. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Montserrat'; line-height:15px; padding-bottom:5px;"><center>
  408. {Title}</center></div>{/block:Title}
  409. {body}
  410. {/block:Text}
  411.  
  412.  
  413.  
  414.  
  415. {block:Quote}
  416. <div class="mr-quotes">{Quote}</div></font>
  417. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  418. {/block:Quote}
  419.  
  420.  
  421.  
  422.  
  423. {block:Chat}
  424. {block:Lines}
  425. <div class="chat">
  426. <div class="lines">{block:Label}
  427. <span>{Label}</span>
  428. {/block:Label}
  429. {Line}</div></div>
  430. {/block:Lines}
  431. {/block:Chat}
  432.  
  433.  
  434.  
  435.  
  436. {block:Link}
  437. <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}
  438. {/block:Link}
  439.  
  440.  
  441.  
  442.  
  443. {block:Audio}
  444. <div class="text">
  445. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  446. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  447. <div id="laudio-caption">
  448. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  449. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  450. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  451. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  452. </div></div>
  453. {/block:Audio}
  454.  
  455.  
  456.  
  457.  
  458. {block:Photo}
  459. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  460. {Caption}
  461. {/block:Photo}
  462.  
  463.  
  464.  
  465.  
  466. {block:Photoset}
  467. <div class="imgpost"><center>{Photoset}</center></div>
  468. {Caption}
  469. {/block:Photoset}
  470.  
  471.  
  472.  
  473.  
  474. {block:Video}
  475. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  476. {Caption}
  477. {/block:Video}
  478.  
  479.  
  480.  
  481.  
  482. {block:Answer}
  483. <img src="{AskerPortraitURL-30}"class="waf-icon">
  484. <div class="waf-perguntou" target="_blank"> {Asker} asked:</div>
  485. <div class="waf-pergunta"> {Question}</div>
  486. <div class="waf-resposta">{Answer}</div>
  487. {/block:Answer}
  488.  
  489.  
  490.  
  491. <!-- Notes #1 - Chillings -->
  492. <div id="ch-note-one">
  493. <div class="ch-note-span"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span></div>
  494.  
  495. <div class="box01"> {DayOfMonthWithZero}, {ShortMonth} </div>
  496. <div class="box02"> <a href="{Permalink}" title="{NoteCount}N">❤N</a> </div>
  497.  
  498. <div class="box03"> <a href="{ReblogURL}">REBLOG</a> </div>
  499.  
  500. <!-- LIKE BY MRWAFIOSA. -->
  501. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-heart"></i></span> </div>
  502.  
  503. </div>
  504. <!-- Notes #1 - Chillings -->
  505.  
  506.  
  507.  
  508.  
  509. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  510. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  511.  
  512. {/block:Posts}
  513. </div>
  514.  
  515.  
  516.  
  517. {block:IndexPage}
  518. <div class="column navigation" id="navigation">
  519. {block:Pagination}
  520. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  521. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  522. </div>
  523. {/block:IndexPage}
  524. </div>
  525.  
  526. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  527. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  528. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  529.  
  530.  
  531. <script type="text/javascript">
  532. $(window).load(function () {
  533. $('#wafcaixa').masonry(),
  534. $('.masonryWrap').infinitescroll({
  535. navSelector : "div#navigation",
  536. nextSelector : "div#navigation a#nextPage",
  537. itemSelector : ".posts",
  538. bufferPx : 10000,
  539. extraScrollPx: 11000,
  540. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  541. loadingText : "",
  542. },
  543. // call masonry as a callback.
  544. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  545. );
  546. });
  547. </script>
  548.  
  549.  
  550. </body>
  551. </html>
  552.  
  553.  
  554.  
  555. <!-- POP UP.-->
  556. <div id="message" class="waf-pop">
  557. <!-- TAGS.-->
  558. <div class="mr-cx">
  559.  
  560. <div style="position:fixed; margin-left:30px; margin-top:10px; width:480px; height:13px; padding:5px; margin:4px; text-align:center; font-size:12px; letter-spacing:1px; font-family:'Rationale', sans-serif; color:#fff; background:{color:detalhes do theme two}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); text-transform:uppercase;"> Nossas tags </div>
  561.  
  562. <div class="mr-tags">
  563. <a href="/"> TAG 00 </a>
  564. <a href="/"> TAG 00 </a>
  565. <a href="/"> TAG 00 </a>
  566. <a href="/"> TAG 00 </a>
  567. <a href="/"> TAG 00 </a>
  568. <a href="/"> TAG 00 </a>
  569. <a href="/"> TAG 00 </a>
  570. <a href="/"> TAG 00 </a>
  571. <a href="/"> TAG 00 </a>
  572. <a href="/"> TAG 00 </a>
  573. <a href="/"> TAG 00 </a>
  574. <a href="/"> TAG 00 </a>
  575. <a href="/"> TAG 00 </a>
  576. <a href="/"> TAG 00 </a>
  577. <a href="/"> TAG 00 </a>
  578. <a href="/"> TAG 00 </a>
  579. <a href="/"> TAG 00 </a>
  580. <a href="/"> TAG 00 </a>
  581. <a href="/"> TAG 00 </a>
  582. <a href="/"> TAG 00 </a>
  583. <a href="/"> TAG 00 </a>
  584. <a href="/"> TAG 00 </a>
  585. <a href="/"> TAG 00 </a>
  586. <a href="/"> TAG 00 </a>
  587. </div>
  588.  
  589. </div>
  590. <!-- TAGS.-->
  591.  
  592. </div>
  593. <!-- POP UP.-->
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!