ptsdnick

neon sparkles theme

Mar 3rd, 2017
430
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. neon sparkles theme by adamstanheight / shockjockeys
  8. don't edit out the credit! that's rude.
  9. feel free to edit the code though, or message me if there's an issue.
  10.  
  11. ----->
  12.  
  13. {text:statcounter code}
  14.  
  15. {block:ifredirect}<script type="text/javascript"> if(location.href == 'http://{Name}.tumblr.com/') location.replace('http://{Name}.tumblr.com/tagged/{text:redirect tag}'); </script>{/block:ifredirect}
  16.  
  17. <meta charset="utf-8">
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <title>{Title}</title>
  24.  
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  26.  
  27. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28.  
  29. <script>
  30.  
  31.  
  32. (function($){
  33.  
  34. $(document).ready(function(){
  35.  
  36. $("a[title]").style_my_tooltips({
  37.  
  38. tip_follows_cursor:true,
  39.  
  40. tip_delay_time:30,
  41.  
  42. tip_fade_speed:300,
  43.  
  44. attribute:"title"
  45.  
  46. });
  47.  
  48. });
  49.  
  50. })(jQuery);
  51.  
  52. </script>
  53.  
  54. <link rel="shortcut icon" href="{image:Favicon}">
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  57.  
  58. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  59.  
  60. <meta name="image:sidebar" content="http://68.media.tumblr.com/9ce7882d24e75ca6ffc92ca0722b340c/tumblr_inline_ok78wvW4y91uexcxj_500.png" />
  61. <meta name="image:banner" content=""/>
  62. <meta name="image:favicon" content=""/>
  63. <meta name="image:background" content="">
  64. <meta name="image:pixel links" content="">
  65. <meta name="image:static image" content="">
  66.  
  67. <meta name="color:bg" content="#fff"/>
  68. <meta name="color:posts" content="#fff"/>
  69. <meta name="color:sidebar" content="#fff"/>
  70. <meta name="color:text" content=""/>
  71. <meta name="color:link"/>
  72. <meta name="color:link hover"/>
  73. <meta name="color:glow"/>
  74. <meta name="color:border"/>
  75. <meta name="color:footer"/>
  76. <meta name="color:footer text"/>
  77. <meta name="color:dropdown" content="fff">
  78. <meta name="color:dropdown text" content="fff">
  79. <meta name="color:blockquote" content=""/>
  80. <meta name="color:scroll" content="">
  81. <meta name="color:scrollbar" content="">
  82.  
  83. <meta name="select:font size" content="11">
  84. <meta name="select:font size" content="12">
  85. <meta name="select:font size" content="13">
  86. <meta name="select:font size" content="14">
  87. <meta name="select:font size" content="15">
  88. <meta name="select:font size" content="16">
  89.  
  90. <meta name="select:font" content="arial">
  91. <meta name="select:font" content="verdana">
  92. <meta name="select:font" content="ABeeZee">
  93. <meta name="select:font" content="consolas">
  94. <meta name="select:font" content="monda">
  95. <meta name="select:font" content="ms pgothic">
  96. <meta name="select:font" content="raleway">
  97. <meta name="select:font" content="lucida sans unicode">
  98. <meta name="select:font" content="karla">
  99. <meta name="select:font" content="montserrat">
  100.  
  101. <meta name="select:border" content="solid"/>
  102. <meta name="select:border" content="dotted"/>
  103. <meta name="select:border" content="dashed"/>
  104. <meta name="select:border" content="outset"/>
  105. <meta name="select:border" content="inset"/>
  106. <meta name="select:border" content="none"/>
  107.  
  108. <meta name="select:post width" content="250">
  109. <meta name="select:post width" content="300">
  110. <meta name="select:post width" content="325">
  111. <meta name="select:post width" content="350">
  112. <meta name="select:post width" content="400">
  113. <meta name="select:post width" content="450">
  114.  
  115. <meta name="text:home title" content="index">
  116. <meta name="text:ask title" content="mail">
  117.  
  118. <meta name="text:dropdown text" content="menu">
  119.  
  120. <meta name="text:statcounter code" content=""/>
  121.  
  122. <meta name="text:redirect tag" content="leave out the /"/>
  123.  
  124. <meta name="text:Link 1" content="">
  125. <meta name="text:Link 1 url" content="/">
  126. <meta name="text:Link 2" content="">
  127. <meta name="text:Link 2 url" content="/">
  128. <meta name="text:Link 3" content="">
  129.  
  130. <meta name="if:round sidebar" content=""/>
  131. <meta name="if:round corners" content=""/>
  132.  
  133. <meta name="if:post glow" content=""/>
  134. <meta name="if:rainbow link hover"/>
  135. <meta name="if:pixel links" content="">
  136. <meta name="if:default links" content=""/>
  137. <meta name="if:dropdown links" content=""/>
  138.  
  139.  
  140. <meta name="if:small cursor" content=""/>
  141. <meta name="if:black sparkles" content=""/>
  142. <meta name="if:white sparkles" content=""/>
  143. <meta name="if:pink sparkles" content=""/>
  144.  
  145. <meta name="text:image width" content=""/>
  146. <meta name="text:image margin left" content="0"/>
  147. <meta name="text:image margin bottom" content="0"/>
  148.  
  149. <style type="text/css">
  150.  
  151.  
  152.  
  153. /*
  154. general text styles, fonts and colours
  155. */
  156.  
  157. ::-webkit-scrollbar {
  158. width:10px;
  159. height:0;
  160. background:{color:Scrollbar};
  161. border:1px solid {color:Scroll};
  162. }
  163. ::-webkit-scrollbar-thumb {background:{color:Scroll};border:1px solid {color:Scrollbar};}
  164.  
  165. div.songtitle::-webkit-scrollbar {
  166. width:7px;
  167. height:0;
  168. background:{color:Scrollbar};
  169. border:1px solid {color:Scroll};
  170. }
  171. div.songtitle::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  172.  
  173. div.notebox::-webkit-scrollbar {
  174. width:7px;
  175. height:0;
  176. background:{color:Scrollbar};
  177. border:1px solid {color:Scroll};
  178. }
  179. div.notebox::-webkit-scrollbar-thumb {background:{color:Scroll};border:1px solid {color:Scroll};}
  180.  
  181. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg); auto;} {/block:ifsmallcursor}
  182.  
  183. #s-m-t-tooltip {max-width:300px;border-radius:0px ;padding:4px;border:1px solid {color:border};{block:ifoutsetborder}
  184. border: 3px outset {color:border};{/block:ifoutsetborder}margin:20px 7px -2px 20px;background-color:{color:posts};font-size:12px;text-transform:normal;color:{color:text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;{block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  185. -moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  186. box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);{/block:ifShadow}}
  187.  
  188. body {
  189. margin:0px;
  190. font-family:{select:font}, helvetica;
  191. font-size:{select:font size}px;
  192. color:{color:text};
  193. line-height:150%;
  194. background: {color:bg} url('{image:background}') no-repeat center center fixed;
  195. -webkit-background-size: cover;
  196. -moz-background-size: cover;
  197. -o-background-size: cover;
  198. background-size: cover;
  199. }
  200.  
  201. p{
  202. margin:0 0 10px 0;
  203. padding:0;
  204. }
  205.  
  206. pre {
  207. white-space: pre-wrap;
  208. white-space: -moz-pre-wrap;
  209. white-space: -pre-wrap;
  210. white-space: -o-pre-wrap;
  211. word-wrap: break-word;
  212. }
  213.  
  214. a{
  215. color:{color:link};
  216. text-decoration:underline;
  217. }
  218.  
  219. a:hover{
  220. color:{color:link hover};
  221. text-decoration:underline;
  222.  
  223. }
  224.  
  225. li{
  226. margin-left:-15px;
  227. }
  228.  
  229. #header {
  230. width:100%;
  231. height:200px;
  232. background: url('{image:banner}') top fixed repeat-x;
  233. position:fixed;
  234. z-index: -999;
  235. margin-top:-120px;
  236. opacity: 0.90;
  237. }
  238.  
  239. /*
  240. containers etc
  241. */
  242. #wrapper{
  243. width:650px;
  244. margin:50px auto;
  245. }
  246.  
  247. #sidebar{
  248. margin:110px 0 0 -200px;
  249. width:150px;
  250. padding:10px;
  251. background-color:{color:sidebar};
  252. {block:ifpostglow} box-shadow: 0 0 10px 2px {color:glow};{/block:ifpostglow}
  253. position:fixed;
  254. border:2px {select:border} {color:border};
  255. {block:ifroundcorners}border-radius:10px;{/block:ifroundcorners}
  256. font-family:{select:font}, helvetica;
  257. font-size:{select:font size}px;
  258. }
  259.  
  260. #sidebar img{
  261. margin:-50px 0 0 0;
  262. {block:ifroundsidebar}
  263. border-radius:70px;{/block:ifroundsidebar}
  264. border:{color:link} 1px solid;
  265. width:auto;
  266. }
  267.  
  268. #content{
  269. width:500px;
  270. margin-left:200px;
  271. overflow:hidden;
  272. }
  273.  
  274. .post{
  275. width:{select:post width}px;
  276. {block:ifpostglow} box-shadow: 0 0 10px 2px {color:glow};{/block:ifpostglow}
  277. word-wrap:break-word;
  278. margin:40px 0 50px 5px;
  279. background-color:{color:posts};
  280. overflow:hidden;
  281. border:2px {select:border} {color:border};
  282. {block:ifroundcorners}border-radius:10px;{/block:ifroundcorners}
  283. padding:20px;
  284. font-family:{select:font}, helvetica;
  285. font-size:{select:font size}px;
  286. }
  287.  
  288. #sidebar img, .post img{
  289. max-width:100%;
  290. }
  291.  
  292. #nav{
  293. margin:10px 0 0 0;
  294. text-align:center;
  295. }
  296.  
  297. #nav img{
  298. width:auto;
  299. }
  300.  
  301. #links{
  302. text-align:center;
  303. font-size:{select:font size};
  304. font-family:{select:font};
  305. letter-spacing:1.5px;
  306. }
  307.  
  308. #links img{
  309. width: auto;
  310. border-radius:0px;
  311. }
  312.  
  313. #description{
  314. text-align:center;
  315. margin: 10px 0 0 0;
  316. border-bottom:solid 1px {color:border};
  317. }
  318.  
  319. #description img{
  320. width:auto;
  321. }
  322.  
  323. #default{
  324. word-spacing:2px;
  325. line-height:140%;
  326. text-align:center;
  327. padding:2px;
  328. }
  329.  
  330. #tags{
  331. margin: 10px 0 0 0;
  332. text-align:center;
  333. word-spacing:2px;
  334. padding:5px;
  335. background-color:{color:footer};
  336. color:{color:footer text};
  337. border:1px {color:border} {select:border};
  338. {block:ifroundcorners}border-radius:10px;{/block:ifroundcorners}
  339. }
  340.  
  341. #footer{
  342. margin: -10px 0 0 0;
  343. text-align:left;
  344. color:{color:text};
  345. padding-bottom:3px;
  346. font-weight:bold;
  347. {block:ifroundcorners}border-radius:10px;{/block:ifroundcorners}
  348. }
  349.  
  350.  
  351. /*
  352. content in the body of the posts - quotes, asks, etc
  353. "media" contains photos, photosets, videos, audio posts
  354. */
  355. #audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  356.  
  357. .art{width:50px;height:50px; position:absolute;display:block;z-index:1;}
  358. .art img{width:50px;height:50px;}
  359.  
  360. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:13px;}
  361.  
  362. .video-container {
  363. position: center;
  364. overflow: hidden;
  365. }
  366.  
  367. .video-container iframe,
  368. .video-container object,
  369. .video-container embed {
  370. position: center;
  371. max-width:{select:Postwidth} ;
  372. max-height:{select:Postwidth} ;
  373. }
  374.  
  375. .video-wrapper {
  376. max-width:{select:Postwidth} ;
  377. max-height:{select:Postwidth} ;
  378. }
  379.  
  380. .media{
  381. margin:10px 0 10px 0;
  382. }
  383.  
  384. .title{
  385. font-weight:normal;
  386. font-size:20px;
  387. margin:0 0 10px 0;
  388. border-bottom: 1px solid {color:border};
  389. padding-bottom:2px;
  390. }
  391.  
  392. .quote{
  393. font-weight:normal;
  394. font-size:16px;
  395. font-style:italic;
  396. margin:0 0 10px 0;
  397. }
  398.  
  399. .question{
  400. margin-bottom:10px;
  401. border-bottom:1px {color:border} solid;
  402. padding-bottom:5px;
  403. }
  404.  
  405. .question img{
  406. border-radius:20px;
  407. }
  408.  
  409.  
  410. blockquote{
  411. margin:0 0 10px 10px;
  412. padding:0 0 0 10px;
  413. border-left:solid 1px {color:blockquote};
  414. }
  415.  
  416. /*
  417. post footers - date, tags, via and source
  418. */
  419. .post .footer{
  420. margin: 10px 0 0 0;
  421. text-align:left;
  422. background-color:{color:footer};
  423. color:{color:footer text};
  424. border:1px {color:border} {select:border};
  425. padding:3px;
  426. font-weight:bold;
  427. {block:ifroundcorners}border-radius:10px;{/block:ifroundcorners}
  428.  
  429. }
  430.  
  431. /*
  432. post notes
  433. */
  434. ol.notes{
  435. list-style-type:none;
  436. padding:0;
  437. margin:0;
  438. }
  439.  
  440. ol.notes li.note img{
  441. width:16px;
  442. height:16px;
  443. }
  444.  
  445. ol.notes li.note{
  446. margin:0px;
  447. border-bottom:1px solid {color:border};
  448. }
  449.  
  450. </style>
  451. {block:ifrainbowlinkhover}
  452. <script type='text/javascript'>
  453. //<![CDATA[
  454. var rate = 50;
  455. if (document.getElementById)
  456. window.onerror=new Function("return true")
  457.  
  458. var objActive; // The object which event occured in
  459. var act = 0; // Flag during the action
  460. var elmH = 0; // Hue
  461. var elmS = 128; // Saturation
  462. var elmV = 255; // Value
  463. var clrOrg; // A color before the change
  464. var TimerID; // Timer ID
  465. if (document.all) {
  466. document.onmouseover = doRainbowAnchor;
  467. document.onmouseout = stopRainbowAnchor;
  468. }
  469. else if (document.getElementById) {
  470. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  471. document.onmouseover = Mozilla_doRainbowAnchor;
  472. document.onmouseout = Mozilla_stopRainbowAnchor;
  473. }
  474. function doRainbow(obj)
  475. {
  476. if (act == 0) {
  477. act = 1;
  478. if (obj)
  479. objActive = obj;
  480. else
  481. objActive = event.srcElement;
  482. clrOrg = objActive.style.color;
  483. TimerID = setInterval("ChangeColor()",100);
  484. }
  485. }
  486. function stopRainbow()
  487. {
  488. if (act) {
  489. objActive.style.color = clrOrg;
  490. clearInterval(TimerID);
  491. act = 0;
  492. }
  493. }
  494. function doRainbowAnchor()
  495. {
  496. if (act == 0) {
  497. var obj = event.srcElement;
  498. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  499. obj = obj.parentElement;
  500. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  501. break;
  502. }
  503. if (obj.tagName == 'A' && obj.href != '') {
  504. objActive = obj;
  505. act = 1;
  506. clrOrg = objActive.style.color;
  507. TimerID = setInterval("ChangeColor()",100);
  508. }
  509. }
  510. }
  511. function stopRainbowAnchor()
  512. {
  513. if (act) {
  514. if (objActive.tagName == 'A') {
  515. objActive.style.color = clrOrg;
  516. clearInterval(TimerID);
  517. act = 0;
  518. }
  519. }
  520. }
  521. function Mozilla_doRainbowAnchor(e)
  522. {
  523. if (act == 0) {
  524. obj = e.target;
  525. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  526. obj = obj.parentNode;
  527. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  528. break;
  529. }
  530. if (obj.nodeName == 'A' && obj.href != '') {
  531. objActive = obj;
  532. act = 1;
  533. clrOrg = obj.style.color;
  534. TimerID = setInterval("ChangeColor()",100);
  535. }
  536. }
  537. }
  538. function Mozilla_stopRainbowAnchor(e)
  539. {
  540. if (act) {
  541. if (objActive.nodeName == 'A') {
  542. objActive.style.color = clrOrg;
  543. clearInterval(TimerID);
  544. act = 0;
  545. }
  546. }
  547. }
  548. function ChangeColor()
  549. {
  550. objActive.style.color = makeColor();
  551. }
  552. function makeColor()
  553. {
  554. // Don't you think Color Gamut to look like Rainbow?
  555. // HSVtoRGB
  556. if (elmS == 0) {
  557. elmR = elmV; elmG = elmV; elmB = elmV;
  558. }
  559. else {
  560. t1 = elmV;
  561. t2 = (255 - elmS) * elmV / 255;
  562. t3 = elmH % 60;
  563. t3 = (t1 - t2) * t3 / 60;
  564. if (elmH < 60) {
  565. elmR = t1; elmB = t2; elmG = t2 + t3;
  566. }
  567. else if (elmH < 120) {
  568. elmG = t1; elmB = t2; elmR = t1 - t3;
  569. }
  570. else if (elmH < 180) {
  571. elmG = t1; elmR = t2; elmB = t2 + t3;
  572. }
  573. else if (elmH < 240) {
  574. elmB = t1; elmR = t2; elmG = t1 - t3;
  575. }
  576. else if (elmH < 300) {
  577. elmB = t1; elmG = t2; elmR = t2 + t3;
  578. }
  579. else if (elmH < 360) {
  580. elmR = t1; elmG = t2; elmB = t1 - t3;
  581. }
  582. else {
  583. elmR = 0; elmG = 0; elmB = 0;
  584. }
  585. }
  586. elmR = Math.floor(elmR).toString(16);
  587. elmG = Math.floor(elmG).toString(16);
  588. elmB = Math.floor(elmB).toString(16);
  589. if (elmR.length == 1) elmR = "0" + elmR;
  590. if (elmG.length == 1) elmG = "0" + elmG;
  591. if (elmB.length == 1) elmB = "0" + elmB
  592. elmH = elmH + rate;
  593. if (elmH >= 360)
  594. elmH = 0;
  595. return '#' + elmR + elmG + elmB;
  596. }
  597. //]]>
  598. </script>{/block:ifrainbowlinkhover}
  599.  
  600. {CustomCSS}
  601.  
  602. </style>
  603.  
  604.  
  605. {block:ifblacksparkles}
  606. <script type="text/javascript">
  607. // <![CDATA[
  608. var colour="#000000";
  609. var sparkles=120;
  610.  
  611. /****************************
  612. * Tinkerbell Magic Sparkle *
  613. * (c) 2005 mf2fm web-design *
  614. * http://www.mf2fm.com/rv *
  615. * DON'T EDIT BELOW THIS BOX *
  616. ****************************/
  617. var x=ox=400;
  618. var y=oy=300;
  619. var swide=800;
  620. var shigh=600;
  621. var sleft=sdown=0;
  622. var tiny=new Array();
  623. var star=new Array();
  624. var starv=new Array();
  625. var starx=new Array();
  626. var stary=new Array();
  627. var tinyx=new Array();
  628. var tinyy=new Array();
  629. var tinyv=new Array();
  630.  
  631. window.onload=function() { if (document.getElementById) {
  632. var i, rats, rlef, rdow;
  633. for (var i=0; i<sparkles; i++) {
  634. var rats=createDiv(3, 3);
  635. rats.style.visibility="hidden";
  636. document.body.appendChild(tiny[i]=rats);
  637. starv[i]=0;
  638. tinyv[i]=0;
  639. var rats=createDiv(5, 5);
  640. rats.style.backgroundColor="transparent";
  641. rats.style.visibility="hidden";
  642. var rlef=createDiv(1, 5);
  643. var rdow=createDiv(5, 1);
  644. rats.appendChild(rlef);
  645. rats.appendChild(rdow);
  646. rlef.style.top="2px";
  647. rlef.style.left="0px";
  648. rdow.style.top="0px";
  649. rdow.style.left="2px";
  650. document.body.appendChild(star[i]=rats);
  651. }
  652. set_width();
  653. sparkle();
  654. }}
  655.  
  656. function sparkle() {
  657. var c;
  658. if (x!=ox || y!=oy) {
  659. ox=x;
  660. oy=y;
  661. for (c=0; c<sparkles; c++) if (!starv[c]) {
  662. star[c].style.left=(starx[c]=x)+"px";
  663. star[c].style.top=(stary[c]=y)+"px";
  664. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  665. star[c].style.visibility="visible";
  666. starv[c]=50;
  667. break;
  668. }
  669. }
  670. for (c=0; c<sparkles; c++) {
  671. if (starv[c]) update_star(c);
  672. if (tinyv[c]) update_tiny(c);
  673. }
  674. setTimeout("sparkle()", 40);
  675. }
  676.  
  677. function update_star(i) {
  678. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  679. if (starv[i]) {
  680. stary[i]+=1+Math.random()*3;
  681. if (stary[i]<shigh+sdown) {
  682. star[i].style.top=stary[i]+"px";
  683. starx[i]+=(i%5-2)/5;
  684. star[i].style.left=starx[i]+"px";
  685. }
  686. else {
  687. star[i].style.visibility="hidden";
  688. starv[i]=0;
  689. return;
  690. }
  691. }
  692. else {
  693. tinyv[i]=50;
  694. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  695. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  696. tiny[i].style.width="2px";
  697. tiny[i].style.height="2px";
  698. star[i].style.visibility="hidden";
  699. tiny[i].style.visibility="visible"
  700. }
  701. }
  702.  
  703. function update_tiny(i) {
  704. if (--tinyv[i]==25) {
  705. tiny[i].style.width="1px";
  706. tiny[i].style.height="1px";
  707. }
  708. if (tinyv[i]) {
  709. tinyy[i]+=1+Math.random()*3;
  710. if (tinyy[i]<shigh+sdown) {
  711. tiny[i].style.top=tinyy[i]+"px";
  712. tinyx[i]+=(i%5-2)/5;
  713. tiny[i].style.left=tinyx[i]+"px";
  714. }
  715. else {
  716. tiny[i].style.visibility="hidden";
  717. tinyv[i]=0;
  718. return;
  719. }
  720. }
  721. else tiny[i].style.visibility="hidden";
  722. }
  723.  
  724. document.onmousemove=mouse;
  725. function mouse(e) {
  726. set_scroll();
  727. y=(e)?e.pageY:event.y+sdown;
  728. x=(e)?e.pageX:event.x+sleft;
  729. }
  730.  
  731. function set_scroll() {
  732. if (typeof(self.pageYOffset)=="number") {
  733. sdown=self.pageYOffset;
  734. sleft=self.pageXOffset;
  735. }
  736. else if (document.body.scrollTop || document.body.scrollLeft) {
  737. sdown=document.body.scrollTop;
  738. sleft=document.body.scrollLeft;
  739. }
  740. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  741. sleft=document.documentElement.scrollLeft;
  742. sdown=document.documentElement.scrollTop;
  743. }
  744. else {
  745. sdown=0;
  746. sleft=0;
  747. }
  748. }
  749.  
  750. window.onresize=set_width;
  751. function set_width() {
  752. if (typeof(self.innerWidth)=="number") {
  753. swide=self.innerWidth;
  754. shigh=self.innerHeight;
  755. }
  756. else if (document.documentElement && document.documentElement.clientWidth) {
  757. swide=document.documentElement.clientWidth;
  758. shigh=document.documentElement.clientHeight;
  759. }
  760. else if (document.body.clientWidth) {
  761. swide=document.body.clientWidth;
  762. shigh=document.body.clientHeight;
  763. }
  764. }
  765.  
  766. function createDiv(height, width) {
  767. var div=document.createElement("div");
  768. div.style.position="absolute";
  769. div.style.height=height+"px";
  770. div.style.width=width+"px";
  771. div.style.overflow="hidden";
  772. div.style.backgroundColor=colour;
  773. return (div);
  774. }
  775. // ]]>
  776. </script>
  777. {/block:ifblacksparkles}
  778.  
  779. {block:ifwhitesparkles}
  780. <script type="text/javascript">
  781. // <![CDATA[
  782. var colour="#FFFFFF";
  783. var sparkles=120;
  784.  
  785. /****************************
  786. * Tinkerbell Magic Sparkle *
  787. * (c) 2005 mf2fm web-design *
  788. * http://www.mf2fm.com/rv *
  789. * DON'T EDIT BELOW THIS BOX *
  790. ****************************/
  791. var x=ox=400;
  792. var y=oy=300;
  793. var swide=800;
  794. var shigh=600;
  795. var sleft=sdown=0;
  796. var tiny=new Array();
  797. var star=new Array();
  798. var starv=new Array();
  799. var starx=new Array();
  800. var stary=new Array();
  801. var tinyx=new Array();
  802. var tinyy=new Array();
  803. var tinyv=new Array();
  804.  
  805. window.onload=function() { if (document.getElementById) {
  806. var i, rats, rlef, rdow;
  807. for (var i=0; i<sparkles; i++) {
  808. var rats=createDiv(3, 3);
  809. rats.style.visibility="hidden";
  810. document.body.appendChild(tiny[i]=rats);
  811. starv[i]=0;
  812. tinyv[i]=0;
  813. var rats=createDiv(5, 5);
  814. rats.style.backgroundColor="transparent";
  815. rats.style.visibility="hidden";
  816. var rlef=createDiv(1, 5);
  817. var rdow=createDiv(5, 1);
  818. rats.appendChild(rlef);
  819. rats.appendChild(rdow);
  820. rlef.style.top="2px";
  821. rlef.style.left="0px";
  822. rdow.style.top="0px";
  823. rdow.style.left="2px";
  824. document.body.appendChild(star[i]=rats);
  825. }
  826. set_width();
  827. sparkle();
  828. }}
  829.  
  830. function sparkle() {
  831. var c;
  832. if (x!=ox || y!=oy) {
  833. ox=x;
  834. oy=y;
  835. for (c=0; c<sparkles; c++) if (!starv[c]) {
  836. star[c].style.left=(starx[c]=x)+"px";
  837. star[c].style.top=(stary[c]=y)+"px";
  838. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  839. star[c].style.visibility="visible";
  840. starv[c]=50;
  841. break;
  842. }
  843. }
  844. for (c=0; c<sparkles; c++) {
  845. if (starv[c]) update_star(c);
  846. if (tinyv[c]) update_tiny(c);
  847. }
  848. setTimeout("sparkle()", 40);
  849. }
  850.  
  851. function update_star(i) {
  852. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  853. if (starv[i]) {
  854. stary[i]+=1+Math.random()*3;
  855. if (stary[i]<shigh+sdown) {
  856. star[i].style.top=stary[i]+"px";
  857. starx[i]+=(i%5-2)/5;
  858. star[i].style.left=starx[i]+"px";
  859. }
  860. else {
  861. star[i].style.visibility="hidden";
  862. starv[i]=0;
  863. return;
  864. }
  865. }
  866. else {
  867. tinyv[i]=50;
  868. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  869. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  870. tiny[i].style.width="2px";
  871. tiny[i].style.height="2px";
  872. star[i].style.visibility="hidden";
  873. tiny[i].style.visibility="visible"
  874. }
  875. }
  876.  
  877. function update_tiny(i) {
  878. if (--tinyv[i]==25) {
  879. tiny[i].style.width="1px";
  880. tiny[i].style.height="1px";
  881. }
  882. if (tinyv[i]) {
  883. tinyy[i]+=1+Math.random()*3;
  884. if (tinyy[i]<shigh+sdown) {
  885. tiny[i].style.top=tinyy[i]+"px";
  886. tinyx[i]+=(i%5-2)/5;
  887. tiny[i].style.left=tinyx[i]+"px";
  888. }
  889. else {
  890. tiny[i].style.visibility="hidden";
  891. tinyv[i]=0;
  892. return;
  893. }
  894. }
  895. else tiny[i].style.visibility="hidden";
  896. }
  897.  
  898. document.onmousemove=mouse;
  899. function mouse(e) {
  900. set_scroll();
  901. y=(e)?e.pageY:event.y+sdown;
  902. x=(e)?e.pageX:event.x+sleft;
  903. }
  904.  
  905. function set_scroll() {
  906. if (typeof(self.pageYOffset)=="number") {
  907. sdown=self.pageYOffset;
  908. sleft=self.pageXOffset;
  909. }
  910. else if (document.body.scrollTop || document.body.scrollLeft) {
  911. sdown=document.body.scrollTop;
  912. sleft=document.body.scrollLeft;
  913. }
  914. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  915. sleft=document.documentElement.scrollLeft;
  916. sdown=document.documentElement.scrollTop;
  917. }
  918. else {
  919. sdown=0;
  920. sleft=0;
  921. }
  922. }
  923.  
  924. window.onresize=set_width;
  925. function set_width() {
  926. if (typeof(self.innerWidth)=="number") {
  927. swide=self.innerWidth;
  928. shigh=self.innerHeight;
  929. }
  930. else if (document.documentElement && document.documentElement.clientWidth) {
  931. swide=document.documentElement.clientWidth;
  932. shigh=document.documentElement.clientHeight;
  933. }
  934. else if (document.body.clientWidth) {
  935. swide=document.body.clientWidth;
  936. shigh=document.body.clientHeight;
  937. }
  938. }
  939.  
  940. function createDiv(height, width) {
  941. var div=document.createElement("div");
  942. div.style.position="absolute";
  943. div.style.height=height+"px";
  944. div.style.width=width+"px";
  945. div.style.overflow="hidden";
  946. div.style.backgroundColor=colour;
  947. return (div);
  948. }
  949. // ]]>
  950. </script>
  951. {/block:ifwhitesparkles}
  952.  
  953. {block:ifpinksparkles}
  954. <script type="text/javascript">
  955. // <![CDATA[
  956. var colour="#ff00f0";
  957. var sparkles=120;
  958.  
  959. /****************************
  960. * Tinkerbell Magic Sparkle *
  961. * (c) 2005 mf2fm web-design *
  962. * http://www.mf2fm.com/rv *
  963. * DON'T EDIT BELOW THIS BOX *
  964. ****************************/
  965. var x=ox=400;
  966. var y=oy=300;
  967. var swide=800;
  968. var shigh=600;
  969. var sleft=sdown=0;
  970. var tiny=new Array();
  971. var star=new Array();
  972. var starv=new Array();
  973. var starx=new Array();
  974. var stary=new Array();
  975. var tinyx=new Array();
  976. var tinyy=new Array();
  977. var tinyv=new Array();
  978.  
  979. window.onload=function() { if (document.getElementById) {
  980. var i, rats, rlef, rdow;
  981. for (var i=0; i<sparkles; i++) {
  982. var rats=createDiv(3, 3);
  983. rats.style.visibility="hidden";
  984. document.body.appendChild(tiny[i]=rats);
  985. starv[i]=0;
  986. tinyv[i]=0;
  987. var rats=createDiv(5, 5);
  988. rats.style.backgroundColor="transparent";
  989. rats.style.visibility="hidden";
  990. var rlef=createDiv(1, 5);
  991. var rdow=createDiv(5, 1);
  992. rats.appendChild(rlef);
  993. rats.appendChild(rdow);
  994. rlef.style.top="2px";
  995. rlef.style.left="0px";
  996. rdow.style.top="0px";
  997. rdow.style.left="2px";
  998. document.body.appendChild(star[i]=rats);
  999. }
  1000. set_width();
  1001. sparkle();
  1002. }}
  1003.  
  1004. function sparkle() {
  1005. var c;
  1006. if (x!=ox || y!=oy) {
  1007. ox=x;
  1008. oy=y;
  1009. for (c=0; c<sparkles; c++) if (!starv[c]) {
  1010. star[c].style.left=(starx[c]=x)+"px";
  1011. star[c].style.top=(stary[c]=y)+"px";
  1012. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  1013. star[c].style.visibility="visible";
  1014. starv[c]=50;
  1015. break;
  1016. }
  1017. }
  1018. for (c=0; c<sparkles; c++) {
  1019. if (starv[c]) update_star(c);
  1020. if (tinyv[c]) update_tiny(c);
  1021. }
  1022. setTimeout("sparkle()", 40);
  1023. }
  1024.  
  1025. function update_star(i) {
  1026. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  1027. if (starv[i]) {
  1028. stary[i]+=1+Math.random()*3;
  1029. if (stary[i]<shigh+sdown) {
  1030. star[i].style.top=stary[i]+"px";
  1031. starx[i]+=(i%5-2)/5;
  1032. star[i].style.left=starx[i]+"px";
  1033. }
  1034. else {
  1035. star[i].style.visibility="hidden";
  1036. starv[i]=0;
  1037. return;
  1038. }
  1039. }
  1040. else {
  1041. tinyv[i]=50;
  1042. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  1043. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  1044. tiny[i].style.width="2px";
  1045. tiny[i].style.height="2px";
  1046. star[i].style.visibility="hidden";
  1047. tiny[i].style.visibility="visible"
  1048. }
  1049. }
  1050.  
  1051. function update_tiny(i) {
  1052. if (--tinyv[i]==25) {
  1053. tiny[i].style.width="1px";
  1054. tiny[i].style.height="1px";
  1055. }
  1056. if (tinyv[i]) {
  1057. tinyy[i]+=1+Math.random()*3;
  1058. if (tinyy[i]<shigh+sdown) {
  1059. tiny[i].style.top=tinyy[i]+"px";
  1060. tinyx[i]+=(i%5-2)/5;
  1061. tiny[i].style.left=tinyx[i]+"px";
  1062. }
  1063. else {
  1064. tiny[i].style.visibility="hidden";
  1065. tinyv[i]=0;
  1066. return;
  1067. }
  1068. }
  1069. else tiny[i].style.visibility="hidden";
  1070. }
  1071.  
  1072. document.onmousemove=mouse;
  1073. function mouse(e) {
  1074. set_scroll();
  1075. y=(e)?e.pageY:event.y+sdown;
  1076. x=(e)?e.pageX:event.x+sleft;
  1077. }
  1078.  
  1079. function set_scroll() {
  1080. if (typeof(self.pageYOffset)=="number") {
  1081. sdown=self.pageYOffset;
  1082. sleft=self.pageXOffset;
  1083. }
  1084. else if (document.body.scrollTop || document.body.scrollLeft) {
  1085. sdown=document.body.scrollTop;
  1086. sleft=document.body.scrollLeft;
  1087. }
  1088. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  1089. sleft=document.documentElement.scrollLeft;
  1090. sdown=document.documentElement.scrollTop;
  1091. }
  1092. else {
  1093. sdown=0;
  1094. sleft=0;
  1095. }
  1096. }
  1097.  
  1098. window.onresize=set_width;
  1099. function set_width() {
  1100. if (typeof(self.innerWidth)=="number") {
  1101. swide=self.innerWidth;
  1102. shigh=self.innerHeight;
  1103. }
  1104. else if (document.documentElement && document.documentElement.clientWidth) {
  1105. swide=document.documentElement.clientWidth;
  1106. shigh=document.documentElement.clientHeight;
  1107. }
  1108. else if (document.body.clientWidth) {
  1109. swide=document.body.clientWidth;
  1110. shigh=document.body.clientHeight;
  1111. }
  1112. }
  1113.  
  1114. function createDiv(height, width) {
  1115. var div=document.createElement("div");
  1116. div.style.position="absolute";
  1117. div.style.height=height+"px";
  1118. div.style.width=width+"px";
  1119. div.style.overflow="hidden";
  1120. div.style.backgroundColor=colour;
  1121. return (div);
  1122. }
  1123. // ]]>
  1124. </script>
  1125.  
  1126.  
  1127. {/block:ifpinksparkles}
  1128.  
  1129.  
  1130.  
  1131. </head>
  1132.  
  1133. <body>
  1134.  
  1135. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Bitter|Karla|Lora|Montserrat|Open+Sans|Source+Sans+Pro" rel="stylesheet">
  1136.  
  1137. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  1138.  
  1139. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  1140. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Monda' rel='stylesheet' type='text/css'>
  1141.  
  1142. <div id="lacelace"></div><div id="header"></div><div id="lacelace"></div>
  1143.  
  1144.  
  1145. <div id="wrapper">
  1146.  
  1147.  
  1148.  
  1149. <div id="sidebar">
  1150.  
  1151.  
  1152. <center><a href="/" title="refresh"> <img src="{image:Sidebar}"></a></center>
  1153. {block:Description}
  1154. <div id="description">
  1155. <p>{Description}</p>
  1156. </div>
  1157. {/block:Description}
  1158. <div id="links">
  1159. {block:ifpixellinks}
  1160. <a href="/" title="{text:home title}"><img src="{image:pixel links}"></a>
  1161. <a href="/ask" title="{text:ask title}"><img src="{image:pixel links}"></a>
  1162. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><img src="{image:pixel links}"></a>{/block:ifLink1}
  1163. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><img src="{image:pixel links}"></a>{/block:ifLink2}
  1164. {block:ifpixellinks}
  1165. </div>
  1166.  
  1167. {block:ifdefaultlinks}
  1168. <div id="default">
  1169. <a href="/">{text:home title}</a> /
  1170. <a href="/ask">{text:ask title}</a>
  1171. {block:ifLink1}/ <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  1172. {block:ifLink2}/ <a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  1173. </div>
  1174. {/block:ifdefaultlinks}
  1175.  
  1176. {block:ifDropdownlinks}
  1177. <br>
  1178. <center>
  1179. <select style="width: 100px; border: 1px solid {color:dropdown text}; padding: 1px; color: {color:dropdown text}; background-color: {color:dropdown}; font-family: {select:font}; font-size: {select:font size};" onChange="location.href=this.options[this.selectedIndex].value;">
  1180.  
  1181. <option>{text:dropdown text}</option>
  1182.  
  1183. <option value="/">home</option>
  1184.  
  1185. <option value="/ask">ask</option>
  1186.  
  1187. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{block:ifLink1}
  1188.  
  1189. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{block:ifLink2}
  1190.  
  1191.  
  1192. </select>
  1193. {/block:ifDropdownlinks}
  1194.  
  1195. {block:Pagination}<div id="nav">
  1196. {block:PreviousPage}
  1197. <a href="{PreviousPage}">prev</a>
  1198. {/block:PreviousPage}
  1199. {block:JumpPagination length="5"}
  1200. {block:CurrentPage}
  1201. <span class="current_page">{PageNumber}</span>
  1202. {/block:CurrentPage}
  1203. {block:JumpPage}
  1204. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1205. {/block:JumpPage}
  1206. {/block:JumpPagination}
  1207. {block:NextPage}
  1208. <a href="{NextPage}">next</a>
  1209. {/block:NextPage}</div> {/block:Pagination}
  1210.  
  1211. </div>
  1212.  
  1213.  
  1214.  
  1215. <div id="content">
  1216. {block:Posts}
  1217.  
  1218. {block:ContentSource}
  1219. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1220. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1221. {/block:SourceLogo}
  1222. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1223. {/block:ContentSource}
  1224. {block:NoRebloggedFrom}
  1225. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1226. {/block:NoRebloggedFrom}
  1227.  
  1228. <div class="post">
  1229. {block:Date}
  1230. <div id="footer">
  1231. <a href="{Permalink}" title="{TimeAgo}">{12Hour}:{Minutes} {AmPm}</a> / {Month} {DayOfMonth}<div style="float:right;"> ({NoteCount}) | <a href="{ReblogURL}">Reblog</a></div>
  1232. </div>
  1233. {/block:Date}
  1234.  
  1235. {block:Text}
  1236. {block:Title}
  1237. <div class="title">{Title}</div>
  1238. {/block:Title}
  1239. {Body}
  1240. {/block:Text}
  1241.  
  1242. {block:Photo}
  1243. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  1244. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1245. {/block:Photo}
  1246.  
  1247. {block:Photoset}
  1248. <div class="media">{Photoset}</div>
  1249. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1250. {/block:Photoset}
  1251.  
  1252. {block:Quote}
  1253. <div class="quote">"{Quote}"</div>
  1254. {block:Source}
  1255. <div class="quotesource">{Source}</div>
  1256. {/block:Source}
  1257. {/block:Quote}
  1258.  
  1259. {block:Link}
  1260. <div class="title"><a href="{URL}">{Name}</a></div>
  1261. {block:Description}
  1262. <div class="description">{Description}</div>
  1263. {/block:Description}
  1264. {/block:Link}
  1265.  
  1266. {block:Chat}
  1267. {block:Title}
  1268. <div class="title">{Title}</div>
  1269. {/block:Title}
  1270.  
  1271. {block:Lines}
  1272. <div class="{Alt} user_{UserNumber}">
  1273. {block:Label}
  1274. <b>{Label}</b>{/block:Label}
  1275. &nbsp;{Line}
  1276. </div>
  1277. {/block:Lines}
  1278. {/block:Chat}
  1279.  
  1280. {block:Video}
  1281. <div class="media">
  1282. <div class="video-wrapper">
  1283. <div class="video-container">{Video-400}</div>
  1284. </div>
  1285. </div>
  1286. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1287. {/block:Video}
  1288.  
  1289. {block:Audio}
  1290. <div id="audio">
  1291. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1292. <div class="player">{AudioPlayerWhite}</div>
  1293. <div class="songtitle">
  1294. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  1295. {block:Artist}{Artist}{/block:Artist}<br>
  1296. {block:Album}{Album}{/block:Album}</div></div>
  1297. {block:Caption}{Caption}{/block:Caption}
  1298. {/block:Audio}
  1299.  
  1300. {block:Answer}
  1301. <div class="question"><img src="{AskerPortraitURL-24}"> <b>{Asker}</b> asked: {Question}</div>
  1302. <div class="caption">{Answer}</div>
  1303. {/block:Answer}
  1304.  
  1305.  
  1306.  
  1307. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1308.  
  1309. {block:PermalinkPage}
  1310. {block:NoteCount}
  1311. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1312. {/block:NoteCount}
  1313. {/block:PermalinkPage}
  1314. {/block:Date}
  1315.  
  1316. </div>
  1317.  
  1318. {/block:Posts}
  1319.  
  1320.  
  1321. </div>
  1322.  
  1323. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1324. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1325.  
  1326. <div id="staticimage" style="position:fixed; bottom:{text:image margin bottom}px; z-index:-1; left:{text:image margin left}px;"><img src="{image:static image}"width="{text:image width}"></div>
  1327.  
  1328. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:17px;font-family: arial;font-weight:bold;color:{color:Link};text-decoration:none;" href="http://www.adamstanheight.com" title="credit"><img src="http://68.media.tumblr.com/tumblr_m2tm27cFhG1qb1380.gif"></a>
  1329.  
  1330.  
  1331. </body>
  1332. </html>
Advertisement
Add Comment
Please, Sign In to add comment