Mangolias

Ryuk Theme

Sep 12th, 2019
1,539
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.93 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. Ryuk Theme by Mangolias
  8.  
  9. ~ mangolias.tumblr.com ~
  10.  
  11. Credits: pxu photosets by pixel union
  12. icons by feathericons.com
  13. responsive videos by nouvae.tumblr.com
  14.  
  15. -->
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}">
  21. {/block:Description}
  22. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  23.  
  24. <meta name="image:Sidebar" content="">
  25. <meta name="if:Show Avatar" content="">
  26. <meta name="if:Full Photosets" content="">
  27. <meta name="if:Infinite Scroll" content="0">
  28.  
  29. <meta name="color:Background" content"#2a2a2a"/>
  30. <meta name="color:Sidebar" content"#272727"/>
  31. <meta name="color:Posts" content="#242424"/>
  32. <meta name="color:Text" content="#929292"/>
  33. <meta name="color:Post Text" content="#b0b0b0"/>
  34. <meta name="color:Audio Color" content="#f5f5f5"/>
  35. <meta name="color:Hover Color" content="#f5f5f5"/>
  36. <meta name="color:Borders" content="#282828"/>
  37. <meta name="color:Shadow" content="#242424"/>
  38. <meta name="color:Button" content="#242424"/>
  39. <meta name="color:Scrollbar" content="#222222"/>
  40.  
  41. <meta name="text:Home" content="Home">
  42. <meta name="text:Ask" content="Ask">
  43. <meta name="text:Submit" content="Submit">
  44. <meta name="text:Archive" content="Archive">
  45.  
  46. <meta name="text:Link One" content="">
  47. <meta name="text:Link One URL" content="">
  48. <meta name="text:Link Two" content="">
  49. <meta name="text:Link Two URL" content="">
  50. <meta name="text:Link Three" content="">
  51. <meta name="text:Link Three URL" content="">
  52.  
  53. <meta name="text:Tag One" content="">
  54. <meta name="text:Tag Two" content="">
  55. <meta name="text:Tag Three" content="">
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&display=swap" rel="stylesheet">
  58.  
  59. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64. body {
  65. margin: 0;
  66. background-color: {color:Background};
  67. color: {color:Text};
  68. font-size: 12px;
  69. font-family: 'Karla', sans-serif;
  70. word-spacing: 1px;
  71. word-wrap: break-word;
  72. -webkit-font-smoothing: antialiased;
  73. font-smoothing: antialiased
  74. }
  75.  
  76. a {
  77. text-decoration: none;
  78. color: {color:Text};
  79. -webkit-transition: 0.4s;
  80. transition: 0.4s;
  81. }
  82.  
  83. a:hover {
  84. color: {color:Hover Color};
  85. }
  86.  
  87. h1, h2, h3, h4 {
  88. font-size: 13px;
  89. font-weight: 700;
  90. font-family: 'Karla', sans-serif;
  91. }
  92.  
  93. hr {
  94. border: none;
  95. box-shadow: 0;
  96. margin: 1em auto;
  97. border-top: 1px solid {color:Background};
  98. }
  99.  
  100. img {
  101. border: 0;
  102. max-width: 100%;
  103. height: auto;
  104. display: block;
  105. }
  106.  
  107. b, strong {
  108. font-weight: 700;
  109. }
  110.  
  111. ul {
  112. list-style: none;
  113. padding: 0;
  114. }
  115.  
  116. .thin {
  117. font-weight: 400;
  118. }
  119.  
  120. .title {
  121. font-weight: bold;
  122. }
  123.  
  124. .up {
  125. text-transform: uppercase;
  126. }
  127.  
  128. .accent {
  129. font-style: italic;
  130. }
  131.  
  132. blockquote {
  133. margin: 0;
  134. }
  135.  
  136. blockquote img {
  137. width: 100%;
  138. height: auto;
  139. }
  140.  
  141. p img {
  142. width: 100%;
  143. height: auto;
  144. }
  145.  
  146. /* aside */
  147.  
  148. aside {
  149. padding: 50px 100px 40px;
  150. background-color: {color:Sidebar};
  151. text-align: right;
  152. }
  153.  
  154. nav {
  155. line-height: 12px;
  156. font-size: 11px;
  157. }
  158.  
  159. nav li {
  160. list-style-type: none;
  161. display: inline-block;
  162. }
  163.  
  164. nav a {
  165. display: inline-block;
  166. margin: 0 .5em .5em 0;
  167. color: {color:Text};
  168. border-bottom: 2px solid {color:Text};
  169. }
  170.  
  171. aside section {
  172. margin: 0 auto;
  173. max-width: 300px;
  174. min-width: 100px;
  175. }
  176.  
  177. aside section:not(:first-child) {
  178. margin-top: 1.8em;
  179. }
  180.  
  181. aside .sideimg {
  182. display: none;
  183. }
  184.  
  185. aside .avatar {
  186. width: 50px;
  187. border-radius: 3px;
  188. margin-bottom: 40px;
  189. }
  190.  
  191. aside .avatar.circle {
  192. border-radius: 50%;
  193. }
  194.  
  195. aside .avatar img {
  196. display: block;
  197. }
  198.  
  199. aside .title a {
  200. font-family: 'Karla', sans-serif;
  201. font-weight: normal;
  202. font-weight: 700;
  203. }
  204.  
  205.  
  206. aside .description {
  207. font-size: 12px;
  208. padding: 10px 0 0 0;
  209. }
  210.  
  211. .taglist {
  212. font-style: italic;
  213. list-style-type: none;
  214. opacity: .5;
  215. line-height: 14px;
  216. }
  217.  
  218. .taglist li {
  219. display: inline-block;
  220. padding-right: 3px;
  221. }
  222.  
  223. /* content */
  224.  
  225. #content {
  226. background-color: {color:Background};
  227.  
  228. }
  229.  
  230. .entry {
  231. position: relative;
  232. width: 100%;
  233. padding: 20px;
  234. -moz-box-sizing: border-box;
  235. box-sizing: border-box;
  236. }
  237.  
  238. {block:IndexPage}
  239. .entry {
  240. opacity:0;
  241. z-index:-1;
  242. }
  243. {/block:IndexPage}
  244.  
  245. .entry:last-child {
  246. margin-bottom: 0;
  247. }
  248.  
  249. .post {
  250. max-width: 300px;
  251. margin: 0 auto;
  252. padding: 0;
  253. border: 1px solid {color:Borders};
  254. -moz-box-shadow: 2px 2px 20px {color:Shadow};
  255. -webkit-box-shadow: 2px 2px 20px {color:Shadow};
  256. box-shadow: 2px 2px 20px {color:Shadow};
  257. border-radius: 4px;
  258. }
  259.  
  260. .post img {
  261. border-radius: 3px;
  262. }
  263.  
  264. .post .media {
  265. position: relative;
  266. }
  267.  
  268. {block:IndexPage}
  269. .post:hover {
  270. opacity: 1;
  271. -webkit-transition: 0.7s;
  272. transition: 0.7s;
  273. }
  274. {/block:IndexPage}
  275.  
  276. .post .hv {
  277. opacity: 0;
  278. z-index: 10000001;
  279. position: absolute;
  280. top: 50%;
  281. left: 50%;
  282. transform: translate(-50%, -50%);
  283. }
  284.  
  285. {block:IndexPage}
  286. .post:hover .hv {
  287. opacity: 1;
  288. -webkit-transition: 0.6s;
  289. transition: 0.6s;
  290. }
  291. {/block:IndexPage}
  292.  
  293. .button {
  294. background-color: {color:Button};
  295. padding: 5px 7px;
  296. border-radius: 3px;
  297. }
  298.  
  299. /* posts */
  300.  
  301. .text {
  302. margin: 20px;
  303. }
  304.  
  305. .quote {
  306. margin: 20px;
  307. text-align: center;
  308. font-weight: 700;
  309. font-size: 13px;
  310. font-family: 'Karla', sans-serif;
  311. }
  312.  
  313. .quotetext {
  314. margin: 0 20px 20px 20px;
  315. padding: 5px 0;
  316. }
  317.  
  318. .mark {
  319. font-size: 20px;
  320. line-height: 13px;
  321. font-weight: 700;
  322. }
  323.  
  324. .chat {
  325. line-height: 20px;
  326. }
  327.  
  328. .asker {
  329. margin: 20px 40px 5px 20px;
  330. }
  331.  
  332. .asker a {
  333. margin: 20px 0 5px 0;
  334. }
  335.  
  336. .question {
  337. padding: 15px;
  338. border-radius: 0 7px 7px 7px;
  339. background-color: {color:Audio Color};
  340. line-height: 15px;
  341. margin: 0 20px;
  342. }
  343.  
  344. .answerer {
  345. margin: 20px 0 20px;
  346. }
  347.  
  348. .answer {
  349. padding: 5px 15px 5px 5px;
  350. border-radius: 7px 0 7px 7px;
  351. line-height: 15px;
  352. margin: 0 20px;
  353. }
  354.  
  355. .video {
  356. max-width: 100%;
  357. height: auto;
  358. }
  359.  
  360. .soundcloud_audio_player {
  361. max-height: 200px!important;
  362. }
  363.  
  364. .spotify_audio_player {
  365. max-height: 80px!important;
  366. }
  367.  
  368. .link {
  369. position: relative;
  370. padding: 10px;
  371. border-radius: 3px;
  372. }
  373.  
  374. .linkname {
  375. padding: 10px;
  376. line-height: 20px;
  377. font-weight: bold;
  378. }
  379.  
  380. .link a {
  381. border-bottom: 2px solid {color:Text};
  382. }
  383.  
  384. .linkdesc {
  385. padding-top: 10px;
  386. line-height: 15px;
  387. font-weight: normal;
  388. }
  389.  
  390. /* audio */
  391.  
  392. .audio {
  393. position: relative;
  394. background-color: {color:Audio Color};
  395. padding: 40px 20px;
  396. border-radius: 3px;
  397. }
  398.  
  399. .player {
  400. width: 30px;
  401. height: 30px;
  402. overflow: hidden;
  403. position: absolute;
  404. margin: 0 0 0 5px;
  405. opacity: .5;
  406. }
  407.  
  408. .track {
  409. margin: 0 0 0 45px;
  410. vertical-align: middle;
  411. font-family: 'Karla', sans-serif;
  412. font-weight: 700;
  413. font-size: 13px;
  414. padding-left: 5px;
  415. }
  416.  
  417. /* controls */
  418.  
  419. .controls {
  420. padding-bottom: 20px;
  421. }
  422.  
  423. .controlsreblog {
  424. color: {color:Post Text};
  425. box-sizing: border-box;
  426. float: right;
  427. border-bottom: 2px solid {color:Text};
  428. }
  429.  
  430. .timestamp {
  431. color: {color:Post Text};
  432. box-sizing: border-box;
  433. float: left;
  434. border-bottom: 2px solid {color:Text};
  435. }
  436.  
  437. .pagination {
  438. display: none;
  439. position: relative;
  440. width: 85%;
  441. max-width: 500px;
  442. text-align: center;
  443. margin: 0 auto;
  444. left: 0;
  445. bottom: 20px;
  446. color: {color:Post Text};
  447. }
  448.  
  449. /* info */
  450.  
  451. .info {
  452. padding: 0;
  453. color: {color:Post Text};
  454. }
  455.  
  456. .info a {
  457. color: {color:Post Text};
  458. }
  459.  
  460. .info a:hover {
  461. color: {color:Hover Color};
  462. }
  463.  
  464. .comma:last-child {
  465. display: none;
  466. }
  467.  
  468. .tags a {
  469. text-decoration: none;
  470. }
  471.  
  472. .tags a:hover {
  473. color: {color:Hover Color};
  474. }
  475.  
  476. .caption {
  477. padding: 0px 20px;
  478. background-color: {color:Posts};
  479. }
  480.  
  481. .caption img {
  482. max-width: 100%;
  483. height: auto;
  484. }
  485.  
  486. .permalink {
  487. padding: 20px;
  488. background-color: {color:Posts};
  489. }
  490.  
  491. /* notecontainer */
  492.  
  493. .notecontainer {
  494. padding-top: 20px;
  495. margin-top: 15px;
  496. background-color: {color:Posts};
  497. margin-bottom: 20px;
  498. }
  499.  
  500. .notecontainer ol.notes {
  501. list-style-type: none;
  502. padding-left: 20px;
  503. }
  504.  
  505. .notecontainer img.avatar {
  506. vertical-align: middle;
  507. width: 26px;
  508. margin: 6px 0;
  509. opacity: 0.6;
  510. -webkit-transition: 0.4s;
  511. transition: 0.4s;
  512. border-radius: 0;
  513. }
  514.  
  515. .notecontainer img.avatar:last-child {
  516. padding-right: 5px;
  517. }
  518.  
  519. .notecontainer img.avatar:hover {
  520. opacity: 1;
  521. }
  522.  
  523. .notecontainer ol.notes li.note {
  524. overflow: hidden;
  525. width: 38px;
  526. height: 38px;
  527. display: inline-block;
  528. }
  529.  
  530. .notecontainer ol.notes li.note:last-child {
  531. display: block;
  532. width: 225px;
  533. padding: 10px 0 30px;
  534. }
  535.  
  536. /* media screen */
  537.  
  538. @media only screen and (min-width: 900px) {
  539. .content {
  540. margin: 60px 40px 40px 530px;
  541. }
  542.  
  543. .entry {
  544. margin: 0px;
  545. float: left;
  546. width: 300px;
  547. display: -moz-inline-stack;
  548. display: inline-block;
  549. }
  550.  
  551. .post {
  552. margin: 0;
  553. }
  554.  
  555. .entry:nth-child(4n+0) {
  556. clear: left;
  557. }
  558.  
  559. aside {
  560. position: fixed;
  561. float: right;
  562. top: 0;
  563. left: 0;
  564. bottom: 0;
  565. margin: 0;
  566. width: 470px;
  567. padding: 80px 100px 40px;
  568. -moz-box-sizing: border-box;
  569. box-sizing: border-box;
  570. border-right: 1px solid {color:Borders};
  571. }
  572.  
  573. aside .sideimg {
  574. display: block;
  575. }
  576.  
  577. aside nav li {
  578. display: block;
  579. }
  580.  
  581. .pagination {
  582. margin: 0 40px;
  583. }
  584.  
  585. .taglist {
  586. padding-top: 10px;
  587. }
  588.  
  589. .taglist li {
  590. display: block;
  591. }
  592.  
  593. }
  594.  
  595. /* other */
  596.  
  597. #theme {
  598. position: fixed;
  599. font-size: 13px;
  600. right: 15px;
  601. bottom: 25px;
  602. width: 16px;
  603. height: 15px;
  604. padding: 2px 2px 3px;
  605. text-align: center;
  606. color: #929292;
  607. background-color: #272727;
  608. border-radius: 50%;
  609.  
  610. }
  611.  
  612. ::-webkit-scrollbar {
  613. width: 15px;
  614. height: 15px;
  615. }
  616.  
  617. ::-webkit-scrollbar {
  618. background-color: {color:Background};
  619. }
  620.  
  621. ::-webkit-scrollbar-track {
  622. background-color: {color:Background};
  623. border: 5px solid {color:Background};
  624. }
  625.  
  626. ::-webkit-scrollbar-thumb {
  627. background-color: {color:Scrollbar};
  628. border: 5px solid {color:Background};
  629. border-radius: 10px;
  630. min-height: 24px;
  631. min-width: 24px;
  632. }
  633.  
  634. ::-webkit-scrollbar-corner {
  635. background-color:{color:Background};
  636. }
  637.  
  638.  
  639. </style>
  640.  
  641. <!-- pixel union photoset for margins -->
  642. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  643. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  644.  
  645. <!-- feathericons.com -->
  646. <link href="https://static.tumblr.com/kmw8hta/oSwpvpnik/feather.css" rel="stylesheet">
  647.  
  648. <!-- nouvae responsive videos -->
  649. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  650.  
  651. <script>
  652.  
  653. $(document).ready(function() {
  654. flexibleFrames($(".video"));
  655. });
  656.  
  657. </script>
  658.  
  659. </head>
  660.  
  661. <body>
  662.  
  663. <aside>
  664.  
  665. {block:IfSidebarImage}
  666. <section>
  667. <a href="/"><img class="sideimg" src="{image:Sidebar}"></a>
  668. </section>
  669. {/block:IfSidebarImage}
  670.  
  671. <section>
  672.  
  673. {block:IfShowAvatar}
  674. <a href="/"><img src="{PortraitURL-128}" class="avatar {AvatarShape}"></a>
  675. {/block:IfShowAvatar}
  676.  
  677. <div class="title"><a href="/">{Title}</a></div>
  678.  
  679. <div class="description">{Description}</div>
  680.  
  681. </section>
  682.  
  683. <section><nav class="title">
  684.  
  685. {block:IfHome}
  686. <a href="/">{text:Home}</a>
  687. {/block:IfHome}
  688.  
  689. {block:AskEnabled}
  690. {block:IfAsk}
  691. <li><a href="/ask">{text:Ask}</a></li>
  692. {/block:IfAsk}
  693. {/block:AskEnabled}
  694.  
  695. {block:SubmissionsEnabled}
  696. {block:IfSubmit}
  697. <li><a href="/submit">{text:Submit}</a></li>
  698. {/block:IfSubmit}
  699. {/block:SubmissionsEnabled}
  700.  
  701. {block:IfArchive}
  702. <li><a href="/archive">{text:Archive}</a></li>
  703. {/block:IfArchive}
  704.  
  705. <!-- {block:HasPages}{block:Pages}
  706. <li><a href="{URL}">{Label}</a></li>
  707. {/block:Pages}{/block:HasPages} -->
  708.  
  709. {block:IfLinkOne}<li><a href="{text:Link One URL}">{text:Link One}</a>{/block:IfLinkOne}
  710.  
  711. {block:IfLinkTwo}<li><a href="{text:Link Two URL}">{text:Link Two}</a>{/block:IfLinkTwo}
  712.  
  713. {block:IfLinkThree}<li><a href="{text:Link Three URL}">{text:Link Three}</a>{/block:IfLinkThree}
  714.  
  715. </nav>
  716.  
  717. <div class="taglist">
  718. {block:IfTagOne}<li><a href="/tagged/{text:Tag One}">#{text:Tag One} </a></li>{/block:IfTagOne}
  719. {block:IfTagTwo}<li><a href="/tagged/{text:Tag Two}">#{text:Tag Two} </a></li>{/block:IfTagTwo}
  720. {block:IfTagThree}<li><a href="/tagged/{text:Tag Three}">#{text:Tag Three} </a></li>{/block:IfTagThree}
  721. </div>
  722.  
  723. </section>
  724.  
  725. </aside>
  726.  
  727. <div class="content"> {block:Posts}
  728.  
  729. <article class="entry" id="{PostID}">
  730.  
  731. <section class="post">
  732.  
  733. <span class="hv">
  734.  
  735. <a href="{Permalink}" class="accent button">
  736. <span class="fx fx-eye"></span> see post
  737. </a>
  738.  
  739. </span>
  740.  
  741. <!-- audio -->
  742. {block:Audio}
  743. <div class="audio">
  744.  
  745. {block:AudioPlayer}
  746. <div class="player">{AudioPlayer}</div>
  747. {/block:AudioPlayer}
  748.  
  749. {block:TrackName}
  750. <div class="track">{TrackName}
  751. {/block:TrackName}
  752. <br>
  753. {block:Artist}
  754. <span class="accent thin">— by {Artist}</span></div>
  755. {/block:Artist}
  756.  
  757. </div>
  758. {/block:Audio}
  759.  
  760. <!-- photo -->
  761. {block:Photo}
  762. <div class="media">
  763. {LinkOpenTag}
  764. <a href="{Permalink}">
  765. <img src="{PhotoURL-HighRes}"/></a>
  766. {LinkCloseTag}
  767. </div>
  768. {/block:Photo}
  769.  
  770. <!-- photoset -->
  771. {block:Photoset}
  772. <div class="media photoset">
  773.  
  774. {block:PermalinkPage}
  775. <!-- pixel union photosets -->
  776. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  777. {block:Photos}
  778. <div class="photo-data">
  779. <div class="pxu-photo">
  780. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  781. </div>
  782. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  783. </div>{/block:Photos}
  784. </div>
  785. <!-- pxel union photoset ends -->
  786. {/block:PermalinkPage}
  787.  
  788. {block:ifFullPhotosets}
  789. {block:IndexPage}
  790.  
  791. <!-- pixel union photosets -->
  792. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  793. {block:Photos}
  794. <div class="photo-data">
  795. <div class="pxu-photo">
  796. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  797. </div>
  798. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  799. </div>{/block:Photos}
  800. </div>
  801. <!-- pxel union photoset ends -->
  802.  
  803. {/block:IndexPage}
  804. {/block:ifFullPhotosets}
  805.  
  806. {block:ifNotFullPhotosets}
  807. {block:IndexPage}
  808. {block:Photos}<img src="{PhotoURL-HighRes}">
  809. <!--{/block:Photos}-->
  810. {/block:IndexPage}
  811. {/block:ifNotFullPhotosets}
  812.  
  813. </div>
  814. {/block:Photoset}
  815.  
  816. <!-- text -->
  817. {block:Text}
  818. {block:Title}<h1 class="text">{Title}</h1>{/block:Title}
  819. <div class="text">{Body}</div>
  820. {/block:Text}
  821.  
  822. <!-- quote -->
  823. {block:Quote}
  824. <div class="quote"><span class="mark">“ </span>{Quote}<span class="mark"> „</span></div>
  825. {block:Source}<div class="quotetext">— {Source}</div>{/block:Source}
  826. {/block:Quote}
  827.  
  828. <!-- video -->
  829. {block:Video}
  830. <div class="videowrap">
  831. <div class="video">
  832. {Video-250}
  833. </div></div>
  834. {/block:Video}
  835.  
  836. <!-- questions and answers -->
  837. {block:Answer}
  838. <div class="asker"><span class="title">{Asker}:</span><br/></div>
  839. <div class="question">{Question}<br/></div>
  840. <div class="answer">{Answer}</div>
  841. {/block:Answer}
  842.  
  843. <!-- chat posts -->
  844. {block:Chat}
  845. <div class="chat text">
  846. {block:Title}<div class="title">{Title}</div>{/block:Title}
  847. {block:Lines}
  848. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/>
  849. {/block:Lines}</div>
  850. {/block:Chat}
  851.  
  852. <!-- link posts -->
  853. {block:Link}<div class="link">
  854. <div class="linkname"><a href="{URL}">{Name}</a>
  855. <div class="linkdesc">{block:Excerpt}{Excerpt}{/block:Excerpt}</div></div>
  856. </div>{/block:Link}
  857.  
  858. <!-- info -->
  859. {block:Date}
  860. <div class="info">
  861.  
  862. {block:PermalinkPage}
  863. <div class="permalink">
  864.  
  865. {block:Date}<div class="controls title">
  866. <a href="{Permalink}" class="timestamp">{ShortMonth} {dayofmonth}{dayofmonthsuffix}</a>
  867.  
  868. <a href="{ReblogURL}" target="_blank" class="controlsreblog">
  869. <span class="fx fx-external-link"></span>
  870. Reblog</a>
  871. </div>{/block:Date}
  872.  
  873. <!-- caption -->
  874. {block:Caption}
  875. <div class="caption">
  876. {Caption}
  877. </div>
  878. {/block:Caption}
  879.  
  880. {block:RebloggedFrom}
  881. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  882. {block:ContentSource}
  883. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  884. {/block:ContentSource}
  885. {/block:RebloggedFrom}
  886.  
  887. <!-- tags -->
  888. {block:HasTags}
  889. <div class="tags">Tagged:
  890. {block:Tags}
  891. <a href="{TagURL}"> {Tag}</a><span class="comma">,</span>
  892. {/block:Tags}
  893. </div>
  894. {/block:HasTags}
  895. {/block:PermalinkPage}
  896. </div> {/block:Date}
  897.  
  898. </section>
  899.  
  900.  
  901. </article>
  902.  
  903. <!-- post notes -->
  904. {block:PostNotes}
  905. <article class="entry">
  906. <section class="post notecontainer">
  907. <span class="text title">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span>
  908. {PostNotes-64}
  909. </section>
  910. </article>
  911. {/block:PostNotes}
  912.  
  913. {/block:Posts}
  914.  
  915. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  916.  
  917. <!-- pagination -->
  918. <div class="pagination">
  919. {/block:Pagination}
  920. {block:PreviousPage}
  921. <a class="previous_page" href="{PreviousPage}">Previous /</a>
  922. {/block:PreviousPage}
  923.  
  924. {block:NextPage}
  925. <a class="next_page" href="{NextPage}"> Next page</a>
  926. {/block:NextPage}
  927.  
  928. </div>
  929. {/block:Pagination}
  930.  
  931.  
  932. </div> <!-- div class content end -->
  933.  
  934. <a id="theme" href="https://mangolias.tumblr.com/" target="_blank">+</a></div>
  935.  
  936. <!-- inf maso pixel union-->
  937. {block:IndexPage}
  938. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  939. {block:ifInfiniteScroll}
  940. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  941. {/block:ifInfiniteScroll}
  942. {/block:IndexPage}
  943. <script>
  944. $(document).ready(function(){
  945. $('.photo-slideshow').pxuPhotoset({
  946. lightbox: true,
  947. rounded: false,
  948. gutter: '1px',
  949. photoset: '.photo-slideshow',
  950. photoWrap: '.photo-data',
  951. photo: '.pxu-photo'
  952. });
  953.  
  954. {block:IndexPage}
  955. var $container = $('.content');
  956. $container.masonry({ itemSelector: '.entry' });
  957. $container.imagesLoaded(function(){
  958. $container.masonry();
  959. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  960. });
  961. {block:ifInfiniteScroll}
  962. $container.infinitescroll({
  963. itemSelector: '.entry',
  964. navSelector: '.pagination',
  965. nextSelector: '.next_page',
  966. loadingImg: '',
  967. loadingText: '<em></em>',
  968. bufferPx: 2000
  969. },
  970.  
  971. function( newElements ) {
  972. var $newElems = $( newElements );
  973. $newElems.find('.photo-slideshow').pxuPhotoset({
  974. lightbox: true,
  975. rounded: false,
  976. gutter: '1px',
  977. photoset: '.photo-slideshow',
  978. photoWrap: '.photo-data',
  979. photo: '.pxu-photo'
  980. },
  981. function(){
  982. $container.masonry();
  983. });
  984. $newElems.imagesLoaded(function(){
  985. $container.masonry( 'appended', $newElems );
  986. $newElems.animate({ opacity: 1, zIndex: 1 });
  987. });
  988.  
  989. });
  990.  
  991. {/block:ifInfiniteScroll}
  992. {/block:IndexPage}
  993. });
  994. </script>
  995.  
  996.  
  997. </body>
  998. </html>
Advertisement
Add Comment
Please, Sign In to add comment