API tools faq
paste
Advertisement
mercurythms

asteroid (revamp)

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