API tools faq
paste
artiecore

respond to my text

artiecore
Jun 29th, 2021 (edited)
1,355
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. ♡ dude respond to my text theme by joyfriend ♡
  7.  
  8. base code by animecharacter
  9. audio stuff from glenthemes
  10. windows icons at https://win98icons.alexmeub.com/ ^__~
  11.  
  12. if you host ur audio files on drop box make sure the link is https://dl.dropbox.com/ and not just https://dropbox.com/
  13. ----->
  14.  
  15. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  16. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  18.  
  19. <!-------MUSIC PLAYER BY GLENTHEMES------->
  20. <script src="//glenthemes.github.io/-music-/glenplayer07.js"></script>
  21.  
  22. <script type="text/javascript">
  23. // <![CDATA[
  24. var news=Array({text:desc});
  25. var cursor="_"; // set cursor
  26. var delay=13; // seconds between each news item
  27.  
  28. /***************************\
  29. * News Ticker Text Effect *
  30. *(c)2004-14 mf2fm web-design*
  31. * http://www.mf2fm.com/rv *
  32. * DON'T EDIT BELOW THIS BOX *
  33. \***************************/
  34. var newsp, cursp, flash, item=0;
  35.  
  36. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  37. var oldonload=window.onload;
  38. if (typeof(oldonload)!='function') window.onload=funky;
  39. else window.onload=function() {
  40. if (oldonload) oldonload();
  41. funky();
  42. }
  43. }
  44.  
  45. addRVLoadEvent(teleprint);
  46.  
  47. function teleprint () { if (document.getElementById) {
  48. var span=document.getElementById("news");
  49. while (span.childNodes.length) span.removeChild(span.childNodes[0]);
  50. delay*=1000;
  51. newsp=document.createElement("span");
  52. cursp=document.createElement("span");
  53. cursp.appendChild(document.createTextNode(String.fromCharCode(160)+cursor));
  54. span.appendChild(newsp);
  55. span.appendChild(cursp);
  56. ticker();
  57. }}
  58.  
  59. function ticker() {
  60. var i;
  61. while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]);
  62. newsp.appendChild(document.createTextNode(news[item].substring(0,1)));
  63. for (i=1; i<news[item].length; i++) setTimeout('newsp.firstChild.nodeValue="'+news[item].substring(0, i+1)+'"', 100*i);
  64. if (news[item].indexOf("www")!=-1) setTimeout('linkit('+item+')', 100*i);
  65. setTimeout('flash=setInterval("cursp.style.visibility=(cursp.style.visibility==\'visible\')?\'hidden\':\'visible\'", 234)', 100*i)
  66. setTimeout('clearInterval(flash)', delay);
  67. setTimeout('cursp.style.visibility="visible"', delay);
  68. setTimeout('ticker()', delay);
  69. item=++item%news.length;
  70. }
  71.  
  72. function linkit(q) {
  73. var a,p,e,l;
  74. p=news[q].indexOf("www");
  75. e=news[q].indexOf(" ", p);
  76. if (e==-1) e=news[q].length;
  77. l=news[q].substring(p, e);
  78. while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]);
  79. newsp.appendChild(document.createTextNode(news[q].substring(0, p)));
  80. a=document.createElement("a");
  81. a.href="http://"+l;
  82. a.appendChild(document.createTextNode(l));
  83. newsp.appendChild(a);
  84. newsp.appendChild(document.createTextNode(news[q].substring(e)));
  85. }
  86. // ]]>
  87. </script>
  88.  
  89. <meta charset="utf-8">
  90. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  91. {block:Description}
  92. <meta name="description" content="{MetaDescription}" />
  93. {/block:Description}
  94.  
  95. <title>{Title}</title>
  96.  
  97. <link rel="shortcut icon" href="{image:favicon}">
  98. <link rel="alternate" type="application/rss+xml" href="{rss}">
  99.  
  100.  
  101. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  102.  
  103. <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>
  104.  
  105. <meta name="if:cover bg" content="" />
  106. <meta name="if:post border" content="" />
  107. <meta name="if:post glow" content="" />
  108. <meta name="if:desc box" content="" />
  109. <meta name="if:desc box type" content="" />
  110. <meta name="if:audio box" content="" />
  111. <meta name="if:black box icons" content="" />
  112. <meta name="if:sidebar border" content="" />
  113. <meta name="if:sidebar icon border" content="" />
  114.  
  115. <meta name="color:background" content="#fff"/>
  116. <meta name="color:posts" content="#fff"/>
  117. <meta name="color:post glow" content="#0000ff"/>
  118. <meta name="color:border" content="#000">
  119. <meta name="color:text" content="#2b2b2b"/>
  120. <meta name="color:link" content="#0000b8"/>
  121. <meta name="color:link hover" content="#0000ff"/>
  122. <meta name="color:tooltip text" content="#fff"/>
  123. <meta name="color:selection bg" content="#fff"/>
  124. <meta name="color:selection text" content="#fff">
  125. <meta name="color:box header" content="#000"/>
  126. <meta name="color:box bg" content="#fff"/>
  127. <meta name="color:box border" content="#000"/>
  128. <meta name="color:box text" content="#000"/>
  129.  
  130. <meta name="image:background" content="" />
  131. <meta name="image:sidebar" content=""/>
  132. <meta name="image:favicon" content="">
  133. <meta name="image:link1" content="https://win98icons.alexmeub.com/icons/png/computer_explorer_cool-0.png">
  134. <meta name="image:link2" content="https://win98icons.alexmeub.com/icons/png/directory_closed-0.png">
  135. <meta name="image:link3" content="https://win98icons.alexmeub.com/icons/png/recycle_bin_empty_cool-0.png">
  136. <meta name="image:link4" content="https://win98icons.alexmeub.com/icons/png/template_empty-2.png">
  137. <meta name="image:right img" content="">
  138.  
  139. <meta name="text:font size" content="12px">
  140. <meta name="text:redirect" content=""/>
  141. <meta name="text:border size" content="3px" />
  142. <meta name="text:audio link" content="https://cdn.discordapp.com/attachments/604506825991127053/859249555388366878/yt1s.com_-_Coconut_Mall_Mario_Kart_Wii_OST.mp3" />
  143. <meta name="text:audio marquee" content="Now playing: Coconut Mall - Mario Kart Wii" />
  144. <meta name="text:desc" content="if ur using the typing desc thing u gotta type it in like &quot;word thing one&quot;, &quot;word thing 2&quot; it can b however many u want! not limited to just 1 or 2 typie things" />
  145.  
  146. <meta name="text:link1" content="one">
  147. <meta name="text:url1" content="">
  148. <meta name="text:link2" content="two">
  149. <meta name="text:url2" content="">
  150. <meta name="text:link3" content="three">
  151. <meta name="text:url3" content="">
  152. <meta name="text:link4" content="four">
  153. <meta name="text:url4" content="">
  154.  
  155. <meta name="select:border type" content="solid" />
  156. <meta name="select:border type" content="double" />
  157. <meta name="select:border type" content="dashed" />
  158. <meta name="select:border type" content="dotted" />
  159. <meta name="select:border type" content="outset">
  160. <meta name="select:border type" content="inset">
  161.  
  162. <meta name="select:font" content="arial">
  163. <meta name="select:font" content="verdana">
  164. <meta name="select:font" content="courier">
  165. <meta name="select:font" content="georgia">
  166. <meta name="select:font" content="times new roman">
  167. <meta name="select:font" content="ms gothic"/>
  168. <meta name="select:font" content="short stack"/>
  169. <meta name="select:font" content="comic sans ms">
  170.  
  171. {block:ifredirect}
  172. {block:IndexPage}<script type="text/javascript">
  173. var url = location.href;
  174. if (url == "{BlogURL}") {
  175. window.location = "{BlogURL}tagged/{text:redirect}";
  176. }
  177. </script>{/block:IndexPage}
  178. {/block:ifredirect}
  179.  
  180. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  181.  
  182. <style type="text/css">
  183.  
  184. ::-webkit-scrollbar {
  185. width: 15px;
  186. height: 10px;
  187. color:white;
  188. }
  189. ::-webkit-scrollbar-thumb {
  190. background-color:white;
  191. border-left: 1px solid black;
  192. border-top: 1px solid black;
  193. border-bottom: 1px solid black;
  194. }
  195. ::-webkit-scrollbar-track {
  196. background-color: #fff;
  197. border-left:1px solid black;
  198. background-color:white;
  199. background-image: url(https://i.imgur.com/S7qaajc.png);
  200.  
  201. }
  202.  
  203. ::-webkit-scrollbar-button:vertical:increment {
  204. background-image: url(https://i.imgur.com/qnkKqDc.png);
  205. background-color:{color:lel};
  206. width: 15px;
  207. height: 15px;
  208. border-top: 1px solid black;
  209. border-left: 1px solid black;
  210.  
  211. }
  212. ::-webkit-scrollbar-button:vertical:decrement {
  213. background-image: url(https://i.imgur.com/HFmrF43.png);
  214. filter: invert(100%);
  215. border-bottom: 1px solid black;
  216. border-left: 1px solid black;
  217. width: 15px;
  218. height: 15px;
  219. }
  220.  
  221.  
  222. ::selection {
  223. background: {color:selection bg};
  224. color:{color:selection text};
  225. }
  226. ::-moz-selection {
  227. background: {color:selection bg};
  228. color:{color:selection text};
  229. }
  230.  
  231. .tooltip{
  232. display:inline;
  233. position:relative;
  234. }
  235.  
  236. #s-m-t-tooltip{
  237. max-width:300px;
  238. padding:5px;
  239. margin:20px 7px -2px 20px;
  240. background-color: rgba(0, 0, 0, 0.4);
  241. color:#fff;
  242. letter-spacing:1px;
  243. text-align:center;
  244. color:{color:tooltip text};
  245. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  246. z-index:99999999999999999999;
  247. -o-transition: all 0.3s ease-out;
  248. -webkit-transition: all 0.3s ease-out;
  249. -moz-transition: all 0.3s ease-out;
  250. }
  251.  
  252. body {
  253. margin:0px;
  254. background:{color:background};
  255. font-family: {select:font};
  256. font-size:{text:font size};
  257. line-height:140%;
  258. color: {color:text};
  259. background-image: url('{image:background}');
  260. {block:ifnotcoverbg}
  261. background-repeat: repeat;
  262. background-attachment: fixed;
  263. {/block:ifnotcoverbg}
  264. {block:ifcoverbg}
  265. background-size: cover;
  266. background-attachment: fixed;
  267. {/block:ifcoverbg}
  268.  
  269. }
  270.  
  271. p{
  272. margin:0 0 10px 0;
  273. padding:0;
  274. }
  275.  
  276. pre {
  277. white-space: pre-wrap;
  278. white-space: -moz-pre-wrap;
  279. white-space: -pre-wrap;
  280. white-space: -o-pre-wrap;
  281. word-wrap: break-word;
  282. }
  283.  
  284. a {
  285. color:{color:link};
  286. -moz-transition-duration:0.4s;
  287. -webkit-transition-duration:0.4s;
  288. -o-transition-duration:0.4s;
  289. text-decoration:none;
  290. }
  291.  
  292. a:hover {
  293. color:{color:link hover};
  294. -moz-transition-duration:0.4s;
  295. -webkit-transition-duration:0.4s;
  296. -o-transition-duration:0.4s;
  297. }
  298.  
  299.  
  300. li{
  301. margin-left:-15px;
  302. }
  303.  
  304. /*
  305. containers etc
  306. */
  307. #wrapper{
  308. width:600px;
  309. margin:50px auto;
  310. }
  311.  
  312. #sidebar{
  313. width:110px;
  314. position:fixed;
  315. padding:10px;
  316. background-color:{color:posts};
  317. {block:ifsidebarborder}
  318. border:{text:border size} {select:border type} {color:border};
  319. {/block:ifsidebarborder}
  320. {block:ifpostglow}
  321. -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
  322. -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
  323. box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
  324. }
  325.  
  326.  
  327. #sidebar img{
  328. {block:ifsidebariconborder}
  329. border:1px solid black;
  330. {/block:ifsidebariconborder}
  331. }
  332.  
  333. #content{
  334. width:400px;
  335. margin-left:200px;
  336. }
  337.  
  338. .post{
  339. width:400px;
  340. padding:10px;
  341. margin:0 0 50px 0;
  342. background-color:{color:posts};
  343. {block:ifpostborder}
  344. border:{text:border size} {select:border type} {color:border};
  345. {/block:ifpostborder}
  346. {block:ifpostglow}
  347. -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
  348. -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
  349. box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
  350.  
  351. }
  352.  
  353. #pagination{
  354. margin-bottom:100px;
  355. width:420px;
  356. }
  357.  
  358. .post img:hover{
  359. animation-name: example;
  360. animation-duration: 2s;
  361. }
  362.  
  363. @keyframes example {
  364. 0% {filter:blur(0px);}
  365. 50% {filter:blur(3px);}
  366. 100% {filter:blur(0px);}
  367. }
  368.  
  369. #sidebar img, .post img{
  370. max-width:100%;
  371. height:auto;
  372. }
  373.  
  374. #nav{
  375. margin:50px 0 0 0;
  376. }
  377.  
  378. #pog img{
  379. border:none;
  380. box-shadow:none;
  381. }
  382.  
  383.  
  384. /*
  385. content in the body of the posts - quotes, asks, etc
  386. "media" contains photos, photosets, videos, audio posts
  387. */
  388. .media{
  389. margin:0 0 10px 0;
  390. }
  391.  
  392. .title{
  393. font-weight:normal;
  394. font-size:18px;
  395. margin:0 0 10px 0;
  396. }
  397.  
  398. .quote{
  399. font-weight:normal;
  400. font-size:16px;
  401. font-style:italic;
  402. margin:0 0 10px 0;
  403. }
  404.  
  405. .question{
  406. margin-bottom:10px;
  407. }
  408.  
  409. blockquote{
  410. margin:0 0 10px 10px;
  411. padding:0 0 0 10px;
  412. border-left:solid 1px #000;
  413. }
  414.  
  415. /*
  416. post footers - date, tags, via and source
  417. */
  418. .post .footer{
  419. margin:0;
  420. text-align:left;
  421. }
  422.  
  423. /*
  424. post notes
  425. */
  426. ol.notes{
  427. list-style-type:none;
  428. padding:0;
  429. margin:0;
  430. }
  431.  
  432. ol.notes li.note img{
  433. width:16px;
  434. height:16px;
  435. }
  436.  
  437. ol.notes li.note{
  438. margin:0px;
  439. }
  440.  
  441. /* audio stuff */
  442.  
  443. .spotify_audio_player {
  444. height:80px!important;
  445. width:100%!important;}
  446.  
  447. .soundcloud_audio_player {
  448. height:150px!important;
  449. width:100%!important;}
  450.  
  451. .trackback {
  452. position: absolute;
  453. left: 20px;
  454. top: 20px;
  455. width: 19px;
  456. height: 19px;
  457. background-color: #fff;
  458. padding: 10px;
  459. opacity: .4;}
  460.  
  461. .pressplay{
  462. position: relative;
  463. width: 25px;
  464. height: 25px;
  465. overflow: hidden;
  466. left: -6px;
  467. top: -3px;}
  468.  
  469. .albumpic {
  470. position: absolute;
  471. left: 0px;
  472. top: 0px;
  473. width: 79px;
  474. height: 79px;}
  475.  
  476. .albumpic img {
  477. width: 100%;
  478. height: auto;
  479. border: 1px solid {color:font color};}
  480.  
  481. .trackinfo {
  482. width: auto;
  483. display:inline-block;
  484. margin-left: 90px;
  485. min-height: 85px;}
  486.  
  487. .audiowrapper {
  488. position: relative; display:inline-block;}
  489.  
  490.  
  491.  
  492. #mydiv {
  493. position: fixed;
  494. z-index: 9;
  495. left:270px;
  496. top:340px;
  497. background-color:{color:box bg};
  498. text-align: center;
  499. color: {color:box text};
  500. border: 1px solid {color:box border};
  501. width:190px;
  502. overflow:auto;
  503. border-radius:3px;
  504. }
  505.  
  506. #mydivheader {
  507. padding: 5px;
  508. cursor: move;
  509. z-index: 10;
  510. text-align:right;
  511. background-color:{color:box header};
  512. color: #fff;
  513. }
  514.  
  515.  
  516. #my2div {
  517. position: fixed;
  518. z-index: 9;
  519. left:170px;
  520. top:245px;
  521. background-color:{color:box bg};
  522. color: {color:box text};
  523. text-align: center;
  524. border: 1px solid {color:box border};
  525. width:230px;
  526. overflow:auto;
  527. border-radius:3px;
  528. }
  529.  
  530. #my2divheader {
  531. padding: 5px;
  532. cursor: move;
  533. z-index: 10;
  534. text-align:right;
  535. background-color:{color:box header};
  536. color: #fff;
  537. }
  538.  
  539. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  540. :root {
  541. --Circle-Size:30px;
  542. --Progress-Border-Size:1px;
  543. --Progress-Empty:{color:box border};
  544. --Progress-Fill:{color:box border};
  545. --Player-Background:{color:box bg};
  546. --Play-Pause-Buttons-Size:14px;
  547. --Play-Pause-Buttons-Color:#000;
  548. --Player-Text-Margin:16px;
  549. }
  550.  
  551. #glenplayer07 {
  552. position:relative;
  553. z-index:99;
  554. }
  555.  
  556. .flamingo {
  557. display:flex;
  558. align-items:center;
  559. }
  560.  
  561. .circleofdeath {
  562. width:var(--Circle-Size);
  563. height:var(--Circle-Size);
  564. overflow:hidden;
  565. }
  566.  
  567. .tinfoil {
  568. width:var(--Circle-Size);
  569. height:var(--Circle-Size);
  570. background:var(--Progress-Empty);
  571. }
  572.  
  573. .oven {
  574. background:var(--Progress-Fill);
  575. }
  576.  
  577. .oliveoil {
  578. width:100%;
  579. height:100%;
  580. }
  581.  
  582. .crust {
  583. position:absolute;
  584. top:0;
  585. display:flex;
  586. align-items:center;
  587. justify-content:center;
  588. width:var(--Circle-Size);
  589. height:var(--Circle-Size);
  590. }
  591.  
  592. .cherry {
  593. display:flex;
  594. align-items:center;
  595. justify-content:center;
  596. width:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  597. height:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  598. background:var(--Player-Background);
  599. cursor:pointer;
  600. z-index:1;
  601. }
  602.  
  603. .music-controls {display:flex;align-items:center
  604.  
  605. }
  606.  
  607. .music-controls .material-icons {
  608. font-size:var(--Play-Pause-Buttons-Size);
  609. color:var(--Play-Pause-Buttons-Color);
  610. text-decoration:none;
  611. }
  612.  
  613. .pausee {display:none;
  614.  
  615. }
  616.  
  617. .beff {display:none;}
  618. .aff {display:block;}
  619.  
  620. .music-info {
  621. margin-left:var(--Player-Text-Margin);
  622. line-height:1em;
  623. }
  624.  
  625. .song-name {
  626. font-family:arial;
  627. font-size:var(--Song-Name-Font-Size);
  628. text-transform:uppercase;
  629. letter-spacing:0.3px;
  630. color:var(--Song-Name-Color);
  631. }
  632.  
  633. .artist-name {
  634. margin-top:3px;
  635. font-family:arial;
  636. font-size:var(--Artist-Name-Font-Size);
  637. letter-spacing:0.3px;
  638. color:var(--Artist-Name-Color);
  639. }
  640.  
  641.  
  642.  
  643. {CustomCSS}
  644. </style>
  645. </head>
  646.  
  647. <body>
  648.  
  649. <div id="wrapper">
  650.  
  651. {block:ifdescbox}
  652.  
  653.  
  654. <div id="mydiv">
  655. <div id="mydivheader"><img style="margin-bottom:-3px; {block:ifblackboxicons} filter: invert(100%){/block:ifblackboxicons}"src="https://i.imgur.com/Q8paIcR.png"></div>
  656. {block:Description}
  657. {block:ifdescboxtype}
  658. <span id="news"><p>{text:Desc}</p></span>{/block:ifdescboxtype}
  659.  
  660. {block:Description}
  661. {block:ifnotdescboxtype}
  662. {text:Desc}
  663. {/block:ifnotdescboxtype}{/block:Description}
  664. </div>
  665.  
  666. <script>
  667. //Make the DIV element draggagle:
  668. dragElement(document.getElementById("mydiv"));
  669.  
  670. function dragElement(elmnt) {
  671. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  672. if (document.getElementById(elmnt.id + "header")) {
  673. /* if present, the header is where you move the DIV from:*/
  674. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  675. } else {
  676. /* otherwise, move the DIV from anywhere inside the DIV:*/
  677. elmnt.onmousedown = dragMouseDown;
  678. }
  679.  
  680. function dragMouseDown(e) {
  681. e = e || window.event;
  682. e.preventDefault();
  683. // get the mouse cursor position at startup:
  684. pos3 = e.clientX;
  685. pos4 = e.clientY;
  686. document.onmouseup = closeDragElement;
  687. // call a function whenever the cursor moves:
  688. document.onmousemove = elementDrag;
  689. }
  690.  
  691. function elementDrag(e) {
  692. e = e || window.event;
  693. e.preventDefault();
  694. // calculate the new cursor position:
  695. pos1 = pos3 - e.clientX;
  696. pos2 = pos4 - e.clientY;
  697. pos3 = e.clientX;
  698. pos4 = e.clientY;
  699. // set the element's new position:
  700. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  701. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  702. }
  703.  
  704. function closeDragElement() {
  705. /* stop moving when mouse button is released:*/
  706. document.onmouseup = null;
  707. document.onmousemove = null;
  708. }
  709. }
  710. </script>
  711. {/block:ifdescbox}
  712.  
  713.  
  714. {block:ifaudiobox}
  715. <div id="my2div">
  716. <div id="my2divheader"><img style="margin-bottom:-3px; {block:ifblackboxicons} filter: invert(100%){/block:ifblackboxicons}"src="https://i.imgur.com/Q8paIcR.png"></div>
  717. <table>
  718. <tr>
  719. <td style="width: 5%;"><!-------MUSIC PLAYER BY GLENTHEMES------->
  720. <div id="glenplayer07">
  721. <div class="flamingo">
  722. <div class="circleofdeath">
  723. <div class="tinfoil">
  724. <div class="oliveoil"></div>
  725. </div>
  726. <div class="crust">
  727. <div class="cherry">
  728. <div class="music-controls">
  729. <i class="material-icons playy">play_arrow</i>
  730. <i class="material-icons pausee">pause</i>
  731. </div>
  732. </div><!--cherry-->
  733. </div><!--crust-->
  734. </div><!--circleofdeath-->
  735.  
  736. </div><!--flamingo-->
  737. </div><!--glenplayer07-->
  738.  
  739. <audio id="audio" src="{text:audio link}" type="audio"></audio>
  740. <!----end music player---->
  741. </td>
  742. <td style="width: 95%;">
  743. <marquee style="margin-top:5px; margin-bottom:-2px" scrollamount="5">
  744. {text:audio marquee}</marquee>
  745. </td>
  746. </tr>
  747. </table>
  748. </div>
  749.  
  750. <script>
  751. //Make the DIV element draggagle:
  752. dragElement(document.getElementById("my2div"));
  753.  
  754. function dragElement(elmnt) {
  755. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  756. if (document.getElementById(elmnt.id + "header")) {
  757. /* if present, the header is where you move the DIV from:*/
  758. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  759. } else {
  760. /* otherwise, move the DIV from anywhere inside the DIV:*/
  761. elmnt.onmousedown = dragMouseDown;
  762. }
  763.  
  764. function dragMouseDown(e) {
  765. e = e || window.event;
  766. e.preventDefault();
  767. // get the mouse cursor position at startup:
  768. pos3 = e.clientX;
  769. pos4 = e.clientY;
  770. document.onmouseup = closeDragElement;
  771. // call a function whenever the cursor moves:
  772. document.onmousemove = elementDrag;
  773. }
  774.  
  775. function elementDrag(e) {
  776. e = e || window.event;
  777. e.preventDefault();
  778. // calculate the new cursor position:
  779. pos1 = pos3 - e.clientX;
  780. pos2 = pos4 - e.clientY;
  781. pos3 = e.clientX;
  782. pos4 = e.clientY;
  783. // set the element's new position:
  784. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  785. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  786. }
  787.  
  788. function closeDragElement() {
  789. /* stop moving when mouse button is released:*/
  790. document.onmouseup = null;
  791. document.onmousemove = null;
  792. }
  793. }
  794. </script>
  795. {block:ifaudiobox}
  796.  
  797.  
  798. <div id="sidebar">
  799. <div id="sidebar img"><a href="/"><img src="{image:sidebar}"></a></div>
  800.  
  801. <div id="pog">
  802. <img style="height:{text:font size}" src="{image:link1}"> <a href="{text:url1}">{text:link1}</a> <br>
  803. <img style="height:{text:font size}" src="{image:link2}"> <a href="{text:url2}">{text:link2}</a> <br>
  804. <img style="height:{text:font size}" src="{image:link3}"> <a href="{text:url3}">{text:link3}</a> <br>
  805. <img style="height:{text:font size}" src="{image:link4}"> <a href="{text:url4}">{text:link4}</a></div>
  806.  
  807. </div>
  808.  
  809.  
  810.  
  811. <div id="content">
  812. {block:Posts}
  813.  
  814. <div class="post">
  815.  
  816. {block:Text}
  817. {block:Title}
  818. <div class="title">{Title}</div>
  819. {/block:Title}
  820. {Body}
  821. {/block:Text}
  822.  
  823. {block:Photo}
  824. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  825. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  826. {/block:Photo}
  827.  
  828. {block:Photoset}
  829. <div class="media">{Photoset-400}</div>
  830. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  831. {/block:Photoset}
  832.  
  833. {block:Quote}
  834. <div class="quote">"{Quote}"</div>
  835. {block:Source}
  836. <div class="quotesource">{Source}</div>
  837. {/block:Source}
  838. {/block:Quote}
  839.  
  840. {block:Link}
  841. <div class="title"><a href="{URL}">{Name}</a></div>
  842. {block:Description}
  843. <div class="description">{Description}</div>
  844. {/block:Description}
  845. {/block:Link}
  846.  
  847. {block:Chat}
  848. {block:Title}
  849. <div class="title">{Title}</div>
  850. {/block:Title}
  851.  
  852. {block:Lines}
  853. <div class="{Alt} user_{UserNumber}">
  854. {block:Label}
  855. <b>{Label}</b>{/block:Label}
  856. &nbsp;{Line}
  857. </div>
  858. {/block:Lines}
  859. {/block:Chat}
  860.  
  861. {block:Video}
  862. <div class="media">{Video-400}</div>
  863. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  864. {/block:Video}
  865.  
  866. {block:AudioPlayer}
  867. <div class="audiowrapper">
  868. {block:AlbumArt}
  869. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  870. {/block:AlbumArt}
  871. <div class="trackback">
  872. <div class="pressplay">
  873. {AudioPlayer}
  874. </div></div>
  875. <div class="trackinfo">
  876. {block:TrackName}{TrackName}{/block:TrackName}<br>
  877. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  878. {block:Album}<i>{Album}</i>{/block:Album}<br>
  879. </div></div>
  880. {/block:AudioPlayer}
  881.  
  882.  
  883. {block:Answer}
  884. <div class="question">{Asker}: {Question}</div>
  885. <div class="caption">{Answer}</div>
  886. {/block:Answer}
  887.  
  888.  
  889. {block:Date}
  890. <div class="footer">
  891. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  892. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  893. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
  894. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  895. </div>
  896.  
  897. {block:PermalinkPage}
  898. {block:NoteCount}
  899. {block:PostNotes}{PostNotes}{/block:PostNotes}
  900. {/block:NoteCount}
  901. {/block:PermalinkPage}
  902. {/block:Date}
  903.  
  904. </div>
  905. {/block:Posts}
  906.  
  907. {block:Pagination}
  908. <div id="pagination">
  909. {block:PreviousPage}
  910. <a style="float:left; background-color:white; padding:5px; border:1px solid black" href="{PreviousPage}">previous page</a>
  911. {/block:PreviousPage}
  912.  
  913.  
  914. {block:NextPage}
  915. <a style="float:right; background-color:white; padding:5px; border:1px solid black" href="{NextPage}">next page</a>
  916. {/block:NextPage}
  917. </div>
  918. {/block:Pagination}
  919. </div>
  920. </div>
  921.  
  922. </div>
  923.  
  924. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  925. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  926.  
  927. <img style="position:fixed;right:3px;bottom:3px; max-width:300px; height:auto" src="{image:right img}">
  928.  
  929. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://joyfriend.tumblr.com/" title="artie was here">🃏</a>
  930.  
  931. </body></html>
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!