From bd10d8fa7c1b9973a1374af89ba561a3b62c2b1b Mon Sep 17 00:00:00 2001
From: HT <glenthemes@noreply@froggi.es>
Date: Tue, 5 Sep 2023 02:35:38 +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

---
 18-Calamity | 104 ++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 97 insertions(+), 7 deletions(-)

diff --git a/18-Calamity b/18-Calamity
index 6fd4efa..45df476 100644
--- a/18-Calamity
+++ b/18-Calamity
@@ -4,7 +4,10 @@ Made by glenthemes
 
 Initial release: 2016/06/11
 Remake date: 2021/01/28
-Last updated: 2023/05/07
+Last updated: 2023/09/04
+ 
+What's new:
+✱ NPF audio post support
 
 TERMS OF USE:
 1) Do not remove the theme credit.
@@ -66,7 +69,9 @@ attribute:"title"
 <script src="//glenthemes.github.io/-music-/glenplayer06.js"></script>
 {/block:ifshowmusicplayer}
 
+<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
 <script src="//glen-themes.gitlab.io/thms/18/vergil-needs-milk.js"></script>
+<script src="//glen-themes.gitlab.io/thms/18/wheres-the-milk.js"></script>
 
 <script>
 // minimal soundcloud player @ shythemes.tumblr
@@ -82,7 +87,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: {select:post font size};
     
@@ -110,6 +115,82 @@ $(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: "",	
+    artistLabel: "",	
+    albumLabel: ""	
+});	
+</script>	
+<style edit-npf-audio-player>	
+.npf-audio-wrapper {	
+    --NPF-Audio-Buttons-Size: calc(var(--Audio-Post-PlayButton-Size) * 0.6);	
+    --NPF-Audio-Buttons-Color: {color:text};	
+    --NPF-Audio-Buttons-Padding: calc(var(--Audio-Post-PlayButton-Padding) + (var(--Audio-Post-PlayButton-Size) * (1 - 0.6)) - 3px);
+    --NPF-Audio-Buttons-Spacing: calc(var(--p) + 14px);	
+    --NPF-Audio-Image-Size: var(--Audio-Post-Album-Image-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;
+    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) - 1px);
+    margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding) - 1px);
+    width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));	
+    height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));	
+    background:{color:post};
+    border:1px solid rgba({RGBcolor:text},0.420);
+    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],
+.npf-audio-album {	
+    display:none;	
+}	
+ 
+.npf-audio-image {	
+    position:absolute;	
+    top:0;left:0;	
+    z-index:-1;	
+}
+
+.npf-audio-details {
+    line-height:calc({select:post text line height} * 0.9);
+}
+</style>
+
 <script src="//glen-npf.gitlab.io/other/neue.js"></script>
 <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
 
@@ -608,6 +689,8 @@ hr {
     --Audio-Post-Album-Image-Size:64px;
     --Audio-Post-PlayButton-Size:18px;
     --Audio-Post-PlayButton-Padding:8px;
+    --Audio-Post-Download-Size:calc({select:post font size} + 4px);
+    --Audio-Post-Download-Color:{color:link};
     
     --Like-Button-Liked:#f75c64;
     
@@ -768,6 +851,10 @@ a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
     font-size:0; /* kill whitespace */
 }
 
+.custard a > * {
+    pointer-events:none;
+}
+
 .custard ion-icon, .glenjamin {
     padding:{select:navlinks padding};
     border:.5px solid {color:navlinks border};
@@ -1348,7 +1435,7 @@ a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
     line-height:calc({select:post text line height} * 0.9);
 }
 
-.t-name {
+.t-name, .npf-audio-title {
     font-weight:bold;
     font-family:chakra petch;
     font-size:calc({select:post font size} - 1px);
@@ -1356,19 +1443,22 @@ a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
     letter-spacing:1px;
 }
 
-.t-artist {
+.t-artist, .npf-audio-artist {
     color:rgba({RGBcolor:text},0.85);
 }
 
 .dongload {
     text-transform:initial!important;
+    padding:5px 0 5px 5px;
+    border-bottom:none!important;
 }
 
 .dongload svg {
-    width:calc({select:post font size} + 4px);
-    height:calc({select:post font size} + 4px);
-    stroke:{color:link};
+    width:var(--Audio-Post-Download-Size);
+    height:var(--Audio-Post-Download-Size);
+    stroke:var(--Audio-Post-Download-Color);
     stroke-width:1.5px;
+    pointer-events:none;
 }
 
 /*----- VIDEOS -----*/