API tools faq
paste
Advertisement
planthed

Tear in my heart

planthed
Dec 10th, 2015
938
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.68 KB | None | 0 0
raw download clone embed print report
  1. <!-----
  2.  
  3. theme made by tumblr user planthed // weedhs ★彡
  4.  
  5. keep the creds u lil bitch
  6.  
  7. — http://painthemes.tumblr.com/
  8. — http://planthed.tumblr.com/
  9. — http://weedhs.tumblr.com/
  10.  
  11. ------>
  12.  
  13. <html lang="en">
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{favicon}">
  18. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  19. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  20. <meta name="viewport" content="width=720" />
  21. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  22.  
  23.  
  24. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  25. <script type="text/javascript">
  26. WebFontConfig = {
  27. google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin', 'Noto+Sans:400,400italic:latin', 'Libre+Baskerville:400,400italic:latin', 'Satisfy::latin', 'Dawning+of+a+New+Day::latin','Dosis::latin', 'Raleway:200:latin', 'Parisienne::latin', 'Great+Vibes::latin', 'Clicker+Script::latin' ] }
  28. };
  29. (function() {
  30. var wf = document.createElement('script');
  31. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  32. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  33. wf.type = 'text/javascript';
  34. wf.async = 'true';
  35. var s = document.getElementsByTagName('script')[0];
  36. s.parentNode.insertBefore(wf, s);
  37. })(); </script>
  38.  
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Raleway|Montserrat' rel='stylesheet' type='text/css'>
  41.  
  42. <meta name="color:Background" content="#fff"/>
  43. <meta name="color:Text" content="#000"/>
  44. <meta name="color:Link" content="#fad6ab"/>
  45. <meta name="color:permalink text" content="#000"/>
  46. <meta name="image:Background" content=""/>
  47. <meta name="if:box shadow" content="1"/>
  48. <meta name="text:blogtitle" content="tear in my heart" />
  49. <meta name="text:Link 1" content="/" />
  50. <meta name="text:Link 1 Title" content="home" />
  51. <meta name="text:Link 2" content="/ask" />
  52. <meta name="text:Link 2 Title" content="message"/>
  53. <meta name="text:Link 3" content="/" />
  54. <meta name="text:Link 3 Title" content="more" />
  55. <meta name="text:Link 4" content="/" />
  56. <meta name="text:Link 4 Title" content="favorites" />
  57. <meta name="text:Link 5" content="/" />
  58. <meta name="text:Link 5 Title" content="archive" />
  59. <meta name="select:title size" content="30px" title="30px"/>
  60. <meta name="select:title size" content="35px" title="35px"/>
  61. <meta name="select:title size" content="40px" title="40px"/>
  62. <meta name="select:title size" content="45px" title="45px"/>
  63. <meta name="select:title size" content="50px" title="50px"/>
  64.  
  65. </script>
  66.  
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  69. <script>
  70. (function($){$(document)
  71. .ready(function(){$("[title]")
  72. .style_my_tooltips();});})
  73. (jQuery);
  74. </script>
  75.  
  76. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  77. </script>
  78.  
  79. <style type="text/css">
  80.  
  81.  
  82. #s-m-t-tooltip{
  83. max-width:300px;
  84. padding:5px;
  85. line-height:17px;
  86. margin:20px 0px 0px 20px;
  87. background-color:white;
  88. border:1px solid {color:link};
  89. font-family:arial;
  90. font-size:10px;
  91. letter-spacing:1px;
  92. text-transform:uppercase;
  93. color:{color:text};
  94. opacity:1;
  95. z-index:999999999;
  96. }
  97.  
  98.  
  99. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{
  100. position:fixed !important;
  101. z-index:999999999!important;
  102. -webkit-filter: invert(100%)
  103. }
  104. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  105.  
  106. !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  107.  
  108. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  109.  
  110.  
  111.  
  112. ::-webkit-scrollbar{
  113. height:0px;
  114. width:9px;
  115. background-color:{color:link};
  116. border:4px solid {color:background};
  117. }
  118. ::-webkit-scrollbar-thumb{
  119. height:6px;
  120. background-color:{color:link};
  121. border: 2px solid {color:background};
  122. }
  123.  
  124.  
  125.  
  126.  
  127. body, a, a:hover {cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress;}
  128.  
  129.  
  130.  
  131. body {
  132. padding:0px;
  133. margin:0px;
  134. color:{color:Text};
  135. font-family:calibri;
  136. font-size:10px;
  137. line-height:12px;
  138. text-transform:normal;
  139. background-color:{color:Background};
  140. background-image:url({image:Background});
  141. background-attachment:fixed;
  142. background-repeat:repeat;
  143. cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;}
  144.  
  145. a:link, a:active, a:visited{
  146. color:{color:link};
  147. text-decoration:none;
  148. -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;}
  149.  
  150. a:hover{
  151. color:{color:text};
  152. -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  153. }
  154.  
  155. #audio {
  156. width:220px;
  157. height:auto;
  158. min-height:60px;
  159. padding-bottom:0px;
  160. }
  161.  
  162. .cover {
  163. position:absolute;
  164. z-index:1;
  165. width:60px;
  166. height:50px;
  167. }
  168.  
  169. .cover img {
  170. float:left;
  171. width:60px;
  172. height:60px;
  173. border-radius:4px;
  174. }
  175.  
  176. .playbox {
  177. opacity:0.6;
  178. width:27px;
  179. height:30px;
  180. overflow:hidden;
  181. position:absolute;
  182. z-index:1000;
  183. margin-left:17px;
  184. margin-top:17px;
  185. text-align:center;
  186. }
  187.  
  188. .info {
  189. margin-left:77px;
  190. margin-top:4px;
  191. line-height:14px;
  192. }
  193.  
  194. #cunt{width:250px; height:auto;}
  195. {block:PermalinkPage}
  196. width:10px;
  197. {/block:PermalinkPage}
  198. }
  199.  
  200. #center{
  201. padding-top:3px;
  202. padding-bottom:3px;
  203. position:fixed !important;
  204. width:250px;
  205. height:207px;
  206. background-color:#fff;
  207. {block:PermalinkPage}
  208. width:410px;
  209. height:207px;
  210. {/block:PermalinkPage}
  211. }
  212.  
  213. #posts{
  214. float:center;
  215. {block:indexpage}
  216. width:780px;
  217. {/block:indexpage}
  218. {block:permalinkpage}
  219. width:660px;
  220. {/block:permalinkpage}
  221. margin-left:380px;
  222. margin-top:0px;
  223. padding-left:10px;
  224. z-index:999;
  225. }
  226.  
  227. #entry img{
  228. {block:indexpage}
  229. max-width:100%;
  230. z-index:999;
  231. -webkit-transition:all 0.7s ease-out;
  232. -moz-transition:all 0.7s ease-out;
  233. transition:all 0.7s ease-out;
  234. {/block:indexpage}
  235. }
  236.  
  237.  
  238. #entry{
  239. {block:ifboxshadow}
  240. box-shadow:7px 7px {color:link};
  241. {/block:ifboxshadow}
  242. z-index:999;
  243. margin-top:60px;
  244. float:left;
  245. padding:15px;
  246. background:#fff;
  247. border:1px solid {color:link};
  248. margin-left:60px;
  249. font-size:9px;
  250. overflow:hidden;
  251. font-family:arial;
  252. line-height:15px;
  253. width:220px;
  254. {block:PermalinkPage}
  255. width:400px;
  256. z-index:999;
  257. {/block:PermalinkPage}
  258. }
  259.  
  260.  
  261. .permalinktext a{
  262. color:{color:permalink text};
  263. }
  264.  
  265.  
  266.  
  267. .permalinktext{
  268. display:block;
  269. text-align:center;
  270. color:{color:permalink text};
  271. text-decoration:none;
  272. background:{color:link};
  273. font-size:7px;
  274. margin-top:10px;
  275. letter-spacing:1px;
  276. font-family:arial;
  277. text-transform:uppercase;
  278. padding:10px;
  279. line-height:10px;
  280. height:10px;
  281. }
  282.  
  283.  
  284.  
  285. #postnotes{
  286. overflow:scroll;
  287. border:1px solid {color:link};
  288. height:auto;
  289. max-height:170px;
  290. font-size:7px;
  291. text-transform:uppercase;
  292. letter-spacing:1px;
  293. line-height:20px;
  294. padding:8px;
  295. }
  296.  
  297.  
  298. ol.notes li.note img.avatar {
  299. width:0px;
  300. display:inline;
  301. position:relative;
  302. list-style-type:none;
  303. display:none;
  304. }
  305.  
  306. .title{
  307. font-family:raleway;
  308. padding-bottom:5px;
  309. font-size:17px;
  310. line-height:25px;
  311. text-align:center;
  312. text-transform:uppercase;
  313. letter-spacing:1px;
  314. color:{color:link};
  315. }
  316.  
  317. li {
  318. position:relative;
  319. display:block;
  320. }
  321.  
  322. li:before {
  323. content:'―';
  324. font-size:15px;
  325. position:absolute;
  326. left:-20px;
  327. color:{color:link};
  328. top:-3px;
  329. }
  330.  
  331.  
  332. blockquote{
  333. font-size:10px;
  334. border-left:1px solid {color:link};
  335. padding-left:5px;
  336. margin:0px 0px 2px 1px;
  337. }
  338.  
  339.  
  340. #sidebar {
  341. position:fixed;
  342. z-index:999;
  343. width:180px;
  344. margin-top:200px;
  345. margin-left:140px;
  346. z-index:999;
  347. height:66px;
  348. background:white;
  349. text-align:left;
  350. font-family:arial;
  351. font-size:9px;
  352. color:{color:text};
  353. line-height:12px;
  354. padding:10px;
  355. border:1px solid {color:link};
  356. border-radius:4px;
  357. }
  358.  
  359.  
  360. #sidebar:after {
  361. content: '';
  362. position: absolute;
  363. border-style: solid;
  364. border-width: 12px 12px 0px;
  365. border-color: #fff transparent;
  366. display: block;
  367. opacity:1;
  368. z-index: 4;
  369. top: 86px;
  370. left: 20px;
  371. }
  372.  
  373.  
  374. #sidebar:before {
  375. content: '';
  376. position: absolute;
  377. border-style: solid;
  378. border-width: 12px 12px 0px;
  379. border-color: {color:link} transparent;
  380. display: block;
  381. opacity:1;
  382. z-index: 3;
  383. top: 87px;
  384. left: 20px;
  385. }
  386.  
  387.  
  388. .titulo {
  389. position:fixed;
  390. font-family:Parisienne;
  391. z-index:99;
  392. text-align:center;
  393. width:auto;
  394. font-style:normal;
  395. height:14px;
  396. font-size:{select:title size};
  397. margin-left:-8px;
  398. margin-top:100px;
  399. width:auto;
  400. letter-spacing:2px;
  401. text-transform:normal;
  402. color:{color:link};
  403. -webkit-transition:All 0.5s ease-in-out;
  404. -moz-transition:All 0.5s ease-in-out;
  405. -ms-transition:All 0.5s ease-in-out;
  406. -o-transition:All 0.5s ease-in-out;
  407. transition:All 0.5s ease-in-out;
  408. }
  409.  
  410. #sidebar:hover .titulo{
  411. opacity:0;
  412. margin-left:-500px;
  413.  
  414. }
  415.  
  416.  
  417.  
  418. .video iframe,
  419. .video .tumblr_video_container,
  420. .video .tumblr_video_container iframe {
  421. display:block;
  422. width:100%;
  423. height:Auto;
  424. }
  425.  
  426. .video #youtube_iframe {
  427. display:block;
  428. width:100%;
  429. height:Auto;
  430. }
  431.  
  432.  
  433. .taissa{
  434. opacity:0;
  435. margin-top:100px;
  436. position:fixed !important;
  437. padding:5px;
  438. width:230px;
  439. margin-left:-30px;
  440. text-align:center;
  441. -webkit-transition:All 0.5s ease-in-out;
  442. -moz-transition:All 0.5s ease-in-out;
  443. -ms-transition:All 0.5s ease-in-out;
  444. -o-transition:All 0.5s ease-in-out;
  445. transition:All 0.5s ease-in-out;
  446. }
  447.  
  448. #sidebar:hover .taissa{
  449. opacity:1;
  450. margin-top:20px;
  451. }
  452.  
  453.  
  454. .taissa a{
  455. text-decoration:none;
  456. color:{color:text};
  457. font-size:10px;
  458. letter-spacing:1px;
  459. font-family:arial;
  460. display:inline-block;
  461. line-height:15px;
  462. text-transform:uppercase;
  463. padding-bottom:4px;
  464. position:relative;
  465. text-align:center;
  466. padding:2px;
  467. padding-left:6px;
  468. margin-top:7px;
  469. }
  470.  
  471. .taissa a:hover{
  472. background:{color:link};
  473. color:{color:permalink text};
  474. }
  475.  
  476.  
  477.  
  478. /*DO NOT TOUCH!!!!*/
  479.  
  480. #niall{
  481. color:white;
  482. width:auto;
  483. position:fixed;
  484. margin-top:-35px;
  485. margin-left:-17px;
  486. left:-1px;
  487. background:{color:background};
  488. z-index:99999999999999999999999999999999;
  489. -webkit-transition: all .7s ease;
  490. -moz-transition: all .7s ease;
  491. -o-transition: all .7s ease;
  492. transition: all .7s ease;
  493. }
  494.  
  495. #zayn a{
  496. color:{color:permalink text};
  497. }
  498.  
  499. #zayn{
  500. font-size:14px;
  501. line-height:18px;
  502. text-align:center;
  503. height:15px;
  504. margin-top:36px;
  505. width:15px;
  506. padding:5px;
  507. margin-left:20px;
  508. position:fixed;
  509. -webkit-transition: all .7s ease;
  510. -moz-transition: all .7s ease;
  511. -o-transition: all .7s ease;
  512. transition: all .7s ease;
  513. }
  514. #lol{
  515. text-align:center;
  516. width:200px;
  517. color:black;
  518. font-size:8px;
  519. height:11px;
  520. padding:7px;
  521. font-family:'calibri';
  522. text-transform:uppercase;
  523. margin-left:-200px;
  524. letter-spacing:2px;
  525. margin-top:36px;
  526. position:fixed;
  527. opacity:0;
  528. line-height:11px;
  529. overflow:hidden;
  530. -webkit-transition: all .7s ease;
  531. -moz-transition: all .7s ease;
  532. -o-transition: all .7s ease;
  533. transition: all .7s ease;
  534. }
  535.  
  536. #lol a{color:{color:text};}
  537.  
  538. #niall:hover #lol{
  539. margin-left:5px;
  540. opacity:1;
  541. }
  542.  
  543. /* don't delete the credit */
  544.  
  545.  
  546.  
  547. #lace{
  548. position:fixed;
  549. opacity:1;
  550. width:25px;
  551. padding:3px;
  552. height:100%;
  553. background:{color:link};
  554. margin-top:0px;
  555. margin-left:0px;
  556. z-index:999;
  557. text-align:center;
  558. -webkit-transition: all .7s ease;
  559. -moz-transition: all .7s ease;
  560. -o-transition: all .7s ease;
  561. transition: all .7s ease;}
  562.  
  563.  
  564.  
  565. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  566. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  567. </style>
  568.  
  569.  
  570. </head>
  571. <body>
  572.  
  573. <div id="lace"></div>
  574.  
  575.  
  576. <!--- do not detele this lmao---->
  577. <div id="niall"><div id="zayn"><a href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-code"></i></a></div><div id="lol">Theme by <a href="http://planthed.tumblr.com/"target="_blank">planthed</a>
  578. </div></div>
  579. <!--- do not detele this lmao---->
  580.  
  581. <div id="sidebar">
  582. <div class="titulo">{text:blogtitle}</div>
  583. {description}
  584. <div class="taissa">
  585. <a href="{text:Link 1}"><i class="fa fa-home"></i> {text:Link 1 Title}</a>
  586. <a href="{text:Link 2}"><i class="fa fa-comment"></i> {text:Link 2 Title}</a>
  587. <a href="{text:Link 3}"><i class="fa fa-tags"></i> {text:Link 3 Title}</a>
  588. <a href="{text:Link 4}"><i class="fa fa-eye"></i> {text:Link 4 Title}</a>
  589. <a href="{text:Link 5}"><i class="fa fa-info"></i> {text:Link 5 Title}</a>
  590. <a href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-code"></i> theme</a>
  591. </div>
  592. </div>
  593. </div>
  594.  
  595. </div>
  596.  
  597.  
  598.  
  599. <div id="center">
  600. <div id="content">
  601. <div id="posts">
  602. {block:Posts}
  603. <div id="entry">
  604.  
  605. {block:Photo}
  606. {block:IndexPage}
  607. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%;>
  608. {/block:IndexPage}
  609. {block:permalinkpage}{LinkOpenTag}<center>
  610. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%;/>
  611. {LinkCloseTag}</center>{/block:permalinkpage}
  612. {/block:Photo}
  613.  
  614. {block:Text}
  615. {block:Title}<span class="title">{Title}</span>{/block:Title}
  616. <span class="entrytext">{Body}</span></a>
  617. {/block:Text}
  618.  
  619. {block:Link}
  620. <a href="{URL}" class="title">{Name}</a>
  621. {block:Description}{Description}{/block:Description}
  622. {block:Link}
  623.  
  624.  
  625. {block:Photoset}
  626. {block:IndexPage}
  627. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="220" style="padding:0px;"/></a>
  628. {/block:Photos}
  629. {/block:IndexPage}
  630. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  631. {/block:Photoset}
  632.  
  633. {block:Quote}
  634. <div class="quote">❝ {quote}</div>
  635. {/block:Quote}
  636.  
  637. {block:Chat}
  638. {block:Title}<span class="title">{Title}</span>{/block:Title}
  639. <ul class="chat">
  640. {block:Lines}
  641. <li class="user_{UserNumber}">
  642. {block:Label}
  643. <span class="label">{Label}</span>
  644. {/block:Label}
  645. {Line}
  646. {/block:Lines}
  647. {/block:Chat}
  648.  
  649.  
  650. {block:Audio}
  651. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  652. {/block:Audio}
  653.  
  654. {block:Video}
  655. <div class="video">{Video-500}</div>
  656. {block:Video}
  657.  
  658.  
  659.  
  660. {block:Answer}
  661. <askk><div style="font-family:raleway; font-size:15px; text-align:left;color:{color:text}">{Asker} asked:</askk></div>
  662. <div style="margin-top:3px; border-radius:0px;padding:7px; background:{color:link}; text-align:left; color:{color:permalink text};">
  663. {Question}</div>
  664. <div style="font-family: raleway; padding:5px; margin-left:0px; font-size:15px; text-align:right;width:auto">{name} replied:</div>
  665. <div style="font-family:arial; font-size:9px;text-align:right;background:{color:link};padding:1px;">{Answer}</div>
  666. {/block:Answer}
  667.  
  668.  
  669. {block:IndexPage}
  670. <div class="permalinktext">
  671. {dayofmonth} {month} &nbsp;
  672. <a href="{permalink}" target="_blank">{notecountwithlabel}</a> &nbsp;
  673. <a href="{ReblogURL}" target="_blank">reblog</a>
  674. </div>{/block:IndexPage}
  675.  
  676. {block:PermalinkPage}
  677. {block:Caption}{Caption}{/block:Caption}<p>
  678. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  679. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  680. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  681. {/block:PermalinkPage}
  682. {block:PostNotes}
  683. <div id="postnotes">{PostNotes}</div>
  684. {/block:PostNotes}</div>{/block:Posts}
  685. </div></div>
  686.  
  687. {block:indexpage}
  688. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  689. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  690. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  691. <script type="text/javascript">
  692. $(window).load(function(){
  693. var $wall = $('#posts');
  694. $wall.imagesLoaded(function(){
  695. $wall.masonry({
  696. itemSelector: '#entry, #entry_photo',
  697. isAnimated : false
  698. });
  699. });
  700.  
  701. $wall.infinitescroll({
  702. navSelector : '#page-nav',
  703. nextSelector : '#page-nav a',
  704. itemSelector : '#entry, #entry_photo',
  705. bufferPx : 2000,
  706. debug : false,
  707. errorCallback: function() {
  708. $('#infscr-loading').fadeOut('normal');
  709. }},
  710. function( newElements ) {
  711. var $newElems = $( newElements );
  712. $newElems.hide();
  713. $newElems.imagesLoaded(function(){
  714. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  715. });
  716. }); $('#content').show(500);
  717. });
  718. </script>
  719. {/block:indexpage}
  720.  
  721.  
  722. </body>
  723. </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!