Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)

theme 4 colunas

By: Debsten on May 14th, 2013  |  syntax: None  |  size: 19.70 KB  |  hits: 1,363  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head profile="http://gmpg.org/xfn/11">
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11. <link rel="shortcut icon" href="{Favicon}" />
  12. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
  13. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  14.  
  15. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  16. <script type="text/javascript" src="http://static.tumblr.com/t0iuumg/4v8mjttyi/top.txt"></script>
  17.  
  18. <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
  19. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  20. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  23.  
  24. </head>
  25.  
  26.  
  27. <style type="text/css">
  28.  
  29. /* --- Geral ------------------------------- */
  30. body{color: #bbb; font-family: Trebuchet Ms; font-size: 11px; margin:0; text-align: left; background: #f3f3f3; }
  31.  
  32. /* --- Links ------------------------------- */
  33. 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;}
  34. a:hover{color: #eee; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  35.  
  36. .ls {background: #eee; display: block; padding: 3px; margin-left: -4px; margin-right: -4px; margin-bottom: -4px;}
  37.  
  38. /* --- Theme ------------------------------- */
  39. #content {background:#; margin:auto;{block:IndexPage}width: 940px; position:relative;{/block:IndexPage}
  40. {block:PermalinkPage} width: 653px; {/block:PermalinkPage} overflow: hidden;}
  41.  
  42.  
  43. .titi {background: #eee; text-align: center; top: 0; text-align: justify; height: 100%; width: 140px; padding: 0px; float: left; position: fixed; {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage}}
  44.  
  45.  
  46. /* --- Postagem ------------------------------- */
  47. .posts{float: right; margin-top: 0px; {block:IndexPage} background: #; margin-bottom: 1px; width: 800px; position:relative; {/block:IndexPage}
  48. {block:PermalinkPage}
  49. width: 500px; margin-top: 0px; margin-bottom: 0px;
  50. {/block:PermalinkPage}}
  51.  
  52. /* --- Caixa ------------------------------- */
  53. .caixap{
  54. {block:IndexPage}background:#f5f5f5; padding: 0px; margin: 0px; width: 200px;  float:left; position: relative; overflow: hidden;{/block:IndexPage}
  55.  
  56. {block:PermalinkPage} width: 500px;{/block:PermalinkPage}}
  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 -5px 0px; width: 500px!important;{/block:PermalinkPage}}
  76.  
  77. /* --- Classes ------------------------------- */
  78. strong, b, bold {color: #ccc; text-decoration:none; font-weight:bold;}
  79. i, em, italic {color: #; }
  80. u, underline {text-decoration:none; color: #e8c9d2; 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 {color: #999; font-family: Calibri; font-size: 10px; display: block;  text-transform: uppercase; text-align: justify;}
  92. .source{float: right; color: #999; border-bottom: 3px solid #eee; font-family: Calibri; font-size: 9px; display: block; margin: 3px 7px 6px 7px; text-transform: uppercase;}
  93. .source a{color: #999;}
  94. .source a:hover {background: #f2e584;}
  95.  
  96.  
  97. /* AUDIO */
  98.  
  99. .audio{border:1px solid #EEE;padding:3px;
  100. {block:ifRoundEdges}border-radius:5px;{/block:ifRoundEdges}}
  101. .artcover {position:absolute;}
  102. .artcover img {width:36px;height:36px;float:left;}
  103. .audioplayer {width:20px;padding:4px;overflow:hidden;}
  104. .audioinfo {margin-left:39px;padding:0px 3px;border-left:2px solid #EEE;}
  105. .i{display:block;padding:1px 0px;height:10px;}
  106. .i b, strong{font-family:Consolas;}
  107. .play{position:absolute;background:#FFF;width:30px;height:30px;
  108. opacity:0.75;padding:3px;overflow:hidden;}
  109.  
  110. /* --- Chat ------------------------------- */
  111. .chat {margin: 1px 1px 0 1px; font-size: 11px; color: #b3b3b3;}
  112. .chat .chat1 {margin-left: 0px;}
  113. .chat .chat1 .chat2 {background:#eee; margin-bottom: 1px; padding: 0px 5px; font-family: 'Electrolize', sans-serif; line-height: 20px;}
  114. .chat .chat1 .chat2.even {background: #eee;}
  115. .chat b{color: #fff; background: #fff; padding: 5px; font-size: 9px; font-weight: normal; margin: 0 0 0 -5px; color: #999; text-transform: uppercase;}
  116. .chat1 a, .chat2 a{color: #a2a2a2;}
  117.  
  118. /* --- Footer ------------------------------- */
  119. #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;}
  120.  
  121. /* --- Permalink e outros ------------------------------- */
  122. #notes {margin: -10px 1px;}
  123. #notes ol {list-style: none;}
  124. #notes ol li {margin-bottom: 1px; padding: 4px 5px; margin-left: -40px; background: #f9f9f9; font-family: Calibri; font-size: 11px;}
  125. #notes ol li a{color: #999;}
  126. #notes ol li blockquote{margin: 4px 0 0 0; background: #; display: none;}
  127. #notes ol li blockquote a{color: #aaa; display: none;}
  128. #notes .avatar {display: none;}
  129. #notes ol li:hover {text-decoration: none;}
  130. #perma{margin: 1px 1px 0 1px;}
  131. #permalink{margin-bottom: 1px; padding: 4px 5px; background: #f9f9f9; font-family: Calibri; font-size:11px;}
  132. #permalink b{color:#999;}
  133. #permalink a {color:#999;}
  134. #permalink img{padding: 0 3px 0 0;}
  135.  
  136. /* --- Reblogue e outros ------------------------------- */
  137. .likep a:hover {background-position: 0px 0px;}
  138. .likep a {background: url("http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png") no-repeat; background-position: 0px 0px; z-index: 9999999; margin-top: -24px; margin-left: 28px; position: absolute;}
  139.  
  140. .likep img {width: 21px; height: 20px;}
  141.  
  142. #likeiframe {display: none;}
  143.  
  144. .notas{margin-top: -22px; margin-left: 22px; position: absolute;}
  145. .notas a{background: url('http://static.tumblr.com/t0iuumg/Lkpmm3cye/ddddd.png'); padding: 3px 4px 2px 4px; font-family: Trebuchet MS; font-weight: bold; text-align: center; color: #fff;  font-size: 10px;}
  146. .notas a:hover {color: #111;}
  147.  
  148. .info{left: 0; top: 0; position: absolute; z-index: 998; height: 10px; width: 100%;}
  149.  
  150. .caixap:hover .info{ -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; opacity:1; background-color: rgba(255, 255, 255, 0.0);}
  151.  
  152. .coisas{position: absolute; left: 5px; top: -25px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
  153. .caixap:hover .coisas{top: 5px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
  154.  
  155. /* --- Float ------------------------------- */
  156. .left {float: left; margin: 0;}
  157. .right {float: right; margin: 0;}
  158.  
  159. /* --- Fontes píxel ------------------------------- */
  160. @font-face {font-family: "pixie";
  161. src: url('http://static.tumblr.com/8yo5xxv/YKEm7paar/pixie_by_shaketheskyy.ttf'); format("truetype");}
  162. @font-face {font-family: "04b03";
  163. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  164. format("truetype");}
  165.  
  166. @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;}
  167.  
  168. .cont{font-family:"silkscreen", small fonts; font-size:8px; text-transform: uppercase; display: inline;}
  169.  
  170. /* --- Ask me ------------------------------- */
  171. .pergunta {display: block; margin: 1px 1px 0 1px; background: #eee; padding: 4px; overflow: hidden; text-shadow: 0px 1px 1px #; color: #999; font-family: Calibri; font-size: 10px; text-align: justify;}
  172. .resposta {background: #; padding: 1px 5px; margin: 0 1px 1px 1px; text-align: justify;font-family: Calibri; font-size: 10px;  display: block;}
  173. .resposta2{margin-top: -8px; margin-bottom: -8px;}
  174. .perguntou {display: block; margin: 1px; background: #eee; line-height: 5px; font-style: none; color: #a0a0a0; height: 16px; text-align: left; text-shadow: 1px 1px 1px #fff; line-height: 18px; padding: 2px 6px 3px 6px; font-family: Calibri; font-size: 10px;  text-transform:uppercase;}
  175. .perguntou a {color: #998;}
  176. .fotoask {background: #fff; padding: 2px; float: left; margin: 1px 4px 1px 1px;}
  177.  
  178. /* --- Avatar ------------------------------- */
  179. .avatar_side{margin: -4px 0 0 -4px;}
  180.  
  181. /* --- Ícones ------------------------------- */
  182. .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;}
  183. .icons a{display: block; margin-top: 0px; opacity: 0.8; overflow: hidden;}
  184. .icons a:hover{opacity: 1;}
  185. .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;}
  186.  
  187. /* --- Fonte píxel ------------------------------- */
  188. @font-face {font-family: "04b03";
  189. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  190. @font-face {font-family: "charnarr";
  191. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  192.  
  193.  
  194.  
  195.  
  196. .minu { text-align: center; position: absolute; float: left; color: #b6b4ae; width: 30px; font-family: Calibri; font-size: 12px; display: inline-block; margin-top: 32px; margin-left: 0px; margin-bottom: 0px; background: #eae8e8; text-transform: uppercase; height: 100%;}
  197. .minu a {margin-bottom: 9px; text-align: center; font-size: 10px; display: block; color: #999;}
  198. .minu a:hover {color: #111;}
  199. .titii {line-height: 17px;  position: absolute; color: #b6b4ae; font-family: Calibri; font-size: 10px; display: inline-block; margin-top: 0px; margin-left: 11px; margin-bottom: 0px; background: #efeeef;  text-transform: none; padding: 5px;}
  200. .algo {background: #eae8e8; display: block; padding: 4px; text-align: center;}
  201.  
  202.  
  203.  
  204.  
  205. </style>
  206.  
  207. <body>
  208. <div id="content">
  209.  
  210.  
  211.  
  212. <div class="titi">
  213. <div class="algo">{title}</div>
  214. <div class="minu">
  215. <a href="/"> 01</a>
  216. <a href="/ask"> 02</a>
  217. <a href="/submit"> 03</a>
  218. </div>
  219. <img style="margin-right: -11px; margin-top: 0px;" src="{PortraitURL-30}">
  220. <div class="titii">{description} </div>
  221.  
  222.  
  223. </div>
  224.  
  225.  
  226. <div class="posts">
  227. {block:Posts}
  228. <div class="caixap">
  229.  
  230. {block:Text}
  231. {block:IndexPage}<div class="b"><div class="coisas">
  232. <a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
  233. {block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
  234. </div></div>{/block:IndexPage}
  235.  
  236. <div style="padding: 5px;">
  237. {block:Title}<a href="{Permalink}" class="h1">{Title}</a>{/block:Title}
  238. <div class="cap">{Body}</div></div>
  239. {/block:Text}
  240.  
  241. {block:Photo}
  242. {block:IndexPage}<div class="b"><div class="coisas">
  243. <a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
  244. {block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
  245. </div></div>{/block:IndexPage}
  246.  
  247. <div class="efeito">
  248. {block:IndexPage}
  249. {LinkOpenTag}<div class="borderimage"><img src="{PhotoURL-250}" width="210"></div>{LinkCloseTag}
  250. {/block:IndexPage}
  251. {block:PermalinkPage}{LinkOpenTag}<div class="borderimage"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:PermalinkPage}
  252. </div>
  253. {/block:Photo}
  254.  
  255. {block:Photoset}
  256. {block:IndexPage}<div class="b"><div class="coisas">
  257. <a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
  258. {block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
  259. </div></div>{/block:IndexPage}
  260.  
  261. <div class="efeito">
  262.  
  263. {block:IndexPage}<div style="margin-left: -30px;">
  264.  
  265. <center><div class="borderimage">{Photoset-250}</div></div>{/block:IndexPage}</center>
  266. {block:PermalinkPage}<div class="borderimage">{Photoset-500}</div>{/block:PermalinkPage}
  267. </div>
  268. {/block:Photoset}
  269.  
  270. {block:Quote}
  271. {block:IndexPage}<div class="b"><div class="coisas">
  272. <a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
  273. {block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
  274. </div></div>{/block:IndexPage}
  275.  
  276. <div style="padding: 5px;">
  277.  
  278. <div class="quote">{Quote}</div>
  279. {block:Source}<div class="source">{Source}</div>{/block:Source}
  280. </div>
  281. {/block:Quote}
  282.  
  283. {block:Link}
  284. {block:IndexPage}<div class="b"><div class="coisas">
  285. <a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
  286. {block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
  287. </div></div>{/block:IndexPage}
  288.  
  289. <div style="padding: 5px;">
  290.  
  291. <div class="link"><a href="{URL}">{Name}</a></div>
  292. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  293. </div>
  294. {/block:Link}
  295.  
  296. {block:Chat}
  297. {block:IndexPage}<div class="b"><div class="coisas">
  298. <a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
  299. {block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
  300. </div></div>{/block:IndexPage}
  301.  
  302. <div style="padding: 5px;">
  303.  
  304. <div class="chat">
  305. <div class="chat1">
  306. {block:Lines}
  307. <div class="chat2 {Alt}">
  308. {block:Label}
  309. <b>{Label}</b>
  310. {/block:Label}
  311. {Line}</div>
  312. {/block:Lines}
  313. </div>
  314. </div></div>
  315. {/block:Chat}
  316.  
  317.  
  318. {block:Audio}
  319. {block:IndexPage}<div class="b"><div class="coisas">
  320. <a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
  321. {block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
  322. </div></div>{/block:IndexPage}
  323.  
  324. <div style="padding: 5px;">
  325.  
  326. <div class="audio efeito">
  327. {block:AlbumArt}<div class="artcover">
  328. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  329. <div class="play"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  330. <div class="audioinfo"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  331. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div></div>
  332. </div>
  333. {/block:Audio}
  334.  
  335.  
  336.  
  337. {block:Video}
  338. {block:IndexPage}<div class="b"><div class="coisas">
  339. <a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
  340. {block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
  341. </div></div>{/block:IndexPage}
  342.  
  343. <div class="efeito">
  344.  
  345. {block:IndexPage}<div class="borderimage">{Video-250}</div>{block:IndexPage}
  346. {block:PermalinkPage}<div class="borderimage">{Video-500}</div>{/block:PermalinkPage}
  347. {block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
  348. </div>
  349. {/block:Video}
  350.  
  351. {block:Answer}
  352. <div class="pergunta">
  353. <img src="{AskerPortraitURL-30}" class="fotoask">
  354. {Question}</div>
  355. <div class="perguntou">Asked by: {Asker}</div>
  356. <div class="resposta"><div class="resposta2">{Answer}</div></div>
  357. {/block:Answer}
  358.  
  359. {block:PostNotes}
  360. </div>
  361. <div style="margin-top: 11px;"></div>
  362. <div class="caixap"><div id="perma">
  363. {block:NoteCount}<div id="permalink"><img src="http://static.tumblr.com/8yo5xxv/H7Fm5qdr1/heartttrrt.png"> {NoteCountWithLabel}</div>{/block:NoteCount}
  364. {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}
  365. {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}
  366. {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}
  367. {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}
  368. </div></div>
  369.  
  370.  
  371. <div style="margin-top: 17px;"></div>
  372. <div class="caixap"><div id="notes">{PostNotes}</div></div>
  373. {/block:PostNotes}
  374.  
  375. <!---- Fechando a caixa ------------>
  376. </div>
  377. <!---- Importante ------------>
  378.  
  379. {/block:Posts}
  380. </div></div>
  381.  
  382. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  383. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  384. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  385.  
  386.  
  387.  
  388. <script type="text/javascript">
  389. $(window).load(function () {
  390. $('.posts').masonry(),
  391. $('.masonryWrap').infinitescroll({
  392. navSelector : "div#navigation",
  393. nextSelector : "div#navigation a#nextPage",
  394. itemSelector : ".caixap",
  395. bufferPx : 1000,
  396. extraScrollPx: 1000,
  397. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  398. loadingText : "<i> </i>",
  399.  
  400. },
  401. // call masonry as a callback.
  402. function() { $('.posts').masonry({ appendedContent: $(this) });
  403.  
  404. }
  405. );
  406. });
  407. </script>
  408. {block:IndexPage}
  409. <div class="column navigation" id="navigation">
  410. {block:Pagination}
  411. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  412. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  413. </div>
  414. {/block:IndexPage}
  415.  
  416. </body>
  417. </html>