Advertisement
divmi

div 05.1

Aug 2nd, 2015
239
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.17 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!------------------------------------------
  5. THEME FEITO POR FACEAR.
  6. É PROIBIDA COPIA, TOTAL OU PARCIAL, E USO
  7. DE DETALHES SEM PRÉVIA AUTORIZAÇÃO DA CRIADORA.
  8. ------------------------------------------>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="https://31.media.tumblr.com/tumblr_lkl5vq3ahM1qfamg6.gif">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. </head>
  17. <style type="text/css">
  18.  
  19. blockquote {margin:5px 5px 5px 5px; border-left:4px solid #f8f8f8; padding-left:5px;}
  20. blockquote blockquote {margin:0px 5px 0px 5px; border-left:4px solid #f8f8f8;}
  21. blockquote blockquote blockquote {margin:0px 5px 0px 5px; border-left:4px solid #f8f8f8;}
  22. blockquote blockquote blockquote blockquote {margin:0px 5px 0px 5px; border-left:4px solid #f8f8f8;}
  23. blockquote img {max-width:380px!important}
  24. blockquote blockquote img {max-width:360px!important}
  25. blockquote blockquote blockquote img {max-width:340px!important}
  26. blockquote blockquote blockquote blockquote img {max-width:320px!important}
  27.  
  28. ::-webkit-scrollbar-thumb {background:#e8bcc7;}
  29. ::-webkit-scrollbar {height:auto; width:5px; background-color:#;}
  30. ::-webkit-scrollbar:horizontal {height:5px;}
  31. ::-webkit-scrollbar-corner {background-color:#;}
  32.  
  33. ::-moz-selection {background:#e8bcc7; color:#ffffff; text-shadow:1px 0 1px #da9eac;}
  34. ::selection {background:#e8bcc7; color:#ffffff; text-shadow:1px 0 1px #da9eac;}
  35.  
  36. #s-m-t-tooltip {color:#b87d8b; background:#e8bcc7; box-shadow:1px 1px 1px #e4e4e4, inset 0px 0px 5px #e5c5cd; font-family:'Consolas'; font-size:9px; text-transform:uppercase; letter-spacing:1px; width:justify; line-height:9px; height:justify; z-index:9999999; max-width:300px; padding:6px; margin:15px 20px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s;}
  37.  
  38. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{position:fixed !important;z-index:999999999!important; -webkit-filter:invert(100%);}
  39. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {!important; position:fixed !important;-webkit-transition:opacity 0.7s linear;opacity: 0.4; -webkit-transition:all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition:all 0.8s ease-out;}
  40. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover {color:white;}
  41. .facedont {display:none;}
  42.  
  43. body {background-color:#f6f6f6; background-image:url('http://assets.tumblr.com/images/x.gif'); background-attachment:fixed; background-repeat:no-repeat; background-size:100% 100%; background-position:fixed; color:#666666; font-family:'Trebuchet MS', sans-serif; font-size:11px; line-height: 17px; text-transform:none; text-align:left;}
  44.  
  45. a {text-decoration:none; text-transform:none; color:#666666;}
  46. a:hover {color:#666666;}
  47. a:link, a:active,
  48. a:visited {color:;}
  49. b, strong, bold {color:#666666;}
  50. i, em, italic {color:#666666;}
  51. bu {font-weight:bold; color:#da9eac; text-shadow:0px 0px 1px #ededed;}
  52. ul {list-style-type:circle;}
  53. li {}
  54. pre {overflow:scroll; background:#f6f6f6;}
  55.  
  56. h1 {text-align:left; font-weight:normal; font-family:'Trebuchet MS', sans-serif; color:#da9eac; font-size:15px; text-shadow:0px 0px 1px #ededed; text-transform:none;}
  57. h1 a {color:#da9eac; font-size:15px; text-shadow:0px 0px 1px #ededed; text-transform:none;}
  58.  
  59. .facequote {text-align:justify; line-height:15px;}
  60. .facesource {text-align:left;}
  61.  
  62. .faceaudio {background:transparent; width:400px; height:30px; overflow:hidden;}
  63.  
  64. .faceimage {max-width:250px; min-width:250px; position:center; margin-bottom:4px; {block:PermalinkPage}max-width:400px; width:400px;{/block:PermalinkPage}}
  65. .faceimage img {width:250px; max-width:250px; {block:PermalinkPage}max-width:400px; width:400px;{/block:PermalinkPage}}
  66. .facephoto {margin-bottom:1px;}
  67. img {max-width:250px; min-width:0px;}
  68.  
  69. .facechat {line-height:12px; list-style:none;}
  70. .facechat ul {line-height:15px; list-style:none; padding:0px; line-height:20px;}
  71. .person1 {background-color:transparent; border-bottom:1px solid #da9eac; margin-top: 2px;}
  72. .person1 .label {font-weight:bold; padding:0px; margin-left:5px;}
  73. .person2 {background-color:transparent; border-bottom:1px solid #da9eac; margin-top:2px;}
  74. .person2 .label {font-weight:bold; padding:0px; margin-left:5px;}
  75.  
  76. .facequestion {background:#f6f6f6; padding-left:4px; margin-left:0px; margin-right:0; overflow:hidden; padding:7px; text-align:justify;}
  77. .faceask {padding-left:4px; padding-top:-2px; margin-left:0px; margin-right:3; overflow:hidden; margin-top:1px;}
  78. .faceasker {background:#eeeeee; padding:2px; text-indent:10px; padding-left:6px; margin-top:0px; font-size:9px; letter-spacing:1px; line-height:28px; font-family:'Trebuchet MS'; font-size:9px; text-transform:uppercase; font-style:normal; color:#da9eac;}
  79. .faceasker a {font-size:9px; letter-spacing:1px; line-height:28px; font-family:'Trebuchet MS'; font-size:9px; text-transform:uppercase; font-style:normal; color:#da9eac;}
  80. .faceasker img {width:32px; margin-top:-2px; margin-left:-6px; -webkit-filter:grayscale(40%); moz-filter:grayscale(40%); -o-filter:grayscale(40%);}
  81.  
  82. #faceall {overflow:hidden; width:1050px; margin-right:auto; margin-left:auto; margin-top:-10px; margin-bottom:auto;}
  83.  
  84. #facebox {width: 570px; margin-left:0px; margin-top:30px; opacity:1; {block:PermalinkPage}width:400px; margin-left:-50px;{/block:PermalinkPage}}
  85.  
  86. .faceposts {position:relative; overflow:hidden; float:center; width:250px; margin-left:20px; margin-top:18px; padding:5px 5px 1px 5px; background-color:#ffffff; box-shadow:1px 1px 0px #e4e4e4, inset 0px 0px 10px #ffffff; text-align:justify; {block:PermalinkPage}width:400px;{/block:PermalinkPage}}
  87.  
  88. .faceposts01 img {display:none!important;}
  89. .faceposts01 ul {list-style-type:;}
  90. .faceposts01 li {list-style-type:disc;}
  91.  
  92. .facenote {width:250px; height:23px; margin-bottom:-10px; padding:4px; background:#ffffff; border-top:1px solid #eaeaea; margin-top:0px; margin-left: -2px; text-align:center;}
  93. .facenote a {color:#666666; padding:3px; font-family:'Trebuchet MS'; font-size:9px; text-transform:uppercase;}
  94.  
  95. #facebarra01 {position:fixed; background:#e8bcc7; height:10px; width:130%; top:0px; margin-left:-10px; background-repeat:repeat; background-attachment:fixed; border-bottom:2px solid #fff; z-index:999;}
  96. #facebarra02 {position:fixed; background: #cccccc; height:10px; width:130%; top:12px; margin-left:-10px; background-repeat:repeat; background-attachment:fixed; border-bottom:2px solid #fff; z-index:999;}
  97. #facebarra03 {position:fixed; background:#222222; height:10px; width:130%; top:24px; margin-left:-10px; background-repeat:repeat; background-attachment:fixed; border-bottom:2px solid #fff; z-index:999;}
  98.  
  99. #facesidebar01 {background:#ffffff; position:fixed; height:180px; width:225px; top:65px; margin-left:830px; padding:5px; box-shadow:1px 1px 0px #e4e4e4, inset 0px 0px 10px #ffffff; float:right;}
  100.  
  101. #facesidebar02 {background:#ffffff; position:fixed; height:98px; width:225px; top:285px; margin-left:830px; padding:5px; box-shadow:1px 1px 0px #e4e4e4, inset 0px 0px 10px #ffffff; float:right;}
  102.  
  103. #facesidebar03 {background:#ffffff; position:fixed; height:70px; width:225px; top:425px; margin-left:830px; padding:5px; box-shadow:1px 1px 0px #e4e4e4, inset 0px 0px 10px #ffffff; float:right;}
  104.  
  105. #facesidebar04 {background:#ffffff; position:fixed; height:130px; width:225px; top:65px; margin-left:0px; padding:5px; box-shadow:1px 1px 0px #e4e4e4, inset 0px 0px 10px #fff; float:left;}
  106.  
  107. #facesidebar05 {background:#ffffff; position:fixed; height:115px; width:225px; top:240px; margin-left:0px; padding:5px; box-shadow:1px 1px 0px #e4e4e4, inset 0px 0px 10px #fff; float:left;}
  108.  
  109. #facesidebar06 {background:#ffffff; position:fixed; height:auto; width:225px; top:400px; margin-left:0px; padding:5px; box-shadow:1px 1px 0px #e4e4e4, inset 0px 0px 10px #fff; float:left;}
  110.  
  111. #facefrase01 {position:fixed; top:40px; width:227px; text-align:center; margin-left:830px; padding:4px; margin-bottom:4px; background-color:#fafafa; font-family:'Consolas'; font-size: 9px; font-weight:normal; color:#c7c7c7; line-height:9px; letter-spacing:1px; text-transform:uppercase; text-align:right; text-shadow:1px 1px 0px #fff; box-shadow: 1px 1px 1px #e4e4e4, inset 0px 0px 5px #fcfbfa; border-radius:3px; float:right;}
  112.  
  113. #facefrase02 {position:fixed; top:260px; width:227px; text-align:center; margin-left:830px; padding:4px; margin-bottom:4px; background-color:#fafafa; font-family:'Consolas'; font-size: 9px; font-weight:normal; color:#c7c7c7; line-height:9px; letter-spacing:1px; text-transform:uppercase; text-align:right; text-shadow:1px 1px 0px #fff; box-shadow: 1px 1px 1px #e4e4e4, inset 0px 0px 5px #fcfbfa; border-radius:3px; float:right;}
  114.  
  115. #facefrase03 {position:fixed; top:400px; width:227px; text-align:center; margin-left:830px; padding:4px; margin-bottom:4px; background-color:#fafafa; font-family:'Consolas'; font-size: 9px; font-weight:normal; color:#c7c7c7; line-height:9px; letter-spacing:1px; text-transform:uppercase; text-align:right; text-shadow:1px 1px 0px #fff; box-shadow: 1px 1px 1px #e4e4e4, inset 0px 0px 5px #fcfbfa; border-radius:3px; float:right;}
  116.  
  117. #facefrase04 {position:fixed; top:40px; width:227px; text-align:center; margin-left:0px; padding:4px; margin-bottom:4px; background-color:#fafafa; font-family:'Consolas'; font-size: 9px; font-weight:normal; color:#c7c7c7; line-height:9px; letter-spacing:1px; text-transform:uppercase; text-align:right; text-shadow:1px 1px 0px #fff; box-shadow: 1px 1px 1px #e4e4e4, inset 0px 0px 5px #fcfbfa; border-radius:3px; float:left;}
  118.  
  119. #facefrase05 {position:fixed; top:215px; width:227px; text-align:center; margin-left:0px; padding:4px; margin-bottom:4px; background-color:#fafafa; font-family:'Consolas'; font-size: 9px; font-weight:normal; color:#c7c7c7; line-height:9px; letter-spacing:1px; text-transform:uppercase; text-align:right; text-shadow:1px 1px 0px #fff; box-shadow: 1px 1px 1px #e4e4e4, inset 0px 0px 5px #fcfbfa; border-radius:3px; float:left;}
  120.  
  121. #facefrase06 {position:fixed; top:375px; width:227px; text-align:center; margin-left:0px; padding:4px; margin-bottom:4px; background-color:#fafafa; font-family:'Consolas'; font-size: 9px; font-weight:normal; color:#c7c7c7; line-height:9px; letter-spacing:1px; text-transform:uppercase; text-align:right; text-shadow:1px 1px 0px #fff; box-shadow: 1px 1px 1px #e4e4e4, inset 0px 0px 5px #fcfbfa; border-radius:3px; float:left;}
  122.  
  123. .facedescricao {display:block; float:left; position:absolute; width:223px; color:#666666; margin-left:-2px; font-size:11px; text-align:justify; padding:3px; line-height:17px;}
  124. .facedescricao a {color:#444444; font:normal;}
  125.  
  126. .facelinks {width:222px; margin-top:150px; margin-left:4px; background:transparent;}
  127. .facelinks a {float:left; display:block; width:60px; height:14px; text-align:center; font-family:'Consolas'; font-size:9px; text-transform:uppercase; padding:3px; margin-left:3px; margin-top:3px; line-height:15px; color:#b87d8b; background:#e8bcc7; border:1px solid #da9eac; box-shadow:1px 1px 1px #e4e4e4, inset 0px 0px 5px #e5c5cd; border-radius:2px; -webkit-transition-duration:.80s; -moz-transition-duration:.80s; -o-transition-duration:.80s;}
  128. .facelinks a:hover {color:#da9eac; border:1px solid #da9eac; background:#ffffff; letter-spacing:3px; box-shadow:0px 0px 0px #e4e4e4, inset 0px 0px 0px #fcfbfa; -webkit-transition-duration:.80s; -moz-transition-duration:.80s; -o-transition-duration:.80s;}
  129.  
  130. .facelinks01 {width:222px; margin-top:0px; margin-left:3px; background:transparent; position:fixed;}
  131. .facelinks01 a {float:left; display:block; width:62px; height:14px; text-align:center; font-size:9px; font-family:'Consolas'; text-transform:uppercase; padding:3px; margin-left:3px; margin-top:3px; line-height:15px; background:#fafafa; color:#cccccc; box-shadow:1px 1px 1px #dddddd, inset 0px 0px 5px #fcfbfa; -webkit-transition-duration:.80s; -moz-transition-duration:.80s; -o-transition-duration:.80s;}
  132. .facelinks01 a:hover {color:#b87d8b; background:#e8bcc7; box-shadow:1px 1px 1px #dddddd, inset 0px 0px 5px #e5c5cd; -webkit-transition-duration:.80s; -moz-transition-duration:.80s; -o-transition-duration:.80s;}
  133.  
  134. .facelinks02 {width:222px; margin-top:69px; margin-left:3px; background:transparent; position:fixed;}
  135. .facelinks02 a {float:left; display:block; width:204px; height:14px; text-align:center; font-size:9px; font-family:'Consolas'; text-transform:uppercase; padding:3px; margin-left:3px; margin-top:3px; line-height:15px; background:#fafafa; color:#cccccc; box-shadow:1px 1px 1px #dddddd, inset 0px 0px 5px #fcfbfa; -webkit-transition-duration:.80s; -moz-transition-duration:.80s; -o-transition-duration:.80s;}
  136. .facelinks02 a:hover {color:#b87d8b; background:#e8bcc7; box-shadow:1px 1px 1px #dddddd, inset 0px 0px 5px #e5c5cd; -webkit-transition-duration:.80s; -moz-transition-duration:.80s; -o-transition-duration:.80s;}
  137.  
  138. .facemoderadores {width:225px; height:130px; margin-left:0px; margin-top:10px; background-color:#;}
  139.  
  140. /** moderadoras revolucionou/helpdesigns **/
  141. .name1 {margin-top:60px; font-family:'Consolas'; font-size:12px; background:#da9eac; color:#7d3b2e; opacity:0; width:50px; position:absolute; text-align:center; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s;}
  142.  
  143. .mods1:hover .name1 {opacity:1; width:100%; margin-top:36px;}
  144. .mods2:hover .name1 {opacity:1; width:100%; margin-top:36px;}
  145. .mods3:hover .name1 {opacity:1; width:100%; margin-top:36px;}
  146. .mods4:hover .name1 {opacity:1; width:100%; margin-top:36px;}
  147. .mods5:hover .name1 {opacity:1; width:100%; margin-top:36px;}
  148. .mods6:hover .name1 {opacity:1; width:100%; margin-top:36px;}
  149. .mods7:hover .name1 {opacity:1; width:100%; margin-top:36px;}
  150. .mods8:hover .name1 {opacity:1; width:100%; margin-top:36px;}
  151.  
  152. .mods1 {width:50px; height:50px; margin-left:0px; margin-top:0px; position:absolute; border:1px solid #da9eac; background-color:#; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  153. .mods1 img {position:absolute; display:block; width:50px; height:50px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  154.  
  155. .mods2 {width:50px; height:50px; margin-left:58px; margin-top:0px; position:absolute; border:1px solid #da9eac; background-color:#; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  156. .mods2 img {position:absolute; display:block; width:50px; height:50px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  157.  
  158. .mods3 {width:50px; height:50px; margin-left:116px; margin-top:0px; position:absolute; border:1px solid #da9eac; background-color:#; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  159. .mods3 img {position:absolute; display:block; width:50px; height:50px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  160.  
  161. .mods4 {width:50px; height:50px; margin-left:173px; margin-top:0px; position:absolute; border:1px solid #da9eac; background-color:#; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  162. .mods4 img {position:absolute; display:block; width:50px; height:50px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  163.  
  164. .mods5 {width:50px; height:50px; margin-left:0px; margin-top:57px; position:absolute; border:1px solid #da9eac; background-color:#; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  165. .mods5 img {position:absolute; display:block; width:50px; height:50px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  166.  
  167. .mods6 {width:50px; height:50px; margin-left:58px; margin-top:57px; position:absolute; border:1px solid #da9eac; background-color:#; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  168. .mods6 img {position:absolute; display:block; width:50px; height:50px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  169.  
  170. .mods7 {width:50px; height:50px; margin-left:116px; margin-top:57px; position:absolute; border:1px solid #da9eac; background-color:#; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  171. .mods7 img {position:absolute; display:block; width:50px; height:50px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  172.  
  173. .mods8 {width:50px; height:50px; margin-left:173px; margin-top:57px; position:absolute; border:1px solid #da9eac; background-color:#; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  174. .mods8 img {position:absolute; display:block; width:50px; height:50px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
  175.  
  176. .facedestaque {width:220px; margin-left:-2px; position:absolute; background: #;}
  177. .facedestaque img {width:40px; height:40px; position:center; border:2px solid #dddddd; margin-top:8px; margin-left:8px; -webkit-transition-duration:0.9s; -moz-transition-duration:0.9s; -o-transition-duration:0.9s;}
  178. .facedestaque img:hover {-webkit-animation:wobble .9s; -moz-animation:wobble .9s; -o-animation:wobble .9s; -webkit-filter:blur(1px)grayscale(50%); -moz-filter:blur(1px)grayscale(50%); -o-filter:blur(1px)grayscale(50%);}
  179.  
  180. @-webkit-keyframes wobble {
  181. 0% {-webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%);}
  182. 15% {-webkit-transform:translateX(-25%) rotate(-5deg); -moz-transform:translateX(-25%) rotate(-5deg); -o-transform:translateX(-25%) rotate(-5deg);}
  183. 30% {-webkit-transform:translateX(20%) rotate(3deg); -moz-transform:translateX(20%) rotate(3deg); -o-transform:translateX(20%) rotate(3deg);}
  184. 45% {-webkit-transform:translateX(-15%) rotate(-3deg); -moz-transform:translateX(-15%) rotate(-3deg); -o-transform:translateX(-15%) rotate(-3deg);}
  185. 60% {-webkit-transform:translateX(10%) rotate(2deg); -moz-transform:translateX(10%) rotate(2deg); -o-transform:translateX(10%) rotate(2deg);}
  186. 75% {-webkit-transform:translateX(-5%) rotate(-1deg); -moz-transform:translateX(-5%) rotate(-1deg); -o-transform:translateX(-5%) rotate(-1deg);}
  187. 100% {-webkit-transform:translateX(0%); -moz-transform:translateX(0%); -wo-transform:translateX(0%);}
  188. }
  189.  
  190. .faceparceiro {width:225px; margin-left:0px; background: #;}
  191. .faceparceiro img {width:30px; height:30px; position:center; border:2px solid #dddddd; margin-top:4px; margin-left:4px; -webkit-transition-duration:0.9s; -moz-transition-duration:0.9s; -o-transition-duration:0.9s;}
  192. .faceparceiro img:hover {-webkit-filter: blur(1px)grayscale(100%); -webkit-transition-duration: 0.9s;}
  193.  
  194. </style>
  195. <body>
  196. <div id="facebarra01"></div>
  197. <div id="facebarra02"></div>
  198. <div id="facebarra03"></div>
  199. <center>
  200. <div id="faceall">
  201. <div id="facefrase01">Sejam bem vindos ao (url do tumblr)</div>
  202. <div id="facesidebar01">
  203. <div class="facedescricao" style="margin-top:0px;"><img src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" style="float:left; width:60px; height:60px; margin-right:5px; box-shadow: 1px 1px 0px #e4e4e4, inset 0px 0px 10px #fff;">{Description}</div>
  204. <div class="facelinks">
  205. <a href="/">link</a>
  206. <a href="/">link</a>
  207. <a href="/">link</a>
  208. </div>
  209. </div>
  210.  
  211. <div id="facefrase02">links úteis</div>
  212. <div id="facesidebar02">
  213. <div class="facelinks01">
  214. <a href="/">link 01</a>
  215. <a href="/">link 02</a>
  216. <a href="/">link 03</a>
  217. <a href="/">link 04</a>
  218. <a href="/">link 05</a>
  219. <a href="/">link 06</a>
  220. <a href="/">link 07</a>
  221. <a href="/">link 08</a>
  222. <a href="/">link 09</a>
  223. </div>
  224. <div class="facelinks02">
  225. <a href="">mega recomendo ou link maior</a>
  226. </div>
  227. </div>
  228.  
  229. <div id="facefrase04">Moderadores</div>
  230. <div id="facesidebar04">
  231. <div class="facemoderadores">
  232. <div class="mods1" class="hover">
  233. <a href="http://.tumblr.com/" target="_blank"><img class="top shadow" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/"><div class="name1">Nome</div></a>
  234. </div>
  235.  
  236. <div class="mods2" class="hover">
  237. <a href="http://.tumblr.com/" target="_blank"><img class="top shadow" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/"><div class="name1">Nome</div></a>
  238. </div>
  239.  
  240. <div class="mods3" class="hover">
  241. <a href="http://.tumblr.com/" target="_blank"><img class="top shadow" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/"><div class="name1">Nome</div></a>
  242. </div>
  243.  
  244. <div class="mods4" class="hover">
  245. <a href="http://.tumblr.com/" target="_blank"><img class="top shadow" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/"><div class="name1">Nome</div></a>
  246. </div>
  247.  
  248. <div class="mods5" class="hover">
  249. <a href="http://.tumblr.com/" target="_blank"><img class="top shadow" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/"><div class="name1">Nome</div></a>
  250. </div>
  251.  
  252. <div class="mods6" class="hover">
  253. <a href="http://.tumblr.com/" target="_blank"><img class="top shadow" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/"><div class="name1">Nome</div></a>
  254. </div>
  255.  
  256. <div class="mods7" class="hover">
  257. <a href="http://.tumblr.com/" target="_blank"><img class="top shadow" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/"><div class="name1">Nome</div></a>
  258. </div>
  259.  
  260. <div class="mods8" class="hover">
  261. <a href="http://.tumblr.com/" target="_blank"><img class="top shadow" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/"><div class="name1">Nome</div></a>
  262. </div>
  263.  
  264. </div>
  265. </div>
  266.  
  267. <div id="facefrase05">visite nossos destaques!</div>
  268. <div id="facesidebar05">
  269. <div class="facedestaque">
  270.  
  271. <a href="http://urldapessoa.tumblr.com/" title="Destaque da Semana" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  272.  
  273. <a href="http://urldapessoa.tumblr.com/" title="Destaque da Semana" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  274.  
  275. <a href="http://urldapessoa.tumblr.com/" title="Destaque da Semana" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  276.  
  277. <a href="http://urldapessoa.tumblr.com/" title="Destaque da Semana" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  278.  
  279. <a href="http://urldapessoa.tumblr.com/" title="Destaque da Semana" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  280.  
  281. <a href="http://urldapessoa.tumblr.com/" title="Destaque da Semana" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  282.  
  283. <a href="http://urldapessoa.tumblr.com/" title="Destaque da Semana" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  284.  
  285. <a href="http://urldapessoa.tumblr.com/" title="Destaque da Semana" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  286. </div>
  287. </div>
  288.  
  289. <div id="facefrase06">Nossos parceiros</div>
  290. <div id="facesidebar06">
  291. <div class="faceparceiro">
  292.  
  293. <a href="http://urldapessoa.tumblr.com/" title="parceiro" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  294. <a href="http://urldapessoa.tumblr.com/" title="parceiro" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  295. <a href="http://urldapessoa.tumblr.com/" title="parceiro" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  296. <a href="http://urldapessoa.tumblr.com/" title="parceiro" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  297. <a href="http://urldapessoa.tumblr.com/" title="parceiro" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  298. <a href="http://urldapessoa.tumblr.com/" title="parceiro" target="_blank"><img height="50" src="http://api.tumblr.com/v2/blog/urldapessoa.tumblr.com/avatar/96/" width="50"/></a>
  299.  
  300. </div>
  301. </div>
  302.  
  303. <div id="facefrase03">Créditos - Facear</div>
  304. <div id="facesidebar03">
  305. <div class="facedescricao">Theme totalmente feito por <a href="http://facear.tumblr.com/"><bu>facear</bu></a>. É proibida a copia, total ou parcial, e uso de detalhes sem prévia autorização da criadora.<br>
  306. Detalhes: <a href="http://helpdesigns.tumblr.com/" target="_blank">helpdesigns</a>.
  307. </div>
  308. </div>
  309.  
  310.  
  311. <div id="facebox">
  312. {block:Posts}
  313.  
  314. {block:Text}
  315. <div class="faceposts"><h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  316. {block:IndexPage}<div class="facenote">
  317. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  318. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  319. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  320. </div> {/block:IndexPage}
  321. </div>{/block:Text}
  322.  
  323. {block:Photo}
  324. <div class="faceposts">
  325. <div class="faceimage">{block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:IndexPage}
  326. {block:PermalinkPage}<img src="{PhotoURL-400}">{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  327. {block:IndexPage}<div class="facenote">
  328. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  329. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  330. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  331. </div> {/block:IndexPage}
  332. </div>{/block:Photo}
  333.  
  334. {block:Photoset}
  335. <div class="faceposts">
  336. <div class="facephoto">
  337. {block:IndexPage}{Photoset-250}{/block:IndexPage}</div>
  338. {block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  339. {block:IndexPage}<div class="facenote">
  340. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  341. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  342. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  343. </div> {/block:IndexPage}
  344. </div>{/block:Photoset}
  345.  
  346. {block:Quote}
  347. <div class="faceposts">
  348. <div id="facequote">{Quote}</div>
  349. {block:Source}<div id="facesource"><b>— {Source}</b></div>{/block:Source}
  350. {block:IndexPage}<div class="facenote">
  351. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  352. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  353. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  354. </div> {/block:IndexPage}
  355. </div>{/block:Quote}
  356.  
  357. {block:Link}
  358. <div class="faceposts"><h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  359. {block:IndexPage}<div class="facenote">
  360. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  361. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  362. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  363. </div> {/block:IndexPage}
  364. </div>{/block:Link}
  365.  
  366. {block:Chat}
  367. <div class="faceposts">
  368. {block:Title}<h1>{Title}</h1>{/block:Title}
  369. <div class="facechat"><ul>{block:Lines}
  370. <li class="person{UserNumber}">{block:Label}
  371. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  372. {block:IndexPage}<div class="facenote">
  373. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  374. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  375. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  376. </div> {/block:IndexPage}
  377. </div>{/block:Chat}
  378.  
  379. {block:Audio}
  380. <div class="faceposts">
  381. <div class="faceaudio">{AudioPlayerWhite} </div>
  382. {block:Caption}{Caption}{/block:Caption}
  383. {block:IndexPage}<div class="facenote">
  384. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  385. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  386. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  387. </div> {/block:IndexPage}
  388. </div>{/block:Audio}
  389.  
  390. {block:Video}
  391. <div class="faceposts">
  392. {block:IndexPage}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  393. {block:PermalinkPage}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  394. {block:IndexPage}<div class="facenote">
  395. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  396. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  397. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  398. </div> {/block:IndexPage}
  399. </div>{/block:Video}
  400.  
  401. {block:Answer}
  402. <div class="faceposts">
  403. <div class="facequestion">{Question} </div>
  404. <div class="faceasker"><img src="{AskerPortraitURL-48}" align="left">
  405. {Asker}</div>
  406. <div class="faceask">{Answer}</div>
  407. {block:IndexPage}<div class="facenote">
  408. <a href="{permalink}">{TimeAgo}</a> <font color="#6f6788">●</font>
  409. <a href="{permalink}">{NoteCount}</a> <font color="#6f6788">●</font>
  410. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  411. </div> {/block:IndexPage}
  412. </div>
  413. {/block:Answer}
  414.  
  415.  
  416. {block:PermalinkPage}<div class="faceposts" style="border:0px; top:10px;">
  417. {block:Date}{block:NoteCount}<div class="facenotes">{TimeAgo}, com <b>{NoteCount}</b> notes.</div>{/block:NoteCount}
  418. {block:RebloggedFrom}<div class="facenotes">Postagem original de {block:ContentSource} <a href="{SourceURL}" target="blank"><b>{SourceTitle}</b></a>{/block:ContentSource}.</div>{/block:RebloggedFrom}
  419. {block:HasTags}<div class="facenotes">Marcadores: {block:Tags}<a href="{TagURL}"><b>#</b>{Tag}ㅤ</a>{/block:Tags}</div>{/block:HasTags}{/block:Date}{/block:PermalinkPage}
  420. {block:PostNotes}<div class="faceposts01">{PostNotes}</div>
  421. </div>{/block:PostNotes}{/block:Posts}
  422.  
  423. <div class="facedont">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  424. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  425. {block:IndexPage}
  426. <div class="column navigation" id="navigation">
  427. {block:Pagination}
  428. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  429. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  430. </div>
  431. {/block:IndexPage}
  432. </div></div></div></div>
  433.  
  434. </body>
  435.  
  436.  
  437.  
  438. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
  439. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  440. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  441. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  442. <script type="text/javascript">
  443. $(window).load(function(){
  444. var $wall = $('#facebox');
  445. $wall.imagesLoaded(function(){
  446. $wall.masonry({
  447. itemSelector: '.faceposts',
  448. isAnimated : true
  449. });
  450. });
  451. $wall.infinitescroll({
  452. navSelector : "div#navigation",
  453. nextSelector : "div#navigation a#nextPage",
  454. itemSelector : '.faceposts',
  455. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  456. loadingText : " ",
  457. donetext : " ",
  458. extraScrollPx : 9000,
  459. bufferPx : 10000,
  460. debug : false,
  461. errorCallback: function() {
  462. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  463. }},
  464. function( newElements ) {
  465. var $newElems = $( newElements );
  466. $newElems.hide();
  467. $newElems.imagesLoaded(function(){
  468. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  469. });
  470. }); $('#facebox').show(500);
  471. });
  472. </script>
  473. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement