From bec8d67828ff40921a549aa71a8949f28c449db5 Mon Sep 17 00:00:00 2001
From: HT <glenthemes.exe@gmail.com>
Date: Sat, 29 Jul 2023 01:47:26 +0100
Subject: [PATCH] =?UTF-8?q?=E2=82=8A=E2=81=BA=E2=9C=BF=CB=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 22-Moonfall | 285 ++++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 221 insertions(+), 64 deletions(-)

diff --git a/22-Moonfall b/22-Moonfall
index 77dbe18..691fa56 100644
--- a/22-Moonfall
+++ b/22-Moonfall
@@ -3,7 +3,12 @@ Theme [22]: Moonfall
 Made by glenthemes
 
 Initial release: 2017/02/08
-Last updated: 2023/05/06
+Last updated: 2023/07/28
+
+What's new:
+✱ sidebar width options [image, description]
+✱ NPF audio post support
+✱ ⟦ font size ⟧ option now *actually* affects the font size.
 
 TERMS OF USE:
 1) Do not remove the theme credit.
@@ -55,7 +60,7 @@ attribute:"title"
    });
 </script>
 
-<script type="text/javascript">
+<script>
     $(document).ready(function(){
        $("button").click(function() {
     $('html, body').animate({
@@ -66,7 +71,7 @@ attribute:"title"
 
 {block:IndexPage}
 {block:ifheadercontent}
-<script type='text/javascript'>
+<script>
 $(function(){
 var side = $('#sb').offset().top;
 $(window).scroll(function(){
@@ -93,7 +98,9 @@ $('a#clickbutton').click(function() {
 </script>
  
  
-{block:ifsmoothscrolling}<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>{/block:ifsmoothscrolling}
+{block:ifsmoothscrolling}
+<script src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
+{/block:ifsmoothscrolling}
  
 <link href="//fonts.googleapis.com/css?family=Karla" rel="stylesheet">
 
@@ -104,7 +111,7 @@ $('a#clickbutton').click(function() {
 <style tmblr-npf>
 :root {
     --NPF-Caption-Spacing:1em;
-    --NPF-Image-Spacing:{text:photoset gutter width}px;
+    --NPF-Image-Spacing:{select:photos spacing};
 }
 
 a.post_media_photo_anchor {
@@ -131,16 +138,16 @@ $(document).ready(function(){
 <!-- unblue polls -->
 <!-- glenthemes.tumblr.com/post/708014819571302400 -->
 <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
-<style>
+<style unblue-polls>
 .poll-post {
-    --Poll-Question-Font-Size: {text:font size}px;
+    --Poll-Question-Font-Size: {select:font size};
     
     --Poll-Option-Background-Color: transparent;
     --Poll-Option-Corner-Rounding: 4px;
     --Poll-Option-Border-Size: 1px;
     --Poll-Option-Border-Color: rgba({RGBcolor:text},0.25);
     --Poll-Option-Padding: 10px;
-    --Poll-Option-Font-Size: {text:font size}px;
+    --Poll-Option-Font-Size: {select:font size};
     --Poll-Option-Spacing: 10px;
     --Poll-Option-Text-Color: {color:text};
     
@@ -159,8 +166,78 @@ $(document).ready(function(){
 }
 </style>
 
+<!-- npf audio player -->
+<!-- glenthemes.tumblr.com/post/722160746171072512 -->
+<script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
+<link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
+<script>
+tumblr_npf_audio({
+    emptyTitleText: "Untitled track",
+    emptyArtistText: "Untitled artist",
+    emptyAlbumText: "Untitled album",
+ 
+    titleLabel: "Track:",
+    artistLabel: "Artist:",
+    albumLabel: "Album:"
+});
+</script>
+<style edit-npf-audio-player>
+.npf-audio-wrapper {
+    --NPF-Audio-Buttons-Size: {select:font size};
+    --NPF-Audio-Buttons-Color: {color:bold};
+    --NPF-Audio-Buttons-Padding: 14px;
+    --NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 10px);
+    --NPF-Audio-Image-Spacing: 0.9rem;
+}
+ 
+.npf-audio-background {
+    margin-left:calc(18px + var(--NPF-Audio-Buttons-Padding));
+}
+ 
+.npf-audio-play, .npf-audio-pause {
+	position:relative;
+	z-index:0;
+}
+ 
+.npf-audio-play:after, .npf-audio-pause:after {
+    content:"";
+    position:absolute;
+    top:0;left:0;
+    margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
+    margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
+    width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
+    height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
+    background:{color:bold text background};
+    border-radius:100%;
+	z-index:-1;
+}
+ 
+.npf-audio-play svg { margin-left:1px; }
+.npf-audio-pause svg { margin-left:0; }
+ 
+.npf-audio-title-label,
+.npf-audio-artist-label,
+.npf-audio-album-label {
+    color:{color:bold};
+    text-transform:uppercase;
+}
+ 
+figcaption.audio-caption,
+figcaption.audio-caption ~ audio[controls],
+figcaption.audio-caption img, .npf-audio-image {
+    display:none;
+}
+</style>
+
 <script src="//glen-npf.gitlab.io/other/neue.js"></script>
 <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
+
+<!--------------------IMAGES-------------------->
+ 
+<meta name="image:background image" content="//static.tumblr.com/18ff7605554871c7c2b4a605be59ce6e/2pnwama/VYJovqk1v/tumblr_static_d7ou6t3s2y8s40804c8go04cg.png"/>
+<meta name="image:bottom bar background" content="//cdn.discordapp.com/attachments/382037367940448256/1102358952978681906/Ky8nj56.png"/>
+<meta name="image:post container background" content="//cdn.discordapp.com/attachments/382037367940448256/1102359036181086288/2B7Eg4b.png"/>
+<meta name="image:sidebar image" content="//cdn.discordapp.com/attachments/382037367940448256/1102359103361269780/WvFi8aC.png"/>
  
 <!--------------------COLORS-------------------->
  
@@ -188,8 +265,92 @@ $(document).ready(function(){
 <meta name="color:scrollbar bg" content="#170a10"/>
 <meta name="color:highlight" content="#170a10">
 <meta name="color:highlighted text" content="#c5c5c5">
+
+<!------------------DROPDOWN OPTS------------------>
+
+<meta name="select:font size" title="12px" content="12px">
+<meta name="select:font size" title="11px" content="11px">
+<meta name="select:font size" title="13px" content="13px">
+<meta name="select:font size" title="14px" content="14px">
+<meta name="select:font size" title="15px" content="15px">
+<meta name="select:font size" title="16px" content="16px">
+
+<meta name="select:post width" title="500px" content="500px">
+<meta name="select:post width" title="300px" content="300px">
+<meta name="select:post width" title="350px" content="375px">
+<meta name="select:post width" title="400px" content="400px">
+<meta name="select:post width" title="450px" content="450px">
+<meta name="select:post width" title="540px" content="540px">
+<meta name="select:post width" title="600px" content="600px">
+
+<meta name="select:post padding" title="10px" content="10px">
+<meta name="select:post padding" title="15px" content="15px">
+<meta name="select:post padding" title="20px" content="20px">
+<meta name="select:post padding" title="25px" content="25px">
+
+<meta name="select:photos spacing" title="10px" content="10px">
+<meta name="select:photos spacing" title="0px" content="0px">
+<meta name="select:photos spacing" title="2px" content="2px">
+<meta name="select:photos spacing" title="4px" content="4px">
+<meta name="select:photos spacing" title="6px" content="6px">
+<meta name="select:photos spacing" title="8px" content="8px">
+
+<meta name="select:post spacing" title="75px" content="75px">
+<meta name="select:post spacing" title="40px" content="40px">
+<meta name="select:post spacing" title="45px" content="45px">
+<meta name="select:post spacing" title="50px" content="50px">
+<meta name="select:post spacing" title="55px" content="55px">
+<meta name="select:post spacing" title="60px" content="60px">
+<meta name="select:post spacing" title="70px" content="70px">
+<meta name="select:post spacing" title="80px" content="80px">
+<meta name="select:post spacing" title="85px" content="85px">
+<meta name="select:post spacing" title="90px" content="90px">
+<meta name="select:post spacing" title="95px" content="95px">
+<meta name="select:post spacing" title="100px" content="100px">
+
+<meta name="select:sidebar left gap" title="70px" content="70px">
+<meta name="select:sidebar left gap" title="40px" content="40px">
+<meta name="select:sidebar left gap" title="45px" content="45px">
+<meta name="select:sidebar left gap" title="50px" content="50px">
+<meta name="select:sidebar left gap" title="55px" content="55px">
+<meta name="select:sidebar left gap" title="60px" content="60px">
+<meta name="select:sidebar left gap" title="65px" content="65px">
+<meta name="select:sidebar left gap" title="75px" content="75px">
+<meta name="select:sidebar left gap" title="80px" content="80px">
+<meta name="select:sidebar left gap" title="85px" content="85px">
+<meta name="select:sidebar left gap" title="90px" content="90px">
+<meta name="select:sidebar left gap" title="95px" content="95px">
+<meta name="select:sidebar left gap" title="100px" content="100px">
+
+<meta name="select:sidebar image width" title="150px" content="150px">
+<meta name="select:sidebar image width" title="100px" content="100px">
+<meta name="select:sidebar image width" title="125px" content="125px">
+<meta name="select:sidebar image width" title="175px" content="175px">
+<meta name="select:sidebar image width" title="200px" content="200px">
+<meta name="select:sidebar image width" title="225px" content="225px">
+<meta name="select:sidebar image width" title="250px" content="250px">
+<meta name="select:sidebar image width" title="300px" content="300px">
+
+<meta name="select:desc width" title="280px" content="280px">
+<meta name="select:desc width" title="180px" content="180px">
+<meta name="select:desc width" title="200px" content="200px">
+<meta name="select:desc width" title="220px" content="220px">
+<meta name="select:desc width" title="240px" content="240px">
+<meta name="select:desc width" title="260px" content="260px">
+<meta name="select:desc width" title="300px" content="300px">
+<meta name="select:desc width" title="320px" content="320px">
+<meta name="select:desc width" title="340px" content="340px">
+<meta name="select:desc width" title="360px" content="360px">
+<meta name="select:desc width" title="380px" content="380px">
+<meta name="select:desc width" title="400px" content="400px">
+<meta name="select:desc width" title="420px" content="420px">
+
+<meta name="select:desc text align" title="center" content="center">
+<meta name="select:desc text align" title="left" content="left">
+<meta name="select:desc text align" title="right" content="right">
+<meta name="select:desc text align" title="justify" content="justify">
  
-<!--------------------OPTIONS-------------------->
+<!------------------TOGGLE OPTS------------------>
  
 <meta name="if:show music player" content="1" />
 <meta name="if:smooth scrolling" content="0" />
@@ -202,34 +363,26 @@ $(document).ready(function(){
 <meta name="if:updates tab" content="0" />
 <meta name="if:dark tumblr controls" content="0" />
  
-<!--------------------IMAGES-------------------->
- 
-<meta name="image:background image" content="//static.tumblr.com/18ff7605554871c7c2b4a605be59ce6e/2pnwama/VYJovqk1v/tumblr_static_d7ou6t3s2y8s40804c8go04cg.png"/>
-<meta name="image:bottom bar background" content="//cdn.discordapp.com/attachments/382037367940448256/1102358952978681906/Ky8nj56.png"/>
-<meta name="image:post container background" content="//cdn.discordapp.com/attachments/382037367940448256/1102359036181086288/2B7Eg4b.png"/>
-<meta name="image:sidebar image" content="//cdn.discordapp.com/attachments/382037367940448256/1102359103361269780/WvFi8aC.png"/>
- 
 <!--------------------TITLES-------------------->
  
-<meta name="text:font size" content="12">
-<meta name="text:post width" content="500">
-<meta name="text:post padding" content="10">
-<meta name="text:photoset gutter width" content="10">
-<meta name="text:post margin" content="75">
-<meta name="text:sidebar left margin" content="70"> 
- 
- <meta name="text:how to link music" content="linktr.ee/direct_file_links">
+<meta name="text:how to link music" content="linktr.ee/direct_file_links">
 <meta name="text:music player mp3 URL" content="https://rhizo.gitlab.io/m/Blood_Moon_Diana.mp3">
 <meta name="text:music player song name" content="Blood Moon Diana">
 
+<meta name="text:&#917536;&#x200B;" content="&#x263D;&#x2727;&#xA8;&#x2A;&#x3003;&#x2E;&#xB8;&#xB8;&#x2727;&#xB8;&#xB8;&#x2E;&#x3003;&#x2A;&#xA8;&#x2727;&#x263E;&NewLine;">
+
+<meta name="text:&#x1F96E;&#x2002;icons list" content="linearicons.com/free#cheat-sheet">
 <meta name="text:top bar title icon" content="lnr-moon">
 <meta name="text:top bar text 1" content="here's some text">
 <meta name="text:top bar text 2" content="here's more text">
 <meta name="text:updates box" content="Your updates here">
 <meta name="text:bottom bar title" content="here's a title">
 <meta name="text:bottom bar text" content="here's some text">
-<meta name="text:Link 1" content="">
-<meta name="text:Link 1 URL" content="">
+
+<meta name="text:&#917536;&#x200B;&#x200B;" content="&#x263D;&#x2727;&#xA8;&#x2A;&#x3003;&#x2E;&#xB8;&#xB8;&#x2727;&#xB8;&#xB8;&#x2E;&#x3003;&#x2A;&#xA8;&#x2727;&#x263E;&NewLine;">
+
+<meta name="text:Link 1" content="Sample link">
+<meta name="text:Link 1 URL" content="https://www.youtube.com/watch?v=6opktP4VBN0">
 <meta name="text:Link 2" content="">
 <meta name="text:Link 2 URL" content="">
 <meta name="text:Link 3" content="">
@@ -327,8 +480,8 @@ background-attachment:fixed;
 color:{color:text};
 cursor:normal;
 font-family:karla;
-line-height:16px;
-font-size:11px;
+line-height:1.6em;
+font-size:{select:font size};
 letter-spacing:0px;
 text-align:left;
 -webkit-font-smoothing:antialiased;
@@ -462,12 +615,12 @@ margin:0 auto;
 {block:PermalinkPage}top:0;{/block:PermalinkPage}
 padding-top:110px;
 left:0;right:0;
-width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar left margin}px + 280px);
+width:calc({select:post width} + ({select:post padding} * 2) + {select:sidebar left gap} + {select:desc width});
 z-index:-10;
 }
 
 .semicontainer {
-    width:calc({text:post width}px + ({text:post padding}px * 2));
+    width:calc({select:post width} + ({select:post padding} * 2));
     {block:iftransparentposts}opacity:0.83;{/block:iftransparentposts}
     {block:ifnottransparentposts}opacity:1;{/block:ifnottransparentposts}
     -webkit-transition: all 0.9s ease-in-out;
@@ -478,12 +631,12 @@ z-index:-10;
 /*--------------------POSTS--------------------*/
  
 .posts {
-overflow:hidden;
-margin-bottom:{text:post margin}px;
-width:{text:post width}px;
-padding:{text:post padding}px;
-background-color:{color:post};
-font-size:{text:font size}px;
+    overflow:hidden;
+    margin-bottom:{select:post spacing};
+    width:{select:post width};
+    padding:{select:post padding};
+    background-color:{color:post};
+    font-size:{select:font size};
 }
  
 .posts a {
@@ -497,7 +650,7 @@ font-size:{text:font size}px;
 .photos, .photos img {
     position:relative;
     overflow:hidden;
-    width:{text:post width}px;
+    width:{select:post width};
    
     {block:IndexPage}
     {block:ifphotofade}
@@ -701,7 +854,7 @@ font-size:{text:font size}px;
     padding:10px;
     color:{color:top bar text};
     font-family:karla;
-    font-size:11px;
+    font-size:{select:font size};
     text-transform:none;
     {block:iftransparentposts}border-bottom:2px solid rgba({RGBcolor:top bar text},0.65);{/block:iftransparentposts}
 {block:ifnottransparentposts}border-bottom:2px solid rgba({RGBcolor:top bar text},1);{/block:ifnottransparentposts}
@@ -867,19 +1020,22 @@ font-size:{text:font size}px;
     {block:ifnotheadercontent}position:fixed;{block:ifnotheadercontent}
     
     
-    margin-left:calc(({text:post width}px + {text:post padding}px * 2) + {text:sidebar left margin}px);
-    width:280px;
-    text-align:center;
+    margin-left:calc(({select:post width} + {select:post padding} * 2) + {select:sidebar left gap});
+    width:{select:desc width};
+    text-align:{select:desc text align};
     z-index:-10;
 }
 
-#sbicon {
+#sbicon, #sbicon img, #desc {
     display:block;
+    margin-left:auto;
+    margin-right:auto;
 }
 
 #sbicon img {
-    width:150px;
-    height:150px;
+    width:{select:sidebar image width};
+    height:{select:sidebar image width};
+    object-fit:cover;
     border-radius:100%;
     padding:8.5px;
     border:1px solid rgba({RGBcolor:top bar text},0.6);
@@ -892,7 +1048,7 @@ font-size:{text:font size}px;
     {block:iftransparentposts}background-color:rgba({RGBcolor:top bar background},0.65);{/block:iftransparentposts}
 {block:ifnottransparentposts}background-color:rgba({RGBcolor:top bar background},1);{/block:ifnottransparentposts}
     font-family:karla;
-    font-size:11px;
+    font-size:{select:font size};
     {block:iftransparentposts}color:rgba({RGBcolor:top bar text},0.8);{/block:iftransparentposts}
 {block:ifnottransparentposts}color:rgba({RGBcolor:top bar text},1);{/block:ifnottransparentposts}
     text-align:center;
@@ -939,7 +1095,7 @@ font-size:{text:font size}px;
 /* 'Current page' number */
 .pagination span {
         margin:7px 0;
-        font-size:11px;
+        font-size:{select:font size};
         background-color:rgba({RGBcolor:top bar background},0.24);
         color:{color:top bar text};
         padding:5px;
@@ -956,7 +1112,7 @@ font-size:{text:font size}px;
         font-size:9px;
         color:{color:top bar text};
         padding:5px;
-        width:11px;
+        width:{select:font size};
         display:inline-block;
         margin-left:2px;
         text-align:center;
@@ -973,7 +1129,7 @@ font-size:{text:font size}px;
 text-transform:uppercase;
 letter-spacing:1px;
 text-align:right;
-font-size:calc({text:font size}px - 3px);
+font-size:calc({select:font size} - 3px);
 line-height:1.5;
 margin-top:5px;
 margin-right:-5px;
@@ -994,14 +1150,14 @@ color:rgba({RGBcolor:link},0.8);
  
 #info {
 position:absolute;
-margin-top:{text:post padding}px;
-margin-left:-{text:post padding}px;
-width:calc({text:post width}px + ({text:post padding}px * 2) - 26px);
+margin-top:{select:post padding};
+margin-left:-{select:post padding};
+width:calc({select:post width} + ({select:post padding} * 2) - 26px);
 padding:8px 13px;
 background-color:{color:permalink background};
 font-family:beaufort;
 text-transform:uppercase;letter-spacing:1px;
-font-size:calc({text:font size}px - 2px);
+font-size:calc({select:font size} - 2px);
 font-weight:bold;
 border-radius:0px 0px 10px 10px;
 color:{color:permalink text};
@@ -1018,7 +1174,7 @@ color: rgba({RGBcolor:permalink link},0.25);
 }
  
 #info .fa {
-    font-size:calc({text:font size}px - 2px);
+    font-size:calc({select:font size} - 2px);
     color: rgba({RGBcolor:permalink link},0.8);
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
@@ -1032,9 +1188,9 @@ color: rgba({RGBcolor:permalink link},0.25);
 /*--------------------POST NOTES--------------------*/
  
 ol.notes {
-width:{text:post width}px;
-padding:{text:post padding}px;
-margin-bottom:calc({text:post margin}px / 2);
+width:{select:post width};
+padding:{select:post padding};
+margin-bottom:calc({select:post spacing} / 2);
 {block:iftransparentposts}background-color:rgba({RGBcolor:post},0.46);{/block:iftransparentposts}
 {block:ifnottransparentposts}background-color:rgba({RGBcolor:post},1);{/block:ifnottransparentposts}
 list-style-type:none;
@@ -1077,7 +1233,8 @@ text-decoration:none;
     box-shadow:none !important;
     border-radius:0px !important;
     max-width:none;
-    padding:{text:post padding}px !important;
+    margin-top:-{select:post padding} !important;
+    padding:{select:post padding} !important;
     background:{color:post} !important;
     border:1px solid rgba({RGBcolor:text},0.15) !important;
 }
@@ -1198,9 +1355,9 @@ video {
 
 /*------------------------BOT PAGI------------------------*/
 .botpagi {
-        margin-bottom:calc({text:post margin}px / 2);
-        margin-left:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.1);
-        width:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.8);
+        margin-bottom:calc({select:post spacing} / 2);
+        margin-left:calc(({select:post width} + ({select:post padding} * 2)) * 0.1);
+        width:calc(({select:post width} + ({select:post padding} * 2)) * 0.8);
         text-align:center;
         padding-top:8px;
         border-top:1px solid rgba({RGBcolor:top bar text},0.4);
@@ -1376,7 +1533,7 @@ opacity:0.7;
 </style>
 {block:ifscrolltotopbutton}
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
-<script type="text/javascript" src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
+<script src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
 <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><span class="fa fa-arrow-circle-o-up"></span></a>
 {/block:ifscrolltotopbutton}
 
@@ -1390,7 +1547,7 @@ $(document).ready(function(){
    $('.photo-slideshow').pxuPhotoset({
        lightbox: true,
        rounded: false,
-       gutter: '{text:photoset gutter width}px',
+       gutter: '{select:photos spacing}',
        borderRadius: '0px',
        photoset: '.photo-slideshow',
        photoWrap: '.photo-data',
@@ -1399,7 +1556,7 @@ $(document).ready(function(){
 });
 </script>
 
-<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
+<script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
 
 {block:ifshowmusicplayer}
 <script src="//static.tumblr.com/2pnwama/lnLppjutr/gletanica.js"></script>
@@ -1611,7 +1768,7 @@ $(document).ready(function(){
 {/block:Date}
  
 {block:Date}
-{block:PermalinkPage}<div id="info"  style="margin-left:0px; margin-top:-{text:post margin}px;">posted on <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} '{ShortYear}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}{/block:PermalinkPage}
+{block:PermalinkPage}<div id="info"  style="margin-left:0px; margin-top:-{select:post spacing};">posted on <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} '{ShortYear}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}{/block:PermalinkPage}
 </div>
 {/block:Date}