ramfaggot

Untitled

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