API tools faq
paste
deathdrive

starlight theme

deathdrive
May 23rd, 2019
1,261
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----
  6. hewwo...i took a long time making this & im still new to thememaking so plz let me know if there's any bugs! you can edit this as much as you like but please dont remove the credit. also thank you to my best friend for helping me when i was stuck i love you
  7. AND!!!!!!!!! if you want a rainbow description put this <span id="rainbow">header</a> in the custom description box..you can also treat it how you would do mobile links! okay thanks bye
  8. ----->
  9.  
  10.  
  11. <link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet">
  12.  
  13. <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>
  14.  
  15.  
  16. <script type="text/javascript">
  17. // <![CDATA[
  18. var speed=100; // speed colours change, 1 second = 1000
  19. var glow=3; // can be set from '0' for no glow, to 10
  20. var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
  21. var alink=""; // page to link text to (set to ="" for no link)
  22.  
  23. /****************************
  24. * Rainbow Text Effect *
  25. *(c)2003-13 mf2fm web-design*
  26. * http://www.mf2fm.com/rv *
  27. * DON'T EDIT BELOW THIS BOX *
  28. ****************************/
  29. var rainbow, raintxt, raincnt=0;
  30.  
  31. function addLoadEvent(funky) {
  32. var oldonload=window.onload;
  33. if (typeof(oldonload)!='function') window.onload=funky;
  34. else window.onload=function() {
  35. if (oldonload) oldonload();
  36. funky();
  37. }
  38. }
  39.  
  40. addLoadEvent(regenbogen);
  41.  
  42. function regenbogen() { if (document.getElementById) {
  43. var i, rainbeau;
  44. rainbow=document.getElementById("rainbow");
  45. raintxt=rainbow.firstChild.nodeValue;
  46. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  47. for (i=0; i<raintxt.length; i++) {
  48. rainbeau=document.createElement("span");
  49. rainbeau.setAttribute("id", "rain"+i);
  50. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  51. if (alink) {
  52. rainbeau.style.cursor="pointer";
  53. rainbeau.onclick=function() { top.location.href=alink; }
  54. }
  55. rainbow.appendChild(rainbeau);
  56. }
  57. rainbow=setInterval ("raining()", speed);
  58. }}
  59.  
  60. function raining() {
  61. var i, c;
  62. for (i=0; i<raintxt.length; i++) {
  63. c=raincol[(i+raincnt)%raincol.length];
  64. document.getElementById("rain"+i).style.color=c;
  65. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  66. }
  67. raincnt++;
  68. }
  69. // ]]>
  70. </script>
  71.  
  72. <title>{Title}</title>
  73. <link rel="shortcut icon" href="{image:favicon}">
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75. {block:Description}
  76. <meta name="description" content="{MetaDescription}" />
  77. {/block:Description}
  78. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  79.  
  80. <meta name="image:favicon" content="">
  81. <meta name="image:header" content="">
  82. <meta name="image:bg image" content="">
  83. <meta name="image:header bg image" content="">
  84. <meta name="image:pagination bg" content="#000">
  85. <meta name="image:post bg" content="">
  86. <meta name="image:side image" content="">
  87. <meta name="image:pixel 1" content="">
  88. <meta name="image:pixel 2" content="">
  89. <meta name="image:pixel 3" content="">
  90. <meta name="color:bg color" content="#fff">
  91. <meta name="color:header bg" content="#000">
  92. <meta name="color:text" content="#000">
  93. <meta name="color:link" content="">
  94. <meta name="color:link hover" content="">
  95. <meta name="color:link glow" content="">
  96. <meta name="color:post" content="#fff">
  97. <meta name="color:post shadow" content="#fff">
  98. <meta name="color:header shadow" content="#000">
  99. <meta name="color:border" content="#000">
  100. <meta name="color:scrollbar bg" content="#000">
  101. <meta name="color:scrollbar thumb" content="#fff">
  102. <meta name="color:tooltip" content="#000">
  103. <meta name="color:tooltip text" content="#fff">
  104. <meta name="color:tooltip shadow" content="#fff">
  105.  
  106. <meta name="text:font size" content="16px">
  107. <meta name="text:side image size" content="200">
  108. <meta name="text:side horizontal" content="0px">
  109. <meta name="text:side vertical" content="0px">
  110.  
  111. <meta name="select:border" content="solid">
  112. <meta name="select:border" content="dotted">
  113. <meta name="select:border" content="double">
  114. <meta name="select:border" content="dashed">
  115. <meta name="select:border" content="none">
  116.  
  117. <meta name="select:font" content="arial">
  118. <meta name="select:font" content="verdana">
  119. <meta name="select:font" content="courier">
  120. <meta name="select:font" content="georgia">
  121. <meta name="select:font" content="times new roman">
  122. <meta name="select:font" content="comic sans ms">
  123. <meta name="select:font" content="ms gothic">
  124. <meta name="select:font" content="short stack">
  125.  
  126. <meta name="select:footer" content="left">
  127. <meta name="select:footer" content="center">
  128. <meta name="select:footer" content="right">
  129.  
  130. <meta name="text:custom desc" content="scooby dooby doo!">
  131. <meta name="text:border size" content="3">
  132. <meta name="text:link 1 name" content="link 1">
  133. <meta name="text:link 2 name" content="link 2">
  134. <meta name="text:link 3 name" content="link 3">
  135. <meta name="text:link 1 url" content="/">
  136. <meta name="text:link 2 url" content="/">
  137. <meta name="text:link 3 url" content="/">
  138.  
  139. <meta name="if:custom desc" content="">
  140. <meta name="if:pixel links" content="">
  141. <meta name="if:pixel 2" content="">
  142. <meta name="if:pixel 3" content="">
  143. <meta name="if:header bg" content="">
  144. <meta name="if:header bg cover" content="">
  145. <meta name="if:header border" content="">
  146. <meta name="if:post bg cover" content="">
  147. <meta name="if:bg image" content="">
  148. <meta name="if:bg cover" content="">
  149. <meta name="if:shadows" content="">
  150. <meta name="if:link glow" content="">
  151. <meta name="if:captions" content="">
  152. <meta name="if:hover tags" content="">
  153. <meta name="if:round" content="">
  154.  
  155. <style type="text/css">
  156. body {
  157. background-image:{block:ifbgimage} url('{image:bg image}'){/block:ifbgimage};
  158. background-repeat:repeat;
  159. background-size:{block:ifbgcover}cover{/block:ifbgcover};
  160. background-attachment:fixed;
  161. background-color: {color:bg color};
  162. color: {color:text};
  163. font-size: {text:font size};
  164. font-family: {select:font};
  165. }
  166.  
  167. ::-webkit-scrollbar {
  168. width:5px;
  169. height:0px;
  170. background-color: {color:scrollbar bg};
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb{
  174. background-color: {color:scrollbar thumb};
  175. }
  176.  
  177.  
  178. a {
  179. color: {color:link};
  180. text-decoration: none;
  181. text-shadow: 0 0 3px {color:link glow};
  182. }
  183.  
  184. a:hover {
  185. color:{color:link hover};
  186. }
  187.  
  188. .post{
  189. background-image:url('{image:post bg}');
  190. background-repeat:repeat;
  191. background-size:{block:ifpostbgcover}cover{/block:ifpostbgcover};
  192. background-attachment:fixed;
  193. background-color:{color:post};
  194. width:400px;
  195. border:{text:border size}px {select:border} {color:border};
  196. margin: 30px auto;
  197. padding: 15px;
  198. {block:ifshadows}-moz-box-shadow: 0 0 5px 5px {color:post shadow};
  199. -webkit-box-shadow: 0 0 5px 5px {color:post shadow};
  200. box-shadow: 0 0 5px 5px {color:post shadow};{/block:ifshadows}
  201. {block:ifround}-webkit-border-radius: 15px;{/block:ifround}
  202. {block:ifround}border-radius: 15px;{/block:ifround}
  203. }
  204.  
  205. #header {
  206. {block:ifheaderbg}background-color:{color:header bg};{block:ifheaderbg}
  207. background-image:{block:ifheaderbg} url('{image:header bg image}'){/block:ifheaderbg};
  208. background-repeat:repeat;
  209. background-size:{block:ifheaderbgcover}cover{/block:ifheaderbgcover};
  210. background-attachment:fixed;
  211. text-align:center;
  212. width:400px;
  213. max-height:350px;
  214. {block:ifheaderborder}border:{text:border size}px {select:border} {color:border};{/block:ifheaderborder}
  215. margin:20px auto;
  216. padding:15px;
  217. {block:ifshadows}-moz-box-shadow: 0 0 5px 5px {color:header shadow};
  218. -webkit-box-shadow: 0 0 5px 5px {color:header shadow};
  219. box-shadow: 0 0 5px 5px {color:header shadow};{/block:ifshadows}
  220. {block:ifround}-webkit-border-radius: 15px;{/block:ifround}
  221. {block:ifround}border-radius: 15px;{/block:ifround}
  222. }
  223.  
  224. #header img{
  225. max-width:400px;
  226. max-height:300px;
  227. }
  228.  
  229. #entries{margin-left:auto;text-align:center;}
  230. }
  231.  
  232. #pixel {
  233. width: 250px;
  234. text-align:center;
  235. }
  236.  
  237.  
  238. #pixel img {
  239. width: auto;
  240. text-align:center;
  241. }
  242.  
  243. #navigation {
  244. text-align:center;
  245. background-color:{color:post};
  246. {block:ifnotshadows}border:1px solid;{block:ifnotshadows}
  247. background-image:url('{image:pagination bg}');
  248. background-repeat:repeat;
  249. background-attachment:fixed;
  250. {block:ifshadows}-moz-box-shadow: 0 0 5px 5px {color:post shadow};
  251. -webkit-box-shadow: 0 0 5px 5px {color:post shadow};
  252. box-shadow: 0 0 5px 5px {color:post shadow};{/block:ifshadows}
  253. {block:ifround}-webkit-border-radius: 15px;{/block:ifround}
  254. {block:ifround}border-radius: 15px;{/block:ifround}
  255. margin:20px auto;
  256. padding:2px;
  257. width:400px;
  258. }
  259.  
  260. #wrapper{
  261. width:600px;
  262. margin:50px auto;
  263.  
  264. }
  265.  
  266. img {
  267. max-width: 100%;
  268. }
  269.  
  270. .footer {
  271. text-align:{select:footer}
  272.  
  273.  
  274. }
  275.  
  276. #description{
  277. font-size:{text:font size}px;
  278. }
  279.  
  280. .media{
  281. margin:0 0 0px 0;
  282. }
  283.  
  284. .media img{
  285. width:100%;
  286. }
  287.  
  288.  
  289. .playbutton {
  290. position:relative;
  291. margin-top:45px;
  292. margin-left:44px;
  293. z-index:9;
  294. width:33px;
  295. height:30px;
  296. overflow:hidden;}
  297.  
  298. .albumart img {
  299. position:relative;
  300. margin-top:-75px;
  301. margin-left:0px
  302. height:120px;
  303. width:120px;
  304. -webkit-border-top-left-radius: 20px;
  305. -webkit-border-bottom-left-radius: 20px;
  306. -moz-border-radius-topleft: 20px;
  307. -moz-border-radius-bottomleft: 20px;
  308. border-top-left-radius: 20px;
  309. border-bottom-left-radius: 20px;}
  310.  
  311. .trackinfo {
  312. margin-bottom:10px;
  313. background:#fff;
  314. color:#000;
  315. top:-6px;
  316. position:relative;
  317. margin-left:120px;
  318. height:120px;
  319. margin-top:-120px;
  320. -webkit-border-top-right-radius: 20px;
  321. -webkit-border-bottom-right-radius: 20px;
  322. -moz-border-radius-topright: 20px;
  323. -moz-border-radius-bottomright: 20px;
  324. border-top-right-radius: 20px;
  325. border-bottom-right-radius: 20px;}
  326.  
  327. .trackname {
  328. position:relative;
  329. padding-top:30px;
  330. text-align:center;
  331. font-size:14px;
  332. text-transform:uppercase;
  333. font-weight: bold;
  334. letter-spacing:2px;}
  335.  
  336. .artist {
  337. text-align:center;
  338. font-size:12px;
  339. text-transform:uppercase;
  340. letter-spacing:4px;}
  341.  
  342. .album {
  343. text-align:center;
  344. font-style: italic;
  345. letter-spacing:4px;}
  346.  
  347. .playcount {
  348. font-weight: bold;
  349. margin-top:5px;
  350. text-align:center;
  351. letter-spacing:2px;}
  352.  
  353. }
  354.  
  355.  
  356. .tags {
  357. max-height:0px;
  358. line-height:130%;
  359. text-align:{select:footer};
  360. opacity:0;
  361. -webkit-transition: all 0.7s ease;
  362. transition: all 0.7s ease;
  363. -moz-transition: all 0.7s ease;
  364. -o-transition: all 0.7s ease;}
  365.  
  366. .post:hover .tags{
  367. opacity:1;
  368. max-height:300px;
  369. -webkit-transition: all 0.7s ease;
  370. transition: all 0.7s ease;
  371. -moz-transition: all 0.7s ease;
  372. -o-transition: all 0.7s ease;}
  373.  
  374.  
  375. blockquote {
  376. border-left: 1px solid;
  377. padding-left: 15px;
  378. margin-top: -5px;
  379. margin-left: 5px;
  380. }
  381.  
  382.  
  383. ol.notes {
  384. list-style-type: none;
  385. margin: 0;
  386. padding: 0;
  387. }
  388.  
  389. #s-m-t-tooltip{
  390. max-width:300px;
  391. padding:5px;
  392. margin:20px 7px -2px 20px;
  393. background-color:{color:tooltip};
  394. letter-spacing:1px;
  395. -o-transition: all 0.3s ease-out;
  396. -webkit-transition: all 0.3s ease-out;
  397. -moz-transition: all 0.3s ease-out;
  398. text-align:center;
  399. color:{color:tooltip text};
  400. z-index:99999999999999999999;
  401. -moz-box-shadow: 0 0 5px 3px {color:tooltip shadow};
  402. -webkit-box-shadow: 0 0 5px 3px {color:tooltip shadow};
  403. box-shadow: 0 0 5px 3px {color:tooltip shadow};
  404. }
  405.  
  406. {CustomCSS}
  407.  
  408. </style>
  409.  
  410. </head>
  411. <body>
  412. <div id="header">
  413. <center><a href="/" title="{Title}"><img src="{image:header}"></a></center>
  414. {block:ifcustomdesc}<div id="description">{text:custom desc}</div>{/block:ifcustomdesc}
  415. {block:ifpixellinks}<div id="pixel"><a href="{text:link 1 url}"><img src="{image:pixel 1}"></a>{block:ifpixel2}&emsp;<a href="{text:link 2 url}"><img src="{image:pixel 2}"></a>{/block:ifpixel2}{block:ifpixel3}&emsp;<a href="{text:link 3 url}"><img src="{image:pixel 3}"></a>{/block:ifpixel3}</center></div>{/block:ifpixellinks}
  416. {block:ifnotpixellinks}
  417. <a href="{text:link 1 url}">{text:link 1 name}</a> <a href="{text:link 2 url}">{text:link 2 name}</a> <a href="{text:link 3 url}">{text:link 3 name}</a>{/block:ifnotpixellinks}
  418. </div>
  419.  
  420.  
  421. {block:Posts}
  422. <div class="post">
  423. {block:Text}
  424. {block:Title}
  425. <div class="title">{Title}</div>
  426. {/block:Title}
  427. {Body}
  428. {/block:Text}
  429.  
  430. {block:Photo}
  431. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  432. {block:ifcaptions}
  433. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  434. {/block:ifcaptions}
  435. {/block:Photo}
  436.  
  437. {block:Photoset}
  438. <div class="media">{Photoset}</div>
  439. {block:ifcaptions}
  440. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  441. {/block:ifcaptions}
  442. {/block:Photoset}
  443.  
  444. {block:Quote}
  445. <div class="quote">"{Quote}"</div>
  446. {block:Source}
  447. <div class="quotesource">{Source}</div>
  448. {/block:Source}
  449. {/block:Quote}
  450.  
  451. {block:Link}
  452. <div class="title"><a href="{URL}">{Name}</a></div>
  453. {block:Description}
  454. <div class="description">{Description}</div>
  455. {/block:Description}
  456. {/block:Link}
  457.  
  458. {block:Chat}
  459. {block:Title}
  460. <div class="title">{Title}</div>
  461. {/block:Title}
  462.  
  463. {block:Lines}
  464. <div class="{Alt} user_{UserNumber}">
  465. {block:Label}
  466. <b>{Label}</b>{/block:Label}
  467. &nbsp;{Line}
  468. </div>
  469. {/block:Lines}
  470. {/block:Chat}
  471.  
  472. {block:Video}
  473. <div class="media">{Video-400}</div>
  474. {block:ifcaptions}
  475. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  476. {/block:ifcaptions}
  477. {/block:Video}
  478.  
  479. {block:Audio}
  480. {block:AudioPlayer}
  481. <div class="playbutton">{AudioPlayerGrey}</div>
  482. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  483. <div class="trackinfo">
  484. <div class="trackname">
  485. {block:TrackName}{TrackName}{/block:TrackName}
  486. </div>
  487. <div class="artist">
  488. {block:Artist}{Artist}{/block:Artist}
  489. </div>
  490. <div class="album">
  491. {block:Album}{Album}{/block:Album}
  492. </div>
  493. <div class="playcount">
  494. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  495. </div>
  496. </div>
  497. {block:ifcaptions}
  498. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  499. {/block:ifcaptions}
  500. {/block:AudioPlayer}
  501. {/block:Audio}
  502.  
  503. {block:Answer}
  504. <div class="question"><strong>{Asker}</strong>:
  505. <i>"{Question}"</i></div>
  506. <div class="caption">{Answer}</div>
  507. {/block:Answer}
  508.  
  509. {block:Date}
  510. <div class="footer">
  511. <a href="{Permalink}" title="{NoteCountWithLabel}">{12hour}:{Minutes} {CapitalAmPm}</a>
  512. {block:ifhovertags}<div class="tags">{/block:ifhovertags}
  513. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  514. </div>
  515. </div>
  516.  
  517. {block:PermalinkPage}
  518. {block:NoteCount}
  519. {/block:NoteCount}
  520. {/block:PermalinkPage}
  521. {/block:Date}
  522.  
  523.  
  524. {/block:posts}
  525. {block:Pagination}
  526. <div id="navigation">
  527. <center>{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</center>
  528. </div>
  529. {/block:Pagination}
  530.  
  531.  
  532. </body>
  533. </html>
  534.  
  535. <img src={image:side image} height={text:side image size} style='position:fixed;bottom:{text:side vertical};left:{text:side horizontal};z-index:-999'/>
  536.  
  537. <p style="position: fixed; right: 13px; bottom: -5px; font-size:14px;"><a href="https://tmblr.co/mVwi7UJKgnuwbjVLIeRw1Kg" title="@nyx">💉</a>
Advertisement
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!