niehauscosima

cacau

Jun 13th, 2019
7,049
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.92 KB | None | 0 0
  1. <!--
  2.  
  3. cacau by ananda (captainmarvels)
  4.  
  5. ////////////////////////////////////////////////
  6.  
  7. base code
  8. © sorrism
  9.  
  10. pxu photosets
  11. the MIT license (MIT) copyright (c) 2013
  12. © pixel union, modified by bychloethemes
  13.  
  14. feather icons
  15. © cole bemis
  16.  
  17. -----------------------------------------------------------------------------
  18.  
  19. sidebar customization instructions
  20.  
  21. • if you want icons instead of words, read the following:
  22.  
  23. a) go to https://feathericons.com choose an icon you like.
  24. b) copy <i data-feather=""></i>, put the name of the icon inside the " and paste it in the line that is supposed to have the name of your link.
  25.  
  26. -->
  27.  
  28. <!DOCTYPE html>
  29. <head>
  30.  
  31. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  32.  
  33. <link rel="shortcut icon" href="{favicon}">
  34.  
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37.  
  38. <!--default variables-->
  39.  
  40. <meta name="select:body font" content="Helvetica" title="Helvetica"/>
  41. <meta name="select:body font" content="Heebo" title="Heebo"/>
  42. <meta name="select:body font" content="Roboto" title="Roboto"/>
  43.  
  44. <meta name="select:accent font" content="Mada" title="Mada"/>
  45. <meta name="select:accent font" content="Changa" title="Changa"/>
  46. <meta name="select:accent font" content="Bai Jamjuree" title="Bai Jamjuree"/>
  47.  
  48. <meta name="select:post size" content="540" title="540"/>
  49. <meta name="select:post size" content="450" title="450"/>
  50. <meta name="select:post size" content="350" title="350"/>
  51.  
  52. <meta name="color:background" content="#ffffff"/>
  53. <meta name="color:text" content="#444444"/>
  54. <meta name="color:link" content="#888888"/>
  55. <meta name="color:link hover" content="#868686"/>
  56. <meta name="color:tags" content="#666666"/>
  57. <meta name="color:accent" content="#c5895f"/>
  58.  
  59. <meta name="text:text size" content="11.5px"/>
  60.  
  61. <meta name="text:home title" content="index"/>
  62. <meta name="text:ask title" content="message"/>
  63. <meta name="text:archive title" content="history"/>
  64. <meta name="text:link 1 url" content="" />
  65. <meta name="text:link 1 name" content="" />
  66. <meta name="text:link 2 url" content="" />
  67. <meta name="text:link 2 name" content="" />
  68. <meta name="text:link 3 url" content="" />
  69. <meta name="text:link 3 name" content="" />
  70. <meta name="text:link 4 url" content="" />
  71. <meta name="text:link 4 name" content="" />
  72.  
  73. <meta name="image:sidebar" content=""/>
  74.  
  75. <!--fonts-->
  76.  
  77. <link href="https://fonts.googleapis.com/css?family=Heebo:400,500,700,800,900|Mada:400,500,600,700,900|Roboto:400,400i,500,500i,700,700i,900,900|Bai+Jamjuree:400,400i,500,500i,600,600i,700,700i|Changa:400,500,600,700&display=swap" rel="stylesheet">
  78.  
  79. <!--scripts-->
  80.  
  81. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  82. <!--infinite scroll by paul irish-->
  83. <script src="/path/to/infinite-scroll.pkgd.min.js"></script>
  84. <!--feather icons by -->
  85. <script src="https://unpkg.com/feather-icons"></script>
  86. <!--video resizing by shythemes-->
  87. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  88. <!--pxu photosets by pixel union and bychloethemes-->
  89. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script> <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  90.  
  91. <!--css customization-->
  92.  
  93. <style type="text/css">
  94.  
  95.  
  96. .tmblr-full img {
  97. max-width:100%;
  98. }
  99.  
  100. .vignette, #vignette {
  101. opacity:0;
  102. }
  103.  
  104. .lightbox-image, #tumblr_lightbox img {
  105. box-shadow:none !important;
  106. border-radius:0 !important;
  107. max-width:none;
  108. }
  109.  
  110. .tmblr-lightbox, #tumblr_lightbox {
  111. background-color:rgba(255,255,255,.8) !important;
  112. }
  113.  
  114. #tumblr_lightbox img {
  115. padding:5px;
  116. -moz-box-sizing:border-box;
  117. box-sizing:border-box;
  118. }
  119.  
  120. .lightbox-image {
  121. padding:0px;
  122. background-color:rgba(255,255,255,1) !important;
  123. }
  124.  
  125. /*tumblr controls by cyantists*/
  126.  
  127. iframe.tmblr-iframe {
  128. z-index:99999999999999!important;
  129. top:14px!important;
  130. right:19px!important;
  131. opacity:0;
  132. padding-right:38px;
  133. /* delete invert(1) from here */
  134. filter:invert(1) contrast(150%);
  135. -webkit-filter:invert(1) contrast(150%);
  136. -o-filter:invert(1) contrast(150%);
  137. -moz-filter:invert(1) contrast(150%);
  138. -ms-filter:invert(1) contrast(150%);
  139. /* to here if your blog has a dark background */
  140. transform:scale(0.75);
  141. transform-origin:100% 0;
  142. -webkit-transform:scale(0.75);
  143. -webkit-transform-origin:100% 0;
  144. -o-transform:scale(0.75);
  145. -o-transform-origin:100% 0;
  146. -moz-transform:scale(0.75);
  147. -moz-transform-origin:100% 0;
  148. -ms-transform:scale(0.75);
  149. -ms-transform-origin:100% 0;
  150. -webkit-transition:opacity .3s ease-out;
  151. transition:opacity .3s ease-out;
  152. }
  153.  
  154. iframe.tmblr-iframe:hover {
  155. opacity:0.6!important;}
  156.  
  157. .hcontrols {
  158. position:fixed;
  159. top:8px;
  160. right:4px;
  161. z-index:999999999;}
  162.  
  163. .hcontrols svg {
  164. opacity:0.5;
  165. font-size:12px;
  166. height:20px;
  167. padding:15px;
  168. }
  169.  
  170. .hcontrols svg path {
  171. fill:{color:text};/* change this to change the color of the icon */
  172. }
  173.  
  174. ::-webkit-scrollbar {
  175. width:5px;
  176. height:3px;
  177. }
  178.  
  179. ::-webkit-scrollbar-thumb {
  180. background-color:{color:accent};
  181. min-height:10px;
  182. min-width:10px;
  183. }
  184.  
  185. .ui-tooltip {
  186. position:absolute;
  187. z-index:9999;
  188. padding-top:10px;
  189. border-radius:10%;
  190. }
  191.  
  192. .ui-tooltip-content {
  193. padding:0.50em 0.70em;
  194. background-color:#fff;
  195. border-radius:4px;
  196. border:1px solid #eee;
  197. font-size:11px;
  198. text-transform:lowercase;
  199. }
  200.  
  201. ::selection {
  202. background:#f8f8f8;
  203. color:{color:text};
  204. padding:3px;
  205. }
  206.  
  207. ::-moz-selection {
  208. background:#f8f8f8;
  209. color:#f8f8f8;
  210. }
  211.  
  212. ::-webkit-selection {
  213. background:#f8f8f8;
  214. color:#f8f8f8;
  215. }
  216.  
  217. body {
  218. font:{text:text size} {select:body font}, sans-serif;
  219. background:{color:background};
  220. color:{color:text};
  221. line-height:1.8em;
  222. word-wrap:break-word;
  223. text-align:left;
  224. opacity: 1;
  225. transition: 1s opacity;
  226. }
  227.  
  228. body.fade-out {
  229. opacity: 0;
  230. transition: none;
  231. }
  232.  
  233. a {
  234. color:{color:link};
  235. text-decoration:none;
  236. transition:all .3s linear;
  237. -webkit-transition:all .3s linear;
  238. -o-transition:all .3s linear;
  239. -moz-transition:all .3s linear;
  240. }
  241.  
  242. a:hover {
  243. color:{color:link hover};
  244. }
  245.  
  246. a, a img {cursor:pointer;}
  247.  
  248. img {
  249. opacity:1;
  250. border:0;
  251. text-decoration:none;
  252. max-width:100%;
  253. height:auto;
  254. display:block;
  255. }
  256.  
  257. b, strong, b a, strong a {
  258. font-weight:700!important;
  259. color:{color:text};
  260. }
  261.  
  262. small, big, sub, pre {
  263. margin:0;
  264. font-size:1em!important;
  265. vertical-align:baseline!important;
  266. }
  267.  
  268. i {
  269. font-style:italic;
  270. color:{color:text};
  271. }
  272.  
  273. h1, h2, h3, h4 {
  274. font-weight:700!important;
  275. margin:1em 0;
  276. font-family:{select:accent font}, sans-serif;
  277. color:{color:text};
  278. text-transform:uppercase;
  279. font-size:13px;
  280. }
  281.  
  282. p {margin:1em 0;}
  283.  
  284. ul:first-of-type,
  285. ol:first-of-type,
  286. p:first-of-type {margin-top:0;}
  287.  
  288. ul:last-of-type,
  289. ol:last-of-type,
  290. p:last-of-type {margin-bottom:0;}
  291.  
  292. blockquote, ol, ul, pre, figure {margin:1em 0;}
  293.  
  294. .posts h1:first-child,
  295. .posts h2:first-child,
  296. .posts h3:first-child,
  297. .posts h4:first-child {margin-top:0;}
  298.  
  299. hr {
  300. border:none;
  301. box-shadow:0;
  302. margin:2em auto;
  303. width:75px;
  304. }
  305.  
  306. ul, ol {
  307. list-style-type:circle;
  308. }
  309.  
  310. blockquote {
  311. padding:0;
  312. margin:0;
  313. border:0;
  314. }
  315.  
  316. pre {
  317. padding:0;
  318. margin:0;
  319. line-height:inherit!important;
  320. background:transparent;
  321. font-family:inherit!Important;
  322. font-size:inherit!important;
  323. white-space:pre-wrap;
  324. white-space:-moz-pre-wrap;
  325. white-space:-pre-wrap;
  326. white-space:-o-pre-wrap;
  327. word-wrap:break-word;
  328. }
  329.  
  330. #container {
  331. width:calc({select:post size}px + 150px + 100px);
  332. margin:0 auto;
  333. }
  334.  
  335. aside {
  336. display:block;
  337. width:150px;
  338. position:fixed;
  339. left:calc(50% + {select:post size}px / 2);
  340. }
  341.  
  342. .side-img {
  343. margin-bottom:15px;
  344. display:block;
  345. }
  346.  
  347. .side-img img {
  348. width:35px;
  349. height:auto;
  350. border-radius:2px;
  351. }
  352.  
  353. .blogtitle {
  354. display:inline-block;
  355. line-height:15px;
  356. margin-bottom:15px;
  357. }
  358.  
  359. .blogtitle a {
  360. color:{color:text};
  361. font-weight:700;
  362. font-family:{select:accent font}, sans-serif;
  363. text-transform:uppercase;
  364. display:block;
  365. border-bottom:2px solid {color:accent};
  366. padding-bottom:3px;
  367. }
  368.  
  369. .hvr-blogtitle {
  370. -webkit-transform:perspective(1px) translateZ(0);
  371. transform:perspective(1px) translateZ(0);
  372. position:relative;
  373. -webkit-transition-property:color;
  374. transition-property:color;
  375. -webkit-transition-duration:0.3s;
  376. transition-duration:0.3s;
  377. }
  378.  
  379. .hvr-blogtitle:before {
  380. content:"";
  381. position:absolute;
  382. z-index:-1;
  383. top:0;
  384. left:0;
  385. right:0;
  386. bottom:-2px;
  387. border-bottom:2px solid {color:text};
  388. -webkit-transform: scaleX(0);
  389. transform: scaleX(0);
  390. -webkit-transform-origin: 100% 50%;
  391. transform-origin: 100% 50%;
  392. -webkit-transition-property: transform;
  393. transition-property: transform;
  394. -webkit-transition-duration: 0.3s;
  395. transition-duration: 0.3s;
  396. -webkit-transition-timing-function: ease-out;
  397. transition-timing-function: ease-out;
  398. }
  399.  
  400. .hvr-blogtitle:hover, .hvr-blogtitle:focus, .hvr-blogtitle:active {
  401. color:{color:text};
  402. }
  403.  
  404. .hvr-blogtitle:hover:before, .hvr-blogtitle:focus:before, .hvr-blogtitle:active:before {
  405. -webkit-transform: scaleX(1);
  406. transform: scaleX(1);
  407. }
  408.  
  409. .blogtitle a:hover {
  410. color:{color:text};
  411. }
  412.  
  413. #description {
  414. margin-bottom:15px;
  415. display:block;
  416. text-align:left;
  417. clear:both;
  418. }
  419.  
  420. nav {
  421. text-align:left;
  422. }
  423.  
  424. nav a {
  425. font-weight:700!important;
  426. font-family:{select:accent font}, sans-serif;
  427. text-transform:uppercase;
  428. color:{color:text};
  429. display:inline-block;
  430. }
  431.  
  432. nav a:not(:last-child) {
  433. margin-right:10px;
  434. }
  435.  
  436. nav a:hover {
  437. color:{color:link hover};
  438. }
  439.  
  440. nav a svg {
  441. margin-right:5px;
  442. vertical-align:middle;
  443. stroke:{color:accent};
  444. stroke-width:3;
  445. stroke-linecap:round;
  446. stroke-linejoin:round;
  447. fill:none;
  448. padding-bottom:2px;
  449. width:14px;
  450. height:auto;
  451. overflow:visible;
  452. }
  453.  
  454. #pagination {
  455. text-align:center;
  456. margin-top:20px;
  457. display:block;
  458. }
  459.  
  460. #pagination a {
  461. display:inline-block;
  462. margin-right:5px;
  463. }
  464.  
  465. #pagination svg {
  466. text-align:center;
  467. border-radius:4px;
  468. stroke:#fff;
  469. stroke-width:4;
  470. stroke-linecap:round;
  471. stroke-linejoin:round;
  472. fill:none;
  473. padding:5px;
  474. width:14px;
  475. height:auto;
  476. background-color:{color:accent};
  477. overflow:visible;
  478. }
  479.  
  480. .entries {
  481. margin:100px 0;
  482. width:{select:post size}px;
  483. }
  484.  
  485. .posts {
  486. width:{select:post size}px;
  487. text-align:left;
  488. margin-bottom:100px;
  489. padding:15px;
  490. border-radius:4px;
  491. border-radius:4px;
  492. background-color:#fff;
  493. border:1px solid #f1f1f1;
  494. border-radius:4px;
  495. }
  496.  
  497. .posts:last-child {
  498. margin-bottom:0px;
  499. }
  500.  
  501. {block:Permalinkpage}
  502. .posts {
  503. margin-bottom:30px;
  504. }
  505. {/block:Permalinkpage}
  506.  
  507. .ph {
  508. position:relative;
  509. overflow:hidden;
  510. margin:0;
  511. }
  512.  
  513. .ph img {
  514. width:auto;
  515. display:block;
  516. }
  517.  
  518. .player {
  519. width:25px;
  520. height:24px;
  521. position:absolute;
  522. left:10px;
  523. top:calc(50% - 15px);
  524. display:block;
  525. overflow:hidden;
  526. }
  527.  
  528. .hold {
  529. text-align:left;
  530. background-color:{color:accent};
  531. position:relative;
  532. display:block;
  533. min-height:24px;
  534. padding:20px;
  535. border-radius:4px;
  536. }
  537.  
  538. .audio_info {
  539. vertical-align:middle;
  540. line-height:12px;
  541. margin-left:35px;
  542. max-width:calc(100% - 35px);
  543. }
  544.  
  545. .audio_info span {
  546. white-space:nowrap;
  547. overflow:hidden;
  548. text-overflow:ellipsis;
  549. display:block;
  550. }
  551.  
  552. .hold .track {color:#fff;}
  553.  
  554. .hold .artist {color:#fff;}
  555.  
  556. .comment {
  557. margin:0 0 15px 0;
  558. list-style:none;
  559. background:#f1f1f1;
  560. border-radius:4px;
  561. padding:15px;
  562. }
  563.  
  564. .user {
  565. line-height:20px;
  566. display:inline-block;
  567. vertical-align:middle;
  568. font-weight:700!important;
  569. color:{color:text};
  570. text-transform:lowercase;
  571. color:{color:text};
  572. margin-bottom:1em;
  573. }
  574.  
  575. .icon {
  576. margin-right:7px;
  577. display:inline-block;
  578. float:left;
  579. }
  580.  
  581. .icon img {
  582. border-radius:2px;
  583. width:20px;
  584. height:20px;
  585. }
  586.  
  587. .captioned .comment:first-of-type {margin-top:15px;}
  588.  
  589. .comment:last-of-type {margin-bottom:0!important;}
  590.  
  591. .tex li, .tex blockquote {text-align:left;}
  592.  
  593. .q {
  594. display:block;
  595. margin-bottom:15px;
  596. background:#fff;
  597. border:1px solid #f1f1f1;
  598. border-radius:4px;
  599. padding:15px;
  600. text-align:left;
  601. }
  602.  
  603. .as a {
  604. text-transform:uppercase;
  605. font-weight:700!important;
  606. font-family:{select:accent font}, sans-serif;
  607. }
  608.  
  609. .chat {
  610. text-align:left;
  611. padding:0;
  612. margin:0;
  613. list-style:none;
  614. }
  615.  
  616. .l {
  617. margin-bottom:1em;
  618. }
  619.  
  620. .l:last-child {
  621. margin-bottom:0;
  622. }
  623.  
  624. .label {
  625. font-weight:700!important;
  626. font-family:{select:accent font}, sans-serif;
  627. text-transform:uppercase;
  628. color:{color:text};
  629. padding-right:5px;
  630. display:inline-block;
  631. }
  632.  
  633. .permalink {
  634. margin:10px 0 0 0;
  635. }
  636.  
  637. .permalink a {
  638. display:inline-block;
  639. text-transform:uppercase;
  640. font-family:{select:accent font}, sans-serif;
  641. margin:0 10px 0 0;
  642. font-weight:700;
  643. color:{color:text};
  644. }
  645.  
  646. .permalink a:first-child {
  647. margin-left:0;
  648. }
  649.  
  650. .permalink a:last-child {
  651. margin-right:0;
  652. }
  653.  
  654. .tags a {
  655. color:{color:tags};
  656. margin:5px 5px 0 0;
  657. }
  658.  
  659. .tags {
  660. margin-top:5px;
  661. display:block;
  662. }
  663.  
  664. .tags svg {
  665. margin-right:5px;
  666. vertical-align:middle;
  667. stroke:{color:accent};
  668. stroke-width:3;
  669. stroke-linecap:round;
  670. stroke-linejoin:round;
  671. fill:none;
  672. padding-bottom:2px;
  673. width:14px;
  674. height:auto;
  675. overflow:visible;
  676. }
  677.  
  678. .custom-like-button {
  679. position: relative;
  680. display: inline-block;
  681. cursor: pointer;
  682. }
  683.  
  684. .like-b {
  685. position:relative;
  686. display: inline-block;
  687. height:auto;
  688. vertical-align:middle;
  689. overflow:hidden;
  690. }
  691. .like-b .like_button iframe {
  692. position:absolute;
  693. top:0;
  694. left:0;
  695. bottom:0;
  696. right:0;
  697. z-index:2;
  698. opacity:0.000001;
  699. }
  700.  
  701. .like-b .liked + .b {
  702. color:inherit;
  703. }
  704.  
  705. .like-b .liked + .b:after {
  706. content:'d';
  707. }
  708.  
  709. .quote:before {
  710. content:'“';
  711. padding-right:0.5px;
  712. }
  713.  
  714. .quote:after {
  715. content:'”';
  716. padding-left:0.5px;
  717. }
  718.  
  719. .quote {
  720. font-size:12px;
  721. font-style:italic;
  722. }
  723.  
  724. .source:before {
  725. content:'—';
  726. margin-right:5px;
  727. color:#ccc;
  728. }
  729.  
  730. .source {
  731. padding-top:0.5em;
  732. }
  733.  
  734. .pagenotes {
  735. padding:10px 0;
  736. width:{select:post size}px;
  737. }
  738. .pagenotes ol, .pagenotes ul {
  739. padding:0;
  740. margin:0;
  741. }
  742.  
  743. li.note {
  744. display:block;
  745. padding:0;
  746. }
  747.  
  748. li.note:not(:first-child):not(:last-child) {
  749. margin:8px 0;
  750. }
  751.  
  752. ol.notes li.note img.avatar {display:none;}
  753.  
  754. a.more_notes_link {
  755. display:block;
  756. text-align:center;
  757. }
  758.  
  759. .pagenotes blockquote {
  760. margin-left:2em;
  761. }
  762.  
  763. .c {
  764. opacity:0.8;
  765. display:block;
  766. font-size:13px;
  767. z-index:1;
  768. position:fixed;
  769. right:15px;
  770. bottom:20px;
  771. color:{color:text};
  772. }
  773.  
  774. {CustomCSS}
  775.  
  776. </style>
  777.  
  778. </head>
  779. <body>
  780. <script>document.body.className += ' fade-out';</script>
  781.  
  782. <div id="container">
  783.  
  784. <aside>
  785.  
  786. {block:ifsidebarimage}<div class="side-img"><img src="{image:sidebar}"></div>{/block:ifsidebarimage}
  787.  
  788. <div class="blogtitle"><a href="/" class="hvr-blogtitle">{Title}</a></div>
  789.  
  790. <div id="description">{Description}</div>
  791.  
  792. <nav>{block:ifhometitle}<a href="/">{text:home title}</a>{/block:ifhometitle}{block:ifasktitle}<a href="/ask">{text:ask title}</a>{/block:ifasktitle}{block:ifarchivetitle}<a href="/archive">{text:archive title}</a>{/block:ifarchivetitle}{block:iflink1url}<a href="{text:link 1 url}">{text:link 1 name}</a>{/block:iflink1url}{block:iflink2url}<a href="{text:link 2 url}">{text:link 2 name}</a>{/block:iflink2url}{block:iflink3url}<a href="{text:link 3 url}">{text:link 3 name}</a>{/block:iflink3url}{block:iflink4url}<a href="{text:link 4 url}">{text:link 4 name}</a>{/block:iflink4url}</nav>
  793.  
  794. </aside><!--sidebar-->
  795.  
  796. <div class="entries">
  797. {block:Posts}
  798. <div class="posts {block:caption}captioned{/block:caption}" id="{PostID}">
  799.  
  800. {block:Quote}
  801. <div class="quote">{quote}</div>
  802. {block:Source}
  803. <div class="source">{source}</div>
  804. {/block:Source}
  805. {/block:Quote}
  806.  
  807. {block:Text}
  808. {block:Title}<h1>{title}</h1>{/block:Title}
  809. {block:RebloggedFrom}
  810. {block:Reblogs}
  811. <li class="comment {block:Title}ted{/block:Title}">
  812. <a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a><div class="tex">{body}</div></li>
  813. {/block:Reblogs}
  814. {/block:RebloggedFrom}
  815. {block:NotReblog}
  816. <li class="comment {block:Title}ted{/block:Title}"><div class="tex">{body}</div></li>
  817. {/block:NotReblog}
  818. {/block:Text}
  819.  
  820. {block:Link}<h1><a href="{URL}">{name}</a></h1>
  821. {block:Description}
  822. {block:NotReblog}
  823. <li class="comment ted"><div class="tex">{description}</div></li>
  824. {/block:NotReblog}
  825. {/block:Description}
  826. {block:RebloggedFrom}
  827. {block:Reblogs}
  828. <li class="comment"><a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a><div class="tex">{body}</div></li>
  829. {/block:Reblogs}
  830. {/block:RebloggedFrom}
  831. {/block:Link}
  832.  
  833. {block:Chat}
  834. {block:Title}<h1>{title}</h1>{/block:Title}
  835. <ol class="chat {block:Title}ted{/block:Title}">
  836. {block:lines}<li class="l {Alt}">{block:label}<span class="label">{label}</span>{/block:label}{line}</li>{/block:lines}
  837. </ol>
  838. {/block:Chat}
  839.  
  840. <div class="ph">
  841.  
  842. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  843.  
  844. {block:Photoset}
  845. <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>
  846. {/block:Photoset}
  847.  
  848. <div class="video">{Video-500}</div>
  849.  
  850. {block:Audio}
  851. {block:audioplayer}
  852. <div class="hold">
  853. <div class="player">{audioplayerwhite}</div>
  854. <div class="audio_info">{block:trackname}<span class="track">{trackname}</span>{/block:trackname} {block:artist}<span class="artist">{artist}</span>{/block:artist}</div>
  855. </div>
  856. {/block:audioplayer}
  857. {/block:Audio}
  858.  
  859. {block:caption}
  860. {block:Reblogs}
  861. <li class="comment"><a href="{Permalink}" class="icon"><img src="{PortraitURL-64}"></a> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a><div class="tex">{body}</div></li>
  862. {/block:Reblogs}
  863. {block:NotReblog}
  864. <li class="comment"><div class="tex">{caption}</div></li>
  865. {/block:NotReblog}
  866. {/block:caption}
  867.  
  868. </div><!--ph-->
  869.  
  870. {block:Answer}
  871. <div class="q"><div class="as"><b>{asker}</b></div> {question}</div>
  872. {block:Answerer}
  873. <div class="q"><div class="as"><b>{answerer}</b></div> {answer}</div>
  874. {/block:Answerer}
  875. {block:NotReblog}
  876. <li class="comment"><div class="tex">{replies}</div></li>
  877. {/block:NotReblog}
  878. {block:RebloggedFrom}
  879. {block:Reblogs}
  880. <li class="comment"><div class="tex">{body}</div></li>
  881. {/block:Reblogs}
  882. {/block:RebloggedFrom}
  883. {/block:Answer}
  884.  
  885. {block:Date}
  886. <div class="permalink">
  887. <a href="{permalink}">{ShortMonth} {DayofMonth}</a> {block:NoteCount}
  888. <a href="{permalink}" class="notecount">{NoteCount}</a> {/block:NoteCount} {block:permalinkpage}<a href="{ReblogRootURL}">source</a> {/block:permalinkpage} <a href="{ReblogURL}" target="_blank" title="reblog">reblog</a> <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  889. </div>
  890.  
  891. {block:hasTags}
  892. <div class="tags hvr-tags">
  893. <i data-feather="paperclip"></i> {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}
  894. </div>
  895. {/block:hasTags}
  896.  
  897. {/block:Date}
  898. </div><!--posts-->
  899.  
  900. {block:PostNotes}
  901. <div class="pagenotes">
  902. {PostNotes}
  903. </div>
  904. {/block:PostNotes}
  905.  
  906. {/block:Posts}
  907.  
  908. {block:Pagination}
  909. <div id="pagination">
  910. {block:PreviousPage}<a href="{PreviousPage}"><i data-feather="chevron-left"></i></a></span> {/block:PreviousPage}
  911. {block:NextPage}<a href="{NextPage}"><i data-feather="chevron-right"></i></a>{/block:NextPage}
  912. </div>
  913. {/block:Pagination}
  914.  
  915. </div><!--entries-->
  916.  
  917. </div><!--container-->
  918.  
  919.  
  920. <script>
  921. feather.replace()
  922. var $container = $('.posts');
  923. $container.find('.notecount').each(function(){
  924. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  925. if (n > 999) {
  926. n = Math.floor(n / 100) / 10;
  927. $(this).text(n + 'k');
  928. }
  929. });
  930. $(document).ready(function() {
  931. $('body').tooltip({track:false});
  932. $('iframe.tumblr_audio_player').load( function() {
  933. $('iframe.tumblr_audio_player').contents().find("head")
  934. .append($("<style type='text/css'> .audio-player{background:{color:accent} !important} </style>"));
  935. });
  936. });
  937. $(function() {
  938. $('body').removeClass('fade-out');
  939. });
  940. $(document).ready(function(){
  941. $('.photo-slideshow').pxuPhotoset({
  942. lightbox:true,
  943. rounded:false,
  944. gutter:'4px',
  945. borderRadius:'2px',
  946. photoset:'.photo-slideshow',
  947. photoWrap:'.photo-data',
  948. photo:'.pxu-photo'
  949. });
  950. });
  951. var $container = $('.content');
  952. $container.infinitescroll({
  953. //[your options here],
  954. errorCallback: function(){
  955. $('.load-more').hide();
  956. }
  957. });
  958. $(window).unbind('.infscr');
  959. $('.load-more').click(function(){
  960. $container.infinitescroll('retrieve');
  961. return false
  962. });
  963. </script>
  964.  
  965. {block:ContentSource}
  966. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  967. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>
  968. {/block:SourceLogo}
  969. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  970. {/block:ContentSource}
  971.  
  972. <div class="hcontrols">
  973. <svg
  974. xmlns="http://www.w3.org/2000/svg"
  975. width="24"
  976. height="24"
  977. viewBox="0 0 24 24"
  978. fill="none"
  979. stroke="currentColor"
  980. stroke-width="2"
  981. stroke-linecap="round"
  982. stroke-linejoin="round"
  983. >
  984. <line x1="21" y1="10" x2="7" y2="10" />
  985. <line x1="21" y1="6" x2="3" y2="6" />
  986. <line x1="21" y1="14" x2="3" y2="14" />
  987. <line x1="21" y1="18" x2="7" y2="18" />
  988. </svg>
  989. </div>
  990.  
  991. <a class="c" href="https://captainmarvels.tumblr.com">✵</a>
  992.  
  993. </body>
  994. </html>
Advertisement
Add Comment
Please, Sign In to add comment