₊⁺✿˚

09-Radiance

@@ -4,7 +4,10 @@ Made by glenthemes
 
 Initial release: 2015/09/28
 Rework date: 2021/12/05
-Last updated: 2023/05/06
+Last updated: 2023/09/04
+
+What's new:
+✱ NPF audio post support
 
 ------------------------------------------------------
 
@@ -72,16 +75,18 @@ CREDITS:
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
 
+<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
 <script src="//glen-themes.gitlab.io/thms/09/tamago-kake-gohan.js"></script>
+<script src="//glen-themes.gitlab.io/thms/09/meat-buns.js"></script>
 
 <!-- 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: var(--Body-Font-Size);
     
-    --Poll-Option-Background-Color: #fcfcfc;
+    --Poll-Option-Background-Color: {color:post};
     --Poll-Option-Corner-Rounding: var(--Posts-Corner-Roundness);
     --Poll-Option-Border-Size: 1px;
     --Poll-Option-Border-Color: {color:post borders inner};
@@ -105,6 +110,81 @@ CREDITS:
 }
 </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: "",	
+    artistLabel: "",	
+    albumLabel: ""	
+});	
+</script>	
+<style edit-npf-audio-player>	
+.npf-audio-wrapper {	
+    --NPF-Audio-Buttons-Size: var(--Audio-Post-Buttons-Size);	
+    --NPF-Audio-Buttons-Color: var(--Audio-Post-Buttons-Color);	
+    --NPF-Audio-Buttons-Padding: var(--Audio-Post-Buttons-Padding);	
+    --NPF-Audio-Buttons-Spacing: calc(var(--p) + var(--Audio-Post-Album-Right-Gap));	
+    --NPF-Audio-Image-Size: var(--Audio-Post-Album-Size);	
+    --NPF-Audio-Image-Spacing: 0px;	
+ 
+    --t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));	
+    --p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));	
+}	
+ 
+.npf-audio-wrapper {	
+    position:relative;	
+    background:{color:special background};
+    border:1px solid {color:special border};
+    z-index:0;	
+}	
+ 
+.npf-audio-background {	
+    margin-left:var(--p);	
+}	
+ 
+.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:var(--Audio-Post-Buttons-Background);	
+    border-radius:100%;	
+	z-index:-1;	
+}	
+ 
+.npf-audio-play svg { margin-left:1px; }	
+.npf-audio-pause svg { margin-left:0; }	
+ 
+figcaption.audio-caption,	
+figcaption.audio-caption ~ audio[controls]{	
+    display:none;	
+}	
+ 
+.npf-audio-image {	
+    position:absolute;	
+    top:0;left:0;	
+    z-index:-1;	
+}	
+</style>
+ 
+<script src="//glen-npf.gitlab.io/other/neue.js"></script>
+<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
+
 <script src="//glen-npf.gitlab.io/other/neue.js"></script>
 <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
 
@@ -2170,12 +2250,12 @@ img.photopic {
     color:{color:special text};
 }
 
-.odin > div + div {
+.odin > div + div, .npf-audio-details > * + *  {
     margin-top:calc((((var(--Body-Font-Size) - .3px) * var(--Line-Height-INT)) - (var(--Body-Font-Size) - .3px)) / -2);
     padding-top:2px;
 }
 
-.aud-song-name {
+.aud-song-name, .npf-audio-title {
     padding-top:calc((var(--SmallCaps-Font-Size) + 1px) * 0.3);
     margin-bottom:calc((var(--SmallCaps-Font-Size) + 1px) * -0.7);
     font-family:var(--SmallCaps-Font-Family);
@@ -2208,6 +2288,7 @@ img.photopic {
     -webkit-mask-position:center;
     -webkit-mask-image:var(--install);
     background:{color:special text};
+    pointer-events:none;
 }
 
 /*---- SPOTIFY ----*/