API tools faq
paste
Advertisement
Debsten

Theme para fotos

Debsten
Oct 15th, 2013
994
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5. <head>
  6. <title>{Title}</title>
  7. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
  14. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  15. <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
  16. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  19. <link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/ngjtqzj/9Z6mta3np/ssssfs.png" border="0"></a>
  22.  
  23. </head>
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. /* --- Geral ------------------------------- */
  29. body{color: #bbb; font-family: Trebuchet Ms; font-size: 11px; margin:0; text-align: left; background: #101010 url('http://static.tumblr.com/t0iuumg/1n8mt9njg/broken_noise.png') fixed;}
  30.  
  31. /* --- Links ------------------------------- */
  32. a{text-decoration: none; color: #555; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  33. a:hover{color: #eee; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  34.  
  35. .ls {background: #eee; display: block; padding: 3px; margin-left: -4px; margin-right: -4px; margin-bottom: -4px;}
  36.  
  37. /* --- Theme ------------------------------- */
  38. #content {margin:auto;{block:IndexPage}width: 900px; position:relative;{/block:IndexPage}
  39. {block:PermalinkPage} width: 500px; {/block:PermalinkPage} }
  40.  
  41. /* --- Postagem ------------------------------- */
  42. .posts{background: #; float: right; margin-top: 16px; {block:IndexPage} background: #; margin-bottom: 1px; width: 900px; position:relative; {/block:IndexPage}
  43. {block:PermalinkPage}
  44. width: 500px;
  45. {/block:PermalinkPage}}
  46.  
  47.  
  48. .caixaaa{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px #0f0f0f; -moz-box-shadow: 0px 0px 5px #0f0f0f; box-shadow: 0px 0px 5px #0f0f0f; {block:IndexPage} background: #; padding: 0px; margin: 10px; width: 279px; float:left; position: relative; overflow: hidden;{/block:IndexPage}}
  49. /* --- Caixa ------------------------------- */
  50. .caixap{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px #0f0f0f; -moz-box-shadow: 0px 0px 5px #0f0f0f; box-shadow: 0px 0px 5px #0f0f0f; {block:IndexPage} background: #; padding: 0px; margin: 10px; width: 279px; float:left; position: relative; overflow: hidden;{/block:IndexPage}
  51.  
  52.  
  53. {block:PermalinkPage}-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px #141414; -moz-box-shadow: 0px 0px 5px #141414; box-shadow: 0px 0px 5px #141414; background: #fff; padding: 0px; margin-bottom: 20px; overflow: hidden; width: 500px;{/block:PermalinkPage}}
  54.  
  55. .caixapp {width: 490px; padding: 5px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px #141414; -moz-box-shadow: 0px 0px 5px #141414; box-shadow: 0px 0px 5px #141414; margin-bottom: 30px; }
  56.  
  57.  
  58. /* --- Blockquote, pre ------------------------------- */
  59. blockquote {text-align: justify; padding: 5px 7px; background:#f8f8f8; color: #aaa; font-family: Calibri; margin: 3px -2px; font-size: 12px; border-left: 6px solid #eee;}
  60. blockquote a{color: #f8f2cb;}
  61. pre {text-align: justify; padding: 5px 7px; background:#f8f8f8; color: #aaa; font-family: 'Electrolize', sans-serif; margin: 3px -2px; font-size: 12px; border-left: 6px solid #f8f2cb; overflow: scroll;}
  62.  
  63. /* --- Caption, description ------------------------------- */
  64. .capt{text-align: justify; margin: -13px 4px -9px 4px;}
  65. .caption{margin-left: 10px; margin-right: 10px; text-align: justify; margin-bottom: -9px;}
  66. .cap{text-align: justify; margin: -8px 5px -9px 5px;}
  67. #description{text-align: justify; font-family: 'Play', sans-serif; font-size: 12px;}
  68.  
  69. /* --- Seleção ------------------------------- */
  70. ::selection{background: #; color: #000;}
  71. ::-moz-selection{background: #; color: #000;}
  72.  
  73. /* --- Imagem, vídeo, photoset ------------------------------- */
  74. .borderimage{{block:IndexPage}margin-bottom: -5px; width: 250px!important;{/block:IndexPage}
  75. {block:PermalinkPage}margin: 0px 0 -3px 0px; width: 500px!important;{/block:PermalinkPage}}
  76.  
  77. /* --- Classes ------------------------------- */
  78. strong, b, bold {color: #; text-decoration:none; font-weight:bold;}
  79. i, em, italic {color: #; }
  80. u, underline {text-decoration:none; color: #; border-bottom: 1px dotted #eee;}
  81. s, strike {color: #;}
  82.  
  83.  
  84. /* --- Título ------------------------------- */
  85. .h1{color: #b6b4ae; font-family: Calibri; font-size: 11px; display: block; margin: 3px 7px 6px 7px; text-transform: uppercase;}
  86. .h1 a{color:#000;}
  87. .link {color: #b6b4ae; font-family: Calibri; font-size: 11px; display: block; margin: 3px 7px 6px 7px; text-transform: uppercase;}
  88. .link a{color: #999;}
  89.  
  90. /* --- Quote ------------------------------- */
  91. .quote {text-shadow: 1px 1px 0px #fff; line-height: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #b8b8b8; padding: 5px; background: #eee; font-style: italic; font-family: 'Georgia', cursive; font-size: 13px; display: block; text-align: justify;}
  92. .quote p {margin: 0px; padding: 0px;}
  93. .source {text-transform: uppercase; font-size: 9px;}
  94. .source a{color: #999;}
  95. .source a:hover {color: #838da9;}
  96.  
  97. /* setinha */
  98. .seta-baixo {width: 0;margin-left: 10px;z-index: 5500;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #eee;}
  99.  
  100.  
  101. /* Audio */
  102. .audio{padding: 6px; background: #fff; display: block; height: 50px;}
  103. .capa {position:absolute;}
  104. .capa img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 50px; height: 50px; float:left;}
  105. .audioplayer {width: 20px; margin-left: 5px; margin-top: 3px; overflow:hidden;}
  106. .audioinfo {margin-left: 55px; margin-top: -2px;}
  107. .i{display:block; margin-bottom: 3px;}
  108. .i b, strong{font-family: Calibri; font-size: 10px; color: #ccc; text-shadow: 1px 1px 0px #fff;border-bottom: 1px dashed #fff;}
  109. .play{opacity:0.30; padding: 5px; overflow:hidden; position:absolute; background:#fff; line-height: 50px; text-align: center; width: 40px; height: 40px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  110. .play:hover {opacity:0.50; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  111.  
  112.  
  113. /* --- Chat ------------------------------- */
  114. .chat {margin: 1px 1px 0 1px; font-size: 11px; color: #b3b3b3;}
  115. .chat .chat1 {margin-left: 0px;}
  116. .chat .chat1 .chat2 {background:#eee; margin-bottom: 1px; padding: 0px 5px; font-family: 'Electrolize', sans-serif; line-height: 20px;}
  117. .chat .chat1 .chat2.even {background: #eee;}
  118. .chat b{color: #fff; background: #fff; padding: 5px; font-size: 9px; font-weight: normal; margin: 0 0 0 -5px; color: #999; text-transform: uppercase;}
  119. .chat1 a, .chat2 a{color: #a2a2a2;}
  120.  
  121. /* --- Footer ------------------------------- */
  122. #footer {left:0px; bottom :0px; position:absolute; width:100%; background: url('http://static.tumblr.com/8yo5xxv/wh9m7n4cf/faixinha.png'); height: 45px; position: fixed !important; z-index: 1000;}
  123.  
  124. /* notes perma */
  125. .notes{float:left;}
  126. .stylee {float:left; width:520px; margin-left: -3px;}
  127. .reblog_etc {display:none; z-index:400;}
  128. .box1 {overflow: hidden;display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eee; margin-bottom: 8px; 500px; text-align: center;}
  129. .captions{ width:100%; overflow:hidden; text-align:left; font-size:12px; color:; }
  130. .captions p{ margin:0; margin-top: 0px; padding:0; }
  131. .captions a{ color:#558386; }
  132. .note_count{ text-align:left; }
  133. .perma_notes {width: 500px; display: block; }
  134. .perma_notes .clear { margin:0; padding:0; height:0px; }
  135. .perma_notes .avatar { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:none; margin:0; width: 35px; opacity: 0.9; padding:0; }
  136. .perma_notes .avatar:hover {opacity: 1;}
  137. .perma_notes ol { margin:0; padding:0; }
  138. .perma_notes li {padding:0; width: 35px; list-style:none; border:none; float:left; margin: 5px; bottom: 0px;}
  139. .perma_notes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  140. .more_box{ width: 500px; height: 35px; color:red; margin:0; padding:0; float:left; display: block; }
  141. .more_notes_link {overflow: hidden; width: 500px; height:40px; font-size: 10px; color:#111; display: block; }
  142. li.more_notes_link_container {margin:0; width: 500px; padding:0; overflow: hidden; height: 50px; list-style:none; border:none; float:left; background-color:#; color:#111; }
  143. .note more_notes_link_container li a { color:#111; }
  144. .perma_notes blockquote { display:none; }
  145.  
  146. #perma{margin: 1px 1px 0 1px;}
  147. #permalink{margin-bottom: 1px; padding: 4px 5px; background: #eee; font-family: Calibri; font-size:11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  148. #permalink b{color:#999;}
  149. #permalink a {color:#999;}
  150. #permalink img{padding: 0 3px 0 0;}
  151.  
  152. /* Reblogue e outros por things-to-help-you.com */
  153. .postnotes{opacity: 0; position:absolute; margin-left: 10px; top: -25px; z-index: 2; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease;}
  154. .postnotes img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  155. .caixap:hover .postnotes{top: 10px; margin-left: 10px; opacity: 0.9; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease;}
  156. .reblogue{width: 24px; height: 20px; display: block;}
  157. .permalink{width: 24px; height: 20px; display: block;}
  158. .original{width: 24px; height: 20px; display: block;}
  159. .via{width: 24px; height: 20px; display: block;}
  160. .zoom{width: 24px; height: 20px; display: block;}
  161.  
  162.  
  163. /* --- Float ------------------------------- */
  164. .left {float: left; margin: 0;}
  165. .right {float: right; margin: 0;}
  166.  
  167. /* --- Fontes píxel ------------------------------- */
  168. @font-face {font-family: "pixie";
  169. src: url('http://static.tumblr.com/8yo5xxv/YKEm7paar/pixie_by_shaketheskyy.ttf'); format("truetype");}
  170. @font-face {font-family: "04b03";
  171. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  172. format("truetype");}
  173.  
  174. @font-face {font-family: 'silkscreen'; src: url('http://static.tumblr.com/8yo5xxv/WoDm5okz2/slkscr.ttf'); src: url('silkscreen?#iefix') format('embedded-opentype'), url('silkscreen.svg#Locaweb-Icons') format('svg'), url('silkscreen.ttf') format('truetype'); font-weight: normal; font-style: normal;}
  175.  
  176. .cont{font-family:"silkscreen", small fonts; font-size:8px; text-transform: uppercase; display: inline;}
  177.  
  178. /* --- Ask me ------------------------------- */
  179. .pergunta {display: block; margin: 1px 1px 0 1px; background: #c5c5c5; padding: 4px; overflow: hidden; text-shadow: 0px 1px 1px #; color: #999; font-family: Calibri; font-size: 10px; text-align: justify;}
  180. .resposta {background: #; padding: 5px; margin: 0 1px 1px 1px; text-align: justify;font-family: Calibri; font-size: 10px; display: block;}
  181. .resposta2{margin-top: -8px; margin-bottom: -8px;}
  182. .perguntou { margin-left: 1px; margin-right: 1px; margin-bottom: 4px;display: block;background: #3f3e3e; line-height: 16px; font-style: none; color: #a0a0a0; height: 16px; text-align: left; text-shadow: 1px 1px 1px #3f3e3e; padding-left: 4px padding-right: 5px; font-family: Calibri; font-size: 10px; text-transform:uppercase;}
  183. .perguntou a {color: #998;}
  184. .fotoask {float: left; margin-right: 4px; margin-bottom: 3px;}
  185.  
  186. /* --- Avatar ------------------------------- */
  187. .avatar_side{margin: -4px 0 0 -4px;}
  188.  
  189. /* --- Ícones ------------------------------- */
  190. .icons{position: absolute; margin: 3px 0 0 4px; opacity: 0.3; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
  191. .icons a{display: block; margin-top: 0px; opacity: 0.8; overflow: hidden;}
  192. .icons a:hover{opacity: 1;}
  193. .caixa:hover .icons{margin: 3px 0 0 159px; opacity: 1; overflow: hidden; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
  194.  
  195. /* --- Fonte píxel ------------------------------- */
  196. @font-face {font-family: "04b03";
  197. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  198. @font-face {font-family: "charnarr";
  199. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  200.  
  201. .tema {position: fixed; bottom: 0px; left: 0px; background: #fff; padding: 4px;}
  202. .tema a {color: #999; font-size: 9px; text-transform: uppercase;}
  203. .fotoicon {width: 64px; height: 64px; border: 7px solid #383737;}
  204. .descri {border-left: 5px solid #383737; padding-left: 5px;color: #999; font-family: Calibri; font-size: 10px; display: block; text-transform: uppercase; text-align: justify; padding-top: 5px; padding-bottom: 5px; {block:IndexPage}text-shadow: 1px 1px 0px #383737;{/block:IndexPage}}
  205. .lextra {background: #383737; padding: 4px; color: #e2948e;}
  206.  
  207.  
  208. .fotoperfil {margin-bottom: 0px; position: relative;}
  209. .minhad {z-index: 1000; height: 144px; background: url('http://static.tumblr.com/ngjtqzj/Svvmt9q4n/ssd.png') repeat-x; position: absolute; bottom: 3px; width: 279px;}
  210. .cc {font-family: Georgia; font-style: italic; position: absolute; width: 265px; margin-left: 6px; bottom: 10px; font-size: 13px; line-height: 23px; text-align: justify; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
  211. .fotoperfil:hover .cc { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);}
  212. .redes {background: #fff; padding: 5px; height: 40px; margin-top: -3px;}
  213. .redes a {margin-top: 12px; margin-right: 5px; opacity: 0.3; display: inline-block;}
  214. .redes a:hover {margin-top: 12px; margin-right: 5px; opacity: 0.5; display: inline-block;}
  215. .linha {border-bottom: 1px solid #eee; margin-top: 5px; margin-left: -5px; margin-right: -5px;}
  216.  
  217. .contando {display: block; height: 20px; margin-top: 4px; font-family: 'Open Sans', sans-serif; font-size: 11px;font-weight: 800; text-transform: uppercase; }
  218. .contando img { margin-top: 6px; margin-left: 1px; display: inline-block;}
  219. .rebs {opacity: 0.3;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
  220. .rebs:hover {opacity: 0.6;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
  221.  
  222. .photoset-img {{block:IndexPage}width: 282px; margin-bottom: -3px; margin-left: -3px; display: inline-block; padding: 0px; {/block:IndexPage}}
  223.  
  224. .conts {{block:IndexPage}position: relative; top: 5px; height: 50px; background: ; width: 900px; margin-bottom: -10px;{/block:IndexPage} {block:PermalinkPage} width: 500px;margin-bottom: 0px; {/block:PermalinkPage}}
  225. .conts .titulo {border-bottom: 0px solid rgba(0, 0, 0, 0.2); display: inline-block; font-family: 'Sansita One', cursive; font-size: 20px;font-weight: 500; {block:IndexPage}margin-left: 10px;{/block:IndexPage} margin-top: 20px; color: #fff; text-shadow: 1px 1px 0px #232323; letter-spacing: 5px;}
  226. .conts .titulo a {color: #0f0f0f;}
  227.  
  228. .linhs {border-bottom: 5px solid #8c95b6; position: relative; width: 100%; left: 0px;}
  229.  
  230. .ixi{width: 30px; overflow: hidden; font-family: Georgia; font-size: 12px; font-style: italic; display: inline-block; margin-top: 10px; margin-right: 5px; color: #ddd7cb;}
  231.  
  232. .respondendo {line-height: 20px; font-size: 12px; text-align: justify;}
  233.  
  234. @font-face {
  235. font-family: 'Sansita One';
  236. font-style: normal;
  237. font-weight: 400;
  238. src: local('Sansita One'), local('SansitaOne'), url(http://themes.googleusercontent.com/static/fonts/sansitaone/v3/r0cFg_5MCCA0Wi4i7AgXWIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
  239. }
  240.  
  241. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 5px; right: 5px; z-index: 1000;}
  242.  
  243. .menus {margin-top: 25px; font-size: 10px; float: right; font-family: 'Open Sans', sans-serif;text-transform: uppercase; }
  244. .menus a{margin-left: 15px; {block:IndexPage}margin-right: 15px;{/block:IndexPage} background: rgba(0, 0, 0, 0.2); padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  245. .quem {font-family: 'Open Sans', sans-serif;text-transform: uppercase; font-size: 20px; margin-bottom: 10px; color: #fff; font-weight: 900;}
  246. {CustomCSS}
  247. </style>
  248.  
  249. <body>
  250. <div id="content">
  251. <div class="conts">
  252.  
  253. <!-- menu -->
  254. <div class="menus">
  255. <a href="/ask">perguntas</a>
  256. <a href="/submit">Submit</a>
  257. <a href="/archive">Archive</a>
  258. <a href="http://things-to-help-you.com/">things</a>
  259. </div>
  260. <!-- fim -->
  261.  
  262.  
  263. <!-- titulo -->
  264. <div class="titulo"><a href="/">{title}</a></div></div>
  265. <!-- fim -->
  266.  
  267.  
  268.  
  269. <div class="posts">
  270.  
  271.  
  272. <!-- sidebar dentro do post -->
  273. {block:IndexPage}
  274. <div class="caixaaa">
  275. <div class="fotoperfil">
  276. <div class="minhad">
  277.  
  278. <!-- descrição não mexa -->
  279. <span class="cc">{description}</span>
  280. <!-- fim -->
  281.  
  282.  
  283. </div>
  284.  
  285. <!-- imagem aqui olha só mudar -->
  286. <img src="http://static.tumblr.com/t0iuumg/jcpmuq8g0/untitled-2.png">
  287. <!-- fim -->
  288.  
  289.  
  290. </div>
  291. <div class="redes"><div class="linha"></div>
  292.  
  293.  
  294. <!-- redes sociais -->
  295. <a href="https://twitter.com/Debsten"><img src="http://static.tumblr.com/ngjtqzj/xUzmt9qnr/ss.png" border="0"></a>
  296.  
  297. <a href="http://lovelykristen.tumblr.com/"><img src="http://static.tumblr.com/ngjtqzj/6Zbmt9qqt/untitled-3.png" border="0"></a>
  298.  
  299. <a href="http://debsten.com/"><img src="http://static.tumblr.com/ngjtqzj/YYkmt9qs6/untitled-3.png" border="0"></a>
  300.  
  301. <a href="#"><img src="http://static.tumblr.com/ngjtqzj/1RLmt9qt0/sfss.png" border="0"></a>
  302. <!-- fim -->
  303.  
  304.  
  305. <!-- playzinho começo -->
  306. <span style="float: right" class="ixi">
  307.  
  308. <!-- código do player -->
  309. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  310. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  311. <param name="bgcolor" value="#ffffff" />
  312. <param name="FlashVars" value="mp3=http%3A//a.tumblr.com/tumblr_lrx24z2rS11qayedlo1.mp3&amp;bgcolor=ffffff&amp;loadingcolor=cccccc&amp;buttoncolor=cccccc" />
  313. </object>
  314. <!-- fim do código -->
  315.  
  316.  
  317. </span>
  318. <!-- fim -->
  319.  
  320.  
  321. </div>
  322. </div>
  323. {/block:IndexPage}
  324.  
  325. <!-- fim da sidebar -->
  326.  
  327.  
  328. {block:Posts}
  329.  
  330. <div class="caixap">
  331.  
  332. {block:Text}
  333.  
  334. <div style="padding: 5px;background: #fff;">
  335. {block:Title}<a href="{Permalink}" class="quote">{Title}</a>{/block:Title}
  336. <div class="cap">{Body}</div>
  337.  
  338. <div class="linha"></div>
  339. {block:IndexPage}<div class="contando">
  340.  
  341. <div style="float: right; margin-top: -2px;" class="rebs">
  342.  
  343. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/ngjtqzj/d22mt9svi/ssf.png" border="0"></a>
  344.  
  345.  
  346. </div>
  347.  
  348. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a> notes <img src="http://static.tumblr.com/ngjtqzj/3nDmt9s5w/core.png">{/block:NoteCount}</div>
  349.  
  350. {/block:IndexPage}
  351. </div>
  352. {/block:Text}
  353.  
  354. {block:Photo}
  355. {block:IndexPage}
  356. <div class="postnotes">
  357. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  358. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  359. </div>
  360. {/block:IndexPage}
  361.  
  362. <div class="efeito">
  363. {block:IndexPage}
  364. {LinkOpenTag}<div class="borderimage"><img src="{PhotoURL-400}" width="279"></div>{LinkCloseTag}
  365. {/block:IndexPage}
  366. {block:PermalinkPage}{LinkOpenTag}<div class="borderimage"><img src="{PhotoURL-500}" width="500"></div>{LinkCloseTag}{/block:PermalinkPage}
  367. </div>
  368. {/block:Photo}
  369.  
  370.  
  371.  
  372.  
  373.  
  374. {block:Photoset}
  375. {block:IndexPage}
  376. <div class="postnotes">
  377. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  378. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  379. </div>
  380. {/block:IndexPage}
  381. {block:IndexPage}
  382. {block:Photos}
  383. <center><img src="{PhotoURL-500}" class="photoset-img" /></center>
  384. {/block:Photos}{/block:IndexPage}
  385. {block:PermalinkPage} {Photoset-500}{/block:PermalinkPage}
  386.  
  387.  
  388. {/block:Photoset}
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395. {block:Quote}
  396. <div style="padding: 5px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 53px; border-radius: 3px;">
  397.  
  398. <div class="quote">{Quote}</div>
  399. <div class="seta-baixo"></div>
  400.  
  401. {block:Source}<div class="source">{Source}</div>{/block:Source}
  402. {block:IndexPage}
  403. <div class="linha"></div>
  404.  
  405. <div class="contando">
  406.  
  407. <div style="float: right; margin-top: -2px;" class="rebs">
  408.  
  409. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/ngjtqzj/d22mt9svi/ssf.png" border="0"></a>
  410.  
  411.  
  412. </div>
  413.  
  414. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a> notes <img src="http://static.tumblr.com/ngjtqzj/3nDmt9s5w/core.png">{/block:NoteCount}</div>
  415.  
  416. {/block:IndexPage}
  417.  
  418. </div>
  419. {/block:Quote}
  420.  
  421. {block:Link}
  422. <div style="padding: 5px;background: #fff;">
  423.  
  424. <div class="quote"><a href="{URL}">{Name}</a></div>
  425. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  426. <div class="linha"></div>
  427.  
  428. {block:IndexPage}<div class="contando">
  429.  
  430. <div style="float: right; margin-top: -2px;" class="rebs">
  431.  
  432. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/ngjtqzj/d22mt9svi/ssf.png" border="0"></a>
  433.  
  434.  
  435. </div>
  436.  
  437. {block:NoteCount}{NoteCount} notes <img src="http://static.tumblr.com/ngjtqzj/3nDmt9s5w/core.png">{/block:NoteCount}</div>
  438.  
  439. {/block:IndexPage}
  440.  
  441. </div>
  442. {/block:Link}
  443.  
  444. {block:Chat}
  445.  
  446.  
  447. <div style="padding: 5px;background: #fff;">
  448.  
  449. <div class="chat">
  450. <div class="chat1">
  451. {block:Lines}
  452. <div class="chat2 {Alt}">
  453. {block:Label}
  454. <b>{Label}</b>
  455. {/block:Label}
  456. {Line}</div>
  457. {/block:Lines}
  458. </div>
  459. </div>
  460.  
  461.  
  462. <div class="linha"></div>
  463. {block:IndexPage}<div class="contando">
  464.  
  465. <div style="float: right; margin-top: -2px;" class="rebs">
  466.  
  467. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/ngjtqzj/d22mt9svi/ssf.png" border="0"></a>
  468.  
  469.  
  470. </div>
  471.  
  472. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a> notes <img src="http://static.tumblr.com/ngjtqzj/3nDmt9s5w/core.png">{/block:NoteCount}</div>
  473.  
  474. {/block:IndexPage}
  475. </div>
  476. {/block:Chat}
  477.  
  478.  
  479. {block:Audio}
  480. <div style="padding: 5px;background: #fff;">
  481.  
  482. <div class="audio">
  483.  
  484. {block:AlbumArt}
  485. <div class="capa"><img src="{AlbumArtURL}"></div>
  486. {/block:AlbumArt}
  487.  
  488. <div class="play">
  489. <div class="audioplayer">
  490. {AudioPlayerWhite}
  491. </div>
  492. </div>
  493.  
  494. <div class="audioinfo">
  495. {block:TrackName}<div class="i"><b>TITLE: </b>{TrackName}</div>{/block:TrackName}
  496.  
  497. {block:Artist}<div class="i"><b>ARTIST: </b>{Artist}</div>{/block:Artist}
  498.  
  499. {block:PlayCount}<div class="i"><b>PLAYS: </b>{PlayCount}</div>{/block:PlayCount}
  500. </div>
  501. </div>
  502.  
  503. {block:IndexPage}
  504. <div class="linha"></div>
  505.  
  506. <div class="contando">
  507.  
  508. <div style="float: right; margin-top: -2px;" class="rebs">
  509.  
  510. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/ngjtqzj/d22mt9svi/ssf.png" border="0"></a>
  511.  
  512.  
  513. </div>
  514.  
  515. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a> notes <img src="http://static.tumblr.com/ngjtqzj/3nDmt9s5w/core.png">{/block:NoteCount}</div>
  516.  
  517. {/block:IndexPage}
  518.  
  519. </div>
  520.  
  521.  
  522. {/block:Audio}
  523.  
  524.  
  525.  
  526.  
  527.  
  528. {block:Video}
  529. {block:IndexPage}
  530. <div class="postnotes">
  531. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  532. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  533.  
  534. </div>
  535. {/block:IndexPage}
  536.  
  537. <div class="efeito">
  538.  
  539. {block:IndexPage}<div class="borderimage" style="margin-left: -50px;">{Video-400}</div>{block:IndexPage}
  540. {block:PermalinkPage}<div class="borderimage">{Video-500}</div>{/block:PermalinkPage}
  541. </div>
  542. {/block:Video}
  543.  
  544. {block:Answer}
  545. <div style="padding: 5px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 53px; border-radius: 3px;">
  546.  
  547. <div class="quote">{Question}</div>
  548. <div class="seta-baixo"></div>
  549. <div class="source">Asked by: {Asker}</div>
  550. <div class="respondendo">
  551. {Answer}
  552. </div></div>
  553. {/block:Answer}
  554.  
  555. {block:PostNotes}
  556. </div><br><br>
  557.  
  558.  
  559.  
  560.  
  561. <div class="quem">Quem curtiu a postagem</div>
  562. <div class="caixapp">
  563.  
  564. <div id="perma">
  565. {block:NoteCount}<div id="permalink"><img src="http://static.tumblr.com/8yo5xxv/H7Fm5qdr1/heartttrrt.png"> {NoteCountWithLabel}</div>{/block:NoteCount}
  566. {block:RebloggedFrom}<div id="permalink"><img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png"> Reblogged from <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></div>{/block:RebloggedFrom}
  567. {block:HasTags}<div id="permalink"><img src="http://static.tumblr.com/8yo5xxv/Dgxm5qduh/tag.png">{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  568. {block:Date}<div id="permalink"><img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png"> {DayOfMonth} de <b>{Month}</b> de {Year}</div>{/block:Date}
  569. {block:ContentSource}<div id="permalink"><img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png"> Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></div>{/block:ContentSource}
  570. </div>
  571.  
  572.  
  573.  
  574. <div class="box1">
  575. <div class="perma_notes stylee">
  576. {PostNotes-64}
  577. </div>
  578. </div>
  579.  
  580.  
  581. </div>
  582. {/block:PostNotes}
  583.  
  584. <!---- Fechando a caixa ------------>
  585. </div>
  586. <!---- Importante ------------>
  587.  
  588. {/block:Posts}
  589. </div></div>
  590.  
  591. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  592. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  593. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  594.  
  595.  
  596.  
  597. <script type="text/javascript">
  598. $(window).load(function () {
  599. $('.posts').masonry(),
  600. $('.masonryWrap').infinitescroll({
  601. navSelector : "div#navigation",
  602. nextSelector : "div#navigation a#nextPage",
  603. itemSelector : ".caixap",
  604. bufferPx : 1000,
  605. extraScrollPx: 1000,
  606. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  607. loadingText : "<i> </i>",
  608.  
  609. },
  610. // call masonry as a callback.
  611. function() { $('.posts').masonry({ appendedContent: $(this) });
  612.  
  613. }
  614. );
  615. });
  616. </script>
  617. {block:IndexPage}
  618. <div class="column navigation" id="navigation">
  619. {block:Pagination}
  620. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  621. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  622. </div>
  623. {/block:IndexPage}
  624.  
  625.  
  626. </body>
  627. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!