API tools faq
paste
Advertisement
alydae

ethereal

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