API tools faq
paste
tr0pes

SPOOKY BOY

tr0pes
Jul 7th, 2019
1,794
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.34 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. THEME BY DINODESIGNS - FREE THEME - "SPOOKY BOY"
  8.  
  9. - fonts from google fonts
  10. - icons by honeybee by suiomi
  11. - pixel union photosets by shythemes
  12. - special thanks to bychloethemes' undocumented documentation
  13.  
  14. -->
  15.  
  16. <head>
  17.  
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, width=device-width" /><title>{Title}{block:TagPage} | {Tag} {/block:TagPage} {block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary} {/block:PostSummary}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <meta name="color:Background" content=""/>
  24. <meta name="color:Container" content=""/>
  25. <meta name="color:Borders" content=""/>
  26. <meta name="color:Posts" content=""/>
  27. <meta name="color:Link" content=""/>
  28. <meta name="color:Accent One" content=""/>
  29. <meta name="color:Accent Two" content=""/>
  30. <meta name="color:Text" content=""/>
  31.  
  32. <meta name="text:Title" content="Title Here"/>
  33. <meta name="text:Top Description" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit."/>
  34. <meta name="text:Bottom Description" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit."/>
  35.  
  36. <meta name="text:Link One URL" content="/" />
  37. <meta name="text:Link One Title" content="Link One" />
  38. <meta name="text:Link Two URL" content="/" />
  39. <meta name="text:Link Two Title" content="Link Two" />
  40. <meta name="text:Link Three URL" content="/" />
  41. <meta name="text:Link Three Title" content="Link Three" />
  42. <meta name="text:Link Four URL" content="/" />
  43. <meta name="text:Link Four Title" content="Link Four" />
  44. <meta name="text:Link Five URL" content="/" />
  45. <meta name="text:Link Five Title" content="Link Five" />
  46.  
  47. <meta name="image:Sidebar" content="https://placehold.it/240x250"/>
  48. <meta name="image:Background" content="" />
  49.  
  50. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  51. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  52. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  55. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  56. <link href="https://fonts.googleapis.com/css?family=DM+Serif+Display|Montserrat&display=swap" rel="stylesheet">
  57.  
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("a[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:90,
  64. tip_fade_speed:600,
  65. attribute:"title"
  66. });
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71. <script>
  72. $(document).ready(function(){
  73. $('.photo-slideshow').pxuPhotoset({
  74. lightbox: true,
  75. highRes: true,
  76. gutter: '1px',
  77. borderRadius: '0px',
  78. photoset: '.photo-slideshow',
  79. photoWrap: '.photo-data',
  80. photo: '.pxu-photo'
  81. });
  82.  
  83. }); </script>
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88. body {
  89. font-family: 'Montserrat', sans-serif;
  90. font-size:10px;
  91. letter-spacing:.5px;
  92. color:{color:Text};
  93. text-align:justify;
  94. text-transform:lowercase;
  95. background-color:{color:Background};
  96. background-image:url('{image:Background}');!important
  97. background-attachment:fixed;
  98. background-position:fixed top left;
  99. }
  100.  
  101. ::-webkit-scrollbar {
  102. width:0px;
  103. height:0px;
  104. }
  105.  
  106. #s-m-t-tooltip {
  107. max-width:300px;
  108. margin:15px;
  109. font-size:8px;
  110. font-family: 'Montserrat', sans-serif;
  111. letter-spacing:1px;
  112. text-align:center;
  113. text-transform:lowercase;
  114. padding:10px;
  115. padding-left:30px;
  116. padding-right:30px;
  117. font-weight:bold;
  118. color:{color:Text};
  119. background:{color:Background};
  120. border:1px solid {color:Borders};
  121. z-index:999999;
  122. }
  123.  
  124.  
  125. h1 {
  126. font-weight:bold;
  127. font-size:20px;
  128. margin-top:0px;
  129. text-align:center;
  130. letter-spacing:1px;
  131. text-transform:none;
  132. font-family:'DM Serif Display';
  133. text-transform:uppercase;
  134. color:{color:Accent Two};
  135. background:{color:Container};
  136. padding:15px;
  137. }
  138.  
  139. h2 {
  140. margin-bottom:10px;
  141. font-size: 18px;
  142. font-style:none;
  143. text-align:center;
  144. font-weight:bold;
  145. line-height:100%;
  146. font-family:'DM Serif Display';
  147. text-transform:uppercase;
  148. color:{color:Accent One};
  149. }
  150.  
  151. h2 i {
  152. margin-bottom:10px;
  153. font-size: 18px;
  154. font-style:none;
  155. text-align:center;
  156. font-weight:bold;
  157. line-height:100%;
  158. font-family:'DM Serif Display';
  159. text-transform:uppercase;
  160. color:{color:Accent One};
  161. }
  162.  
  163. h2 b {
  164. margin-bottom:10px;
  165. font-size: 18px;
  166. font-style:none;
  167. text-align:center;
  168. font-weight:bold;
  169. line-height:100%;
  170. font-family:'DM Serif Display';
  171. text-transform:uppercase;
  172. color:{color:Accent One};
  173. }
  174.  
  175. h5 {
  176. text-align:center;
  177. font-family:'DM Serif Display';
  178. font-size:11px;
  179. color:{color:Accent Two};
  180. background:{color:Borders};
  181. padding:7px;
  182. }
  183.  
  184. hr {
  185. width:50px;
  186. margin-left:0px;
  187. border-width: 1px 0px 0px 0px;
  188. border-style: solid;
  189. border-color: {color:Borders};
  190. }
  191.  
  192. pre {
  193. font-size:10px;
  194. font-family: 'Montserrat', sans-serif;
  195. width:450px;
  196. text-align: left;
  197. word-break: break-all;
  198. color:{color:Text};
  199. }
  200.  
  201. b, strong {
  202. color: {color:Accent One};
  203. font-family:'DM Serif Display';
  204. font-size:11px;
  205. font-weight:normal;
  206. }
  207.  
  208. i b {
  209. font-style:none;
  210. text-decoration:none;
  211. font-weight:normal;
  212. }
  213.  
  214. i, italic {
  215. color: {color:Accent Two};
  216. }
  217.  
  218. small, sup, sub {
  219. font-size:10px;
  220. }
  221.  
  222. a {
  223. color: {color:Link};
  224. text-decoration: none;
  225. -moz-transition-duration: 0.5s;
  226. -o-transition-duration: 0.5s;
  227. -webkit-transition-duration: 0.5s;
  228. transition-duration: 0.5s;
  229. }
  230.  
  231. a:hover {
  232. color: {color:Accent Two};
  233. text-decoration: none;
  234. -moz-transition-duration: 0.5s;
  235. -o-transition-duration: 0.5s;
  236. -webkit-transition-duration: 0.5s;
  237. transition-duration: 0.5s;
  238. }
  239.  
  240. ul {
  241. border-left:2px solid {color:Borders};
  242. padding:5px;
  243. margin-left:10px;
  244. }
  245.  
  246. ul li {
  247. list-style:none;
  248. margin-left:10px;
  249. }
  250.  
  251. ul li:before {
  252. color:{color:Accent One};
  253. content:"›";
  254. font-size:1em;
  255. padding-right:.5em;
  256. position:relative;
  257. top:.1em;
  258. }
  259.  
  260. ol {
  261. margin-left:-25px;
  262. }
  263.  
  264. #main {
  265. width:860px;
  266. height:100%;
  267. margin:0 auto;
  268. }
  269.  
  270. #container {
  271. width:780px;
  272. height:480px;
  273. overflow:none;
  274. padding:40px;
  275. margin:110px auto;
  276. background:{color:Container};
  277. border:1px solid {color:Borders};
  278. position:fixed;
  279. background-attachment:fixed;
  280. background-position:fixed;
  281. }
  282.  
  283. #header {
  284. width:820px;
  285. font-size:30px;
  286. color:{color:Accent Two};
  287. font-family:'DM Serif Display';
  288. text-align:right;
  289. position:fixed;
  290. font-weight:bold;
  291. margin-right:-20px;
  292. margin-top:-77px;
  293. text-shadow: 2px 1px 2px {color:Text};
  294. }
  295.  
  296. #navigate {
  297. width:820px;
  298. font-size:30px;
  299. color:{color:Accent Two};
  300. font-family:'DM Serif Display';
  301. position:fixed;
  302. font-weight:bold;
  303. margin-left:-40px;
  304. margin-top:515px;
  305. text-shadow: 2px 1px 2px {color:Text};
  306. }
  307.  
  308. #navigate a{
  309. color:{color:Accent Two};
  310. margin-right:15px;
  311. }
  312.  
  313. #sidebar {
  314. width:240px;
  315. height:480px;
  316. background:{color:Posts};
  317. border:1px solid {color:Borders};
  318. position:fixed;
  319. display:inline-block;
  320. }
  321.  
  322. #blurb1 {
  323. width:200px;
  324. height:125px;
  325. position:fixed;
  326. overflow:auto;
  327. font-size:9.5px;
  328. line-height:15px;
  329. letter-spacing:.75;
  330. margin-left:20px;
  331. margin-top:20px;
  332. margin-right:20px;
  333. }
  334.  
  335. #prev {
  336. position:fixed;
  337. width:100px;
  338. margin-left:20px;
  339. font-size:22px;
  340. margin-top:140px;
  341. }
  342.  
  343. #next {
  344. position:fixed;
  345. width:100px;
  346. margin-left:200px;
  347. font-size:22px;
  348. margin-top:310px;
  349. }
  350.  
  351. #blurb2 {
  352. width:200px;
  353. height:125px;
  354. position:fixed;
  355. overflow:auto;
  356. font-size:9.5px;
  357. line-height:15px;
  358. letter-spacing:.75;
  359. margin-left:20px;
  360. margin-top:335px;
  361. margin-right:20px;
  362. }
  363.  
  364. #description {
  365. background:{color:Container};
  366. width:202px;
  367. height:250px;
  368. padding:20px;
  369. position:fixed;
  370. margin-top:50px;
  371. margin-left:-1px;
  372. border-top:1px solid {color:Borders};
  373. border-bottom:1px solid {color:Borders};
  374. -webkit-clip-path: polygon(100% 28%, 100% 85%, 0 100%, 0 43%);
  375. clip-path: polygon(100% 28%, 100% 85%, 0 100%, 0 43%);
  376. }
  377.  
  378. #description img {
  379. margin-left:-19px;
  380. width:240px;
  381. margin-top:22px;
  382. }
  383.  
  384. #postcontainer {
  385. position:fixed;
  386. width:570px;
  387. overflow:auto;
  388. height:480px;
  389. margin-left:250px;
  390. }
  391.  
  392. #posts {
  393. width:450px;
  394. margin-left:40px;
  395. margin-right:40px;
  396. padding:20px;
  397. display:inline-block;
  398. background:{color:Posts};
  399. border:1px solid {color:Borders};
  400. }
  401.  
  402. #posts blockquote {
  403. border-left:{color:Accent Two} 2px solid;
  404. margin-left:10px;
  405. padding:5px;
  406. padding-left:10px;
  407. }
  408.  
  409. #posts blockquote blockquote {
  410. border-left:{color:Accent One} 2px solid;
  411. margin-left:10px;
  412. padding:5px;
  413. padding-left:10px;
  414. }
  415.  
  416. .photo-slideshow {
  417. visibility: hidden;
  418. }
  419.  
  420. .photo-slideshow.processed {
  421. visibility: visible;
  422. }
  423.  
  424. .photo-slideshow .row {
  425. clear: both;
  426. width: 100%;
  427. }
  428.  
  429. .photo-slideshow .pxu-photo {
  430. display: block;
  431. float: clear;
  432. width: 100%;
  433. overflow: hidden;
  434. }
  435.  
  436. .photo-slideshow .pxu-photo img {
  437. display: block;
  438. }
  439.  
  440. .photo-slideshow.processed .pxu-photo img {
  441. width:100%;
  442. height: auto;
  443. }
  444.  
  445. .photo-slideshow .pxu-photo:first-child img {
  446. margin:auto;
  447. }
  448.  
  449. .photo-slideshow .count-1 {
  450. width:100%;
  451. }
  452.  
  453. .set {
  454. margin-left:10px;
  455. }
  456.  
  457. .photo-slideshow .count-2 {
  458. width:50%;
  459. height: auto;
  460. }
  461.  
  462. .photo-slideshow .count-3 {
  463. width:33.33%;
  464. height: auto;
  465. }
  466.  
  467. #posts img {
  468. max-width:450px;
  469. margin-top:0px;
  470. height:auto;
  471. }
  472.  
  473. .info {
  474. width:470px;
  475. margin:-20px;
  476. margin-bottom:20px;
  477. padding:10px;
  478. text-transform:uppercase;
  479. font-size:7px;
  480. background:{color:Container};
  481. border-bottom:1px solid {color:Borders};
  482. }
  483.  
  484. .info a {
  485. color:{color:Text};
  486. }
  487.  
  488. .info a:hover {
  489. text-decoration:none;
  490. color:{color:Accent Two};
  491. }
  492.  
  493. .tags {
  494. width:470px;
  495. padding:10px;
  496. padding-top:0px;
  497. text-align:center;
  498. margin-left:40px;
  499. padding-bottom:0px;
  500. margin-bottom:60px;
  501. margin-top:5px;
  502. line-height:8px;
  503. text-transform:lowercase;
  504. font-size:8px;
  505. -moz-transition-duration:0.5s;
  506. -webkit-transition-duration:0.5s;
  507. -o-transition-duration:0.5s;
  508. }
  509.  
  510. .tags a {
  511. padding:5px;
  512. background-color:none;
  513. color:{color:Text};
  514. }
  515.  
  516. .tags a:hover {
  517. text-decoration:none;
  518. color:{color:Accent One};
  519. }
  520.  
  521. .postsnote {
  522. width:450px;
  523. margin-top: 15px;
  524. float: left;
  525. margin-bottom:30px;
  526. margin-left:-11px;
  527. padding:10px;
  528. background-color:{color:Background};
  529. }
  530.  
  531. .postsnote ol, .notes-bottom ul {
  532. margin: 5px;
  533. padding: 0;
  534. list-style: none;
  535. }
  536.  
  537. .postsnote li {
  538. width:45%;
  539. padding: 2px 0 5px 10px;
  540. margin:2px;
  541. font-size:10px;
  542. font-family: 'Montserrat', sans-serif;
  543. float:left;
  544. text-align:left;
  545. }
  546.  
  547. .postsnote li img.avatar {
  548. border:none;
  549. margin:;
  550. width:0;
  551. padding:0;
  552. }
  553.  
  554. .postsnote .note .retags {
  555. display:none;
  556. visibility:hidden;
  557. }
  558.  
  559. .postsnote blockquote {
  560. display:none;
  561. }
  562.  
  563. .more_notes_link {
  564. list-style: none;
  565. text-transform:uppercase;
  566. letter-spacing:0.5px;
  567. font-size:8px;
  568. font-size: 10px;
  569. font-family: 'Montserrat', sans-serif;
  570. margin-top:10px;
  571. font-weight:bold;
  572. padding:3px;
  573. position:relative;
  574. float:left;
  575. border-top:1px solid {color:Borders};
  576. }
  577.  
  578. .tumblr_audio_player {
  579. height: 90px;
  580. width: 100px;
  581. -moz-transform: scale(0.60, 0.60);
  582. -webkit-transform: scale(0.60, 0.60);
  583. -o-transform: scale(0.60, 0.60);
  584. -ms-transform: scale(0.60, 0.60);
  585. transform: scale(0.60, 0.60);
  586. -moz-transform-origin: top left;
  587. -webkit-transform-origin: top left;
  588. -o-transform-origin: top left;
  589. -ms-transform-origin: top left;
  590. transform-origin: top left;
  591. }
  592.  
  593.  
  594. #playerbutton {
  595. width: 19px;
  596. height: 19px;
  597. background-color: #ffffff;
  598. padding: 10px;
  599. -webkit-border-radius: 40px;
  600. -moz-border-radius: 40px;
  601. border-radius: 40px;
  602. opacity: .4;
  603. filter: alpha(opacity=40);
  604. -moz-opacity: 0.4;
  605. -khtml-opacity: 0.4;
  606. transition: opacity .7s ease-in-out;
  607. -moz-transition: opacity .7s ease-in-out;
  608. -webkit-transition: opacity .7s ease-in-out;
  609. }
  610.  
  611. #playerbuttonbg:hover {
  612. opacity: 1;
  613. filter: alpha(opacity=100);
  614. -moz-opacity: 1;
  615. -khtml-opacity: 1;
  616. }
  617.  
  618. #newbutton {
  619. position: relative;
  620. width: 20px;
  621. height: 20px;
  622. border-radius:100px;
  623. margin-top:-60px;
  624. margin-left:20px;
  625. overflow: hidden;
  626. }
  627.  
  628.  
  629. #audioimg {
  630. left: 60px;
  631. top: 60px;
  632. -webkit-border-radius: 40px;
  633. -moz-border-radius: 40px;
  634. border-radius: 40px;
  635. overflow: hidden;
  636. width: 79px;
  637. height: 79px;
  638. display:inline-block;
  639. }
  640.  
  641. #audioimg img {
  642. width: 100%;
  643. height: auto;
  644. -webkit-border-radius: 40px;
  645. -moz-border-radius: 40px;
  646. border-radius: 40px;
  647. }
  648.  
  649. #trackdetails {
  650. width: 330px;
  651. font-size:10px;
  652. font-family: 'Montserrat', sans-serif;
  653. line-height:14px;
  654. display:inline-block;
  655. margin-left: 110px;
  656. padding:15px 10px 10px 10px;
  657. min-height:70px;
  658. float:right;
  659. margin-top:-125px;
  660. }
  661.  
  662. .audioplayer {
  663. display:inline-block;
  664. }
  665.  
  666. iframe#youtube_iframe {
  667. width: 450px;
  668. height: 280px;
  669. border-top-width: 0px;
  670. border-right-width: 0px;
  671. border-bottom-width: 0px;
  672. border-left-width: 0px;
  673. }
  674.  
  675. iframe.spotify_audio_player {
  676. width: 450px;
  677. }
  678.  
  679. #quote {
  680. color: {color:Accent One};
  681. font-family:'DM Serif Display';
  682. font-size:18px;
  683. text-align:center;
  684. font-weight:normal;
  685. }
  686.  
  687. #source {
  688. text-align:right;
  689. margin-top:10px;
  690. }
  691.  
  692. #question {
  693. padding:20px;
  694. background:{color:Container};
  695. max-height:95px;
  696. margin-bottom:20px;
  697. font-style:italic;
  698. }
  699.  
  700. #asker {
  701. color: {color:Accent One};
  702. font-family:'DM Serif Display';
  703. font-size:18px;
  704. font-weight:normal;
  705. text-align:right;
  706. font-style:normal;
  707. }
  708.  
  709. #asker a{
  710. color: {color:Accent Two};
  711. }
  712.  
  713. #credit {
  714. position:fixed;
  715. bottom:5px;
  716. left:5px;
  717. }
  718.  
  719. #credit img {
  720. width:20px;
  721. height:20px;
  722. }
  723.  
  724. </style></head><body>
  725.  
  726. <div id="main">
  727. <div id="container">
  728.  
  729. <div id="header">{text:Title}</div>
  730.  
  731. <div id="navigate">
  732. <a href="{text:Link One URL}" title="{text:Link One Title}">.01</a>
  733. <a href="{text:Link Two URL}" title="{text:Link Two Title}">.02</a>
  734. <a href="{text:Link Three URL}" title="{text:Link Three Title}">.03</a>
  735. <a href="{text:Link Four URL}" title="{text:Link Four Title}">.04</a>
  736. <a href="{text:Link Five URL}" title="{text:Link Five Title}">.05</a>
  737. </div>
  738.  
  739. <div id="sidebar">
  740. <div id="blurb1">{text:Top Description}</div>
  741. {block:PreviousPage}<div id="prev"><a href="{PreviousPage}"> <span class="th th-left-arrow"></span> </a></div>{/block:PreviousPage}
  742. <div id="description"><img src="{image:Sidebar}"></div>
  743. {block:NextPage}<div id="next"><a href="{NextPage}"> <span class="th th-right-arrow"></span> </a></div>{/block:NextPage}
  744. <div id="blurb2">{text:Bottom Description}</div>
  745. </div>
  746.  
  747. <div id="postcontainer">
  748. {block:Posts}
  749. <div id="posts">
  750.  
  751. {block:Date}<div class="info"><a title="{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}" href="{Permalink}"> <span class="th th-clock-o"></span> &nbsp;&nbsp; {TimeAgo} </a></span>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="{Permalink}" title="See Post Notes"><span class="th th-information"></span> &nbsp; {NoteCount} Notes</a><a href="{ReblogURL}" style="float:right;" target="_blank" class="details" title="reblog this post"><span class="th th-reblog"></span> &nbsp; reblog this post</a></div>{/block:Date}
  752.  
  753. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  754.  
  755. {block:Quote}<div id="quote">{Quote}</div><div id="source">— {Source}</div>{/block:Quote}
  756.  
  757. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  758. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  759.  
  760. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  761.  
  762. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  763. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  764.  
  765. {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  766. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  767.  
  768. {block:Answer}<div id="question"><span>{Question}</span><div id="asker">{Asker} asked</div></div>{Answer}{/block:Answer}
  769.  
  770. {block:Audio}{block:AudioPlayer}<div id="audioplayer">{block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div id="playerbutton"><div id="newbutton"><div id="playerbutton2">{AudioPlayerWhite}</div></div></div><div id="trackdetails">{block:TrackName}<b>Track:</b> {TrackName} <br/>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist} <br/>{/block:Artist}{block:Album}<b>Album:</b> {Album} <br/>{/block:Album}{block:PlayCount}<b>Plays:</b> {PlayCount}{/block:PlayCount}</div></div>{/block:AudioPlayer}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  771.  
  772. </div>
  773.  
  774. <div class="tags">{block:Tags}<a href="{TagURL}"><span style="color:{color:Accent One};"># </span>{Tag}&nbsp;&nbsp;</a>{/block:Tags}</div>
  775.  
  776. {block:PostNotes}<div class="postsnote">{PostNotes}</div>{/block:PostNotes}
  777.  
  778. {/block:Posts}
  779.  
  780.  
  781. </div></div></div>
  782. <a href="https://dinodesigns.tumblr.com/"><div id="credit" title="by dinodesigns"><img src="https://static.tumblr.com/61xorhm/Xl6pub0n2/dino__2_.png"></div></a>
  783. </body>
  784. </html>
Advertisement
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!