Mangolias

Chihiro Theme

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