Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

narnia theme code

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