API tools faq
paste
Advertisement
benshepherd

Untitled

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