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