₊⁺✿˚
This commit is contained in:
parent
8ded423631
commit
4615187f30
|
@ -4,8 +4,11 @@ Made by glenthemes
|
|||
|
||||
Initial release: 2017/01/22
|
||||
Revamp date: 2021/10/28
|
||||
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.
|
||||
2) Do not repost/redistribute my themes.
|
||||
|
@ -49,12 +52,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/07/w-pain.js"></script>
|
||||
<script src="//ass-ets.glitch.me/logan.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);
|
||||
|
||||
|
@ -82,6 +87,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">
|
||||
|
||||
|
@ -1191,6 +1267,10 @@ ul li:before {
|
|||
cursor:help;
|
||||
}
|
||||
|
||||
.mov-button * {
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
.mov-button span[two]{
|
||||
display:none;
|
||||
}
|
||||
|
@ -1922,11 +2002,11 @@ span + .linksym {
|
|||
color:{color:special text};
|
||||
}
|
||||
|
||||
.odin > div + div {
|
||||
.odin > div + div, .npf-audio-details > * + * {
|
||||
margin-top:-1px;
|
||||
}
|
||||
|
||||
.aud-song-name {
|
||||
.aud-song-name, .npf-audio-title {
|
||||
font-family:var(--SmallCaps-Font-Family);
|
||||
font-size:calc(var(--SmallCaps-Font-Size) + 1px);
|
||||
text-transform:uppercase;
|
||||
|
@ -2309,7 +2389,8 @@ iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.co
|
|||
background:var(--MusicPlayer-Circle-Background);
|
||||
border-radius:100%;
|
||||
overflow:hidden;
|
||||
line-height:var(--MusicPlayer-Icon-Size);
|
||||
/*line-height:var(--MusicPlayer-Icon-Size);*/
|
||||
line-height:0;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
|
@ -2896,10 +2977,10 @@ iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.co
|
|||
</div><!--clownfest-->
|
||||
</div><!--tout-->
|
||||
|
||||
<!-- fix visual bug with invisible imgs -->
|
||||
<script>
|
||||
var imgs = document.querySelectorAll("img");
|
||||
Array.prototype.forEach.call(imgs, function(i){
|
||||
|
||||
if(i.src.indexOf("assets.tumblr.com/images/x.gif") > -1){
|
||||
i.setAttribute("src","//cdn.glitch.com/bdf00c8f-434a-46d9-a514-ec8332ec176a/1x1.png")
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue