Advertisement
showbyrock

2

May 20th, 2018
2,162
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.84 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. by aki @kurusu
  6. previously named 'wait people actually kin jack merridew'
  7. don't remove credit
  8. ----->
  9.  
  10. <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>
  11.  
  12. <!-- meta -->
  13.  
  14. <meta name="image:icon" content=""/>
  15. <meta name="image:background" content=""/>
  16. <meta name="image:favicon" content=""/>
  17. <meta name="image:link 1" content="" />
  18. <meta name="image:link 2" content="" />
  19. <meta name="image:link 3" content="" />
  20. <meta name="image:link 4" content="" />
  21. <meta name="image:link 5" content="" />
  22.  
  23. <meta name="color:bg" content="" />
  24. <meta name="color:header bg" content=""/>
  25. <meta name="color:post bg" content=""/>
  26. <meta name="color:text" content="" />
  27. <meta name="color:text shadow" content=""/>
  28. <meta name="color:link" content="" />
  29. <meta name="color:link shadow" content="" />
  30. <meta name="color:link hover" content="" />
  31. <meta name="color:hover shadow" content=""/>
  32. <meta name="color:box shadow" content=""/>
  33. <meta name="color:border" content="" />
  34. <meta name="color:search bg" content=""/>
  35. <meta name="color:search text" content=""/>
  36. <meta name="color:search border" content=""/>
  37. <meta name="color:tooltip bg" content=""/>
  38. <meta name="color:blockquote" content="" />
  39. <meta name="color:scrollbar" content="" />
  40. <meta name="color:sparkles" content="" />
  41. <meta name="color:lights" content="" />
  42.  
  43. <meta name="if:fullbg" content="" />
  44. <meta name="if:title" content="" />
  45. <meta name="if:description" content="1" />
  46. <meta name="if:fake desc" content="">
  47. <meta name="if:img links" content="" />
  48. <meta name="if:text links" content="1" />
  49. <meta name="if:icon border" content="" />
  50. <meta name="if:header border" content="" />
  51. <meta name="if:post border" content="" />
  52. <meta name="if:icon shadow" content="" />
  53. <meta name="if:header shadow" content="" />
  54. <meta name="if:post shadow" content="" />
  55. <meta name="if:text border" content="" />
  56. <meta name="if:text shadow" content="" />
  57. <meta name="if:round" content="1" />
  58. <meta name="if:caption" content="1" />
  59. <meta name="if:notes" content="1"/>
  60. <meta name="if:tags" content="1"/>
  61. <meta name="if:blockquote" content="1" />
  62. <meta name="if:search 1" content="" />
  63. <meta name="if:search 2" content="1" />
  64. <meta name="if:redirect" content="" />
  65. <meta name="if:scrollbar" content="1" />
  66. <meta name="if:no right click" content="" />
  67. <meta name="if:spaced hover" content="" />
  68. <meta name="if:magnify hover" content="" />
  69. <meta name="if:hearts" content="" />
  70. <meta name="if:sparkles" content="" />
  71. <meta name="if:rainbow hover" content="" />
  72. <meta name="if:lights" content="" />
  73.  
  74. <meta name="select:capitalization" content="uppercase"/>
  75. <meta name="select:capitalization" content="justify"/>
  76. <meta name="select:capitalization" content="lowercase"/>
  77.  
  78. <meta name="select:border type" content="solid" />
  79. <meta name="select:border type" content="double" />
  80. <meta name="select:border type" content="dashed" />
  81. <meta name="select:border type" content="dotted" />
  82.  
  83. <meta name="select:blockquote" content="solid" />
  84. <meta name="select:blockquote" content="double" />
  85. <meta name="select:blockquote" content="dashed" />
  86. <meta name="select:blockquote" content="dotted" />
  87.  
  88. <meta name="select:searchbar" content="solid" />
  89. <meta name="select:searchbar" content="double" />
  90. <meta name="select:searchbar" content="dashed" />
  91. <meta name="select:searchbar" content="dotted" />
  92.  
  93. <meta name="text:fake desc" content=""/>
  94. <meta name="text:font" content="arial" />
  95. <meta name="text:font size" content="20" />
  96. <meta name="text:icon size" content="" />
  97. <meta name="text:border size" content="2" />
  98. <meta name="text:shadow size" content="" />
  99. <meta name="text:search text" content="search..."/ >
  100. <meta name="text:link 1" content="home" />
  101. <meta name="text:link 2" content="ask" />
  102. <meta name="text:link 3" content="" />
  103. <meta name="text:link 1 url" content="" />
  104. <meta name="text:link 2 url" content="" />
  105. <meta name="text:link 3 url" content="" />
  106. <meta name="text:link 4 url" content="" />
  107. <meta name="text:link 5 url" content="" />
  108. <meta name="text:redirect to" content="" />
  109. <meta name="text:icon hover" content=""/>
  110. <meta name="text:back" content="⇇"/ >
  111. <meta name="text:next" content="⇉"/ >
  112.  
  113. <!-- end -->
  114.  
  115. <meta charset="utf-8">
  116. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  117. {block:ifdescription}<meta name="description" content="{MetaDescription}" />{/block:ifdescription}
  118.  
  119. <title>{Title}</title>
  120.  
  121. <link rel="shortcut icon" href="{image:favicon}">
  122. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  123. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  124. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  125.  
  126. <style type="text/css">
  127.  
  128. ::selection{
  129. color: transparent;
  130. }
  131.  
  132. {block:ifnotscrollbar}
  133. ::-webkit-scrollbar {
  134. display: none;
  135. }
  136. {/block:ifnotscrollbar}
  137.  
  138. /* general */
  139.  
  140. body {
  141. margin:0px;
  142.  
  143. background-image: url('{image:background}');
  144. background-color: {color:bg};
  145. {block:ifnotfullbg}
  146. background-repeat: repeat;
  147. background-attachment: fixed;
  148. {/block:ifnotfullbg}
  149. {block:iffullbg}
  150. background-size: cover;
  151. background-attachment: fixed;
  152. {/block:iffullbg}
  153.  
  154. font-family: {text:font};
  155. color: {color:text};
  156. font-family: {text:font};
  157. font-size: {text:font size}px;
  158. text-transform: {select:capitalization};
  159. line-height:115%;
  160.  
  161. {block:iftextshadow}text-shadow: 0 0 {text:shadow size}px {color:text shadow};{/block:iftextshadow}
  162. {block:iftextborder}text-shadow: -1px 0 {color:text shadow}, 0 1px {color:text shadow}, 1px 0 {color:text shadow}, 0 -1px {color:text shadow};{/block:iftextborder}
  163. }
  164.  
  165. p{
  166. margin:0 0 10px 0;
  167. padding:0;
  168. }
  169.  
  170. pre {
  171. white-space: pre-wrap;
  172. white-space: -moz-pre-wrap;
  173. white-space: -pre-wrap;
  174. white-space: -o-pre-wrap;
  175. word-wrap: break-word;
  176. }
  177.  
  178. a{
  179. color:{color:link};
  180. text-decoration: none;
  181. {block:iftextshadow}text-shadow: 0 0 {text:shadow size}px {color:text shadow};{/block:iftextshadow}
  182. {block:iftextborder}text-shadow: -1px 0 {color:link shadow}, 0 1px {color:link shadow}, 1px 0 {color:link shadow}, 0 -1px {color:link shadow};{/block:iftextborder}
  183. transition: 0.6s;
  184.  
  185. }
  186.  
  187. a:hover{
  188. color: {color:link hover};
  189. {block:ifspacedhover}letter-spacing: 2px;{/block:ifspacedhover}
  190. {block:ifmagnifyhover}font-size: 25px;{/block:ifmagnifyhover}
  191. {block:iftextshadow}text-shadow:0 0 7px {color:hover shadow},0 0 7px {color:hover shadow},0 0 7px {color:hover shadow},0 0 7px {color:hover shadow};{/block:iftextshadow}
  192. {block:iftextborder}text-shadow: -1px 0 {color:hover shadow}, 0 1px {color:hover shadow}, 1px 0 {color:hover shadow}, 0 -1px {color:hover shadow};{/block:iftextborder}
  193. }
  194.  
  195. li{
  196. margin-left:-15px;
  197. }
  198.  
  199. {block:ifscrollbar}
  200. ::-webkit-scrollbar {
  201. width: 12px;
  202. background: {color:bg};
  203. border: px solid #000;
  204. }
  205.  
  206. ::-webkit-scrollbar-thumb {
  207. background: {color:scrollbar};
  208. border: px solid #000;
  209. border-radius:100px;
  210. }
  211. {/block:ifscrollbar}
  212.  
  213. /* containers */
  214.  
  215. #nav{
  216. margin:0 0 50px 0;
  217. text-align: center;
  218. }
  219.  
  220. #wrapper{
  221. margin:0 0 50px 0;
  222. }
  223.  
  224. #header{
  225. max-width: 400px;
  226. width: {text:iconsize}px;
  227. text-align: center;
  228. margin: 15px auto 40px auto;
  229. word-wrap: break-word;
  230. padding: 5px;
  231. {block:ifround}border-radius:15px;{/block:ifround}
  232. {block:ifnoticonborder}{block:ifheaderborder}background:{color:header bg}; border-style: {select:border type}; border-color: {color:border}; border-width: {text:border size}px;{/block:ifheaderborder}{/block:ifnoticonborder}
  233. {block:ifheadershadow}
  234. -moz-box-shadow: 0 0 20px 5px {color:box shadow};
  235. -webkit-box-shadow: 0 0 20px 5px {color:box shadow};
  236. box-shadow: 0 0 20px 5px {color:box shadow};
  237. -webkit-transition: all 0.4s ease;
  238. -moz-transition: all 0.4s ease;
  239. -o-transition: all 0.4s ease;
  240. {/block:ifheadershadow}
  241. }
  242.  
  243. #content{
  244. width: 400px;
  245. padding: 5px;
  246. margin: 0 auto;
  247. }
  248.  
  249. .post{
  250. max-width: 100%;
  251. margin: 0 0 50px 0;
  252. margin-top: -5px;
  253. margin-bottom: 20px;
  254. overflow: hidden;
  255. word-wrap: break-word;
  256. padding: 5px;
  257. text-align: center;
  258. background:{color:post bg};
  259. {block:ifround}border-radius:15px;{/block:ifround}
  260. {block:ifpostborder}border-style: {select:border type}; border-color: {color:border}; border-width: {text:border size}px;{/block:ifpostborder}
  261. {block:ifpostshadow}
  262. -moz-box-shadow: 0 0 20px 5px {color:box shadow};
  263. -webkit-box-shadow: 0 0 20px 5px {color:box shadow};
  264. box-shadow: 0 0 20px 5px {color:box shadow};
  265. -webkit-transition: all 0.4s ease;
  266. -moz-transition: all 0.4s ease;
  267. -o-transition: all 0.4s ease;
  268. {/block:ifpostshadow}
  269. }
  270.  
  271. #header img {
  272. max-width:{text:iconsize}px;
  273. {block:ifround}border-radius:15px;{/block:ifround}
  274. {block:ificonborder}border-style: {select:border type}; border-color: {color:border}; border-width: {text:border size}px;{/block:ificonborder}
  275. {block:ificonshadow}
  276. -moz-box-shadow: 0 0 20px 5px {color:box shadow};
  277. -webkit-box-shadow: 0 0 20px 5px {color:box shadow};
  278. box-shadow: 0 0 20px 5px {color:box shadow};
  279. -webkit-transition: all 0.4s ease;
  280. -moz-transition: all 0.4s ease;
  281. -o-transition: all 0.4s ease;
  282. {/block:ificonshadow}
  283. }
  284.  
  285. #header img, .post img{
  286. max-width: 100%;
  287. }
  288.  
  289. .post iframe {
  290. max-width: 100%;
  291. {block:ifround}border-radius:15px;{/block:ifround}
  292. }
  293.  
  294. .photoset {
  295. {block:ifround}border-radius:15px;{/block:ifround}
  296. }
  297.  
  298. #links img {
  299. width: auto;
  300. border-radius:0px;
  301. border-style: none; border-color: transparent; border-width: 0px;
  302. {block:ificonshadow}
  303. -moz-box-shadow: 0 0 0px 0px {color:box shadow};
  304. -webkit-box-shadow: 0 0 0px 0px {color:box shadow};
  305. box-shadow: 0 0 0px 0px {color:box shadow};
  306. {/block:ificonshadow}
  307. }
  308.  
  309.  
  310. /* content */
  311. .media{
  312. margin:0 0 10px 0;
  313. }
  314.  
  315. .title{
  316. font-weight: normal;
  317. font-size: 25px;
  318. margin: 0 0 10px 0;
  319. }
  320.  
  321. .quote{
  322. font-weight:normal;
  323. font-size:16px;
  324. font-style:italic;
  325. margin:0 0 10px 0;
  326. }
  327.  
  328. .question{
  329. margin-bottom:10px;
  330. }
  331.  
  332. {block:ifblockquote}
  333. blockquote{
  334. margin: 0 0 10px 10px;
  335. padding: 0 0 0 10px;
  336. border-left: {select:blockquote} 3px {color:blockquote};
  337. }
  338. {/block:ifblockquote}
  339.  
  340. /* post footers */
  341.  
  342. .post .footer{
  343. margin: 0;
  344. margin-top: -5px;
  345. text-align: center;
  346. }
  347.  
  348. /* post notes */
  349.  
  350. ol.notes{
  351. list-style-type:none;
  352. padding:0;
  353. margin:0;
  354. }
  355.  
  356. ol.notes li.note img{
  357. width:16px;
  358. height:16px;
  359. }
  360.  
  361. ol.notes li.note{
  362. margin:0px;
  363. }
  364.  
  365. /* tooltip */
  366.  
  367. .tooltip{
  368. display: inline;
  369. position: relative;}
  370.  
  371. #s-m-t-tooltip {
  372. text-align: center;
  373. max-width: 200px;
  374. padding: 1px;
  375. margin: 15px 0 0 20px;
  376. background-color: {color:tooltip bg};
  377. color: {color:text};
  378. font-size: {text:font size};
  379. border-radius: 5px;
  380. word-wrap: break-word;
  381. {block:iftextshadow}text-shadow: 0 0 11px {color:text shadow};{/block:iftextshadow}
  382. {block:iftextborder}text-shadow: -1px 0 {color:text shadow}, 0 1px {color:text shadow}, 1px 0 {color:text shadow}, 0 -1px {color:text shadow};{/block:iftextborder}
  383. z-index: 999999999999999999999999999999999999;
  384.  
  385.  
  386. -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition-duration:0.2s; transition:all 0.2s linear;
  387. -webkit-box-shadow: 0px 0px 5px 5px {color:tooltip bg};
  388. box-shadow: 0px 0px 5px 5px {color:tooltip bg};
  389. }
  390.  
  391. /* searchbar */
  392.  
  393. .search {
  394. width: 150px;
  395. padding: 7px;
  396. margin-top: 10px;
  397. border-radius: 4px;
  398. background: {color:search bg};
  399. font-size: 14px;
  400. color: {color:search text};
  401. border: 2px {select:searchbar} {color:search border};
  402. font-family:{text:font};
  403. text-transform: {select:capitalization};
  404. }
  405.  
  406. ::placeholder{
  407. color:{color:search text};
  408. }
  409.  
  410. .go {width:46px; height:34px; background: transparent; text-decoration: bold;
  411. border-radius:4px;font-size:15px; font-family: {text:font};color:{color:search text};
  412.  
  413. border-top:2px {select:searchbar} rgba({RGBcolor:search border}, 0.3);
  414. border-left:2px {select:searchbar} rgba({RGBcolor:search border}, 0.3);
  415. border-bottom:2px {select:searchbar} rgba({RGBcolor:search border}, 1.0);
  416. border-right:2px {select:searchbar} rgba({RGBcolor:search border}, 1.0);
  417. outline:bold;font-family:{text:font};}
  418.  
  419. .go:active{
  420. border-bottom:2px {select:searchbar} rgba({RGBcolor:search border}, 0.3);
  421. border-right:2px {select:searchbar} rgba({RGBcolor:search border}, 0.3);
  422. border-top:2px {select:searchbar} rgba({RGBcolor:search border}, 1.0);
  423. border-left:2px {select:searchbar} rgba({RGBcolor:search border}, 1.0);
  424. outline:none;}
  425.  
  426. .go:hover{
  427. cursor: help;
  428. }
  429.  
  430. /* do not remove */
  431.  
  432. #credit {
  433. font-size: 13px;
  434. position: fixed;
  435. padding: 7px;
  436. width: 200px;
  437. line-height: 30%;
  438. bottom: 3px;
  439. left: 0px;
  440. }
  441.  
  442. {CustomCSS}
  443. </style>
  444.  
  445. {block:ifhearts}<script type="text/javascript">
  446. // <![CDATA[
  447. var colours=new Array('#ffadb4', '#ff9198', '#ff636e', '#ffbfc3', '#ff636b', '#ffadb4'); // colours of the hearts
  448. var minisize=22; // smallest size of hearts in pixels
  449. var maxisize=35; // biggest size of hearts in pixels
  450. var hearts=88; // maximum number of hearts on screen
  451. var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
  452.  
  453. /*****************************
  454. *JavaScript Love Heart Cursor*
  455. * (c)2013+ mf2fm web-design *
  456. * http://www.mf2fm.com/rv *
  457. * DON'T EDIT BELOW THIS BOX *
  458. *****************************/
  459. var x=ox=400;
  460. var y=oy=300;
  461. var swide=800;
  462. var shigh=600;
  463. var sleft=sdown=0;
  464. var herz=new Array();
  465. var herzx=new Array();
  466. var herzy=new Array();
  467. var herzs=new Array();
  468. var kiss=false;
  469.  
  470. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  471. var oldonload=window.onload;
  472. if (typeof(oldonload)!='function') window.onload=funky;
  473. else window.onload=function() {
  474. if (oldonload) oldonload();
  475. funky();
  476. }
  477. }
  478.  
  479. addRVLoadEvent(mwah);
  480.  
  481. function mwah() { if (document.getElementById) {
  482. var i, heart;
  483. for (i=0; i<hearts; i++) {
  484. heart=createDiv("auto", "auto");
  485. heart.style.visibility="hidden";
  486. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  487. heart.style.color=colours[i%colours.length];
  488. heart.style.pointerEvents="none";
  489. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  490. else heart.style.opacity=0.75;
  491. heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  492. document.body.appendChild(heart);
  493. herz[i]=heart;
  494. herzy[i]=false;
  495. }
  496. set_scroll();
  497. set_width();
  498. herzle();
  499. }}
  500.  
  501. function herzle() {
  502. var c;
  503. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  504. ox=x;
  505. oy=y;
  506. for (c=0; c<hearts; c++) if (herzy[c]===false) {
  507. herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  508. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  509. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  510. herz[c].style.fontSize=minisize+"px";
  511. herz[c].style.fontWeight='normal';
  512. herz[c].style.visibility='visible';
  513. herzs[c]=minisize;
  514. break;
  515. }
  516. }
  517. for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  518. setTimeout("herzle()", 40);
  519. }
  520.  
  521. document.onmousedown=pucker;
  522. document.onmouseup=function(){clearTimeout(kiss);};
  523.  
  524. function pucker() {
  525. ox=-1;
  526. oy=-1;
  527. kiss=setTimeout('pucker()', 100);
  528. }
  529.  
  530. function blow_me_a_kiss(i) {
  531. herzy[i]-=herzs[i]/minisize+i%2;
  532. herzx[i]+=(i%5-2)/5;
  533. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  534. herz[i].style.visibility="hidden";
  535. herzy[i]=false;
  536. }
  537. else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  538. else {
  539. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  540. herz[i].style.top=herzy[i]+"px";
  541. herz[i].style.left=herzx[i]+"px";
  542. }
  543. }
  544.  
  545. function break_my_heart(i) {
  546. var t;
  547. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  548. herz[i].style.fontWeight='bold';
  549. herzy[i]=false;
  550. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  551. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  552. }
  553.  
  554. document.onmousemove=mouse;
  555. function mouse(e) {
  556. if (e) {
  557. y=e.pageY;
  558. x=e.pageX;
  559. }
  560. else {
  561. set_scroll();
  562. y=event.y+sdown;
  563. x=event.x+sleft;
  564. }
  565. }
  566.  
  567. window.onresize=set_width;
  568. function set_width() {
  569. var sw_min=999999;
  570. var sh_min=999999;
  571. if (document.documentElement && document.documentElement.clientWidth) {
  572. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  573. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  574. }
  575. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  576. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  577. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  578. }
  579. if (document.body.clientWidth) {
  580. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  581. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  582. }
  583. if (sw_min==999999 || sh_min==999999) {
  584. sw_min=800;
  585. sh_min=600;
  586. }
  587. swide=sw_min;
  588. shigh=sh_min;
  589. }
  590.  
  591. window.onscroll=set_scroll;
  592. function set_scroll() {
  593. if (typeof(self.pageYOffset)=='number') {
  594. sdown=self.pageYOffset;
  595. sleft=self.pageXOffset;
  596. }
  597. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  598. sdown=document.body.scrollTop;
  599. sleft=document.body.scrollLeft;
  600. }
  601. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  602. sleft=document.documentElement.scrollLeft;
  603. sdown=document.documentElement.scrollTop;
  604. }
  605. else {
  606. sdown=0;
  607. sleft=0;
  608. }
  609. }
  610.  
  611. function createDiv(height, width) {
  612. var div=document.createElement("div");
  613. div.style.position="absolute";
  614. div.style.height=height;
  615. div.style.width=width;
  616. div.style.overflow="hidden";
  617. div.style.backgroundColor="transparent";
  618. return (div);
  619. }
  620. // ]]>
  621. </script>{/block:ifhearts}
  622.  
  623. {block:ifsparkles}<script type="text/javascript">
  624. // <![CDATA[
  625. var colour="{color:sparkles}";
  626. var sparkles=120;
  627.  
  628. /****************************
  629. * Tinkerbell Magic Sparkle *
  630. * (c) 2005 mf2fm web-design *
  631. * http://www.mf2fm.com/rv *
  632. * DON'T EDIT BELOW THIS BOX *
  633. ****************************/
  634. var x=ox=400;
  635. var y=oy=300;
  636. var swide=800;
  637. var shigh=600;
  638. var sleft=sdown=0;
  639. var tiny=new Array();
  640. var star=new Array();
  641. var starv=new Array();
  642. var starx=new Array();
  643. var stary=new Array();
  644. var tinyx=new Array();
  645. var tinyy=new Array();
  646. var tinyv=new Array();
  647.  
  648. window.onload=function() { if (document.getElementById) {
  649. var i, rats, rlef, rdow;
  650. for (var i=0; i<sparkles; i++) {
  651. var rats=createDiv(3, 3);
  652. rats.style.visibility="hidden";
  653. document.body.appendChild(tiny[i]=rats);
  654. starv[i]=0;
  655. tinyv[i]=0;
  656. var rats=createDiv(5, 5);
  657. rats.style.backgroundColor="transparent";
  658. rats.style.visibility="hidden";
  659. var rlef=createDiv(1, 5);
  660. var rdow=createDiv(5, 1);
  661. rats.appendChild(rlef);
  662. rats.appendChild(rdow);
  663. rlef.style.top="2px";
  664. rlef.style.left="0px";
  665. rdow.style.top="0px";
  666. rdow.style.left="2px";
  667. document.body.appendChild(star[i]=rats);
  668. }
  669. set_width();
  670. sparkle();
  671. }}
  672.  
  673. function sparkle() {
  674. var c;
  675. if (x!=ox || y!=oy) {
  676. ox=x;
  677. oy=y;
  678. for (c=0; c<sparkles; c++) if (!starv[c]) {
  679. star[c].style.left=(starx[c]=x)+"px";
  680. star[c].style.top=(stary[c]=y)+"px";
  681. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  682. star[c].style.visibility="visible";
  683. starv[c]=50;
  684. break;
  685. }
  686. }
  687. for (c=0; c<sparkles; c++) {
  688. if (starv[c]) update_star(c);
  689. if (tinyv[c]) update_tiny(c);
  690. }
  691. setTimeout("sparkle()", 40);
  692. }
  693.  
  694. function update_star(i) {
  695. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  696. if (starv[i]) {
  697. stary[i]+=1+Math.random()*3;
  698. if (stary[i]<shigh+sdown) {
  699. star[i].style.top=stary[i]+"px";
  700. starx[i]+=(i%5-2)/5;
  701. star[i].style.left=starx[i]+"px";
  702. }
  703. else {
  704. star[i].style.visibility="hidden";
  705. starv[i]=0;
  706. return;
  707. }
  708. }
  709. else {
  710. tinyv[i]=50;
  711. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  712. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  713. tiny[i].style.width="2px";
  714. tiny[i].style.height="2px";
  715. star[i].style.visibility="hidden";
  716. tiny[i].style.visibility="visible"
  717. }
  718. }
  719.  
  720. function update_tiny(i) {
  721. if (--tinyv[i]==25) {
  722. tiny[i].style.width="1px";
  723. tiny[i].style.height="1px";
  724. }
  725. if (tinyv[i]) {
  726. tinyy[i]+=1+Math.random()*3;
  727. if (tinyy[i]<shigh+sdown) {
  728. tiny[i].style.top=tinyy[i]+"px";
  729. tinyx[i]+=(i%5-2)/5;
  730. tiny[i].style.left=tinyx[i]+"px";
  731. }
  732. else {
  733. tiny[i].style.visibility="hidden";
  734. tinyv[i]=0;
  735. return;
  736. }
  737. }
  738. else tiny[i].style.visibility="hidden";
  739. }
  740.  
  741. document.onmousemove=mouse;
  742. function mouse(e) {
  743. set_scroll();
  744. y=(e)?e.pageY:event.y+sdown;
  745. x=(e)?e.pageX:event.x+sleft;
  746. }
  747.  
  748. function set_scroll() {
  749. if (typeof(self.pageYOffset)=="number") {
  750. sdown=self.pageYOffset;
  751. sleft=self.pageXOffset;
  752. }
  753. else if (document.body.scrollTop || document.body.scrollLeft) {
  754. sdown=document.body.scrollTop;
  755. sleft=document.body.scrollLeft;
  756. }
  757. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  758. sleft=document.documentElement.scrollLeft;
  759. sdown=document.documentElement.scrollTop;
  760. }
  761. else {
  762. sdown=0;
  763. sleft=0;
  764. }
  765. }
  766.  
  767. window.onresize=set_width;
  768. function set_width() {
  769. if (typeof(self.innerWidth)=="number") {
  770. swide=self.innerWidth;
  771. shigh=self.innerHeight;
  772. }
  773. else if (document.documentElement && document.documentElement.clientWidth) {
  774. swide=document.documentElement.clientWidth;
  775. shigh=document.documentElement.clientHeight;
  776. }
  777. else if (document.body.clientWidth) {
  778. swide=document.body.clientWidth;
  779. shigh=document.body.clientHeight;
  780. }
  781. }
  782.  
  783. function createDiv(height, width) {
  784. var div=document.createElement("div");
  785. div.style.position="absolute";
  786. div.style.height=height+"px";
  787. div.style.width=width+"px";
  788. div.style.overflow="hidden";
  789. div.style.backgroundColor=colour;
  790. return (div);
  791. }
  792. // ]]>
  793. </script>
  794. {/block:ifsparkles}
  795.  
  796. {block:ifrainbowhover}<script type='text/javascript'>
  797. //<![CDATA[
  798. var rate = 50;
  799. if (document.getElementById)
  800. window.onerror=new Function("return true")
  801.  
  802. var objActive; // The object which event occured in
  803. var act = 0; // Flag during the action
  804. var elmH = 0; // Hue
  805. var elmS = 100; // Saturation
  806. var elmV = 255; // Value
  807. var clrOrg; // A color before the change
  808. var TimerID; // Timer ID
  809. if (document.all) {
  810. document.onmouseover = doRainbowAnchor;
  811. document.onmouseout = stopRainbowAnchor;
  812. }
  813. else if (document.getElementById) {
  814. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  815. document.onmouseover = Mozilla_doRainbowAnchor;
  816. document.onmouseout = Mozilla_stopRainbowAnchor;
  817. }
  818. function doRainbow(obj)
  819. {
  820. if (act == 0) {
  821. act = 1;
  822. if (obj)
  823. objActive = obj;
  824. else
  825. objActive = event.srcElement;
  826. clrOrg = objActive.style.color;
  827. TimerID = setInterval("ChangeColor()",100);
  828. }
  829. }
  830. function stopRainbow()
  831. {
  832. if (act) {
  833. objActive.style.color = clrOrg;
  834. clearInterval(TimerID);
  835. act = 0;
  836. }
  837. }
  838. function doRainbowAnchor()
  839. {
  840. if (act == 0) {
  841. var obj = event.srcElement;
  842. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  843. obj = obj.parentElement;
  844. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  845. break;
  846. }
  847. if (obj.tagName == 'A' && obj.href != '') {
  848. objActive = obj;
  849. act = 1;
  850. clrOrg = objActive.style.color;
  851. TimerID = setInterval("ChangeColor()",100);
  852. }
  853. }
  854. }
  855. function stopRainbowAnchor()
  856. {
  857. if (act) {
  858. if (objActive.tagName == 'A') {
  859. objActive.style.color = clrOrg;
  860. clearInterval(TimerID);
  861. act = 0;
  862. }
  863. }
  864. }
  865. function Mozilla_doRainbowAnchor(e)
  866. {
  867. if (act == 0) {
  868. obj = e.target;
  869. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  870. obj = obj.parentNode;
  871. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  872. break;
  873. }
  874. if (obj.nodeName == 'A' && obj.href != '') {
  875. objActive = obj;
  876. act = 1;
  877. clrOrg = obj.style.color;
  878. TimerID = setInterval("ChangeColor()",100);
  879. }
  880. }
  881. }
  882. function Mozilla_stopRainbowAnchor(e)
  883. {
  884. if (act) {
  885. if (objActive.nodeName == 'A') {
  886. objActive.style.color = clrOrg;
  887. clearInterval(TimerID);
  888. act = 0;
  889. }
  890. }
  891. }
  892. function ChangeColor()
  893. {
  894. objActive.style.color = makeColor();
  895. }
  896. function makeColor()
  897. {
  898. // Don't you think Color Gamut to look like Rainbow?
  899. // HSVtoRGB
  900. if (elmS == 0) {
  901. elmR = elmV; elmG = elmV; elmB = elmV;
  902. }
  903. else {
  904. t1 = elmV;
  905. t2 = (255 - elmS) * elmV / 255;
  906. t3 = elmH % 60;
  907. t3 = (t1 - t2) * t3 / 60;
  908. if (elmH < 60) {
  909. elmR = t1; elmB = t2; elmG = t2 + t3;
  910. }
  911. else if (elmH < 120) {
  912. elmG = t1; elmB = t2; elmR = t1 - t3;
  913. }
  914. else if (elmH < 180) {
  915. elmG = t1; elmR = t2; elmB = t2 + t3;
  916. }
  917. else if (elmH < 240) {
  918. elmB = t1; elmR = t2; elmG = t1 - t3;
  919. }
  920. else if (elmH < 300) {
  921. elmB = t1; elmG = t2; elmR = t2 + t3;
  922. }
  923. else if (elmH < 360) {
  924. elmR = t1; elmG = t2; elmB = t1 - t3;
  925. }
  926. else {
  927. elmR = 0; elmG = 0; elmB = 0;
  928. }
  929. }
  930. elmR = Math.floor(elmR).toString(16);
  931. elmG = Math.floor(elmG).toString(16);
  932. elmB = Math.floor(elmB).toString(16);
  933. if (elmR.length == 1) elmR = "0" + elmR;
  934. if (elmG.length == 1) elmG = "0" + elmG;
  935. if (elmB.length == 1) elmB = "0" + elmB
  936. elmH = elmH + rate;
  937. if (elmH >= 360)
  938. elmH = 0;
  939. return '#' + elmR + elmG + elmB;
  940. }
  941. //]]>
  942. </script>{/block:ifrainbowhover}
  943.  
  944. {block:iflights}<script type="text/javascript">//<![CDATA[
  945. var colour="{color:lights}";var speed=110;var blobs=13;var charc=String.fromCharCode(9679);var div;var xpos=new Array();var ypos=new Array();var zpos=new Array();var dx=new Array();var dy=new Array();var dz=new Array();var blob=new Array(); var swide=800;var shigh=600;var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;function addLoadEvent(funky){var oldonload=window.onload;if(typeof(oldonload)!='function') window.onload=funky;else window.onload=function() {if (oldonload) oldonload();funky();}}addLoadEvent(fill_the_jar);function fill_the_jar(){var i, dvs;div=document.createElement('div');dvs=div.style;dvs.position='fixed';dvs.left='0px';dvs.top='0px';dvs.width='1px';dvs.height='1px';document.body.appendChild(div);set_width();for (i=0; i<blobs; i++) {add_blob(i);jamjar(i);}}function add_blob(ref){var dv, sy;dv=document.createElement('div');sy=dv.style;sy.position='absolute';sy.textAlign='center';if (ie_version && ie_version<10){sy.fontSize="10px";sy.width="100px";sy.height="100px";sy.paddingTop="40px";sy.color=colour;dv.appendChild(document.createTextNode(charc));}else if (ie_version){sy.fontSize="1px";sy.width="0px";sy.height="0px";}else{dv.appendChild(document.createTextNode(charc));sy.color='rgba(0,0,0,0)';}ypos[ref]=Math.floor(shigh*Math.random());dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);xpos[ref]=Math.floor(swide*Math.random());dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);zpos[ref]=Math.random()*20;dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);blob[ref]=dv;div.appendChild(blob[ref]);set_blob(ref);}function rejig(ref, xy){if (xy=='y') {dx[ref]=(0.5+Math.random())*sign(dx[ref]);dy[ref]=(0.5+Math.random())*-sign(dy[ref]);}else {dx[ref]=(0.5+Math.random())*-sign(dx[ref]);dy[ref]=(0.5+Math.random())*sign(dy[ref]);}}function sign(a){if (a<0) return (-2);else if (a>0) return (2);else return (0);}function set_blob(ref){var sy;sy=blob[ref].style;sy.top=ypos[ref]+'px';sy.left=xpos[ref]+'px';if (ie_version && ie_version<10) {sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";sy.fontSize=30-zpos[ref]+"px";}else if (ie_version) {sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;}else{sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';sy.fontSize=40+zpos[ref]+'px';}}function jamjar(ref) {if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');ypos[ref]+=dy[ref];if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');xpos[ref]+=dx[ref];if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];zpos[ref]+=dz[ref];set_blob(ref);setTimeout("jamjar("+ref+")", speed);}window.onresize=set_width;function set_width(){var sw_min=999999;var sh_min=999999;if(document.documentElement && document.documentElement.clientWidth) {if(document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;if(document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;}if(typeof(self.innerWidth)!="undefined" && self.innerWidth){if(self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;if(self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;}if(document.body.clientWidth){if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;if(document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;}if (sw_min==999999 || sh_min==999999){sw_min=800;sh_min=600;}swide=sw_min;shigh=sh_min;}// ]]></script>{/block:iflights}
  946.  
  947. {block:ifnorightclick}
  948. <script type="text/JavaScript">
  949. var message="NoRightClicking";
  950. function defeatIE() {if (document.all) {(message);return false;}}
  951. function defeatNS(e) {if
  952. (document.layers||(document.getElementById&&!document.all)) {
  953. if (e.which==2||e.which==3) {(message);return false;}}}
  954. if (document.layers)
  955. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=defeatNS;}
  956. else{document.onmouseup=defeatNS;document.oncontextmenu=defeatIE;}
  957. document.oncontextmenu=new Function("return false")
  958. </script>
  959. {/block:ifnorightclick}
  960. </head>
  961.  
  962. <body>
  963.  
  964. {block:ifredirect}
  965. {block:IndexPage}<script type="text/javascript">
  966. var url = location.href;
  967. if (url == "{BlogURL}") {
  968. window.location = "{BlogURL}tagged/{text:redirect to}";
  969. }
  970. </script>{/block:IndexPage}
  971. {/block:ifredirect}
  972.  
  973. <div id="wrapper">
  974.  
  975. <div id="header">
  976. {block:iftitle}<div class="title"><b>{Title}</b></div>{/block:iftitle}
  977. <a href="/" title="{text:icon hover}"><img src={image:icon} width="{text:icon size}"></a>
  978. <div class="description">{block:iffakedesc}{text:fake desc}{/block:iffakedesc}{block:ifnotfakedesc}{Description}{/block:ifnotfakedesc}</div>
  979. <div id="links">
  980. {block:ifimglinks}
  981. <a href="{text:link 1 url}"><img src="{image:link 1}"></a>
  982. <a href="{text:link 2 url}"><img src="{image:link 2}"></a>
  983. <a href="{text:link 3 url}"><img src="{image:link 3}"></a>
  984. <a href="{text:link 4 url}"><img src="{image:link 4}"></a>
  985. <a href="{text:link 5 url}"><img src="{image:link 5}"></a>
  986. {/block:ifimglinks}</div>
  987. {block:iftextlinks}
  988. <a href="{text:link 1 URL}">{text:link 1}</a>
  989. <a href="{text:link 2 URL}">{text:link 2}</a>
  990. <a href="{text:link 3 URL}">{text:link 3}</a>
  991. {/block:iftextlinks}
  992.  
  993. {block:ifsearch1}
  994. <div align="center">
  995. <form action="/search" method="get">
  996. <input class="search" type="text" placeholder="{text:search text}" name="q" value="" style="outline:none;">
  997. <input class="go" type="submit" value="GO!" id="sb"/>
  998. </form></div>{/block:ifsearch1}
  999.  
  1000. {block:ifsearch2}<div class="searchbar"><input type="text" placeholder="{text:search text}" required><input type="submit" value="↺"/></div>{/block:ifsearch2}
  1001. </div></div>
  1002.  
  1003. <div id="content">
  1004. {block:Posts}
  1005.  
  1006. <div class="post">
  1007.  
  1008. {block:Text}
  1009. {block:Title}
  1010. <div class="title">{Title}</div>
  1011. {/block:Title}
  1012. {Body}
  1013. {/block:Text}
  1014.  
  1015. {block:Photo}
  1016. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  1017. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
  1018. {/block:Photo}
  1019.  
  1020. {block:Photoset}
  1021. <div class="media">{Photoset-400}</div>
  1022. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
  1023. {/block:Photoset}
  1024.  
  1025. {block:Quote}
  1026. <div class="quote">"{Quote}"</div>
  1027. {block:Source}
  1028. <div class="quotesource">{Source}</div>
  1029. {/block:Source}
  1030. {/block:Quote}
  1031.  
  1032. {block:Link}
  1033. <div class="title"><a href="{URL}">{Name}</a></div>
  1034. {block:Description}
  1035. <div class="description">{Description}</div>
  1036. {/block:Description}
  1037. {/block:Link}
  1038.  
  1039. {block:Chat}
  1040. {block:Title}
  1041. <div class="title">{Title}</div>
  1042. {/block:Title}
  1043.  
  1044. {block:Lines}
  1045. <div class="{Alt} user_{UserNumber}">
  1046. {block:Label}
  1047. <b>{Label}</b>{/block:Label}
  1048. &nbsp;{Line}
  1049. </div>
  1050. {/block:Lines}
  1051. {/block:Chat}
  1052.  
  1053. {block:Video}
  1054. <div class="media">{Video-400}</div>
  1055. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
  1056. {/block:Video}
  1057.  
  1058. {block:Audio}
  1059. <div class="media">
  1060. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1061. {AudioPlayerWhite}
  1062. {block:TrackName}{TrackName}<br>{/block:TrackName}
  1063. {block:Artist}{Artist}<br>{/block:Artist}
  1064. {block:Album}{Album}{/block:Album}
  1065. </div>
  1066. {block:ifcaption}{Caption}{/block:ifcaption}
  1067. {/block:Audio}
  1068.  
  1069. {block:Answer}
  1070. <div class="question">{Asker}: {Question}</div>
  1071. <div class="caption">{Answer}</div>
  1072. {/block:Answer}
  1073.  
  1074. <!-- permalink -->
  1075.  
  1076. {block:Date}
  1077. <div class="footer">
  1078. {block:ifnotes}<a href="{Permalink}"><a href="{Permalink}">{12Hour}:{Minutes}</a> <a href="{Permalink}">{NoteCount}</a>{/block:ifnotes}
  1079. {block:iftags}<br>{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}{/block:iftags}
  1080. </div>
  1081.  
  1082.  
  1083. {block:PermalinkPage}
  1084. {block:NoteCount}
  1085. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1086. {/block:NoteCount}
  1087. {/block:PermalinkPage}
  1088. {/block:Date}
  1089.  
  1090. </div>
  1091. {/block:Posts}
  1092.  
  1093. {block:Pagination}
  1094. <div id="nav">
  1095. {block:PreviousPage}<a href="{PreviousPage}">{text:back}</a>{/block:PreviousPage}
  1096.  
  1097. {block:NextPage}<a href="{NextPage}">{text:next}</a>{/block:NextPage}
  1098. </div>
  1099. {/block:Pagination}
  1100. </div>
  1101. </div>
  1102. </div>
  1103.  
  1104. </div>
  1105.  
  1106. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1107. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1108.  
  1109. <div id="credit"><b><a href="http://kurusu.tumblr.com" title="theme by aki">©</a></b>
  1110. </div>
  1111. </body>
  1112. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement