API tools faq
paste
Advertisement
alydae

daylight

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