₊⁺✿˚

This commit is contained in:
HT 2023-09-05 00:42:32 +01:00
parent 3ffe803a48
commit bb00360206
1 changed files with 83 additions and 4 deletions

View File

@ -6,7 +6,10 @@ Dark version: pastebin.com/zxR1cmC6
Initial release: 2015/08/25
Major update: 2021/11/06
Last updated: 2023/05/06
Last updated: 2023/09/04
What's new:
✱ NPF audio post support
TERMS OF USE:
1) Do not remove the theme credit.
@ -63,12 +66,14 @@ CREDITS:
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
<script src="//glen-themes.gitlab.io/thms/05/hahahaise.js"></script>
<script src="//glen-themes.gitlab.io/thms/05/oshiete-yo.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);
@ -96,6 +101,77 @@ 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};
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">
@ -1422,15 +1498,18 @@ span + .linksym {
display:flex;
align-items:center;
justify-content:space-between;
}
.audiotxt, .npf-audio-details {
font-size:calc(var(--Body-Font-Size) - 1.5px);
color:{color:special text};
}
.odin > div + div {
.odin > div + div, .npf-audio-details > * + * {
margin-top:-4px;
}
.aud-song-name {
.aud-song-name, .npf-audio-title {
font-family:var(--SmallCaps-Font-Family);
font-size:calc(var(--SmallCaps-Font-Size) + .5px);
text-transform:uppercase;