API tools faq
paste
Advertisement
Debsten

color your life

Debsten
Dec 11th, 2013
1,021
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.01 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  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/Ajrmwqy2c/top.png" border="0"></a>
  22.  
  23. </head>
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28.  
  29. /* --- Geral ------------------------------- */
  30. body{color: #bbb; font-family: Trebuchet Ms; font-size: 11px; margin:0; text-align: left; background: #eee url("http://static.tumblr.com/ngjtqzj/iuumwqref/brickwall.png") fixed;}
  31.  
  32.  
  33. /* --- Links ------------------------------- */
  34. a{text-decoration: none; color: #aad9db; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  35. a:hover{color: #eee; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  36.  
  37. .ls {background: #eee; display: block; padding: 3px; margin-left: -4px; margin-right: -4px; margin-bottom: -4px;}
  38.  
  39. /* --- Theme ------------------------------- */
  40. #content {margin:auto;{block:IndexPage}width: 840px; position:relative;{/block:IndexPage}
  41. {block:PermalinkPage} width: 510px; {/block:PermalinkPage} }
  42.  
  43. /* --- Postagem ------------------------------- */
  44. .posts{float: right; margin-top: 20px; {block:IndexPage} margin-bottom: 1px; width: 840px; position:relative; {/block:IndexPage}
  45. {block:PermalinkPage}
  46. width: 510px;
  47. {/block:PermalinkPage}}
  48.  
  49.  
  50. .caixaaa{cursor: hand; {block:IndexPage} background: #; padding: 0px; margin: 5px; width: 200px; float:left; position: relative; overflow: hidden;{/block:IndexPage}}
  51.  
  52. /* --- Caixa ------------------------------- */
  53. .caixap {cursor: hand; {block:IndexPage} background: #; padding: 0px; margin: 5px; width: 200px; float:left; position: relative; overflow: hidden;{/block:IndexPage}
  54. {block:PermalinkPage} background: #fff; padding: 5px; margin-bottom: 20px; overflow: hidden; width: 500px;{/block:PermalinkPage}}
  55.  
  56.  
  57.  
  58. .caixapp {width: 500px; padding: 5px; background: #fff; margin-bottom: 30px; }
  59.  
  60.  
  61. /* --- Blockquote, pre ------------------------------- */
  62. blockquote {text-align: justify; padding: 5px 7px; background:#eee; color: #aaa; font-family: Calibri; margin: 3px -2px; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  63.  
  64.  
  65. blockquote a{color: #f8f2cb;}
  66. 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;}
  67.  
  68. /* --- Caption, description ------------------------------- */
  69. .capt{text-align: justify; margin: -13px 4px -9px 4px;}
  70. .caption{margin-left: 10px; margin-right: 10px; text-align: justify; margin-bottom: -9px;}
  71. .cap{text-align: justify; margin: -8px 5px -9px 5px;}
  72. #description{text-align: justify; font-family: 'Play', sans-serif; font-size: 12px;}
  73.  
  74. /* --- Seleção ------------------------------- */
  75. ::selection{background: #; color: #999;}
  76. ::-moz-selection{background: #; color: #999;}
  77.  
  78. /* --- Imagem, vídeo, photoset ------------------------------- */
  79. .borderimage{{block:IndexPage}margin-bottom: -5px; width: 200px!important;{/block:IndexPage}
  80. {block:PermalinkPage}margin: 0px 0 -3px 0px; width: 500px!important;{/block:PermalinkPage}}
  81.  
  82. /* --- Classes ------------------------------- */
  83. strong, b, bold {color: #; text-decoration:none; font-weight:bold;}
  84. i, em, italic {color: #; }
  85. u, underline {text-decoration:none; color: #; border-bottom: 1px dotted #eee;}
  86. s, strike {color: #;}
  87.  
  88.  
  89. /* --- Título ------------------------------- */
  90. .h1 {line-height: 17px; color: #fff; padding: 5px; background: #aad9db; font-style: italic; font-family: 'Georgia', cursive; font-size: 13px; display: block; text-align: justify; {block:PermalinkPage}margin-top: -5px; margin-left: -5px; margin-right: -5px;{/block:PermalinkPage}}
  91.  
  92. .h1 a{color:#000;}
  93. .link {color: #b6b4ae; font-family: Calibri; font-size: 11px; display: block; margin-bottom: 4px; text-transform: uppercase;}
  94. .link a{color: #999;}
  95.  
  96. /* --- Quote ------------------------------- */
  97. .quote {line-height: 17px; color: #fff; padding: 5px; background: #aad9db; font-style: italic; font-family: 'Georgia', cursive; font-size: 13px; display: block; text-align: justify;}
  98. .quote p {margin: 0px; padding: 0px;}
  99. .quote a {color: #fff;}
  100. .source {margin-top: 2px; text-transform: uppercase; display: inline-block; font-size: 9px; background: #fff; padding-left: 5px; padding-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  101. .source1 {margin-left: 5px; margin-top: 2px; text-transform: uppercase; display: inline-block; font-size: 9px; background: #eee; padding-left: 5px; padding-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  102. .source a{color: #ce88a7; font-weight:bold;}
  103. .source a:hover {color: #999;}
  104.  
  105. /* setinha */
  106. .seta-baixo {width: 0; margin-left: 20px;z-index: 5500;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #aad9db;}
  107.  
  108.  
  109. /* Audio */
  110. .audio{background: #fff; display: block; }
  111. .capa {position: relative; width: 200px; height: 200px; background: #ffd4c5 url('http://static.tumblr.com/ngjtqzj/nMhmwqxls/sdsds.png');}
  112. .capa img {width: 200px; float:left;}
  113.  
  114. .audioplayer {width: 200px; z-index: 10000; margin-top: 3px; overflow:hidden;}
  115.  
  116. .audioinfo { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eee; padding: 2px; padding-left: 5px;margin-bottom: 1px;}
  117.  
  118. .i{display:block; margin-bottom: 3px;}
  119. .i b, strong{font-family: Calibri; font-size: 10px; color: #e1bdb0; text-shadow: 1px 1px 0px #fff;}
  120.  
  121.  
  122. .play {position: absolute; background: #fff; bottom: 0px; border-bottom: 1px dashed #eee; opacity:0.50; {block:PermalinkPage}position: relative; top: 0px;{/block:PermalinkPage}}
  123.  
  124.  
  125. .play:hover {opacity:0.60; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  126.  
  127.  
  128. /* --- Chat ------------------------------- */
  129. .chat {margin: 1px 1px 0 1px; font-size: 11px; color: #b3b3b3;}
  130. .chat .chat1 {margin-left: 0px;}
  131. .chat .chat1 .chat2 {background:#eee; margin-bottom: 1px; padding: 0px 5px; font-family: 'Electrolize', sans-serif; line-height: 20px;}
  132. .chat .chat1 .chat2.even {background: #eee;}
  133. .chat b{color: #fff; background: #fff; padding: 5px; font-size: 9px; font-weight: normal; margin: 0 0 0 -5px; color: #999; text-transform: uppercase;}
  134. .chat1 a, .chat2 a{color: #a2a2a2;}
  135.  
  136. /* --- Footer ------------------------------- */
  137. #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;}
  138.  
  139. /* notes perma */
  140. .notes{float:left;}
  141. .stylee {float:left; width:520px; margin-left: -3px;}
  142. .reblog_etc {display:none; z-index:400;}
  143. .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;}
  144. .captions{ width:100%; overflow:hidden; text-align:left; font-size:12px; color:; }
  145. .captions p{ margin:0; margin-top: 0px; padding:0; }
  146. .captions a{ color:#558386; }
  147. .note_count{ text-align:left; }
  148. .perma_notes {width: 500px; display: block; }
  149. .perma_notes .clear { margin:0; padding:0; height:0px; }
  150. .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; }
  151. .perma_notes .avatar:hover {opacity: 1;}
  152. .perma_notes ol { margin:0; padding:0; }
  153. .perma_notes li {padding:0; width: 35px; list-style:none; border:none; float:left; margin: 5px; bottom: 0px;}
  154. .perma_notes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  155. .more_box{ width: 500px; height: 35px; color:red; margin:0; padding:0; float:left; display: block; }
  156. .more_notes_link {overflow: hidden; width: 500px; height:40px; font-size: 10px; color:#111; display: block; }
  157. 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; }
  158. .note more_notes_link_container li a { color:#111; }
  159. .perma_notes blockquote { display:none; }
  160.  
  161. #perma{margin: 1px 1px 0 1px;}
  162. #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;}
  163. #permalink b{color:#999;}
  164. #permalink a {color:#999;}
  165. #permalink img{padding: 0 3px 0 0;}
  166.  
  167.  
  168. .dentro {position: relative; width: 200px; overflow: hidden; background: #fff; z-index: 1000;}
  169.  
  170. .postnotes {z-index: 100;margin-left: -20px; margin-top: 10px;position: absolute; width: 100%; height: 100px; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  171. .postnotes img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; margin-bottom: 3px;}
  172. .caixap:hover .postnotes {margin-top: 10px; margin-left: 10px; position: absolute; width: 100%; height: 100px; opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  173.  
  174.  
  175.  
  176.  
  177. /* --- Float ------------------------------- */
  178. .left {float: left; margin: 0;}
  179. .right {float: right; margin: 0;}
  180.  
  181. /* --- Fontes píxel ------------------------------- */
  182. @font-face {font-family: "pixie";
  183. src: url('http://static.tumblr.com/8yo5xxv/YKEm7paar/pixie_by_shaketheskyy.ttf'); format("truetype");}
  184. @font-face {font-family: "04b03";
  185. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  186. format("truetype");}
  187.  
  188. @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;}
  189.  
  190. .cont{font-family:"silkscreen", small fonts; font-size:8px; text-transform: uppercase; display: inline;}
  191.  
  192. /* --- Ask me ------------------------------- */
  193. .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;}
  194. .resposta {background: #; padding: 5px; margin: 0 1px 1px 1px; text-align: justify;font-family: Calibri; font-size: 10px; display: block;}
  195. .resposta2{margin-top: -8px; margin-bottom: -8px;}
  196. .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;}
  197. .perguntou a {color: #998;}
  198. .fotoask {float: left; margin-right: 4px; margin-bottom: 3px;}
  199.  
  200. /* --- Avatar ------------------------------- */
  201. .avatar_side{margin: -4px 0 0 -4px;}
  202.  
  203. /* --- Ícones ------------------------------- */
  204. .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;}
  205. .icons a{display: block; margin-top: 0px; opacity: 0.8; overflow: hidden;}
  206. .icons a:hover{opacity: 1;}
  207. .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;}
  208.  
  209. /* --- Fonte píxel ------------------------------- */
  210. @font-face {font-family: "04b03";
  211. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  212. @font-face {font-family: "charnarr";
  213. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  214.  
  215. .tema {position: fixed; bottom: 0px; left: 0px; background: #fff; padding: 4px;}
  216. .tema a {color: #999; font-size: 9px; text-transform: uppercase;}
  217. .fotoicon {width: 64px; height: 64px; border: 7px solid #383737;}
  218. .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}}
  219. .lextra {background: #383737; padding: 4px; color: #e2948e;}
  220.  
  221.  
  222. .fotoperfil {margin-bottom: 0px; position: relative;}
  223. .minhad {z-index: 1000; height: 144px; background: url('http://static.tumblr.com/ngjtqzj/Svvmt9q4n/ssd.png') repeat-x; position: absolute; bottom: 3px; width: 200px;}
  224. .cc {font-family: Georgia; font-style: italic; position: absolute; width: 185px; 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;}
  225. .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);}
  226. .redes {background: #fff; padding: 5px; height: 40px; margin-top: -3px;}
  227. .redes a {margin-top: 12px; margin-right: 5px; opacity: 0.3; display: inline-block;}
  228. .redes a:hover {margin-top: 12px; margin-right: 5px; opacity: 0.5; display: inline-block;}
  229. .linha {border-bottom: 1px solid #eee; margin-top: 5px; margin-left: -5px; margin-right: -5px;}
  230.  
  231. .contando {display: block; height: 20px; margin-top: 4px; font-family: 'Open Sans', sans-serif; font-size: 11px;font-weight: 800; text-transform: uppercase; }
  232. .contando img { margin-top: 6px; margin-left: 1px; display: inline-block;}
  233. .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;}
  234. .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;}
  235.  
  236. .photoset-img {{block:IndexPage}width: 200px; margin-bottom: -4px; margin-left: -0px; display: inline-block; padding: 0px; {/block:IndexPage}}
  237.  
  238.  
  239. .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}}
  240. .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;}
  241. .conts .titulo a {color: #0f0f0f;}
  242.  
  243. .linhs {border-bottom: 5px solid #8c95b6; position: relative; width: 100%; left: 0px;}
  244.  
  245. .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;}
  246.  
  247. .respondendo {text-shadow: 1px 1px 0px #fff; line-height: 20px; padding: 5px; font-size: 12px; text-align: justify; background: #fafafa; margin-top: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #efefed;}
  248. .respondendo p {margin: 0px; padding: 0px;}
  249.  
  250. @font-face {
  251. font-family: 'Sansita One';
  252. font-style: normal;
  253. font-weight: 400;
  254. src: local('Sansita One'), local('SansitaOne'), url(http://themes.googleusercontent.com/static/fonts/sansitaone/v3/r0cFg_5MCCA0Wi4i7AgXWIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
  255. }
  256.  
  257. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 5px; right: 5px; z-index: 1000;}
  258.  
  259. .menus {margin-top: 25px; font-size: 10px; float: right; font-family: 'Open Sans', sans-serif;text-transform: uppercase; }
  260. .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;}
  261. .quem {font-family: 'Open Sans', sans-serif;text-transform: uppercase; font-size: 20px; margin-bottom: 10px; color: #75d0d3; font-weight: 900;}
  262. .portrait {margin-right: 5px; margin-bottom: 0px; height: 30px;}
  263. .oxs {margin-left: 30px; position: absolute; height: 30px; width: 160px; background: #ffd4c5; padding-left: 5px; padding-right: 5px; line-height: 30px; color: #fff; text-transform: uppercase;}
  264.  
  265. .oxs1 {height: 35px; margin-top: 5px; width: 200px; background: #; line-height: 30px; color: #fff; text-transform: uppercase; overflow: hidden;}
  266. .oxs1 img {float: left; margin-right: 14px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
  267. .oxs1 img:hover {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;border-bottom: 5px solid #ccc; float: left; margin-right: 14px;}
  268. .home {display: inline-block; background: #fff; padding: 5px; font-size: 11px; margin-bottom: -15px; font-weight: 800; font-family: 'Open Sans', sans-serif; font-size: 10px; text-transform: uppercase; margin-top: 10px; color: #ccc;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  269.  
  270. .oxs2 {height: 30px; margin-top: 5px; width: 200px; background: #; line-height: 30px; color: #fff; text-transform: uppercase; overflow: hidden;}
  271.  
  272. .musica {height: 30px; position: absolute; width: 160px; background: #fff; line-height: 22px; color: #999; text-transform: uppercase; overflow: hidden; margin-left: 45px;}
  273.  
  274.  
  275. @font-face {
  276. font-family: 'Open Sans';
  277. font-style: normal;
  278. font-weight: 800;
  279. src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  280. }
  281.  
  282.  
  283.  
  284. {CustomCSS}
  285. </style>
  286.  
  287. <body>
  288. <div id="content">
  289.  
  290. {block:PermalinkPage}
  291. <a href="/" class="home">volte para o início</a>
  292. {/block:PermalinkPage}
  293.  
  294.  
  295.  
  296. <div class="posts">
  297. {block:IndexPage}
  298. <div class="caixaaa">
  299.  
  300. <div class="oxs">{title}</div>
  301. <a href="/"><img src="{PortraitURL-30}" class="portrait" border="0"> </a>
  302. <div class="quote">
  303. {description}
  304.  
  305.  
  306. </div>
  307.  
  308. <div class="oxs1">
  309. <div style="display: block; width: 250px;">
  310. <a href="/ask">
  311. <img src="http://static.tumblr.com/ngjtqzj/hxwmwqsjs/1.png" border="0">
  312. </a>
  313.  
  314. <a href="/archive">
  315. <img src="http://static.tumblr.com/ngjtqzj/Iwzmwqsld/1.png" border="0">
  316. </a>
  317.  
  318. <a href="/submit">
  319. <img src="http://static.tumblr.com/ngjtqzj/O28mwqsm7/1.png" border="0">
  320. </a>
  321.  
  322. <a href="/mobile">
  323. <img src="http://static.tumblr.com/ngjtqzj/vlQmwqsnb/1.png" border="0">
  324. </a>
  325. </div></div>
  326.  
  327.  
  328.  
  329.  
  330.  
  331. <div class="oxs2">
  332.  
  333. <div class="musica">
  334.  
  335. PLAYER DE MÚSICA
  336.  
  337. </div>
  338.  
  339.  
  340. <img src="http://static.tumblr.com/ngjtqzj/2HKmwqulz/1.png">
  341.  
  342. </div>
  343.  
  344.  
  345.  
  346. </div>
  347.  
  348.  
  349. {/block:IndexPage}
  350.  
  351.  
  352. {block:Posts}
  353.  
  354. <div class="caixap">
  355.  
  356. {block:Text}
  357.  
  358.  
  359. {block:IndexPage}
  360. <div class="postnotes">
  361. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  362. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  363. </div>
  364. {/block:IndexPage}
  365.  
  366. {block:Title}<a href="{Permalink}" class="h1">{Title}</a>{/block:Title}
  367. <div style="padding: 5px;background: #fff;">
  368. <div class="cap">{Body}</div>
  369. </div>
  370. {/block:Text}
  371.  
  372. {block:Photo}
  373.  
  374. {block:IndexPage}
  375. <div class="postnotes">
  376. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  377. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  378. </div>
  379. {/block:IndexPage}
  380.  
  381.  
  382.  
  383. {block:IndexPage}
  384.  
  385. <div class="borderimage">
  386.  
  387. <img src="{PhotoURL-400}" width="200">
  388.  
  389. </div>
  390.  
  391. {/block:IndexPage}
  392.  
  393.  
  394. {block:PermalinkPage}
  395.  
  396. <div class="borderimage">
  397. <img src="{PhotoURL-500}" width="500">
  398. </div>
  399.  
  400. {/block:PermalinkPage}
  401.  
  402. {/block:Photo}
  403.  
  404.  
  405.  
  406.  
  407.  
  408.  
  409. {block:Photoset}
  410. {block:IndexPage}
  411. <div class="postnotes">
  412. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  413. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  414. </div>
  415. {/block:IndexPage}
  416.  
  417.  
  418.  
  419. {block:IndexPage}
  420. {block:Photos}
  421. <center><img src="{PhotoURL-500}" class="photoset-img" /></center>
  422. {/block:Photos}
  423. {/block:IndexPage}
  424.  
  425. {block:PermalinkPage} {Photoset-500}{/block:PermalinkPage}
  426. {/block:Photoset}
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433. {block:Quote}
  434. {block:IndexPage}
  435. <div class="postnotes">
  436. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  437. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  438. </div>
  439. {/block:IndexPage}
  440.  
  441.  
  442.  
  443. <div class="quote">{Quote}</div>
  444. <div class="seta-baixo"></div>
  445.  
  446. {block:Source}<div class="source">{Source}</div>{/block:Source}
  447. {/block:Quote}
  448.  
  449.  
  450.  
  451.  
  452. {block:Link}
  453. {block:IndexPage}
  454. <div class="postnotes">
  455. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  456. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  457. </div>
  458. {/block:IndexPage}
  459.  
  460.  
  461. <div class="quote"><a href="{URL}">{Name}</a></div>
  462.  
  463. <div style="padding:3px;background: #fff;">
  464. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  465. </div>
  466. {/block:Link}
  467.  
  468.  
  469.  
  470.  
  471.  
  472. {block:Chat}
  473.  
  474. {block:IndexPage}
  475. <div class="postnotes">
  476. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  477. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  478. </div>
  479. {/block:IndexPage}
  480.  
  481. <div style="padding: 2px;background: #fff;">
  482.  
  483. <div class="chat">
  484. <div class="chat1">
  485. {block:Lines}
  486. <div class="chat2 {Alt}">
  487. {block:Label}
  488. <b>{Label}</b>
  489. {/block:Label}
  490. {Line}</div>
  491. {/block:Lines}
  492. </div>
  493. </div>
  494.  
  495. </div>
  496. {/block:Chat}
  497.  
  498.  
  499. {block:Audio}
  500.  
  501. {block:IndexPage}
  502. <div class="postnotes">
  503. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  504. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  505. </div>
  506. {/block:IndexPage}
  507.  
  508.  
  509. {block:IndexPage}
  510. <div class="capa">
  511. <div class="play">
  512. <div class="audioplayer">
  513. {AudioPlayerWhite}
  514. </div>
  515. </div>
  516. {block:AlbumArt}
  517. <img src="{AlbumArtURL}">
  518. {/block:AlbumArt}
  519. </div>
  520. {/block:IndexPage}
  521.  
  522.  
  523. {block:PermalinkPage}
  524. <div class="play">
  525. <div class="audioplayer">
  526. {AudioPlayerWhite}
  527. </div>
  528. </div>
  529. {/block:PermalinkPage}
  530.  
  531.  
  532.  
  533. <div style="padding: 5px;background: #fff;">
  534.  
  535. <div class="audio">
  536.  
  537.  
  538.  
  539. {block:TrackName}
  540. <div class="audioinfo">
  541. <div class="i"><b>TITLE: </b>{TrackName}</div>
  542. </div>
  543. {/block:TrackName}
  544.  
  545.  
  546. {block:Artist}
  547. <div class="audioinfo">
  548. <div class="i"><b>ARTIST: </b>{Artist}</div>
  549. </div>
  550. {/block:Artist}
  551.  
  552.  
  553.  
  554.  
  555. {block:PlayCount}
  556. <div class="audioinfo">
  557. <div class="i"><b>PLAYS: </b>{PlayCount}</div>
  558. </div>
  559. {/block:PlayCount}
  560.  
  561. </div>
  562.  
  563.  
  564.  
  565. </div>
  566. {/block:Audio}
  567.  
  568.  
  569.  
  570.  
  571.  
  572. {block:Video}
  573. {block:IndexPage}
  574. <div class="postnotes">
  575. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/jgOmnsfil/reblogue.png"></a>
  576. <a href="{Permalink}"><img src="http://static.tumblr.com/8yo5xxv/Fmzmnsdm9/permalink.png"></a>
  577.  
  578. </div>
  579. {/block:IndexPage}
  580.  
  581. <div class="efeito">
  582.  
  583. {block:IndexPage}<div class="borderimage" style="margin-left: -50px;">{Video-400}</div>{block:IndexPage}
  584. {block:PermalinkPage}<div class="borderimage">{Video-500}</div>{/block:PermalinkPage}
  585. </div>
  586. {/block:Video}
  587.  
  588. {block:Answer}
  589. <div style="background: #fff;">
  590. <div class="quote">{Question}</div>
  591. <div class="seta-baixo"></div>
  592. <div class="source1">Asked by: {Asker}</div>
  593. <div style="padding: 5px; background: #fff;">
  594. <div class="respondendo">
  595. {Answer}
  596. </div></div>
  597. </div>
  598. {/block:Answer}
  599.  
  600. {block:PostNotes}
  601. </div><br><br>
  602.  
  603.  
  604.  
  605.  
  606. <div class="quem">Quem curtiu a postagem</div>
  607. <div class="caixapp">
  608.  
  609. <div id="perma">
  610. {block:NoteCount}<div id="permalink"><img src="http://static.tumblr.com/8yo5xxv/H7Fm5qdr1/heartttrrt.png"> {NoteCountWithLabel}</div>{/block:NoteCount}
  611. {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}
  612. {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}
  613. {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}
  614. {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}
  615. </div>
  616.  
  617.  
  618.  
  619. <div class="box1">
  620. <div class="perma_notes stylee">
  621. {PostNotes-64}
  622. </div>
  623. </div>
  624.  
  625.  
  626. </div>
  627. {/block:PostNotes}
  628.  
  629. <!---- Fechando a caixa ------------>
  630. </div>
  631. <!---- Importante ------------>
  632.  
  633. {/block:Posts}
  634. </div></div>
  635.  
  636. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  637. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  638. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  639.  
  640.  
  641.  
  642. <script type="text/javascript">
  643. $(window).load(function () {
  644. $('.posts').masonry(),
  645. $('.masonryWrap').infinitescroll({
  646. navSelector : "div#navigation",
  647. nextSelector : "div#navigation a#nextPage",
  648. itemSelector : ".caixap",
  649. bufferPx : 1000,
  650. extraScrollPx: 1000,
  651. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  652. loadingText : "<i> </i>",
  653.  
  654. },
  655. // call masonry as a callback.
  656. function() { $('.posts').masonry({ appendedContent: $(this) });
  657.  
  658. }
  659. );
  660. });
  661. </script>
  662. {block:IndexPage}
  663. <div class="column navigation" id="navigation">
  664. {block:Pagination}
  665. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  666. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  667. </div>
  668. {/block:IndexPage}
  669.  
  670. <div style="left: 10px; bottom: 10px; color: #777; background: #fff; padding: 5px; font-size: 10px; position: fixed;"><a href="http://things-to-help-you.com/">theme by</a></div>
  671. </body>
  672. </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!