API tools faq
paste
Advertisement
planthed

Fly ver. 2

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