API tools faq
paste
Advertisement
tomkirk

#004 *updated*

tomkirk
Apr 14th, 2013
4,474
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.64 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. TOMKIRK.TUMBLR.COM
  4. ------------------
  5. #004
  6. UPDATED 5/25/13
  7.  
  8. -->
  9. <html>
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <head>
  13. <!--Default Variables-->
  14. <!--Colors-->
  15. <meta name="color:Ask Background" content="#f7f7f7"/>
  16. <meta name="color:Ask Text" content="#696969"/>
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Blog Title" content="#cae9ec"/>
  19. <meta name="color:Border" content="#e8e8e8"/>
  20. <meta name="color:Link" content="#cae9ec"/>
  21. <meta name="color:Link Hover" content="#d2f28d"/>
  22. <meta name="color:Scrollbar" content="#cae9ec"/>
  23. <meta name="color:Sidelinks Text" content="#bbc2c2"/>
  24. <meta name="color:Text" content="#696969"/>
  25.  
  26. <!--Images-->
  27. <meta name="image:Background" content""/>
  28.  
  29. <!--Options-->
  30. <meta name="if:Infinite Scroll" content="1"/>
  31. <meta name="if:Faded Images" content=""/>
  32. <meta name="if:Inverted Images" content=""/>
  33. <meta name="if:Captions" content=""/>
  34. <meta name="if:Tiny Cursor" content=""/>
  35.  
  36. <!--Links-->
  37. <meta name="text:Link 1 URL" content="/"/>
  38. <meta name="text:Link 1 name" content=""/>
  39. <meta name="text:Link 2 URL" content="/"/>
  40. <meta name="text:Link 2 name" content=""/>
  41. <meta name="text:Link 3 URL" content="/"/>
  42. <meta name="text:Link 3 name" content=""/>
  43. <meta name="text:Link 4 URL" content="/"/>
  44. <meta name="text:Link 4 name" content=""/>
  45. <meta name="text:Link 5 URL" content="/"/>
  46. <meta name="text:Link 5 name" content=""/>
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  49.  
  50. {block:Description}
  51. <meta name="description" content="{MetaDescription}" />
  52. {/block:Description}
  53. <meta charset="utf-8">
  54. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  55. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  59.  
  60. <style type="text/css">
  61.  
  62. {block:ifInvertedImages}img{
  63. opacity: 1;
  64. filter:alpha(opacity=10);
  65. -moz-opacity: 0.1;
  66. -moz-transition: all .9s ease;
  67. -o-transition: all .9s ease;
  68. transition: all .9s ease;
  69. -webkit-transition: all .9s ease;}
  70. {/block:ifInvertedImages}
  71.  
  72.  
  73. {block:ifInvertedImages} img:hover{
  74. opacity: .8;
  75. filter:alpha(opacity=100);
  76. -moz-opacity: 1;
  77. -moz-transition: all .9s ease;
  78. -o-transition: all .9s ease;
  79. transition: all .9s ease;
  80. -webkit-transition: all .9s ease;}
  81. {/block:ifInvertedImages}
  82.  
  83. {block:ifFadedImages}img{
  84. opacity: .8;
  85. filter:alpha(opacity=10);
  86. -moz-opacity: 0.1;
  87. -moz-transition: all .9s ease;
  88. -o-transition: all .9s ease;
  89. transition: all .9s ease;
  90. -webkit-transition: all .9s ease;}
  91. {/block:ifFadedImages}
  92.  
  93.  
  94. {block:ifFadedImages} img:hover{
  95. opacity: 1;
  96. filter:alpha(opacity=100);
  97. -moz-opacity: 1;
  98. -moz-transition: all .9s ease;
  99. -o-transition: all .9s ease;
  100. transition: all .9s ease;
  101. -webkit-transition: all .9s ease;}
  102. {/block:ifFadedImages}
  103.  
  104. {block:ifInvertedImages}.photo {
  105. opacity: 1;
  106. filter:alpha(opacity=10);
  107. -moz-opacity: 0.1;
  108. -moz-transition: all .9s ease;
  109. -o-transition: all .9s ease;
  110. transition: all .9s ease;
  111. -webkit-transition: all .9s ease;}
  112. {/block:ifInvertedImages}
  113.  
  114.  
  115. {block:ifInvertedImages}.photo:hover{
  116. opacity: .8;
  117. filter:alpha(opacity=100);
  118. -moz-opacity: 1;
  119. -moz-transition: all .9s ease;
  120. -o-transition: all .9s ease;
  121. transition: all .9s ease;
  122. -webkit-transition: all .9s ease;}
  123. {/block:ifInvertedImages}
  124.  
  125. {block:ifFadedImages}.photo {
  126. opacity: .8;
  127. filter:alpha(opacity=10);
  128. -moz-opacity: 0.1;
  129. -moz-transition: all .9s ease;
  130. -o-transition: all .9s ease;
  131. transition: all .9s ease;
  132. -webkit-transition: all .9s ease;}
  133. {/block:ifFadedImages}
  134.  
  135.  
  136. {block:ifFadedImages}.photo:hover{
  137. opacity: 1;
  138. filter:alpha(opacity=100);
  139. -moz-opacity: 1;
  140. -moz-transition: all .9s ease;
  141. -o-transition: all .9s ease;
  142. transition: all .9s ease;
  143. -webkit-transition: all .9s ease;}
  144. {/block:ifFadedImages}
  145.  
  146. .photo{overflow:hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
  147.  
  148. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  149.  
  150.  
  151. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  152.  
  153. ::-webkit-scrollbar {width:10px; height:10px; background: {color:Background};}
  154. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  155.  
  156. body{background-color: {color:Background};background-image: url({image:Background});background-attachment: fixed;background-repeat: repeat;background-position: center;font-family:calibri;font-size:10px;line-height:13px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://media.tumblr.com/ce840a860eb300b74a147c674f72e2a8/tumblr_inline_mkuqxnN3G71qz4rgp.png), progress; {/block:ifTinyCursor}}
  157.  
  158. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  159.  
  160. a:hover{
  161. text-decoration:none;
  162. color:{color:Link Hover};
  163. {block:ifTinyCursor}
  164. cursor:url(http://media.tumblr.com/ce840a860eb300b74a147c674f72e2a8/tumblr_inline_mkuqxnN3G71qz4rgp.png), progress;
  165. {/block:ifTinyCursor}
  166. {block:ifNotTinyCursor}
  167. cursor:help;
  168. {/block:ifNotTinyCursor}}
  169.  
  170. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  171.  
  172. #pic img{display:block;}
  173.  
  174. #container {margin:auto;width:760px;}
  175.  
  176. #content{margin-left:60px;width:600px;}
  177.  
  178. article {{block:IndexPage}width:250px;margin:15px;{/block:IndexPage}{block:PermalinkPage}width:500px;margin-left:35px;{block:PermalinkPage}padding:5px;}
  179.  
  180. article img{{block:IndexPage}max-width:250px;{/block:IndexPage}{block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  181.  
  182. article .permalink{opacity:0;width:250px;text-align:right;margin-top:5px;position:absolute;font-family: "littlefont";font-size:8px;line-height:8px;text-transform:uppercase;color:{color:Link};-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;z-index:1;}
  183.  
  184. article:hover .permalink{opacity:.9;}
  185.  
  186. #side {position:relative;padding:7px;margin-top:50px;{block:IndexPage}margin-left:75px;width:538px;{/block:IndexPage}{block:PermalinkPage}margin-left:84px;width:498px;{/block:PermalinkPage}text-align:center;}
  187.  
  188. #side .navigate{opacity:1;{block:IndexPage}width:538px;{/block:IndexPage}{block:PermalinkPage}width:498px;{/block:PermalinkPage}text-align:center;margin-top:5px;position:absolute;font-family: "littlefont";font-size:8px;line-height:8px;text-transform:uppercase;color:{color:Link};-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;z-index:1;}
  189.  
  190. #side:hover .navigate{opacity:1;}
  191.  
  192. .navigate a{margin-left:10px;border-bottom:1px solid transparent;}
  193. .navigate a:hover{border-bottom:1px solid {color:Border};}
  194.  
  195. article:hover .permalink{opacity:.9;}
  196.  
  197. article .permalinkk{opacity:1;margin-top:4px;margin-right:5px;font-family: "littlefont";text-align:right;font-size:8px;line-height:11px;text-transform:uppercase;color:{color:Link};-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;z-index:999;}
  198.  
  199. article:hover .permalinkk{opacity:1;}
  200.  
  201. #ask {padding:10px;background:{color:Ask Background};color:{color:Ask Text};}
  202.  
  203. .askername{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:bold;}
  204.  
  205. .p{font-size:16px;line-height:17px;font-weight:normal;text-transform:uppercase;}
  206.  
  207. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  208.  
  209. .b{font-family: "cedarcursive";font-size:40px;line-height:0px;margin-top:5px;font-weight:normal;text-transform:lowercase;color:{color:Blog Title};}
  210.  
  211. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid {color:Border};}
  212.  
  213. .p { padding-top: 5px; }
  214. .ol, ul { margin-left: 30px; padding: 5px; }
  215. .ul { list-style-type: square; }
  216.  
  217. .chat .line{padding: 2px;}
  218.  
  219. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  220.  
  221. .label {font-weight:bold;}
  222.  
  223. .audioplayer {margin-top:5px;}
  224.  
  225. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  226. -moz-border-radius: 10px; border-radius: 10px;}
  227.  
  228. .notes li {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;}
  229.  
  230. .pagination{margin-left:20px;margin-top:10px;text-transform:uppercase;letter-spacing:1px;font-size:8px;}
  231.  
  232. #z{position:fixed;bottom:0;right:0;padding:15px;}
  233.  
  234. #z .y{position:absolute;margin-top:-7px;margin-left:-10px;opacity:0;font-family:calibri;font-size:10px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
  235.  
  236. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-10px;margin-top:-11px;}
  237.  
  238. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  239.  
  240. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  241.  
  242. {CustomCSS}
  243. </style>
  244.  
  245. <link rel="shortcut icon" href="{Favicon}">
  246. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  247. </head>
  248. <body>
  249. <div id="container">
  250. <div id="z"><div class="x">▲</div>
  251. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  252. </div>
  253.  
  254. <div id="side">
  255. <div class="b">{Title}</div>
  256. {Description}
  257. <div class="navigate">
  258. {block:ifLink1name}
  259. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  260. {/block:ifLink1name}
  261. {block:ifLink2name}
  262. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  263. {/block:ifLink2name}
  264. {block:ifLink3name}
  265. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  266. {/block:ifLink3name}
  267. {block:ifLink4name}
  268. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  269. {/block:ifLink4name}
  270. {block:ifLink5name}
  271. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  272. {/block:ifLink5name}
  273. </div>
  274. </div><br>
  275.  
  276. <div id="content">
  277. {block:Posts}
  278. <article>
  279.  
  280. {block:Answer}
  281. <div id="ask">
  282. <div class="askername">{Asker} asked:</div>
  283. {Question}
  284. </div>
  285. {Answer}
  286. {block:IndexPage}
  287. <div class="permalinkk">
  288. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  289. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  290. </div>
  291. {/block:IndexPage}
  292. {/block:Answer}
  293.  
  294. {block:Text}
  295. {block:Title}<span class="p">{Title}</span>{/block:Title}
  296. {Body}
  297. {block:IndexPage}
  298. <div class="permalinkk">
  299. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  300. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  301. </div>
  302. {/block:IndexPage}
  303. {/block:Text}
  304.  
  305. {block:Link}
  306. <span class="p"><a href="{URL}">{Name} »</a></span>
  307. {block:Description}{Description}{/block:Description}
  308. {block:IndexPage}
  309. <div class="permalinkk">
  310. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  311. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  312. </div>
  313. {/block:IndexPage}
  314. {/block:Link}
  315.  
  316. {block:Photo}
  317. {LinkOpenTag}
  318. <div id="pic">
  319. <div class="ep">
  320. <a href="{permalink}">
  321. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  322. </div></div>
  323. {LinkCloseTag}
  324. {block:ifCaptions}
  325. {block:Caption}{Caption}{/block:Caption}
  326. {/block:ifCaptions}
  327. {block:ifNotCaptions}
  328. {block:PermalinkPage}
  329. {block:Caption}{Caption}{/block:Caption}
  330. {/block:PermalinkPage}
  331. {/block:ifNotCaptions}
  332. {block:ContentSource}
  333. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  334. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  335. {/block:SourceLogo}
  336. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  337. {/block:ContentSource}
  338. {block:ReblogParentURL}
  339. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  340. {/block:ReblogParentURL}
  341. {block:IndexPage}
  342. <div class="permalink">
  343. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  344. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  345. </div>
  346. {/block:IndexPage}
  347. {/block:Photo}
  348.  
  349. {block:Photoset}
  350. <div class="photo">
  351. <center>
  352. {block:IndexPage}
  353. {Photoset-250}
  354. {/block:IndexPage}
  355. {block:PermalinkPage}
  356. {Photoset-500}
  357. {block:PermalinkPage}
  358. </center>
  359. </div>
  360. {block:ifCaptions}
  361. {block:Caption}{Caption}{/block:Caption}
  362. {/block:ifCaptions}
  363. {block:ifNotCaptions}
  364. {block:PermalinkPage}
  365. {block:Caption}{Caption}{/block:Caption}
  366. {/block:PermalinkPage}
  367. {/block:ifNotCaptions}
  368. {block:IndexPage}
  369. <div class="permalink">
  370. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  371. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  372. </div>
  373. {/block:IndexPage}
  374. {/block:Photoset}
  375.  
  376. {block:Quote}
  377. <span class="p">"{Quote}"</span>
  378. {block:Source}
  379. <i> - {Source}</i>
  380. {/block:Source}
  381. {block:IndexPage}
  382. <div class="permalinkk">
  383. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  384. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  385. </div>
  386. {/block:IndexPage}
  387. {/block:Quote}
  388.  
  389. {block:Chat}
  390. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
  391. <div class="chat">
  392. {block:Lines}
  393. <div class="chat">
  394. <div class="line {Alt}">
  395. <div class="{Alt} user_{UserNumber}">
  396. {block:Label}
  397. <b>{Label} </b>
  398. {/block:Label}
  399. {Line}
  400. </div>
  401. </div>
  402. </div>
  403. {/block:Lines}
  404. </div>
  405. {block:IndexPage}
  406. <div class="permalinkk">
  407. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  408. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  409. </div>
  410. {/block:IndexPage}
  411. {/block:Chat}
  412.  
  413. {block:Audio}
  414. <center>
  415. {block:AlbumArt}
  416. <img src="{AlbumArtURL}">
  417. {/block:AlbumArt}
  418. <div class="audioetc">
  419. {block:AudioPlayer}
  420. <div class="audioplayer">
  421. {AudioPlayerWhite}
  422. </div>
  423. </div>
  424. {/block:AudioPlayer}
  425. </center>
  426. {block:Caption}{Caption}{/block:Caption}
  427. {block:IndexPage}
  428. <div class="permalinkk">
  429. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  430. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  431. </div>
  432. {/block:IndexPage}
  433. {/block:Audio}
  434.  
  435. {block:Video}
  436. <div class="photo">
  437. <center>
  438. {block:IndexPage}
  439. {Video-250}
  440. {/block:IndexPage}
  441. {block:PermalinkPage}
  442. {Video-500}
  443. {block:PermalinkPage}
  444. </center>
  445. </div>
  446. {block:ifCaptions}
  447. {block:Caption}{Caption}{/block:Caption}
  448. {/block:ifCaptions}
  449. {block:ifNotCaptions}
  450. {block:PermalinkPage}
  451. {block:Caption}{Caption}{/block:Caption}
  452. {/block:PermalinkPage}
  453. {/block:ifNotCaptions}
  454. {block:IndexPage}
  455. <div class="permalink">
  456. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  457. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  458. </div>
  459. {/block:IndexPage}
  460. {/block:Video}
  461.  
  462. {block:PermalinkPage}
  463. <div style="margin-top:5px;">
  464. {block:Date}
  465. <b>Posted:</b> {TimeAgo} on
  466. {ShortMonth} {DayofMonth},{Year} at
  467. {12Hour}:{Minutes} {CapitalAmPm}
  468. {/block:Date}
  469. {block:NoteCount}<br>
  470. <b>Notes:</b>
  471. {NoteCount}
  472. {/block:NoteCount}
  473. {block:HasTags}
  474. <br>
  475. <b>Tags:</b>
  476. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  477. {/block:Tags}
  478. {/block:HasTags}
  479. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  480. </div>
  481. {/block:PermalinkPage}
  482. {block:PostNotes}
  483. {PostNotes}
  484. {/block:PostNotes}
  485. </article>
  486. {/block:Posts}
  487.  
  488. {block:Pagination}
  489. <div class="pagination">
  490. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Previous Page{/block:ifNotInfiniteScroll}</a> /{/block:PreviousPage}
  491. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Next Page{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  492. </div>
  493. {/block:Pagination}
  494. </div>
  495.  
  496. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  497.  
  498. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  499. {block:ifInfiniteScroll}
  500. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  501. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  502. {/block:ifInfiniteScroll}
  503.  
  504.  
  505. <script>
  506. (function() {
  507. var $tumblelog = $('#content');
  508. {block:IfInfiniteScroll}
  509. $tumblelog.infinitescroll({
  510. navSelector : ".pagination",
  511. nextSelector : ".pagination a:first",
  512. itemSelector : "article",
  513. bufferPx : 50,
  514. done : "",
  515. loading: {
  516. finishedMsg: "<p> </p>",
  517. img : " ",
  518. msg: null,
  519. msgText: "<p> </p>"
  520. },
  521. },
  522. function( newElements ) {
  523. var $newElems = $( newElements ).css({ opacity: 0 });
  524. $newElems.imagesLoaded(function(){
  525. $newElems.animate({ opacity: 1 });
  526. $tumblelog.masonry( 'appended', $newElems);
  527. });
  528. }
  529. );
  530. {/block:IfInfiniteScroll}
  531. $tumblelog.imagesLoaded( function(){
  532. $tumblelog.masonry({
  533. columnWidth: function( containerWidth ) {
  534. return containerWidth / 100;
  535. }
  536. });
  537. });
  538. })();
  539. </script>
  540.  
  541. <script>
  542. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  543. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  544. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  545. s.parentNode.insertBefore(g,s)}(document,'script'));
  546. </script>
  547. </body>
  548. </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!