₊⁺✿˚
This commit is contained in:
parent
0e1dd1dadf
commit
3ffe803a48
100
04-Whimsical
100
04-Whimsical
|
@ -4,7 +4,11 @@ Made by glenthemes
|
||||||
|
|
||||||
Initial release: 2015/08/??
|
Initial release: 2015/08/??
|
||||||
Rework date: [v1] 2018/09/27 ✧ [v2] 2022/01/28
|
Rework date: [v1] 2018/09/27 ✧ [v2] 2022/01/28
|
||||||
Last updated: 2023/05/06
|
Last updated: 2023/08/27
|
||||||
|
|
||||||
|
What's new:
|
||||||
|
✱ NPF audio post support
|
||||||
|
✱ fixed issue with icons not showing on post page
|
||||||
|
|
||||||
TERMS OF USE:
|
TERMS OF USE:
|
||||||
1) Do not remove the theme credit.
|
1) Do not remove the theme credit.
|
||||||
|
@ -73,14 +77,15 @@ CREDITS:
|
||||||
<script src="//griddery.github.io/grid.js"></script>
|
<script src="//griddery.github.io/grid.js"></script>
|
||||||
<link href="//griddery.github.io/basics.css" rel="stylesheet">
|
<link href="//griddery.github.io/basics.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
|
||||||
<script src="//glen-themes.gitlab.io/thms/04/always-late-for-the-bus.js"></script>
|
<script src="//glen-themes.gitlab.io/thms/04/always-late-for-the-bus.js"></script>
|
||||||
|
<script src="//glen-themes.gitlab.io/thms/04/late-again.js"></script>
|
||||||
<script src="//static.tumblr.com/gtjt4bo/5XRr7yhna/if_onlydigits.js"></script>
|
<script src="//static.tumblr.com/gtjt4bo/5XRr7yhna/if_onlydigits.js"></script>
|
||||||
|
|
||||||
<!-- unblue polls -->
|
<!-- unblue polls -->
|
||||||
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
|
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
|
||||||
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
|
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
|
||||||
<style>
|
<style unblue-polls>
|
||||||
.poll-post {
|
.poll-post {
|
||||||
--Poll-Question-Font-Size: var(--Body-Font-Size);
|
--Poll-Question-Font-Size: var(--Body-Font-Size);
|
||||||
|
|
||||||
|
@ -108,6 +113,88 @@ CREDITS:
|
||||||
}
|
}
|
||||||
</style>
|
</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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.npf-audio-details {
|
||||||
|
line-height:var(--Line-Height);
|
||||||
|
--flesk:calc((((var(--Body-Font-Size) - 1px) * var(--Line-Height-INT)) - var(--AUD-Font-Size)) / 2);
|
||||||
|
margin:calc(0px - var(--flesk)) 0;
|
||||||
|
color:{color:special text};
|
||||||
|
}
|
||||||
|
|
||||||
|
.npf-audio-details > * + * {
|
||||||
|
margin-top:-1px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
||||||
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
||||||
|
|
||||||
|
@ -749,6 +836,7 @@ ul li:before {
|
||||||
--Audio-Post-Buttons-Color:{color:label text};
|
--Audio-Post-Buttons-Color:{color:label text};
|
||||||
--Audio-Post-Buttons-Padding:9px;
|
--Audio-Post-Buttons-Padding:9px;
|
||||||
--Audio-Post-Buttons-Background:{color:label bg};
|
--Audio-Post-Buttons-Background:{color:label bg};
|
||||||
|
--Audio-Post-Download-Color:{color:special text};
|
||||||
|
|
||||||
--Link:{color:link};
|
--Link:{color:link};
|
||||||
--Post-Borders-Inner:{color:post borders inner};
|
--Post-Borders-Inner:{color:post borders inner};
|
||||||
|
@ -1843,9 +1931,9 @@ img.photopic {
|
||||||
margin-top:3px;
|
margin-top:3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aud-song-name {
|
.aud-song-name, .npf-audio-title {
|
||||||
font-family:var(--SmallCaps-Font-Family);
|
font-family:var(--SmallCaps-Font-Family);
|
||||||
font-size:calc(var(--AUD-Font-Size) - 1px);
|
font-size:calc(var(--Body-Font-Size) - 2px);
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
letter-spacing:.5px;
|
letter-spacing:.5px;
|
||||||
-webkit-text-stroke-width:.3px;
|
-webkit-text-stroke-width:.3px;
|
||||||
|
@ -1875,7 +1963,7 @@ img.photopic {
|
||||||
-webkit-mask-repeat:no-repeat;
|
-webkit-mask-repeat:no-repeat;
|
||||||
-webkit-mask-position:center;
|
-webkit-mask-position:center;
|
||||||
-webkit-mask-image:var(--install);
|
-webkit-mask-image:var(--install);
|
||||||
background:{color:special text};
|
background:var(--Audio-Post-Download-Color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*---- SPOTIFY ----*/
|
/*---- SPOTIFY ----*/
|
||||||
|
|
Loading…
Reference in New Issue