API tools faq
paste
mercurythms

asteroid (theme)

mercurythms
Aug 2nd, 2020 (edited)
2,141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.95 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. asteroid :: @mercurythms :: @freddie-mercurys
  5.  
  6. please don't remove credit or take parts of this code :)
  7.  
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html>
  12. <head>
  13.  
  14. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{favicon}">
  17.  
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  22.  
  23. <!--variables-->
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:text" content="#777777"/>
  29. <meta name="color:link" content="#bbbbbb"/>
  30. <meta name="color:link Hover" content="#cccccc"/>
  31. <meta name="color:sidebar link" content="#bfb8cb"/>
  32. <meta name="color:sidebar link hover" content="#d9d4e2"/>
  33. <meta name="color:title"content="#bfb8cb"/>
  34. <meta name="color:accent"content="#d9d4e2"/>
  35. <meta name="color:scrollbar" content="#dddddd" />
  36. <meta name="color:borders" content="#eeeeee"/>
  37.  
  38. <meta name="text:home title" content="index"/>
  39. <meta name="text:ask title" content="message"/>
  40. <meta name="text:archive title" content="history"/>
  41. <meta name="text:link 1 url" content="" />
  42. <meta name="text:link 1" content="" />
  43. <meta name="text:link 2 url" content="" />
  44. <meta name="text:link 2" content="" />
  45. <meta name="text:link 3 url" content="" />
  46. <meta name="text:link 3" content="" />
  47.  
  48. <meta name="if:bold font" content="1"/>
  49. <meta name="if:sidebar border" content="1"/>
  50. <meta name="if:animated scrolling" content="1"/>
  51.  
  52. <meta name="select:font" content="Karla" title="Karla">
  53. <meta name="select:font" content="Open Sans" title="Open Sans">
  54. <meta name="select:font" content="Lato" title="Lato">
  55. <meta name="select:font" content="Mulish" title="Mulish">
  56. <meta name="select:font" content="Overpass" title="Overpass">
  57. <meta name="select:font" content="Roboto" title="Roboto">
  58. <meta name="select:font" content="Nunito Sans" title="Nunito Sans">
  59. <meta name="select:font" content="Source Sans Pro" title="Source Sans Pro">
  60. <meta name="select:font" content="Raleway" title="Raleway">
  61. <meta name="select:font" content="Rubik" title="Rubik">
  62.  
  63. <meta name="select:font style" content="lowercase" title="lowercase"/>
  64. <meta name="select:font style" content="capitalize" title="capitalize"/>
  65.  
  66. <meta name="select:font size" content="13px" title="13px"/>
  67. <meta name="select:font size" content="12px" title="12px"/>
  68. <meta name="select:font size" content="11px" title="11px"/>
  69. <meta name="select:font size" content="10px" title="10px"/>
  70.  
  71. <meta name="select:post width" content="540px" title="540px"/>
  72. <meta name="select:post width" content="400px" title="400px"/>
  73. <meta name="select:post width" content="450px" title="450px"/>
  74. <meta name="select:post width" content="500px" title="500px"/>
  75.  
  76. <meta name="select:sidebar width" content="250px" title="250px"/>
  77. <meta name="select:sidebar width" content="200px" title="200px"/>
  78. <meta name="select:sidebar width" content="150px" title="150px"/>
  79.  
  80.  
  81. <link href="https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i&display=swap" rel="stylesheet">
  82.  
  83. <style type="text/css">
  84.  
  85. /*tumblr controls*/
  86.  
  87. .iframe-controls--desktop {
  88. white-space:nowrap!important;
  89. top:10px!important;
  90. right:10px!important;
  91. opacity:.6!important;
  92. position:fixed!important;
  93. transform:scale(0.65);
  94. transform-origin:100% 0;
  95. }
  96.  
  97. .tmblr-iframe--app-cta-button {
  98. display: none!important;
  99. }
  100.  
  101. /*tooltips*/
  102.  
  103. .tippy-tooltip.custom-theme {
  104. background-color: {color:background};
  105. color: {color:title};
  106. text-align: center;
  107. text-transform: {select:font style};
  108. letter-spacing: 1px;
  109. border-radius: 0;
  110. padding: 0.25em;
  111. margin: 20px auto auto 10px;
  112. font-size: 1em;
  113. border: 1px solid {color:borders};
  114. }
  115.  
  116. /*scrollbar*/
  117.  
  118. ::-webkit-scrollbar{
  119. height:11px;
  120. width:11px;
  121. background:inherit;
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  125.  
  126. ::-webkit-scrollbar-track {background:{color:borders};}
  127.  
  128. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  129.  
  130. /*main structure*/
  131.  
  132. body {
  133. background:{color:background};
  134. color:{color:text};
  135. font:{select:font size}/1.5em {select:font}, sans-serif;
  136. letter-spacing:.5px;
  137. word-wrap:break-word;
  138. text-align:left;
  139. margin:0;
  140. opacity: 1;
  141. transition: 1s opacity;
  142. }
  143.  
  144. body.fade-out {
  145. opacity: 0;
  146. transition: none;
  147. }
  148.  
  149. a {
  150. color:{color:link};
  151. text-decoration:none;
  152. transition:all .3s linear;
  153. -webkit-transition:all .3s linear;
  154. -o-transition:all .3s linear;
  155. -moz-transition:all .3s linear;
  156. }
  157.  
  158. a, a img {cursor:pointer;}
  159.  
  160. a:hover {
  161. color:{color:link hover};
  162. text-decoration:none;
  163. }
  164.  
  165. img {
  166. opacity:1;
  167. border:0;
  168. text-decoration:none;
  169. max-width:100%;
  170. height:auto;
  171. display:block;
  172. }
  173.  
  174. blockquote {
  175. padding:.25em 0 .25em 15px;
  176. margin:.5em 0;
  177. border-left:1px solid {color:borders};
  178. }
  179.  
  180. pre {
  181. padding:0;
  182. margin:0;
  183. line-height:inherit!important;
  184. background:transparent;
  185. font-family:inherit!Important;
  186. font-size:inherit!important;
  187. white-space:pre-wrap;
  188. white-space:-moz-pre-wrap;
  189. white-space:-pre-wrap;
  190. white-space:-o-pre-wrap;
  191. word-wrap:break-word;
  192. }
  193.  
  194. p {margin:1em 0;}
  195.  
  196. p:first-of-type {margin-top:0;}
  197.  
  198. p:last-of-type {margin-bottom:0;}
  199.  
  200. b, strong, b a, strong a {
  201. font-weight:700!important;
  202. color:{color:title};
  203. }
  204.  
  205. small, big, sub, pre {
  206. font-size:1em!important;
  207. line-height:1.4em!important;
  208. vertical-align:baseline!important;
  209. }
  210.  
  211. h1, h2, h3, h4 {
  212. margin:1.5em 0;
  213. font-size:1.25em;
  214. padding:0;
  215. color:{color:title};
  216. text-transform:{select:font style};
  217. {block:ifboldfont}
  218. font-weight:700;
  219. {/block:ifboldfont}
  220. }
  221.  
  222. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  223.  
  224. hr {
  225. border:none;
  226. box-shadow:0;
  227. margin:2em auto;
  228. width:{select:post width};
  229. border-top:1px solid {color:borders};
  230. }
  231.  
  232. /*sidebar*/
  233.  
  234. sidebar {
  235. display:block;
  236. position:fixed;
  237. top:0;
  238. width:{select:sidebar width};
  239. height:100%;
  240. padding:150px 50px 0 0;
  241. text-align:right;
  242. {block:ifsidebarborder}
  243. border-right:1px solid {color:borders};
  244. {/block:ifsidebarborder}
  245. }
  246.  
  247. .sidebaricon {
  248. display:inline-block;
  249. margin-bottom:1.5em;
  250. }
  251.  
  252. .sidebaricon img {
  253. width:60px;
  254. height:60px;
  255. border-radius:100px;
  256. }
  257.  
  258. .blogtitle {
  259. display:block;
  260. margin-bottom:1.5em;
  261. font-size:1.25em;
  262. letter-spacing:2px;
  263. text-transform:{select:font style};
  264. {block:ifboldfont}
  265. font-weight:700;
  266. {/block:ifboldfont}
  267. }
  268.  
  269. .blogtitle a{
  270. color:{color:title};
  271. }
  272.  
  273. .blogtitle a:hover{color:{color:accent};}
  274.  
  275. .description {
  276. display:block;
  277. margin-bottom:1.5em;
  278. }
  279.  
  280. nav {
  281. display:block;
  282. text-transform:{select:font style};
  283. {block:ifboldfont}
  284. font-weight:700;
  285. {/block:ifboldfont}
  286. }
  287.  
  288. nav a {
  289. display:block;
  290. margin-bottom:5px;
  291. color:{color:sidebar link};
  292. }
  293.  
  294. nav a:hover {color:{color:sidebar link hover};}
  295.  
  296. nav a:after {
  297. content:'';
  298. background: {color:borders};
  299. width: 40px;
  300. height: 1px;
  301. margin-left: 5px;
  302. position: relative;
  303. top: -3px;
  304. display:inline-block;
  305. transition:all .3s ease;
  306. -webkit-transition:all .3s ease;
  307. -moz-transition:all .3s ease;
  308. -o-transition:all .3s ease;
  309. }
  310.  
  311. nav a:hover:after {width: 60px;}
  312.  
  313. /*pagination*/
  314.  
  315. .pagination {
  316. margin: auto auto 20px auto;
  317. text-align:center;
  318. width:300px;
  319. }
  320.  
  321. .pagination a {
  322. display:inline-block;
  323. margin:0 1.5em;
  324. }
  325.  
  326. .pnext {
  327. display:inline-block;
  328. float:right;
  329. text-align:right;
  330. }
  331.  
  332. .pback {
  333. display:inline-block;
  334. float:left;
  335. text-align:left;
  336. }
  337.  
  338. .pnext svg, .pback svg{
  339. vertical-align: middle;
  340. width:15px;
  341. height:15px;
  342. padding:3px;
  343. background: {color:accent};
  344. opacity:.5;
  345. color:{color:background};
  346. border-radius:50%;
  347. }
  348.  
  349. /*posts*/
  350.  
  351. .container {
  352. position:relative;
  353. margin:auto;
  354. width:calc({select:post width} + 400px);
  355. }
  356.  
  357. .entries {
  358. margin:150px 0 100px 0;
  359. width:{select:post width};
  360. float:right;
  361. }
  362.  
  363. .posts {
  364. width:{select:post width};
  365. overflow:hidden;
  366. margin-bottom:100px;
  367. {block:PermalinkPage}
  368. margin-bottom: 50px;
  369. {/block:PermalinkPage}
  370. }
  371.  
  372. .posts:last-child {margin-bottom:0px;}
  373.  
  374. .ph {
  375. position:relative;
  376. overflow:hidden;
  377. }
  378.  
  379. .ph img {
  380. width:100%;
  381. display:block;
  382. }
  383.  
  384. /*photosets*/
  385.  
  386. [photoset-layout] {grid-gap: 1px;}
  387.  
  388. [photoset-layout] div {cursor: pointer;}
  389.  
  390. :root { --NPF-Image-Spacing:1px; /* spacing value */ }
  391.  
  392. .npf_row {
  393. display:flex!important;
  394. margin:calc(var(--NPF-Image-Spacing) / -2)!important;
  395. margin-bottom:calc(var(--NPF-Image-Spacing) / 2)!important;
  396. }
  397.  
  398. .npf_row:last-of-type {
  399. margin-bottom:calc(var(--NPF-Image-Spacing) / -2)!important; }
  400.  
  401. .tmblr-full {
  402. flex:1;
  403. margin:0!important;
  404. padding:calc(var(--NPF-Image-Spacing) / 2)!important;
  405. width:auto!important;
  406. height:auto!important;
  407. outline:none;
  408. }
  409.  
  410. /*titles*/
  411.  
  412. .title {
  413. color:{color:title};
  414. font-size:1.25em;
  415. line-height:1.5em;
  416. text-transform:{select:font style};
  417. letter-spacing:2px;
  418. {block:ifboldfont}
  419. font-weight:700;
  420. {/block:ifboldfont}
  421. }
  422.  
  423. .title a {color:{color:title};}
  424.  
  425. .title a:hover {color:{color:accent};}
  426.  
  427. .ted {margin-top:1.5em;}
  428.  
  429. /*captions*/
  430.  
  431. .comment {
  432. padding:0 0 1.5em 0;
  433. list-style:none;
  434. }
  435.  
  436. .comment:last-of-type {padding-bottom:0!important;}
  437.  
  438. .user {
  439. display:inline-block;
  440. line-height:1em;
  441. text-transform: {select:font style};
  442. margin-bottom:.75em;
  443. }
  444.  
  445. .user:before {
  446. content:'';
  447. position:relative;
  448. display:inline-block;
  449. width:3px;
  450. height:3px;
  451. background:{color:text};
  452. opacity:.5;
  453. border-radius:50%;
  454. margin-right:3px;
  455. top:-2px;
  456. }
  457.  
  458. .user a{color:{color:link};}
  459.  
  460. .user a:hover{color:{color:link hover};}
  461.  
  462. .captioned .comment:first-of-type {margin-top:2em;}
  463.  
  464. .tex li, .tex blockquote {text-align:left;}
  465.  
  466. /*quote*/
  467.  
  468. .quote {
  469. padding:20px;
  470. margin-bottom:2em;
  471. border:1px solid {color:borders};
  472. border-radius:5px;
  473. text-align:center;
  474. font-size:1.25em;
  475. text-transform:{select:font style};
  476. letter-spacing:2px;
  477. {block:ifboldfont}
  478. font-weight:700;
  479. {/block:ifboldfont}
  480. }
  481.  
  482. .quote:before {
  483. content:'❝';
  484. margin-right:5px;
  485. }
  486.  
  487. .quote:after {
  488. content:'❞';
  489. margin-left:5px;
  490. }
  491.  
  492. .source {
  493. margin-top:.5em;
  494. text-transform:{select:font style};
  495. }
  496.  
  497. .source:before {
  498. content:'—';
  499. color:{color:text};
  500. opacity:0.5;
  501. margin-right:5px;
  502. }
  503.  
  504. /*audio*/
  505.  
  506. .player {
  507. width:25px;
  508. height:24px;
  509. position:absolute;
  510. left:10px;
  511. top:calc(50% - 15px);
  512. display:block;
  513. overflow:hidden;
  514. }
  515.  
  516. .hold {
  517. text-align:left;
  518. background:{color:background};
  519. border:1px solid {color:borders};
  520. border-radius:5px;
  521. position:relative;
  522. display:block;
  523. min-height:24px;
  524. padding:20px;
  525. }
  526.  
  527. .audio_info {
  528. vertical-align:middle;
  529. line-height:12px;
  530. margin-left:35px;
  531. max-width:calc(100% - 35px);
  532. }
  533.  
  534. .audio_info span {
  535. white-space:nowrap;
  536. overflow:hidden;
  537. text-overflow:ellipsis;
  538. display:block;
  539. }
  540.  
  541. .hold .track {
  542. color:{color:title};
  543. {block:ifboldfont}
  544. font-weight:700;
  545. {/block:ifboldfont}
  546. }
  547.  
  548. /*asks*/
  549.  
  550. .q {
  551. text-align:left;
  552. padding:20px;
  553. margin-bottom:2em;
  554. border:1px solid {color:borders};
  555. border-radius:5px;
  556. }
  557.  
  558. .as {text-transform:{select:font style};}
  559.  
  560. .as a {color:{color:text};}
  561.  
  562. .as a:hover {color:{color:link hover};}
  563.  
  564. /*chat*/
  565.  
  566. .chat {
  567. text-align:left;
  568. margin:0;
  569. padding:0;
  570. list-style:none;
  571. }
  572.  
  573. .l {
  574. padding:15px 0;
  575. border-bottom:1px solid {color:borders};
  576. }
  577.  
  578. .label {
  579. font-weight:700;
  580. color:{color:title};
  581. display:inline-block;
  582. }
  583.  
  584. .l:first-of-type {padding-top:0;}
  585.  
  586. .l:last-of-type {
  587. padding-bottom:0;
  588. border:0;
  589. }
  590.  
  591. /*permalink and notes*/
  592.  
  593. .post-info {
  594. margin-top:15px;
  595. display:inline;
  596. }
  597.  
  598. .when {
  599. display:inline;
  600. padding-right:30px;
  601. }
  602.  
  603. .tags {
  604. display:inline;
  605. max-width:{select:post width};
  606. text-transform:lowercase;
  607. }
  608.  
  609. .tags a {
  610. display:inline;
  611. text-align:left;
  612. color:{color:link};
  613. }
  614.  
  615. .tags a:hover {
  616. color:{color:link hover};
  617. }
  618.  
  619. .tags a:before {
  620. content:'#';
  621. color:{color:accent};
  622. }
  623.  
  624. .tags a:not(:last-child) {
  625. margin-right:5px;
  626. }
  627.  
  628. .pin-post {
  629. display:block;
  630. opacity:.9;
  631. margin-top:15px;
  632. }
  633.  
  634. .pin-post svg, .when svg, .tags svg{
  635. width:{select:font size};
  636. height:{select:font size};
  637. color:{color:accent};
  638. vertical-align:middle;
  639. margin:-2px 5px 0 0;
  640. }
  641.  
  642. .pagenotes {
  643. margin-top:2em;
  644. width:{select:post width};
  645. }
  646.  
  647. ol.notes {
  648. list-style-type:none;
  649. padding:0px;
  650. margin:0px;
  651. }
  652.  
  653. ol.notes li.note {
  654. display:block;
  655. padding:0;
  656. margin:5px 0;
  657. }
  658.  
  659. ol.notes li.note img.avatar {display:none!important;}
  660.  
  661. a.more_notes_link {
  662. display:block;
  663. text-align:center;
  664. color:{color:title};
  665. }
  666.  
  667. /*responsive*/
  668.  
  669. @media only screen and (max-width: 1024px) {
  670.  
  671. .container, sidebar, .entries, .posts, .pagination, hr {width:75vw;}
  672.  
  673. sidebar {
  674. height:auto;
  675. position:static;
  676. text-align:left;
  677. padding-right:0px;
  678. padding-bottom:3em;
  679. border-right:0px;
  680. {block:ifsidebarborder}
  681. border-bottom:1px solid {color:borders};
  682. {/block:ifsidebarborder}
  683. }
  684.  
  685. nav a {
  686. display:inline-block;
  687. margin:0 1.5em 0 0;
  688. }
  689.  
  690. nav a:after {display:none;}
  691.  
  692. .entries {margin:100px auto 100px;}
  693.  
  694. .pagination a {margin-right:1em;}
  695.  
  696. }
  697.  
  698. @media only screen and (max-width: 600px) {
  699. .pagination a {margin-right:5px;}
  700. }
  701.  
  702. /*theme credit*/
  703.  
  704. .credit {
  705. display:block;
  706. position:fixed;
  707. right:20px;
  708. bottom:20px;
  709. font-size:1.5em;
  710. }
  711.  
  712. {CustomCSS}
  713.  
  714. </style>
  715.  
  716. </head>
  717.  
  718. <body>
  719.  
  720. <script>document.body.className += ' fade-out';</script>
  721.  
  722. <div class="container">
  723.  
  724. <sidebar>
  725. {block:ifSidebarImage}<div class="sidebaricon"><img src="{image:Sidebar}"/></div>{/block:ifSidebarImage}
  726. <div class="blogtitle"><a href="/">{Title}</a></div>
  727. <div class="description">{Description}</div>
  728. <nav>
  729. {block:ifhometitle}<a href="/">{text:home title}</a>{/block:ifhometitle}{block:ifasktitle}<a href="/ask">{text:ask title}</a>{/block:ifasktitle}{block:ifarchivetitle}<a href="/archive">{text:archive title}</a>{/block:ifarchivetitle}{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  730. </nav>
  731. </sidebar>
  732.  
  733. <div class="entries">
  734.  
  735. {block:posts}
  736. <article class="posts {block:caption}captioned{/block:caption}" id="{PostID}" {block:ifanimatedscrolling}data-aos="fade-up"{/block:ifanimatedscrolling}>
  737.  
  738. {block:Quote}
  739. <div class="title quote">{quote}</div>
  740. {block:Source}<div class="source">{source}</div>{/block:Source}
  741. {/block:Quote}
  742.  
  743. {block:Text}
  744. <div class="text-post">
  745. {block:Title}<div class="title">{title}</div>{/block:Title}
  746. {block:RebloggedFrom}
  747. {block:Reblogs}
  748. <li class="comment {block:Title}ted{/block:Title}">
  749. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  750. <div class="tex">{body}</div>
  751. </li>
  752. {/block:Reblogs}
  753. {/block:RebloggedFrom}
  754. {block:NotReblog}
  755. <li class="comment {block:Title}ted{/block:Title}">
  756. <div class="tex">{body}</div>
  757. </li>
  758. {/block:NotReblog}
  759. </div>
  760. {/block:Text}
  761.  
  762. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  763. {block:Description}
  764. {block:NotReblog}
  765. <li class="comment ted">
  766. <div class="tex">{description}</div>
  767. </li>
  768. {/block:NotReblog}
  769. {/block:Description}
  770. {block:RebloggedFrom}
  771. {block:Reblogs}
  772. <li class="comment">
  773. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  774. <div class="tex">{body}</div>
  775. </li>
  776. {/block:Reblogs}
  777. {/block:RebloggedFrom}
  778. {/block:Link}
  779.  
  780. {block:Chat}
  781. {block:Title}<div id="title">{title}</div>{/block:Title}
  782. <ol class="chat {block:Title}ted{/block:Title}">
  783. {block:lines}
  784. <li class="l {Alt}">
  785. {block:label}<span class="label">{label}</span>{/block:label} {line}
  786. </li>
  787. {/block:lines}
  788. </ol>
  789. {/block:Chat}
  790.  
  791. <div class="ph">
  792.  
  793. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  794.  
  795. {block:Photoset}<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>{/block:Photoset}
  796.  
  797. {block:Video}
  798. <div class="video">{Video-500}</div>
  799. {/block:Video}
  800.  
  801. {block:Audio}
  802. {block:audioplayer}
  803. <div class="hold">
  804. <div class="player">{audioplayerwhite}</div>
  805. <div class="audio_info">
  806. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  807. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  808. </div>
  809. </div>
  810. {/block:audioplayer}
  811. {/block:Audio}
  812.  
  813. {block:caption}
  814. {block:Reblogs}
  815. <li class="comment">
  816. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  817. <div class="tex">{body}</div>
  818. </li>
  819. {/block:Reblogs}
  820. {block:NotReblog}
  821. <li class="comment">
  822. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  823. <div class="tex">{caption}</div>
  824. </li>
  825. {/block:NotReblog}
  826. {/block:caption}
  827.  
  828. </div>
  829.  
  830. {block:Answer}
  831. <div class="q">
  832. <span class="as">{asker}</span> sent &mdash;
  833. {question}
  834. </div>
  835. {block:Answerer}
  836. <li class="comment">
  837. <div class="user">{answerer} replied &mdash;</div>
  838. <div class="tex">{answer}</div>
  839. </li>
  840. {/block:Answerer}
  841. {block:NotReblog}
  842. <li class="comment">
  843. <div class="tex">{replies}</div>
  844. </li>
  845. {/block:NotReblog}
  846. {block:RebloggedFrom}
  847. {block:Reblogs}
  848. <li class="comment">
  849. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  850. <div class="tex">{body}</div>
  851. </li>
  852. {/block:Reblogs}
  853. {/block:RebloggedFrom}
  854. {/block:Answer}
  855.  
  856.  
  857. {block:Date}
  858. <hr>
  859. <div class="pin-post">{block:PinnedPostLabel}<i data-feather="paperclip"></i> {PinnedPostLabel}{/block:PinnedPostLabel}</div>
  860. <div class="post-info">
  861. <div class="when"><i data-feather="activity"></i><a href="{permalink}"> {month} {dayofmonth}{dayofmonthsuffix}</a></div>
  862. {block:hastags}
  863. <div class="tags"><i data-feather="tag"></i>{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>
  864. {/block:hasTags}
  865. </div>
  866. {/block:Date}
  867.  
  868. </article>
  869.  
  870. {block:PostNotes}
  871. <article class="posts pagenotes">
  872. <div class="title">{NoteCountWithLabel}</div>
  873. {block:RebloggedFrom}
  874. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  875. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  876. </span>
  877. {/block:RebloggedFrom}
  878. {PostNotes}
  879.  
  880. </article>
  881. {/block:PostNotes}
  882.  
  883. {/block:Posts}
  884.  
  885. {block:Pagination}
  886. <div class="pagination">
  887. <span>{block:PreviousPage}<a class ="pback" href="{PreviousPage}"><i data-feather="chevron-left"></i></a>{block:nextpage}{/block:nextpage}{/block:PreviousPage}
  888. {block:NextPage}<a class="pnext" href="{NextPage}"><i data-feather="chevron-right"></i></a>{/block:NextPage}
  889. </span>
  890. {block:JumpPagination length="3"}
  891. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  892. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  893. {/block:JumpPagination}
  894. </div>
  895. {/block:Pagination}
  896.  
  897. </div> <!--end of entries-->
  898.  
  899. </div> <!--end of container-->
  900.  
  901. <div class="credit"><a href="https://mercurythms.tumblr.com" title="mercurythms">m.</a></div>
  902.  
  903. <!--scripts-->
  904.  
  905. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  906.  
  907. <!-- feather icons -->
  908. <script src="https://unpkg.com/feather-icons@4.9.0/dist/feather.min.js"></script><script>feather.replace();</script>
  909.  
  910. <!-- responsive video -->
  911. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  912. <script>$(document).ready(function() {
  913. flexibleFrames($(".video")); // $(".video") is the class selector passed in the argument
  914. });</script>
  915.  
  916. <!--photoset fix-->
  917. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  918. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  919. <script>initPhotosets();</script>
  920.  
  921. <!--mobile photoset fix-->
  922. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  923. <script src="//dl.dropbox.com/s/m8mtje1avef2a2y/npf-styling.js"></script> <script src="//cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
  924. <script>npfPhotosets(".posts", npfOptions); // .posts is your posts selector </script>
  925.  
  926. <!--inline image fix-->
  927. <script src="//dl.dropbox.com/s/1mztc6y7i6ry9ri/gtresizing.js"> </script>
  928.  
  929. <!--tooltips-->
  930. <script src="https://unpkg.com/popper.js@1"></script>
  931. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  932. <script>tippy('[title]', {
  933. theme: 'custom',
  934. arrow: false,
  935. followCursor: true,
  936. delay: 100,
  937. placement: 'bottom-start',
  938. zIndex: 9999999999,
  939. maxWidth: 400,
  940.  
  941. content(reference) {
  942. const title = reference.getAttribute('title');
  943. reference.removeAttribute('title');
  944. return title;
  945. },
  946. });
  947. </script>
  948.  
  949. <!--animate on scroll-->
  950. <link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
  951. <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  952. <script>{block:ifanimatedscrolling}
  953. AOS.init({offset: 100,duration: 1000});
  954. {/block:ifanimatedscrolling}
  955. </script>
  956.  
  957. <script>
  958. // audio player
  959. $(document).ready(function() {
  960. $('iframe.tumblr_audio_player').load( function() {
  961. $('iframe.tumblr_audio_player').contents().find("head")
  962. .append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  963. });
  964. });
  965. // remove redirects
  966. $(document).ready(function(){
  967. //remove tumblr redirects script by magnusthemes@tumblr
  968. $('a[href*="t.umblr.com/redirect"]').each(function(){
  969. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  970. var replaceURL = decodeURIComponent(originalURL);
  971. $(this).attr("href", replaceURL);
  972. });
  973. });
  974. // fade effect
  975. $(function() {
  976. $('body').removeClass('fade-out');
  977. });
  978. </script>
  979.  
  980. {block:ContentSource}
  981. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  982. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  983. {/block:SourceLogo}
  984. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  985. {/block:ContentSource}
  986. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!