API tools faq
paste
Advertisement
Guest User

theme

a guest
May 21st, 2015
208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.90 KB | None | 0 0
raw download clone embed print report
  1. <!theme by Sergiovargott.com">
  2. <!--    
  3. DO NOT REMOVE CREDIT or your theme will NOT work!
  4. -->
  5. <html lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <meta name="robots" content="sergiovargott.tumblr.com/" />
  11.  
  12. <style> body, a, a:hover { cursor:url('{image:Cursor}'), auto }</style>
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  14. <meta name="color:background" content="#fff"/>
  15. <meta name="color:text" content="#706c6c"/>
  16. <meta name="color:link" content="#818982"/>
  17. <meta name="color:hover" content="#3c3a3a"/>
  18. <meta name="text:title font size" content="24px"/>
  19. <meta name="text:title line height" content="23px"/>
  20. <meta name="color:title" content="#FFF"/>
  21. <meta name="color:ask" content="#4c4c4c"/>
  22. <meta name="font:title" content="arial"/>
  23. <meta name="font:text" content="arial"/>
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Photo" content=""/>
  26. <meta name="image:ask background" content="http://tumblrchase.com/img/bg/65.png" />
  27. <meta name="image:Cursor" content="{cursor:crosshair}"/>
  28. <meta name="image:Favicon" content="http://themes.sergiovargott.com/favicon.ico>
  29. <meta name="if:center" contact="1"/>
  30. <meta name="if:show photo" content="1"/>
  31. <meta name="if:show blog title" content="0"/>
  32. <meta name="text:blogtitle size" content="25" />
  33. <meta name="text:blogtitle" content="" />
  34. <meta name="text:separating symbol" content="-" />
  35. <meta name="text:link1title" content="Facebook" />
  36. <meta name="text:link1link" content="Link 1" />
  37. <meta name="text:link2title" content="Link 2" />
  38. <meta name="text:link3link" content="Link 3" />
  39.  
  40.  
  41. <meta name="if:Infinite scroll" content="1"/>
  42. <link rel="shortcut icon" href="{Favicon}">
  43.  
  44. <!-- Wikplayer http://www.wikplayer.com -->
  45. <script type="text/javascript" src="http://www.wikplayer.com/code.js"
  46. data-config="{'skin':'skins/wikfull/ribbonPurple/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'showcomment':false,'marqueetexton':true,'placement':'top','showplaylist':false,'playlist':'https://www.youtube.com/playlist?list=PLe0sO1QaRc9pY96lvRVgiPpmUN33WE4Wo'}" ></script>
  47. <!-- Wikplayer code end -->
  48.  
  49.  
  50.  
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:900' rel='stylesheet' type='text/css'>
  55.  
  56.  
  57. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  59. {PostSummary} - {/block:PostSummary}{Title}</title>
  60.  
  61. <style type="text/css">
  62.  
  63. body{
  64.     margin-left: 0px;
  65.     margin-top: 0px;
  66.     margin-right: 0px;
  67.     margin-bottom: 0px;
  68. margin-top:0px;
  69. background-color: {color:Background};
  70. background-image:url({image:Background});
  71.  
  72. width: 100%;
  73.   height: 100%;
  74.   background-repeat:no-repeat;
  75. background-attachment:fixed;
  76. }
  77.  
  78. body, p, textarea, submit, input{
  79. font-family: {font:text};
  80. font-size: 10px;
  81. line-height:11px;
  82. color:{color:Text};
  83. }
  84. p {
  85. margin:0px;
  86. margin-top:5px;
  87. }
  88.  
  89. a:link, a:active, a:visited{
  90. color: {color:Link};
  91.         cursor:pointer;
  92. text-decoration: none;
  93. -webkit-transition: color 0.5s ease-out;
  94. -moz-transition: color 0.5s ease-out;
  95. transition: color 0.5s ease-out;
  96. }
  97. a:hover {
  98. color:{color:Hover};
  99.         cursor:pointer;
  100. text-decoration: none;
  101. }
  102.  
  103.  
  104. #content{
  105.     width:900px;
  106.     margin-left:290px;
  107.     position:absolute;
  108.     padding:5px;
  109.    
  110.  
  111. }
  112. #maincontent{
  113.     width:1250px;
  114.      margin-left:auto;
  115.     margin-right:auto;
  116.     position:relative;
  117. }
  118. #notecontainer {
  119.     margin-left: 35px;
  120.       width: 350px;
  121.       font-size: 11px;
  122. }
  123. #notecontainer img.avatar {
  124.       margin-right: 3px;
  125.       width: 16px;
  126.       height: 16px;
  127. }
  128. #infscr-loading {
  129.   font-size:12px;
  130.   text-align: center;
  131.   z-index: 1;
  132.   position: fixed;
  133.   left: 45%;
  134.   bottom: 40px;
  135.   padding: 5px;
  136.   background: #232423;
  137.   color: #fff;
  138.   text-transform:uppercase;
  139.   font-family: 'Source Sans Pro', sans-serif;
  140. }
  141.  
  142. #infscr-loading img  {
  143.       z-index: 100;
  144.   position: fixed;
  145.   left: 55%;
  146.   bottom: 30px;
  147.   padding: 5px;
  148.     background: #fff;
  149. }
  150. #toTop {
  151.         position:fixed;
  152.         bottom:17px;
  153.         right:4%;
  154.         cursor:pointer;
  155.         display:none;
  156.         z-index: 1;
  157. }
  158. #post{
  159. margin-left: 10px;
  160. width:200px;
  161. float:left;
  162. margin:30px;
  163.     background:#fff;
  164.     padding:11px;
  165.     border:1px solid #CAC8C8;
  166.        
  167. -moz-box-shadow:inset 0 0 20px #b9b9b9;
  168. -webkit-box-shadow:inset 0 0 20px #b9b9b9;
  169. box-shadow:inset 0 0 20px #b9b9b9;
  170.  
  171. {block:PermalinkPage}width:500px; {/block:PermalinkPage}
  172.  
  173. }
  174.  
  175. #sidebar{
  176. position:fixed !important;
  177. width:210px;
  178. height:100%;
  179. margin: 0px 0px 0px 20px;
  180. padding-top:60px;
  181. padding-left:0px;
  182. z-index:1;
  183.  
  184. }
  185.    
  186.     .info{
  187. padding:3px;
  188.  
  189. }
  190. #post .perma{
  191. position:absolute;
  192. width:200px;
  193. padding: 0px;
  194. height: 22px;
  195. margin-top: -10px;
  196. background-color:#fbfbfb;
  197. overflow:hidden;
  198. font-family: asap;
  199. font-size: 11px;
  200. text-align:center;
  201. opacity:0.0;
  202. -webkit-transition: all 0.4s linear;
  203. -webkit-transition: all 0.4s linear;
  204. -moz-transition: all 0.4s linear;
  205. transition: all 0.4s linear;
  206. }
  207.  
  208. #post:hover .perma{
  209. margin-top:-30px;
  210. height: 30px;
  211. padding: 0px;
  212. overflow:visible;
  213. -webkit-transition: all 0.4s linear; opacity: 0.8;
  214. -webkit-transition: all 0.4s linear;
  215. -moz-transition: all 0.4s linear;
  216. transition: all 0.4s linear;
  217. }
  218. #postnotes{
  219. text-align: justify;}
  220. #postnotes blockquote{
  221. border: 0px;}
  222. .title{
  223.     margin-top:-30px;
  224.     padding:5px;
  225. width:190px;
  226. font-family: 'Clicker Script', cursive;
  227. font-size: {text:title size}px;
  228. color: {color:title};
  229. line-height:15px;
  230. text-shadow:1px 1px 3px #000000;
  231. font-size:40px;
  232. text-align:center;
  233. margin-left: 20px;
  234. font-weight:none;
  235. position:fixed;
  236. z-index: 100px;
  237. background: transparent;
  238. text-transform:uppercase and lowercase;
  239. letter-spacing:0px;
  240. transition: all 0.9s ease-out;
  241. -o-transition-transition: all 0.9s ease-out;
  242. -webkit-transition: all 0.9s ease-out;
  243. -moz-transition: all 0.9s ease-out;};
  244. }
  245. .title2{
  246. font-family: Arial, Helvetica;
  247. font-size: {text:title font size};
  248. line-height: {text:title line height};
  249. color: {color:Title};
  250. letter-spacing: {text:title letter spacing};
  251. font-weight: {text:title font weight};
  252. padding:1px 1px 0px 1px;
  253. }
  254. blockquote{
  255. padding:0px 0px 2px 2px;
  256. margin:0px 0px 2px 1px;
  257. border-left: 1px solid {color:Text};
  258. }
  259. blockquote p, ul{
  260. margin:0px;
  261. padding:0px;
  262. }
  263. a img{border: 0px;}
  264. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  265. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  266. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  267. .notes img{width:10px; position:relative; top:3px;}
  268. .permalink{
  269. display: block;
  270. text-transform: none;
  271. font-size: 9px;
  272. text-align: right;
  273. }
  274. small{font-size: 9px;}
  275.  
  276.  
  277. #permalinkblock{
  278. display: block;
  279. font-family:'asap';
  280. text-align: right;
  281. height: 10px;
  282. letter-spacing:0px;
  283. border-top: 1px dotted {color:border};
  284. font-size:11px;
  285. background-color: #trans;
  286. }
  287.  
  288.     #info2{
  289.         margin-top: 0px;
  290.         width:200px;
  291. background-color:#fbfafa;
  292. padding:12px;
  293.        
  294.     -moz-box-shadow: 0 0 5px #b3b1b1;
  295. -webkit-box-shadow: 0 0 5px #b3b1b1;
  296. box-shadow: 0 0 5px #b3b1b1;
  297.  
  298. }
  299.  
  300. #description {font-size:12px;text-align:center; }
  301.  
  302. #descrip {margin-bottom: 0px; padding:5px;text-align:justify; color:#000000;}
  303.  
  304. .links{color:#807c7c}
  305.  
  306. .links a{background-color:#1E1E1E;display:inline-block;font-size:10px; padding:1px 1px 1px 1px; background-color:#e3e3e3;
  307. padding:3px;
  308.  margin:1.5px;width:89px; height:14px;
  309.  
  310.  
  311.  transition: all 0.5s ease-out;
  312. -o-transition-transition: all 0.5s ease-out;
  313. -webkit-transition: all 0.5s ease-out;
  314. -moz-transition: all 0.5s ease-out;}
  315.  
  316. .links a:hover{background-color:#7e7e7e};
  317. }
  318.  
  319. .links:hover{ color:{color:hover};}
  320. askk {
  321. font-size: 12px;
  322. line-height:15px;
  323. color: {color:ask};
  324. text-shadow:1px 0px 1px #727973;
  325. }
  326. .answer{
  327. }
  328. #pagination{
  329.     display:none;
  330. }
  331.     nav li {
  332.         display: inline;
  333.     }
  334.     .blog {font-size: 14px;
  335.     letter-spacing:2px;
  336.    
  337.  
  338. }  
  339. .about{
  340. background-color:#F0F0F0;
  341. padding:3px;
  342.     -moz-border-radius:4px;
  343.     -webkit-border-radius:4px;
  344.     border-radius:6px;
  345.     border:1px solid #E1E1E1;
  346.     }
  347.     .about1 {background-color:#F0F0F0;
  348. padding:3px;
  349.     -moz-border-radius:4px;
  350.     -webkit-border-radius:4px;
  351.     border-radius:6px;
  352.     border:1px solid #E1E1E1;
  353. }
  354.    
  355. .s {position:fixed; top:22px; right:0px; opacity: 1; z-index:1;
  356. }
  357. .s:hover {position:fixed; top:22px; right:0px; opacity: 0.8; z-index:1;
  358. }
  359.  
  360. iframe#ask_form {
  361.    
  362.     width: 500px;
  363.     float: left;
  364.      padding-top: 5px;
  365. }
  366.     .reblo { float:right; display:inline-block; opacity:1;
  367. padding:2px;
  368. font-size: 18px; margin:7px;word-wrap: break-word; height: 16px; }
  369.     .reblo:hover{opacity:0.8; }
  370.     .reblo a {
  371. color: #9b9a9a;  
  372. -webkit-transition: all 0.5s linear;
  373. -webkit-transition: all 0.5s linear;
  374. -moz-transition: all 0.5s linear;
  375. transition: all 0.5s linear;
  376. }
  377.     .reblo a:hover {
  378. color: #c6c5c5; float:right;  
  379. }
  380.     .lik { float:left; margin-left:40px;margin-top:1px; display:inline-block;font-size:10px;
  381. padding:2px; margin:7px;width:14px;opacity:1;}
  382.         .lik:hover{ opacity:0.8; float:left;
  383.     }
  384. .h2{ font-size:25px; font-weight: bold;
  385. }
  386. .up {opacity: 0.7;
  387. -webkit-transition: all 0.5s linear;
  388. -webkit-transition: all 0.5s linear;
  389. -moz-transition: all 0.5s linear;
  390. transition: all 0.5s linear;
  391. }
  392. .up:hover { opacity: 1;
  393. }
  394.  
  395.  
  396. </style>
  397.  
  398. </head>
  399. <body>
  400. <div id="toTop"><img src="http://tumblrchase.com/top.png" class="up" /></div>
  401. <div id="maincontent">
  402. <div id="sidebar">
  403. <br>
  404. <br>
  405. <div id="info2"><center>{block:ifshowphoto}<br><a title="" href="/"><img src="{image:Photo}" width=190px></a>{/block:ifshowphoto}<br>
  406. </center>
  407. <table width="202" border="0" align="center" cellpadding="0" cellspacing="5" >
  408.   <tr>
  409.     <td width="192"><div align="justify">{block:ifshowblogtitle}
  410.         <div align="left"><a href="/">{Title}</a>  
  411.             </div>
  412.         </span>
  413. {/block:ifshowblogtitle}</div></td>
  414.     </tr>
  415. </table>
  416. <div id="#2"></div>
  417. <table width="203" border="0" align="center" cellpadding="0" cellspacing="4">
  418.   <tr>
  419.     <td width="195"><div align="center">
  420.       <table width="194" border="0" align="left" cellpadding="0" cellspacing="0" class="about1">
  421.         <tr>
  422.           <td width="192">{Description}</td>
  423.         </tr>
  424.       </table>
  425.     </div></td>
  426.   </tr>
  427. </table>
  428. <div class="links">
  429. <table width="150" border="0" cellspacing="0" cellpadding="0">
  430.   <tr>
  431.     <td><div align="center"><a href="/" class="links">Home</a></div></td>
  432.     <td><div align="center"><a href="/ask" class="links">Ask</a></div></td>
  433.   </tr>
  434.   <tr>
  435.     <td><div align="center"><a href="http://sergiovargott.com" class="links">Theme</a></div></td>
  436.     <td><div align="center"><a href="{text:link1link}">{text:link1title}</a></div></td>
  437.   </tr>
  438.   <tr>
  439.     <td><div align="center"><a href="{text:link2link}">{text:link2title}</a></div></td>
  440.     <td><div align="center"><a href="{text:link3link}">{text:link3title}</a></div></td>
  441.   </tr>
  442. </table></div>
  443. </b>
  444. <p><td valign="top"><div align="center">{block:IndexPage}{block:Pagination}
  445.                 <div class="pagination"> {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  446.                   {block:JumpPagination length="5"}
  447.             {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  448.  
  449.             {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
  450.       {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage} </div>
  451.             {/block:Pagination}{/block:IndexPage}</div></td>
  452. </div>
  453. </p>
  454. </div>
  455.  
  456. <div id="content">
  457.  
  458. {block:Posts}
  459.  
  460. <div id="post">
  461. {block:Title}{Title}{/block:Title}
  462.  
  463. <div style="width: 200px;  overflow: hidden">{block:Text}
  464. {block:IndexPage}{Body}
  465. {/block:IndexPage}{/block:Text}</div>
  466.  
  467. {block:Photo}
  468.                                                
  469.                         {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="200"/></a>{/block:IndexPage} {/block:Photo}
  470.                         <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  471.                           <tr>
  472.                             <td width="500" valign="top">{block:Text}
  473.                               {block:PermalinkPage}{Body}
  474.                               {/block:PermalinkPage}{/block:Text}
  475.                              
  476.                               {block:PermalinkPage}{block:Video}
  477.                               {block:PermalinkPage}
  478.                               {Video-500}
  479.                               {/block:PermalinkPage}
  480.                               {/block:Video}
  481.                              
  482.                               {block:Photoset}
  483.                               {block:PermalinkPage}
  484.                               {Photoset-500}
  485.                               {/block:PermalinkPage}
  486.                               {/block:Photoset}
  487.                              
  488.                              
  489.                               {block:Quote}
  490.                               {block:PermalinkPage}
  491.                               {Quote}
  492.                               <div align="right"> {block:Source}-{Source}{/block:Source} </div>
  493.                               {/block:PermalinkPage}
  494.                               {/block:Quote}
  495.                              
  496.                               {block:Link}
  497.                               {block:PermalinkPage} <a href="{URL}" class="link" {Target}>{Name}</a><br />
  498.                               {block:Description}{Description}{/block:Description}
  499.                               {/block:PermalinkPage}
  500.                               {/block:Link}
  501.                              
  502.                               {block:Chat}
  503.                               {block:PermalinkPage}
  504.                               {block:Lines}
  505.                               {block:Label} <br />
  506.                               {Label}
  507.                               {/block:Label}
  508.                               &nbsp;{Line}
  509.                               {/block:Lines}
  510.                               {/block:PermalinkPage}
  511.                               {/block:Chat}
  512.                              
  513.                               {block:Audio}
  514.                               {block:PermalinkPage}
  515.                               {AudioPlayerGrey} <br />
  516.             <div align="right">{block:Artist}
  517.               Artist: {Artist}</div>
  518.                               {/block:Artist}<br />
  519.                               {block:Caption}{Caption}{/block:Caption}
  520.                               {/block:PermalinkPage}
  521.                               {/block:Audio}
  522.                              
  523.                               {block:Answer}
  524.                              <div style="width: 500px;  overflow: hidden"> {block:PermalinkPage}
  525.                               <div style="border-radius:3px; width: 483px; border: 1px solid #b6b6b6; margin: 2px; margin-top: 0px; min-height:30px; padding: 4px; background-image:url({image:ask background}); "> <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 1px #E6DFDF; border-radius: 1px;"/>
  526.           <askk>
  527.                                 {Asker}
  528.                                 </ask>
  529.                                 asked: {Question}<br>
  530.                               </div>
  531.                               <span class="answer">{Answer}</span>
  532.                               <center>
  533.                                     {block:PermalinkPage} </div>
  534.         {/block:Answer}
  535.         {block:Photo}
  536.   </div>
  537.   <a href="{PhotoURL-500}"><img src="{PhotoURL-500}" width="500" align="center" /></a>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}</div></td>
  538.                             <td width="300" valign="top">
  539.                                 {block:PermalinkPage}
  540. <div id="notecontainer">{block:NoteCount}? This post has
  541.       {NoteCount} notes
  542.       {/block:NoteCount}{block:PostNotes}
  543.     {PostNotes}</div>
  544.     {/block:PostNotes}
  545.       {/block:PermalinkPage}</td>
  546.                           </tr>
  547.                         </table>
  548. {/block:Photo}
  549.     <div style="width: 200px;  overflow: hidden"> {/block:Photo}
  550.       {block:Photoset}
  551.       {block:IndexPage}
  552.       {Photoset-250}
  553.       {/block:IndexPage}
  554.       {/block:Photoset}
  555.      
  556.      
  557.       {block:Quote}
  558.       {block:IndexPage}
  559.       {Quote}
  560.       <div align="right"> {block:Source}-{Source}{/block:Source} </div>
  561.       {/block:IndexPage}
  562.       {/block:Quote}
  563.      
  564.       {block:Video}
  565.       {block:IndexPage} {Video-250}
  566.       {/block:IndexPage}
  567.       {/block:Video}
  568.      
  569.       {block:Link}
  570.       {block:IndexPage} <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  571.       {block:Description}{Description}{/block:Description}
  572.       {/block:IndexPage}
  573.       {/block:Link}
  574.      
  575.       {block:Panorama}
  576.       {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  577.      
  578.       {block:Caption}
  579.       {Caption}
  580.       {/block:Caption}
  581.       {/block:Panorama}
  582.      
  583.       {block:Chat}
  584.       {block:IndexPage}
  585.       {block:Lines}
  586.       {block:Label} <br>
  587.       {Label}
  588.       {/block:Label}
  589.   &nbsp;{Line}
  590.       {/block:Lines}
  591.       {/block:IndexPage}
  592.       {/block:Chat}
  593.      
  594.       {block:Audio}
  595.       {block:IndexPage}
  596.       {AudioPlayerGrey} <br>
  597.   <div align="right">{block:Artist}
  598.     Artist: {Artist}</div>
  599.       {/block:Artist}<br>
  600.       {block:Caption}{Caption}{/block:Caption}
  601.       {/block:IndexPage}
  602.       {/block:Audio}
  603.      
  604.       {block:rss}{rss}{/block:rss}
  605.       {block:favicon}{favicon}{/block:favicon}
  606.       {block:customcss}{customcss}{/block:customcss}
  607.       {block:metadescription}{metadescription}{/block:metadescription}
  608.       {block:photoalt}{photoalt}{/block:photoalt} </div>
  609.     {block:Answer}
  610. <div style="width: 200px;  overflow: hidden">{block:IndexPage}
  611. <div style="border-radius:3px; border: 1px solid #969696; margin: 2px; margin-top: 0px; min-height:30px; padding: 4px; background-image:url({image:ask background}); "> <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 1px #E6DFDF; border-radius: 1px;"/>
  612.         <askk>{Asker}</ask>
  613.         asked: {Question}<br></div>
  614. <span class="answer">{Answer}</span>
  615.         <center>
  616. {block:IndexPage}</div>
  617. {/block:Answer}
  618.  
  619.  
  620. {block:IndexPage}<div class="perma"><span class="reblo"><a href="{permalink}" ">{NoteCountWithLabel}</a></span> <span class="lik">{LikeButton color="grey" size="18"}</span> <a href="{ReblogURL}" target="_blank"><img src="http://themes.sergiovargott.com/img/reblog.png" width="22" height="19" class="lik" /></a></div>{/block:IndexPage}
  621.  
  622. </div>
  623.  
  624. {/block:Posts}
  625.  
  626. </div>
  627.  
  628.     </div>
  629.  
  630.            
  631.     <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  632. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  633. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  634.     {block:IfInfiniteScroll}
  635. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  636. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  637. <script src="http://tumblrchase.com/2.js"></script>
  638.     {/block:IfInfiniteScroll}
  639.     <!--Code for infinite scroll and grid layout-->
  640. <script>
  641. $(function() {
  642.     $(window).scroll(function() {
  643.         if($(this).scrollTop() != 0) {
  644.             $('#toTop').fadeIn();  
  645.         } else {
  646.             $('#toTop').fadeOut();
  647.         }
  648.     });
  649.  
  650.     $('#toTop').click(function() {
  651.         $('body,html').animate({scrollTop:0},800);
  652.     });
  653. });
  654.  
  655.  
  656. $(window).load(function () {
  657.    
  658.    
  659.     // endless scrolling
  660.         var $tumblelog = $('#content');
  661.         {block:IfInfiniteScroll}
  662.         $tumblelog.infinitescroll({
  663.             navSelector  : ".pagination",            
  664.             nextSelector : ".pagination a:first",    
  665.             itemSelector : "#post",
  666.  
  667.             bufferPx     : 50,
  668.             done : "",
  669.             loading: {
  670.                           finishedMsg: 'No more posts to load.',
  671.                 img : "http://tumblrchase.com/loader.gif",
  672.        msgText: 'Loading More Posts'
  673.             },
  674.         },
  675.           function( newElements ) {
  676.                 var $newElems = $( newElements ).css({ opacity: 0 });
  677.                 $newElems.imagesLoaded(function(){
  678.                     $newElems.animate({ opacity: 1 });
  679.                     $tumblelog.masonry( 'appended', $newElems);
  680.                 });
  681.               }
  682.         );
  683.         {/block:IfInfiniteScroll}
  684.         $tumblelog.imagesLoaded( function(){
  685.           $tumblelog.masonry({
  686.             columnWidth: function( containerWidth ) {
  687.                 return containerWidth / 100;
  688.               }
  689.           });
  690.         });
  691.     })();
  692.     </script>
  693. </body>
  694. </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!