hopelessfears

Theme 2 by Khalil c:

Aug 21st, 2012
42
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.79 KB | None | 0 0
  1. <!--
  2. theme by hopelessfears, if ya remove da credit, please put it in ur faq or else i will report you, nigga-->
  3.  
  4. <html lang="en">
  5.  
  6. <head>
  7.  
  8. <script type="text/javascript">
  9. <!--
  10.  
  11. // Disable Right Click Script
  12.  
  13. function IE(e)
  14. {
  15. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  16. {
  17. return false;
  18. }
  19. }
  20. function NS(e)
  21. {
  22. if (document.layers || (document.getElementById && !document.all))
  23. {
  24. if (e.which == "2" || e.which == "3")
  25. {
  26. return false;
  27. }
  28. }
  29. }
  30. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  31.  
  32. //-->
  33. </script>
  34.  
  35. <meta name="color:Background" content="#ffffff"/>
  36. <meta name="color:Sidebar Title" content="#292929"/>
  37. <meta name="color:Text" content="#363636"/>
  38. <meta name="color:Link" content="#C29B9B"/>
  39. <meta name="color:scrollbar" content="#727272"/>
  40. <meta name="color:Hover" content="#ddd"/>
  41. <meta name="image:Background" content=""/>
  42. <meta name="image:Sidebar" content=""/>
  43. <meta name="text:Sidebar Title" content=""/>
  44. <meta name="text:Link One" content=""/>
  45. <meta name="text:Link One Title" content=""/>
  46. <meta name="text:Link Two" content=""/>
  47. <meta name="text:Link Two Title" content=""/>
  48. <meta name="text:Link Three" content=""/>
  49. <meta name="text:Link Three Title" content=""/>
  50. <meta name="text:Link Four" content=""/>
  51. <meta name="text:Link Four Title" content=""/>
  52.  
  53. </script>
  54.  
  55. <style type="text/css">
  56.  
  57. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  58.  
  59. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  60.  
  61. ::-webkit-scrollbar {width: 6px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  62.  
  63. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-left: 0px solid}
  64.  
  65. body, a {cursor: url(http://i56.tinypic.com/2589ppu.png), progress;}
  66.  
  67. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  68.  
  69. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  70.  
  71. @font-face {
  72. font-family: "dawning";
  73. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  74.  
  75. @font-face{
  76. font-family: "pixel";
  77. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  78.  
  79. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  80.  
  81. @font-face { font-family: "daisy"; src: url('http://static.tumblr.com/jdjsstr/rdzm7f9hw/little_days_1_.ttf'); }
  82.  
  83. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  84.  
  85. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  86.  
  87. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  88.  
  89. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  90.  
  91. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  92.  
  93. @font-face { font-family: "pixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  94.  
  95. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  96.  
  97. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  98.  
  99. @font-face { font-family: "existance"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  100.  
  101. @font-face { font-family: "Meow"; src: url( 'http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf');}
  102.  
  103. body{
  104. margin:5px;
  105. background-color: {color:Background};
  106. background-image:url({image:Background});
  107. background-attachment: fixed;
  108. background-repeat: repeat;
  109. font-size: 8px;
  110. font-family: pixel;
  111. line-height:10px;
  112. color:{color:Text};
  113. cursor:url(http://i56.tinypic.com/2589ppu.png), progress;
  114. }
  115.  
  116. a:link, a:active, a:visited{
  117. color: {color:Link};
  118. text-decoration: none;
  119. -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;
  120. }
  121.  
  122. a:hover{
  123. color:{color:Hover};
  124. text-decoration: none;
  125. -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;
  126. text-shadow:1px 1px 5px {color:text shadow};
  127. cursor: url(http://i56.tinypic.com/2589ppu.png), auto;
  128. }
  129.  
  130. #cunt{width:250px; height:auto;}
  131. {block:PermalinkPage}
  132. width:410px;
  133. {/block:PermalinkPage}
  134. }
  135.  
  136. #center{
  137. padding-top:3px;
  138. padding-bottom:3px;
  139. position:fixed !important;
  140. width:250px;
  141. height:207px;
  142. background-color:#fff;
  143. {block:PermalinkPage}
  144. width:410px;
  145. height:207px;
  146. {/block:PermalinkPage}
  147. }
  148.  
  149. #posts{
  150. float:center;
  151. {block:indexpage}
  152. width:523px;
  153. {/block:indexpage}
  154. {block:permalinkpage}
  155. width:800px;
  156. {/block:permalinkpage}
  157. margin-left: 400px;
  158. margin-top: 0px;
  159. }
  160.  
  161. #sidebar {
  162. position:fixed !important;
  163. width: auto;
  164. height: auto;
  165. background-color:white;
  166. margin-left: 175px;
  167. margin-top: 155px;
  168. }
  169.  
  170. #sidebar img{
  171. border: 1px solid #ccc;
  172. padding: 2px;
  173. }
  174.  
  175. div#title{
  176. position:fixed;
  177. margin-top: 160px;
  178. margin-left: 175px;
  179. font-family: meow;
  180. width: 300px;
  181. font-size: 50px;
  182. opacity: 0;
  183. -webkit-transition: opacity 2s linear;
  184. -webkit-transition: all .5s ease;
  185. -moz-transition: all .5s ease;
  186. -o-transition: all .5s ease;
  187. transition: all .5s ease;
  188. }
  189.  
  190. #title:hover{
  191. opacity: 1;
  192. margin-top: 140px;
  193. -webkit-transition: opacity 2s linear;
  194. -webkit-transition: all .5s ease;
  195. -moz-transition: all .5s ease;
  196. -o-transition: all .5s ease;
  197. transition: all .5s ease;
  198. }
  199.  
  200. askk {
  201. font-family: pixel;
  202. font-size:8px;
  203. z-index:1;
  204. }
  205.  
  206. #entry .perma a{
  207. color:;}
  208.  
  209. #permalink {
  210. position: absolute;
  211. margin-top: 8px;
  212. margin-right: 1061px;
  213. opacity: 0;
  214. -webkit-transition: all .3s ease;
  215. -moz-transition: all .3s ease;
  216. -o-transition: all .3s ease;
  217. transition: all .3s ease;
  218. }
  219.  
  220. #permalink:hover {
  221. position: absolute;
  222. margin-top: 8px;
  223. margin-right: 1055px;
  224. opacity: 1;
  225. -webkit-transition: all .3s ease;
  226. -moz-transition: all .3s ease;
  227. -o-transition: all .3s ease;
  228. transition: all .3s ease;
  229. }
  230.  
  231. #entry:hover #permalink {
  232. margin-top: 8px;
  233. margin-left: 400px;
  234. opacity: 1;
  235. }
  236.  
  237. .countreblog {
  238. color: #FFFFFF;
  239. letter-spacing:1px;
  240. font-family: tinytots;
  241. text-transform:uppercase;
  242. font-size:8px;
  243. line-height:15px;
  244. margin: 2px;
  245. margin-top: 1px;
  246. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  247. background-repeat:repeat;
  248. border:1px solid rgba(0,0,0,0.1);
  249. padding:3px 5px;
  250. padding-top: 3px;
  251. padding-bottom: 4px;
  252. height: 20px;
  253. -webkit-border-radius:2px;
  254. moz-border-radius:2px;
  255. -o-border-radius:2px;
  256. border-radius:2px;
  257. }
  258.  
  259. .countreblog a { color: #FFF; }
  260.  
  261. .perma{
  262. opacity: 0.0;
  263. filter: alpha(opacity = 0);
  264. margin-top: 0px;
  265. width: 60px;
  266. height: 30px;
  267. line-height: 30px;
  268. font-size: 9px;
  269. position:absolute;
  270. text-align: center;
  271. z-index:9999991;
  272. margin-top: 5px;
  273. margin-left: 100px;
  274. -webkit-transition: all .4s ease;
  275. -moz-transition: all .4s ease;
  276. -o-transition: all .4s ease;
  277. transition: all .4s ease;
  278. }
  279.  
  280. #entry:hover .perma {
  281. -webkit-transition: opacity 0.6s linear;
  282. opacity: 1;
  283. margin-top: 5px;
  284. margin-left: -12px;
  285. -webkit-transition: all .4s ease;
  286. -moz-transition: all .4s ease;
  287. -o-transition: all .4s ease;
  288. transition: all .4s ease;
  289. }
  290.  
  291.  
  292. .permal{
  293. opacity: 0.0;
  294. filter: alpha(opacity = 0);
  295. margin-top: 0px;
  296. width: 60px;
  297. height: 30px;
  298. line-height: 30px;
  299. font-size: 9px;
  300. position:absolute;
  301. text-align: center;
  302. z-index:9999991;
  303. margin-top: -4px;
  304. margin-left: 100px;
  305. -webkit-transition: all .4s ease;
  306. -moz-transition: all .4s ease;
  307. -o-transition: all .4s ease;
  308. transition: all .4s ease;
  309. }
  310.  
  311. #entry:hover .permal {
  312. -webkit-transition: opacity 0.6s linear;
  313. opacity: 1;
  314. margin-top: -4px;
  315. margin-left: 195px;
  316. -webkit-transition: all .4s ease;
  317. -moz-transition: all .4s ease;
  318. -o-transition: all .4s ease;
  319. transition: all .4s ease;
  320. }
  321.  
  322. .likep {
  323. display: inline;
  324. width: 21px;
  325. float: right;
  326. height: 20px;
  327. margin-left:-4px;
  328. overflow: hidden;
  329. position: relative;
  330. z-index: 9999999;
  331. }
  332.  
  333. .likep a {
  334. background-image:
  335. url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  336. background-position: 0px 0px;
  337. display: block;
  338. z-index: 9999999;
  339. -webkit-transition: all .4s ease;
  340. -moz-transition: all .4s ease;
  341. -o-transition: all .4s ease;
  342. transition: all .4s ease;
  343. }
  344.  
  345. .likep img {
  346. width: 21px;
  347. height: 20px;
  348. -webkit-transition: all .4s ease;
  349. -moz-transition: all .4s ease;
  350. -o-transition: all .4s ease;
  351. transition: all .4s ease;
  352. }
  353. .rep img{
  354. width: 24px;
  355. height: 20px;
  356. line-height: 30px;
  357. display: inline;
  358. }
  359.  
  360. .permatext{
  361. background-color:#eee;
  362. display: block;
  363. text-transform:uppercase;
  364. font-family: tinytots;
  365. font-size: 8px;
  366. text-align: center;
  367. letter-spacing:1px;
  368.  
  369. }
  370.  
  371. #postnotes{
  372. text-align: left;
  373. }
  374.  
  375. #postnotes blockquote{
  376. border: 0px;
  377. }
  378.  
  379. #entry{
  380. font-family: pixel;
  381. font-size: 8px;
  382. line height: 11px;
  383. text-align:center;
  384. z-index:9999;
  385. float:left;
  386. width: 250px;
  387. height: auto;
  388. border: 1px #eee solid;
  389. padding: 1px;
  390. padding-bottom: 0px;
  391. {block:PermalinkPage}
  392. width: 514px;
  393. height: auto;
  394. {/block:PermalinkPage}
  395. margin: -2px;
  396. line-height:8px;
  397. background-color:#fff;
  398. margin-right:3px;
  399. overflow:hidden;
  400. margin-bottom:3px;
  401. }
  402.  
  403.  
  404. #permapage{
  405. font-family: tinytots;
  406. font-size: 8px;
  407. line-height: 8px;
  408. text-align: center;
  409. padding-bottom:10px;
  410. z-index:9999;}
  411.  
  412. .title{
  413. font-family: daisy;
  414. font-size: 32px;
  415. line-height: 18px;
  416. color: {color:Title};
  417. font-weight: normal;
  418. letter-spacing: 0px;
  419. }
  420.  
  421. .blogtitle{
  422. font-family: beauty;
  423. font-size: 18px;
  424. line-height: 18px;
  425. color: {color:Link};
  426. font-weight: normal;
  427. }
  428.  
  429. blockquote{
  430. padding:0px 0px 2px 3px;
  431. margin:0px 0px 2px 1px;
  432. }
  433. ul, ol, li{
  434. list-style:none;
  435. margin:0px;
  436. padding:0px;
  437. }
  438.  
  439. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  440. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  441. }
  442.  
  443. a.links {
  444. font-family: tinytots;
  445. font-size: 8px;
  446. line-height: 8px;
  447. text-transform: normal;
  448. letter-spacing:0px;
  449. display:block;
  450. padding: 0px;
  451. margin-bottom: 0px;
  452. }
  453.  
  454. a.links:hover {
  455. font-style: underline;
  456. text-decoration: underline;
  457. letter-spacing:10px;
  458. }
  459.  
  460. </style>
  461. <title>{title}</title>
  462. <link rel="shortcut icon" href="{Favicon}">
  463. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  464. <meta name="viewport" content="width=720" />
  465. </head>
  466. <body>
  467. <div id="center">
  468. <div id="content">
  469. <div id="sidebar">
  470. <a href="/"><img src="{image:sidebar}" style="" width=200px height=auto;></a><div id="desc"><div style="padding-top: 2px;">
  471. <center>
  472. <font color="{color:Text}">{Description}</font><br>
  473. <a href="{text:Link One}">{text:Link One Title}</a> /
  474. <a href="{text:Link Two}">{text:Link Two Title}</a> /
  475. <a href="{text:Link Three}">{text:Link Three Title}</a> /
  476. <a href="{text:Link Four}">{text:Link Four Title}</a>
  477.  
  478. </div></div></div>
  479.  
  480. <div id="title">
  481. <font color="{color:Sidebar Title}">{text:Sidebar Title}</font>
  482. <h3 style="font-size: 11pt; line-height: 12px; z-index: 1; text-align: right; margin-top: 20px;"></h3>
  483. </div>
  484.  
  485. <div id="posts">
  486.  
  487. {block:Posts}
  488. <div id="entry">
  489.  
  490. {block:Photo}
  491. {block:IndexPage}
  492. <center><div class="perma">
  493. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  494. </div>
  495. <div class="permal">
  496. <span class="countreblog"><a href="{Permalink}">{notecount}</a></span></div>
  497. {/block:IndexPage}
  498. {block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=512px/>{LinkCloseTag}{/block:PermalinkPage}
  499. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} + {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  500. {/block:Photo}
  501.  
  502. {block:Photoset}
  503. <div style="padding-top:0px; padding-bottom:0px;"><a href="{permalink}">
  504. {Photoset-250}</a></div>
  505. {/block:Photoset}
  506.  
  507. {block:Text}<br>
  508. {block:Title}<span class="title"><div style="font-family: existance; font-size: 20px;">{Title}</div></span>{/block:Title}
  509. <span class="entrytext"><div style="font-family: handy00;">
  510. {Body}</div></span>
  511. <span class="permalink"><div style="font-family:pixel; text-align: right; border-top: 1px dashed #eee;padding-bottom: 1px;"><a href="{permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a></div>
  512. </span>
  513. {/block:Text}
  514.  
  515. {block:Link}<br>
  516. <a href="{URL}" class="title"><div style="font-family: existance; font-size: 20px;">{Name}</div></a>
  517. {block:Description}<div style="font-family: handy00;">
  518. {Description}</div>{/block:Description}<div style="font-family:pixel; text-align: right; border-top: 1px dashed #eee;padding-bottom: 1px;"><a href="{permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a></div>
  519. {block:Link}
  520.  
  521. {block:Quote}<br>
  522. <span class="title"><div style="font-family: existance; font-size: 20px;">{Quote}</div></span>
  523. {block:Source}<strong><div style="font-family: handy00;">
  524. {Source}</div></strong>{/block:Source}
  525. <span class="permalink"><div style="font-family:pixel; text-align: right; border-top: 1px dashed #eee;padding-bottom: 1px;"><a href="{permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a></div>
  526. </span>
  527. {/block:Quote}
  528.  
  529. {block:Chat}
  530. {block:Title}<span class="title"><div style="font-family: existance;">
  531. {Title}</div></span>{/block:Title}
  532. <ul class="chat">
  533. {block:Lines}
  534. <li class="user_{UserNumber}">
  535. {block:Label}
  536. <span class="label">{Label}</span>
  537. {/block:Label}
  538.  
  539. {Line}
  540. </li>
  541. {/block:Lines}
  542. <span class="permalink"><div style="font-family:pixel; text-align: right; border-top: 1px dashed #eee;padding-bottom: 1px;"><a href="{permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a></div>
  543. </span>
  544. {/block:Chat}
  545.  
  546. {block:Answer}
  547. <div style="border-radius:0px; border: 1px solid #E6DFDF; margin: 3px; min-height:30px; padding: 3px; background-color: #fff; box-shadow: 0px 0px 1px 1px #E6DFDF; font-family: pixel; font-size: 8px;">
  548. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 0px #E6DFDF; border-radius: 0px;"/>
  549. <askk>{Asker}</askk>: {Question}</div>
  550. <div style="font-family: pixel; font-size: 8px;">
  551. {Answer}
  552. </div><div style="font-family:pixel; text-align: right; border-top: 1px dashed #eee;"><a href="{permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a></div>
  553. {/block:Answer}
  554.  
  555. {block:Audio}
  556. <div style="padding-top:0px; padding-bottom:0px;">
  557. <div style="float:center">
  558. {AudioPlayerGrey}
  559. </div>
  560. </div>
  561.  
  562. <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
  563. <hr size="1" width="270">
  564. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  565. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  566. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
  567. </a></div>{/block:indexpage}
  568. {/block:Audio}
  569.  
  570. {block:Video}
  571. <div style="padding-top:0px; padding-bottom:2px;">
  572. {Video-250}</div>
  573. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  574. {block:indexpage}<hr size="1" width="270">
  575. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  576. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
  577. </a></div>{/block:indexpage}
  578. {/block:Video}
  579.  
  580. {block:PermalinkPage}</a>
  581. <div id="permapage"><br>
  582. {block:notecount}
  583. {notecountwithlabel}
  584. {/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
  585. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
  586. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  587. {/block:RebloggedFrom}
  588. <br><br>
  589. <div align="left">
  590. {block:PostNotes}
  591. {PostNotes}
  592. {/block:PostNotes}
  593. </div>
  594. </div>
  595. {/block:PermalinkPage}
  596. </div>
  597. {/block:Posts}
  598. </div>
  599. </div>
  600. </div>
  601. </center>
  602. </div>
  603. </div>
  604. {block:indexpage}
  605. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  606. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  607. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  608. <script type="text/javascript">
  609. $(window).load(function(){
  610. var $wall = $('#posts');
  611. $wall.imagesLoaded(function(){
  612. $wall.masonry({
  613. itemSelector: '#entry, #entry_photo',
  614. isAnimated : false
  615. });
  616. });
  617.  
  618. $wall.infinitescroll({
  619. navSelector : '#page-nav',
  620. nextSelector : '#page-nav a',
  621. itemSelector : '#entry, #entry_photo',
  622. bufferPx : 2000,
  623. debug : false,
  624. errorCallback: function() {
  625. $('#infscr-loading').fadeOut('normal');
  626. }},
  627. function( newElements ) {
  628. var $newElems = $( newElements );
  629. $newElems.hide();
  630. $newElems.imagesLoaded(function(){
  631. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  632. });
  633. }); $('#content').show(500);
  634. });
  635. </script>
  636. {/block:indexpage}
  637.  
  638. </body>
  639. <div style="position:fixed; bottom:5px; right:5px;">
  640. <a href="http://hopelessfears.tumblr.com/">©</a>
  641. </html>
Advertisement
Add Comment
Please, Sign In to add comment