Advertisement
Guest User

EXCLUSIVO FAMILIA PERDITION

a guest
Oct 8th, 2015
147
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.44 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">
  2.  
  3. <!--------------------------------------------------------------------------
  4. THEME TOTALMENTE MODIFICADO POR LUXEGRL - DESENHO POR WARREIRO
  5. ---------------------------------------------------------------------------->
  6.  
  7. <!------------- EFEITO DIGITANDO NO TITULO ------------------>
  8. <html xmlns="http://www.w3.org/1999/xhtml"><head profile="http://gmpg.org/xfn/11"><link rel="shortcut icon" href="{favicon}"><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><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="x-dns-prefetch-control" content="off"/>
  9.  
  10. <!------------- APPEARENCE ------------------>
  11.  
  12. <!------------- CORES ------------------>
  13. <meta name="color:background" content="#fff"/>
  14. <meta name="color:text" content="#222"/>
  15. <meta name="color:links" content="#222"/>
  16. <meta name="color:links hover" content="#000"/>
  17. <meta name="color:ask" content="#ffc0cb"/>
  18. <meta name="color:barra de rolagem" content="#eee"/>
  19. <meta name="color:caixas" content="#222"/>
  20. <meta name="color:titulo 1" content="#27224e"/>
  21. <meta name="color:titulos" content="#fff"/>
  22. <meta name="color:imagens" content="#aaa"/>
  23. <meta name="color:menu" content="#ccc"/>
  24.  
  25.  
  26. <!------------- TEXTOS ------------------>
  27. <meta name="text:titulo" content="" />
  28. <meta name="text:titulo2" content="" />
  29. <meta name="text:link1" content="" />
  30. <meta name="text:link1 titulo" content="" />
  31. <meta name="text:link2" content="" />
  32. <meta name="text:link2 titulo" content="" />
  33. <meta name="text:link3" content="" />
  34. <meta name="text:link3 titulo" content="" />
  35. <meta name="text:link4" content="" />
  36. <meta name="text:link4 titulo" content="" />
  37. <meta name="text:link5" content="" />
  38. <meta name="text:link5 titulo" content="" />
  39.  
  40. </head>
  41. <style type="text/css" media="screen">
  42.  
  43. /* DEFINIÇÕES GEARIS DO THEME */
  44. body{background:{color:background}; color:{color:text}; font-family:'CAMBRIA'; font-size:11px; text-align:left;}
  45. /* FIM DAS DEFINIÇÕES GEARIS DO THEME */
  46.  
  47. /* LINKS - NÃO RETIRE ISSO! */
  48. a{color:{color:links}; text-decoration:none;}
  49. a:hover{color:{color:links hover};}
  50. /* FIM DOS LINKS - NÃO RETIRE ISSO! */
  51.  
  52. /* BARRA DE ROLAGEM - NÃO RETIRE ISSO! */
  53. ::-webkit-scrollbar{height:4px; width:5px; background:{color:barra de rolagem};}
  54. ::-webkit-scrollbar-thumb:vertical{background:{color:barra de rolagem};}
  55. ::-webkit-scrollbar-thumb:horizontal{background:{color:barra de rolagem};}
  56. /* FIM DA BARRA DE ROLAGEM - NÃO RETIRE ISSO! */
  57.  
  58. /* ALINHAMENTO DOS POSTS */
  59. #posts{float:left; margin-top:230px; margin-left:100px; width:900px;
  60. padding-bottom:30px;}
  61. /* FIM DO ALINHAMENTOS DOS POSTS - NÃO RETIRE ISSO! */
  62.  
  63. /* CAIXAS DOS POSTS */
  64. .caixa{ margin-top:1px;position:relative; float:left; display:inline-block; width:200px; padding:3px; margin:6px; border:1px double #000; overflow:hidden; text-shadow:1px 1px 0 rgba(255,255,255,.8);}
  65. .caixa img{max-width:100%; height:auto;}
  66. .imgpost img{width:190px; margin-top:3px; margin-left:5px;}
  67. .vsanna{display:none;}titulo{text-decoration:uppercase;}
  68. blockquote{margin:5px;}
  69. /* FIM DAS CAIXAS DOS POSTS - NÃO RETIRE ISSO! */
  70.  
  71. /* NOTES */
  72. .caixa .notes {margin-top:-10px; margin-left:0px; width:280px; height:13px; line-height:17px; text-align:center;color:{color:links}; font-size:8px; font-family:'CAMBRIA'; text-transform:uppercase; opacity:0; transition:1s; opacity:0; transform:rotatex(360deg); transition:.8s; letter-spacing:2px;}
  73. .notes a{color:{color:links}; transform:rotatex(360deg);}
  74. .notes a:hover{color:{color:links hover}; transform:rotatex(360deg);}
  75. .caixa:hover .notes {opacity:1; margin-top:0px; transform:rotatex(360deg); transition:.8s; letter-spacing:0px;}
  76. /* FIM DOS NOTES */
  77.  
  78. /* ASK, NÃO RETIRE OS CRÉDITOS - FEITO POR LUXEGRL, DESENHADO POR WARREIRO */
  79. .iconask{ margin-left:5px;border:1px solid #000;box-shadow: 1px -1px 2px #707070;margin-top:2px;}
  80. .iconsask img{opacity:1; z-index:9999;width:36px; height:36px;}
  81. .people {margin-top:-35px;margin-left:45px;max-width:90px;height:auto;padding:2px; font-family:'CAMBRIA';color:#000;font-size:11px;border:1px solid #000;background:#ddd;text-align:left; z-index:4;opacity:1;position: absolute;}
  82. .people a{color:#000; z-index:5;opacity:1;}
  83. .people a:hover{color:{color:links hover}; z-index:5;opacity:1;}
  84. .que{ margin-top:-26px; margin-left: 43px;max-width: 134px; height:auto;padding:9px; font-family:'CAMBRIA';color:{color:text} font-size:11px; border: 1px solid {color:ask}; text-align:left;border-bottom:5px solid #aaa;}
  85. .an{margin-left:10px;width: 180px; height:auto; font-family:'CAMBRIA'; serif;color:{color:texto}; font-size:11px; border-bottom:1px solid {color:ask};}
  86. /* FIM DA ASK - FEITO POR LUXEGRL, DESENHADO POR WARREIRO */
  87.  
  88. /* SIDE DO TOPO - NÃO RETIRE ISSO! */
  89. .s1{position:fixed; top:0px; left:10px; width:1280px; height:165px; background:{color:caixas};border:3px solid #000;z-index:9999;}
  90. /* FIM DA SIDE DO TOPO - NÃO RETIRE ISSO! */
  91.  
  92. /* EQUIPE DA FAMÍLIA */
  93. .equipe{margin-top:18px;margin-left:700px;height:118px;width:196px;border:1px solid #fff;padding:5px;}
  94. .mod1 {position:fixed;margin-left:0px;margin-top:0px; width:55px;height:55px; overflow:hidden; transition:all .5s ease-in-out; z-index:9999999}
  95. .mod1 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  96. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  97. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  98. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  99. .mod1:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  100. .mod1:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  101.  
  102. .mod2 {position:fixed;margin-left:40px;margin-top:0px; width:55px;height:55px; overflow:hidden; transition:all .5s ease-in-out; z-index:9999999}
  103. .mod2 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  104. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  105. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  106. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  107. .mod2:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  108. .mod2:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  109.  
  110. .mod3 {position:fixed;margin-left:80px;margin-top:0px; width:55px;height:55px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  111. .mod3 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  112. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  113. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  114. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  115. .mod3:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  116. .mod3:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  117.  
  118. .mod4 {position:fixed; width:55px;height:55px;margin-left:120px;margin-top:0px;overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  119. .mod4 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  120. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  121. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  122. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  123. .mod4:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  124. .mod4:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  125.  
  126. .mod5 {position:fixed; width:55px;height:55px;margin-left:160px;margin-top:0px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  127. .mod5 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  128. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  129. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  130. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  131. .mod5:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  132. .mod5:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  133.  
  134. .mod6 {position:fixed; width:55px;height:55px;margin-left:0px;margin-top:40px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  135. .mod6 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  136. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  137. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  138. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  139. .mod6:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  140. .mod6:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  141.  
  142. .mod7 {position:fixed; width:55px;height:55px;margin-left:40px;margin-top:40px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  143. .mod7 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  144. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  145. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  146. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  147. .mod7:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  148. .mod7:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  149.  
  150. .mod8 {position:fixed; width:55px;height:55px;margin-left:80px;margin-top:40px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  151. .mod8 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  152. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  153. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  154. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  155. .mod8:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  156. .mod8:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  157.  
  158. .mod9 {position:fixed; width:55px;height:55px;margin-left:120px;margin-top:40px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  159. .mod9 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  160. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  161. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  162. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  163. .mod9:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  164. .mod9:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  165.  
  166. .mod10 {position:fixed; width:55px;height:55px;margin-left:160px;margin-top:40px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  167. .mod10 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  168. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  169. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  170. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  171. .mod10:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  172. .mod10:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  173.  
  174. .mod11 {position:fixed;margin-left:0px;margin-top:80px; width:55px;height:55px; overflow:hidden; transition:all .5s ease-in-out; z-index:9999999}
  175. .mod11 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  176. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  177. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  178. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  179. .mod11:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  180. .mod11:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  181.  
  182. .mod12 {position:fixed;margin-left:40px;margin-top:80px; width:55px;height:55px; overflow:hidden; transition:all .5s ease-in-out; z-index:9999999}
  183. .mod12 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  184. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  185. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  186. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  187. .mod12:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  188. .mod12:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  189.  
  190. .mod13 {position:fixed;margin-left:80px;margin-top:80px; width:55px;height:55px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  191. .mod13 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  192. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  193. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  194. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  195. .mod13:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  196. .mod13:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  197.  
  198. .mod14 {position:fixed; width:55px;height:55px;margin-left:120px;margin-top:80px;overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  199. .mod14 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  200. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  201. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  202. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  203. .mod14:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  204. .mod14:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  205.  
  206. .mod15 {position:fixed; width:55px;height:55px;margin-left:160px;margin-top:80px; overflow:hidden; transition:all .5s ease-in-out; z-index:999999999999}
  207. .mod15 img {position:absolute; display:block; overflow:hidden; width:35px; height:35px;border:1px solid #fff; transition:all .5s ease-in-out;}
  208. .name{position:absolute; margin-top:35px; margin-left:-120px; max-width:87px; height:11px; line-height:12px; font-family:'CAMBRIA'; font-size:10px;text-transform:uppercase; background:#fff; color:#000; text-align:center; opacity:0; transition:all .5s ease-in-out;}
  209. .iconet{position:absolute;margin-top:35px; margin-left:70px; width:0px; height:10px; background:#fff; text-align:0px; opacity:0; transition:all .5s ease-in-out;}
  210. .iconet img{width:8px; height:8px; margin-left:-18px; margin-top:0px;}
  211. .mod15:hover .name {margin-left:0px; opacity:1; transition-duration:0.4s;}
  212. .mod15:hover .iconet {margin-left:45px; opacity:1; transition-duration:0.4s;}
  213. /* FIM DA EQUIPE */
  214.  
  215. /* TITULOS PRINCIPAIS */
  216. .titulo{position:fixed; margin-top:-10px; margin-left:70px; text-align:center; width:375px; font-size:70px; font-family: 'Arizonia', cursive; color:{color:titulo 1}; text-shadow: 1px 0px 1px #fff;}
  217. .titulo2{position:fixed; margin-top:20px; margin-left:80px; text-align:center; width:375px; font-size:120px; font-family: 'Arizonia', cursive; color:{color:titulo 1}; text-shadow: 1px 0px 1px #fff;}
  218. /* Mais algumas fontes aqui:
  219. font-family: 'Allura', cursive;
  220. font-family: 'Arizonia', cursive;
  221. font-family: 'Italianno', cursive;
  222. font-family: 'Miss Fajardose', cursive;
  223. font-family: 'Parisienne', cursive; */
  224. /* FIM DOS TITULOS PRINCIPAIS */
  225.  
  226. /* MENU PRINCIPAL */
  227. .m1{position:fixed; margin-top:155px; margin-left:40px; width:960px; text-align:left;}
  228. .m1 a{display:inline-block; margin-left:3px; width:110px; height:25px; line-height:20px; padding:1px;border:1px solid #fff; font-size:10px; color:#fff; text-align:center; text-transform:uppercase; background:#000; box-shadow:inset 0 0 0 {color:background}; transition:.80s; margin-bottom:2px;}
  229. .m1 a:hover{box-shadow:inset 0 0px 150px {color:menu}; color:#000; letter-spacing:2px;}
  230. /* FIM DO MENU PRINCIPAL */
  231.  
  232. /* SIDE DA DIREITA - NÃO RETIRE ISSO! */
  233. .s2{position:fixed; top:120px; left:67px; width:0px; height:0px;}
  234. /* FIM DA SIDE DA DIREITA - NÃO RETIRE ISSO! */
  235.  
  236. /* TITULOS (TODOS) */
  237. .t{margin-top:-20px; margin-left:0px; width:198px; font-size:40px; font-family:'Gabriola'; color:{color:titulos};}
  238. /* FIM DOS TITULOS (TODOS) */
  239.  
  240. /* DESTAQUES */
  241. .destaques{margin-top:-14px; margin-left:5px; width:177px;border:1px solid #fff;padding:4px;background:{color:caixas};}
  242. .destaques img{width:40px;height:40px; border:1px solid {color:imagens}; transition:1s;}
  243. .destaques img:hover{transform:rotate(360deg); border-radius:100px; transition:1s;}
  244. /* FIM DOS DESTAQUES */
  245.  
  246. /* PARCEIROS */
  247. .parceiros{margin-top:-20px; margin-left:5px; width:188px; border:1px solid {color:imagens};padding:4px;}
  248. .parceiros img{width:31px;height:31px; border:2px solid {color:imagens}; transition:1s;}
  249. .parceiros img:hover{transform:rotate(360deg); border-radius:100px; transition:1s;}
  250. /* FIM DOS TITULOS */
  251.  
  252. /* MENU DA SIDE */
  253. .m4{position:fixed;margin-top:-160px; margin-left:930px; width:300px;}
  254. .m4 a{display:inline-block; margin-left:3px;margin-top:5px; padding:2px; width:108px; height:22px; line-height:20px; border:1px solid #fff; text-align:center; color:#fff;background:{color:caixas}; box-shadow:inset 0 0 0 {color:detalhes};transition:.80s;}
  255. .m4 a:hover{box-shadow:inset 105px 0 0 rgba(255,255,255,.8);background:{color:menu}; transition:.80s; color:{color:caixas};}
  256. .m5{position:fixed;margin-top:-60px; margin-left:930px; width:300px;}
  257. .m5 a{display:inline-block; margin-left:3px;margin-top:5px; padding:2px; width:230px; height:22px; line-height:20px; border:1px solid #fff; text-align:center; color:#fff; background:{color:caixas}; box-shadow:inset 0 0 0 {color:detalhes};transition:.80s;}
  258. .m5 a:hover{box-shadow:inset 220px 0 0 rgba(255,255,255,.8);background:{color:menu}; transition:.80s; color:{color:caixas};}
  259. /* FIM MENU DA SIDE */
  260.  
  261. /* ENFEITES */
  262. .l1 {margin-top:20px;margin-left:1033px;background: {color:caixas};border-left:3px solid #000;border-right:3px solid #000; width:8px;height:15px;}
  263. .l2 {margin-top:-15px;margin-left:1190px;background: {color:caixas};border-left:3px solid #000;border-right:3px solid #000; width:8px;height:15px;}
  264. .l3 {margin-top:165px;margin-left:1035px;background: {color:caixas};border-left:3px solid #000;border-right:3px solid #000; width:8px;height:23px;}
  265. .l4 {margin-top:-23px;margin-left:1190px;background: {color:caixas};border-left:3px solid #000;border-right:3px solid #000; width:8px;height:23px;}
  266. /* FIM ENFEITES */
  267.  
  268. /* NÃO RETIRE ISSO! */
  269. .creditos {position:fixed;margin-top:560px;margin-left:1000px;width:300px;height:auto;padding:4px;border:1px solid #000;background:#fff; font-family:'CAMBRIA'; serif;font-size:13px;color:{color:text};}
  270. .creditos a{color:{color:links};}
  271. .creditos a:hover{color:{color:caixas};}
  272. /* NÃO RETIRE ISSO! */
  273.  
  274.  
  275. </style>
  276.  
  277. <!------------- FONTE DOS TITULOS - NÃO RETIRE ISSO! ------------------>
  278. <link href='https://fonts.googleapis.com/css?family=Allura|Arizonia|Italianno|Miniver|Miss+Fajardose|Parisienne' rel='stylesheet' type='text/css'>
  279. <link href='https://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>
  280. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  281. <!------------- FONTE DOS TITULOS - NÃO RETIRE ISSO! ------------------>
  282.  
  283. <body onkeydown="return false"><!-- CASO VOCÊS QUEIRAM BLOQUEAR A SELEÇÃO DE TEXTO E O BOTÃO DIREITO DO MOUSE, SUBSTITUA ESSE CÓDIGO DO BODY POR ESSE: <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false"><div id="tudo"></div><div id="wvd_tudo"></div> -->
  284.  
  285. <!------------- NÃO RETIRE ISSO! ------------------>
  286. <div class="s1">
  287. <!------------- NÃO RETIRE ISSO! ------------------>
  288.  
  289. <!------------- NÃO RETIRE ISSO! ------------------>
  290. <div class="titulo">{text:titulo}</div>
  291.  
  292. <div class="titulo2">{text:titulo2}</div>
  293. <!------------- NÃO RETIRE ISSO! ------------------>
  294.  
  295. <!------------- MENU ------------------>
  296. <div class="m1">
  297. <a href="{text:link1}">{text:link1 titulo}</a>
  298. <a href="{text:link2}">{text:link2 titulo}</a>
  299. <a href="{text:link3}">{text:link3 titulo}</a>
  300. <a href="{text:link4}">{text:link4 titulo}</a>
  301. <a href="{text:link5}">{text:link5 titulo}</a>
  302. </div>
  303. <!------------- FIM DO MENU ------------------>
  304.  
  305. <!------------- EQUIPE ------------------>
  306. <div class="equipe">
  307. <div class="mod1">
  308. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  309. <div class="name">VAGA</div>
  310. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  311. </div>
  312.  
  313. <div class="mod2">
  314. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  315. <div class="name">VAGA</div>
  316. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  317. </div>
  318.  
  319. <div class="mod3">
  320. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  321. <div class="name">VAGA</div>
  322. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  323. </div>
  324.  
  325. <div class="mod4">
  326. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  327. <div class="name">VAGA</div>
  328. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  329. </div>
  330.  
  331. <div class="mod5">
  332. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  333. <div class="name">VAGA</div>
  334. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  335. </div>
  336.  
  337. <div class="mod6">
  338. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  339. <div class="name">VAGA</div>
  340. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  341. </div>
  342.  
  343. <div class="mod7">
  344. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  345. <div class="name">VAGA</div>
  346. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  347. </div>
  348.  
  349. <div class="mod8">
  350. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  351. <div class="name">VAGA</div>
  352. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  353. </div>
  354.  
  355. <div class="mod9">
  356. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  357. <div class="name">VAGA</div>
  358. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  359. </div>
  360.  
  361. <div class="mod10">
  362. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  363. <div class="name">VAGA</div>
  364. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  365. </div>
  366.  
  367. <div class="mod11">
  368. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  369. <div class="name">VAGA</div>
  370. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  371. </div>
  372.  
  373. <div class="mod12">
  374. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  375. <div class="name">VAGA</div>
  376. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  377. </div>
  378.  
  379. <div class="mod13">
  380. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  381. <div class="name">VAGA</div>
  382. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  383. </div>
  384.  
  385. <div class="mod14">
  386. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  387. <div class="name">VAGA</div>
  388. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  389. </div>
  390.  
  391. <div class="mod15">
  392. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/">
  393. <div class="name">VAGA</div>
  394. <div class="iconet"><a href="LINK DO TUMBLR"><img src="http://studentveterans.org/images/Tumblr.png"></a></div></a>
  395. </div>
  396.  
  397. </div>
  398. <!------------- FIM DA EQUIPE ------------------>
  399.  
  400. <!------------- NÃO RETIRE ISSO! ------------------>
  401. <div class="l1"></div><div class="l2">
  402. </div>
  403.  
  404. <div class="s2">
  405. <!------------- NÃO RETIRE ISSO! ------------------>
  406.  
  407. <!------------- STATUS ------------------>
  408. <div style="margin-top:-130px;margin-left:940px;width:300px;height:200px; font-size:40px; font-family:'Gabriola'; color:{color:titulos}">Status</div>
  409. <div class="m4">
  410. <a href="">Um status aqui</a>
  411. <a href="">Um status aqui</a>
  412. <a href="">Um status aqui</a>
  413. <a href="">Um status aqui</a>
  414. <a href="">Um status aqui</a>
  415. <a href="">Um status aqui</a>
  416. </div>
  417. <div class="m5">
  418. <a href="">Um status aqui</a>
  419. </div>
  420. <!------------- FIM DOS STATUS ------------------>
  421.  
  422. <!------------- NÃO RETIRE ISSO! ------------------>
  423. </div><div class="l3"></div><div class="l4"></div>
  424. </div>
  425. <!------------- NÃO RETIRE ISSO! ------------------>
  426.  
  427. <!------------- DESTAQUES ------------------>
  428. <div style="position:fixed;margin-top:178px;margin-left:1005px;width:210px;height:140px;border:3px solid #000;padding:10px;background:{color:caixas};">
  429. <div class="t">Destaques</div>
  430. <div class="destaques">
  431. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  432. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  433. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  434. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  435.  
  436. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  437. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  438. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  439. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  440. </div>
  441. </div>
  442. <!------------- FIM DOS DESTAQUES ------------------>
  443.  
  444. <!------------- PARCEIROS ------------------>
  445. <div style="position:fixed;margin-top:365px;margin-left:1005px;width:210px;height:155px;border:3px solid #000;padding:10px;background:{color:caixas};">
  446. <div class="t">Parceiros</div>
  447. <div class="parceiros">
  448. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  449. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  450. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  451. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  452. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  453.  
  454. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  455. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  456. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  457. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  458. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  459.  
  460. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  461. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  462. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  463. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  464. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/familiaperdition.tumblr.com/avatar/96/"></a>
  465. </div>
  466. </div>
  467. <!------------- FIM DOS DESTAQUES ------------------>
  468.  
  469.  
  470. <!------------- INICIO DOS POSTS - NÃO RETIRE ISSO! ------------------>
  471. <div id="posts">
  472. {block:Posts}
  473. <div class="caixa">
  474.  
  475. {block:Text}
  476. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  477. {body}
  478. {/block:Text}
  479.  
  480. {block:Photo}
  481. {LinkOpenTag}
  482. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  483. {/block:Photo}
  484.  
  485. {block:Photoset}
  486. <div class="imgpost">{Photoset-250}</div>{LinkCloseTag}
  487. {/block:Photoset}
  488.  
  489. {block:Quote}
  490. {Quote}<br>
  491. <div style="margin-top:10px; border-top:1px dotted #000; font-family:'CAMBRIA'; font-size:10px; text-transform:uppercase; text-align:center;">- {block:Source}{Source}{/block:Source}</div>
  492. {/block:Quote}
  493.  
  494. {block:Chat}
  495. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  496. {block:Lines}
  497. {block:Label}<span>{Label}</span>{/block:Label}
  498. {Line}
  499. {/block:Lines}
  500. {/block:Chat}
  501.  
  502. {block:Link}
  503. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  504. {block:Description}{Description}{/block:Description}
  505. {/block:Link}
  506.  
  507. {block:Audio}
  508. {AudioPlayer}
  509. {/block:Audio}
  510.  
  511. {block:Video}
  512. {block:Indexpage}{Video-250}{/block:IndexPage}
  513. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  514. {block:Caption}{Caption}{/block:Caption}
  515. {/block:Video}
  516.  
  517. {block:Answer}
  518. <img src="{AskerPortraitURL-30}" class="iconask">
  519. <div class="people">{Asker} Says:</div><div class="que">{Question}</div><div class="an">{Answer}</div>{/block:Answer}
  520.  
  521. <!--notes-->
  522. {block:indexpage}
  523. <div class="notes">
  524. <a href="{permalink}"><font color="{color:caixas}">✦</font> {NoteCount} notes / </a>
  525. <a href="{ReblogURL}" target="_blank"> Reblog <font color="{color:text}">✦</font></a>
  526. </div>
  527. {/block:indexpage}
  528.  
  529. <!--bloqueio do via e source -->
  530. <div class="vsanna">
  531. {block:RebloggedFrom}
  532. <a href="{ReblogParentURL}">via</a>
  533. {/block:RebloggedFrom}
  534. {block:ContentSource}
  535. <a href="{SourceURL}">source</a>
  536. {/block:ContentSource}
  537. </div>
  538. </div>
  539. {/block:Posts}
  540. </div>
  541. <!------------- FINAL DOS POSTS - NÃO RETIRE ISSO! ------------------>
  542.  
  543.  
  544.  
  545. <!------------- COLUNAS DO THEME - NÃO RETIRE ISSO! ------------------>
  546. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script><script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script><script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script><script type="text/javascript">$(window).load(function () {$('#posts').masonry(),$('.masonryWrap').infinitescroll({navSelector : "div#navigation",nextSelector : "div#navigation a#nextPage",itemSelector:".caixa",bufferPx:10000,extraScrollPx:11000,loadingImg:"",loadingText:"<i> </i>",},function() { $('#posts').masonry({ appendedContent:$(this)});});});</script>
  547.  
  548. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  549. <!------------- COLUNAS DO THEME - NÃO RETIRE ISSO! ------------------>
  550.  
  551. <!------------- NÃO RETIRE ISSO! ------------------>
  552. <div class="creditos">THEME MODIFICADO E ADAPTADO POR <a href="http://luxegrl.tumblr.com">LUXEGRL</a> PARA USO EXCLUSIVO DA FAMÍLIA PERDITION. DESENHADO POR <a href="http://warreiro.tumblr.com">WARREIRO</a> - BASE POR <a href="http://warvada.tumblr.com">WVD</a>. NÃO SE INSPIRE, PLÁGIO É CRIME!</div>
  553. <!------------- NÃO RETIRE ISSO! ------------------>
  554.  
  555. </body>
  556.  
  557. </html>
  558.  
  559. <!--------------------------------------------------------------------------
  560. BASE DE THEME (CODIFICAÇÃO) POR WARVADA - NÃO RETIRE OS CREDITOS
  561. ---------------------------------------------------------------------------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement