odeysseus_thm

theme / AMBER

Oct 19th, 2018
8,718
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.05 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. amber
  12.  
  13. @odeysseus
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. - credits listed at odeysseus.tumblr.com/credit
  23.  
  24. -->
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<meta name="viewport" content="width=device-width, initial-scale=1">
  29.  
  30. <title>{Title}</title>
  31.  
  32. <!--metas-->
  33.  
  34.  
  35. <meta name="color:background" content=""/>
  36. <meta name="color:text" content="#767676"/>
  37. <meta name="color:link" content="#aaa"/>
  38. <meta name="color:accent" content="#47acb7"/>
  39. <meta name="color:accent dark" content="#444"/>
  40. <meta name="if:hide caption" content="0"/>
  41. <meta name="if:infinite scroll" content="1"/>
  42. <meta name="if:load more" content="1"/>
  43. <meta name="if:scroll to top" content="1"/>
  44. <meta name="if:show tags" content="1"/>
  45. <meta name="if:letter spacing" content="0"/>
  46. <meta name="if:full photoset" content="1"/>
  47.  
  48. <meta name="text:link 1 url" content=""/>
  49. <meta name="text:link 1" content=""/>
  50. <meta name="text:link 2 url" content=""/>
  51. <meta name="text:link 2" content=""/>
  52. <meta name="text:link 3 url" content=""/>
  53. <meta name="text:link 3" content=""/>
  54. <meta name="text:link 4 url" content=""/>
  55. <meta name="text:link 4" content=""/>
  56. <meta name="text:link 5 url" content=""/>
  57. <meta name="text:link 5" content=""/>
  58.  
  59. <meta name="select:font" content="Helvetica"/>
  60. <meta name="select:font" content="Source Sans Pro"/>
  61. <meta name="select:font" content="Nunito"/>
  62. <meta name="select:font" content="Open Sans"/>
  63. <meta name="select:font" content="PT Sans"/>
  64. <meta name="select:font" content="Libre Franklin"/>
  65. <meta name="select:font" content="Trebuchet MS"/>
  66.  
  67. <meta name="text:font size" content="11px"/>
  68.  
  69. <meta name="select:columns" content="1"/>
  70. <meta name="select:columns" content="2"/>
  71. <meta name="select:columns" content="3"/>
  72.  
  73. <meta name="select:post align" content="top" title="top"/>
  74. <meta name="select:post align" content="middle" title="middle"/>
  75. <meta name="select:post align" content="baseline" title="bottom"/>
  76.  
  77.  
  78. <link href='https://fonts.googleapis.com/css?family={select:font}:400,400italic,600,600italic|Inconsolata|Lato' rel='stylesheet' type='text/css'>
  79.  
  80. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <link href="https://static.tumblr.com/aptzszz/9QNp5fv1g/normalize.css" rel="stylesheet" tyle="text/css"/>
  81.  
  82. <!--videos-->
  83.  
  84. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  85.  
  86.  
  87. <style type="text/css">
  88.  
  89.  
  90. /* general */
  91.  
  92. * { margin:0;padding:0;box-sizing:border-box; }
  93.  
  94. @-webkit-keyframes fadein {
  95. 0% {opacity: 0;}
  96. 100% { opacity: 1; }
  97. }
  98.  
  99. @-moz-keyframes fadein {
  100. 0% { opacity: 0; }
  101. 100% { opacity: 1; }
  102. }
  103.  
  104. @keyframes fadein {
  105. 0% { opacity: 0; }
  106. 100% { opacity: 1; }
  107. }
  108.  
  109.  
  110. ::-webkit-scrollbar{
  111. height:3px;
  112. width:7px;
  113. background:#fff;
  114. }
  115.  
  116. ::-webkit-scrollbar-thumb {
  117. background:rgba({RGBcolor:accent},0.5);
  118. border:3px solid #fff;
  119. }
  120.  
  121. ::-webkit-scrollbar-track {
  122. background:#eee;
  123. border:3px solid #fff;
  124. }
  125.  
  126. ::-moz-selection{
  127. background: rgba({RGBcolor:accent},.2);
  128. color:{color:accent dark};
  129. }
  130.  
  131. ::selection {
  132. background: rgba({RGBcolor:accent},.2);
  133. color:{color:accent dark};
  134. }
  135.  
  136.  
  137. .tmblr-iframe{
  138. white-space:nowrap;
  139. -webkit-filter: invert(100%);
  140. -moz-filter: invert(100%);
  141. -o-filter: invert(100%);
  142. -ms-filter: invert(100%);
  143. filter: invert(100%);
  144. opacity:.2;
  145. transition: .4s ease-in-out;
  146. transform:scale(0.7,0.7);
  147. transform-origin:right top;
  148. }
  149.  
  150. .tmblr-iframe:hover { opacity:1; }
  151.  
  152. #s-m-t-tooltip{
  153. position:absolute;
  154. margin:15px;
  155. max-width:250px;
  156. z-index:9999;
  157. color:{color:accent dark};
  158. background:#fff;padding:2px 4px;
  159. border:1px solid #eee;
  160. }
  161.  
  162. blockquote {
  163. padding:0px 0px 0px 10px;
  164. margin:0px 0px 0px 10px;
  165. border-left:1px solid #eee;
  166. }
  167.  
  168. pre,code {
  169. white-space: pre-wrap;
  170. white-space: -moz-pre-wrap;
  171. white-space: -pre-wrap;
  172. white-space: -o-pre-wrap;
  173. word-wrap: break-word;
  174. font-family:Consolas,monospace;
  175. }
  176.  
  177. body {
  178. background:#fff;
  179. color:{color:text};
  180. font-family:'{select:font}', 'Helvetica', sans-serif;
  181. font-weight:400;
  182. font-size:{text:font size};
  183. text-align:left;
  184. {block:ifletterspacing}letter-spacing:.5px;{/block:ifletterspacing}
  185. line-height:180%;
  186. -moz-osx-font-smoothing:grayscale;
  187. -webkit-font-smoothing:antialiased;
  188. font-smoothing:antialiased;
  189. }
  190.  
  191.  
  192. a { color:{color:link};text-decoration:none;}
  193. a,a b,.tags { transition:0.25s ease-in-out; } .tags a { margin-right:5px; } .tags { word-wrap:break-word; }
  194. a:hover,a.user:hover,a.t:hover,.up a:hover { color:{color:accent}!important; }
  195. b,strong { font-weight:600;color:{color:accent dark}; }
  196. p { margin:10px 0px 0px; }
  197. img{ opacity:1;border:none;text-decoration:none;}
  198. small { font-size:calc({text:font size} - 0.5px); }
  199. hr { width:100%;background:#eee;height:1px;border:none;display:block;margin:10px 0px; }
  200. .posts ul { margin-top:10px;list-style:square;margin-left:20px; }
  201. big { font-size:calc({text:font size} + 0.5px); }
  202. h1,h2,h3,h4,h5,h6 { padding-bottom:10px;margin:0;font-size:16px;color:{color:accent dark};font-weight:400;font-family:'Consolas',monospace;text-align:center;} h1 i { font-style:normal;} h1 a,h1 i a { color:{color:accent dark};} .posts img, .posts li, .posts blockquote { max-width:100%;height:auto;} .posts img { display:block; }
  203.  
  204. /* posts */
  205.  
  206. .posts {
  207. {block:indexpage}margin:40px;display:inline-block;width:380px;{/block:indexpage}{block:permalinkpage}margin:60px 0;width:540px;{/block:permalinkpage}position:relative;vertical-align:{select:post align};
  208. animation:fadein 1s;-webkit-animation:fadein 1s;-moz-animation:fadein 1s;
  209. }
  210.  
  211. .entries {
  212. {block:permalinkpage}width:540px;{/block:permalinkpage}{block:indexpage}width:calc(463px * {select:columns});{/block:indexpage}margin:200px auto 60px;
  213. }
  214.  
  215.  
  216. /* captions */
  217.  
  218. .caption {
  219. margin-top:10px;
  220. {block:ifhidecaption}
  221. {block:indexpage}
  222. display:none;
  223. {/block:indexpage}
  224. {/block:ifhidecaption}
  225.  
  226. }
  227.  
  228. .user,a.user,.asker,.asker a,a.answerer { color:{color:accent dark};}
  229. .user,.answerer { display:block;margin-top:10px;margin-bottom:-10px;}
  230. .user:first-of-type { margin-top:0;} .user,.asker { font-family:'Consolas',monospace; }
  231. .question { padding:10px;background:#f8f8f8; }
  232. /* notes */
  233.  
  234. ol.notes { margin-top:20px;list-style-type:none;font-style:normal;}
  235. li.note { padding:0;margin:2px 0px;font-style:normal; }
  236. .notes_loading, .more_notes_link { font-weight:bold;float:left;text-align:left!important;text-transform:lowercase;}
  237. .notes img { display:none!important; }
  238. ol.notes li.note blockquote { padding:4px 10px;margin:5px 0px 0px 15px;}
  239.  
  240. /* quotes */
  241.  
  242. .quote { font-size:13px;color:{color:accent dark}; } .quotesource { font-style:italic }
  243. .quotesource .tumblr_blog { top:0px;position:relative;}
  244.  
  245. /* chat */
  246.  
  247. .chat { list-style:none;}
  248. .line { list-style:none;}
  249. .line.odd { background:#fff; }
  250. .label { color:{color:accent dark};margin-right:5px;}
  251.  
  252. /* asks */
  253.  
  254. .asker a:hover,.answer b a:hover { color:{color:accent}} .answer b a { color:{color:accent dark};} .asker { text-transform:lowercase; }
  255.  
  256. /* audio */
  257.  
  258. .player { display:inline-block;width:50px;background:#fff;height:50px;overflow:hidden;margin-bottom:-5px;}
  259. .audio_d { float:right;padding:15px 10px;width:calc(380px - 130px );background:#fff;}
  260. .tumblr_audio_player { background:#fff!important; }
  261. .tumblr_audio_player { width:40px;margin:10px 7px;height:40px;overflow:hidden;}
  262. iframe.spotify_audio_player { height:80px;overflow-y:hidden!important; }
  263.  
  264. /* lightboxes */
  265.  
  266. #vignette,.vignette { opacity:0!important; } .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;} #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; } #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; } .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  267.  
  268. /* etc */
  269.  
  270. #fuckchad {
  271. bottom:27px;
  272. position:fixed;
  273. right:27px;
  274. }
  275.  
  276. .sc {
  277. bottom:13px;
  278. right:27px;
  279. font-family:'Consolas',monospace;
  280. text-align:right;
  281. position:fixed;
  282. display:none;
  283. cursor:help;
  284. }
  285.  
  286. .sc a { cursor:help;}
  287.  
  288. /* footer stuff */
  289.  
  290. #pagination { {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll} } #pagination a { margin:0px 5px; }
  291. .current_page { margin:0px 5px;font-weight:700;color:{color:accent}; }
  292. #infscr-loading { display:none!Important; }
  293. footer { width:380px;margin:auto;text-align:center;margin-bottom:80px;} a#more { position:relative;text-align:center;}
  294.  
  295. a.bio,a.nav,a.nc { cursor:help;color:{color:accent dark};border-bottom:1px solid {color:accent}; } header { z-index:200;position:fixed;top:50px; } .abt,.link { display:none;margin-top:15px; } .one { left:50px;width:200px; } .two { right:50px;text-align:right;width:200px;} .link a { margin-left:10px;border:0;} .three { left:50%;transform:translate(-50%,0);font-family:'Consolas',monospace;text-align:center; } a.t { color:{color:accent dark};font-size:calc({text:font size} + 8px); }
  296.  
  297. {block:indexpage}
  298. .inf { position:absolute;width:100%;height:100%;background:rgba(250,250,250,.95);top:0;left:0;padding:15px;opacity:0;transition:.35s ease-in-out; max-height:100%;overflow-y:auto;} .posts:hover .inf { opacity:1; }
  299. {/block:indexpage} .inf { text-transform:lowercase;{block:permalinkpage}margin-top:10px;{/block:permalinkpage} } .tags { font-family:'Consolas',monospace;margin-top:5px; }
  300.  
  301.  
  302. @media only screen and (max-width: 1300px) {
  303. {block:indexpage}.entries { width:calc(463px * 2); } {/block:indexpage}
  304. }
  305.  
  306. @media only screen and (max-width: 930px) {
  307. {block:indexpage}.entries { width:463px } {/block:indexpage}
  308. }
  309.  
  310. @media only screen and (max-width: 470px) {
  311. .entries,.posts { width:90vw;margin:60px auto; }
  312. }
  313.  
  314.  
  315. /* weird font shit */
  316.  
  317. @font-face {
  318. font-family: Calluna;
  319. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  320. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  321. font-weight: 700;
  322. font-style: italic
  323. }
  324.  
  325. @font-face {
  326. font-family: Fairwater;
  327. src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  328. font-weight: 400;
  329. font-style: normal
  330. }
  331. p.npf_quirky{font-family:Fairwater;font-size:20px;}
  332. p.npf_chat{font-family:Courier;font-size:20px;}
  333. p.npf_quote{font-family:Calluna;font-size:20px;}
  334.  
  335. .npf_color_joey {color:#ff492f;}
  336. .npf_color_monica {color:#ff8a00;}
  337. .npf_color_phoebe {color:#fcf01d;}
  338. .npf_color_ross {color:#00cf35;}
  339. .npf_color_rachel {color:#00b8ff;}
  340. .npf_color_chandler {color:#973ff4;}
  341. .npf_color_niles {color:#ff62ce;}
  342.  
  343. </style>
  344.  
  345. <!--scripts-->
  346. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  347.  
  348. <script>
  349. (function($){
  350. $(document).ready(function(){
  351. $("a[title]").style_my_tooltips({
  352. tip_follows_cursor:true,
  353. tip_delay_time:30,
  354. tip_fade_speed:300,
  355. attribute:"title"
  356. });
  357. });
  358. })(jQuery);
  359. </script>
  360.  
  361. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  362. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  363. <script src="https://dl.dropboxusercontent.com/s/lkc34gq5tgmwqj0/basics.js?dl=0"></script>
  364. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  365.  
  366.  
  367. </head>
  368.  
  369. <body>
  370.  
  371. <header class="three">
  372. <a href="/" class="t">{Title}</a>
  373. </header>
  374. <header class="one">
  375. <a class="bio">about</a>
  376. <div class="abt">{Description}</div>
  377. </header>
  378.  
  379. <header class="two">
  380. <a class="nav">links</a>
  381. <div class="link">
  382. <a href="/ask">message</a> <a href="/archive">grid</a> {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1} {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2} {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3} {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4} {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  383.  
  384. </div>
  385. </header>
  386. <div class="stuff">
  387. <div class="entries">
  388. {block:Posts}
  389. <div class="posts">
  390.  
  391. {block:Text}
  392. <div class="q">{block:Title}<h1>{Title}</h1>{/block:Title} {block:NotReblog}<div class="txt">{Body}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs} <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body} {/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Text}
  393.  
  394. {block:Photo} <div class="q im"> {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photo}
  395.  
  396. {block:Photoset}<div class="q im">
  397.  
  398. {block:ifnotfullphotoset}{block:PermalinkPage}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:PermalinkPage}
  399.  
  400. {block:IndexPage}
  401. <a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  402. {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}-->
  403. </a>
  404. {/block:IndexPage}{/block:ifnotfullphotoset}
  405.  
  406. {block:iffullphotoset}
  407. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:iffullphotoset}
  408.  
  409. {block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photoset}
  410.  
  411.  
  412. {block:Quote}<div class="q txt"><div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}</div>{/block:Quote}
  413.  
  414. {block:Link}<div class="q txt"><h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{block:NotReblog}<div class="caption">{Descriptionn}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Description}</div>{/block:Link}
  415.  
  416.  
  417. {block:Chat}<div class="q txt">{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div></div>{/block:Chat}
  418.  
  419.  
  420. {block:Audio}<div class="q txt">{block:AudioPlayer}<div class="player"> {AudioPlayerWhite}</div><div class="audio_d">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} : {Artist} {/block:Artist}</div>{/block:AudioPlayer} {block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Audio}
  421.  
  422.  
  423. {block:Video}<div class="q"><div class="video iframe">{Video-500}</div>{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Video}
  424.  
  425. {block:Answer}<div class="q txt"><div class="question"> <div class="asker">{Asker}</div> {Question}</div>{block:Answerer}<div class="answer">{Answerer}{Answer}</div>{/block:Answerer} {block:NotReblog}<div class="answer">{Answer}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a>{Body}{/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Answer}
  426.  
  427.  
  428. {block:date}
  429. <div class="inf">
  430.  
  431. {block:indexpage}
  432. <div class="x">
  433. <a href="{Permalink}" class="nc">{NoteCountWithLabel}</a>
  434. <br>posted on {DayOfWeek}
  435. {block:ifshowtags}
  436. {block:HasTags}
  437. <div class="tags">
  438. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  439. </div>
  440. {/block:HasTags}
  441. {/block:ifshowtags}
  442. </div>
  443. {/block:indexpage}
  444.  
  445.  
  446. {block:permalinkpage}
  447. <a class="nc" href="{Permalink}">posted on {DayOfWeek}, {TimeAgo}, with {NoteCountWithLabel}</a>
  448. {block:RebloggedFrom}
  449. <br> <a href="{ReblogParentURL}">via {ReblogParentName}</a>
  450. {block:ContentSource} . <a href="{ReblogRootURL}" >source {ReblogRootName}</a>{/block:ContentSource}
  451. {/block:RebloggedFrom}
  452. {block:HasTags}
  453. <br><div class="tags">
  454. {block:Tags}
  455. <a href="{TagURL}">#{Tag}</a>
  456. {/block:Tags}
  457. </div>
  458. {/block:HasTags}
  459. {/block:permalinkpage}
  460.  
  461. </div>
  462. {/block:date}
  463.  
  464.  
  465. {block:PostNotes}{PostNotes}{/block:PostNotes}
  466. </div>
  467. {/block:Posts}
  468. </div>
  469.  
  470. {block:indexpage}
  471. <footer>
  472. {block:ifloadmore}
  473. <a id="more" style="cursor:help">load more posts</a>
  474. {/block:ifloadmore}
  475.  
  476. {block:Pagination}<div id="pagination">{block:previouspage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:nextpage}</div>{/block:Pagination}
  477. </footer>
  478. {/block:indexpage}
  479.  
  480. </div>
  481.  
  482. {block:ContentSource}<!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}” width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  483.  
  484. <div id="fuckchad"><a href="http://odeysseus.tumblr.com">O</a></div>
  485.  
  486. {block:ifscrolltotop}
  487. <div class="sc"> <a href="#">scroll to top</a></div>
  488. {/block:ifscrolltotop}
  489.  
  490. {block:indexpage}{block:ifinfinitescroll}
  491. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  492. {/block:ifinfinitescroll}{/block:indexpage}
  493.  
  494. <script>
  495. $(document).ready(function(){
  496. $('a.bio').click(function() {
  497. $('.abt').fadeToggle(300);
  498. });
  499. $('a.nav').click(function() {
  500. $('.link').fadeToggle(300);
  501. });
  502. var $container = $('.entries');
  503. {block:ifinfinitescroll}
  504. $container.infinitescroll({
  505. itemSelector: '.posts',
  506. navSelector: '#pagination',
  507. nextSelector: '.next',
  508. loadingImg: '',
  509. loadingText: '',
  510. doneText: 'no more posts',
  511. bufferPx: 2000,
  512. {block:ifloadmore}
  513. errorCallback: function () {
  514. jQuery ('a#more').delay(50).fadeOut();
  515. $('.posts').last().after($('a#more'));
  516. }
  517. {/block:ifloadmore}
  518. },
  519. function( newElements ) {
  520. var $newElems = $( newElements );
  521. $newElems.find('.photo-slideshow').pxuPhotoset({
  522. lightbox: true,
  523. rounded: false,
  524. gutter: '1px',
  525. photoset: '.photo-slideshow',
  526. photoWrap: '.photo-data',
  527. photo: '.pxu-photo'
  528. })
  529. resizeVideos();
  530. $newElems.find('iframe.tumblr_audio_player').load( function() {
  531. $('iframe.tumblr_audio_player').contents().find("head")
  532. .append($("<style type='text/css'> .audio-player{background:#fff !important} </style>"));
  533. });
  534. });
  535.  
  536. {block:ifloadmore}
  537. $(window).unbind('.infscr');
  538. $('a#more').click(function(){
  539. $container.infinitescroll('retrieve');return false;
  540. $('.posts').last().after($('a#more'));
  541. });
  542. {/block:ifloadmore}
  543. {/block:ifinfinitescroll}
  544. });
  545. </script>
  546. </body>
  547.  
  548. </html>
Advertisement
Add Comment
Please, Sign In to add comment