API tools faq
paste
alydae

ataraxia

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