API tools faq
paste
wafiosadesigns

Vitrine Antiga - 06/2017

wafiosadesigns
Sep 3rd, 2017
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.39 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.  
  20. function click() {
  21. if (event.button==2||event.button==3) {
  22. oncontextmenu='return false';
  23. }
  24. }
  25. document.onmousedown=click
  26. document.oncontextmenu = new Function("return false;")
  27.  
  28. </script>
  29.  
  30.  
  31.  
  32. <!--
  33. ♡ ❤ ♡
  34. ••••••••••
  35. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  36. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  37. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  38.  
  39. -->
  40.  
  41.  
  42. <!-- FAVICON AND TITLE -->
  43. <link rel="shortcut icon" href="http://static.tumblr.com/u89hi8f/FPWopjmj7/waf-icon.png">
  44. <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>
  45.  
  46.  
  47.  
  48. <!-- APPEARANCE -->
  49.  
  50. <meta name="color:background" content="#f6f6f6" />
  51. <meta name="color:detalhes da vitrine" content="#a398c2"/>
  52. <meta name="color:caixa principal" content="#f6f6f6"/>
  53. <meta name="color:caixa themes" content="#f6f6f6"/>
  54.  
  55. <meta name="text:sua url aqui" content="mrwafiosa" />
  56.  
  57.  
  58. </head>
  59. <style>
  60.  
  61. /* EM BACKGROUND IMAGE URL, VOCÊ MUDA O FUNDO OU RETIRE. CASO QUEIRA SEM. */
  62. body{background-image:url('http://static.tumblr.com/u89hi8f/nqgoqq2zg/pattern1.png'); color:{color:link}; font-family:'Electrolize'; font-size:12px; text-align:left;}
  63. a {color:{color:link}; text-decoration:none;}
  64. a:hover {color:{color:lbackground}; text-decoration:none}
  65. b {color:{color:negrito};}
  66.  
  67. titulo{text-decoration:none;}
  68.  
  69. blockquote {margin:0px;}
  70.  
  71. .vsanna{display:none;}
  72.  
  73. /* CURSOR PERSONALIZADO */
  74. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  75. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  76.  
  77. #tumblr_controls{position: fixed!important; z-index:15;}
  78. 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;}
  79. 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;}
  80.  
  81. /* BARRA DE ROLAGEM */
  82. ::-webkit-scrollbar-thumb{background-color:#9488b7; height:auto;}
  83. ::-webkit-scrollbar {height:4px; width:2px; background-color:#fff;}
  84.  
  85. /* SELEÇÃO DO TEXTO */
  86. ::selection{background:#fff; color:{color:detalhes da vitrine};}
  87. ::-moz-selection{background:#fff; color:{color:detalhes da vitrine};}
  88. ::-webkit-selection{background:#fff; color:{color:detalhes da vitrine};}
  89.  
  90. /* TOOLTIP */
  91. .tooltip {display: inline; position: relative;}
  92. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:background}; font-family:'Rationale', sans-serif; text-align:left; font-size:13px; text-transform:uppercase; color:#000; font-size:10px; padding:7px; border-top:5px solid {color:detalhes da vitrine}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:999999999999999999;}
  93.  
  94. /* SIDE DOS TÍTULOS / MENU */
  95. .waf-boxleft{position:fixed; width:97.3%; height:90px; margin-left:10px; margin-top:0px; background:{color:detalhes da vitrine}; z-index:99999999;}
  96.  
  97. .waf-boxleft::before{position:fixed; margin-left:0px; margin-top:100px; width:495px; height:150%; background:{color:caixa themes}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .5), inset -1px -1px 1px rgba(0, 0, 0, .5); content:" "}
  98.  
  99. .waf-dsg{position:fixed; margin-left:25px; margin-top:10px; font-size:40px; color:#9488b7; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; font-family:'Rationale'; text-transform:uppercase;}
  100. .waf-dsg2{position:fixed; margin-left:80px; margin-top:25px; font-size:35px; color:#fff; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; font-family:'Sacramento';}
  101. .waf-dsg3{position:fixed; margin-left:22px; margin-top:66px; font-size:12px; color:#9488b7; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; font-family:'Rationale'; text-transform:uppercase;}
  102.  
  103. .waf-faixa{position:fixed; margin-top:-30px; margin-left:0px; width:220px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center;}
  104. .waf-faixa::after{position:absolute; left:226px; top:-8px; color:{color:detalhes da vitrine}; font-size:20px; content:'◤';}
  105. .waf-faixa::before{position:absolute; left:224px; top:3px; color:{color:detalhes da vitrine}; font-size:20px; transform:rotate(267deg); content:'◤';}
  106.  
  107. /* BOX DA ASK. */
  108. .waf-box{display:inline; position:fixed; text-align:left; margin-left:5px; margin-top:420px; width:465px; height:190px; padding:8px; background:{color:detalhes da vitrine};}
  109.  
  110. .ask-avise{position:fixed; margin-top:-230px; margin-left:255px; width:220px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center;}
  111. .ask-avise::after{position:absolute; left:226px; top:-8px; color:{color:detalhes da vitrine}; font-size:20px; content:'◤';}
  112. .ask-avise::before{position:absolute; left:224px; top:3px; color:{color:detalhes da vitrine}; font-size:20px; transform:rotate(267deg); content:'◤';}
  113.  
  114. /* REGRAS */
  115. .mr-regras{position:fixed; margin-left:200px; margin-top:14px; width:600px; height:auto; z-index:9999999;}
  116. .mr-regras a {float:left; text-align:center; font-size:11px; margin:1px; letter-spacing:1px; font-family:'Rationale', sans-serif; padding:3px; width:250px; height:auto; color:#000; background:{color:background}; box-shadow:inset -1px -1px 1px rgba(0, 0, 0, .2), inset 1px 1px 1px rgba(0, 0, 0, .5); text-transform:uppercase; border-radius:4px;}
  117.  
  118. /* BOX DA ASK. */
  119.  
  120. /* PARCEIROS */
  121. .parceiros{position:fixed; display:inline-block; overflow:auto; width:210px; height:63px; margin-top:300px; margin-left:265px; padding:6px; border-top:5px solid {color:detalhes da vitrine}; background:{color:detalhes da vitrine}; border:1px solid #9488b7; z-index:999999999999999999;}
  122. .parceiros img{width:20px; height:20px; display:inline-block; padding:4px; background:{color:detalhes da vitrine}; border:2px solid {color:caixa themes}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.5), inset -1px -1px 1px rgba(0,0,0,.5); border-radius:100%;}
  123.  
  124. .waf-parc{position:fixed; margin-top:-38px; margin-left:-5px; width:220px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center;}
  125. .waf-parc::after{position:absolute; left:226px; top:-8px; color:{color:detalhes da vitrine}; font-size:20px; content:'◤';}
  126. .waf-parc::before{position:absolute; left:224px; top:3px; color:{color:detalhes da vitrine}; font-size:20px; transform:rotate(267deg); content:'◤';}
  127. /* PARCEIROS */
  128.  
  129.  
  130. /* PEDIDOS */
  131. .mr-pedidos{position:fixed; margin-left:270px; margin-top:140px; width:200px;
  132. height:auto; text-align:center; z-index:9999999;}
  133. .mr-pedidos a {float:left; text-align:center; font-size:11px; margin:1px; letter-spacing:1px; font-family:'Rationale', sans-serif; padding:3px; width:200px; height:auto; color:{color:caixa themes}; background:{color:detalhes da vitrine}; box-shadow:inset -1px -1px 1px rgba(0, 0, 0, .2), inset 1px 1px 1px rgba(0, 0, 0, .5); text-transform:uppercase; border-radius:4px;}
  134. /* PEDIDOS */
  135.  
  136. /* SIDE DOS TÍTULOS / MENU */
  137.  
  138.  
  139. /* CAIXA TOTAL ONDE ESTÃO AS SKINS, THEMES, ETC. MEXA APENAS EM MARGIN-LEFT, TOP E BACKGROUND */
  140. .waf-boxright{position:fixed; width:770px; height:700px; margin-left:540px; margin-top:55px; z-index:9999999999999;}
  141. /* CAIXA TOTAL ONDE ESTÃO AS SKINS, THEMES, ETC. MEXA APENAS EM MARGIN-LEFT, TOP E BACKGROUND */
  142.  
  143. /* ESTILO DE MENU POR MR. WAFIOSA / MR. ARRYN - NÃO COPIE, NEM SE INSPIRE */
  144. .mr-menu {position:fixed; margin-left:570px; margin-top:-25px; width:auto; height:auto; font-family:'Rationale'; font-size:14px; text-align:center; z-index:99999999999999999;}
  145. .mr-menu a{display:inline-block; padding:5px; width:80px; height:12px; line-height:14px; color:#000; background:{color:caixa themes}; box-shadow:inset 1px 1px 2px rgba(0,0,0,.8), 1px 1px 2px rgba(255,255,255,.1); border-radius:3px; letter-spacing:.5px; text-transform:uppercase; text-align:center; margin-right:28px;}
  146.  
  147. .mr-faixa{position:fixed; margin-top:10px; margin-left:-5px; width:90px; height:4px; background:#9488b7; box-shadow:inset 1px 1px 2px rgba(0,0,0,.8), 1px 1px 2px rgba(255,255,255,.1); border-radius:3px;}
  148. /* MENU PESSOAL E I-FRAME */
  149.  
  150. .waf-menu {position:fixed; margin-left:205px; margin-top:-25px; width:auto; height:auto; display:inline-block; font-family:'Rationale'; font-size:14px; text-align:center; text-transform:uppercase; cursor: hand;}
  151. .waf-menu a{display:inline-block; padding:5px; width:80px; height:12px; color:#000; line-height:14px; background:{color:caixa themes}; box-shadow:inset 1px 1px 2px rgba(0,0,0,.8), 1px 1px 2px rgba(255,255,255,.1); border-radius:3px; letter-spacing:.5px; text-transform:uppercase; text-align:center; margin-right:28px;}
  152.  
  153. .mr-faixa2{position:fixed; margin-top:10px; margin-left:-5px; width:90px; height:4px; background:#9488b7; box-shadow:inset 1px 1px 2px rgba(0,0,0,.8), 1px 1px 2px rgba(255,255,255,.1); border-radius:3px;}
  154. /* ESTILO DE MENU POR MR. WAFIOSA / MR. ARRYN - NÃO COPIE, NEM SE INSPIRE */
  155.  
  156. /* TODAS AS CAIXAS DE THEMES, ETC. */
  157.  
  158. /* THEMES */
  159. .mrthm-tit{position:fixed; margin-top:-30px; margin-left:235px; width:500px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center;}
  160. .mrthm-tit::after{position:absolute; left:506px; top:-8px; color:{color:detalhes da vitrine}; font-size:20px; content:'◤';}
  161. .mrthm-tit::before{position:absolute; left:505px; top:3px; color:{color:detalhes da vitrine}; font-size:20px; transform:rotate(267deg); content:'◤';}
  162.  
  163. .waf-side1{position:fixed; display:inline; margin-top:50px; margin-left:10px; width:740px; height:445px; text-align:center; padding:3px; background:{color:caixa themes}; border-top:35px solid {color:caixa themes}; overflow:auto;}
  164.  
  165. .mr-cx1 {position:relative; display:inline-block; width:127px; padding:5px; margin:3px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0,0,0,.3);}
  166.  
  167. .themes-img img{margin-top:5px; width:128px; height:67px; text-align:center; background:{color:detalhes da vitrine};}
  168. .themes-img a{display:inline-block; width:66px; text-align:center; line-height:2px; overflow:hidden;}
  169.  
  170. .preview {width:auto; margin-left:0px; margin-top:0px; text-align:left; font-family:'Rationale'; font-size:12px;}
  171. .preview a{display:inline-block; width:88.4px; height:auto; padding:3px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255,255,255,.5), inset -1px -1px 1px rgba(0,0,0,.5); letter-spacing:1px; color:#fff; text-align:center; text-transform:uppercase; transition:2s;}
  172. .preview a:hover{box-shadow:inset 1px 1px 1px rgba(0,0,0,.5), inset -1px -1px 0px rgba(255,255,255,.2); transition:2s;}
  173. /* THEMES */
  174.  
  175.  
  176. /* SIDE DOS MATERIAIS */
  177. .waf-side2{position:fixed; display:none; margin-top:30px; margin-left:10px; width:740px; height:218px; text-align:center; padding:3px; overflow:auto}
  178.  
  179. /* CAIXAS DO UPDATE */
  180. .mrup-tit{position:fixed; margin-top:-30px; margin-left:50px; width:140px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center; z-index:99999999;}
  181. .caixa-update::before{position:fixed; margin-left:0px; margin-top:-35px; color:{color:detalhes da vitrine}; font-size:30px; font-family:'Share Tech mono'; content:'••••••••••••••••';}
  182.  
  183. .caixa-update{position:fixed; margin-top:10px; margin-left:0px; width:260px; text-align:center; height:174px; padding:3px; background:{color:caixa themes}; border-top:35px solid {color:caixa themes}; overflow:auto;}
  184.  
  185. .mr-cx2 {position:relative; display:inline-block; width:auto; padding:5px; margin:3px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0,0,0,.3);}
  186.  
  187. .preview2 {width:auto; margin-left:0px; margin-top:1px; text-align:left; font-family:'Rationale'; font-size:12px;}
  188. .preview2 a{display:inline-block; width:70px; height:16px; line-height:16px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .3); letter-spacing:1px; color:#000; padding:1px; text-align:center; text-transform:uppercase; transition:2s;}
  189. .preview2 a:hover{box-shadow:inset 1px 1px 1px rgba(0,0,0,.5), inset -1px -1px 0px rgba(255,255,255,.2); transition:2s;}
  190. /* CAIXAS DO UPDATE */
  191.  
  192. /* CAIXAS DAS SKINS */
  193. .mrskin-tit{position:fixed; margin-top:-30px; margin-left:35px; width:100px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center; z-index:99999999;}
  194. .caixa-skins::before{position:fixed; margin-left:-87px; margin-top:-35px; color:{color:detalhes da vitrine}; font-size:30px; font-family:'Share Tech mono'; content:'•••••••••••';}
  195.  
  196. .caixa-skins{position: fixed; margin-top:10px; margin-left:590px; width:175px; height:525px; text-align:center; padding:3px; background:{color:caixa themes}; border-top:35px solid {color:caixa themes}; overflow:auto;}
  197.  
  198. .skins-img img{width:70px; height:20px; text-align:left;}
  199. .skins-img a{display:inline-block; width:70px; height:20px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0,0,0,.3); line-height:2px; margin:3px; overflow:hidden; transition:1s; padding:3px;}
  200. /* CAIXAS DAS SKINS *
  201.  
  202.  
  203. /* CAIXAS DOS CONTADORES */
  204. .mrcont-tit{position:fixed; margin-top:-30px; margin-left:65px; width:150px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center; z-index:99999999;}
  205. .caixa-contador::before{position:fixed; margin-left:-5px; margin-top:-35px; color:{color:detalhes da vitrine}; font-size:30px; font-family:'Share Tech mono'; content:'••••••••••••••••••';}
  206.  
  207. .caixa-contador{position:fixed; margin-top:10px; margin-left:280px; width:290px; text-align:center; height:174px; padding:3px; background:{color:caixa themes}; border-top:35px solid {color:caixa themes}; overflow:auto;}
  208.  
  209. .mr-cx5 {position:relative; display:inline-block; width:auto; padding:5px; margin:3px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0,0,0,.3);}
  210.  
  211. .preview5 {width:auto; margin-left:0px; margin-top:1px; text-align:left; font-family:'Rationale'; font-size:12px;}
  212. .preview5 a{display:inline-block; width:85px; height:16px; line-height:16px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .3); letter-spacing:1px; color:#000; padding:1px; text-align:center; text-transform:uppercase; transition:2s;}
  213. .preview5 a:hover{box-shadow:inset 1px 1px 1px rgba(0,0,0,.5), inset -1px -1px 0px rgba(255,255,255,.2); transition:2s;}
  214. /* CAIXAS DOS CONTADORES */
  215.  
  216.  
  217. /* CAIXAS DOS ESTILOS DE ASK / BASE THEMES */
  218. .mrbases-tit{position:fixed; margin-top:-30px; margin-left:40px; width:90px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center; z-index:99999999;}
  219. .caixa-bases::before{position:fixed; margin-left:-5px; margin-top:-35px; color:{color:detalhes da vitrine}; font-size:30px; font-family:'Share Tech mono'; content:'•••••••••••';}
  220. .caixa-bases2::before{position:fixed; margin-left:-5px; margin-top:-35px; color:{color:detalhes da vitrine}; font-size:30px; font-family:'Share Tech mono'; content:'•••••••••••';}
  221. .caixa-bases3::before{position:fixed; margin-left:-5px; margin-top:-35px; color:{color:detalhes da vitrine}; font-size:30px; font-family:'Share Tech mono'; content:'•••••••••••';}
  222.  
  223. .caixa-bases{position:fixed; margin-top:238px; margin-left:0px; width:175px; text-align:center; height:140px; padding:3px; background:{color:caixa themes}; border-top:35px solid {color:caixa themes}; overflow:auto;}
  224.  
  225. .caixa-bases2{position:fixed; margin-top:238px; margin-left:197px; width:175px; text-align:center; height:140px; padding:3px; background:{color:caixa themes}; border-top:35px solid {color:caixa themes}; overflow:auto;}
  226.  
  227. .caixa-bases3{position:fixed; margin-top:238px; margin-left:395px; width:175px; text-align:center; height:140px; padding:3px; background:{color:caixa themes}; border-top:35px solid {color:caixa themes}; overflow:auto;}
  228.  
  229. .mr-cx4 {position:relative; display:inline-block; width:auto; padding:5px; margin:3px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0,0,0,.3);}
  230.  
  231. .preview4 {width:auto; margin-left:0px; margin-top:1px; text-align:left; font-family:'Rationale'; font-size:12px;}
  232. .preview4 a{display:inline-block; width:110px; height:16px; line-height:16px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .3); letter-spacing:1px; color:#000; padding:1px; text-align:center; text-transform:uppercase; transition:2s;}
  233. .preview4 a:hover{box-shadow:inset 1px 1px 1px rgba(0,0,0,.5), inset -1px -1px 0px rgba(255,255,255,.2); transition:2s;}
  234. /* CAIXAS DOS ESTILOS DE ASK / BASE THEMES */
  235.  
  236.  
  237. /* TUTORIAS */
  238. .mrtutorial-tit{position:fixed; margin-top:-30px; margin-left:200px; width:150px; height:auto; padding:4px; background:{color:detalhes da vitrine}; font-family:'Rationale'; font-size:13px; color:{color:caixa themes}; text-transform:uppercase; text-align:center; z-index:99999999;}
  239. .caixa-tutorial::before{position:fixed; margin-left:0px; margin-top:-35px; color:{color:detalhes da vitrine}; font-size:30px; font-family:'Share Tech mono'; content:'•••••••••••••••••••••••••••••••••••';}
  240.  
  241. .caixa-tutorial{position:fixed; margin-top:430px; margin-left:0px; width:570px; height:68px; text-align:left; padding:3px; background:{color:caixa themes}; border-top:35px solid {color:caixa themes}; overflow:auto;}
  242. .waf-list a{display:inline-block; width:120px; height:16px; line-height:16px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .3); letter-spacing:1px; color:#000; padding:1px; font-family:'Rationale'; font-size:12px; text-align:center; text-transform:uppercase; transition:2s;}
  243. .waf-list a:hover{box-shadow:inset 1px 1px 1px rgba(0,0,0,.5), inset -1px -1px 0px rgba(255,255,255,.2); transition:2s;}
  244.  
  245. .mr-cx3 {position:relative; display:inline-block; width:auto; padding:5px; margin:3px; background:{color:detalhes da vitrine}; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0,0,0,.3);}
  246. /* TUTORIAS */
  247.  
  248. /* SIDE DOS MATERIAIS */
  249.  
  250. /* TODAS AS CAIXAS DE THEMES, ETC. */
  251.  
  252. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  253. .mr-credito{position:fixed; bottom:30px; right:10px; width:20px; height:18px; font-size:10px; line-height:18px; font-family:'Share Tech Mono'; text-align:center; color:#fff; background:{color:detalhes da vitrine}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); border-radius:3px; color:#fff; z-index:99999999999;}
  254. /* CRÉDITO POR MR. WAFIOSA - NÃO RETIRE ESSA PORRA AQUI NÃO - NÃO COPIE SEM MINHA PERMISSÃO */
  255.  
  256.  
  257. </style>
  258.  
  259. <!--- FONTES PERSONALIZADAS GOOGLE --->
  260. <link href="https://fonts.googleapis.com/css?family=Aldrich|Clicker+Script|Cookie|Great+Vibes|Quicksand|Rationale|Rochester|Teko|Unica+One" rel="stylesheet">
  261.  
  262. <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
  263.  
  264. <link href="https://fonts.googleapis.com/css?family=Bad+Script|Baumans|Great+Vibes|Sacramento|Cinzel|Oswald" rel="stylesheet">
  265. <!--- FONTES PERSONALIZADAS GOOGLE --->
  266.  
  267. <body>
  268.  
  269. <div style="position:fixed; top:-5px; margin-left:-10px; width:150%; height:30px; background-image:url('http://static.tumblr.com/u89hi8f/nqgoqq2zg/pattern1.png'); z-index:999999;"></div>
  270. <!-- SIDE 01 -->
  271. <div class="waf-boxleft">
  272.  
  273. <!-- BOLINHAS, TÍTULOS, AND DETALHES -->
  274. <div class="waf-dsg"> Wafiosa </div>
  275. <div class="waf-dsg2"> Design's </div>
  276. <div class="waf-dsg3"> Originally Since 2016. Don't Copy. </div>
  277.  
  278. <div style="position:fixed; margin-left:0px; margin-top:-11px; font-size:30px; color:#9488b7; 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';"> •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• </div>
  279.  
  280. <div style="position:fixed; margin-left:0px; margin-top:65px; font-size:30px; color:#9488b7; 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';"> •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• </div>
  281.  
  282. <div style="position:fixed; margin-left:-23px; margin-top:28.2px; font-size:30px; color:#9488b7; 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'; transform:rotate(90deg);"> •••• </div>
  283.  
  284. <div style="position:fixed; margin-left:1290px; margin-top:28.2px; font-size:30px; color:#9488b7; 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'; transform:rotate(90deg);"> •••• </div>
  285.  
  286. <!-- BOLINHAS, TÍTULOS, AND DETALHES -->
  287.  
  288.  
  289. <!--- STATUS DE PEDIDOS --->
  290.  
  291. <div class="mr-pedidos">
  292. <div class="waf-faixa"> FICHAS DE PEDIDOS PARA MATERIAIS EXCLUSIVOS </div>
  293.  
  294. <div style="position:fixed; margin-left:-260px; margin-top:-30px; font-size:13px; background:{color:detalhes da vitrine}; color:{color:caixa themes}; font-family:'Rationale', sans-serif; text-transform:uppercase; box-shadow:inset -1px -1px 1px rgba(0, 0, 0, .2), inset 1px 1px 1px rgba(0, 0, 0, .5); border-radius:4px; padding:4px; width:240px; height:295px; text-align:center; overflow:auto; z-index:999999999;">
  295. <font color="#000"> TERMOS DOS PEDIDOS </font>
  296. <br>
  297. <br>
  298. <font color="#000"> 01.</font> Não repasse nenhum código.
  299. <br>
  300. <font color="#000"> 02.</font> Não vou fazer do jeito que eu achar melhor, ou parecido com outro theme.
  301. <br>
  302. <font color="#000"> 03.</font> Mande todos os detalhes possíveis, na falta de algum não será possível alterar após o pedido ser entregue.
  303. <br>
  304. <font color="#000"> 04.</font> Existem prazos, não me apresse, além de ser chato, vou parar de fazer, e fim.
  305. <br>
  306. <font color="#000"> 05.</font> Se houver reclamação de plágio, resvolva com a pessoa que desenhou, eu só codifico amor. Todos os créditos estarão no theme.
  307. <br>
  308. <br>
  309. <font color="#000"> PRAZOS PARA ENTREGA </font>
  310. <br>
  311. <br>
  312. <font color="#000"> 01.</font> Entrega do theme: Isso vai depender de quantos themes eu estiver fazendo e conforme o meu tempo.
  313. <br>
  314. <font color="#000"> 02.</font> Se for pedir um theme, pra mudar em 2 semanas, ou em um mês, nem peça.
  315. <br>
  316. </div>
  317.  
  318. <a href="/" title="Clique para pegar a ficha." target="_blank"><font color="{color:detalhes da vitrine}">01.</font> Ficha/Status: Themes <font color="green"style="font-size:13px;"><small>ON</small></font> </a>
  319.  
  320. <a href="/" title="Clique para pegar a ficha." target="_blank"><font color="{color:detalhes da vitrine}">02.</font> Ficha/Status: Skins <font color="green"style="font-size:13px;"><small>ON</small></font> </a>
  321.  
  322. <a href="/" title="Clique para pegar a ficha." target="_blank"><font color="{color:detalhes da vitrine}">03.</font> Ficha/Status: Caixinhas <font color="green"style="font-size:13px;"><small>ON</small></font> </a>
  323.  
  324. <a href="/" title="Clique para pegar a ficha." target="_blank"><font color="{color:detalhes da vitrine}">03.</font> Ficha/Status: Contadores <font color="green"style="font-size:13px;"><small>ON</small></font> </a>
  325.  
  326. <a href="/submit" title="Clique e irá pra minha submit." target="_blank"><font color="{color:detalhes da vitrine}">05.</font> E mande nesta submit. </a>
  327.  
  328. </div>
  329. <!--- STATUS DE PEDIDOS --->
  330.  
  331. <!--- PARCEIROS HERE --->
  332.  
  333. <div class="parceiros">
  334.  
  335. <div class="waf-parc"> Meus Parceiros | Recomendo </div>
  336.  
  337.  
  338. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  339.  
  340. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  341.  
  342. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  343.  
  344. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  345.  
  346. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  347.  
  348. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  349.  
  350. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  351.  
  352. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  353.  
  354. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  355.  
  356. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  357.  
  358. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  359.  
  360. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  361.  
  362. <a href="http://mrwafiosa.tumblr.com/" title="mrwafiosa" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  363.  
  364.  
  365. </div>
  366. <!--- PARCEIROS HERE --->
  367.  
  368.  
  369. <!-- ASK -->
  370.  
  371. <div class="waf-box">
  372. <center><iframe frameborder="0" scrolling="yes" width="100%" height="190px" src="http://www.tumblr.com/ask_form/wafdesigns.tumblr.com" style="background-color:#202020; overflow:auto; opacity:1px;" id="ask_form"></iframe></center>
  373.  
  374. <div class="ask-avise"> Avise aqui se pegar algo. </div>
  375.  
  376. </div>
  377. <!-- ASK -->
  378.  
  379. <!-- REGRAS.-->
  380.  
  381. <div class="mr-regras">
  382.  
  383. <a> <font color="{color:detalhes da vitrine}">Leia:.</font><font color="#b2a3ff">01. </font>Estejam me seguindo. </a>
  384. <a><font color="{color:detalhes da vitrine}">02.</font> Avise se pegar algo, é o mínimo que eu peço. </a>
  385. <a><font color="{color:detalhes da vitrine}">03. </font>Não copie nenhum detalhe, nem se inspire. </a>
  386. <a><font color="{color:detalhes da vitrine}">04. </font>Faço exclusivos, olhe o status de pedidos. </a>
  387. <a style="width:508px;"><font color="{color:detalhes da vitrine}">05. </font> Qualquer dúvida, sugestão, será bem-vinda desde que seja construtiva fiquem à vontade.</a>
  388.  
  389. </div>
  390. <!-- REGRAS.-->
  391.  
  392.  
  393. </div>
  394. <!-- FIM DA SIDE LETF -->
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402. <!-- SIDE RIGHT -->
  403.  
  404. <div class="waf-boxright">
  405.  
  406. <!-- MENU PESSOAL.-->
  407. <div class="waf-menu">
  408. <a href="http://mrwafiosa.tumblr.com/" target="_blank"> Blog Pessoal <div class="mr-faixa"></div></a>
  409.  
  410. <a href="https://www.tumblr.com/follow/{text:sua url}" target="_blank"> Follow Me <div class="mr-faixa"></div></a>
  411. <a href="https://www.tumblr.com/dashboard?conversation={text:sua url}" target="_blank"> Conversation <div class="mr-faixa"></div></a>
  412.  
  413. </div>
  414. <!-- MENU PESSOAL.-->
  415.  
  416.  
  417. <!-- MENU DO BOX, (THEMES, RECOMENDO E AVISE). NÃO MEXA NESSE MENU, PELAMOR DE DEUS. SE FOR MUDAR, MUDE APENAS OS FA FA (EMOTICONS) E DPS DO </i> O NOME NO MENU, EX: THEMES, AVISE, E RECOMENDO, SÓ MUDE ISSO. -->
  418. <div class="mr-menu">
  419.  
  420. <a href="waf-side1"> THEMES <div class="mr-faixa2"></div></a>
  421.  
  422. <a href="waf-side2"> MATERIAIS <div class="mr-faixa2"></div></a>
  423.  
  424. </div>
  425. <!-- MENU DO BOX, (THEMES, RECOMENDO E AVISE). NÃO MEXA NESSE MENU, PELAMOR DE DEUS. SE FOR MUDAR, MUDE APENAS OS FA FA (EMOTICONS) E DPS DO </i> O NOME NO MENU, EX: THEMES, AVISE, E RECOMENDO, SÓ MUDE ISSO. -->
  426.  
  427.  
  428.  
  429. <!--- THEMES FEMININOS --->
  430.  
  431. <div class="waf-side1">
  432.  
  433.  
  434. <div class="mrthm-tit"> Todos Os Themes (Pessoais | Vitrines | Famílias | Abouts)</div>
  435.  
  436. <!-- THEME 00 -->
  437. <div class="mr-cx1">
  438. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  439. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  440. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  441. </div>
  442. <!-- THEME 00 -->
  443.  
  444. <!-- THEME 00 -->
  445. <div class="mr-cx1">
  446. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  447. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  448. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  449. </div>
  450. <!-- THEME 00 -->
  451.  
  452. <!-- THEME 00 -->
  453. <div class="mr-cx1">
  454. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  455. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  456. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  457. </div>
  458. <!-- THEME 00 -->
  459.  
  460. <!-- THEME 00 -->
  461. <div class="mr-cx1">
  462. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  463. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  464. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  465. </div>
  466. <!-- THEME 00 -->
  467.  
  468. <!-- THEME 00 -->
  469. <div class="mr-cx1">
  470. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  471. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  472. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  473. </div>
  474. <!-- THEME 00 -->
  475.  
  476. <!-- THEME 00 -->
  477. <div class="mr-cx1">
  478. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  479. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  480. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  481. </div>
  482. <!-- THEME 00 -->
  483.  
  484. <!-- THEME 00 -->
  485. <div class="mr-cx1">
  486. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  487. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  488. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  489. </div>
  490. <!-- THEME 00 -->
  491.  
  492. <!-- THEME 00 -->
  493. <div class="mr-cx1">
  494. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  495. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  496. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  497. </div>
  498. <!-- THEME 00 -->
  499.  
  500. <!-- THEME 00 -->
  501. <div class="mr-cx1">
  502. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  503. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  504. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  505. </div>
  506. <!-- THEME 00 -->
  507.  
  508. <!-- THEME 00 -->
  509. <div class="mr-cx1">
  510. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  511. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  512. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  513. </div>
  514. <!-- THEME 00 -->
  515.  
  516. <!-- THEME 00 -->
  517. <div class="mr-cx1">
  518. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  519. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  520. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  521. </div>
  522. <!-- THEME 00 -->
  523.  
  524. <!-- THEME 00 -->
  525. <div class="mr-cx1">
  526. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  527. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  528. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  529. </div>
  530. <!-- THEME 00 -->
  531.  
  532. <!-- THEME 00 -->
  533. <div class="mr-cx1">
  534. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  535. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  536. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  537. </div>
  538. <!-- THEME 00 -->
  539.  
  540. <!-- THEME 00 -->
  541. <div class="mr-cx1">
  542. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  543. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  544. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  545. </div>
  546. <!-- THEME 00 -->
  547.  
  548. <!-- THEME 00 -->
  549. <div class="mr-cx1">
  550. <div class="preview"><a href="/" target="_blank">THEME <font color="#222"> 00. </a>
  551. <a href="/" style="width:auto; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> COD. </a></div>
  552. <div class="themes-img"><img src="http://static.tumblr.com/u89hi8f/OFtoqqhlo/embreve.png"></div>
  553. </div>
  554. <!-- THEME 00 -->
  555.  
  556.  
  557. </div>
  558. <!--- THEMES FEMININOS --->
  559.  
  560.  
  561.  
  562.  
  563.  
  564. <!--- SIDE 2 (MATERIAIS) --->
  565. <div class="waf-side2">
  566.  
  567.  
  568. <!--- UPDATES --->
  569.  
  570. <div class="caixa-update">
  571.  
  572. <div class="mrup-tit"> Caixinhas | Updates </div>
  573.  
  574. <!-- CAIXINHA 00 -->
  575. <div class="mr-cx2">
  576. <div class="preview2"><a href="/" title="Em breve" target="_blank"> Caixa <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="width:35px; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> CÓD. </a></div></div>
  577. <!-- CAIXINHA 00 -->
  578.  
  579.  
  580. <!-- CAIXINHA 00 -->
  581. <div class="mr-cx2">
  582. <div class="preview2"><a href="/" title="Em breve" target="_blank"> Caixa <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="width:35px; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> CÓD. </a></div></div>
  583. <!-- CAIXINHA 00 -->
  584.  
  585.  
  586. <!-- CAIXINHA 00 -->
  587. <div class="mr-cx2">
  588. <div class="preview2"><a href="/" title="Em breve" target="_blank"> Caixa <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="width:35px; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> CÓD. </a></div></div>
  589. <!-- CAIXINHA 00 -->
  590.  
  591.  
  592. <!-- CAIXINHA 00 -->
  593. <div class="mr-cx2">
  594. <div class="preview2"><a href="/" title="Em breve" target="_blank"> Caixa <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="width:35px; background:{color:background}; color:{color:detalhes da vitrine};" target="_blank"> CÓD. </a></div></div>
  595. <!-- CAIXINHA 00 -->
  596.  
  597.  
  598. </div>
  599. <!--- UPDATES --->
  600.  
  601. <!--- SKINS --->
  602. <div class="caixa-skins">
  603.  
  604. <div class="mrskin-tit"> SKINS </div>
  605.  
  606. <div class="skins-img">
  607.  
  608. <!--- SKIN 00 --->
  609. <a href=" / " target="_blank" title="EM BREVE..."><img src="http://static.tumblr.com/u89hi8f/71uopp04p/skin-desc.png"></a>
  610.  
  611. <!--- SKIN 00 --->
  612. <a href=" / " target="_blank" title="EM BREVE..."><img src="http://static.tumblr.com/u89hi8f/71uopp04p/skin-desc.png"></a>
  613.  
  614. <!--- SKIN 00 --->
  615. <a href=" / " target="_blank" title="EM BREVE..."><img src="http://static.tumblr.com/u89hi8f/71uopp04p/skin-desc.png"></a>
  616.  
  617. <!--- SKIN 00 --->
  618. <a href=" / " target="_blank" title="EM BREVE..."><img src="http://static.tumblr.com/u89hi8f/71uopp04p/skin-desc.png"></a>
  619.  
  620.  
  621. </div></div>
  622. <!--- SKINS --->
  623.  
  624. <!--- BASES--->
  625.  
  626. <div class="caixa-bases">
  627.  
  628. <div class="mrbases-tit"> Bases </div>
  629.  
  630. <!-- BASES 00 -->
  631. <div class="mr-cx4">
  632. <div class="preview4"><a href="/" title=" EM BREVE" target="_blank"> Base Theme <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="background:{color:background}; color:{color:detalhes da vitrine}; width:35px;" target="_blank"> CÓD. </a></div></div>
  633.  
  634. <!-- BASES 00 -->
  635. <div class="mr-cx4">
  636. <div class="preview4"><a href="/" title=" EM BREVE" target="_blank"> Base About <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="background:{color:background}; color:{color:detalhes da vitrine}; width:35px;" target="_blank"> CÓD. </a></div></div>
  637.  
  638.  
  639.  
  640. </div>
  641. <!--- BASES --->
  642.  
  643.  
  644.  
  645. <!--- ESTILO DE NOTES --->
  646.  
  647. <div class="caixa-bases2">
  648.  
  649. <div class="mrbases-tit"> Estilos de Notes </div>
  650.  
  651. <!-- ESTILO DE NOTES 00 -->
  652. <div class="mr-cx4">
  653. <div class="preview4"><a href="/" title=" EM BREVE" target="_blank"> Notes Fotos <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="background:{color:background}; color:{color:detalhes da vitrine}; width:35px;" target="_blank"> CÓD. </a></div></div>
  654.  
  655. <!-- ESTILO DE NOTES 00 -->
  656. <div class="mr-cx4">
  657. <div class="preview4"><a href="/" title=" EM BREVE" target="_blank"> Notes Texto <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="background:{color:background}; color:{color:detalhes da vitrine}; width:35px;" target="_blank"> CÓD. </a></div></div>
  658.  
  659. </div>
  660. <!--- ESTILO DE NOTES --->
  661.  
  662.  
  663. <!--- ESTILO DE ASK --->
  664.  
  665. <div class="caixa-bases3">
  666.  
  667. <div class="mrbases-tit"> Estilos de Asks </div>
  668.  
  669. <!-- ESTILO DE ASK 00 -->
  670. <div class="mr-cx4">
  671. <div class="preview4"><a href="/" title=" EM BREVE" target="_blank"> Estilo ask <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="background:{color:background}; color:{color:detalhes da vitrine}; width:35px;" target="_blank"> CÓD. </a></div></div>
  672.  
  673. <!-- ESTILO DE ASK 00 -->
  674. <div class="mr-cx4">
  675. <div class="preview4"><a href="/" title=" EM BREVE" target="_blank"> Estilo ask <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="background:{color:background}; color:{color:detalhes da vitrine}; width:35px;" target="_blank"> CÓD. </a></div></div>
  676.  
  677. </div>
  678. <!--- ESTILO DE ASK --->
  679.  
  680.  
  681. <!--- CONTADORES --->
  682.  
  683. <div class="caixa-contador">
  684.  
  685. <div class="mrcont-tit"> Contadores Personalizados </div>
  686.  
  687. <!-- CONTADOR PERSONALIZADO 00 -->
  688. <div class="mr-cx5">
  689. <div class="preview5"><a href="/" title=" EM BREVE" target="_blank"> Contador <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="background:{color:background}; color:{color:detalhes da vitrine}; width:35px;" target="_blank"> CÓD. </a></div></div>
  690.  
  691. <!-- CONTADOR PERSONALIZADO 00 -->
  692. <div class="mr-cx5">
  693. <div class="preview5"><a href="/" title=" EM BREVE" target="_blank"> Contador <font color="{color:detalhes one}"> 00 </font> </a> <a href="/" title="Clique e pegue o código" style="background:{color:background}; color:{color:detalhes da vitrine}; width:35px;" target="_blank"> CÓD. </a></div></div>
  694.  
  695.  
  696.  
  697. </div>
  698. <!--- CONTADOR --->
  699.  
  700.  
  701. <!--- TUTORIAIS --->
  702. <div class="caixa-tutorial">
  703.  
  704.  
  705. <div class="mrtutorial-tit"> Links Úteis | Tutoriais </div>
  706.  
  707. <!-- LINKS ÚTEIS -->
  708. <div class="mr-cx3">
  709. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  710.  
  711. <!-- LINKS ÚTEIS -->
  712. <div class="mr-cx3">
  713. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  714.  
  715. <!-- LINKS ÚTEIS -->
  716. <div class="mr-cx3">
  717. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  718.  
  719. <!-- LINKS ÚTEIS -->
  720. <div class="mr-cx3">
  721. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  722.  
  723. <!-- LINKS ÚTEIS -->
  724. <div class="mr-cx3">
  725. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  726.  
  727. <!-- LINKS ÚTEIS -->
  728. <div class="mr-cx3">
  729. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  730.  
  731. <!-- LINKS ÚTEIS -->
  732. <div class="mr-cx3">
  733. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  734.  
  735. <!-- LINKS ÚTEIS -->
  736. <div class="mr-cx3">
  737. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  738.  
  739. <!-- LINKS ÚTEIS -->
  740. <div class="mr-cx3">
  741. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  742.  
  743. <!-- LINKS ÚTEIS -->
  744. <div class="mr-cx3">
  745. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  746.  
  747. <!-- LINKS ÚTEIS -->
  748. <div class="mr-cx3">
  749. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  750.  
  751. <!-- LINKS ÚTEIS -->
  752. <div class="mr-cx3">
  753. <div class="waf-list"><a href="/" target="_blank"> LINK TAL HERE </a></div></div>
  754.  
  755.  
  756.  
  757. </div>
  758. <!--- TUTORIAIS --->
  759.  
  760. </div>
  761. <!--- SIDE 2 (MATERIAIS) --->
  762.  
  763. </div>
  764.  
  765. <!--- FIM DA SIDE RIGHT --->
  766.  
  767.  
  768. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  769. <div class="mr-credito"><a href="http://mrwafiosa.tumblr.com/" style="color:#fff;" title="Vitrine totalmente desenhada e codificada para meu próprio uso. Não copie. Não se inspire."><i class="fa fa-code"></i></a></div>
  770. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  771.  
  772.  
  773. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  774. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  775. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  776. <script type="text/javascript">
  777. $(window).load(function () {
  778. $('#mr-caixa').masonry(),
  779. $('.masonryWrap').infinitescroll({
  780. navSelector : "div#navigation",
  781. nextSelector : "div#navigation a#nextPage",
  782. itemSelector : ".posts",
  783. bufferPx : 10000,
  784. extraScrollPx: 11000,
  785. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  786. loadingText : "",
  787. },
  788. // call masonry as a callback.
  789. function() { $('#mr-caixa').masonry({ appendedContent: $(this) }); }
  790. );
  791. });
  792. </script>
  793.  
  794. <!-- MENU I-FRAME -->
  795. <script>
  796. $(function(){
  797. $('.mr-menu a').click(function(){
  798.  
  799. var caixa = $(this).attr('href');
  800. /* waf-side1, waf-side2, waf-side3 */
  801. if(caixa == 'waf-side1'){
  802. $('.waf-side2').css({'display':'none'});
  803. $('.waf-side3').css({'display':'none'});
  804. $('.waf-side1').fadeIn('fast');
  805. }
  806.  
  807. if(caixa == 'waf-side2'){
  808. $('.waf-side1').css({'display':'none'});
  809. $('.waf-side3').css({'display':'none'});
  810. $('.waf-side2').fadeIn('fast');
  811. }
  812.  
  813. if(caixa == 'waf-side3'){
  814. $('.waf-side1').css({'display':'none'});
  815. $('.waf-side2').css({'display':'none'});
  816. $('.waf-side3').fadeIn('fast');
  817. }
  818.  
  819.  
  820.  
  821. return false;
  822. });
  823. });
  824. </script>
  825. <!-- MENU I-FRAME -->
  826.  
  827. </body>
  828. </html>
  829.  
  830.  
  831. <!--
  832. ♡ ❤ ♡
  833. ••••••••••
  834. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  835. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  836. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  837.  
  838. -->
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!