API tools faq
paste
Advertisement
Guest User

Helena Hathaway (Version 2)

a guest
Sep 19th, 2014
23
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.26 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
  3. <title>{Title}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  4. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  5. <link rel="shortcut icon" href="{Favicon}" />
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  7. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  9. <meta name="font:Body" content="Courier New" />
  10. <meta name="font:Links" content="Courier New" />
  11. <meta name="font:Title" content="Courier New" />
  12. <meta name="image:Portrait" content=""/>
  13. <meta name="if:Description" content="1"/>
  14. <meta name="if:ShowAsk" content="1"/>
  15. <meta name="if:ShowSubmit" content="0"/>
  16. <meta name="if:ShowArchive" content="1" />
  17. <meta name="if:ShowNotes" content="1"/>
  18. <meta name="if:Enable Jump Pagination" content="1" />
  19. <meta name="text:Custom Link One" content="" />
  20. <meta name="text:Custom Link One Title" content="" />
  21. <meta name="text:Custom Link Two" content="" />
  22. <meta name="text:Custom Link Two Title" content="" />
  23. <meta name="text:Custom Link Three" content="" />
  24. <meta name="text:Custom Link Three Title" content="" />
  25. <meta name="text:Custom Link Four" content="" />
  26. <meta name="text:Custom Link Four Title" content="" />
  27. <meta name="text:Custom Link Five" content="" />
  28. <meta name="text:Custom Link Five Title" content="" />
  29. <meta name="text:Custom Link six" content="" />
  30. <meta name="text:Custom Link six Title" content="" />
  31. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  32. <style type="text/css">
  33. body {
  34. background-image:url(http://i1291.photobucket.com/albums/b545/Sexy_Bread_Tin/bb1b2fe5-892c-4236-b0bd-217428db7ff6_zps47178284.png);
  35. background-attachment: fixed;
  36. background-color: #000000;
  37. color: #CCCCCC;
  38. font-family: {font:Body};
  39. font-size: 12px;
  40. padding-top:5px;
  41. background-position:top left;
  42. text-transform:{text:Body Text transform};}
  43.  
  44. a, a:link, a:visited { color: #CCCCCC;
  45. font-family: {font:Links};
  46. text-transform: {text:Body Text transform};
  47. text-decoration: none; font-size: 12px;
  48. -webkit-transition: opacity 0.7s linear;
  49. opacity: 1;
  50. -webkit-transition: all 0.7s ease-out;
  51. -moz-transition: all 0.7s ease-out;
  52. transition: all 0.7s ease-out;}
  53.  
  54. a:hover {color: #4F4F4F;font-family: {font:Links};
  55. text-decoration: none;
  56. font-size: 12px;
  57. -webkit-transition: opacity 0.5s linear;
  58. opacity: 0.6;
  59. -webkit-transition: all 0.5s ease-out;
  60. -moz-transition: all 0.5s ease-out;
  61. transition: all 0.5s ease-out;}
  62.  
  63. #left {
  64. line-height: 14px;
  65. height:auto;
  66. padding: 5px;
  67. padding-left:5px;
  68. background-color: rgba(0,0,0,0.80);
  69. display:block;
  70. overflow:hidden;
  71. }
  72.  
  73. #left a {
  74. background-color: rgba(0,0,0,0.9);
  75. font-family: {font:Title} font-size: 12px;
  76. line-height: 14px;
  77. padding-left:5px;
  78. text-transform: {text:Title text transform};
  79. letter-spacing:0px;
  80. overflow:hidden;}
  81.  
  82. #left a:hover {
  83. background-color: rgba(198,198,198,0.1);
  84. font-family: {font:Title} font-size: 12px;
  85. padding-left:10px;
  86. line-height: 14px;
  87. text-transform:{text:Title text transform};
  88. letter-spacing:0px;
  89. overflow:hidden;}
  90.  
  91. .links-left a {
  92. color: #CCCCCC;
  93. background-color: rgba(0,0,0,0.77);
  94. font-family: {font:Title} font-size: 12px;
  95. line-height: 16px;
  96. text-align: left;
  97. font-weight: bold;
  98. text-transform: uppercase;
  99. letter-spacing:0px;
  100. display:block;
  101. padding:1px;
  102. -webkit-transition: opacity 0.7s linear;
  103. opacity: 1;
  104. -webkit-transition: all 0.7s ease-out;
  105. -moz-transition: all 0.7s ease-out;
  106. transition: all 0.7s ease-out;}
  107.  
  108. .links-left a:hover {
  109. color: #D0CECE;
  110. background-color: rgba(235,235,235,0.77);
  111. font-family: {font:Title} font-size: 12px;
  112. line-height: 16px;
  113. text-align: left;
  114. font-weight: bold;
  115. text-transform: uppercase;
  116. letter-spacing:0px;
  117. padding:1px;
  118. display:block;
  119. -webkit-transition: opacity 0.5s linear;
  120. opacity: 0.6;
  121. -webkit-transition: all 0.5s ease-out;
  122. -moz-transition: all 0.5s ease-out;
  123. transition: all 0.5s ease-out;}
  124.  
  125. .pagination {
  126. color: #CCCCCC;
  127. background-color: rgba(0,0,0,0.77);
  128. font-family: {font:Title} font-size: 12px;
  129. line-height: 16px;
  130. margin-top:2px;
  131. margin-bottom:2px;
  132. text-align:center;
  133. text-transform: uppercase;
  134. }
  135.  
  136. .footer {
  137. margin-top:5px;
  138. color: rgba(0,0,0,0.2);
  139. background-color: rgba(235,235,235,0);
  140. font-family: verdana;
  141. font-size: 10px;
  142. line-height: 16px;
  143. margin-bottom:2px;
  144. text-align:center;
  145. text-transform: uppercase;
  146. }
  147.  
  148. .footer a{
  149. margin-top:5px;
  150. color: rgba(0,0,0,0.2);
  151. background-color: rgba(235,235,235,0);
  152. font-family: verdana;
  153. font-size: 10px;
  154. line-height: 16px;
  155. margin-bottom:2px;
  156. text-align:center;
  157. text-transform: uppercase;
  158. }
  159.  
  160. .footer a:hover{
  161. margin-top:5px;
  162. color: rgba(0,0,0,0.25);
  163. background-color: rgba(235,235,235,0);
  164. font-family: verdana;
  165. font-size: 10px;
  166. line-height: 16px;
  167. margin-bottom:2px;
  168. text-align:center;
  169. text-transform: uppercase;
  170. }
  171.  
  172. p {
  173. margin: 5px 0 0 0;
  174. line-height:12px;
  175. padding: 0; }
  176. ul, ol {
  177. margin: 5px 0 0 25px; padding: 0; }
  178. blockquote {
  179. margin: 2px 2px 1px 2px;
  180. padding: 1px 2px 1px 4px;
  181. }
  182. blockquote p {
  183. margin: 0;
  184. padding: 0;
  185. line-height: 12px; }
  186.  
  187. #description-left {
  188. width: 210px;
  189. overflow:hidden;
  190. position:fixed;
  191. text-align:justify;
  192. text-transform:{text:Body Text transform};
  193. top:16px;
  194. font-family:{font:Body};}
  195.  
  196. #main {
  197. overflow: auto;
  198. width: 410px;
  199. top: 22px;
  200. position: static;}
  201.  
  202. .right {
  203. background-color: rgba(0,0,0,0.8);
  204. margin: 0 0 5px 0; padding: 5px;
  205. text-align: left;
  206. text-transform:(text:Body Text Transform);
  207. overflow:hidden;}
  208.  
  209. .right img{
  210.  
  211. -webkit-transition: opacity 0.7s linear;
  212.  
  213. opacity: 1;
  214.  
  215. -webkit-transition: all 0.3s ease-out;
  216.  
  217. -moz-transition: all 0.3s ease-out;
  218.  
  219. transition: all 0.3s ease-out;}
  220.  
  221.  
  222.  
  223. .right img:hover{
  224.  
  225. -webkit-transition: opacity 0.7s linear;
  226.  
  227. opacity: 0.88;
  228.  
  229. -webkit-transition: all 0.5s ease-out;
  230.  
  231. -moz-transition: all 0.5s ease-out;
  232.  
  233. transition: all 0.5s ease-out;}
  234.  
  235. {/block:ifEnableimageopacity}
  236. .right img {max-width:400px;}
  237. *:active,*:focus { outline: 0px; }
  238. .right img { border: 0px; display: block;}
  239.  
  240. .details {
  241. display:block;
  242. font-size:12px;
  243. line-height: 12px;
  244. text-transform: lowercase;
  245. padding-left:7px;
  246. padding-top:3px;}
  247.  
  248. .time {
  249. display:block;
  250. font-size:12px;
  251. line-height: 12px;
  252. text-transform:lowercase;
  253. padding-left:5px;
  254. padding-top:3px;
  255. float:left;}
  256.  
  257. .title, .title a {
  258. font-family: Codystar;
  259. font-size: 22px;
  260. line-height: 22px;
  261. letter-spacing:-1px;
  262. text-transform: {text:Title text transform};}
  263.  
  264. .audio {
  265. font-size: 12px;
  266. font-family:{font:Links};
  267. text-transform:{text:Body Text transform};
  268. margin-top:1px;}
  269.  
  270. .audio a {
  271. font-size: 12px;
  272. font-family:{font:Links};
  273. text-transform:{text:Body Text transform};
  274. margin-top:1px;
  275. color: #CCCCCC;}
  276.  
  277. .audio a:hover {font-size: 12px;
  278. font-family:{font:Links};
  279. text-transform:{text:Body Text transform};
  280. margin-top:1px;
  281. color: #4F4F4F;}
  282.  
  283.  
  284. .audioplayer { padding-left: 12px;background-color: #000000; }
  285. .playcount {float: right;clear: both;padding-top: 10px;padding-right: 20px;color:{color:link};text-shadow: none;font-size:10px;text-transform:{text:Title text transform};}
  286. #description-left img {max-width:100%;}
  287.  
  288.  
  289. ::-webkit-scrollbar {
  290. width: 14px;
  291. background: #000000;
  292. }
  293.  
  294. ::-webkit-scrollbar-track {
  295. -webkit-box-shadow: inset 0 0 6px rgba(25,25,25,1);
  296. border-radius: 14px;
  297. }
  298.  
  299. ::-webkit-scrollbar-thumb {
  300. border-radius: 14px;
  301. border: 1px solid rgba(122,122,122,.5);
  302. -webkit-box-shadow: inset 0 0 6px rgba(65,65,65,1);
  303. }
  304.  
  305.  
  306. </style>
  307. <style type="text/css">
  308. #button {
  309. width:96px;
  310. height:20px;
  311. position: absolute;
  312. right: 3px;
  313. top: 26px;
  314. color: #ffffff;}
  315. </style>
  316.  
  317. <div id="DoNotEditImportant">
  318. <div id="button">
  319. <a href="http://pastebin.com/xSaTVadn" target="_blank" title="Custom Theme"><img src="http://static.tumblr.com/f3gdoib/tvXm2rfwf/install.png" border=0 alt="Helena Hathaway"></a></div></div>
  320. <style type="text/css">{CustomCSS}</style>
  321. </head>
  322. <style type="text/css">
  323. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  324. </style>
  325.  
  326.  
  327. <body>
  328. <center>
  329. <table align=left>
  330. <tr><td width=210>
  331. <div id="description-left">
  332. <div><a href="/"><img src="http://27.media.tumblr.com/tumblr_m2188cIXHZ1r48i11o2_400.gif" /></a></div>
  333. {block:IfPortraitImage}<div id="left"><img class="roundedtop portrait" src="{image:Portrait}" /></div>{/block:IfPortraitImage}
  334.  
  335. <!-- SCM Music Player http://scmplayer.net -->
  336. <script type="text/javascript" src="http://scmplayer.net/script.js"
  337. data-config="{'skin':'skins/black/skin.css','volume':75,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Bombshell Blonde','url':'https://www.youtube.com/watch?v=_vxFIRetcWU'},{'title':'(Coffee%27s For Closers)','url':'https://www.youtube.com/watch?v=0y5epxSzh3g'},{'title':'Resistance','url':'https://www.youtube.com/watch?v=OwLP-6hZV-U'},{'title':'Of The Night','url':'https://www.youtube.com/watch?v=vXptzKluBLc'},{'title':'Save it for the Bedroom','url':'https://www.youtube.com/watch?v=DZAIk4Marr4'},{'title':'A Love Like War','url':'https://www.youtube.com/watch?v=HVTsGk2f3Ho'},{'title':'Should%27ve Gone to Bed','url':'https://www.youtube.com/watch?v=BVLJcriXsaw'},{'title':'Someday','url':'https://www.youtube.com/watch?v=QLW88aCiYQQ'},{'title':'Astronaut','url':'https://www.youtube.com/watch?v=Tn1wnj4XbBc'},{'title':'Shot Heard Round the World','url':'https://www.youtube.com/watch?v=evY6AN6u6wk'},{'title':'Famous Last Words','url':'https://www.youtube.com/watch?v=IT0tzdWmA5Q'},{'title':'Sight of the Sun','url':'https://www.youtube.com/watch?v=rEw87_S_CqY'}]}" ></script>
  338. <!-- SCM Music Player script end -->
  339.  
  340. {block:ifDescription}<p>
  341. <div id="left" style="font-size:12px;">
  342. {block:Description}{Description}{/block:Description}
  343. </p>
  344. </div><p>{/block:ifDescription}</p>
  345.  
  346. <div id="left">
  347. <div class="links-left">
  348. <center>
  349. <a href="/">Home</a> <p>
  350. {block:ifCustomLinkOneTitle}
  351. <a href="{text:Custom Link One} "target=”_blank”>{text:Custom Link One Title}</a><p> {/block:ifCustomLinkOneTitle}
  352. {block:ifCustomLinkTwoTitle}
  353. <a href="{text:Custom Link Two} "target=”_blank”>{text:Custom Link Two Title}</a><p> {/block:ifCustomLinkTwoTitle}
  354. {block:ifCustomLinkThreeTitle}
  355. <a href="{text:Custom Link Three} "target=”_blank”>{text:Custom Link Three Title}</a><p> {/block:ifCustomLinkThreeTitle}
  356. {block:ifCustomLinkFourTitle}
  357. <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> <p> {/block:ifCustomLinkFourTitle}
  358. {block:ifCustomLinkFiveTitle}
  359. <a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a><p> {/block:ifCustomLinkFiveTitle}
  360. {block:ifCustomLinkSixTitle}
  361. <a href="{text:Custom Link Six}">{text:Custom Link Six Title}</a><p> {/block:ifCustomLinkSixTitle}
  362. {block:ifShowAsk}<a href="/ask">Ask</a><p>{/block:ifShowAsk}
  363. {block:ifShowArchive}<a href="/archive">Archive</a><p>{/block:ifShowArchive}
  364. {block:ifShowSubmit}<a href="/submit">Submit</a><p> {/block:ifShowSubmit}
  365. <a
  366. </center>
  367. </div></div>
  368. <p>
  369. <div class="pagination">
  370. {block:Pagination}
  371. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  372. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  373.  
  374. {block:IfEnableJumpPagination}
  375. {block:JumpPagination length="5"}
  376. {block:CurrentPage}
  377. <span class="current_page">{PageNumber}</span>
  378. {/block:CurrentPage}
  379.  
  380. {block:JumpPage}
  381. <a class="jump_page" href="{URL}">{PageNumber}</a>
  382. {/block:JumpPage}
  383.  
  384. {/block:JumpPagination}
  385. {/block:IfEnableJumpPagination}
  386.  
  387. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  388. </div>
  389. {/block:Pagination}
  390. </p>
  391. </div></div>
  392. </td>
  393. <td width=410>
  394. {block:Posts}
  395. {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}
  396. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  397. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  398. {/block:SourceLogo}
  399. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  400. <div class="right">
  401.  
  402. {block:Text}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}
  403. <div style="float:right;" class="details">
  404. {block:IndexPage}<a href="{ReblogURL}" target="_blank"> REBLOG</a>{/block:IndexPage}
  405. </div>
  406. {/block:Text}
  407.  
  408. {block:Photo}
  409. {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
  410. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  411. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400">
  412. {block:IndexPage}</a>{/block:IndexPage}
  413. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  414. {block:Caption}{Caption}{/block:Caption}
  415. <div style="float:right;" class="details">
  416. {block:IndexPage}{block:ifShowNotes}{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}{/block:ifShowNotes} <a href="{ReblogURL}" target="_blank"> REBLOG</a>{/block:IndexPage}
  417. </div>
  418. {/block:Photo}
  419.  
  420. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  421. <div style="float:right;" class="details">
  422. {block:IndexPage}<a href="{ReblogURL}" target="_blank"> REBLOG</a>{/block:IndexPage}
  423. </div>
  424. {/block:Photoset}
  425.  
  426. {block:Quote}<div class="left"><a href="{Permalink}">{Quote}</a></div>
  427. <div style="float:right;" class="details">
  428. {block:IndexPage}<a href="{ReblogURL}" target="_blank"> REBLOG</a>{/block:IndexPage}
  429. </div>
  430. {/block:Quote}
  431.  
  432. {block:Link}<div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name}</a></div> {block:Description}{Description}{/block:Description}
  433. <div style="float:right;" class="details">
  434. {block:IndexPage}<a href="{ReblogURL}" target="_blank"> REBLOG</a>{/block:IndexPage}
  435. </div>
  436. {/block:Link}
  437.  
  438. {block:Chat}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
  439. <div style="float:right;" class="details">
  440. {block:IndexPage}<a href="{ReblogURL}" target="_blank"> REBLOG</a>{/block:IndexPage}
  441. </div>
  442. {/block:Chat}
  443.  
  444. {block:Video}{Video-400}{block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}
  445. <div style="float:right;" class="details">
  446. {block:IndexPage}<a href="{ReblogURL}" target="_blank"> REBLOG</a>{/block:IndexPage}
  447. </div>
  448. {/block:Video}
  449.  
  450. {block:Answer} <div class="question"> {Asker} said: {Question}</div>
  451. <i>{Answer}</i>{/block:Answer}
  452.  
  453. <div class="audio">
  454.  
  455. <div class="time"><a href="{Permalink}">{TimeAgo}</a>{PlayCountWithLabel}
  456. {block:ExternalAudio}<a href="{ExternalAudioURL}">download</a>{/block:ExternalAudio}</div>
  457.  
  458.  
  459.  
  460. {block:PermalinkPage}<BR> {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} {/block:PermalinkPage}
  461. </div>
  462. </div>
  463.  
  464. {block:PostNotes}
  465. <div class="right">
  466. <div class="title">{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} </div>
  467. {PostNotes}
  468. </div>
  469. {/block:PostNotes}
  470. {/block:Posts}
  471.  
  472. <style type="text/css">html, a:hover {cursor: url(http://i1309.photobucket.com/albums/s630/shanelanne/patrick_zps72237aa5.png), progress !important;}</style><div style="position: fixed; bottom:30px; left:30px; text-align:center;"><a href=>
  473.  
  474. <script type="text/javascript">
  475. // <![CDATA[
  476. var colour="#AC1A15";
  477. var sparkles=120;
  478.  
  479. /****************************
  480. * Tinkerbell Magic Sparkle *
  481. * (c) 2005 mf2fm web-design *
  482. * http://www.mf2fm.com/rv *
  483. * DON'T EDIT BELOW THIS BOX *
  484. ****************************/
  485. var x=ox=400;
  486. var y=oy=300;
  487. var swide=800;
  488. var shigh=600;
  489. var sleft=sdown=0;
  490. var tiny=new Array();
  491. var star=new Array();
  492. var starv=new Array();
  493. var starx=new Array();
  494. var stary=new Array();
  495. var tinyx=new Array();
  496. var tinyy=new Array();
  497. var tinyv=new Array();
  498.  
  499. window.onload=function() { if (document.getElementById) {
  500. var i, rats, rlef, rdow;
  501. for (var i=0; i<sparkles; i++) {
  502. var rats=createDiv(3, 3);
  503. rats.style.visibility="hidden";
  504. document.body.appendChild(tiny[i]=rats);
  505. starv[i]=0;
  506. tinyv[i]=0;
  507. var rats=createDiv(5, 5);
  508. rats.style.backgroundColor="transparent";
  509. rats.style.visibility="hidden";
  510. var rlef=createDiv(1, 5);
  511. var rdow=createDiv(5, 1);
  512. rats.appendChild(rlef);
  513. rats.appendChild(rdow);
  514. rlef.style.top="2px";
  515. rlef.style.left="0px";
  516. rdow.style.top="0px";
  517. rdow.style.left="2px";
  518. document.body.appendChild(star[i]=rats);
  519. }
  520. set_width();
  521. sparkle();
  522. }}
  523.  
  524. function sparkle() {
  525. var c;
  526. if (x!=ox || y!=oy) {
  527. ox=x;
  528. oy=y;
  529. for (c=0; c<sparkles; c++) if (!starv[c]) {
  530. star[c].style.left=(starx[c]=x)+"px";
  531. star[c].style.top=(stary[c]=y)+"px";
  532. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  533. star[c].style.visibility="visible";
  534. starv[c]=50;
  535. break;
  536. }
  537. }
  538. for (c=0; c<sparkles; c++) {
  539. if (starv[c]) update_star(c);
  540. if (tinyv[c]) update_tiny(c);
  541. }
  542. setTimeout("sparkle()", 40);
  543. }
  544.  
  545. function update_star(i) {
  546. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  547. if (starv[i]) {
  548. stary[i]+=1+Math.random()*3;
  549. if (stary[i]<shigh+sdown) {
  550. star[i].style.top=stary[i]+"px";
  551. starx[i]+=(i%5-2)/5;
  552. star[i].style.left=starx[i]+"px";
  553. }
  554. else {
  555. star[i].style.visibility="hidden";
  556. starv[i]=0;
  557. return;
  558. }
  559. }
  560. else {
  561. tinyv[i]=50;
  562. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  563. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  564. tiny[i].style.width="2px";
  565. tiny[i].style.height="2px";
  566. star[i].style.visibility="hidden";
  567. tiny[i].style.visibility="visible"
  568. }
  569. }
  570.  
  571. function update_tiny(i) {
  572. if (--tinyv[i]==25) {
  573. tiny[i].style.width="1px";
  574. tiny[i].style.height="1px";
  575. }
  576. if (tinyv[i]) {
  577. tinyy[i]+=1+Math.random()*3;
  578. if (tinyy[i]<shigh+sdown) {
  579. tiny[i].style.top=tinyy[i]+"px";
  580. tinyx[i]+=(i%5-2)/5;
  581. tiny[i].style.left=tinyx[i]+"px";
  582. }
  583. else {
  584. tiny[i].style.visibility="hidden";
  585. tinyv[i]=0;
  586. return;
  587. }
  588. }
  589. else tiny[i].style.visibility="hidden";
  590. }
  591.  
  592. document.onmousemove=mouse;
  593. function mouse(e) {
  594. set_scroll();
  595. y=(e)?e.pageY:event.y+sdown;
  596. x=(e)?e.pageX:event.x+sleft;
  597. }
  598.  
  599. function set_scroll() {
  600. if (typeof(self.pageYOffset)=="number") {
  601. sdown=self.pageYOffset;
  602. sleft=self.pageXOffset;
  603. }
  604. else if (document.body.scrollTop || document.body.scrollLeft) {
  605. sdown=document.body.scrollTop;
  606. sleft=document.body.scrollLeft;
  607. }
  608. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  609. sleft=document.documentElement.scrollLeft;
  610. sdown=document.documentElement.scrollTop;
  611. }
  612. else {
  613. sdown=0;
  614. sleft=0;
  615. }
  616. }
  617.  
  618. window.onresize=set_width;
  619. function set_width() {
  620. if (typeof(self.innerWidth)=="number") {
  621. swide=self.innerWidth;
  622. shigh=self.innerHeight;
  623. }
  624. else if (document.documentElement && document.documentElement.clientWidth) {
  625. swide=document.documentElement.clientWidth;
  626. shigh=document.documentElement.clientHeight;
  627. }
  628. else if (document.body.clientWidth) {
  629. swide=document.body.clientWidth;
  630. shigh=document.body.clientHeight;
  631. }
  632. }
  633.  
  634. function createDiv(height, width) {
  635. var div=document.createElement("div");
  636. div.style.position="absolute";
  637. div.style.height=height+"px";
  638. div.style.width=width+"px";
  639. div.style.overflow="hidden";
  640. div.style.backgroundColor=colour;
  641. return (div);
  642. }
  643. // ]]>
  644. </script>
  645.  
  646. <script language="JavaScript">
  647. // FHS Tumblr Online Counter
  648. var height = '50';
  649. var ref = (''+document.referrer+'');
  650. var w_h = window.screen.width + " x " + window.screen.height;
  651. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4222708&s=1&h=' + height + '&e1=Lunatic&e2=Online Users&r=' + ref + '&wh=' + w_h + '"><\/script>');
  652. </script>
  653.  
  654.  
  655. </div>
  656. </body>
  657. </html>
  658. </tr></td></table>
  659. </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!