Advertisement
thepinkrebellion

reature Feautetheme

Mar 14th, 2013
33
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.06 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <HEAD>
  3.  
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  5. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  6. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  7. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  8.  
  9. <style>
  10. @font-face {
  11. font-family: 'Header1';
  12. src: url('http://static.tumblr.com/quvev8c/mGZmjnp1w/prism-regular.otf') format('opentype');
  13. font-weight: normal;
  14. font-style: normal;
  15.  
  16. }
  17.  
  18. @font-face {
  19. font-family: 'Reblogg';
  20. src: url('http://static.tumblr.com/quvev8c/zb4mjnpcu/websymbols-regular.otf') format('opentype');
  21. font-weight: normal;
  22. font-style: normal;
  23.  
  24. }
  25.  
  26.  
  27. @font-face {
  28. font-family: 'FirstL';
  29. src: url('hhttp://static.tumblr.com/quvev8c/bPVmjnwq6/angillatattoo_personal_use_only.ttf') format('truetype');
  30. font-weight: normal;
  31. font-style: normal;
  32.  
  33. }
  34. </style>
  35.  
  36. </style>
  37.  
  38. <style>
  39. .my-like {
  40. cursor:pointer;
  41. display:inline-block;
  42. vertical-align:top;
  43. }
  44. .my-liked, .my-like:hover {
  45. color: #6AFB92;
  46. cursor:pointer;
  47. display:inline-block;
  48. vertical-align:top;
  49. -webkit-transition: 2s;
  50. -moz-transition: 2s;
  51. }
  52. </style>
  53. <script>
  54. window.onload = function () {
  55. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  56. document.addEventListener( 'click', function ( event ) {
  57. var myLike = event.target;
  58. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  59. var frame = document.getElementById( 'my-like-frame' ),
  60. liked = ( myLike.className == 'my-liked' ),
  61. command = liked ? 'unlike' : 'like',
  62. reblog = myLike.getAttribute( 'data-reblog' ),
  63. id = myLike.getAttribute( 'data-id' ),
  64. oauth = reblog.slice( -8 );
  65. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  66. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  67. };
  68. }, false );
  69. };
  70. </script>
  71.  
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74. <script>
  75. $(document).ready(function() {
  76. //
  77. $('a.poplight[href^=#]').click(function() {
  78. var popID = $(this).attr('rel'); //Get Popup Name
  79. var popURL = $(this).attr('href'); //Get Popup href to define size
  80. var query= popURL.split('?');
  81. var dim= query[1].split('&');
  82. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  83. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">Close</a>');
  84. var popMargTop = ($('#' + popID).height() + 80) / 2;
  85. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  86. //Apply Margin to Popup
  87. $('#' + popID).css({
  88. 'margin-top' : -popMargTop,
  89. 'margin-left' : -popMargLeft
  90. });
  91. $('body').append('<div id="fade"></div>');
  92. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  93. return false;
  94. });
  95. $('a.close, #fade').live('click', function() {
  96. $('#fade , .popup_block').fadeOut(function() {
  97. $('#fade, a.close').remove(); //fade them both out
  98. });
  99. return false;
  100. });
  101. });
  102. </script>
  103.  
  104. <title>{Title}</title>
  105.  
  106. <!--
  107. theme by neon-themes, remove credit and the theme wont work(:
  108. theme by neonthemes
  109. -->
  110. <meta name="color:Posts" content="#ffffff"/>
  111. <meta name="color:Text" content="#363636"/>
  112. <meta name="color:Link" content="#5c5c5c"/>
  113. <meta name="color:Hover" content="#A7A7A7"/>
  114. <meta name="color:Background" content="#FFFFFF"/>
  115. <meta name="color:Description" content="#FCF"/>
  116.  
  117. <meta name="image:Background" content=""/>
  118. <meta name="image:Slide Background" content="http://25.media.tumblr.com/tumblr_mda87zVB3Z1rcha6to1_250.jpg"/>
  119. <meta name="image:Sidebar" content="http://24.media.tumblr.com/aa9a65e532601e94c7106b74adc4f767/tumblr_mjcyygXseK1rqvmrlo1_500.jpg"/>
  120.  
  121. <meta name="if:Transparent Posts" content=""/>
  122.  
  123. <style type="text/css">
  124.  
  125. body{
  126. background-color: {color:Background};
  127. background-image:url({image:Background});
  128. background-attachment: fixed;
  129. background-repeat: repeat;
  130. font-size: 16px;
  131. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  132. line-height:18px;
  133. color:{color:Text};
  134. }
  135.  
  136.  
  137.  
  138. a:link, a:active, a:visited{
  139. color: {color:Link};
  140. text-decoration: none;
  141. -webkit-transition: all 0.6s ease-out;
  142. -moz-transition: all 0.6s ease-out;
  143. -o-transition: all 0.6s ease-out;
  144. transition: all 0.6s ease-out;}
  145.  
  146. a:hover{
  147. color:{color:Hover};
  148. text-decoration: none;
  149. }
  150.  
  151. #fade { /*--Transparent background layer--*/
  152. display: none; /*--hidden by default--*/
  153. background: #000;
  154. position: fixed; left: 0; top: 0;
  155. width: 100%; height: 100%;
  156. opacity: .80;
  157. z-index: 9999;
  158. }
  159. .popup_block{
  160. display: none; /*--hidden by default--*/
  161. background: #fff;
  162. padding: 20px;
  163. border: 1px solid #ddd;
  164. float: left;
  165. font-size: 1.2em;
  166. position: fixed;
  167. top: 50%; left: 50%;
  168. z-index: 99999;
  169. /*--CSS3 Box Shadows--*/
  170. -webkit-box-shadow: 0px 0px 20px #000;
  171. -moz-box-shadow: 0px 0px 20px #000;
  172. box-shadow: 0px 0px 20px #000;
  173. /*--CSS3 Rounded Corners--*/
  174. }
  175. img.btn_close {
  176. float: right;
  177. margin: -5px -5px 0 0;
  178. }
  179. /*--Making IE6 Understand Fixed Positioning--*/
  180. *html #fade {
  181. position: absolute;
  182. }
  183. *html .popup_block {
  184. position: absolute;
  185. }
  186.  
  187.  
  188. .pl{list-style:none;padding-top:10px;}
  189.  
  190. #post{
  191. width:330px;
  192. height:auto;
  193. top: 150px;
  194.  
  195. {block:PermalinkPage}
  196. float: left; right: 500; margin-right:153px; width: 700px;
  197. top: 150px;
  198. {/block:PermalinkPage}}
  199.  
  200. #container{
  201. padding-top:3px;
  202. padding-bottom:3px;
  203. width:1200px;
  204. height:auto;
  205. top: 150px;
  206. {block:PermalinkPage}
  207. width:500px;
  208. height:207px;
  209. {/block:PermalinkPage}}
  210.  
  211.  
  212. #content{
  213. -webkit-transition-duration:2s;
  214. left:450px;
  215. top:10px;
  216. padding-top:15px;
  217. padding-left:117px;
  218. {block:indexpage}
  219. width:900px;
  220. {/block:indexpage}
  221. {block:permalinkpage}
  222. width:900px;
  223. left:150px;
  224. {/block:permalinkpage}
  225. }
  226.  
  227. #posts{
  228. z-index: 99;
  229. float:left;
  230. top:10px;
  231. {block:indexpage}
  232. width:900px;
  233. {/block:indexpage}
  234. {block:permalinkpage}
  235. width:700px;
  236. {/block:permalinkpage}
  237. margin-left:400px;
  238. }
  239.  
  240. #fade { /*--Transparent background layer--*/
  241. display: none; /*--hidden by default--*/
  242. background: #000;
  243. position: fixed; left: 0; top: 0;
  244. width: 100%; height: 100%;
  245. opacity: .80;
  246. z-index: 9999;}
  247.  
  248.  
  249. #entry{
  250. z-index:9999;
  251. float:right;
  252. width:400px;
  253. top: 150px;
  254. height:auto;
  255. padding: 3px;
  256. padding-bottom:0px;
  257. {block:PermalinkPage}
  258. top: 150px;
  259. width: 500px;
  260. {/block:PermalinkPage}
  261. {block:ifnotTransparentPosts}
  262. background-color: #fff;
  263. {/block:ifnotTransparentPosts}
  264. {block:ifTransparentPosts}
  265. background-color: transparent;
  266. {/block:ifTransparentPosts}
  267. right:500px;
  268. margin-right:10px;
  269. margin-bottom:10px;}
  270.  
  271. #permapage{
  272. font-family: Trebuchet MS;
  273. font-size:12px;
  274. text-align: left;
  275. width: 400px;
  276. z-index:9999;
  277. margin-top: 300px;
  278. }
  279.  
  280. #notes{
  281. {block:permalinkpage}
  282. display:block;
  283. width:700px;
  284. left:-50px;
  285. float: left;
  286. padding:10px;
  287. overflow:visible;
  288. z-index:9999999;
  289. margin-top: 10px;
  290. {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  291. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  292. box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  293. {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  294. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  295. box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  296. outline:1px solid rgba(0, 0, 0, .1);
  297. border:2px solid rgba(0, 0, 0, .05);
  298. text-align: left;{/block:permalinkpage}}
  299.  
  300. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;}
  301.  
  302. .title{
  303. font-family: 'Header1';
  304. font-size: 24px;
  305. line-height: 36px;
  306. line-height: 36px;
  307. color: {color:Text};
  308. font-weight: normal;
  309. letter-spacing: 0px;
  310. -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;}
  311.  
  312. .title:hover {
  313. text-shadow:5px -1px 7px #ea63ff;
  314. text-shadow:34px 1px 4px #c48cff;
  315. text-shadow:-47px -1px 4px #ff8cea;
  316. /*
  317. -11px -9px 4px #6378ff -21px -11px 9px #ff1c91 -21px -11px 9px #616161 -1px -23px 10px #8cffba 1px 5px 4px #cdff8c 18px 5px 4px #cdff8c -3px 8px 4px #ffad8c 15px 6px 4px #c48cff 26px 7px 4px #c48cff 34px 1px 4px #c48cff;
  318. */
  319. }
  320.  
  321. .blogtitle {
  322. font-family: 'Header1';
  323. font-style:none;
  324. font-size:35px;
  325. line-height:40px;
  326. line-height:40px;
  327. text-align:center;
  328. -webkit-transition: 0.5s ease-in;
  329. -webkit-text-stroke: 1px transparent;}
  330. #blogtitle a:link,
  331. #blogtitle a:visited,
  332. #blogtitle a:hover{
  333. color:{color:Blog Title};}
  334.  
  335. .title:hover{
  336. color:{color:Hover};
  337. -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;}
  338.  
  339.  
  340. {block:IndexPage}
  341. #entry:hover #aviles{
  342. z-index:9999999999999;
  343. width: 403px;
  344. left: 0px;
  345. height: 40px;
  346. line-height: 40px;
  347. font-size: auto;
  348. font-family: Reblogg;
  349. text-transform: uppercase;
  350. opacity:1;
  351. -webkit-transition: all 1s ease-out;
  352. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  353. {/block:IndexPage}}
  354.  
  355.  
  356. #aviles{
  357. width:400px;
  358. background-color: #fff;
  359. height: auto;
  360. opacity: 0;
  361. position:absolute;
  362. opacity:0;-webkit-transition: all 0.3s ease-out;
  363. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  364.  
  365. .body::first-line{
  366. font-family: FirstL;
  367. font-size: 22px;
  368. }
  369.  
  370.  
  371. blockquote{
  372. padding:0px 0px 2px 3px;
  373. margin:0px 0px 2px 1px; }
  374.  
  375. ul, ol, li{
  376. list-style:none;
  377. margin:0px;
  378. padding:0px;}
  379.  
  380.  
  381. #infscr-loading{
  382. bottom: 3px;
  383. position: absolute;
  384. left: 50%;
  385. margin-left:-8px;
  386. width:16px;
  387. height:11px;
  388. margin-bottom: 50px;
  389. background-image: url(http://www.supre.com.au/images/default/loading.gif);
  390. }
  391.  
  392.  
  393. .crocs{
  394. float: center;
  395. font-family: Lekton;
  396. margin-bottom: 4px;
  397. margin-left: 6px;
  398. text-transform:uppercase;
  399. font-size: 15px;
  400. line-height: 15px;
  401. letter-spacing:2px;
  402. margin: 2px;
  403. background-color: #F8F8F8;
  404. width: 90px;
  405. padding: 4px;
  406. text-align:center;
  407. }
  408. .crocs:hover{
  409. background-color: #b8b8b8;
  410. color: #fff;
  411. -webkit-transition: 1s;
  412. -moz-transition: 1s;
  413. -o-transition: 1s;
  414. }
  415.  
  416. #slideout {
  417. background-image:url({image:Slide Background});
  418. background-repeat:no-repeat;
  419. background-size:cover;
  420. text-decoration:bold;
  421. font-size:11px;
  422. border-right: 2px double #fff;
  423. height: 900px;
  424. z-index:999;
  425. align:middle;
  426. position: fixed;
  427. width: 131px;
  428. left:0px;
  429. padding: 12px 0;
  430. text-align: center;
  431. box-shadow: 0px 2px 10px;
  432. -moz-box-shadow: 0px 2px 10px;
  433. -webkit-box-shadow: 0px 2px 10px;
  434. --webkit-transition: all 0.9s ease;
  435. -moz-transition: all 0.9s ease;
  436. -o-transition: all 0.9s ease;
  437. }
  438.  
  439. #zip_inner {
  440. position: fixed;
  441. top: 0px;
  442. margin-left:-10px;
  443. left: -35%;
  444. background: #fff;
  445. width: 35%;
  446. height: 900px;
  447. bottom:0px;
  448. text-align:left;
  449. overflow: scroll;
  450. -webkit-transition: all 0.9s ease;
  451. -moz-transition: all 0.9s ease;
  452. -o-transition: all 0.9s ease;
  453. }
  454.  
  455. #slideout:hover{
  456. left: 35%;margin-left:-10px;
  457. -webkit-transition: all 0.9s ease;
  458. -moz-transition: all 0.9s ease;
  459. -o-transition: all 0.9s ease;}
  460.  
  461. #slideout:hover #zip_inner {
  462. font-family:happy monkey;
  463. left: 0;
  464. -webkit-transition: all 0.9s ease;
  465. -moz-transition: all 0.9s ease;
  466. -o-transition: all 0.9s ease;}
  467.  
  468.  
  469.  
  470. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.5;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;}
  471.  
  472. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  473.  
  474. </style>
  475.  
  476. <link rel="shortcut icon" href="{Favicon}">
  477. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  478.  
  479. </head>
  480. <body>
  481.  
  482. <div id="slideout">
  483.  
  484. <div id="zip_inner">
  485. <br><br><center> <img src="{image:Sidebar}" width=200px;>
  486. <Br><br> <span style="background-color: {color: Description}; width: 200px;font-family: Helvetica Neue; font-family: 16px;">
  487. {Description} </span><br></center><br><br><bR><br><br><br>
  488. </div>
  489. </div>
  490.  
  491.  
  492.  
  493.  
  494. <div id="container">
  495. <div id="content">
  496.  
  497.  
  498.  
  499. <div id="pages">
  500.  
  501. <div align="center">
  502.  
  503. </div></div>
  504. </div>
  505.  
  506. <div align="center">
  507. <div id="posts">
  508.  
  509. {block:Posts}
  510. <div id="entry">
  511.  
  512. {block:Photo}
  513.  
  514. {block:IndexPage}
  515. <div id="aviles">
  516.  
  517. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><big><big><big><big>♥</big></big></big></big></div><a href="{ReblogURL}" target="_blank" title="Reblog"><span class="background: acacac; border-radius: 10px; font-family:Reblogg;">J</big></big></big></big></a> &nbsp; <span style="font-family: Helvetica Neue;">{block:NoteCount}{NoteCount}{/block:NoteCount}</span>
  518. </a></div>
  519. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{/block:Photo}
  520.  
  521. {block:Text}<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
  522. {block:Title}
  523. <a href="{permalink}"><span class="title">{Title}</span></a>
  524. {/block:Title}
  525. <span class="entrytext" style="line-height:18px;">{Body}</span>
  526. <a href="{Permalink}"></a></div>
  527. {block:IndexPage}<div class="otherpostsnotes">
  528. <div align="right"><a href="{Permalink}">+</a></div>
  529. {/block:Date}</div>{/block:IndexPage}
  530. {/block:Text}
  531.  
  532. {block:Link}
  533. <a href="{URL}" class="title">{Name}</a>
  534. {block:Description}{Description}{/block:Description}
  535. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  536. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  537. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  538. {block:IndexPage}<div class="otherpostsnotes">
  539. <div align="right"><a href="{Permalink}">+</a></div>
  540. {/block:Date}</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;">{block:Source}
  547. -{Source}
  548. {/block:Source}</a></div>{block:IndexPage}<div class="otherpostsnotes"> <br>
  549. {/block:Date}</div>{/block:IndexPage}
  550. </div>
  551. <div align="right"><a href="{Permalink}">+</a></div>
  552. {/block:Quote}
  553.  
  554. {block:Chat}
  555. <div style="padding-top:15px; padding-bottom:10px;">
  556. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  557. <ul class="chat">
  558. {block:Lines}
  559. <li class="user_{UserNumber}">
  560. {block:Label}
  561. <span class="label" style="line-height:12px;">{Label}</span>
  562. {/block:Label}
  563. {Line}
  564. </li>
  565. {/block:Lines}
  566. </ul>
  567. {block:Caption}{Caption}{/block:Caption}
  568. {block:IndexPage}<div class="otherpostsnotes">
  569. </div>{/block:IndexPage}
  570. </div>
  571. <div align="right"><a href="{Permalink}">+</a></div>
  572. {/block:Chat}
  573.  
  574. {block:Audio}
  575. <div class="player">{AudioPlayerGrey}</div>
  576. {block:Caption}{Caption}{/block:Caption}
  577. {block:IndexPage}<div class="otherpostsnotes">
  578. <a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a>
  579. &nbsp;
  580. {/block:Date}</div>{/block:IndexPage}
  581. <div align="right"><a href="{Permalink}">+</a></div>
  582. {/block:Audio}
  583.  
  584.  
  585. {block:Video}
  586. <div style="padding-top:28px; padding-bottom:8px;">
  587. {Video-250}</div>
  588. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  589. {block:IndexPage}<div class="otherpostsnotes">
  590. {/block:Date}</div>{/block:IndexPage}
  591. <div align="right"><a href="{Permalink}">+</a></div>
  592. {/block:Video}
  593.  
  594. {block:PermalinkPage}
  595. <div align="left">
  596. <div class="pl">
  597. {block:Date}
  598. <li>
  599. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  600. {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  601. at {12Hour}:{Minutes}{AmPm} {block:Date}
  602. </li>
  603. <li>
  604. {block:RebloggedFrom}
  605. Reblogged from <a href="{ReblogParentUrl}">{ReblogParentName}</a>.
  606. {/block:RebloggedFrom}
  607. </li>
  608. <li>
  609. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  610. </li>
  611. <li>
  612. {block:HasTags} &middot; {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  613. </li>
  614. <p>
  615. {block:PostNotes}
  616. {PostNotes}
  617. {/block:PostNotes}
  618. {/block:PermalinkPage}
  619. </div>
  620. {/block:Posts}
  621. </div></div></div></center></div></div>
  622. {block:indexpage}
  623. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  624. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  625. <script type="text/javascript" src="http://static.tumblr.com/quvev8c/Wpjmh4yii/neonthemesloader.js"></script>
  626. <script type="text/javascript">
  627. $(window).load(function(){
  628. var $wall = $('#posts');
  629. $wall.imagesLoaded(function(){
  630. $wall.masonry({
  631. itemSelector: '#entry, #entry_photo',
  632. isAnimated : false
  633. });
  634. });
  635.  
  636. $wall.infinitescroll({
  637. navSelector : '#page-nav',
  638. nextSelector : '#page-nav a',
  639. itemSelector : '#entry, #entry_photo',
  640. bufferPx : 2000,
  641. debug : false,
  642. errorCallback: function() {
  643. $('#infscr-loading').fadeOut('normal');
  644. }},
  645. function( newElements ) {
  646. var $newElems = $( newElements );
  647. $newElems.hide();
  648. $newElems.imagesLoaded(function(){
  649. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  650. });
  651. }); $('#content').show(500);
  652. });
  653. </script>
  654. {/block:indexpage}
  655. </body>
  656. <div id="02" class="popup_block">
  657.  
  658. <Center><font size="5" color="#1C1C1C"></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  659. </center></div>
  660.  
  661. </div></div></div></div></div></div></div></div></div></div>
  662. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement