₊⁺✿˚

10-Guardian-Deity

@@ -4,7 +4,10 @@ Made by glenthemes
 
 Initial release: 2015/10/12
 Revamp date: 2017/01/12
-Last updated: 2023/05/12
+Last updated: 2023/09/04
+ 
+What's new:
+✱ NPF audio post support
  
 TERMS OF USE:
 1) Do not remove the theme credit.
@@ -144,7 +147,7 @@ $(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: 11px;
     
@@ -172,6 +175,74 @@ $(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: 11px;
+    --NPF-Audio-Buttons-Color: {color:top bar title};
+    --NPF-Audio-Buttons-Padding: 10px;
+    --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));
+    line-height:1.8;
+}
+ 
+.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:top bar 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;
+    background-color: {color:bold text background};
+    padding:1px 5px;
+}
+ 
+figcaption.audio-caption,
+figcaption.audio-caption ~ audio[controls],
+figcaption.audio-caption img, .npf-audio-image {
+    display:none;
+}
+</style>
+
+<script src="//glen-themes.gitlab.io/thms/10/soda-pops.js"></script>
+
 <script src="//glen-npf.gitlab.io/other/neue.js"></script>
 <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">