API tools faq
paste
EmilyTozerr

Blink & it's over Infinite 2

EmilyTozerr
Jun 26th, 2012
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.88 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. <html lang="en">
  4. <head>
  5.  
  6. <!--
  7. THEME BY BLINK AND IT'S OVER
  8. CREATED BY: HTTP://WWW.KANESIMSWILSON.CO.UK
  9. -->
  10.  
  11.  
  12. <title>{Title}</title>
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <meta name="color:Blog title" content="#FFFFFF"/>
  17. <meta name="color:Text" content="#FFFFFF"/>
  18. <meta name="color:Links" content="#FFFFFF"/>
  19. <meta name="color:Links Hover" content="#CFD86D"/>
  20. <meta name="if:Background image" content="1">
  21. <meta name="if:Show notes on permalink pages" content="1">
  22. <meta name="if:Show notes on home page" content="1">
  23. <meta name="if:One row" content="0">
  24. <meta name="if:Two rows" content="1">
  25. <meta name="if:Three rows" content="0">
  26. <meta name="if:Four rows" content="0">
  27. <meta name="if:RSS link" content="1">
  28. <meta name="if:Archive link" content="1">
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="font:Body" content="Helvetica"/>
  31. <meta name="image:Background"
  32. content="http://static.tumblr.com/2w7y46r/tzYlh3lyo/heart-of-the-universe.jpg">
  33. <meta name="if:Use logo" content="0">
  34. <meta name="image:Logo" content="">
  35. <meta name="color:Title" content="#ffffff"/>
  36. <meta name="color:Text Bubble" content="#000000"/>
  37. {block:Description}<meta name="description"
  38. content="{MetaDescription}"/>{/block:Description}
  39. <script type="text/javascript"
  40. src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>
  41. <script type="text/javascript"
  42. src="http://static.tumblr.com/ts2nqrf/mNQl8du9p/bebas.js"></script>
  43. <script type="text/javascript"
  44. src="http://static.tumblr.com/df28qmy/u5slh3ibc/jquery.min.js"></script>
  45. <script type="text/javascript">
  46. Cufon.DOM.ready(function() {
  47. Cufon.replace('.bebas', { fontFamily: 'bebas', hover:true });
  48. $('.bebas').css('visibility','visible');
  49. });
  50. </script>
  51.  
  52. <style type="text/css">
  53.  
  54. h1 { color:{color:Blog title}; font-weight: normal; font-size: 50px;
  55. font-family: 'BebasNeueRegular', sans-serif; line-height:
  56. -4px;{block:ifuselogo}display:none;{/block:ifuselogo}}
  57. h1 a {color:{color:Blog title};}
  58. body {height: 100%; background-color:{color:Background}; color:
  59. {color:Text};font-size: 11px; font-family:{font:Body}; line-height:
  60. 14px; padding: 30px 0 200px 0;
  61. {block:ifbackgroundimage}background-attachment: fixed;
  62. background-image:url('{image:Background}');{/block:ifbackgroundimage}}
  63. a {color: {color:Links}; text-decoration:none;}
  64. a:hover { color: {color:Links Hover}; -webkit-transition-duration: 0.5s; }
  65. a.title {color: {color:Links}; text-decoration:none;}
  66. #container { width: 1050px; margin: auto auto auto auto; position: relative;}
  67. #container .header { width: 1050px; margin: auto auto; }
  68. #container .description {padding: 10px 0px 40px; clear: both;
  69. position: relative; text-align:center; width:500px; margin-left: auto
  70. ; margin-right: auto;}
  71. #container .posts {width: 1050px; clear: both; position: relative;
  72. margin-left: auto; margin-right: auto; padding-top:30px; }
  73. #container .box {width: 345px;{block:iftworows}width:
  74. 500px;{/block:iftworows}{block:iffourrows}width: 250px;
  75. margin-bottom:20px;{/block:iffourrows}
  76. {block:indexpage}{block:ifonerow}width: 600px;
  77. padding-left:21%;{/block:ifonerow}{/block:indexpage}margin-left: 5px;
  78. float: left; margin-bottom: 15px; position: relative; }
  79. #container .box a{-webkit-transition-duration: 0.5s;}
  80. #container .box img {max-width: 100%; border:0px;
  81. -webkit-transition-duration: 0.5s; opacity:1;}
  82. #container .title { font-size: 12px;line-height: 18px;
  83. text-decoration: none; display: block; color:{color:Title}; padding:
  84. 8px;}
  85. #container .ask { font-size: 11px;line-height: 18px; text-decoration:
  86. none; display: block; color:{color:Title}; padding: 8px;}
  87. #container .audio {width: 207px;}
  88. #container .columnHolder {width: 800px; margin: 5px 0 0 5px; overflow: hidden;}
  89. #container .columnHolder .column { width: 225px; min-height: 1px; float: left;}
  90. #container .columnHolder .column.middle { margin: 0 0px; }
  91. #arrow {font-size:15px; padding-left:20px; color:{color:Text Bubble};
  92. margin-top:-5px; padding-bottom:5px;}
  93. {block:PermalinkPage}
  94. .box { width: 600px !important; padding-left: 21%;}
  95.  
  96. p.answer_form_container { width: 580px; }
  97. ol.notes { width: 600px; position:relative; padding-left:21%;
  98. list-style-type: none; margin: 0px 0 10px 0; padding: -10px -90px; }
  99. ol.notes li.note { margin: 0px 0 2px 0; padding: 0;}
  100. ol.notes a { color: #ffffff; }
  101. ol.notes img.avatar { display: true; padding:2px 0 0 2px; border:0px;}
  102. ol.notes blockquote { margin: 0; }
  103. ol.notes blockquote a { text-decoration: none; }
  104. {/block:PermalinkPage}
  105. .video{text-align: center; background-color:black;}
  106. .curve { background-color:{color:Text Bubble};
  107. -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
  108. -moz-border-radius-topright: 4px; -webkit-border-top-right-radius:
  109. 4px; -moz-border-radius-bottomleft: 4px;
  110. moz-border-radius-bottomright: 4px;
  111. -webkit-border-bottom-right-radius:
  112. 4px;-webkit-border-bottom-left-radius: 4px; overflow:hidden;}
  113. .box:hover .perma
  114. {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;{/block:ifshownotesonhomepage}{/block:indexpage}
  115. z-index:10000; top:50%;}
  116. .perma { margin-top: -18px; opacity: 0; font-family:{font:Body};
  117. font-size: 9px; z-index: 1000000; text-align: center; text-transform:
  118. uppercase; top:50%;
  119. }
  120. #top-link { position:fixed; right:5px; bottom:5px; color:white;
  121. font-weight:bold; text-decoration:none; padding:10px; border:0px; }
  122. #audiotest {background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');margin-top:
  123. -27px;display:block;height:27px;z-index:-1000;width:250px;}
  124. .box:hover .back {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;
  125. {/block:ifshownotesonhomepage}{/block:indexpage}z-index:1000;}
  126. .back { margin-top: -25px; width:100%; opacity: 0;
  127. z-index: 1000;}
  128. {block:PermalinkPage}
  129. .back img{width:500px; height:20px;}
  130. {/block:PermalinkPage}
  131. {block:iffourrows}
  132. .back img{width:100%; height:20px;}
  133. {/block:iffourrows}
  134. {block:iftworows}
  135. .back img{width:500px; height:20px;}
  136. {/block:iftworows}
  137. {block:ifonerow}
  138. .back img{width:600px; height:20px;}
  139. {/block:ifonerow}
  140. </style>
  141. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  142. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  143. <script src="http://static.tumblr.com/df28qmy/Mpalh3i8p/jquery.scrollto-1.4.0-min.js"
  144. type="text/javascript"></script>
  145. <script type="text/javascript">
  146. //plugin
  147. jQuery.fn.topLink = function(settings) {
  148. settings = jQuery.extend({
  149. min: 1,
  150. fadeSpeed: 200
  151. }, settings);
  152. return this.each(function() {
  153. //listen for scroll
  154. var el = $(this);
  155. el.hide(); //in case the user forgot
  156. $(window).scroll(function() {
  157. if($(window).scrollTop() >= settings.min)
  158. {
  159. el.fadeIn(settings.fadeSpeed);
  160. }
  161. else
  162. {
  163. el.fadeOut(settings.fadeSpeed);
  164. }
  165. });
  166. });
  167. };
  168. //usage w/ smoothscroll
  169. $(document).ready(function() {
  170. //set the link
  171. $('#top-link').topLink({
  172. min: 400,
  173. fadeSpeed: 500
  174. });
  175. //smoothscroll
  176. $('#top-link').click(function(e) {
  177. e.preventDefault();
  178. $.scrollTo(0,300);
  179. });
  180. });
  181. $(window).load(function () {
  182. $('.posts').masonry(),
  183. $('.masonryWrap').infinitescroll({
  184. navSelector : "div#navigation",
  185. // selector for the paged navigation (it will be hidden)
  186. nextSelector : "div#navigation a#nextPage",
  187. // selector for the NEXT link (to page 2)
  188. itemSelector : ".box",
  189. // selector for all items you'll retrieve
  190. bufferPx : 10000,
  191. extraScrollPx: 11000,
  192. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  193. loadingText : "<em></em>",
  194. },
  195. // call masonry as a callback.
  196. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  197. );
  198. });
  199. </script>
  200. <script>
  201. function changeStyle(title) {
  202. var lnks = document.getElementsByTagName('link');
  203. for (var i = lnks.length - 1; i >= 0; i--) {
  204. if (lnks[i].getAttribute('rel').indexOf('style')> -1 &&
  205. lnks[i].getAttribute('title')) {
  206. lnks[i].disabled = true;
  207. if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
  208. }}}
  209. </script>
  210.  
  211.  
  212. </head>
  213. <body onload="setTimeout('function1()', 1000);setTimeout('function2()', 1500);">
  214. <a href="#top" id="top-link"><img
  215. style="border:0px;"src='http://b.imagehost.org/0971/jump_to_top_arrow.png'/></a>
  216. {block:indexpage}
  217. <script language="JavaScript">
  218. function function1(){
  219. window.scrollTo(0,5);
  220. }
  221. function function2(){
  222. window.scroll(0,2);
  223. }
  224. </script>
  225. {/block:indexpage}
  226. <br>
  227. <div id="container">
  228. <div class="header">
  229. <div style="text-align: center;">{block:ifuselogo}<img
  230. style="max-width:1500px; max-height:300px"
  231. src="{image:logo}"/>{/block:ifuselogo}<h1 class="bebas"><a
  232. href="/">{Title}</a></h1></div>
  233. <div style="text-align: center; font-size:9.4px; margin-top:-35px;
  234. {block:ifuselogo}margin-top:10px; {/block:ifuselogo}text-transform:
  235. uppercase;">
  236. {block:AskEnabled}<a
  237. href="/ask">MESSAGE</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:AskEnabled}
  238. {block:ifarchivelink}<a
  239. href="/archive">ARCHIVE</a>&nbsp;&nbsp;&nbsp;{/block:ifarchivelink}
  240. {block:ifrsslink}<a href="{RSS}"> RSS </a>&nbsp;&nbsp;&nbsp;{/block:ifrsslink}
  241. <a href="http://www.kanesimswilson.co.uk">THEME</a>&nbsp;&nbsp;&nbsp;
  242. {block:HasPages}
  243. {block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;&nbsp;{/block:Pages}
  244. {/block:HasPages}
  245. </div>
  246. <div class="description">{description}<br style="clear:both"></div></div>
  247. <div class="posts" id="allposts">
  248. {block:Posts}
  249. <div class="box">
  250. {block:Photo}
  251. {block:IndexPage}
  252. <a href="{Permalink}" target="_blank">{/block:IndexPage}
  253. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  254. <img style="min-width:100%;"
  255. src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"
  256. alt="{PhotoAlt}">
  257.  
  258. <div class="back"><img
  259. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  260. <div class="perma">
  261. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  262. {block:NoteCount}<a href="{Permalink}"
  263. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>
  264. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  265. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  266. {/block:Photo}
  267. {block:Audio}
  268. <div class="curve">
  269. <div style=" width:100%; height:27px; font-size:1px; color:black;
  270. background-color:black;">
  271. {AudioPlayerBlack}
  272. </div><a href="{Permalink}" target="_blank"
  273. id="audiotest"></a></div><div id="arrow" style="color:black;">▼</div>
  274.  
  275. {block:AlbumArt}<img style="border:1px solid white; width:50px;
  276. margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}
  277. {block:indexpage}<div style="{block:AlbumArt}min-height:40px;
  278. padding-left:70px;margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  279. {block:ifshownotesonhomepage}{block:AlbumArt}<br>{/block:AlbumArt}{/block:ifshownotesonhomepage}
  280.  
  281.  
  282. {block:ifshownotesonhomepage}<br>{/block:ifshownotesonhomepage}
  283. {block:IndexPage}
  284. <div class="back"><img
  285. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  286. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  287. {block:NoteCount}<a href="{Permalink}"
  288. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>
  289. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  290. target="_blank">&nbsp;/&nbsp;reblog</a>{block:ExternalAudio}<a
  291. href="{ExternalAudioURL}">&nbsp;/&nbsp;download</a>{/block:ExternalAudio}</div>{/block:IndexPage}
  292. {/block:Audio}
  293. {block:Video}
  294. <div class="video">{block:iffourrows}
  295. {Video-250}{/block:iffourrows}{block:ifthreerows}
  296. {Video-250}{/block:ifthreerows}
  297. {block:iftworows}
  298. {Video-500}{/block:iftworows}{block:ifonerow}{Video-500}{/block:ifonerow}
  299. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  300. <div class="back"><img
  301. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  302. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  303. {block:NoteCount}<a href="{Permalink}"
  304. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  305. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  306. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  307. {/block:Video}
  308. {block:Text}
  309. <div class="curve">{block:Title}<a href="{Permalink}"
  310. class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div
  311. id="arrow">▼</div>{/block:Title}
  312. <div style="padding-left:8px; padding-top:2px;
  313. padding-right:8px;">{Body}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  314. <div class="back"><img
  315. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  316. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  317. {block:NoteCount}<a href="{Permalink}"
  318. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  319. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  320. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  321. {block:More}<br><br> <a href="{Permalink}" class="readMore">Read
  322. More</a>{/block:More}
  323. {/block:Text}
  324. {block:Answer}
  325. <div class="curve"><a href="{Permalink}"
  326. class="ask">&nbsp;{Question}&nbsp;</a></div><div id="arrow">▼</div>
  327. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="border:1px solid white;"
  328. src="{AskerPortraitURL-16}"/><span style="vertical-align:
  329. 25%;">&nbsp;&nbsp;{Asker}</span>
  330. <div style="padding-left:8px; padding-top:2px;
  331. padding-right:8px;">{Answer}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  332. <div class="back"><img
  333. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  334. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  335. {block:NoteCount}<a href="{Permalink}"
  336. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a></div>
  337. {/block:Answer}
  338. {block:Link}
  339. <div class="curve"><a href="{URL}" class="title" {Target}>&nbsp;{Name}&nbsp;</a>
  340. </div><div id="arrow">▼</div>
  341. {block:Description}<div style="padding-left:8px; padding-top:2px;
  342. padding-right:8px;">{Description}</div>{/block:Description}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  343. <div class="back"><img
  344. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  345. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  346. {block:NoteCount}<a href="{Permalink}"
  347. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  348. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  349. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  350. {/block:Link}
  351. {block:Quote}<div class="curve"><a href="{Permalink}"
  352. class="title">"{Quote}"</a></div><div
  353. id="arrow">▼</div>{block:Source}&nbsp;&nbsp;{Source}<br>{/block:Source}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  354. <div class="back"><img
  355. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  356. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  357. {block:NoteCount}<a href="{Permalink}"
  358. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  359. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  360. target="_blank">&nbsp;/&nbsp;reblog</a></div>{/block:Quote}
  361. {block:Chat}
  362. <div class="curve">{block:Title}<a href="{Permalink}"
  363. class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div
  364. id="arrow">▼</div>{/block:Title}
  365. <table class="chat"
  366. style="padding-left:5px;"cellspacing="0">{block:Lines}<tr>{block:Label}<td
  367. class="name line{UserNumber}">{Label}</td>{block:Label}<td
  368. class="words line{UserNumber}">{Line}</td></tr>{/block:Lines}</table>
  369. {block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  370. <div class="back"><img
  371. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  372. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  373. {block:NoteCount}<a href="{Permalink}"
  374. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  375. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  376. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  377. {/block:Chat}
  378. {block:PermalinkPage}<block:Caption>{Caption}</block:Caption>{/block:PermalinkPage}
  379. {block:PermalinkPage}</div>
  380. {block:IfShowNotesOnPermalinkPages}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:IfShowNotesOnPermalinkPages}
  381. {/block:PermalinkPage}
  382. </div>{/block:Posts}
  383. </div>
  384. {block:IndexPage}
  385. <div class="columnHolder footer"><div class="column navigation" id="navigation">
  386. {block:Pagination}
  387. {block:PreviousPage}<a href="{PreviousPage}"
  388. class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  389. {block:NextPage}<a href="{NextPage}" class="navigate"
  390. id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  391. {block:PermalinkPagination}
  392. {block:NextPost}<a href="{NextPost}"
  393. class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost}
  394. {block:PreviousPost}<a href="{PreviousPost}"
  395. class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div>
  396. {/block:IndexPage}</div>
  397. <script type="text/javascript">autoscale(new Array('object', 'embed'));</script>
  398.  
  399. </body>
  400. </html>
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!