API tools faq
paste
crpena

no. 17: run

crpena
Sep 3rd, 2019
481
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  8.  
  9. <title>{Title}{block:TagPage} | #{Tag}{/block:TagPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <meta name="image:portrait" content="" />
  15.  
  16. <meta name="color:background" content="#602749" />
  17. <meta name="color:text" content="#c2c2c2" />
  18. <meta name="color:link" content="#F6921D" />
  19. <meta name="color:titles" content="#96c457" />
  20. <meta name="color:scrollbar thumb" content="#130912" />
  21. <meta name="color:tooltip text" content="#000" />
  22. <meta name="color:tooltip background" content="#fda403" />
  23. <meta name="color:selection text" content="#000" />
  24. <meta name="color:selection background" content="#ffc300" />
  25.  
  26. <meta name="color:content" content="#3E1C33" />
  27.  
  28. <meta name="color:user" content="#843b62" />
  29. <meta name="color:answer accent" content="#455d7a" />
  30. <meta name="color:audio post background" content="#c5d86d" />
  31. <meta name="color:audio post text" content="#454545" />
  32. <meta name="color:chat post accent" content="#171615" />
  33. <meta name="color:chat post odd line background" content="#67A032" />
  34. <meta name="color:chat post odd line text" content="#fff" />
  35. <meta name="color:chat post even line background" content="#C03C09" />
  36. <meta name="color:chat post even line text" content="#fff" />
  37. <meta name="color:quote post background" content="#f89d13" />
  38. <meta name="color:quote post text" content="#171615" />
  39. <meta name="color:tags" content="#f78f1e" />
  40.  
  41. <meta name="select:Post Width" content="300" title="300px" />
  42. <meta name="select:Post Width" content="325" title="325px" />
  43. <meta name="select:Post Width" content="350" title="350px" />
  44. <meta name="select:Post Width" content="400" title="400px" />
  45. <meta name="select:Post Width" content="450" title="450px" />
  46. <meta name="select:Post Width" content="500" title="500px" />
  47. <meta name="select:Post Width" content="540" title="540px" />
  48.  
  49. <meta name="text:Link1" content="" />
  50. <meta name="text:Link1 URL" content="" />
  51. <meta name="text:Link2" content="" />
  52. <meta name="text:Link2 URL" content="" />
  53. <meta name="text:Link3" content="" />
  54. <meta name="text:Link3 URL" content="" />
  55. <meta name="text:Link4" content="" />
  56. <meta name="text:Link4 URL" content="" />
  57.  
  58. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet" type="text/css" />
  59. <link href="https://fonts.googleapis.com/css?family=Nunito&display=swap" rel="stylesheet">
  60.  
  61. </head>
  62.  
  63. <style text="text/css">
  64.  
  65. iframe.tmblr-iframe {
  66. display:none;
  67. }
  68.  
  69. /* basics */
  70.  
  71. body {
  72. background:{color:background};
  73. color:{color:text};
  74. font:normal 14px/1.5em 'Nunito', sans-serif;
  75. word-wrap:break-word;
  76. overflow-wrap:break-word;
  77. letter-spacing:.25px;
  78. cursor:default;hing:grayscale;
  79. -webkit-font-smoothing:antialiased;
  80. font-smoothing:antialiased;
  81. }
  82.  
  83. img {
  84. display:block;
  85. max-width:100%;
  86. height:auto;
  87. }
  88.  
  89. blockquote {
  90. margin:0;
  91. padding:0;
  92. background:none;
  93. }
  94.  
  95. p {
  96. margin:1em 0;
  97. }
  98.  
  99. p:first-of-type {
  100. margin-top:0;
  101. }
  102.  
  103. p:last-of-type {
  104. margin-bottom:0;
  105. }
  106.  
  107. h1:first-of-type,
  108. h2:first-of-type,
  109. h3:first-of-type,
  110. h4:first-of-type {
  111. margin-top:0;
  112. }
  113.  
  114. h1:last-of-type,
  115. h2:last-of-type,
  116. h3:last-of-type,
  117. h4:last-of-type {
  118. margin-bottom:0;
  119. }
  120.  
  121. b,
  122. strong {
  123. font-weight:bold;
  124. color:{color:titles};
  125. }
  126.  
  127. em,
  128. i {
  129. font-style:italic;
  130. }
  131.  
  132. ol,
  133. ul {
  134. list-style:none;
  135. text-align:left;
  136. padding:0;
  137. margin:0;
  138. }
  139.  
  140. li {
  141. position:relative;
  142. padding:.1em 0px .1em 20px;
  143. }
  144.  
  145. ol li {
  146. counter-increment:list;
  147. }
  148.  
  149. ol li:before,
  150. ul li:before {
  151. left:0;
  152. position:absolute;
  153. vertical-align:baseline!important;
  154. }
  155.  
  156. ol li:before {
  157. content:counter(list) '.';
  158. }
  159.  
  160. ul li:before {
  161. content:url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba({RGBcolor:text})' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
  162. margin-top:3px;
  163. }
  164.  
  165. /* links - https://codepen.io/lhorak/pen/bEavyg */
  166.  
  167. a:link,
  168. a:visited,
  169. a:active {
  170. text-decoration:none;
  171. color:{color:link};
  172. box-shadow:0 -1px 0 0 transparent inset, 0 -2px 0 0 transparent inset;
  173. transition:all .3s ease-in;
  174. }
  175.  
  176. a:hover {
  177. transition:all .3s ease-out;
  178. box-shadow:0 -1px 0 0 transparent inset, 0 -2px 0 0 {color:link} inset;
  179. }
  180.  
  181. /* selection */
  182.  
  183. ::selection {
  184. color:{color:selection text};
  185. background-color:{color:selection background};
  186. }
  187.  
  188. ::-moz-selection {
  189. color:{color:selection text};
  190. background-color:{color:selection background};
  191. }
  192.  
  193. /* scrollbar */
  194.  
  195. ::-webkit-scrollbar {
  196. width:12px;
  197. height:12px;
  198. background-color:transparent;
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb {
  202. background-clip:padding-box;
  203. border-radius:6px;
  204. background-color:{color:scrollbar thumb};
  205. border:4px solid transparent;
  206. }
  207.  
  208. /* tooltip */
  209.  
  210. div#qTip {
  211. z-index:1000;
  212. display:none;
  213. position:absolute;
  214. border-radius:0 .75em .75em .75em;
  215. padding:.25em .65em;
  216. margin:15px 0 0;
  217. background:{color:tooltip background};
  218. font-weight:700!important;
  219. font-size:15px;
  220. color:{color:tooltip text};
  221. letter-spacing:.1em;
  222. -moz-transition:0.2s ease-in;
  223. -webkit-transition:0.2s ease-in;
  224. -o-transition:0.2s ease-in;
  225. transition:0.2s ease-in;
  226. }
  227.  
  228. /* header */
  229.  
  230. header {
  231. display:block;
  232. width:100%;
  233. margin:0;
  234. padding:1em 120px 1em 1em;
  235. box-sizing:border-box;
  236. background-color:{color:content};
  237. text-align:right;
  238. z-index:999999999;
  239. position:fixed;
  240. top:0; left:0; right:0;
  241. }
  242.  
  243. a.header-link {
  244. display:inline-block;
  245. margin-right:1.5em;
  246. font-size:13px;
  247. letter-spacing:.5px;
  248. }
  249.  
  250. a.header-link:hover {
  251. letter-spacing:1px;
  252. }
  253.  
  254. a.header-link:last-of-type {
  255. margin-right:0;
  256. }
  257.  
  258. input.link {
  259. position:absolute;
  260. display:block;
  261. width:100px;
  262. box-sizing:border-box;
  263. padding:15px 5px;
  264. margin:0;
  265. top:0; right:0;
  266. vertical-align:top;
  267. background-color:{color:link};
  268. box-shadow:none;
  269. border:none;
  270. outline:none;
  271. cursor:pointer;
  272. color:white;
  273. font-weight:600;
  274. letter-spacing:1px;
  275. text-align:center;
  276. font:14px 'Nunito', sans-serif;
  277. }
  278.  
  279. /* dropdown menu */
  280.  
  281. .dropdown {
  282. display:inline-block;
  283. vertical-align:middle;
  284. margin-left:1.5em;
  285. }
  286.  
  287. .dropdown input[type=checkbox] {
  288. display:none;
  289. position:absolute;
  290. padding:0;
  291. z-index:2;
  292. width:100px;
  293. height:2em;
  294. margin:0;
  295. right:120px;
  296. cursor:pointer;
  297. opacity:0.0000001;
  298. }
  299.  
  300. .dropdown-toggle {
  301. display:none;
  302. color:{color:link};
  303. cursor:pointer;
  304. }
  305.  
  306. .dropdown-toggle svg {
  307. display:inline;
  308. vertical-align:middle;
  309. width:1em;
  310. height:1em;
  311. color:{color:link};
  312. margin:0 0 0 5px;
  313. padding:2px;
  314. border-radius:50%;
  315. transition:0.6s;
  316. }
  317.  
  318. /* sidebar */
  319.  
  320. aside {
  321. display:block;
  322. position:fixed;
  323. width:220px;
  324. background-color:{color:content};
  325. margin:0;
  326. top:200px; left:50px;
  327. border-radius:6px;
  328. }
  329.  
  330. .savatar {
  331. display:block;
  332. margin:-60px auto 15px;
  333. width:120px;
  334. height:120px;
  335. }
  336.  
  337. #wrap {
  338. display:block;
  339. padding:1em;
  340. text-align:center;
  341. }
  342.  
  343. a.titlebar {
  344. font-weight:700;
  345. letter-spacing:.1em;
  346. }
  347.  
  348. #stext {
  349. display:block;
  350. text-align:justify;
  351. margin-top:1em;
  352. box-sizing:border-box;
  353. }
  354.  
  355. /* posts */
  356.  
  357. section {
  358. position:relative;
  359. margin:140px 0 50px 320px;
  360. {block:indexpage}
  361. display:flex;
  362. flex-wrap:wrap;
  363. justify-content:space-between;
  364. width:calc({select:post width}px + 300px);
  365. {/block:indexpage}
  366. {block:permalinkpage}
  367. width:{select:post width}px;
  368. {/block:permalinkpage}
  369. }
  370.  
  371. article {
  372. {block:indexpage}
  373. display:inline-block;
  374. {/block:indexpage}
  375. padding:0;
  376. vertical-align:top;
  377. }
  378.  
  379. .posts {
  380. width:{select:post width}px;
  381. }
  382.  
  383. .posts_page {
  384. display:block;
  385. width:100%;
  386. padding:1em;
  387. margin-bottom:50px;
  388. text-align:left;
  389. font-size:17px;
  390. letter-spacing:.1em;
  391. box-sizing:border-box;
  392. background-color:rgba({RGBcolor:content}, .5);
  393. }
  394.  
  395. .search_query,
  396. .tag {
  397. color:{color:titles};
  398. font-weight:700;
  399. }
  400.  
  401. /* photosets */
  402.  
  403. [photoset-layout] div {
  404. cursor:pointer;
  405. margin-right:.3em;
  406. margin-bottom:.3em;
  407. }
  408.  
  409. .vignette, #vignette { opacity:0; }
  410. .lightbox-image, #tumblr_lightbox img {
  411. box-shadow:none !important;
  412. border-radius:0 !important;
  413. }
  414.  
  415. .tmblr-lightbox, #tumblr_lightbox {
  416. background-color:{color:background}!important;
  417. z-index:99999!important;
  418. }
  419.  
  420. .lightbox-caption, #tumblr_lightbox_caption {
  421. visibility:hidden;
  422. }
  423.  
  424. /* link and text posts */
  425.  
  426. .titles {
  427. text-align:left;
  428. padding:0;
  429. margin:0;
  430. font-weight:700;
  431. letter-spacing:.1em;
  432. font-size:15px;
  433. }
  434.  
  435. a.titles {
  436. display:inline-block;
  437. transition:0.6s;
  438. }
  439.  
  440. div.titles {
  441. color:{color:titles};
  442. text-transform:uppercase;
  443. }
  444.  
  445. .text {
  446. width:100%;
  447. display:block;
  448. text-align:justify;
  449. margin:0;
  450. padding:0;
  451. font-weight:lighter;
  452. color:{color:text};
  453. background:none;
  454. }
  455.  
  456. /* chat */
  457.  
  458. .chat li:before {
  459. display:none;
  460. }
  461.  
  462. .chat li {
  463. padding:0;
  464. margin:0;
  465. }
  466.  
  467. .chat {
  468. display:block;
  469. width:100%;
  470. margin:0;
  471. padding:0;
  472. }
  473.  
  474. .l {
  475. display:block;
  476. margin:0;
  477. padding:1em .75em!important;
  478. text-align:left;
  479. letter-spacing:.25px;
  480. }
  481.  
  482. .l:nth-of-type(odd) {
  483. color:{color:chat post odd line text};
  484. background-color:rgba({RGBcolor:chat post odd line background}, .8);
  485. }
  486.  
  487. .l:nth-of-type(even) {
  488. color:{color:chat post even line text};
  489. background-color:rgba({RGBcolor:chat post even line background}, .8);
  490. }
  491.  
  492. .label {
  493. display:block;
  494. margin:0;
  495. color:{color:chat post accent};
  496. font-size:10px;
  497. font-weight:600;
  498. letter-spacing:.1em;
  499. text-decoration:none;
  500. text-transform:uppercase;
  501. }
  502.  
  503. /* quote */
  504.  
  505. .quote:before {
  506. content:url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org/2000/svg" width="30" height="30" viewBox="0 0 512.5 512.5" fill="rgba({RGBcolor:quote post text})" stroke="none" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M112.5,208.25c61.856,0,112,50.145,112,112s-50.144,112-112,112s-112-50.145-112-112l-0.5-16c0-123.712,100.288-224,224-224v64c-42.737,0-82.917,16.643-113.137,46.863c-5.817,5.818-11.126,12.008-15.915,18.51C100.667,208.723,106.528,208.25,112.5,208.25z M400.5,208.25c61.855,0,112,50.145,112,112s-50.145,112-112,112s-112-50.145-112-112l-0.5-16c0-123.712,100.287-224,224-224v64c-42.736,0-82.918,16.643-113.137,46.863c-5.818,5.818-11.127,12.008-15.916,18.51C388.666,208.723,394.527,208.25,400.5,208.25z"/%3E%3C/svg%3E');
  507. display:block;
  508. float:left;
  509. margin:0 .75em .75em 0;
  510. }
  511.  
  512. .quote {
  513. display:block;
  514. width:100%;
  515. font-style:normal;
  516. font-weight:700;
  517. text-align:left;
  518. line-height:1.3em;
  519. margin:0;
  520. padding:20px;
  521. letter-spacing:.1em;
  522. font-size:25px;
  523. color:{color:quote post text};
  524. background-color:{color:quote post background};
  525. -moz-box-sizing:border-box;
  526. -webkit-box-sizing:border-box;
  527. box-sizing:border-box;
  528. }
  529.  
  530. #s {
  531. display:block;
  532. width:100%;
  533. padding:0;
  534. margin:0;
  535. margin-top:15px;
  536. text-align:left;
  537. color:{color:text};
  538. letter-spacing:.5px;
  539. }
  540.  
  541. /* video */
  542.  
  543. .video {
  544. display:block;
  545. position:relative;
  546. }
  547.  
  548. .video iframe {
  549. display:block;
  550. margin:auto;
  551. max-width:calc({select:post width}px - 8px);
  552. }
  553.  
  554. .tumblr_video_container {
  555. display:block;
  556. margin:auto;
  557. max-width:calc({select:post width}px - 8px);
  558. }
  559.  
  560. #youtube_iframe {
  561. display:block;
  562. margin:auto;
  563. max-height:calc({select:post width}px * 0.67);
  564. max-width:calc({select:post width}px - 8px);
  565. }
  566.  
  567. .instagram-media {
  568. max-height:none!important;
  569. }
  570.  
  571. /* audio */
  572.  
  573. .soundcloud_audio_player,
  574. .spotify_audio_player,
  575. .audio-media .width_fix iframe {
  576. width:100%!important;
  577. margin:0px;
  578. margin-top:0px;
  579. margin-left:0px;
  580. }
  581.  
  582. .soundcloud_audio_player {
  583. max-height:116px!important;
  584. }
  585.  
  586. .spotify_audio_player {
  587. max-height:80px!important;
  588. }
  589. .audio-media iframe.tumblr_audio_player{
  590. height:85px!important;
  591. }
  592.  
  593. /* answer */
  594.  
  595. .question {
  596. display:block;
  597. width:100%;
  598. text-align:left;
  599. padding:7px 9px;
  600. border-left:3px solid {color:answer accent};
  601. border-right:3px solid {color:answer accent};
  602. background-color:rgba({RGBcolor:content}, .5);
  603. color:{color:text};
  604. -moz-box-sizing:border-box;
  605. -webkit-box-sizing:border-box;
  606. box-sizing:border-box;
  607. }
  608.  
  609. .asker {
  610. display:block;
  611. font-weight:700;
  612. color:{color:answer accent};
  613. margin-bottom:5px;
  614. }
  615.  
  616. a.asker {
  617. display:inline;
  618. color:{color:answer accent};
  619. }
  620.  
  621. .asker-question {
  622. display:block;
  623. width:100%;
  624. text-align:justify;
  625. padding-left:5px;
  626. box-sizing:border-box;
  627. }
  628.  
  629. .answer {
  630. display:block;
  631. width:100%;
  632. text-align:left;
  633. margin-top:25px;
  634. }
  635.  
  636. .answerer-avatar {
  637. display:inline-block;
  638. width:24px;
  639. height:24px;
  640. margin:0;
  641. margin-right:5px;
  642. vertical-align:bottom;
  643. }
  644.  
  645. .answerer {
  646. display:inline-block;
  647. font-weight:700;
  648. text-align:right;
  649. color:{color:text};
  650. margin-bottom:5px;
  651. }
  652.  
  653. a.answerer {
  654. display:inline;
  655. background:none;
  656. color:{color:link};
  657. }
  658.  
  659. .answerer-answer {
  660. display:block;
  661. width:100%;
  662. margin-top:5px;
  663. text-align:justify;
  664. }
  665.  
  666. /* caption */
  667.  
  668. .caption {
  669. display:block;
  670. margin:25px 0 25px 0;
  671. padding:0;
  672. list-style:none;
  673. }
  674.  
  675. .caption:last-of-type {
  676. margin-bottom:0;
  677. }
  678.  
  679. .npf_row {
  680. display:block;
  681. width:calc(100%);
  682. height:100%;
  683. margin:4px 0!important;
  684. padding:0;
  685. }
  686.  
  687. a.user {
  688. color:{color:user};
  689. box-shadow:none;
  690. }
  691.  
  692. .user {
  693. display:inline;
  694. font-weight:600;
  695. text-align:left;
  696. margin:0;
  697. position:relative;
  698. color:{color:user};
  699. }
  700.  
  701. .user-avatar {
  702. float:left;
  703. width:19px;
  704. height:19px;
  705. margin-right:.75em;
  706. border-radius:3px;
  707. display:inline-block;
  708. }
  709.  
  710. .deactivated:after {
  711. content:'deactivated';
  712. position:absolute;
  713. display:inline-block;
  714. opacity:.25;
  715. margin:0;
  716. top:-1px; left: calc(100% + .5em);
  717. font-weight:600;
  718. color:{color:text};
  719. transition:opacity .6s;
  720. }
  721.  
  722. .deactivated:hover:after {
  723. opacity:.75;
  724. transition:opacity .6s;
  725. }
  726.  
  727. /* permalink */
  728.  
  729. .posts_permalink {
  730. {block:indexpage}
  731. width:300px;
  732. padding:1em;
  733. box-sizing:border-box;
  734. background-color:{color:content};
  735. {/block:indexpage}
  736. {block:permalinkpage}
  737. width:100%;
  738. margin-top:15px;
  739. {/block:permalinkpage}
  740. letter-spacing:.5px;
  741. }
  742.  
  743. .permalink a {
  744. padding:0;
  745. color:white;
  746. box-shadow:none;
  747. border-bottom:0 solid transparent;
  748. transition:0.6s;
  749. }
  750.  
  751. .permalink a:hover {
  752. border-bottom:1px solid white;
  753. transition:0.6s;
  754. }
  755.  
  756. .permalink svg {
  757. display:inline-block;
  758. width:1em;
  759. height:1em;
  760. margin:0;
  761. vertical-align:middle;
  762. color:white;
  763. }
  764.  
  765. .permalink a.reblog {
  766. padding:2px 7px 3px;
  767. border-radius:4px;
  768. {block:indexpage}
  769. background-color:{color:background};
  770. {/block:indexpage}
  771. {block:permalinkpage}
  772. background-color:{color:content};
  773. {/block:permalinkpage}
  774. }
  775.  
  776. .permalink a.reblog:hover {
  777. {block:indexpage}
  778. background-color:rgba({RGBcolor:background}, .5);
  779. {/block:indexpage}
  780. {block:permalinkpage}
  781. background-color:rgba({RGBcolor:content}, .5);
  782. {/block:permalinkpage}
  783. border:0;
  784. }
  785.  
  786. /* like button */
  787.  
  788. .controls {
  789. {block:indexpage}
  790. display:block;
  791. margin-bottom:15px;
  792. {/block:indexpage}
  793. {block:permalinkpage}
  794. display:inline-block;
  795. vertical-align:top;
  796. margin-right:15px;
  797. {/block:permalinkpage}
  798. }
  799.  
  800. .controls a,
  801. .controls a:hover {
  802. box-shadow:none;
  803. border:0;
  804. }
  805.  
  806. a.like-b {
  807. position:relative;
  808. display:inline-block;
  809. margin-right:1.25em;
  810. }
  811.  
  812. a.like-b .like_button {
  813. position:absolute;
  814. width:100%;
  815. height:100%;
  816. }
  817.  
  818. a.like-b .like_button iframe {
  819. position:absolute;
  820. top:0; left:0;
  821. bottom:0; right:0;
  822. z-index:2;
  823. opacity:0.0000001;
  824. width:100%;
  825. height:100%;
  826. }
  827.  
  828. .like-b .liked + svg {
  829. color:{color:titles};
  830. fill:{color:titles};
  831. }
  832.  
  833. /* tags */
  834.  
  835. .posts_tags {
  836. display:block;
  837. width:{select:post width}px;
  838. margin-top:20px;
  839. text-align:left;
  840. color:{color:tags};
  841. }
  842.  
  843. .posts_tags span {
  844. display:inline;
  845. vertical-align:middle;
  846. font-weight:700;
  847. margin-right:1px;
  848. opacity:.6;
  849. }
  850.  
  851. .posts_tags a {
  852. display:inline-block;
  853. margin-right:1em;
  854. color:{color:tags};
  855. }
  856.  
  857. .posts_tags a:last-of-type {
  858. margin-right:0;
  859. }
  860.  
  861. /*post notes */
  862.  
  863. .posts_notes {
  864. display:block;
  865. margin-top:25px;
  866. width:100%;
  867. }
  868.  
  869. .root,
  870. .parent {
  871. display:inline-block;
  872. width:49%;
  873. overflow:hidden;
  874. padding:0;
  875. margin:0;
  876. font-size:12px;
  877. border:0;
  878. text-transform:uppercase;
  879. letter-spacing:.1em;
  880. }
  881.  
  882. .root a,
  883. .parent a {
  884. box-shadow:none;
  885. }
  886.  
  887. .root img,
  888. .parent img {
  889. float:left;
  890. display:inline;
  891. width:40px;
  892. height:40px;
  893. padding:0;
  894. margin:0;
  895. margin-right:.5em;
  896. border-radius:50%;
  897. vertical-align:top;
  898. }
  899.  
  900. .root b,
  901. .parent b {
  902. display:block;
  903. font-weight:700;
  904. letter-spacing:.1em;
  905. color:{color:link};
  906. }
  907.  
  908. #postnotes {
  909. display:block;
  910. margin-top:15px;
  911. text-align:right;
  912. }
  913.  
  914. ol.notes {
  915. list-style:none;
  916. padding:0;
  917. margin:0;
  918. }
  919.  
  920. ol.notes li.note:before,
  921. ol.notes li.note.more_notes_link_container:before {
  922. display:none;
  923. }
  924.  
  925. ol.notes li.note {
  926. display:block;
  927. position:relative;
  928. line-height:16px;
  929. width:100%;
  930. padding:.5em;
  931. box-sizing:border-box;
  932. margin:0;
  933. margin-bottom:10px;
  934. counter-increment:none;
  935. color:{color:text};
  936. border-radius:5px;
  937. background:{color:content};
  938. }
  939.  
  940. ol.notes li.note a {
  941. color:{color:link};
  942. border:0;
  943. }
  944.  
  945. li.note blockquote {
  946. display:block;
  947. margin-top:10px;
  948. margin-right:10px;
  949. color:{color:text};
  950. }
  951.  
  952. ol.notes li.note img.avatar {
  953. display:inline-block;
  954. vertical-align:middle;
  955. width:14px;
  956. height:14px;
  957. margin-right:.5em;
  958. }
  959.  
  960. ol.notes li.note.more_notes_link_container {
  961. display:block;
  962. background:none;
  963. text-transform:lowercase;
  964. text-align:center;
  965. padding:0;
  966. border:0;
  967. margin-top:1em;
  968. }
  969.  
  970. /* pagination */
  971.  
  972. footer {
  973. display:block;
  974. width:100%;
  975. margin:0;
  976. }
  977.  
  978. .pagination,
  979. .credit {
  980. display:block;
  981. padding:2em 0 4em;
  982. text-align:center;
  983. }
  984.  
  985. .pagination {
  986. padding-bottom:0;
  987. }
  988.  
  989. .jump {
  990. display:inline-block;
  991. vertical-align:middle;
  992. margin-right:4em;
  993. }
  994.  
  995. .pagination a {
  996. box-shadow:none;
  997. color:{color:link};
  998. display:inline-block;
  999. opacity:.4;
  1000. margin-right:4em;
  1001. vertical-align:middle;
  1002. }
  1003.  
  1004. .pagination a:last-of-type {
  1005. margin-right:0;
  1006. }
  1007.  
  1008. .pagination svg {
  1009. display:inline-block;
  1010. vertical-align:middle;
  1011. width:1em;
  1012. height:1em;
  1013. padding:2px;
  1014. margin:2px 5px 0;
  1015. border-radius:50%;
  1016. color:{color:link};
  1017. vertical-align:top;
  1018. }
  1019.  
  1020. .pagination a.active {
  1021. opacity:1;
  1022. font-weight:700;
  1023. }
  1024.  
  1025. .pagination a.current_page,
  1026. .pagination a.jump_page {
  1027. opacity:1;
  1028. font-weight:700;
  1029. width:2em;
  1030. height:2em;
  1031. padding:.3em 0;
  1032. border-radius:50%;
  1033. text-align:center;
  1034. -moz-box-sizing:border-box;
  1035. -webkit-box-sizing:border-box;
  1036. box-sizing:border-box;
  1037. }
  1038.  
  1039. .pagination a.current_page {
  1040. background-color:rgba({RGBcolor:content}, .6);
  1041. }
  1042.  
  1043. .pagination a.jump_page:hover,
  1044. .pagination a.active:hover svg {
  1045. color:white;
  1046. background-color:{color:link};
  1047. }
  1048.  
  1049. {CustomCSS}
  1050.  
  1051. @media (max-width:900px){
  1052. header {
  1053. position:relative;
  1054. transition:0.6s;
  1055. }
  1056. .dropdown input[type=checkbox],
  1057. .dropdown-toggle {
  1058. display:block;
  1059. transition:0.6s;
  1060. }
  1061. .dropdown input[type=checkbox]:hover ~ .dropdown-toggle svg,
  1062. .dropdown input[type=checkbox]:checked ~ .dropdown-toggle svg {
  1063. color:white;
  1064. background-color:{color:link};
  1065. transition:0.6s;
  1066. }
  1067. .dropdown input[type=checkbox]:checked ~ .dropdown-menu {
  1068. display:block;
  1069. transition:0.6s;
  1070. }
  1071. .dropdown-menu {
  1072. display:none;
  1073. position:absolute;
  1074. width:140px;
  1075. margin:25px 0 0;
  1076. right:100px;
  1077. transition:0.6s;
  1078. }
  1079. .dropdown-menu a.header-link {
  1080. display:block;
  1081. margin:0 0 2px 0;
  1082. padding:5px;
  1083. border-radius:6px;
  1084. background-color:{color:content};
  1085. box-shadow:none;
  1086. }
  1087. .dropdown-menu a.header-link:hover {
  1088. color:white;
  1089. letter-spacing:.5px;
  1090. }
  1091. aside {
  1092. position:relative;
  1093. width:{select:post width}px;
  1094. box-sizing:border-box;
  1095. padding:1em;
  1096. margin:100px auto 50px;
  1097. top:0; left:0; right:0;
  1098. display:flex;
  1099. align-items:center;
  1100. flex-wrap:wrap;
  1101. grid-area:two;
  1102. transition:0.6s;
  1103. }
  1104. .savatar {
  1105. display:inline-block;
  1106. width:64px;
  1107. height:64px;
  1108. margin:0;
  1109. transition:0.6s;
  1110. }
  1111. #wrap {
  1112. width:calc(100% - 64px);
  1113. box-sizing:border-box;
  1114. padding:0 0 0 1em;
  1115. display:inline-block;
  1116. text-align:left;
  1117. transition:0.6s;
  1118. }
  1119. section {
  1120. display:block;
  1121. width:calc({select:post width}px);
  1122. margin:50px auto;
  1123. transition:0.6s;
  1124. }
  1125. article {
  1126. display:block;
  1127. width:100%!important;
  1128. margin:0;
  1129. transition:0.6s;
  1130. }
  1131. .posts_permalink,
  1132. .posts_tags {
  1133. margin-top:15px;
  1134. transition:0.6s;
  1135. }
  1136. .controls {
  1137. display:inline-block;
  1138. vertical-align:top;
  1139. margin:0 15px 0 0;
  1140. }
  1141. }
  1142.  
  1143. @media (max-width:{select:post width}px){
  1144. aside {
  1145. width:100%;
  1146. transition:0.6s;
  1147. }
  1148. section {
  1149. width:100%;
  1150. transition:0.6s;
  1151. }
  1152. }
  1153.  
  1154. @media (max-width:400px) {
  1155. header {
  1156. text-align:center;
  1157. padding:1em;
  1158. transition:0.6s;
  1159. }
  1160. input.link {
  1161. position:relative;
  1162. width:calc(100% + 2em);
  1163. margin:2em -1em -1em;
  1164. transition:0.6s;
  1165. }
  1166. a.header-link {
  1167. display:block;
  1168. margin:0 0 1em;
  1169. text-align:center;
  1170. box-shadow:none;
  1171. }
  1172. .dropdown {
  1173. display:block;
  1174. margin:0 auto;
  1175. width:100%;
  1176. text-align:center;
  1177. transition:0.6s;
  1178. }
  1179. .dropdown input[type=checkbox] {
  1180. width:100%;
  1181. height:2em;
  1182. right:0; left:0;
  1183. transition:0.6s;
  1184. }
  1185. .dropdown-menu {
  1186. position:relative;
  1187. width:100%!important;
  1188. margin:10px 0 0;
  1189. left:0; right:0;
  1190. transition:0.6s;
  1191. text-align:center;
  1192. transition:0.6s;
  1193. }
  1194. .dropdown-menu a.header-link {
  1195. background-color:{color:background};
  1196. }
  1197. }
  1198.  
  1199. @media (max-width:300px) {
  1200. aside {
  1201. display:block;
  1202. transition:0.6s;
  1203. }
  1204. .savatar {
  1205. display:block;
  1206. width:64px;
  1207. height:64px;
  1208. margin:0 auto 15px;
  1209. transition:0.6s;
  1210. }
  1211. #wrap {
  1212. width:calc(100%);
  1213. padding:1em;
  1214. display:block;
  1215. transition:0.6s;
  1216. }
  1217. }
  1218.  
  1219. </style>
  1220.  
  1221. <body>
  1222.  
  1223. <header>
  1224. <a class="header-link" href="/">{lang:home}</a>
  1225. {block:AskEnabled}<a class="header-link" href="/ask">{lang:Mail}</a>{/block:AskEnabled}
  1226. <a class="header-link" href="/archive">{lang:Archive}</a>
  1227.  
  1228. <div class="dropdown">
  1229. <input type="checkbox" name="">
  1230. <label class="dropdown-toggle">
  1231. {lang:Navigate} <i data-feather="chevron-down"></i>
  1232. </label>
  1233. <div class="dropdown-menu">
  1234. {block:ifLink1}<a class="header-link" href="{text:Link1 URL}">
  1235. {text:Link1}</a>{/block:ifLink1}
  1236. {block:ifLink2}<a class="header-link" href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
  1237. {block:ifLink3}<a class="header-link" href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
  1238. {block:ifLink4}<a class="header-link" href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
  1239. </div>
  1240. </div>
  1241.  
  1242. <form>
  1243. <input class="link" type="button" value="{lang:follow}"
  1244. onclick="window.open('https://tumblr.com/follow/{name}',
  1245. 'newwindow',
  1246. 'width=600,height=400');
  1247. return false;" />
  1248. </form>
  1249. </header>
  1250.  
  1251. <aside>
  1252. <img class="savatar" src="{image:portrait}" />
  1253.  
  1254. <div id="wrap">
  1255. <a class="titlebar" href="/">{title}</a>
  1256. <div id="stext">{description}</div>
  1257. </div>
  1258. </aside>
  1259.  
  1260. <section id="entries">
  1261.  
  1262. {block:SearchPage}
  1263. <article class="posts_page">
  1264. {lang:Found SearchResultCount results for SearchQuery 2}
  1265. {block:NoSearchResults}
  1266. {lang:No results for SearchQuery 2}
  1267. {/block:NoSearchResults}
  1268. </article>
  1269. {/block:SearchPage}
  1270.  
  1271. {block:TagPage}
  1272. <article class="posts_page">
  1273. {lang:TagResultCount posts tagged Tag 2}
  1274. </article>
  1275. {/block:TagPage}
  1276.  
  1277. {block:Posts}
  1278. <article class="posts" id="{PostID}">
  1279.  
  1280. <!-- posts -->
  1281.  
  1282. {block:Link}
  1283. <a class="titles" href="{URL}">{Name}</a>
  1284.  
  1285. {block:Description}
  1286. {block:NotReblog}
  1287. <li class="caption">
  1288. <div class="text">{Description}</div>
  1289. </li>
  1290. {/block:NotReblog}
  1291. {/block:Description}
  1292.  
  1293. {block:RebloggedFrom}
  1294. {block:Reblogs}
  1295. {block:IsActive}
  1296. {block:IsOriginalEntry}
  1297. <li class="caption">
  1298. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a>
  1299. <div class="text" style="margin-top:1em;">{Body}</div>
  1300. </li>
  1301. {/block:IsOriginalEntry}
  1302.  
  1303. {block:IsNotOriginalEntry}
  1304. <li class="caption">
  1305. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a>
  1306. <div class="text" style="margin-top:1em;">{Body}</div>
  1307. </li>
  1308. {/block:IsNotOriginalEntry}
  1309. {/block:IsActive}
  1310.  
  1311. {block:IsDeactivated}
  1312. {block:IsOriginalEntry}
  1313. <li class="caption">
  1314. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {username}</a>
  1315. <div class="text" style="margin-top:1em;">{Body}</div>
  1316. </li>
  1317. {/block:IsOriginalEntry}
  1318.  
  1319. {block:IsNotOriginalEntry}
  1320. <li class="caption">
  1321. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a>
  1322. <div class="text" style="margin-top:1em;">{Body}</div>
  1323. </li>
  1324. {/block:IsNotOriginalEntry}
  1325. {/block:IsDeactivated}
  1326. {/block:Reblogs}
  1327. {/block:RebloggedFrom}
  1328. {/block:Link}
  1329.  
  1330. {block:Chat}
  1331. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  1332. <ol class="chat">
  1333. {block:Lines}<li class="l {Alt}">
  1334. {block:label}<span class="label">{label}</span>{/block:label}
  1335. <span class="line">{Line}</span>
  1336. </li>{/block:Lines}
  1337. </ol>
  1338. {/block:Chat}
  1339.  
  1340. {block:Quote}
  1341. <div class="quote">{Quote}</div>
  1342. {block:Source}<div id="s" class="text">{Source}</div>{/block:Source}
  1343. {/block:Quote}
  1344.  
  1345. {block:Text}
  1346. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  1347.  
  1348. {block:RebloggedFrom}
  1349. {block:Reblogs}
  1350. {block:IsActive}
  1351. {block:IsOriginalEntry}
  1352. <li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}">
  1353. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a>
  1354. <div class="text" style="margin-top:1em;">{Body}</div>
  1355. </li>
  1356. {/block:IsOriginalEntry}
  1357.  
  1358. {block:IsNotOriginalEntry}
  1359. <li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}">
  1360. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a>
  1361. <div class="text" style="margin-top:1em;">{Body}</div>
  1362. </li>
  1363. {/block:IsNotOriginalEntry}
  1364. {/block:IsActive}
  1365.  
  1366. {block:IsDeactivated}
  1367. {block:IsOriginalEntry}
  1368. <li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}">
  1369. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a>
  1370. <div class="text" style="margin-top:1em;">{Body}</div>
  1371. </li>
  1372. {/block:IsOriginalEntry}
  1373.  
  1374. {block:IsNotOriginalEntry}
  1375. <li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}">
  1376. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a>
  1377. <div class="text" style="margin-top:1em;">{Body}</div>
  1378. </li>
  1379. {/block:IsNotOriginalEntry}
  1380. {/block:IsDeactivated}
  1381. {/block:Reblogs}
  1382. {/block:RebloggedFrom}
  1383.  
  1384. {block:NotReblog}
  1385. <li class="caption">
  1386. <div class="text">{Body}</div>
  1387. </li>
  1388. {/block:NotReblog}
  1389. {/block:Text}
  1390.  
  1391. {block:Photo}<div id="media"><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"><img src="{PhotoURL-HighRes}" /></a></div>{/block:Photo}
  1392.  
  1393. {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)" style="cursor:pointer;"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
  1394.  
  1395. {block:Video}
  1396. <div class="video" id="media">{Video-500}</div>
  1397. {/block:Video}
  1398.  
  1399. {block:Audio}
  1400. {block:AudioEmbed}
  1401. <div class="audio-media" style="border:none; margin-top:-1px;">
  1402. <div class="width_fix">{AudioEmbed-500}</div>
  1403. </div>
  1404. {/block:AudioEmbed}
  1405. {/block:Audio}
  1406.  
  1407. {block:Answer}
  1408. <div class="question">
  1409. <div class="asker">{Asker} asked</div>
  1410. <div class="asker-question">{Question}</div>
  1411. </div>
  1412.  
  1413. {block:Answerer}
  1414. <div class="answer">
  1415. <img class="answerer-avatar" src="{AnswererPortraitURL-40}">
  1416. <div class="answerer">{Answerer} said</div>
  1417. <div class="answerer-answer text">{Answer}</div>
  1418. </div>
  1419. {/block:Answerer}
  1420.  
  1421. {block:NotReblog}
  1422. <li class="caption">
  1423. <div class="replies text">{Replies}</div>
  1424. </li>
  1425. {/block:NotReblog}
  1426.  
  1427. {block:RebloggedFrom}
  1428. {block:Reblogs}
  1429. {block:IsActive}
  1430. <li class="caption">
  1431. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">
  1432. <img class="user-avatar" src="{PortraitURL-64}"> {Username}
  1433. </a><div class="replies text" style="margin-top:1em;">{Body}</div>
  1434. </li>
  1435. {/block:IsActive}
  1436.  
  1437. {block:IsDeactivated}
  1438. <li class="caption">
  1439. <div {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank">
  1440. <img class="user-avatar" src="{PortraitURL-64}"> {Username}
  1441. </div><div class="replies text" style="margin-top:1em;">{Body}</div>
  1442. </li>
  1443. {/block:IsDeactivated}
  1444. {/block:Reblogs}
  1445. {/block:RebloggedFrom}
  1446. {/block:Answer}
  1447. </article>
  1448.  
  1449. <!-- caption -->
  1450. <article class="posts_permalink">
  1451. {block:date}
  1452. <div class="permalink">
  1453. <div class="controls">
  1454. <a href="#" class="like-b">
  1455. {LikeButton}<i data-feather="heart"></i>
  1456. </a><a class="reblog" href="{reblogurl}" target="_blank">reblog</a>
  1457. </div>
  1458.  
  1459. <a href="{permalink}">
  1460. <span class="time-ago">
  1461. {TimeStamp}
  1462. </span>
  1463.  
  1464. {block:NoteCount}
  1465. with <span class="notecount">
  1466. {NoteCount}
  1467. </span> notes
  1468. {/block:NoteCount}
  1469. </a>
  1470. </div>
  1471. {/block:date}
  1472.  
  1473. {block:Caption}
  1474. {block:Reblogs}
  1475. <li class="caption">
  1476. {block:IsOriginalEntry}
  1477. {block:IsActive}
  1478. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}" /> {Username}</a>
  1479. {/block:IsActive}
  1480.  
  1481. {block:IsDeactivated}
  1482. <div class="user deactivated">
  1483. <img class="user-avatar" src="{PortraitURL-64}" /> {Username}
  1484. </div>
  1485. {/block:IsDeactivated}
  1486. {/block:IsOriginalEntry}
  1487.  
  1488. {block:IsNotOriginalEntry}
  1489. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}" /> {Username}</a>
  1490. {/block:IsNotOriginalEntry}
  1491.  
  1492. <div class="text" style="margin-top:1em;">{Body}</div>
  1493. </li>
  1494. {/block:Reblogs}
  1495.  
  1496. {block:NotReblog}
  1497. <li class="caption">
  1498. <div class="text">{Caption}</div>
  1499. </li>
  1500. {/block:NotReblog}
  1501.  
  1502. <!--{block:ContentSource}
  1503. <a href="{SourceURL}">Source</a>
  1504. {/block:ContentSource}-->
  1505. {/block:Caption}
  1506. </article>
  1507.  
  1508. <!-- tags -->
  1509.  
  1510. {block:HasTags}
  1511. <article class="posts_tags">
  1512. {block:permalinkpage}
  1513. {lang:Tagged with}:
  1514. {/block:permalinkpage}
  1515. {block:Tags}
  1516. <span>#</span><a href="{TagUrl}">{Tag}</a>
  1517. {/block:Tags}
  1518. </article>
  1519. {/block:HasTags}
  1520.  
  1521. {block:indexpage}<div style="width:100%;display:block;height:75px;pointer-events:none;"></div>{/block:indexpage}
  1522.  
  1523. <!-- post notes -->
  1524. {block:PostNotes}
  1525. <article class="posts_notes">
  1526. {block:RebloggedFrom}
  1527. {block:ContentSource}
  1528. <span class="root"><a href="{ReblogParentURL}">
  1529. <img src="{ReblogRootPortraitURL-40}" />
  1530. reblogged from <b>{ReblogParentName}</b>
  1531. </a></span>
  1532. {/block:ContentSource}
  1533. <span class="parent"><a href="{ReblogRootURL}">
  1534. <img src="{ReblogParentPortraitURL-40}" />
  1535. posted by <b>{ReblogRootName}</b>
  1536. </a></span>
  1537. {/block:RebloggedFrom}
  1538.  
  1539. <div id="postnotes">
  1540. {PostNotes}
  1541. </div>
  1542. </article>
  1543. {/block:PostNotes}
  1544. {/block:Posts}
  1545. </section>
  1546.  
  1547. <footer>
  1548. {block:Pagination}
  1549. <div class="pagination">
  1550. <a {block:PreviousPage}class="active" href="{PreviousPage}"{/block:PreviousPage}><i data-feather="arrow-left"></i> {lang:Prev}</a>
  1551. <span class="jump">
  1552. {block:JumpPagination length="4"}
  1553. {block:CurrentPage}<a class="current_page">{PageNumber}</a>{/block:CurrentPage}
  1554. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1555. {/block:JumpPagination}
  1556. </span>
  1557. <a {block:NextPage}class="active" href="{NextPage}"{/block:NextPage}>{lang:Next} <i data-feather="arrow-right"></i></a>
  1558. </div>
  1559. {/block:Pagination}
  1560. <div class="credit">
  1561. theme by <a href="https://aurthms.tumblr.com">aurthms</a>
  1562. </div>
  1563. </footer>
  1564.  
  1565. <!-- scripts -->
  1566.  
  1567. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  1568. <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
  1569. <script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1570. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1571. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  1572. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1573.  
  1574. <script>
  1575. $(document).ready(function(){
  1576. // feather icons
  1577. feather.replace()
  1578. // audio player
  1579. var $audio = $('iframe.tumblr_audio_player');
  1580. $audio.load(function() {
  1581. $(this).contents().find('head').append('<style type="text/css">' +
  1582. '.audio-player { background: {color:audio post background}; color: {color:audio post text} !important; }' +
  1583. '.audio-player .audio-info .track-artist { color: {color:audio post text} !important; }' +
  1584. '</style>');
  1585. });
  1586. // short notes by shythemes
  1587. var $container = $('#entries');
  1588. $container.find('.notecount').each(function(){
  1589. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1590. if (n > 999) {
  1591. n = Math.floor(n / 100) / 10;
  1592. $(this).text(n + 'k');
  1593. }
  1594. });
  1595. // timeago by bychloethemes
  1596. $('.time-ago').timeAgo({
  1597. time: "word",
  1598. spaces: true,
  1599. words: true,
  1600. prefix: "",
  1601. suffix: "ago",
  1602. });
  1603. // flexible frames by nouvae
  1604. function flexFrame() {
  1605. $(".caption").each(function() {
  1606. $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
  1607. flexibleFrames($(".iframe-flex"));
  1608. });
  1609. flexibleFrames($(".video"));}
  1610. $(document).ready(flexFrame);
  1611. //remove tumblr redirects script by magnusthemes@tumblr
  1612. $('a[href*="t.umblr.com/redirect"]').each(function(){
  1613. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1614. var replaceURL = decodeURIComponent(originalURL);
  1615. $(this).attr("href", replaceURL);
  1616. });
  1617. });
  1618. // photosets
  1619. function gatherData(images, arr) {
  1620. for (let i = 0; i < images.length; i++) {
  1621. let currentData = {
  1622. "width": images[i].getAttribute('data-width'),
  1623. "height": images[i].getAttribute('data-height'),
  1624. "low_res": images[i].getAttribute('data-lowres'),
  1625. "high_res": images[i].getAttribute('data-highres')
  1626. };
  1627. arr.push(currentData);
  1628. }
  1629. }
  1630. function getIndex(elem) {
  1631. let i = 0;
  1632. while( (elem = elem.previousElementSibling) != null ) i++;
  1633. return i;
  1634. }
  1635. function lightbox(elem) {
  1636. let currentPhotoset = elem.parentNode;
  1637. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  1638. let data = [];
  1639. gatherData(photosetPhotos, data);
  1640. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  1641. }
  1642. </script>
  1643.  
  1644. </body>
  1645. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!