API tools faq
paste
Guest User

Untitled

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