API tools faq
paste
Advertisement
mothmans

infinrubik

mothmans
Apr 22nd, 2019
207
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.80 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. infinity by ananda (captainmarvels)
  4. thanks for 10k followers! :)
  5.  
  6. ////////////////////////////////////////////////
  7.  
  8. base code
  9. © sorrism
  10.  
  11. pxu photosets
  12. the MIT license (MIT) copyright (c) 2013
  13. © pixel union, modified by bychloethemes
  14.  
  15. feather icons
  16. © cole bemis
  17.  
  18. -->
  19.  
  20. <!DOCTYPE html>
  21. <head>
  22.  
  23. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  24.  
  25. <link rel="shortcut icon" href="{favicon}">
  26.  
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <!--default variables-->
  31.  
  32. <meta name="if:blogtitle" content="1"/>
  33. <meta name="if:draggable tags" content="1"/>
  34. <meta name="if:search" content="1"/>
  35.  
  36. <meta name="select:body font" content="Helvetica" title="Helvetica"/>
  37. <meta name="select:body font" content="Heebo" title="Heebo"/>
  38. <meta name="select:body font" content="Roboto" title="Roboto"/>
  39.  
  40. <meta name="select:post size" content="540" title="540"/>
  41. <meta name="select:post size" content="450" title="450"/>
  42. <meta name="select:post size" content="350" title="350"/>
  43.  
  44. <meta name="color:background" content="#f7f7f7"/>
  45. <meta name="color:text" content="#444444"/>
  46. <meta name="color:link" content="#888888"/>
  47. <meta name="color:link hover" content="#868686"/>
  48. <meta name="color:audiobg" content="#868686"/>
  49.  
  50. <meta name="text:home title" content="index"/>
  51. <meta name="text:ask title" content="message"/>
  52. <meta name="text:archive title" content="history"/>
  53. <meta name="text:link 1 url" content="" />
  54. <meta name="text:link 1 name" content="" />
  55. <meta name="text:link 2 url" content="" />
  56. <meta name="text:link 2 name" content="" />
  57. <meta name="text:link 3 url" content="" />
  58. <meta name="text:link 3 name" content="" />
  59. <meta name="text:link 4 url" content="" />
  60. <meta name="text:link 4 name" content="" />
  61.  
  62. <meta name="image:sidebar" content=""/>
  63.  
  64. <!--fonts-->
  65.  
  66. <link href="https://fonts.googleapis.com/css?family=Bai+Jamjuree:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  67.  
  68. <link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i" rel="stylesheet">
  69. <link href="https://fonts.googleapis.com/css?family=Heebo:400,500,700|Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
  70.  
  71. <!--scripts-->
  72.  
  73. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  74. <!--feather icons by -->
  75. <script src="https://unpkg.com/feather-icons"></script>
  76. <!--video resizing by shythemes-->
  77. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  78. <!--pxu photosets by pixel union and bychloethemes-->
  79. <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"/>
  80.  
  81. <!--css customization-->
  82.  
  83. <style type="text/css">
  84.  
  85.  
  86. .tmblr-full img {
  87. max-width:100%;
  88. }
  89.  
  90. .vignette, #vignette {
  91. opacity:0;
  92. }
  93.  
  94. .lightbox-image, #tumblr_lightbox img {
  95. box-shadow:none !important;
  96. border-radius:0 !important;
  97. max-width:none;
  98. }
  99.  
  100. .tmblr-lightbox, #tumblr_lightbox {
  101. background-color:rgba(255,255,255,.8) !important;
  102. }
  103.  
  104. #tumblr_lightbox img {
  105. padding:5px;
  106. -moz-box-sizing:border-box;
  107. box-sizing:border-box;
  108. }
  109.  
  110. .lightbox-image {
  111. padding:0px;
  112. background-color:rgba(255,255,255,1) !important;
  113. }
  114.  
  115. /*tumblr controls by cyantists*/
  116.  
  117. iframe.tmblr-iframe {
  118. z-index:99999999999999!important;
  119. top:14px!important;
  120. right:19px!important;
  121. opacity:0;
  122. padding-right:38px;
  123. /* delete invert(1) from here */
  124. filter:invert(1) contrast(150%);
  125. -webkit-filter:invert(1) contrast(150%);
  126. -o-filter:invert(1) contrast(150%);
  127. -moz-filter:invert(1) contrast(150%);
  128. -ms-filter:invert(1) contrast(150%);
  129. /* to here if your blog has a dark background */
  130. transform:scale(0.75);
  131. transform-origin:100% 0;
  132. -webkit-transform:scale(0.75);
  133. -webkit-transform-origin:100% 0;
  134. -o-transform:scale(0.75);
  135. -o-transform-origin:100% 0;
  136. -moz-transform:scale(0.75);
  137. -moz-transform-origin:100% 0;
  138. -ms-transform:scale(0.75);
  139. -ms-transform-origin:100% 0;
  140. -webkit-transition:opacity .3s ease-out;
  141. transition:opacity .3s ease-out;
  142. }
  143.  
  144. iframe.tmblr-iframe:hover {
  145. opacity:0.6!important;}
  146.  
  147. .hcontrols {
  148. position:fixed;
  149. top:8px;
  150. right:4px;
  151. z-index:999999999;}
  152.  
  153. .hcontrols svg {
  154. opacity:0.5;
  155. width:20px;
  156. height:20px;
  157. padding:15px;
  158. stroke-width:2;
  159. }
  160.  
  161. .hcontrols svg path {
  162. fill:{color:text};/* change this to change the color of the icon */
  163. }
  164.  
  165. ::-webkit-scrollbar {
  166. width:3px;
  167. height:3px;
  168. }
  169.  
  170. ::-webkit-scrollbar-thumb {
  171. background-color:{color:text};
  172. min-height:10px;
  173. min-width:10px;
  174. }
  175.  
  176. .ui-tooltip {
  177. position:absolute;
  178. z-index:9999;
  179. padding-top:10px;
  180. border-radius:10%;
  181. }
  182.  
  183. .ui-tooltip-content {
  184. padding:0.50em 0.70em;
  185. background-color:#fff;
  186. box-shadow:0 1px 3px #eee;
  187. border-radius:4px;
  188. font-size:11px;
  189. text-transform:lowercase;
  190. }
  191.  
  192. ::selection {
  193. background:#f8f8f8;
  194. color:{color:text};
  195. padding:3px;
  196. }
  197.  
  198. ::-moz-selection {
  199. background:#f8f8f8;
  200. color:#f8f8f8;
  201. }
  202.  
  203. ::-webkit-selection {
  204. background:#f8f8f8;
  205. color:#f8f8f8;
  206. }
  207.  
  208. body {
  209. font:11px {select:body font}, sans-serif;
  210. background:{color:background};
  211. color:{color:text};
  212. line-height:1.8em;
  213. font-style:normal;
  214. word-wrap:break-word;
  215. text-align:left;
  216. opacity: 1;
  217. transition: 1s opacity;
  218. }
  219.  
  220. body.fade-out {
  221. opacity: 0;
  222. transition: none;
  223. }
  224.  
  225. a {
  226. color:{color:link};
  227. text-decoration:none;
  228. transition:all .3s linear;
  229. -webkit-transition:all .3s linear;
  230. -o-transition:all .3s linear;
  231. -moz-transition:all .3s linear;
  232. }
  233.  
  234. a:hover {
  235. color:{color:link hover};
  236. }
  237.  
  238. a, a img {cursor:pointer;}
  239.  
  240. img {
  241. opacity:1;
  242. border:0;
  243. text-decoration:none;
  244. max-width:100%;
  245. height:auto;
  246. display:block;
  247. }
  248.  
  249. b, strong, b a, strong a {
  250. font-weight:700!important;
  251. color:{color:text};
  252. }
  253.  
  254. small, big, sub, pre {
  255. margin:0;
  256. font-size:1em!important;
  257. vertical-align:baseline!important;
  258. }
  259.  
  260. i {
  261. font-style:italic;
  262. color:{color:text};
  263. }
  264.  
  265. h1, h2, h3, h4 {
  266. margin:1em 0;
  267. font-family:'Rubik', sans-serif;
  268. color:{color:text};
  269. letter-spacing:0.70px;
  270. text-transform:uppercase;
  271. font-weight:700;
  272. font-size:13px;
  273. }
  274.  
  275. p {margin:1em 0;}
  276.  
  277. ul:first-of-type,
  278. ol:first-of-type,
  279. p:first-of-type {margin-top:0;}
  280.  
  281. ul:last-of-type,
  282. ol:last-of-type,
  283. p:last-of-type {margin-bottom:0;}
  284.  
  285. blockquote, ol, ul, pre, figure {margin:1em 0;}
  286.  
  287. .posts h1:first-child,
  288. .posts h2:first-child,
  289. .posts h3:first-child,
  290. .posts h4:first-child {margin-top:0;}
  291.  
  292. hr {
  293. border:none;
  294. box-shadow:0;
  295. margin:2em auto;
  296. width:75px;
  297. }
  298.  
  299. ul, ol {
  300. list-style-type:circle;
  301. }
  302.  
  303. blockquote {
  304. padding:0;
  305. margin:0;
  306. border:0;
  307. }
  308.  
  309. pre {
  310. padding:0;
  311. margin:0;
  312. line-height:inherit!important;
  313. background:transparent;
  314. font-family:inherit!Important;
  315. font-size:inherit!important;
  316. white-space:pre-wrap;
  317. white-space:-moz-pre-wrap;
  318. white-space:-pre-wrap;
  319. white-space:-o-pre-wrap;
  320. word-wrap:break-word;
  321. }
  322.  
  323. #container {
  324. width:calc({select:post size}px + 200px + 100px);
  325. margin:0 auto;
  326. }
  327.  
  328. aside {
  329. margin:100px 0 0 0;
  330. display:block;
  331. width:200px;
  332. position:fixed;
  333. padding:1.5em;
  334. background-color:#fff;
  335. box-shadow:0 0px 0px #eee;
  336. border-bottom:0px solid #eee;
  337. border-radius:0px;
  338. }
  339.  
  340. .sb img {
  341. margin-top:0;
  342. margin-bottom:1em;
  343. left:0;
  344. display:block;
  345. width:60px;
  346. height:60px;
  347. -moz-border-radius:100px;
  348. -webkit-border-radius:100px;
  349. border-radius:100%;
  350. border:0px solid #eee;
  351. padding:3px;
  352. box-shadow:0 0px 0px #eee;
  353. }
  354.  
  355. #blogtitle {
  356. margin:0 0 1em 0;
  357. display:block;
  358. text-align:left;
  359. }
  360.  
  361. #blogtitle a {
  362. letter-spacing:0.70px;
  363. font-family:'Rubik', sans-serif;
  364. color:{color:text};
  365. font-size:12px;
  366. text-transform:uppercase;
  367. font-weight:700;
  368. }
  369.  
  370. #blogtitle a:hover {
  371. color:{color:link hover};
  372. }
  373.  
  374. #description {margin:0 0 1em 0; text-align:left;}
  375.  
  376. nav {
  377. display:block;
  378. text-align:left;
  379. counter-reset:section;
  380. }
  381.  
  382. nav a {
  383. font-size:10.5px;
  384. letter-spacing:0.70px;
  385. color:{color:text};
  386. display:block;
  387. text-transform:uppercase;
  388. font-family:'Rubik', sans-serif;
  389. font-weight:700;
  390. }
  391.  
  392. nav a:not(:last-child) {
  393. margin:0.5em 0;
  394. }
  395.  
  396. nav a:hover {
  397. color:{color:link hover};
  398. }
  399.  
  400. nav a:after {
  401. counter-increment:section;
  402. content:'— 0'counter(section);
  403. color:#ccc;
  404. padding-left:5px;
  405. font-family:'Rubik', sans-serif;
  406. font-size:10px;
  407. letter-spacing:0.70px;
  408. font-weight:normal;
  409. }
  410.  
  411. #search {
  412. border-top:1px solid #eee;
  413. padding-top:1em;
  414. margin-top:1em;
  415. display:block;
  416. }
  417.  
  418. #search svg {
  419. stroke:{color:link};
  420. stroke-width:3;
  421. stroke-linecap:round;
  422. stroke-linejoin:round;
  423. fill:none;
  424. width:10px;
  425. height:auto;
  426. padding:0px;
  427. overflow:visible;
  428. margin-right:0.5em;
  429. }
  430.  
  431. #search input {
  432. text-align:left;
  433. background:transparent;
  434. width:90%;
  435. text-transform:normal;
  436. font:11px {select:body font}, sans-serif;
  437. font-weight:normal;
  438. border:none;
  439. -webkit-transition:1s;
  440. -moz-transition:1s;
  441. -o-transition:1s;
  442. }
  443.  
  444. #search input:focus {
  445. outline:none;
  446. opacity:1;
  447. }
  448.  
  449. #search input:hover {
  450. -webkit-transition:1s;
  451. -moz-transition:1s;
  452. -o-transition:1s;
  453. }
  454.  
  455. input:focus::-webkit-input-placeholder {opacity:1}
  456. input:focus:-moz-placeholder,
  457. input:focus::-moz-placeholder,
  458. input:focus:-ms-input-placeholder {color:transparent;}
  459.  
  460. .entries {
  461. margin:100px 0;
  462. width:{select:post size}px;
  463. float:right;
  464. }
  465.  
  466. .posts {
  467. width:{select:post size}px;
  468. text-align:left;
  469. margin-bottom:100px;
  470. padding:1.5em;
  471. background-color:#fff;
  472. box-shadow:0 0px 0px #eee;
  473. border-bottom:0px solid #eee;
  474. border-radius:0px;
  475. }
  476.  
  477. .posts:last-child {
  478. margin-bottom:0px;
  479. }
  480.  
  481. {block:Permalinkpage}
  482. .posts {
  483. margin-bottom:30px;
  484. }
  485. {/block:Permalinkpage}
  486.  
  487. .ph {
  488. position:relative;
  489. overflow:hidden;
  490. margin:0;
  491. }
  492.  
  493. .ph img {
  494. width:auto;
  495. display:block;
  496. }
  497.  
  498. .player {
  499. width:25px;
  500. height:24px;
  501. position:absolute;
  502. left:10px;
  503. top:calc(50% - 15px);
  504. display:block;
  505. overflow:hidden;
  506. }
  507.  
  508. .hold {
  509. text-align:left;
  510. background:#f9f9f9;
  511. box-shadow:0 1px 1px #eaeaea;
  512. -webkit-box-shadow:0 1px 1px #eaeaea;
  513. position:relative;
  514. border-radius:4px;
  515. display:block;
  516. min-height:24px;
  517. padding:15px;
  518. }
  519.  
  520. .audio_info {
  521. vertical-align:middle;
  522. line-height:12px;
  523. margin-left:35px;
  524. max-width:calc(100% - 35px);
  525. }
  526.  
  527. .audio_info span {
  528. white-space:nowrap;
  529. overflow:hidden;
  530. text-overflow:ellipsis;
  531. display:block;
  532. }
  533.  
  534. .hold .track {color:{color:accent};}
  535.  
  536. .pagination {
  537. padding:1.5em;
  538. width:540px;
  539. text-align:center;
  540. }
  541.  
  542. .pagination a {
  543. margin:0 5px;
  544. }
  545.  
  546. .forward svg {
  547. width:12px;
  548. height:12px;
  549. stroke:{color:text};
  550. stroke-width:2;
  551. stroke-linecap:round;
  552. stroke-linejoin:round;
  553. fill:none;
  554. }
  555.  
  556. .backward svg {
  557. width:12px;
  558. height:12px;
  559. background-color:#fff;
  560. border-radius:100%;
  561. padding:1em;
  562. stroke:{color:text};
  563. stroke-width:2;
  564. stroke-linecap:round;
  565. stroke-linejoin:round;
  566. fill:none;
  567. box-shadow:0 1px 1px #eee;
  568. }
  569.  
  570. .comment {
  571. padding:0 0 1.5em 0;
  572. list-style:none;
  573. }
  574.  
  575. .comment:last-of-type {padding-bottom:0!important;}
  576.  
  577. .user {
  578. display:inline-block;
  579. line-height:28px;
  580. font-size:10.5px;
  581. letter-spacing:0.70px;
  582. color:{color:text};
  583. display:block;
  584. text-transform:uppercase;
  585. font-family:'Rubik', sans-serif;
  586. font-weight:700;
  587. margin-bottom:.75em;
  588. }
  589.  
  590. .icon {
  591. vertical-align:top;
  592. margin-right:4px;
  593. display:inline-block;
  594. float:left;
  595. }
  596.  
  597. .icon img {
  598. width:18px;
  599. height:18px;
  600. -moz-border-radius:100px;
  601. -webkit-border-radius:100px;
  602. border-radius:100%;
  603. border:0px solid #eee;
  604. padding:3px;
  605. box-shadow:0 0px 0px #eee;
  606. }
  607.  
  608. .captioned .comment:first-of-type {margin-top:1.5em;}
  609.  
  610. .tex li, .tex blockquote {text-align:left;}
  611.  
  612. .a {
  613. display:inline-block;
  614. width:540px;
  615. }
  616.  
  617. .q {
  618. margin-bottom:0.9em;
  619. width:calc({select:post size}px - 85px);
  620. float:left;
  621. border-radius:6px;
  622. background:#f9f9f9;
  623. padding:1.5em;
  624. text-align:left;
  625. position: relative;
  626. box-shadow:0 1px 3px #eee;
  627. }
  628.  
  629. .q:after {
  630. content:"";
  631. width:0px;
  632. height:0px;
  633. position:absolute;
  634. border-left:10px solid #f9f9f9;
  635. border-right:10px solid transparent;
  636. border-top:10px solid #f9f9f9;
  637. border-bottom:10px solid transparent;
  638. right:-12px;
  639. top:0px;
  640. }
  641.  
  642. .as b {
  643. font-family:'Rubik', sans-serif;
  644. letter-spacing:0.70px;
  645. color:{color:text};
  646. text-transform:uppercase;
  647. font-weight:700;
  648. }
  649.  
  650.  
  651.  
  652. .chat {
  653. margin:0;
  654. padding:0;
  655. text-align:left;
  656. list-style:none;
  657. }
  658.  
  659. .label {
  660. position:relative;
  661. width:auto;
  662. margin-right:5px;
  663. font-weight:600;
  664. color:{color:text};
  665. display:inline-block;
  666. }
  667.  
  668. .l.odd,
  669. .l.even {
  670. padding:0.85em;
  671. }
  672.  
  673. .l.odd {
  674. background:#f9f9f9;
  675. border-radius:6px 1px 6px 6px;
  676. box-shadow:0 1px 1px #eaeaea;
  677. -webkit-box-shadow:0 1px 1px #eaeaea;
  678. }
  679.  
  680. .l.even span {
  681. color:{color:accent};
  682. }
  683.  
  684. .permalink {
  685. margin-top:2em;
  686. text-align:left;
  687. border-top:1px solid #eee;
  688. }
  689.  
  690. .permas {
  691. margin:-10px 0 0 0;
  692. }
  693.  
  694. .permas span {
  695. display:inline-block;
  696. margin:0 auto;
  697. padding:0;
  698. background:#fff;
  699. }
  700.  
  701. .permaleft a {
  702. display:inline-block;
  703. text-transform:lowercase;
  704. margin-right:8px;
  705. {block:IndexPage}
  706. color:{color:text};
  707. {/block:IndexPage}
  708. {block:PermalinkPage}
  709. color:{color:link};
  710. {/block:PermalinkPage}
  711. }
  712.  
  713. .permaright a {
  714. display:inline-block;
  715. color:{color:text};
  716. text-transform:uppercase;
  717. font-family:'Rubik', sans-serif;
  718. letter-spacing:0.70px;
  719. font-weight:700;
  720. }
  721.  
  722. .permaright a:first-child {
  723. margin-left:8px;
  724. }
  725.  
  726. .permaright {
  727. float:right;
  728. }
  729.  
  730. .permas a:hover {
  731. color:{color:link hover};
  732. }
  733.  
  734. /*svg icons tutorial by shythemes*/
  735.  
  736. .controls svg {
  737. stroke:{color:text};
  738. stroke-width:3;
  739. stroke-linecap:round;
  740. stroke-linejoin:round;
  741. fill:none;
  742. width:10px;
  743. height:auto;
  744. padding:0px;
  745. display:block;
  746. overflow:visible;
  747. }
  748.  
  749. .controls {
  750. display:inline;
  751. }
  752.  
  753. .controls a {
  754. vertical-align:middle;
  755. position:relative;
  756. display:inline-block;
  757. overflow:hidden;
  758. width:12px;
  759. height:12px;
  760. }
  761.  
  762. .controls .like .liked + svg path {
  763. stroke-width:2;
  764. stroke:#c93d12;
  765. fill:#fb4c16;
  766. }
  767.  
  768. .controls .like .like_button {
  769. position:relative;
  770. }
  771.  
  772. .controls .like .like_button iframe {
  773. position:absolute;
  774. top:-3px;
  775. left:-3px;
  776. bottom:0;
  777. right:0;
  778. z-index:2;
  779. opacity:0;
  780. }
  781.  
  782. .tags {
  783. margin:0.5em 0 0 0;
  784. width:{select:post size}px;
  785. text-align:left;
  786. }
  787.  
  788. .tags a {
  789. font-weight:normal;
  790. text-transform:none;
  791. color:{color:link};
  792. display:inline;
  793. margin-right:1em;
  794. }
  795.  
  796. /*draggable tags : jqueryscript.net*/
  797.  
  798. {block:ifdraggabletags}
  799. .post_tags,
  800.  
  801. .post_tags a { color:{color:link} }
  802.  
  803. .post_tags {
  804. margin:0.5em 0 0 0;
  805. text-align:left;
  806. position:relative;
  807. white-space:nowrap;
  808. overflow:hidden;
  809. }
  810.  
  811. .post_tags.draggable .post_tags_inner {
  812. -webkit-touch-callout:none;
  813. -webkit-user-select:none;
  814. -khtml-user-select:none;
  815. -moz-user-select:none;
  816. -ms-user-select:none;
  817. user-select:none;
  818. }
  819.  
  820. .post_tags_inner {
  821. position:relative;
  822. padding:0px 20px 0px 0;
  823. }
  824.  
  825. .post_tags a,
  826. .post_tags .post_tag {
  827. color:{color:link};
  828. text-decoration:none;
  829. margin-right:1em;
  830. text-transform:lowercase !important;
  831. }
  832.  
  833. .post_tags a:before {content:'#';}
  834.  
  835. .post_tags:after {
  836. content:'';
  837. position:absolute;
  838. top:0;
  839. right:0;
  840. bottom:0;
  841. width:20px;
  842. background:-moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  843. background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #FFF));
  844. background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #FFF 100%);
  845. background:-o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  846. background:-ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  847. background:linear-gradient(to right, rgba(255, 255, 255, 0) 0, #FFF 100%);
  848. }
  849.  
  850. .post_tags a:hover,
  851.  
  852. .post_tags .post_tag:hover,
  853.  
  854. .post_tags a:focus,
  855.  
  856. .post_tags .post_tag:focus,
  857.  
  858. .post_tags a:active,
  859.  
  860. .post_tags .post_tag:active { color:{color:link}; }
  861. {/block:ifdraggabletags}
  862.  
  863. .quote:before {
  864. content:'“';
  865. padding-right:0.5px;
  866. }
  867.  
  868. .quote:after {
  869. content:'”';
  870. padding-left:0.5px;
  871. }
  872.  
  873. .quote {
  874. font-size:12px;
  875. font-style:italic;
  876. }
  877.  
  878. .source:before {
  879. content:'—';
  880. margin-right:5px;
  881. color:#ccc;
  882. }
  883.  
  884. .source {
  885. padding-top:0.5em;
  886. }
  887.  
  888. .pagenotes {
  889. padding:1.5em;
  890. width:{select:post size}px;
  891. background-color:#fff;
  892. box-shadow:0 0px 0px #eee;
  893. border-bottom:0px solid #eee;
  894. border-radius:0px;
  895. }
  896.  
  897. .pagenotes-scroll::-webkit-scrollbar {
  898. width:10px;
  899. height:10px;
  900. margin-right:5px;
  901. }
  902.  
  903. .pagenotes-scroll::-webkit-scrollbar-track {
  904. border:5px solid #fff; /* background color */
  905. background-color:#eee; /* light border color */
  906. }
  907.  
  908. .pagenotes-scroll::-webkit-scrollbar-thumb {
  909. border:4px solid #fff; /* background color */
  910. background-color:{color:text}; /* dark border color */
  911. }
  912.  
  913. .pagenotes-scroll {
  914. width:545px;
  915. padding-right:0;
  916. max-height:300px;
  917. overflow:auto;
  918. }
  919.  
  920. .pagenotes,
  921. .pagenotes-content,
  922. .pagenotes-scroll:active {
  923. border:0;
  924. outline:0;
  925. }
  926.  
  927. .pagenotes ol, .pagenotes ul {
  928. padding:0;
  929. margin:0;
  930. }
  931.  
  932. li.note {
  933. display:block;
  934. padding:0;
  935. }
  936.  
  937. li.note:not(:first-child):not(:last-child) {
  938. margin:8px 0;
  939. }
  940.  
  941. ol.notes li.note img.avatar {display:none;}
  942.  
  943. a.more_notes_link {
  944. display:block;
  945. text-align:center;
  946. }
  947.  
  948. .pagenotes blockquote {
  949. margin-left:2em;
  950. }
  951.  
  952. .c {
  953. opacity:0.8;
  954. font-weight:{select:bold weight};;
  955. display:block;
  956. font-size:13px;
  957. z-index:1;
  958. position:fixed;
  959. right:15px;
  960. bottom:20px;
  961. color:{color:text};
  962. }
  963.  
  964. {CustomCSS}
  965.  
  966. </style>
  967.  
  968. </head>
  969. <body>
  970. <script>document.body.className += ' fade-out';</script>
  971.  
  972. <div id="container">
  973.  
  974. <aside>
  975.  
  976. <div class="sb"><a href="/">{block:ifsidebarimage}<img src="{image:sidebar}">{/block:ifsidebarimage} {block:ifnotsidebarimage}<img src="{PortraitURL-64}">{/block:ifnotsidebarimage}</a></div>
  977.  
  978. {block:ifblogtitle}<div id="blogtitle"><a href="/">{Title}</a></div>{/block:ifblogtitle}
  979.  
  980. <div id="description">{Description}</div>
  981.  
  982. <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>
  983.  
  984. {block:ifsearch}<form id="search" action="/search" method="get">
  985. <i data-feather="search"></i> <input type="text" name="q" value="{SearchQuery}" placeholder="search" autocomplete="off"/></form>{/block:ifsearch}
  986. </aside><!--sidebar-->
  987.  
  988. <div class="entries">
  989. {block:Posts}
  990. <div class="posts {block:caption}captioned{/block:caption}" id="{PostID}">
  991.  
  992. {block:Quote}
  993. <div class="quote">{quote}</div>
  994. {block:Source}
  995. <div class="source">{source}</div>
  996. {/block:Source}
  997. {/block:Quote}
  998.  
  999. {block:Text}
  1000. {block:Title}<h1>{title}</h1>{/block:Title}
  1001. {block:RebloggedFrom}
  1002. {block:Reblogs}
  1003. <li class="comment {block:Title}ted{/block:Title}">
  1004. <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>
  1005. {/block:Reblogs}
  1006. {/block:RebloggedFrom}
  1007. {block:NotReblog}
  1008. <li class="comment {block:Title}ted{/block:Title}"><div class="tex">{body}</div></li>
  1009. {/block:NotReblog}
  1010. {/block:Text}
  1011.  
  1012. {block:Link}<h1><a href="{URL}">{name}</a></h1>
  1013. {block:Description}
  1014. {block:NotReblog}
  1015. <li class="comment ted"><div class="tex">{description}</div></li>
  1016. {/block:NotReblog}
  1017. {/block:Description}
  1018. {block:RebloggedFrom}
  1019. {block:Reblogs}
  1020. <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>
  1021. {/block:Reblogs}
  1022. {/block:RebloggedFrom}
  1023. {/block:Link}
  1024.  
  1025. {block:Chat}
  1026. {block:Title}<h1>{title}</h1>{/block:Title}
  1027. <ol class="chat {block:Title}ted{/block:Title}">
  1028. {block:lines}<li class="l {Alt}">{block:label}<span class="label">{label}</span>{/block:label}{line}</li>{/block:lines}
  1029. </ol>
  1030. {/block:Chat}
  1031.  
  1032. <div class="ph">
  1033.  
  1034. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  1035.  
  1036. {block:Photoset}
  1037. <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>
  1038. {/block:Photoset}
  1039.  
  1040. <div class="video">{Video-500}</div>
  1041.  
  1042. {block:Audio}
  1043. <div class="audio">
  1044. {block:AudioEmbed}{AudioEmbed width="540px"}{/block:AudioEmbed}
  1045. </div>
  1046. {/block:Audio}
  1047.  
  1048. {block:caption}
  1049. {block:Reblogs}
  1050. <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>
  1051. {/block:Reblogs}
  1052. {block:NotReblog}
  1053. <li class="comment"><div class="tex">{caption}</div></li>
  1054. {/block:NotReblog}
  1055. {/block:caption}
  1056.  
  1057. </div><!--ph-->
  1058.  
  1059. {block:Answer}
  1060. <div class="a">
  1061. <div class="q"><div class="as"><b>{asker}</b></div> {question}</div>
  1062. <img src="{AskerPortraitURL-40}"/>
  1063. </div>
  1064. {block:Answerer}
  1065. <div class="a">
  1066. <div class="q"><div class="as"><b>{answerer}</b></div> {answer}</div>
  1067. <img src="{AnswererPortraitURL-40}"/>
  1068. </div>
  1069. {/block:Answerer}
  1070. {block:NotReblog}
  1071. <li class="comment"><div class="tex">{replies}</div></li>
  1072. {/block:NotReblog}
  1073. {block:RebloggedFrom}
  1074. {block:Reblogs}
  1075. <li class="comment"><div class="tex">{body}</div></li>
  1076. {/block:Reblogs}
  1077. {/block:RebloggedFrom}
  1078. {/block:Answer}
  1079.  
  1080. {block:Date}
  1081. <div class="permalink">
  1082. <div class="permas">
  1083. <span class="permaleft">
  1084. {block:IndexPage}
  1085. <a href="{permalink}">{DayofWeek}</a>
  1086. {block:NoteCount}<a href="{permalink}" class="notecount">{NoteCount}</a>{/block:NoteCount}
  1087.  
  1088. <div class="controls">
  1089. <span><a href="{ReblogURL}" target="_blank" class="reblog" title="reblog post"><i data-feather="share-2"></i></a></span>
  1090. <span><a href="#" class="like" title="like post">{LikeButton}<i data-feather="heart"></i></a></span>
  1091. </div>
  1092.  
  1093. {/block:IndexPage}
  1094. {block:PermalinkPage}posted on <a href="{permalink">{Month} {DayOfMonth}{DayOfMonthSuffix} </a>{/block:PermalinkPage}
  1095. </span>
  1096. <span class="permaright">
  1097. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}
  1098. </span>
  1099. </div>
  1100. </div>
  1101.  
  1102. {block:hasTags}
  1103. {block:ifdraggabletags}<div class="post_tags draggable"><div class="post_tags_inner"> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div></div>{/block:ifdraggabletags}
  1104.  
  1105. {block:ifnotdraggabletags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:ifnotdraggabletags}
  1106. {/block:hasTags}
  1107. {/block:Date}
  1108. </div><!--posts-->
  1109.  
  1110. {block:PostNotes}
  1111. <div class="pagenotes" tabindex="0">
  1112. {block:NoteCount}<h1 style="margin-top:0">{NoteCountwithLabel}</h1>{/block:NoteCount}
  1113. <div class="pagenotes-scroll">
  1114. <div class="pagenotes-content">
  1115. {PostNotes}
  1116. </div>
  1117. </div>
  1118. </div>
  1119. {/block:PostNotes}
  1120.  
  1121. {/block:Posts}
  1122.  
  1123. {block:Pagination}
  1124. <div class="pagination">
  1125. {block:PreviousPage}<a href="{PreviousPage}">previous</a></span> / {/block:PreviousPage}
  1126. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1127. </div>
  1128. {/block:Pagination}
  1129. </div><!--entries-->
  1130.  
  1131. </div><!--container-->
  1132.  
  1133.  
  1134. <script>
  1135. feather.replace()
  1136. var $container = $('.posts');
  1137. $container.find('.notecount').each(function(){
  1138. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1139. if (n > 999) {
  1140. n = Math.floor(n / 100) / 10;
  1141. $(this).text(n + 'k');
  1142. }
  1143. });
  1144. $(document).ready(function() {
  1145. $('body').tooltip({track:false});
  1146. $('iframe.tumblr_audio_player').load( function() {
  1147. $('iframe.tumblr_audio_player').contents().find("head")
  1148. .append($("<style type='text/css'> .audio-player{background:{color:audiobg} !important} </style>"));
  1149. });
  1150. });
  1151. $(function() {
  1152. $('body').removeClass('fade-out');
  1153. });
  1154. $(document).ready(function(){
  1155. $('.photo-slideshow').pxuPhotoset({
  1156. lightbox:true,
  1157. rounded:false,
  1158. gutter:'4px',
  1159. borderRadius:'2px',
  1160. photoset:'.photo-slideshow',
  1161. photoWrap:'.photo-data',
  1162. photo:'.pxu-photo'
  1163. });
  1164. });
  1165. </script>
  1166.  
  1167. {block:ContentSource}
  1168. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1169. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>
  1170. {/block:SourceLogo}
  1171. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  1172. {/block:ContentSource}
  1173.  
  1174. {block:ifdraggabletags}
  1175. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  1176.  
  1177. <script>
  1178. $(document).ready(function(){
  1179. $(".post_tags_inner").draggable({
  1180. axis :"x",
  1181. scroll:false,
  1182. stop:function() {
  1183. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  1184. if(__left > 0){
  1185. $(this).animate({left:0}, 400, 'easeOutExpo');
  1186. }
  1187. var __width = $(this).outerWidth();
  1188. var __parentWidth = $(".post_tags.draggable").outerWidth();
  1189. if(__width > __parentWidth) {
  1190. if(__left < __parentWidth-__width){
  1191. $(this).animate({left:__parentWidth-__width}, 400, 'easeOutExpo');
  1192. }
  1193. } else {
  1194. $(this).animate({left:0}, 400, 'easeOutExpo');
  1195. }
  1196. }
  1197. });
  1198. });
  1199. </script>
  1200. {/block:ifdraggabletags}
  1201.  
  1202. <div class="hcontrols"><svg
  1203. xmlns="http://www.w3.org/2000/svg"
  1204. width="24"
  1205. height="24"
  1206. viewBox="0 0 24 24"
  1207. fill="none"
  1208. stroke="currentColor"
  1209. stroke-width="2"
  1210. stroke-linecap="round"
  1211. stroke-linejoin="round"
  1212. >
  1213. <line x1="3" y1="12" x2="21" y2="12" />
  1214. <line x1="3" y1="6" x2="21" y2="6" />
  1215. <line x1="3" y1="18" x2="21" y2="18" />
  1216. </svg></div>
  1217.  
  1218. <a class="c" href="https://captainmarvels.tumblr.com">✵</a>
  1219.  
  1220. </body>
  1221. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!