kuronoir

telegram pvt

Jan 5th, 2019
398
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.38 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>{title}</title>
  8.  
  9. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14. <!--meta stuff-->
  15.  
  16.  
  17. <meta name="color:background" content="#000">
  18. <meta name="color:menu" content="#111">
  19. <meta name="color:text" content="#fff">
  20. <meta name="color:link" content="#fff">
  21. <meta name="color:accent" content="#FF6347">
  22.  
  23. <meta name="text:link 1 title" content="link 1">
  24. <meta name="text:link 2 title" content="link 2">
  25. <meta name="text:link 1 url" content="your link here">
  26. <meta name="text:link 2 url" content="your link here">
  27. <meta name="text:asktitle" content="">
  28. <meta name="text:faqtitle" content="">
  29. <meta name="text:faq" content="">
  30. <meta name="text:descriptiontitle" content="about">
  31.  
  32.  
  33. <!--jquery-->
  34.  
  35. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  36. <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
  37.  
  38. <!--tooltips-->
  39.  
  40. <script src="https://static.tumblr.com/iyog0da/bF1pf6jgv/jquery.style-my-tooltips.js"></script>
  41.  
  42.  
  43. <!--pxu photoset--->
  44.  
  45. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css" />
  46. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  47.  
  48.  
  49. <!--icons-->
  50.  
  51. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
  52.  
  53. <!--fonts-->
  54.  
  55. <link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans|Teko:700" rel="stylesheet">
  56.  
  57.  
  58. <!--modals-->
  59.  
  60. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
  61. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
  62.  
  63. <!--animate.css-->
  64.  
  65. <link rel="stylesheet"
  66. href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  67.  
  68. <!--WOW!-->
  69.  
  70. <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
  71.  
  72. <script>
  73. new WOW().init();
  74. </script>
  75.  
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80. .iframe-controls--desktop {
  81. display: none;
  82. }
  83.  
  84. /***************GENERAL PAGE STYLE***************/
  85.  
  86. * {
  87. margin: 0;
  88. box-sizing: border-box;
  89. word-wrap: break-word;
  90. }
  91.  
  92. html {
  93. font-size: 14px;
  94. color: #fff;
  95. font-family: 'Open Sans', sans-serif;
  96. }
  97.  
  98. body {
  99.  
  100. line-height: 180%;
  101. color: {color:text};
  102. background-color: {color:background};
  103. }
  104.  
  105.  
  106. p{
  107. margin-bottom: 8px;
  108. }
  109.  
  110. b, strong {
  111. color: {color:accent};
  112. font-weight: 400;
  113. }
  114.  
  115.  
  116. em, i {
  117. font-style: italic;
  118. }
  119.  
  120.  
  121. small {
  122. font-size: 1em;
  123. }
  124.  
  125. h1, h2{
  126. margin-bottom: 10px;
  127. font-weight: 400;
  128. letter-spacing: 1px;
  129. }
  130.  
  131. img {
  132. max-width: 100%;
  133. }
  134.  
  135. a {
  136. text-decoration: none;
  137. font-family: 'Inconsolata', sans-serif;
  138. color: {color:link};
  139. transition: all .2s ease-in-out;
  140. }
  141.  
  142. a:hover {
  143. color: {color:accent};
  144. }
  145.  
  146.  
  147. ul li{
  148. list-style-type:circle;
  149. }
  150.  
  151. ol li {
  152. list-style-type: decimal-leading-zero;
  153. }
  154.  
  155. blockquote {
  156. border-left: 1px solid {color:link};
  157. padding-left:10px;
  158. }
  159.  
  160. hr {
  161. margin: 0 auto;
  162. margin-top: 5px;
  163. margin-bottom: 5px;
  164. width: 50%;
  165. background: {color:link};
  166. }
  167.  
  168.  
  169. /*tooltips*/
  170.  
  171. #s-m-t-tooltip{
  172. max-width:300px;
  173. z-index:100;
  174. margin-top:30px;
  175. margin-left: -23px;
  176. padding:3px 6px;
  177. background:{color:link};
  178. border-radius:3px;
  179. font-family:'Inconsolata' , sans-serif;
  180. font-size:.8em;
  181. color:{color:background};
  182. }
  183.  
  184.  
  185. /*selections*/
  186.  
  187. ::selection {
  188. background: {color:accent};
  189. color:{color:background};
  190. }
  191.  
  192. ::-moz-selection {
  193. background: {color:accent};
  194. color:{color:background};
  195. }
  196.  
  197. /*scrollbars*/
  198.  
  199. ::-webkit-scrollbar {
  200. width:9px;
  201. height:9px;
  202. background-color: {color:background};
  203. }
  204.  
  205. ::-webkit-scrollbar-track {
  206. border:4px solid {color:background};
  207. border-bottom: 0;
  208. border-top: 0;
  209. background-color: {color:text};
  210. }
  211.  
  212. ::-webkit-scrollbar-thumb {
  213. border:2px solid {color:background};
  214. width:5px;
  215. border-bottom: 0;
  216. border-top: 0;
  217. background-color:{color:accent};
  218. }
  219.  
  220. ::-webkit-scrollbar:horizontal {
  221. width:9px;
  222. height:9px;
  223. background-color: {color:background};
  224. }
  225.  
  226. ::-webkit-scrollbar-track:horizontal {
  227. border:4px solid {color:background};
  228. border-left: 0;
  229. border-right: 0;
  230. background-color: {color:text};
  231. }
  232.  
  233. ::-webkit-scrollbar-thumb:horizontal {
  234. border:2px solid {color:background};
  235. border-left: 0;
  236. border-right: 0;
  237. background-color:{color:accent};
  238. }
  239.  
  240. /*lightbox*/
  241.  
  242. .vignette, #vignette {
  243. opacity:0;
  244. }
  245.  
  246. .lightbox-image, #tumblr_lightbox img {
  247. box-shadow:none !important;
  248. border-radius:0 !important;
  249. max-width:none;
  250. }
  251.  
  252.  
  253. .tmblr-lightbox, #tumblr_lightbox {
  254. background-color:rgba(0,0,0,.5) !important;
  255. }
  256.  
  257. /***************GENERAL PAGE ELEMENTS***************/
  258.  
  259. /*modal*/
  260.  
  261. .blocker {
  262. background: {color:background};
  263. z-index: 500;
  264. }
  265.  
  266. .modal {
  267. flex-direction: column;
  268. align-items: center;
  269. justify-content: center;
  270. color: {color:text};
  271. line-height:180%;
  272. padding:10px;
  273. border-radius: 3px;
  274. box-shadow: 0 0 0px transparent;
  275. background-color: {color:menu};
  276. width: 500px;
  277. max-height: calc(100vh - 100px);
  278. margin: 0 auto;
  279. overflow: auto;
  280. z-index: 1000;
  281. }
  282.  
  283. .modal h1,
  284. .modal h2 {
  285. color: {color:accent};
  286. font-family: 'Teko', serif;
  287. }
  288.  
  289.  
  290. /*site container*/
  291.  
  292. #sitecontainer{
  293. width:100%;
  294. display: flex;
  295. }
  296.  
  297. /*slide out menu*/
  298.  
  299. #menu {
  300. position: fixed;
  301. margin-top: 50px;
  302. border-radius: 0 5px 5px 0;
  303. display: flex;
  304. margin-left: -250px;
  305. background: {color:menu};
  306. z-index: 2;
  307. animation-delay: .3s;
  308. }
  309.  
  310. #menu.open {
  311. margin-left: 0px;
  312. }
  313.  
  314.  
  315. /*description*/
  316.  
  317. #title {
  318. display: flex;
  319. flex-direction: row;
  320. align-items: center;
  321. justify-content: space-between;
  322. writing-mode: vertical-lr;
  323. text-transform: lowercase;
  324. font-size: 1.5em;
  325. padding: 25px 20px;
  326. }
  327.  
  328.  
  329. #title a {
  330. margin-bottom: 50px;
  331. line-height: 100%;
  332. color: {color:text};
  333. font-family: 'Teko', serif;
  334. transition: .2s ease;
  335. }
  336.  
  337. #title a:after {
  338. content: '.';
  339. }
  340.  
  341. #title a:hover {
  342. color: {color:text};
  343. }
  344.  
  345. /*button*/
  346.  
  347. #btn {
  348. display: flex;
  349. position: relative;
  350. align-items: center;
  351. background: {color:accent};
  352. padding: .7em .8em;
  353. border-radius: 3px;
  354. cursor: pointer;
  355. transition: .2s;
  356. }
  357.  
  358. #btn:hover {
  359. transform: scale(1.1);
  360. }
  361.  
  362. .line{
  363. position: absolute;
  364. top: 50%;
  365. border-bottom: 1px solid {color:text};
  366. width: .8em;
  367. transition: .5s;
  368. }
  369.  
  370. .line:before,
  371. .line:after {
  372. position: absolute;
  373. content :'';
  374. width: .8em;
  375. border-bottom: 1px solid {color:text};
  376. transition: .5s;
  377. }
  378.  
  379. .line:before {
  380. top: -6px;
  381. }
  382.  
  383. .line:after {
  384. top: 6px;
  385. }
  386.  
  387. #btn.active .line:before {
  388. top: 0;
  389. transform: rotate(45deg);
  390. }
  391.  
  392. #btn.active .line:after {
  393. top: 0;
  394. transform: rotate(135deg);
  395. }
  396.  
  397. #btn.active .line {
  398. border-bottom: 0px solid {color:text};
  399. }
  400.  
  401. /*description*/
  402.  
  403. #desc{
  404. width: 250px;
  405. max-height: calc(100vh - 100px);
  406. overflow: auto;
  407. padding: 25px;
  408. color: {color:text};
  409. font-family: 'Inconsolata', sans-serif;
  410. }
  411.  
  412. #desc h1 {
  413. color: {color:accent};
  414. font-family: 'Teko', serif;
  415. font-size: 1.2em;
  416. }
  417.  
  418. /*search*/
  419.  
  420. #search {
  421. margin-top: 25px;
  422. }
  423.  
  424. .sform input {
  425. color: {color:text};
  426. border: none;
  427. border-left: 1px solid {color:accent};
  428. margin: 0 auto;
  429. padding: 8px;;
  430. letter-spacing: 1px;
  431. font-family: 'Inconsolata', sans-serif;
  432. background: transparent;
  433. }
  434.  
  435. .sform input:focus {
  436. outline: none;
  437. }
  438.  
  439. .sform input::placeholder {
  440. color: {color:link};
  441. letter-spacing: 2px;
  442. font-size: 1.1em;
  443. font-family: 'Inconsolata', sans-serif;
  444. }
  445.  
  446.  
  447. /*pagination*/
  448.  
  449. #pagi{
  450. position: relative;
  451. width: 400px;
  452. margin: 0 auto;
  453. display: flex;
  454. justify-content: space-around;
  455. align-items:center;
  456. padding: 25px 0;
  457. }
  458.  
  459. #pagi .fas {
  460. color: {color:text};
  461. }
  462.  
  463. #pagi .fas:hover {
  464. color: {color:accent};
  465. }
  466.  
  467. /*navigation links*/
  468.  
  469. #navwrapper {
  470. position: fixed;
  471. width: 100%;
  472. display: flex;
  473. justify-content: flex-end;
  474. align-items: center;
  475. z-index: 5;
  476. animation-delay: .3s;
  477. }
  478.  
  479. .navlinks{
  480. display: flex;
  481. justify-content: center;
  482. padding: 15px;
  483. border-radius: 0 0 5px 5px;
  484. background: {color:menu};
  485. }
  486.  
  487. .navlinks a {
  488. padding: 3px 10px;
  489. color: {color:text};
  490. background: {color:background};
  491. border-radius: 3px;
  492. margin: 0 7px;
  493. height: 2.25em;
  494. overflow: hidden;
  495. }
  496.  
  497. .navlinks a span {
  498. position: relative;
  499. display: inline-block;
  500. transition: transform .3s;
  501. }
  502.  
  503. .navlinks a span::before {
  504. color: {color:background};
  505. position: absolute;
  506. top: 100%;
  507. content: attr(data-hover);
  508. transform: translate3d(0,0,0);
  509. }
  510.  
  511. .navlinks a:hover {
  512. background: {color:accent};
  513. }
  514.  
  515. .navlinks a:hover span {
  516. transform: translateY(-100%);
  517. }
  518.  
  519. .credit {
  520. padding: 3px 10px;
  521. margin: 0 7px;
  522. opacity: .1;
  523. transition: .2s;
  524. }
  525.  
  526. .credit .fas {
  527. color: {color:text};
  528. }
  529.  
  530. .credit:hover {
  531. opacity: 1;
  532. }
  533.  
  534. /***************POST GENERAL STYLES & CONTAINER***************/
  535.  
  536. /*posts*/
  537.  
  538. #postcontainer{
  539. padding-top: 150px;
  540. width: 100%;
  541. }
  542.  
  543. .post{
  544. position: relative;
  545. display: flex;
  546. flex-direction: column;
  547. justify-content: space-between;
  548. width: 400px;
  549. min-height: 195px;
  550. margin: 0 auto;
  551. margin-bottom: 250px;
  552. transition: all 2s ease .1s;
  553. }
  554.  
  555. /*caption & reblogs*/
  556.  
  557. .caption{
  558. width: 100%;
  559. padding:10px 0;
  560. }
  561.  
  562. .caption ul , .caption ol{
  563. margin: 10px 0;
  564. }
  565.  
  566. .caption ol {
  567. margin-left: 10px;
  568. }
  569.  
  570. .avatar{
  571. max-width:30px;
  572. margin-top: -10px;
  573. padding-bottom: 5px;
  574. padding-top: 5px;
  575. border-radius: 100%;
  576. }
  577.  
  578. blockquote.reblog {
  579. border:0;
  580. margin:0;
  581. padding-top:15px;
  582. }
  583.  
  584. a.tumblr_blog{
  585. bottom:1px;
  586. position: relative;
  587. text-transform: lowercase;
  588. letter-spacing: 1px;
  589. }
  590.  
  591. a.tumblr_blog::before {
  592. content: '\f007';
  593. font-family: "Font Awesome 5 Free";
  594. font-size: .7em;
  595. margin-right: 5px;
  596. color: {color:text};
  597. }
  598.  
  599. .quote .tumblr_blog {
  600. bottom:0px;
  601. }
  602.  
  603. /*postinfo*/
  604.  
  605. #postinfo{
  606. display: flex;
  607. position: absolute;
  608. justify-content: flex-start;
  609. align-items: center;
  610. flex-direction: column;
  611. padding: 0 8px;
  612. left: 415px;
  613. text-align: center;
  614. letter-spacing: 1px;
  615. transition: all .2s ease;
  616. font-size: .7em;
  617. }
  618.  
  619. #postinfo a {
  620. color: {color:text};
  621. font-size: 1em;
  622. background: {color:menu};
  623. border-radius: 5px;
  624. padding: 5px 10px;
  625. margin: 5px 0;
  626. }
  627.  
  628. #postinfo a:hover {
  629. color: {color:accent};
  630. }
  631.  
  632. #postinfo h1 {
  633. font-size: 2em;
  634. }
  635.  
  636. /***************POST TYPES***************/
  637.  
  638.  
  639. /*ask & answer*/
  640.  
  641.  
  642. .quest{
  643. display: flex;
  644. flex-direction: column;
  645. justify-content: center;
  646. width: 100%;
  647. margin: 0 auto;
  648. padding: 0 25px;
  649. min-height: 138px;
  650. background: {color:menu};
  651. }
  652.  
  653. .asker{
  654. display: flex;
  655. align-items: center;
  656. justify-content: flex-start;
  657. margin-bottom: 10px;
  658. letter-spacing: 1px;
  659. text-transform: lowercase;
  660. font-family: 'Inconsolata' monospace;
  661. font-size: .85em;
  662. color: {color:link};
  663. }
  664.  
  665. .asker img{
  666. margin-right: 10px;
  667. border-radius: 100%;
  668. }
  669.  
  670. .ans{
  671. text-align: left;
  672. padding: 20px;
  673. }
  674.  
  675. /*audio*/
  676.  
  677. .audio{
  678. background: {color:menu};
  679. width:100%;
  680. }
  681.  
  682. .songart img{
  683. width: 155px;
  684. max-height: 155px;
  685. float:left;
  686. margin-right: 20px;
  687. }
  688.  
  689. .songtitle, .songauthor{
  690. position: relative;
  691. }
  692.  
  693. .songtitle{
  694. padding: 20px 0 0 0;
  695. color:{color:link};
  696. margin-bottom: 5px;
  697. text-transform: uppercase;
  698. }
  699.  
  700. .play{
  701. position: relative;
  702. width: 33px;
  703. margin-top: 5px;
  704. overflow: hidden;
  705. opacity: .8;
  706. filter: invert(100%);
  707. }
  708.  
  709. /*link post*/
  710.  
  711. .link{
  712. padding: 0 10px;
  713. margin-bottom: 0px;
  714. }
  715.  
  716. .link a{
  717. font-size: 1.3em;
  718. }
  719.  
  720.  
  721. .link a:hover{
  722. color: {color:text};
  723. }
  724.  
  725. .link a .fas{
  726. transition: all .2s ease;
  727. }
  728.  
  729. .link a:hover .fas{
  730. transform: rotate(45deg);
  731. color: {color:accent};
  732. }
  733.  
  734. /*quote*/
  735.  
  736. .quote{
  737. padding: 0 10px;
  738. font-size: .8em;
  739. }
  740.  
  741. .quote h1{
  742. color: {color:text};
  743. line-height: 100%;
  744. margin-bottom: 15px;
  745. letter-spacing: 1.5px;
  746. line-height: 1.4;
  747. font-size: 1.3em;
  748. }
  749.  
  750.  
  751. /***********TAGS AND SOURCE INFORMATION***********/
  752.  
  753. /*tags*/
  754.  
  755. .tags{
  756. display: flex;
  757. justify-content: space-between;
  758. text-transform: lowercase;
  759. margin: 0 auto;
  760. margin-top: 10px;
  761. text-align: center;
  762. width: 400px;
  763. font-size: .8em;
  764. font-family: 'Inconsolata', sans-serif;
  765. }
  766.  
  767. .tags a{
  768. padding: 0 5px;
  769.  
  770. }
  771.  
  772. .via {
  773. text-transform: lowercase;
  774. display:flex;
  775. align-items: center;
  776. justify-content: space-between;
  777. width: 400px;
  778. height: 2em;
  779. margin: 0 auto;
  780. margin-top: 10px;
  781. color: {color:link};
  782. font-size: .8em;
  783. font-family: 'Inconsolata', sans-serif;
  784. }
  785.  
  786. .via span {
  787. font-weight: 700;
  788. }
  789.  
  790.  
  791. </style>
  792.  
  793. </head>
  794.  
  795. <body>
  796.  
  797. <div id="navwrapper" class="animated bounceInDown">
  798. <div class="navlinks">
  799. <a href="#msg" rel="modal:open" class="open-modal"><span data-hover="message">message</span></a>
  800. <a href="{text:link 1 url}"><span data-hover="{text:link 1 title}">{text:link 1 title}</span></a>
  801. <a href="{text:link 2 url}"><span data-hover="{text:link 2 title}">{text:link 2 title}</span></a>
  802. <a href="https://www.tumblr.com/follow/{name}"><span data-hover="follow">follow</span></a>
  803. </div>
  804. <a href="vocitates.tumblr.com" title="" class="credit"><span data-hover=""> <i class="fas fa-code"></i> </span></a>
  805. </div>
  806.  
  807.  
  808. <div id="sitecontainer">
  809.  
  810. <!--menu-->
  811.  
  812. <div id="menu" class="animated bounceInLeft">
  813.  
  814. <div id="desc"> <h1>{text:descriptiontitle}</h1> {description}
  815.  
  816. <div id="search">
  817. <form action="/search" method="get" class="sform">
  818. <input type="text" autocomplete="off" name="q" placeholder="search"/>
  819. </form>
  820. </div>
  821. </div>
  822.  
  823. <div id="title">
  824. <h1><a href="/">{title}</a></h1>
  825.  
  826. <div id="btn">
  827. <div class="line"></div>
  828. </div>
  829. </div>
  830. </div>
  831.  
  832. <div id="postcontainer">
  833. {block:posts}
  834. <section class="post wow fadeIn">
  835.  
  836. <!--post info-->
  837.  
  838. {block:Date}
  839. <div id="postinfo">
  840. <a href="{permalink}" title="{timeago}"><i class="far fa-clock"></i>
  841. </a>
  842. <a href="{permalink}" title="permalink"><i class="far fa-bookmark fa-fw"></i></a>
  843. {block:NoteCount} <a href="{permalink}" title="{notecount} notes"><i class="far fa-sticky-note fa-fw"></i></a>{/block:NoteCount}
  844. <a href="{reblogURL}" title="reblog"><i class="fas fa-sync-alt fa-fw"></i></a>
  845. {block:permalinkpage}
  846. <a id="dash" title="view post on dash"><i class="fas fa-street-view"></i></a>
  847. {/block:permalinkpage}
  848. </div>
  849. {/block:Date}
  850.  
  851.  
  852. <!--photo-->
  853.  
  854. {block:Photo}
  855. <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}">
  856. </a> {block:Caption}
  857. <div class="caption">{Caption}</div>{/block:Caption} {/block:Photo}
  858.  
  859. <!--photoset-->
  860.  
  861. {block:Photoset}
  862. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  863. <div class="photo-data">
  864. <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}
  865. </div>
  866. {block:Caption}
  867. <div class="caption">{Caption}</div>{/block:Caption} {/block:Photoset}
  868.  
  869. <!--text-->
  870.  
  871. {block:Text}
  872. {block:Title}
  873. <h1 class="text">{Title}</h1>{/block:Title}
  874. <div class="caption text">
  875. {Body}
  876. </div>
  877. {/block:Text}
  878.  
  879.  
  880. <!--ask&answer post-->
  881.  
  882. {block:Answer}
  883. <div class="ask">
  884. <div class="quest"><span class="asker"><img src="{AskerPortraitURL-30}">{asker}</span> {Question}</div>
  885. <div class="ans caption">{Answer}</div>
  886. </div>
  887. {/block:answer}
  888.  
  889. <!--audio-->
  890.  
  891. {block:Audio}
  892. <div class="audio">
  893. {block:AlbumArt}
  894. <div class="songart">
  895. <img src="{AlbumArtURL}">
  896. </div>
  897. {/block:AlbumArt}
  898. <div class="songtitle">
  899. {block:TrackName} <i class="fas fa-headphones-alt fa-fw"></i> {TrackName} {/block:TrackName}
  900. </div>
  901. <div class="songauthor">
  902. {block:Artist} {Artist} {/block:Artist}
  903. </div>
  904. <div class="play">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
  905.  
  906. </div>
  907. {/block:audio}
  908.  
  909. <!--video-->
  910.  
  911. {block:Video}{Video-400}{block:Caption}
  912. <div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  913.  
  914.  
  915. <!--quote-->
  916.  
  917. {block:Quote}
  918. <div class="quote">
  919. <h1><i class="fas fa-quote-left fa-fw "></i> {Quote}</h1>
  920. <i class="fas fa-angle-double-right"></i> {Source}</div>{/block:Quote}
  921.  
  922. <!--links-->
  923.  
  924. {block:Link}
  925. <h1 class="link"><a href="{URL}"><i class="fas fa-location-arrow fa-fw"></i> {Name}</a>
  926. </h1> {block:Description}
  927. <div class="caption text" style="width:100%;">{Description}</div>{/block:Description} {/block:Link}
  928.  
  929. {block:PermalinkPage}
  930. <div class="via">
  931.  
  932. <p>{block:RebloggedFrom}<span>via</span>: <a href="{ReblogParentURL}">{ReblogParentName} </a>{/block:RebloggedFrom}</p>
  933.  
  934. <p>{block:ContentSource} <span>source</span>: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}</p>
  935. </div>
  936. {/block:PermalinkPage}
  937.  
  938. <div class="tags">
  939. <div class="tagholder">{block:HasTags}
  940. <i class="fas fa-tags fa-sm"></i> {block:Tags}
  941. <a href="{TagURL}"> {Tag} </a> {/block:Tags} {/block:HasTags}</div>
  942. </div>
  943.  
  944. </section>
  945.  
  946. {/block:posts}
  947.  
  948. {block:Pagination}
  949. <div id="pagi">{block:PreviousPage}
  950. <a href="{PreviousPage}"><i class="fas fa-arrow-left fa-lg fa-fw"></i></a> {/block:PreviousPage}
  951. {block:NextPage}
  952. <a href="{NextPage}"><i class="fas fa-arrow-right fa-lg fa-fw"></i></a> {/block:NextPage}
  953. </div>{/block:Pagination}
  954.  
  955. </div>
  956.  
  957. </div>
  958.  
  959. <!--ask box-->
  960.  
  961. <div id="msg" class="modal">
  962. <h1>{text:asktitle}.</h1>
  963. <iframe id="ask_form" style="background-color: transparent; overflow: hidden;" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" frameborder="0" scrolling="no" width="480px" height="300px"></iframe>
  964. <h2>{text:faqtitle}</h2>
  965. {text:faq}
  966. </div>
  967.  
  968. <!----------SCRIPTS---------->
  969.  
  970. <!--unnest-->
  971.  
  972. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  973. <script>
  974. $(function() {
  975. $('.post').unnest({
  976. yourCaption: ".caption",
  977. wrapName: ".reblog",
  978. newCaptionUsername: false,
  979. originalPostCaptionUsername: false,
  980. tumblrAvatars: false,
  981. tumblrAvatarClass: ".avatar",
  982. usernameColon: false
  983. });
  984. });
  985. </script>
  986.  
  987.  
  988. <!--pxu photoset-->
  989.  
  990. <script>
  991. $(document).ready(function() {
  992. $('.photo-slideshow').pxuPhotoset({
  993. lightbox: true,
  994. rounded: false,
  995. gutter: '3px',
  996. borderRadius: '0px',
  997. photoset: '.photo-slideshow',
  998. photoWrap: '.photo-data',
  999. photo: '.pxu-photo'
  1000. });
  1001. });
  1002. </script>
  1003.  
  1004. <!--tooltips-->
  1005.  
  1006. <script>
  1007. (function($){
  1008. $(document).ready(function(){
  1009. $("[title]").style_my_tooltips({
  1010. tip_follows_cursor:true,
  1011. tip_delay_time:90,
  1012. tip_fade_speed:300,
  1013. attribute:"title"
  1014. });
  1015. });
  1016. })(jQuery);
  1017. </script>
  1018.  
  1019. <!--modal-->
  1020.  
  1021. <script>
  1022. $('a.open-modal').click(function(event) {
  1023. $(this).modal({
  1024. fadeDuration: 200,
  1025. fadeDelay: 0,
  1026. showClose: false,
  1027. });
  1028. return false;
  1029. });
  1030. </script>
  1031.  
  1032. <script>
  1033. var effects = 'animated rubberBand faster';
  1034. var effectsTwo = 'animated pulse faster';
  1035. var effectsEnd = 'animationend oAnimationEnd mozAnimationEnd webkitAnimationEnd';
  1036.  
  1037. $( "#btn" ).click(function() {
  1038. $( "#menu" ).toggleClass( "open", 150 );
  1039. });
  1040.  
  1041. $( "#btn").click(function() {
  1042. $( this ).toggleClass( "active");
  1043. });
  1044.  
  1045. $("#title h1, #postinfo a, .navlinks a").hover(function(){
  1046. $( this ).addClass(effectsTwo).one(effectsEnd, function() {
  1047. $( this ).removeClass(effectsTwo);
  1048. });
  1049. });
  1050.  
  1051. //$("#btn").hover(function(){
  1052. // $( this ).addClass(effects).one(effectsEnd, function() {
  1053. // $( this ).removeClass(effects);
  1054. // });
  1055. //});
  1056.  
  1057.  
  1058.  
  1059. </script>
  1060.  
  1061. </body>
  1062.  
  1063. </html>
Advertisement
Add Comment
Please, Sign In to add comment