API tools faq
paste
alydae

kairos

alydae
Dec 25th, 2018 (edited)
21,325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. KAIROS
  7. by alydae
  8.  
  9. released: december 28, 2018
  10. last updated: november 19, 2024
  11.  
  12. - this theme DOES support npf posts/new post type.
  13. it may look weird in the customise panel
  14. but it will be fine once you exit and view your blog.
  15.  
  16. - do not steal any part of this code
  17. - do not even TOUCH the credit
  18. - direct questions to enchantedthemes.tumblr.com
  19.  
  20. thank you for using!!!
  21.  
  22. -->
  23.  
  24. <title>{block:TagPage}#{Tag} : {/block:TagPage}{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26.  
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <meta name="color:background" content="#ffffff"/>
  31. <meta name="color:text" content="#666666"/>
  32. <meta name="color:links" content="#444444"/>
  33. <meta name="color:links hover" content="#bad0f1"/>
  34. <meta name="color:light accent" content="#fafafa" />
  35. <meta name="color:dark accent" content="#aaaaaa" />
  36. <meta name="color:title" content="#000000" />
  37. <meta name="color:border" content="#eeeeee"/>
  38.  
  39. <meta name="select:font size" content="10px"/>
  40. <meta name="select:font size" content="11px"/>
  41. <meta name="select:font size" content="12px"/>
  42.  
  43. <meta name="select:font" content="Open Sans"/>
  44. <meta name="select:font" content="Karla"/>
  45. <meta name="select:font" content="Lato"/>
  46. <meta name="select:font" content="Roboto"/>
  47.  
  48. <meta name="if:hover tags" content=""/>
  49. <meta name="if:hover like on index" content=""/>
  50. <meta name="if:hide captions" content=""/>
  51. <meta name="if:scroll to top" content=""/>
  52. <meta name="if:infinite scroll" content=""/>
  53. <meta name="if:load more" content=""/>
  54.  
  55. <meta name="text:post width" content="400"/>
  56. <meta name="text:margin" content="100"/>
  57.  
  58. <meta name="text:link 1 title" content="link 1"/>
  59. <meta name="text:link 1 url" content=""/>
  60. <meta name="text:link 2 title" content="link 2"/>
  61. <meta name="text:link 2 url" content=""/>
  62. <meta name="text:link 3 title" content="link 3"/>
  63. <meta name="text:link 3 url" content=""/>
  64.  
  65. <link href=“//use.fontawesome.com/releases/v6.5.1/css/all.css” rel=“stylesheet”>
  66. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  67. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  68.  
  69. <!-- custom font -->
  70.  
  71. <link href="https://fonts.googleapis.com/css?family={select:font}:300,400,600,700,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. @keyframes fadein {
  77. from { opacity:0; }
  78. to { opacity:1; }
  79. }
  80.  
  81. @-moz-keyframes fadein {
  82. from { opacity:0; }
  83. to { opacity:1; }
  84. }
  85.  
  86. @-webkit-keyframes fadein {
  87. from { opacity:0; }
  88. to { opacity:1; }
  89. }
  90.  
  91. @-ms-keyframes fadein {
  92. from { opacity:0; }
  93. to { opacity:1; }
  94. }
  95.  
  96. @-o-keyframes fadein {
  97. from { opacity:0; }
  98. to { opacity:1; }
  99. }
  100.  
  101. /*-- selection --*/
  102.  
  103. ::-moz-selection { background:rgba({RGBcolor:links hover},0.1); color:{color:title}; }
  104. ::selection { background:rgba({RGBcolor:links hover},0.1); color:{color:title}; }
  105.  
  106. /*-- scrollbar --*/
  107.  
  108. ::-webkit-scrollbar {
  109. width:2px;
  110. height:8px;
  111. }
  112.  
  113. ::-webkit-scrollbar-thumb {
  114. background-color:{color:dark accent};
  115. }
  116.  
  117. /*-- tooltips --*/
  118.  
  119. #s-m-t-tooltip {
  120. color:{color:text};
  121. background-color:{color:light accent};
  122. border:1px solid {color:border};
  123. font-size:calc({select:font size} - 2px);
  124. font-family:{select:font}, helvetica, sans-serif;
  125. letter-spacing:0.5px;
  126. text-transform:uppercase;
  127. text-align:center;
  128. position:absolute;
  129. padding:0px 5px 0px 5px;
  130. margin-top:30px;
  131. z-index:99999999!important;
  132. }
  133.  
  134. /*-- tumblr controls --*/
  135.  
  136. iframe.tmblr-iframe {
  137. z-index:9999999!important;
  138. top:4px!important;
  139. right:0!important;
  140. opacity:0;
  141. padding-right:60px;
  142. /* delete from here */
  143. filter:invert(1) hue-rotate(180deg);
  144. -webkit-filter:invert(1) hue-rotate(180deg);
  145. -o-filter:invert(1) hue-rotate(180deg);
  146. -moz-filter:invert(1) hue-rotate(180deg);
  147. -ms-filter:invert(1) hue-rotate(180deg);
  148. /* to here if your blog has a dark background */
  149. transform:scale(0.6);
  150. transform-origin:100% 0;
  151. transition: opacity 0.6s ease-in-out;
  152. -moz-transition: opacity 0.6s ease-in-out;
  153. -webkit-transition: opacity 0.6s ease-in-out;
  154. -webkit-transform:scale(0.6);
  155. -webkit-transform-origin:100% 0;
  156. -o-transform:scale(0.6);
  157. -o-transform-origin:100% 0;
  158. -moz-transform:scale(0.6);
  159. -moz-transform-origin:100% 0;
  160. -ms-transform:scale(0.6);
  161. -ms-transform-origin:100% 0;
  162. }
  163.  
  164. iframe.tmblr-iframe:hover { opacity:0.4!important; }
  165.  
  166. /*-- lightbox --*/
  167.  
  168. #tumblr_lightbox, .tmblr-lightbox {
  169. background:rgba({RGBcolor:background},0.85)!important;
  170. z-index:999999!important;
  171. }
  172.  
  173. #vignette, .vignette { opacity:0; }
  174.  
  175. #tumblr_lightbox img, .lightbox-image {
  176. box-shadow:none!important;
  177. border-radius:0!important;
  178. }
  179.  
  180. #tumblr_lightbox_caption, .lightbox-caption { visibility:hidden; }
  181.  
  182. /*-- common --*/
  183.  
  184. a, a:hover, a b, a b:hover, a strong, a strong:hover, .controls .lnr, .controls .lnr:hover, .controls, .tags, .like_button:hover + .lnr, div.npf-link-block .poster .title, div.npf-link-block .bottom .site-name {
  185. transition-duration: 0.6s;
  186. -moz-transition-duration: 0.6s;
  187. -webkit-transition-duration: 0.6s;
  188. -o-transition-duration: 0.6s
  189. }
  190.  
  191. /*-- general customisation --*/
  192.  
  193. body {
  194. color:{color:text};
  195. background-color:{color:background};
  196. font-style:normal;
  197. font-family:{select:font}, helvetica, sans-serif;
  198. font-size:{select:font size};
  199. font-weight:400;
  200. text-decoration:none;
  201. line-height:180%;
  202. word-wrap:break-word;
  203. -moz-osx-font-smoothing: grayscale;
  204. -webkit-font-smoothing: antialiased;
  205. font-smoothing: antialiased;
  206. -webkit-animation: fadein 1.5s;
  207. -moz-animation: fadein 1.5s;
  208. -o-animation: fadein 1.5s;
  209. animation: fadein 1.5s;
  210. }
  211.  
  212. a, .controls .lnr {
  213. text-transform:lowercase;
  214. text-decoration:none;
  215. color:{color:links};
  216. }
  217.  
  218. a:hover, .controls .lnr:hover, a b:hover, a strong:hover {
  219. color:{color:links hover}!important;
  220. cursor:pointer;
  221. }
  222.  
  223. i, em { font-style:italic; }
  224. b, strong { color:{color:title}; font-weight:600; }
  225.  
  226. small { font-size:calc({select:font size} - 0.5px); }
  227. big { font-size:calc({select:font size} + 1px); }
  228.  
  229. blockquote {
  230. padding-left:10px;
  231. margin-left:0px;
  232. margin-right:0;
  233. border-left:1px solid {color:border};
  234. word-wrap:break-word;
  235. }
  236.  
  237. blockquote blockquote { border-left:1px solid {color:border}; }
  238.  
  239. h1, h2, h3, h4, h5, h6, .t, .poll-post .poll-question {
  240. color:{color:title};
  241. text-transform:uppercase!important;
  242. text-align:left;
  243. font-weight:bold;
  244. letter-spacing:1px;
  245. font-size:calc({select:font size} + 1px);
  246. }
  247.  
  248. .t {
  249. padding:10px;
  250. font-size:calc({select:font size} + 2px);
  251. }
  252. .t a { text-transform:uppercase!important; }
  253.  
  254. hr {
  255. width:25%;
  256. background:{color:links hover}!important;
  257. border:none!important;
  258. margin-top:15px!important;
  259. margin-bottom:15px!important;
  260. height:2px;
  261. }
  262.  
  263. pre {
  264. white-space:pre-wrap;
  265. white-space:-moz-pre-wrap;
  266. white-space:-pre-wrap;
  267. white-space:-o-pre-wrap;
  268. word-wrap:break-word;
  269. background-color:#fff;
  270. padding:5px;
  271. }
  272.  
  273. /*-- sidebar --*/
  274.  
  275. sidebar { top:{text:margin}px; position:fixed; width:160px;
  276. z-index:99; /* added */
  277. }
  278.  
  279. .icon {
  280. float:left;
  281. margin-left:-27.5px;
  282. margin-top:-20px;
  283. position:absolute;
  284. }
  285.  
  286. .icon img { height:55px; width:55px; border-radius:100%; }
  287.  
  288. .title {
  289. font-size:12px;
  290. font-weight:700;
  291. text-transform:uppercase;
  292. text-align:right!important;
  293. letter-spacing:2px;
  294. line-height:100%;
  295. padding:7px;
  296. padding-right:5px;
  297. color:{color:title};
  298. background:{color:light accent};
  299. border-top:1px solid {color:border};
  300. border-left:1px solid {color:border};
  301. border-right:1px solid {color:border};
  302. border-bottom:2px solid {color:dark accent};
  303. }
  304.  
  305. .url {
  306. text-align:right;
  307. font-style:italic;
  308. padding-top:5px;
  309. padding-right:5px;
  310. letter-spacing:0.5px;
  311. }
  312.  
  313. .desc {
  314. margin-top:5px;
  315. padding:5px;
  316. text-align:right;
  317. background:{color:light accent};
  318. border:1px solid {color:border};
  319. }
  320.  
  321. .links { margin-top:10px; column-count:2; }
  322. .links a { display:block; }
  323. .links .lnr { margin-right:7px; }
  324.  
  325. /*-- posts --*/
  326.  
  327. #main {
  328. margin:0 auto;
  329. width:calc(160px + {text:margin}px + {text:post width}px + 30px);
  330. }
  331.  
  332. #entries {
  333. margin-top:{text:margin}px;
  334. margin-left:calc(160px + {text:margin}px);
  335. width:calc({text:post width}px + 30px);
  336. }
  337.  
  338. .posts {
  339. width:{text:post width}px;
  340. margin-bottom:{text:margin}px;
  341. }
  342.  
  343. ul li {
  344. list-style:none;
  345. position:relative;
  346. padding-left:25px;
  347. margin-left:-25px;
  348. }
  349.  
  350. ul li:before {
  351. content:"——";
  352. color:#bbb;
  353. letter-spacing:-1px;
  354. position:absolute;
  355. left:0;
  356. }
  357.  
  358. li, .posts blockquote, .posts img { max-width:100%; height:auto; }
  359.  
  360. .c {
  361. border:1px solid {color:border};
  362. background:{color:light accent};
  363. word-wrap:break-word;
  364. }
  365.  
  366. .c a { border-bottom:1px solid {color:border}; }
  367. a.post_media_photo_anchor, .npf-link-block a { border-bottom:none!important; }
  368.  
  369. .c, .txt {
  370. padding:0px 10px 0px 10px;
  371. {block:AskPage}padding:10px 10px 5px 10px;{/block:AskPage}
  372. {block:SubmitPage}padding:10px 10px 5px 10px;{/block:SubmitPage}
  373. }
  374.  
  375. {block:IndexPage}{block:ifhidecaptions}
  376. .c { display:none; }
  377. .txt { display:block!important; }
  378. {/block:ifhidecaptions}{/block:IndexPage}
  379.  
  380. .tmblr-full {
  381. margin-left:-10px;
  382. margin-right:-10px;
  383. margin-bottom:-6px;
  384. display:block!important;
  385. }
  386.  
  387. .tmblr-full img { width:100%!important; }
  388.  
  389. .post-reblog-trail-item.original-reblog-content p:empty { display:none; }
  390.  
  391. .tmblr-attribution {
  392. margin-top:-5px!important;
  393. margin-bottom:6px;
  394. padding:5px 10px;
  395. text-align:right;
  396. background:{color:background};
  397. }
  398.  
  399. .tmblr-attribution a {
  400. text-transform:lowercase;
  401. border:none!important;
  402. font-style:italic;
  403. }
  404.  
  405. .tmblr-attribution:after {
  406. content:'>';
  407. float:right;
  408. padding-left:7px;
  409. font-weight:700;
  410. display:inline;
  411. }
  412.  
  413. .tmblr-attribution:hover {
  414. background:{color:background};
  415. cursor:pointer;
  416. }
  417.  
  418. .npf_photoset {
  419. margin-left:-10px;
  420. margin-right:-10px;
  421. margin-top:0px;
  422. }
  423.  
  424. .post-tumblelog-name ~ .npf_photoset { margin-top:10px; }
  425.  
  426. .npf_image { margin-bottom:-6px; }
  427.  
  428. .original-reblog-content .post-tumblelog-name { display:none; }
  429. .post-tumblelog-name, a.answerer, .source a {
  430. background:{color:background};
  431. border:1px solid {color:border};
  432. padding:5px 7px;
  433. font-style:italic;
  434. }
  435.  
  436. .source {
  437. padding:10px;
  438. background:{color:light accent};
  439. border:1px solid {color:border};
  440. margin-bottom:-1px;
  441. }
  442.  
  443. .source img, .post-reblog-header img {
  444. height:20px;
  445. width:20px;
  446. border-radius:100%;
  447. float:left;
  448. margin-right:7px;
  449. display:none;
  450. }
  451.  
  452. .reblog-list { padding-top:0px; margin-top:0px; }
  453.  
  454. .post-reblog-trail-item {
  455. border-bottom:1px solid {color:border};
  456. padding-top:15px;
  457. }
  458.  
  459. .post-reblog-trail-item.original-reblog-content {
  460. margin-top:0px;
  461. padding-top:0px;
  462. }
  463.  
  464. .post-reblog-trail-item:last-of-type { border:none!important; }
  465.  
  466. .deactivated:after {
  467. content:'deactivated';
  468. position:absolute;
  469. margin-left:13px;
  470. opacity:0;
  471. transition:.4s ease-in-out;
  472. }
  473.  
  474. .posts:hover .deactivated:after { opacity:0.8; }
  475.  
  476. a.read_more { margin-left:42%; font-weight:600; font-style:italic; }
  477.  
  478. .poll-post .poll-question {
  479. font-size:calc({select:font size} + 4px);
  480. }
  481.  
  482. .poll-post a.poll-row {
  483. background-color:{color:background};
  484. border-radius:5px;
  485. border:1px solid {color:border};
  486. color:{color:links};
  487. font-size:{select:font size};
  488. font-weight:400;
  489. padding:5px 10px;
  490. margin:0 0 7px;
  491. min-height:0px;
  492. text-transform:lowercase;
  493. }
  494.  
  495. .poll-post a.poll-row:hover, .poll-post .poll-see-results:hover {
  496. background-color:{color:light accent};
  497. color:{color:links hover};
  498. }
  499.  
  500. .poll-post .poll-see-results {
  501. font-weight:700;
  502. text-transform:uppercase;
  503. background-color:{color:background};
  504. border-radius:5px;
  505. padding:5px 10px;
  506. margin:0 0 7px;
  507. letter-spacing:0.5px;
  508. border:1px solid {color:links hover};
  509. box-sizing: border-box;
  510. }
  511.  
  512. /*-- quote posts --*/
  513.  
  514. .quote, p.npf_quote {
  515. padding:10px;
  516. font-size:calc({select:font size} + 2px);
  517. font-style:italic;
  518. line-height:180%;
  519. text-align:center;
  520. }
  521.  
  522. .quotesource {
  523. text-align:center;
  524. padding:10px;
  525. background:{color:light accent};
  526. border:1px solid {color:border};
  527. }
  528.  
  529. /*-- link posts --*/
  530.  
  531. .npf-link-block {
  532. border-radius:0px!important;
  533. margin-top:15px;
  534. border:none!important;
  535. }
  536.  
  537. .npf-link-block:hover, div.npf-link-block>a:hover, .npf-link-block:hover .title, .npf-link-block:hover .bottom .site-name { color:{color:links hover}!important; }
  538.  
  539. div.npf-link-block>a { border-bottom:none!important; }
  540.  
  541. .npf-link-block .poster { height:200px!important; border-bottom:none!important; }
  542.  
  543. .npf-link-block .title {
  544. color:#fff;
  545. font-family:{select:font}, helvetica, sans-serif;
  546. text-transform:uppercase!important;
  547. font-weight:700!important;
  548. font-size:calc({select:font size} + 2px)!important;
  549. font-style:normal;
  550. margin:0!important;
  551. letter-spacing:0.5px;
  552. line-height:180%;
  553. }
  554.  
  555. div.npf-link-block .poster .title {
  556. width:{text:post width}px;
  557. line-height:180%;
  558. background:none;
  559. border:none;
  560. text-align:center!important;
  561. }
  562.  
  563. div.npf-link-block .poster .title:before {
  564. font-family:'FontAwesome';
  565. font-size:calc({select:font size} + 2px)!important;
  566. margin-right:7px;
  567. content:"\f0c1";
  568. }
  569.  
  570. div.npf-link-block .poster .title:after {
  571. content:">>";
  572. margin-left:7px;
  573. }
  574.  
  575. div.npf-link-block.no-poster .title { color:{color:links}; padding-bottom:15px!important; }
  576.  
  577. div.npf-link-block .poster:before { opacity:0.2!important; }
  578.  
  579. .npf-link-block .bottom {
  580. background-color:{color:background};
  581. border:1px solid {color:border};
  582. }
  583.  
  584. .npf-link-block .bottom .description {
  585. margin:0;
  586. padding:0;
  587. border:none;
  588. text-transform:none;
  589. line-height:180%!important;
  590. font-size:{select:font size}!important;
  591. text-align:left;
  592. font-style:italic;
  593. }
  594.  
  595. .npf-link-block .bottom .site-name {
  596. font-size:calc({select:font size} - 2px)!important;
  597. font-weight:600!important;
  598. letter-spacing:0px!important;
  599. line-height:100%!important;
  600. margin-top:5px!important;
  601. opacity:1!important;
  602. color:{color:links}!important;
  603. }
  604.  
  605. /*-- chat posts --*/
  606.  
  607. .chat { list-style:none; border:1px solid {color:border}; }
  608.  
  609. .line { border-bottom:1px solid {color:border}; }
  610. .line:last-of-type { border:none!important; }
  611.  
  612. .line.odd, .line.even { padding:10px; }
  613. .line.odd { background:{color:light accent}; }
  614.  
  615. .label {
  616. text-transform:uppercase;
  617. font-weight:600;
  618. color:{color:title};
  619. letter-spacing:1px;
  620. }
  621.  
  622. /*-- audio posts --*/
  623.  
  624. .audio {
  625. height:56px;
  626. background:{color:background};
  627. border-top:1px solid {color:border};
  628. border-right:1px solid {color:border};
  629. margin-left:56px;
  630. }
  631.  
  632. .playbox {
  633. width:56px;
  634. height:56px;
  635. position:absolute;
  636. float:left;
  637. background:#f2f2f2;
  638. border:1px solid {color:border};
  639. }
  640.  
  641. .playbutton {
  642. width:30px;
  643. height:30px;
  644. margin:13px;
  645. position:absolute;
  646. overflow:hidden;
  647. background:#f2f2f2;
  648. }
  649.  
  650. .trackdetails {
  651. padding:10px;
  652. width:auto;
  653. height:auto;
  654. font-size:calc({select:font size} + 1px);
  655. }
  656.  
  657. .trackdetails b { text-transform:capitalize; }
  658.  
  659. .spotify_audio_player { height:80px!important; width:100%; }
  660.  
  661. /*-- video posts --*/
  662.  
  663. .tumblr_video_container {
  664. width:auto!important;
  665. height:auto!important;
  666. position:relative;
  667. overflow:hidden;
  668. }
  669.  
  670. .c .embed_iframe { max-width:100%; height:auto!important; }
  671. iframe#youtube_iframe { margin-bottom:-5px!important; }
  672.  
  673. video {
  674. max-width:100%;
  675. height:auto!important;
  676. }
  677.  
  678. /*-- ask posts --*/
  679.  
  680. .question {
  681. position:relative;
  682. margin-right:60px;
  683. margin-left:10px;
  684. padding:10px;
  685. height:auto;
  686. text-align:right;
  687. word-wrap:break-word;
  688. background:{color:light accent};
  689. border:1px solid {color:border};
  690. }
  691.  
  692. .question p { margin:0!important; }
  693.  
  694. .asker {
  695. position:relative;
  696. margin-bottom:5px;
  697. text-align:right;
  698. text-transform:lowercase;
  699. font-style:italic;
  700. padding-top:13px;
  701. }
  702.  
  703. .asker a { padding-right:0px; }
  704.  
  705. .aicon {
  706. position:relative;
  707. margin:13px 10px 0px 15px;
  708. float:right;
  709. }
  710.  
  711. .aicon img { width:35px; border-radius:100%; z-index:999!important; }
  712.  
  713. .answer { margin-top:15px; }
  714.  
  715. /*-- post info --*/
  716.  
  717. .controls {
  718. position:absolute;
  719. width:75px;
  720. padding-left:10px;
  721. margin-left:{text:post width}px;
  722. opacity:1;
  723. {block:IndexPage}
  724. {block:ifhoverlikeonindex}opacity:0;{/block:ifhoverlikeonindex}
  725. {/block:IndexPage}
  726. }
  727.  
  728. .controls a { text-transform:uppercase!important; }
  729.  
  730. {block:ifhoverlikeonindex}
  731. .posts:hover .controls { opacity:1; }
  732. {/block:ifhoverlikeonindex}
  733.  
  734. .controls .lnr {
  735. background:{color:light accent};
  736. padding:5px;
  737. border:1px solid {color:border};
  738. border-radius:100%;
  739. }
  740.  
  741. .pinned {
  742. text-transform:lowercase;
  743. font-style:italic;
  744. font-weight:600;
  745. margin-bottom:10px;
  746. }
  747.  
  748. .pinned .lnr { margin-right:10px; }
  749.  
  750. .info {
  751. padding:0px 10px 0px 10px;
  752. text-transform:lowercase;
  753. margin-top:9px;
  754. }
  755.  
  756. .info b {
  757. border-top:2px solid {color:dark accent};
  758. padding-top:10px;
  759. font-style:italic;
  760. }
  761.  
  762. .tags {
  763. opacity:1;
  764. word-wrap:break-word;
  765. {block:IndexPage}
  766. text-align:right;
  767. {block:ifhovertags}opacity:0;{/block:ifhovertags}
  768. {/block:IndexPage}
  769. }
  770.  
  771. .tags a, .pmtags a {
  772. {block:IndexPage}
  773. margin-left:10px;
  774. font-size:calc({select:font size} - 0.5px);
  775. {/block:IndexPage}
  776. {block:PermalinkPage}margin-right:10px;{/block:PermalinkPage}
  777. text-transform:lowercase;
  778. font-style:italic;
  779. }
  780.  
  781. {block:IndexPage}{block:ifhovertags}
  782. .posts:hover .tags { opacity:1; }
  783. {block:ifhovertags}{/block:IndexPage}
  784.  
  785. .custom-like-button { position:relative; margin-top:10px; }
  786.  
  787. .like_button {
  788. position:absolute;
  789. top:0;
  790. left:0;
  791. right:0;
  792. bottom:0;
  793. width:100%;
  794. height:100%;
  795. opacity:0;
  796. }
  797.  
  798. .like_button iframe {
  799. width:20px!important;
  800. height:20px!important;
  801. }
  802.  
  803. .like_button:hover + .lnr {
  804. color:{color:links hover}!important;
  805. cursor:pointer!important;
  806. }
  807.  
  808. .like_button.liked + .lnr { color:#dc143c!important; } /* liked heart colour */
  809.  
  810. /*-- post notes --*/
  811.  
  812. ol.notes {
  813. margin-top:-8px;
  814. margin-bottom:{text:margin}px;
  815. padding-left:0;
  816. list-style-type:none;
  817. background:{color:light accent};
  818. width:{text:post width}px;
  819. border-top:2px solid {color:dark accent};
  820. border-right:1px solid {color:border};
  821. border-bottom:1px solid {color:border};
  822. border-left:1px solid {color:border};
  823. }
  824.  
  825. ol.notes li.note {
  826. padding:5px 10px 5px 10px;
  827. border-bottom:1px solid {color:border};
  828. }
  829.  
  830. ol.notes li.note:nth-child(even) {
  831. background:{color:background};!important;
  832. }
  833.  
  834. ol.notes li.note:last-of-type { border:none; }
  835. ol.notes li.note img.avatar { display:none; }
  836. ol.notes li.note span.action { font-weight:none; }
  837. ol.notes li.note .answer_content { font-weight:normal; }
  838.  
  839. ol.notes li.note blockquote {
  840. padding-left:10px;
  841. margin:5px 0px 5px 0px;
  842. border-left:1px solid {color:border};
  843. }
  844.  
  845. ol.notes li.note blockquote a { text-decoration:none; }
  846.  
  847. li.note.like:before, li.note.reblog:before, li.note.reply:before, li.note.original_post:before {
  848. font-family:'saturnicons';
  849. font-size:9px;
  850. float:right;
  851. color:{color:links};
  852. }
  853.  
  854. li.note.like:before { content:"\e12c"; }
  855. li.note.reblog:before { content:"\e1ee"; }
  856. li.note.reply:before { content:"\e082"; }
  857. li.note.original_post:before { content:"\e1b8"; }
  858.  
  859. .more_notes_link, .notes_loading { font-style:italic; font-weight:600; }
  860.  
  861. /*-- pagination and infinite scroll --*/
  862.  
  863. #pagination, footer {
  864. position:relative;
  865. text-align:center;
  866. margin-bottom:{text:margin}px;
  867. margin-left:calc(160px + {text:margin}px);
  868. width:{text:post width}px;
  869. }
  870.  
  871. #pagination a { margin-right:7px; }
  872.  
  873. {block:ifinfinitescroll}
  874. #pagination, #infscr-loading { display:none!important; }
  875. {/block:ifinfinitescroll}
  876.  
  877. /*-- other --*/
  878.  
  879. .tc {
  880. top:12px;
  881. right:20px;
  882. position:fixed;
  883. z-index:9999;
  884. }
  885.  
  886. .st {
  887. position:fixed;
  888. display:none;
  889. left:20px;
  890. bottom:15px;
  891. z-index:9999;
  892. }
  893.  
  894.  
  895. /*-- credit - DO NOT TOUCH --*/
  896.  
  897. .credit a {
  898. bottom:15px;
  899. right:20px;
  900. position:fixed;
  901. text-transform:uppercase;
  902. z-index:9999;
  903. }
  904.  
  905.  
  906. </style>
  907.  
  908.  
  909. <!-- scripts -->
  910.  
  911. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  912.  
  913. <!-- video resizing by @shythemes -->
  914. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  915.  
  916. <!-- pixel union photosets - modified by @bychloethemes -->
  917. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  918. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  919.  
  920. <script>
  921. $(document).ready(function(){
  922. $('.photo-slideshow').pxuPhotoset({
  923. lightbox: true,
  924. rounded: false,
  925. gutter: '4px',
  926. borderRadius: '0px',
  927. photoset: '.photo-slideshow',
  928. photoWrap: '.photo-data',
  929. photo: '.pxu-photo'
  930. });
  931. });
  932. </script>
  933.  
  934.  
  935. </head>
  936.  
  937. <body>
  938.  
  939.  
  940. <div id="main">
  941.  
  942. <sidebar>
  943. <div class="title">{Title}</div>
  944. <div class="url">
  945. <div class="icon"><img src="{PortraitURL-128}"></div><!-- default is your icon. if you want to change it, remove {PortraitURL-128} and replace it with the image url of the one you want -->
  946. <a href="/">@{Name}</a>
  947. </div>
  948. <div class="desc">{Description}</div>
  949. <div class="links">
  950. <a href="/"><span class="lnr lnr-home"></span>index</a>
  951. <a href="/ask"><span class="lnr lnr-envelope"></span>message</a>
  952. {block:iflink1url}<a href="{text:link 1 url}"><span class="lnr lnr-menu"></span>{text:link 1 title}</a>{/block:iflink1url}
  953. {block:iflink2url}<a href="{text:link 2 url}"><span class="lnr lnr-star"></span>{text:link 2 title}</a>{/block:iflink2url}
  954. {block:iflink3url}<a href="{text:link 3 url}"><span class="lnr lnr-picture"></span>{text:link 3 title}</a>{/block:iflink3url}
  955. <a href="/archive"><span class="lnr lnr-calendar-full"></span>archive</a>
  956. </div>
  957. </sidebar>
  958.  
  959.  
  960.  
  961. <div id="entries">
  962.  
  963.  
  964. {block:Posts}
  965.  
  966. <div class="posts" id="{PostID}">
  967.  
  968. {block:Date}
  969. <div class="controls">
  970. {block:HomePage}{block:PinnedPostLabel}<div class="pinned"><a href="{Permalink}" title="{PinnedPostLabel}"><span class="lnr lnr-pushpin"></span></a></div> {/block:PinnedPostLabel}{/block:HomePage}
  971. <a href="{ReblogURL}" title="reblog"><span class="lnr lnr-redo"></span></a>
  972. <br>
  973. <div class="custom-like-button" title="like">
  974. {LikeButton}
  975. <span class="lnr lnr-heart"></span>
  976. </div>
  977. </div>
  978. {/block:Date}
  979.  
  980. {block:Date}
  981. <div class="source">
  982. {block:RebloggedFrom}
  983. <img src="{ReblogRootPortraitURL-128}"/><a href="{ReblogRootURL}"><span>{ReblogRootName}</span></a>
  984. {/block:RebloggedFrom}
  985. {block:NotReblog}
  986. <img src="{PortraitURL-128}"/><a href="{Permalink}"><span>original post</span></a>
  987. {/block:NotReblog}
  988. </div>
  989. {/block:Date}
  990.  
  991.  
  992. {block:Text}
  993. {block:Title}<div class="t">{Title}</div>{/block:Title}
  994.  
  995. {block:Body}
  996. <div class="c txt" id="{PostID}">
  997. {block:NotReblog}{Body}{/block:NotReblog}
  998.  
  999. {block:RebloggedFrom}
  1000. <div class="reblog-list">
  1001. {block:Reblogs}
  1002. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1003. <div class="post-reblog-header">
  1004. {block:IsActive}
  1005. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1006. {/block:IsActive}
  1007. {block:IsDeactivated}
  1008. <span class="inactive deactivated post-tumblelog-name">{Username}</span>
  1009. {/block:IsDeactivated}
  1010. </div>
  1011. <div class="post-reblog-content">
  1012. <div class="post-body">{Body}</div>
  1013. </div>
  1014. </div>
  1015. {/block:Reblogs}
  1016. </div>
  1017. {/block:RebloggedFrom}
  1018. </div>
  1019. {/block:Body}
  1020.  
  1021. {/block:Text}
  1022.  
  1023.  
  1024.  
  1025. {block:Photo}
  1026. <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">
  1027. <img src="{PhotoURL-HighRes}" style="display:block;" width="{text:post width}px">
  1028. </a>
  1029.  
  1030. {block:Caption}
  1031. <div class="c">
  1032. {block:NotReblog}<figcaption>{Caption}</figcaption>{/block:NotReblog}
  1033.  
  1034. {block:RebloggedFrom}
  1035. <div class="reblog-list">
  1036. {block:Reblogs}
  1037. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1038. <div class="post-reblog-header">
  1039. {block:IsActive}
  1040. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1041. {/block:IsActive}
  1042. {block:IsDeactivated}
  1043. <span class="inactive deactivated post-tumblelog-name">{Username}</span>
  1044. {/block:IsDeactivated}
  1045. </div>
  1046. <div class="post-reblog-content">
  1047. <div class="post-body">{Body}</div>
  1048. </div>
  1049. </div>
  1050. {/block:Reblogs}
  1051. </div>
  1052. {/block:RebloggedFrom}
  1053. </div>
  1054. {/block:Caption}
  1055.  
  1056. {/block:Photo}
  1057.  
  1058.  
  1059.  
  1060. {block:Photoset}
  1061. <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>
  1062.  
  1063. {block:Caption}
  1064. <div class="c">
  1065. {block:NotReblog}<figcaption>{Caption}</figcaption>{/block:NotReblog}
  1066.  
  1067. {block:RebloggedFrom}
  1068. <div class="reblog-list">
  1069. {block:Reblogs}
  1070. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1071. <div class="post-reblog-header">
  1072. {block:IsActive}
  1073. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1074. {/block:IsActive}
  1075. {block:IsDeactivated}
  1076. <span class="inactive deactivated post-tumblelog-name">{Username}</span>
  1077. {/block:IsDeactivated}
  1078. </div>
  1079. <div class="post-reblog-content">
  1080. <div class="post-body">{Body}</div>
  1081. </div>
  1082. </div>
  1083. {/block:Reblogs}
  1084. </div>
  1085. {/block:RebloggedFrom}
  1086. </div>
  1087. {/block:Caption}
  1088.  
  1089. {/block:Photoset}
  1090.  
  1091.  
  1092.  
  1093. {block:Quote}
  1094. <div class="quote">"{Quote}"</div>
  1095. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  1096. {/block:Quote}
  1097.  
  1098.  
  1099.  
  1100. {block:Link}
  1101. <div class="t"><a href="{URL}" {Target}><i class="fas fa-link"></i>&nbsp;&nbsp;{Name}&nbsp;&nbsp;>></a></div>
  1102.  
  1103. {block:Description}
  1104. <div class="c">
  1105. {block:NotReblog}{Description}{/block:NotReblog}
  1106.  
  1107. {block:RebloggedFrom}
  1108. <div class="reblog-list">
  1109. {block:Reblogs}
  1110. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1111. <div class="post-reblog-header">
  1112. {block:IsActive}
  1113. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1114. {/block:IsActive}
  1115. {block:IsDeactivated}
  1116. <span class="inactive deactivated post-tumblelog-name">{Username}</span>
  1117. {/block:IsDeactivated}
  1118. </div>
  1119. <div class="post-reblog-content">
  1120. <div class="post-body">{Body}</div>
  1121. </div>
  1122. </div>
  1123. {/block:Reblogs}
  1124. </div>
  1125. {/block:RebloggedFrom}
  1126. </div>
  1127. {/block:Description}
  1128.  
  1129. {/block:Link}
  1130.  
  1131.  
  1132.  
  1133. {block:Chat}
  1134. {block:Title}<div class="t">{Title}</div>{/block:Title}
  1135. <div class="chat">
  1136. {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}
  1137. </div>
  1138. {/block:Chat}
  1139.  
  1140.  
  1141.  
  1142. {block:Audio}
  1143. <div class="playbox">
  1144. {block:AudioPlayer}
  1145. <div class="playbutton">{AudioPlayerWhite}</div>
  1146. {/block:AudioPlayer}
  1147. </div>
  1148. <div class="audio">
  1149. <div class="trackdetails">
  1150. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  1151. {block:Artist}<br><i>{Artist}</i>{/block:Artist}
  1152. </div>
  1153. </div>
  1154.  
  1155. {block:Caption}
  1156. <div class="c">
  1157. {block:NotReblog}{Caption}{/block:NotReblog}
  1158.  
  1159. {block:RebloggedFrom}
  1160. <div class="reblog-list">
  1161. {block:Reblogs}
  1162. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1163. <div class="post-reblog-header">
  1164. {block:IsActive}
  1165. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1166. {/block:IsActive}
  1167. {block:IsDeactivated}
  1168. <span class="inactive deactivated post-tumblelog-name">{Username}</span>
  1169. {/block:IsDeactivated}
  1170. </div>
  1171. <div class="post-reblog-content">
  1172. <div class="post-body">{Body}</div>
  1173. </div>
  1174. </div>
  1175. {/block:Reblogs}
  1176. </div>
  1177. {/block:RebloggedFrom}
  1178. </div>
  1179. {/block:Caption}
  1180.  
  1181. {/block:Audio}
  1182.  
  1183.  
  1184.  
  1185. {block:Video}
  1186. <div class="video">{Video-500}</div>
  1187.  
  1188. {block:Caption}
  1189. <div class="c">
  1190. {block:NotReblog}<figcaption>{Caption}</figcaption>{/block:NotReblog}
  1191.  
  1192. {block:RebloggedFrom}
  1193. <div class="reblog-list">
  1194. {block:Reblogs}
  1195. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1196. <div class="post-reblog-header">
  1197. {block:IsActive}
  1198. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1199. {/block:IsActive}
  1200. {block:IsDeactivated}
  1201. <span class="inactive deactivated post-tumblelog-name">{Username}</span>
  1202. {/block:IsDeactivated}
  1203. </div>
  1204. <div class="post-reblog-content">
  1205. <div class="post-body">{Body}</div>
  1206. </div>
  1207. </div>
  1208. {/block:Reblogs}
  1209. </div>
  1210. {/block:RebloggedFrom}
  1211. </div>
  1212. {/block:Caption}
  1213.  
  1214. {/block:Video}
  1215.  
  1216.  
  1217.  
  1218. {block:Answer}
  1219. <div class="aicon"><img src="{AskerPortraitURL-40}" /></div>
  1220. <div class="asker"><b>{Asker}</b> asked:</div>
  1221. <div class="question">{Question}</div>
  1222.  
  1223. <div class="answer">
  1224. <div class="c txt">
  1225. {block:Answerer}<div style="margin-top:5px; {block:RebloggedFrom}padding-top:10px;{/block:RebloggedFrom}">{Answerer}</div>{Answer}{/block:Answerer}
  1226. {block:NotReblog}{Replies}{/block:NotReblog}
  1227.  
  1228. {block:RebloggedFrom}{block:Reblogs}
  1229. <div class="reblog-list" style="border-top:1px solid #eee;">
  1230. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1231. <div class="post-reblog-header">
  1232. {block:IsActive}
  1233. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1234. {/block:IsActive}
  1235. {block:IsDeactivated}
  1236. <span class="inactive deactivated post-tumblelog-name">{Username}</span>
  1237. {/block:IsDeactivated}
  1238. </div>
  1239. <div class="post-reblog-content">
  1240. <div class="post-body">{Body}</div>
  1241. </div>
  1242. </div>
  1243. </div>
  1244. {/block:Reblogs}{/block:RebloggedFrom}
  1245. </div>
  1246. </div>
  1247.  
  1248. {/block:Answer}
  1249.  
  1250.  
  1251.  
  1252. {block:Date}
  1253. <div class="info">
  1254.  
  1255. {block:IndexPage}
  1256. <b><a href="{Permalink}" title="{TimeAgo}">{DayOfWeek}, {Month} {DayOfMonth}</a></b>
  1257. <a href="{Permalink}" style="float:right;"><span class="lnr lnr-bubble"></span> {NoteCount}</a>
  1258. {/block:IndexPage}
  1259.  
  1260. {block:PermalinkPage}
  1261. posted {TimeAgo} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}
  1262. {block:RebloggedFrom} <br>
  1263. via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{block:ContentSource};&nbsp;&nbsp;&nbsp;source <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  1264. {/block:ContentSource}
  1265. {/block:RebloggedFrom}
  1266. {block:NotReblog}<br>original post by {Name}{/block:NotReblog}
  1267. {/block:PermalinkPage}
  1268.  
  1269. {block:HasTags}
  1270. <div class="tags">
  1271. {block:PermalinkPage}tagged:&nbsp;&nbsp;{/block:PermalinkPage}
  1272. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1273. </div>
  1274. {/block:HasTags}
  1275.  
  1276. </div>
  1277. {/block:Date}
  1278.  
  1279.  
  1280.  
  1281. </div>
  1282.  
  1283. {block:PostNotes}
  1284. <h1 style="padding:0px 10px 10px 10px; font-size:calc({select:font size} + 2px); width:382px!important;">{NoteCountWithLabel}</h1>
  1285. {PostNotes}
  1286. {/block:PostNotes}
  1287.  
  1288. {/block:Posts}
  1289.  
  1290.  
  1291. </div><!-- end entries -->
  1292.  
  1293.  
  1294. {block:Pagination}{block:ifloadmore}
  1295. <footer><a id="loadmore">load more posts</a></footer>
  1296. {/block:Pagination}{/block:ifloadmore}
  1297.  
  1298.  
  1299. {block:Pagination}
  1300. <div id="pagination">
  1301. {block:previouspage}
  1302. <a href="{PreviousPage}" title="back"><</a>{/block:PreviousPage}
  1303. {block:JumpPagination length="3"}
  1304. {block:CurrentPage}
  1305. <span class="current_page" style="margin-right:7px; font-weight:700;">{PageNumber}</span>
  1306. {/block:CurrentPage}
  1307. {block:JumpPage}
  1308. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1309. {/block:JumpPage}
  1310. {/block:JumpPagination}
  1311. {block:NextPage}
  1312. <a class="next" href="{NextPage}" title="next">></a>
  1313. {/block:nextpage}
  1314. </div>
  1315. {/block:Pagination}
  1316.  
  1317.  
  1318. </div><!-- end main -->
  1319.  
  1320.  
  1321. {block:ContentSource}
  1322. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1323. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1324. {/block:SourceLogo}
  1325. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1326. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1327.  
  1328.  
  1329. {block:ifscrolltotop}
  1330. <div class="st"><a href="#">scroll to top</a></div>
  1331. {/block:ifscrolltotop}
  1332.  
  1333.  
  1334. <div class="tc">
  1335. <i class="fas fa-bars"></i>
  1336. </div>
  1337.  
  1338.  
  1339. <!-- credit - DO NOT TOUCH -->
  1340.  
  1341. <div class="credit">
  1342. <a href="https://enchantedthemes.tumblr.com" title="alydae">A.</a>
  1343. </div>
  1344.  
  1345.  
  1346. <!-- scripts -->
  1347.  
  1348. <!-- npfPhotosets script by @codematurgy -->
  1349. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script><link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  1350. <script>
  1351. npfPhotosets(".posts", {
  1352. includeCommonPhotosets: true,
  1353. photosetMargins:"4"
  1354. });
  1355. </script>
  1356.  
  1357. <!--✻✻✻✻✻✻ npf audio player by @glenthemes ✻✻✻✻✻✻-->
  1358. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  1359. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  1360. <script>
  1361. tumblr_npf_audio({
  1362. emptyTitleText: "Unknown track",
  1363. emptyArtistText: "Unknown artist",
  1364. emptyAlbumText: "",
  1365.  
  1366. titleLabel: "",
  1367. artistLabel: "",
  1368. albumLabel: ""
  1369. });
  1370. </script>
  1371. <style edit-npf-audio-player>
  1372. .npf-audio-wrapper {
  1373. --NPF-Audio-Buttons-Size: 0.8rem;
  1374. --NPF-Audio-Buttons-Color: #444;
  1375. --NPF-Audio-Buttons-Spacing: 2rem;
  1376. --NPF-Audio-Image-Size: 62px;
  1377. --NPF-Audio-Image-Spacing: 0px;
  1378. width: calc({text:post width}px - 1px);
  1379. line-height: 150%;
  1380. margin-left: -11px;
  1381. margin-top: -1px;
  1382. font-size: calc({select:font size} + 1px);
  1383. }
  1384.  
  1385. .npf-audio-background {
  1386. background-color: #f2f2f2;
  1387. border: 1px solid {color:border};
  1388. padding: 10px;
  1389. padding-left: 25px;
  1390. }
  1391.  
  1392. .npf-audio-title { font-weight: 600; color:{color:title}; }
  1393. .npf-audio-artist { font-style: italic; }
  1394. .npf-audio-album-label { font-weight:bold; }
  1395. .npf-audio-album { display:none; }
  1396.  
  1397. .npf-audio-details {
  1398. background: {color:background};
  1399. padding: 12px;
  1400. height: 62px;
  1401. box-sizing: border-box;
  1402. border: 1px solid {color:border};
  1403. margin-left: -10px;
  1404. margin-right: -12px;
  1405. }
  1406. </style>
  1407.  
  1408. <!-- tooltips script -->
  1409. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1410.  
  1411. <script type="text/javascript">
  1412.  
  1413. //tooltips
  1414. (function($){
  1415. $(document).ready(function(){
  1416. $("[title]").style_my_tooltips({
  1417. tip_follows_cursor:true,
  1418. tip_delay_time:200,
  1419. tip_fade_speed:300
  1420. });
  1421. });
  1422. })(jQuery);
  1423.  
  1424. //scroll to top
  1425. {block:ifscrolltotop}
  1426. $(window).scroll(function() {
  1427. if ( $(window).scrollTop() > 100 ) {
  1428. $('.st').fadeIn('slow');
  1429. } else {
  1430. $('.st').fadeOut('slow');
  1431. }
  1432. });
  1433. $('.st').click(function() {
  1434. $('html, body').animate({scrollTop: 0}, 700);
  1435. return false;
  1436. });
  1437. {/block:ifscrolltotop}
  1438.  
  1439. //remove tumblr redirects script by magnusthemes@tumblr
  1440. function noHrefLi(){
  1441. var linkSet = document.querySelectorAll('a[href*="href.li/?"]');
  1442. Array.prototype.forEach.call(linkSet,function(el,i){
  1443. var theLink = linkSet[i].getAttribute('href').split("href.li/?")[1];
  1444. linkSet[i].setAttribute("href",theLink);
  1445. });
  1446. }
  1447. noHrefLi();
  1448.  
  1449. $(".posts").each(function(){
  1450. var $bodyText = $(this).find(".txt");
  1451. var bodyHeight = $bodyText.height();
  1452. if (bodyHeight = 0){
  1453. $bodyText.css({
  1454. "background":"transparent",
  1455. "padding":"0",
  1456. "border":"none",
  1457. "display":"none",
  1458. });
  1459. };
  1460. });
  1461.  
  1462. </script>
  1463.  
  1464. <!-- infinite scroll -->
  1465. {block:ifInfiniteScroll}
  1466. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1467.  
  1468. <script type="text/javascript">
  1469. $(document).ready(function(){
  1470. var $container = $('#entries');
  1471. $container.infinitescroll({
  1472. itemSelector: '.posts',
  1473. navSelector: '#pagination',
  1474. nextSelector: '.next',
  1475. loadingImg: '',
  1476. loadingText: '<em></em>',
  1477. {block:ifloadmore}
  1478. errorCallback: function () {$('a#loadmore:last').fadeOut();},
  1479. {/block:ifloadmore}
  1480. bufferPx: 2000,
  1481. },
  1482. function( newElements ) {
  1483. var $newElems = $( newElements );
  1484. $newElems.find('.photo-slideshow').pxuPhotoset({
  1485. lightbox: true,
  1486. rounded: false,
  1487. gutter: '4px',
  1488. photoset: '.photo-slideshow',
  1489. photoWrap: '.photo-data',
  1490. photo: '.pxu-photo',
  1491. });
  1492. resizeVideos();
  1493. var $newElems = $(newElements);
  1494. var $newElemsIDs = $newElems.map(function(){
  1495. return this.id;
  1496. }).get();
  1497. console.log($newElems, $newElemsIDs);
  1498. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1499. });
  1500. {block:ifloadmore}
  1501. $(window).unbind('.infscr');
  1502. $('a#loadmore').click(function(){
  1503. $('#entries').infinitescroll('retrieve');
  1504. return false;
  1505. });
  1506. {/block:ifloadmore}
  1507. });
  1508. </script>
  1509. {/block:ifInfiniteScroll}
  1510.  
  1511. </body>
  1512. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!