API tools faq
paste
Advertisement
planthed

Sky full of stars theme #15

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