API tools faq
paste
Advertisement
rasperries

big

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