API tools faq
paste
Advertisement
artiecore

tng is the best star trek series

artiecore
Jul 14th, 2022 (edited)
1,163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.27 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ♡ tng is the best star trek series theme by joyfriend ♡
  3.  
  4. data soong is my best friend
  5.  
  6. basecode by evansyhelp audio formatting from sadthemes
  7. windows 98 parts from https://github.com/jdan/98.css
  8. -->
  9. <!DOCTYPE html>
  10. <html>
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <link rel="stylesheet" href="https://unpkg.com/98.css" />
  20. <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>
  21. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  22.  
  23. <!-- META TAGS, SCRIPTS, AND CUSTOM FONTS GO HERE-->
  24. <meta name="color:background" content="#008081"/>
  25. <meta name="color:text" content="#000"/>
  26. <meta name="color:posts" content="#fff"/>
  27. <meta name="color:border" content="#000">
  28. <meta name="color:link" content="#000"/>
  29. <meta name="color:selection bg" content="#fff"/>
  30. <meta name="color:selection text" content="#000"/>
  31.  
  32. <meta name="text:font size" content="12px">
  33. <meta name="text:link divider" content="/">
  34. <meta name="text:redirect" content=""/>
  35. <meta name="text:description" content="do do do do do dodododo doooo do do do do do doooodooo"/>
  36. <meta name="text:audio link" content="https://cdn.discordapp.com/attachments/604506825991127053/859249555388366878/yt1s.com_-_Coconut_Mall_Mario_Kart_Wii_OST.mp3" />
  37. <meta name="text:audio marquee" content="Now playing: Coconut Mall - Mario Kart Wii" />
  38.  
  39.  
  40. <meta name="if:redirect" content="" />
  41. <meta name="if:cover bg" content="" />
  42. <meta name="if:post border" content="" />
  43. <meta name="if:description" content="" />
  44.  
  45. <meta name="image:favicon" content="">
  46. <meta name="image:background" content="" />
  47. <meta name="image:sidebar" content=""/>
  48.  
  49. <meta name="select:font" content="arial">
  50. <meta name="select:font" content="verdana">
  51. <meta name="select:font" content="courier">
  52. <meta name="select:font" content="georgia">
  53. <meta name="select:font" content="times new roman">
  54. <meta name="select:font" content="ms gothic"/>
  55. <meta name="select:font" content="short stack"/>
  56. <meta name="select:font" content="comic sans ms">
  57. <meta name="select:font" content="ms sans serif">
  58.  
  59. <meta name="select:border type" content="solid" />
  60. <meta name="select:border type" content="double" />
  61. <meta name="select:border type" content="dashed" />
  62. <meta name="select:border type" content="dotted" />
  63. <meta name="select:border type" content="outset">
  64. <meta name="select:border type" content="inset">
  65.  
  66.  
  67. <meta name="text:link1" content="one">
  68. <meta name="text:url1" content="">
  69. <meta name="text:link2" content="two">
  70. <meta name="text:url2" content="">
  71. <meta name="text:link3" content="three">
  72. <meta name="text:url3" content="">
  73. <meta name="text:link4" content="four">
  74. <meta name="text:url4" content="">
  75.  
  76. {block:ifredirect}
  77. {block:IndexPage}<script type="text/javascript">
  78. var url = location.href;
  79. if (url == "{BlogURL}") {
  80. window.location = "{BlogURL}tagged/{text:redirect}";
  81. }
  82. </script>{/block:IndexPage}
  83. {/block:ifredirect}
  84.  
  85.  
  86.  
  87. </head>
  88. <style type="text/css">
  89. /* ALL STYLING GOES HERE */
  90.  
  91.  
  92. ::selection {
  93. background: {color:selection bg};
  94. color:{color:selection text};
  95. }
  96.  
  97. .tooltip{
  98. display:inline;
  99. position:relative;
  100. }
  101.  
  102. #s-m-t-tooltip{
  103. max-width:300px;
  104. padding:5px;
  105. background:#c0c0c0;
  106. margin:20px 7px -2px 20px;
  107. box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a,
  108. inset -2px -2px #dfdfdf, inset 2px 2px #808080;
  109. color:#000;
  110. font-family: "Pixelated MS Sans Serif";
  111. src: url("fonts/converted/ms_sans_serif.woff") format("woff");
  112. src: url("fonts/converted/ms_sans_serif.woff2") format("woff2"); letter-spacing:1px;
  113. text-align:center;
  114. z-index:99999999999999999999;
  115. -o-transition: all 0.3s ease-out;
  116. -webkit-transition: all 0.3s ease-out;
  117. -moz-transition: all 0.3s ease-out;
  118. }
  119.  
  120. body {
  121. margin:0px;
  122. background:{color:background};
  123. color:{color:text};
  124. background-image: url('{image:background}');
  125. {block:ifnotcoverbg}
  126. background-repeat: repeat;
  127. background-attachment: fixed;
  128. {/block:ifnotcoverbg}
  129. {block:ifcoverbg}
  130. background-size: cover;
  131. background-attachment: fixed;
  132. {/block:ifcoverbg}
  133. font-family: {select:font};
  134. font-size: {text:font size};
  135. }
  136.  
  137. @font-face {
  138. font-family: ms sans serif;
  139. src: url(https://dl.dropbox.com/s/nsars34hvq71zyx/MS%20Sans%20Serif%208pt.ttf);
  140. }
  141.  
  142. a {
  143. color:{color:link};
  144. -moz-transition-duration:0.4s;
  145. -webkit-transition-duration:0.4s;
  146. -o-transition-duration:0.4s;
  147. text-decoration:none;
  148. }
  149.  
  150. a:hover {
  151. color:{color:link hover};
  152. -moz-transition-duration:0.4s;
  153. -webkit-transition-duration:0.4s;
  154. -o-transition-duration:0.4s;
  155. }
  156.  
  157.  
  158. #held{
  159. margin: auto;
  160. width: 30%;
  161. margin-top:-70px;
  162.  
  163. }
  164.  
  165. #posts{
  166. width:400px;
  167. {block:ifpostborder}
  168. border:{text:border size} {select:border type} {color:border};
  169. {/block:ifpostborder}
  170. background-color:{color:posts};
  171. padding:10px;
  172. margin-bottom:10px;
  173. }
  174.  
  175.  
  176. #posts img {
  177. max-width:100%;
  178. height:auto;
  179. }
  180.  
  181. .title-bar a{
  182. color:white
  183. }
  184. .window{
  185. font-size: {text:font size};
  186.  
  187. }
  188.  
  189. #mydiv {
  190. position: absolute;
  191. z-index: 9;
  192. text-align: center;
  193. }
  194.  
  195. #mydivheader {
  196. cursor: move;
  197. z-index: 10;
  198. }
  199.  
  200.  
  201. #con {
  202. margin-left:80px;
  203. margin-top:50px;
  204. position:fixed;
  205.  
  206. }
  207.  
  208. #navcon {
  209. margin-left:180px;
  210. margin-top:380px;
  211. position:fixed;
  212.  
  213. }
  214. /* audio stuff */
  215.  
  216. .spotify_audio_player {
  217. height:80px!important;
  218. width:100%!important;}
  219.  
  220. .soundcloud_audio_player {
  221. height:150px!important;
  222. width:100%!important;}
  223.  
  224. .trackback {
  225. position: absolute;
  226. left: 20px;
  227. top: 20px;
  228. width: 19px;
  229. height: 19px;
  230. background-color: #fff;
  231. padding: 10px;
  232. opacity: .4;}
  233.  
  234. .pressplay{
  235. position: relative;
  236. width: 25px;
  237. height: 25px;
  238. overflow: hidden;
  239. left: -6px;
  240. top: -3px;}
  241.  
  242. .albumpic {
  243. position: absolute;
  244. left: 0px;
  245. top: 0px;
  246. width: 79px;
  247. height: 79px;}
  248.  
  249. .albumpic img {
  250. width: 100%;
  251. height: auto;
  252. border: 1px solid {color:font color};}
  253.  
  254. .trackinfo {
  255. width: auto;
  256. display:inline-block;
  257. margin-left: 90px;
  258. min-height: 85px;}
  259.  
  260. .audiowrapper {
  261. position: relative; display:inline-block;}
  262.  
  263. .material-icons{
  264. cursor:pointer ;
  265. font-size: calc({text:font size} + 5px);
  266. margin-top:3px;
  267.  
  268. }
  269.  
  270. #meowdiv {
  271. position: absolute;
  272. z-index: 9;
  273. text-align: center;
  274.  
  275. }
  276.  
  277.  
  278. #meowdivheader {
  279. cursor: move;
  280. z-index: 10;
  281. }
  282.  
  283.  
  284. </style>
  285. <body>
  286.  
  287. <!-- SIDEBAR/HEADER -->
  288.  
  289. {block:Pagination}
  290.  
  291. <div id="navcon">
  292.  
  293. <div id="meowdiv">
  294. <div id="meowdivheader">
  295. <div class="window" style="width: 300px">
  296. <div class="title-bar">
  297. <div class="title-bar-text">C:\\USERS\{name}\pages\{TotalPages}</div>
  298. <div class="title-bar-controls">
  299. <button aria-label="Minimize"></button>
  300. <button aria-label="Maximize"></button>
  301. <button aria-label="Close"></button>
  302. </div>
  303. </div>
  304. <div class="window-body">
  305.  
  306. <table style="width:100%">
  307.  
  308. <tr> {block:PreviousPage}
  309. <td style="width: 50%;">
  310.  
  311. <form action="{PreviousPage}">
  312. <input type="submit" value="back" />
  313. </form>
  314. {/block:PreviousPage}
  315.  
  316.  
  317. </td>
  318.  
  319.  
  320. {block:NextPage}
  321. <td style="width: 50%;">
  322.  
  323.  
  324. <form action="{NextPage}">
  325. <input type="submit" value="next" />
  326. </form>
  327. {/block:NextPage}
  328.  
  329.  
  330. </td>
  331. </tr>
  332.  
  333. </table>
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340. </div>
  341. </div></div>
  342. </div>
  343.  
  344. <script>
  345. //Make the DIV element draggagle:
  346. dragElement(document.getElementById("meowdiv"));
  347.  
  348. function dragElement(elmnt) {
  349. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  350. if (document.getElementById(elmnt.id + "header")) {
  351. /* if present, the header is where you move the DIV from:*/
  352. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  353. } else {
  354. /* otherwise, move the DIV from anywhere inside the DIV:*/
  355. elmnt.onmousedown = dragMouseDown;
  356. }
  357.  
  358. function dragMouseDown(e) {
  359. e = e || window.event;
  360. e.preventDefault();
  361. // get the mouse cursor position at startup:
  362. pos3 = e.clientX;
  363. pos4 = e.clientY;
  364. document.onmouseup = closeDragElement;
  365. // call a function whenever the cursor moves:
  366. document.onmousemove = elementDrag;
  367. }
  368.  
  369. function elementDrag(e) {
  370. e = e || window.event;
  371. e.preventDefault();
  372. // calculate the new cursor position:
  373. pos1 = pos3 - e.clientX;
  374. pos2 = pos4 - e.clientY;
  375. pos3 = e.clientX;
  376. pos4 = e.clientY;
  377. // set the element's new position:
  378. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  379. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  380. }
  381.  
  382. function closeDragElement() {
  383. /* stop moving when mouse button is released:*/
  384. document.onmouseup = null;
  385. document.onmousemove = null;
  386. }
  387. }
  388. </script>
  389.  
  390. </div>
  391. {/block:Pagination}
  392.  
  393.  
  394. <p style="visibility: hidden" id="zed"><span class="material-icons">pause</span></p>
  395. <p style="visibility: hidden" id="ah"><span class="material-icons">play_arrow</span></p>
  396.  
  397.  
  398. <div id="con">
  399.  
  400.  
  401. <div id="mydiv">
  402. <div id="mydivheader">
  403. <div class="window" style="width: 300px">
  404. <div class="title-bar">
  405. <div class="title-bar-text">About</div>
  406. <div class="title-bar-controls">
  407. <button aria-label="Minimize"></button>
  408. <button aria-label="Maximize"></button>
  409. <button aria-label="Close"></button>
  410. </div>
  411. </div>
  412.  
  413. <div class="window-body">
  414. <table style="width:100%">
  415.  
  416. <tr>
  417. <td style="width: 50%;">
  418.  
  419. <a href="/"><img style="height:auto; max-width:150px"src="{image:sidebar}"></a>
  420.  
  421. </td>
  422.  
  423.  
  424.  
  425. <td style="width: 50%;">
  426. <center>
  427. <p style="margin-left:-10px">
  428. <a href="{text:url1}">{text:link1}</a> {text:link divider}
  429. <a href="{text:url2}">{text:link2}</a> {text:link divider}
  430. <a href="{text:url3}">{text:link3}</a> {text:link divider}
  431. <a href="{text:url4}">{text:link4}</a> </p>
  432.  
  433. {block:ifdescription}
  434. <ul class="tree-view">
  435. {text:description}
  436. </ul>
  437. {/block:ifdescription}
  438.  
  439. </center>
  440.  
  441.  
  442. </td>
  443. </tr>
  444.  
  445. </table> </div>
  446.  
  447. <div class="status-bar">
  448. <p class="status-bar-field">
  449.  
  450. <audio id="myAudio" src="{text:audio link}" type="audio"></audio>
  451.  
  452. <span id="demo" onclick="myFunction()"><span class="material-icons">play_arrow</span></span>
  453.  
  454.  
  455. <script>
  456. function myFunction() {
  457. var x = document.getElementById("demo");
  458. var y = document.getElementById("myAudio");
  459. var z = document.getElementById("zed").innerHTML;
  460. var a = document.getElementById("ah").innerHTML;
  461. if (x.innerHTML === a) {
  462. x.innerHTML = z;
  463. y.play();
  464. } else {
  465. x.innerHTML = a;
  466. y.pause();
  467. }
  468. }
  469. </script>
  470.  
  471.  
  472. </p>
  473. <p style="width:200px" class="status-bar-field">
  474. <marquee style="margin-top:5px; margin-bottom:-2px" scrollamount="8">
  475. {text:audio marquee}</marquee></p>
  476. </div>
  477.  
  478. </div></div>
  479. </div></div>
  480.  
  481.  
  482. <script>
  483. //Make the DIV element draggagle:
  484. dragElement(document.getElementById("mydiv"));
  485.  
  486. function dragElement(elmnt) {
  487. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  488. if (document.getElementById(elmnt.id + "header")) {
  489. /* if present, the header is where you move the DIV from:*/
  490. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  491. } else {
  492. /* otherwise, move the DIV from anywhere inside the DIV:*/
  493. elmnt.onmousedown = dragMouseDown;
  494. }
  495.  
  496. function dragMouseDown(e) {
  497. e = e || window.event;
  498. e.preventDefault();
  499. // get the mouse cursor position at startup:
  500. pos3 = e.clientX;
  501. pos4 = e.clientY;
  502. document.onmouseup = closeDragElement;
  503. // call a function whenever the cursor moves:
  504. document.onmousemove = elementDrag;
  505. }
  506.  
  507. function elementDrag(e) {
  508. e = e || window.event;
  509. e.preventDefault();
  510. // calculate the new cursor position:
  511. pos1 = pos3 - e.clientX;
  512. pos2 = pos4 - e.clientY;
  513. pos3 = e.clientX;
  514. pos4 = e.clientY;
  515. // set the element's new position:
  516. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  517. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  518. }
  519.  
  520. function closeDragElement() {
  521. /* stop moving when mouse button is released:*/
  522. document.onmouseup = null;
  523. document.onmousemove = null;
  524. }
  525. }
  526. </script>
  527.  
  528. </div>
  529.  
  530. <div id="held">
  531.  
  532.  
  533.  
  534. <!-- POSTS -->
  535. {block:Posts}
  536. <div id="posts">
  537. {block:Text}
  538. {block:Title}{Title}{/block:Title}
  539. {Body}
  540. {/block:Text}
  541.  
  542. {block:Photo}
  543. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  544. {/block:Photo}
  545.  
  546. {block:Photoset}
  547. {Photoset-400}
  548. {/block:Photoset}
  549.  
  550. {block:Panorama}
  551. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}
  552. {/block:Panorama}
  553.  
  554. {block:Answer}
  555. <img src="{AskerPortraitURL-64}">
  556. {Asker}:
  557. {Question}
  558. {Answer}
  559. {/block:Answer}
  560.  
  561. {block:Video}
  562. {Video-400}
  563. {/block:Video}
  564.  
  565. {block:Quote}
  566. {Quote}
  567. {block:Source}{Source}{/block:Source}
  568. {/block:Quote}
  569.  
  570. {block:Link}
  571. <a href="{URL}" {Target}>{Name}</a>
  572. {block:Description}{Description}{/block:Description}
  573. {/block:Link}
  574.  
  575. {block:Chat}
  576. {block:Title}{Title}{/block:Title}
  577. {block:Lines}
  578. {block:Label}{Label}{/block:Label}
  579. {Line}
  580. {/block:Lines}
  581. {/block:Chat}
  582.  
  583. {block:AudioPlayer}
  584. <div class="audiowrapper">
  585. {block:AlbumArt}
  586. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  587. {/block:AlbumArt}
  588. <div class="trackback">
  589. <div class="pressplay">
  590. {AudioPlayer}
  591. </div></div>
  592. <div class="trackinfo">
  593. {block:TrackName}{TrackName}{/block:TrackName}<br>
  594. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  595. {block:Album}<i>{Album}</i>{/block:Album}<br>
  596. </div></div>
  597. {/block:AudioPlayer}
  598.  
  599. </div>
  600.  
  601. {block:Caption}
  602. <div class="window" style="width:420px; margin-bottom:10px">
  603. <div class="title-bar">
  604. <div class="title-bar-text"><a href="{Permalink}" title="{timeago}">C:\\USERS\{name}\{PostType}\{notecount}</a>
  605. </div>
  606. <div class="title-bar-controls">
  607. <button aria-label="Minimize"></button>
  608. <button aria-label="Maximize"></button>
  609. <button aria-label="Close"></button>
  610. </div>
  611. </div>
  612. <div class="window-body">
  613. {Caption}
  614. </div>
  615. </div>
  616. {/block:Caption}
  617.  
  618. <!-- POST INFO --> {block:Date}
  619. <div class="window" style="width:420px; margin-bottom:35px">
  620. <div class="title-bar">
  621. <div class="title-bar-text"><a href="{Permalink}" title="{timeago}">C:\\USERS\{name}\{PostType}\{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  622. </div>
  623. <div class="title-bar-controls">
  624. <button aria-label="Minimize"></button>
  625. <button aria-label="Maximize"></button>
  626. <button aria-label="Close"></button>
  627. </div>
  628. </div>
  629.  
  630. <div class="window-body">
  631. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {ShortYear}</a>&nbsp;
  632.  
  633.  
  634.  
  635. {block:RebloggedFrom}
  636. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> /
  637. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  638. {/block:RebloggedFrom}
  639.  
  640. {block:HasTags}
  641. <br> filed:
  642. <select onChange="location=this.options[this.selectedIndex].value;">
  643.  
  644.  
  645. <option></option> {block:Tags}
  646. <option value="{TagURL}">{Tag}</option>{/block:Tags}
  647. </select>
  648. {/block:HasTags}
  649. {/block:Date}
  650.  
  651. {block:PermalinkPage}
  652. {block:PostNotes}{PostNotes}{/block:PostNotes}
  653. {/block:PermalinkPage} </div>
  654. </div>
  655. {/block:Posts}
  656. </div>
  657.  
  658. <a style="position:fixed;left:3px;bottom:3px;" href="https://joyfriend.tumblr.com/" title="artie was here">🃏</a>
  659.  
  660. </body>
  661. </html>
  662. <!-- sniff u. hii -->
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!