API tools faq
paste
Advertisement
rasperries

shy infinity

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