Advertisement
clamam

Theme Lengthy

May 26th, 2016
615
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.37 KB | None | 0 0
  1. <html><head><title>{title}</title><link rel="shortcut icon" href="{favicon}">
  2.  
  3. <!----------------------
  4.  
  5.  
  6. theme lengthy
  7. © made by Gabriele
  8. in clamam.tumblr.com
  9.  
  10.  
  11. ------------------------>
  12.  
  13. <meta name="image:background" content="" />
  14. <meta name="image:sidebar" content="" />
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:titulo" content="#cd2626"/>
  17. <meta name="color:negrito" content="#cd2626"/>
  18. <meta name="color:texto" content="#666666"/>
  19. <meta name="color:links" content="#666666"/>
  20. <meta name="color:links hover" content="#cd2626"/>
  21. <meta name="color:bordas" content="#f5f5f5"/>
  22. <meta name="color:bolinhas" content="#fafafa"/>
  23. <meta name="color:rolagem" content="#cd2626"/>
  24. <meta name="color:selecao" content="#000000"/>
  25. <meta name="color:blockquote" content="#eee"/>
  26.  
  27. <meta name="select:fonte das postagens"content="'Arvo', serif"title="Arvo"/>
  28. <meta name="select:fonte das postagens"content="arial"title="Arial"/>
  29. <meta name="select:fonte das postagens"content="calibri"title="Calibri"/>
  30. <meta name="select:fonte das postagens"content="consolas"title="Consolas"/>
  31. <meta name="select:fonte das postagens"content="cambria"title="Cambria"/>
  32. <meta name="select:fonte das postagens"content="georgia"title="Georgia"/>
  33. <meta name="select:fonte das postagens"content="'Signika', sans-serif"title="Signika"/>
  34. <meta name="select:fonte das postagens"content="'muli', sans-serif"title="muli"/>
  35. <meta name="select:fonte das postagens"content="'PT Sans', sans-serif"title="PT Sans"/>
  36. <meta name="select:fonte das postagens"content="courier new"title="Courier new"/>
  37. <meta name="select:fonte das postagens"content="century gothic"title="Century gothic"/>
  38. <meta name="select:fonte das postagens"content="'Roboto', sans-serif"title="Roboto"/>
  39. <meta name="select:fonte das postagens"content="'Lato', sans-serif"title="Lato"/>
  40. <meta name="select:fonte das postagens"content="trebuchet ms"title="trebuchet ms"/>
  41. <meta name="select:fonte das postagens"content="'Yantramanav', sans-serif"title="Yantramanav"/>
  42. <meta name="select:fonte das postagens"content="Istok Web, sans-serif"title="Istok Web"/>
  43.  
  44. <meta name="if:postagem justificada" content=""/>
  45. <meta name="if:nao repetir background" content=""/>
  46. <meta name="if:botao de ir ao topo" content=""/>
  47. <meta name="if:neve" content=""/>
  48.  
  49. <meta name="text:sua url" content="clamam"/>
  50.  
  51. <meta name="text:subtitulo" content="subtitulo"/>
  52.  
  53. <meta name="text:tamanho das postagens" content="12"/>
  54. <meta name="text:tamanho do source" content="10"/>
  55. <meta name="text:tamanho dos links" content="11"/>
  56.  
  57. <meta name="text:link 1 titulo" content="link" />
  58. <meta name="text:link 1" content="/" />
  59. <meta name="text:link 2 titulo" content="link" />
  60. <meta name="text:link 2" content="/" />
  61. <meta name="text:link 3 titulo" content="link" />
  62. <meta name="text:link 3" content="/" />
  63. <meta name="text:link 4 titulo" content="link" />
  64. <meta name="text:link 4" content="/" />
  65.  
  66. <link rel="alternate"type="application/rss+xml"href="{RSS}">{block:Description}
  67. <meta name="description" content="{MetaDescription}"/>{/block:Description}
  68.  
  69. <link href='https://fonts.googleapis.com/css?family=Amatic+SC:400,700|PT+Sans|Lora:700italic|Arvo|Baumans|Lato:300,400|Roboto|Muli|Signika|Yantramanav|Istok+Web' rel='stylesheet' type='text/css'>
  70. <link href='https://fonts.googleapis.com/css?family=Clicker+Script|Pinyon+Script' rel='stylesheet' type='text/css'>
  71. <style type="text/css">
  72.  
  73. body{background:{color:background}; color:{color:texto}; font-family:{select:fonte das postagens}; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} -webkit-animation:Fade 10s; font-size:{text:tamanho das postagens}px; background-image:url('{image:background}'); line-height:150%; {block:Ifnaorepetirbackground} background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; {/block:Ifnaorepetirbackground}
  74. cursor:url('http://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), default!important;}
  75.  
  76. #middle{width:805px; {block:PermalinkPage}width:530px;{/block:PermalinkPage} position:relative; margin-left:auto; margin-right:auto; margin-top:0px; padding-bottom:20px; overflow:hidden; height:100%;}
  77.  
  78. #entry{width:970px; margin-top:60px; margin-left:0px; {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  79.  
  80. .posts{top:0px; margin: 0 50px 30px 0; float:left; padding:15px; {block:IndexPage}width:350px; position:relative;{/block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  81.  
  82. #hr{position:absolute; background:{color:bordas}; top:-60px; margin-left:405px; width:1px; height:100%; z-index:999999;}
  83.  
  84. .photoset{width:350px;}
  85. .box {position:relative;}
  86. .box img {display:block; max-width:100%;}
  87. .box iframe {max-width:100%;}
  88.  
  89. a{color:{color:texto}; text-decoration:none;}
  90. a:hover{color:{color:texto}; text-decoration:none; cursor:url('http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif'), default!important;}
  91. p{margin:6px 0 0 0}
  92. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px; border-left:1px solid {color:blockquote}; overflow:hidden; overflow-x:scroll; overflow-y:scroll;}
  93. ul{list-style-type:circle;}}
  94.  
  95. #ptt{font-family:{select:fonte das postagens}; letter-spacing:2px; text-transform:uppercase; text-align:left; font-size:12px; color:{color:texto}; font-weight: normal; line-height:15px;}
  96. #ptt a{color:{color:texto}; font-family:{select:fonte das postagens}; text-transform:uppercase; letter-spacing:1.3px; text-align:left; font-size:12px; line-height:15px; font-weight:bold; color:{color:negrito};}
  97. #ptt a:hover{text-align:left; font-size:12px; color:{color:links hover}; font-weight:bold; line-height:15px; letter-spacing:.5px;}
  98.  
  99. .chat ul{padding:0px 0px 0px 0px; margin:0px;}
  100. .chat li{margin-bottom:1px; padding:10px; list-style-type:none;}
  101. .chat li.odd{border-left:1px solid {color:bordas};}
  102. .chat li.odd:hover{-webkit-transition-duration: .8s; border-left:3px solid {color:bordas};}
  103. .chat li.even{border-right:1px solid {color:bordas};}
  104. .chat li.even:hover{border-right:3px solid {color:bordas}; -webkit-transition-duration: .8s;}
  105. span.chats{color:{color:texto}; font-size:11px; font-family:{select:font posts}; letter-spacing:.5px; text-transform:uppercase;}
  106.  
  107. .base{border-radius:5px; padding:0px; overflow:hidden; float:left; position:relative; {block:indexpage}width:500px;{/block:indexpage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  108. #permalink{width:500px; font-size:10px; text-transform:uppercase; padding-bottom:5px; margin-left:0px; margin-top:0px; line-height:17px;}
  109. aside.permalink_page {margin-top:30px; margin-bottom:60px;}
  110. ol.notes li.note img.avatar {display:none!important;}
  111. ol.notes {list-style-type:none; margin:0;}
  112. ol.notes li.note{display:block; margin-bottom:5px; padding:5px; margin-left:-35px;}
  113. li.note:nth-child(odd) {background:{color:bordas};}
  114. li.note{font-size:8px; letter-spacing:1px; text-transform:uppercase; position:relative;}
  115.  
  116. #reblog{opacity:0; position:absolute; text-align:center; width:14px; height:14px; border:1px solid {color:bordas}; background:{color:bolinhas}; border-radius:100px; left:155px; bottom:-20px; z-index:999999999999999; transition:.2s .3s; -webkit-transition:.2s .3s;}
  117. #reblog:hover{box-shadow:inset 20px 0px {color:titulo};}
  118. .posts:hover #reblog{opacity:1; bottom:0px; transition:.2s .3s; -webkit-transition:.2s .3s;}
  119.  
  120. #reblog2{opacity:0; position:absolute; text-align:center; width:14px; height:14px; border:1px solid {color:bordas}; border-radius:100px; left:180px; bottom:-35px; z-index:9999999; background:{color:bolinhas}; transition:.2s .5s; -webkit-transition:.2s .5s;}
  121. #reblog2:hover{box-shadow:inset 20px 0px {color:titulo};}
  122. .posts:hover #reblog2{opacity:1; color:{color:texto}; bottom:0px; transition:.2s .5s; -webkit-transition:.2s .5s;}
  123.  
  124. #reblog3{opacity:0; position:absolute; text-align:center; width:14px; height:14px; border:1px solid {color:bordas}; border-radius:100px; left:205px; bottom:-20px; z-index:9999999; background:{color:bolinhas}; transition:.2s .7s; -webkit-transition:.2s .7s;}
  125. #reblog3:hover{box-shadow:inset 20px 0px {color:titulo};}
  126. .posts:hover #reblog3{opacity:1; color:{color:texto}; bottom:0px; transition:.2s .7s; -webkit-transition:.2s .7s;}
  127.  
  128. .quote{font-family:{select:fonte das postagens}; line-height:150%; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} font-size:{text:tamanho das postagens}px; }
  129. .qsource{text-align:left; margin-top:5px; font-family:{select:fonte das postagens}; letter-spacing:1.3px; text-transform:uppercase; font-size:{text:tamanho do source}px;}
  130.  
  131. #perfil img{position:relative; width:50px; height:50px; margin-top:70px; margin-left:373px; margin-bottom:-9px; border-radius:100%; border:1px solid {color:bordas}; background:{color:bolinhas}; padding:5px; {block:PermalinkPage}margin-left:225px;{/block:PermalinkPage} -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  132.  
  133. #title{margin-top:0px; width:750px; font-family:Clicker Script; font-weight:500; margin-bottom:-3px; height:50px; margin-left:auto; margin-right:auto; text-align:center; font-size:27px; line-height:50px; color:{color:titulo}; letter-spacing:1.3px; {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  134.  
  135. #description{position:relative; margin-bottom:20px; margin-left:auto; margin-right:auto; text-align:center; font-family:{select:fonte das postagens}; line-height:155%; border-bottom:1px solid {color:bordas}; padding-bottom:30px; font-size:{text:fonte das postagens}px; width:270px; color:{color:texto};}
  136.  
  137. #links{position:relative; font-size:10px; letter-spacing:.9px; font-style:normal; text-transform:uppercase; text-align:center; font-family:PT Sans; line-height:20px; width:350px; margin-top:0px; top:0px; margin-left:auto; margin-right:auto; text-transform:uppercase;}
  138. #links a{color:{color:texto}; padding:5px; text-transform:uppercase; -moz-transition-duration:1.1s; -webkit-transition-duration:1.1s; -o-transition-duration:1.1s;}
  139. #links a:hover{text-transform:uppercase; -moz-transition-duration:1.1s; -webkit-transition-duration:1.1s; -o-transition-duration:1.1s;}
  140.  
  141. #tumblr_controls,.tmblr-iframe.iframe-controls--desktop{display:none;}
  142.  
  143. #controls{position:fixed; width:auto; padding:0 10px; top:15px; right:15px; margin:10px; z-index:9999999999; text-align:center;}
  144. #controls a{z-index:9999999999; display:inline-block; margin:0px 7px; font-size:12px;}
  145. #controls i{color:{color:texto};}
  146.  
  147. .asker{font-family:PT Sans; text-transform:uppercase; letter-spacing:1.3px;
  148. display:table; font-size:13px; border-bottom:1px solid{color:bordas}; padding-bottom:5px;}
  149. .asker a{width:auto; padding-right:5px; font-weight:300; z-index:9; border:none;}
  150. .asker:after{content:''; display:table-cell; position:relative; width:100%; top:8px; border-top:1px solid {color:bordas};}
  151. .question{margin-top:10px; margin-bottom:10px; color:{color:texto};}
  152.  
  153. .album{background-repeat: no-repeat; background-position: center; position: absolute; width:86px; height:86px; background-size:60px; overflow:hidden;}
  154. .album img{width:86px; height:86px; overflow: hidden; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:.7;}
  155. .album img:hover{-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:1;}
  156. .player{width:10px; height:11px; overflow:hidden; padding:4px 21px 21px 4px; margin-top:27px; margin-left:26px; position:absolute; background-color:{color:background}; opacity: 0.9; z-index: 10; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
  157. .player:hover {opacity:1;}
  158. .track{margin-left:90px; overflow:auto; min-height:80px; max-height:100px; font-family:{select:fonte das postagens}; font-size:10px; padding:3px;text-transform:uppercase;letter-spacing:.5px;}
  159.  
  160. #fundopopup{display:none; opacity:0.9; background:{color:background}; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
  161. .caixapopup{padding-top:0px; text-align:left; display:none; background:{color:background}; box-shadow:0px 2px 2px 0px {color:bordas}; padding:10px; float:left; margin:10px auto:0; font-family:{select:font posts}; font-size:{text:tamanho das postagens}px; color:{color:textos}; line-height:16px; position: fixed; top:50%; margin-top:15px; left:35%; z-index:9999999999999999999999; border-radius:10px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; width:300px; height:300px; overflow: scroll;}
  162. img.btn_botaodeclose{float:right;margin: -55px -55px 0 0;}
  163. *html #fundopopup{position:absolute;}
  164. *html .caixapopup{position:absolute;}
  165. .source{display:none;}
  166.  
  167. {block:Ifefeitosepia}
  168. img{-webkit-filter: sepia(0.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  169. img:hover{-webkit-filter: sepia(0); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  170. .photoset{width:350px;-webkit-filter: sepia(0.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  171. .photoset:hover{-webkit-filter: sepia(0); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  172. {/block:Ifefeitosepia}
  173.  
  174. {block:Ifefeitohuerotate}
  175. img{-webkit-filter: hue-rotate(40deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}img:hover{-webkit-filter: hue-rotate(0deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  176. .photoset{width:350px; -webkit-filter: hue-rotate(40deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  177. .photoset:hover{-webkit-filter: hue-rotate(0deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  178. {/block:Ifefeitohuerotate}
  179.  
  180. {block:Ifefeitobrightness}
  181. img{-webkit-filter: brightness(1.1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  182. img:hover{-webkit-filter: brightness(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  183. .photoset{width:350px; -webkit-filter: brightness(1.1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  184. .photoset:hover{-webkit-filter: brightness(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  185. {/block:Ifefeitobrightness}
  186.  
  187. {block:Ifefeitocontraste}
  188. img{-webkit-filter: contrast(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  189. img:hover{-webkit-filter: contrast(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  190. .photoset{width:350px; -webkit-filter: contrast(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  191. .photoset:hover{-webkit-filter: contrast(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  192. {/block:Ifefeitocontraste}
  193.  
  194. {block:Ifefeitofade}
  195. img{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  196. img:hover{opacity:0.9; -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  197. .photoset{width:350px; opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  198. .photoset:hover{opacity:0.9; -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  199. {/block:Ifefeitofade}
  200.  
  201. {block:Ifefeitobrancoepreto}
  202. img{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  203. img:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  204. -o-transition:All 1s ease;}
  205. .photoset{width:350px; -webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  206. .photoset:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  207. -o-transition:All 1s ease;}
  208. {/block:Ifefeitobrancoepreto}
  209.  
  210. {block:Ifefeitovintage}
  211. img{-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  212. img:hover{-webkit-filter:grayscale(0);}
  213. .photoset {width:350px; -webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  214. .photoset:hover{-webkit-filter:grayscale(0);}
  215. {/block:Ifefeitovintage}
  216.  
  217. b, strong{color:{color:negrito};}
  218. i, em{color:{color:negrito}; font-family:'Lora', serif;}
  219. s{color:{color:negrito};}
  220. u{border-bottom:{color:negrito}; color:{color:negrito};}
  221. a:link,a:active,a:visited{color:{color:links}; -webkit-transition-duration: .90s;} a:hover{color:{color:links hover};} .vsanna{display:none;}
  222.  
  223. #scrollToTop:link,#scrollToTop:visited{color:transparent; opacity:.4; background-color:transparent; display:none; position:fixed; bottom:25px; right:15px;}
  224.  
  225. #infscr-loading{position:absolute!important; width:16px!important; height:auto!important; margin-bottom:-16px!important; top:auto!important; bottom:0; left:40%!important; padding-bottom:5px; padding-top:10px;}
  226.  
  227. ::selection{background:{color:selecao}; color:{color:negrito};}
  228. ::-moz-selection{background:{color:selecao}; color:{color:negrito};}
  229. @-webkit-keyframes Fade{0%{opacity:0;} 100%{opacity:1;}}
  230.  
  231. ::-webkit-scrollbar{background-color:{color:bordas}; height:11px; width:11px; border:5px solid {color:background};}
  232. ::-webkit-scrollbar-thumb{background-color:{color:titulo}; border:5px solid {color:background};}
  233.  
  234. </style>
  235. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  236. </head>
  237. <body>
  238.  
  239. <div id="controls">
  240. <a href="http://tumblr.com/follow/{text:sua url}" target="_blank" title="Follow"><i class="fa fa-user-plus" aria-hidden="true"></i></a>
  241. <a href="https://www.tumblr.com/dashboard?conversation={text:sua url}" target="_blank" title="Messages"><i class="fa fa-comment" aria-hidden="true"></i></a>
  242. <a href="http://tumblr.com/dashboard" title="Dashboard"><i class="fa fa-th" aria-hidden="true"></i></a>
  243. </div>
  244.  
  245. <div id="middle">
  246. <div id="perfil"><img src="{image:sidebar}"/></div>
  247. <div id="title"><a href="javascript:animatedcollapse.toggle('dog')" style="color:{color:titulo}">{text:subtitulo}</a></div>
  248. <div id="dog" style="display:none; margin-top:0px; margin-bottom:5px;">
  249. <div id="links">
  250. <a href="{text:Link 1}">{text:Link 1 Titulo}</a>
  251. <a href="{text:Link 2}">{text:Link 2 Titulo}</a>
  252. <a href="{text:Link 3}">{text:Link 3 Titulo}</a>
  253. <a href="{text:Link 4}">{text:Link 4 Titulo}</a>
  254. <a href="http://clamam.tumblr.com">theme by</a>
  255. </div>
  256. </div>
  257. <div id="description">{description}</div>
  258.  
  259. <div id="entry">
  260. {block:IndexPage}
  261. <div id="hr"></div>
  262. {/block:IndexPage}
  263. {block:Posts}
  264. <div class="posts">
  265.  
  266. {block:Text}
  267. {block:Title}<div style="font-family:{select:font posts}; letter-spacing:1.3px; text-transform:uppercase; text-align:left; font-size:12px; font-weight:bold; color:{color:negrito};">{Title}</div>
  268. {/block:Title}{Body}
  269. {block:IndexPage}
  270. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="reblog"></div></a>
  271. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="reblog2"></div></a>
  272. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="reblog3"></div></a>
  273. {/block:IndexPage}
  274. {/block:Text}
  275.  
  276. <div id="cap">
  277. {block:Photo}
  278. <div class="box">
  279. {block:IndexPage}
  280. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/>
  281. <br><br>
  282. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="reblog"></div></a>
  283. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="reblog2"></div></a>
  284. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="reblog3"></div></a>
  285. {/block:IndexPage}
  286. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}{/block:PermalinkPage}
  287. </div>
  288. {/block:Photo}
  289.  
  290. {block:Photoset}
  291. {block:IndexPage}
  292. <center>{Photoset-250}</center>
  293. <br>
  294. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="reblog"></div></a>
  295. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="reblog2"></div></a>
  296. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="reblog3"></div></a>
  297. {/block:IndexPage}
  298. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  299. {/block:Photoset}
  300.  
  301. {block:Quote}
  302. <div class="quote">{Quote}</div>
  303. {block:Source}
  304. <div class="qsource">{Source}</div>
  305. {/block:Source}
  306. {block:IndexPage}
  307. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="reblog"></div></a>
  308. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="reblog2"></div></a>
  309. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="reblog3"></div></a>
  310. {/block:IndexPage}
  311. {/block:Quote}
  312.  
  313. {block:Link}
  314. <div id="ptt"><a href="{URL}" {Target}>{Name}</a></div>
  315. {block:Description}{Description}{/block:Description}
  316. {block:IndexPage}
  317. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="reblog"></div></a>
  318. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="reblog2"></div></a>
  319. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="reblog3"></div></a>
  320. {/block:IndexPage}
  321. {/block:Link}
  322.  
  323. {Block:chat}
  324. {block:Title}<div id="ptt">{Title}</div>{/block:Title}
  325. <div class="chat">
  326. <ul>
  327. {block:Lines}
  328. <li class="{Alt} u{UserNumber}">{block:Label}<span class="chats">{Label}</span>{/block:Label} {Line}</li>
  329. {/block:Lines}
  330. </ul>
  331. </div>
  332. {block:IndexPage}
  333. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="reblog"></div></a>
  334. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="reblog2"></div></a>
  335. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="reblog3"></div></a>
  336. {/block:IndexPage}
  337. {/block:chat}
  338.  
  339. {block:Audio}
  340. <div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  341. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  342. <div class="track">
  343. <b>Faixa:</b> {block:TrackName}{TrackName}{/block:TrackName}
  344. <br><b>Artista:</b> {block:Artist}{Artist}{/block:Artist}
  345. <br><b>Albúm:</b> {block:Album} {Album}{/block:Album}
  346. <br><b>Reproduções:</b> {FormattedPlayCount}
  347. </div>
  348. {block:IndexPage}
  349. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="phot"></div></a>
  350. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="phot2"></div></a>
  351. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="phot3"></div></a>
  352. {/block:IndexPage}
  353. {/block:Audio}
  354.  
  355. {block:Video}
  356. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  357. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  358. {block:IndexPage}
  359. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="phot"></div></a>
  360. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="phot2"></div></a>
  361. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="phot3"></div></a>
  362. {/block:IndexPage}
  363. {/block:Video}
  364.  
  365. {block:Answer}
  366. <div class="asker">{Asker}</div>
  367. <div class="question">{Question}</div>
  368. <div class="asker">{name}&nbsp;</div>
  369. <div class="question">{Answer}</div>
  370. {block:IndexPage}
  371. <a href="{Permalink}" title="{timeago}" target="_blank"><div id="reblog"></div></a>
  372. <a href="{Permalink}" title="Com {notecountwithlabel}" target="_blank"><div id="reblog2"></div></a>
  373. <a href="{ReblogURL}" title="Reblog" target="_blank"><div id="reblog3"></div></a>
  374. {/block:IndexPage}
  375. {/block:Answer}</div>
  376.  
  377. <div class="vsanna">
  378. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  379. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  380. {/block:RebloggedFrom}
  381. </div>
  382. {block:PostNotes}
  383. {block:PermalinkPage}
  384.  
  385. <div class="posts">
  386. <div class="base">
  387. {block:Date}
  388. <div id="permalink">
  389. Publicado em {DayOfMonth} de {Month} de {Year}, com {NoteCountWithLabel}, às {12hour}:{minutes}{ampm}.
  390. </div>
  391. {/block:Date}
  392.  
  393. {block:RebloggedFrom}
  394. <div id="permalink">
  395. Compartilhado de <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a>, original de {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  396.  
  397. <div id="permalink">
  398. <a codigopopup="#Aw=500" abrir="notes" class="janela">Clique aqui para ver as notificações!</a></div>
  399. {/block:RebloggedFrom}
  400. {/block:PermalinkPage}
  401. <div id="notes" class="caixapopup">{PostNotes}</div></div>
  402. {/block:PostNotes}
  403. {/block:Posts}
  404. </div></div>
  405.  
  406. {block:IndexPage}
  407. <div class="column navigation" id="navigation">
  408. {block:Pagination}
  409. {block:PreviousPage}
  410. <a href="{PreviousPage}" class="navigate">
  411. {/block:PreviousPage}
  412. {block:PreviousPage}</a>
  413. {/block:PreviousPage}
  414. {block:NextPage}
  415. <a href="{NextPage}" class="navigate" id="nextPage">
  416. {/block:NextPage}
  417. {block:NextPage}</a>{/block:NextPage}
  418. {/block:Pagination}
  419. </div>
  420. {/block:IndexPage}
  421. </div></div></div></div></div>
  422. </body>
  423.  
  424. {block:Ifbotaodeiraotopo}
  425. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  426. <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/5u1fog0/9KNmunmb6/white.png" border="0"></a>
  427. {/block:Ifbotaodeiraotopo}
  428. {block:Ifneve}
  429. <script src="http://static.tumblr.com/8l2gpxb/Apwlulgho/snowstorm2.js"></script>
  430. {/block:Ifneve}
  431. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  432.  
  433. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  434. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  435.  
  436. <script type="text/javascript">
  437. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  438. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  439. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  440. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  441. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  442. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  443. animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
  444. //$: Access to jQuery
  445. //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
  446. //state: "block" or "none", depending on state
  447. }
  448. animatedcollapse.init()
  449. </script>
  450.  
  451. <script src="http://goo.gl/QKIQQE"></script>
  452. <script src="http://goo.gl/y7lY8A"></script>
  453. <link rel="stylesheet" type="text/css" href="http://goo.gl/F6c7pZ">
  454. <script type="text/javascript" src="http://goo.gl/X3cY5M"></script>
  455. <script type="text/javascript" src="http://goo.gl/ukJ2Cf"></script>
  456. <script type="text/javascript" src="http://goo.gl/R2zQCK"></script>
  457. <script type="text/javascript" src="http://goo.gl/AGLNrG"></script>
  458. <script type="text/javascript" src="http://goo.gl/KEk7xO"></script>
  459.  
  460. <script language="javascript">
  461. function clickIE() {if (document.all) {(mensagem);return false;}}
  462. function clickNS(e) {if
  463. (document.layers||(document.getElementById&&!document.all)) {
  464. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  465. if (document.layers)
  466. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  467. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  468. document.oncontextmenu=new Function("return false")
  469. </script>
  470. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  471. <script src="http://static.tumblr.com/stnnkm0/36Hno1p6t/mhinfinitescroll.js"></script>
  472. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  473. <script>
  474. $(function(){
  475. var $container = $('#entry');
  476. $container.imagesLoaded(function(){
  477. $container.masonry({
  478. itemSelector: '.posts',
  479. columnWidth: 0
  480. });
  481. });
  482. $container.infinitescroll({
  483. navSelector : "div#navigation",
  484. nextSelector : "div#navigation a#nextPage",
  485. itemSelector : '.posts',
  486. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  487. loadingText : " ",
  488. loading: {
  489. finishedMsg: ' ',
  490. img: 'http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif'
  491. }
  492. },
  493. function( newElements ) {
  494. var $newElems = $( newElements ).css({ opacity: 0 });
  495. $newElems.imagesLoaded(function(){
  496. $newElems.animate({ opacity: 1 });
  497. $container.masonry( 'appended', $newElems, true );
  498. });
  499. }
  500. );
  501.  
  502. });
  503. </script>
  504. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement