API tools faq
paste
Advertisement
anats

nostalgic night

anats
Jan 30th, 2020
722
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. NOSTALGIC NIGHT : A THEME BY ANNA
  8.  
  9. sprfluous.tumblr.com / patreon.com/codesbyanna
  10.  
  11. Terms of Use:
  12. In using this code:
  13. - You agree that you have acquired this code through fair and legal means, i.e. the creator's Patreon or have otherwise been granted express permission by the creator to use this code.
  14. - You agree to not edit this code in any way unless for your sole and exclusive use.
  15. - You agree to never distribute this code to another person without express written permission from the creator.
  16. - You agree to never attempt to make profit from this code in any way without express written permission from the creator.
  17. - You agree that in failing to comply with these terms, you lose any and all rights to use, edit, distribute, profit from or display the code or page that you may previously have held
  18.  
  19. -->
  20.  
  21. <title>{Title}</title> <!-- if u wanna change the title on the tab on ur browser u can but otherwise it'll just be ur blog title -->
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  26.  
  27. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  28.  
  29. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  30.  
  31. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">
  32.  
  33. <link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,700,700i,900,900i&display=swap&subset=latin-ext" rel="stylesheet">
  34.  
  35. <link href="https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text&display=swap" rel="stylesheet">
  36.  
  37. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38.  
  39. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
  40.  
  41. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  42.  
  43. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  44.  
  45. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i&display=swap" rel="stylesheet">
  46.  
  47. <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
  48.  
  49. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  50.  
  51.  
  52.  
  53. <script>
  54. (function($){
  55. $(document).ready(function() {
  56. $("[title]").style_my_tooltips({
  57. tip_follows_cursor:false,
  58. tip_delay_time:90,
  59. tip_fade_speed:600,
  60. attribute:"title"
  61. });
  62. });
  63. })(jQuery);
  64.  
  65. </script>
  66.  
  67. <!-- META TAGS
  68.  
  69. <meta name="" content=""/>
  70.  
  71. -->
  72.  
  73. <meta name="image:background" content=""/>
  74. <meta name="image:png" content=""/>
  75.  
  76. <meta name="image:sidebar" content=""/>
  77.  
  78. <meta name="color:background" content="#fff"/>
  79. <meta name="color:container" content="#eee"/>
  80. <meta name="color:text" content="#000"/>
  81. <meta name="color:links" content="#eee"/>
  82. <meta name="color:links hover" content="#000"/>
  83. <meta name="color:tags" content="#eee"/>
  84. <meta name="color:tags hover" content="#eee"/>
  85. <meta name="color:italic" content="#eee"/>
  86. <meta name="color:bold" content="#eee"/>
  87. <meta name="color:accent" content="#eee"/>
  88. <meta name="color:accent 2" content="#eee"/>
  89. <meta name="if:day month year format" content="1"/>
  90. <meta name="if:time ago format" content="0"/>
  91.  
  92. <meta name="text:main title" content="titlehere"/>
  93.  
  94. <meta name="text:short description" content="lorem ipsum dolor sit amet"/>
  95.  
  96. <meta name="text:desc" content="lorem ipsum dolor sit amet"/>
  97.  
  98. <meta name="text:song name" content="song name"/>
  99. <meta name="text:song artist" content="artist"/>
  100.  
  101. <meta name="text:song 1" content="song name"/>
  102. <meta name="text:artist 1" content="artist"/>
  103.  
  104. <meta name="text:song 2" content="song name"/>
  105. <meta name="text:artist 2" content="artist"/>
  106.  
  107. <meta name="text:song 3" content="song name"/>
  108. <meta name="text:artist 3" content="artist"/>
  109.  
  110. <meta name="text:song 4" content="song name"/>
  111. <meta name="text:artist 4" content="artist"/>
  112.  
  113. <meta name="text:link 1 url" content="/"/>
  114. <meta name="text:link 1 name" content="link name"/>
  115.  
  116. <meta name="text:link 2 url" content="/"/>
  117. <meta name="text:link 2 name" content="link name"/>
  118.  
  119. <meta name="text:link 3 url" content="/"/>
  120. <meta name="text:link 3 name" content="link name"/>
  121.  
  122. <meta name="text:link 4 url" content="/"/>
  123. <meta name="text:link 4 name" content="link name"/>
  124.  
  125. <style>
  126.  
  127. /* --------- FONTS -------- */
  128.  
  129. @font-face { font-family: "wintersoul"; src: url('https://dl.dropboxusercontent.com/s/0walqd5jc4t0krn/Wintersoul.ttf'); }
  130.  
  131. /* -------- SCROLLBAR ------- */
  132.  
  133. ::-webkit-scrollbar {
  134. display:none;
  135. }
  136.  
  137. /* ------- TOOLTIPS ------ */
  138.  
  139. #s-m-t-tooltip {
  140. max-width:300px;
  141. margin:10px 0px 0px 10px;
  142. background-color:#1f1f1f;
  143. font-size:11px;
  144. border-radius:5px;
  145. border:1px #333;
  146. padding:3px 8px 3px 8px;
  147. color:#fff;
  148. z-index:999999999999999999999999999999999999;
  149. }
  150.  
  151. /* -------- BASICS ------- */
  152.  
  153. body {
  154. font-family:rubik;
  155. font-size:12px;
  156. background:{color:background};
  157. background-image:url('{image:background}');
  158. background-size:cover;
  159. color:{color:text};
  160. overflow-y:scroll;
  161. }
  162.  
  163. a, a:visited {
  164. text-decoration:none;
  165. color:{color:links};
  166. transition:.5s linear;
  167. }
  168.  
  169. a:hover {
  170. text-decoration:none;
  171. color:{color:links hover};
  172. transition:.5s linear;
  173. }
  174.  
  175. i, em {
  176. color:{color:italic};
  177. }
  178.  
  179. b, strong {
  180. color:{color:bold};
  181. font-weight:bold;
  182. }
  183.  
  184. h1, title {
  185. color:{color:accent};
  186. font-size:80px;
  187. line-height:80px;
  188. margin:0px;
  189. font-weight:normal;
  190. font-family:'wintersoul';
  191. text-align:center;
  192. text-transform:lowercase;
  193. }
  194.  
  195. h2 {
  196. color:{color:bold};
  197. font-size:20px;
  198. text-align:center;
  199. line-height:20px;
  200. margin-top:10px;
  201. font-family:rubik;
  202. text-transform:uppercase;
  203. font-weight:600;
  204. }
  205.  
  206. small, sup, sub {
  207. font-size:11px;
  208. text-transform:normal;
  209. text-decoration:none;
  210. }
  211.  
  212. blockquote {
  213. border-left:1px {color:accent} solid;
  214. margin-left:5px;
  215. padding-left:15px;
  216. width:379px;
  217. }
  218.  
  219. blockquote blockquote {
  220. border-left:1px {color:accent} solid;
  221. margin-left:5px;
  222. padding-left:15px;
  223. width:358px;
  224. }
  225.  
  226. blockquote img {
  227. max-width:379px;
  228. height:auto;
  229. }
  230.  
  231. blockquote blockquote img {
  232. max-width:358px;
  233. height:auto;
  234. }
  235.  
  236. ul {
  237. list-style-type:circle;
  238. margin-left:-15px;
  239. }
  240.  
  241. li {
  242. padding-left:5px;
  243. }
  244.  
  245. /* CONTAINER */
  246.  
  247. #container {
  248. width:1000px;
  249. height:500px;
  250. position:absolute;
  251. top:0;
  252. left:0;
  253. right:0;
  254. bottom:0;
  255. margin:auto;
  256. background:{color:container};
  257. overflow:visible;
  258. border-radius:50px;
  259. }
  260.  
  261. #inner {
  262. width:1000px;
  263. height:500px;
  264. position:absolute;
  265. top:0;
  266. left:0;
  267. overflow-y:scroll;
  268. border-radius:50px;
  269. }
  270.  
  271. #containertitle {
  272. font-size:100px;
  273. line-height:100px;
  274. width:1000px;
  275. height:100px;
  276. font-family:'libre barcode 39 text';
  277. color:{color:text};
  278. text-shadow:0px 5px 8px rgba(0,0,0,.25);
  279. position:absolute;
  280. top:0px;
  281. left:0px;
  282. right:0px;
  283. bottom:0px;
  284. margin:auto;
  285. text-align:center;
  286. }
  287.  
  288. #moresongs {
  289. width:160px;
  290. border-radius:0px 0px 10px 10px;
  291. height:0px;
  292. position:absolute;
  293. top:128px;
  294. left:-40px;
  295. background:{color:container};
  296. overflow:hidden;
  297. border:1px {color:accent 2} solid;
  298. transition:.5s linear;
  299. }
  300.  
  301. #moresongs span {
  302. width:150px;
  303. padding:10px 0px 10px 10px;
  304. border-bottom:1px {color:accent 2} solid;
  305. text-align:left;
  306. float:left;
  307. line-height:12px;
  308. }
  309.  
  310. #moresongs span b {
  311. text-transform:uppercase;
  312. float:right;
  313. margin-right:10px;
  314. }
  315.  
  316. #musicplayer {
  317. width:200px;
  318. height:80px;
  319. border-radius:20px;
  320. position:absolute;
  321. top:50px;
  322. left:-60px;
  323. background:{color:accent 2};
  324. color:{color:container};
  325. text-align:center;
  326. }
  327.  
  328. .songname {
  329. width:200px;
  330. height:40px;
  331. line-height:40px;
  332. position:absolute;
  333. top:10px;
  334. left:0px;
  335. text-align:center;
  336. font-family:montserrat;
  337. font-size:20px;
  338. font-weight:300;
  339. text-transform:lowercase;
  340. }
  341.  
  342. .sartist {
  343. width:200px;
  344. height:20px;
  345. line-height:20px;
  346. position:absolute;
  347. top:5px;
  348. left:0px;
  349. letter-spacing:1px;
  350. text-align:center;
  351. font-family:'roboto condensed';
  352. text-transform:uppercase;
  353. }
  354.  
  355. .fa-play-circle {
  356. font-size:24px;
  357. margin-top:50px;
  358. }
  359.  
  360. .fa-backward {
  361. position:absolute;
  362. bottom:10px;
  363. left:50px;
  364. font-size:14px;
  365. }
  366.  
  367. .fa-forward {
  368. position:absolute;
  369. bottom:10px;
  370. right:50px;
  371. font-size:14px;
  372. }
  373.  
  374. #container:hover #moresongs {
  375. height:130px;
  376. transition:.5s linear;
  377. }
  378.  
  379. #png {
  380. width:250px;
  381. height:400px;
  382. position:absolute;
  383. top:50px;
  384. right:-120px;
  385. overflow:visible;
  386. }
  387.  
  388. #png img {
  389. width:250px;
  390. }
  391.  
  392. #description {
  393. width:160px;
  394. height:40px;
  395. border-radius:20px;
  396. background:{color:accent};
  397. position:absolute;
  398. bottom:50px;
  399. right:-70px;
  400. padding:20px;
  401. overflow-y:scroll;
  402. font-family:roboto condensed;
  403. font-size:9px;
  404. text-transform:uppercase;
  405. font-style:italic;
  406. letter-spacing:1px;
  407. text-align:justify;
  408. text-align-last:center;
  409. }
  410.  
  411. #innerimg {
  412. width:230px;
  413. height:250px;
  414. position:absolute;
  415. top:570px;
  416. left:25px;
  417. border-radius:20px;
  418. overflow:hidden;
  419. background:{color:accent};
  420. }
  421.  
  422. #innerimg img {
  423. width:230px;
  424. height:auto;
  425. }
  426.  
  427. #innerdesc {
  428. position:absolute;
  429. width:190px;
  430. padding:0px 20px 0px 20px;
  431. height:110px;
  432. position:absolute;
  433. top:840px;
  434. left:25px;
  435. text-align:justify;
  436. overflow-y:scroll;
  437. text-align-last:center;
  438. }
  439.  
  440. #innerlinks {
  441. width:230px;
  442. height:360px;
  443. position:absolute;
  444. top:570px;
  445. right:25px;
  446. }
  447.  
  448. .innerlink {
  449. width:200px;
  450. height:50px;
  451. float:left;
  452. margin-bottom:12px;
  453. border-radius:20px;
  454. background:{color:accent 2};
  455. text-align:center;
  456. line-height:50px;
  457. text-transform:uppercase;
  458. font-family:'libre barcode 39 text';
  459. color:{color:text};
  460. font-size:28px;
  461. transition:.5s linear;
  462. }
  463.  
  464. .innerlink:hover {
  465. letter-spacing:5px;
  466. transition:.5s linear;
  467. }
  468.  
  469. .long:hover {
  470. letter-spacing:3px;
  471. transition:.5s linear;
  472. }
  473.  
  474. /* POSTS STYLING */
  475.  
  476. .posts {
  477. width:442px;
  478. height:500px;
  479. overflow-y:scroll;
  480. position:absolute;
  481. top:500px;
  482. right:279px;
  483. }
  484.  
  485. .postholder {
  486. width:440px;
  487. height:auto;
  488. display:inline-block;
  489. margin-left:0px;
  490. margin-top:50px;
  491. margin-bottom:0px;
  492. overflow:hidden;
  493. background:{color:container};
  494. border:1px {color:accent 2} solid;
  495. border-radius:10px;
  496. }
  497.  
  498. .post {
  499. background:{color:container};
  500. width:400px;
  501. display:inline-block;
  502. height:auto;
  503. padding:20px;
  504. font-size:12px;
  505. text-align:justify;
  506. border-top:1px {color:accent 2} solid;
  507. }
  508.  
  509. .postholder:last-of-type {
  510. margin-bottom:50px;
  511. }
  512.  
  513. .post img {
  514. max-width:400px;
  515. height:auto;
  516. }
  517.  
  518. .photoset {
  519. width:400px;
  520. }
  521.  
  522. /* ASK POSTS */
  523.  
  524. .askee {
  525. text-transform:lowercase;
  526. width:380px;
  527. text-align:left;
  528. padding:0px 10px 5px 10px;
  529. font-size:13px;
  530. color:{color:links};
  531. font-weight:600;
  532. }
  533.  
  534. .askee i {
  535. color:{color:links};
  536. }
  537.  
  538. .askee a {
  539. color:{color:links};
  540. }
  541.  
  542. .question {
  543. width:378px;
  544. padding:10px;
  545. text-align:justify;
  546. text-align-last:center;
  547. border:1px {color:links} solid;
  548. border-radius:0px 10px 10px 10px;
  549. }
  550.  
  551. /* QUOTE POSTS */
  552.  
  553. .quotetext {
  554. width:380px;
  555. font-size:13px;
  556. text-align:center;
  557. margin-bottom:20px;
  558. }
  559.  
  560. .source {
  561. font-size:12px;
  562. float:right;
  563. }
  564.  
  565. /* AUDIO */
  566.  
  567. .playbutton {
  568. border-radius:200px;
  569. width:20px;
  570. height:20px;
  571. z-index:400;
  572. overflow:hidden;
  573. -webkit-filter:contrast(0%) brightness(1500%);
  574. filter:contrast(0%) brightness(1500%);
  575. position:relative;
  576. margin-top:30px;
  577. margin-left:30px;
  578. }
  579.  
  580. .albumart {
  581. position:relative;
  582. margin-top:-50px;
  583. width:80px;
  584. height:80px;
  585. overflow:hidden;
  586. }
  587.  
  588. .albumart img {
  589. width:80px;
  590. }
  591.  
  592. .trackinfo {
  593. width:300px;
  594. padding-left:20px;
  595. padding-top:25px;
  596. padding-bottom:20px;
  597. height:35px;
  598. overflow:hidden;
  599. position:relative;
  600. margin-top:-80px;
  601. margin-bottom:20px;
  602. left:80px;
  603. background:#fff;
  604. }
  605.  
  606. .trackname {
  607. font-weight:bold;
  608. color:#000;
  609. font-size:13px;
  610. }
  611.  
  612. .artist {
  613. color:#333;
  614. font-size:11px;
  615. }
  616.  
  617. /* INFO */
  618.  
  619. .tags {
  620. border-top:1px {color:accent 2} solid;
  621. width:400px;
  622. text-align:justify;
  623. padding:15px 20px 15px 20px;
  624. font-size:11px;
  625. }
  626.  
  627. .tags .lnr-tag {
  628. font-size:20px;
  629. float:left;
  630. margin-right:10px;
  631. margin-bottom:5px;
  632. }
  633.  
  634. .tag a {
  635. text-transform:lowercase;
  636. color:{color:tags};
  637. transition: all 1s ease-in-out;
  638. moz-transition: all 1s ease-in-out;
  639. -webkit-transition: all 1s ease-in-out;
  640. }
  641.  
  642. .tag a:hover {
  643. text-transform:lowercase;
  644. color:{color:tags hover};
  645. text-decoration:none;
  646. }
  647.  
  648. .tag {
  649. padding-right:10px;
  650. display:inline;
  651. }
  652.  
  653. .postinfo {
  654. width:440px;
  655. height:30px;
  656. padding-bottom:10px;
  657. }
  658.  
  659. .postinfo a {
  660. color:{color:tags};
  661. }
  662.  
  663. .postinfo span {
  664. margin-right:5px;
  665. }
  666.  
  667. .postdate {
  668. float:left;
  669. padding-right:10px;
  670. height:24px;
  671. line-height:26px;
  672. text-align:center;
  673. text-transform:uppercase;
  674. font-size:11px;
  675. margin-left:20px;
  676. margin-top:10px;
  677. border-right:1px {color:container} solid;
  678. }
  679.  
  680. .postnotestat {
  681. float:left;
  682. height:24px;
  683. line-height:26px;
  684. text-align:center;
  685. text-transform:uppercase;
  686. font-size:11px;
  687. margin-top:10px;
  688. margin-left:10px;
  689. padding-right:10px;
  690. border-right:1px {color:container} solid;
  691. }
  692.  
  693. .reblogpost {
  694. float:left;
  695. height:24px;
  696. line-height:26px;
  697. text-align:center;
  698. text-transform:uppercase;
  699. font-size:11px;
  700. margin-top:10px;
  701. margin-left:10px;
  702. }
  703.  
  704. /* POST NOTES */
  705.  
  706. .notes {
  707. list-style-type:none;
  708. }
  709.  
  710. .note img {
  711. margin-right:5px;
  712. }
  713.  
  714. /* PAGINATION */
  715.  
  716. #pagination {
  717. width:442px;
  718. height:80px;
  719. line-height:80px;
  720. font-size:14px;
  721. text-align:center;
  722. float:right;
  723. word-spacing:10px;
  724. color:{color:text};
  725. }
  726.  
  727. #pagination a {
  728. color:{color:text};
  729. }
  730.  
  731. /* CREDIT STYLING : PLS DON'T DELETE! IT'S SMALL & UNOBTRUSIVE & LETS PEOPLE KNOW WHERE YOUR THEME CAME FROM */
  732.  
  733. .ananas {
  734. width:20px;
  735. height:20px;
  736. padding:0px;
  737. border-radius:10px;
  738. font-size:18px;
  739. position:absolute;
  740. bottom:20px;
  741. left:20px;
  742. line-height:20px;
  743. text-align:center;
  744. color:{color:accent};
  745. }
  746.  
  747. .ananas a {
  748. color:{color:accent};
  749. }
  750.  
  751. /* UGH TUMBLR */
  752.  
  753. iframe.tmblr-iframe {
  754. z-index:99999999999999!important;
  755. top:0!important;
  756. right:0!important;
  757. opacity:0.4;
  758. transform:scale(0.65);
  759. transform-origin:100% 0;
  760. -webkit-transform:scale(0.65);
  761. -webkit-transform-origin:100% 0;
  762. -o-transform:scale(0.65);
  763. -o-transform-origin:100% 0;
  764. -moz-transform:scale(0.65);
  765. -moz-transform-origin:100% 0;
  766. -ms-transform:scale(0.65);
  767. -ms-transform-origin:100% 0;}
  768.  
  769. iframe.tmblr-iframe:hover {
  770. opacity:0.6!important;}
  771.  
  772.  
  773. </style>
  774. </head>
  775. <body>
  776.  
  777. <script>
  778.  
  779. function openTab(tabname){
  780. var x = document.getElementsByClassName('tab');
  781. for (i = 0; i < x.length; i++) {
  782. x[i].style.display = 'none';
  783. }
  784.  
  785. document.getElementById(tabname).style.display = 'block';
  786. }
  787.  
  788. </script>
  789.  
  790. <div id="container">
  791.  
  792. <div id="inner">
  793. <div id="containertitle">{text:main title}</div>
  794.  
  795.  
  796.  
  797. <!-- POSTS -->
  798.  
  799. <div class="posts">
  800.  
  801. {block:Posts}
  802. <div class="postholder">
  803.  
  804. <!-- POST INFO -->
  805. <div class="postinfo">
  806.  
  807. {block:IfDayMonthYearFormat}
  808. <div class="postdate"><a href="{Permalink}"><span class="lnr lnr-clock"></span> {block:Date} {DayOfMonth} {Month} {Year}{/block:Date}</a></div>
  809. {/block:IfDayMonthYearFormat}
  810. {block:IfTimeAgoFormat}
  811. <div class="postdate"><a href="{Permalink}"><span class="lnr lnr-clock"></span> {block:Date} {TimeAgo} {/block:Date}</a></div>
  812. {/block:IfTimeAgoFormat}
  813. <div class="postnotestat"><a href="{Permalink}"><span class="lnr lnr-tag"></span> {NoteCountWithLabel}</a></div>
  814. <div class="reblogpost"><a href="{ReblogURL}"><span class="lnr lnr-sync"></span> reblog</a></div>
  815. </div>
  816.  
  817. <div class="post">
  818.  
  819. <!-- TEXT POSTS -->
  820. {block:Text}
  821. {block:Title}<h1>{Title}</h1>{/block:Title}
  822. {Body}
  823. {/block:Text}
  824.  
  825. <!-- ANSWER POSTS -->
  826. {block:Answer}
  827. <div class="askee"><i> {Asker} said</i></div><div class="question">{Question}
  828. </div>
  829. {Answer}
  830. {/block:Answer}
  831.  
  832. <!-- QUOTE POSTS -->
  833. {block:Quote}
  834. <div class="quotetext">“ {Quote} ”
  835. {block:Source}<br><div class="source">— <i>{Source}</i></div>{/block:Source}
  836. </div>
  837. {/block:Quote}
  838.  
  839. <!-- LINK POSTS -->
  840. {block:Link}
  841. <link><a href="{URL}">{Name}</a></link>
  842. {block:Description}{Description}{/block:Description}
  843. {/block:Link}
  844.  
  845. <!-- CHAT POSTS -->
  846. {block:Chat}
  847. {block:Title}<h2>{Title}</h2>{/block:Title}
  848. {block:Lines}
  849. {block:Label}<b>{Label}</b>{/block:Label}
  850. {Line}<br>
  851. {/block:Lines}
  852. {/block:Chat}
  853. <!-- PHOTO POSTS -->
  854. {block:Photo}
  855. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  856.  
  857. {block:Caption}{Caption}{/block:Caption}
  858. {/block:Photo}
  859.  
  860. <!-- PHOTOSET POSTS -->
  861. {block:Photoset}
  862. {Photoset}
  863. {block:Caption}{Caption}{/block:Caption}
  864. {/block:Photoset}
  865.  
  866. <!-- AUDIO POSTS -->
  867.  
  868. {block:Audio}
  869. {block:AudioPlayer}
  870. <div class="playbutton">{AudioPlayerWhite}</div>
  871. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  872. <div class="trackinfo">
  873. <div class="trackname">
  874. {block:TrackName}{TrackName}{/block:TrackName}
  875. </div>
  876. <div class="artist">
  877. {block:Artist}{Artist}{/block:Artist}
  878. </div>
  879. <div class="album">
  880. {block:Album}{Album}{/block:Album}
  881. </div>
  882. <div class="playcount">
  883. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  884. </div>
  885. </div>
  886. {block:Caption}{Caption}{/block:Caption}
  887. {/block:AudioPlayer}
  888. {/block:Audio}
  889.  
  890.  
  891. <!-- VIDEO POSTS -->
  892. {block:Video}
  893. <div class="video">{Video-500}</div>
  894. {block:Caption}{Caption}{/block:Caption}
  895. {/block:Video}
  896.  
  897. </div>
  898.  
  899.  
  900. <!-- TAGS -->
  901.  
  902. {block:HasTags} <div class="tags"><span class="lnr lnr-tag"></span>{block:Tags} <div class="tag"><a href="{TagURL}">{TAG}</a>,</div> {/block:Tags}</div> {/block:HasTags}
  903.  
  904. </div>
  905.  
  906. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  907.  
  908. {/block:Posts}
  909.  
  910. {block:Pagination}<div id="pagination">
  911.  
  912. {block:PreviousPage}<a href="{PreviousPage}">PREV</a> / {/block:PreviousPage}
  913. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  914.  
  915. </div>{/block:Pagination}
  916.  
  917. </div>
  918.  
  919. <div id="innerimg"><img src="{image:sidebar}"/></div>
  920.  
  921. <div id="innerdesc">{text:desc}</div>
  922.  
  923. <div id="innerlinks">
  924.  
  925. <a href="/"><div class="innerlink">index</div></a>
  926. <a href="/ask"><div class="innerlink">message</div></a>
  927. <a href="{text:link 1 url}"><div class="innerlink">{text:link 1 name}</div></a>
  928. <a href="{text:link 2 url}"><div class="innerlink">{text:link 2 name}</div></a>
  929. <a href="{text:link 3 url}"><div class="innerlink">{text:link 3 name}</div></a>
  930. <a href="{text:link 4 url}"><div class="innerlink">{text:link 4 name}</div></a>
  931.  
  932. </div>
  933.  
  934. </div>
  935.  
  936. <div id="moresongs">
  937.  
  938. <span>{text:song 1} <b>{text:artist 1}</b></span>
  939. <span>{text:song 2} <b>{text:artist 2}</b></span>
  940. <span>{text:song 3} <b>{text:artist 3}</b></span>
  941. <span>{text:song 4} <b>{text:artist 4}</b></span>
  942.  
  943. </div>
  944.  
  945. <div id="musicplayer">
  946.  
  947. <div class="songname">{text:song name}</div>
  948. <div class="sartist">{text:song artist}</div>
  949. <span class="fas fa-backward"></span>
  950. <span class="fas fa-play-circle"></span>
  951. <span class="fas fa-forward"></span>
  952.  
  953. </div>
  954.  
  955. <div id="png"><img src="{image:png}"/></div>
  956. <div id="description">
  957.  
  958. {text:short description}
  959.  
  960. </div>
  961.  
  962. </div>
  963.  
  964. <!-- CREDIT : PLS DONT DELETE! -->
  965.  
  966. <div class="ananas"><a href="https://sprfluous.tumblr.com" title="code by anna"><span class="th th-pineapple-o"></span></a></div>
  967.  
  968. </body>
  969. </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!