₊⁺✿˚
This commit is contained in:
parent
9510245e3e
commit
bd10d8fa7c
104
18-Calamity
104
18-Calamity
|
@ -4,7 +4,10 @@ Made by glenthemes
|
||||||
|
|
||||||
Initial release: 2016/06/11
|
Initial release: 2016/06/11
|
||||||
Remake date: 2021/01/28
|
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:
|
TERMS OF USE:
|
||||||
1) Do not remove the theme credit.
|
1) Do not remove the theme credit.
|
||||||
|
@ -66,7 +69,9 @@ attribute:"title"
|
||||||
<script src="//glenthemes.github.io/-music-/glenplayer06.js"></script>
|
<script src="//glenthemes.github.io/-music-/glenplayer06.js"></script>
|
||||||
{/block:ifshowmusicplayer}
|
{/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/vergil-needs-milk.js"></script>
|
||||||
|
<script src="//glen-themes.gitlab.io/thms/18/wheres-the-milk.js"></script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// minimal soundcloud player @ shythemes.tumblr
|
// minimal soundcloud player @ shythemes.tumblr
|
||||||
|
@ -82,7 +87,7 @@ $(document).ready(function(){
|
||||||
<!-- 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: {select:post font size};
|
--Poll-Question-Font-Size: {select:post font size};
|
||||||
|
|
||||||
|
@ -110,6 +115,82 @@ $(document).ready(function(){
|
||||||
}
|
}
|
||||||
</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: 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>
|
<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">
|
||||||
|
|
||||||
|
@ -608,6 +689,8 @@ hr {
|
||||||
--Audio-Post-Album-Image-Size:64px;
|
--Audio-Post-Album-Image-Size:64px;
|
||||||
--Audio-Post-PlayButton-Size:18px;
|
--Audio-Post-PlayButton-Size:18px;
|
||||||
--Audio-Post-PlayButton-Padding:8px;
|
--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;
|
--Like-Button-Liked:#f75c64;
|
||||||
|
|
||||||
|
@ -768,6 +851,10 @@ a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
|
||||||
font-size:0; /* kill whitespace */
|
font-size:0; /* kill whitespace */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.custard a > * {
|
||||||
|
pointer-events:none;
|
||||||
|
}
|
||||||
|
|
||||||
.custard ion-icon, .glenjamin {
|
.custard ion-icon, .glenjamin {
|
||||||
padding:{select:navlinks padding};
|
padding:{select:navlinks padding};
|
||||||
border:.5px solid {color:navlinks border};
|
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);
|
line-height:calc({select:post text line height} * 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
.t-name {
|
.t-name, .npf-audio-title {
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
font-family:chakra petch;
|
font-family:chakra petch;
|
||||||
font-size:calc({select:post font size} - 1px);
|
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;
|
letter-spacing:1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.t-artist {
|
.t-artist, .npf-audio-artist {
|
||||||
color:rgba({RGBcolor:text},0.85);
|
color:rgba({RGBcolor:text},0.85);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dongload {
|
.dongload {
|
||||||
text-transform:initial!important;
|
text-transform:initial!important;
|
||||||
|
padding:5px 0 5px 5px;
|
||||||
|
border-bottom:none!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dongload svg {
|
.dongload svg {
|
||||||
width:calc({select:post font size} + 4px);
|
width:var(--Audio-Post-Download-Size);
|
||||||
height:calc({select:post font size} + 4px);
|
height:var(--Audio-Post-Download-Size);
|
||||||
stroke:{color:link};
|
stroke:var(--Audio-Post-Download-Color);
|
||||||
stroke-width:1.5px;
|
stroke-width:1.5px;
|
||||||
|
pointer-events:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*----- VIDEOS -----*/
|
/*----- VIDEOS -----*/
|
||||||
|
|
Loading…
Reference in New Issue