artiecore

klámstrákur

May 22nd, 2020 (edited)
1,102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.17 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ♡ klámstrákur theme by him1974 ♡
  6.  
  7. im gay for matthais
  8. its either the glow or outline you cant have both
  9.  
  10. base code by animecharacter, audio parts from ps1
  11. ----->
  12.  
  13. <meta charset="utf-8">
  14. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  15. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><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>
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <link rel="shortcut icon" href="{image:favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{rss}">
  22.  
  23. <title>{Title}</title>
  24.  
  25. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  26. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:posts" content=""/>
  30. <meta name="color:post wrap" content=""/>
  31. <meta name="color:sidebar" content=""/>
  32. <meta name="color:border" content="#000">
  33. <meta name="color:wrap border" content="#ffffff">
  34. <meta name="color:glow" content="#000">
  35. <meta name="color:glow" content="#000">
  36. <meta name="color:text" content="#2b2b2b"/>
  37. <meta name="color:link" content="#2b2b2b"/>
  38. <meta name="color:link hover" content="#949494"/>
  39. <meta name="color:text glow" content="#000000"/>
  40. <meta name="color:link glow" content="#000000"/>
  41. <meta name="color:title glow" content="#000000"/>
  42. <meta name="color:text outline" content="#000000"/>
  43. <meta name="color:link outline" content="#000000"/>
  44. <meta name="color:title outline" content="#000000"/>
  45. <meta name="color:selection bg" content="#fff"/>
  46. <meta name="color:selection text">
  47. <meta name="color:tooltip" content="#ffffff"/>
  48. <meta name="color:tooltip text" content="#6d6d6d"/>
  49. <meta name="color:title" content="#2b2b2b"/>
  50.  
  51.  
  52. <meta name="image:sidebar" content=""/>
  53. <meta name="image:background" content="" />
  54. <meta name="image:favicon" content="">
  55. <meta name="image:post wrap" content=""/>
  56. <meta name="image:hoh" content="">
  57.  
  58. <meta name="if:wobble" content=""/>
  59. <meta name="if:marquee desc" content=""/>
  60. <meta name="if:redirect" content="" />
  61. <meta name="if:cover bg" content="" />
  62. <meta name="if:sidebar border" content="" />
  63. <meta name="if:sidebar glow" content="" />
  64. <meta name="if:post border" content="" />
  65. <meta name="if:post glow" content="" />
  66. <meta name="if:wrap border" content="" />
  67. <meta name="if:wrap glow" content="" />
  68. <meta name="if:glow links" content="" />
  69. <meta name="if:glow text" content="" />
  70. <meta name="if:glow title" content="" />
  71. <meta name="if:outline links" content="" />
  72. <meta name="if:outline text" content="" />
  73. <meta name="if:outline title" content="" />
  74.  
  75.  
  76. <meta name="text:font size" content="12px">
  77. <meta name="text:title size" content="25px">
  78. <meta name="text:description" content="nyall even read this shit?"/>
  79. <meta name="text:title" content="höh!"/>
  80. <meta name="text:redirect" content=""/>
  81. <meta name="text:link divider" content="/"/>
  82. <meta name="text:border size" content="3px" />
  83. <meta name="text:search text" content="hi hi hi there">
  84.  
  85.  
  86. <meta name="text:link1" content="one">
  87. <meta name="text:url1" content="">
  88. <meta name="text:link2" content="two">
  89. <meta name="text:url2" content="">
  90. <meta name="text:link3" content="three">
  91. <meta name="text:url3" content="">
  92. <meta name="text:link4" content="four">
  93. <meta name="text:url4" content="">
  94.  
  95. <meta name="select:font" content="arial">
  96. <meta name="select:font" content="verdana">
  97. <meta name="select:font" content="courier">
  98. <meta name="select:font" content="georgia">
  99. <meta name="select:font" content="times new roman">
  100. <meta name="select:font" content="ms gothic"/>
  101. <meta name="select:font" content="short stack"/>
  102. <meta name="select:font" content="comic sans ms">
  103.  
  104. <meta name="select:border type" content="solid" />
  105. <meta name="select:border type" content="double" />
  106. <meta name="select:border type" content="dashed" />
  107. <meta name="select:border type" content="dotted" />
  108. <meta name="select:border type" content="outset">
  109. <meta name="select:border type" content="inset">
  110.  
  111.  
  112. <script type="text/javascript">
  113. // <![CDATA[
  114. var speed=100; // speed of wobbling, lower is faster
  115. var height=3; // height of wobbling in pixels
  116. var alink="/"; // page to link text to (set to ="/" for no link)
  117.  
  118. /****************************
  119. * Wobbly Text Effect *
  120. *(c) 2003-6 mf2fm web-design*
  121. * http://www.mf2fm.com/rv *
  122. * DON'T EDIT BELOW THIS BOX *
  123. ****************************/
  124. var wobtxt, wobble, wobcnt=0;
  125. window.onload=function() { if (document.getElementById) {
  126. var i, wobli;
  127. wobble=document.getElementById("wobble");
  128. wobtxt=wobble.firstChild.nodeValue;
  129. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  130. for (i=0; i<wobtxt.length; i++) {
  131. wobli=document.createElement("span");
  132. wobli.setAttribute("id", "wobb"+i);
  133. wobli.style.position="relative";
  134. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  135. if (alink) {
  136. wobli.style.cursor="pointer";
  137. wobli.onclick=function() { top.location.href=alink; }
  138. }
  139. wobble.appendChild(wobli);
  140. }
  141. setInterval("wobbler()", speed);
  142. }}
  143.  
  144. function wobbler() {
  145. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  146. wobcnt++;
  147. }
  148. // ]]>
  149. </script>
  150.  
  151.  
  152. {block:ifredirect}
  153. {block:IndexPage}<script type="text/javascript">
  154. var url = location.href;
  155. if (url == "{BlogURL}") {
  156. window.location = "{BlogURL}tagged/{text:redirect}";
  157. }
  158. </script>{/block:IndexPage}
  159. {/block:ifredirect}
  160.  
  161. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  162.  
  163.  
  164. <style type="text/css">
  165.  
  166. ::-webkit-scrollbar {
  167. width: 16px;
  168. height: 10px;
  169. }
  170. ::-webkit-scrollbar-thumb {
  171. background-color: #fff;
  172. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  173. border-top: 1px solid #bdbdbd;
  174. border-left: 1px solid #bdbdbd;
  175. border-right: 1px solid black;
  176. border-bottom: 1px solid black;
  177. }
  178. ::-webkit-scrollbar-track {
  179. background-color: #fff;
  180. background-image: url(https://i.imgur.com/IGXGYKz.png);
  181. }
  182. ::-webkit-scrollbar-button:vertical:increment {
  183. background-image: url(https://i.imgur.com/WhC8iy3.png);
  184. width: 14px;
  185. height: 16px;
  186. border-top: 1px solid #bdbdbd;
  187. border-left: 1px solid #bdbdbd;
  188. border-right: 1px solid black;
  189. border-bottom: 1px solid black;
  190. }
  191. ::-webkit-scrollbar-button:vertical:decrement {
  192. background-image: url(https://i.imgur.com/fQ18mrR.png);
  193. border-top: 1px solid #bdbdbd;
  194. border-left: 1px solid #bdbdbd;
  195. border-right: 1px solid black;
  196. border-bottom: 1px solid black;
  197. width: 14px;
  198. height: 16px;
  199. }
  200. ::-webkit-scrollbar-button:vertical:decrement {
  201. background-image: url(https://i.imgur.com/fQ18mrR.png);
  202. border-top: 1px solid #bdbdbd;
  203. border-left: 1px solid #bdbdbd;
  204. border-right: 1px solid black;
  205. border-bottom: 1px solid black;
  206. width: 14px;
  207. height: 16px;
  208. }
  209.  
  210. ::selection {
  211. background: {color:selection bg};
  212. color:{color:selection text};
  213. }
  214. ::-moz-selection {
  215. background: {color:selection bg};
  216. color:{color:selection text};
  217. }
  218.  
  219. .tooltip{
  220. display:inline;
  221. position:relative;
  222. }
  223.  
  224. #s-m-t-tooltip{
  225. max-width:300px;
  226. padding:5px;
  227. margin:20px 7px -2px 20px;
  228. background-color:{color:tooltip};
  229. letter-spacing:1px;
  230. text-align:center;
  231. color:{color:tooltip text};
  232. z-index:99999999999999999999;
  233. -o-transition: all 0.3s ease-out;
  234. -webkit-transition: all 0.3s ease-out;
  235. -moz-transition: all 0.3s ease-out;
  236. }
  237.  
  238.  
  239. /*
  240. general text styles, fonts and colours
  241. */
  242.  
  243. body {
  244. margin:0px;
  245. background:{color:background};
  246. color:{color:text};
  247. {block:ifglowtext}
  248. text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
  249. {/block:ifglowtext}
  250. {block:ifoutlinetext}
  251. text-shadow: -1px 0 {color:text outline}, 0 1px {color:text outline}, 1px 0 {color:text outline}, 0 -1px {color:text outline};
  252. {/block:ifoutlinetext}
  253. background-image: url('{image:background}');
  254. {block:ifnotcoverbg}
  255. background-repeat: repeat;
  256. background-attachment: fixed;
  257. {/block:ifnotcoverbg}
  258. {block:ifcoverbg}
  259. background-size: cover;
  260. background-attachment: fixed;
  261. {/block:ifcoverbg}
  262. color:{color:text};
  263. font-family: {select:font};
  264. font-size: {text:font size};
  265. }
  266.  
  267. p{
  268. margin:0 0 10px 0;
  269. padding:0;
  270. }
  271.  
  272. pre {
  273. white-space: pre-wrap;
  274. white-space: -moz-pre-wrap;
  275. white-space: -pre-wrap;
  276. white-space: -o-pre-wrap;
  277. word-wrap: break-word;
  278. }
  279.  
  280. a {
  281. color:{color:link};
  282. {block:ifglowlinks}
  283. text-shadow: 0 0 3px {color:link glow}, 0 0 15px {color:link glow}, 0 0 3px {color:link glow};
  284. {/block:ifglowlinks}
  285.  
  286. {block:ifoutlinelinks}
  287. text-shadow: -1px 0 {color:link outline}, 0 1px {color:link outline}, 1px 0 {color:link outline}, 0 -1px {color:link outline};
  288. {/block:ifoutlinelinks}
  289.  
  290. -moz-transition-duration:0.4s;
  291. -webkit-transition-duration:0.4s;
  292. -o-transition-duration:0.4s;
  293. text-decoration:none;
  294. }
  295.  
  296. a:hover {
  297. color:{color:link hover};
  298. -moz-transition-duration:0.4s;
  299. -webkit-transition-duration:0.4s;
  300. -o-transition-duration:0.4s;
  301. }
  302.  
  303. /*
  304. containers etc
  305. */
  306.  
  307. #piss {
  308. text-align:center;
  309. color:{color:title};
  310. font-size: {text:title size};
  311. padding:10px;
  312. position:fixed;
  313. margin-left:-360px;
  314. margin-top:90px;
  315. width:270px;
  316. {block:ifglowtitle}
  317. text-shadow: 0 0 3px {color:title glow}, 0 0 15px {color:title glow}, 0 0 3px {color:title glow};
  318. {/block:ifglowtitle}
  319. {block:ifoutlinetitle}
  320. text-shadow: -1px 0 {color:title outline}, 0 1px {color:title outline}, 1px 0 {color:title outline}, 0 -1px {color:title outline};
  321. {/block:ifoutlinetitle}
  322. }
  323.  
  324. #content{
  325. width:400px;
  326. margin-left:200px;
  327. overflow:hidden;
  328. }
  329.  
  330. .post {
  331. width:500px;
  332. padding:10px;
  333. background-color:{color:posts};
  334. {block:ifpostborder}
  335. border:{text:border size} {select:border type} {color:border};
  336. {/block:ifpostborder}
  337. {block:ifpostglow}
  338. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  339. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  340. box-shadow: 0px 0px 4px 2px {color:glow};{/block:ifpostglow}
  341.  
  342. }
  343.  
  344. #epic {
  345. margin-top:30px;
  346. width:525px;
  347. padding:15px;
  348. background-color:{color:post wrap};
  349. background-image: url('{image:post wrap}');
  350. {block:ifnotcoverbg}
  351. background-repeat: repeat;
  352. {/block:ifnotcoverbg}
  353. {block:ifcoverbg}
  354. background-size: cover;
  355. {/block:ifcoverbg}
  356. {block:ifwrapborder}
  357. border:{text:border size} {select:border type} {color:wrap border};
  358. {/block:ifwrapborder}
  359. {block:ifwrapglow}
  360. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  361. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  362. box-shadow: 0px 0px 4px 2px {color:glow};{/block:ifwrapglow}
  363. }
  364.  
  365.  
  366.  
  367.  
  368. .post img {
  369. max-width:100%;
  370. height:auto;
  371.  
  372. }
  373.  
  374. .tags {
  375. max-height:0px;
  376. line-height:130%;
  377. font-size:{text:font size};
  378. opacity:0;
  379. -webkit-transition: all 0.7s ease;
  380. transition: all 0.7s ease;
  381. -moz-transition: all 0.7s ease;
  382. -o-transition: all 0.7s ease;}
  383.  
  384. #footer:hover .tags{
  385. opacity:1;
  386. max-height:300px;
  387. -webkit-transition: all 0.7s ease;
  388. transition: all 0.7s ease;
  389. -moz-transition: all 0.7s ease;
  390. -o-transition: all 0.7s ease;}
  391.  
  392.  
  393. #nav{
  394. margin:50px 0 0 0;
  395. }
  396.  
  397.  
  398. /*
  399. content in the body of the posts - quotes, asks, etc
  400. "media" contains photos, photosets, videos, audio posts
  401. */
  402. .media{
  403. margin:0 0 10px 0;
  404. }
  405.  
  406. .title{
  407. font-weight:normal;
  408. font-size:18px;
  409. margin:0 0 10px 0;
  410. }
  411.  
  412. .quote{
  413. font-weight:normal;
  414. font-size:16px;
  415. font-style:italic;
  416. margin:0 0 10px 0;
  417. }
  418.  
  419. .question{
  420. margin-bottom:10px;
  421. }
  422.  
  423. blockquote{
  424. margin:0 0 10px 10px;
  425. padding:0 0 0 10px;
  426. border-left:solid 1px #000;
  427. }
  428.  
  429. /*
  430. post footers - date, tags, via and source
  431. */
  432.  
  433.  
  434. #footer{
  435. text-align:center;
  436. }
  437.  
  438. .post .footer{
  439. margin:0;
  440. text-align:left;
  441. }
  442.  
  443. /*
  444. post notes
  445. */
  446. ol.notes{
  447. list-style-type:none;
  448. padding:0;
  449. margin:0;
  450. }
  451.  
  452. ol.notes li.note img{
  453. width:16px;
  454. height:16px;
  455. }
  456.  
  457. ol.notes li.note{
  458. margin:0px;
  459. }
  460.  
  461. #con {
  462. left:50%;
  463. margin-left:-140px;
  464. position:absolute;
  465. }
  466.  
  467. #entries {
  468. margin-top:5px;
  469. width:500px;
  470. }
  471.  
  472.  
  473. .overlay {
  474. position: absolute;
  475. top: 0;
  476. bottom: 0;
  477. left: 0;
  478. right: 0;
  479. height: 100%;
  480. width: 100%;
  481. opacity: 0;
  482. transition: .5s ease;
  483. background-color: rgba(0, 0, 0, 0.5);
  484. }
  485.  
  486. .container:hover .overlay {
  487. opacity: 1;
  488. }
  489.  
  490. .spotify_audio_player {
  491. height:80px!important;
  492. width:100%!important;}
  493.  
  494. .soundcloud_audio_player {
  495. height:150px!important;
  496. width:100%!important;}
  497.  
  498. /* playbutton background */
  499.  
  500. .trackback {
  501. position: absolute;
  502. left: 20px;
  503. top: 20px;
  504. width: 19px;
  505. height: 19px;
  506. background-color: #fff;
  507. padding: 10px;
  508. opacity: .4;}
  509.  
  510. /* playbutton */
  511.  
  512. .pressplay{
  513. position: relative;
  514. width: 25px;
  515. height: 25px;
  516. overflow: hidden;
  517. left: -6px;
  518. top: -3px;}
  519.  
  520. /* album img container */
  521.  
  522. .albumpic {
  523. position: absolute;
  524. left: 0px;
  525. top: 0px;
  526. width: 79px;
  527. height: 79px;}
  528.  
  529. /* album img */
  530.  
  531. .albumpic img {
  532. width: 100%;
  533. height: auto;
  534. border: 1px solid {color:font color};}
  535.  
  536. /* track info ye */
  537.  
  538. .trackinfo {
  539. width: auto;
  540. display:inline-block;
  541. margin-left: 90px;
  542. min-height: 85px;}
  543.  
  544. /* makes both audio player & track info inline */
  545.  
  546. .audiowrapper {
  547. margin-left:120px;
  548. position: relative; display:inline-block;}
  549.  
  550.  
  551.  
  552. #container {
  553. width:274px;
  554. margin-top:50px;
  555. margin-bottom:50px;
  556. }
  557.  
  558.  
  559.  
  560. #sidebar {
  561. width:274px;
  562. margin-left:-350px;
  563. margin-top:120px;
  564. position:fixed;
  565. z-index:-1;
  566. background:{color:sidebar};
  567. }
  568.  
  569. #sidebar img {
  570. margin-bottom:-5px;
  571. width:274px;
  572. {block:ifsidebarglow}
  573. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  574. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  575. box-shadow: 0px 0px 4px 2px {color:glow}; {/block:ifsidebarglow}
  576. }
  577.  
  578.  
  579. #links{
  580. margin-top:1px;
  581. text-align:center;
  582. }
  583.  
  584. #links a{
  585. margin-bottom:0px;
  586. }
  587.  
  588.  
  589. #description{
  590. {block:ifdescription}
  591. position:fixed;
  592. margin-top:25px;
  593. max-height:100px;
  594. overflow:auto;
  595. width:260px;
  596. padding:4px;
  597. text-align:center;
  598. background:{color:sidebar};
  599. {block:ifsidebarborder}
  600. border-width:{text:border size};
  601. border-style:{select:border type};
  602. border-color:{color:border};
  603. {/block:ifsidebarborder}
  604. {block:ifsidebarglow}
  605. -moz-box-shadow: 0px 0px 4px 2px {color:glow};
  606. -webkit-box-shadow: 0px 0px 4px 2px {color:glow};
  607. box-shadow: 0px 0px 4px 2px {color:glow}; {/block:ifsidebarglow}
  608. {/block:ifdescription}
  609. }
  610.  
  611.  
  612.  
  613.  
  614. .search {
  615. padding:7px;
  616. width:230px;
  617. margin-top:85%;
  618. background:{color:search bg};
  619. font-size:15px;
  620. color:{color:text};
  621. border:1px solid black;
  622. font-family:{select:font};
  623. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMElEQVQYV2P8+vXrfwYk8O3bNwZGZEGQABcXF0IQJgDSBFaJLAAWfP369X+QFmQAAGmDHz6jOhleAAAAAElFTkSuQmCC');
  624.  
  625. }
  626. {
  627. color:{color:search border};
  628. }
  629.  
  630.  
  631. {CustomCSS}
  632. </style>
  633. </head>
  634.  
  635. <body>
  636. <div id="con">
  637.  
  638. <div id="piss">
  639. {block:ifwobble}
  640. <div id="wobble">{text:title}</div>
  641. {/block:ifwobble}
  642. {block:ifnotwobble}
  643. <a href="/">{text:title}</a>
  644. {/block:ifnotwobble}
  645. </div>
  646.  
  647. <div id="sidebar">
  648. <center>
  649. <div id="sidebarimg">
  650.  
  651.  
  652.  
  653. <div class="container">
  654. <img src="{image:sidebar}" width="200px"></a>
  655. <div class="overlay">
  656. <div class="text">
  657. <form action="/search" method="get"> <input class="search" type="text" placeholder="{text:search text}" name="q" value="" style="outline:none;"> </form> </div>
  658. </div>
  659. </div>
  660.  
  661.  
  662. <div id="description">
  663.  
  664. <a href="{text:url1}">{text:link1}</a> {text:link divider}
  665. <a href="{text:url2}">{text:link2}</a> {text:link divider}
  666. <a href="{text:url3}">{text:link3}</a> {text:link divider}
  667. <a href="{text:url4}">{text:link4}</a>
  668.  
  669. {block:ifDescription}<Center
  670.  
  671. >{block:ifmarqueedesc}
  672. <marquee>{text:description}<div class="blink_me"></div></marquee>
  673. {/block:ifmarqueedesc}
  674. {block:ifnotmarqueedesc}
  675. <center>{text:description}<div class="blink_me"></div></center>
  676. {/block:ifnotmarqueedesc}
  677.  
  678. </Center>{/block:ifDescription}
  679. </center>
  680. </div>
  681. <div id="entries">
  682.  
  683. {block:Posts}
  684.  
  685. <div id="epic">
  686. <article class="post">
  687.  
  688. {block:Quote}
  689. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  690. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  691. {/block:Quote}
  692.  
  693. {block:Text}
  694. {block:Title}
  695. <div id="title">{Title}</div>{/block:Title}
  696. {Body}
  697. {/block:Text}
  698.  
  699. {block:link}
  700. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  701. {block:Description}{Description}{/block:Description}
  702. {/block:link}
  703.  
  704. {block:Chat}
  705. {block:Title}
  706. <div id="title">{Title}</div>{/block:Title}
  707. {/block:Text}
  708. {block:lines}
  709. {block:label}
  710. <br><b>{label}</b>
  711. {/block:label}
  712. {line}
  713. {/block:lines}
  714. {/block:Chat}
  715.  
  716. {block:Photo}
  717. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  718. {/block:Photo}
  719.  
  720. {block:Photoset}
  721. {Photoset-500}
  722. {/block:Photoset}
  723.  
  724. <div class="video">{Video-500}</div>
  725.  
  726. {block:AudioPlayer}
  727. <div class="audiowrapper">
  728. {block:AlbumArt}
  729. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  730. {/block:AlbumArt}
  731. <div class="trackback">
  732. <div class="pressplay">
  733. {AudioPlayer}
  734. </div></div>
  735. <div class="trackinfo">
  736. {block:TrackName}{TrackName}{/block:TrackName}<br>
  737. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  738. {block:Album}<i>{Album}</i>{/block:Album}<br>
  739. </div></div>
  740. {/block:AudioPlayer}
  741.  
  742. {block:Answer}
  743. <div class="q">
  744. <div class="as"> <b><big>{Asker} said:</big></b>
  745. {Question}</div></div>
  746. <div class="a">{Answer}</div>
  747. {/block:Answer}
  748.  
  749. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  750.  
  751. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  752.  
  753. {block:Date}
  754. <div id="footer">
  755. <img src="{image:hoh}">
  756. <div class="tags">
  757. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount} notes / <a href="{ReblogURL}">reblog</a>
  758. </a>
  759. <br>
  760.  
  761. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  762.  
  763.  
  764. </div>
  765. {block:PermalinkPage}
  766. {block:NoteCount}
  767. {block:PostNotes}{PostNotes}{/block:PostNotes}
  768. {/block:NoteCount}
  769. {/block:PermalinkPage}
  770. {/block:Date}
  771.  
  772. </div>
  773.  
  774.  
  775. {/block:Posts}
  776.  
  777. <div id="pagination">
  778. {block:Pagination}
  779. {block:PreviousPage}
  780. <a href="{PreviousPage}">previous page</a>
  781. {/block:PreviousPage}
  782.  
  783.  
  784. {block:NextPage}
  785. <a href="{NextPage}">next page</a>
  786. {/block:NextPage}
  787. {/block:Pagination}
  788. </div>
  789.  
  790. </div>
  791.  
  792. </div>
  793. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://him1974.tumblr.com/" title="hoh! theme by artie!">🃏</a>
  794.  
  795. </body></html>
  796.  
  797. </body>
  798. </html>
Add Comment
Please, Sign In to add comment