Infinite 2 theme by Blink and It's Over HTML Code

SUBMITTED BY: Guest

DATE: April 12, 2013, 3:55 p.m.

FORMAT: Text only

SIZE: 18.6 kB

Raw Download

HITS: 1052

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>
  6. <!--
  7. THEME BY BLINK AND IT'S OVER
  8. CREATED BY: HTTP://WWW.KANESIMSWILSON.CO.UK
  9. -->
  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>
  52. <style type="text/css">
  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%;}
  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>
  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}">
  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>
  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}
  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>
  399. </body>
  400. </html>
comments powered by Disqus