API tools faq
paste
Advertisement
lennonthemes

skeleton

lennonthemes
Jul 24th, 2013
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.39 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:previouspage" content="back" />
  48. <meta name="text:nextpage" content="next" />
  49.  
  50. <meta name="if:Infinite Scroll" content="0">
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $("a[title]").style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:"title"
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81.  
  82. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  83.  
  84.  
  85. {block:IndexPage}
  86. {block:ifInfiniteScroll}
  87. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  88. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  89. <script type="text/javascript">
  90. $(window).load(function(){
  91. var $wall = $('#entries');
  92. $wall.imagesLoaded(function(){
  93. $wall.masonry({
  94. itemSelector: '#posts',
  95. isAnimated : false
  96. });
  97. });
  98. $wall.infinitescroll({
  99. navSelector : '.pagination',
  100. nextSelector : '.pagination a',
  101. itemSelector : '#posts',
  102. bufferPx : 2000,
  103. debug : false,
  104. errorCallback: function() {
  105. $('#infscr-loading').fadeOut('normal');
  106. }},
  107. function( newElements ) {
  108. var $newElems = $( newElements );
  109. $newElems.hide();
  110. $newElems.imagesLoaded(function(){
  111. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  112. });
  113. }); $('#posts').show(500);
  114. });
  115. </script>
  116. {/block:ifInfiniteScroll}
  117. {block:ifNotInfiniteScroll}
  118. <script src="/path/to/masonry.pkgd.min.js"></script>
  119. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  120.  
  121. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  122.  
  123.  
  124. <script type="text/javascript">
  125. $(window).load(function () {
  126. $('#entries').masonry({
  127. itemSelector : "#posts",
  128. },
  129. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  130. );
  131. });
  132. </script>
  133. {/block:ifNotInfiniteScroll}
  134. {/block:IndexPage}
  135.  
  136.  
  137. <style type="text/css">
  138.  
  139. @font-face {
  140. font-family:titulo;
  141. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');
  142. }
  143.  
  144. ::-webkit-scrollbar {height: auto;width: 6px;}
  145. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  146. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  147.  
  148.  
  149. body {background:{color:background}; margin:0px; color:{color:text}; font-family:serif; font-size:9px; line-height:100%;}
  150.  
  151. blockquote {
  152. border-left:1px solid #f8f8f8;
  153. padding-left:2px;
  154. margin:5px;
  155. }
  156.  
  157. 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; }
  158.  
  159. a:hover {text-decoration:none; color:{color:linkhover};}
  160.  
  161. img {none;}
  162.  
  163. h1 { font-family:anaheim; font-size:10px; font-style:none; text-transform:uppercase; text-align:left; font-weight:normal;}
  164.  
  165. h2 {font-size:10px; text-transform:none; font-weight:normal;}
  166.  
  167.  
  168. #notes { font-family:anaheim; text-transform:lowercase; font-size:9px; }
  169.  
  170. #info { text-align:left; padding:5px; margin-top:5px; margin-bottom:10px;
  171. text-transform: none; font-family:anaheim; font-size:9px; margin-left:-5px; }
  172.  
  173. #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; }
  174.  
  175. #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; }
  176.  
  177. #tags { font-family:anaheim; letter-spacing:1px; text-transform:none;
  178. font-size:9px; margin-left:0px; margin-top:-2px; }
  179.  
  180.  
  181. #audio { font-family:anaheim; margin-bottom:5px; width:500px; height:justify; }
  182.  
  183. .cover { width:78px; height:78px; position:absolute; }
  184.  
  185. .cover img { width:50px; height:50px; float:left; margin-top:10px; }
  186.  
  187. .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; }
  188.  
  189. .player:hover{opacity:0.5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o -transition: all 0.7s ease; }
  190.  
  191. .player2 { width:25px; height:25px; margin-top:20px; margin-left:20px; overflow:hidden; padding:3px; padding-right:10px; }
  192.  
  193. .track { text-transform:uppercase; margin-left:80px; line-height:15px; padding-top:10px; }
  194.  
  195. .blogtitle{ letter-spacing:2px; font-family:titulo; font-size:15px;}
  196.  
  197. #sidebar { width:120px; position:fixed; margin-left:220px; margin-top:150px; opacity:1; }
  198.  
  199. #sidebar:hover { border-radius:500px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  200.  
  201. #sidebarimage img { border:1px solid {color:border}; width:120px; padding:3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  202.  
  203. #links {padding:5px; margin-top: 10px; text-align:center; word-spacing: 5px; font-family:titulo; background: #fff; width: 140px; margin-left:-3px;
  204. }
  205.  
  206. #links a { opacity: 1; letter-spacing: 1px; color: {color:sblinks}; background: #fff ; text-shadow: 2px 2px 2px #dadada;
  207. }
  208.  
  209. #links a:hover { opacity: 0.8; background: #fff; letter-spacing: 2px; text-shadow: 3px 0px 1px #dadada;
  210. }
  211.  
  212. #description {font-style:italic; font-family:serif; padding:5px; font-size:9px; opacity: 0.8; text-align:justify; margin-top:-2px; margin-left:6px; }
  213.  
  214. {block:ifInfiniteScroll}.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;} #infscr-loading {display:none;} .pagination {display:none!important;} {/block:ifInfiniteScroll} {block:ifNotInfiniteScroll} .pagination {font-size:10px; text-align:center;} .pagination a { padding:5px;}{/block:ifNotInfiniteScroll}
  215.  
  216. #con {position:absolute; left:50%; {block:IndexPage} margin-left:-335px; {/block:IndexPage} {block:PermalinkPage} margin-left:-260px; {/block:PermalinkPage}}
  217.  
  218. #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;}
  219.  
  220. #posts {{block:IndexPage} margin-top:10px; margin-left:10px; float:left;
  221. width:400px; {/block:IndexPage} {block:PermalinkPage} width:500px; margin-top:10px; margin-left:10px; {/block:PermalinkPage} padding:10px; background-color:#trans; overflow:hidden;}
  222.  
  223. #posts img { {block:IndexPage}max-width: 400px; {/block:IndexPage} {block:PermalinkPage} max-width:500px; {/block:PermalinkPage}}
  224.  
  225. #line {position:fixed; background-color:{color:border}; width:1px;height:2000px; margin-left:145px; margin-top:-380px; opacity:0.8;}
  226.  
  227. #credit a { background-color:#fff; padding:5px; border:1px solid #ccc; position:fixed;right:15px; bottom:10px }
  228.  
  229. #credit a:hover {color:#fff; background-color:#191919;}
  230.  
  231. #asker { float:left; margin-right:5px; }
  232.  
  233. #q { font-family:consolas; text-transform:lowercase; letter-spacing:1px; padding-bottom:3px; }
  234.  
  235. #question { font-family:consolas; font-style:italic; font-size:10px; }
  236.  
  237. #answer { font-family:consolas; text-transform:uppercase; font-size:10px; }
  238.  
  239. </style>
  240.  
  241. </head>
  242.  
  243. <body>
  244. <div id="sidebar">
  245. <div id="line">
  246. </div>
  247. <div class="blogtitle"><a href="/">{Title}<p></a></div>
  248. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  249. <div id="links">
  250. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  251. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  252. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  253. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  254. </div>
  255.  
  256. <div id="description">{Description}</div>
  257.  
  258. {block:ifInfiniteScroll}
  259. <div class="pagination">
  260. {block:Pagination}
  261. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">{text:nextpage}</a>{/block:NextPage}
  262. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">{text:previouspage}</a></p>{/block:PreviousPage}
  263. {/block:Pagination}
  264. </div>
  265. {/block:ifInfiniteScroll}
  266.  
  267. {block:ifNotInfiniteScroll}
  268. <div class="pagination">
  269. {block:Pagination}
  270. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  271. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  272. {/block:Pagination}
  273. </div>
  274. {/block:ifNotInfiniteScroll}
  275. </div>
  276. <div id="credit"><a href="http://bonivur.tumblr.com">LB</a></div>
  277.  
  278. <div id="con">
  279.  
  280.  
  281.  
  282. <div id="entries">
  283.  
  284. {block:Posts}
  285. <div id="posts">
  286. {block:Date}
  287. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  288.  
  289. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  290.  
  291. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  292.  
  293. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  294.  
  295. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  296.  
  297. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  298.  
  299.  
  300. {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  301. <div class="player">
  302. <div class="player2">
  303. {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>
  304. {/block:Audio}
  305.  
  306. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  307.  
  308. {block:Answer}<div id="asker"></div><div id="q">{Asker} asked: {Question} {Answer}{/block:Answer}
  309.  
  310. <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}
  311. {block:ContentSource}(Source: <a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}
  312. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
  313. {/block:Posts}<div id="tags" st>
  314. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  315. {/block:Posts}</div></div></div>
  316.  
  317. </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!