API tools faq
paste
Advertisement
clamam

Theme #038

clamam
Jul 10th, 2015
612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.48 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2. <title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}
  5. <meta name="description" content="{MetaDescription}"/>{/block:Description}
  6.  
  7.  
  8. <!--
  9. Theme by clamam ❥
  10. http://clamam.tumblr.com/
  11. Preserve a etica da internet, não retire os créditos!
  12. -->
  13.  
  14. <meta name="image:image background" content="" />
  15. <meta name="image:image sidebar" content=""/>
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:post header" content="#ffffff"/>
  18. <meta name="color:title" content="#cd2626"/>
  19. <meta name="color:backg title" content="#eeeeee"/>
  20. <meta name="color:text" content="#666666"/>
  21. <meta name="color:links" content="#666666"/>
  22. <meta name="color:links hover" content="#cd2626"/>
  23. <meta name="color:blockquote" content="#eeeeee"/>
  24. <meta name="color:border" content="#f5f5f5"/>
  25. <meta name="color:scrollbar" content="cd2626"/>
  26. <meta name="color:selection" content="#000000"/>
  27. <meta name="color:audio" content="#fafafa"/>
  28.  
  29. <meta name="if:background repeat" content="0"/>
  30. <meta name="if:post justify" content="1"/>
  31. <meta name="if:photos black white" content="0"/>
  32. <meta name="if:photos vintage" content="0"/>
  33. <meta name="if:photos fade" content="0"/>
  34.  
  35. <meta name="text:subtitle" content="subtitle" />
  36. <meta name="text:post size" content="13" />
  37. <meta name="text:source size" content="10" />
  38. <meta name="text:description size" content="13" />
  39. <meta name="text:links size" content="13" />
  40.  
  41. <meta name="text:Link 1 Title" content="link 1" />
  42. <meta name="text:Link 1" content="/" />
  43. <meta name="text:Link 2 Title" content="link 2" />
  44. <meta name="text:Link 2" content="/" />
  45. <meta name="text:Link 3 Title" content="link 3" />
  46. <meta name="text:Link 3" content="/" />
  47.  
  48. <style type="text/css">
  49.  
  50. body {background:{color:background}; color: {color:text}; font-family:calibri; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} -webkit-animation:Fade 5s; font-size:{text:post size}px; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat: no-repeat; background-size:100% 100%; line-height:170%;
  51. cursor: url('https://31.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default!important;}
  52. {block:Ifbackgroundrepeat} body {background:{color:background}; color: {color:text}; font-family:calibri; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} -webkit-animation:Fade 5s; font-size:{text:post size}px; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat: repeat; line-height:140%;
  53. cursor: url('https://31.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default!important;}{/block:Ifbackgroundrepeat}
  54. a {color:{color:text}; text-decoration:none; text-transform:none;}
  55. a:hover {color: {color:text}; background-color:transparent; text-decoration:none; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;} p { margin:6px 0 0 0 }
  56. blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left:
  57. 1px solid {color:blockquote};}
  58.  
  59. #center {width:640px; position:relative; margin-left:auto; margin-right:auto; margin-top:0px; overflow:hidden; {block:PermalinkPage} width:780px; {/block:PermalinkPage}}
  60. #entry {width:370px; margin-top:0px; margin-left:240px; padding-right:30px; padding-bottom:30px;}
  61. .posts {top:0px; margin:15px auto 0; float:left; width:370px; padding:10px; {block:IndexPage} width:370px; position:relative; {/block:IndexPage} {block:PermalinkPage} width:500px; {/block:PermalinkPage};}
  62.  
  63. h1 {font-family: 'Lora', serif; text-align:left; font-size:15px; color: {color:title}; font-style:italic; font-weight: normal; line-height: 15px;}
  64. h1 a {color: {color:title}; font-style:italic; text-align:right; font-size:15px; font-weight: normal; line-height: 15px;}
  65. h1 a:hover {text-align:right; font-size:13px; color: {color:links hover}; font-weight:normal; line-height:20px; letter-spacing:.5px;}
  66.  
  67. .source {display: none;}
  68. .but {border-radius:5px; padding:0px; overflow: hidden; float:left; position:relative; margin:1px; {block:indexpage} width:500px; {/block:indexpage}{block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  69. .extra1 {width: 500px; text-indent: 5px; margin-bottom: 2px; padding-left: 0px; padding-top: 5px; padding-bottom: 4px; padding-right:0px; margin-left:0px; margin-right:0px; border-bottom:1px {color:border}; solid; line-height:15px;}
  70.  
  71. .caixinha {opacity:0; position:absolute; padding-right:5px; text-align:center; height:20px; line-height:20px; text-transform:uppercase; bottom:0px; left:-0px; z-index:99; background:{color:post header}; width:200px; opacity: 0.0; -webkit-transition-duration: 0.9s; -webkit-transition: opacity 0.5s linear; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -webkit-transition: all 0.6s ease-out; -o-transition:All 1s ease;}
  72. .posts:hover .caixinha {opacity:1; bottom:0px; margin-left:23%; {block:PermalinkPage}margin-left:30%;{/block:PermalinkPage}}
  73. .caixinha a {font-family:calibri; font-size:10px; text-transform:uppercase; bottom:0px; margin-left:5px;}
  74. .posts .pupu {width:240px; height: 16px; font-family:calibri; font-size: 10px; text-transform:uppercase; position: absolute; line-height: 15px; text-align:center; opacity:.8; text-decoration: none;}
  75. .posts:hover .pupu {bottom:5px; opacity:1;-webkit-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;-moz-transition: all 0.1s linear;}
  76.  
  77. ol.notes {list-style: none; width:500px; margin-left:-40px;}
  78. ol.notes li.note {margin-bottom: 2px; padding-left: 7px; padding-top: 5px; padding-bottom: 4px; padding-right: 5px;text-transform: lowercase; line-height: 25px; border-bottom:1px {color:border}; width:500px;}
  79. ol.notes li.note img.avatar {display:inline; width:16px; height:16px; border-radius:30px;}
  80. ol.notes li.note .answer_content {font-weight: normal;}
  81. ol.notes li.note blockquote {display: none;}
  82.  
  83. .questao {padding: 5px; text-align:left; z-index: 1; font-family:calibri; font-size:{text:post size}px;}
  84. .pergunta {font-size:{text:post size}px; font-family:calibri; right:-3px; margin-top:-10px; text-align:right; border-bottom:1px solid {color:border}; text-decoration:none; text-transform:none;important}
  85. .resposta {width:100%; padding:2px; font-family:calibri; font-size:{text:post size}px; margin-top:-20px;}
  86.  
  87. #s-m-t-tooltip {position:absolute; height:15px; width:auto; padding:5px; line-height:15px; z-index:999999999; font-size:10px; color:{color:text}; text-align:center; font-family:calibri; margin-top:15px; text-transform:uppercase; letter-spacing:.5px; background:{color:background};}
  88. #s-m-t-tooltip:after {content: ''; position: absolute; display:block; z-index:9;}
  89.  
  90. /*liriadas*/.audio-box {float:right; text-align:right; display:inline-block; margin-top:-4px;}
  91. .audio {font-family:calibri; font-size:10px; letter-spacing:.1em; text-transform:uppercase; padding:5px; margin-bottom:1px; width:95%; background:{color:audio}; font-style:normal;}
  92. #music-holder {float:left; width:90px; height:90px;}
  93. #album-art {position:absolute; overflow:hidden; float:left; width:90px; height:90px;}
  94. #album-art img {width:100px; position:absolute; float:left;}
  95. #music-art {position:absolute; float:left; width:90px; height:90px;}
  96. #music-circle {position:absolute; width:46px; height:46px; border-radius:23px; background-color:white; z-index:999999; margin:20px; opacity:.5;}
  97. #music-circle:hover {opacity:1;}
  98. #audio-player {position:absolute; overflow:hidden; height:28px; width:28px; margin:9px;}
  99. iframe#tumblr_controls, .lcredit.icon.theme {position:fixed!important; -webkit-filter:invert(100%); opacity:0.5; top:3px; text-transform:none;}
  100. iframe#tumblr_controls {position:fixed!important; -webkit-filter:invert(100%); margin-right:67px; opacity:.5; top:0px; text-transform:none;}/*fim liriadas*/
  101.  
  102. #sidebar {width:200px; font-size:12px; margin-top:130px; margin-left:10px; float:left; text-align:center; position:fixed; margin-bottom:10px;}
  103.  
  104. #foto {margin-bottom:3px;}
  105. #foto img {height:auto; width:150px; position:center;}
  106.  
  107. /*by mundo html - modificado por clamam para uso próprio. é claro que eu vou saber se você copiar daqui :)*/ .title {padding:7px; text-align:center; background:{color:backg title}; font-size:23px; color:{color:title}; font-family: 'Yesteryear', cursive; letter-spacing:.5px;}
  108. .upp {margin-top:-10px; margin: auto; display: block; height:40px; overflow:hidden; padding:1px 1px 1px 1px;}
  109. .plll {height:40px; padding:1px 1px 1px 1px; -webkit-transition: 0.5s ease-in; display: block;}
  110. .plll:hover{margin-top:-55px; -webkit-transition: 0.5s ease-in;}/*fim mundo html*/
  111.  
  112. #description {margin:15px 0; margin-top:0px; font-family:calibri; font-size:{text:description size}px; text-align:center;}
  113.  
  114. b, strong{color:{color:title};}
  115. i, em{color:{color:title}; font-family: 'Lora', serif;}
  116. s{color:{color:title};}
  117. u{border-bottom:{color:title}; color:{color:title};}
  118. a:link,a:active,a:visited {color: {color:links}; -webkit-transition-duration: .90s;} a:hover {color: {color:links hover};} .vsanna {display:none;}
  119.  
  120. #scrollToTop:link,#scrollToTop:visited {color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; right: 15px; opacity:.5;}
  121.  
  122. /*thoughtandsoul*/.chat{line-height:200%; list-style:none}
  123. .chat ul {line-height:200%; list-style:none; padding: 10px;}
  124. .person1 {background-color:{color:chat}; color:{color:text};}
  125. .person1 .label {padding:0px; margin-left:3px; color:{color:title}; text-transform:uppercase; font-family:calibri; letter-spacing:.1em;}
  126. .person2 {background-color:transparent; color:{color:text};}
  127. .person2 .label {padding:0px; margin-left:3px; color:{color:title}; text-transform:uppercase; font-family:calibri; letter-spacing:.1em;}/* fim thoughtandsoul*/
  128.  
  129. {block:Ifphotosfade} img{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);} 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;}{/block:Ifphotosfade}
  130. {block:Ifphotosblackwhite} img{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;} img:hover{ -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  131. -o-transition:All 1s ease;}{/block:Ifphotosblackwhite}
  132. {block:Ifphotosvintage}img{-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;} img:hover{ -webkit-filter:grayscale(0);}{/block:Ifphotosvintage}
  133.  
  134. .quote {font-family:calibri; line-height:23px; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} font-size:{text:post size}px;}
  135. .quotesource {font-family:calibri; text-align:center; margin-top:5px; font-size:{text:source size}px; border-bottom:1px solid {color:border}; padding-bottom:5px; text-transform:uppercase;}
  136.  
  137. ::selection {background: {color:selection}; color: {color:title};}
  138. ::-moz-selection {background: {color:selection};color: {color:title};}
  139. @-webkit-keyframes Fade {0% {opacity:0;} 100% {opacity:1;}}
  140. ::-webkit-scrollbar {background-color:transparent; height:1px; width:3px}
  141. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;border-radius:0px;}
  142. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:1px!important}
  143.  
  144. </style>
  145. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  146. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  147. <link href='http://fonts.googleapis.com/css?family=Arvo|Lora:700italic|Baumans' rel='stylesheet' type='text/css'>
  148.  
  149. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  150. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  151. <script> (function($){ $(document).ready(function(){ $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:90, tip_fade_speed:600, attribute:"title"});});})(jQuery);</script>
  152. <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/a3buyye/sUzngt46k/arrows-back-icon.png" border="0"></a>
  153.  
  154. <link href='http://fonts.googleapis.com/css?family=Yesteryear|Rancho' rel='stylesheet' type='text/css'>
  155. </head>
  156. <body>
  157.  
  158.  
  159.  
  160. <div id="center">
  161. <div id="sidebar">
  162. <div id="foto"><img src="{image:image sidebar}"></div>
  163. <div class="upp"><div class="plll">
  164. <center><div class="title">{text:subtitle}</div>
  165. <br>
  166. <div class="title"><div style="font-family:calibri; text-transform:uppercase; font-size:{text:links size}px; word-spacing:5px;">
  167. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  168. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  169. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  170. </div></div></div>
  171. </center>
  172. </div>
  173. <div id="description">{description}</div>
  174. </div>
  175.  
  176. <div id="entry">
  177. {block:Posts}
  178. <p>
  179. <div class="posts">
  180.  
  181. {block:Text}
  182. <div class="caixinha">
  183. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  184. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  185. <a href="{ReblogURL}"> reblogar</a>
  186. </div>
  187. {block:Title}
  188. <h1>{Title}</h1>
  189. {/block:Title}
  190. {Body}
  191. {/block:Text}
  192.  
  193. <div id="cap">
  194. {block:Photo}
  195. <div class="parol">
  196. {block:IndexPage}
  197. {LinkOpenTag}
  198. <a href="{permalink}">
  199. <div class="photo"><a href="{ReblogURL}" title="reblogar">
  200. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  201. </div>
  202. {LinkCloseTag}
  203. {/block:IndexPage}
  204. {block:PermalinkPage}
  205. {LinkOpenTag}
  206. <a href="{permalink}"><img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}" width="495"></a>
  207. {LinkCloseTag}
  208. {/block:PermalinkPage}
  209. </div> {/block:Photo}
  210.  
  211. {block:Photoset}
  212. <center>{block:indexpage}{Photoset-250}{/block:indexpage}<center>
  213. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  214. {block:IndexPage}
  215. <div class="caixinha">
  216. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  217. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  218. <a href="{ReblogURL}"> reblogar</a>
  219. </div>
  220. {/block:indexpage}
  221. {/block:Photoset}
  222.  
  223. {block:Quote}
  224. <div class="caixinha">
  225. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  226. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  227. <a href="{ReblogURL}"> reblogar</a>
  228. </div>
  229. <div class="quote">{Quote}</div>
  230. {block:Source}
  231. <div class="quotesource">{Source}</div>
  232. {/block:Source}
  233. {/block:Quote}
  234.  
  235. {block:Link}
  236. <div class="caixinha">
  237. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  238. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  239. <a href="{ReblogURL}"> reblogar</a>
  240. </div>
  241. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  242. {block:Description}{Description}{/block:Description}
  243. {/block:Link}
  244.  
  245. {Block:chat}
  246. <div class="caixinha">
  247. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  248. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  249. <a href="{ReblogURL}"> reblogar</a>
  250. </div>
  251. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  252. <div class="chat"><ul>{block:Lines}
  253. <li class="person{UserNumber}">{block:Label}
  254. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  255. {/block:chat}
  256.  
  257. {block:Audio}
  258. <div class="caixinha">
  259. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  260. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  261. <a href="{ReblogURL}"> reblogar</a>
  262. </div>
  263. <div class="text">
  264. <div id="music-holder">
  265. <div id="album-art">
  266. <img src="http://static.tumblr.com/5u1fog0/FH8n72jmn/music.jpg">
  267. {block:AlbumArt}<div id="music-art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  268. <div id="music-circle"><div id="audio-player">{AudioPlayerWhite}</div></div></div></div>
  269. <div class="audio-box">
  270. {block:TrackName}<div class="audio">{TrackName}.</div>{/block:TrackName}
  271. {block:Artist}<div class="audio">{Artist}.</div>{/block:Artist}
  272. {block:PlayCount}<div class="audio"><b>{PlayCount}</b> plays.</div>{/block:PlayCount}</div>
  273. {/block:Audio}
  274.  
  275. {block:Video}{block:IndexPage}
  276. <div class="caixinha">
  277. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  278. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  279. <a href="{ReblogURL}"> reblogar</a>
  280. </div>{/block:IndexPage}
  281. {Video-500}{/block:Video}
  282.  
  283. {block:Answer}{block:IndexPage}
  284. <div class="questao">{Question}</div>
  285. <p>
  286. <div class="pergunta">— {asker}</div><br>
  287. <div class="resposta">{Answer}</div>
  288. {/block:IndexPage}{block:PermalinkPage}
  289. <div class="posts2">
  290. <div class="questao">{Question}</div>
  291. <p>
  292. <div class="pergunta">— {asker}</div><br>
  293. <div class="resposta">{Answer}</div>
  294. {/block:PermalinkPage}
  295. <div class="caixinha">
  296. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  297. <a href="{Permalink}">{NoteCount} .</a>
  298. <a href="/ask"> send me messages</a>
  299. </div>
  300. {/block:Answer}</div>
  301.  
  302. <div class="vsanna">
  303. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  304. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  305. {/block:RebloggedFrom}
  306. </div>
  307. {block:PostNotes}
  308. {block:PermalinkPage}
  309. <!---cojuntar--->
  310. <div class="posts">
  311. <div class="but">{block:Date}
  312. <div class="extra1">
  313. <a> Posted on: {Month} {DayOfMonth}, {Year}</div>{/block:Date}{block:RebloggedFrom}
  314. <div class="extra1">
  315. <a> Shared: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>.</div>
  316. <div class="extra1">
  317. <a> Source: {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  318. <div class="extra1">
  319. <a> With: {NoteCountWithLabel}.</div>
  320. {/block:RebloggedFrom}{/block:PermalinkPage}{PostNotes}</div></div>{/block:PostNotes}{/block:Posts}
  321. </div></div>
  322. {block:IndexPage}
  323. <div class="column navigation" id="navigation">
  324. {block:Pagination}
  325. {block:PreviousPage}
  326. <a href="{PreviousPage}" class="navigate">
  327. {/block:PreviousPage}
  328. {block:PreviousPage}</a>
  329. {/block:PreviousPage}
  330. {block:NextPage}
  331. <a href="{NextPage}" class="navigate" id="nextPage">
  332. {/block:NextPage}
  333. {block:NextPage}</a>{/block:NextPage}
  334. {/block:Pagination}
  335. </div>
  336. {/block:IndexPage}
  337.  
  338. <a class="lcredit icon theme" href="http://clamam.tumblr.com" target="_blank">Install</a>
  339.  
  340. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  341. </body>
  342.  
  343. <script language="javascript">
  344. function clickIE() {if (document.all) {(mensagem);return false;}}
  345. function clickNS(e) {if
  346. (document.layers||(document.getElementById&&!document.all)) {
  347. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  348. if (document.layers)
  349. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  350. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  351. document.oncontextmenu=new Function("return false")
  352. </script>
  353. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  354. <script src="http://static.tumblr.com/stnnkm0/36Hno1p6t/mhinfinitescroll.js"></script>
  355. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  356. <script>
  357. $(function(){
  358. var $container = $('#entry');
  359. $container.imagesLoaded(function(){
  360. $container.masonry({
  361. itemSelector: '.posts',
  362. columnWidth: 500
  363. });
  364. });
  365. $container.infinitescroll({
  366. navSelector : "div#navigation",
  367. nextSelector : "div#navigation a#nextPage",
  368. itemSelector : '.posts',
  369. loading: {
  370. finishedMsg: ' ',
  371. img: ' '
  372. }
  373. },
  374. function( newElements ) {
  375. var $newElems = $( newElements ).css({ opacity: 0 });
  376. $newElems.imagesLoaded(function(){
  377. $newElems.animate({ opacity: 1 });
  378. $container.masonry( 'appended', $newElems, true );
  379. });
  380. }
  381. );
  382.  
  383. });
  384. </script>
  385. </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!