Advertisement
ramisaaaaa

Untitled

Jul 24th, 2014
873
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.17 KB | None | 0 0
  1. <!---------
  2. theme by cyrusnigga, theme originally by takeable
  3. -------->
  4.  
  5.  
  6. <html lang="en">
  7. <head>
  8. <title>{title}</title>
  9. <link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
  10. <script type="text/javascript" src="http://static.tumblr.com/
  11. xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  12. <meta name="color:Background" content="#000"/>
  13. <meta name="color:posts" content="#000"/>
  14. <meta name="color:sidebar" content="#000"/>
  15. <meta name="color:Title" content="#fff"/>
  16. <meta name="color:Text" content="#fff"/>
  17. <meta name="color:Link" content="#fff"/>
  18. <meta name="color:Link background" content="#000"/>
  19. <meta name="color:blogtitle" content="#fff"/>
  20. <meta name="color:border" content="#fff"/>
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="text:blogtitle" content="compton thang$" />
  23. <meta name="text:Link One Title" content="index" />
  24. <meta name="text:Link One" content="/" />
  25. <meta name="text:Link Two Title" content="contact" />
  26. <meta name="text:Link Two" content="/ask" />
  27. <meta name="text:Link Three Title" content="archive" />
  28. <meta name="text:Link Three" content="/archive" />
  29. <meta name="text:Link Four Title" content="rss" />
  30. <meta name="text:Link Four" content="/rss" />
  31. <meta name="text:hover text one" content="refresh" />
  32. <meta name="text:hover text two" content="questions?" />
  33. <meta name="text:hover text three" content="navigations" />
  34. <meta name="text:hover text four" content="baby" />
  35. <meta name="if:faded posts" content="0"/>
  36. <meta name="if:drop down menu" content="0"/>
  37. <meta name="text:1 title" content="archive"/>
  38. <meta name="text:2 title" content="yung luv"/>
  39. <meta name="text:3 title" content="whatever"/>
  40. <meta name="text:4 title" content="faggot"/>
  41. <meta name="text:5 title" content="crew page"/>
  42. <meta name="text:1 link" content="/"/>
  43. <meta name="text:2 link" content="/"/>
  44. <meta name="text:3 link" content="/"/>
  45. <meta name="text:4 link" content="/"/>
  46. <meta name="text:5 link" content="/"/>
  47. </script>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
  50. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  51.  
  52. <style>
  53. div#qTip {
  54. padding:4px;
  55. height: auto;
  56. margin-top:5px;
  57. margin-left:10px;
  58. font-family:Carrois Gothic;
  59. font-size:9px;
  60. display: none;
  61. text-align: center;
  62. position: absolute;
  63. line-height: 10px;
  64. text-transform:lowercase;
  65. letter-spacing:0px;
  66. z-index: 999999999999;
  67. border:1px solid #efefef;
  68. background:#000;
  69. border-radius:5px;
  70. color:#fff;
  71. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  72. }
  73. </style>
  74.  
  75. <style type="text/css">
  76.  
  77. #entry img{
  78. {block:indexpage}
  79. max-width:250px;
  80. {/block:indexpage}
  81. {block:iffadedposts}
  82. opacity:.9;
  83. -webkit-transition: all 0.7s ease-out;
  84. -moz-transition: all 0.7s ease-out;
  85. transition: all 0.7s ease-out;
  86. {/block:iffadedposts}
  87. {/block:indexpage}
  88. {block:Permalinkpage}
  89. max-width:250px;
  90. {/block:Permalinkpage}
  91. }
  92. #entry img:hover{
  93. -webkit-filter:grayscale(0%);
  94. {block:iffadedposts}
  95. opacity: 1;
  96. -webkit-transition: all 0.7s ease-out;
  97. -moz-transition: all 0.7s ease-out;
  98. transition: all 0.7s ease-out;
  99. {/block:iffadedposts}
  100. }
  101.  
  102. iframe#tumblr_controls {
  103. right:3px !important;
  104. position: fixed !important;
  105. -webkit-transition: opacity 0.7s
  106. linear;
  107. -webkit-transition: all 0.8s ease-out;
  108. -moz-transition: all 0.8s ease-out;
  109. transition: all 0.8s ease-out;
  110. }
  111.  
  112.  
  113. iframe#tumblr_controls:hover{
  114. -webkit-transition: opacity 0.7s linear;
  115. opacity: 1;
  116. -webkit-transition: all 0.4s ease-out;
  117. -moz-transition: all 0.4s ease-out;
  118. transition: all 0.4s ease-out;
  119. }
  120.  
  121. ::-webkit-scrollbar {width: 3px; height: 0px; background: {color:background};}
  122.  
  123. ::-webkit-scrollbar-thumb { background-color:{color:link};width:4px; }
  124.  
  125. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  126.  
  127. a:link, a:active, a:visited{
  128. color:{color:link};
  129. text-decoration: none;
  130. -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;
  131. }
  132. a:hover {
  133. font-style: none;
  134. color:{color:link};
  135. text-decoration:none;
  136. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  137. }
  138. #akinanamhar{width:250px; height:auto;}
  139. {block:PermalinkPage}
  140. width:410px;
  141. {/block:PermalinkPage}
  142. }
  143. #center{
  144. padding-top:3px;
  145. padding-bottom:3px;
  146. position:fixed !important;
  147. width:250px;
  148. height:207px;
  149. background-color:white;
  150. {block:PermalinkPage}
  151. width:410px;
  152. height:207px;
  153. {/block:PermalinkPage}
  154. }
  155. body{
  156. margin:5px;
  157. background-color: {color:Background};
  158. background-image:url({image:Background});
  159. background-attachment: fixed;
  160. background-repeat: repeat;
  161. color:{color:Text};
  162. }
  163. #audio {
  164. width:200px;
  165. height:auto;
  166. min-height:60px;
  167. padding-bottom:0px;
  168. }
  169. .cover {
  170. position:absolute;
  171. z-index:1;
  172. width:60px;
  173. height:60px;
  174. }
  175. .cover img {
  176. float:left;
  177. width:60px;
  178. height:60px;
  179. }
  180. .playbox {
  181. opacity:0.6;
  182. width:27px;
  183. height:30px;
  184. overflow:hidden;
  185. position:absolute;
  186. z-index:1000;
  187. margin-left:17px;
  188. margin-top:17px;
  189. text-align:center;
  190. }
  191. .info {
  192. margin-left:73px;
  193. margin-top:4px;
  194. line-height:14px;
  195. }
  196. #posts{
  197. float:center;
  198. width:350px;
  199. margin-left:580px;
  200. margin-top:-10px;
  201. {block:PermalinkPage}
  202. margin-left:230px;
  203. {/block:PermalinkPage}
  204. }
  205.  
  206. anika{
  207. line-height:12px;
  208. margin:0px;
  209. padding:3px;
  210. border:1px solid #eee;
  211. }
  212. #sidebar {
  213. position: fixed;
  214. margin-top:-75px;
  215. margin-left:420px;
  216. z-index:9999;
  217. padding:10px;
  218. height:50000px;
  219. background-color:{color:sidebar};
  220. width:150px;
  221. }
  222. div#links{
  223. text-align: center;
  224. line-height: 12px;
  225. height:20px;
  226. font-family:arial;
  227. font-size:9px;
  228. padding:5px;
  229. color:black;
  230. font-style:oblique;
  231.  
  232. z-index:99999;
  233. }
  234. div#description{
  235. text-align: center;
  236. width:162px;
  237. height:auto;
  238. margin-left:-8px;
  239. color:{color:text};
  240. font-family:Carrois Gothic;
  241. font-size:9px;
  242. padding:2px;
  243. margin-top:4px;
  244. font-style:none;
  245. z-index:999999999;
  246. }
  247. #blogtitle{
  248. color:{color:blogtitle};
  249. font-size:13px;
  250. text-align:center;
  251. font-style:italic;
  252. letter-spacing:1px;
  253. z-index:1;
  254. font-family:arial;
  255. text-transform:uppercase;
  256. margin-top:160px;
  257. padding-bottom:6px;
  258. }
  259. .title{
  260. font-family:Trebuchet MS;
  261. font-size: 15px;
  262. line-height: 10px;
  263. font-style:italic;
  264. color: {color:Title};
  265. text-transform: normal;
  266. padding: 2px 0px 0px 0px;
  267. }
  268.  
  269. #entry {
  270. margin-right:30px;
  271. margin-bottom:15px; margin-top:15px; margin-left:30px;
  272. padding:10px;
  273. border:1px solid #eee;
  274. float:left;
  275. font-family:Carrois Gothic;
  276. font-size:9px;
  277. background-color:{color:posts};
  278. line-height:12px;
  279. width:250px;
  280. padding-bottom:20px;
  281. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  282. {block:PermalinkPage}
  283. width:250px;
  284. margin-left:380px;
  285. {/block:PermalinkPage}
  286. }
  287. #entry .perma{
  288. font-family:consolas;
  289. font-size:8px;
  290. width:auto;
  291. letter-spacing:1px;
  292. font-style:italic;
  293. text-transform:uppercase;
  294. background:#000;
  295. position: absolute;
  296. text-align: center;
  297. z-index: 99999;
  298. overflow:hidden;
  299. bottom:5px;
  300. margin-left:-4px;
  301. padding: 3px;
  302. width:250px;
  303. line-height:10px;
  304. color:#fff;
  305. height:auto;
  306. border:1px solid #fff;
  307. -webkit-transition: opacity 0.5s linear; opacity:1;
  308. -webkit-transition: all 0.5s linear;
  309. -moz-transition: all 0.5s linear;
  310. transition: all 0.5s linear;
  311. }
  312. #entry:hover .perma{
  313. overflow:visible;
  314. opacity:1;
  315. margin-top:10px;
  316. -webkit-transition: all 0.5s linear;
  317. -webkit-transition: all 0.5s linear;
  318. -moz-transition: all 0.5s linear;
  319. transition: all 0.5s linear;
  320. }
  321. .permalinktext{
  322. display: block;
  323. font-family:Trebuchet MS;
  324. font-size:9px;
  325. line-height:10px;
  326. text-align: right;
  327. margin: 5px;
  328. }
  329.  
  330. .okay{
  331. margin-top:5px;
  332. background-color:{color:sidebar};
  333. }
  334.  
  335.  
  336. #line {
  337. z-index:999;
  338. position:absolute !important;
  339. position:fixed !important;
  340. display:block;
  341. top:0px;
  342. height:100%;
  343. width:1px;
  344. background-color:{color:border};
  345. margin-left:400px;
  346. -webkit-animation: flipInX 2s;
  347. -moz-animation: flipInX 2s;
  348. -ms-animation: flipInX: 2s;
  349. }
  350.  
  351. #line2 {
  352. z-index:999;
  353. position:absolute !important;
  354. position:fixed !important;
  355. display:block;
  356. top:0px;
  357. height:700px;
  358. width:1px;
  359. background-color:{color:border};
  360. margin-left:900px;
  361. -webkit-animation: flipInY 2s;
  362. -moz-animation: flipInY 2s;
  363. -ms-animation: flipInY: 2s;
  364. }
  365.  
  366. .animated {
  367. -webkit-animation-fill-mode: both;
  368. -moz-animation-fill-mode: both;
  369. -ms-animation-fill-mode: both;
  370. -o-animation-fill-mode: both;
  371. animation-fill-mode: both;
  372. -webkit-animation-duration: 0.2s;
  373. -moz-animation-duration: 0.2s;
  374. -ms-animation-duration: 0.2s;
  375. -o-animation-duration: 0.2s;
  376. animation-duration: 0.2s;
  377. }
  378.  
  379. .animated.hinge {
  380. -webkit-animation-duration: 0.2s;
  381. -moz-animation-duration: 0.2s;
  382. -ms-animation-duration: 0.2s;
  383. -o-animation-duration: 0.2s;
  384. animation-duration: 2s;
  385. }
  386.  
  387.  
  388. @-webkit-keyframes flipInX {
  389. 0% {
  390. -webkit-transform: perspective(400px) rotateY(0deg);
  391. margin-top:600px;
  392. }
  393.  
  394. 40% {
  395. -webkit-transform: perspective(400px) rotateY(0deg);
  396. }
  397.  
  398. 70% {
  399. -webkit-transform: perspective(400px) rotateY(0deg);
  400. }
  401.  
  402. 100% {
  403. -webkit-transform: perspective(400px) rotateY(0deg);
  404. margin-top:0px;
  405. }
  406. }
  407.  
  408.  
  409. @-webkit-keyframes flipInY {
  410. 0% {
  411. -webkit-transform: perspective(400px) rotateY(0deg);
  412. margin-top:-600px;
  413. }
  414.  
  415. 40% {
  416. -webkit-transform: perspective(400px) rotateY(0deg);
  417. }
  418.  
  419. 70% {
  420. -webkit-transform: perspective(400px) rotateY(0deg);
  421. }
  422.  
  423. 100% {
  424. -webkit-transform: perspective(400px) rotateY(0deg);
  425. margin-top:0px;
  426. }
  427. }
  428.  
  429. }.flipInX {
  430. -webkit-backface-visibility: visible !important;
  431. -webkit-animation-name: flipInY;
  432. -moz-backface-visibility: visible !important;
  433. -moz-animation-name: flipInY;
  434. -o-backface-visibility: visible !important;
  435. -o-animation-name: flipInY;
  436. backface-visibility: visible !important;
  437. animation-name: flipInY;
  438. }#users:hover{}
  439.  
  440.  
  441.  
  442.  
  443. </style>
  444. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  445. <title>{title}</title>
  446. <link rel="shortcut icon" href="{favicon}">
  447. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
  448.  
  449. <body>
  450. <div id="center">
  451. <div id="content">
  452.  
  453. <div id="line"></div>
  454. <div id="line2"></div>
  455.  
  456.  
  457. <div id="sidebar">
  458.  
  459.  
  460. <div id="blogtitle"><a href="/">{text:blogtitle}</a></a></div>
  461.  
  462.  
  463. <a href="/"><img src="{image:sidebar}" style="width:150px;z-index:9999;"></a></a>
  464.  
  465.  
  466.  
  467.  
  468. <div id="description">{Description}
  469.  
  470. {block:Ifdropdownmenu}
  471. <div style="margin-top:3px;">
  472. <select onchange='location=this.options[this.selectedIndex].value;' style='
  473. width:160px; background-color:#000000;
  474. border:#efefef 1px solid; height:18px; margin-top:1px; margin-bottom:2px;
  475. padding:1px; color:#fff; font-family: calibri; line-height:90%;
  476. font-style: none; font-size: 8px; text-transform: consolas;
  477. text-transform: uppercase; letter-spacing:1px; font-style:italic;'>
  478. <option>click for navigation</option>
  479.  
  480. {block:If1title}<option value="{text:1 link}">{text:1 title} </option>{/block:If1title}
  481. {block:If2title}<option value="{text:2 link}">{text:2 title} </option>{/block:If2title}
  482. {block:If3title}<option value="{text:3 link}">{text:3 title} </option>{/block:If3title}
  483. {block:If4title}<option value="{text:4 link}">{text:4 title} </option>{/block:If4title}
  484. {block:If5title}<option value="{text:5 link}">{text:5 title} </option>{/block:If5title}
  485. <option value="http://cyrusnigga.tumblr.com">theme</option>
  486. </select></div>
  487. {/block:Ifdropdownmenu}
  488.  
  489.  
  490.  
  491.  
  492. <div class="okay">
  493. <a href="{text:Link One}"title="{text:hover text one}"><u><anika>{text:Link One Title}</anika></u></a><font color="{color:background}">-</font>
  494.  
  495. <a href="{text:Link Two}"title="{text:hover text Two}"><u><anika>{text:Link Two Title}</anika></u></a><font color="{color:background}">-</font>
  496.  
  497. <a href="{text:Link Three}"title="{text:hover text three}"><u><anika>{text:Link Three Title}</anika></u></a><font color="{color:background}">-</font>
  498.  
  499. <a href="{text:Link Four}"title="{text:hover text four}"><u><anika>{text:Link Four Title}</anika></u></a><font color="{color:background}">-</font></div>
  500.  
  501.  
  502.  
  503. </div>
  504.  
  505. </div>
  506.  
  507. <div id="posts">
  508. {block:Posts}
  509. <div id="entry">
  510.  
  511. {block:Text}
  512. {block:Title}<span class="title">{Title}</span>{/block:Title}
  513. <span class="entrytext">{Body}</span></a>
  514. {block:IndexPage}
  515. <div class="permalinktext">
  516. {Month} {DayOfMonth} with <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel}</a>
  517. </div>
  518. {/block:IndexPage}
  519. {/block:Text}
  520.  
  521. {block:Link}
  522. <a href="{URL}" class="title">{Name}</a>
  523. {block:Description}{Description}{/block:Description}
  524. {block:IndexPage}
  525. <div class="permalinktext">
  526. {Month} {DayOfMonth} with <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel}</a></div>
  527. {/block:IndexPage}
  528. {block:Link}
  529.  
  530. {block:Photo}
  531. {block:IndexPage}
  532. <div class="perma">
  533. <font color="#fff">{Month}</font> <font color="#fff">{DayOfMonth}</font> / <a href="{permalink}"title="click here for permalinkpage"><font color="#fff">{notecountwithlabel}</font></a> / <a href="{reblogurl}"title="reblog this post"><font color="#fff">reblog me</font></a></span></div>
  534. {/block:IndexPage}
  535. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=350px/>{LinkCloseTag}{/block:PermalinkPage}
  536. {/block:Photo}
  537.  
  538. {block:Photoset}
  539. <center>
  540. {block:IndexPage}
  541. <div class="perma">
  542. <font color="#fff">{Month}</font> <font color="#fff">{DayOfMonth}</font> / <a href="{permalink}"title="click here for permalinkpage"><font color="#fff">{notecountwithlabel}</font></a> / <a href="{reblogurl}"title="reblog this post"><font color="#fff">reblog me</font></a></span></div>
  543. <div style="width: 200px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  544. {/block:IndexPage}
  545. </center>
  546. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  547. {/block:Photoset}
  548.  
  549. {block:Quote}
  550. <div class="quote">❝{quote}❞ </div>
  551. {block:IndexPage}
  552. <div class="permalinktext">
  553. {Month} {DayOfMonth} with <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel}</a></div>{/block:IndexPage}
  554. {/block:IndexPage}
  555. {/block:Quote}
  556.  
  557. {block:Chat}
  558. {block:Title}<span class="title">{Title}</span>{/block:Title}
  559. <ul class="chat">
  560. {block:Lines}
  561. <li class="user_{UserNumber}">
  562. {block:Label}
  563. <span class="label">{Label}</span>
  564. {/block:Label}
  565.  
  566. {Line}<br>
  567. {/block:Lines}
  568. {block:IndexPage}
  569. <div class="permalinktext">
  570. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  571. </div>{/block:IndexPage}
  572. {/block:Chat}
  573.  
  574. {block:Audio}
  575. <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>
  576. {block:IndexPage}
  577. <div class="permalinktext"><a href="{permalink}">{notecountwithlabel}</a>
  578. </div>
  579. {/block:IndexPage}
  580. {/block:Audio}
  581.  
  582. {block:Video}
  583. <center>
  584. {block:IndexPage}
  585. <div class="perma">
  586. <a href="{permalink}"title="click here for permalinkpage"><font color="#fff">{notecount}</font></a><br> <a href="{reblogurl}"title="reblog this post"><font color="#fff">share</font></a>
  587. </div>
  588. <div style="width: 180px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  589. {/block:IndexPage}
  590. </center>
  591. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  592. {block:Video}
  593.  
  594. {block:PermalinkPage}
  595. <center>
  596. {block:Caption}{Caption}{/block:Caption}
  597. {block:RebloggedFrom}
  598. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  599. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  600. {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  601.  
  602. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  603. </center>
  604. {/block:PermalinkPage}
  605.  
  606. {block:PostNotes}<div align="middle"></div>
  607. <center></center></span><br>
  608. <div id="postnotes">{PostNotes}</div><br>
  609. <center>{block:ContentSource}
  610. <br><a href="{SourceURL}">
  611. {lang:Source}:
  612. {block:SourceLogo}
  613. <img src="{BlackLogoURL}" width="{LogoWidth}"
  614. height="{LogoHeight}" alt="{SourceTitle}" />
  615. {/block:SourceLogo}
  616. {block:NoSourceLogo}
  617. {SourceLink}
  618. {/block:NoSourceLogo}
  619. </a>
  620. {/block:ContentSource}</center>
  621.  
  622. {/block:PostNotes}
  623. </div>
  624. {/block:Posts}
  625. </div></div>
  626.  
  627. {block:indexpage}
  628. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  629. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  630. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  631. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
  632. <script type="text/javascript">
  633. $(window).load(function(){
  634. var $wall = $('#posts');
  635. $wall.imagesLoaded(function(){
  636. $wall.masonry({
  637. itemSelector: '#entry, #entry_photo',
  638. isAnimated : false
  639. });
  640. });
  641.  
  642. $wall.infinitescroll({
  643. navSelector : '#page-nav',
  644. nextSelector : '#page-nav a',
  645. itemSelector : '#entry, #entry_photo',
  646. bufferPx : 2000,
  647. debug : false,
  648. errorCallback: function() {
  649. $('#infscr-loading').fadeOut('normal');
  650. }},
  651. function( newElements ) {
  652. var $newElems = $( newElements );
  653. $newElems.hide();
  654. $newElems.imagesLoaded(function(){
  655. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  656. });
  657. }); $('#content').show(500);
  658. });
  659. </script>
  660. {/block:indexpage}
  661.  
  662. </body>
  663. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement