wafiosadesigns

Exclusivo The Gang Mean Girls

Sep 3rd, 2017
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.36 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  3. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  6. <script>
  7. (function($){
  8. $(document).ready(function(){
  9. $("[title]").style_my_tooltips({
  10. tip_follows_cursor:true,
  11. tip_delay_time:20,
  12. tip_fade_speed:400,
  13. attribute:"title"
  14. });
  15. });
  16. })(jQuery);
  17. </script>
  18. <script>
  19. function click() {
  20. if (event.button==2||event.button==3) {
  21. oncontextmenu='return false';
  22. }
  23. }
  24. document.onmousedown=click
  25. document.oncontextmenu = new Function("return false;")
  26. </script>
  27.  
  28.  
  29.  
  30.  
  31. <!--
  32.  
  33.  
  34.  
  35. ♡ ❤ ♡
  36. ••••••••••••••••••••••••••••
  37. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  38. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  39. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  40. ❥| USO EXCLUSIVO DA GANG MEAN GIRLS ❥|
  41. ❥| TODOS OS ESTILOS DO THEME, SÃO EXCLUSIVOS ❥|
  42.  
  43. ♡ ❤ ♡
  44. ••••••••••••••••••••••••••••
  45.  
  46. ❥| DESENHO DO THEME POR: PRIVACX. ❥|
  47. ❥| CODIFICAÇÃO DO THEME POR: MRWAFIOS ❥|
  48.  
  49. ♡ ❤ ♡
  50. ••••••••••••••••••••••••••••
  51.  
  52. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  53. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  54. DON'T COPY PLEASE - By Gabriela Souza. - © 2016 - 2017
  55. ALL RIGHTS RESERVED ©
  56.  
  57.  
  58. -->
  59.  
  60.  
  61.  
  62.  
  63. <!-- FAVICON AND TITLE -->
  64. <link rel="shortcut icon" href="{favicon}">
  65. <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>
  66. <!-- FAVICON AND TITLE -->
  67.  
  68.  
  69. <!-- APPEARANCE -->
  70.  
  71. <meta name="color:background color" content="#d3c6c3"/>
  72. <meta name="color:posts color" content="#cdbbb6"/>
  73. <meta name="color:texto" content="#fff"/>
  74. <meta name="color:link" content="#fff"/>
  75. <meta name="color:negrito" content="#beab9a"/>
  76. <meta name="color:detalhes do theme" content="#c9a692"/>
  77. <meta name="color:detalhes do theme2" content="#bb6970"/>
  78. <meta name="color:detalhes do theme3" content="#6b5545"/>
  79.  
  80. <meta name="text:sua url" content="mrwafiosa" />
  81.  
  82. <meta name="text:link1" content="" />
  83. <meta name="text:link1 nome" content=" LINK 01 " />
  84. <meta name="text:link2" content="" />
  85. <meta name="text:link2 nome" content=" LINK 02 " />
  86. <meta name="text:link3" content="" />
  87. <meta name="text:link3 nome" content=" LINK 03 " />
  88. <meta name="text:link4" content="" />
  89. <meta name="text:link4 nome" content=" LINK 04 " />
  90. <meta name="text:link5" content="" />
  91. <meta name="text:link5 nome" content=" LINK 05 " />
  92.  
  93. <meta name="text:mean girl url" content="mrwafiosa" />
  94. <meta name="text:mean boy url" content="mrwafiosa" />
  95.  
  96. <meta name="text:destaque mensal url" content="mrwafiosa" />
  97.  
  98. <meta name="text:fa1 url" content="mrwafiosa" />
  99. <meta name="text:fa2 url" content="mrwafiosa" />
  100. <meta name="text:fa3 url" content="mrwafiosa" />
  101. <meta name="text:fa4 url" content="mrwafiosa" />
  102.  
  103. <!-- APPEARANCE -->
  104.  
  105.  
  106. </head>
  107. <style>
  108.  
  109. body{background:{color:background color}; background-attachment:fixed;}
  110.  
  111. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  112.  
  113. b {color:{color:negrito};}
  114.  
  115. titulo{text-decoration:none;}
  116.  
  117. blockquote {margin:0px;}
  118.  
  119. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  120.  
  121. /* SELEÇÃO DO TEXTO */
  122. ::selection{background:{color:background color}; color:{color:texto};}
  123. ::-moz-selection{background:{color:background color}; color:{color:texto};}
  124. ::-webkit-selection{background:{color:background color}; color:{color:texto};}
  125.  
  126. /* BARRA DE ROLAGEM */
  127. ::-webkit-scrollbar {width:3px; height:4px;}
  128. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  129. ::-webkit-scrollbar-thumb:vertical {height:1px; background-color:{color:detalhes do theme};}
  130. ::-webkit-scrollbar-thumb:horizontal {width:3px; background-color:{color:detalhes do theme};}
  131.  
  132.  
  133. /* TOOLTIP */
  134. .tooltip {display: inline; position: relative;}
  135. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:posts color}; font-family:'Montserrat', 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;}
  136.  
  137. /* CAIXA DOS POSTS */
  138. #wafcaixa{position:absolute; float:center; top:130px; left:170px; width:1050px; color:{color:texto}; letter-spacing:1px; font-size:9px; font-family:'Montserrat', sans-serif;}
  139.  
  140. /* PERSONALIZAÇÃO DOS POSTS */
  141. .posts{position:relative; font-family:'Montserrat'; float:left; display:inline-block; width:200px; height:auto; background:{color:posts color}; padding:10px 10px 10px 10px; margin:20px; border-radius:1px;}
  142. .posts {{block:PermalinkPage}width:250px; height:auto;{/block:PermalinkPage} }
  143.  
  144. /* IMAGEM DOS POSTS */
  145. .posts img{max-width:200px; height:auto;}
  146. .posts img{{block:PermalinkPage}max-width:250px;{/block:PermalinkPage} }
  147.  
  148. .imgpost img{width:200px; height:auto;}
  149. .imgpost img{{block:PermalinkPage}width:250px;{/block:PermalinkPage} }
  150.  
  151. .vsanna{display:none;}
  152.  
  153. /* CURSOR PERSONALIZADO */
  154. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  155. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  156.  
  157. #tumblr_controls{position: fixed!important; z-index:15;}
  158. 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;}
  159. 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;}
  160.  
  161. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  162. .mr-notes{margin-left:-10px; margin-top:5px; text-align:left; text-transform: uppercase; background:{color:detalhes do theme}; width:108.5%; height:15px; line-height:18px; text-transform:uppercase; padding:3px; padding-left:0px; font-size:9px; font-family:'Montserrat'; color:#b3917e; text-shadow:1px 1px rgba(225, 225, 225, .2); text-indent:5px; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3);}
  163.  
  164. .mr-reblogs{margin-left:0px; margin-top:-20px; text-align:right; width:102.5%; height:4px; font-size:13px; padding:1px; font-family:'Montserrat'; text-transform: uppercase; padding-bottom:0px;}
  165.  
  166. .mr-dtl{margin-left:90px; margin-top:-20px; font-size:30px; font-family:'Share Tech Mono'; color:#b3917e; letter-spacing:1px; text-shadow:1px 1px rgba(225, 225, 225, .2);}
  167. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  168.  
  169.  
  170. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  171. .waf-icon {height:24px; width:24px; float:left; padding:3px; text-align:center; margin-top:2px; background:{color:detalhes do theme}; border-radius:100%; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3);}
  172. .waf-perguntou{position:absolute; width:auto; margin-top:5px; margin-left:32px; height:7px; line-height:8px; font-family:'Montserrat'; font-size:7px; color:{color:negrito}; padding:4px; text-align:center; background:{color:detalhes do theme}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); text-transform:uppercase; border-radius:3px;}
  173. .waf-pergunta{margin-top:20px; margin-left:0px; height:auto; line-height:13px; width:auto; padding:5px; color:{color:texto}; 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; font-size:9px;}
  174. .waf-resposta{display:block; margin-top:13px; height:auto; width:auto; color:{color:texto}; text-align:left; padding:4px; text-transform:uppercase; font-size:9px; line-height:13px;}
  175. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  176.  
  177. .mr-quotes {font-family:'Montserrat'; font-size:9px; text-align:center; line-height:15px; margin-top:5px; color:{color:texto}; text-transform:uppercase;}
  178. .mr-quotes::first-letter {font-family:'Rochester', cursive; color:{color:negrito}; font-size:30px;}
  179. .source {margin-top:5px; border-top:1px solid {color:texto}; font-family:'Montserrat'; font-size:9px; text-align:right; text-transform:uppercase; line-height:20px; color:{color:detalhes do theme};}
  180.  
  181. .chat {margin:0px; text-align:left;}
  182. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  183. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  184. #laudio-caption {margin-top:10px;}
  185. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  186. #lalbum-art {display:inline-block; float:left;}
  187. #laudio-player {display:inline-block;}
  188.  
  189.  
  190.  
  191. /* SIDEBAR GERAL */
  192.  
  193. /* SIDE TOP */
  194. .waf-box1{position:fixed; width:150%; height:110px; margin-left:-15px; top:-15px; background:{color:background color}; z-index:99999999;}
  195.  
  196. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  197. .mr-cxmenu{position:fixed; margin-top:50px; right:0px; width:370px; text-align:left; height:30px; padding:3px;}
  198.  
  199. .mr-menu {position:fixed; margin-left:0px; margin-top:0px; width:400px; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  200. .mr-menu a{display:inline-block; width:12px; height:12px; line-height:14px; margin:2px; text-align:center; padding:5px; color:transparent; font-family:'Montserrat'; font-size:9px; text-align:center; text-transform:uppercase; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); border-radius:100%; transition:1s;}
  201. .mr-menu a:hover {transition:1s; color:{color:detalhes do theme};}
  202. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  203.  
  204. /* HEADER DOS TÍTULOS */
  205. .mr-imagem {position:fixed; width:194px; height:86px; right:10px; margin-top:20px; background-image:url('http://static.tumblr.com/u89hi8f/nYpovo2vq/meangirls.png');}
  206.  
  207. /* FAIXA E BOLINHAS */
  208. .waf-faixa{position:fixed; width:1500px; height:16px; margin-left:-10px; margin-top:105px; background-image:url('http://static.tumblr.com/u89hi8f/AURovo26v/faixaside.png');}
  209.  
  210. .waf-bolinhas{position:fixed; width:1500px; height:20px; margin-left:-10px; margin-top:15px; background-image:url('http://static.tumblr.com/u89hi8f/Q8yovo06v/bolinhas.png');}
  211.  
  212. /* PAINEL */
  213. .mr-status{position:fixed; width:130px; margin-top:38px; margin-left:35px; text-align:center; }
  214. .mr-status a{display:inline-block; width:120px; height:12px; line-height:14px; margin:3px; text-align:center; padding:5px; color:{color:detalhes do theme}; font-family:'Montserrat'; font-size:9px; text-align:center; text-transform:uppercase; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); border-radius:4px; transition:1s;}
  215.  
  216. /* INTEGRANTES POR MR. WAFIOSA - PROIBIDA QUALQUER CÓPIA SEM MINHA PERMISSÃO, É SÓ VIR PEDIR */
  217.  
  218. #caixa-intg{position:fixed; margin-left:200px; margin-top:32px; width:800px; height:auto; text-transform:uppercase;}
  219.  
  220. .mr-equipe{display:inline-block; width:55px; height:55px; border:4px solid {color:detalhes do theme}; background:{color:detalhes do theme}; overflow:hidden; margin:4px; box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0,.8); border-radius:100%; transition:1s;}
  221. .mr-equipe img{position:fixed; display:inline-block; margin-left:0px; margin-top:0px; width:55px; height:55px; border-radius:100%;}
  222. .mr-dtl1{position:fixed; width:55px; height:0px; background:rgba(184, 173, 149, .5); margin-top:0px; margin-left:0px; border-radius:100%; transition:1s;}
  223. .mr-equipe:hover .mr-dtl1{height:55px; transition:.2s;}
  224. .mr-names{position:fixed; margin-top:0px; margin-left:0px; width:55px; text-align:center; font-family:'Rationale'; color:{color:detalhes do theme}; font-size:11px; text-shadow:1px 1px rgba(0,0,0,.1); line-height:10px; transition:1s; opacity:0; border-radius:100%}
  225. .mr-names a{font-size:10px; color:{color:texto}; text-shadow:1px 1px rgba(0,0,0,.1); text-transform:uppercase;}
  226. .mr-equipe:hover .mr-names{margin-top:18px; opacity:1; height:24px; transition:1s;}
  227.  
  228. /* BOX 03 - DEMAIS ATIVIDADES. */
  229. .mr-box3{position:absolute; margin-top:75px; margin-left:15px; padding:0px; width:70px; font-family:'Rationale'; font-size: 8px; text-transform:uppercase; font-weight:bold; letter-spacing:1px;}
  230.  
  231. #mr-atividades{position:relative; width:50px; height:50px; background-image:url('http://static.tumblr.com/u89hi8f/EUqovo5ml/borboleta.png'); z-index:99999;}
  232.  
  233. .mr-cxtotal{display:inline-block; margin-top:10px; margin-left:-10px; padding:5px; width:auto; height:auto;}
  234.  
  235. .waf-box3{position:fixed; width:1010px; height:270px; margin-left:180px; margin-top:-35px; background:{color:background color};}
  236.  
  237. /* FÃS SEMANAIS */
  238. .mr-fas{position:fixed; display:inline-block; margin-top:20px; margin-left:410px; width:196px; height:auto; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px;}
  239. .mr-fas img{width:35px; height:35px; line-height:15px; display:inline-block; padding:4px; margin:2px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%;}
  240. .mr-fas::before {position:fixed; margin-left:0px; height:auto; width:180px; margin-top:10px; font-size:15px; line-height:15px; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; content:" Fãs Semanais ";}
  241.  
  242. /* FÃS SEMANAIS */
  243.  
  244. /* DESTAQUE MENSAL */
  245. .mr-destaques{position:fixed; display:inline-block; width:180px; height:auto; margin-top:20px; margin-left:30px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px; z-index:99999999;}
  246. .mr-destaques img{width:45px; height:45px; line-height:15px; display:inline-block; padding:4px; margin:2px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%;}
  247. .mr-destaques::before {position:fixed; margin-left:0px; height:auto; width:180px; margin-top:0px; font-size:15px; line-height:15px; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; content:" Destaque Mensal ";}
  248. /* DESTAQUES */
  249.  
  250. /* MEAN GIRL AND BOY */
  251. .mr-meangb{position:fixed; display:inline-block; width:150px; height:auto; margin-top:20px; margin-left:235px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px;}
  252. .mr-meangb img{width:45px; height:45px;line-height:15px; display:inline-block; padding:4px; margin:5px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%;}
  253. .mr-meangb::before {position:fixed; margin-left:0px; height:auto; width:150px; margin-top:0px; font-size:15px; line-height:15px; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; content:" Mean Girl and Boy ";}
  254. /* MEAN GIRL AND BOY */
  255.  
  256. /* BOX TAGS */
  257. .mr-tags{position:fixed; display:inline-block; width:160px; height:80px; margin-top:20px; margin-left:630px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px; padding-bottom:5px; overflow:auto;}
  258. .mr-tags a{width:60px; height:15px; line-height:15px; display:inline-block; padding:4px; margin:3px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); color:{color:detalhes do theme3}; font-family:'Oswald'; font-size:11px; text-shadow:1px 1px rgba(225, 225, 225, .1); text-transform:uppercase; text-align:center; border-radius:4px;}
  259. .mr-tags::before {position:fixed; margin-left:-4px; height:auto; width:160px; margin-top:-4px; border-radius:4px; font-size:14px; padding:5px; background:{color:background color}; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; box-shadow:inset 1px 1px 1px rgba(0,0,0,.2); content:" Principais Tags ";}
  260.  
  261.  
  262. /* BOX PARCEIROS */
  263. .mr-parceiros{position:fixed; display:inline-block; width:160px; height:80px; margin-top:20px; margin-left:815px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px; padding-bottom:5px; overflow:auto;}
  264. .mr-parceiros a{width:25px; height:15px; line-height:15px; display:inline-block; padding:4px; margin:2px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); color:{color:detalhes do theme3}; font-family:'Oswald'; font-size:11px; text-shadow:1px 1px rgba(225, 225, 225, .1); text-transform:uppercase; text-align:center; border-radius:4px;}
  265. .mr-parceiros::before {position:fixed; margin-left:-4px; height:auto; width:160px; margin-top:-4px; border-radius:4px; font-size:14px; padding:5px; background:{color:background color}; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; box-shadow:inset 1px 1px 1px rgba(0,0,0,.2); content:" Parceiros ";}
  266.  
  267. /* BOX RECOMENDO */
  268. .waf-rec{position:fixed; display:inline-block; width:740px; height:100px; margin-left:140px; margin-top:150px;}
  269. .waf-rec::before {position:fixed; margin-left:0px; height:auto; width:740px; margin-top:-4px; border-radius:4px; font-size:14px; padding:5px; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; content:" RECOMENDO DO MÊS:.";}
  270.  
  271. /* LUXURY */
  272. .waf-luxury{position:fixed; display:inline-block; width:148px; height:62px; margin-top:30px; margin-left:10px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px; padding-bottom:5px; overflow:auto;}
  273. .waf-luxury img{width:23px; height:23px; line-height:15px; display:inline-block; padding:3px; margin:2px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%;}
  274. .waf-luxury::before {position:fixed; margin-left:-4px; height:auto; width:148px; margin-top:-4px; border-radius:4px; font-size:14px; padding:5px; background:{color:background color}; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; box-shadow:inset 1px 1px 1px rgba(0,0,0,.2); content:" Luxury ";}
  275.  
  276. /* GANGSTER */
  277. .waf-gangster{position:fixed; display:inline-block; width:148px; height:62px; margin-top:30px; margin-left:190px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px; padding-bottom:5px; overflow:auto;}
  278. .waf-gangster img{width:23px; height:23px; line-height:15px; display:inline-block; padding:3px; margin:2px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%;}
  279. .waf-gangster::before {position:fixed; margin-left:-4px; height:auto; width:148px; margin-top:-4px; border-radius:4px; font-size:14px; padding:5px; background:{color:background color}; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; box-shadow:inset 1px 1px 1px rgba(0,0,0,.2); content:" GANGSTER ";}
  280.  
  281.  
  282. /* QUOTES */
  283. .waf-quotes{position:fixed; display:inline-block; width:148px; height:62px; margin-top:30px; margin-left:375px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px; padding-bottom:5px; overflow:auto;}
  284. .waf-quotes img{width:23px; height:23px; line-height:15px; display:inline-block; padding:3px; margin:2px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%;}
  285. .waf-quotes::before {position:fixed; margin-left:-4px; height:auto; width:148px; margin-top:-4px; border-radius:4px; font-size:14px; padding:5px; background:{color:background color}; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; box-shadow:inset 1px 1px 1px rgba(0,0,0,.2); content:" QUOTES ";}
  286.  
  287. /* PRAIANO */
  288. .waf-praiano{position:fixed; display:inline-block; width:148px; height:62px; margin-top:30px; margin-left:565px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); padding:4px; border-radius:4px; padding-bottom:5px; overflow:auto;}
  289. .waf-praiano img{width:23px; height:23px; line-height:15px; display:inline-block; padding:3px; margin:2px; background:{color:detalhes do theme2}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%;}
  290. .waf-praiano::before {position:fixed; margin-left:-4px; height:auto; width:148px; margin-top:-4px; border-radius:4px; font-size:14px; padding:5px; background:{color:background color}; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center; box-shadow:inset 1px 1px 1px rgba(0,0,0,.2); content:" PRAIANO ";}
  291.  
  292.  
  293. </style>
  294.  
  295. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  296. <script type="text/javascript">
  297. $(document).ready(function(){
  298. $(".mr-cxtotal").hide();
  299. $("#mr-atividades").click(function(){
  300. $(this).next(".mr-cxtotal").slideToggle('fast');
  301. }); }); </script>
  302.  
  303. <!--- FONTES PERSONALIZADAS GOOGLE --->
  304. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Oswald|Rationale|Rochester" rel="stylesheet">
  305.  
  306. <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
  307.  
  308. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  309.  
  310. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  311. <!--- FONTES PERSONALIZADAS GOOGLE --->
  312.  
  313. <body>
  314.  
  315.  
  316.  
  317. <!-- INÍCIO SIDE -->
  318. <div class="waf-box1">
  319.  
  320. <!-- BOLINHAS -->
  321. <div class="waf-bolinhas"></div>
  322.  
  323. <div class="mr-imagem"></div>
  324.  
  325. <!-- MENU -->
  326. <div class="mr-cxmenu">
  327.  
  328. <div class="mr-menu">
  329. <a href="{text:link1}" title="{text:link1 nome}"><i class="fa fa-home" aria-hidden="true"></i></a>
  330. <a href="{text:link2}" title="{text:link2 nome}"><i class="fa fa-envelope" aria-hidden="true"></i></a>
  331. <a href="{text:link3}" title="{text:link3 nome}"><i class="fa fa-pencil" aria-hidden="true"></i></a>
  332. <a href="{text:link4}" title="{text:link4 nome}"><i class="fa fa-heart" aria-hidden="true"></i></a>
  333. <a href="{text:link5}" title="{text:link5 nome}"><i class="fa fa-anchor" aria-hidden="true"></i></a>
  334. </div>
  335. </div>
  336. <!-- MENU -->
  337.  
  338. <div class="mr-status">
  339.  
  340. <a href="https://www.tumblr.com/follow/{text:sua url}" target="_blank"><i class="fa fa-user" aria-hidden="true"></i> Follow The Gang </a>
  341.  
  342. <a href="https://www.tumblr.com/dashboard?conversation={text:sua url}" target="_blank"><i class="fa fa-comment" aria-hidden="true"></i> Talk To Us</a>
  343.  
  344. </div>
  345.  
  346. <!-- FAIXA SIDE TOP. -->
  347. <div class="waf-faixa"></div>
  348.  
  349. <!-- INTEGRANTES BY: MRWAFIOSA. -->
  350. <div id="caixa-intg">
  351.  
  352. <!-- MEMBRO 1 -->
  353. <div class="mr-equipe">
  354. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  355. <div class="mr-dtl1"></div>
  356. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  357. </div>
  358. </div>
  359. <!-- MEMBRO 1 -->
  360.  
  361.  
  362. <!-- MEMBRO 2 -->
  363. <div class="mr-equipe">
  364. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  365. <div class="mr-dtl1"></div>
  366. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  367. </div>
  368. </div>
  369. <!-- MEMBRO 2 -->
  370.  
  371.  
  372. <!-- MEMBRO 3 -->
  373. <div class="mr-equipe">
  374. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  375. <div class="mr-dtl1"></div>
  376. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  377. </div>
  378. </div>
  379. <!-- MEMBRO 3 -->
  380.  
  381.  
  382. <!-- MEMBRO 4 -->
  383. <div class="mr-equipe">
  384. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  385. <div class="mr-dtl1"></div>
  386. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  387. </div>
  388. </div>
  389. <!-- MEMBRO 4 -->
  390.  
  391.  
  392. <!-- MEMBRO 5 -->
  393. <div class="mr-equipe">
  394. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  395. <div class="mr-dtl1"></div>
  396. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  397. </div>
  398. </div>
  399. <!-- MEMBRO 5 -->
  400.  
  401.  
  402. <!-- MEMBRO 6 -->
  403. <div class="mr-equipe">
  404. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  405. <div class="mr-dtl1"></div>
  406. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  407. </div>
  408. </div>
  409. <!-- MEMBRO 6 -->
  410.  
  411.  
  412. <!-- MEMBRO 7 -->
  413. <div class="mr-equipe">
  414. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  415. <div class="mr-dtl1"></div>
  416. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  417. </div>
  418. </div>
  419. <!-- MEMBRO 7 -->
  420.  
  421.  
  422. <!-- MEMBRO 8 -->
  423. <div class="mr-equipe">
  424. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  425. <div class="mr-dtl1"></div>
  426. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  427. </div>
  428. </div>
  429. <!-- MEMBRO 8 -->
  430.  
  431.  
  432. <!-- MEMBRO 9 -->
  433. <div class="mr-equipe">
  434. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  435. <div class="mr-dtl1"></div>
  436. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  437. </div>
  438. </div>
  439. <!-- MEMBRO 9 -->
  440.  
  441.  
  442. <!-- MEMBRO 10 -->
  443. <div class="mr-equipe">
  444. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  445. <div class="mr-dtl1"></div>
  446. <div class="mr-names"> Gabe <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  447. </div>
  448. </div>
  449. <!-- MEMBRO 10 -->
  450.  
  451. </div>
  452. <!-- FIM DO BOX INTEGRANTES -->
  453.  
  454.  
  455. <!-- BOX 03 - OUTRAS ATIVIDADES. -->
  456. <div class="mr-box3">
  457. <p id="mr-atividades" title="Clique para ver as atividades da nossa família. "></p>
  458. <div class="mr-cxtotal">
  459.  
  460. <div class="waf-box3">
  461.  
  462. <!-- BARRINHAS -->
  463. <div style="position:fixed; width:1010px; height:270px; margin-left:3px; margin-top:0px; background-image:url('http://static.tumblr.com/u89hi8f/iJwovoc8u/barrinhas.png');"></div>
  464.  
  465. <!-- DESTAQUES MENSAL -->
  466. <div class="mr-destaques">
  467.  
  468. <div style="position:fixed; margin-top:20px; margin-left:70px; height:auto; width:100px; font-size:13px; line-height:15px; color:{color:detalhes do theme3}; font-family:'Oswald'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; text-align:center;"><font color="{color:detalhes do theme2}"> MRWAFIOSA.</font> Gabriela, 19 anos, solteira.</div>
  469.  
  470. <div style="margin-top:20px;">
  471. <a href="http://{text:destaque mensal url}.tumblr.com/" title="{text:destaque mensal url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque mensal url}.tumblr.com/avatar/96/"></a></div>
  472.  
  473.  
  474.  
  475. </div>
  476. <!-- DESTAQUES MENSAL -->
  477.  
  478.  
  479.  
  480. <!-- FÃS -->
  481. <div class="mr-fas">
  482.  
  483. <div style="margin-top:30px;">
  484. <a href="http://{text:fa1 url}.tumblr.com/" title="{text:fa1 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:fa1 url}.tumblr.com/avatar/96/"></a>
  485.  
  486. <a href="http://{text:fa2 url}.tumblr.com/" title="{text:fa2 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:fa2 url}.tumblr.com/avatar/96/"></a>
  487.  
  488. <a href="http://{text:fa3 url}.tumblr.com/" title="{text:fa3 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:fa3 url}.tumblr.com/avatar/96/"></a>
  489.  
  490. <a href="http://{text:fa4 url}.tumblr.com/" title="{text:fa4 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:fa4 url}.tumblr.com/avatar/96/"></a></div>
  491.  
  492. </div>
  493.  
  494. <!-- FÃS -->
  495.  
  496.  
  497. <!-- MEAN GIRL AND BOY -->
  498. <div class="mr-meangb">
  499.  
  500. <div style="margin-top:15px; margin-left:8px;">
  501. <a href="http://{text:mean girl url}.tumblr.com/" title=" {text:mean girl url} " target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:mean girl url}.tumblr.com/avatar/96/"></a>
  502.  
  503. <a href="http://{text:mean boy url}.tumblr.com/" title="{text:mean boy url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:mean boy url}.tumblr.com/avatar/96/"></a></div>
  504.  
  505. </div>
  506. <!-- MEAN GIRL AND BOY -->
  507.  
  508.  
  509. <!-- BOX TAGS -->
  510. <div class="mr-tags">
  511.  
  512. <div style="margin-top:25px; margin-left:2px;">
  513.  
  514. <a href="/tagged/nomedatag"> TAG 00 </a>
  515. <a href="/tagged/nomedatag"> TAG 00 </a>
  516. <a href="/tagged/nomedatag"> TAG 00 </a>
  517. <a href="/tagged/nomedatag"> TAG 00 </a>
  518. <a href="/tagged/nomedatag"> TAG 00 </a>
  519. <a href="/tagged/nomedatag"> TAG 00 </a>
  520. <a href="/tagged/nomedatag"> TAG 00 </a>
  521. <a href="/tagged/nomedatag"> TAG 00 </a>
  522. <a href="/tagged/nomedatag"> TAG 00 </a>
  523. <a href="/tagged/nomedatag"> TAG 00 </a>
  524.  
  525. </div>
  526. </div>
  527. <!-- BOX TAGS -->
  528.  
  529.  
  530. <!-- BOX PARCEIROS -->
  531. <div class="mr-parceiros">
  532.  
  533. <div style="margin-top:30px;">
  534.  
  535. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  536. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  537. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  538. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  539. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  540. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  541. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  542. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  543. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  544. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  545. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  546. <a href="http://familiatal.tumblr.com/" target="_blank"> GMG </a>
  547.  
  548. </div>
  549. </div>
  550. <!-- BOX PARCEIROS -->
  551.  
  552. <!-- BOX RECOMENDO -->
  553. <div class="waf-rec">
  554.  
  555. <!-- BARRINHAS -->
  556. <div style="position:fixed; width:710px; height:30px; margin-left:10px; margin-top:-34px; background-image:url('http://static.tumblr.com/u89hi8f/bSlovococ/barrinha2.png');"></div>
  557.  
  558.  
  559. <!-- RECOMENDO LUXURY -->
  560. <div class="waf-luxury">
  561. <div style="margin-top:30px; margin-left:2px;">
  562.  
  563. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  564.  
  565. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  566.  
  567. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  568.  
  569. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  570.  
  571.  
  572. </div>
  573. </div>
  574. <!-- RECOMENDO LUXURY -->
  575.  
  576.  
  577.  
  578. <!-- RECOMENDO GANGSTER -->
  579. <div class="waf-gangster">
  580. <div style="margin-top:30px; margin-left:2px;">
  581.  
  582. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  583.  
  584. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  585.  
  586. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  587.  
  588. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  589.  
  590. </div>
  591. </div>
  592. <!-- RECOMENDO GANGSTER -->
  593.  
  594.  
  595. <!-- RECOMENDO QUOTES -->
  596. <div class="waf-quotes">
  597. <div style="margin-top:30px; margin-left:2px;">
  598.  
  599. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  600.  
  601. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  602.  
  603. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  604.  
  605. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  606.  
  607. </div>
  608. </div>
  609. <!-- RECOMENDO QUOTES -->
  610.  
  611.  
  612.  
  613. <!-- RECOMENDO PRAIANO -->
  614. <div class="waf-praiano">
  615. <div style="margin-top:30px; margin-left:2px;">
  616.  
  617. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  618.  
  619. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  620.  
  621. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  622.  
  623. <a href="http://mrwafiosa.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  624.  
  625. </div>
  626. </div>
  627. <!-- RECOMENDO PRAIANO -->
  628.  
  629.  
  630. </div>
  631.  
  632.  
  633.  
  634.  
  635. <!-- BOX RECOMENDO -->
  636.  
  637. </div>
  638. <!-- FIM BOX 3. -->
  639. </div>
  640. </div>
  641.  
  642.  
  643.  
  644. </div>
  645. <!-- FIM SIDE -->
  646.  
  647.  
  648.  
  649. <!-- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI -->
  650. <div style="position:fixed; bottom:30px; right:10px; height:12px; width:12px; font-size:11px; line-height:12px; background:{color:detalhes do theme}; font-family:'Montserrat'; text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:3px; padding:4px; text-align:center; z-index:99999999999;"><a href="http://familiatal.tumblr.com/" title="Theme exclusivo da Gang Mean Girls - Desenho por: Privacx - Codificação: Mrwafiosa." style="color:#b3917e; text-shadow:1px 1px rgba(225, 225, 225, .2);" target="_blank"><i class="fa fa-code"></i></a></div>
  651. <!-- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI -->
  652.  
  653.  
  654.  
  655.  
  656. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  657.  
  658.  
  659.  
  660.  
  661.  
  662. <div id="wafcaixa">
  663.  
  664. {block:Posts}
  665. <div class="posts">
  666.  
  667. {block:Text}
  668. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Montserrat'; line-height:15px; padding-bottom:5px;"><center>
  669. {Title}</center></div>{/block:Title}
  670. {body}
  671. {/block:Text}
  672.  
  673.  
  674.  
  675.  
  676. {block:Quote}
  677. <div class="mr-quotes">{Quote}</div></font>
  678. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  679. {/block:Quote}
  680.  
  681.  
  682.  
  683.  
  684. {block:Chat}
  685. {block:Lines}
  686. <div class="chat">
  687. <div class="lines">{block:Label}
  688. <span>{Label}</span>
  689. {/block:Label}
  690. {Line}</div></div>
  691. {/block:Lines}
  692. {/block:Chat}
  693.  
  694.  
  695.  
  696.  
  697. {block:Link}
  698. <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}
  699. {/block:Link}
  700.  
  701.  
  702.  
  703.  
  704. {block:Audio}
  705. <div class="text">
  706. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  707. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  708. <div id="laudio-caption">
  709. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  710. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  711. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  712. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  713. </div></div>
  714. {/block:Audio}
  715.  
  716.  
  717.  
  718.  
  719. {block:Photo}
  720. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  721. {Caption}
  722. {/block:Photo}
  723.  
  724.  
  725.  
  726.  
  727. {block:Photoset}
  728. <div class="imgpost"><center>{Photoset}</center></div>
  729. {Caption}
  730. {/block:Photoset}
  731.  
  732.  
  733.  
  734.  
  735. {block:Video}
  736. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  737. {Caption}
  738. {/block:Video}
  739.  
  740.  
  741.  
  742.  
  743. {block:Answer}
  744. <img src="{AskerPortraitURL-30}"class="waf-icon">
  745. <div class="waf-perguntou"> {Asker} asked:</div>
  746. <div class="waf-pergunta"> {Question}</div>
  747. <div class="waf-resposta">{Answer}</div>
  748. {/block:Answer}
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  756. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}" style="color:{color:detalhes three};"> {NoteCount}N </a>
  757. <div class="mr-dtl">•••••</div>
  758. </div>
  759. <div class="mr-reblogs"><a href="{ReblogURL}" title="Reblogue.!" style="color:{color:detalhes three};" target="_blank"><i class="fa fa-retweet"></i></a></div>
  760.  
  761. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  770. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  771.  
  772. {/block:Posts}
  773. </div>
  774.  
  775.  
  776.  
  777. {block:IndexPage}
  778. <div class="column navigation" id="navigation">
  779. {block:Pagination}
  780. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  781. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  782. </div>
  783. {/block:IndexPage}
  784. </div>
  785.  
  786. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  787. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  788. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  789.  
  790.  
  791. <script type="text/javascript">
  792. $(window).load(function () {
  793. $('#wafcaixa').masonry(),
  794. $('.masonryWrap').infinitescroll({
  795. navSelector : "div#navigation",
  796. nextSelector : "div#navigation a#nextPage",
  797. itemSelector : ".posts",
  798. bufferPx : 10000,
  799. extraScrollPx: 11000,
  800. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  801. loadingText : "",
  802. },
  803. // call masonry as a callback.
  804. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  805. );
  806. });
  807. </script>
  808.  
  809.  
  810. <!-- Wikplayer https://www.wikplayer.com -->
  811. <script type="text/javascript" src="https://www.wikplayer.com/code.js"
  812. data-config="{'skin':'http://static.tumblr.com/u89hi8f/4hQovqcgi/skinmeangirls-bywafiosa.css','volume':100,'autoplay':true,'shuffle':false,'repeat':1,'showcomment':false,'marqueetexton':false,'placement':'mini','showplaylist':false,'playlist':[{'title':'5%20KM','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DMd4WASxp3-s'},{'title':'Amor%20pirata','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D5N_hrL1cQ-c'},{'title':'Aquela%20Pessoa','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Da5vH9f0lHZg'},{'title':'Close','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DXgJFqVvb2Ws'},{'title':'De%20tr%C3%A1s%20pra%20frente','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dr1SgAoRsJ98'},{'title':'Despacito','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DkJQP7kiw5Fk'},{'title':'Do%20It%20Again%20','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DcNw8A5pwbVI'},{'title':'Eu%20ligo%20pra%20voc%C3%AA','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DSBKvDoCqKRc'},{'title':'Felices%20los%204','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dt_jHrUE5IOk'},{'title':'Five%20More%20Hours','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DyV8tm-ZPdpE'},{'title':'Hello%20Friday','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DzgrfK7OxfHc'},{'title':'I%20Don%E2%80%99t%20wanna%20live%20forever','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D-lw-iUwkXhI'},{'title':'I%20Got%20You','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DuEJuoEs1UxY'},{'title':'Liquor','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DhwzkbOitQ-U'},{'title':'Mais%20amor%20e%20menos%20drama','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DOrV71Fny7h8'},{'title':'Malbec','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D_5nzuG8XydA'},{'title':'No%20More%20Sad%20Songs','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DHHCC4ndeJyE'},{'title':'Not%20today','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dtrig1MiEo1s'},{'title':'N%C3%A3o%20passa%20vontade','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DU6_H3em-On0'},{'title':'O%20c%C3%A9u%20explica%20tudo','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D3IUpXaFsW64'},{'title':'Pra%20ter%20voc%C3%AA%20aqui','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D4qlfRdO-QrQ'},{'title':'Rasp%C3%A3o','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DReHyj-ATKgc'},{'title':'Se%20cuida','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DKPNa4AmHDWE'},{'title':'Stay','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dh--P8HzYZ74'},{'title':'Swalla','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DNGLxoKOvzu4'},{'title':'Team','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D76jARSWqcdM'},{'title':'Tinta%20de%20Amor','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DFQ1RtWAGgT8'},{'title':'Touch','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DgBAfejjUQoA'},{'title':'Traicionera','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DNE3IkFadCHM'},{'title':'Vem%20pra%20minha%20vida','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dr73ANL4ecnE'},{'title':'Would%20You%20Mind','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DAy8mCS4wlf8'},{'title':'Zero','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D4PeQSq6KGR4'}]}" ></script>
  813. <!-- Wikplayer code end -->
  814.  
  815.  
  816. </body>
  817. </html>
Advertisement
Add Comment
Please, Sign In to add comment