API tools faq
paste
Advertisement
iune

Intono Theme

iune
Jun 10th, 2013
624
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.48 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. ,
  6. .--'|} _ ,
  7. / /}} -====;.`\/ }
  8. .=\.--'`\} \-'\-'----.
  9. //` '---./` \ |-..-'`
  10. || /| /\/\
  11. \\| | `--`
  12. |\_\\/
  13. \__/\\
  14. \\
  15.  
  16. intono theme by irene (pyschic.tumblr.com)
  17. removal of credits will be considered stealing
  18. and will result in the termination of your blog
  19. thanks for choosing my theme!
  20.  
  21. ---------------------------------->
  22.  
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#000000"/>
  33. <meta name="color:Link" content="#000000"/>
  34. <meta name="color:LinkHover" content="#000000"/>
  35. <meta name="color:HeaderLink" content="#ffffff"/>
  36. <meta name="color:Permalink" content="#ffffff"/>
  37. <meta name="color:Permalink Hover" content="#000000"/>
  38. <meta name="color:Scrollbar" content="#000000"/>
  39. <meta name="color:LikeHover" content="#fd2929"/>
  40. <meta name="color:Header" content="#000000"/>
  41. <meta name="color:Description" content="#ffffff"/>
  42.  
  43. <meta name="text:Link 1" content="" />
  44. <meta name="text:Link 1 Title" content="" />
  45. <meta name="text:Link 2" content="" />
  46. <meta name="text:Link 2 Title" content="" />
  47. <meta name="text:Link 3" content="" />
  48. <meta name="text:Link 3 Title" content="" />
  49. <meta name="text:Link 4" content="" />
  50. <meta name="text:Link 4 Title" content="" />
  51. <meta name="text:Link 5" content="" />
  52. <meta name="text:Link 5 Title" content="" />
  53. <meta name="text:Link 6" content="" />
  54. <meta name="text:Link 6 Title" content="" />
  55. <meta name="text:ReblogText" content="reblog" />
  56.  
  57. <meta name="if:Five Columns" content="1"/>
  58. <meta name="if:To Top Button" content="1"/>
  59. <meta name="if:Transparent Posts" content="0"/>
  60.  
  61. <meta name="image:Background" content=""/>
  62. <meta name="image:Header" content=""/>
  63. <meta name="image:ScrollToTopButton" content="http://media.tumblr.com/tumblr_lw6754XlLF1r43b17.png"/>
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Rock+Salt|Raleway:100|Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
  66.  
  67. <style type="text/css">
  68.  
  69. iframe#tumblr_controls {
  70. right:3px !important
  71. right:5px !important;
  72. position: fixed !important;
  73. -webkit-transition: opacity 0.7s linear;
  74. opacity: 1;
  75. -webkit-transition: all 0.8s ease-out;
  76. -moz-transition: all 0.8s ease-out;
  77. transition: all 0.8s ease-out;}
  78.  
  79. iframe#tumblr_controls:hover{
  80. -webkit-transition: opacity 0.7s linear;
  81. opacity: 1;
  82. -webkit-transition: all 0.4s ease-out;
  83. -moz-transition: all 0.4s ease-out;
  84. transition: all 0.4s ease-out;}
  85. #tumblr_controls{
  86. position:absolute !important;
  87. -webkit-filter: invert(100%)
  88. }
  89.  
  90. ::-webkit-scrollbar{
  91. width:10px;
  92. height:6px;
  93. background-color:#fff;}
  94.  
  95. ::-webkit-scrollbar-thumb{
  96. width:7px;
  97. height:6px;
  98. border-radius:0px;
  99. border-top:3px solid #fff;
  100. border-left:2px solid #fff;
  101. border-right:2px solid #fff;
  102. background-color:{color:Scrollbar};}
  103.  
  104. body{
  105. margin:5px;
  106. overflow-x: hidden;
  107. background: {color:Background} url({image:Background});
  108. background-attachment: fixed;
  109. background-repeat: repeat;
  110. font-size: 10px;
  111. font-family: verdana, sans-serif;
  112. color: {color:Text};}
  113.  
  114. a:link, a:active, a:visited { color: {color:Link};
  115. text-decoration: none;
  116. transition: all 0.2s ease-out;
  117. -o-transition-transition: all 0.2s ease-out;
  118. -webkit-transition: all 0.2s ease-out;
  119. -moz-transition: all 0.2s ease-out;}
  120.  
  121. #header a:hover {
  122. color:{color:LinkHover};
  123. text-decoration: none;
  124. -webkit-transition: all 0.3s ease-out;
  125. -moz-transition: all 0.3s ease-out;
  126. -o-transition: all 0.3s ease-out;
  127. transition: all 0.3s ease-out;
  128. }
  129.  
  130. #bowl {
  131. margin: auto;
  132. width: 1200px;
  133. {block:iffivecolumns}
  134. width: 1500px;
  135. {/block:iffivecolumns}
  136. {block:PermalinkPage}
  137. width: 500px;
  138. {/block:PermalinkPage}}
  139.  
  140. #posts{
  141. opacity: 1;
  142. top: 40px;
  143. {block:indexpage}
  144. width: 1200px;
  145. {block:iffivecolumns}
  146. width: 1500px;
  147. {/block:iffivecolumns}
  148. {/block:indexpage}
  149. {block:permalinkpage}
  150. width:500px;
  151. {/block:permalinkpage}
  152. transition: all 0.5s ease-out;
  153. -o-transition-transition: all 0.5s ease-out;
  154. -webkit-transition: all 0.5s ease-out;
  155. -moz-transition: all 0.5s ease-out;}
  156.  
  157. #posts:hover {
  158. opacity: 1;
  159. transition: all 0.5s ease-out;
  160. -o-transition-transition: all 0.5s ease-out;
  161. -webkit-transition: all 0.5s ease-out;
  162. -moz-transition: all 0.5s ease-out;}
  163.  
  164. #entry {
  165. font-family: verdana, sans-serif;
  166. font-size: 10px;
  167. text-align: left;
  168. margin: 20px;
  169. z-index: 99;
  170. width: 250px;
  171. height: auto;
  172. {block:iftransparentposts}
  173. background: transparent;
  174. {/block:iftransparentposts}
  175. {block:ifnottransparentposts}
  176. background: #fff;
  177. {/block:ifnottransparentposts}
  178. padding: 5px;
  179. transition: all 0.5s ease-out;
  180. -o-transition-transition: all 0.5s ease-out;
  181. -webkit-transition: all 0.5s ease-out;
  182. -moz-transition: all 0.5s ease-out;
  183. {block:iffivecolumns}
  184. margin: 5px;
  185. {/block:iffivecolumns}
  186. {block:PermalinkPage}
  187. width: 500px;
  188. height: auto;
  189. margin-top: 100px;
  190. {/block:PermalinkPage}}
  191.  
  192. #entry:hover {
  193. opacity: 1;
  194. transition: all 0.5s ease-out;
  195. -o-transition-transition: all 0.5s ease-out;
  196. -webkit-transition: all 0.5s ease-out;
  197. -moz-transition: all 0.5s ease-out;}
  198.  
  199. blockquote{
  200. padding: 0px 0px 0px 5px;
  201. margin: 0px 0px 2px 15px;
  202. border-left: 1px solid #000;}
  203.  
  204. ul, ol, li{
  205. list-style: disc;
  206. margin-left: 15px;
  207. padding: 0px;}
  208.  
  209.  
  210. .starfish a{
  211. color: {color:Permalink};}
  212.  
  213. .starfish a:hover{
  214. opacity: 1;
  215. color: {color:Permalink Hover};}
  216.  
  217. .crab a{
  218. color: {color:Permalink};}
  219.  
  220. .crab a:hover{
  221. opacity: 1;
  222. color: {color:Permalink Hover};}
  223.  
  224. .seal, .seal a{
  225. color: {color:Permalink};}
  226.  
  227. .seal, .seal a:hover{
  228. opacity: 1;}
  229.  
  230. .starfish {
  231. position: absolute;
  232. font-size:40px;
  233. padding: 5px;
  234. margin-left: 0px;
  235. margin-top: -31px;
  236. height: 30px;
  237. width: 30px;
  238. text-align: left;
  239. background-color: transparent;
  240. opacity:0;
  241. -moz-transition: all 0.4s;
  242. -webkit-transition: all 0.4s;
  243. -o-transition: all 0.4s;
  244. transition: all 0.4;}
  245.  
  246. #entry:hover .starfish {
  247. -moz-transition: all 0.4s;
  248. -webkit-transition: all 0.4s;
  249. -o-transition: all 0.4s;
  250. transition: all 0.4;
  251. position: absolute;
  252. margin-top: -51px;
  253. opacity:0.8;}
  254.  
  255. #entry:hover .starfish:hover {
  256. -moz-transition: all 0.4s;
  257. -webkit-transition: all 0.4s;
  258. -o-transition: all 0.4s;
  259. transition: all 0.4;
  260. opacity: 1;
  261. color: {color:Permalink Hover};}
  262.  
  263. .crab {
  264. position:absolute;
  265. font-size:40px;
  266. padding: 5px;
  267. margin-top: -15px;
  268. margin-left: 30px;
  269. height: 30px;
  270. width: 30px;
  271. text-align: left;
  272. background-color: transparent;
  273. opacity:0;
  274. -moz-transition: all 0.4s;
  275. -webkit-transition: all 0.4s;
  276. -o-transition: all 0.4s;
  277. transition: all 0.4;}
  278.  
  279. #entry:hover .crab {
  280. -moz-transition: all 0.4s;
  281. -webkit-transition: all 0.4s;
  282. -o-transition: all 0.4s;
  283. transition: all 0.4;
  284. position:absolute;
  285. margin-top: -4px;
  286. opacity:0.8;}
  287.  
  288. #entry:hover .crab:hover {
  289. -moz-transition: all 0.4s;
  290. -webkit-transition: all 0.4s;
  291. -o-transition: all 0.4s;
  292. transition: all 0.4;
  293. opacity: 1;
  294. color: {color:Permalink Hover};}
  295.  
  296. .seal {
  297. color: {color:Permalink};
  298. position:absolute;
  299. font-size:40px;
  300. padding: 5px;
  301. margin-top: 15px;
  302. margin-left: 60px;
  303. text-align: left;
  304. background-color: transparent;
  305. opacity:0;
  306. -moz-transition: all 0.4s;
  307. -webkit-transition: all 0.4s;
  308. -o-transition: all 0.4s;
  309. transition: all 0.4;}
  310.  
  311. #entry:hover .seal {
  312. -moz-transition: all 0.4s;
  313. -webkit-transition: all 0.4s;
  314. -o-transition: all 0.4s;
  315. transition: all 0.4;
  316. position:absolute;
  317. margin-top: -4px;
  318. opacity:0.8;}
  319.  
  320. #entry:hover .seal:hover {
  321. -moz-transition: all 0.4s;
  322. -webkit-transition: all 0.4s;
  323. -o-transition: all 0.4s;
  324. transition: all 0.4;
  325. opacity: 1;}
  326.  
  327.  
  328. .shark {
  329. padding-top: 3px;
  330. font-family: carrois gothic sc;
  331. text-decoration: none;
  332. text-transform: uppercase;
  333. text-align: right;
  334. position: relative;
  335. margin-top: -10px;
  336. font-size: 9px;
  337. opacity: 0;
  338. filter: alpha(opacity = 100);
  339. -moz-transition: all 0.4s;
  340. -webkit-transition: all 0.4s;
  341. -o-transition: all 0.4s;
  342. transition: all 0.4;
  343. {block:PermalinkPage}
  344. display:none;
  345. {/block:PermalinkPage}}
  346.  
  347. .shark a{text-decoration:none;}
  348.  
  349. #entry:hover .shark{
  350. margin-top: -5px;
  351. opacity: 1;
  352. filter: alpha(opacity = 100);
  353. -moz-transition: all 0.4s;
  354. -webkit-transition: all 0.4s;
  355. -o-transition: all 0.4s;
  356. transition: all 0.4;}
  357.  
  358. .my-like {
  359. cursor:pointer;
  360. display:inline-block;
  361. vertical-align:top;
  362. color: {color:Permalink};}
  363.  
  364. .my-liked, .my-like:hover {
  365. color: {color:LikeHover};
  366. cursor:pointer;
  367. display:inline-block;
  368. vertical-align:top;
  369. -moz-transition: all 0.4s;
  370. -webkit-transition: all 0.4s;
  371. -o-transition: all 0.4s;
  372. transition: all 0.4;}
  373.  
  374. #header{
  375. position: fixed;
  376. top: -5px;
  377. height: 30px;
  378. left:-10px;
  379. width: 100%;
  380. padding: 5px;
  381. text-transform: uppercase;
  382. background: {color:Header} url('{image:Header}');
  383. color: {color:Description};
  384. font-size: 30px;
  385. line-height: 33px;
  386. font-family: 'Raleway', sans-serif;
  387. z-index: 999;}
  388.  
  389. #header a{
  390. color: {color:HeaderLink};}
  391.  
  392. .descri {
  393. font-family: raleway, sans-serif;
  394. font-size: 15px;
  395. text-transform: none;
  396. top: -4px;
  397. position: fixed;
  398. padding: 5px;
  399. line-height: 15px;}
  400.  
  401. #questions {
  402. margin-top: 2px;
  403. margin-bottom: 0px;
  404. min-height: 30px;
  405. padding: 3px;}
  406.  
  407. #questions img, #bleh img {
  408. max-width: 250px;}
  409.  
  410. #vid {
  411. text-align: center;}
  412.  
  413. #flight {
  414. border-radius: 4px;
  415. padding: 2px;
  416. position: fixed;
  417. bottom: 2px;
  418. right: -5px;
  419. background-color:rgba(255,255,255,0.7);
  420. z-index: 999999999999999999999999;}
  421.  
  422. .title {
  423. font-size: 15px;}
  424.  
  425. .tat{
  426. font-size: 65px;
  427. line-height: 65px;
  428. font-family: georgia;
  429. opacity: .5;
  430. color: {color:Link};}
  431.  
  432. .quote {
  433. margin-top: -50px;
  434. font-size: 15px;
  435. text-indent: 38px;}
  436.  
  437. .source {
  438. margin-top: -30px;
  439. text-align: right}
  440.  
  441. .perm {
  442. font-family: carrois gothic sc;
  443. font-size: 10px;}
  444.  
  445. .pics img{
  446. display: block;}
  447.  
  448. #scrollToTop:link,
  449. #scrollToTop:visited {
  450. display: none;
  451. position: fixed;
  452. bottom: 40px;
  453. right: 20px;
  454. z-index: 999999999;}
  455.  
  456. </style>
  457.  
  458. {block:iftotopbutton}
  459. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  460. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  461. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="scroll to top"><img src="{image:ScrollToTopButton}" title="scroll to top" alt="scroll to top"/></a>
  462. {/block:iftotopbutton}
  463.  
  464. <script>
  465. window.onload = function () {
  466. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  467. document.addEventListener( 'click', function ( event ) {
  468. var myLike = event.target;
  469. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  470. var frame = document.getElementById( 'my-like-frame' ),
  471. liked = ( myLike.className == 'my-liked' ),
  472. command = liked ? 'unlike' : 'like',
  473. reblog = myLike.getAttribute( 'data-reblog' ),
  474. id = myLike.getAttribute( 'data-id' ),
  475. oauth = reblog.slice( -8 );
  476. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  477. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  478. };
  479. }, false );
  480. };
  481. </script>
  482. </head>
  483.  
  484. <body>
  485.  
  486. <div id="header">&nbsp;&nbsp;<a href="/">{Title}</a> {block:ifLink1Title}&middot; <a href="{text:Link 1}" class="link">{text:Link 1 Title}</a>
  487. {/block:ifLink1Title}
  488. {block:ifLink2Title}&middot;
  489. <a href="{text:Link 2}" class="link">{text:Link 2 Title}</a>
  490. {/block:ifLink2Title}
  491. {block:ifLink3Title}&middot;
  492. <a href="{text:Link 3}" class="link">{text:Link 3 Title}</a>
  493. {/block:ifLink3Title}
  494. {block:ifLink4Title}&middot;
  495. <a href="{text:Link 4}" class="link">{text:Link 4 Title}</a>
  496. {/block:ifLink4Title}
  497. {block:ifLink5Title}&middot;
  498. <a href="{text:Link 5}" class="link">{text:Link 5 Title}</a>
  499. {/block:ifLink5Title}
  500. {block:iflink6Title}&middot;
  501. <a href="{text:Link 6}" class="link">{text:Link 6 Title}</a>
  502. {/block:ifLink6Title}
  503. &middot; <a href="http://pyschic.tumblr.com">theme</a> {block:Description} &middot; <span class="descri">{Description}{/block:Description}</span>
  504. </div>
  505.  
  506. <div id="bowl">
  507. <div id="posts">
  508. {block:Posts}
  509. <div id="entry">
  510.  
  511. {block:Photo}
  512. {block:IndexPage}
  513. <span class="starfish"><a href="{ReblogURL}" title="{text:ReblogText}"><br>▲</a></span>
  514. <span class="crab"><a href="{Permalink}" title="{NoteCount} notes">▼</a></span>
  515. <span class ="seal"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like">▲</div></span>
  516. <div id="pics"><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px"></a></div>{/block:IndexPage}
  517.  
  518. {block:PermalinkPage}
  519. <div align="center">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>
  520. {/block:PermalinkPage}
  521.  
  522. {/block:Photo}
  523.  
  524. {block:Answer}
  525. <div id="questions">
  526. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right: 3px;">
  527. {Asker}: {Question}
  528. {Answer}</div>
  529. <div class="shark"><a href="{Permalink}">{TimeAgo}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  530. {/block:Answer}
  531.  
  532. {block:Photoset}
  533. {block:IndexPage}
  534. <span class="starfish"><a href="{ReblogURL}" title="{text:ReblogText}"><br>▲</a></span>
  535. <span class="crab"><a href="{Permalink}" title="{NoteCount} notes">▼</a></span>
  536. <span class="seal"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like">▲</div></span>
  537. {Photoset-250}
  538. {/block:IndexPage}
  539. {block:PermalinkPage}
  540. {Photoset-500}
  541. {/block:PermalinkPage}
  542.  
  543. {/block:Photoset}
  544.  
  545. {block:Text}
  546. <div id="bleh">
  547. {block:Title}<div class="title"><a href="{permalink}">{Title}</a></div>{/block:Title}
  548. {Body}
  549. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div></div>
  550. {/block:Text}
  551.  
  552. {block:Link}
  553. <a href="{URL}" class="title">{Name} <font size="3">»</font></a>
  554. {block:Description}{Description}{/block:Description}<br>
  555. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  556. {block:Link}
  557.  
  558. {block:Quote}
  559. <b class="tat">“</b><div class ="quote"><i>{Quote}</i></div>
  560. <br><br>{block:Source}<div class="source"><strong>- {Source}</div></strong>{/block:Source}
  561. {block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}
  562. <br>
  563. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  564. {/block:Quote}
  565.  
  566. {block:Chat}
  567. {block:Title}<span class="title">{Title}</span>{/block:Title}
  568. {block:Lines}<li>
  569. {block:Label}{Label}</span>
  570. {/block:Label}
  571. {Line}
  572. </li>
  573. {/block:Lines}
  574. <span class="permalink">
  575. </span><br>
  576. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  577. {/block:Chat}
  578.  
  579. {block:Audio}
  580. <div id="vid">
  581. {AudioPlayerGrey}
  582. </div>
  583. {block:indexpage}{block:Caption}{Caption}{/block:Caption}
  584. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>{/block:indexpage}
  585. {/block:Audio}
  586.  
  587. {block:Video}{block:indexpage}
  588. <div id="vid">
  589. {Video-250}</div>
  590. {block:Caption}{Caption}{/block:Caption}
  591. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>{/block:indexpage}
  592. {block:PermalinkPage}
  593. {Video-500}{/block:PermalinkPage}
  594. {/block:Video}
  595.  
  596. {block:PermalinkPage}
  597. <div class="perm">
  598. {block:Caption}{Caption}{/block:Caption}{block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}<br>
  599. {TimeAgo}{block:RebloggedFrom}<br> via:
  600. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br>source:
  601. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  602. {/block:RebloggedFrom}
  603. <br>
  604. <div align="left">
  605. {block:PostNotes}
  606. {PostNotes}
  607. {/block:PostNotes}
  608. </div>
  609. </div>
  610. {/block:PermalinkPage}
  611.  
  612. </div>
  613. {/block:Posts}
  614. </div>
  615. </div>
  616. </div>
  617. </center>
  618. </div>
  619. </div>
  620. <div id="flight"><a href="http://pyschic.tumblr.com/"><img src="http://i.imgur.com/pbioRZL.gif"></a></div>
  621. {block:indexpage}
  622. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  623. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  624. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  625. <script type="text/javascript">
  626. $(window).load(function(){
  627. var $wall = $('#posts');
  628. $wall.imagesLoaded(function(){
  629. $wall.masonry({
  630. itemSelector: '#entry, #entry_photo',
  631. isAnimated : false
  632. });
  633. });
  634.  
  635. $wall.infinitescroll({
  636. navSelector : '#page-nav',
  637. nextSelector : '#page-nav a',
  638. itemSelector : '#entry, #entry_photo',
  639. bufferPx : 2000,
  640. debug : false,
  641. errorCallback: function() {
  642. $('#infscr-loading').fadeOut('normal');
  643. }},
  644. function( newElements ) {
  645. var $newElems = $( newElements );
  646. $newElems.hide();
  647. $newElems.imagesLoaded(function(){
  648. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  649. });
  650. }); $('#content').show(500);
  651. });
  652. </script>
  653. {/block:indexpage}
  654. </body>
  655. </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!