API tools faq
paste
alydae

eloquence

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