API tools faq
paste
feiinho

THEME BY BLINK AND IT'S OVER

feiinho
Sep 26th, 2014
494
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <html lang="en">
  5.  
  6. <head>
  7.  
  8.  
  9. <!--
  10. THEME BY BLINK AND IT'S OVER
  11. CREATED BY: HTTP://WWW.KANESIMSWILSON.CO.UK
  12. -->
  13.  
  14.  
  15. <title>{Title}</title>
  16.  
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="shortcut icon" href="{Favicon}" />
  20.  
  21. <meta name="color:Blog title" content="#FFFFFF"/>
  22. <meta name="color:Text" content="#FFFFFF"/>
  23. <meta name="color:Links" content="#FFFFFF"/>
  24. <meta name="color:Links Hover" content="#CFD86D"/>
  25. <meta name="if:Background image" content="1">
  26. <meta name="if:Show notes on permalink pages" content="1">
  27. <meta name="if:Show notes on home page" content="1">
  28. <meta name="if:One row" content="0">
  29. <meta name="if:Two rows" content="1">
  30. <meta name="if:Three rows" content="0">
  31. <meta name="if:Four rows" content="0">
  32. <meta name="if:RSS link" content="1">
  33. <meta name="if:Archive link" content="1">
  34. <meta name="color:Background" content="#ffffff"/>
  35. <meta name="font:Body" content="Helvetica"/>
  36. <meta name="image:Background" content="http://static.tumblr.com/2w7y46r/tzYlh3lyo/heart-of-the-universe.jpg">
  37. <meta name="if:Use logo" content="0">
  38. <meta name="image:Logo" content="">
  39. <meta name="color:Title" content="#ffffff"/>
  40. <meta name="color:Text Bubble" content="#000000"/>
  41.  
  42. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  43.  
  44. <script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>
  45. <script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/mNQl8du9p/bebas.js"></script>
  46. <script type="text/javascript" src="http://static.tumblr.com/df28qmy/u5slh3ibc/jquery.min.js"></script>
  47.  
  48. <script type="text/javascript">
  49. Cufon.DOM.ready(function() {
  50. Cufon.replace('.bebas', { fontFamily: 'bebas', hover:true });
  51. $('.bebas').css('visibility','visible');
  52. });
  53. </script>
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59. h1 { color:{color:Blog title}; font-weight: normal; font-size: 50px; font-family: 'BebasNeueRegular', sans-serif; line-height: -4px;{block:ifuselogo}display:none;{/block:ifuselogo}}
  60. h1 a {color:{color:Blog title};}
  61.  
  62. body {height: 100%; background-color:{color:Background}; color: {color:Text};font-size: 11px; font-family:{font:Body}; line-height: 14px; padding: 30px 0 200px 0; {block:ifbackgroundimage}background-attachment: fixed; background-image:url('{image:Background}');{/block:ifbackgroundimage}}
  63.  
  64. a {color: {color:Links}; text-decoration:none;}
  65.  
  66. a:hover { color: {color:Links Hover}; -webkit-transition-duration: 0.5s; }
  67.  
  68. a.title {color: {color:Links}; text-decoration:none;}
  69.  
  70. #container { width: 1050px; margin: auto auto auto auto; position: relative;}
  71.  
  72. #container .header { width: 1050px; margin: auto auto; }
  73.  
  74. #container .description {padding: 10px 0px 40px; clear: both; position: relative; text-align:center; width:500px; margin-left: auto ; margin-right: auto;}
  75.  
  76. #container .posts {width: 1050px; clear: both; position: relative; margin-left: auto; margin-right: auto; padding-top:30px; }
  77.  
  78. #container .box {width: 345px;{block:iftworows}width: 500px;{/block:iftworows}{block:iffourrows}width: 250px; margin-bottom:20px;{/block:iffourrows} {block:indexpage}{block:ifonerow}width: 600px; padding-left:21%;{/block:ifonerow}{/block:indexpage}margin-left: 5px; float: left; margin-bottom: 15px; position: relative; }
  79.  
  80. #container .box a{-webkit-transition-duration: 0.5s;}
  81.  
  82. #container .box img {max-width: 100%; border:0px; -webkit-transition-duration: 0.5s; opacity:1;}
  83.  
  84. #container .title { font-size: 12px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}
  85.  
  86. #container .ask { font-size: 11px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}
  87.  
  88. #container .audio {width: 207px;}
  89.  
  90. #container .columnHolder {width: 800px; margin: 5px 0 0 5px; overflow: hidden;}
  91.  
  92. #container .columnHolder .column { width: 225px; min-height: 1px; float: left;}
  93.  
  94. #container .columnHolder .column.middle { margin: 0 0px; }
  95.  
  96. #arrow {font-size:0px; padding-left:0px; color:{color:Text Bubble}; margin-top:-5px; padding-bottom:5px;}
  97.  
  98. {block:PermalinkPage}
  99.  
  100. .box { width: 600px !important; padding-left: 21%;}
  101.  
  102.  
  103. p.answer_form_container { width: 580px; }
  104.  
  105. ol.notes { width: 600px; position:relative; padding-left:21%; list-style-type: none; margin: 0px 0 10px 0; padding: -10px -90px; }
  106.  
  107. ol.notes li.note { margin: 0px 0 2px 0; padding: 0;}
  108.  
  109. ol.notes a { color: #ffffff; }
  110.  
  111. ol.notes img.avatar { display: true; padding:2px 0 0 2px; border:0px;}
  112.  
  113. ol.notes blockquote { margin: 0; }
  114.  
  115. ol.notes blockquote a { text-decoration: none; }
  116.  
  117. {/block:PermalinkPage}
  118.  
  119. .video{text-align: center; background-color:black;}
  120.  
  121. .curve { background-color:{color:Text Bubble}; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; overflow:hidden;}
  122.  
  123. .box:hover .perma {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;{/block:ifshownotesonhomepage}{/block:indexpage} z-index:10000; top:50%;}
  124.  
  125. .perma { margin-top: -18px; opacity: 0; font-family:{font:Body}; font-size: 9px; z-index: 1000000; text-align: center; text-transform: uppercase; top:50%;
  126.  
  127. }
  128.  
  129. #top-link { position:fixed; right:5px; bottom:5px; color:white; font-weight:bold; text-decoration:none; padding:10px; border:0px; }
  130.  
  131. #audiotest {background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');margin-top: -27px;display:block;height:27px;z-index:-1000;width:250px;}
  132.  
  133. .box:hover .back {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;
  134. {/block:ifshownotesonhomepage}{/block:indexpage}z-index:1000;}
  135.  
  136. .back { margin-top: -25px; width:100%; opacity: 0;
  137. z-index: 1000;}
  138.  
  139. {block:PermalinkPage}
  140.  
  141. .back img{width:500px; height:20px;}
  142.  
  143. {/block:PermalinkPage}
  144.  
  145. {block:iffourrows}
  146. .back img{width:100%; height:20px;}
  147. {/block:iffourrows}
  148.  
  149. {block:iftworows}
  150. .back img{width:500px; height:20px;}
  151. {/block:iftworows}
  152.  
  153. {block:ifonerow}
  154. .back img{width:600px; height:20px;}
  155.  
  156. {/block:ifonerow}
  157. </style>
  158.  
  159. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  160. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  161. <script src="http://static.tumblr.com/df28qmy/Mpalh3i8p/jquery.scrollto-1.4.0-min.js" type="text/javascript"></script>
  162.  
  163. <script type="text/javascript">
  164. //plugin
  165. jQuery.fn.topLink = function(settings) {
  166. settings = jQuery.extend({
  167. min: 1,
  168. fadeSpeed: 200
  169. }, settings);
  170. return this.each(function() {
  171. //listen for scroll
  172. var el = $(this);
  173. el.hide(); //in case the user forgot
  174. $(window).scroll(function() {
  175. if($(window).scrollTop() >= settings.min)
  176. {
  177. el.fadeIn(settings.fadeSpeed);
  178. }
  179. else
  180. {
  181. el.fadeOut(settings.fadeSpeed);
  182. }
  183. });
  184. });
  185. };
  186.  
  187. //usage w/ smoothscroll
  188. $(document).ready(function() {
  189. //set the link
  190. $('#top-link').topLink({
  191. min: 400,
  192. fadeSpeed: 500
  193. });
  194. //smoothscroll
  195. $('#top-link').click(function(e) {
  196. e.preventDefault();
  197. $.scrollTo(0,300);
  198. });
  199. });
  200.  
  201. $(window).load(function () {
  202.  
  203. $('.posts').masonry(),
  204.  
  205. $('.masonryWrap').infinitescroll({
  206.  
  207. navSelector : "div#navigation",
  208. // selector for the paged navigation (it will be hidden)
  209. nextSelector : "div#navigation a#nextPage",
  210. // selector for the NEXT link (to page 2)
  211. itemSelector : ".box",
  212. // selector for all items you'll retrieve
  213. bufferPx : 10000,
  214. extraScrollPx: 11000,
  215. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  216. loadingText : "<em></em>",
  217. },
  218. // call masonry as a callback.
  219. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  220. );
  221.  
  222. });
  223.  
  224. </script>
  225.  
  226. <script>
  227.  
  228. function changeStyle(title) {
  229.  
  230. var lnks = document.getElementsByTagName('link');
  231.  
  232. for (var i = lnks.length - 1; i >= 0; i--) {
  233.  
  234. if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
  235.  
  236. lnks[i].disabled = true;
  237.  
  238. if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
  239.  
  240. }}}
  241.  
  242. </script>
  243.  
  244.  
  245.  
  246. </head>
  247.  
  248. <body onload="setTimeout('function1()', 1000);setTimeout('function2()', 1500);">
  249. <a href="#top" id="top-link"><img style="border:0px;"src='http://b.imagehost.org/0971/jump_to_top_arrow.png'/></a>
  250.  
  251. {block:indexpage}
  252. <script language="JavaScript">
  253. function function1(){
  254. window.scrollTo(0,5);
  255. }
  256. function function2(){
  257. window.scroll(0,2);
  258. }
  259. </script>
  260.  
  261. {/block:indexpage}
  262. <br>
  263.  
  264. <div id="container">
  265. <div class="header">
  266.  
  267. <div style="text-align: center;">{block:ifuselogo}<img style="max-width:1500px; max-height:300px" src="{image:logo}"/>{/block:ifuselogo}<h1 class="bebas"><a href="/">{Title}</a></h1></div>
  268.  
  269. <div style="text-align: center; font-size:9.4px; margin-top:-35px; {block:ifuselogo}margin-top:10px; {/block:ifuselogo}text-transform: uppercase;">
  270.  
  271. {block:AskEnabled}<a href="/ask">MESSAGE</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:AskEnabled}
  272.  
  273. {block:ifarchivelink}<a href="/archive">ARCHIVE</a>&nbsp;&nbsp;&nbsp;{/block:ifarchivelink}
  274.  
  275. {block:ifrsslink}<a href="{RSS}"> RSS </a>&nbsp;&nbsp;&nbsp;{/block:ifrsslink}
  276.  
  277. <a href="http://www.kanesimswilson.co.uk">THEME</a>&nbsp;&nbsp;&nbsp;
  278.  
  279. {block:HasPages}
  280. {block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;&nbsp;{/block:Pages}
  281. {/block:HasPages}
  282.  
  283. </div>
  284.  
  285. <div class="description">{description}<br style="clear:both"></div></div>
  286.  
  287. <div class="posts" id="allposts">
  288. {block:Posts}
  289. <div class="box">
  290.  
  291. {block:Photo}
  292. {block:IndexPage}
  293. <a href="{Permalink}" target="_blank">{/block:IndexPage}
  294. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  295. <img style="min-width:100%;" src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
  296.  
  297.  
  298. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  299. <div class="perma">
  300. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  301. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>
  302. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>
  303. {/block:Photo}
  304.  
  305. {block:Audio}
  306. <div class="curve">
  307. <div style=" width:100%; height:27px; font-size:1px; color:black; background-color:black;">
  308. {AudioPlayerBlack}
  309. </div><a href="{Permalink}" target="_blank" id="audiotest"></a></div><div id="arrow" style="color:black;">▼</div>
  310.  
  311.  
  312. {block:AlbumArt}<img style="border:1px solid white; width:50px; margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}
  313.  
  314. {block:indexpage}<div style="{block:AlbumArt}min-height:40px; padding-left:70px;margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  315.  
  316. {block:ifshownotesonhomepage}{block:AlbumArt}<br>{/block:AlbumArt}{/block:ifshownotesonhomepage}
  317.  
  318.  
  319.  
  320. {block:ifshownotesonhomepage}<br>{/block:ifshownotesonhomepage}
  321. {block:IndexPage}
  322. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  323. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  324. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>
  325. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a>{block:ExternalAudio}<a href="{ExternalAudioURL}">&nbsp;/&nbsp;download</a>{/block:ExternalAudio}</div>{/block:IndexPage}
  326.  
  327. {/block:Audio}
  328.  
  329. {block:Video}
  330. <div class="video">{block:iffourrows}
  331. {Video-250}{/block:iffourrows}{block:ifthreerows}
  332. {Video-250}{/block:ifthreerows}
  333. {block:iftworows}
  334. {Video-500}{/block:iftworows}{block:ifonerow}{Video-500}{/block:ifonerow}
  335. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  336.  
  337. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  338. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  339. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>
  340. {/block:Video}
  341.  
  342. {block:Text}
  343. <div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block:Title}
  344.  
  345. <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Body}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  346. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  347. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  348. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>
  349.  
  350. {block:More}<br><br> <a href="{Permalink}" class="readMore">Read More</a>{/block:More}
  351. {/block:Text}
  352.  
  353. {block:Answer}
  354.  
  355. <div class="curve"><a href="{Permalink}" class="ask">&nbsp;{Question}&nbsp;</a></div><div id="arrow">▼</div>
  356.  
  357. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="border:1px solid white;" src="{AskerPortraitURL-16}"/><span style="vertical-align: 25%;">&nbsp;&nbsp;{Asker}</span>
  358. <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Answer}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  359.  
  360. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  361. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  362. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a></div>
  363. {/block:Answer}
  364.  
  365. {block:Link}
  366. <div class="curve"><a href="{URL}" class="title" {Target}>&nbsp;{Name}&nbsp;</a>
  367. </div><div id="arrow">▼</div>
  368. {block:Description}<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Description}</div>{/block:Description}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  369.  
  370. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  371. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  372. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>
  373. {/block:Link}
  374.  
  375. {block:Quote}<div class="curve"><a href="{Permalink}" class="title">"{Quote}"</a></div><div id="arrow">▼</div>{block:Source}&nbsp;&nbsp;{Source}<br>{/block:Source}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  376.  
  377. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  378. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  379. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>{/block:Quote}
  380.  
  381. {block:Chat}
  382. <div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block:Title}
  383.  
  384. <table class="chat" style="padding-left:5px;"cellspacing="0">{block:Lines}<tr>{block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td></tr>{/block:Lines}</table>
  385. {block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  386.  
  387. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  388. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  389. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>
  390. {/block:Chat}
  391.  
  392. {block:PermalinkPage}<block:Caption>{Caption}</block:Caption>{/block:PermalinkPage}
  393.  
  394. {block:PermalinkPage}</div>
  395. {block:IfShowNotesOnPermalinkPages}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:IfShowNotesOnPermalinkPages}
  396. {/block:PermalinkPage}
  397.  
  398. </div>{/block:Posts}
  399. </div>
  400.  
  401. {block:IndexPage}
  402. <div class="columnHolder footer"><div class="column navigation" id="navigation">
  403. {block:Pagination}
  404. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  405. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  406.  
  407. {block:PermalinkPagination}
  408. {block:NextPost}<a href="{NextPost}" class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost}
  409. {block:PreviousPost}<a href="{PreviousPost}" class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div>
  410. {/block:IndexPage}</div>
  411.  
  412. <script type="text/javascript">autoscale(new Array('object', 'embed'));</script>
  413.  
  414.  
  415. </body>
  416. </html>
  417. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" title="Tiny Hand"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>
  418. <script type="text/javascript">
  419. // <![CDATA[
  420. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  421. var sparkles=20;
  422.  
  423. /****************************
  424. * Tinkerbell Magic Sparkle *
  425. *(c)2005-11 mf2fm web-design*
  426. * http://www.mf2fm.com/rv *
  427. * DON'T EDIT BELOW THIS BOX *
  428. ****************************/
  429. var x=ox=400;
  430. var y=oy=300;
  431. var swide=800;
  432. var shigh=600;
  433. var sleft=sdown=0;
  434. var tiny=new Array();
  435. var star=new Array();
  436. var starv=new Array();
  437. var starx=new Array();
  438. var stary=new Array();
  439. var tinyx=new Array();
  440. var tinyy=new Array();
  441. var tinyv=new Array();
  442.  
  443. window.onload=function() { if (document.getElementById) {
  444. var i, rats, rlef, rdow;
  445. for (var i=0; i<sparkles; i++) {
  446. var rats=createDiv(3, 3);
  447. rats.style.visibility="hidden";
  448. document.body.appendChild(tiny[i]=rats);
  449. starv[i]=0;
  450. tinyv[i]=0;
  451. var rats=createDiv(5, 5);
  452. rats.style.backgroundColor="transparent";
  453. rats.style.visibility="hidden";
  454. var rlef=createDiv(1, 5);
  455. var rdow=createDiv(5, 1);
  456. rats.appendChild(rlef);
  457. rats.appendChild(rdow);
  458. rlef.style.top="2px";
  459. rlef.style.left="0px";
  460. rdow.style.top="0px";
  461. rdow.style.left="2px";
  462. document.body.appendChild(star[i]=rats);
  463. }
  464. set_width();
  465. sparkle();
  466. }}
  467.  
  468. function sparkle() {
  469. var c;
  470. if (x!=ox || y!=oy) {
  471. ox=x;
  472. oy=y;
  473. for (c=0; c<sparkles; c++) if (!starv[c]) {
  474. star[c].style.left=(starx[c]=x)+"px";
  475. star[c].style.top=(stary[c]=y)+"px";
  476. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  477. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  478. star[c].style.visibility="visible";
  479. starv[c]=50;
  480. break;
  481. }
  482. }
  483. for (c=0; c<sparkles; c++) {
  484. if (starv[c]) update_star(c);
  485. if (tinyv[c]) update_tiny(c);
  486. }
  487. setTimeout("sparkle()", 40);
  488. }
  489.  
  490. function update_star(i) {
  491. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  492. if (starv[i]) {
  493. stary[i]+=1+Math.random()*3;
  494. if (stary[i]<shigh+sdown && starx[i]>0) {
  495. star[i].style.top=stary[i]+"px";
  496. starx[i]+=(i%5-2)/5;
  497. star[i].style.left=starx[i]+"px";
  498. }
  499. else {
  500. star[i].style.visibility="hidden";
  501. starv[i]=0;
  502. return;
  503. }
  504. }
  505. else {
  506. tinyv[i]=50;
  507. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  508. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  509. tiny[i].style.width="2px";
  510. tiny[i].style.height="2px";
  511. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  512. star[i].style.visibility="hidden";
  513. tiny[i].style.visibility="visible"
  514. }
  515. }
  516.  
  517. function update_tiny(i) {
  518. if (--tinyv[i]==25) {
  519. tiny[i].style.width="1px";
  520. tiny[i].style.height="1px";
  521. }
  522. if (tinyv[i]) {
  523. tinyy[i]+=1+Math.random()*3;
  524. if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  525. tiny[i].style.top=tinyy[i]+"px";
  526. tinyx[i]+=(i%5-2)/5;
  527. tiny[i].style.left=tinyx[i]+"px";
  528. }
  529. else {
  530. tiny[i].style.visibility="hidden";
  531. tinyv[i]=0;
  532. return;
  533. }
  534. }
  535. else tiny[i].style.visibility="hidden";
  536. }
  537.  
  538. document.onmousemove=mouse;
  539. function mouse(e) {
  540. set_scroll();
  541. y=(e)?e.pageY:event.y+sdown;
  542. x=(e)?e.pageX:event.x+sleft;
  543. }
  544.  
  545. function set_scroll() {
  546. if (typeof(self.pageYOffset)=="number") {
  547. sdown=self.pageYOffset;
  548. sleft=self.pageXOffset;
  549. }
  550. else if (document.body.scrollTop || document.body.scrollLeft) {
  551. sdown=document.body.scrollTop;
  552. sleft=document.body.scrollLeft;
  553. }
  554. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  555. sleft=document.documentElement.scrollLeft;
  556. sdown=document.documentElement.scrollTop;
  557. }
  558. else {
  559. sdown=0;
  560. sleft=0;
  561. }
  562. }
  563.  
  564. window.onresize=set_width;
  565. function set_width() {
  566. var sw_min=999999;
  567. var sh_min=999999;
  568. if (document.documentElement && document.documentElement.clientWidth) {
  569. sw_min=document.documentElement.clientWidth;
  570. sh_min=document.documentElement.clientHeight;
  571. }
  572. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  573. if (self.innerWidth<sw_min) sw_min=self.innerWidth;
  574. if (self.innerHeight<sh_min) sh_min=self.innerHeight;
  575. }
  576. if (document.body.clientWidth) {
  577. if (document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  578. if (document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  579. }
  580. if (sw_min==999999 || sh_min==999999) {
  581. sw_min=800;
  582. sh_min=600;
  583. }
  584. swide=sw_min;
  585. shigh=sh_min;
  586. }
  587.  
  588. function createDiv(height, width) {
  589. var div=document.createElement("div");
  590. div.style.position="absolute";
  591. div.style.height=height+"px";
  592. div.style.width=width+"px";
  593. div.style.overflow="hidden";
  594. return (div);
  595. }
  596.  
  597. function newColour() {
  598. var c=new Array();
  599. c[0]=255;
  600. c[1]=Math.floor(Math.random()*256);
  601. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  602. c.sort(function(){return (0.5 - Math.random());});
  603. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  604. }
  605. // ]]>
  606. </script>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!