API tools faq
paste
Advertisement
anakinskywalker

:P

anakinskywalker
Jan 19th, 2022
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <!------------------------------------------------
  6.  
  7. DUALITY BY 92PCY.TUMBLR.COM
  8. LASTED UPDATED 21.09.25 v1.01
  9.  
  10. CREDITS:
  11.  
  12. - feathericons by cole bemis
  13. - scroll to top by paul underwood
  14. - style my tooltips by malihu
  15. - timeAgo(); plugin by bychloethemes
  16. - no.js photosets by annasthms & eggdesign
  17. - smoothscroll by balazs galambosi
  18. - responsive iframes by nouvae
  19. - npf posts fix by glenthemes
  20.  
  21. -------------------------------------------------->
  22.  
  23. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <title>{title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:DayPage}/ @ {ShortMonth} {DayOfMonth}, {Year}{/block:DayPage} {block:PostSummary}/ {PostSummary}{/block:PostSummary}</title>
  27. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  28.  
  29. <meta name="image:Sidebar" content=""/>
  30.  
  31. <meta name="color:Background" content="#FFFFFF"/>
  32. <meta name="color:Text" content="#000000"/>
  33. <meta name="color:Links" content="#000000"/>
  34. <meta name="color:Accent" content="#000FFF"/>
  35. <meta name="color:Borders" content="#DCDCDC"/>
  36.  
  37. <meta name="if:Sidebar" content=""/>
  38.  
  39. <meta name="text:Title" content=""/>
  40. <meta name="text:Description" content=""/>
  41.  
  42. <meta name="text:Google Font" content="Roboto"/>
  43.  
  44. <meta name="text:Font Size" content="12px"/>
  45. <meta name="text:Post Width" content="540px"/>
  46. <meta name="text:Sidebar Width" content="150px"/>
  47. <meta name="text:Margin" content="150px"/>
  48. <meta name="text:Photoset Gutter" content="1px"/>
  49.  
  50. <meta name="text:Home Link" content="index"/>
  51. <meta name="text:Ask Link" content="contact"/>
  52. <meta name="text:Archive Link" content="archive"/>
  53.  
  54. <meta name="text:Link 1 URL" content=""/>
  55. <meta name="text:Link 1" content=""/>
  56. <meta name="text:Link 2 URL" content=""/>
  57. <meta name="text:Link 2" content=""/>
  58. <meta name="text:Link 3 URL" content=""/>
  59. <meta name="text:Link 3" content=""/>
  60. <meta name="text:Link 4 URL" content=""/>
  61. <meta name="text:Link 4" content=""/>
  62. <meta name="text:Link 5 URL" content=""/>
  63. <meta name="text:Link 5" content=""/>
  64. <meta name="text:Link 6 URL" content=""/>
  65. <meta name="text:Link 6" content=""/>
  66.  
  67. <!-- FONTS -->
  68.  
  69. <link href="https://fonts.googleapis.com/css?family=Inconsolata:300,400,500,600,700|Karla:500" rel="stylesheet">
  70.  
  71. <!-- SCRIPTS -->
  72.  
  73. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  74. <link href="https://cdn.jsdelivr.net/gh/emilymcaldwell/feathericons/style.css" rel="stylesheet" type="text/css">
  75. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78.  
  79. <!--
  80. NPF images fix v3.0 by @glenthemes [2021]
  81. 💌 git.io/JRBt7
  82. --->
  83. <script src="https://npf-images-v3.github.io/script.js"></script>
  84. <link rel="stylesheet" href="https://npf-images-v3.github.io/recon.css">
  85. <style tmblr-npf>
  86. :root {
  87. --NPF-Caption-Spacing:20px;
  88. --NPF-Image-Spacing:{text:photoset gutter};
  89. }
  90. </style>
  91.  
  92. <style type="text/css">
  93.  
  94. /* SELECTION */
  95.  
  96. ::-webkit-selection { background:{color:accent}; color:{color:background}; }
  97. ::-moz-selection{ background:{color:accent}; color:{color:background}; }
  98. ::selection { background:{color:accent}; color:{color:background}; }
  99.  
  100. ::marker { color:{color:borders}; }
  101.  
  102. /* LIGHTBOXES */
  103.  
  104. .vignette, #vignette {
  105. opacity:0;
  106. }
  107. .lightbox-image, #tumblr_lightbox img {
  108. box-shadow:none!important;
  109. border-radius:0!important;
  110. max-width:none;
  111. }
  112.  
  113. .tmblr-lightbox, #tumblr_lightbox {
  114. background-color:{color:background}D9!important;
  115. }
  116.  
  117. /* TOOLTIPS */
  118.  
  119. #s-m-t-tooltip {
  120. position:absolute;
  121. margin:15px;
  122. text-transform:uppercase;
  123. padding:10px;
  124. border-radius:3px;
  125. background:{color:accent};
  126. color:{color:background};
  127. letter-spacing:1px;
  128. font-size:10px;
  129. line-height:10px;
  130. z-index:9999;
  131. }
  132.  
  133. /* BASIC STYLES */
  134.  
  135. body {
  136. font-family:'Inconsolata', sans-serif;
  137. font-size:{text:font size};
  138. background:{color:background};
  139. line-height:150%;
  140. color:{color:text};
  141. -webkit-font-smoothing:antialiased;
  142. -moz-osx-font-smoothing:grayscale;
  143. margin:0;
  144. }
  145.  
  146. a {
  147. cursor:help;
  148. text-decoration:none;
  149. color:{color:links};
  150. transition:all 0.1s ease-in-out;
  151. }
  152.  
  153. a:hover {
  154. color:{color:accent};
  155. transition:all 0.1s ease-in-out;
  156. }
  157.  
  158. .post-info a, nav a, .comment-container a, .blog-title a {
  159. text-decoration:underline;
  160. }
  161.  
  162. h1, .title {font-size:calc({text:font size} + 3px);line-height:100%;margin-bottom:20px;}
  163. h2 {font-size:calc({text:font size} + 3px);}
  164. h3 {font-size:calc({text:font size} + 2px);}
  165. h4 {font-size:calc({text:font size} + 1px);}
  166. h5 {font-size:1em;}
  167.  
  168. small {font-size:0.9em;}
  169. big {font-size:1.1em;}
  170.  
  171. blockquote {
  172. border-left:1px solid {color:borders};
  173. margin:15px 0;
  174. padding-left:15px;
  175. }
  176.  
  177. hr {
  178. border:none;
  179. box-shadow:0;
  180. margin:20px 0;
  181. width:100%;
  182. border-top:1px solid {color:borders};
  183. }
  184.  
  185. ul, ol { list-style-position:inside; padding:0; }
  186. ul { list-style-type:circle; }
  187. ol { list-style-type:decimal; }
  188.  
  189.  
  190.  
  191. /* FORMATTING */
  192.  
  193. section {
  194. position:relative;
  195. width:{text:post width};
  196. margin:{text:margin} auto;
  197. }
  198.  
  199. .posts {
  200. position:relative;
  201. width:{text:post width};
  202. margin:{text:margin} 0;
  203. }
  204.  
  205. header {
  206. width:{text:post width};
  207. position:fixed;
  208. text-align:right;
  209. width:{text:sidebar width};
  210. margin-left:calc(-150px + -150px);
  211.  
  212. }
  213.  
  214.  
  215.  
  216. font-size:calc(13px + 2px);
  217.  
  218. font-weight:500;
  219. }
  220.  
  221. /* HEADER */
  222.  
  223. .sidebar {
  224. line-height:100;
  225.  
  226. }
  227.  
  228. .sidebar img {
  229. width:250px;
  230. }
  231.  
  232. header div {
  233. margin-bottom:20px;
  234. }
  235.  
  236.  
  237.  
  238. .blog-title {
  239. font-size:calc(12px + 4px);
  240.  
  241. font-size:calc(12px + 2px);
  242.  
  243. font-weight:500;
  244. }
  245.  
  246. .blog-title a, .post-info a { {color:links}; }
  247. .blog-title a:hover, .post-info a:hover { color:{color:borders} }
  248.  
  249. .description a { text-decoration:underline; }
  250.  
  251. nav span {
  252. display:inline-block;
  253. margin-right:5px;
  254.  
  255. display:block;
  256. margin:0;
  257.  
  258. }
  259.  
  260. /* POSTS */
  261.  
  262. .ph img { width:100%; }
  263. [photoset-layout] { grid-gap:1px; }
  264. [photoset-layout] div { cursor:help; }
  265. [photoset-layout] img { border-radius:0; }
  266.  
  267.  
  268. /* AUDIO */
  269.  
  270. .spotify_audio_player {
  271. height:80px!important;
  272. width:100%!important;
  273. }
  274.  
  275. .soundcloud_audio_player {
  276. max-height:116px!important;
  277. }
  278.  
  279. .bandcamp_audio_player {
  280. height:120px!important;
  281. width:100%!important;
  282. }
  283.  
  284. .audio-wrap {
  285. display:flex;
  286. align-items:center;
  287. height:auto;
  288. width:100%;
  289. box-sizing:border-box;
  290. line-height:0%;
  291. margin-bottom:25px;
  292. }
  293.  
  294. .audio-player {
  295. width:27px;
  296. transform:scale(1.2);
  297. margin-left:5px;
  298. margin-bottom:-3px;
  299. line-height:0;
  300. }
  301.  
  302. .audio-info {
  303. display:flex;
  304. align-items:center;
  305. justify-content:space-between;
  306. width:100%;
  307. height:70px;
  308. padding:0 20px;
  309. box-sizing:border-box;
  310. color:{color:text};
  311. background:#49464666;
  312. backdrop-filter:blur(5px);
  313. text-align:right;
  314. }
  315.  
  316. .track-info {
  317. line-height:170%;
  318. }
  319.  
  320. /* ASKS */
  321.  
  322. .asker {
  323. margin-top:-10px;
  324. }
  325.  
  326. .asker, .answerer {
  327. text-transform:lowercase;
  328. font-weight:bold;
  329. }
  330.  
  331. .answerer {
  332. margin-bottom:10px;
  333. }
  334.  
  335. .asker a, .answerer a {
  336. color:{color:text};
  337. }
  338.  
  339. .asker a:hover, .answerer a:hover {
  340. color:{color:accent};
  341. }
  342.  
  343. .asker img, .answerer img {
  344. display:none;
  345. width:20px!important;
  346. height:20px;
  347. border-radius:50%;
  348. margin:0 10px 0 0;
  349. }
  350.  
  351. .question-container, .answer-container {
  352. margin:20px 0;
  353. }
  354.  
  355. /* QUOTE */
  356.  
  357. .quote {
  358. font-size:calc({text:font size} + 1px);
  359. font-style:italic;
  360.  
  361. }
  362.  
  363. .quote-source {
  364. font-size:calc({text:font size} + 2px);
  365. font-weight:500;
  366. margin-bottom:5px;
  367. }
  368.  
  369. /* LINK */
  370.  
  371. .link {
  372. font-size:15px;
  373. }
  374.  
  375. .link .feather {
  376. font-size:15px;
  377. }
  378.  
  379. .excerpt {
  380. font-size:{text:font size};
  381. font-weight:normal;
  382. }
  383.  
  384. .link-description p {
  385. margin:10px 0 0 0;
  386. }
  387.  
  388. /* CHAT */
  389.  
  390. .line {
  391. margin-bottom:10px;
  392. }
  393.  
  394. .line:last-of-type {
  395. margin:0;
  396. }
  397.  
  398. .label {
  399. font-weight:bold;
  400. }
  401.  
  402. /* CAPTIONS */
  403.  
  404. .comment-container {
  405. margin-top:20px;
  406. }
  407.  
  408. .commenter {
  409. display:flex;
  410. align-items:center;
  411. font-weight:bold;
  412. margin:10px 0;
  413. }
  414.  
  415. .commenter a {
  416. color:{color:text};
  417. }
  418.  
  419. .commenter a:hover {
  420. color:{color:accent};
  421. }
  422.  
  423. .commenter img {
  424. display:none;
  425. width:20px!important;
  426. height:20px;
  427. border-radius:50%;
  428. margin:0 10px 0 0;
  429. }
  430.  
  431. /* POST INFO */
  432.  
  433. .post-info {
  434. margin-top:20px;
  435. }
  436.  
  437. .date {
  438. display:inline;
  439. margin-right:5px;
  440. overflow-wrap:break-word;
  441. }
  442.  
  443. .date:first-of-type {
  444. font-weight:bold;
  445. }
  446.  
  447. /* NOTES */
  448.  
  449. .notes-info {
  450. display:flex;
  451. flex-direction:column;
  452. margin-top:{text:margin};
  453. }
  454.  
  455. ol.notes { padding:0; margin:0; display:block; margin-bottom:{text:margin}; }
  456. .notes img, .notes-source img { display:none; vertical-align:middle; width:20px; border-radius:50%; margin-right:10px; }
  457. li.note { display:block; margin:0; padding:3px 0; width:100%; }
  458. li.note blockquote { padding:0 0 0 10px; margin:5px 0 0 9px; }
  459. a.more_notes_link,.notes_loading { color:{color:text}; text-transform:lowercase; font-weight:bold; text-align:left!important; }
  460. a.more_notes_link:hover { color:{color:accent}; }
  461. .more_notes_link,.notes_loading {
  462. display:inline-block;
  463. text-align:left!important;
  464. width:inherit;
  465. margin-top:0;
  466. }
  467.  
  468. /* FOOTER */
  469.  
  470. footer {
  471. display:flex;
  472. align-items:center;
  473. justify-content:center;
  474. line-height:100%;
  475. }
  476.  
  477. footer span {
  478. margin:0 10px;
  479. }
  480.  
  481. footer .feather {
  482. font-size:20px;
  483. }
  484.  
  485. /* CREDIT */
  486.  
  487. .feather {
  488. font-size:16px;
  489. line-height:100%;
  490. }
  491.  
  492. .credit {
  493. position:fixed;
  494. bottom:20px;
  495. right:20px;
  496. background:{color:background};
  497. padding:7px;
  498. border-radius:5px;
  499. line-height:100%;
  500. }
  501.  
  502. .top {
  503. display:none;
  504. position:fixed;
  505. bottom:60px;
  506. right:20px;
  507. background:{color:background};
  508. padding:7px;
  509. border-radius:5px;
  510. line-height:100%;
  511. }
  512.  
  513. /* CUSTOM CSS */
  514.  
  515. {CustomCSS}
  516.  
  517. /* MEDIA QUERIES */
  518.  
  519. @media only screen and (max-width: 1200px) {
  520. section, .posts, header, footer {
  521. width:{text:post width};
  522. }
  523.  
  524. header {
  525. position:relative;
  526. text-align:left;
  527. margin:0;
  528. }
  529.  
  530. .blog-title {
  531. margin-bottom:5px;
  532. font-size:calc({text:font size} + 4px);
  533. }
  534.  
  535. .sidebar {
  536. display:none;
  537. }
  538.  
  539. nav span {
  540. display:inline-block;
  541. margin-right:5px;
  542. }
  543. }
  544.  
  545. @media only screen and (max-width: 720px) {
  546. section, .posts, header, footer {
  547. position:relative;
  548. width:80vw;
  549. margin:75px auto;
  550. padding:0;
  551. }
  552.  
  553. .video, .tmblr-full > video {
  554. width:80vw;
  555. }
  556.  
  557. .iframe-controls--phone-mobile {display: none!important;}
  558. .tmblr-iframe-pushdown {padding-top: 0!important;}
  559. .tmblr-iframe--app-cta-button {display: none!important;}
  560. }
  561.  
  562. </style>
  563. </head>
  564. <body>
  565.  
  566. <section id="entries">
  567.  
  568. <header>
  569.  
  570. <div class="sidebar"><a href="/"><img src="{image:Sidebar}"></a></div>
  571.  
  572. <div class="blog-title"><a href="/">{text:Title}</a></div>
  573.  
  574. {block:ifDescription}
  575. <div class="description">{text:Description}</div>
  576. {/block:ifDescription}
  577. <nav>
  578. {block:ifHomeLink}<span><a href="/">{text:Home Link}</a></span>{/block:ifHomeLink}
  579. {block:ifAskLink}<span><a href="/ask">{text:Ask Link}</a></span>{/block:ifAskLink}
  580. {block:ifArchiveLink}<span><a href="/archive">{text:Archive Link}</a></span>{/block:ifArchiveLink}
  581. {block:ifLink1}<span><a href="{text:Link 1 URL}">{text:Link 1}</a></span>{/block:ifLink1}
  582. {block:ifLink2}<span><a href="{text:Link 2 URL}">{text:Link 2}</a></span>{/block:ifLink2}
  583. {block:ifLink3}<span><a href="{text:Link 3 URL}">{text:Link 3}</a></span>{/block:ifLink3}
  584. {block:ifLink4}<span><a href="{text:Link 4 URL}">{text:Link 4}</a></span>{/block:ifLink4}
  585. {block:ifLink5}<span><a href="{text:Link 5 URL}">{text:Link 5}</a></span>{/block:ifLink5}
  586. {block:ifLink6}<span><a href="{text:Link 6 URL}">{text:Link 6}</a></span>{/block:ifLink6}
  587. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  588. </nav>
  589. </header>
  590.  
  591. {block:posts}
  592. <article class="posts {block:caption}captioned{/block:caption}" post-type="{PostType}">
  593.  
  594. <!-- {block:NoRebloggedFrom}
  595. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  596. {/block:NoRebloggedFrom} -->
  597. {block:ContentSource}<!-- {SourceURL}
  598. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  599. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  600. {/block:ContentSource}
  601.  
  602. {block:Text}
  603. <div class="body">
  604. {block:NotReblog}
  605. <div class="comment-container">
  606. {block:Title}
  607. <div class="title">{Title}</div>
  608. {/block:Title}
  609. {Body}</div>
  610. {/block:NotReblog}
  611. {block:RebloggedFrom}
  612. {block:Reblogs}
  613. <div class="comment-container">
  614. {block:Title}
  615. <div class="title">{Title}</div>
  616. {/block:Title}
  617. <div class="commenter source-head">
  618. <img src="{PortraitURL-64}"/>
  619. <span>
  620. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  621. </span>
  622. </div>
  623. <div class="comment">{Body}</div>
  624. </div>
  625. {/block:Reblogs}
  626. {/block:RebloggedFrom}
  627. </div>
  628. {/block:Text}
  629.  
  630. <div class="ph">
  631.  
  632. {block:Photo}
  633. <a class="photo" href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
  634. {/block:Photo}
  635.  
  636. {block:Photoset}
  637. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}"/></div>{/block:Photos}</div>
  638. {/block:Photoset}
  639.  
  640. </div>
  641.  
  642. {block:Video}
  643. <div class="video">{VideoEmbed-500}</div>
  644. {/block:Video}
  645.  
  646. {block:Quote}
  647. <div class="quote-container">
  648. {block:Source}<div class="quote-source">{Source} &horbar;</div>{/block:Source}
  649. <div class="quote">{Quote}</div>
  650. </div>
  651. {/block:Quote}
  652.  
  653. {block:Link}
  654. <div class="link-container">
  655. <div class="link"><a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {target}><span>{Name} {block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}</span><i class="feather feather-external-link"></i></a></div>
  656. {block:Description}
  657. <div class="link-description">
  658. {block:NotReblog}{Description}{/block:NotReblog}
  659. </div>
  660. {/block:Description}
  661. </div>
  662. {/block:Link}
  663.  
  664. {block:Chat}
  665. <div class="chat">
  666. {block:Lines}
  667. <div class="line"><span class="label">{block:Label}{Label} {/block:Label}</span>{Line}</div>
  668. {/block:Lines}
  669. </div>
  670. {/block:Chat}
  671.  
  672. {block:Audio}
  673. <div class="audio-wrap" style="background-color:{color:text};background-image:url({block:AlbumArt}{AlbumArtURL}{/block:AlbumArt});background-position-y:center;background-size:100%;">
  674. <div class="audio-info">
  675. <div class="audio-player">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div>
  676. <span class="track-info">
  677. <div class="track">{block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}</div>
  678. <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  679. </span>
  680. </div>
  681. </div>
  682. {/block:Audio}
  683.  
  684. {block:Answer}
  685. <div class="question-container">
  686. <div class="question_text"><p>{Question}</p></div>
  687. <div class="asker">
  688. <img src="{AskerPortraitURL-48}"/>
  689. &horbar; sent by {Asker}
  690. </div>
  691. </div>
  692. {block:Answerer}
  693. <div class="answer-container">
  694. <div class="answerer">
  695. <img src="{AnswererPortraitURL-48}"/>
  696. {Answerer}
  697. </div>
  698. <div class="answer_text">{Answer}</div>
  699. </div>
  700. {block:Reblogs}
  701. <div class="reply-container">
  702. <div class="replier">
  703. <img src="{PortraitURL-64}"/>
  704. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  705. </div>
  706. <div class="reply">{Body}</div>
  707. </div>
  708. {/block:Reblogs}
  709. {/block:Answerer}
  710. {block:NotReblog}
  711. <div class="answer-container">
  712. <div class="answer_text">{Answer}</div>
  713. </div>
  714. {/block:NotReblog}
  715. {/block:Answer}
  716.  
  717. {block:Caption}
  718. <div class="caption">
  719. {block:NotReblog}
  720. <div class="comment-container">
  721. <div class="comment">{Caption}</div>
  722. </div>
  723. {/block:NotReblog}
  724. {block:RebloggedFrom}
  725. {block:Reblogs}
  726. <div class="comment-container">
  727. <div class="commenter">
  728. <img src="{PortraitURL-64}"/>
  729. <span>
  730. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  731. </span>
  732. </div>
  733. <div class="comment">{Body}</div>
  734. </div>
  735. {/block:Reblogs}
  736. {/block:RebloggedFrom}
  737. </div>
  738. {/block:Caption}
  739.  
  740. {block:Date}
  741. <div class="post-info">
  742. <div class="date"><a href="{Permalink}" class="notecount">{NoteCount}</a></div>
  743. {block:hastags}
  744. {block:Tags}<div class="date"><a href="{TagUrl}">#{Tag}</a></div>{/block:Tags}
  745. {/block:hasTags}
  746. </div>
  747. {/block:Date}
  748.  
  749. {block:PostNotes}
  750. <div class="notes-info">
  751. <span><b>{TimeAgo} on {DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}</b></span>
  752. {block:NotReblog}
  753. <span>original post by <a href="{ReblogParentURL}">@{Name}</a></span>
  754. {/block:NotReblog}
  755. {block:RebloggedFrom}
  756. <span>reblogged from <a href="{ReblogParentURL}">@{ReblogParentName}</a></span>
  757. <span>{block:ContentSource}originally posted by <a href="{ReblogRootURL}">@{ReblogRootName}</a>{/block:ContentSource}</span>
  758. {/block:RebloggedFrom}
  759. </div>
  760. <hr>{PostNotes}
  761. {/block:PostNotes}
  762.  
  763. </article>
  764. {/block:Posts}
  765.  
  766. {block:Pagination}
  767. <footer>
  768. {block:PreviousPage}
  769. <span><a href="{PreviousPage}">back</a></span>
  770. {/block:PreviousPage}
  771. {block:JumpPagination length="5"}{block:CurrentPage}
  772. <span class="current_page">{PageNumber}</span>
  773. {/block:CurrentPage}{block:JumpPage}
  774. <span><a class="jump_page" href="{URL}">{PageNumber}</a></span>
  775. {/block:JumpPage}{/block:JumpPagination}
  776. {block:NextPage}
  777. <span><a href="{NextPage}">next</a></span>
  778. {/block:NextPage}
  779. </footer>
  780. {/block:Pagination}
  781.  
  782. </section>
  783.  
  784. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  785. <script>
  786. $('section').find('.notecount').each(function(){
  787. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  788. if (n > 999) {
  789. n = Math.floor(n / 100) / 10;
  790. $(this).text(n + 'k');
  791. }
  792. });
  793.  
  794. $(".time-ago").timeAgo({
  795. time: "word",
  796. spaces: true,
  797. words: false,
  798. suffix: "ago",
  799. });
  800. </script>
  801.  
  802. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  803.  
  804. <script>
  805. $(document).ready(function() {
  806. flexibleFrames($(".video"));
  807. });
  808. </script>
  809.  
  810. <script>
  811. (function($){
  812. $(document).ready(function(){
  813. $("[title]").style_my_tooltips({
  814. tip_follows_cursor:true,
  815. tip_delay_time:30,
  816. tip_fade_speed:300,
  817. attribute:"title"
  818. });
  819. });
  820. })(jQuery);
  821. </script>
  822.  
  823. <script>
  824. function gatherData(images, arr) {
  825. for (let i = 0; i < images.length; i++) {
  826. let currentData = {
  827. "width": images[i].getAttribute('data-width'),
  828. "height": images[i].getAttribute('data-height'),
  829. "low_res": images[i].getAttribute('data-lowres'),
  830. "high_res": images[i].getAttribute('data-highres')
  831. };
  832. arr.push(currentData);
  833. }
  834. }
  835. function getIndex(elem) {
  836. let i = 0;
  837. while( (elem = elem.previousElementSibling) != null ) i++;
  838. return i;
  839. }
  840. function lightbox(elem) {
  841. let currentPhotoset = elem.parentNode;
  842. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  843. let data = [];
  844. gatherData(photosetPhotos, data);
  845. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  846. }
  847. </script>
  848.  
  849. <script>
  850. $(document).ready(function() {
  851. var $audio = $('iframe.tumblr_audio_player');
  852. $audio.load(function() {
  853. $(this).contents().find('head').append('<style type="text/css">' +
  854. '.audio-player { background: transparent; color: {color:background} !important; }' +
  855. '.simple-player .audio-player { width:27px; }' +
  856. '.audio_player { height:27px!important; }' +
  857. '.audio-player .progress { display:none; }' +
  858. '.simple-player .audio-player .play-pause { padding:0; }' +
  859. '</style>');
  860. });
  861. });
  862. </script>
  863.  
  864. <script>
  865. $(document).ready(function(){
  866. $(window).scroll(function(){
  867. if ($(this).scrollTop() > 100) {
  868. $('.top').fadeIn();
  869. } else {
  870. $('.top').fadeOut();
  871. }
  872. });
  873.  
  874. $('.top').click(function(){
  875. $('html, body').animate({scrollTop : 0},800);
  876. return false;
  877. });
  878.  
  879. });
  880. </script>
  881.  
  882. <a href="#" title="back to top" class="top"><i class="feather feather-arrow-up"></i></a>
  883.  
  884. <div class="credit"><a href="https://92pcy.tumblr.com/" title="92pcy"><i class="feather feather-smile"></i></a></div>
  885.  
  886. </body>
  887.  
  888. </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!