Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Infinite 3By blink and it's over

By: georgieee on Jul 11th, 2012  |  syntax: None  |  size: 27.97 KB  |  hits: 256  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. <script type='text/javascript'>
  15. //<![CDATA[
  16. var rate = 50;
  17. if (document.getElementById)
  18. window.onerror=new Function("return true")
  19.  
  20. var objActive; // The object which event occured in
  21. var act = 0; // Flag during the action
  22. var elmH = 0; // Hue
  23. var elmS = 128; // Saturation
  24. var elmV = 255; // Value
  25. var clrOrg; // A color before the change
  26. var TimerID; // Timer ID
  27. if (document.all) {
  28. document.onmouseover = doRainbowAnchor;
  29. document.onmouseout = stopRainbowAnchor;
  30. }
  31. else if (document.getElementById) {
  32. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  33. document.onmouseover = Mozilla_doRainbowAnchor;
  34. document.onmouseout = Mozilla_stopRainbowAnchor;
  35. }
  36. function doRainbow(obj)
  37. {
  38. if (act == 0) {
  39. act = 1;
  40. if (obj)
  41. objActive = obj;
  42. else
  43. objActive = event.srcElement;
  44. clrOrg = objActive.style.color;
  45. TimerID = setInterval("ChangeColor()",100);
  46. }
  47. }
  48. function stopRainbow()
  49. {
  50. if (act) {
  51. objActive.style.color = clrOrg;
  52. clearInterval(TimerID);
  53. act = 0;
  54. }
  55. }
  56. function doRainbowAnchor()
  57. {
  58. if (act == 0) {
  59. var obj = event.srcElement;
  60. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  61. obj = obj.parentElement;
  62. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  63. break;
  64. }
  65. if (obj.tagName == 'A' && obj.href != '') {
  66. objActive = obj;
  67. act = 1;
  68. clrOrg = objActive.style.color;
  69. TimerID = setInterval("ChangeColor()",100);
  70. }
  71. }
  72. }
  73. function stopRainbowAnchor()
  74. {
  75. if (act) {
  76. if (objActive.tagName == 'A') {
  77. objActive.style.color = clrOrg;
  78. clearInterval(TimerID);
  79. act = 0;
  80. }
  81. }
  82. }
  83. function Mozilla_doRainbowAnchor(e)
  84. {
  85. if (act == 0) {
  86. obj = e.target;
  87. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  88. obj = obj.parentNode;
  89. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  90. break;
  91. }
  92. if (obj.nodeName == 'A' && obj.href != '') {
  93. objActive = obj;
  94. act = 1;
  95. clrOrg = obj.style.color;
  96. TimerID = setInterval("ChangeColor()",100);
  97. }
  98. }
  99. }
  100. function Mozilla_stopRainbowAnchor(e)
  101. {
  102. if (act) {
  103. if (objActive.nodeName == 'A') {
  104. objActive.style.color = clrOrg;
  105. clearInterval(TimerID);
  106. act = 0;
  107. }
  108. }
  109. }
  110. function ChangeColor()
  111. {
  112. objActive.style.color = makeColor();
  113. }
  114. function makeColor()
  115. {
  116. // Don't you think Color Gamut to look like Rainbow?
  117. // HSVtoRGB
  118. if (elmS == 0) {
  119. elmR = elmV; elmG = elmV; elmB = elmV;
  120. }
  121. else {
  122. t1 = elmV;
  123. t2 = (255 - elmS) * elmV / 255;
  124. t3 = elmH % 60;
  125. t3 = (t1 - t2) * t3 / 60;
  126. if (elmH < 60) {
  127. elmR = t1; elmB = t2; elmG = t2 + t3;
  128. }
  129. else if (elmH < 120) {
  130. elmG = t1; elmB = t2; elmR = t1 - t3;
  131. }
  132. else if (elmH < 180) {
  133. elmG = t1; elmR = t2; elmB = t2 + t3;
  134. }
  135. else if (elmH < 240) {
  136. elmB = t1; elmR = t2; elmG = t1 - t3;
  137. }
  138. else if (elmH < 300) {
  139. elmB = t1; elmG = t2; elmR = t2 + t3;
  140. }
  141. else if (elmH < 360) {
  142. elmR = t1; elmG = t2; elmB = t1 - t3;
  143. }
  144. else {
  145. elmR = 0; elmG = 0; elmB = 0;
  146. }
  147. }
  148. elmR = Math.floor(elmR).toString(16);
  149. elmG = Math.floor(elmG).toString(16);
  150. elmB = Math.floor(elmB).toString(16);
  151. if (elmR.length == 1) elmR = "0" + elmR;
  152. if (elmG.length == 1) elmG = "0" + elmG;
  153. if (elmB.length == 1) elmB = "0" + elmB
  154. elmH = elmH + rate;
  155. if (elmH >= 360)
  156. elmH = 0;
  157. return '#' + elmR + elmG + elmB;
  158. }
  159. //]]>
  160. </script>
  161.  
  162.  
  163. <style type="text/css">a:hover{background:url('http://dl9.glitter-graphics.net/pub/80/80039njfma9svnd.gif');}hr{background-image:url('http://dl9.glitter-graphics.net/pub/80/80039njfma9svnd.gif'); </style>
  164.  
  165. <title>{Title}</title>
  166.  
  167. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  168. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  169. <link rel="shortcut icon" href="{Favicon}" />
  170.  
  171. <meta name="color:Blog title" content="#FFFFFF"/>
  172. <meta name="color:Text" content="#FFFFFF"/>
  173. <meta name="color:Links" content="#FFFFFF"/>
  174. <meta name="color:Links Hover" content="#CFD86D"/>
  175. <meta name="if:Background image" content="1">
  176. <meta name="if:Show notes on permalink pages" content="1">
  177. <meta name="if:Show notes on home page" content="1">
  178. <meta name="if:One row" content="0">
  179. <meta name="if:Two rows" content="1">
  180. <meta name="if:Three rows" content="0">
  181. <meta name="if:Four rows" content="0">
  182. <meta name="if:RSS link" content="1">
  183. <meta name="if:Archive link" content="1">
  184. <meta name="color:Background" content="#ffffff"/>
  185. <meta name="font:Body" content="Helvetica"/>
  186. <meta name="image:Background" content="http://static.tumblr.com/2w7y46r/tzYlh3lyo/heart-of-the-universe.jpg">
  187. <meta name="if:Use logo" content="0">
  188. <meta name="image:Logo" content="">
  189. <meta name="color:Title" content="#ffffff"/>
  190. <meta name="color:Text Bubble" content="#000000"/>
  191.  
  192. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  193.  
  194. <script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>
  195. <script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/mNQl8du9p/bebas.js"></script>
  196. <script type="text/javascript" src="http://static.tumblr.com/df28qmy/u5slh3ibc/jquery.min.js"></script>
  197.  
  198. <script type="text/javascript">
  199. Cufon.DOM.ready(function() {
  200. Cufon.replace('.bebas', { fontFamily: 'bebas', hover:true });
  201. $('.bebas').css('visibility','visible');
  202. });
  203. </script>
  204.  
  205.  
  206. <style type="text/css">
  207.  
  208.  
  209. 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}}
  210. h1 a {color:{color:Blog title};}
  211.  
  212. 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}}
  213.  
  214. a {color: {color:Links}; text-decoration:none;}
  215.  
  216. a:hover {font-size:24px; font-weight:bold; color: pink;}
  217.  
  218. a.title {color: {color:Links}; text-decoration:none;}
  219.  
  220. #container { width: 1050px; margin: auto auto auto auto; position: relative;}
  221.  
  222. #container .header { width: 1050px; margin: auto auto; }
  223.  
  224. #container .description {padding: 10px 0px 40px; clear: both; position: relative; text-align:center; width:500px; margin-left: auto ; margin-right: auto;}
  225.  
  226. #container .posts {width: 1050px; clear: both; position: relative; margin-left: auto; margin-right: auto; padding-top:30px; }
  227.  
  228. #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; }
  229.  
  230. #container .box a{-webkit-transition-duration: 0.5s;}
  231.  
  232. #container .box img {max-width: 100%; border:0px; -webkit-transition-duration: 0.5s; opacity:1;}
  233.  
  234. #container .title { font-size: 12px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}
  235.  
  236. #container .ask { font-size: 11px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}
  237.  
  238. #container .audio {width: 207px;}
  239.  
  240. #container .columnHolder {width: 800px; margin: 5px 0 0 5px; overflow: hidden;}
  241.  
  242. #container .columnHolder .column { width: 225px; min-height: 1px; float: left;}
  243.  
  244. #container .columnHolder .column.middle { margin: 0 0px; }
  245.  
  246. #arrow {font-size:15px; padding-left:20px; color:{color:Text Bubble}; margin-top:-5px; padding-bottom:5px;}
  247.  
  248. {block:PermalinkPage}
  249.  
  250. .box { width: 600px !important; padding-left: 21%;}
  251.  
  252.  
  253. p.answer_form_container { width: 580px; }
  254.  
  255. ol.notes { width: 600px; position:relative; padding-left:21%; list-style-type: none; margin: 0px 0 10px 0; padding: -10px -90px; }
  256.  
  257. ol.notes li.note { margin: 0px 0 2px 0; padding: 0;}
  258.  
  259. ol.notes a { color: #ffffff; }
  260.  
  261. ol.notes img.avatar { display: true; padding:2px 0 0 2px; border:0px;}
  262.  
  263. ol.notes blockquote { margin: 0; }
  264.  
  265. ol.notes blockquote a { text-decoration: none; }
  266.  
  267. {/block:PermalinkPage}
  268.  
  269. .video{text-align: center; background-color:black;}
  270.  
  271. .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;}
  272.  
  273. .box:hover .perma {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;{/block:ifshownotesonhomepage}{/block:indexpage} z-index:10000; top:50%;}
  274.  
  275. .perma { margin-top: -18px; opacity: 0; font-family:{font:Body}; font-size: 9px; z-index: 1000000; text-align: center; text-transform: uppercase; top:50%;
  276.  
  277. }
  278.  
  279. #top-link { position:fixed; right:5px; bottom:5px; color:white; font-weight:bold; text-decoration:none; padding:10px; border:0px; }
  280.  
  281. #audiotest {background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');margin-top: -27px;display:block;height:27px;z-index:-1000;width:250px;}
  282.  
  283. .box:hover .back {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;
  284. {/block:ifshownotesonhomepage}{/block:indexpage}z-index:1000;}
  285.  
  286. .back { margin-top: -25px; width:100%; opacity: 0;
  287. z-index: 1000;}
  288.  
  289. {block:PermalinkPage}
  290.  
  291. .back img{width:500px; height:20px;}
  292.  
  293. {/block:PermalinkPage}
  294.  
  295. {block:iffourrows}
  296. .back img{width:100%; height:20px;}
  297. {/block:iffourrows}
  298.  
  299. {block:iftworows}
  300. .back img{width:500px; height:20px;}
  301. {/block:iftworows}
  302.  
  303. {block:ifonerow}
  304. .back img{width:600px; height:20px;}
  305.  
  306. {/block:ifonerow}
  307. </style>
  308.  
  309. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  310. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  311. <script src="http://static.tumblr.com/df28qmy/Mpalh3i8p/jquery.scrollto-1.4.0-min.js" type="text/javascript"></script>
  312.  
  313. <script type="text/javascript">
  314. //plugin
  315. jQuery.fn.topLink = function(settings) {
  316. settings = jQuery.extend({
  317. min: 1,
  318. fadeSpeed: 200
  319. }, settings);
  320. return this.each(function() {
  321. //listen for scroll
  322. var el = $(this);
  323. el.hide(); //in case the user forgot
  324. $(window).scroll(function() {
  325. if($(window).scrollTop() >= settings.min)
  326. {
  327. el.fadeIn(settings.fadeSpeed);
  328. }
  329. else
  330. {
  331. el.fadeOut(settings.fadeSpeed);
  332. }
  333. });
  334. });
  335. };
  336.  
  337. //usage w/ smoothscroll
  338. $(document).ready(function() {
  339. //set the link
  340. $('#top-link').topLink({
  341. min: 400,
  342. fadeSpeed: 500
  343. });
  344. //smoothscroll
  345. $('#top-link').click(function(e) {
  346. e.preventDefault();
  347. $.scrollTo(0,300);
  348. });
  349. });
  350.  
  351. $(window).load(function () {
  352.  
  353. $('.posts').masonry(),
  354.  
  355. $('.masonryWrap').infinitescroll({
  356.  
  357. navSelector : "div#navigation",
  358. // selector for the paged navigation (it will be hidden)
  359. nextSelector : "div#navigation a#nextPage",
  360. // selector for the NEXT link (to page 2)
  361. itemSelector : ".box",
  362. // selector for all items you'll retrieve
  363. bufferPx : 10000,
  364. extraScrollPx: 11000,
  365. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  366. loadingText : "<em></em>",
  367. },
  368. // call masonry as a callback.
  369. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  370. );
  371.  
  372. });
  373.  
  374. </script>
  375.  
  376. <script>
  377.  
  378. function changeStyle(title) {
  379.  
  380. var lnks = document.getElementsByTagName('link');
  381.  
  382. for (var i = lnks.length - 1; i >= 0; i--) {
  383.  
  384. if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
  385.  
  386. lnks[i].disabled = true;
  387.  
  388. if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
  389.  
  390. }}}
  391.  
  392. </script>
  393.  
  394.  
  395.  
  396. </head>
  397.  
  398. <body onload="setTimeout('function1()', 1000);setTimeout('function2()', 1500);">
  399. <a href="#top" id="top-link"><img style="border:0px;"src='http://b.imagehost.org/0971/jump_to_top_arrow.png'/></a>
  400.  
  401. {block:indexpage}
  402. <script language="JavaScript">
  403. function function1(){
  404. window.scrollTo(0,5);
  405. }
  406. function function2(){
  407. window.scroll(0,2);
  408. }
  409. </script>
  410.  
  411. {/block:indexpage}
  412. <br>
  413.  
  414. <div id="container">
  415. <div class="header">
  416.  
  417. <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>
  418.  
  419. <div style="text-align: center; font-size:9.4px; margin-top:-35px; {block:ifuselogo}margin-top:10px; {/block:ifuselogo}text-transform: uppercase;">
  420.  
  421. {block:AskEnabled}<a href="/ask">MESSAGE</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:AskEnabled}
  422.  
  423. {block:ifarchivelink}<a href="/archive">ARCHIVE</a>&nbsp;&nbsp;&nbsp;{/block:ifarchivelink}
  424.  
  425. {block:ifrsslink}<a href="{RSS}"> RSS </a>&nbsp;&nbsp;&nbsp;{/block:ifrsslink}
  426.  
  427. <a href="http://www.kanesimswilson.co.uk">THEME</a>&nbsp;&nbsp;&nbsp;
  428.  
  429. {block:HasPages}
  430. {block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;&nbsp;{/block:Pages}
  431. {/block:HasPages}
  432.  
  433. </div>
  434.  
  435. <div class="description">{description}<br style="clear:both"></div></div>
  436.  
  437. <div class="posts" id="allposts">
  438. {block:Posts}
  439. <div class="box">
  440.  
  441. {block:Photo}
  442. {block:IndexPage}
  443. <a href="{Permalink}" target="_blank">{/block:IndexPage}
  444. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  445. <img style="min-width:100%;" src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
  446.  
  447.  
  448. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  449. <div class="perma">
  450. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  451. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>
  452. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&nbsp;/&nbsp;reblog</a></div>
  453. {/block:Photo}
  454.  
  455. {block:Audio}
  456. <div class="curve">
  457. <div style=" width:100%; height:27px; font-size:1px; color:black; background-color:black;">
  458. {AudioPlayerBlack}
  459. </div><a href="{Permalink}" target="_blank" id="audiotest"></a></div><div id="arrow" style="color:black;">▼</div>
  460.  
  461.  
  462. {block:AlbumArt}<img style="border:1px solid white; width:50px; margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}
  463.  
  464. {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}
  465.  
  466. {block:ifshownotesonhomepage}{block:AlbumArt}<br>{/block:AlbumArt}{/block:ifshownotesonhomepage}
  467.  
  468.  
  469.  
  470. {block:ifshownotesonhomepage}<br>{/block:ifshownotesonhomepage}
  471. {block:IndexPage}
  472. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  473. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  474. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>
  475. <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}
  476.  
  477. {/block:Audio}
  478.  
  479. {block:Video}
  480. <div class="video">{block:iffourrows}
  481. {Video-250}{/block:iffourrows}{block:ifthreerows}
  482. {Video-250}{/block:ifthreerows}
  483. {block:iftworows}
  484. {Video-500}{/block:iftworows}{block:ifonerow}{Video-500}{/block:ifonerow}
  485. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  486.  
  487. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  488. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  489. {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>
  490. {/block:Video}
  491.  
  492. {block:Text}
  493. <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}
  494.  
  495. <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Body}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  496. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  497. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  498. {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>
  499.  
  500. {block:More}<br><br> <a href="{Permalink}" class="readMore">Read More</a>{/block:More}
  501. {/block:Text}
  502.  
  503. {block:Answer}
  504.  
  505. <div class="curve"><a href="{Permalink}" class="ask">&nbsp;{Question}&nbsp;</a></div><div id="arrow">▼</div>
  506.  
  507. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="border:1px solid white;" src="{AskerPortraitURL-16}"/><span style="vertical-align: 25%;">&nbsp;&nbsp;{Asker}</span>
  508. <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Answer}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  509.  
  510. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  511. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  512. {block:NoteCount}<a href="{Permalink}" target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a></div>
  513. {/block:Answer}
  514.  
  515. {block:Link}
  516. <div class="curve"><a href="{URL}" class="title" {Target}>&nbsp;{Name}&nbsp;</a>
  517. </div><div id="arrow">▼</div>
  518. {block:Description}<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Description}</div>{/block:Description}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  519.  
  520. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  521. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  522. {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>
  523. {/block:Link}
  524.  
  525. {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}
  526.  
  527. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  528. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  529. {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}
  530.  
  531. {block:Chat}
  532. <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}
  533.  
  534. <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>
  535. {block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  536.  
  537. <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  538. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  539. {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>
  540. {/block:Chat}
  541.  
  542. {block:PermalinkPage}<block:Caption>{Caption}</block:Caption>{/block:PermalinkPage}
  543.  
  544. {block:PermalinkPage}</div>
  545. {block:IfShowNotesOnPermalinkPages}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:IfShowNotesOnPermalinkPages}
  546. {/block:PermalinkPage}
  547.  
  548. </div>{/block:Posts}
  549. </div>
  550.  
  551. {block:IndexPage}
  552. <div class="columnHolder footer"><div class="column navigation" id="navigation">
  553. {block:Pagination}
  554. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  555. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  556.  
  557. {block:PermalinkPagination}
  558. {block:NextPost}<a href="{NextPost}" class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost}
  559. {block:PreviousPost}<a href="{PreviousPost}" class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div>
  560. {/block:IndexPage}</div>
  561.  
  562. <script type="text/javascript">autoscale(new Array('object', 'embed'));</script>
  563.  
  564.  
  565. </body>
  566.  
  567. <script type="text/javascript">
  568. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  569. function tb8_makeArray(n){
  570. this.length = n;
  571. return this.length;
  572. }
  573.  
  574. tb8_messages = new tb8_makeArray(1);
  575. tb8_messages[0] = "(69) FACEBOOK";
  576. tb8_rptType = 'infinite';
  577. tb8_rptNbr = 5;
  578. tb8_speed = 100;
  579. tb8_delay = 1500;
  580. var tb8_counter=1;
  581. var tb8_currMsg=0;
  582. var tb8_tekst ="";
  583. var tb8_i=0;
  584. var tb8_TID = null;
  585. function tb8_pisi(){
  586. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  587. document.title = tb8_tekst;
  588. tb8_sp=tb8_speed;
  589. tb8_i++;
  590. if (tb8_i==tb8_messages[tb8_currMsg].length){
  591. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  592. }
  593.  
  594. if (tb8_currMsg == tb8_messages.length){
  595. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  596. clearTimeout(tb8_TID);
  597. return;
  598. }
  599.  
  600. tb8_counter++;
  601. tb8_currMsg = 0;
  602. }
  603.  
  604. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  605. }
  606.  
  607. tb8_pisi()
  608. </script>
  609.  
  610. <script type='text/javascript'>
  611. // <![CDATA[
  612. function initCursor() {
  613. if (document.getElementById) {
  614. var i, rats, rlef, rdow;
  615. for (var i=0; i<sparkles; i++) {
  616. var rats=createDiv(3, 3);
  617. rats.style.visibility="hidden";
  618. document.body.appendChild(tiny[i]=rats);
  619. starv[i]=0;
  620. tinyv[i]=0;
  621. var rats=createDiv(5, 5);
  622. rats.style.backgroundColor="transparent";
  623. rats.style.visibility="hidden";
  624. var rlef=createDiv(1, 5);
  625. var rdow=createDiv(5, 1);
  626. rats.appendChild(rlef);
  627. rats.appendChild(rdow);
  628. rlef.style.top="2px";
  629. rlef.style.left="0px";
  630. rdow.style.top="0px";
  631. rdow.style.left="2px";
  632. document.body.appendChild(star[i]=rats);
  633. }
  634. set_width();
  635. sparkle();
  636. }}
  637. var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
  638. var r=1
  639. var g=1
  640. var b=1
  641. var seq=1
  642. var sparkles = 35;
  643. var x=ox=400;
  644. var y=oy=300;
  645. var swide=800;
  646. var shigh=600;
  647. var sleft=sdown=0;
  648. var tiny=new Array();
  649. var star=new Array();
  650. var starv=new Array();
  651. var starx=new Array();
  652. var stary=new Array();
  653. var tinyx=new Array();
  654. var tinyy=new Array();
  655. var tinyv=new Array();
  656. function sparkle() {
  657. var c;
  658. if (x!=ox || y!=oy) {
  659. ox=x;
  660. oy=y;
  661. for (c=0; c<sparkles; c++) if (!starv[c]) {
  662. star[c].style.left=(starx[c]=x)+"px";
  663. star[c].style.top=(stary[c]=y)+"px";
  664. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  665. star[c].style.visibility="visible";
  666. starv[c]=50;
  667. break;
  668. }
  669. }
  670. for (c=0; c<sparkles; c++) {
  671. if (starv[c]) update_star(c);
  672. if (tinyv[c]) update_tiny(c);
  673. }
  674. setTimeout("sparkle()", 40);
  675. }
  676. function update_star(i) {
  677. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  678. if (starv[i]) {
  679. stary[i]+=1+Math.random()*3;
  680. if (stary[i]<shigh+sdown) {
  681. star[i].style.top=stary[i]+"px";
  682. starx[i]+=(i%5-2)/5;
  683. star[i].style.left=starx[i]+"px";
  684. }
  685. else {
  686. star[i].style.visibility="hidden";
  687. starv[i]=0;
  688. return;
  689. }
  690. }
  691. else {
  692. tinyv[i]=50;
  693. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  694. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  695. tiny[i].style.width="2px";
  696. tiny[i].style.height="2px";
  697. star[i].style.visibility="hidden";
  698. tiny[i].style.visibility="visible"
  699. }
  700. }
  701. function update_tiny(i) {
  702. if (--tinyv[i]==25) {
  703. tiny[i].style.width="1px";
  704. tiny[i].style.height="1px";
  705. }
  706. if (tinyv[i]) {
  707. tinyy[i]+=1+Math.random()*3;
  708. if (tinyy[i]<shigh+sdown) {
  709. tiny[i].style.top=tinyy[i]+"px";
  710. tinyx[i]+=(i%5-2)/5;
  711. tiny[i].style.left=tinyx[i]+"px";
  712. }
  713. else {
  714. tiny[i].style.visibility="hidden";
  715. tinyv[i]=0;
  716. return;
  717. }
  718. }
  719. else tiny[i].style.visibility="hidden";
  720. }
  721. document.onmousemove=mouse;
  722. function mouse(e) {
  723. set_scroll();
  724. y=(e)?e.pageY:event.y+sdown;
  725. x=(e)?e.pageX:event.x+sleft;
  726. }
  727. function set_scroll() {
  728. if (typeof(self.pageYOffset)=="number") {
  729. sdown=self.pageYOffset;
  730. sleft=self.pageXOffset;
  731. }
  732. else if (document.body.scrollTop || document.body.scrollLeft) {
  733. sdown=document.body.scrollTop;
  734. sleft=document.body.scrollLeft;
  735. }
  736. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  737. sleft=document.documentElement.scrollLeft;
  738. sdown=document.documentElement.scrollTop;
  739. }
  740. else {
  741. sdown=0;
  742. sleft=0;
  743. }
  744. }
  745. window.onresize=set_width;
  746. function set_width() {
  747. if (typeof(self.innerWidth)=="number") {
  748. swide=self.innerWidth;
  749. shigh=self.innerHeight;
  750. }
  751. else if (document.documentElement && document.documentElement.clientWidth) {
  752. swide=document.documentElement.clientWidth;
  753. shigh=document.documentElement.clientHeight;
  754. }
  755. else if (document.body.clientWidth) {
  756. swide=document.body.clientWidth;
  757. shigh=document.body.clientHeight;
  758. }
  759. }
  760. function createDiv(height, width) {
  761. var div=document.createElement("div");
  762. rainbow="#"+hex[r]+hex[g]+hex[b]
  763. if (seq==6){
  764. b--
  765. if (b==0)
  766. seq=1
  767. }
  768. if (seq==5){
  769. r++
  770. if (r==12)
  771. seq=6
  772. }
  773. if (seq==4){
  774. g--
  775. if (g==0)
  776. seq=5
  777. }
  778. if (seq==3){
  779. b++
  780. if (b==12)
  781. seq=4
  782. }
  783. if (seq==2){
  784. r--
  785. if (r==0)
  786. seq=3
  787. }
  788. if (seq==1){
  789. g++
  790. if (g==12)
  791. seq=2
  792. }
  793. div.style.position="absolute";
  794. div.style.height=height+"px";
  795. div.style.width=width+"px";
  796. div.style.overflow="hidden";
  797. div.style.zIndex="10";
  798. div.style.backgroundColor=rainbow;
  799. return (div);
  800. }
  801. window.onload=function()
  802. {
  803. initCursor()
  804. initImage()
  805. startTime()
  806. }
  807. function initImage() {
  808. imageId = 'menu'
  809. image = document.getElementById(imageId);
  810. setOpacity(image, 0);
  811. image.style.visibility = "visible";
  812. fadeIn(imageId,0);
  813. }
  814. function fadeIn(objId,opacity) {
  815. if (document.getElementById) {
  816. obj = document.getElementById(objId);
  817. if (opacity <= 100) {
  818. setOpacity(obj, opacity);
  819. opacity += 10;
  820. window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 120);
  821. }
  822. }
  823. }
  824. function setOpacity(obj, opacity) {
  825. opacity = (opacity == 100)?99.999:opacity;
  826. // IE/Win
  827. obj.style.filter = "alpha(opacity:"+opacity+")";
  828. // Safari<1.2, Konqueror
  829. obj.style.KHTMLOpacity = opacity/100;
  830. // Older Mozilla and Firefox
  831. obj.style.MozOpacity = opacity/100;
  832. // Safari 1.2, newer Firefox and Mozilla, CSS3
  833. obj.style.opacity = opacity/100;
  834. }
  835. function changeNav(id) {
  836. document.getElementById('content').innerHTML=document.getElementById(id).innerHTML;
  837. document.getElementById('main').innerHTML=document.getElementById('home').innerHTML;
  838. document.getElementById('rabbit').style.top="275px"
  839. document.getElementById('penguin').style.top="532px"
  840. }
  841. function hidestatus(){
  842. window.status=""
  843. return true
  844. }
  845. // ]]>
  846. </script>
  847. <script type="text/javascript">
  848. if (window.jstiming) window.jstiming.load.tick('headEnd');
  849. </script>
  850. <div class='navbar section' id='navbar'><div class='widget navbar' id='navbar1'><script type="text/javascript">
  851. function setAttributeOnload(object, attribute, val) {
  852. if(window.addEventListener) {
  853. window.addEventListener("load",
  854. function(){ object[attribute] = val; }, false);
  855. } else {
  856. window.attachEvent('onload', function(){ object[attribute] = val; });
  857. }
  858. }
  859. function showRelatedContent(args) {
  860. var el = document.getElementById('related-iframe');
  861. if (el.parentNode.style.display != 'none') {
  862. el.parentNode.style.display = 'none';
  863. document.onclick = showRelatedContent.prevOnClick;
  864. return;
  865. }
  866. var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
  867. if (match !== null) {
  868. document.getElementById('related-loading').style.left = match[1] + 'px';
  869. el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';
  870. }
  871. el.src = "http://www.blogger.com"
  872. + '/related-content.g?q='
  873. + window.location.href
  874. + '&id=' + "7792698363959436653";
  875. el.parentNode.style.display = 'block';
  876. showRelatedContent.prevOnClick = document.onclick;
  877. // Hide related-content dropdown when clicking anywhere but on it.
  878. document.onclick = function() {
  879. var el = document.getElementById('related-iframe');
  880. if (el.parentNode.style.display != 'none') {
  881. el.parentNode.style.display = 'none';
  882. }
  883. document.onclick = showRelatedContent.prevOnClick;
  884. };
  885. }
  886. </script>
  887.  
  888.  
  889. </html>
create a new version of this paste RAW Paste Data