bonescaro

tumblr theme code

May 26th, 2020
39
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.19 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. Observer Theme
  6. By Zack Sultan
  7. Released January 2013
  8. Revised April 16, 2014
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <title>{Title}{block:PostTitle} &#8212; {PostTitle}{/block:PostTitle}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no" />
  23.  
  24.  
  25.  
  26. <!-- Options -->
  27.  
  28.  
  29. <meta name="if:Show Navigation" content="1"/>
  30. <meta name="if:Alternate Header Layout" content="0"/>
  31. <meta name="if:Show Description" content="0"/>
  32. <meta name="if:Show Archive Navigation Link" content="1"/>
  33. <meta name="if:Wide Images" content="1"/>
  34. <meta name="if:Photoset Layout" content="0"/>
  35. <meta name="if:Show Post Tags" content="1"/>
  36. <meta name="if:Show Post Notes" content="1"/>
  37. <meta name="if:Show Copyright" content="0"/>
  38. <meta name="if:Infinite Scroll" content="1"/>
  39.  
  40. <meta name="Title font" content="Gibson">
  41. <meta name="Title font weight" content="bold" title="Bold">
  42. <meta name="Title font weight" content="normal" title="Normal">
  43. <meta name="font:Body font" content="Calluna"/>
  44.  
  45. <meta name="Background color" content="#fff">
  46. <meta name="Title color" content="#444444">
  47. <meta name="Link color" content="#5f79a4">
  48.  
  49. <meta name="color:Body text" content="#333333"/>
  50. <meta name="color:Secondary text" content="#888888"/>
  51. <meta name="image:Logo" content=""/>
  52. <meta name="text:TypeKit ID" content=""/>
  53. <meta name="text:Title Font" content=""/>
  54. <meta name="text:Body Font" content=""/>
  55. <meta name="text:Post Headline Font" content=""/>
  56. <!--<meta name="text:Secondary Font" content=""/>-->
  57.  
  58. <meta name="text:leftrenderwidth" content="200px" />
  59. <meta name="text:leftrendertoleft" content="100px" />
  60. <meta name="text:leftrenderbottom" content="0px" />
  61. <meta name="text:rightrenderwidth" content="400px" />
  62. <meta name="text:rightrendertoleft" content="800px" />
  63. <meta name="text:rightrenderbottom" content="0px" />
  64.  
  65. <meta name="image:Background" content="" />
  66. <meta name="image:rightsiderender" content ="" />
  67. <meta name="image:leftsiderender" content ="" />
  68.  
  69.  
  70. <meta name='text:Disqus Shortname' content='' />
  71. <meta name='text:Google Analytics' content='' />
  72.  
  73. <!-- Scripts -->
  74.  
  75. <script src="https://static.tumblr.com/4kpnlef/Pttmhz2ap/jquery-1.9.1.min.js"></script>
  76.  
  77. {block:IfInfiniteScroll}
  78. <!-- Infinite Scroll -->
  79. <script type="text/javascript" src="https://static.tumblr.com/rsdylxf/v40mu99v6/infinitescrolling.js" ></script>
  80. {/block:IfInfiniteScroll}
  81.  
  82. {block:IfTypeKitID}
  83. <!-- Typekit -->
  84. <script type="text/javascript" src="//use.typekit.net/{text:TypeKit ID}.js"></script>
  85. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  86. {/block:IfTypeKitID}
  87.  
  88. <!-- Media resizing -->
  89. <script type="text/javascript">
  90. $(document).ready(function() {
  91. // Make desktop tumblr video stretch to 100%
  92. $('.tumblr_video_container').css({ 'width' : '100%', 'height' : '100%' });
  93. // Resize tumblr video on mobile
  94. $('.iphone-video a').css({ 'width' : '100%', 'height' : '200px' });
  95. });
  96.  
  97. //Make Spotify the right size and responsive
  98. $(document).ready(function(){
  99. $('.mobile-spotify iframe').css('height', '80px');
  100. $('.mobile-spotify iframe').css('width', '290px');
  101. $('iframe[src*="embed.spotify.com"]').each( function() {
  102. $(this).css('width',$(this).parent(1).css('width'));
  103. $(this).css('height', '82');
  104. $(this).attr('src',$(this).attr('src'));
  105. });
  106. });
  107. $(window).resize(function() {
  108. $('iframe[src*="embed.spotify.com"]').each( function() {
  109. $(this).css('width',$(this).parent(1).css('width'));
  110. $(this).css('height', '82');
  111. $(this).attr('src',$(this).attr('src'));
  112. });
  113. });
  114.  
  115. //disable safari active states
  116. document.addEventListener("touchstart", function() {},false);
  117.  
  118. </script>
  119.  
  120. {block:IfGoogleAnalytics}
  121. <!-- Analytics -->
  122.  
  123. <script type="text/javascript">
  124.  
  125. var _gaq = _gaq || [];
  126. _gaq.push(['_setAccount', '{text:Google Analytics}']);
  127. _gaq.push(['_trackPageview']);
  128.  
  129. (function() {
  130. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  131. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
  132. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  133. })();
  134.  
  135. </script>
  136.  
  137. {/block:IfGoogleAnalytics}
  138.  
  139.  
  140. <!-- Style Sheet -->
  141.  
  142. <style type="text/css">
  143.  
  144. .regular p {
  145. font-weight: bold;
  146. color:aqua;
  147. }
  148.  
  149. .regular .bottom-nav {
  150. display: none;
  151. }
  152.  
  153. ::selection {
  154. background: {AccentColor}; /* Safari */
  155. color: {color:Body Text};
  156. }
  157.  
  158. ::-moz-selection {
  159. background: {AccentColor}; /* Firefox */
  160. color: {color:Body Text};
  161. }
  162.  
  163. body {
  164. margin: 0px;
  165. margin-bottom: 0px;
  166. padding: 0px;
  167. font-size:18px;
  168. -webkit-font-smoothing: antialiased;
  169. -webkit-tap-highlight-color: rgba(0,0,0,0);
  170. }
  171.  
  172. p, li, blockquote {
  173. line-height: 28px;
  174. margin: 0;
  175. }
  176.  
  177. h1, h2, h3 {
  178. margin: 0;
  179. padding: 0;
  180. font-weight: 400;
  181. font-size: 30px;
  182. }
  183.  
  184. .ir {
  185. text-indent: -99999em;
  186. }
  187.  
  188. .center {
  189. text-align: center;
  190. }
  191.  
  192. /* Global colors
  193. ********************************/
  194.  
  195. body {
  196. color: {color:Body Text};
  197. background-color: {BackgroundColor};
  198. }
  199.  
  200. .blog-description {
  201. color: {color:Secondary text};
  202. }
  203.  
  204. a {
  205. color: {color:Body text};
  206. text-decoration: none;
  207. border-bottom: 1px solid rgba(136, 136, 136, 0.3);
  208. }
  209.  
  210. #header h1 a {
  211. color: {TitleColor};
  212. border-bottom: none;
  213. }
  214.  
  215. a:hover {
  216. }
  217.  
  218. a:active {
  219. position: relative;
  220. outline: none;
  221. top: 1px;
  222. }
  223.  
  224.  
  225. .metadata a, #footer-links a, #footer p.promo a, .links a {
  226. color: {color:Secondary text};
  227. border-bottom: none;
  228. }
  229.  
  230. .metadata a:hover, #footer-links a:hover, #footer p.promo a:hover, .links a:hover, .more a:hover, a.mobile-player:hover {
  231.  
  232. }
  233.  
  234. .post {
  235. border-bottom: 1px solid rgba(136, 136, 136, 0.2);
  236. }
  237.  
  238. .colophon p {
  239. color: {color:Secondary text};
  240. }
  241.  
  242.  
  243. /* Global fonts
  244. ********************************/
  245.  
  246. body {
  247. font-family: {block:IfBodyFont}{text:Body Font},{/block:IfBodyFont} {font:Body font}, georgia, serif;
  248. font-weight: normal;
  249. }
  250.  
  251. .title h1, .link-title h1, .chat-title h1, .q h1, .a h1, .album-info h2, #footer h2 {
  252. font-family: {block:IfPostHeadlineFont}{text:Post Headline Font},{/block:IfPostHeadlineFont} {TitleFont}, georgia, serif;
  253. font-weight: {TitleFontWeight};
  254. }
  255.  
  256. .blog-title h1 {
  257. font-family: {block:IfTitleFont}{text:Title Font},{/block:IfTitleFont} {TitleFont}, futura, helvetica, arial, sans-serif;
  258. font-weight: {TitleFontWeight};
  259. font-size: 96px;
  260. line-height: 1em;
  261. }
  262.  
  263. .metadata a {
  264. font-family: {block:IfSecondaryFont}{text:Secondary Font},{/block:IfSecondaryFont} {font:Body}, helvetica, arial, sans-serif;
  265. font-weight: normal;
  266. }
  267.  
  268.  
  269. /* Page
  270. ********************************/
  271.  
  272. {block:IfWideImages}
  273. #page {
  274. border: 0px solid;
  275. max-width: 900px;
  276. padding-left: 50px;
  277. padding-right: 50px;
  278. margin: auto;
  279. }
  280. {/block:IfWideImages}
  281.  
  282. {block:IfNotWideImages}
  283. #page {
  284. border: 0px solid;
  285. max-width: 640px;
  286. padding-left: 50px;
  287. padding-right: 50px;
  288. margin: auto;
  289. }
  290. {/block:IfNotWideImages}
  291.  
  292.  
  293. {block:IfAlternateHeaderLayout}
  294.  
  295. /* Header Left-Aligned
  296. ********************************/
  297.  
  298. #header {
  299. margin-top: 70px;
  300. display: block;
  301. overflow: visible;
  302. }
  303.  
  304. #header a {
  305. text-decoration: none;
  306. }
  307.  
  308. .blog-title {
  309. display: block;
  310. float: left;
  311. border: 0px red solid;
  312. width: 50%;
  313. margin-bottom: 100px;
  314. }
  315.  
  316. .blog-title a {
  317. border-bottom: none;
  318. }
  319.  
  320. .blog-title img {
  321. max-width: 100%;
  322. }
  323.  
  324. .blog-title h1 {
  325. font-size: 46px;
  326. }
  327.  
  328. .blog-description {
  329. font-size: 16px;
  330. line-height: 20px;
  331. margin-top: 8px;
  332. }
  333.  
  334. .links {
  335. float: right;
  336. margin-top: 10px;
  337. }
  338.  
  339. .links ul {
  340. margin-top: 10px;
  341. padding: 0;
  342. display: block;
  343. float: right;
  344. }
  345.  
  346. .links li {
  347. display: inline;
  348. margin-left: 10px;
  349. font-size: 16px;
  350. text-transform: none;
  351. }
  352.  
  353. .links li:first-child {
  354. margin-left: 0px;
  355. }
  356.  
  357. {/block:IfAlternateHeaderLayout}
  358.  
  359. {block:IfNotAlternateHeaderLayout}
  360. /* Header Centered
  361. ********************************/
  362.  
  363. #header {
  364. margin-top: 20px;
  365. margin-bottom: 80px;
  366. display: block;
  367. overflow: visible;
  368. }
  369.  
  370. #header a {
  371. text-decoration: none;
  372. }
  373.  
  374. .blog-title {
  375. display: block;
  376. width: 100%;
  377. text-align: center;
  378. margin-top: 70px;
  379. }
  380.  
  381. .blog-title a {
  382. border-bottom: none;
  383. }
  384.  
  385. .blog-title img {
  386. max-width: 100%;
  387. }
  388.  
  389. .blog-description {
  390. font-size: 16px;
  391. line-height: 20px;
  392. margin-top: 20px;
  393. }
  394.  
  395. .links {
  396. margin-top: 0px;
  397. text-align: center;
  398. float: none;
  399. border-bottom: 1px solid rgba(136, 136, 136, 0.2);
  400. }
  401.  
  402. .links ul {
  403. margin-top: 10px;
  404. padding: 0;
  405. display: block;
  406. text-align: center;
  407. float: none;
  408. }
  409.  
  410. .links li {
  411. display: inline;
  412. margin-left: 10px;
  413. text-transform: none;
  414. }
  415.  
  416. .links li:first-child {
  417. margin-left: 0px;
  418. }
  419.  
  420. {/block:IfNotAlternateHeaderLayout}
  421.  
  422. /* Post wrappers
  423. ********************************/
  424.  
  425. #content {
  426. width: 100%;
  427. overflow-x: hidden;
  428. clear: both;
  429. }
  430.  
  431. .post {
  432. margin-bottom: 45px;
  433. padding-bottom: 40px;
  434. width: 100%;
  435. }
  436.  
  437. .narrow {
  438. max-width: 640px;
  439. margin: auto;
  440. }
  441.  
  442.  
  443. /* Headings
  444. ********************************/
  445.  
  446. .title h1, .link-title h1, .chat-title h1 {
  447. text-align: center;
  448. margin: auto;
  449. margin-bottom: 25px;
  450. font-size: 42px;
  451. line-height: 50px;
  452. }
  453.  
  454. .link-title a {
  455. text-decoration: none;
  456. position: relative;
  457. border: none;
  458. color: {AccentColor};
  459. }
  460.  
  461. span.link-arrow {
  462. position: relative;
  463. font-size: 20px;
  464. bottom: 3px;
  465. }
  466.  
  467. .quote-short {
  468. font-size: 24px;
  469. line-height: 36px;
  470. margin-bottom: 25px;
  471. }
  472.  
  473. .photo img, .album-art img, .videoWrapper {
  474. max-width: 100%;
  475. display: block;
  476. margin-left: auto;
  477. margin-right: auto;
  478. margin-bottom: 30px;
  479. border-radius: 2px;
  480. }
  481.  
  482. .photo img, .album-art img {
  483. min-width: 640px;
  484. }
  485.  
  486. .photoset-layout {
  487. max-width: 700px;
  488. display: block;
  489. margin: auto;
  490. margin-bottom: 30px;
  491. }
  492.  
  493. .tumblr_audio_player {
  494. height: 250px;
  495. }
  496.  
  497. .audio iframe {
  498. width: 100%;
  499. margin-bottom: 20px;
  500. }
  501.  
  502. .videoWrapper {
  503. position: relative;
  504. padding-bottom: 56.25%; /* 16:9 */
  505. padding-top: 25px;
  506. height: 0;
  507. }
  508.  
  509. .videoWrapper iframe, .videoWrapper object {
  510. position: absolute;
  511. top: 0;
  512. left: 0;
  513. width: 100%;
  514. height: 100%;
  515. }
  516.  
  517.  
  518.  
  519. /* Post body styles
  520. ********************************/
  521.  
  522. .caption p {
  523. margin-bottom: 15px;
  524. }
  525.  
  526. .caption h1 {
  527. font-weight: bold;
  528. margin-bottom: 15px;
  529. }
  530.  
  531. .caption h2 {
  532. font-weight: bold;
  533. margin-bottom: 15px;
  534. font-size: 24px;
  535. }
  536.  
  537. .caption blockquote {
  538. margin-bottom: 10px;
  539. border-left: 3px solid rgba(136, 136, 136, 0.2);
  540. margin-left: 5px;
  541. padding-left: 15px;
  542. line-height: 26px;
  543. }
  544.  
  545. .caption pre {
  546. white-space: pre-wrap;
  547. white-space: -moz-pre-wrap;
  548. white-space: -pre-wrap;
  549. white-space: -o-pre-wrap;
  550. word-wrap: break-word;
  551. background-color: rgba(136, 136, 136, 0.2);
  552. border-radius: 2px;
  553. padding: 10px 15px 10px 15px;
  554. font-size: 15px;
  555. line-height: 24px;
  556. margin: 15px 0 25px 0;
  557. }
  558.  
  559. .caption ul, ol {
  560. margin-top: 0;
  561. margin-bottom: 25px;
  562. padding-left: 40px;
  563. }
  564.  
  565. .caption img {
  566. display: block;
  567. max-width: 100%;
  568. height: auto;
  569. margin: 30px auto 30px auto;
  570. border-radius: 2px;
  571. }
  572.  
  573. .quote-short {
  574. line-height: 40px;
  575. font-size: 36px;
  576. margin-bottom: 20px;
  577. }
  578.  
  579. .quote-medium, .quote-long {
  580. line-height: 32px;
  581. font-size: 24px;
  582. margin-bottom: 20px;
  583. }
  584.  
  585. ul.chat {
  586. list-style-type: none;
  587. padding-left: 0;
  588. }
  589.  
  590. .chat li {
  591. border-bottom: 1px solid rgba(136, 136, 136, 0.3);
  592. margin-bottom: 10px;
  593. padding-bottom: 10px;
  594. }
  595.  
  596. .chat li:last-child {
  597. border: none;
  598. margin-bottom: 0;
  599. padding-bottom: 0;
  600. }
  601.  
  602. span.odd, span.even {
  603. font-weight: bold;
  604. }
  605.  
  606. .more a {
  607. display: block;
  608. width: 99%;
  609. height: 30px;
  610. border: 1px solid rgba(136, 136, 136, 0.3);
  611. text-align: center;
  612. text-decoration: none;
  613. border-radius: 2px;
  614. padding-top: 10px;
  615. margin-bottom: 30px;
  616. }
  617.  
  618.  
  619. .more a:active {
  620. background: rgba(136, 136, 136, 0.08);
  621. box-shadow: inset 0px 1px 4px rgba(136, 136, 136, 0.2);
  622. top: 0px;
  623. }
  624.  
  625. .audio-module {
  626. display: block;
  627. overflow: hidden;
  628. margin-bottom: 25px;
  629. }
  630.  
  631. a.mobile-player {
  632. border: 1px solid rgba(136, 136, 136, 0.2);
  633. background: rgba(136, 136, 136, 0.1);
  634. width: 99%;
  635. padding: 30px 0 30px 0;
  636. margin-bottom: 25px;
  637. border-radius: 2px;
  638. display: none;
  639. }
  640.  
  641. a.mobile-player:active {
  642. top: 0px;
  643. box-shadow: inset 0px 1px 4px rgba(136, 136, 136, 0.2);
  644. background: rgba(136, 136, 136, 0.18);
  645. border: 1px solid rgba(136, 136, 136, 0.3);
  646. }
  647.  
  648. .play-triangle {
  649. margin-left: 20px;
  650. width: 0px;
  651. height: 0px;
  652. border-style: solid;
  653. border-width: 6.5px 0 6.5px 10px;
  654. border-color: transparent transparent transparent rgba(136, 136, 136, 0.8);
  655. }
  656.  
  657. .album-info {
  658. display: block;
  659. float: left;
  660. width: 63%;
  661. }
  662.  
  663. .player {
  664. display: block;
  665. background-color: #ffffff;
  666. float: right;
  667. padding-top: 5px;
  668. padding-right: 2px;
  669. border: 1px solid rgba(136, 136, 136, 0.3);
  670. }
  671.  
  672. .desktop-spotify {
  673. display: block;
  674.  
  675. }
  676.  
  677. .mobile-spotify {
  678. display: none;
  679. width: 290px;
  680. margin: auto;
  681. }
  682.  
  683. .iphone-video object {
  684. display: block;
  685. margin: 0px auto 20px;
  686. }
  687.  
  688. .asker-block, .answer-text {
  689. display: block;
  690. overflow: auto;
  691. }
  692.  
  693. p.question {
  694. padding-bottom: 10px;
  695. padding-top: 10px;
  696. }
  697.  
  698. p.album, p.question {
  699. font-size: 24px;
  700. line-height: 32px;
  701. }
  702.  
  703. h1.qa-letter {
  704. display: block;
  705. float: left;
  706. width: 45px;
  707. position: relative;
  708. bottom: 3px;
  709. font-size: 30px;
  710. }
  711.  
  712. .q {
  713. margin-bottom: 20px;
  714. }
  715.  
  716. img.asker {
  717. float:left;
  718. margin-right: 8px;
  719. border-radius: 2px;
  720. position: relative;
  721. top: 2px;
  722. }
  723.  
  724. p.asker {
  725. font-style: italic;
  726. }
  727.  
  728. p.question {
  729. clear: both;
  730. }
  731.  
  732.  
  733. /* Metadata
  734. ********************************/
  735.  
  736. .metadata {
  737. border: 0px solid gray;
  738. overflow: auto;
  739. font-size: 12px;
  740. text-transform: uppercase;
  741. margin-top: 20px;
  742. }
  743.  
  744. .metadata a {
  745. text-decoration: none;
  746. }
  747.  
  748. .date, .tags, .notes-count {
  749. display: block;
  750. float: left;
  751. margin-right: 15px;
  752. }
  753.  
  754. .tags a, .notes-count a, .date a {
  755. margin-right: 5px;
  756. }
  757.  
  758.  
  759. /* Footer
  760. ********************************/
  761.  
  762. #footer {
  763. text-align: center;
  764. margin-bottom: 40px;
  765. }
  766.  
  767. #footer a {
  768. text-decoration: none;
  769. border-bottom: none;
  770. }
  771.  
  772. a.back-next {
  773. margin: 0px 10px 0px 10px;
  774. }
  775.  
  776. #footer h2 {
  777. font-size: 24px;
  778. text-align: center;
  779. margin-bottom: 40px;
  780. }
  781.  
  782.  
  783. #footer-links ul {
  784. margin-bottom: 0px;
  785. padding: 0;
  786. display: block;
  787. text-align: center;
  788. }
  789.  
  790. #footer-links li {
  791. display: inline;
  792. margin-left: 5px;
  793. font-size: 14px;
  794. }
  795.  
  796. #footer-links li:first-child {
  797. margin-left: 0px;
  798. }
  799.  
  800. #footer .colophon p {
  801. font-size: 14px;
  802. font-style: italic;
  803. }
  804.  
  805. #footer p.promo {
  806. font-size: 12px;
  807. text-transform: uppercase;
  808. font-style: normal;
  809. }
  810.  
  811.  
  812. /* Notes and comments
  813. ********************************/
  814.  
  815. #permalink-content {
  816. margin-top: 40px;
  817. }
  818.  
  819. .avatar_frame {
  820. position: relative;
  821. top: 4px;
  822. margin-right: 10px;
  823. }
  824.  
  825. .comments {
  826. margin-bottom: 35px;
  827. }
  828.  
  829. .comments h3, .permalink-notes h3 {
  830. font-size: 18px;
  831. font-weight: 600;
  832. margin-bottom: 20px;
  833. }
  834.  
  835. .permalink-notes ol {
  836. padding-left: 0;
  837. }
  838.  
  839. .permalink-notes li {
  840. list-style: none;
  841. margin-bottom: 10px;
  842. padding-top: 10px;
  843. border-top: 1px solid rgba(136, 136, 136, 0.3);
  844. font-size: 13px;
  845. }
  846.  
  847. .permalink-notes blockquote {
  848. margin: 5px 0px 5px 0px;
  849. border-left: 3px solid rgba(136, 136, 136, 0.2);
  850. margin-left: 20px;
  851. padding-left: 15px;
  852. line-height: 24px;
  853. }
  854.  
  855. .notes a {
  856. border-bottom: none;
  857. text-decoration: underline;
  858. }
  859.  
  860.  
  861. .post iframe, .post object {
  862. max-width: 100%;
  863. }
  864.  
  865.  
  866. /* Browser size break-points
  867. ********************************/
  868.  
  869.  
  870. @media screen and (max-width: 800px) {
  871.  
  872. #header {
  873. margin-top: 20px;
  874. display: block;
  875. overflow: visible;
  876. padding-bottom: 0px;
  877. }
  878.  
  879. .blog-title {
  880. display: block;
  881. text-align: center;
  882. margin-top: 50px;
  883. float: none;
  884. width: 100%;
  885. margin-bottom: 50px;
  886. }
  887.  
  888. .blog-title h1 {
  889. font-size: 40px;
  890. margin-bottom: 10px;
  891. }
  892.  
  893. .blog-description {
  894. font-size: 16px;
  895. line-height: 20px;
  896. }
  897.  
  898. .links {
  899. margin-top: 0px;
  900. margin-bottom: 0px;
  901. text-align: center;
  902. float: none;
  903. border-bottom: 1px solid rgba(136, 136, 136, 0.4);
  904. }
  905.  
  906. .links ul {
  907. margin-top: 10px;
  908. padding: 0;
  909. display: block;
  910. text-align: center;
  911. float: none;
  912. }
  913.  
  914. .links li {
  915. display: inline;
  916. margin-left: 16px;
  917. font-size: 17px;
  918. text-transform: none;
  919. }
  920.  
  921.  
  922. .metadata {
  923. font-size: 16px;
  924. }
  925.  
  926. .player {
  927. display: none;
  928. }
  929.  
  930. a.mobile-player {
  931. display: block;
  932. }
  933.  
  934. .album-info {
  935. width: 100%
  936. }
  937.  
  938. .title h1, .link-title h1, .chat-title h1 {
  939. text-align: center;
  940. font-size: 36px;
  941. line-height: 42px;
  942. }
  943.  
  944. }
  945.  
  946. @media screen and (max-width: 740px) {
  947.  
  948. #page {
  949. padding-left: 1em;
  950. padding-right: 1em;
  951. }
  952.  
  953. #header {
  954. margin-bottom: 50px;
  955. }
  956.  
  957. /* WRANGLE TUMBLR VIDEO PLAYER */
  958.  
  959.  
  960. .iphone-video img {
  961. width: 90%;
  962. }
  963.  
  964. .iphone-video a {
  965. margin-bottom: 20px;
  966. }
  967.  
  968. /* IMAGES */
  969.  
  970. .photo img, .album-art img {
  971. min-width: 100%;
  972. }
  973.  
  974. .link-title a {
  975. line-height: 50px;
  976. }
  977.  
  978. .desktop-spotify {
  979. display: none;
  980. }
  981.  
  982. .mobile-spotify {
  983. display: block;
  984. }
  985.  
  986. }
  987.  
  988. {CustomCSS}
  989.  
  990. </style>
  991.  
  992. <!-- End header -->
  993.  
  994. </head>
  995.  
  996. <body>
  997.  
  998. <img src='{image:rightsiderender}' style='width:{text:rightrenderwidth}; position:fixed;bottom:{text:rightrenderbottom};left:{text:rightrendertoleft};z-index:-999'/>
  999.  
  1000. <img src ='{image:leftsiderender}' style='width:{text:leftrenderwidth}; position:fixed;bottom:{text:leftrenderbottom};left:{text:leftrendertoleft};z-index:-999'/>
  1001.  
  1002.  
  1003. <div id="page">
  1004.  
  1005. <div id="header">
  1006.  
  1007. {block:IfShowNavigation}
  1008. <div class="links">
  1009. <ul>
  1010. <li><a href="/">Home</a></li>
  1011. {block:HasPages}
  1012. {block:Pages}
  1013. <li><a href="{URL}">{Label}</a></li>
  1014. {/block:Pages}
  1015. {/block:HasPages}
  1016. {block:AskEnabled}
  1017. <li><a href="/ask">{AskLabel}</a></li>
  1018. {/block:AskEnabled}
  1019. {block:SubmissionsEnabled}
  1020. <li><a href="/submit">{SubmitLabel}</a></li>
  1021. {/block:SubmissionsEnabled}
  1022. {block:IfShowArchiveNavigationLink}
  1023. <li><a href="/archive">Archive</a></li>
  1024. {/block:IfShowArchiveNavigationLink}
  1025. </ul>
  1026. </div>
  1027. {/block:IfShowNavigation}
  1028.  
  1029.  
  1030.  
  1031. <div class="blog-title">
  1032.  
  1033. {block:IfLogoImage}
  1034. <a href="/"><img src="{image:Logo}" alt="{Title}"/></a>
  1035. {/block:IfLogoImage}
  1036.  
  1037. {block:IfNotLogoImage}
  1038. <h1><a href="/">{Title}</a></h1>
  1039. {/block:IfNotLogoImage}
  1040.  
  1041. {block:IfShowDescription}
  1042. <p class="blog-description">{Description}</p>
  1043. {/block:IfShowDescription}
  1044. </div>
  1045.  
  1046.  
  1047.  
  1048. </div> <!-- header end -->
  1049.  
  1050. <div id="content">
  1051. {block:Posts}
  1052.  
  1053.  
  1054. {block:Text}
  1055. <!-- TEXT POST
  1056. ///////////////////////////////////////////////////////-->
  1057.  
  1058. <div class="post text">
  1059.  
  1060. <div class="narrow">
  1061.  
  1062. {block:Title}
  1063. <div class="title">
  1064. <h1>{Title}</h1>
  1065. </div>
  1066. {/block:Title}
  1067.  
  1068. <div class="caption">
  1069.  
  1070. {Body}
  1071.  
  1072. </div> <!-- End caption -->
  1073.  
  1074. {block:More}
  1075. <div class="more">
  1076. <a href="{Permalink}">Read More...</a>
  1077. </div>
  1078. {/block:More}
  1079.  
  1080. <div class="metadata">
  1081.  
  1082. {block:Date}
  1083. <div class="date">
  1084. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1085. </div>
  1086. {/block:Date}
  1087.  
  1088. {block:ContentSource}
  1089. <div class="date">
  1090. <a href="{SourceURL}">Via {SourceTitle}</a>
  1091. </div>
  1092. {/block:ContentSource}
  1093.  
  1094. {block:IfShowPostTags}
  1095. {block:HasTags}
  1096. <div class="tags">
  1097. {block:Tags}
  1098. <a href="{TagURL}">#{Tag}</a>
  1099. {/block:Tags}
  1100. </div>
  1101. {/block:HasTags}
  1102. {/block:IfShowPostTags}
  1103.  
  1104. {block:IfShowPostNotes}
  1105. {block:NoteCount}
  1106. <div class="notes-count">
  1107. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1108. </div>
  1109. {/block:NoteCount}
  1110. {/block:IfShowPostNotes}
  1111.  
  1112. </div> <!-- metadata end -->
  1113.  
  1114. </div> <!-- text end -->
  1115.  
  1116. </div> <!-- post end -->
  1117. {/block:Text}
  1118.  
  1119. {block:Photo}
  1120. <!-- PHOTO POST
  1121. ///////////////////////////////////////////////////////-->
  1122.  
  1123. <div class="post photo">
  1124.  
  1125. <div class="wide">
  1126. {LinkOpenTag}
  1127.  
  1128. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1129.  
  1130. {LinkCloseTag}
  1131. </div>
  1132.  
  1133. <div class="narrow">
  1134.  
  1135. {block:Caption}
  1136. <div class="caption">
  1137. {Caption}
  1138. </div>
  1139. {/block:Caption}
  1140.  
  1141. <div class="metadata">
  1142.  
  1143. {block:Date}
  1144. <div class="date">
  1145. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1146. </div>
  1147. {/block:Date}
  1148.  
  1149. {block:ContentSource}
  1150. <div class="date">
  1151. <a href="{SourceURL}">Via {SourceTitle}</a>
  1152. </div>
  1153. {/block:ContentSource}
  1154.  
  1155. {block:IfShowPostTags}
  1156. {block:HasTags}
  1157. <div class="tags">
  1158. {block:Tags}
  1159. <a href="{TagURL}">#{Tag}</a>
  1160. {/block:Tags}
  1161. </div>
  1162. {/block:HasTags}
  1163. {/block:IfShowPostTags}
  1164.  
  1165. {block:IfShowPostNotes}
  1166. {block:NoteCount}
  1167. <div class="notes-count">
  1168. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1169. </div>
  1170. {/block:NoteCount}
  1171. {/block:IfShowPostNotes}
  1172.  
  1173. </div> <!-- metadata end -->
  1174.  
  1175. </div> <!-- narrow end -->
  1176.  
  1177. </div> <!-- post end -->
  1178.  
  1179. {/block:Photo}
  1180.  
  1181.  
  1182. {block:Photoset}
  1183. <!-- PHOTOSET POST
  1184. ///////////////////////////////////////////////////////-->
  1185.  
  1186. <div class="post photo">
  1187.  
  1188. {block:IfNotPhotosetLayout}
  1189. <div class="wide">
  1190. {block:Photos}
  1191. {LinkOpenTag}
  1192. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1193. {LinkCloseTag}
  1194. {/block:Photos}
  1195. </div>
  1196. {/block:IfNotPhotosetLayout}
  1197.  
  1198. {block:IfPhotosetLayout}
  1199. <div class="photoset-layout">
  1200. {Photoset}
  1201. </div class="photoset-layout">
  1202. {/block:IfPhotosetLayout}
  1203.  
  1204. <div class="narrow">
  1205.  
  1206. {block:Caption}
  1207. <div class="caption">
  1208. {Caption}
  1209. </div>
  1210. {/block:Caption}
  1211.  
  1212. <div class="metadata">
  1213.  
  1214. {block:Date}
  1215. <div class="date">
  1216. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1217. </div>
  1218. {/block:Date}
  1219.  
  1220. {block:ContentSource}
  1221. <div class="date">
  1222. <a href="{SourceURL}">Via {SourceTitle}</a>
  1223. </div>
  1224. {/block:ContentSource}
  1225.  
  1226. {block:IfShowPostTags}
  1227. {block:HasTags}
  1228. <div class="tags">
  1229. {block:Tags}
  1230. <a href="{TagURL}">#{Tag}</a>
  1231. {/block:Tags}
  1232. </div>
  1233. {/block:HasTags}
  1234. {/block:IfShowPostTags}
  1235.  
  1236. {block:IfShowPostNotes}
  1237. {block:NoteCount}
  1238. <div class="notes-count">
  1239. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1240. </div>
  1241. {/block:NoteCount}
  1242. {/block:IfShowPostNotes}
  1243.  
  1244. </div> <!-- metadata end -->
  1245.  
  1246. </div> <!-- narrow end -->
  1247.  
  1248. </div> <!-- post end -->
  1249.  
  1250. {/block:Photoset}
  1251.  
  1252.  
  1253. {block:Link}
  1254. <!-- LINK POST
  1255. ///////////////////////////////////////////////////////-->
  1256.  
  1257. <div class="post link">
  1258.  
  1259. <div class="narrow">
  1260.  
  1261. <div class="link-title">
  1262.  
  1263. <h1><a href="{URL}">{Name} <span class="link-arrow">&#10132;</span></a></h1>
  1264.  
  1265. </div>
  1266.  
  1267. {block:Description}
  1268. <div class="caption">
  1269. {Description}
  1270. </div>
  1271. {/block:Description}
  1272.  
  1273. <div class="metadata">
  1274.  
  1275. {block:Date}
  1276. <div class="date">
  1277. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1278. </div>
  1279. {/block:Date}
  1280.  
  1281. {block:ContentSource}
  1282. <div class="date">
  1283. <a href="{SourceURL}">Via {SourceTitle}</a>
  1284. </div>
  1285. {/block:ContentSource}
  1286.  
  1287. {block:IfShowPostTags}
  1288. {block:HasTags}
  1289. <div class="tags">
  1290. {block:Tags}
  1291. <a href="{TagURL}">#{Tag}</a>
  1292. {/block:Tags}
  1293. </div>
  1294. {/block:HasTags}
  1295. {/block:IfShowPostTags}
  1296.  
  1297. {block:IfShowPostNotes}
  1298. {block:NoteCount}
  1299. <div class="notes-count">
  1300. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1301. </div>
  1302. {/block:NoteCount}
  1303. {/block:IfShowPostNotes}
  1304.  
  1305. </div> <!-- metadata end -->
  1306.  
  1307. </div> <!-- narrow end -->
  1308.  
  1309. </div> <!-- post end -->
  1310. {/block:Link}
  1311.  
  1312.  
  1313. {block:Quote}
  1314. <!-- QUOTE POST
  1315. ///////////////////////////////////////////////////////-->
  1316.  
  1317. <div class="post quote">
  1318.  
  1319. <div class="narrow">
  1320.  
  1321. <div class="quote-{Length}">
  1322.  
  1323. &#8220;{Quote}&#8221;
  1324.  
  1325. </div>
  1326.  
  1327. {block:Source}
  1328. <div class="caption">
  1329.  
  1330. &#8212; {Source}
  1331.  
  1332. </div>
  1333. {/block:Source}
  1334.  
  1335. <div class="metadata">
  1336.  
  1337. {block:Date}
  1338. <div class="date">
  1339. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1340. </div>
  1341. {/block:Date}
  1342.  
  1343. {block:ContentSource}
  1344. <div class="date">
  1345. <a href="{SourceURL}">Via {SourceTitle}</a>
  1346. </div>
  1347. {/block:ContentSource}
  1348.  
  1349. {block:IfShowPostTags}
  1350. {block:HasTags}
  1351. <div class="tags">
  1352. {block:Tags}
  1353. <a href="{TagURL}">#{Tag}</a>
  1354. {/block:Tags}
  1355. </div>
  1356. {/block:HasTags}
  1357. {/block:IfShowPostTags}
  1358.  
  1359. {block:IfShowPostNotes}
  1360. {block:NoteCount}
  1361. <div class="notes-count">
  1362. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1363. </div>
  1364. {/block:NoteCount}
  1365. {/block:IfShowPostNotes}
  1366.  
  1367. </div> <!-- metadata end -->
  1368.  
  1369. </div> <!-- narrow end -->
  1370.  
  1371. </div> <!-- post end -->
  1372. {/block:Quote}
  1373.  
  1374.  
  1375. {block:Chat}
  1376. <!-- CHAT POST
  1377. ///////////////////////////////////////////////////////-->
  1378.  
  1379. <div class="post chat">
  1380.  
  1381. <div class="narrow">
  1382.  
  1383. {block:Title}
  1384. <div class="chat-title">
  1385. <h1>{Title}</h1>
  1386. </div>
  1387. {/block:Title}
  1388.  
  1389. <div class="caption">
  1390.  
  1391. <ul class="chat">
  1392. {block:Lines}
  1393. <li>
  1394. {block:Label}
  1395. <span class="{Alt}">
  1396. {Label}
  1397. </span>
  1398. {/block:Label}
  1399.  
  1400. {Line}
  1401.  
  1402. </li>
  1403. {block:Lines}
  1404.  
  1405. </ul><!-- chat end -->
  1406.  
  1407. </div><!-- caption end -->
  1408.  
  1409. <div class="metadata">
  1410.  
  1411. {block:Date}
  1412. <div class="date">
  1413. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1414. </div>
  1415. {/block:Date}
  1416.  
  1417. {block:ContentSource}
  1418. <div class="date">
  1419. <a href="{SourceURL}">Via {SourceTitle}</a>
  1420. </div>
  1421. {/block:ContentSource}
  1422.  
  1423. {block:IfShowPostTags}
  1424. {block:HasTags}
  1425. <div class="tags">
  1426. {block:Tags}
  1427. <a href="{TagURL}">#{Tag}</a>
  1428. {/block:Tags}
  1429. </div>
  1430. {/block:HasTags}
  1431. {/block:IfShowPostTags}
  1432.  
  1433. {block:IfShowPostNotes}
  1434. {block:NoteCount}
  1435. <div class="notes-count">
  1436. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1437. </div>
  1438. {/block:NoteCount}
  1439. {/block:IfShowPostNotes}
  1440.  
  1441. </div> <!-- metadata end -->
  1442.  
  1443. </div> <!-- narrow end -->
  1444.  
  1445. </div> <!-- post end -->
  1446. {/block:Chat}
  1447.  
  1448.  
  1449.  
  1450. {block:Audio}
  1451. <!-- AUDIO POST
  1452. ///////////////////////////////////////////////////////-->
  1453.  
  1454. <div class="post audio">
  1455.  
  1456. <div class="narrow">
  1457.  
  1458.  
  1459. {block:AudioEmbed}
  1460. {AudioEmbed color="white"}
  1461. {/block:AudioEmbed}
  1462.  
  1463. {block:AlbumArt}
  1464. <div class="album-art">
  1465.  
  1466. <img src="{AlbumArtURL}">
  1467.  
  1468. </div>
  1469. {/block:AlbumArt}
  1470.  
  1471.  
  1472. {block:Caption}
  1473. <div class="caption">
  1474. {Caption}
  1475. </div>
  1476. {/block:Caption}
  1477.  
  1478. <div class="metadata">
  1479.  
  1480. {block:Date}
  1481. <div class="date">
  1482. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1483. </div>
  1484. {/block:Date}
  1485.  
  1486. {block:ContentSource}
  1487. <div class="date">
  1488. <a href="{SourceURL}">Via {SourceTitle}</a>
  1489. </div>
  1490. {/block:ContentSource}
  1491.  
  1492. {block:IfShowPostTags}
  1493. {block:HasTags}
  1494. <div class="tags">
  1495. {block:Tags}
  1496. <a href="{TagURL}">#{Tag}</a>
  1497. {/block:Tags}
  1498. </div>
  1499. {/block:HasTags}
  1500. {/block:IfShowPostTags}
  1501.  
  1502. {block:IfShowPostNotes}
  1503. {block:NoteCount}
  1504. <div class="notes-count">
  1505. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1506. </div>
  1507. {/block:NoteCount}
  1508. {/block:IfShowPostNotes}
  1509.  
  1510. </div> <!-- metadata end -->
  1511.  
  1512. </div> <!-- narrow end -->
  1513.  
  1514. </div> <!-- post end -->
  1515. {/block:Audio}
  1516.  
  1517.  
  1518.  
  1519. {block:Video}
  1520. <!-- VIDEO POST
  1521. ///////////////////////////////////////////////////////-->
  1522.  
  1523. <div class="post video">
  1524.  
  1525. <div class="wide">
  1526.  
  1527. <div class="videoWrapper">
  1528. {VideoEmbed-700}
  1529. </div>
  1530.  
  1531. </div>
  1532.  
  1533. <div class="narrow">
  1534.  
  1535. {block:Caption}
  1536. <div class="caption">
  1537.  
  1538. {Caption}
  1539.  
  1540. </div>
  1541. {/block:Caption}
  1542.  
  1543. <div class="metadata">
  1544.  
  1545. {block:Date}
  1546. <div class="date">
  1547. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1548. </div>
  1549. {/block:Date}
  1550.  
  1551. {block:ContentSource}
  1552. <div class="date">
  1553. <a href="{SourceURL}">Via {SourceTitle}</a>
  1554. </div>
  1555. {/block:ContentSource}
  1556.  
  1557. {block:IfShowPostTags}
  1558. {block:HasTags}
  1559. <div class="tags">
  1560. {block:Tags}
  1561. <a href="{TagURL}">#{Tag}</a>
  1562. {/block:Tags}
  1563. </div>
  1564. {/block:HasTags}
  1565. {/block:IfShowPostTags}
  1566.  
  1567. {block:IfShowPostNotes}
  1568. {block:NoteCount}
  1569. <div class="notes-count">
  1570. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1571. </div>
  1572. {/block:NoteCount}
  1573. {/block:IfShowPostNotes}
  1574.  
  1575. </div> <!-- metadata end -->
  1576.  
  1577. </div> <!-- narrow end -->
  1578.  
  1579. </div> <!-- post end -->
  1580. {/block:Video}
  1581.  
  1582.  
  1583.  
  1584. {block:Answer}
  1585. <!-- ANSWER POST
  1586. ///////////////////////////////////////////////////////-->
  1587.  
  1588. <div class="post answer">
  1589.  
  1590. <div class="narrow">
  1591.  
  1592. <div class="q">
  1593.  
  1594. <h1 class="qa-letter">Q</h1>
  1595.  
  1596. <div class="asker-block">
  1597. <img class="asker" src="{AskerPortraitURL-24}">
  1598. <p>{Asker} asked:</p>
  1599. <p class="question">{Question}</p>
  1600. </div>
  1601.  
  1602. </div><!-- q end -->
  1603.  
  1604. <div class="a">
  1605.  
  1606. <h1 class="qa-letter">A</h1>
  1607.  
  1608. <div class="caption" style="overflow:auto;">
  1609. {Answer}
  1610. </div>
  1611.  
  1612. </div><!-- a end -->
  1613.  
  1614. <div class="metadata">
  1615.  
  1616. {block:Date}
  1617. <div class="date">
  1618. <a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>
  1619. </div>
  1620. {/block:Date}
  1621.  
  1622. {block:ContentSource}
  1623. <div class="date">
  1624. <a href="{SourceURL}">Via {SourceTitle}</a>
  1625. </div>
  1626. {/block:ContentSource}
  1627.  
  1628. {block:IfShowPostTags}
  1629. {block:HasTags}
  1630. <div class="tags">
  1631. {block:Tags}
  1632. <a href="{TagURL}">#{Tag}</a>
  1633. {/block:Tags}
  1634. </div>
  1635. {/block:HasTags}
  1636. {/block:IfShowPostTags}
  1637.  
  1638. {block:IfShowPostNotes}
  1639. {block:NoteCount}
  1640. <div class="notes-count">
  1641. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1642. </div>
  1643. {/block:NoteCount}
  1644. {/block:IfShowPostNotes}
  1645.  
  1646. </div> <!-- metadata end -->
  1647.  
  1648. </div> <!-- narrow end -->
  1649.  
  1650. </div> <!-- post end -->
  1651. {/block:Answer}
  1652.  
  1653. {/block:Posts}
  1654.  
  1655. {block:PermalinkPage}
  1656. <!-- PERMALINK CONTENT
  1657. ////////////////////////////////////////////////// -->
  1658.  
  1659. <div class="narrow">
  1660.  
  1661. <div id="permalink-content">
  1662.  
  1663. {block:IfDisqusShortname}
  1664.  
  1665. <div id="disqus_thread"></div>
  1666. <script type="text/javascript">
  1667.  
  1668. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Replace example with your forum shortname
  1669.  
  1670. (function() {
  1671. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1672. dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
  1673. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1674. })();
  1675. </script>
  1676.  
  1677. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1678. <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1679.  
  1680. {/block:IfDisqusShortname}
  1681.  
  1682. {block:PostNotes}
  1683. <div class="permalink-notes">
  1684.  
  1685. <h3>Notes</h3>
  1686.  
  1687. {PostNotes}
  1688.  
  1689. </div> <!-- notes end -->
  1690. {/block:PostNotes}
  1691.  
  1692. </div> <!-- permalink content end -->
  1693.  
  1694. {/block:PermalinkPage}
  1695.  
  1696. </div> <!-- content end -->
  1697.  
  1698. <div id="footer">
  1699.  
  1700. {block:IfNotInfiniteScroll}
  1701. {block:Pagination}
  1702.  
  1703. <h2>
  1704. {block:PreviousPage}
  1705. <a class="back-next" href="{PreviousPage}">Back</a>
  1706. {/block:PreviousPage}
  1707.  
  1708. {block:NextPage}
  1709. <a class="back-next" href="{NextPage}">Next</a>
  1710. {/block:NextPage}
  1711. </h2>
  1712.  
  1713. {/block:Pagination}
  1714. {/block:IfNotInfiniteScroll}
  1715.  
  1716. <div id="footer-links">
  1717.  
  1718. <ul>
  1719. <li><a href="/">Home</a></li>
  1720. {block:HasPages}
  1721. {block:Pages}
  1722. <li><a href="{URL}">{Label}</a></li>
  1723. {/block:Pages}
  1724. {/block:HasPages}
  1725. {block:AskEnabled}
  1726. <li><a href="/ask">{AskLabel}</a></li>
  1727. {/block:AskEnabled}
  1728. {block:SubmissionsEnabled}
  1729. <li><a href="/submit">{SubmitLabel}</a></li>
  1730. {/block:SubmissionsEnabled}
  1731. <li><a href="/archive">Archive</a></li>
  1732. </ul>
  1733. </div>
  1734.  
  1735. <div class="colophon">
  1736.  
  1737. {block:IfShowCopyright}
  1738. <p>&copy; {Title} {CopyrightYears}</p>
  1739. {/block:IfShowCopyright}
  1740.  
  1741. <p class="promo"><a href="https://zacksultan.com">Observer theme by Zack Sultan</a></p>
  1742.  
  1743. </div>
  1744.  
  1745. </div><!-- content end -->
  1746.  
  1747. </div> <!-- page end -->
  1748.  
  1749. </body>
  1750.  
  1751. </html>
Add Comment
Please, Sign In to add comment