Advertisement
Sky_Blue

for aromarunwayexpress

May 26th, 2023
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.05 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. for aromarunwayexpress. thank u!!!!! <3
  7.  
  8. ----->
  9.  
  10. <script src="https://kit.fontawesome.com/f936906ae0.js" crossorigin="anonymous"></script>
  11.  
  12. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  13.  
  14. <meta charset="utf-8">
  15. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <title>{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{image:favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  25.  
  26. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  27.  
  28. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  29.  
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
  32. <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  33.  
  34. <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru|Short+Stack" rel="stylesheet">
  35.  
  36. <script>
  37. function gatherData(images, arr) {
  38. for (let i = 0; i < images.length; i++) {
  39. let currentData = {
  40. "width": images[i].getAttribute('data-width'),
  41. "height": images[i].getAttribute('data-height'),
  42. "low_res": images[i].getAttribute('data-lowres'),
  43. "high_res": images[i].getAttribute('data-highres')
  44. };
  45. arr.push(currentData);
  46. }
  47. }
  48. function getIndex(elem) {
  49. let i = 0;
  50. while( (elem = elem.previousElementSibling) != null ) i++;
  51. return i;
  52. }
  53. function lightbox(elem) {
  54. let currentPhotoset = elem.parentNode;
  55. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  56. let data = [];
  57. gatherData(photosetPhotos, data);
  58. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  59. }
  60. </script>
  61.  
  62. <meta name="image:favicon" content=""/>
  63. <meta name="image:header" content="https://64.media.tumblr.com/9766a8a55a27fa887a13e58c1a792930/f09c667c9f170527-01/s2048x3072/21ec6f40564a6357bb20c4681a3301f28c4df6ef.jpg"/>
  64. <meta name="image:background" content=""/>
  65. <meta name="image:floatie one" content="https://64.media.tumblr.com/7c632bac8cb109764f4cc467ee7bcec3/f09c667c9f170527-7e/s2048x3072/1759f89a40a200131c881768713bc9deedaaa92a.png"/>
  66. <meta name="image:floatie two" content="https://64.media.tumblr.com/1a1b0f4bb2c1ef49125169cead1ecf9a/f09c667c9f170527-43/s2048x3072/17b179678feac017a35a849e8575bece527b793d.png"/>
  67.  
  68. <meta name="color:border" content="#135ba9"/>
  69. <meta name="color:background" content="#24b0e4"/>
  70. <meta name="color:post background" content="#fff"/>
  71. <meta name="color:title background" content="#f8b958"/>
  72. <meta name="color:containers background" content="#fff"/>
  73. <meta name="color:text" content="#000"/>
  74. <meta name="color:links" content="#135ba9"/>
  75. <meta name="color:links hover" content="#cce5ff"/>
  76. <meta name="color:tooltip background" content="#fff"/>
  77. <meta name="color:tooltip text" content="#000"/>
  78. <meta name="color:selection background" content="#135ba9"/>
  79. <meta name="color:selection text" content="#000"/>
  80. <meta name="color:scrollbar" content="#f8b958"/>
  81. <meta name="color:music controls" content="#135ba9"/>
  82.  
  83. <meta name="if:redirect" content=""/>
  84. <meta name="if:hover blur" content=""/>
  85. <meta name="if:captions" content="1"/>
  86. <meta name="if:background cover" content=""/>
  87.  
  88. <meta name="select:border style" content="solid"/>
  89. <meta name="select:border style" content="dashed"/>
  90. <meta name="select:border style" content="dotted"/>
  91. <meta name="select:border style" content="double"/>
  92. <meta name="select:border style" content="inset"/>
  93. <meta name="select:border style" content="outset"/>
  94. <meta name="select:border style" content="groove"/>
  95. <meta name="select:border style" content="ridge"/>
  96.  
  97. <meta name="text:font size" content="20"/>
  98. <meta name="text:font" content="arial"/>
  99. <meta name="text:border width" content="5"/>
  100. <meta name="text:description" content="description"/>
  101. <meta name="text:song 1 title" content="sample title"/>
  102. <meta name="text:song 1 mp3" content=""/>
  103. <meta name="text:song 2 title" content="sample title"/>
  104. <meta name="text:song 2 mp3" content=""/>
  105. <meta name="text:song 3 title" content="sample title"/>
  106. <meta name="text:song 3 mp3" content=""/>
  107. <meta name="text:song 4 title" content="sample title"/>
  108. <meta name="text:song 4 mp3" content=""/>
  109. <meta name="text:link 1" content="home"/>
  110. <meta name="text:link 1 url" content="/"/>
  111. <meta name="text:link 2" content="ask"/>
  112. <meta name="text:link 2 url" content="/ask"/>
  113. <meta name="text:link 3" content="submit"/>
  114. <meta name="text:link 3 url" content="/submit"/>
  115. <meta name="text:link 4" content="archive"/>
  116. <meta name="text:link 4 url" content="/archive"/>
  117. <meta name="text:link 5" content=""/>
  118. <meta name="text:link 5 url" content=""/>
  119. <meta name="text:link 6" content=""/>
  120. <meta name="text:link 6 url" content=""/>
  121. <meta name="text:link 7" content=""/>
  122. <meta name="text:link 7 url" content=""/>
  123. <meta name="text:link 8" content=""/>
  124. <meta name="text:link 8 url" content=""/>
  125. <meta name="text:redirect" content=""/>
  126.  
  127. </head>
  128.  
  129. <style type="text/css">
  130. .npf_row {
  131. margin: 0 !important;
  132. }
  133.  
  134. .tmblr-full img{
  135. box-sizing:border-box !important;
  136. }
  137.  
  138. ::selection {
  139. background: {color:selection background};
  140. color:{color:selection text};
  141. }
  142.  
  143. ::-moz-selection {
  144. background: {color:selection background};
  145. color:{color:selection text};
  146. }
  147.  
  148. ::-webkit-scrollbar {
  149. width: 10px;
  150. height: 3px;
  151. }
  152.  
  153. ::-webkit-scrollbar-thumb {
  154. background: {color:scrollbar};
  155. }
  156.  
  157. ::-webkit-scrollbar-track {
  158. border: 3px inset {color:scrollbar};
  159. background: none;
  160. }
  161.  
  162. #s-m-t-tooltip{
  163. margin: 20px 0 0 20px;
  164. padding: 5px;
  165. max-width: 300px;
  166. background-color:{color:tooltip background};
  167. color:{color:tooltip text};
  168. border:{text:border width}px {select:border style} {color:border};
  169. z-index: 9999;
  170. }
  171.  
  172. @font-face{
  173. font-family: 'Magica';
  174. src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
  175. }
  176. @font-face{
  177. font-family: 'DEAD END';
  178. src: url(https://static.tumblr.com/pvnotae/DzVqdg2j5/dead_end.ttf);
  179. }
  180. @font-face{
  181. font-family: 'Decibil';
  182. src: url(https://static.tumblr.com/pvnotae/kwwqdg2pw/decibel_2.ttf);
  183. }
  184. @font-face{
  185. font-family: 'Aachen';
  186. src: url(https://static.tumblr.com/pvnotae/YIoqdg2yp/aachen-bold-opentype.otf);
  187. }
  188.  
  189. body {
  190. margin:0px;
  191. background:{color:background};
  192. background-image: url('{image:background}');
  193. {block:ifbackgroundcover}
  194. background-size: cover;
  195. {/block:ifbackgroundcover}
  196. {block:ifnotbackgroundcover}
  197. background-repeat:repeat;
  198. {/block:ifnotbackgroundcover}
  199. background-attachment:fixed;
  200. font-family:{text:font};
  201. font-size:{text:font size}px;
  202. color:{color:text};
  203. }
  204.  
  205. p{
  206. margin:5px 0px;
  207. padding:0;
  208. }
  209.  
  210. pre {
  211. white-space: pre-wrap;
  212. white-space: -moz-pre-wrap;
  213. white-space: -pre-wrap;
  214. white-space: -o-pre-wrap;
  215. word-wrap: break-word;
  216. }
  217.  
  218. a{
  219. color:{color:links};
  220. text-decoration:none;
  221. transition:0.5s;
  222. }
  223.  
  224. a:hover{
  225. color:{color:links hover};
  226. {block:ifhoverblur}
  227. -webkit-filter: blur(.9px);
  228. {/block:ifhoverblur}
  229. transition:0.5s;
  230. cursor:help;
  231. }
  232.  
  233. a.tumblr_blog{
  234. display:inline-block;
  235. margin-bottom:5px;
  236. }
  237.  
  238. li{
  239. margin-left:-15px;
  240. }
  241.  
  242. #wrapper{
  243. width:1000px;
  244. margin:10px auto;
  245. animation: fadeEffect 0.5s;
  246. }
  247.  
  248. #wrapright{
  249. margin-right:50px;
  250. animation: fadeEffect 0.5s;
  251. display:flex;
  252. justify-content:flex-end;
  253. }
  254.  
  255. #wrapleft{
  256. margin-left:50px;
  257. animation: fadeEffect 0.5s;
  258. display:flex;
  259. justify-content:flex-start;
  260. }
  261.  
  262. @keyframes fadeEffect {
  263. from {opacity: 0;}
  264. to {opacity: 1;}
  265. }
  266.  
  267. #header img{
  268. border:{text:border width}px {select:border style} {color:border};
  269. width:100%;
  270. height:250px;
  271. object-fit:cover;
  272. display:block;
  273. }
  274.  
  275. #content{
  276. overflow:auto;
  277. height:450px;
  278. width:700px;
  279. border:{text:border width}px {select:border style} {color:border};
  280. margin:25px auto;
  281. background-color:{color:containers background};
  282. }
  283.  
  284. #title{
  285. width:100%;
  286. background-color:{color:title background};
  287. height:50px;
  288. border-bottom:{text:border width}px {select:border style} {color:border};
  289. }
  290.  
  291. .post{
  292. width:500px;
  293. margin:25px auto;
  294. overflow:hidden;
  295. border:{text:border width}px {select:border style} {color:border};
  296. background:{color:post background};
  297. background-image:url('{image:post background}');
  298. box-sizing:border-box;
  299. word-break:break-word;
  300. }
  301.  
  302. .footer{
  303. text-align:center;
  304. margin:auto;
  305. margin-top:20px;
  306. width:200px;
  307. }
  308.  
  309. .answer .embed_iframe{
  310. width: 340px;
  311. }
  312.  
  313. .nfp_row{
  314. margin-left:0px;
  315. margin-right:0px;
  316. }
  317.  
  318. #nav{
  319. width: 200px;
  320. margin: 25px auto;
  321. text-align: center;
  322. display: flex;
  323. justify-content: space-evenly;
  324. z-index: 9999999;
  325. }
  326.  
  327. video{
  328. max-width:100%;
  329. height:auto!important;
  330. border:{text:border width}px {select:border style} {color:border};
  331. }
  332.  
  333. .video-container iframe,
  334. .video-container object,
  335. .video-container embed {
  336. position: center;
  337. max-width: 450px;
  338. max-height: 460px;
  339. border:{text:border width}px {select:border style} {color:border};
  340. box-sizing:border-box;
  341. }
  342.  
  343. .video-wrapper {
  344. max-width: 460px;
  345. max-height: 460px;
  346. box-sizing:border-box;
  347.  
  348. }
  349.  
  350. iframe.tumblr_audio_player {
  351. height: 85px;
  352. border:{text:border width}px {select:border style} {color:border};
  353. box-sizing:border-box;
  354. }
  355.  
  356. .media{
  357. margin:0 0 0px 0;
  358. text-align:center;
  359. }
  360.  
  361. .media:hover{
  362. {block:ifhoverblur}
  363. -webkit-filter: blur(.9px);
  364. {/block:ifhoverblur}
  365. }
  366.  
  367. .media img{
  368. border:{text:border width}px {select:border style} {color:border};
  369. display:block;
  370. box-sizing:border-box;
  371. }
  372.  
  373. .title{
  374. font-size:calc({text:font size}px * 2 - 10px);
  375. font-weight:bold;
  376. margin:10px 0 10px 0;
  377. color:{color:text};
  378. }
  379.  
  380. h1, h2, h3, h4, h5, h6{
  381. font-size:calc({text:font size}px * 2 - 10px);
  382. font-weight:bold;
  383. margin:10px 0 10px 0;
  384. color:{color:text};
  385. }
  386.  
  387. .quote{
  388. font-weight:normal;
  389. font-size:{text:font size};
  390. font-style:italic;
  391. margin:0 0 10px 0;
  392. }
  393.  
  394. .question {
  395. position: relative;
  396. border:{text:border width}px {select:border style} {color:border};
  397. background-color:{color:description background};
  398. padding: 10px;
  399. margin-left:10px;
  400. width:100%;
  401. word-break: break-all;
  402. }
  403.  
  404. .asker{
  405. display:flex;
  406. align-items: flex-start;
  407. }
  408.  
  409. .asker img{
  410. border:{text:border width}px {select:border style} {color:border};
  411. }
  412.  
  413. .answer{
  414. position: relative;
  415. border:{text:border width}px {select:border style} {color:border};
  416. background-color:{color:description background};
  417. padding: 10px;
  418. margin-right:10px;
  419. width:100%;
  420. word-break: break-all;
  421. }
  422.  
  423. .answerer{
  424. margin-top:10px;
  425. display:flex;
  426. align-items: flex-start;
  427. }
  428.  
  429. .answerer img{
  430. border:{text:border width}px {select:border style} {color:border};
  431. }
  432.  
  433. .caption{
  434. margin-top:10px;
  435. }
  436.  
  437. blockquote{
  438. margin:10px;
  439. padding-left:10px;
  440. border-left:{text:border width}px {select:border style} {color:border};
  441. }
  442.  
  443. blockquote img{
  444. max-width:100%;
  445. height:auto;
  446. object-fit:cover;
  447. display: block;
  448. border:{text:border width}px {select:border style} {color:border};
  449. box-sizing:border-box;
  450. }
  451.  
  452. img{
  453. max-width:100%;
  454. height:auto;
  455. }
  456.  
  457. ol.notes{
  458. border:{text:border width}px {select:border style} {color:border};
  459. background-color:{color:post background};
  460. margin-top:10px;
  461. padding:10px;
  462. list-style-type:none;
  463. max-height:200px;
  464. overflow:auto;
  465. margin-bottom:0px;
  466. }
  467.  
  468. ol.notes li.note img{
  469. width:16px;
  470. height:16px;
  471. margin-right:3px;
  472. }
  473.  
  474. ol.notes li.note{
  475. margin:0px;
  476. }
  477.  
  478. .tags {
  479. max-height:0px;
  480. text-align:center;
  481. opacity:0;
  482. -webkit-transition: all 0.7s ease;
  483. transition: all 0.7s ease;
  484. -moz-transition: all 0.7s ease;
  485. -o-transition: all 0.7s ease;
  486. overflow:hidden;
  487. }
  488.  
  489. .post:hover .tags{
  490. opacity:1;
  491. max-height:300px;
  492. -webkit-transition: all 0.7s ease;
  493. transition: all 0.7s ease;
  494. -moz-transition: all 0.7s ease;
  495. -o-transition: all 0.7s ease;
  496. }
  497.  
  498. [photoset-layout] {
  499. grid-gap: 10px;
  500. }
  501.  
  502. [photoset-layout] img {
  503. border:{text:border width}px {select:border style} {color:border};
  504. display: block;
  505. height: 100%;
  506. width: 100%;
  507. object-fit: cover;
  508. background-color:{color:description background};
  509. }
  510.  
  511. [photoset-layout] div {
  512. cursor: help;
  513. }
  514.  
  515. .answer .embed_iframe{
  516. width: 240px;
  517. }
  518.  
  519. .musicplayer{
  520. width:200px;
  521. position:absolute;
  522. top: 597px;
  523. background-color:{color:containers background};
  524. border:{text:border width}px {select:border style} {color:border};
  525. }
  526.  
  527. .songtitle{
  528. padding:5px;
  529. height:25px;
  530. display:flex;
  531. align-items: center;
  532. }
  533.  
  534. .controls{
  535. font-size:20px !important;
  536. color:{color:music controls};
  537. text-align:center;
  538. width:100%;
  539. height:35px;
  540. }
  541.  
  542. .controls td{
  543. padding:5px;
  544. }
  545.  
  546. .controls td:hover{
  547. cursor:help;
  548. {block:ifhoverblur}
  549. -webkit-filter: blur(.9px);
  550. {/block:ifhoverblur}
  551. }
  552.  
  553. .seeking{
  554. display:flex;
  555. justify-content: space-evenly;
  556. padding:5px;
  557. }
  558.  
  559. .current-time{
  560. padding-right:5px;
  561. }
  562.  
  563. .total-duration{
  564. padding-left:5px;
  565. }
  566.  
  567. input[type=range] {
  568. -webkit-appearance: none;
  569. width: 100%;
  570. background-color:inherit;
  571. }
  572.  
  573. input[type=range]:focus {
  574. outline: none;
  575. }
  576.  
  577. input[type=range]::-webkit-slider-runnable-track {
  578. width: 100%;
  579. height: 4px; /* thickness of seeking track */
  580. cursor: help;
  581. background: {color:music controls}; /* color of seeking track */
  582. }
  583.  
  584. input[type=range]::-webkit-slider-thumb {
  585. height: 15px; /* height of seeking circle */
  586. width: 15px; /* width of seeking circle */
  587. background: {color:music controls}; /* color of seeker circle */
  588. cursor: help;
  589. -webkit-appearance: none;
  590. margin-top: -6px;
  591. }
  592.  
  593. input[type=range]::-moz-range-track {
  594. width: 100%;
  595. height: 4px; /* thickness of seeking track */
  596. cursor: help;
  597. background: {color:music controls}; /* color of seeking track */
  598. }
  599.  
  600. input[type=range]::-moz-range-thumb {
  601. height: 15px; /* height of seeking circle */
  602. width: 15px; /* width of seeking circle */
  603. background: {color:music controls}; /* color of seeker circle */
  604. cursor: help;
  605. border:none;
  606. }
  607.  
  608. .chatbox{
  609. position:absolute;
  610. top:293px;
  611. width:200px;
  612. background-color:{color:containers background};
  613. border:{text:border width}px {select:border style} {color:border};
  614. }
  615.  
  616. .links{
  617. position:absolute;
  618. top:293px;
  619. width:200px;
  620. height:200px;
  621. overflow:auto;
  622. background-color:{color:containers background};
  623. border:{text:border width}px {select:border style} {color:border};
  624. text-align:center;
  625. }
  626.  
  627. .floatieone {
  628. right: 150px;
  629. z-index: 999;
  630. top: 490px;
  631. position: absolute;
  632. user-select:none;
  633. }
  634.  
  635. .floatietwo {
  636. left: 150px;
  637. z-index: 999;
  638. top: 460px;
  639. position: absolute;
  640. user-select:none;
  641. }
  642.  
  643. .floatieone img, .floatietwo img{
  644. height:400px;
  645. }
  646.  
  647. .floatieone img{
  648. height:350px;
  649. }
  650.  
  651. </style>
  652. <body>
  653. {block:ifredirect}
  654. {block:IndexPage}
  655. <script type="text/javascript">
  656. var url = location.href;
  657. if (url == "{BlogURL}") {
  658. window.location = "{BlogURL}tagged/{text:redirect}";
  659. }
  660. </script>
  661. {/block:IndexPage}
  662. {/block:ifredirect}
  663.  
  664. <div class='floatieone'><img src="{image:floatie one}"></div>
  665. <div class='floatietwo'><img src="{image:floatie two}"></div>
  666.  
  667.  
  668. <div id="wrapleft">
  669. <div class="chatbox">
  670. <div id="title"></div>
  671. <iframe src="https://www3.cbox.ws/box/?boxid=3528419&boxtag=6mfTXr" width="100%" height="350" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
  672. </div>
  673. </div>
  674.  
  675. <div id="wrapright">
  676.  
  677. <div class="links">
  678. <div id="title"></div>
  679. <div style="padding:10px;">
  680. <a href="{text:link 1 url}">{text:link 1}</a> <br>
  681. <a href="{text:link 2 url}">{text:link 2}</a> <br>
  682. <a href="{text:link 3 url}">{text:link 3}</a> <br>
  683. <a href="{text:link 4 url}">{text:link 4}</a> <br>
  684. <a href="{text:link 5 url}">{text:link 5}</a> <br>
  685. <a href="{text:link 6 url}">{text:link 6}</a> <br>
  686. <a href="{text:link 7 url}">{text:link 7}</a> <br>
  687. <a href="{text:link 8 url}">{text:link 8}</a>
  688. </div>
  689. </div>
  690.  
  691. <div class="musicplayer">
  692. <div id="title"></div>
  693. <div style="padding:10px">
  694. <div>
  695. <marquee scrollamount="8" class="songtitle"></marquee>
  696. </div>
  697.  
  698. <table class="controls">
  699. <tr>
  700. <td>
  701. <div class="prev-track" onclick="prevTrack()"><i class="fas fa-backward"></i></div>
  702. </td>
  703. <td>
  704. <div class="playpause-track" onclick="playpauseTrack()" ><i class="fas fa-play"></i></div>
  705. </td>
  706. <td>
  707. <div class="next-track" onclick="nextTrack()"><i class="fas fa-forward"></i></div>
  708. </td>
  709. </tr>
  710. </table>
  711.  
  712. <div class="seeking">
  713. <div class="current-time">00:00</div>
  714.  
  715. <input type="range" min="1" max="100" value="0" class="seek_slider" onchange="seekTo()">
  716.  
  717. <div class="total-duration">0:00</div>
  718. </div>
  719.  
  720. <audio id="music" src=""></audio>
  721. </div>
  722. </div>
  723.  
  724. </div>
  725.  
  726. <div id="wrapper">
  727.  
  728.  
  729.  
  730. <div id="header">
  731. <img src="{image:header}">
  732. </div>
  733.  
  734.  
  735.  
  736.  
  737. <div id="content">
  738. <div id="title"></div>
  739. {block:Posts}
  740.  
  741. <div class="post" post-type="{PostType}">
  742.  
  743. <div style="padding:20px">
  744.  
  745. {block:Text}
  746. {block:Title}
  747. <div class="title">{Title}</div>
  748. {/block:Title}
  749. {Body}
  750. {/block:Text}
  751.  
  752. {block:Photo}
  753. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  754. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  755. {/block:Photo}
  756.  
  757. {block:Photoset}
  758. <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>
  759. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  760. {/block:Photoset}
  761.  
  762. {block:Quote}
  763. <div class="quote">"{Quote}"</div>
  764. {block:Source}
  765. <div class="quotesource">{Source}</div>
  766. {/block:Source}
  767. {/block:Quote}
  768.  
  769. {block:Link}
  770. <div class="title"><a href="{URL}">{Name}</a></div>
  771. {block:Description}
  772. <div class="description">{Description}</div>
  773. {/block:Description}
  774. {/block:Link}
  775.  
  776. {block:Chat}
  777. {block:Title}
  778. <div class="title">{Title}</div>
  779. {/block:Title}
  780.  
  781. {block:Lines}
  782. <div class="{Alt} user_{UserNumber}">
  783. {block:Label}
  784. <b>{Label}</b>{/block:Label}
  785. &nbsp;{Line}
  786. </div>
  787. {/block:Lines}
  788. {/block:Chat}
  789.  
  790. {block:Video}
  791. <div class="media"><div class="video-wrapper">
  792. <div class="video-container">{video-400}</div>
  793. </div></div>
  794. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  795. {/block:Video}
  796.  
  797. {block:Audio}
  798. <div class="media">
  799. {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-500}</div></div>{/block:AudioEmbed}
  800. </div>
  801. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  802. {/block:Audio}
  803.  
  804. {block:Answer}
  805. <div class="asker"><img src="{AskerPortraitURL-48}"> <div class="question" style="font-style:italic">{Question}</div></div>
  806.  
  807. <div class="answerer"><div class="answer">{Answer}</div>{block:Answerer}<img src="{AnswererPortraitURL-48}">{/block:Answerer}<img src="{PortraitURL-48}" style="{block:Answerer}display:none{/block:Answerer}"></div>
  808.  
  809. <div style="margin-top:20px;{block:NotReblog}display:none;{/block:NotReblog}">{Replies}</div>
  810. {/block:Answer}
  811.  
  812.  
  813. {block:Date}
  814. <div class="footer">
  815.  
  816. <a href="{Permalink}" title="{notecount} notes">{TimeAgo}</a>
  817.  
  818. <!-- {block:NoRebloggedFrom}
  819. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  820. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  821. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  822. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  823. {/block:ContentSource}
  824.  
  825. </div>
  826.  
  827. {block:HasTags}
  828. {block:IndexPage}<div class="tags"><div style="margin-top:10px">{block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i>{Tag} </a>{/block:Tags}</div></div>{/block:IndexPage}
  829. {block:PermalinkPage}<div style="margin-top:10px;text-align:center;">{block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i>{Tag} </a>{/block:Tags}</div>{/block:PermalinkPage}
  830. {/block:HasTags}
  831.  
  832. {block:PermalinkPage}
  833. {block:NoteCount}
  834. {block:PostNotes}{PostNotes}{/block:PostNotes}
  835. {/block:NoteCount}
  836. {/block:PermalinkPage}
  837. {/block:Date}
  838.  
  839. </div>
  840. </div>
  841.  
  842. {/block:Posts}
  843.  
  844. {block:Pagination}
  845. <div id="nav">
  846. {block:PreviousPage}
  847. <a href="{PreviousPage}" class="arrows" style="text-shadow:none;"><i class="fas fa-arrow-left"></i></a>
  848. {/block:PreviousPage}
  849.  
  850.  
  851. {block:JumpPagination length="5"}
  852.  
  853. {block:CurrentPage}
  854. <span class="current_page">{PageNumber}</span>
  855. {/block:CurrentPage}
  856. {block:JumpPage}
  857. <a class="jump_page nohover" href="{URL}">{PageNumber}</a>
  858. {/block:JumpPage}
  859.  
  860. {/block:JumpPagination}
  861.  
  862.  
  863. {block:NextPage}
  864. <a href="{NextPage}" class="arrows" style="text-shadow:none;"><i class="fas fa-arrow-right"></i></a>
  865. {/block:NextPage}
  866. </div>
  867. {/block:Pagination}
  868.  
  869. </div>
  870. </div>
  871.  
  872. <script>
  873. let track_list = [
  874. {
  875. name:"{text:song 1 title}",
  876. path:"{text:song 1 mp3}"
  877. },
  878. {
  879. name:"{text:song 2 title}",
  880. path:"{text:song 2 mp3}"
  881. },
  882. {
  883. name:"{text:song 3 title}",
  884. path:"{text:song 3 mp3}"
  885. },
  886. {
  887. name:"{text:song 4 title}",
  888. path:"{text:song 4 mp3}"
  889. },
  890. ];
  891. </script>
  892. <script src="https://kit.fontawesome.com/f936906ae0.js" crossorigin="anonymous"></script>
  893. <script type="text/javascript" src="https://adilene.net/musicplayer.js"></script>
  894.  
  895.  
  896. </body>
  897. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement