API tools faq
paste
Advertisement
thepinkrebellion

Creature Feature theme by neon-themes

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