API tools faq
paste
Advertisement
artiecore

marija

artiecore
Jun 18th, 2024
3,150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ♡ marija theme by joyfriend ♡
  6.  
  7. windows xp parts from https://botoxparty.github.io/XP.css/
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. <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>
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <link rel="shortcut icon" href="{image:favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{rss}">
  19.  
  20. <link rel="stylesheet" href="https://unpkg.com/xp.css" />
  21.  
  22. <title>{Title}</title>
  23.  
  24. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  25. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  26. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  27.  
  28. <script src="https://unpkg.com/cursor-effects@latest/dist/browser.js"></script>
  29.  
  30.  
  31.  
  32. <meta name="color:background" content="#ffffff"/>
  33. <meta name="color:posts" content=""/>
  34. <meta name="color:container bg" content="#fff"/>
  35. <meta name="color:sidebar bg" content=""/>
  36. <meta name="color:sidebar secondary" content="#ffffff"/>
  37.  
  38. <meta name="color:border" content="#000">
  39. <meta name="color:post glow" content="#000">
  40. <meta name="color:text" content="#2b2b2b"/>
  41. <meta name="color:link" content="#2b2b2b"/>
  42. <meta name="color:link hover" content="#949494"/>
  43. <meta name="color:text glow" content="#000000"/>
  44. <meta name="color:text outline" content="#000000"/>
  45. <meta name="color:link glow" content="#000000"/>
  46. <meta name="color:link outline" content="#000000"/>
  47. <meta name="color:selection bg" content="#fff"/>
  48. <meta name="color:selection text">
  49. <meta name="color:tooltip text" content="#fff"/>
  50. <meta name="color:tooltip border" content="#fff"/>
  51.  
  52. <meta name="image:sidebar" content=""/>
  53. <meta name="image:background" content="" />
  54. <meta name="image:favicon" content="">
  55. <meta name="image:container" content="">
  56.  
  57. <meta name="image:bottom right" content=""/>
  58.  
  59.  
  60. <meta name="if:winXP" content="" />
  61. <meta name="if:winXP hills" content="" />
  62. <meta name="if:redirect" content="" />
  63. <meta name="if:cover bg" content="" />
  64. <meta name="if:cover container" content="" />
  65. <meta name="if:container border" content="" />
  66. <meta name="if:sidebar img border" content="" />
  67. <meta name="if:post border" content="" />
  68. <meta name="if:post glow" content="" />
  69. <meta name="if:glow links" content="" />
  70. <meta name="if:link outline" content="" />
  71. <meta name="if:glow text" content="" />
  72. <meta name="if:text outline" content="" />
  73. <meta name="if:cursor trail" content="" />
  74. <meta name="if:sidebar border" content="" />
  75.  
  76.  
  77. <meta name="text:font size" content="12px">
  78. <meta name="text:description" content="nyall even read this shit?"/>
  79. <meta name="text:redirect" content=""/>
  80. <meta name="text:link divider" content="/"/>
  81. <meta name="text:border size" content="3px" />
  82.  
  83. <meta name="text:audio link" content="https://cdn.discordapp.com/attachments/604506825991127053/859249555388366878/yt1s.com_-_Coconut_Mall_Mario_Kart_Wii_OST.mp3" />
  84. <meta name="text:audio marquee" content="Now playing: Coconut Mall - Mario Kart Wii" />
  85.  
  86.  
  87. <meta name="text:link1" content="one">
  88. <meta name="text:url1" content="">
  89. <meta name="text:link2" content="two">
  90. <meta name="text:url2" content="">
  91. <meta name="text:link3" content="three">
  92. <meta name="text:url3" content="">
  93. <meta name="text:link4" content="four">
  94. <meta name="text:url4" content="">
  95.  
  96. <meta name="select:font" content="arial">
  97. <meta name="select:font" content="verdana">
  98. <meta name="select:font" content="courier">
  99. <meta name="select:font" content="georgia">
  100. <meta name="select:font" content="times new roman">
  101. <meta name="select:font" content="ms gothic"/>
  102. <meta name="select:font" content="short stack"/>
  103. <meta name="select:font" content="comic sans ms">
  104.  
  105. <meta name="select:border type" content="solid" />
  106. <meta name="select:border type" content="double" />
  107. <meta name="select:border type" content="dashed" />
  108. <meta name="select:border type" content="dotted" />
  109. <meta name="select:border type" content="outset">
  110. <meta name="select:border type" content="inset">
  111.  
  112. {block:ifredirect}
  113. {block:IndexPage}
  114. <script type="text/javascript">
  115. var url = location.href;
  116. if (url == "{BlogURL}") {
  117. window.location = "{BlogURL}tagged/{text:redirect}";
  118. }
  119. </script>
  120. {/block:IndexPage}
  121. {/block:ifredirect}
  122.  
  123.  
  124.  
  125. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  126.  
  127. <style type="text/css">
  128. ::selection {
  129. background: {color:selection bg};
  130. color:{color:selection text};
  131. }
  132. ::-moz-selection {
  133. background: {color:selection bg};
  134. color:{color:selection text};
  135. }
  136.  
  137. .tooltip{
  138. display:inline;
  139. position:relative;
  140. }
  141.  
  142. #s-m-t-tooltip{
  143. max-width:300px;
  144. padding:5px;
  145. margin:20px 7px -2px 20px;
  146. letter-spacing:1px;
  147. background-color: rgba(0, 0, 0, 0.4);
  148. text-align:center;
  149. color:{color:tooltip text};
  150. text-shadow: -1px 0 {color:tooltip border},
  151. 0 1px {color:tooltip border}, 1px 0 {color:tooltip border},
  152. 0 -1px {color:tooltip border};
  153. z-index:9;
  154. -o-transition: all 0.3s ease-out;
  155. -webkit-transition: all 0.3s ease-out;
  156. -moz-transition: all 0.3s ease-out;
  157. }
  158.  
  159.  
  160. /* body */
  161. body {
  162. margin:0px;
  163. background:{color:background};
  164. color:{color:text};
  165. {block:ifglowtext}
  166. text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow} , 0 0 3px {color:text glow};
  167. {/block:ifglowtext}
  168. {block:iftextoutline}
  169. text-shadow: -1px 0 {color:text outline},
  170. 0 1px {color:text outline}, 1px 0 {color:text outline},
  171. 0 -1px {color:text outline};
  172. {/block:iftextoutline}
  173. background-image: url('{image:background}');
  174. {block:ifnotcoverbg}
  175. background-repeat: repeat;
  176. background-size: 50%;
  177. background-attachment: fixed;
  178. {/block:ifnotcoverbg}
  179. {block:ifcoverbg}
  180. background-size: cover;
  181. background-attachment: fixed;
  182. {/block:ifcoverbg}
  183. color:{color:text};
  184. font-family: {select:font};
  185. font-size: {text:font size};
  186. }
  187.  
  188. p{
  189. margin:0 0 10px 0;
  190. padding:0;
  191. }
  192.  
  193. pre {
  194. white-space: pre-wrap;
  195. white-space: -moz-pre-wrap;
  196. white-space: -pre-wrap;
  197. white-space: -o-pre-wrap;
  198. word-wrap: break-word;
  199. }
  200.  
  201. a {
  202. color:{color:link};
  203. {block:ifglowlinks}
  204. text-shadow: 0 0 3px {color:link glow},
  205. 0 0 15px {color:link glow},
  206. 0 0 3px {color:link glow};
  207. {/block:ifglowlinks}
  208. {block:iflinkoutline}
  209. text-shadow: -1px 0 {color:link outline},
  210. 0 1px {color:link outline}, 1px 0 {color:link outline},
  211. 0 -1px {color:link outline};
  212. {/block:iflinkoutline}
  213. -moz-transition-duration:0.4s;
  214. -webkit-transition-duration:0.4s;
  215. -o-transition-duration:0.4s;
  216. text-decoration:none;
  217. }
  218.  
  219. a:hover {
  220. color:{color:link hover};
  221. -moz-transition-duration:0.4s;
  222. -webkit-transition-duration:0.4s;
  223. -o-transition-duration:0.4s;
  224. }
  225.  
  226.  
  227. /*deco*/
  228.  
  229.  
  230. #right img{
  231. position:fixed;
  232. z-index:999;
  233. bottom:0px;
  234. right:0;
  235. left:fixed;
  236. max-width:450px;
  237. -webkit-transform: scaleX(-1);
  238. transform: scaleX(-1);
  239. }
  240.  
  241.  
  242. #left img{
  243. position:fixed;
  244. z-index:999;
  245. margin-left:420px;
  246. margin-top:350px;
  247. left:fixed;
  248. max-width:50px;
  249. }
  250.  
  251. #hills img{
  252. position:fixed;
  253. z-index:2;
  254. top:600px;
  255. left:0px;
  256. max-width:100%;
  257. }
  258.  
  259. /*posts*/
  260.  
  261. #container{
  262. top:50%;
  263. left:50%;
  264. transform:translate(-50%,-50%);
  265. position:fixed;
  266. padding:40px;
  267. height:600px;
  268. overflow:auto;
  269. background-color:{color:container bg};
  270. background-image: url('{image:container}');
  271. {block:ifcontainerborder}
  272. border:{text:border size} {select:border type} {color:border};
  273. {/block:ifcontainerborder}
  274. {block:ifnotcovercontainer}
  275. background-repeat: repeat;
  276. background-attachment: fixed
  277. {/block:ifnotcovercontainer}
  278. {block:ifcovercontainer}
  279. background-size: cover;
  280. background-attachment: fixed;
  281. {/block:ifcovercontainer}
  282. }
  283.  
  284. #posts {
  285. width:400px;
  286. padding:10px;
  287. margin-bottom:25px;
  288. background-color:{color:posts};
  289. {block:ifpostborder}
  290. border:{text:border size} {select:border type} {color:border};
  291. {/block:ifpostborder}
  292. {block:ifpostglow}
  293. -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
  294. -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
  295. box-shadow: 0px 0px 4px 2px {color:post glow};
  296. {/block:ifpostglow}
  297. margin-bottom:30px;
  298. }
  299.  
  300.  
  301. #posts img {
  302. max-width:100%;
  303. height:auto;
  304.  
  305. }
  306.  
  307. .tags {
  308. max-height:0px;
  309. line-height:130%;
  310. text-align:left;
  311. font-size:{text:font size};
  312. opacity:0;
  313. -webkit-transition: all 0.7s ease;
  314. transition: all 0.7s ease;
  315. -moz-transition: all 0.7s ease;
  316. -o-transition: all 0.7s ease;}
  317.  
  318. #posts:hover .tags{
  319. opacity:1;
  320. max-height:300px;
  321. -webkit-transition: all 0.7s ease;
  322. transition: all 0.7s ease;
  323. -moz-transition: all 0.7s ease;
  324. -o-transition: all 0.7s ease;}
  325.  
  326.  
  327. #pagination{
  328. margin-bottom:50px;
  329. }
  330.  
  331.  
  332. /* sidebar*/
  333.  
  334. #navcon {
  335. margin-left:220px;
  336. margin-top:410px;
  337. position:fixed;
  338. z-index: 10;
  339. }
  340.  
  341. #sideb{
  342. margin-left:100px;
  343. margin-top:-50px;
  344. }
  345.  
  346. #sidebar{
  347. height:auto;
  348. max-width:100%;
  349. {block:ifsidebarimgborder}
  350. border:{text:border size} {select:border type} {color:border};
  351. {/block:ifsidebarimgborder}
  352. margin-bottom:-5px;
  353. }
  354.  
  355.  
  356. /* xp sidebar */
  357.  
  358. .window{
  359. font-size: {text:font size};
  360.  
  361. }
  362.  
  363. #info {
  364. position: absolute;
  365. z-index: 9;
  366. text-align: center;
  367. }
  368.  
  369. #infoheader {
  370. cursor: move;
  371. z-index: 10;
  372. }
  373.  
  374. #navi {
  375. position: absolute;
  376. z-index: 9;
  377. text-align: center;
  378.  
  379. }
  380.  
  381.  
  382. #naviheader {
  383. cursor: move;
  384. z-index: 10;
  385. }
  386.  
  387. /*normal sidebar*/
  388. #normalnavbox{
  389. width: 280px;
  390. {block:ifsidebarborder}
  391. border:{text:border size} {select:border type} {color:border};
  392. {/block:ifsidebarborder}
  393. background-color:{color:sidebar bg};
  394. padding:10px;
  395. }
  396.  
  397. .linkz{
  398. background-color:{color:sidebar secondary};
  399. {block:ifsecondarysidebarborder}
  400. border:{text:border size} {select:border type} {color:border};
  401. {/block:ifsecondarysidebarborder}
  402.  
  403. }
  404.  
  405. #normalsidebar{
  406. width: 250px;
  407. {block:ifsidebarborder}
  408. border:{text:border size} {select:border type} {color:border};
  409. {/block:ifsidebarborder}
  410. background-color:{color:sidebar bg};
  411. padding:10px;
  412. }
  413.  
  414. .descinfo{
  415. margin: 0 3px;
  416. {block:ifsecondarysidebarborder}
  417. border:{text:border size} {select:border type} {color:border};
  418. {/block:ifsecondarysidebarborder}
  419. padding: 2px 1px;
  420. text-align:center;
  421. gap: 0;
  422. display: flex;
  423. background-color:{color:sidebar secondary};
  424. }
  425.  
  426. #descinfo{
  427. flex-grow: 1;
  428. margin-bottom:0px
  429. }
  430.  
  431. /*
  432. content in the body of the posts - quotes, asks, etc
  433. "media" contains photos, photosets, videos, audio posts
  434. */
  435. .media{
  436. margin:0 0 10px 0;
  437. }
  438.  
  439. .title{
  440. font-weight:normal;
  441. font-size:18px;
  442. margin:0 0 10px 0;
  443. }
  444.  
  445. .quote{
  446. font-weight:normal;
  447. font-size:16px;
  448. font-style:italic;
  449. margin:0 0 10px 0;
  450. }
  451.  
  452. .question{
  453. margin-bottom:10px;
  454. }
  455.  
  456. blockquote{
  457. margin:0 0 10px 10px;
  458. padding:0 0 0 10px;
  459. border-left:solid 1px #000;
  460. }
  461.  
  462. /*
  463. post footers - date, tags, via and source
  464. */
  465. .post .footer{
  466. margin:0;
  467. text-align:left;
  468. }
  469.  
  470. /*
  471. post notes
  472. */
  473. ol.notes{
  474. list-style-type:none;
  475. padding:0;
  476. margin:0;
  477. }
  478.  
  479. ol.notes li.note img{
  480. width:16px;
  481. height:16px;
  482. }
  483.  
  484. ol.notes li.note{
  485. margin:0px;
  486. }
  487.  
  488. /* audio stuff */
  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. .trackback {
  499. position: absolute;
  500. left: 20px;
  501. top: 20px;
  502. width: 19px;
  503. height: 19px;
  504. background-color: #fff;
  505. padding: 10px;
  506. opacity: .4;}
  507.  
  508. .pressplay{
  509. position: relative;
  510. width: 25px;
  511. height: 25px;
  512. overflow: hidden;
  513. left: -6px;
  514. top: -3px;}
  515.  
  516. .albumpic {
  517. position: absolute;
  518. left: 0px;
  519. top: 0px;
  520. width: 79px;
  521. height: 79px;}
  522.  
  523. .albumpic img {
  524. width: 100%;
  525. height: auto;
  526. border: 1px solid {color:font color};}
  527.  
  528. .trackinfo {
  529. width: auto;
  530. display:inline-block;
  531. margin-left: 90px;
  532. min-height: 85px;}
  533.  
  534. .audiowrapper {
  535. position: relative; display:inline-block;}
  536.  
  537.  
  538. /* cred */
  539.  
  540. #cred{
  541. position:fixed;
  542. font-size:15px;
  543. width:48px;
  544. text-align:center;
  545. left:10px;
  546. bottom:10px;
  547. z-index:10;
  548. }
  549.  
  550. #cred a{
  551. color:white;
  552. text-decoration:none;
  553. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  554. }
  555.  
  556.  
  557. </style>
  558. </head>
  559.  
  560. <body>
  561. {block:ifcursortrail}
  562. <script type="module">
  563. import { ghostCursor } from "https://unpkg.com/cursor-effects@latest/dist/esm.js";
  564.  
  565. new ghostCursor();
  566. </script>
  567. {/block:ifcursortrail}
  568.  
  569. <div id="right"><img src="{image:bottom right}"></div>
  570.  
  571. {block:ifwinXPhills}
  572. <div id="hills"><img src="https://64.media.tumblr.com/a77a2a36cb7d26ac5bdf0f1aa1bc6175/354585b1e4906fc5-d1/s2048x3072/3dfe0be1cbd5a7f0f0188a2ba2e8083536ef95c9.png"></div>
  573. {/block:ifwinXPhills}
  574. <!--
  575. normal
  576. -->
  577.  
  578. {block:ifnotwinXP}
  579. <div id="navcon"> <!--navi-->
  580.  
  581. <div id="navi">
  582. <div id="naviheader">
  583.  
  584. <div id="normalnavbox">
  585. <div class="linkz" >
  586. <a href="{text:url1}">{text:link1}</a> {text:link divider}
  587. <a href="{text:url2}">{text:link2}</a> {text:link divider}
  588. <a href="{text:url3}">{text:link3}</a> {text:link divider}
  589. <a href="{text:url4}">{text:link4}</a>
  590. </div>
  591. {block:Pagination}
  592. <table style="width:100%; margin-top:5px">
  593. <tr>
  594. {block:PreviousPage}
  595. <td style="width: 50%;">
  596. <a href="{PreviousPage}">previous</a>
  597. </td>
  598. {/block:PreviousPage}
  599. {block:NextPage}
  600. <td style="width: 50%;">
  601. <a href="{NextPage}">next</a>
  602. </td>
  603. {/block:NextPage}
  604. </tr>
  605. </table>
  606. {/block:Pagination}
  607. </div>
  608.  
  609. </div>
  610. </div>
  611.  
  612.  
  613.  
  614. </div> <!--end navi-->
  615.  
  616. <p style="visibility: hidden" id="zed"><span class="material-icons">pause</span></p>
  617. <p style="visibility: hidden" id="ah"><span class="material-icons">play_arrow</span></p>
  618.  
  619.  
  620. <div id="sideb"> <!-- sidebar-->
  621.  
  622. <div id="info">
  623. <div id="infoheader">
  624. <div id="normalsidebar">
  625.  
  626.  
  627. <div style="padding-right:4px"class="window-body">
  628. <a href="/"><img id="sidebar" src="{image:sidebar}"></a>
  629. </div>
  630. <div style="border-bottom:none" class="descinfo">
  631. <p id="descinfo">
  632. {block:ifDescription}{text:description}{/block:ifDescription}
  633. </p>
  634. </div>
  635.  
  636. <div class="descinfo">
  637. <p id="descinfo">
  638. <audio id="myAudio" src="{text:audio link}" type="audio"></audio>
  639. <span id="demo" onclick="myFunction()"><span class="material-icons">play_arrow</span></span>
  640.  
  641.  
  642.  
  643.  
  644. </p>
  645. <p style="{block:ifsecondarysidebarborder}
  646. border:{text:border size} {select:border type} {color:border};
  647. {/block:ifsecondarysidebarborder}" id="descinfo">
  648. <marquee style="margin-top:5px; margin-bottom:-2px" scrollamount="8">
  649. {text:audio marquee}</marquee></p>
  650. </div>
  651.  
  652. </div>
  653.  
  654. </div>
  655. </div>
  656. </div><!--end sidebar-->
  657.  
  658.  
  659.  
  660. {/block:ifnotwinXP}
  661.  
  662.  
  663. <!--
  664. win xp
  665. -->
  666. {block:ifwinXP}
  667. <div id="navcon"> <!--navi-->
  668.  
  669. <div id="navi">
  670. <div id="naviheader">
  671. <div class="window" style="width: 300px">
  672. <div class="title-bar">
  673. <div class="title-bar-text">C:\\USERS\{name}\pages\{TotalPages}</div>
  674. <div class="title-bar-controls">
  675. <button aria-label="Minimize"></button>
  676. <button aria-label="Maximize"></button>
  677. <button aria-label="Close"></button>
  678. </div>
  679. </div>
  680. <div class="window-body">
  681. <ul class="tree-view" style="font-size:15px; padding:5px">
  682. <a href="{text:url1}">{text:link1}</a> {text:link divider}
  683. <a href="{text:url2}">{text:link2}</a> {text:link divider}
  684. <a href="{text:url3}">{text:link3}</a> {text:link divider}
  685. <a href="{text:url4}">{text:link4}</a>
  686. </ul>
  687. {block:Pagination}
  688. <table style="width:100%; margin-top:5px">
  689. <tr>
  690. {block:PreviousPage}
  691. <td style="width: 50%;">
  692. <form action="{PreviousPage}">
  693. <input type="submit" value="back" />
  694. </form>
  695. </td>
  696. {/block:PreviousPage}
  697. {block:NextPage}
  698. <td style="width: 50%;">
  699. <form action="{NextPage}">
  700. <input type="submit" value="next" />
  701. </form>
  702. </td>
  703. {/block:NextPage}
  704. </tr>
  705. </table>
  706. {/block:Pagination}
  707. </div>
  708. </div>
  709. </div>
  710. </div>
  711.  
  712.  
  713.  
  714. </div> <!--end navi-->
  715.  
  716. <p style="visibility: hidden" id="zed"><span class="material-icons">pause</span></p>
  717. <p style="visibility: hidden" id="ah"><span class="material-icons">play_arrow</span></p>
  718.  
  719.  
  720. <div id="sideb"> <!-- sidebar-->
  721.  
  722. <div id="info">
  723. <div id="infoheader">
  724. <div class="window" style="width: 250px">
  725. <div class="title-bar">
  726. <div class="title-bar-text">About</div>
  727. <div class="title-bar-controls">
  728. <button aria-label="Minimize"></button>
  729. <button aria-label="Maximize"></button>
  730. <button aria-label="Close"></button>
  731. </div>
  732. </div>
  733.  
  734. <div style="padding-right:4px"class="window-body">
  735. <a href="/"><img id="sidebar" src="{image:sidebar}"></a>
  736. </div>
  737. <div class="status-bar">
  738. <p class="status-bar-field">
  739. {block:ifDescription}{text:description}{/block:ifDescription}
  740. </p>
  741. </div>
  742.  
  743. <div class="status-bar">
  744. <p class="status-bar-field">
  745. <audio id="myAudio" src="{text:audio link}" type="audio"></audio>
  746. <span id="demo" onclick="myFunction()"><span class="material-icons">play_arrow</span></span>
  747.  
  748.  
  749.  
  750.  
  751. </p>
  752. <p style="width:200px" class="status-bar-field">
  753. <marquee style="margin-top:5px; margin-bottom:-2px" scrollamount="8">
  754. {text:audio marquee}</marquee></p>
  755. </div>
  756.  
  757. </div></div>
  758. </div>
  759. </div><!--end sidebar-->
  760.  
  761.  
  762.  
  763. {/block:ifwinXP}
  764.  
  765.  
  766.  
  767.  
  768.  
  769. <!--scripts-->
  770. <script>
  771. function myFunction() {
  772. var x = document.getElementById("demo");
  773. var y = document.getElementById("myAudio");
  774. var z = document.getElementById("zed").innerHTML;
  775. var a = document.getElementById("ah").innerHTML;
  776. if (x.innerHTML === a) {
  777. x.innerHTML = z;
  778. y.play();
  779. } else {
  780. x.innerHTML = a;
  781. y.pause();
  782. }
  783. }
  784. </script>
  785.  
  786. <script>
  787. //Make the DIV element draggagle:
  788. dragElement(document.getElementById("navi"));
  789.  
  790. function dragElement(elmnt) {
  791. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  792. if (document.getElementById(elmnt.id + "header")) {
  793. /* if present, the header is where you move the DIV from:*/
  794. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  795. } else {
  796. /* otherwise, move the DIV from anywhere inside the DIV:*/
  797. elmnt.onmousedown = dragMouseDown;
  798. }
  799.  
  800. function dragMouseDown(e) {
  801. e = e || window.event;
  802. e.preventDefault();
  803. // get the mouse cursor position at startup:
  804. pos3 = e.clientX;
  805. pos4 = e.clientY;
  806. document.onmouseup = closeDragElement;
  807. // call a function whenever the cursor moves:
  808. document.onmousemove = elementDrag;
  809. }
  810.  
  811. function elementDrag(e) {
  812. e = e || window.event;
  813. e.preventDefault();
  814. // calculate the new cursor position:
  815. pos1 = pos3 - e.clientX;
  816. pos2 = pos4 - e.clientY;
  817. pos3 = e.clientX;
  818. pos4 = e.clientY;
  819. // set the element's new position:
  820. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  821. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  822. }
  823.  
  824. function closeDragElement() {
  825. /* stop moving when mouse button is released:*/
  826. document.onmouseup = null;
  827. document.onmousemove = null;
  828. }
  829. }
  830. </script>
  831.  
  832. <script>
  833. //Make the DIV element draggagle:
  834. dragElement(document.getElementById("info"));
  835.  
  836. function dragElement(elmnt) {
  837. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  838. if (document.getElementById(elmnt.id + "header")) {
  839. /* if present, the header is where you move the DIV from:*/
  840. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  841. } else {
  842. /* otherwise, move the DIV from anywhere inside the DIV:*/
  843. elmnt.onmousedown = dragMouseDown;
  844. }
  845.  
  846. function dragMouseDown(e) {
  847. e = e || window.event;
  848. e.preventDefault();
  849. // get the mouse cursor position at startup:
  850. pos3 = e.clientX;
  851. pos4 = e.clientY;
  852. document.onmouseup = closeDragElement;
  853. // call a function whenever the cursor moves:
  854. document.onmousemove = elementDrag;
  855. }
  856.  
  857. function elementDrag(e) {
  858. e = e || window.event;
  859. e.preventDefault();
  860. // calculate the new cursor position:
  861. pos1 = pos3 - e.clientX;
  862. pos2 = pos4 - e.clientY;
  863. pos3 = e.clientX;
  864. pos4 = e.clientY;
  865. // set the element's new position:
  866. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  867. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  868. }
  869.  
  870. function closeDragElement() {
  871. /* stop moving when mouse button is released:*/
  872. document.onmouseup = null;
  873. document.onmousemove = null;
  874. }
  875. }
  876. </script>
  877.  
  878.  
  879. <div id="container"><!--posts-->
  880.  
  881.  
  882. {block:Posts}
  883.  
  884. <div id="posts">
  885.  
  886. {block:Quote}
  887. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  888. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  889. {/block:Quote}
  890.  
  891. {block:Text}
  892. {block:Title}
  893. <div id="title">{Title}</div>{/block:Title}
  894. {Body}
  895. {/block:Text}
  896.  
  897. {block:link}
  898. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  899. {block:Description}{Description}{/block:Description}
  900. {/block:link}
  901.  
  902. {block:Chat}
  903. {block:Title}
  904. <div id="title">{Title}</div>{/block:Title}
  905. {/block:Text}
  906. {block:lines}
  907. {block:label}
  908. <br><b>{label}</b>
  909. {/block:label}
  910. {line}
  911. {/block:lines}
  912. {/block:Chat}
  913.  
  914. {block:Photo}
  915. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
  916. {/block:Photo}
  917.  
  918. {block:Photoset}
  919. {Photoset-400}
  920. {/block:Photoset}
  921.  
  922. <div class="video">{Video-400}</div>
  923.  
  924. {block:AudioPlayer}
  925. <div class="audiowrapper">
  926. {block:AlbumArt}
  927. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  928. {/block:AlbumArt}
  929. <div class="trackback">
  930. <div class="pressplay">
  931. {AudioPlayer}
  932. </div></div>
  933. <div class="trackinfo">
  934. {block:TrackName}{TrackName}{/block:TrackName}<br>
  935. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  936. {block:Album}<i>{Album}</i>{/block:Album}<br>
  937. </div></div>
  938. {/block:AudioPlayer}
  939.  
  940. {block:Answer}
  941. <div class="q">
  942. <div class="as"> <b><big>{Asker} said:</big></b>
  943. {Question}</div></div>
  944. <div class="a">{Answer}</div>
  945. {/block:Answer}
  946.  
  947. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  948.  
  949. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  950.  
  951. {block:Date}
  952. <div class="footer">
  953. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}{text:notes symbol}</a>
  954.  
  955. <!-- {block:NoRebloggedFrom}
  956. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  957. {/block:NoRebloggedFrom} -->
  958. {block:ContentSource}<!-- {SourceURL}
  959. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  960. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  961. {/block:ContentSource}
  962. <br>
  963. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  964.  
  965.  
  966. </div>
  967. {block:PermalinkPage}
  968. {block:NoteCount}
  969. {block:PostNotes}{PostNotes}{/block:PostNotes}
  970. {/block:NoteCount}
  971. {/block:PermalinkPage}
  972. {/block:Date}
  973.  
  974. </div>
  975.  
  976.  
  977. {/block:Posts}
  978.  
  979.  
  980. </div>
  981.  
  982. <div id="cred">
  983. {block:ifwinxp}
  984. <a href="https://joyfriend.tumblr.com/"><img src="https://vignette.wikia.nocookie.net/yaberolan/images/a/a2/Recycle_Bin1.png/revision/latest?cb=20110330082733&path-prefix=sv" width="48px"><br>
  985. {/block:ifwinxp}
  986. <a href="https://joyfriend.tumblr.com/">theme</a></div>
  987. </body>
  988. </html>
  989. <!--hi :)-->
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!