Advertisement
sorrism

father

Aug 20th, 2015
31,496
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.35 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme: father -- updated 13.7.2017
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16.  
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--Default Variables-->
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#cccccc"/>
  24. <meta name="color:Link" content="#a7a7a7"/>
  25. <meta name="color:Title" content="#000000"/>
  26. <meta name="color:Scrollbar" content="#d5d5d5" />
  27. <meta name="color:Borders" content="#eeeeee"/>
  28. <meta name="color:Accents" content="#fbfbfb"/>
  29.  
  30. <meta name="text:Link 1 URL" content=""/>
  31. <meta name="text:Link 1" content=""/>
  32. <meta name="text:Link 2 URL" content=""/>
  33. <meta name="text:Link 2" content=""/>
  34. <meta name="text:Link 3 URL" content=""/>
  35. <meta name="text:Link 3" content=""/>
  36.  
  37. <meta name="text:Ask Title" content="message"/>
  38. <meta name="text:Archive Title" content="archive"/>
  39.  
  40. <meta name="if:Infinite Scroll" content="1"/>
  41. <meta name="if:Manual Load" content="0"/>
  42. <meta name="if:Numbered Links" content="1"/>
  43. <meta name="if:Hide Captions" content="0"/>
  44. <meta name="if:Hide Tags" content="0"/>
  45.  
  46. <meta name="text:Subtitle" content="some text"/>
  47.  
  48. <meta name="image:Icon" content=""/>
  49.  
  50. <meta name="select:Post Width" content="325" title="325px"/>
  51. <meta name="select:Post Width" content="350" title="350px"/>
  52. <meta name="select:Post Width" content="400" title="400px"/>
  53. <meta name="select:Post Width" content="450" title="450px"/>
  54. <meta name="select:Post Width" content="500" title="500px"/>
  55. <meta name="select:Post Width" content="540" title="540px"/>
  56.  
  57. <!--CSS customization here. -->
  58.  
  59. <link href='//static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/inconsolata:n5,n7.js"></script>
  60.  
  61. <style type="text/css">
  62.  
  63. /*tumblr controls and lightbox*/
  64.  
  65. .tmblr-lightbox img {opacity:0;}
  66.  
  67. .lightbox-caption {
  68. color:{color:title}!important;
  69. font-family:inherit!important;
  70. font-size:1em!important;
  71. font-weight:normal!important;
  72. text-shadow:none!important;
  73. }
  74.  
  75. .lightbox-image {
  76. -moz-box-shadow:none!important;
  77. -webkit-box-shadow:none!important;
  78. box-shadow:none!important;
  79. -moz-border-radius:0px!important;
  80. -webkit-border-radius:0px!important;
  81. border-radius:0px!important;
  82. padding:0px!important;
  83. opacity:1!important;
  84. }
  85.  
  86. .vignette {opacity:0!Important;}
  87.  
  88. #tumblr_controls,
  89. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  90. white-space:nowrap!important;
  91. -webkit-filter:invert(100%)!important;
  92. -moz-filter:invert(100%)!important;
  93. -ms-filter:invert(100%)!important;
  94. -o-filter:invert(100%)!important;
  95. filter:invert(100%)!important;
  96. top:10px!important;
  97. right:10px!important;
  98. opacity:.5!important;
  99. position:fixed!important;
  100. }
  101.  
  102. /*tooltip*/
  103.  
  104. .ui-tooltip {
  105. position:Absolute;
  106. z-index:9999;
  107. padding-top:15px;
  108. }
  109.  
  110. .ui-tooltip-content {
  111. background:{color:background};
  112. padding:.5em 5px;
  113. border:1px solid {color:borders};
  114. text-transform:lowercase;
  115. }
  116.  
  117. /*scrollbar*/
  118.  
  119. ::-webkit-scrollbar {
  120. height:11px;
  121. width:11px;
  122. background:{color:background};
  123. }
  124.  
  125. ::-webkit-scrollbar-track {
  126. background:{color:borders};
  127. border:5px solid {color:background};
  128. }
  129.  
  130. ::-webkit-scrollbar-thumb{
  131. border:5px solid {color:background};
  132. background:{color:scrollbar};
  133. }
  134.  
  135. /*basics*/
  136.  
  137. body {
  138. background:{color:background};
  139. color:{color:text};
  140. font:10px/1.5em pt-mono,consolas,monospace;
  141. position:relative;
  142. word-wrap:break-word;
  143. text-align:left;
  144. margin:0;
  145. -moz-osx-font-smoothing:grayscale;
  146. -webkit-font-smoothing:antialiased;
  147. font-smoothing:antialiased;
  148. }
  149.  
  150. a {
  151. color:{color:text};
  152. text-decoration:none;
  153. }
  154.  
  155. a, a img {cursor:pointer;}
  156.  
  157. a:hover {
  158. color:{color:link}!important;
  159. border-color:{color:link}!important;
  160. }
  161.  
  162. .tex a, .title a, nav a, #permalink a {border-bottom:1px solid {color:borders};}
  163.  
  164. img {
  165. opacity:1;
  166. border:0;
  167. text-decoration:none;
  168. max-width:100%;
  169. height:auto;
  170. display:block;
  171. }
  172.  
  173. blockquote {
  174. border-left:1px solid {color:borders};
  175. padding:.25em 0 .25em 15px;
  176. margin:1em 0;
  177. }
  178.  
  179. pre {
  180. padding:0;
  181. margin:0;
  182. line-height:inherit!important;
  183. background:transparent;
  184. font-family:inherit!Important;
  185. white-space:pre-wrap;
  186. white-space:-moz-pre-wrap;
  187. white-space:-pre-wrap;
  188. white-space:-o-pre-wrap;
  189. word-wrap:break-word;
  190. }
  191.  
  192. p {margin:.5em 0;}
  193.  
  194. p:first-of-type {margin-top:0;}
  195.  
  196. p:last-of-type {margin-bottom:0;}
  197.  
  198. b, strong, b a, strong a {
  199. font-weight:600;
  200. color:{color:title};
  201. }
  202.  
  203. ol, ul {
  204. list-style:none;
  205. padding-left:15px;
  206. }
  207.  
  208. li {
  209. padding-left:15px;
  210. position:relative;
  211. }
  212.  
  213. li:before {
  214. content:'\00BB';
  215. position:Absolute;
  216. left:0px;
  217. }
  218.  
  219.  
  220. .chat li:before, .comment:before {display:none;}
  221.  
  222. small, big, sub, pre {
  223. font-size:1em!important;
  224. line-height:1.5em!important;
  225. vertical-align:top!important;
  226. }
  227.  
  228. h1, h2, h3, h4 {
  229. font-size:1em;
  230. line-height:1.5em;
  231. margin:.5em 0;
  232. padding:0;
  233. color:{color:title};
  234. font-weight:600;
  235. }
  236.  
  237. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  238.  
  239. hr {
  240. border:none;
  241. box-shadow:0;
  242. margin:1em 0;
  243. width:33%;
  244. border-top:1px solid {color:borders};
  245. }
  246.  
  247. header, article, footer {
  248. -webkit-animation-name: fade-in;
  249. -webkit-animation-duration: 1.5s;
  250. }
  251.  
  252. /*side*/
  253.  
  254. header {
  255. position:relative;
  256. width:{select:post width}px;
  257. margin:150px auto 50px auto;
  258. }
  259.  
  260. .tai {
  261. {block:ifIconImage}
  262. margin-top:10px;
  263. {/block:ifIconImage}
  264. font:bold 1.6em/1em helvetica, arial;
  265. border:0;
  266. color:{color:title};
  267. margin-bottom:5px;
  268. }
  269.  
  270. .sub {display:block;}
  271.  
  272. .i {
  273. display:inline-block;
  274. position:absolute;
  275. left:-95px;
  276. top:-5px;
  277. }
  278.  
  279. .i img {
  280. width:65px;
  281. height:65px;
  282. -moz-border-radius:100%;
  283. -webkit-border-radius:100%;
  284. border-radius:100%;
  285. display:block;
  286. }
  287.  
  288. nav {
  289. margin-top:15px;
  290. {block:ifnumberedlinks}
  291. margin-top:35px;
  292. {/block:ifnumberedlinks}
  293. }
  294.  
  295. nav a {
  296. margin-right:20px;
  297. counter-increment:link;
  298. position:relative;
  299. line-height:1.2em;
  300. display:inline-block;
  301. }
  302.  
  303. {block:ifnumberedlinks}
  304. nav a:before {
  305. content:counter(link, decimal-leading-zero);
  306. font-weight:bold;
  307. font-family:helvetica;
  308. color:{color:title};
  309. top:calc(-100% - 5px);
  310. position:Absolute;
  311. }
  312. {/block:ifnumberedlinks}
  313.  
  314. #d {margin-top:15px;}
  315.  
  316. /*pagination*/
  317.  
  318. {block:ifinfinitescroll}#pagination {display:none;}{/block:ifinfinitescroll}
  319.  
  320. footer a {
  321. display:inline-block;
  322. padding:.25em 4px;
  323. background:{color:accents};
  324. margin:0 15px;
  325. }
  326.  
  327. footer a:hover {color:{color:title};}
  328.  
  329. footer {
  330. {block:ifinfinitescroll}
  331. {block:ifnotmanualload}
  332. display:none;
  333. {/block:ifnotmanualload}
  334. {/block:ifinfinitescroll}
  335. text-align:center;
  336. margin:0 auto 100px auto;
  337. width:{select:post width}px;
  338. }
  339.  
  340. #infscr-loading {display:none!important;}
  341.  
  342. .nice {
  343. position:fixed;
  344. right:15px;
  345. font-family:helvetica;
  346. bottom:15px;
  347. }
  348.  
  349. /*posts*/
  350.  
  351. section {
  352. margin:0px auto;
  353. position:relative;
  354. width:{select:post width}px;
  355. }
  356.  
  357. .posts {
  358. width:{select:post width}px;
  359. margin-bottom:75px;
  360. position:relative;
  361. }
  362.  
  363. .ph {
  364. position:relative;
  365. overflow:hidden;
  366. }
  367.  
  368. .yu .ph {margin-bottom:15px;}
  369.  
  370. .ph img {
  371. width:100%;
  372. display:block;
  373. }
  374.  
  375. .video * {
  376. display:block;
  377. min-width:100%;
  378. }
  379.  
  380. a.read_more {text-transform:lowercase;}
  381.  
  382. /*titles*/
  383.  
  384. .title {
  385. color:{color:title};
  386. font-size:1.2em;
  387. line-height:1.5em;
  388. }
  389.  
  390. .title a {color:{color:title};}
  391.  
  392. .title a:hover {color:{color:link};}
  393.  
  394. .quote {
  395. padding:15px;
  396. background:{color:accents};
  397. }
  398.  
  399. .source {margin:15px 0 0 15px;}
  400.  
  401. /*captions*/
  402.  
  403. .comment {
  404. margin:0 0 5px 0;
  405. padding:0;
  406. list-style:none;
  407. }
  408.  
  409. .comment:last-of-type {margin-bottom:0!important;}
  410.  
  411. {block:indexpage}.hide {display:none;}{/block:indexpage}
  412.  
  413. .user {
  414. display:inline;
  415. float:left;
  416. }
  417.  
  418. .user, .user a {color:{color:title};}
  419.  
  420. .user:after {content:'\00a0';}
  421.  
  422. .ted {padding-top:15px;}
  423.  
  424. .ted ~ .ted {padding-top:0px;}
  425.  
  426. /*audio*/
  427.  
  428. .player {
  429. width:25px;
  430. height:24px;
  431. position:absolute;
  432. left:10px;
  433. top:calc(50% - 15px);
  434. display:block;
  435. overflow:hidden;
  436. }
  437.  
  438. .hold {
  439. position:relative;
  440. background:{color:accents};
  441. display:block;
  442. min-height:24px;
  443. padding:15px;
  444. }
  445.  
  446. .audio_info {
  447. vertical-align:middle;
  448. line-height:12px;
  449. margin-left:45px;
  450. max-width:calc(100% - 75px);
  451. }
  452.  
  453. .audio_info span {
  454. white-space:nowrap;
  455. overflow:hidden;
  456. text-overflow:ellipsis;
  457. display:block;
  458. }
  459.  
  460. .hold .track {
  461. font-weight:600;
  462. color:{color:title};
  463. }
  464.  
  465. /*asks*/
  466.  
  467. .q {
  468. padding:15px;
  469. background:{color:accents};
  470. }
  471.  
  472. .as:before, .source:before, .t:before {
  473. content:'';
  474. display:inline-block;
  475. vertical-align:middle;
  476. width:15px;
  477. height:1px;
  478. background:{color:borders};
  479. margin-right:5px;
  480. }
  481.  
  482. .as {
  483. margin:15px 0 15px 15px;
  484. text-transform:lowercase;
  485. }
  486.  
  487. /*chats*/
  488.  
  489. .chat {
  490. margin:0;
  491. padding:0;
  492. list-style:none;
  493. text-align:left;
  494. }
  495.  
  496. .l {padding:5px 0;}
  497.  
  498. .l:first-of-type {padding-top:0;}
  499.  
  500. .l:last-of-type {padding-bottom:0;}
  501.  
  502. .label {
  503. color:{color:title};
  504. display:inline-block;
  505. }
  506.  
  507. /*permalink and notes*/
  508.  
  509. #permalink {margin-top:15px;}
  510.  
  511. #permalink span {display:block;}
  512.  
  513. .when {
  514. margin-top:10px;
  515. width:{select:post width}px;
  516. overflow:hidden;
  517. padding-top:5px;
  518. text-transform:lowercase;
  519. }
  520.  
  521. .when span {display:block;}
  522.  
  523. .w {
  524. margin-right:15px;
  525. float:left;
  526. }
  527.  
  528. .tags {
  529. width:100%;
  530. {block:ifHideTags}
  531. display:none!important;
  532. {/block:ifHideTags}
  533. }
  534.  
  535. .w a:first-of-type::before {
  536. position:absolute;
  537. top:-4px;
  538. width:100%;
  539. height:1px;
  540. content:'';
  541. background:{color:borders};
  542. }
  543.  
  544. .when a {
  545. position:relative;
  546. display:inline-block;
  547. margin-right:5px;
  548. }
  549.  
  550. .tags a {display:inline;}
  551.  
  552. .boop a {border:0;}
  553.  
  554. .noted:after {
  555. content:',';
  556. }
  557.  
  558. .pagenotes {text-transform:lowercase;}
  559.  
  560. .pagenotes li:before {display:none;}
  561.  
  562. ol.notes {
  563. list-style-type:none;
  564. margin:0;
  565. padding:15px;
  566. background:{color:accents};
  567. }
  568.  
  569. ol.notes li.note {
  570. display:block;
  571. padding-left:0;
  572. margin:2.5px 0;
  573. }
  574.  
  575. ol.notes li.note:before {
  576. content:' ';
  577. display:inline-block;
  578. vertical-align:middle;
  579. height:100%;
  580. }
  581.  
  582. ol.notes li.note img.avatar {display:none!Important;}
  583.  
  584. .t {
  585. display:block;
  586. margin-bottom:15px;
  587. }
  588.  
  589. .more_notes_link, .notes_loading {
  590. display:block;
  591. text-align:left!important;
  592. color:{color:title};
  593. }
  594.  
  595. {CustomCSS}
  596.  
  597. </style>
  598. </head>
  599.  
  600. <body>
  601.  
  602.  
  603. <header>{block:ifIconImage}<a class="i" href="/"><img src="{image:Icon}"/></a>{/block:ifIconImage}<a href="/" class="tai">{title}</a>{block:ifSubtitle}<span class="sub">{text:subtitle}</span>{/block:ifSubtitle}<nav>{block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}{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:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}</nav><div id="d">{description}</div>
  604. </header>
  605.  
  606. <section>{block:Posts}<article class="posts {block:caption} yu {/block:caption}" id="{PostId}">
  607.  
  608. {block:Quote}<div class="tex"><div class="quote title">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  609.  
  610. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}
  611. {block:RebloggedFrom}{block:Reblogs}<li class="comment {block:Title}ted{/block:Title}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}:</a><div class="tex">{body}</div></li>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="comment {block:Title}ted{/block:Title}"><div class="tex">{body}</div></li>{/block:NotReblog}{/block:Text}
  612.  
  613. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  614. {block:Description}{block:NotReblog}<li class="comment ted"><div class="tex">{description}</div></li>{/block:NotReblog}{/block:Description}{block:RebloggedFrom}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}:</a><div class="tex">{body}</div></li>{/block:Reblogs}{/block:RebloggedFrom}{/block:Link}
  615.  
  616. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<ol class="chat {block:Title}ted{/block:Title}">{block:Lines}<li class="l">{block:label}<span class="label">{Label}</span>{/block:label} {Line}</li>{/block:Lines}</ol>{/block:Chat}
  617.  
  618. <div class="media"><div class="ph">
  619. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:Photo}
  620.  
  621. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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:Photoset}
  622.  
  623. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  624.  
  625. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  626.  
  627. </div>
  628.  
  629. {block:caption}{block:RebloggedFrom}{block:Reblogs}<li class="comment {block:ifhidecaptions}hide{/block:ifhidecaptions}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}:</a><div class="tex">{body}</div></li>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="comment {block:ifhidecaptions}hide{/block:ifhidecaptions}"><div class="tex">{Caption}</div></li>{/block:NotReblog}{/block:caption}
  630.  
  631. </div>
  632.  
  633. {block:Answer}<div class="q">{Question}</div><div class="as">sent by {Asker}</div>{block:answerer}<li class="comment"><div class="user">{answerer} replied:</div><div class="tex">{answer}</div></li>{/block:Answerer}{block:NotReblog}<li class="comment"><div class="tex" style="margin-top:0;">{replies}</div></li>{/block:NotReblog}{block:rebloggedfrom}{block:reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}: </a><div class="tex">{body}</div></li>{/block:Reblogs}{/block:rebloggedfrom}{/block:Answer}
  634.  
  635. {block:Date}{block:indexpage}<div class="when"><span class="w"><a href="{Permalink}" target="_blank">posted on {dayofweek}</a><br>{block:notecount}<a href="{permalink}" class="noted">{notecount}</a>{/block:notecount}<a href="{ReblogURL}" target="_blank" class="r">reblog</a></span>{block:HasTags}<span class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>{/block:indexpage}{block:permalinkpage}<div id="permalink"><span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>{block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}{block:HasTags}<span class="boop">Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>{/block:permalinkpage}{/block:Date}
  636.  
  637. {block:PostNotes}<article class="pagenotes"><div class="t">{NoteCountWithLabel}</div>{PostNotes}</article>{/block:PostNotes}
  638.  
  639. </article>{/block:Posts}
  640.  
  641. </section>
  642.  
  643. {block:Pagination}<footer><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}<div id="more"><a class="load">load more</a></div>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:Pagination}
  644.  
  645.  
  646.  
  647. <!-- jquery -->
  648.  
  649. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  650. <script>
  651. $(document).ready(function(){
  652. $('body').tooltip({track:true});
  653. $('.photo-slideshow').pxuPhotoset({
  654. lightbox: true,
  655. rounded: false,
  656. gutter: '3px',
  657. photoset: '.photo-slideshow',
  658. photoWrap: '.photo-data',
  659. photo: '.pxu-photo'
  660. });
  661. $('p').filter(function (){return $.trim(this.innerHTML) == ""}).remove();
  662. $('iframe.tumblr_audio_player').load( function() {
  663. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents} !important} </style>"));
  664. });
  665. {block:indexpage}
  666. $('article').find('.noted').each(function(){
  667. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  668. if (n > 999) {
  669. n = Math.floor(n / 100) / 10;
  670. $(this).text(n + 'k notes');
  671. }
  672. else if (n <= 999) {$(this).text(n + ' notes');}
  673. else {$(this).text(n + ' note');}
  674. });
  675. var $container = $('section');
  676. $container.infinitescroll({
  677. itemSelector: 'article',
  678. navSelector: '#pagination',
  679. nextSelector: '#pagination a',
  680. loadingImg: '',
  681. loadingText: '<em></em>',
  682. bufferPx: 3000
  683. },
  684. function( newElements ) {
  685. var $newElems = $( newElements );
  686. $newElems.find('.photo-slideshow').pxuPhotoset({
  687. lightbox: true,
  688. rounded: false,
  689. gutter: '3px',
  690. photoset: '.photo-slideshow',
  691. photoWrap: '.photo-data',
  692. photo: '.pxu-photo'
  693. });
  694. $newElems.find('.noted').each(function(){
  695. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  696. if (n > 999) {
  697. n = Math.floor(n / 100) / 10;
  698. $(this).text(n + 'k notes');
  699. }
  700. else if (n <= 999) {$(this).text(n + ' notes');}
  701. else {$(this).text(n + ' note');}
  702. });
  703. resizeVideos();
  704. $newElems.find('p').filter(function (){return $.trim(this.innerHTML) == ""}).remove();
  705. $newElems.find('iframe.tumblr_audio_player').load(function(){
  706. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents}!important} </style>"));
  707. });
  708. });
  709. {block:ifmanualload}
  710. $(window).unbind('.infscr');
  711. $('.load').click(function(){
  712. $('footer').fadeTo("400", 0);
  713. $container.delay(400).infinitescroll('retrieve').parent('body').find('#more').parent().delay(400).fadeTo("400", 1);
  714. });
  715. {/block:ifmanualload}
  716. {/block:indexpage}
  717. });
  718. </script>
  719.  
  720.  
  721. {block:ContentSource}
  722. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  723. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  724. {/block:SourceLogo}
  725. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  726. {/block:ContentSource}
  727. <a href="http://sorrism.tumblr.com" target="_blank" class="nice">@</a>
  728. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement