API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 24th, 2014
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 40.25 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.                    
  1725.                    
  1726.                 </div>
  1727.            
  1728.             </div><!-- content end -->
  1729.        
  1730.         </div> <!-- page end -->
  1731.  
  1732. </body>
  1733.  
  1734. </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!