Advertisement
Guest User

Untitled

a guest
Mar 2nd, 2015
219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.88 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--
  3. High Res Theme 1.1.9 -- 26 September 2012
  4. (c) 2011-2012 Justin Ouellette, all rights reserved
  5. http://highrestheme.tumblr.com/
  6. -->
  7. <html>
  8. <head>
  9.  
  10. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  11. <meta name="tumblr-theme" content="30257" />
  12. <meta name="warning" content="HC SVNT DRACONES" />
  13. <meta name="viewport" content="width = device-width" id="viewport" />
  14. <meta http-equiv="imagetoolbar" content="no" />
  15. <link rel="icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  17. <link rel="stylesheet" href="http://static.tumblr.com/lpiibdu/NEJljwkzi/reset.2.8.1.yui.css">
  18. <meta name="color:Text" content="#333333" />
  19. <meta name="color:Link" content="#111111" /> <!-- 1.1 -->
  20. <meta name="color:Link Hover" content="#111111" /> <!-- 1.1 -->
  21. <meta name="color:Tag" content="#666666" />
  22. <meta name="color:Date" content="#999999" />
  23. <meta name="color:Background" content="#ffffff" />
  24. <meta name="image:Header" content="" />
  25. <meta name="if:Fixed Position Header Image" content="0" /> <!-- 1.1 -->
  26. <meta name="if:Infinite Scrolling" content="0" />
  27. <meta name="if:Show Blog Title" content="1" />
  28. <meta name="if:Show Blog Description" content="0" />
  29. <meta name="if:Show Headers In Bold" content="0" />
  30. <meta name="if:Show Headers In Caps" content="1" />
  31. <meta name="if:Show Album Art" content="1" />
  32. <meta name="if:Show Tags" content="1" />
  33. <meta name="if:Show Dates" content="1" />
  34. <meta name="if:Show Note Counts" content="0" />
  35. <meta name="if:Show Notes On Permalink Pages" content="0" />
  36. <meta name="if:Show Footer Text" content="0" />
  37. <meta name="if:Show Followed Tumblrs" content="0" /> <!-- 1.1 -->
  38. <meta name="if:Hide Ask Link" content="0" /> <!-- 1.1.1 -->
  39. <meta name="if:Hide Submit Link" content="0" /> <!-- 1.1.1 -->
  40. <meta name="if:Center Text Posts" content="0" /> <!-- 1.1 -->
  41. <meta name="if:Center Link Captions" content="0" /> <!-- 1.1 -->
  42. <meta name="if:Center Photo Captions" content="1" />
  43. <meta name="if:Center Quotes" content="1" /> <!-- 1.1 -->
  44. <meta name="if:Center Chats" content="1" /> <!-- 1.1 -->
  45. <meta name="if:Center Audio Captions" content="1" />
  46. <meta name="if:Center Video Captions" content="1" />
  47. <meta name="if:Use Time Ago For Date" content="0" />
  48. <meta name="if:Drop Shadows On Photos" content="0" />
  49. <meta name="if:Large Title" content="0" />
  50. <meta name="if:Helvetica" content="0" />
  51. <meta name="if:Force Video Resize" content="1" />
  52. <meta name="if:Scale Photos To Window Width" content="1" />
  53. <meta name="text:Forced Video Width" content="500" />
  54. <meta name="text:Column Width" content="500" />
  55. <meta name="text:Vertical Spacing" content="64" />
  56. <meta name="text:Min Image Width" content="0" />
  57. <meta name="text:Max Image Width" content="1280" />
  58. <meta name="text:Font Family" content="menlo,'andale mono','courier new',sans-serif" /> <!-- 1.1 -->
  59. <meta name="text:Font Size In Pixels" content="11" /> <!-- 1.1 -->
  60. <meta name="text:Line Height In Percent" content="155" /> <!-- 1.1 -->
  61. <meta name="text:Footer Text" content='<a href="http://highrestheme.tumblr.com/">high res theme</a> by <a href="http://jstn.cc/">jstn</a>' />
  62. <meta name="text:Disqus Shortname" content="" /> <!-- 1.1 -->
  63. <meta name="text:Google Analytics Web Property ID" content="" /> <!-- 1.1 -->
  64. {block:Description}
  65. <meta name="description" content="{MetaDescription}" />
  66. {/block:Description}
  67. <style type="text/css">
  68. html,body { background: {color:Background}; color: {color:Text}; }
  69. {block:IfHelvetica}
  70. html, body { font: normal 12px helvetica,sans-serif; line-height: 150%; }
  71. {/block:IfHelvetica}
  72. {block:IfNotHelvetica}
  73. html, body { font: normal {text:Font Size In Pixels}px {text:Font Family}; line-height: {text:Line Height In Percent}%; }
  74. {/block:IfNotHelvetica}
  75.  
  76. a { color: {color:Link}; }
  77. a:hover { text-decoration: none; color: {color:Link Hover}; }
  78. strong, b { font-weight: bold; }
  79. em, i { font-style: italic; }
  80. q:before { content: '“'; }
  81. q:after { content: '”'; }
  82.  
  83. div.regular_body, div.quote_body, div.caption, div.conversation_line, ul#following, #disqus, .tumblr_video_container, #post_notes { width: {text:Column Width}px; margin: 0 auto; }
  84. div.regular_body, div.quote_body, div.caption, div.conversation_line { text-align: left; }
  85. h1, h2, ul#posts, ul#pages, div#pagers, #header_image_div, div#footer, div#post_notes, ul#following, div.quote div.caption { text-align: center; }
  86. {block:IfCenterTextPosts}
  87. div.regular_body { text-align: center; }
  88. {/block:IfCenterTextPosts}
  89. {block:IfCenterPhotoCaptions}
  90. div.photo div.caption { text-align: center; }
  91. div.photoset div.caption { text-align: center; }
  92. {/block:IfCenterPhotoCaptions}
  93. {block:IfCenterQuotes}
  94. div.quote_body { text-align: center; }
  95. {/block:IfCenterQuotes}
  96. {block:IfCenterLinkCaptions}
  97. div.link div.caption { text-align: center; }
  98. {/block:IfCenterLinkCaptions}
  99. {block:IfCenterChats}
  100. div.conversation_line { text-align: center; }
  101. {/block:IfCenterChats}
  102. {block:IfCenterVideoCaptions}
  103. div.video div.caption { text-align: center; }
  104. {/block:IfCenterVideoCaptions}
  105. {block:IfCenterAudioCaptions}
  106. div.audio div.caption { text-align: center; }
  107. {/block:IfCenterAudioCaptions}
  108.  
  109. h1, h2, div.content, ul#pages, ul#following, #header_image_div, li.post, div#pagers, div#footer, #disqus { margin-top: {text:Vertical Spacing}px; }
  110. div#container { margin-bottom: {text:Vertical Spacing}px; }
  111. h1 a { text-decoration: none; }
  112. div.date, div#post_notes, div.caption, ul.tags { margin-top: 1.5em; }
  113. h3, div.content p { margin-bottom: 1.5em; }
  114. div.photo_div, div.photoset_div, div.html_photoset, #header_image_div, div.album_art_div { line-height: 0; }
  115.  
  116. img.photo_img { margin-bottom: 0.4em; min-width: {text:Min Image Width}px; }
  117. div.photoset_div { margin-top: 1.5em; }
  118. div.photoset { margin-top: -1.5em; }
  119. {block:IfScalePhotosToWindowWidth}
  120. html { padding-left: {text:Vertical Spacing}px; padding-right: {text:Vertical Spacing}px; }
  121. img.photo_img { max-width: 100%; }
  122. {block:IfNotFixedPositionHeaderImage}
  123. #header_image, #header_image_div { max-width: 100%; }
  124. {/block:IfNotFixedPositionHeaderImage}
  125. {/block:IfScalePhotosToWindowWidth}
  126. {block:IfNotScalePhotosToWindowWidth}
  127. img.photo_img { max-width: {text:Max Image Width}px; }
  128. {/block:IfNotScalePhotosToWindowWidth}
  129.  
  130. div.date a { color: {color:Date}; text-decoration: none; }
  131. div.date a:hover { text-decoration: underline; }
  132. img.album_art_img { width: 207px; }
  133. blockquote { border-left: 1px solid #999; margin-left: 1em; padding-left: 1em; margin-bottom: 1em; }
  134. li.tag { display: inline; margin: 0 1em; }
  135. li.tag a { text-decoration: none; color: {color:Tag}; }
  136. #post_notes ol.notes li.tag { margin: 0; }
  137. div.no_results { font-style: italic; }
  138. img.asker_portrait { position: relative; bottom: -6px; height: 20px; width: 20px; }
  139. li.page { display: inline; margin: 0 2em; }
  140. div#post_notes img.avatar { position: relative; bottom: -4px; }
  141.  
  142. li.followed { display: inline; line-height: 0; }
  143. li.followed a { line-height: 0; }
  144. li.followed img { width: 24px; height: 24px; margin: 2px; vertical-align: middle; }
  145.  
  146. li.post ul li { list-style-type: disc; list-style-position: outside; }
  147. li.post ol li { list-style-type: decimal; list-style-position: outside; }
  148.  
  149. {block:IfDropShadowsOnPhotos}
  150. img.photo_img {
  151. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  152. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  153. box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  154. }
  155. {/block:IfDropShadowsOnPhotos}
  156.  
  157. {block:IfShowHeadersInBold}
  158. h1,h3,span.conversation_label { font-weight: bold; }
  159. {/block:IfShowHeadersInBold}
  160.  
  161. {block:IfShowHeadersInCaps}
  162. h1,h3,span.conversation_label { text-transform: uppercase; }
  163. {/block:IfShowHeadersInCaps}
  164.  
  165. {block:IfLargeTitle}
  166. h1 { font-size: 64px; line-height: 72px; }
  167. {/block:IfLargeTitle}
  168.  
  169. {CustomCSS}
  170.  
  171. #footer_pages {
  172. padding: 6px;
  173. background-color: #c0c0c0;
  174. margin: 0 auto;
  175. text-align: center;
  176. margin-top: 1.5em;
  177. position:fixed;
  178. left:0px;
  179. bottom:0px;
  180. height:15px;
  181. width:100%;
  182. }
  183. #footer_pages ul {
  184. }
  185. div#container { margin-bottom: 0 }
  186. </style>
  187. <script type="text/javascript">
  188. var analytics_code = '{text:Google Analytics Web Property ID}'.trim();
  189. if (analytics_code.length) {
  190. var _gaq = _gaq || [];
  191. _gaq.push(['_setAccount', analytics_code]);
  192. _gaq.push(['_trackPageview']);
  193.  
  194. (function() {
  195. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  196. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  197. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  198. })();
  199. }
  200. </script>
  201.  
  202. </head>
  203. <body>
  204. <!-- Tumblr Theme #30257 -->
  205. <div id="container">
  206. {block:IfHeaderImage}
  207. <div id="header_image_div">
  208. <a href="/"><img src="{image:Header}" id="header_image" alt="{Title}" width="500"/></a>
  209. </div>
  210. {/block:IfHeaderImage}
  211.  
  212. {block:IfShowBlogTitle}
  213. <h1 id="blog_title"><a href="/">{Title}</a></h1>
  214. {/block:IfShowBlogTitle}
  215.  
  216.  
  217.  
  218.  
  219. {block:IfShowBlogDescription}
  220. {block:Description}
  221. <h2 id="blog_description">{Description}</h2>
  222. {/block:Description}
  223. {/block:IfShowBlogDescription}
  224.  
  225. <ul id="pages">
  226. <li class="page"><a href="/about">about me</a></li>
  227. <li class="page"><a href="/contact">contact</a></li>
  228. <li class="page"><a href="/instagram">instagram</a>
  229. <li class="page"><a href="/archive">archive</a></li>
  230.  
  231. </li>
  232. </ul>
  233.  
  234. {block:AskEnabled}
  235. {block:IfNotHideAskLink}
  236. <h2 id="ask_link"><a href="/ask">{AskLabel}</a></h2>
  237. {/block:IfNotHideAskLink}
  238. {/block:AskEnabled}
  239.  
  240. {block:SubmissionsEnabled}
  241. {block:IfNotHideSubmitLink}
  242. <h2 id="submit_link"><a href="/submit">{SubmitLabel}</a></h2>
  243. {/block:IfNotHideSubmitLink}
  244. {/block:SubmissionsEnabled}
  245.  
  246. <ul id="posts">
  247. {block:NoSearchResults}
  248. <li class="post">
  249. <div class="no_results">{lang:No results for SearchQuery}</div>
  250. </li>
  251. {/block:NoSearchResults}
  252.  
  253. {block:Posts}
  254. <li class="post" id="post_{PostID}">
  255. {block:Text}
  256. <div class="regular content">
  257. {block:Title}<h3>{Title}</h3>{/block:Title}
  258. <div class="regular_body">{Body}</div>
  259. </div>
  260. {/block:Text}
  261.  
  262. {block:Answer}
  263. <div class="answer content">
  264. <div class="regular_body">
  265. <p><img src="{AskerPortraitURL-24}" alt="{PlaintextAsker}" class="asker_portrait" /> {lang:Asker asked}:</p>
  266. <p><blockquote>{Question}</blockquote></p>
  267. <p>{Answer}</p>
  268. </div>
  269. </div>
  270. {/block:Answer}
  271.  
  272. {block:Link}
  273. <div class="link content">
  274. <h3><a href="{URL}" title="{Name}" {Target}>{Name}</a></h3>
  275. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  276. </div>
  277. {/block:Link}
  278.  
  279. {block:Photo}
  280. <div class="photo content">
  281. <div class="photo_div">
  282. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" title="{Permalink}" class="photo_img" />{LinkCloseTag}
  283. </div>
  284.  
  285. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  286. </div>
  287. {/block:Photo}
  288.  
  289. <!-- 1.2 -->
  290.  
  291. {block:Photoset}
  292. <div class="photoset content">
  293. {block:Photos}
  294. {block:Photo1}
  295. <!-- firsty -->
  296. {/block:Photo1}
  297. <div class="photoset_div">
  298. <img src="{PhotoURL-HighRes}" class="photo_img" />
  299. </div>
  300. <!--
  301. {block:Exif}
  302. {block:Camera}
  303. Camera: {Camera}
  304. {/block:Camera}
  305.  
  306. {block:Aperture}
  307. Aperture: {Aperture}
  308. {/block:Aperture}
  309.  
  310. {block:Exposure}
  311. Exposure: {Exposure}
  312. {/block:Exposure}
  313.  
  314. {block:FocalLength}
  315. Focal Length: {FocalLength}
  316. {/block:FocalLength}
  317. {/block:Exif}
  318. -->
  319. {/block:Photos}
  320.  
  321. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  322. </div>
  323. {/block:Photoset}
  324.  
  325. <!-- /1.2 -->
  326.  
  327. {block:Video}
  328. <div class="video content">
  329. {Video-500}
  330. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  331. </div>
  332. {/block:Video}
  333.  
  334. {block:Audio}
  335. <div class="audio content">
  336. {block:IfShowAlbumArt}
  337. {block:AlbumArt}
  338. <div class="album_art_div">
  339. <img src="{AlbumArtURL}" class="album_art_img" />
  340. </div>
  341. {/block:AlbumArt}
  342. {/block:IfShowAlbumArt}
  343. {AudioPlayerGrey}
  344. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  345. </div>
  346. {/block:Audio}
  347.  
  348. {block:Quote}
  349. <div class="quote content">
  350. <div class="quote_body">
  351. <q>{Quote}</q>
  352. </div>
  353. {block:Source}<div class="caption">{Source}</div>{/block:Source}
  354. </div>
  355. {/block:Quote}
  356.  
  357. {block:Chat}
  358. <div class="conversation content">
  359. {block:Title}<h3>{Title}</h3>{/block:Title}
  360. {block:Lines}
  361. <div class="conversation_line">{block:Label}<span class="conversation_label">{Label}</span> {/block:Label}&ldquo;{Line}&rdquo;</div>
  362. {/block:Lines}
  363. </div>
  364. {/block:Chat}
  365.  
  366. {block:IfShowTags}
  367. {block:HasTags}
  368. <ul class="tags">
  369. {block:Tags}
  370. <li class="tag">
  371. <a href="{TagURL}">#{Tag}</a>
  372. </li>
  373. {/block:Tags}
  374. </ul>
  375. {/block:HasTags}
  376. {/block:IfShowTags}
  377.  
  378. {block:IfShowDates}
  379. {block:Date}
  380. <div class="date">
  381. <a href="{Permalink}">
  382. {block:IfUseTimeAgoForDate}
  383. {TimeAgo}
  384. {/block:IfUseTimeAgoForDate}
  385. {block:IfNotUseTimeAgoForDate}
  386. {DayOfMonth} {ShortMonth} {Year}
  387. {/block:IfNotUseTimeAgoForDate}
  388.  
  389. {block:NoteCount}
  390. {block:IfShowNoteCounts}
  391. / {NoteCountWithLabel}
  392. {/block:IfShowNoteCounts}
  393. {/block:NoteCount}
  394. </a>
  395. </div>
  396. {/block:Date}
  397. {/block:IfShowDates}
  398.  
  399. {block:NoteCount}
  400. {block:IfNotShowDates}
  401. {block:IfShowNoteCounts}
  402. <div class="date">
  403. <a href="{Permalink}">{NoteCountWithLabel}</a>
  404. </div>
  405. {/block:IfShowNoteCounts}
  406. {/block:IfNotShowDates}
  407. {/block:NoteCount}
  408. </li>
  409. {/block:Posts}
  410. </ul>
  411.  
  412. <div id="disqus">
  413. <script type="text/javascript">
  414. var disqus_shortname = '{text:Disqus Shortname}'.trim();
  415. var disqus = disqus_shortname.length ? true : false;
  416. var disqus_url = "{Permalink}";
  417. var disqus_title = "{block:PostTitle}{PostTitle}{/block:PostTitle}";
  418. </script>
  419.  
  420. {block:Permalink}
  421. <div id="disqus_thread"></div>
  422. <script type="text/javascript">
  423. if (disqus) {
  424. var disqus_identifier = {JSPostID};
  425. (function() {
  426. var dsq = document.createElement('script');
  427. dsq.type = 'text/javascript';
  428. dsq.async = true;
  429. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  430. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  431. })();
  432. }
  433. </script>
  434. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  435. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  436. {/block:Permalink}
  437.  
  438. <script type="text/javascript">
  439. if (disqus) {
  440. (function () {
  441. var s = document.createElement('script'); s.async = true;
  442. s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
  443. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  444. }());
  445. }
  446. </script>
  447. </div>
  448.  
  449. {block:PostNotes}
  450. {block:IfShowNotesOnPermalinkPages}
  451. <div id="post_notes">{PostNotes}</div>
  452. {/block:IfShowNotesOnPermalinkPages}
  453. {/block:PostNotes}
  454.  
  455. {block:IfInfiniteScrolling}
  456. <div id="pagers">
  457. <p onclick="more()">loading&hellip;</p>
  458. </div>
  459. {/block:IfInfiniteScrolling}
  460.  
  461. {block:IfShowFollowedTumblrs}
  462. {block:IndexPage}
  463. {block:Following}
  464. <ul id="following">
  465. {block:Followed}<li class="followed"><a href="{FollowedURL}" title="{FollowedName} - {FollowedTitle}"><img src="{FollowedPortraitURL-24}" alt="{FollowedName} - {FollowedTitle}" /></a></li>{/block:Followed}
  466. </ul>
  467. {/block:Following}
  468. {/block:IndexPage}
  469. {/block:IfShowFollowedTumblrs}
  470.  
  471. {block:IfNotInfiniteScrolling}
  472. {block:Pagination}
  473. <div id="pagers">
  474. <p>{lang:Page CurrentPage of TotalPages}</p>
  475. {block:NextPage}
  476. <p><a href="{NextPage}">{lang:Next}</a></p>
  477. {/block:NextPage}
  478. {block:PreviousPage}
  479. <p><a href="{PreviousPage}">{lang:Previous}</a></p>
  480. {/block:PreviousPage}
  481. </div>
  482. {/block:Pagination}
  483. {/block:IfNotInfiniteScrolling}
  484.  
  485. {block:IfShowFooterText}
  486. <div id="footer">
  487. {text:Footer Text}
  488. </div>
  489. {/block:IfShowFooterText}
  490.  
  491. {block:HasPages}
  492. <div id="footer_pages">
  493. <ul>
  494. {block:Pages}
  495. <li class="page"><a href="{URL}">{Label}</a></li>
  496.  
  497. {/block:Pages}
  498. </ul>
  499. </div>
  500. {/block:HasPages}
  501.  
  502. </div>
  503. <script type="text/javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?676"></script>
  504. <script type="text/javascript" src="http://static.tumblr.com/lpiibdu/GgVljwkyh/mootools.1.2.3.yui.js"></script>
  505. <script type="text/javascript">
  506. var permalink_page = false;
  507. {block:PermalinkPage}
  508. permalink_page = true;
  509. {/block:PermalinkPage}
  510.  
  511. var tag = '';
  512. var tag_page = false;
  513. {block:TagPage}
  514. tag = {JSURLSafeTag};
  515. tag_page = true;
  516. {/block:TagPage}
  517.  
  518. function resize_video(v) {
  519. if (!v)
  520. return;
  521.  
  522. try {
  523. var video_width = parseInt({text:Forced Video Width});
  524. v.height = Math.floor( video_width / (v.width / v.height) );
  525. v.width = video_width;
  526. } catch(e) {
  527. console.log(e);
  528. }
  529. }
  530.  
  531. function fix_highres_image(img) {
  532. if (!img)
  533. return;
  534.  
  535. try {
  536. var a = img.getParent();
  537. if (a && a.href && a.href.indexOf(document.domain + '/image/') != -1) {
  538. a.href = img.title;
  539. img.title = img.alt;
  540. }
  541. } catch(e) {
  542. console.log(e);
  543. }
  544. }
  545.  
  546. function adjust_ios_viewport() {
  547. var w1 = parseInt({text:Column Width});
  548. var w2 = parseInt({text:Max Image Width});
  549. var w3 = parseInt({text:Forced Video Width});
  550.  
  551. var widest = w1 > w2 ? w1 : w2;
  552. widest = w3 > widest ? w3 : widest;
  553.  
  554. var margin = parseInt({text:Vertical Spacing});
  555. var viewport_width = margin + widest + margin;
  556. if (viewport_width > 768) {
  557. try {
  558. $('viewport').setProperty('content','width = ' + viewport_width);
  559. } catch(e) {
  560. console.log(e);
  561. }
  562. }
  563. }
  564.  
  565. adjust_ios_viewport();
  566.  
  567. if (!disqus) {
  568. try {
  569. $('disqus').destroy();
  570. } catch(e) {
  571. console.log(e);
  572. }
  573. }
  574.  
  575. if (!permalink_page)
  576. $$('img.photo_img').each(fix_highres_image);
  577.  
  578. {block:IfFixedPositionHeaderImage}
  579. {block:IfHeaderImage}
  580. $(window).addEvent('load', function() {
  581. try {
  582. var new_top_padding = $('header_image').getSize().y + parseInt({text:Vertical Spacing});
  583. $('container').setStyle('padding-top', new_top_padding.toString() + 'px');
  584. $('header_image_div').setStyles({
  585. 'position': 'fixed',
  586. 'top': '0px',
  587. 'left': '50%',
  588. 'margin-left': '-' + ($('header_image').getSize().x / 2).toString() + 'px'
  589. });
  590. } catch(e) {
  591. console.log(e);
  592. }
  593. });
  594. {/block:IfHeaderImage}
  595. {/block:IfFixedPositionHeaderImage}
  596.  
  597. {block:IfForceVideoResize}
  598. $$('.video object').each(resize_video);
  599. $$('.video embed').each(resize_video);
  600. $$('.video iframe').each(resize_video);
  601. {/block:IfForceVideoResize}
  602.  
  603. {block:IfInfiniteScrolling}
  604. var current_page = {CurrentPage};
  605. var total_pages = {TotalPages};
  606. var locked = false;
  607.  
  608. if (current_page == total_pages || total_pages == 0)
  609. $('pagers').dispose();
  610.  
  611. var loaded_posts = [];
  612. $$('li.post').each(function(li) {
  613. loaded_posts.push(li.id);
  614. });
  615.  
  616. function fix_flash_audio(js) {
  617. if (!js)
  618. return;
  619.  
  620. var lines = [];
  621. try {
  622. var newline = eval('\"\\' + 'n\"');
  623. lines = js.split(newline);
  624. } catch(e) {
  625. console.log(e);
  626. }
  627.  
  628. for (var i = 0; i < lines.length; i++) {
  629. if (lines[i].contains('replace'+'If'+'Flash'))
  630. eval(lines[i]);
  631. }
  632. }
  633.  
  634. var ajax = new Request.HTML({
  635. evalScripts: false,
  636. onFailure: function() {
  637. locked = false;
  638. },
  639. onSuccess: function(tree,elements,html,js) {
  640. elements.each(function(el) {
  641. if(el.tagName == 'LI' && el.hasClass('post') && !loaded_posts.contains(el.id)) {
  642. $('posts').adopt(el);
  643. loaded_posts.push(el.id);
  644.  
  645. el.getElements('img.photo_img').each(fix_highres_image);
  646.  
  647. {block:IfForceVideoResize}
  648. el.getElements('.video object').each(resize_video);
  649. el.getElements('.video embed').each(resize_video);
  650. el.getElements('.video iframe').each(resize_video);
  651. {/block:IfForceVideoResize}
  652. }
  653.  
  654. });
  655.  
  656. try {
  657. fix_flash_audio(js);
  658. } catch(e) {
  659. console.log(e);
  660. }
  661.  
  662. current_page++;
  663. locked = false;
  664.  
  665. if (current_page == total_pages)
  666. $('pagers').dispose();
  667. }
  668. });
  669.  
  670. function more() {
  671. if (!locked && current_page != total_pages && total_pages > 0) {
  672. locked = true;
  673. url = (tag_page ? '/tagged/' + tag : '') + '/page/' + (current_page + 1).toString();
  674. return ajax.get(url);
  675. }
  676. }
  677.  
  678. function prox() {
  679. var window_height = $(window).getSize().y;
  680. var document_height = $(window).getScrollSize().y;
  681. var scroll_position = $(window).getScroll().y;
  682.  
  683. if ( document_height - (window_height + scroll_position) < 1600 ) {
  684. more();
  685. } else {
  686. locked = false;
  687. }
  688. }
  689.  
  690. $(window).addEvent('resize',prox);
  691. $(window).addEvent('scroll',prox);
  692. {/block:IfInfiniteScrolling}
  693. </script>
  694. <!--
  695. This Tumblr Theme and all of its CSS, Javascript,
  696. and media assets are subject to Tumblr's Terms of Service:
  697.  
  698. http://www.tumblr.com/terms_of_service
  699. -->
  700. </body>
  701. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement