ramfaggot

Untitled

Jul 21st, 2014
460
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.21 KB | None | 0 0
  1. <!---------
  2. theme by cyrusnigga keep credit or d i e
  3. -------->
  4.  
  5. <html lang="en">
  6. <head>
  7.  
  8.  
  9. <title>{title}</title>
  10. <link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
  11. <script type="text/javascript" src="http://static.tumblr.com/
  12. xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Post Box" content="#ffffff"/>
  15. <meta name="color:Blog Description" content="#000000"/>
  16. <meta name="color:Title" content="#000000"/>
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Link" content="#000000"/>
  19. <meta name="color:Hover" content="#000"/>
  20. <meta name="font:Body" content="Arial"/>
  21. <meta name="image:Background" content=""/>
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="if:Scrollbar" content="1"/>
  24. <meta name="if:Less Space Between Posts" content="1"/>
  25. <meta name="if:dark images" content="1"/>
  26. <meta name="text:link one" content="/" />
  27. <meta name="text:link one title" content="refresh" />
  28. <meta name="text:link two" content="/ask" />
  29. <meta name="text:link two title" content="inbox" />
  30. <meta name="text:link three" content="/links" />
  31. <meta name="text:link three title" content="bae" />
  32. <meta name="text:link four" content="/" />
  33. <meta name="text:link four title" content="etc" />
  34. <meta name="text:link five" content="/" />
  35. <meta name="text:link five title" content="" />
  36. <meta name="text:link six" content="" />
  37. <meta name="text:link six title" content="" />
  38. <meta name="text:link seven" content="" />
  39. <meta name="text:link seven title" content="" />
  40. <meta name="text:playlist code" content="" />
  41. <meta name="if:black and white follow button" content="1"/>
  42. <meta name="if:black and white reblog button" content="1"/>
  43. </script>
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. {block:ifblackandwhitefollowbutton}
  49. iframe#tumblr_controls {opacity:1;-webkit-filter: invert(100%);transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  50. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1.0;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.8s ease-out;}
  51. {/block:ifblackandwhitefollowbutton}
  52.  
  53.  
  54. body{
  55. margin:0px;
  56. background-color: {color:Background};
  57. background-image:url({image:Background});
  58. background-attachment: fixed;
  59. background-repeat: no-repeat;
  60. background-position: bottom right;
  61. font-size: 9px;
  62. font-family:{font:Body};
  63. line-height:10px;
  64. color:{color:Text};
  65. }
  66.  
  67. a:link, a:active, a:visited{
  68. color: {color:Link};
  69. text-decoration: none;
  70. -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;
  71. }
  72.  
  73. a:hover{
  74. color:{color:Hover};
  75. text-decoration: none;
  76. -webkit-transition: all 0.55s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.6s ease-out;
  77. font-style:italic;text-decoration:underline;
  78. }
  79.  
  80. {block:ifscrollbar}
  81. ::-webkit-scrollbar {width: 3px; height: 0px; padding-right:0px;background:{color:background};}
  82.  
  83. ::-webkit-scrollbar-thumb {background-color:{color:link};}
  84. {/block:ifscrollbar}
  85.  
  86. .yo{
  87. position:fixed;
  88. text-align:center;
  89. bottom:0px;
  90. font-family:tahoma;
  91. font-size:20px;
  92. right:0px;
  93. padding-top:1px;
  94. padding-right:6px;
  95. padding-left:5px;
  96. padding-bottom:6px;
  97. width:auto;
  98. height:auto;
  99. border-top-left-radius:5px;
  100. background-color:#000;
  101. z-index:99999;
  102. color:#fff;
  103. }
  104.  
  105. #postys{width:360px; height:auto;}
  106. {block:PermalinkPage}
  107. width:370px;
  108. {/block:PermalinkPage}
  109. {block:ifRoundedEdges}
  110. -moz-border-radius: 3px;
  111. border-radius: 3px;
  112. {/block:ifRoundedEdges}
  113. }
  114.  
  115.  
  116. #jango{
  117. padding-top:3px;
  118. padding-bottom:3px;
  119. position:fixed !important;
  120. width:355px;
  121. height:207px;
  122. background-color:{color:Post Box};
  123. {block:PermalinkPage}
  124. width:370px;
  125. height:207px;
  126. {/block:PermalinkPage}
  127. {block:ifRoundedEdges}
  128. -moz-border-radius: 3px;
  129. border-radius: 3px;
  130. {/block:ifRoundedEdges}
  131. }
  132.  
  133.  
  134. #barside{
  135. position:absolute !important;
  136. position:fixed !important;
  137. top:200px;
  138. left: 410px;
  139. background-color: transparent;
  140. width:180px;
  141. {block:ifdarkimages}
  142. -webkit-filter: grayscale(40%);
  143. {/block:ifdarkimages}
  144. }
  145.  
  146. #rake{
  147. margin:auto;
  148. left:0px;
  149. top:2px;
  150. padding-top:5px;
  151. padding-left:0px;
  152. position:absolute;
  153. {block:indexpage}
  154. width:1010px;
  155. {/block:indexpage}
  156. {block:permalinkpage}
  157. width:1050px;
  158. left:50px;
  159. {/block:permalinkpage}
  160. overflow:hidden;
  161. }
  162.  
  163. #posts{
  164. float:right;
  165. {block:ifdarkimages}
  166. -webkit-filter: grayscale(40%);
  167. {/block:ifdarkimages}
  168. {block:indexpage}
  169. width:400px;
  170. {/block:indexpage}
  171. {block:permalinkpage}
  172. width:490px;
  173. {/block:permalinkpage}
  174. margin-left:68px;
  175. }
  176.  
  177.  
  178. #entry{
  179. z-index:9999;
  180. border:0px solid;
  181. float: left;
  182. width: 320px;
  183. text-align:left;
  184. height: auto;
  185. {block:PermalinkPage}
  186. width: 360px;
  187. height: auto;
  188. {/block:PermalinkPage}
  189. line-height:8px;
  190. background-color:{color:Post Box};
  191. padding:0px;
  192. margin-right:70px;
  193. {block:iflessspacebetweenposts}
  194. margin-right:25px;
  195. {/block:iflessspacebetweenposts}
  196. overflow:hidden;
  197. margin-bottom:18px;
  198. {block:iflessspacebetweenposts}
  199. margin-bottom:2px;
  200. {/block:iflessspacebetweenposts}
  201. {block:ifRoundedEdges}
  202. -moz-border-radius: 3px;
  203. border-radius: 3px;
  204. {/block:ifRoundedEdges}
  205. }
  206.  
  207.  
  208.  
  209. ::selection {
  210. color:{color:Text};
  211. background-color: {color:Link};
  212. }
  213.  
  214. ::-moz-selection {
  215. color:{color:Text};
  216. background-color: {color:Link};
  217. }
  218.  
  219. ::-webkit-selection {
  220. color:{color:Text};
  221. background-color:{color:Link};
  222. }
  223.  
  224.  
  225. #entry img{
  226. {block:IndexPage}
  227. max-width: 320px;
  228. height: auto;
  229. {/block:IndexPage}
  230. {block:PermalinkPage}
  231. max-width: 360px;
  232. height: auto;
  233. {/block:PermalinkPage}
  234. -webkit-transition: all 0.5s ease-out;
  235. -moz-transition: all 0.5s ease-out;
  236. transition: all 0.5s ease-out;
  237. }
  238.  
  239. #entry img:hover{
  240. -webkit-filter:grayscale(0);
  241. -webkit-transition: all 0.5s ease-out;
  242. -moz-transition: all 0.5s ease-out;
  243. transition: all 0.5s ease-out;
  244. }
  245.  
  246.  
  247. .title{
  248. font-family: calibri;
  249. font-size: 12px;
  250. line-height: 12px;
  251. color: {color:Title};
  252. font-weight: normal;
  253. letter-spacing: 0px;
  254. text-transform:uppercase;
  255. letter-spacing:2px;
  256. }
  257.  
  258.  
  259.  
  260. .permalinktext{
  261. font-family: {Font:Body};
  262. padding: 5px;
  263. position: absolute;
  264. text-align: center;
  265. width: 200px;
  266. -moz-transition: 0.3s ease-out;
  267. -webkit-transition: 0.3s ease-out;
  268. transition: 0.3s ease-out;
  269. opacity:0;
  270. }
  271.  
  272. .permalinktext a{color:{color:links};
  273. }
  274.  
  275. .entry:hover .permalinktext {
  276. -moz-transition: 0.3s ease-out;
  277. -webkit-transition: 0.3s ease-out;
  278. transition: 0.3s ease-out;
  279. width:200px;
  280. text-decoration:line-through;
  281. height:auto;
  282. display: block;
  283. opacity: 1;
  284. }
  285.  
  286.  
  287. blockquote{
  288. padding:0px 0px 2px 3px;
  289. margin:0px 0px 2px 1px;
  290. }
  291. ul, ol, li{
  292. list-style:none;
  293. margin:0px;
  294. padding:0px;
  295. }
  296.  
  297. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  298. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  299. }
  300.  
  301. a.links {
  302. font-family: Arial;
  303. font-size: 12px;
  304. line-height: 7px;
  305. text-transform: normal;
  306. letter-spacing:0px;
  307. display:block;
  308. padding: 0px;
  309. margin-bottom: 0px;
  310. {block:ifRoundedEdges}
  311. -moz-border-radius: 3px;
  312. border-radius: 3px;
  313. {/block:ifRoundedEdges}
  314. }
  315.  
  316. a.links:hover {
  317. text-decoration: underline;
  318. letter-spacing:10px;
  319. }
  320.  
  321.  
  322.  
  323. .perma
  324. {
  325. opacity: 0.0;
  326. filter: alpha(opacity = 0);
  327. bottom:50px;
  328. width: auto;
  329. margin-left:255px;
  330. height: 30px;
  331. line-height: 30px;
  332. font-size: 9px;
  333. {block:ifblackandwhitereblogbutton}
  334. -webkit-filter:invert(1);
  335. {/block:ifblackandwhitereblogbutton}
  336. position:absolute;
  337. text-align: center;
  338. z-index:9999991;
  339. color: {color:permalink};
  340.  
  341. }
  342. a.p
  343. {
  344.  
  345. color: {color:permalink};
  346. }
  347. #entry:hover .perma {
  348. bottom:26px;
  349. -webkit-transition: opacity 0.4s linear;
  350. opacity: 1;
  351. -moz-transition: all 0.4s linear;
  352. transition: all 0.4s linear;
  353. filter: alpha(opacity = 100);
  354.  
  355. }
  356.  
  357. .rep {
  358. width: 24px;
  359. height: 20px;
  360. overflow: hidden;
  361. position: relative;
  362. z-index: 9999999;
  363. position: absolute;
  364. margin-top: 26px;
  365. margin-left: 29px;
  366. }
  367.  
  368. .rep img{
  369. width: 24px;
  370. height: 20px;
  371. line-height: 30px;
  372. display: inline;
  373. }
  374.  
  375.  
  376.  
  377. #audio {
  378. width:250px;
  379. height:auto;
  380. min-height:60px;
  381. margin-top:17px;
  382. padding-bottom:5px;
  383. margin-left:40px;
  384. }
  385. .cover {
  386. position:absolute;
  387. z-index:1;
  388. width:70px;
  389. height:670px;
  390. margin-top:-4px;
  391. margin-left:-10px;
  392. }
  393. .cover img {
  394. float:left;
  395. width:70px;
  396. height:70px;
  397. }
  398. .playbox {
  399. opacity:0.6;
  400. width:27px;
  401. height:30px;
  402. overflow:hidden;
  403. position:absolute;
  404. z-index:1000;
  405. margin-left:14px;
  406. margin-top:18px;
  407. text-align:center;
  408. }
  409. .info {
  410. margin-left:73px;
  411. margin-top:4px;
  412. line-height:14px;
  413. }
  414.  
  415.  
  416. #hmm{
  417. padding-top:0px;
  418. text-align:right;
  419. }
  420.  
  421. #hmm a{padding:3px;}
  422.  
  423. </style>
  424. <link rel="shortcut icon" href="{Favicon}">
  425. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  426. <meta name="viewport" content="width=720" />
  427. </head>
  428. <body>
  429.  
  430. <div class="credit">
  431. </div>
  432.  
  433.  
  434.  
  435. <div id="jango">
  436. <div id="rake">
  437. <div id="barside">
  438.  
  439. {text:playlist code}
  440.  
  441. <div align="left" style="padding-bottom:5px; {block:ifRoundedEdges}
  442. -moz-border-radius: 3px; border-radius: 3px;{/block:ifRoundedEdges}">
  443. <a href="/">
  444. <img style="" src="{image:sidebar}"width=180" /></a></div>
  445.  
  446.  
  447.  
  448. <div align="right" style="line-height:12px; margin-top:4px; margin-bottom:5px; color:{color:Blog Description};">{description}</div>
  449.  
  450.  
  451. <div align="right" style="">
  452. <div id="hmm">
  453. {block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}
  454. {block:IfLinktwotitle}<a href="{text:link two}">{text:link two title}</a> {/block:IfLinktwotitle}
  455. {block:IfLinkthreetitle}<a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
  456. {block:IfLinkfourtitle}<a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
  457. {block:IfLinkfivetitle}<a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
  458. {block:IfLinksixtitle}<a href="{text:link six}">{text:link six title}</a> {/block:IfLinksixtitle}
  459. {block:IfLinkseventitle}<a href="{text:link seven}">{text:link seven title}</a>{/block:IfLinkseventitle}</div></div>
  460. </div>
  461.  
  462.  
  463. <div align="center">
  464.  
  465. <div id="posts">
  466.  
  467. {block:Posts}
  468.  
  469.  
  470. {block:ContentSource}
  471.  
  472. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  473.  
  474. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  475.  
  476. {/block:SourceLogo}
  477.  
  478. {block:NoSourceLogo}{noSourceLink}{/block:NoSourceLogo} —>
  479.  
  480. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  481.  
  482.  
  483. <div id="entry">
  484.  
  485.  
  486.  
  487. {block:Photo}
  488. {block:IndexPage}
  489.  
  490. <div class="perma">
  491. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  492. </div>
  493.  
  494.  
  495. <div id="postys">
  496. <a href="{permalink}">
  497. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=390; style=" {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} {block:ifRoundedEdges}-moz-border-radius: 3px; border-radius: 3px; {/block:ifRoundedEdges}"></a></div>
  498.  
  499. {/block:IndexPage}
  500. {block:PermalinkPage}
  501. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px; style=" {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} border="0"></center>
  502. <center>{caption}</center>
  503. {/block:PermalinkPage}
  504. {/block:Photo}
  505.  
  506. {block:Photoset}
  507.  
  508. <div class="perma">
  509. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  510. </div>
  511.  
  512. <a href="{permalink}">
  513. <center>{Photoset-250}</center></a>
  514. {/block:Photoset}
  515.  
  516.  
  517.  
  518. {block:Text}<div style="padding-top:5px; padding-bottom:0px; padding-left:3px; padding-right:0px;">
  519. {block:Title}
  520. <a href="{permalink}"><span class="title">{Title}</span></a>
  521. {/block:Title}
  522. <span class="entrytext" style="line-height:12px;">{Body}</span>
  523. <a href="{Permalink}"></a></div>
  524. {block:indexpage}
  525. <div align="right" style="padding-right:5px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  526. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  527. </a></div>{/block:indexpage}
  528. {/block:Text}
  529.  
  530. {block:Link}<div style="padding-top:15px; padding-bottom:0px;>
  531. <a href="{URL}"><span class="title">{Name}</span></a></div>
  532. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  533. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  534. {block:indexpage}
  535. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  536. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  537. </a></div>{/block:indexpage}
  538. {/block:Link}
  539.  
  540. {block:Quote}
  541. <div style="padding-top:10px; padding-bottom:10px;">
  542. <span class="title" style="line-height:16px;">"{Quote}"</span><br><br>
  543. <div style="text-align: right; padding-right:10px;"><a href="{Permalink}">{block:Source}
  544. -{Source}
  545. {/block:Source}</a></div><br>{block:indexpage}
  546. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  547. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  548. </a></div>{/block:indexpage}
  549. </div>
  550. {/block:Quote}
  551.  
  552. {block:Chat}
  553. <div style="padding-top:15px; padding-bottom:10px;">
  554. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  555. <ul class="chat">
  556. {block:Lines}
  557. <li class="user_{UserNumber}">
  558. {block:Label}
  559. <span class="label" style="line-height:12px;">{Label}</span>
  560. {/block:Label}
  561. {Line}
  562. </li>
  563. {/block:Lines}
  564. </ul>
  565. {block:Caption}{Caption}{/block:Caption}
  566. <br>{block:indexpage}
  567. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  568. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  569. </a></div>{/block:indexpage}
  570. </div>
  571. {/block:Chat}
  572.  
  573.  
  574.  
  575.  
  576. {block:Audio}
  577. <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 style="text-align:left"><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></div>
  578.  
  579.  
  580. <div style="padding-bottom:0px;padding-top:6px;"></div>{block:indexpage}
  581. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  582. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  583. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  584. </a></div>{/block:indexpage}
  585.  
  586.  
  587. {/block:Audio}
  588.  
  589.  
  590.  
  591. {block:Video}
  592. <div class="perma">
  593. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  594. </div>
  595.  
  596. <center>{Video-250}</center>
  597. {/block:Video}
  598.  
  599.  
  600.  
  601.  
  602.  
  603. {block:PermalinkPage}
  604. <center>
  605. {block:RebloggedFrom}<br><b>Via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<b>Source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}<br><Br>{block:Date}<img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png">&nbsp; {TimeAgo}&nbsp; <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png">&nbsp; {NoteCountWithLabel}{block:hasTags}&nbsp; <img src="http://static.tumblr.com/twte3d7/zZqlo2ldq/tag_fill_8x8.png">&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:Date}
  606. </center>
  607.  
  608. <br><br>
  609. <div align="left">
  610. {block:PostNotes}
  611. {PostNotes}
  612. {/block:PostNotes}</div>
  613. {/block:PermalinkPage}
  614.  
  615.  
  616. </div>
  617.  
  618.  
  619.  
  620. {/block:Posts}
  621. </div>
  622. </div>
  623. </div>
  624. </center>
  625. </div>
  626. </div>
  627.  
  628.  
  629.  
  630. {block:indexpage}
  631.  
  632.  
  633. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  634. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  635. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
  636. <script type="text/javascript">
  637. $(window).load(function(){
  638. var $wall = $('#posts');
  639. $wall.imagesLoaded(function(){
  640. $wall.masonry({
  641. itemSelector: '#entry, #entry_photo',
  642. isAnimated : false
  643. });
  644. });
  645.  
  646. $wall.infinitescroll({
  647. navSelector : '#page-nav',
  648. nextSelector : '#page-nav a',
  649. itemSelector : '#entry, #entry_photo',
  650. bufferPx : 2000,
  651. debug : false,
  652. errorCallback: function() {
  653. $('#infscr-loading').fadeOut('normal');
  654. }},
  655. function( newElements ) {
  656. var $newElems = $( newElements );
  657. $newElems.hide();
  658. $newElems.imagesLoaded(function(){
  659. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  660. });
  661. }); $('#content').show(500);
  662. });
  663. </script>
  664. {/block:indexpage}
  665.  
  666. </body>
  667. </html>
Add Comment
Please, Sign In to add comment