Advertisement
Blinky

Natural Elegance Tumblr Theme modified to 1000px

Aug 13th, 2012
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.88 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
  5.  
  6. <head>
  7.    
  8.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  9.    
  10.     <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}{block:TagPage} - Posts tagged {Tag}{/block:TagPage}</title>
  11.     <link rel="shortcut icon" href="{Favicon}">
  12.     <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  13.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14.     {block:Description}
  15.     <meta name="description" content="{MetaDescription}" />
  16.     {/block:Description}
  17.    
  18.     <!-- Customization -->
  19.     <meta name="font:Body" content="Georgia" />
  20.     <meta name="color:Links" content="#6aa6ea" />
  21.     <meta name="if:Show tags" content="" />
  22.     <meta name="if:Show my avatar" content="" />
  23.     <meta name="if:Show people I follow" content="" />
  24.         <meta name="if:Enable endless scrolling" content="" />
  25.         <meta name="text:Disqus Shortname" content="" />
  26.  
  27.     <style type="text/css">
  28.     /* ================================
  29.     Natural Elegance Tumblr Theme
  30.     Version: 1.1
  31.     Author: Dan Hauk - http://dan-hauk.com
  32.     ==================================== */
  33.  
  34.     /*  RESET  */
  35.     html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  36.         margin:0;
  37.         padding:0;
  38.         }
  39.     table {
  40.         border-collapse:collapse;
  41.         border-spacing:0;
  42.         }
  43.     fieldset,img {
  44.         border:0;
  45.         }
  46.     address,caption,cite,code,dfn,em,strong,th,var {
  47.         font-style:normal;
  48.         font-weight:normal;
  49.         }
  50.     ol,ul {
  51.         list-style:none;
  52.         }
  53.     caption,th {
  54.         text-align:left;
  55.         }
  56.     h1,h2,h3,h4,h5,h6 {
  57.         font-size:100%;
  58.         }
  59.     q:before,q:after {
  60.         content:'';
  61.         }
  62.     abbr,acronym {
  63.         border:0;
  64.         }
  65.     a img {
  66.         border: 0;
  67.         }
  68.    
  69.     /*  GLOBAL STRUCTURE  */
  70.     @font-face {
  71.         font-family: Raleway;
  72.         src: url('http://static.tumblr.com/2wjmz5y/40xlg5jfd/raleway-thin.otf');
  73.     }
  74.    
  75.     body {
  76.         background: #0d0d0d url(http://static.tumblr.com/2wjmz5y/R3Tlg5j5c/body-bg.jpg) repeat fixed top center;
  77.         color: #d5d5d5;
  78.         font: 12px/18px {font:Body};
  79.     }
  80.    
  81.     a {
  82.         color: {color:Links};
  83.         text-decoration: none;
  84.     }
  85.    
  86.     a:hover {
  87.         color: #fff;
  88.     }
  89.    
  90.     strong {
  91.         font-weight: bold;
  92.     }
  93.    
  94.     em {
  95.         font-style: italic;
  96.     }
  97.    
  98.     #wrap {
  99.         background: url(http://static.tumblr.com/2wjmz5y/7qplg5jer/wrap-bg.jpg) no-repeat fixed top center;
  100.         height: 100%;
  101.         min-height: 1000px;
  102.         width: 100%;
  103.     }
  104.  
  105.     #tumblr_controls {
  106.         position: fixed !important;
  107.     }
  108.    
  109.     #container {
  110.         clear: both;
  111.         margin: 0 auto;
  112.         position: relative;
  113.         width: 1000px;
  114.     }
  115.    
  116.     /*  NAVIGATION  */
  117.     #top-nav {
  118.         background: url(http://i.imgur.com/GpQed.png) no-repeat top center;
  119.         height: 90px;
  120.         margin: 0 auto;
  121.         position: fixed;
  122.         top: 0;
  123.         width: 1000px;
  124.         z-index: 800;
  125.     }
  126.    
  127.     #top-nav li {
  128.         float: left;
  129.     }
  130.    
  131.     #top-nav li a {
  132.         color: #d1d1d1;
  133.         display: block;
  134.         font: bold 14px/51px Arial, Helvetica, sans-serif;
  135.         height: 51px;
  136.         padding: 0 20px;
  137.         text-shadow: 1px 1px 2px #000;
  138.         text-transform: uppercase;
  139.     }
  140.    
  141.     #top-nav li a:hover {
  142.         background: url(http://static.tumblr.com/2wjmz5y/Veslg5j88/nav-hover-bg.png);
  143.         color: #fff;
  144.     }
  145.    
  146.     /*  HEADER  */
  147.     #blog-title {
  148.         margin-bottom: 30px;
  149.         padding-top: 90px;
  150.     }
  151.    
  152.     #blog-title a {
  153.         color: #fff;
  154.         font-family: Raleway, Georgia, serif;
  155.         font-size: 45px;
  156.         font-weight: lighter;
  157.         text-shadow: 1px 1px 3px #000;
  158.     }
  159.    
  160. /*  #blog-description {
  161.         background: url(http://static.tumblr.com/2wjmz5y/Ytclg5j3s/beveled-hr.png) no-repeat top center;
  162.         margin: 0;
  163.         overflow: hidden;
  164.         padding: 30px 0;
  165.         text-shadow: 1px 1px 3px #000;
  166.     }
  167. */ 
  168.     #blog-description .my-avatar {
  169.         float: right;
  170.         margin: 5px 0 5px 20px;
  171.     }
  172.    
  173.     h2.page-title {
  174.         background: url(http://static.tumblr.com/2wjmz5y/Ytclg5j3s/beveled-hr.png) no-repeat top center;
  175.         clear: both;
  176.         color: #8f8f8f;
  177.         font-size: 18px;
  178.         font-style: italic;
  179.         font-weight: normal;
  180.         padding: 30px 0;
  181.     }
  182.    
  183.     h2.page-title span {
  184.         color: #fff;
  185.     }
  186.    
  187.     /*  POSTS  */
  188.     #posts {
  189.         clear: both;
  190.     }
  191.    
  192.     .post {
  193.         margin-bottom: 10px;
  194.         width: 1000px;
  195.     }
  196.    
  197.     .post-top {
  198.         background: url(http://i.imgur.com/DM0zy.png) no-repeat top center;
  199.         height: 12px;
  200.         margin: 0 -5px;
  201.         width: 1010px;
  202.     }
  203.    
  204.     .post-bottom {
  205.         background: url(http://i.imgur.com/QqOzM.png) no-repeat bottom center;
  206.         height: 12px;
  207.         margin: 0 -5px;
  208.         width: 1010px;
  209.     }
  210.    
  211.     .post-content,
  212.     .post-meta {
  213.         background: url(http://i.imgur.com/wTobw.png) repeat-y top center;
  214.         margin: 0 -5px;
  215.         padding: 0 32px;
  216.         position: relative;
  217.     }
  218.    
  219.     .post-content a:hover {
  220.         text-decoration: underline;
  221.     }
  222.    
  223.     .post-content h2 a,
  224.     .post-quote h2,
  225.     .post-heading {
  226.         background: url(http://static.tumblr.com/2wjmz5y/l4Glg5jee/post-title-bg.png);
  227.         border-bottom: 1px solid #2d2d2d;
  228.         color: #c6c6c6;
  229.         display: block;
  230.         font: 24px Georgia, 'Times New Roman', serif;
  231.         margin: 0 -20px;
  232.         padding: 15px;
  233.     }
  234.    
  235.     .post-content h2 a:hover {
  236.         color: {color:Links};
  237.         text-decoration: none;
  238.     }
  239.    
  240.     .post-content .permalink {
  241.         background: url(http://static.tumblr.com/2wjmz5y/3Hglg5je1/post-permalink.png) no-repeat top left;
  242.         display: block;
  243.         height: 27px;
  244.         position: absolute;
  245.         right: 21px;
  246.         text-indent: -9999em;
  247.         top: 0;
  248.         width: 12px;
  249.     }
  250.    
  251.     .post-content p {
  252.         padding-top: 20px;
  253.         text-shadow: 1px 1px 3px #000;
  254.     }
  255.    
  256.     .post-content blockquote {
  257.         border-left: 3px solid #3b3b3b;
  258.         font-style: italic;
  259.         margin: 20px 20px 0;
  260.         padding-left: 10px;
  261.     }
  262.    
  263.     .post-content blockquote p {
  264.         padding-top: 0;
  265.     }
  266.    
  267.     .post-content ul {
  268.         list-style: disc;
  269.         padding: 20px 30px 0;
  270.     }
  271.    
  272.     .post-content ol {
  273.         list-style: decimal;
  274.         padding: 20px 30px 0;
  275.     }
  276.    
  277.     .post-content img {
  278.         max-width: 960px;
  279.     }
  280.    
  281.     .post-content .reblogged {
  282.         font-size: 10px;
  283.         padding-top: 5px;
  284.     }
  285.    
  286.     /*  POST META  */
  287.     .post-meta {
  288.         color: #787878;
  289.         font-size: 11px;
  290.         font-style: italic;
  291.         overflow: hidden;
  292.         padding: 20px 12px 0;
  293.     }
  294.    
  295.     .post-meta a {
  296.         color: #787878;
  297.     }
  298.    
  299.     .post-meta a:hover {
  300.         text-decoration: underline;
  301.     }
  302.    
  303.     .post-meta p {
  304.         border-top: 1px solid #2d2d2d;
  305.         padding: 10px 20px;
  306.     }
  307.    
  308.     .post-meta .post-time {
  309.         background: url(http://static.tumblr.com/2wjmz5y/cfrlg5jdr/postmeta-time.png) no-repeat left center;
  310.         margin-right: 20px;
  311.         padding-left: 15px;
  312.     }
  313.    
  314.     .post-meta .post-notes {
  315.         background: url(http://static.tumblr.com/2wjmz5y/NKNlg5jdb/postmeta-notes.png) no-repeat 0 3px;
  316.         padding-left: 16px;
  317.                 padding-bottom: 1px;
  318.     }
  319.    
  320.     .post-meta .tags {
  321.         border: 0;
  322.         margin-top: -5px;
  323.         padding-top: 0;
  324.     }
  325.    
  326.     .post-meta .tags span {
  327.         color: #444;
  328.     }
  329.    
  330.     .post-meta .tags a {
  331.         margin: 0 8px 0 2px;
  332.     }
  333.    
  334.     /*  POST - LINK  */
  335.     .post-link h2 a span {
  336.         background: url(http://static.tumblr.com/2wjmz5y/IlHlg5jgw/link-icon.png) no-repeat left center;
  337.         padding-left: 25px;
  338.     }
  339.    
  340.     /*  POST - PHOTO/VIDEO  */
  341.     .post-photo img {
  342.         display: block;
  343.         margin: 0 auto;
  344.         padding: 20px 0 0;
  345.         max-width: 890px;
  346.         height: auto;
  347.         /* This doesn't work. Padding is inside the border. */
  348.         /* border: 1px solid #646464 */
  349.     }
  350.    
  351.     .post-photoset .photoset-embed,
  352.     .post-video .video-embed {
  353.         margin: 0 auto;
  354.         padding: 20px 0 0;
  355.     }
  356.    
  357.     /*  POST - AUDIO  */
  358.     .post-audio .post-heading .album-art {
  359.         float: left;
  360.         margin: 0 10px 10px;
  361.         max-height: 120px;
  362.         max-width: 120px;
  363.     }
  364.    
  365.     .post-audio .post-heading .track {
  366.         font-size: 18px;
  367.         font-weight: bold;
  368.     }
  369.    
  370.     .post-audio .post-heading .artist,
  371.     .post-audio .post-heading .album {
  372.         font-size: 14px;
  373.         font-style: normal;
  374.     }
  375.    
  376.     /*  POST - CHAT  */
  377.     ul.chat {
  378.         list-style: none;
  379.         padding: 20px 0 0;
  380.     }
  381.    
  382.     ul.chat li {
  383.         padding: 5px;
  384.     }
  385.    
  386.     ul.chat li.odd {
  387.         background: url(http://static.tumblr.com/2wjmz5y/l4Glg5jee/post-title-bg.png);
  388.     }
  389.    
  390.     ul.chat li span.chat-label {
  391.         font-size: 10px;
  392.         font-weight: bold;
  393.         margin-right: 10px;
  394.         text-transform: uppercase;
  395.     }
  396.    
  397.     /*  PAGINATION  */
  398.     #pagination {
  399.         clear: both;
  400.         height: 50px;
  401.         margin: 10px -4px;
  402.     }
  403.    
  404.     #pagination #prev-page {
  405.         background: url(http://static.tumblr.com/2wjmz5y/YGMlg5jaz/pagination-left.png) no-repeat top center;
  406.         display: block;
  407.         float: left;
  408.         height: 40px;
  409.         text-indent: -9999em;
  410.         width: 40px;
  411.     }
  412.    
  413.     #pagination #prev-page:hover {
  414.         background: url(http://static.tumblr.com/2wjmz5y/YGMlg5jaz/pagination-left.png) no-repeat bottom center;
  415.     }
  416.    
  417.     #pagination #next-page {
  418.         background: url(http://static.tumblr.com/2wjmz5y/ejglg5jbk/pagination-right.png) no-repeat top center;
  419.         display: block;
  420.         float: right;
  421.         height: 40px;
  422.         text-indent: -9999em;
  423.         width: 40px;
  424.     }
  425.    
  426.     #pagination #next-page:hover {
  427.         background: url(http://static.tumblr.com/2wjmz5y/ejglg5jbk/pagination-right.png) no-repeat bottom center;
  428.     }
  429.    
  430.     /*  FOLLOWING  */
  431.     #following {
  432.         background: url(http://static.tumblr.com/2wjmz5y/Ytclg5j3s/beveled-hr.png) no-repeat top center;
  433.         margin: 20px 0 -15px;
  434.         overflow: hidden;
  435.         padding-top: 15px;
  436.     }
  437.    
  438.     #following h3 {
  439.         font-size: 14px;
  440.         font-style: italic;
  441.         font-weight: normal;
  442.         padding-bottom: 10px;
  443.     }
  444.    
  445.     #following ul li {
  446.         float: left;
  447.         margin: -3px 5px 5px 0;
  448.     }
  449.    
  450.     #following ul li img {
  451.         border: 1px solid transparent;
  452.         opacity: 0.7;
  453.     }
  454.    
  455.     #following ul li img:hover {
  456.         border-color: #666;
  457.         opacity: 1;
  458.     }
  459.    
  460.     /*  NOTES  */
  461.     #post-notes {
  462.         margin: 30px 0;
  463.     }
  464.    
  465.     .post-content #show-notes {
  466.         font-size: 18px;
  467.         padding: 10px 20px;
  468.     }
  469.    
  470.     .post-content #show-notes span.show-notes-link {
  471.         background: url(http://static.tumblr.com/2wjmz5y/hrtlg5jam/notes-show.png) no-repeat right center;
  472.         display: block;
  473.     }
  474.    
  475.     .post-content #show-notes span.hide-notes-link {
  476.         background: url(http://static.tumblr.com/2wjmz5y/2Vflg5j8l/notes-hide.png) no-repeat right center;
  477.         display: block;
  478.     }
  479.    
  480.     ol.notes {
  481.         list-style: none;
  482.         padding: 0;
  483.     }
  484.    
  485.     ol.notes li {
  486.         border-bottom: 1px solid #333;
  487.         font-size: 11px;
  488.         padding: 5px 0;
  489.     }
  490.    
  491.     ol.notes li.reply {
  492.         background: url(http://static.tumblr.com/2wjmz5y/HAZlg5ja5/notes-reply.png) no-repeat right 8px;
  493.     }
  494.    
  495.     ol.notes li.like {
  496.         background: url(http://static.tumblr.com/2wjmz5y/Raclg5j9h/notes-like.png) no-repeat right 8px;
  497.     }
  498.    
  499.     ol.notes li.reblog {
  500.         background: url(http://static.tumblr.com/2wjmz5y/zcmlg5j9u/notes-reblog.png) no-repeat right 8px;
  501.     }
  502.    
  503.     ol.notes li img.avatar {
  504.         margin: 0 3px -3px 0;
  505.     }
  506.    
  507.     /*  FOOTER  */
  508.     #footer {
  509.         background: url(http://static.tumblr.com/2wjmz5y/Ytclg5j3s/beveled-hr.png) no-repeat top center;
  510.         color: #595959;
  511.         font: 10px Arial, Helvetica, sans-serif;
  512.         margin-top: 20px;
  513.         padding: 15px 0;
  514.                 {block:IfEnableEndlessScrolling}
  515.                 background: none;
  516.                 position: fixed;
  517.                 bottom: 0;
  518.                 left: 15px;
  519.                 width: 200px;
  520.                 {/block:IfEnableEndlessScrolling}
  521.     }
  522.    
  523.     #footer a {
  524.         color: {color:Links};
  525.         text-decoration: underline;
  526.     }
  527.    
  528.     #footer a:hover {
  529.         color: #fff;
  530.     }
  531.     </style>
  532.    
  533.     <style type="text/css">
  534.     {CustomCSS}
  535.     </style>
  536.    
  537.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  538.     <script type="text/javascript">
  539.     $(document).ready(function() {
  540.         $('#show-notes .hide-notes-link').hide();
  541.         $('#show-notes .show-notes-link').show();
  542.         $('ol.notes').hide();
  543.        
  544.         $('#show-notes .show-notes-link').click(function() {
  545.             $(this).hide();
  546.             $('#show-notes .hide-notes-link').show();
  547.             $('ol.notes').slideDown();
  548.             return false;
  549.         });
  550.         $('#show-notes .hide-notes-link').click(function() {
  551.             $(this).hide();
  552.             $('#show-notes .show-notes-link').show();
  553.             $('ol.notes').slideUp();
  554.             return false;
  555.         });
  556.     })
  557.     </script>
  558.         {block:IfEnableEndlessScrolling}
  559.     <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  560.         {/block:IfEnableEndlessScrolling}
  561. </head>
  562.  
  563. <body>
  564.    
  565. <div id="wrap">
  566.  
  567.     <div id="container">
  568.    
  569. <!-- Navigation -->
  570.         <ul id="top-nav">
  571.             <li><a href="/">Home</a></li>
  572.             {block:HasPages}
  573.             {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  574.             {/block:HasPages}
  575.             {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
  576.             {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  577.             <li><a href="/archive">Archive</a></li>
  578.             <li><a href="{RSS}">RSS</a></li>
  579.         </ul>
  580.        
  581. <!-- Title -->
  582.         <h1 id="blog-title"><a href="/">{Title}</a></h1>
  583.         {block:Description}
  584.         <p id="blog-description">
  585.             {block:IfShowMyAvatar}<img src="{PortraitURL-48}" alt="{Title}" class="my-avatar" />{/block:IfShowMyAvatar}
  586.             {Description}
  587.         </p>
  588.         {/block:Description}
  589.        
  590.         {block:TagPage}
  591.         <h2 class="page-title">Posts tagged <span>{Tag}</span></h2>
  592.         {/block:TagPage}
  593.  
  594. <!-- Posts -->
  595.         <div id="posts">
  596.             {block:Posts}
  597.             <div class="post" id="{PostID}">
  598.                 <div class="post-top"></div>
  599.                
  600.                 {block:Text}
  601.                 <div class="post-content post-text">
  602.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  603.                    
  604.                     {block:Title}
  605.                     <h2><a href="{Permalink}">{Title}</a></h2>
  606.                     {/block:Title}
  607.                    
  608.                     {block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
  609.                    
  610.                     {Body}
  611.                 </div> <!-- .post-content -->
  612.                 {/block:Text}
  613.                
  614.                 {block:Photo}
  615.                 <div class="post-content post-photo">
  616.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  617.                    
  618.                     {LinkOpenTag}
  619.                         <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  620.                     {LinkCloseTag}
  621.                    
  622.                     {block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
  623.                     {block:Caption}
  624.                     {Caption}
  625.                     {/block:Caption}
  626.                 </div> <!-- .post-content -->
  627.                 {/block:Photo}
  628.                
  629.                 {block:Photoset}
  630.                 <div class="post-content post-photoset">
  631.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  632.                    
  633.                     <div class="photoset-embed">
  634.                         {Photoset-500}
  635.                     </div>
  636.                    
  637.                     {block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
  638.                     {block:Caption}
  639.                     {Caption}
  640.                     {/block:Caption}
  641.                 </div> <!-- .post-content -->
  642.                 {/block:Photoset}
  643.                
  644.                 {block:Video}
  645.                 <div class="post-content post-video">
  646.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  647.                    
  648.                     <div class="video-embed">
  649.                         {Video-500}
  650.                     </div>
  651.                    
  652.                     {block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
  653.                     {block:Caption}
  654.                     {Caption}
  655.                     {/block:Caption}
  656.                 </div> <!-- .post-content -->
  657.                 {/block:Video}
  658.                
  659.                 {block:Audio}
  660.                 <div class="post-content post-audio">
  661.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  662.                    
  663.                     <div class="post-heading">
  664.                         {block:AlbumArt}
  665.                         <img src="{AlbumArtURL}" alt="{Album}" class="album-art" />
  666.                         {/block:AlbumArt}
  667.                         {AudioPlayerBlack}
  668.                         {block:TrackName}<span class="track">{TrackName}</span><br />{/block:TrackName}
  669.                         {block:Artist}<span class="artist">{Artist}</span><br />{/block:Artist}
  670.                         {block:Album}<span class="album">{Album}</span>{/block:Album}
  671.                     </div>
  672.                    
  673.                     {block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
  674.                     {block:Caption}
  675.                     {Caption}
  676.                     {/block:Caption}
  677.                 </div> <!-- .post-content -->
  678.                 {/block:Audio}
  679.                
  680.                 {block:Link}
  681.                 <div class="post-content post-link">
  682.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  683.                    
  684.                     <h2><a href="{URL}" {Target}><span>{Name}</span></a></h2>
  685.                    
  686.                     {block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
  687.                    
  688.                     {block:Description}
  689.                     {Description}
  690.                     {/block:Description}
  691.                 </div> <!-- .post-content -->
  692.                 {/block:Link}
  693.                
  694.                 {block:Quote}
  695.                 <div class="post-content post-quote">
  696.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  697.                    
  698.                     <h2>"{Quote}"</h2>
  699.                    
  700.                     {block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
  701.                    
  702.                     {block:Source}
  703.                     <p>{Source}</p>
  704.                     {/block:Source}
  705.                 </div> <!-- .post-content -->
  706.                 {/block:Quote}
  707.                
  708.                 {block:Answer}
  709.                 <div class="post-content post-quote">
  710.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  711.                    
  712.                     <h2>"{Question}"</h2>
  713.                    
  714.                     <p class="reblogged">Asked by {Asker}</p>
  715.                    
  716.                     {Answer}
  717.                 </div> <!-- .post-content -->
  718.                 {/block:Answer}
  719.                
  720.                 {block:Chat}
  721.                 <div class="post-content post-chat">
  722.                     <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
  723.                    
  724.                     {block:Title}
  725.                     <h2><a href="{Permalink}">{Title}</a></h2>
  726.                     {/block:Title}
  727.                    
  728.                     {block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
  729.                    
  730.                     <ul class="chat">
  731.                     {block:Lines}
  732.                         <li class="{Alt}">
  733.                             {block:Label}<span class="chat-label">{Label}</span>{/block:Label}
  734.                             {Line}
  735.                         </li>
  736.                     {/block:Lines}
  737.                     </ul>
  738.                 </div> <!-- .post-content -->
  739.                 {/block:Chat}
  740.                
  741.                 <div class="post-meta">
  742.                     <p>
  743.                         {block:Date}
  744.                         <span class="post-time">Posted {Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes} {AmPm}</span>
  745.                         {/block:Date}
  746.                                                  {block:IfDisqusShortname}
  747.                                                 <span class="post-notes"><a href="{Permalink}#disqus_thread" class="view-comments dsq-comment-count">{lang:Comments}</a></span>
  748.                                                 {/block:IfDisqusShortname}
  749.                         {block:NoteCount}
  750.                         <span class="post-notes"><a href="{Permalink}#post-notes">{NoteCount} notes</a></span>
  751.                         {/block:NoteCount}
  752.                     </p>
  753.                     {block:IfShowTags}
  754.                     {block:HasTags}
  755.                     <p class="tags">{block:Tags}<span>#</span><a href="{TagURL}">{Tag}</a>{/block:Tags}</p>
  756.                     {/block:HasTags}
  757.                     {/block:IfShowTags}
  758.                 </div> <!-- .post-meta -->
  759.                 <div class="post-bottom"></div>
  760.             </div> <!-- .post -->
  761.             {/block:Posts}
  762.         </div> <!-- #posts -->
  763.  
  764. <!-- Pagination -->
  765.                 {block:IfNotEnableEndlessScrolling}
  766.         {block:Pagination}
  767.         <div id="pagination">
  768.             {block:PreviousPage}<a href="{PreviousPage}" id="prev-page">Previous Page</a>{/block:PreviousPage}
  769.             {block:NextPage}<a href="{NextPage}" id="next-page">Next Page</a>{/block:NextPage}
  770.         </div> <!-- #pagination -->
  771.         {/block:Pagination}
  772.                 {/block:IfNotEnableEndlessScrolling}
  773.        
  774.         {block:PermalinkPagination}
  775.         <div id="pagination">
  776.             {block:PreviousPost}<a href="{PreviousPost}" id="prev-page">Previous Post</a>{/block:PreviousPost}
  777.             {block:NextPost}<a href="{NextPost}" id="next-page">Next Post</a>{/block:NextPost}
  778.         </div> <!-- #pagination -->
  779.         {/block:PermalinkPagination}
  780.  
  781.                 {block:IfDisqusShortname}
  782.                 {block:PermalinkPage}
  783. <!-- Disqus Comments -->
  784.         <div id="disqus_thread">
  785.             <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  786.             <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  787.         </div>
  788.         <div class="disqus-credit">
  789.             {lang:Blog comments powered by Disqus 2}
  790.         </div>
  791.                 {/block:PermalinkPage}
  792.                 {/block:IfDisqusShortname}
  793.  
  794.         {block:PostNotes}
  795. <!-- Post Notes -->
  796.         <div id="post-notes">
  797.             <div class="post-top"></div>
  798.             <div class="post-content">
  799.                 <h2><a href="#" id="show-notes">
  800.                     <span class="show-notes-link" style="display:none">Show {block:NoteCount}{NoteCount}{/block:NoteCount} notes</span>
  801.                     <span class="hide-notes-link">Hide notes</span>
  802.                 </a></h2>
  803.                 {PostNotes}
  804.             </div>
  805.             <div class="post-bottom"></div>
  806.         </div> <!-- #post-notes -->
  807.         {/block:PostNotes}
  808.        
  809.         {block:IfShowPeopleIFollow}
  810.         {block:Following}
  811. <!-- People I Follow -->
  812.         <div id="following">
  813.             <h3>People I Follow</h3>
  814.             <ul>
  815.                 {block:Followed}
  816.                 <li><a href="{FollowedURL}" {Target}><img src="{FollowedPortraitURL-16}" alt="{FollowedName}" /></a></li>
  817.                 {/block:Followed}
  818.             </ul>
  819.         </div> <!-- #following -->
  820.         {/block:Following}
  821.         {/block:IfShowPeopleIFollow}
  822.        
  823. <!-- Footer -->
  824.         <div id="footer">
  825.             <p>Copyright &copy; {CopyrightYears} {Title} (Ole-Christian Bjarkøy).<br />
  826.             Powered by <a href="http://www.tumblr.com" {Target}>Tumblr</a><br />
  827.             Natural Elegance theme modified by OCB. Original design by <a href="http://www.dan-hauk.com" {Target}>Dan Hauk</a></p>
  828.         </div> <!-- #footer -->    
  829.     </div> <!-- #container -->
  830. </div> <!-- #wrap -->
  831.  
  832.     {block:IfDisqusShortname}
  833.         <script type="text/javascript">
  834.             //<![CDATA[
  835.            (function() {
  836.                var links = document.getElementsByTagName('a');
  837.                var query = '?';
  838.                for(var i = 0; i < links.length; i++) {
  839.                    if(links[i].href.indexOf('#disqus_thread') >= 0) {
  840.                        query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  841.                    }
  842.                }
  843.                document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  844.            })();
  845.            //]]>
  846.         </script>
  847.     {/block:IfDisqusShortname}
  848.    
  849. </body>
  850.    
  851. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement