₊⁺✿˚
This commit is contained in:
parent
9491ca2e40
commit
9147096ba3
|
@ -4,7 +4,11 @@ Made by glenthemes
|
|||
|
||||
Initial release: 2016/09/20
|
||||
Remake date: 2021/01/14
|
||||
Last updated: 2023/04/30
|
||||
Last updated: 2023/09/04
|
||||
|
||||
What's new:
|
||||
✱ NPF audio post support
|
||||
✱ fixed a minor bug with top bar "down arrow"
|
||||
|
||||
TERMS OF USE:
|
||||
1) Do not remove the theme credit.
|
||||
|
@ -56,7 +60,9 @@ TERMS OF USE:
|
|||
<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/20/AP-Ezreal_2023.js"></script>
|
||||
<script src="//ass-ets.glitch.me/logan.js"></script>
|
||||
|
||||
<script>
|
||||
// minimal soundcloud player @ shythemes.tumblr
|
||||
|
@ -72,7 +78,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};
|
||||
|
||||
|
@ -100,6 +106,79 @@ $(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;
|
||||
border-radius:3px;
|
||||
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">
|
||||
|
||||
|
@ -933,7 +1012,7 @@ body::-webkit-scrollbar-corner {
|
|||
/* topbar bottom triangle */
|
||||
.tri-under {
|
||||
position:absolute;
|
||||
bottom:0;margin-bottom:calc((var(--TopBar-Triangle-Size) / -1.414) - .3px);
|
||||
bottom:0;margin-bottom:calc((var(--TopBar-Triangle-Size) / -1.414) + 1px);
|
||||
left:50%;
|
||||
transform:translateX(-50%);
|
||||
width:0;
|
||||
|
@ -947,9 +1026,10 @@ body::-webkit-scrollbar-corner {
|
|||
/* topbar bottom triangle's border */
|
||||
.tri-underunder {
|
||||
position:absolute;
|
||||
bottom:0;margin-bottom:calc(((var(--TopBar-Triangle-Size) + 4px) / -1.414) - .3px);
|
||||
bottom:0;margin-bottom:calc(((var(--TopBar-Triangle-Size) + 4px) / -1.414));
|
||||
left:50%;
|
||||
transform:translateX(-50%);
|
||||
transform-origin:top;
|
||||
transform:translateX(-50%) scale(0.9,0.9);
|
||||
width:0;
|
||||
height:0;
|
||||
border-style:solid;
|
||||
|
@ -1492,7 +1572,7 @@ body::-webkit-scrollbar-corner {
|
|||
margin-left:14px;
|
||||
}
|
||||
|
||||
.t-name {
|
||||
.t-name, .npf-audio-title {
|
||||
font-weight:bold;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:1px;
|
||||
|
@ -1507,6 +1587,7 @@ body::-webkit-scrollbar-corner {
|
|||
height:calc({select:post font size} + 4px);
|
||||
stroke:{color:post buttons};
|
||||
stroke-width:1.5px;
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
/*----- VIDEOS -----*/
|
||||
|
|
Loading…
Reference in New Issue