Advertisement
ramisa

Untitled

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