API tools faq
paste
Advertisement
wildthemes

kronick theme

wildthemes
Sep 12th, 2012
1,217
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.93 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">
  3. <head>
  4. <link href='http://fonts.googleapis.com/css?family=Gochi+Hand|Gloria+Hallelujah|Leckerli+One|Indie+Flower' rel='stylesheet' type='text/css'>
  5. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <meta name="color:background" content="#fff"/>
  10. <meta name="color:text" content="#000000"/>
  11. <meta name="color:title" content="#000000"/>
  12. <meta name="color:link" content="#777"/>
  13. <meta name="color:hover" content="#bebebe"/>
  14. <meta name="color:scrollbar" content="#aaa"/>
  15. <meta name="color:sidebar border" content="#bebebe"/>
  16. <meta name="color:text permalink" content="#bebebe"/>
  17. <meta name="color:glow colour" content="#a3c7c6"/>
  18.  
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="if:show photo" content="0"/>
  23. <meta name="if:One column" content="0"/>
  24. <meta name="if:Two columns" content="0"/>
  25. <meta name="if:Three columns" content="1"/>
  26.  
  27. <meta name="text:Reblog label" content="Reblog"/>
  28.  
  29. <meta name="text:Link one Title" content=""/>
  30. <meta name="text:Link one" content="" />
  31. <meta name="text:Link Three Title" content=""/>
  32. <meta name="text:Link Three" content=""/>
  33. <meta name="text:Link Four Title" content=""/>
  34. <meta name="text:Link Four" content=""/>
  35. <meta name="text:Link two Title" content=""/>
  36. <meta name="text:Link two" content=""/>
  37. <meta name="text:Link five Title" content=""/>
  38. <meta name="text:Link five" content=""/>
  39.  
  40.  
  41.  
  42. <script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script>
  43.  
  44.  
  45. <script type="text/javascript"
  46. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script>
  48. $(document).ready(function() {
  49. //
  50. $('a.poplight[href^=#]').click(function() {
  51. var popID = $(this).attr('rel'); //Get Popup Name
  52. var popURL = $(this).attr('href'); //Get Popup href to define size
  53. var query= popURL.split('?');
  54. var dim= query[1].split('&');
  55. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i707.photobucket.com/albums/ww76/sheltsm/Simplicity%20graphics/pixels/x.gif" class="btn_close" title="Close" alt="Close" /></a>');
  57. var popMargTop = ($('#' + popID).height() + 80) / 2;
  58. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  59. //Apply Margin to Popup
  60. $('#' + popID).css({
  61. 'margin-top' : -popMargTop,
  62. 'margin-left' : -popMargLeft
  63. });
  64. $('body').append('<div id="fade"></div>');
  65. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  66. return false;
  67. });
  68. $('a.close, #fade').live('click', function() {
  69. $('#fade , .popup_block').fadeOut(function() {
  70. $('#fade, a.close').remove(); //fade them both out
  71. });
  72. return false;
  73. });
  74. });
  75. </script>
  76.  
  77. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  78. <link href='http://fonts.googleapis.com/css?family=Alex+Brush|Cookie' rel='stylesheet' type='text/css'>
  79.  
  80. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/s48lvqls2/jquery-1.4.4.min.js"></script>
  81. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  82. <script type="text/javascript">
  83. <!--
  84. //(c) Ian Muscat 2007
  85. function IE(e) {
  86. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")){
  87. return false;
  88. }}
  89. function NS(e) {
  90. if (document.layers || (document.getElementById && !document.all)){
  91. if (e.which == "2" || e.which == "3"){
  92. return false;}}}
  93. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  94. //-->
  95. </script>
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  101.  
  102. p {
  103. margin:0px;
  104. margin-top:0px;
  105. }
  106.  
  107. a:link, a:active, a:visited{
  108. color: {color:link};
  109. text-decoration: none;
  110. -webkit-transition: color 0.5s ease-in;
  111. -moz-transition: color 0.5s ease-in;
  112. }
  113.  
  114. a:hover {
  115. color: {color:hover};
  116. text-decoration: none;
  117. font-style: none;
  118. -webkit-transition: color 0.5s ease-out;
  119. -moz-transition: color 0.5s ease-out;
  120. }
  121.  
  122.  
  123. body {
  124. margin:0px;
  125. background-color: {color:Background};
  126. background-image:url({image:Background});
  127. background-attachment: fixed;
  128. background-repeat: repeat;}
  129. body, div, p, textarea, submit, input{
  130. font-family:short stack; line-height:10px; font-size:10px;
  131. letter-spacing:0px;
  132. color:{color:Text};
  133. }
  134.  
  135.  
  136. ::-webkit-scrollbar-thumb:vertical {
  137. background-color:{color:scrollbar};
  138. height:auto;
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb:horizontal {
  142. background-color:transparent;
  143. height:5px !important;
  144. }
  145.  
  146. ::-webkit-scrollbar {
  147. height:auto;
  148. width:3px;
  149. background-color:#fff;
  150. border:1px solid #eeeeee;
  151. }
  152.  
  153. .wrapper{
  154. margin: 0px auto;
  155. width: 817px;
  156. }
  157.  
  158. .left{
  159. float: left;
  160. margin-left: 0px;
  161. width: 817px;
  162. }
  163.  
  164. .entry {
  165. float:left;
  166. margin:2px;
  167. border:1px #ccc solid;
  168. padding-left:4px;
  169. padding-right:4px;
  170. padding-top:4px;
  171. padding-bottom:2px;
  172.  
  173. {block:IndexPage}
  174. width: 400px;
  175. {block:ifTwoColumns}width:340px;{/block:ifTwoColumns}
  176. {block:ifThreeColumns}width:240px;{/block:ifThreeColumns}
  177. {/block:IndexPage}
  178. {block:PermalinkPage}
  179. width:500px;
  180. {/block:PermalinkPage}
  181. background-color: white;
  182. }
  183. .entry:hover{-moz-box-shadow: 0 0 15px {color:glow colour};
  184. -webkit-box-shadow: 0 0 15px {color:glow colour};
  185. box-shadow: 0 0 15px {color:glow colour};
  186. -webkit-transition: all .25s ease-in-out;
  187. -moz-transition: all .25s ease-in-out;
  188. -o-transition: all .25s ease-in-out;
  189. transition: all .25s ease-in-out;}
  190.  
  191. #posts {
  192. float:left;
  193. width:800px;
  194. margin-left: 110px;
  195. {block:PermalinkPage}
  196. width:504px;
  197. {/block:PermalinkPage}
  198. }
  199.  
  200.  
  201. .blogtitle{
  202. font-size:40px;
  203. color:#888;
  204. -webkit-transition-duration:1.5s;
  205. font-family:bebas neue;
  206. letter-spacing:0px;
  207. line-height:100%;
  208. text-align: center;
  209. margin-top: 1px;
  210. margin-bottom: -2px;
  211. text-transform: lowercase;
  212. }
  213.  
  214. #postnotes{
  215. text-align: left;
  216. }
  217. #postnotes blockquote{
  218. border: 0px;
  219. }
  220.  
  221. div#sidebar{
  222.  
  223. position:fixed !important;
  224. top: 100px;
  225. margin-left:-210px;
  226. width: 300px;
  227. height:auto;
  228. background-color: white;
  229. padding:4px;
  230. border: 1px solid #ccc;
  231. }
  232. #sidebar:hover{
  233. -moz-box-shadow: 0 0 15px {color:glow colour};
  234. -webkit-box-shadow: 0 0 15px {color:glow colour};
  235. box-shadow: 0 0 15px {color:glow colour};
  236. -webkit-transition: all .25s ease-in-out;
  237. -moz-transition: all .25s ease-in-out;
  238. -o-transition: all .25s ease-in-out;
  239. transition: all .25s ease-in-out;}
  240.  
  241. #linkbar {
  242. opacity:.3;
  243. margin-left: -55x;
  244. margin-top:-34px;
  245. width:280px;
  246. font-family: pixel;
  247. font-size:8px;
  248. color:#000;
  249. background-color:#fff;
  250. text-align:left;
  251. padding:10px;
  252. -webkit-transition: all 0.5s ease-in-out;
  253. -moz-transition: all 0.5s ease-in-out;
  254. -o-transition: all 0.5s ease-in-out;
  255. -ms-transition: all 0.5s ease-in-out;
  256. transition: all 0.5s ease-in-out;
  257. position:fixed;
  258. line-height: 23px;
  259. }
  260.  
  261. #linkbar:hover {
  262. opacity:.8;
  263. border-top-right-radius:0px;
  264. border-bottom-right-radius:0px;
  265. border-top-left-radius:0px;
  266. border-bottom-left-radius:0px;
  267. -webkit-transition: all 0.8s ease-in-out;
  268. -moz-transition: all 0.5s ease-in-out;
  269. -o-transition: all 0.5s ease-in-out;
  270. -ms-transition: all 0.5s ease-in-out;
  271. transition: all 0.5s ease-in-out;
  272. border-radius: 5px 0px 5px 0px;
  273. }
  274.  
  275. .text {
  276. padding: 0px;
  277. }
  278.  
  279.  
  280. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  281.  
  282. .entry:hover .textperma {
  283. opacity: 1;
  284. filter: alpha(opacity = 100);
  285. -webkit-transition: all ease-in 250ms;
  286. -moz-transition: all ease-in 250ms;
  287. -o-transition: all ease-in 250ms;
  288. -ms-transition: all ease-in 250ms;
  289. transition: all ease-in 250ms;
  290. }
  291.  
  292. div#links{
  293. font-family:bebas neue;
  294. font-size:25px;
  295. margin-top: 5px;
  296. line-height:110%;
  297. margin:3px;
  298. }
  299.  
  300. #description {
  301. opacity:1;
  302. margin-left: -2.5px;
  303. margin-top:0px;
  304. width:292px;
  305. font-family:short stack;
  306. font-size:10px;
  307. color:#000;
  308. border:1px #ccc solid;
  309. background-color:#fff;
  310. text-align:left;
  311. padding:5px;
  312. text-align:center;
  313. -webkit-transition: all 0.5s ease-in-out;
  314. -moz-transition: all 0.5s ease-in-out;
  315. -o-transition: all 0.5s ease-in-out;
  316. -ms-transition: all 0.5s ease-in-out;
  317. transition: all 0.5s ease-in-out;
  318. position:fixed;
  319. line-height: 13px;
  320. }
  321.  
  322. #description:hover {-moz-box-shadow: 0 0 15px {color:glow colour};
  323. -webkit-box-shadow: 0 0 15px {color:glow colour};
  324. box-shadow: 0 0 15px {color:glow colour};
  325. -webkit-transition: all .25s ease-in-out;
  326. -moz-transition: all .25s ease-in-out;
  327. -o-transition: all .25s ease-in-out;
  328. transition: all .25s ease-in-out;}
  329. opacity:.5;
  330. border-top-right-radius:0px;
  331. border-bottom-right-radius:0px;
  332. border-top-left-radius:0px;
  333. border-bottom-left-radius:0px;
  334. -webkit-transition: all 0.8s ease-in-out;
  335. -moz-transition: all 0.5s ease-in-out;
  336. -o-transition: all 0.5s ease-in-out;
  337. -ms-transition: all 0.5s ease-in-out;
  338. transition: all 0.5s ease-in-out;
  339. border-radius: 5px 0px 5px 0px;
  340. }
  341.  
  342. #sidebarimgok{ margin-left:-50px;
  343. width:300px;
  344. z-index:1;
  345. position:fixed !important;
  346. text-align:center;
  347. top:0px;
  348. height:100%;
  349. background-color: {color:background};
  350. background-image:url('{image:Sidebar background}');
  351. background-attachment: fixed;
  352. background-image: repeat;
  353. opacity: 1;
  354.  
  355. }
  356.  
  357. #postnotes{
  358. text-align: justify;}
  359.  
  360. #postnotes blockquote{
  361. border: 0px;}
  362.  
  363. blockquote{
  364. padding: 2px 2px 2px 5px;
  365. margin:2px 2px 2px 5px;
  366. border-left: 2px solid #888;
  367. }
  368.  
  369. blockquote p, ul{
  370. margin:0px;
  371. padding:0px;
  372. }
  373.  
  374. a img{border: 0px;}
  375.  
  376. ul, li{
  377. list-style:none;
  378. padding: 1px 1px 1px 2px;
  379. margin:1px 1px 1px 1px;
  380. }
  381.  
  382. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  383. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  384.  
  385.  
  386. .wildthemes a {color:{color:links};
  387. ;}
  388.  
  389. .entry .wildthemes{
  390.  
  391. position:absolute;
  392. width:auto;
  393. height:20px;
  394. line-height:190%;
  395. background-color:#fff;
  396. overflow:hidden;
  397. top: -10px;
  398. text-align:center;
  399. text-transform:uppercase;
  400. border:1px solid #ccc;
  401. opacity:0.0;
  402. left:-10px;
  403. padding:1px;
  404. -webkit-transition: all 0.3s linear;
  405. -moz-transition: all 0.3s linear;
  406. transition: all 0.3s linear;
  407. }
  408.  
  409.  
  410. .entry:hover .wildthemes{
  411. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  412. transition: all 0.4s linear;
  413. text-transform:uppercase;
  414. background-color:#fff;
  415. top: 10px;
  416. left:10px;
  417.  
  418. opacity:0.8;
  419.  
  420. -webkit-transition: all 0.3s linear;
  421. -moz-transition: all 0.3s linear;
  422. transition: all 0.3s linear;
  423. -webkit-transition: all .25s ease-in-out;
  424. -moz-transition: all .25s ease-in-out;
  425. -o-transition: all .25s ease-in-out;
  426. transition: all .25s ease-in-out;}
  427. }
  428.  
  429.  
  430. .entry:hover .details {
  431. opacity: 1.0;
  432. margin:12px 0px 0px 0px;
  433. filter: alpha(opacity = 100);
  434. -webkit-transition: all .25s ease-in-out;
  435. -moz-transition: all .25s ease-in-out;
  436. -o-transition: all .25s ease-in-out;
  437. transition: all .25s ease-in-out;
  438. }
  439.  
  440.  
  441.  
  442. </style>
  443. <link rel="shortcut icon" href="{Favicon}">
  444. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  445. <meta name="viewport" content="width=820" />
  446.  
  447. </head>
  448. <body>
  449.  
  450. <div class="wrapper">
  451.  
  452.  
  453. <div id="sidebar"><div class="blogtitle"><a href="/">{title}</a></div>
  454. {block:ifshowphoto}<div id="sidebarimg"><a href="/"><img src="{image:sidebar}" width=300px></a></div>{/block:ifshowphoto}<br><center>
  455. {description}</center>
  456.  
  457. <center>
  458. <div id="links"><a href="/">home</a>&nbsp; {block:IfLinkOneTitle}<a href="{text:Link One}"> {text:Link One Title}</a>&nbsp; {/block:ifLinkOneTitle} {block:IfLinkTwoTitle} <a href="{text:Link Two}">{text:Link Two Title}</a>&nbsp; {/block:ifLinkTwoTitle} {block:IfLinkThreeTitle} <a href="{text:Link Three}">{text:Link Three Title}</a> &nbsp; {/block:ifLinkThreeTitle} {block:IfLinkFourTitle} <a href="{text:Link Four}">{text:Link Four Title}</a> &nbsp; {/block:ifLinkFourTitle} {block:IfLinkFiveTitle} <a href="{text:Link Five}">{text:Link Five Title}</a>&nbsp; {/block:ifLinkFiveTitle} {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> &nbsp; {/block:Pages} {/block:HasPages}
  459. <a title="theme maker" a href="http://wildthemes.tumblr.com/">theme</a>
  460. </div>
  461. </div>
  462.  
  463. <div class="header">
  464. <div class="left">
  465. <div id="posts">
  466.  
  467. {block:Posts}
  468. <div class="entry">
  469. {block:Text}
  470. <div class="text">
  471. {block:Title}
  472. <div style="font-family:Leckerli One;font-size:20px; line-height:21px; text-align:left;" <a href="{Permalink}">{Title}</a></div>
  473. {/block:Title}
  474. {Body}
  475. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  476. {block:IndexPage}
  477.  
  478. {/block:IndexPage}
  479. </div>
  480. {/block:Text}
  481.  
  482.  
  483. {block:Answer}
  484. <div style="margin-top:2px; margin-bottom:0px; min-height:30px; padding: 3px; background-color: #fff;">
  485. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  486. {Asker}: {Question}</div>
  487. <div style="margin-top:2px; margin-bottom:4px; background-color: #fff;">{Answer}</div>
  488. <div class="fweeb">
  489. <a href="{Permalink}">{TimeAgo} :: {NoteCountWithLabel}</a>
  490. </div>
  491. {/block:Answer}
  492.  
  493.  
  494. {block:Link}
  495. <div class="text">
  496. <div style="font-family:Leckerli One;font-size:20px; line-height:21px; text-align:left;">
  497. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  498. {block:Description}
  499. <div class="description">{Description}</div>
  500. {/block:Description}
  501. <p>
  502. {block:IndexPage}
  503. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  504.  
  505. {/block:IndexPage}
  506.  
  507. </div>{/block:Link}
  508.  
  509. {block:Photo}
  510. {block:indexpage} <div class="wildthemes"><a href="{permalink}">{NoteCountwithLabel}</a> - <a href="{ReblogURL}" target="_blank">{text:reblog label}</a> </div>
  511.  
  512. <img src="{PhotoURL-HighRes}" width="100%"/>
  513. {/block:indexpage}
  514. {block:permalinkpage}
  515. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  516. {/block:permalinkpage} {block:IndexPage}
  517. {/block:IndexPage}
  518. {/block:Photo}
  519.  
  520. {block:Photoset}
  521. {block:IndexPage}
  522. <div class="permalinkk">
  523. <p>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} :: {NoteCountWithLabel} :: <a href="{ReblogURL}" target="_blank">reblog</a></p>
  524. </div>
  525. <center>{Photoset-250}</center>
  526. {/block:IndexPage}
  527.  
  528. {block:PermalinkPage}
  529. {Photoset-500}
  530. {/block:PermalinkPage}
  531. {/block:Photoset}
  532.  
  533. {block:Quote}
  534. <div class="textpost">
  535. {Quote}</span>
  536. {block:Source}<strong>{Source}</strong>{/block:Source}
  537. {block:IndexPage}
  538. <div class="fweeb">
  539. <a href="{Permalink}">{TimeAgo} :: {NoteCountWithLabel}</a>
  540. </div>
  541. {/block:IndexPage}
  542. </div>
  543. {/block:Quote}
  544. {block:Chat}
  545. <div class="text">
  546. {block:Title}
  547. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  548. {/block:Title}
  549. <ul class="chat">
  550. {block:Lines}
  551. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  552. {Line} </li>
  553. {/block:Lines}
  554. </ul>
  555. {block:IndexPage}
  556.  
  557. {/block:IndexPage}
  558. </div>{/block:Chat}
  559.  
  560. {block:Audio}
  561. <div class="text">
  562. {AudioPlayerGrey}
  563. {block:Caption}
  564. {Caption}
  565. {/block:Caption}
  566. {block:IndexPage}
  567.  
  568. {/block:IndexPage}
  569. </div>{/block:Audio}
  570.  
  571.  
  572.  
  573. {block:Video}
  574. {block:IndexPage}
  575. <div class="permalinkk">
  576. <p>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} :: {NoteCountWithLabel} :: <a href="{ReblogURL}" target="_blank">reblog</a></p>
  577. </div>
  578. <center>{Video-250}</center>
  579. {/block:IndexPage}
  580. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  581. {block:Video}
  582.  
  583. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}{block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  584. <p>{block:RebloggedFrom}<div style="border-bottom:1px solid #ddd; text-align:left; text-transform:none; "> reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  585. {/block:RebloggedFrom}</center></span><br><div id="postnotes">{PostNotes}</div><br>
  586. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{/block:PermalinkPage}
  587. </div>
  588. {/block:Posts}
  589. </div>
  590. </div>
  591. </div>
  592. {block:IndexPage}
  593. {block:Pagination}
  594. <ul id="pagination">
  595. {block:PreviousPage}
  596. <li><a href="{PreviousPage}"></a></li>
  597. {/block:PreviousPage}
  598. {block:JumpPagination length="5"}
  599. {block:CurrentPage}
  600. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  601. {/block:CurrentPage}
  602. {block:JumpPage}
  603. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  604. {/block:JumpPage}
  605. {/block:JumpPagination}
  606. {block:NextPage}
  607. <li><a id="nextPage" href="{NextPage}"></a></li>
  608. {/block:NextPage}
  609. </ul>
  610. {/block:Pagination}
  611. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  612. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  613. <script type="text/javascript">
  614. $(window).load(function () {
  615. $('#posts').masonry(),
  616. $('.masonryWrap').infinitescroll({
  617. navSelector : '#pagination',
  618. nextSelector : '#pagination a#nextPage',
  619. itemSelector : ".entry",
  620. bufferPx : 200,
  621. loadingImg : "http://static.tumblr.com/plngtrn/ieqlmwwlc/ajax-loader.gif",
  622. loadingText : "<em></em>",
  623. },
  624. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  625. );
  626. });
  627. </script>
  628. {/block:IndexPage}
  629. </body>
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!