API tools faq
paste
wafiosadesigns

Theme Exclusivo Família Cartier

wafiosadesigns
Sep 14th, 2017
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 75.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  3. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  6. <script>
  7. (function($){
  8. $(document).ready(function(){
  9. $("[title]").style_my_tooltips({
  10. tip_follows_cursor:true,
  11. tip_delay_time:20,
  12. tip_fade_speed:400,
  13. attribute:"title"
  14. });
  15. });
  16. })(jQuery);
  17. </script>
  18. <script>
  19. function click() {
  20. if (event.button==2||event.button==3) {
  21. oncontextmenu='return false';
  22. }
  23. }
  24. document.onmousedown=click
  25. document.oncontextmenu = new Function("return false;")
  26. </script>
  27.  
  28.  
  29.  
  30. <!--
  31.  
  32.  
  33.  
  34. ♡ ❤ ♡
  35. ••••••••••••••••••••••••••••
  36. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  37. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  38. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  39. ❥| USO EXCLUSIVO DA FAMÍLIA CARTIER ❥|
  40. ❥| TODOS OS ESTILOS DO THEME, SÃO EXCLUSIVOS ❥|
  41.  
  42. ♡ ❤ ♡
  43. ••••••••••••••••••••••••••••
  44.  
  45. ❥| DESENHO DO THEME POR: DAWAMA. ❥|
  46. ❥| CODIFICAÇÃO DO THEME POR: MRWAFIOSA ❥|
  47.  
  48. ♡ ❤ ♡
  49. ••••••••••••••••••••••••••••
  50.  
  51. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  52. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  53. DON'T COPY PLEASE - By Gabriela Souza. - © 2016 - 2017
  54. ALL RIGHTS RESERVED ©
  55.  
  56. ♡ ❤ ♡
  57. ••••••••••••••••••••••••••••
  58.  
  59.  
  60. -->
  61.  
  62.  
  63.  
  64.  
  65. <!-- FAVICON AND TITLE -->
  66. <link rel="shortcut icon" href="{favicon}">
  67. <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>
  68. <!-- FAVICON AND TITLE -->
  69.  
  70. <!-- APPEARANCE -->
  71.  
  72. <!-- CORES -->
  73. <meta name="image:sidebar" content="" />
  74.  
  75. <meta name="color:background color" content="#f7a4a4"/>
  76. <meta name="color:posts color" content="#fff"/>
  77. <meta name="color:texto" content="#222"/>
  78. <meta name="color:link" content="#222"/>
  79. <meta name="color:link hover" content="#e27b86"/>
  80. <meta name="color:negrito" content="#e27b86"/>
  81. <meta name="color:detalhes one" content="#f7a4a4"/>
  82. <meta name="color:detalhes two" content="#e77c7c"/>
  83. <meta name="color:detalhes three" content="#e27b86"/>
  84. <meta name="color:ask color" content="#e77c7c"/>
  85.  
  86. <meta name="text:sua url" content="sua url aqui okay?" />
  87.  
  88. <meta name="text:link1" content="" />
  89. <meta name="text:link1 nome" content=" Home " />
  90. <meta name="text:link2" content="" />
  91. <meta name="text:link2 nome" content=" Message " />
  92. <meta name="text:link3" content="" />
  93. <meta name="text:link3 nome" content=" Submit " />
  94. <meta name="text:link4" content="" />
  95. <meta name="text:link4 nome" content=" Archive " />
  96. <meta name="text:link5" content="" />
  97. <meta name="text:link5 nome" content=" About Us " />
  98.  
  99. <meta name="text:cartier do mes url" content="familiacartier" />
  100.  
  101. <meta name="text:king url" content="familiacartier" />
  102. <meta name="text:queen url" content="familiacartier" />
  103.  
  104. <meta name="text:destaque1 url" content="familiacartier" />
  105. <meta name="text:destaque2 url" content="familiacartier" />
  106. <meta name="text:destaque3 url" content="familiacartier" />
  107. <meta name="text:destaque4 url" content="familiacartier" />
  108. <meta name="text:destaque5 url" content="familiacartier" />
  109. <meta name="text:destaque6 url" content="familiacartier" />
  110. <meta name="text:destaque7 url" content="familiacartier" />
  111. <meta name="text:destaque8 url" content="familiacartier" />
  112.  
  113. <meta name="text:top1 url" content="familiacartier" />
  114. <meta name="text:top2 url" content="familiacartier" />
  115. <meta name="text:top3 url" content="familiacartier" />
  116.  
  117. <meta name="text:fa1 url" content="familiacartier" />
  118. <meta name="text:fa2 url" content="familiacartier" />
  119. <meta name="text:fa3 url" content="familiacartier" />
  120. <meta name="text:fa4 url" content="familiacartier" />
  121.  
  122. <!-- APPEARANCE -->
  123.  
  124.  
  125. </head>
  126. <style>
  127.  
  128. body{background:{color:background color}; background-attachment:fixed;}
  129.  
  130. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  131. a:hover {color:{color:link hover}; text-decoration:none}
  132.  
  133. b {color:{color:negrito};}
  134.  
  135. titulo{text-decoration:none;}
  136.  
  137. blockquote {margin:0px;}
  138.  
  139. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  140.  
  141. /* SELEÇÃO DO TEXTO */
  142. ::selection{background:{color:detalhes two}; color:{color:texto};}
  143. ::-moz-selection{background:{color:detalhes two}; color:{color:texto};}
  144. ::-webkit-selection{background:{color:detalhes two}; color:{color:texto};}
  145.  
  146. /* BARRA DE ROLAGEM */
  147. ::-webkit-scrollbar {width:2px; height:5px;}
  148. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  149. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  150. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:negrito};}
  151.  
  152.  
  153. /* TOOLTIP */
  154. .tooltip {display: inline; position: relative;}
  155. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:detalhes three}; font-family:'Oswald', sans-serif; text-align:left; font-size:9px; text-transform:uppercase; color:{color:texto}; font-size:10px; padding:7px; border-top:5px solid {color:posts color}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:999999999999999999;}
  156.  
  157. /* CAIXA DOS POSTS */
  158. #wafcaixa{position:absolute; float:center; margin-top:80px; margin-left:170px; width:1040px; color:{color:texto}; letter-spacing:1px; font-size:11px; padding:10px;}
  159.  
  160. /* PERSONALIZAÇÃO DOS POSTS */
  161. .posts{position:relative; font-family:'Oswald', sans-serif; float:left; text-transform:uppercase; display:inline-block; width:200px; height:auto; background:{color:posts color}; padding:10px 10px 10px 10px; margin:20px; border-radius:1px;}
  162. .posts {{block:PermalinkPage}width:400px; height:auto;{/block:PermalinkPage} }
  163.  
  164. /* IMAGEM DOS POSTS */
  165. .posts img{max-width:200px; height:auto;}
  166. .posts img{{block:PermalinkPage}max-width:400px;{/block:PermalinkPage} }
  167.  
  168. .imgpost img{width:200px; height:auto;}
  169. .imgpost img{{block:PermalinkPage}width:400px;{/block:PermalinkPage} }
  170.  
  171. .vsanna{display:none;}
  172.  
  173. /* CURSOR PERSONALIZADO */
  174. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  175. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  176.  
  177. #tumblr_controls{position: fixed!important; z-index:15;}
  178. 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;}
  179. 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;}
  180.  
  181. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  182. .mr-notes{margin-left:-10px; margin-top:3px; font-family:'Oswald'; text-align:left; color:{color:negrito}; text-transform: uppercase; border-top:1px solid {color:detalhes three}; font-size:10px; width:100%; height:5px; line-height:9px; font-weight:normal; padding:7px 15px 10px 5px; -webkit-transition:2s;}
  183. .mr-notes a{color:{color:links notes};}
  184. .mr-notes a:hover {color:{color:link hover};}
  185.  
  186. .mr-reblogs{right:-30px; margin-top:-18px; font-family:'Oswald'; text-align:right; text-transform: uppercase; font-size:10px; width:102%; height:5px; line-height:14px; font-weight:normal; padding-bottom:4px; -webkit-transition:2s;}
  187. .mr-reblogs a{color:{color:links notes};}
  188. .mr-reblogs a:hover {color:{color:link hover};}
  189. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  190.  
  191. /* ESTILO DE NOTES DAS FOTOS POR MR. WAFIOSA - NÃO SE INSPIRE, E NEM COPIE SEM MINHA PERMISÃO. */
  192. .mr-cxnotes::before {position:absolute; width:198px; height:0px; content:" ";
  193. top:10px; margin-left:0px; padding:1px; background:-webkit-linear-gradient(rgba(225, 225, 225, .9), rgba(225, 225, 225, .0)); -webkit-transition:1s; opacity:0;}
  194. .date {position:absolute; margin-left:-30px; top:0px; font-family:'Oswald'; font-size:12px; text-transform:uppercase; letter-spacing:1px; text-align:center; color:{color:texto}; width:auto; height:auto; -webkit-transition:1s; opacity:0;}
  195. .notes {position:absolute; margin-left:90px; top:0px; font-family:'Oswald'; font-size:12px; text-transform:uppercase; letter-spacing:1px; text-align:center; width:auto; height:auto; -webkit-transition:1s; opacity:0;}
  196. .reblog {position:absolute; margin-left:120px; top:70px; font-family:'Oswald'; font-size:12px; text-transform:uppercase; letter-spacing:1px; text-align:center; width:auto; height:auto; -webkit-transition:1s; opacity:0;}
  197. .mr-dtl{position:absolute; color:{color:negrito}; top:-5px; margin-left:4px; width:auto; height:auto; font-size:20px; font-family:'Courier'; line-height:0px; text-align:left; opacity:0; -webkit-transition:1s;}
  198.  
  199. .posts:hover .mr-dtl{opacity:1; top:75px;}
  200. .posts:hover .mr-cxnotes::before{opacity:1; height:100px; -webkit-transition:1s;}
  201. .posts:hover .date{opacity:1; margin-left:30px; top:20px; -webkit-transition:1s;}
  202. .posts:hover .notes{opacity:1; margin-left:10px; top:45px; -webkit-transition:1s;}
  203. .posts:hover .reblog{opacity:1; margin-left:140px; top:45px; -webkit-transition:1s;}
  204. /* ESTILO DE NOTES DAS FOTOS POR MR. WAFIOSA - NÃO SE INSPIRE, E NEM COPIE SEM MINHA PERMISÃO. */
  205.  
  206. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  207. .waf-icon {height:21px; width:21px; float:left; padding:3px; text-align:center; margin-top:-2px; background:{color:ask color}; border-radius:100%; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4);}
  208. .waf-perguntou{position:absolute; width:auto; margin-top:3px; margin-left:35px; height:7px; line-height:7px; font-family:'Oswald'; font-size:8px; padding:4px; text-align:center; background:{color:ask color}; color:{color:posts color}; text-transform:uppercase; border-radius:2px;}
  209. .waf-pergunta{margin-top:20px; margin-left:0px; height:auto; line-height:14px; width:auto; padding:5px; color:{color:texto}; text-align:center; border-radius:2px; background:{color:ask color}; text-transform:uppercase; font-family:'Oswald'; font-size:10px;}
  210. .waf-resposta{display:block; margin-top:0px; height:auto; width:auto; color:{color:texto}; text-align:left; padding:4px; text-transform:uppercase; font-family:'Oswald'; font-size:11px; line-height:15px;}
  211. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  212.  
  213. /* QUOTES */
  214. .mr-quotes {font-family:'Oswald'; font-size:11px; line-height:15px; text-align:center; margin-top:5px; color:{color:texto};}
  215. .mr-quotes::first-letter {font-family:'Rochester', cursive; color:{color:negrito}; font-size:30px;}
  216. .source {margin-top:5px; border-top:1px solid {color:negrito}; font-family:'Oswald'; font-size:9px; text-align:right; text-transform:uppercase; line-height:19px; color:{color:negrito};}
  217.  
  218. /* CHAT */
  219. .chat {margin:0px; text-align:left;}
  220. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  221. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  222. #laudio-caption {margin-top:10px;}
  223. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  224. #lalbum-art {display:inline-block; float:left;}
  225. #laudio-player {display:inline-block;}
  226.  
  227.  
  228. /* SIDEBAR GERAL */
  229.  
  230. /* SIDE TOP */
  231. .waf-box1{position:fixed; width:150%; height:85px; margin-left:-10px; top:-10px; background-image:url('http://static.tumblr.com/u89hi8f/9HZow3a1y/bgcartier.png'); border-bottom:10px solid {color:detalhes two}; z-index:999999;}
  232.  
  233. /* ICON */
  234. .mr-imagem {position:fixed; width:120px; height:120px; margin-left:30px; margin-top:12px; background-image:url('http://static.tumblr.com/u89hi8f/KrBow3af5/shapetit2.png'); z-index:99999;}
  235.  
  236. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  237. .mr-menu {position:fixed; margin-left:170px; margin-top:40px; width:auto; height:auto; display:inline-block; font-family:'Electrolize'; font-size:11px; text-align:center; text-transform:uppercase; cursor: hand; float:left;}
  238. .mr-menu a{display:inline-block; width:14px; height:14px; line-height:16px; margin:3px; text-align:center; padding:5px; background:{color:detalhes two}; color:transparent; 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;}
  239. .mr-menu a:hover {color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .3); transition:1s;}
  240. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  241.  
  242. /* PAINEL */
  243. .mr-status{position:fixed; width:auto; margin-top:35px; right:5px; text-align:center; padding:5px; padding:4px;}
  244. .mr-status a{display:block; width:13px; height:13px; margin:2px; float:left; padding:5px; line-height:9px; text-transform:uppercase; font-size:12px; text-align:center; font-family:'Share Tech Mono'; color:#fff; text-shadow:1px 0px rgba(0, 0, 0, .3); background:{color:detalhes two}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:2px;}
  245.  
  246. /* INTEGRANTES POR MR. WAFIOSA - PROIBIDA QUALQUER CÓPIA SEM MINHA PERMISSÃO, É SÓ VIR PEDIR */
  247. #caixa-intg{position:fixed; margin-left:440px; margin-top:13px; width:800px; height:auto; text-transform:uppercase;}
  248.  
  249. .mr-equipe{display:inline-block; width:50px; height:50px; border:4px solid {color:detalhes two}; background:{color:detalhes two}; overflow:hidden; margin:8px; 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); transition:1s;}
  250.  
  251. .mr-equipe img{position:fixed; display:inline-block; margin-left:0px; margin-top:0px; width:50px; height:50px;}
  252.  
  253. .mr-dtl1{position:fixed; width:50px; height:0px; background:rgba(247, 164, 164, .5); margin-top:0px; margin-left:0px; transition:1s;}
  254. .mr-equipe:hover .mr-dtl1{height:50px; transition:.2s;}
  255.  
  256. .mr-names{position:fixed; margin-top:0px; margin-left:0px; width:51px; text-align:center; font-family:'Rationale'; color:{color:detalhes two}; font-size:13px; text-shadow:1px 1px rgba(0,0,0,.1); line-height:12px; transition:1s; opacity:0; border-radius:100%;}
  257. .mr-names a{color:white; font-size:10px; text-shadow:1px 1px rgba(0,0,0,.1);}
  258. .mr-equipe:hover .mr-names{margin-top:15px; opacity:1; height:50px; transition:1s;}
  259.  
  260.  
  261. /* POP-UP - TOTALMENTE MODIFICADO POR MR. WAFIOSA
  262. NÃO COPIE, NEM SE INSPIRE. */
  263. #mr-pop {display:none; position:fixed; background:{color:background color}; left: 0; top:0px; width: 100%; height: 100%; opacity:100; z-index:99999999;}
  264. *html #mr-pop {position: absolute;}
  265.  
  266. .waf-pop{display:none; position:fixed; top:65%; left:50%; height:500px; width:600px!important; background:transparent; padding:5px; float: left; font-size: 1.2em; -webkit-animation:MrW-DSG 1s; -moz-animation:MrW-DSG 1s; animation:MrW-DSG 1s; z-index: 99999999999999;}
  267.  
  268. @-webkit-keyframes MrW-DSG {0% {opacity:0; transform:scale(10);} 100% {opacity:1; transform:scale(1);}}
  269. @-moz-keyframes MrW-DSG {0% {opacity:0; transform:scale(10);} 100% {opacity:1; transform:scale(1);}}
  270. @keyframes MrW-DSG {0% {opacity:0; transform:scale(10);} 100% {opacity:1; transform:scale(1);}}
  271.  
  272. *html .waf-pop {position: absolute;}
  273.  
  274. img.waf_close {float:right; margin: -45px -45px 0 0; z-index:99999999999;}
  275.  
  276.  
  277. /* BOX ATIVIDADE 01 */
  278. #waf-box01{position:fixed; width:610px; height:300px; margin-left:10px; margin-top:10px; background:{color:detalhes two}; z-index:9999999999999999999;}
  279.  
  280. /* DESTAQUES */
  281. .mr-destaques{position:fixed; display:inline-block; width:190px; height:90px; margin-top:50px; margin-left:10px; z-index:99999999;}
  282. .mr-destaques img{width:30px; height:30px; line-height:15px; display:inline-block; padding:4px; margin:2px; background:{color:background color}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:2px;}
  283. /* DESTAQUES */
  284.  
  285. /* FÃS SEMANAIS */
  286. .mr-fas{position:fixed; display:inline-block; margin-top:60px; margin-left:220px; width:220px; height:60px;}
  287. .mr-fas img{width:35px; height:35px; line-height:15px; display:inline-block; padding:4px; margin:2px; background:{color:background color}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:2px;}
  288. .fas-tit{position:fixed; margin-left:2px; margin-top:-2px; font-size:12px; background:{color:background color}; color:#dc8a8a; text-shadow:1px 1px rgba(225, 225, 225, .3); font-family:'Rationale'; 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:3.5px; height:auto; width:35px; text-align:center;}
  289. /* FÃS SEMANAIS */
  290.  
  291. /* TOP 3 */
  292. .mr-top3{position:fixed; display:inline-block; width:195px; height:60px; margin-top:60px; margin-left:450px;}
  293. .mr-top3 img{width:35px; height:35px; line-height:15px; display:inline-block; padding:4px; margin:2px; background:{color:background color}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:2px;}
  294. .top3-tit{position:fixed; margin-left:2px; margin-top:-2px; font-size:12px; background:{color:background color}; color:#dc8a8a; text-shadow:1px 1px rgba(225, 225, 225, .3); font-family:'Rationale'; 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:3.5px; height:auto; width:35px; text-align:center;}
  295. /* TOP 3 */
  296.  
  297. /* CARTIER DO MÊS */
  298. .mr-cartier{position:fixed; display:inline-block; width:195px; height:60px; margin-top:210px; margin-left:10px;}
  299. .mr-cartier img{width:50px; height:50px; line-height:15px; display:inline-block; padding:4px; margin:2px; background:{color:background color}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:2px;}
  300. /* CARTIER DO MÊS */
  301.  
  302. /* KING AND QUEEN */
  303. .mr-kg{position:fixed; display:inline-block; width:195px; height:60px; margin-top:210px; margin-left:260px;}
  304. .mr-kg img{width:50px; height:50px; line-height:15px; display:inline-block; padding:4px; margin:2px; background:{color:background color}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:2px;}
  305. /* KING AND QUEEN */
  306.  
  307. /* PARCEIROS */
  308. .caixa-top{position:fixed; margin-top:210px; margin-left:440px; width:170px; height:90px; float:left; z-index:99999999;}
  309.  
  310. .mr-parceiros{position:fixed; margin-top:0px; margin-left:0px; width:150px; height:53px; background:transparent; overflow:auto; padding:3px; z-index:99;}
  311. .mr-parceiros a{float:left; margin:2px; width:24px; height:23px; line-height:23px; display:block; color:#dc8a8a; text-shadow:1px 1px rgba(225, 225, 225, .3); text-transform:uppercase; font-size:13px; font-family:'Rationale'; text-align:center; background:{color:background color}; box-shadow:inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:2px; transition-duration:1s;}
  312. /* PARCEIROS */
  313.  
  314.  
  315. /*BOX 02 - RECOMENDO DA FAMÍLIA. */
  316. #waf-box02{position:fixed; width:850px; height:500px; margin-left:-260px; margin-top:-30px; background:{color:detalhes two}; z-index:9999999999999999999;}
  317.  
  318. #waf-recomendo{position:fixed; width:650px; height:500px; margin-left:10px; margin-top:110px;}
  319.  
  320. /* CAIXA DAS IMAGENS DO RECOMENDO */
  321. .mr-recomendo{position:fixed; display:inline-block; margin-top:0px; margin-left:0px; overflow:auto; width:115px; height:148px; padding:5px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); z-index:999999999999999;}
  322. .mr-recomendo img{width:25px; height:25px; line-height:15px; display:inline-block; color:#fff; text-transform:uppercase; font-size:11px; padding:3px; background:{color:background color}; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .3), inset -1px -1px 2px rgba(0, 0, 0, .5); transition: 1s;}
  323. .mr-recomendo img:hover{box-shadow:inset 50px 0 50px {color:background color}; transition-duration:1s;}
  324.  
  325. .mr-recomendo::-webkit-scrollbar{width:3px; height:3px; background:{color:detalhes three};}
  326. .mr-recomendo::-webkit-scrollbar-thumb{background:{color:background color};}
  327.  
  328. /* CAIXA DAS IMAGENS DO RECOMENDO */
  329.  
  330. /* POP-UP - TOTALMENTE MODIFICADO POR MR. WAFIOSA
  331. NÃO COPIE, NEM SE INSPIRE. */
  332.  
  333. </style>
  334.  
  335. <!-- SCRIPT DO POP UP -->
  336. <script>
  337. $(document).ready(function() { $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); var popURL = $(this).attr('href'); var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/u89hi8f/if3ow8lo0/closecartier.png" class="waf_close" title=" Clique para fechar e retornar ao theme." alt="Close" /></a>'); var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft}); $('body').append('<div id="mr-pop"></div>'); $('#mr-pop').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); return false; }); $('a.close, #mr-pop').live('click', function() { $('#mr-pop , .waf-pop').fadeOut(function() { $('#mr-pop, a.close').remove(); }); return false; }); });
  338. </script>
  339. <!-- SCRIPT DO POP UP -->
  340.  
  341. <!--- FONTES PERSONALIZADAS GOOGLE --->
  342. <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Electrolize|Josefin+Sans|Norican|Parisienne|Rochester|Rouge+Script|Sacramento|Wire+One" rel="stylesheet">
  343.  
  344. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  345.  
  346. <link href='https://fonts.googleapis.com/css?family=Quicksand|Share+Tech+Mono|Oswald|Rochester|Rationale' rel='stylesheet' type='text/css'>
  347. <!--- FONTES PERSONALIZADAS GOOGLE --->
  348.  
  349. <body>
  350.  
  351.  
  352. <!-- SIDE TOP -->
  353.  
  354. <div class="waf-box1">
  355.  
  356. <div class="mr-status">
  357.  
  358. <a href="https://www.tumblr.com/follow/{text:sua url}" title="Follow Us" target="_blank"><i class="fa fa-plus"></i> </a>
  359. <a href="https://www.tumblr.com/message/{text:sua url}" title="Conversation" target="_blank"><i class="fa fa-comment"></i></a>
  360. <a href="https://www.tumblr.com/dashboard" title="Dashboard" target="_blank"><i class="fa fa-home"></i></a>
  361. </div>
  362.  
  363. <div class="mr-imagem"></div>
  364.  
  365. <!-- MENU -->
  366. <div class="mr-menu">
  367. <a href="{text:link1}" title="{text:link1 nome}"><i class="fa fa-home"></i></a>
  368. <a href="{text:link2}" title="{text:link2 nome}"><i class="fa fa-envelope"></i></a>
  369. <a href="{text:link3}" title="{text:link3 nome}"><i class="fa fa-pencil"></i></a>
  370. <a href="{text:link4}" title="{text:link4 nome}"><i class="fa fa-tags"></i></a>
  371. <a href="{text:link5}" title="{text:link5 nome}"><i class="fa fa-anchor"></i></a>
  372. <a href="#?w=500" rel="message" class="poplight" title="Atividades da F. Cartier"><i class="fa fa-code"></i></a>
  373. <a href="#?w=500" rel="recomendo" class="poplight" title="Recomendo da F. Cartier"><i class="fa fa-navicon"></i></a>
  374. </div>
  375. <!-- MENU -->
  376.  
  377.  
  378. <!-- BOX INTEGRANTES -->
  379. <div id="caixa-intg">
  380.  
  381. <!-- MEMBRO 1 -->
  382. <div class="mr-equipe">
  383. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  384. <div class="mr-dtl1"></div>
  385. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  386. </div>
  387. </div>
  388. <!-- MEMBRO 1 -->
  389.  
  390.  
  391. <!-- MEMBRO 2 -->
  392. <div class="mr-equipe">
  393. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  394. <div class="mr-dtl1"></div>
  395. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  396. </div>
  397. </div>
  398. <!-- MEMBRO 2 -->
  399.  
  400.  
  401. <!-- MEMBRO 3 -->
  402. <div class="mr-equipe">
  403. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  404. <div class="mr-dtl1"></div>
  405. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  406. </div>
  407. </div>
  408. <!-- MEMBRO 3 -->
  409.  
  410.  
  411. <!-- MEMBRO 4 -->
  412. <div class="mr-equipe">
  413. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  414. <div class="mr-dtl1"></div>
  415. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  416. </div>
  417. </div>
  418. <!-- MEMBRO 4 -->
  419.  
  420.  
  421. <!-- MEMBRO 5 -->
  422. <div class="mr-equipe">
  423. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  424. <div class="mr-dtl1"></div>
  425. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  426. </div>
  427. </div>
  428. <!-- MEMBRO 5 -->
  429.  
  430.  
  431. <!-- MEMBRO 6 -->
  432. <div class="mr-equipe">
  433. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  434. <div class="mr-dtl1"></div>
  435. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  436. </div>
  437. </div>
  438. <!-- MEMBRO 6 -->
  439.  
  440. <!-- MEMBRO 7 -->
  441. <div class="mr-equipe">
  442. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  443. <div class="mr-dtl1"></div>
  444. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  445. </div>
  446. </div>
  447. <!-- MEMBRO 7 -->
  448.  
  449. <!-- MEMBRO 8 -->
  450. <div class="mr-equipe">
  451. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  452. <div class="mr-dtl1"></div>
  453. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  454. </div>
  455. </div>
  456. <!-- MEMBRO 8 -->
  457.  
  458. <!-- MEMBRO 9 -->
  459. <div class="mr-equipe">
  460. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  461. <div class="mr-dtl1"></div>
  462. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  463. </div>
  464. </div>
  465. <!-- MEMBRO 9 -->
  466.  
  467. <!-- MEMBRO 10 -->
  468. <div class="mr-equipe">
  469. <img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/">
  470. <div class="mr-dtl1"></div>
  471. <div class="mr-names"> Gabriela <br> <a href="http://mrwafiosa.tumblr.com/" target="_blank"> mrwafiosa </a>
  472. </div>
  473. </div>
  474. <!-- MEMBRO 10 -->
  475.  
  476. </div>
  477. <!-- BOX INTEGRANTES -->
  478.  
  479.  
  480.  
  481.  
  482. </div>
  483.  
  484. <!-- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI -->
  485. <div style="position:fixed; bottom:15px; margin-left:10px; height:14px; width:14px; font-size:11px; line-height:14px; background:{color:background color}; font-family:'Rationale'; 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 Família Cartier - Desenho por: Dawama - Codificação: Mrwafiosa." target="_blank" style="color:#ed8b8b; text-shadow:1px 1px rgba(225, 225, 225, .3);;"><i class="fa fa-code"></i></a></div>
  486. <!-- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI -->
  487.  
  488.  
  489. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  490.  
  491. <div id="wafcaixa">
  492.  
  493. {block:Posts}
  494. <div class="posts">
  495.  
  496.  
  497.  
  498.  
  499. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  500. {block:Text}
  501. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Oswald'; font-size:11px; line-height:15px; padding-bottom:2px;"><center>
  502. {Title}</center></div>{/block:Title}
  503. {body}
  504.  
  505. {block:indexpage}
  506. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  507. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  508. {/block:IndexPage}
  509.  
  510. {/block:Text}
  511. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  512.  
  513.  
  514.  
  515.  
  516. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  517. {block:Quote}
  518. <div class="mr-quotes">{Quote}</div></font>
  519. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  520.  
  521. {block:indexpage}
  522. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  523. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  524. {/block:IndexPage}
  525.  
  526. {/block:Quote}
  527. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  528.  
  529.  
  530.  
  531.  
  532. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  533. {block:Chat}
  534.  
  535. {block:Lines}
  536. <div class="chat">
  537. <div class="lines">{block:Label}
  538. <span>{Label}</span>
  539. {/block:Label}
  540. {Line}</div></div>
  541. {/block:Lines}
  542.  
  543. {block:indexpage}
  544. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  545. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  546. {/block:IndexPage}
  547.  
  548. {/block:Chat}
  549. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  550.  
  551.  
  552.  
  553. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  554. {block:Link}
  555. <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}
  556.  
  557. {block:indexpage}
  558. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  559. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  560. {/block:IndexPage}
  561.  
  562. {/block:Link}
  563. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  564.  
  565.  
  566.  
  567. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  568. {block:Audio}
  569. <div class="text">
  570. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  571. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  572. <div id="laudio-caption">
  573. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  574. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  575. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  576. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  577. </div></div>
  578.  
  579. {block:indexpage}
  580. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  581. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  582. {/block:IndexPage}
  583.  
  584. {/block:Audio}
  585. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  586.  
  587.  
  588. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  589. {block:Photo}
  590. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  591.  
  592. {block:indexpage}
  593. <div class="mr-cxnotes"></div>
  594.  
  595. <div class="reblog"><a href="{ReblogURL}" style="color:{color:link notes foto};" target="_blank"> Reblog! </a></div>
  596. <div class="date"> Posted {DayOfMonthWithZero}/{MonthNumberWithZero}, às {24HourWithZero}:{Minutes} </div>
  597. <div class="notes"><a href="{Permalink}" style="color:{color:link notes foto};" target="_blank"> {NoteCount} notes </a></div>
  598. <div class="mr-dtl"> ••••••••••••••• </div>
  599. {/block:indexpage}
  600.  
  601. {block:PermalinkPage}
  602. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  603. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  604. {/block:PermalinkPage}
  605.  
  606. {/block:Photo}
  607. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  608.  
  609.  
  610. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  611. {block:Photoset}
  612. <div class="imgpost"><center>{Photoset}</center></div>
  613.  
  614. {block:indexpage}
  615. <div class="mr-cxnotes"></div>
  616.  
  617. <div class="reblog"><a href="{ReblogURL}" style="color:{color:link notes foto};" target="_blank"> Reblog! </a></div>
  618. <div class="date"> Posted {DayOfMonthWithZero}/{MonthNumberWithZero}, às {24HourWithZero}:{Minutes} </div>
  619. <div class="notes"><a href="{Permalink}" style="color:{color:link notes foto};" target="_blank"> {NoteCount} notes </a></div>
  620. <div class="mr-dtl"> ••••••••••••••• </div>
  621. {/block:indexpage}
  622.  
  623. {block:PermalinkPage}
  624. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  625. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  626. {/block:PermalinkPage}
  627.  
  628. {/block:Photoset}
  629. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  630.  
  631.  
  632.  
  633.  
  634. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  635. {block:Video}
  636. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  637.  
  638. {block:indexpage}
  639. <div class="mr-cxnotes"></div>
  640.  
  641. <div class="reblog"><a href="{ReblogURL}" style="color:{color:link notes foto};" target="_blank"> Reblog! </a></div>
  642. <div class="date"> Posted {DayOfMonthWithZero}/{MonthNumberWithZero}, às {24HourWithZero}:{Minutes} </div>
  643. <div class="notes"><a href="{Permalink}" style="color:{color:link notes foto};" target="_blank"> {NoteCount} notes </a></div>
  644. <div class="mr-dtl"> ••••••••••••••• </div>
  645. {/block:indexpage}
  646.  
  647. {block:PermalinkPage}
  648. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  649. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  650. {/block:PermalinkPage}
  651.  
  652. {/block:Video}
  653. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  654.  
  655.  
  656. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  657. {block:Answer}
  658. <img src="{AskerPortraitURL-30}"class="waf-icon">
  659. <div class="waf-perguntou"> {Asker} asked</div>
  660. <div class="waf-pergunta"> {Question}</div>
  661. <div class="waf-resposta">{Answer}</div>
  662.  
  663. {block:indexpage}
  664. <div class="mr-notes"> {ShortMonth} {DayOfMonthWithZero}, <a href="{permalink}">{NoteCount} notes</div>
  665. <div class="mr-reblogs"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  666. {/block:IndexPage}
  667.  
  668. {/block:Answer}
  669. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  670.  
  671.  
  672. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  673. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  674.  
  675. {/block:Posts}
  676.  
  677. </div>
  678.  
  679. {block:IndexPage}
  680. <div class="column navigation" id="navigation">
  681. {block:Pagination}
  682. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  683. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  684. </div>
  685. {/block:IndexPage}
  686. </div>
  687.  
  688. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  689. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  690. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  691.  
  692.  
  693. <script type="text/javascript">
  694. $(window).load(function () {
  695. $('#wafcaixa').masonry(),
  696. $('.masonryWrap').infinitescroll({
  697. navSelector : "div#navigation",
  698. nextSelector : "div#navigation a#nextPage",
  699. itemSelector : ".posts",
  700. bufferPx : 10000,
  701. extraScrollPx: 11000,
  702. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  703. loadingText : "",
  704. },
  705. // call masonry as a callback.
  706. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  707. );
  708. });
  709. </script>
  710.  
  711.  
  712. </body>
  713. </html>
  714.  
  715. <!-- POP UP.-->
  716. <!-- POP UP.-->
  717. <!-- POP UP.-->
  718.  
  719. <!-- BOX ATIVIDADE 01 - POP UP -->
  720. <div id="message" class="waf-pop">
  721.  
  722. <div style="position:fixed; margin-top:0px; margin-left:0px; width:630px; height:320px; background-image:url('http://static.tumblr.com/u89hi8f/9HZow3a1y/bgcartier.png'); z-index:9999999999999;">
  723. <div id="waf-box01">
  724.  
  725. <div style="position:fixed; margin-left:1px; height:auto; width:600px; margin-top:-70px; font-size:40px; color:#e59292; font-family:'Sacramento'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-align:center;"> Atividades da Família Cartier</div>
  726.  
  727. <div style="position:fixed; margin-top:-40px; margin-left:0px; color:#e59292; text-shadow:1px 1px rgba(225, 225, 225, .4);"> ______________________________________________________________ </div>
  728.  
  729. <!-- FAIXA CENTRAL -->
  730. <div style="position:fixed; margin-top:140px; margin-left:20px; color:#e26e6e; text-shadow:1px 1px rgba(225, 225, 225, .4);"> ___________________________________________________________ </div>
  731.  
  732.  
  733. <div class="caixa-top">
  734.  
  735. <div style="position:fixed; margin-left:30px; height:auto; width:90px; margin-top:-30px; font-size:16px; line-height:12px; background:{color:background color}; color:#dc8a8a; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); border-radius:4px; padding:4px; text-align:center; z-index:99999;"> Parceiros </div>
  736.  
  737. <div style="position:fixed; margin-left:1px; height:auto; width:120px; margin-top:-40px; font-size:35px; color:#e26e6e; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); letter-spacing:3px;"> •••••••••••• </div>
  738.  
  739. <div class="mr-parceiros">
  740.  
  741. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  742.  
  743. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  744.  
  745. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  746.  
  747. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  748.  
  749. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  750.  
  751. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  752.  
  753. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  754.  
  755. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  756.  
  757. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  758.  
  759. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  760.  
  761. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  762.  
  763. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  764.  
  765. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  766.  
  767. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  768.  
  769. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  770.  
  771. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  772.  
  773. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  774.  
  775. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  776.  
  777. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  778.  
  779. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  780.  
  781. <a href="http://familiatal.tumblr.com/" title=" VAGA" target="_blank"> VG </a>
  782. </div>
  783.  
  784. </div>
  785. <!-- PARCEIROS -->
  786.  
  787.  
  788. <!-- DESTAQUES -->
  789. <div class="mr-destaques">
  790.  
  791. <div style="position:fixed; margin-left:30px; height:auto; width:115px; margin-top:-25px; font-size:16px; line-height:12px; background:{color:background color}; color:#dc8a8a; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); border-radius:4px; padding:4px; text-align:center; z-index:99999;"> Nossos Destaques. </div>
  792.  
  793. <div style="position:fixed; margin-left:1px; height:auto; width:115px; margin-top:-35px; font-size:35px; color:#e26e6e; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); letter-spacing:3px"> •••••••••••••• </div>
  794.  
  795. <a href="http://{text:destaque1 url}.tumblr.com/" title="{text:destaque1 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque1 url}.tumblr.com/avatar/96/"></a>
  796.  
  797. <a href="http://{text:destaque2 url}.tumblr.com/" title="{text:destaque2 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque2 url}.tumblr.com/avatar/96/"></a>
  798.  
  799. <a href="http://{text:destaque3 url}.tumblr.com/" title="{text:destaque3 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque3 url}.tumblr.com/avatar/96/"></a>
  800.  
  801. <a href="http://{text:destaque4 url}.tumblr.com/" title="{text:destaque4 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque4 url}.tumblr.com/avatar/96/"></a>
  802.  
  803. <a href="http://{text:destaque5 url}.tumblr.com/" title="{text:destaque5 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque5 url}.tumblr.com/avatar/96/"></a>
  804.  
  805. <a href="http://{text:destaque6 url}.tumblr.com/" title="{text:destaque6 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque6 url}.tumblr.com/avatar/96/"></a>
  806.  
  807. <a href="http://{text:destaque7 url}.tumblr.com/" title="{text:destaque7 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque7 url}.tumblr.com/avatar/96/"></a>
  808.  
  809. <a href="http://{text:destaque8 url}.tumblr.com/" title="{text:destaque8 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque8 url}.tumblr.com/avatar/96/"></a>
  810.  
  811.  
  812. </div>
  813. <!-- DESTAQUES -->
  814.  
  815.  
  816.  
  817. <!-- FÃS -->
  818. <div class="mr-fas">
  819.  
  820. <div style="position:fixed; margin-left:45px; height:auto; width:100px; margin-top:-35px; font-size:16px; line-height:12px; background:{color:background color}; color:#dc8a8a; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); border-radius:4px; padding:4px; text-align:center; z-index:99999;"> Fãs Semanais. </div>
  821.  
  822. <div style="position:fixed; margin-left:1px; height:auto; width:115px; margin-top:-45px; font-size:35px; color:#e26e6e; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); letter-spacing:3px"> ••••••••••••••• </div>
  823.  
  824. <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><div class="fas-tit">Fã Nº 1</div>
  825.  
  826. <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><div class="fas-tit" style="margin-left:53px;">Fã Nº 2</div>
  827.  
  828. <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><div class="fas-tit" style="margin-left:104px;">Fã Nº 3</div>
  829.  
  830. <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 class="fas-tit" style="margin-left:155px;">Fã Nº 4</div>
  831.  
  832. </div>
  833.  
  834. <!-- FÃS -->
  835.  
  836.  
  837. <!-- TOP 3 -->
  838. <div class="mr-top3">
  839.  
  840. <div style="position:fixed; margin-left:30px; height:auto; width:90px; margin-top:-35px; font-size:16px; line-height:12px; background:{color:background color}; color:#dc8a8a; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); border-radius:4px; padding:4px; text-align:center; z-index:99999;"> Nosso top 3 </div>
  841.  
  842. <div style="position:fixed; margin-left:1px; height:auto; width:115px; margin-top:-45px; font-size:35px; color:#e26e6e; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); letter-spacing:3px"> ••••••••••• </div>
  843.  
  844. <a href="http://{text:top1 url}.tumblr.com/" title=" {text:top1 url} " target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top1 url}.tumblr.com/avatar/96/"></a><div class="top3-tit">Nº 01</div>
  845.  
  846. <a href="http://{text:top2 url}.tumblr.com/" title="{text:top2 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top2 url}.tumblr.com/avatar/96/"></a><div class="top3-tit" style="margin-left:53px; width:35px;">Nº 02</div>
  847.  
  848. <a href="http://{text:top3 url}.tumblr.com/" title="{text:top3 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top3 url}.tumblr.com/avatar/96/"></a><div class="top3-tit" style="margin-left:105px;">Nº 03</div>
  849.  
  850.  
  851. </div>
  852. <!-- TOP 3 -->
  853.  
  854.  
  855.  
  856. <!-- CARTIER DO MÊS -->
  857. <div class="mr-cartier">
  858.  
  859. <div style="position:fixed; margin-left:36px; height:auto; width:100px; margin-top:-30px; font-size:16px; line-height:12px; background:{color:background color}; color:#dc8a8a; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); border-radius:4px; padding:4px; text-align:center; z-index:99999;"> Cartier do Mês </div>
  860.  
  861. <div style="position:fixed; margin-left:1px; height:auto; width:120px; margin-top:-40px; font-size:35px; color:#e26e6e; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); letter-spacing:3px;"> •••••••••••••• </div>
  862.  
  863. <a href="http://{text:cartier do mes url}.tumblr.com/" title=" {text:cartier do mes url} " target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:cartier do mes url}.tumblr.com/avatar/96/"></a>
  864.  
  865. <div style="position:fixed; margin-left:65px; height:auto; width:120px; margin-top:-60px; font-size:13px; color:{color:background color}; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); letter-spacing:3px; text-transform:uppercase; text-align:center;"> Ana Gabriela, 19 anos, namorando. </div>
  866.  
  867. </div>
  868. <!-- CARTIER DO MÊS -->
  869.  
  870.  
  871. <!-- KING AND QUEEN -->
  872. <div class="mr-kg">
  873.  
  874. <div style="position:fixed; margin-left:12px; height:auto; width:100px; margin-top:-30px; font-size:16px; line-height:12px; background:{color:background color}; color:#dc8a8a; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); text-transform:uppercase; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .3); border-radius:4px; padding:4px; text-align:center; z-index:99999;"> King and Queen </div>
  875.  
  876. <div style="position:fixed; margin-left:-30px; height:auto; width:115px; margin-top:-40px; font-size:35px; color:#e26e6e; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); letter-spacing:3px"> •••••••••••••• </div>
  877.  
  878. <a href="http://{text:king url}.tumblr.com/" title="{text:king url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:king url}.tumblr.com/avatar/96/"></a>
  879.  
  880. <a href="http://{text:queen url}.tumblr.com/" title="{text:queen url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:queen url}.tumblr.com/avatar/96/"></a>
  881.  
  882. </div>
  883. <!-- KING AND QUEEN -->
  884.  
  885.  
  886. </div>
  887. </div>
  888. </div>
  889. <!-- BOX ATIVIDADE 01 - POP UP -->
  890.  
  891.  
  892.  
  893.  
  894.  
  895.  
  896.  
  897.  
  898.  
  899. <!-- BOX ATIVIDADE 02 (RECOMENDO) - POP UP -->
  900. <div id="recomendo" class="waf-pop" style=" top:60%; left:60%; width:100px!important;">
  901. <div id="waf-box02">
  902. <div style="position:fixed; margin-top:65px; margin-left:0px; width:850px; height:10px; background-image:url('http://static.tumblr.com/u89hi8f/9HZow3a1y/bgcartier.png');"></div>
  903.  
  904. <div style="position:fixed; margin-left:4px; height:auto; width:850px; margin-top:-5px; font-size:30px; color:#e26e6e; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); letter-spacing:3px;"> ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• </div>
  905.  
  906. <!-- TÍTULO -->
  907. <div style="position:fixed; margin-top:18px; margin-left:10px; height:auto; width:850px; font-size:40px; color:#e26e6e; font-family:'Rationale'; text-shadow:1px 1px rgba(225, 225, 225, .4); letter-spacing:3px; text-transform:uppercase; text-align:center;"> Recomendo da Família Cartier For You! </div>
  908.  
  909. <div id="waf-recomendo">
  910.  
  911. <!--- MATERIAL 01 --->
  912. <div class="mr-recomendo">
  913.  
  914. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  915.  
  916. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  917.  
  918. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  919.  
  920. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  921.  
  922. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  923.  
  924. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  925.  
  926. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  927.  
  928. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  929.  
  930. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  931.  
  932. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  933.  
  934. </div>
  935. <!--- MATERIAL 01 --->
  936.  
  937.  
  938. <!--- MATERIAL 02 --->
  939. <div class="mr-recomendo" style="margin-left:140px;">
  940.  
  941. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  942.  
  943. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  944.  
  945. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  946.  
  947. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  948.  
  949. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  950.  
  951. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  952.  
  953. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  954.  
  955. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  956.  
  957. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  958.  
  959. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  960.  
  961. </div>
  962. <!--- MATERIAL 02 --->
  963.  
  964.  
  965.  
  966.  
  967. <!--- MATERIAL 03 --->
  968. <div class="mr-recomendo" style="margin-left:280px;">
  969.  
  970. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  971.  
  972. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  973.  
  974. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  975.  
  976. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  977.  
  978. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  979.  
  980. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  981.  
  982. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  983.  
  984. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  985.  
  986. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  987.  
  988. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  989.  
  990. </div>
  991. <!--- MATERIAL 03 --->
  992.  
  993.  
  994.  
  995.  
  996. <!--- MATERIAL 04 --->
  997. <div class="mr-recomendo" style="margin-left:420px;">
  998.  
  999. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1000.  
  1001. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1002.  
  1003. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1004.  
  1005. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1006.  
  1007. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1008.  
  1009. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1010.  
  1011. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1012.  
  1013. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1014.  
  1015. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1016.  
  1017. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1018.  
  1019. </div>
  1020. <!--- MATERIAL 04 --->
  1021.  
  1022.  
  1023.  
  1024.  
  1025. <!--- MATERIAL 05 --->
  1026. <div class="mr-recomendo" style="margin-left:560px;">
  1027.  
  1028. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1029.  
  1030. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1031.  
  1032. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1033.  
  1034. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1035.  
  1036. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1037.  
  1038. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1039.  
  1040. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1041.  
  1042. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1043.  
  1044. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1045.  
  1046. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1047.  
  1048. </div>
  1049. <!--- MATERIAL 05 --->
  1050.  
  1051.  
  1052.  
  1053.  
  1054. <!--- MATERIAL 06 --->
  1055. <div class="mr-recomendo" style="margin-left:700px;">
  1056.  
  1057. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1058.  
  1059. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1060.  
  1061. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1062.  
  1063. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1064.  
  1065. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1066.  
  1067. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1068.  
  1069. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1070.  
  1071. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1072.  
  1073. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1074.  
  1075. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1076.  
  1077. </div>
  1078. <!--- MATERIAL 06 --->
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084. <!--- MATERIAL 07 --->
  1085. <div class="mr-recomendo" style="margin-top:200px;">
  1086.  
  1087. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1088.  
  1089. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1090.  
  1091. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1092.  
  1093. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1094.  
  1095. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1096.  
  1097. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1098.  
  1099. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1100.  
  1101. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1102.  
  1103. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1104.  
  1105. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1106.  
  1107. </div>
  1108. <!--- MATERIAL 07 --->
  1109.  
  1110.  
  1111. <!--- MATERIAL 08 --->
  1112. <div class="mr-recomendo" style="margin-top:200px; margin-left:140px;">
  1113.  
  1114. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1115.  
  1116. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1117.  
  1118. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1119.  
  1120. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1121.  
  1122. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1123.  
  1124. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1125.  
  1126. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1127.  
  1128. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1129.  
  1130. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1131.  
  1132. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1133.  
  1134. </div>
  1135. <!--- MATERIAL 08 --->
  1136.  
  1137.  
  1138.  
  1139.  
  1140. <!--- MATERIAL 09 --->
  1141. <div class="mr-recomendo" style="margin-top:200px; margin-left:280px;">
  1142.  
  1143. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1144.  
  1145. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1146.  
  1147. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1148.  
  1149. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1150.  
  1151. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1152.  
  1153. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1154.  
  1155. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1156.  
  1157. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1158.  
  1159. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1160.  
  1161. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1162.  
  1163. </div>
  1164. <!--- MATERIAL 09 --->
  1165.  
  1166.  
  1167.  
  1168.  
  1169. <!--- MATERIAL 10 --->
  1170. <div class="mr-recomendo" style="margin-top:200px; margin-left:420px;">
  1171.  
  1172. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1173.  
  1174. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1175.  
  1176. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1177.  
  1178. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1179.  
  1180. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1181.  
  1182. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1183.  
  1184. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1185.  
  1186. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1187.  
  1188. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1189.  
  1190. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1191.  
  1192. </div>
  1193. <!--- MATERIAL 10 --->
  1194.  
  1195.  
  1196.  
  1197.  
  1198. <!--- MATERIAL 11 --->
  1199. <div class="mr-recomendo" style="margin-top:200px; margin-left:560px;">
  1200.  
  1201. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1202.  
  1203. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1204.  
  1205. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1206.  
  1207. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1208.  
  1209. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1210.  
  1211. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1212.  
  1213. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1214.  
  1215. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1216.  
  1217. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1218.  
  1219. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1220.  
  1221. </div>
  1222. <!--- MATERIAL 11 --->
  1223.  
  1224.  
  1225.  
  1226.  
  1227. <!--- MATERIAL 12 --->
  1228. <div class="mr-recomendo" style="margin-top:200px; margin-left:700px;">
  1229.  
  1230. <div style="position:fixed; font-family:'Electrolize'; text-transform:uppercase; font-size:14px; text-align:center; width:122px; height:auto; margin-top:-30px; margin-left:-5px; letter-spacing:1px; color:#fff; font-family:'Rationale'; text-shadow:1px 1px rgba(0, 0, 0, .2); background:{color:detalhes two}; padding:2px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 5px 5px;"> Material Tal </div>
  1231.  
  1232. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1233.  
  1234. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1235.  
  1236. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1237.  
  1238. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1239.  
  1240. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1241.  
  1242. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1243.  
  1244. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1245.  
  1246. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1247.  
  1248. <a href="http://mrwafiosa.tumblr.com/" title="Pode ser você.!" target="_blank"><img src="http://api.tumblr.com/v2/blog/mrwafiosa.tumblr.com/avatar/96/"></a>
  1249.  
  1250. </div>
  1251. <!--- MATERIAL 12 --->
  1252.  
  1253.  
  1254. </div>
  1255. </div>
  1256. </div>
  1257. <!-- BOX ATIVIDADE 02 (RECOMENDO) - POP UP -->
  1258.  
  1259.  
  1260. <!-- POP UP.-->
  1261. <!-- POP UP.-->
  1262. <!-- POP UP.-->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!