API tools faq
paste
Advertisement
iune

Astrum Theme

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