Mangolias

Jack Theme (Updated)

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