API tools faq
paste
kthms

infinity theme

kthms
Sep 6th, 2015 (edited)
35,610
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9. infinity @ shythemes
  10.  
  11.  
  12.  
  13.  
  14. -->
  15. <title>{title}</title>
  16. <link rel="alternate" type="application/rss+xml" href="{rss}">
  17. <link rel="shortcut icon" href="{favicon}">
  18. {block:description}<meta name="description" content="{metadescription}">{/block:description}
  19. <meta name="viewport" content="width=device-width, initial-scale=1">
  20. <meta name="color:background" content="#ffffff">
  21. <meta name="color:text" content="#6a6a6a">
  22. <meta name="color:light" content="#9f9f9f">
  23. <meta name="color:link hover" content="#9f9f9f">
  24. <meta name="color:lightbox" content="#f8f8f8">
  25. <meta name="select:font" content="open-sans" title="Open Sans">
  26. <meta name="select:font" content="lato" title="Lato">
  27. <meta name="select:font" content="lora" title="Lora">
  28. <meta name="select:font" content="inconsolata" title="Inconsolata">
  29. <meta name="select:font" content="courier-prime" title="Courier Prime">
  30. <meta name="select:posts" content="250" title="250px"/>
  31. <meta name="select:posts" content="300" title="300px"/>
  32. <meta name="select:posts" content="350" title="350px"/>
  33. <meta name="select:posts" content="400" title="400px"/>
  34. <meta name="select:posts" content="450" title="450px"/>
  35. <meta name="select:posts" content="500" title="500px"/>
  36. <meta name="select:posts" content="540" title="540px"/>
  37. <meta name="select:margins" content="75" title="75px"/>
  38. <meta name="select:margins" content="100" title="100px"/>
  39. <meta name="select:margins" content="125" title="125px"/>
  40. <meta name="select:margins" content="150" title="150px"/>
  41. <meta name="select:max columns" content="1" title="1"/>
  42. <meta name="select:max columns" content="2" title="2"/>
  43. <meta name="select:max columns" content="3" title="3"/>
  44. <meta name="select:max columns" content="4" title="4"/>
  45. <meta name="select:max columns" content="5" title="5"/>
  46. <meta name="select:max columns" content="100" title="none"/>
  47. <meta name="if:sidebar" content="0"/>
  48. <meta name="if:center content" content="0"/>
  49. <meta name="if:indent blockquotes" content="0">
  50. <meta name="if:show note count" content="0">
  51. <meta name="if:show photo permalinks" content="1">
  52. <meta name="if:show captions" content="1">
  53. <meta name="if:show tags" content="1">
  54. <meta name="if:infinite scroll" content="1">
  55. <meta name="text:other font" content="">
  56. <meta name="text:font size" content="">
  57. <meta name="text:home link" content="">
  58. <meta name="text:archive link" content="">
  59. <meta name="text:ask link" content="contact">
  60. <meta name="text:link 1" content="">
  61. <meta name="text:link 1 url" content="">
  62. <meta name="text:link 2" content="">
  63. <meta name="text:link 2 url" content="">
  64. <meta name="text:link 3" content="">
  65. <meta name="text:link 3 url" content="">
  66. <meta name="text:link 4" content="">
  67. <meta name="text:link 4 url" content="">
  68. <meta name="text:link 5" content="">
  69. <meta name="text:link 5 url" content="">
  70. <meta name="text:link 6" content="">
  71. <meta name="text:link 6 url" content="">
  72. <script src="//use.edgefonts.net/{select:font}:n4,n5,i4,n7,i7.js"></script>
  73.  
  74. <style type="text/css">
  75. html {
  76. width:100%;
  77. height:100%;
  78. }
  79. body {
  80. margin:0;
  81. overflow-x:hidden;
  82. color:{color:text};
  83. background:{color:background};
  84. }
  85. a {
  86. color:inherit;
  87. text-decoration:none;
  88. -webkit-transition:all .2s;
  89. transition:all .2s;
  90. }
  91. pre {
  92. font-family:courier-prime, monospace;
  93. }
  94. small, sub {
  95. font-size:1em;
  96. vertical-align:baseline;
  97. }
  98. blockquote {
  99. {block:ifIndentBlockquotes}
  100. {block:ifCenterContent}
  101. padding:0 1.6em;
  102. {/block:ifCenterContent}
  103. {block:ifNotCenterContent}
  104. padding:.6em 0 .6em 3em;
  105. {/block:ifNotCenterContent}
  106. {/block:ifIndentBlockquotes}
  107. }
  108. blockquote, ol, ul, p, pre {
  109. margin:0 0 1.6em;
  110. }
  111. h1, h2, h3, h4, h5, h6 {
  112. margin:0 0 1.6em;
  113. font-size:1em;
  114. font-weight:inherit;
  115. }
  116. ul {
  117. padding:0;
  118. }
  119. ul li {
  120. display:block;
  121. }
  122. img {
  123. border:0;
  124. max-width:100%;
  125. height:auto;
  126. display:block;
  127. }
  128. hr {
  129. margin:2em 0;
  130. border:0;
  131. height:1px;
  132. -moz-box-sizing:border-box;
  133. box-sizing:border-box;
  134. background-color:{color:border};
  135. }
  136.  
  137. /* typography */
  138.  
  139. html, body {
  140. font-size:9px;
  141. line-height:1.6em;
  142. -moz-osx-font-smoothing:grayscale;
  143. -webkit-font-smoothing:antialiased;
  144. font-smoothing:antialiased;
  145. word-break: break-word;
  146. font-family:{select:font}, sans-serif;
  147. {block:ifOtherFont}
  148. font-family:{text:other font}, {select:font}, sans-serif;
  149. {/block:ifOtherFont}
  150. {block:ifFontSize}
  151. font-size:{text:font size};
  152. {/block:ifFontSize}
  153. }
  154. .title {
  155. font-style:italic;
  156. color:{color:text};
  157. }
  158. h1.title {
  159. font-size:1.2em;
  160. margin-bottom:1.33em;
  161. }
  162. .light, .light a, .tumblr_blog {
  163. color:{color:light}!important;
  164. }
  165. .light a, .tumblr_blog, #title {
  166. border-color:transparent!important;
  167. }
  168. {block:ifNotCenterContent}
  169. ul li {
  170. position:relative;
  171. padding-left:2.6em;
  172. }
  173. ul li:before {
  174. content:'—';
  175. display:inline-block;
  176. position:absolute;
  177. margin-left:-1.8em;
  178. }
  179. {/block:ifNotCenterContent}
  180.  
  181. /* layout */
  182.  
  183. body {
  184. {block:ifSidebar}
  185. margin-left:300px;
  186. {/block:ifSidebar}
  187. }
  188. .main {
  189. opacity:0;
  190. margin:0 auto;
  191. width:{select:posts}px;
  192. padding:125px 0 125px {select:margins}px;
  193. -webkit-transition:opacity .4s linear;
  194. transition:opacity .4s linear;
  195. }
  196. .content {
  197. text-align:center;
  198. }
  199. {block:ifCenterContent}
  200. aside, footer {
  201. text-align:center;
  202. }
  203. {/block:ifCenterContent}
  204.  
  205.  
  206. /* header/sidebar */
  207.  
  208. .header {
  209. position:relative;
  210. margin:0 {select:margins}px 125px 0;
  211. }
  212. .sidebar {
  213. position:fixed;
  214. width:175px;
  215. margin:0 {select:margins}px 0 -300px;
  216. }
  217. #title {
  218. font-size:1.3em;
  219. border-bottom:0;
  220. }
  221. aside .title + nav {
  222. margin-top:1.2em!important;
  223. }
  224. aside .description + nav {
  225. margin-top:-.4em!important;
  226. }
  227. nav li {
  228. display:block;
  229. line-height:2.6em;
  230. }
  231. .header nav li {
  232. display:inline-block;
  233. margin-right:1.4em;
  234. }
  235. {block:ifCenterContent}
  236. .header {
  237. margin:0 0 125px;
  238. max-width:250px;
  239. left:calc(50% - {select:margins}px / 2);
  240. -webkit-transform:translateX(-50%);
  241. transform:translateX(-50%);
  242. }
  243. nav {
  244. margin-left:-.7em!important;
  245. margin-right:-.7em!important;
  246. }
  247. nav li {
  248. display:inline-block;
  249. margin:0 .7em!important;
  250. }
  251. {/block:ifCenterContent}
  252.  
  253.  
  254. /* posts */
  255.  
  256. .entry {
  257. position:relative;
  258. width:{select:posts}px;
  259. margin:0 {select:margins}px {select:margins}px 0;
  260. -moz-box-sizing:border-box;
  261. box-sizing:border-box;
  262. {block:ifNotCenterContent}
  263. text-align:left;
  264. {/block:ifNotCenterContent}
  265. {block:ifCenterContent}
  266. {block:PermalinkPage}
  267. width:auto;
  268. max-width:540px;
  269. margin: 0 auto {select:margins}px;
  270. padding-right:{select:margins}px;
  271. {/block:PermalinkPage}
  272. {/block:ifCenterContent}
  273. }
  274. {block:IndexPage}
  275. .content {
  276. font-size:0;
  277. }
  278. .entry {
  279. opacity:0;
  280. z-index:-1;
  281. display:inline-block;
  282. font-size:9px;
  283. {block:ifFontSize}
  284. font-size:{text:font size};
  285. {/block:ifFontSize}
  286. }
  287. .entry:last-of-type {
  288. margin-bottom:125px;
  289. }
  290. {/block:IndexPage}
  291.  
  292. /* post info */
  293.  
  294. .date {
  295. overflow:hidden;
  296. line-height:2.6em;
  297. }
  298. .date span a {
  299. margin-right:1.4em;
  300. }
  301. {block:ifCenterContent}
  302. .date {
  303. margin:-.4em -.7em 0;
  304. }
  305. .date span a {
  306. margin:0 .7em;
  307. }
  308. .permalink {
  309. display:block;
  310. }
  311. {/block:ifCenterContent}
  312. .date .permalink a {
  313. border-bottom:1px solid rgba({RGBcolor:text},.6);
  314. }
  315. .date .permalink a:hover {
  316. color:{color:link hover};
  317. border-color:rgba({RGBcolor:link hover},.6);
  318. }
  319. .media .permalink {
  320. display:none;
  321. }
  322. {block:ifNotShowPhotoPermalinks}
  323. .ph .date .permalink {
  324. display:none;
  325. }
  326. .ph .media .permalink {
  327. position:absolute;
  328. display:block;
  329. top:0;
  330. left:0;
  331. width:100%;
  332. height:100%;
  333. z-index:30;
  334. }
  335. {/block:ifNotShowPhotoPermalinks}
  336. .tags {
  337. {block:IndexPage}
  338. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  339. {/block:IndexPage}
  340. }
  341.  
  342. /* post elements */
  343.  
  344. .text {
  345. margin:0 0 1.6em;
  346. }
  347. .text:last-child,
  348. .text *:last-child {
  349. margin-bottom:0;
  350. }
  351. .text a {
  352. background-color:transparent;
  353. border-bottom:1px solid rgba({RGBcolor:text},.6);
  354. }
  355. .text a:hover {
  356. color:{color:link hover};
  357. border-color:rgba({RGBcolor:link hover},.6);
  358. }
  359. .text img, .text iframe {
  360. margin-bottom:1.6em;
  361. }
  362. .caption {
  363. {block:IndexPage}
  364. {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
  365. {/block:IndexPage}
  366. }
  367. .chat {
  368. padding:0;
  369. list-style-type:none;
  370. }
  371. .chat .line {
  372. padding-top:0;
  373. padding-bottom:0;
  374. }
  375. .media {
  376. position:relative;
  377. margin-bottom:2em;
  378. margin-right:3px;
  379. }
  380. .audio {
  381. padding:2%;
  382. background-color:rgba({RGBcolor:text},.05);
  383. }
  384. .audio .player {
  385. width:27px;
  386. height:27px;
  387. opacity:.6;
  388. overflow:hidden;
  389. }
  390. .audio .track {
  391. position:absolute;
  392. margin-top:-26px;
  393. left:calc(4% + 27px);
  394. right:2%;
  395. line-height:27px;
  396. height:27px;
  397. overflow:hidden;
  398. white-space:nowrap;
  399. text-overflow:ellipsis;
  400. text-align:left;
  401. }
  402. .video iframe,
  403. .tumblr_video_container {
  404. display:block;
  405. }
  406.  
  407. /* footer */
  408.  
  409. footer {
  410. overflow:hidden;
  411. text-transform:lowercase;
  412. margin-right:{select:margins}px;
  413. }
  414. .pagination {
  415. margin-bottom:1em;
  416. }
  417. .pagination .next {
  418. color:{color:text}!important;
  419. }
  420. {block:ifInfiniteScroll}
  421. .pagination {
  422. display:none;
  423. }
  424. #stt {
  425. border:0;
  426. position:fixed;
  427. display:inline-block;
  428. bottom:10px;
  429. left:10px;
  430. z-index:999;
  431. padding:5px;
  432. line-height:1em;
  433. background-color:{color:background};
  434. color:{color:accent};
  435. opacity:0;
  436. -webkit-transition:opacity .3s ease-in-out;
  437. transition:opacity .3s ease-in-out;
  438. }
  439. {block:ifNotSidebar}
  440. #stt.s {
  441. opacity:1;
  442. }
  443. {/block:ifNotSidebar}
  444. {/block:ifInfiniteScroll}
  445.  
  446. /* notes */
  447.  
  448. .notes {
  449. padding:0;
  450. }
  451. .notes li {
  452. display:block;
  453. }
  454. .notes img {
  455. display:none;
  456. }
  457. .notes .more_notes_link_container {
  458. text-align:inherit!important;
  459. }
  460. #theme {
  461. position:fixed;
  462. display:inline-block;
  463. bottom:10px;
  464. right:10px;
  465. z-index:999;
  466. padding:5px;
  467. line-height:1em;
  468. background-color:{color:background};
  469. }
  470. #tumblr_controls,
  471. .tmblr-iframe {
  472. position:fixed!important;
  473. opacity:.67!important;
  474. -webkit-filter:invert(100%);
  475. -webkit-backface-visibility:hidden;
  476. -moz-box-sizing:content-box;
  477. box-sizing:content-box;
  478. padding:8px;
  479. }
  480. #tumblr_lightbox, .tmblr-lightbox {
  481. background-color:rgba({RGBcolor:lightbox},.98)!important;
  482. }
  483. #vignette, .vignette {
  484. opacity:0;
  485. }
  486. #tumblr_lightbox img, .lightbox-image {
  487. box-shadow:none!important;
  488. border-radius:0!important;
  489. max-width:none;
  490. }
  491. #tumblr_lightbox_caption, .lightbox-caption {
  492. visibility:hidden;
  493. }
  494. #infscr-loading {
  495. display:none!important;
  496. }
  497.  
  498. </style>
  499. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  500. </head>
  501. <body>
  502. <div class="main">
  503. <aside class="{block:ifSidebar}sidebar{/block:ifSidebar}{block:ifNotSidebar}header{/block:ifNotSidebar}">
  504. <div class="title text"><a href="/" id="title">{Title}</a></div>
  505. {block:Description}<p class="description text">{Description}</p>{/block:Description}
  506. <nav class="light">
  507. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  508. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  509. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  510. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  511. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  512. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  513. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  514. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  515. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  516. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  517. </nav>
  518. </aside>
  519. <div class="content">
  520. {block:Posts}
  521. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  522. <section class="post">
  523. {block:Audio}
  524. <div class="media audio">
  525. {block:AudioPlayer}
  526. <div class="player">{AudioPlayerGrey}</div>
  527. {/block:AudioPlayer}
  528. <div class="track title">
  529. {block:Artist}{Artist}{/block:Artist}
  530. {block:TrackName}{block:Artist}&mdash; {/block:Artist}{TrackName}{/block:TrackName}
  531. </div>
  532. </div>
  533. {/block:Audio}
  534. {block:Photo}
  535. <div class="media photo">
  536. {LinkOpenTag}
  537. <img src="{PhotoURL-HighRes}">
  538. {LinkCloseTag}
  539. <a href="{Permalink}" class="permalink"></a>
  540. </div>
  541. {/block:Photo}
  542. {block:Photoset}
  543. <div class="media photoset">
  544. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  545. <a href="{Permalink}" class="permalink"></a>
  546. </div>
  547. {/block:Photoset}
  548. {block:Video}
  549. <div class="media video">{Video-500}</div>
  550. {/block:Video}
  551. {block:Answer}
  552. <div class="question text">
  553. <p class="sender light">{lang:Asker asked}:</p>
  554. <blockquote class="inquiry title">{Question}</blockquote>
  555. </div>
  556. <div class="answer text">{Answer}</div>
  557. {/block:Answer}
  558. {block:Chat}
  559. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  560. <ul class="chat text">
  561. {block:Lines}
  562. {block:Label}
  563. <div class="label light">{Label}</div>
  564. {/block:Label}
  565. <blockquote class="line">{Line}</blockquote>
  566. {/block:Lines}
  567. </ul>
  568. {/block:Chat}
  569. {block:Link}
  570. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  571. {block:Description}<div class="text">{Description}</div>{/block:Description}
  572. {/block:Link}
  573. {block:Quote}
  574. <h1 class="quote title">{Quote}</h1>
  575. {block:Source}
  576. <p class="source text">{Source}</p>
  577. {/block:Source}
  578. {/block:Quote}
  579. {block:Text}
  580. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  581. <div class="text">{Body}</div>
  582. {/block:Text}
  583. {block:Caption}
  584. <div class="caption text{block:IndexPage} {select:captions}{/block:IndexPage}"><span class="u">{Caption}</span></div>
  585. {/block:Caption}
  586. {block:Date}
  587. <div class="date">
  588. <span class="permalink">
  589. <a href="{Permalink}">{block:ifNotShowNoteCount}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}{/block:ifNotShowNoteCount}{block:ifShowNoteCount}{NoteCount}{/block:ifShowNoteCount}</a>
  590. </span>
  591. {block:PermalinkPage}
  592. {block:RebloggedFrom}
  593. <span class="rb light">
  594. <a href="{ReblogParentURL}">via {ReblogParentName}</a>
  595. {block:ContentSource}<a href="{ReblogRootURL}">source: {ReblogRootName}</a>{/block:ContentSource}
  596. </span>
  597. {/block:RebloggedFrom}
  598. {/block:PermalinkPage}
  599. {block:HasTags}
  600. <span class="tags light">
  601. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  602. </span>
  603. {/block:HasTags}
  604. </div>
  605. {/block:Date}
  606. </section>
  607. </article>
  608. {block:PostNotes}
  609. <article class="entry" id="notes">
  610. <section class="post">
  611. <h1 class="title">{NoteCountWithLabel}</h1>
  612. <div class="text light">{PostNotes}</div>
  613. </section>
  614. </article>
  615. {/block:PostNotes}
  616. {/block:Posts}
  617. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  618. </div>
  619. {block:Pagination}
  620. <footer class="light">
  621. <div class="pagination">
  622. {block:PreviousPage}<a class="back" href="{PreviousPage}">{lang:Previous page}</a>{block:NextPage} / {/block:NextPage}{/block:PreviousPage}
  623. {block:NextPage}<a class="next" href="{NextPage}">{lang:Next page}</a>{/block:NextPage}
  624. </div>
  625. {block:ifNotSidebar}<a id="stt" href="#">scroll to top</a>{/block:ifNotSidebar}
  626. </footer>
  627. {/block:Pagination}
  628. </div>
  629. <a href="https://shythemes.tumblr.com" id="theme" class="light" title="theme">k.</a>
  630. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  631. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  632. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  633. {block:IndexPage}
  634. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  635. {block:ifInfiniteScroll}
  636. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  637. {/block:ifInfiniteScroll}
  638. {/block:IndexPage}
  639. <script>
  640. function set_container_width(posts, margins, max) {
  641. var w = $('body').width() - margins,
  642. p = posts + margins,
  643. c = p,
  644. m = 1;
  645. while (p + c < w && m < max) { p += c; m++ }
  646. $('.main').css({ width: p, opacity: 1 });
  647. }
  648. $(document).ready(function(){
  649. set_container_width({select:posts}, {select:margins}, {select:max columns});
  650. // photosets
  651. $('.photo-slideshow').pxuPhotoset({
  652. lightbox: true,
  653. rounded: false,
  654. gutter: '1px',
  655. photoset: '.photo-slideshow',
  656. photoWrap: '.photo-data',
  657. photo: '.pxu-photo'
  658. });
  659. // tumblr audio players
  660. $('.tumblr_audio_player').each(function(){
  661. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  662. });
  663. // soundcloud audio players
  664. var color = '#ededed';
  665. $('.soundcloud_audio_player').each(function(){
  666. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  667. });
  668. {block:IndexPage}
  669. $('#stt').click(function(){
  670. $('html,body').animate({ scrollTop: 0 }, 1200);
  671. return false
  672. });
  673. $(document).scroll(function(){
  674. var t = $(document).scrollTop();
  675. if (t > 1000) $('#stt').addClass('s');
  676. else $('#stt').removeClass('s');
  677. });
  678. var $container = $('.content');
  679. $container.masonry({ itemSelector: '.entry' });
  680. $container.imagesLoaded(function(){
  681. $container.masonry();
  682. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  683. });
  684. setTimeout(function(){
  685. $container.masonry();
  686. if ($container.find('.entry').length <= 15)
  687. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  688. }, 10000);
  689. {block:ifInfiniteScroll}
  690. $container.infinitescroll({
  691. itemSelector: '.entry',
  692. navSelector: '.pagination',
  693. nextSelector: '.next',
  694. loadingImg: '',
  695. loadingText: '<em></em>',
  696. bufferPx: 2000
  697. },
  698. function( newElements ) {
  699. var $newElems = $( newElements );
  700. // photosets
  701. $newElems.find('.photo-slideshow').pxuPhotoset({
  702. lightbox: true,
  703. rounded: false,
  704. gutter: '1px',
  705. photoset: '.photo-slideshow',
  706. photoWrap: '.photo-data',
  707. photo: '.pxu-photo'
  708. },
  709. function(){
  710. $container.masonry();
  711. });
  712. // videos
  713. $newElems.find('.video').each(function(){
  714. resizeVideos();
  715. },
  716. function(){
  717. $container.masonry();
  718. });
  719. // tumblr audio players
  720. $newElems.find('.tumblr_audio_player').each(function(){
  721. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  722. });
  723. // soundcloud audio players
  724. var color = '#ededed';
  725. $newElems.find('.soundcloud_audio_player').each(function(){
  726. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  727. },
  728. function(){
  729. $container.masonry();
  730. });
  731. $newElems.imagesLoaded(function(){
  732. $container.masonry( 'appended', $newElems );
  733. $newElems.animate({ opacity: 1, zIndex: 1 });
  734. });
  735. });
  736. {/block:ifInfiniteScroll}
  737. $(window).resize(function(){
  738. set_container_width();
  739. $container.masonry();
  740. });
  741. {/block:IndexPage}
  742. });
  743. </script>
  744. </body>
  745. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!