API tools faq
paste
Advertisement
lennonthemes

loki

lennonthemes
Jul 25th, 2013
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8.  
  9. <!--Theme by Lennon Byrd-->
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  23.  
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#aaaaaa"/>
  27. <meta name="color:Link" content="#717581"/>
  28. <meta name="color:sblinks" content="#cccccc"/>
  29. <meta name="color:linkhover" content="#f1f1f1"/>
  30. <meta name="color:border" content="#cccccc"/>
  31.  
  32. <meta name="image:Sidebar" content=""/>
  33.  
  34.  
  35. <meta name="text:Link1" content="/" />
  36. <meta name="text:Link1 Title" content="" />
  37.  
  38. <meta name="text:Link2" content="/" />
  39. <meta name="text:Link2 Title" content="" />
  40.  
  41. <meta name="text:Link3" content="/" />
  42. <meta name="text:Link3 Title" content="" />
  43.  
  44. <meta name="text:Link4" content="/" />
  45. <meta name="text:Link4 Title" content="" />
  46.  
  47. <meta name="text:hometitle" content="index" />
  48. <meta name="text:asktitle" content="mail" />
  49.  
  50. <meta name="text:previouspage" content="back" />
  51. <meta name="text:nextpage" content="next" />
  52.  
  53. <meta name="if:Infinite Scroll" content="0">
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56.  
  57. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  58.  
  59. <script>
  60.  
  61. (function($){
  62.  
  63. $(document).ready(function(){
  64.  
  65. $("a[title]").style_my_tooltips({
  66.  
  67. tip_follows_cursor:true,
  68.  
  69. tip_delay_time:30,
  70.  
  71. tip_fade_speed:300,
  72.  
  73. attribute:"title"
  74.  
  75. });
  76.  
  77. });
  78.  
  79. })(jQuery);
  80.  
  81. </script>
  82.  
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84.  
  85. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  86.  
  87.  
  88. {block:IndexPage}
  89. {block:ifInfiniteScroll}
  90. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  91. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  92. <script type="text/javascript">
  93. $(window).load(function(){
  94. var $wall = $('#entries');
  95. $wall.imagesLoaded(function(){
  96. $wall.masonry({
  97. itemSelector: '#posts',
  98. isAnimated : false
  99. });
  100. });
  101. $wall.infinitescroll({
  102. navSelector : '.pagination',
  103. nextSelector : '.pagination a',
  104. itemSelector : '#posts',
  105. bufferPx : 2000,
  106. debug : false,
  107. errorCallback: function() {
  108. $('#infscr-loading').fadeOut('normal');
  109. }},
  110. function( newElements ) {
  111. var $newElems = $( newElements );
  112. $newElems.hide();
  113. $newElems.imagesLoaded(function(){
  114. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  115. });
  116. }); $('#posts').show(500);
  117. });
  118. </script>
  119. {/block:ifInfiniteScroll}
  120. {block:ifNotInfiniteScroll}
  121. <script src="/path/to/masonry.pkgd.min.js"></script>
  122. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  123.  
  124. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  125.  
  126.  
  127. <script type="text/javascript">
  128. $(window).load(function () {
  129. $('#entries').masonry({
  130. itemSelector : "#posts",
  131. },
  132. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  133. );
  134. });
  135. </script>
  136. {/block:ifNotInfiniteScroll}
  137. {/block:IndexPage}
  138.  
  139.  
  140. <style type="text/css">
  141.  
  142.  
  143. ::-webkit-scrollbar {height: auto;width: 6px;}
  144. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  145. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  146.  
  147.  
  148. body {background:{color:background}; margin:0px; color:{color:text}; font-family:serif; font-size:9px; line-height:100%;}
  149.  
  150. blockquote {
  151. border-left:1px solid #f8f8f8;
  152. padding-left:2px;
  153. margin:5px;
  154. }
  155.  
  156. a {color:{color:Link}; text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  157.  
  158. a:hover {text-decoration:none; color:{color:linkhover};}
  159.  
  160. img {none;}
  161.  
  162. h1 { font-family:anaheim; font-size:10px; font-style:none; text-transform:uppercase; text-align:left; font-weight:normal;}
  163.  
  164. h2 {font-size:10px; text-transform:none; font-weight:normal;}
  165.  
  166.  
  167. #notes { font-family:anaheim; text-transform:lowercase; font-size:9px; }
  168.  
  169. #info { text-align:left; padding:5px; margin-top:5px; margin-bottom:10px;
  170. text-transform: none; font-family:anaheim; font-size:9px; margin-left:-5px; }
  171.  
  172. #info #tags { opacity:0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  173.  
  174. #info:hover #tags { opacity:1; margin-top:4px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  175.  
  176. #tags { font-family:anaheim; letter-spacing:1px; text-transform:none;
  177. font-size:9px; margin-left:0px; margin-top:-2px; }
  178.  
  179.  
  180. #audio { font-family:anaheim; margin-bottom:5px; width:500px; height:justify; }
  181.  
  182. .cover { width:78px; height:78px; position:absolute; }
  183.  
  184. .cover img { width:50px; height:50px; float:left; margin-top:10px; }
  185.  
  186. .player { opacity: 0.05; position:absolute; z-index:1; background:#fff;width:90px; height:90px; display:block; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease; }
  187.  
  188. .player:hover{opacity:0.5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o -transition: all 0.7s ease; }
  189.  
  190. .player2 { width:25px; height:25px; margin-top:20px; margin-left:20px; overflow:hidden; padding:3px; padding-right:10px; }
  191.  
  192. .track { text-transform:uppercase; margin-left:80px; line-height:15px; padding-top:10px; }
  193.  
  194. .blogtitle{ letter-spacing:2px; font-family:titulo; font-size:15px;}
  195.  
  196. .sidebar {
  197. position: fixed;
  198. width: 200px;
  199. height: 100%;
  200. padding: 20px;
  201. top: 230px;}
  202.  
  203.  
  204. .sidebar img {max-width: 100px; border:1px solid #eee;}
  205.  
  206. .sidebar a {color:trans;}
  207.  
  208. .description {font-family:cambria; font-size:9px; text-transform:none; text-align:left; margin: 10px 0px; width:100px}
  209.  
  210. .links {
  211. width: 70%;
  212. margin-left: -20px;
  213. font-family:cambria; font-size:8px; text-transform:uppercase; letter-spacing:1px;}
  214.  
  215. .links a {
  216. display: block;
  217. text-align: center;
  218. padding: 2px 0px;}
  219.  
  220. .links a:hover {letter-spacing:6px;}
  221.  
  222.  
  223. #topbar {width:100%; position:fixed; margin-top:-1px; margin-left:-10px; background-color:#000; color:#fff; padding:10px; z-index:2;}
  224.  
  225. .topbar {width:450px;}
  226. .topbar a {color:#fff;}
  227.  
  228. #topnav {margin-bottom:4px}
  229.  
  230. #topnav a {color:{color:toplinks}; display:inline-block; padding:5px 2px; width:50px; height:auto; margin-right:5px; margin-bottom:-10px; font-family:cambria; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:center; -webkit-transition:opacity 0.8s linear; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
  231.  
  232.  
  233. #con {position:absolute; left:50%; {block:IndexPage} margin-left:-335px; {/block:IndexPage} {block:PermalinkPage} margin-left:-260px; {/block:PermalinkPage}}
  234.  
  235. #entries {position:absolute; {block:IndexPage} width:870px; margin-top:60px; {/block:IndexPage} {block:PermalinkPage} width:530px;margin-top:100px; {/block:PermalinkPage} background-color:{color:entries}; padding-bottom:10px;margin-bottom:50px;}
  236.  
  237. #posts {{block:IndexPage} margin-top:10px; margin-left:10px; float:left;
  238. width:400px; {/block:IndexPage} {block:PermalinkPage} width:500px; margin-top:10px; margin-left:10px; {/block:PermalinkPage} padding:10px; background-color:#trans; overflow:hidden;}
  239.  
  240. #posts img { {block:IndexPage}max-width: 400px; {/block:IndexPage} {block:PermalinkPage} max-width:500px; {/block:PermalinkPage}}
  241.  
  242.  
  243. #credit a { background-color:#fff; padding:5px; border:1px solid #ccc; position:fixed;right:15px; bottom:10px }
  244.  
  245. #credit a:hover {color:#fff; background-color:#191919;}
  246.  
  247. #asker { float:left; margin-right:5px; }
  248.  
  249. #q { font-family:consolas; text-transform:lowercase; letter-spacing:1px; padding-bottom:3px; }
  250.  
  251. #question { font-family:consolas; font-style:italic; font-size:10px; }
  252.  
  253. #answer { font-family:consolas; text-transform:uppercase; font-size:10px; }
  254.  
  255. </style>
  256. <script type="text/javascript">
  257. $(function(){ // document ready
  258. if (!!$('.sidebar').offset()) { // make sure ".sticky" element exists
  259. var stickyTop = $('.sidebar').offset().top; // returns number
  260. $(window).scroll(function(){ // scroll event
  261. var windowTop = $(window).scrollTop(); // returns number
  262. if (stickyTop < windowTop){
  263. $('.sidebar').css({ position: 'fixed', top: 30 });
  264. }
  265. else {
  266. $('.sidebar').css({ position: 'fixed', top: 230 });
  267. }
  268. });
  269. }
  270. });
  271. </script>
  272.  
  273. </head>
  274.  
  275. <body>
  276.  
  277.  
  278.  
  279. <div id="topbar">
  280. <center><div align="center" class="topbar">
  281.  
  282. <div id="topnav"><center>
  283. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  284. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  285. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  286. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  287.  
  288. <a href="http://bonivur.tumblr.com">theme</a>
  289. </center></div>
  290. </div></center>
  291. </div>
  292.  
  293.  
  294.  
  295. <div class="sidebar">
  296.  
  297.  
  298.  
  299. <img src="{image:sidebar}">
  300.  
  301. <div class="description">{Description}</div>
  302.  
  303. <div class="links">
  304. <a href="/">{text:hometitle}</a>
  305. <a href="/ask">{text:asktitle}</a>
  306. <a href="/archive">archive</a>
  307. <a href="http://bonivur.tumblr.com">theme</a>
  308.  
  309. </div>
  310.  
  311.  
  312. {block:ifInfiniteScroll}
  313. <div class="pagination">
  314. {block:Pagination}
  315. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">{text:nextpage}</a>{/block:NextPage}
  316. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">{text:previouspage}</a></p>{/block:PreviousPage}
  317. {/block:Pagination}
  318. </div>
  319. {/block:ifInfiniteScroll}
  320.  
  321. {block:ifNotInfiniteScroll}
  322. <div class="pagination">
  323. {block:Pagination}
  324. {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}
  325. {block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a>{/block:PreviousPage}
  326. {/block:Pagination}
  327. </div>
  328. {/block:ifNotInfiniteScroll}
  329. </div>
  330. <div id="credit"><a href="http://bonivur.tumblr.com">LB</a></div>
  331.  
  332. <div id="con">
  333.  
  334.  
  335.  
  336. <div id="entries">
  337.  
  338. {block:Posts}
  339. <div id="posts">
  340. {block:Date}
  341. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  342.  
  343. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  344.  
  345. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  346.  
  347. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  348.  
  349. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  350.  
  351. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  352.  
  353.  
  354. {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  355. <div class="player">
  356. <div class="player2">
  357. {AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}</div><br>{Caption}</div>
  358. {/block:Audio}
  359.  
  360. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  361.  
  362. {block:Answer}<div id="asker"></div><div id="q">{Asker} asked: {Question} {Answer}{/block:Answer}
  363.  
  364. <div id="info"> posted <a href="{Permalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  365. {block:ContentSource}(Source: <a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}
  366. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
  367. {/block:Posts}<div id="tags" st>
  368. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  369. {/block:Posts}</div></div></div>
  370.  
  371. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!