API tools faq
paste
Advertisement
themesbyjames

Ultimate

themesbyjames
Jul 7th, 2013
7,497
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.28 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2.  
  3. 888 888 888 888 d8b 888
  4. 888 888 888 888 Y8P 888
  5. 888 888 888 888 888
  6. 888 888 888 888888 888 88888b.d88b. 8888b. 888888 .d88b.
  7. 888 888 888 888 888 888 "888 "88b "88b 888 d8P Y8b
  8. 888 888 888 888 888 888 888 888 .d888888 888 88888888
  9. Y88b. .d88P 888 Y88b. 888 888 888 888 888 888 Y88b. Y8b.
  10. "Y88888P" 888 "Y888 888 888 888 888 "Y888888 "Y888 "Y8888
  11.  
  12. THEME BY JAMES, JULY 2013 - HTTP://THEMESBYJAMES.TUMBLR.COM
  13.  
  14. -------------------------------------------------------------------------->
  15.  
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><html><head>
  18.  
  19. <title>{title}</title>
  20. <meta name="description" content="{MetaDescription}" />
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  23. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  24. <meta name="viewport" content="width=1220" />
  25.  
  26. <!-- DEFAULT VARIABLES -->
  27. <meta name="color:Background" content="#FFFFFF" />
  28. <meta name="color:Center" content="#FFFFFF" />
  29. <meta name="color:Text" content="#000000" />
  30. <meta name="color:Link" content="#292929"/>
  31. <meta name="color:Link Hover" content="#292929" />
  32. <meta name="color:Header Link" content="#FFFFFF"/>
  33. <meta name="color:Header Background" content="#292929" />
  34. <meta name="image:Background" content="" />
  35. <meta name="if:Header Transparent" content="0"/>
  36. <meta name="if:Header Fixed" content="0"/>
  37. <meta name="if:Bebas Blog Title" content="0"/>
  38. <meta name="if:Rounded Photos" content="0"/>
  39. <meta name="if:Show Blog Title" content="1"/>
  40. <meta name="if:Show Photo Permalinks" content="1"/>
  41. <meta name="text:Ask Title" content="Message" />
  42. <meta name="text:Link One" content="" />
  43. <meta name="text:Link One Title" content="" />
  44. <meta name="text:Link Two" content="" />
  45. <meta name="text:Link Two Title" content="" />
  46. <meta name="text:Link Three" content="" />
  47. <meta name="text:Link Three Title" content="" />
  48. <meta name="text:Link Four" content="" />
  49. <meta name="text:link Four Title" content="" />
  50. <meta name="text:link Five" content="" />
  51. <meta name="text:link Five Title" content="" />
  52. <meta name="text:link Six" content="" />
  53. <meta name="text:link Six Title" content="" />
  54. <meta name="text:link Seven" content="" />
  55. <meta name="text:link Seven Title" content="" />
  56. <meta name="text:link Eight" content="" />
  57. <meta name="text:link Eight Title" content="" />
  58. <!--- STYLESHEETS & STATIC UPLOADS --->
  59. <link href="http://static.tumblr.com/ek9ly4s/emomovvhc/animate-custom.css" rel="stylesheet">
  60. <script type="text/javascript"
  61. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  62. <link href='http://fonts.googleapis.com/css?family=Convergence|Lekton|Pacifico' rel='stylesheet' type='text/css'>
  63. <!-- Bebas Font -->
  64. <script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>
  65. <script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/mNQl8du9p/bebas.js"></script>
  66. <script type="text/javascript"> Cufon.DOM.ready(function() { Cufon.replace('.tw_font_bebas', { fontFamily: 'bebas', hover:true }); $('.tw_font_bebas').css('visibility','visible'); }); </script>
  67.  
  68. <script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
  69. <script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
  70.  
  71.  
  72. <style type="text/css">
  73. html{
  74. height:103%;
  75. margin-left:10px;}
  76.  
  77. body, p {
  78. font-family: 'Lekton';
  79. font-style: normal;
  80. font-size: 12px;
  81. line-height:16px;
  82. padding: 0px;
  83. margin: 0px;
  84. color:{color:text};}
  85.  
  86. body {
  87. background-color:{color:background};
  88. background-image:url({image:Background});
  89. background-attachment: fixed;
  90. background-repeat: repeat;}
  91.  
  92. a {
  93. text-decoration:none;
  94. color:{color:text};
  95. -webkit-transition: all 0.4s linear;
  96. -moz-transition: all 0.4s linear;
  97. transition: all 0.4s linear;}
  98.  
  99. a:link, a:active, a:visited{
  100. color: {color:Link};
  101. text-decoration: none;
  102. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  103.  
  104. a:hover{
  105. color:{color:link hover};}
  106.  
  107. img {{block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedphotos}}
  108. img:hover{opacity:1.0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  109.  
  110. #wrapper {
  111. position: relative;
  112. width: 100%;
  113. text-align: center;}
  114.  
  115. .clear {
  116. text-align:left;clear: both;}
  117.  
  118. #entry.masonry-brick {
  119. top: 0 !important;
  120. left: 0 !important;}
  121.  
  122. #infscr-loading {
  123. position: absolute!important;
  124. width: 16px!important;
  125. height: 11px!important;
  126. bottom: 0px!important;
  127. left: 48.5%!important;
  128. margin-top: 10px!important;
  129. margin-bottom: 5px!important;}
  130.  
  131. .title{
  132. text-align:center;
  133. font-size:14px;
  134. line-height:16px;}
  135.  
  136. blockquote{
  137. padding:0px 0px 2px 1px;
  138. margin:0px 0px 2px 1px;
  139. border-left: 1px dotted #555555;}
  140.  
  141.  
  142. #content{margin:auto;position:relative;
  143. {block:IndexPage}max-width:1310px;{/block:IndexPage}
  144. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  145.  
  146. .entry{
  147. margin:25px;
  148. margin-bottom:0px;
  149. padding:5px;
  150. float:left;
  151. height:auto;
  152. {block:IndexPage}
  153. overflow:hidden;
  154. width:200px;
  155. {/block:IndexPage}
  156. {block:PermalinkPage}
  157. width:500px;
  158. height:auto;
  159. {/block:PermalinkPage}}
  160.  
  161. .notes img{
  162. border-radius:100%;}
  163.  
  164. .photo{width:200px;height:auto;}
  165. .photo img{width:200.1px; -webkit-transition: 0.3s ease-in;{block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedPhotos}}
  166. .photobig{width:500px;height:auto;;}
  167. .photobig img{width:500px; -webkit-transition: 0.3s ease-in;{block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedPhotos}}
  168. .text{background-color:{color:center};{block:indexpage}border: 1px solid #ccc;overflow:hidden;padding:5px;{/block:indexpage}{block:permalinkpage}width:500px;{/block:permalinkpage}}
  169. .photoset{{block:indexpage}width:200px;overflow:hidden;{/block:indexpage}{block:permalinkpage}width:500px;{/block:permalinkpage}}
  170. .audio_text{{block:indexpage}width:200px;overflow:hidden;{/block:indexpage}}
  171.  
  172. .text, .photoset, .photo, .audio_text{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
  173.  
  174. {block:indexpage}
  175. .audio_text:hover, .text:hover{-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .3);-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, .3);box-shadow: 0px 0px 4px rgba(0, 0, 0, .3);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}{/block:indexpage}
  176.  
  177. .supreme{text-align:right;margin-top:8px;}
  178.  
  179. .like_and_reblog_buttons {
  180. display:block;
  181. position:absolute;
  182. top:50%;
  183. margin-top:-20px;
  184. list-style: none;
  185. opacity:0;
  186. width:160px;
  187. background-color:black;
  188. -webkit-transition: all 0.3s linear;
  189. -webkit-transition: all 0.3s linear;
  190. -moz-transition: all 0.3s linear;
  191. transition: all 0.3s linear;
  192. }
  193. .entry:hover .like_and_reblog_buttons{
  194. opacity:.8;
  195. -webkit-transition: all 0.3s linear;
  196. -webkit-transition: all 0.3s linear;
  197. -moz-transition: all 0.3s linear;
  198. transition: all 0.3s linear;
  199. }
  200.  
  201. .like_and_reblog_buttons li {
  202. float: left;
  203. background-color:black;
  204. line-height:20px;
  205. padding:10px 10px 10px 8px;
  206. margin-left:15px;
  207. height:20px;
  208. width:20px;
  209. }
  210.  
  211.  
  212.  
  213.  
  214. /* Header Style 1 CSS */
  215.  
  216. .tw_header_spacer.fixed
  217. {
  218.  
  219. height:45px;
  220. position:relative;
  221. width:100%;
  222. display:block;
  223. }
  224.  
  225. #header{background-color:{color:Header Background};width:100%;height:40px;margin-left:-10px;
  226. {block:ifHeaderFixed}position:absolute;{/block:ifHeaderFixed}
  227. {block:ifnotHeaderFixed}position:fixed !important;overflow:hidden;{/block:ifnotHeaderFixed}z-index:100;top:0px;{block:ifHeaderTransparent}opacity:0.75;{/block:ifHeaderTransparent}-webkit-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
  228.  
  229. #header:hover{opacity:1.0;-webkit-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
  230.  
  231. #top {
  232. top:0px;
  233. letter-spacing:2px;
  234. z-index:100;
  235. {block:ifHeaderFixed}position:absolute;{/block:ifHeaderFixed}
  236. {block:ifnotHeaderFixed}position:fixed !important;overflow:hidden;{/block:ifnotHeaderFixed}
  237. background-color:{color:Header Background};
  238. width:100%;
  239. z-index:100;
  240. height:60px;
  241. text-align:left;
  242. }
  243.  
  244. .blogtitle{
  245. {block:ifnotBebasBlogTitle}
  246. font-family:pacifico;margin-top:21px;{/block:ifnotBebasBlogTitle}
  247. float:left;
  248. margin-left:30px;;
  249. margin-right:32px;
  250. font-size:30px;
  251. {block:ifBebasBlogTitle}margin-top:18px;{/block:ifBebasBlogTitle}
  252. color:{color:Header Link}; }
  253.  
  254. #top a {
  255. height:60px;
  256. line-height:60px;
  257. margin-left:-8px;
  258. padding: 0px 24px 0px 24px;
  259. width:auto;
  260. display:inline-block;
  261. font-family:Convergence;
  262. font-size:11px;
  263. color:{color:Header link};
  264. text-align:center;
  265. text-transform:uppercase;
  266. text-decoration:none;
  267. -webkit-transition:all 0.2s ease-out;
  268. -moz-transition:all 0.2s ease-out;
  269. -o-transition:all 0.2s ease-out;}
  270.  
  271. #top a:hover{
  272. color:{color:Link Hover};
  273. text-decoration:underline;
  274. background-color:{color:Background};
  275. -webkit-transition:all 0.2s ease-out;
  276. -moz-transition:all 0.2s ease-out;
  277. -o-transition:all 0.2s ease-out;}
  278.  
  279. {CustomCSS}
  280. </style>
  281.  
  282.  
  283. </head><body>
  284. <div id="header">
  285. <div id="top">
  286. {block:ifshowblogtitle}
  287. <span class="blogtitle" title="{metadescription}">
  288. {block:ifBebasBlogTitle}<div class="tw_blog_title tw_font_bebas">{title}</div>{/block:ifBebasBlogTitle}
  289. {block:ifnotBebasBlogTitle}{title}{/block:ifnotBebasBlogTitle}</span>
  290.  
  291.  
  292. </a> {/block:ifshowblogtitle}
  293. <a href="/">Home</a>
  294.  
  295.  
  296. {block:AskEnabled}<a href="/ask">{text:ask title}</a>{/block:AskEnabled}
  297. {block:ifLinkOneTitle}
  298. <a href="{text:Link One}">{text:Link One Title}{/block:ifLinkOneTitle}
  299. {block:ifLinkTwoTitle}
  300. <a href="{text:Link Two}">{text:Link Two Title}{/block:ifLinkTwoTitle}
  301. {block:ifLinkThreeTitle}
  302. <a href="{text:Link Three}">{text:Link Three Title}{/block:ifLinkThreeTitle}
  303. {block:ifLinkFourTitle}
  304. <a href="{text:Link Four}">{text:Link Four Title}{/block:ifLinkFourTitle}
  305. {block:ifLinkFiveTitle}
  306. <a href="{text:Link Five}">{text:Link Five Title}{/block:ifLinkFiveTitle}
  307. {block:ifLinkSixTitle}
  308. <a href="{text:Link Six}">{text:Link Six Title}{/block:ifLinkSixTitle}
  309. {block:ifLinkSevenTitle}
  310. <a href="{text:Link Seven}">{text:Link Seven Title}{/block:ifLinkSevenTitle}
  311. {block:ifLinkEightTitle}
  312. <a href="{text:Link Eight}">{text:Link Eight Title}{/block:ifLinkEightTitle}
  313. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}
  314. <a href="/archive">Archive</a>
  315. <!-- DO NOT REMOVE CREDITS KEEP MY THEMES FREE -->
  316. <a href="http://final-stand.tumblr.com" target="blank" title="Theme Maker">Theme</a>
  317. </div></div>
  318.  
  319. <div class="tw_header_spacer fixed"></div>
  320. <div id="content">
  321. {block:Posts}
  322. <div class = "autopagerize_page_element" >
  323. <div class="entry">
  324.  
  325. {block:Photo}
  326. {block:IndexPage}
  327. {block:Post1}
  328. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoUrl-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  329. {/block:Post1}
  330. {block:Post2}
  331. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  332. {/block:Post2}
  333. {block:Post3}
  334. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  335. {/block:Post3}
  336. {block:Post4}
  337. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  338. {/block:Post4}
  339. {block:Post5}
  340. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  341. {/block:Post5}
  342. {block:Post6}
  343. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  344. {/block:Post6}
  345. {block:Post7}
  346. <div class="photo">
  347. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  348. {/block:Post7}
  349. {block:Post8}
  350. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  351. {/block:Post8}
  352. {block:Post9}
  353. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  354. {/block:Post9}
  355. {block:Post10}
  356. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  357. {/block:Post10}
  358. {block:Post11}
  359. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  360. {/block:Post11}
  361. {block:Post12}
  362. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  363. {/block:Post12}
  364. {block:Post13}
  365. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  366. {/block:Post13}
  367. {block:Post14}
  368. <div class="photo">
  369. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  370. {/block:Post14}
  371. {block:Post15}
  372. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  373. {/block:Post15}
  374. {/block:IndexPage}
  375. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}
  376.  
  377. {block:ifshowphotopermalinks}{block:indexpage}
  378. <ul class="like_and_reblog_buttons">
  379. <li>{ReblogButton color="white"}</li>
  380. <li>{LikeButton color="white"}</li>
  381. </ul>{/block:indexpage}{/block:ifshowphotopermalinks}
  382. {/block:Photo}
  383.  
  384. {block:Photoset}
  385. <center>
  386. <div class="photoset">
  387. {block:IndexPage}{Photoset-250}<a href="{Permalink}"><div class="supreme">View fullscreen</a> / <a href="{Permalink}">{NoteCountwithLabel}</div></a>{/block:IndexPage}
  388. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  389. </center>
  390. {block:ifshowphotopermalinks}{block:indexpage}
  391. <ul class="like_and_reblog_buttons">
  392. <li>{ReblogButton color="white"}</li>
  393. <li>{LikeButton color="white"}</li>
  394. </ul>{/block:indexpage}{/block:ifshowphotopermalinks}
  395. {/block:Photoset}
  396.  
  397. {block:Text}
  398. <div class="text"><div style="padding:10px;">
  399. <span class="title">{Title}</span>
  400. {Body}
  401. {block:IndexPage}
  402. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  403. {/block:IndexPage}
  404. {/block:Text}
  405.  
  406. {block:Link}
  407. <div class="text"><div style="padding:10px;">
  408. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  409. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  410. {block:IndexPage}
  411. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  412. {/block:IndexPage}
  413. {block:Link}
  414.  
  415. {block:Quote}
  416. <div class="text"><div style="padding:10px;">
  417. <div style="margin-left:3px;">
  418. {Quote}</span>
  419. {block:Source}<strong>{Source}</strong>{/block:Source}
  420. </div>
  421. {block:IndexPage}
  422. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  423. {/block:IndexPage}
  424. {/block:Quote}
  425.  
  426. {block:Chat}
  427. <div class="text"><div style="padding:10px;">
  428. <div style="margin-left:3px;">
  429. {block:Title}<span class="title">{title}</span>{/block:Title}
  430. <ul class="chat">
  431. {block:Lines}
  432. <li class="user_{UserNumber}">
  433. {block:Label}
  434. <span class="label">{Label}</span>
  435. {/block:Label}
  436. {Line}
  437. </li>
  438. {/block:Lines}
  439. </ul>
  440. </div>
  441. {block:IndexPage}
  442. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  443. {/block:IndexPage}
  444. {/block:Chat}
  445.  
  446. {block:Audio}
  447. <div class="audio_text">
  448. {block:AlbumArt}{block:indexpage}<a href="{Permalink}">{/block:indexpage}<img src="{AlbumArtURL}" alt="{PhotoAlt}" style="{block:indexpage}width:200px;height:200px;{/block:indexpage}{block:permalinkpage}width:450px;height:450px;{/block:permalinkpage}"/>{/block:AlbumArt}
  449. <div style="margin-top:-5px;background-color:black;height:30px;padding-top:7px;padding-bottom:5px;overflow:hidden;{block:permalinkpage}width:450px;{/block:permalinkpage}
  450. {block:indexpage}width:200px;{/block:indexpage}">{AudioPlayerBlack}
  451. </div></center>
  452. {/block:Audio}
  453.  
  454. {block:Answer}
  455. <div class="text"><div style="padding:10px;">
  456. <b>Q</b>: {Question}<br>{Answer}<br><i>asked by {Asker}</i>
  457. {block:IndexPage}
  458. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a>
  459. {/block:IndexPage}</div></div>{/block:Answer}
  460.  
  461. {block:Video}
  462. {block:IndexPage}
  463. <div class="photoset">
  464. <center>
  465. {Video-250}</center>
  466. <a href="{Permalink}"><div class="supreme">View fullscreen</a> / <a href="{Permalink}">{NoteCountwithLabel}</div></a>
  467. </div>
  468. {/block:IndexPage}
  469. {block:PermalinkPage}
  470. <center>
  471. {Video-500}</center>
  472. {/block:PermalinkPage}
  473. {block:Video}
  474.  
  475. {block:PermalinkPage}
  476. <div style="display:block;">
  477. {block:NoteCount}{NoteCountWithLabel}
  478. <div style="margin-top:5px;"></div>{/block:NoteCount}
  479. {block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a>
  480. <div style="margin-top:5px;"></div>{/block:Tags}{/block:hasTags}
  481. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  482.  
  483. {block:PostNotes}
  484. <div style="width:500px;height:250px;overflow-y:scroll;overflow-x:hidden">{PostNotes}</div>
  485. {/block:PostNotes}
  486. </div>
  487. </div>
  488. {/block:Posts}
  489.  
  490.  
  491. {block:Pagination}
  492. <div id="pagination">
  493. {block:NextPage}
  494. <a id="nextPage" href="{NextPage}"></a>
  495. {/block:NextPage}
  496. {block:PreviousPage}
  497. <a href="{PreviousPage}"></a>
  498. {/block:PreviousPage}
  499. </div>
  500. {/block:Pagination}
  501. {/block:IndexPage}
  502. </div>
  503.  
  504. <!-- INFINTE SCROLL SCRIPT -->
  505. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/6jwx45k/Kw5mplfc5/infintescroll-x.js"></script></script><script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  506. <script type="text/javascript">
  507. $(window).load(function () {
  508. var $content = $('#content');
  509. $content.masonry({itemSelector: '.entry', columnWidth:260
  510. });
  511. $content.infinitescroll({
  512. navSelector : 'div#pagination',
  513. nextSelector : 'div#pagination a#nextPage',
  514. itemSelector : '.entry',
  515. loading: {/*Loading...*/
  516. finishedMsg: '',
  517. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  518. },
  519. bufferPx :200,
  520. extraScrollPx: 550,
  521. debug : false,
  522. },
  523. // call masonry as a callback.
  524. function( newElements ) {
  525. window.n = window.n || 0;
  526. Tumblr.LikeButton.get_status_by_page(++window.n);
  527. var $newElems = $( newElements );
  528. $newElems.hide();
  529. // ensure that images load before adding to masonry layout
  530. $newElems.imagesLoaded(function(){
  531. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1500);} );
  532. });
  533. });
  534. });
  535. </script>
  536.  
  537. {block:IndexPage}
  538. {block:Pagination}
  539. <div id="pagination">
  540. {block:NextPage}
  541. <a id="nextPage" href="{NextPage}"></a>
  542. {/block:NextPage}
  543. {block:PreviousPage}
  544. <a href="{PreviousPage}"></a>
  545. {/block:PreviousPage}
  546. </div>
  547. {/block:Pagination}
  548. {/block:IndexPage}
  549.  
  550. </body></html><!-- END OF THEME -->
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!