Advertisement
themekid

sweet spot theme

Apr 22nd, 2017
1,012
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.40 KB | None | 0 0
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Sweet Spot Theme by ThemeKid Chloë | @redivide | @themekid
  6.  
  7. > Do not delete/alter any credit.
  8. > Do not claim as your own.
  9. > Do not copy any code.
  10. > Do not redistribute.
  11.  
  12. ------------------------------------------->
  13. <html>
  14. <head>
  15. <meta charset="UTF-8" />
  16. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Hidden}<!--options-->
  20. <meta name="color:Accent" content="#dc270f" />
  21. <meta name="color:Border" content="#dc270f" />
  22. <meta name="text:About Link" content="" />{/block:Hidden}
  23. <!--fonts-->
  24. <link href='https://fonts.googleapis.com/css?family=Montserrat:700|Roboto+Mono:300,300i,500,500i|Roboto+Slab:400' rel='stylesheet' type='text/css'>
  25. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  26. <!--there is a reason you can't find this link for outicons when you google, it's because i made it. so leave it the fuck alone and go make your own-->
  27. <link rel="stylesheet" href="https://static.tumblr.com/8pnyeus/D87qcdm0a/oi-icomoon.css">
  28. <!--jquery-->
  29. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  30. <link rel="stylesheet" href="//static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  31. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  32. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33. <script>
  34. (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery);var fhs = document.createElement('script');var fhs_id = "5467394";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
  35. </script>
  36. <style>
  37. * {
  38. margin:0;
  39. padding:0;
  40. }
  41. #s-m-t-tooltip {
  42. max-width:300px;
  43. padding:3px 6px;
  44. margin:20px 10px;
  45. background: #000;
  46. color:#fff;
  47. z-index:999999999999999!important;
  48. font-size:9px;
  49. text-transform:uppercase;
  50. font-family:'Roboto Mono', monospace;
  51. }
  52. body {
  53. font-size:10px;
  54. font-family:'Roboto Mono', monospace;
  55. line-height:130%;
  56. font-weight:300;
  57. }
  58. body:before {
  59. content:'';
  60. height:5px;
  61. width:100%;
  62. position:fixed;
  63. top:0;
  64. left:0;
  65. background:{color:Border};
  66. z-index:999;
  67. }
  68. a {
  69. text-decoration:none;
  70. color:{color:Accent};
  71. }
  72. b, strong {
  73. font-weight:500;
  74. }
  75. h1, h2, h3, h4, h5, h6 {
  76. font-family:'Roboto Slab', serif;
  77. font-weight:400;
  78. }
  79. #tumblr_controls, .tmblr-iframe {
  80. top:15px!important;
  81. right:15px!important;
  82. -webkit-filter: invert(90%);
  83. filter: invert(90%);
  84. position:fixed!important;
  85. -webkit-transform:scale(.8, .8);
  86. -moz-transform:scale(.8, .8);
  87. transform:scale(.8, .8);
  88. -webkit-transform-origin: right top;
  89. -moz-transform-origin: right top;
  90. -ms-transform-origin: right top;
  91. -o-transform-origin: right top;
  92. transform-origin: right top;
  93. z-index:999999999999999999!important
  94. }
  95. ::-webkit-scrollbar {
  96. background-color:#ddd;
  97. height: 11px;
  98. width: 11px;
  99. border:5px solid #fff;
  100. }
  101. ::-webkit-scrollbar-thumb {
  102. background-color:#000;
  103. border:5px solid #fff;
  104. }
  105. [class*=" icon-oi_"]:before,[class^=icon-oi_]:before {
  106. line-height:inherit;
  107. vertical-align: middle;
  108. }
  109. @font-face {
  110. font-family: 'icomoon';
  111. src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs');
  112. src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs#iefix') format('embedded-opentype'),
  113. url('https://dl.dropboxusercontent.com/s/9qmsmnbzj2canp9/icomoon.ttf?5kiojs') format('truetype'),
  114. url('https://dl.dropboxusercontent.com/s/eodx1z60h9yimh0/icomoon.woff?5kiojs') format('woff'),
  115. url('https://dl.dropboxusercontent.com/s/m57uc7hijqbua78/icomoon.svg?5kiojs#icomoon') format('svg');
  116. font-weight: normal;
  117. font-style: normal;
  118. }
  119. img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(.instagram-media):not(#ask_form):not(.tumblr_audio_player):not(.like_toggle) {
  120. max-width:100%!important;
  121. height:auto;
  122. }
  123. .instagram-media, .tumblr_audio_player {
  124. max-width:100%!important;
  125. }
  126. img:not(.lightbox-image) {
  127. vertical-align:middle;
  128. }
  129. .tumblr_video_container {
  130. height:auto!important;
  131. }
  132. .vine-embed {
  133. height:200px!important;
  134. }
  135. aside {
  136. position:fixed;
  137. top:10px;
  138. left:5px;
  139. }
  140. aside ul#nav {
  141. list-style:none;
  142. font-size:1.5em;
  143. }
  144. aside ul#nav li {
  145. margin:5px 3px;
  146. }
  147. .wrapper {
  148. width:600px;
  149. margin:0 auto;
  150. padding-bottom:40px;
  151. }
  152. header {
  153. margin:40px auto;
  154. text-align:center;
  155. width:400px;
  156. }
  157. #sub-nav {
  158. list-style: none;
  159. }
  160. #sub-nav li {
  161. display:inline-block;
  162. margin: -10px 5px 0;
  163. }
  164. #desc {
  165. margin:20px 0;
  166. }
  167. #infscr-loading {
  168. position:absolute;
  169. margin-bottom:-40px;
  170. bottom:30px;
  171. width:200px;
  172. margin-left:50%;
  173. left:-100px;
  174. text-align:center;
  175. }
  176. article {
  177. width:180px;
  178. box-sizing:border-box;
  179. margin-bottom:30px;
  180. }
  181. {block:IndexPage}
  182. article .t-type {
  183. background: rgba({RGBcolor:Accent},0.1);
  184. padding:8px;
  185. }
  186. img.caption_avatar, img.asker {
  187. border-radius: 50%;
  188. height: 20px;
  189. margin-right:5px;
  190. }
  191. .tumblr_parent, .question {
  192. border-bottom:1px solid {color:Accent};
  193. margin-bottom:5px;
  194. padding-bottom:5px;
  195. }
  196. .tumblr_parent:last-of-type, .question:last-of-type {
  197. border-bottom:none;
  198. margin-bottom:0;
  199. padding-bottom:0;
  200. }
  201. .caption, .question {
  202. font-size:0.9em;
  203. text-align:justify;
  204. }
  205. {/block:IndexPage}
  206. article ul, article ol {
  207. margin:5px 0;
  208. margin-left:15px;
  209. }
  210. article h2 {
  211. font-size:1.4em;
  212. line-height:1.2em;
  213. text-align:center;
  214. margin-bottom:5px;
  215. }
  216. article p {
  217. margin:5px 0;
  218. }
  219. article p:last-of-type, .chat li:last-of-type {
  220. margin-bottom:0;
  221. }
  222. article p:first-of-type, .chat li:first-of-type {
  223. margin-top:0;
  224. }
  225. .quote h2 {
  226. text-align:left;
  227. }
  228. cite {
  229. display:block;
  230. text-align:right;
  231. }
  232. .chat ul {
  233. margin:0;
  234. list-style:none;
  235. }
  236. .chat li {
  237. margin:3px 0;
  238. text-align:justify;
  239. }
  240. ul.audio-info {
  241. list-style:none;
  242. padding:0;
  243. margin:5px 0 0;
  244. }
  245. .permalink {
  246. text-align:center;
  247. text-transform:uppercase;
  248. font-family:'Montserrat', sans-serif;
  249. font-weight:bold;
  250. font-size:0.9em;
  251. word-spacing:3px;
  252. margin-top:10px;
  253. line-height:13px;
  254. }
  255. .permalink a {
  256. color:#000;
  257. }
  258. .permalink .lnr-heart {
  259. font-size: 9px;
  260. vertical-align: text-bottom;
  261. }
  262. .custom-like-button {
  263. position: relative;
  264. cursor: pointer;
  265. display:inline-block;
  266. }
  267. .like_button {
  268. position: absolute;
  269. top: 0;
  270. left: 0;
  271. right: 0;
  272. bottom: 0;
  273. width: 100%;
  274. height: 100%;
  275. opacity: 0;
  276. z-index: 10;
  277. }
  278. .like_button iframe {
  279. width: 100% !important;
  280. height: 100% !important;
  281. }
  282. .our_toggle {
  283. top: 0;
  284. left: 0;
  285. right: 0;
  286. bottom: 0;
  287. width: 10px;
  288. height: 10px;
  289. z-index: 1;
  290. }
  291. .like_button:hover + .our_toggle {
  292. color:red;
  293. }
  294. .like_button.liked + .our_toggle {
  295. color:red;
  296. }
  297. {block:PermalinkPage}
  298. #posts {
  299. margin:0 auto;
  300. width:350px;
  301. }
  302. article {
  303. width:350px;
  304. position:relative;
  305. }
  306. .tumblr_parent, .question {
  307. text-align:center;
  308. }
  309. .tumblr_parent:before, .question:before {
  310. content: '* * * * * * * * * * * * * * * *';
  311. margin: 20px 0;
  312. display: block;
  313. }
  314. img.caption_avatar, img.asker {
  315. display: block;
  316. margin: 0px auto 10px;
  317. border-radius: 50%;
  318. height: 20px;
  319. }
  320. img.caption_avatar + a.tumblr_blog,
  321. .asker-a {
  322. margin-bottom: 5px;
  323. display: block;
  324. }
  325. .tumblr_audio_player {
  326. width:350px!important;
  327. }
  328. ul.extra-info {
  329. position: absolute;
  330. top: 0;
  331. left: 350px;
  332. list-style: none;
  333. width: 100px;
  334. font-size:1.5em;
  335. color:{color:Accent};
  336. }
  337. ul.extra-info li {
  338. margin-bottom:3px;
  339. }
  340. ol.notes:before {
  341. content: '* * * * * * * * * * * * * * * *';
  342. margin: 20px 0;
  343. display: block;
  344. }
  345. ol.notes {
  346. margin:0;
  347. list-style:none;
  348. text-align:center;
  349. }
  350. li.note {
  351. margin-bottom: 8px;
  352. }
  353. img.avatar {
  354. display:none;
  355. }
  356. li.like:before {
  357. content: '\e993';
  358. font-family: "icomoon" !important;
  359. font-style: normal;
  360. font-weight: normal;
  361. speak: none;
  362. display: inline-block;
  363. text-decoration: inherit;
  364. width: 1em;
  365. text-align: center;
  366. font-variant: normal;
  367. text-transform: none;
  368. line-height: 1em;
  369. font-size: 1em;
  370. vertical-align:middle;
  371. -webkit-font-smoothing: antialiased;
  372. -moz-osx-font-smoothing: grayscale;
  373. margin-right: 5px;
  374. vertical-align: middle;
  375. }
  376. li.reblog:before {
  377. content: '\e9ae';
  378. font-family: "icomoon" !important;
  379. font-style: normal;
  380. font-weight: normal;
  381. speak: none;
  382. display: inline-block;
  383. text-decoration: inherit;
  384. width: 1em;
  385. text-align: center;
  386. font-variant: normal;
  387. text-transform: none;
  388. line-height: 1em;
  389. font-size: 1em;
  390. vertical-align:middle;
  391. -webkit-font-smoothing: antialiased;
  392. -moz-osx-font-smoothing: grayscale;
  393. margin-right: 5px;
  394. vertical-align: middle;
  395. }
  396. li.original_post:before {
  397. content:'\e9b8';
  398. }
  399. {/block:PermalinkPage}
  400. [class^="PIN_"] {
  401. -webkit-animation: fadein 0.7s both;
  402. animation: fadein 0.7s both;
  403. opacity:1;
  404. }
  405. @-webkit-keyframes fadein {0% {opacity: 0}100% {opacity: 1}}
  406. @keyframes fadein {0% {opacity: 0}100% {opacity: 1}}
  407. </style>
  408. </head>
  409. <body>
  410. <aside>
  411. <ul id="nav">
  412. <li><a href="/" title="home"><i class="icon-oi_home"></i></a>
  413. {block:AskEnabled}<li><a href="/ask" title="message"><i class="icon-oi_discuss"></i></a>{/block:AskEnabled}
  414. {block:IfAboutLink}<li><a href="{text:About Link}" title="about"><i class="icon-oi_user"></i></a>{/block:IfAboutLink}
  415. <li><a href="/archive" title="past"><i class="icon-oi_grid"></i></a>
  416. </ul>
  417. </aside>
  418. <div class="wrapper">
  419. <header>
  420. <h1>{Title}</h1>
  421. {block:Description}<div id="desc">
  422. {Description}
  423. </div>{/block:Description}
  424. {block:HasPages}<ul id="sub-nav">
  425. {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
  426. </ul>{/block:HasPages}
  427. </header>
  428. <section id="posts">
  429. {block:Posts}<article id="{PostId}">
  430. {block:Text}<div class="text t-type">
  431. {block:Title}<h2>{Title}</h2>{/block:Title}
  432. <div class="caption">{Body}</div>
  433. </div>{/block:Text}{block:Photo}<div class="photo">
  434. <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-400}{/block:PermalinkPage}">
  435. </div>{/block:Photo}{block:Photoset}<div class="photoset">
  436. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  437. {block:Photos}<div class="photo-data">
  438. <div class="pxu-photo">
  439. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  440. </div>
  441. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  442. </div>
  443. {/block:Photos}</div>
  444. </div>{/block:Photoset}{block:Quote}<div class="quote {Length} t-type">
  445. <h2>{Quote}</h2>
  446. {block:Source}<cite>{Source}</cite>{/block:Source}
  447. </div>{/block:Quote}{block:Link}<div class="link t-type">
  448. <h2><i class="icon-oi_chevron-right"></i> <a href="{URL}">{Name}</a></h2>
  449. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  450. </div>{/block:Link}{block:Chat}<div class="chat t-type">
  451. {block:Title}<h2>{Title}</h2>{/block:Title}
  452. <ul>
  453. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}{/block:Lines}
  454. </ul>
  455. </div>{/block:Chat}{block:Audio}<div class="audio t-type">
  456. {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt}
  457. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  458. <ul class="audio-info">
  459. <li><b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  460. <li><b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  461. <li><b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  462. <li><b>Plays:</b> {FormattedPlayCount}
  463. </ul>
  464. </div>{/block:Audio}{block:Video}<div class="video">
  465. {block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  466. </div>{/block:Video}{block:Answer}<div class="answer t-type">
  467. <div class="question">
  468. <img src="{AskerPortraitURL-24}" class="asker">
  469. <span class="asker-a">{Asker} asked:</span>
  470. <div>{Question}</div>
  471. </div>
  472. {block:Answerer}
  473. <div class="question">
  474. <img src="{AnswererPortraitURL-24}" class="asker">
  475. <span class="asker-a">{Answerer} replied:</span>
  476. <div>{Answer}</div>
  477. </div>
  478. {/block:Answerer}
  479. <div class="caption">{Replies}</div>
  480. </div>{/block:Answer}
  481. {block:IndexPage}<div class="permalink">
  482. <div class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><i class="icon-oi_heart"></i></span></div></div> <a href="{Permalink}" target="_blank">{TimeAgo}</a> | <a href="{ReblogURL}" target="_blank">{NoteCount}</a>
  483. </div>{/block:IndexPage}{block:PermalinkPage}
  484. {block:Caption}<div class="caption">
  485. {Caption}
  486. </div>{/block:Caption}
  487. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  488. {block:Date}<ul class="extra-info">
  489. <li title="{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} ({TimeAgo})"><i class="icon-oi_time"></i>
  490. {block:NoteCount}<li title="{NoteCount}"><i class="icon-oi_bookmark"></i>{/block:NoteCount}
  491. {block:RebloggedFrom}<li><a href="{ReblogParentURL}" title="{ReblogParentName}"><i class="icon-oi_chart"></i></a>{/block:RebloggedFrom}
  492. {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}"><i class="icon-oi_globe"></i></a>{/block:ContentSource}
  493. {block:HasTags}<li title="{block:Tags}#{Tag} {/block:Tags}"><i class="icon-oi_tags"></i>{/block:HasTags}
  494. </ul>{/block:Date}
  495. {/block:PermalinkPage}
  496. </article>
  497. {/block:Posts}
  498. </section>
  499. </div>
  500. {block:IndexPage}<div class="pagination" style="visibility:hidden;">
  501. {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
  502. </div>{/block:IndexPage}
  503. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  504. <script src="//static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  505. <script src="//static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  506. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  507. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  508. <script>!function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".caption",wrapName:".tumblr_parent",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".tumblr_avatar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).length>=1&&a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="//api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("> p a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("//"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="//api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);</script>
  509. <script>
  510. var pxuOptions = {
  511. lightbox: true,
  512. rounded: false,
  513. gutter: '1px',
  514. photoset: '.photo-slideshow',
  515. photoWrap: '.photo-data',
  516. photo: '.pxu-photo'
  517. }, masonryOptions = {
  518. itemSelector: 'article',
  519. isAnimated:false,
  520. columnWidth:180,
  521. gutterWidth:30,
  522. }, infScrOptions = {
  523. navSelector : "div.pagination",
  524. nextSelector : ".pagination a#next-link",
  525. itemSelector : "article",
  526. loading: {
  527. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  528. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  529. msg: null,
  530. msgText: "",
  531. },
  532. }, unnestOptions = {
  533. yourCaption: ".caption",
  534. wrapName: ".tumblr_parent",
  535. newCaptionUsername: true,
  536. originalPostCaptionUsername: false,
  537. tumblrAvatars: true,
  538. tumblrAvatarClass: ".caption_avatar",
  539. usernameColon: false
  540. };
  541. $(function(){
  542. $('.photo-slideshow').pxuPhotoset(pxuOptions);
  543. $('article').unnest(unnestOptions);
  544. {block:IndexPage}
  545. var $tumblelog = $('#posts');
  546. $tumblelog.imagesLoaded(function () {
  547. $tumblelog.masonry(masonryOptions);
  548. });
  549. $tumblelog.infinitescroll(
  550. infScrOptions,
  551. function( newElements ) {
  552. var $newElems = $( newElements );
  553. var $newElemsIDs = $newElems.map(function () {
  554. return this.id;
  555. }).get();
  556. $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
  557. var $newElems = $(newElements).css({
  558. opacity: 0,
  559. zIndex: -1,
  560. });
  561. $newElems.imagesLoaded(function(){
  562. $newElems.animate({ opacity: 1, zIndex: 1 });
  563. $tumblelog.masonry( 'appended', $newElems );
  564. });
  565. $newElems.unnest(unnestOptions);
  566. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  567. }
  568. );{/block:IndexPage}
  569. });
  570. </script>
  571. <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  572. </body>
  573. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement