API tools faq
paste
Advertisement
kthms

portfolio edit

kthms
Jan 6th, 2019
1,401
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.57 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.  
  10. portfolio @ shythemes
  11.  
  12.  
  13.  
  14.  
  15.  
  16. -->
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="shortcut icon" href="{Favicon}">
  20. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  21. <meta name="viewport" content="width=device-width, initial-scale=1">
  22. <meta name="if:show description" content="">
  23. <meta name="if:show note count" content="">
  24. <meta name="if:show captions" content="">
  25. <meta name="if:show tags" content="">
  26. <meta name="color:1" content="#FEC0B4">
  27. <meta name="color:2" content="#9FD2F3">
  28. <meta name="color:3" content="#ACD3B3">
  29. <meta name="text:google font" content="Gothic A1">
  30. <meta name="text:home link" content="">
  31. <meta name="text:archive link" content="archive">
  32. <meta name="text:ask link" content="message">
  33. <meta name="text:link 1" content="">
  34. <meta name="text:link 1 url" content="">
  35. <meta name="text:link 2" content="">
  36. <meta name="text:link 2 url" content="">
  37. <meta name="text:link 3" content="">
  38. <meta name="text:link 3 url" content="">
  39. <meta name="text:link 4" content="">
  40. <meta name="text:link 4 url" content="">
  41. <meta name="text:link 5" content="">
  42. <meta name="text:link 5 url" content="">
  43. <meta name="text:link 6" content="">
  44. <meta name="text:link 6 url" content="">
  45.  
  46. <link href="https://fonts.googleapis.com/css?family={text:google font}" rel="stylesheet">
  47.  
  48. <style type="text/css">
  49.  
  50. /* general */
  51.  
  52. body {
  53. margin:0;
  54. font-size:11px;
  55. font-family:{text:google font}, sans-serif;
  56. line-height:16px;
  57. overflow-x:hidden;
  58. letter-spacing:1px;
  59. -moz-osx-font-smoothing:grayscale;
  60. -webkit-font-smoothing:antialiased;
  61. font-smoothing:antialiased;
  62. color:rgb(72,72,72);
  63. background:rgb(255,255,255);
  64. }
  65. a {
  66. color:inherit;
  67. text-decoration:none;
  68. -webkit-transition:color .3s ease-out;
  69. transition:color .3s ease-out;
  70. }
  71. a:hover {
  72. color:rgb(36,36,36);
  73. }
  74. small, sub {
  75. font-size:inherit;
  76. vertical-align:baseline;
  77. }
  78. blockquote, ol, ul, pre {
  79. margin:0 0 9px;
  80. }
  81. p {
  82. margin:0;
  83. }
  84. h1, h2, h3, h4, h5, h6 {
  85. margin:0;
  86. font-size:inherit;
  87. font-weight:inherit;
  88. }
  89. ol, ul {
  90. list-style:none;
  91. padding:0;
  92. }
  93. img {
  94. border:0;
  95. max-width:100%;
  96. height:auto;
  97. display:block;
  98. }
  99. figure {
  100. margin:12px 0 9px;
  101. display:block;
  102. }
  103. hr {
  104. border:0;
  105. margin:13px 0;
  106. height:1px;
  107. -moz-box-sizing:border-box;
  108. box-sizing:border-box;
  109. background-color:rgb(224,224,224);
  110. }
  111. ::-webkit-scrollbar {
  112. width:17px;
  113. height:17px;
  114. }
  115. ::-webkit-scrollbar {
  116. background-color:rgb(255,255,255);
  117. }
  118. ::-webkit-scrollbar-track {
  119. border:8px solid rgb(255,255,255);
  120. background-color:rgb(240,240,240);
  121. }
  122. ::-webkit-scrollbar-thumb {
  123. border:8px solid rgb(255,255,255);
  124. background-color:rgb(144,144,144);
  125. }
  126.  
  127. /* accents */
  128.  
  129. .title {
  130. font-size:1.4em;
  131. letter-spacing:1px;
  132. text-transform:uppercase;
  133. /*font-family:lato, 'trebuchet ms', sans-serif;*/
  134. color:rgb(36,36,36);
  135. }
  136. .accent {
  137. font-size:0.8em;
  138. letter-spacing:1px;
  139. /*font-family:lato, 'trebuchet ms', sans-serif;*/
  140. text-transform:uppercase;
  141. color:rgb(144,144,144);
  142.  
  143. }
  144. .accent b, .notes a {
  145. font-size:1em;
  146. font-weight:normal;
  147. font-style:normal!important;
  148. letter-spacing:1px;
  149. /*font-family:lato, 'trebuchet ms', sans-serif;*/
  150. text-transform:uppercase;
  151. color:rgb(36,36,36);
  152. }
  153. .tumblr_blog:before,
  154. blockquote:after {
  155. content:'';
  156. display:block;
  157. margin:13px auto;
  158. width:40px;
  159. height:1px;
  160. background-color:rgb(224,224,224);
  161. }
  162. .source .tumblr_blog:before,
  163. .text > p .tumblr_blog:before,
  164. blockquote:last-child:after {
  165. display:none;
  166. }
  167. .text a {
  168. /*font-style:italic;*/
  169. }
  170. .text img {
  171. margin:9px auto;
  172. }
  173. .text hr {
  174. margin:9px 40%;
  175. }
  176. .caption,
  177. .question,
  178. .source {
  179. color:rgb(144,144,144);
  180. }
  181. ol {
  182. padding:0;
  183. list-style-type:none;
  184. }
  185. ol li {
  186. counter-increment:olist;
  187. }
  188. ol li::before {
  189. content:counter(olist, decimal-leading-zero) '.';
  190. margin-right:.33em;
  191. }
  192. li ol, li ul {
  193. margin:0;
  194. }
  195.  
  196. ul {
  197. padding:0;
  198. list-style-type:none;
  199. }
  200. svg {
  201. display:block;
  202. width:10px;
  203. height:auto;
  204. opacity:.75;
  205. overflow:visible;
  206. }
  207. svg path {
  208. fill:rgb(132,132,132);
  209. -webkit-transition:fill .6s ease-out;
  210. transition:fill .6s ease-out;
  211. }
  212.  
  213. /* container */
  214.  
  215. .main {
  216. margin:0 auto;
  217. }
  218.  
  219.  
  220. /* header */
  221.  
  222. header {
  223. position:fixed;
  224. top:5vh;
  225. left:5vh;
  226. z-index:10;
  227. width:50vh;
  228. margin:-6px 0 0;
  229. }
  230. header h1 {
  231. margin:0 0 1px;
  232. }
  233.  
  234. /* links */
  235.  
  236. aside {
  237. position:fixed;
  238. left:5vh;
  239. bottom:5vh;
  240. margin-bottom:-6px;
  241. z-index:11;
  242. }
  243. aside .links li {
  244. display:inline-block;
  245. margin:0 10px 0 0;
  246. }
  247. aside .links li:last-child {
  248. margin:0;
  249. }
  250.  
  251. /* icons */
  252.  
  253. .in {
  254. position:fixed;
  255. bottom:5vh;
  256. right:5vh;
  257. z-index:12;
  258. margin-bottom:-8px;
  259. margin-right:-3px;
  260. width:21px;
  261. height:auto;
  262. }
  263. .in svg {
  264. width:15px;
  265. padding:3px;
  266. }
  267. .no {
  268. position:fixed;
  269. bottom:5vh;
  270. right:5vh;
  271. z-index:12;
  272. margin-bottom:-6px;
  273. margin-right:22px;
  274. width:21px;
  275. height:auto;
  276. }
  277. .no svg {
  278. width:12px;
  279. padding:3px;
  280. }
  281. .ic {
  282. position:fixed;
  283. top:5vh;
  284. right:5vh;
  285. z-index:13;
  286. margin:-3px 0 0 0;
  287. }
  288. .ic svg {
  289. width:12px;
  290. }
  291.  
  292. /* entries */
  293.  
  294. .entry {
  295. position:relative;
  296. height:75vh;
  297. max-height:75vh;
  298. width:calc(100vw - 33vw - 25vh);
  299. padding:12.5vh;
  300. margin:0;
  301. text-align:center;
  302. counter-increment:posts;
  303. }
  304. .entry:last-child {
  305. margin-bottom:0;
  306. }
  307. .entry .post {
  308. width:75vh;
  309. padding:0 16px;
  310. overflow:auto;
  311. }
  312. .entry.ph > .post {
  313. width:auto;
  314. padding:0;
  315. overflow:visible;
  316. }
  317. .post,
  318. .media,
  319. .photo {
  320. display:block;
  321. position:absolute;
  322. /*overflow:hidden;*/
  323. top:50%;
  324. left:50%;
  325. transform:translate(-50%,-50%);
  326. max-height:75vh;
  327. max-width:calc(100vw - 33vw - 25vh);
  328. }
  329. .info .post {
  330. max-width:calc(100vw - 66vw - 25vh);
  331. }
  332. .post img {
  333. max-height:75vh;
  334. max-width:calc(100vw - 33vw - 25vh);
  335. width:auto;
  336. }
  337.  
  338. /* post info */
  339.  
  340. .b {
  341. position:absolute;
  342. right:5vh;
  343. bottom:5vh;
  344. margin-bottom:-8px;
  345. margin-right:-3px;
  346. opacity:0;
  347. z-index:10001;
  348. }
  349. .b .button {
  350. display:block;
  351. width:20px;
  352. height:20px;
  353. cursor:pointer;
  354. }
  355. .info, #notes {
  356. /*display:none;*/
  357. position:absolute;
  358. top:0;
  359. left:calc(66vw - 12.5vh);
  360. right:-33vw;
  361. bottom:0;
  362. z-index:1;
  363. background-color:rgb(255,255,255);
  364. }
  365. .tags {
  366. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  367. }
  368. .tags a {
  369. margin:0 5px;
  370. font-style:normal;
  371. }
  372.  
  373. /* post types */
  374.  
  375. .text {
  376. margin:13px 0 0;
  377. }
  378. .text:first-child,
  379. .text *:first-child {
  380. margin-top:0;
  381. }
  382. .text:last-child,
  383. .text *:last-child {
  384. margin-bottom:0;
  385. }
  386. .caption {
  387. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  388. }
  389. .chat .line {
  390. margin:13px 0 0;
  391. }
  392. .quote {
  393. font-size:11px;
  394. }
  395. .question .sender {
  396. margin:1px 0 0;
  397. }
  398. .photo {
  399. opacity:0;
  400. z-index:0;
  401. counter-increment:number;
  402. -webkit-transition:opacity .6s ease-in-out;
  403. transition:opacity .6s ease-in-out;
  404. }
  405. .photo.active {
  406. opacity:1;
  407. z-index:1;
  408. }
  409. .photo .num {
  410. position:absolute;
  411. top:100%;
  412. left:0;
  413. right:0;
  414. text-align:center;
  415. padding:10px 0 0;
  416. background-color:rgb(255,255,255);
  417. }
  418. .photo .num:before {
  419. content:counter(number);
  420. }
  421.  
  422. /* audio posts */
  423.  
  424. .audiowrap {
  425. position:relative;
  426. height:60px;
  427. overflow:hidden;
  428. background-color:rgb(245,245,245);
  429. }
  430. .albumart {
  431. position:absolute;
  432. top:0;
  433. right:0;
  434. z-index:1;
  435. display:block;
  436. width:60px;
  437. height:60px;
  438. opacity:.9;
  439. background-size:cover;
  440. display:none;
  441. }
  442. .audio {
  443. position:absolute;
  444. display:inline-block;
  445. left:0;
  446. top:0;
  447. right:0;
  448. bottom:0;
  449. text-align:left;
  450. line-height:60px;
  451. }
  452. .audio .player {
  453. width:27px;
  454. height:27px;
  455. left:16px;
  456. top:16px;
  457. opacity:.4;
  458. line-height:0;
  459. overflow:hidden;
  460. position:absolute;
  461. }
  462. .audio .track {
  463. overflow:hidden;
  464. line-height:15px;
  465. margin-left:60px;
  466. width: calc(100% - 60px);
  467. display:inline-block;
  468. vertical-align:middle;
  469. }
  470. .audio .track span {
  471. display:block;
  472. max-height:15px;
  473. white-space:nowrap;
  474. overflow:hidden;
  475. text-overflow:ellipsis;
  476. margin-right:75px;
  477. }
  478.  
  479. .pagination {
  480. font-style:italic;
  481. text-align:center;
  482. display:none;
  483. }
  484. .notes {
  485. padding:0;
  486. }
  487. .notes li {
  488. display:block;
  489. }
  490. .notes img {
  491. display:none;
  492. }
  493. .notes .more_notes_link_container {
  494. text-align:inherit!important;
  495. }
  496. /*#tumblr_controls,
  497. .tmblr-iframe {
  498. position:fixed!important;
  499. opacity:.4!important;
  500. -webkit-filter:invert(100%);
  501. -webkit-backface-visibility:hidden;
  502. padding:4px;
  503. }*/
  504. #theme {
  505. position:fixed;
  506. display:inline-block;
  507. bottom:10px;
  508. right:10px;
  509. z-index:999;
  510. padding:5px;
  511. line-height:1em;
  512. background-color:rgb(255,255,255);
  513. }
  514. #infscr-loading {
  515. display:none!important;
  516. }
  517. .npf_row img { max-width: 100%;}
  518. /*
  519. #tumblr_controls,
  520. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  521. position:fixed!important;
  522. top:-9px!important;
  523. right:0!important;
  524. {block:IndexPage}opacity:0!important;{/block:IndexPage}
  525. -webkit-filter:invert(100%);
  526. -webkit-backface-visibility:hidden;
  527. transform:scale(.93,.93);
  528. -webkit-transform:scale(.93,.93);
  529. padding:5vh calc(5vh + 21px) 5vh 5vh;
  530. -webkit-transition:opacity .3s ease-out;
  531. transition:opacity .3s ease-out;
  532. }
  533. #tumblr_controls:hover,
  534. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  535. opacity:.4!important;
  536. }
  537. */
  538. </style>
  539. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  540. </head>
  541. <body>
  542. <div class="main">
  543. <aside>
  544. <div class="links accent">
  545. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  546. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  547. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  548. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  549. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  550. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  551. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  552. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  553. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  554. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  555. <!--<li><a href="https://shythemes.tumblr.com">theme</a></li>-->
  556. </div>
  557. </aside>
  558. <header>
  559. <h1 class="title"><a href="/">{Title}</a></h1>
  560. {block:ifShowDescription}<div class="desc accent">{description}</div>{/block:ifShowDescription}
  561. </header>
  562. <div class="content">
  563. {block:Posts}
  564. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}{block:Video}ph{/block:Video}" id="{PostID}">
  565. <section class="post">
  566. {block:Audio}
  567. <div class="audiowrap">
  568. <div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div>
  569. <div class="audio accent block">
  570. {block:AudioPlayer}
  571. <div class="player">{AudioPlayerWhite}</div>
  572. {/block:AudioPlayer}
  573. <div class="track">{block:TrackName}<span><b>{TrackName}</b></span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  574. </div>
  575. </div>
  576. {/block:Audio}
  577. {block:Photo}
  578. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  579. <img src="{PhotoURL-HighRes}">
  580. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  581. {/block:Photo}
  582. {block:Photoset}
  583. {block:Photos}
  584. <a class="photo" href="#">
  585. <img src="{PhotoURL-HighRes}">
  586. <div class="num accent"> / {PhotoCount}</div>
  587. </a>
  588. {/block:Photos}
  589. {/block:Photoset}
  590. {block:Video}
  591. <div class="video">{Video-400}</div>
  592. {/block:Video}
  593. {block:Answer}
  594. <div class="question">
  595. <span class="inquiry">{Question}</span>
  596. <div class="sender accent">sent by {Asker}</div>
  597. </div>
  598. <div class="answer text">{Answer}</div>
  599. {/block:Answer}
  600. {block:Chat}
  601. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  602. <div class="chat text">
  603. {block:Lines}
  604. <div class="line">
  605. {block:Label}
  606. <div class="label accent">{Label}</div>
  607. {/block:Label}
  608. {Line}
  609. </div>
  610. {/block:Lines}
  611. </ul>
  612. {/block:Chat}
  613. {block:Link}
  614. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  615. {block:Description}<div class="text">{Description}</div>{/block:Description}
  616. {/block:Link}
  617. {block:Quote}
  618. <div class="quote title">{Quote}</div>
  619. {block:Source}
  620. <div class="source text">{Source}</div>
  621. {/block:Source}
  622. {/block:Quote}
  623. {block:Text}
  624. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  625. <div class="text">{Body}</div>
  626. {/block:Text}
  627. </section>
  628. <section class="b">
  629. <a href="#" target="_blank" class="button"></a>
  630. </section>
  631. <section class="info">
  632. <div class="post">
  633. {block:Date}<div class="date accent"><a href="{Permalink}"><b>{block:ifNotShowNoteCount}{Month} {DayOfMonth}{/block:ifNotShowNoteCount}{block:ifShowNoteCount}{NoteCountWithLabel}{/block:ifShowNoteCount}</b></a></div>{/block:Date}
  634. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  635. {block:HasTags}<div class="tags text accent">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  636. </div>
  637. </section>
  638. {block:PostNotes}
  639. <section id="notes">
  640. <div class="post">
  641. <div class="text accent">{PostNotes}</div>
  642. <div>
  643. </section>
  644. {/block:PostNotes}
  645. </article>
  646. {/block:Posts}
  647. </div>
  648. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev accent" href="{PreviousPage}">previous</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next page</a>{/block:NextPage}</div>{/block:Pagination}
  649. </div>
  650. {block:PostNotes}{block:PermalinkPage}<a class="no" href="#"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 491.115 491.115" style="enable-background:new 0 0 491.115 491.115;" xml:space="preserve"><g><g><path d="M475.624,177.416l-154.417-13.033l-60.067-142.8c-2.55-6.233-8.783-10.483-15.583-10.483s-13.033,3.967-15.583,10.483 l-60.067,142.8L15.491,177.416c-6.8,0.567-12.75,5.1-14.733,11.617s0,13.6,5.1,18.133l117.017,101.15L87.741,459.049 c-1.417,6.8,1.133,13.6,6.517,17.567c5.667,3.967,13.033,4.25,18.7,0.85l132.6-80.183l132.6,80.183 c2.833,1.7,5.667,2.55,8.783,2.55c3.4,0,7.083-1.133,9.917-3.117c5.667-3.967,8.217-11.05,6.517-17.567l-35.133-150.733 l117.017-101.15c5.1-4.533,7.083-11.617,5.1-18.133C488.374,182.516,482.424,177.983,475.624,177.416z M338.208,289.616 c-4.817,4.25-6.8,10.483-5.383,16.717l28.333,121.55l-106.817-64.6c-2.833-1.7-5.667-2.55-8.783-2.55 c-3.117,0-6.233,0.85-8.783,2.55l-106.817,64.6l28.333-121.55c1.417-6.233-0.567-12.467-5.383-16.717l-94.35-81.6l124.383-10.483 c6.233-0.567,11.9-4.533,14.167-10.2l48.45-115.317l48.45,115.033c2.55,5.95,7.933,9.917,14.167,10.2l124.383,10.483 L338.208,289.616z"/></g></g></svg></a>{/block:PermalinkPage}{/block:PostNotes}
  651. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  652. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  653. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  654. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  655. <script src="//static.tumblr.com/fwgzvyf/4hio5bpwj/jquery.mousewheel.min.js"></script>
  656. {block:IndexPage}<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:IndexPage}
  657. <script type="text/javascript">
  658. $.fn.extend({
  659. move: function(y, w) {
  660. var h = $(this).height();
  661. if (y < h - w && y >= -w) {
  662. y = y + w;
  663. $('html, body').animate({ scrollTop: y }, 1200);
  664. }
  665. return y
  666. },
  667. scrolling: function() { // automatic scrolling
  668. var t = true,
  669. y = $(this).scrollTop(),
  670. w = $(window).height();
  671. $(window).resize(function(){
  672. w = $(window).height();
  673. });
  674. $(this).bind('mousewheel', function(event){
  675. if (t) {
  676. var delta = event.deltaY;
  677. if (delta < 0)
  678. y = $(this).move(y, w);
  679. else if (delta > 0)
  680. y = $(this).move(y, -w);
  681. t = false;
  682. setTimeout(function(){ t = true }, 1200);
  683.  
  684. }
  685. });
  686. $(this).on('keydown', function(event){
  687. var k = event.which;
  688. if (t) {
  689. if (k == 32 || k == 74 || k == 40)
  690. y = $(this).move(y, w);
  691. else if (k == 75 || k == 38)
  692. y = $(this).move(y, -w);
  693. t = false;
  694. setTimeout(function(){ t = true }, 1200);
  695. }
  696. });
  697. },
  698. slide: function() { // photoset slideshows
  699. $(this).find('.photo:first-child').addClass('active');
  700. $(this).find('.photo').click(function(){
  701. $(this).removeClass('active');
  702. var $next = $(this).next('.photo');
  703. if ($next.length != 0) {
  704. $(this).next('.photo').addClass('active');
  705. }
  706. else {
  707. $(this).parent('.post').find('.photo:first-child').addClass('active');
  708. }
  709. return false
  710. });
  711. },
  712. plyrs: function(hex) { // audio players
  713. $(this).find('.soundcloud_audio_player').each(function(){
  714. $(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=' + hex.split('#')[1], height: 20, width: '100%' });
  715. });
  716. $(this).find('.tumblr_audio_player').each(function(){
  717. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  718. });
  719. }
  720. });
  721. $(document).ready(function(){
  722. var color = '#ededed',
  723. $document = $(document),
  724. $content = $('.content');
  725. //$document.scrolling();
  726. $content.slide();
  727. $content.plyrs(color);
  728. $('.photo-slideshow').pxuPhotoset({
  729. lightbox: true,
  730. rounded: false,
  731. gutter: '6px',
  732. photoset: '.photo-slideshow',
  733. photoWrap: '.photo-data',
  734. photo: '.pxu-photo'
  735. });
  736. $('.b a').click(function(){
  737. $(this).parents('.entry').find('.info').fadeToggle(300).css({ zIndex: 3 });
  738. $('#notes').delay(300).fadeOut(300);
  739. return false
  740. });
  741. $('.no').click(function(){
  742. $('#notes').fadeToggle(300);
  743. $('.info').delay(300).fadeOut(300).css({ zIndex: 0 });
  744. return false
  745. });
  746. // infinite scroll
  747. var $container = $('.content');
  748. $container.infinitescroll({
  749. itemSelector: '.entry',
  750. navSelector: '.pagination',
  751. nextSelector: '.next',
  752. loadingImg: '',
  753. loadingText: '<em></em>',
  754. bufferPx: 2000
  755. },
  756. function( newElements ) {
  757. var $newElems = $( newElements );
  758. $newElems.slide();
  759. $newElems.plyrs(color);
  760. $newElems.find('.button').click(function(){
  761. $(this).parents('.entry').find('.info').fadeToggle(300);
  762. return false
  763. });
  764. // pxu photosets
  765. $newElems.find('.photo-slideshow').pxuPhotoset({
  766. lightbox: true,
  767. rounded: false,
  768. gutter: '6px',
  769. photoset: '.photo-slideshow',
  770. photoWrap: '.photo-data',
  771. photo: '.pxu-photo'
  772. });
  773. // videos
  774. resizeVideos();
  775. });
  776. });
  777. </script>
  778.  
  779.  
  780. </body>
  781. </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!