₊⁺✿˚

This commit is contained in:
HT 2023-07-29 01:47:26 +01:00
parent 4aca1fd56c
commit bec8d67828
1 changed files with 221 additions and 64 deletions

View File

@ -3,7 +3,12 @@ Theme [22]: Moonfall
Made by glenthemes
Initial release: 2017/02/08
Last updated: 2023/05/06
Last updated: 2023/07/28
What's new:
✱ sidebar width options [image, description]
✱ NPF audio post support
✱ ⟦ font size ⟧ option now *actually* affects the font size.
TERMS OF USE:
1) Do not remove the theme credit.
@ -55,7 +60,7 @@ attribute:"title"
});
</script>
<script type="text/javascript">
<script>
$(document).ready(function(){
$("button").click(function() {
$('html, body').animate({
@ -66,7 +71,7 @@ attribute:"title"
{block:IndexPage}
{block:ifheadercontent}
<script type='text/javascript'>
<script>
$(function(){
var side = $('#sb').offset().top;
$(window).scroll(function(){
@ -93,7 +98,9 @@ $('a#clickbutton').click(function() {
</script>
{block:ifsmoothscrolling}<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>{/block:ifsmoothscrolling}
{block:ifsmoothscrolling}
<script src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
{/block:ifsmoothscrolling}
<link href="//fonts.googleapis.com/css?family=Karla" rel="stylesheet">
@ -104,7 +111,7 @@ $('a#clickbutton').click(function() {
<style tmblr-npf>
:root {
--NPF-Caption-Spacing:1em;
--NPF-Image-Spacing:{text:photoset gutter width}px;
--NPF-Image-Spacing:{select:photos spacing};
}
a.post_media_photo_anchor {
@ -131,16 +138,16 @@ $(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: {text:font size}px;
--Poll-Question-Font-Size: {select:font size};
--Poll-Option-Background-Color: transparent;
--Poll-Option-Corner-Rounding: 4px;
--Poll-Option-Border-Size: 1px;
--Poll-Option-Border-Color: rgba({RGBcolor:text},0.25);
--Poll-Option-Padding: 10px;
--Poll-Option-Font-Size: {text:font size}px;
--Poll-Option-Font-Size: {select:font size};
--Poll-Option-Spacing: 10px;
--Poll-Option-Text-Color: {color:text};
@ -159,8 +166,78 @@ $(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: "Track:",
artistLabel: "Artist:",
albumLabel: "Album:"
});
</script>
<style edit-npf-audio-player>
.npf-audio-wrapper {
--NPF-Audio-Buttons-Size: {select:font size};
--NPF-Audio-Buttons-Color: {color:bold};
--NPF-Audio-Buttons-Padding: 14px;
--NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 10px);
--NPF-Audio-Image-Spacing: 0.9rem;
}
.npf-audio-background {
margin-left:calc(18px + var(--NPF-Audio-Buttons-Padding));
}
.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:{color:bold text background};
border-radius:100%;
z-index:-1;
}
.npf-audio-play svg { margin-left:1px; }
.npf-audio-pause svg { margin-left:0; }
.npf-audio-title-label,
.npf-audio-artist-label,
.npf-audio-album-label {
color:{color:bold};
text-transform:uppercase;
}
figcaption.audio-caption,
figcaption.audio-caption ~ audio[controls],
figcaption.audio-caption img, .npf-audio-image {
display:none;
}
</style>
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
<!--------------------IMAGES-------------------->
<meta name="image:background image" content="//static.tumblr.com/18ff7605554871c7c2b4a605be59ce6e/2pnwama/VYJovqk1v/tumblr_static_d7ou6t3s2y8s40804c8go04cg.png"/>
<meta name="image:bottom bar background" content="//cdn.discordapp.com/attachments/382037367940448256/1102358952978681906/Ky8nj56.png"/>
<meta name="image:post container background" content="//cdn.discordapp.com/attachments/382037367940448256/1102359036181086288/2B7Eg4b.png"/>
<meta name="image:sidebar image" content="//cdn.discordapp.com/attachments/382037367940448256/1102359103361269780/WvFi8aC.png"/>
<!--------------------COLORS-------------------->
@ -188,8 +265,92 @@ $(document).ready(function(){
<meta name="color:scrollbar bg" content="#170a10"/>
<meta name="color:highlight" content="#170a10">
<meta name="color:highlighted text" content="#c5c5c5">
<!------------------DROPDOWN OPTS------------------>
<meta name="select:font size" title="12px" content="12px">
<meta name="select:font size" title="11px" content="11px">
<meta name="select:font size" title="13px" content="13px">
<meta name="select:font size" title="14px" content="14px">
<meta name="select:font size" title="15px" content="15px">
<meta name="select:font size" title="16px" content="16px">
<meta name="select:post width" title="500px" content="500px">
<meta name="select:post width" title="300px" content="300px">
<meta name="select:post width" title="350px" content="375px">
<meta name="select:post width" title="400px" content="400px">
<meta name="select:post width" title="450px" content="450px">
<meta name="select:post width" title="540px" content="540px">
<meta name="select:post width" title="600px" content="600px">
<meta name="select:post padding" title="10px" content="10px">
<meta name="select:post padding" title="15px" content="15px">
<meta name="select:post padding" title="20px" content="20px">
<meta name="select:post padding" title="25px" content="25px">
<meta name="select:photos spacing" title="10px" content="10px">
<meta name="select:photos spacing" title="0px" content="0px">
<meta name="select:photos spacing" title="2px" content="2px">
<meta name="select:photos spacing" title="4px" content="4px">
<meta name="select:photos spacing" title="6px" content="6px">
<meta name="select:photos spacing" title="8px" content="8px">
<meta name="select:post spacing" title="75px" content="75px">
<meta name="select:post spacing" title="40px" content="40px">
<meta name="select:post spacing" title="45px" content="45px">
<meta name="select:post spacing" title="50px" content="50px">
<meta name="select:post spacing" title="55px" content="55px">
<meta name="select:post spacing" title="60px" content="60px">
<meta name="select:post spacing" title="70px" content="70px">
<meta name="select:post spacing" title="80px" content="80px">
<meta name="select:post spacing" title="85px" content="85px">
<meta name="select:post spacing" title="90px" content="90px">
<meta name="select:post spacing" title="95px" content="95px">
<meta name="select:post spacing" title="100px" content="100px">
<meta name="select:sidebar left gap" title="70px" content="70px">
<meta name="select:sidebar left gap" title="40px" content="40px">
<meta name="select:sidebar left gap" title="45px" content="45px">
<meta name="select:sidebar left gap" title="50px" content="50px">
<meta name="select:sidebar left gap" title="55px" content="55px">
<meta name="select:sidebar left gap" title="60px" content="60px">
<meta name="select:sidebar left gap" title="65px" content="65px">
<meta name="select:sidebar left gap" title="75px" content="75px">
<meta name="select:sidebar left gap" title="80px" content="80px">
<meta name="select:sidebar left gap" title="85px" content="85px">
<meta name="select:sidebar left gap" title="90px" content="90px">
<meta name="select:sidebar left gap" title="95px" content="95px">
<meta name="select:sidebar left gap" title="100px" content="100px">
<meta name="select:sidebar image width" title="150px" content="150px">
<meta name="select:sidebar image width" title="100px" content="100px">
<meta name="select:sidebar image width" title="125px" content="125px">
<meta name="select:sidebar image width" title="175px" content="175px">
<meta name="select:sidebar image width" title="200px" content="200px">
<meta name="select:sidebar image width" title="225px" content="225px">
<meta name="select:sidebar image width" title="250px" content="250px">
<meta name="select:sidebar image width" title="300px" content="300px">
<meta name="select:desc width" title="280px" content="280px">
<meta name="select:desc width" title="180px" content="180px">
<meta name="select:desc width" title="200px" content="200px">
<meta name="select:desc width" title="220px" content="220px">
<meta name="select:desc width" title="240px" content="240px">
<meta name="select:desc width" title="260px" content="260px">
<meta name="select:desc width" title="300px" content="300px">
<meta name="select:desc width" title="320px" content="320px">
<meta name="select:desc width" title="340px" content="340px">
<meta name="select:desc width" title="360px" content="360px">
<meta name="select:desc width" title="380px" content="380px">
<meta name="select:desc width" title="400px" content="400px">
<meta name="select:desc width" title="420px" content="420px">
<meta name="select:desc text align" title="center" content="center">
<meta name="select:desc text align" title="left" content="left">
<meta name="select:desc text align" title="right" content="right">
<meta name="select:desc text align" title="justify" content="justify">
<!--------------------OPTIONS-------------------->
<!------------------TOGGLE OPTS------------------>
<meta name="if:show music player" content="1" />
<meta name="if:smooth scrolling" content="0" />
@ -202,34 +363,26 @@ $(document).ready(function(){
<meta name="if:updates tab" content="0" />
<meta name="if:dark tumblr controls" content="0" />
<!--------------------IMAGES-------------------->
<meta name="image:background image" content="//static.tumblr.com/18ff7605554871c7c2b4a605be59ce6e/2pnwama/VYJovqk1v/tumblr_static_d7ou6t3s2y8s40804c8go04cg.png"/>
<meta name="image:bottom bar background" content="//cdn.discordapp.com/attachments/382037367940448256/1102358952978681906/Ky8nj56.png"/>
<meta name="image:post container background" content="//cdn.discordapp.com/attachments/382037367940448256/1102359036181086288/2B7Eg4b.png"/>
<meta name="image:sidebar image" content="//cdn.discordapp.com/attachments/382037367940448256/1102359103361269780/WvFi8aC.png"/>
<!--------------------TITLES-------------------->
<meta name="text:font size" content="12">
<meta name="text:post width" content="500">
<meta name="text:post padding" content="10">
<meta name="text:photoset gutter width" content="10">
<meta name="text:post margin" content="75">
<meta name="text:sidebar left margin" content="70">
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
<meta name="text:music player mp3 URL" content="https://rhizo.gitlab.io/m/Blood_Moon_Diana.mp3">
<meta name="text:music player song name" content="Blood Moon Diana">
<meta name="text:&#917536;&#x200B;" content="&#x263D;&#x2727;&#xA8;&#x2A;&#x3003;&#x2E;&#xB8;&#xB8;&#x2727;&#xB8;&#xB8;&#x2E;&#x3003;&#x2A;&#xA8;&#x2727;&#x263E;&NewLine;">
<meta name="text:&#x1F96E;&#x2002;icons list" content="linearicons.com/free#cheat-sheet">
<meta name="text:top bar title icon" content="lnr-moon">
<meta name="text:top bar text 1" content="here's some text">
<meta name="text:top bar text 2" content="here's more text">
<meta name="text:updates box" content="Your updates here">
<meta name="text:bottom bar title" content="here's a title">
<meta name="text:bottom bar text" content="here's some text">
<meta name="text:Link 1" content="">
<meta name="text:Link 1 URL" content="">
<meta name="text:&#917536;&#x200B;&#x200B;" content="&#x263D;&#x2727;&#xA8;&#x2A;&#x3003;&#x2E;&#xB8;&#xB8;&#x2727;&#xB8;&#xB8;&#x2E;&#x3003;&#x2A;&#xA8;&#x2727;&#x263E;&NewLine;">
<meta name="text:Link 1" content="Sample link">
<meta name="text:Link 1 URL" content="https://www.youtube.com/watch?v=6opktP4VBN0">
<meta name="text:Link 2" content="">
<meta name="text:Link 2 URL" content="">
<meta name="text:Link 3" content="">
@ -327,8 +480,8 @@ background-attachment:fixed;
color:{color:text};
cursor:normal;
font-family:karla;
line-height:16px;
font-size:11px;
line-height:1.6em;
font-size:{select:font size};
letter-spacing:0px;
text-align:left;
-webkit-font-smoothing:antialiased;
@ -462,12 +615,12 @@ margin:0 auto;
{block:PermalinkPage}top:0;{/block:PermalinkPage}
padding-top:110px;
left:0;right:0;
width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar left margin}px + 280px);
width:calc({select:post width} + ({select:post padding} * 2) + {select:sidebar left gap} + {select:desc width});
z-index:-10;
}
.semicontainer {
width:calc({text:post width}px + ({text:post padding}px * 2));
width:calc({select:post width} + ({select:post padding} * 2));
{block:iftransparentposts}opacity:0.83;{/block:iftransparentposts}
{block:ifnottransparentposts}opacity:1;{/block:ifnottransparentposts}
-webkit-transition: all 0.9s ease-in-out;
@ -478,12 +631,12 @@ z-index:-10;
/*--------------------POSTS--------------------*/
.posts {
overflow:hidden;
margin-bottom:{text:post margin}px;
width:{text:post width}px;
padding:{text:post padding}px;
background-color:{color:post};
font-size:{text:font size}px;
overflow:hidden;
margin-bottom:{select:post spacing};
width:{select:post width};
padding:{select:post padding};
background-color:{color:post};
font-size:{select:font size};
}
.posts a {
@ -497,7 +650,7 @@ font-size:{text:font size}px;
.photos, .photos img {
position:relative;
overflow:hidden;
width:{text:post width}px;
width:{select:post width};
{block:IndexPage}
{block:ifphotofade}
@ -701,7 +854,7 @@ font-size:{text:font size}px;
padding:10px;
color:{color:top bar text};
font-family:karla;
font-size:11px;
font-size:{select:font size};
text-transform:none;
{block:iftransparentposts}border-bottom:2px solid rgba({RGBcolor:top bar text},0.65);{/block:iftransparentposts}
{block:ifnottransparentposts}border-bottom:2px solid rgba({RGBcolor:top bar text},1);{/block:ifnottransparentposts}
@ -867,19 +1020,22 @@ font-size:{text:font size}px;
{block:ifnotheadercontent}position:fixed;{block:ifnotheadercontent}
margin-left:calc(({text:post width}px + {text:post padding}px * 2) + {text:sidebar left margin}px);
width:280px;
text-align:center;
margin-left:calc(({select:post width} + {select:post padding} * 2) + {select:sidebar left gap});
width:{select:desc width};
text-align:{select:desc text align};
z-index:-10;
}
#sbicon {
#sbicon, #sbicon img, #desc {
display:block;
margin-left:auto;
margin-right:auto;
}
#sbicon img {
width:150px;
height:150px;
width:{select:sidebar image width};
height:{select:sidebar image width};
object-fit:cover;
border-radius:100%;
padding:8.5px;
border:1px solid rgba({RGBcolor:top bar text},0.6);
@ -892,7 +1048,7 @@ font-size:{text:font size}px;
{block:iftransparentposts}background-color:rgba({RGBcolor:top bar background},0.65);{/block:iftransparentposts}
{block:ifnottransparentposts}background-color:rgba({RGBcolor:top bar background},1);{/block:ifnottransparentposts}
font-family:karla;
font-size:11px;
font-size:{select:font size};
{block:iftransparentposts}color:rgba({RGBcolor:top bar text},0.8);{/block:iftransparentposts}
{block:ifnottransparentposts}color:rgba({RGBcolor:top bar text},1);{/block:ifnottransparentposts}
text-align:center;
@ -939,7 +1095,7 @@ font-size:{text:font size}px;
/* 'Current page' number */
.pagination span {
margin:7px 0;
font-size:11px;
font-size:{select:font size};
background-color:rgba({RGBcolor:top bar background},0.24);
color:{color:top bar text};
padding:5px;
@ -956,7 +1112,7 @@ font-size:{text:font size}px;
font-size:9px;
color:{color:top bar text};
padding:5px;
width:11px;
width:{select:font size};
display:inline-block;
margin-left:2px;
text-align:center;
@ -973,7 +1129,7 @@ font-size:{text:font size}px;
text-transform:uppercase;
letter-spacing:1px;
text-align:right;
font-size:calc({text:font size}px - 3px);
font-size:calc({select:font size} - 3px);
line-height:1.5;
margin-top:5px;
margin-right:-5px;
@ -994,14 +1150,14 @@ color:rgba({RGBcolor:link},0.8);
#info {
position:absolute;
margin-top:{text:post padding}px;
margin-left:-{text:post padding}px;
width:calc({text:post width}px + ({text:post padding}px * 2) - 26px);
margin-top:{select:post padding};
margin-left:-{select:post padding};
width:calc({select:post width} + ({select:post padding} * 2) - 26px);
padding:8px 13px;
background-color:{color:permalink background};
font-family:beaufort;
text-transform:uppercase;letter-spacing:1px;
font-size:calc({text:font size}px - 2px);
font-size:calc({select:font size} - 2px);
font-weight:bold;
border-radius:0px 0px 10px 10px;
color:{color:permalink text};
@ -1018,7 +1174,7 @@ color: rgba({RGBcolor:permalink link},0.25);
}
#info .fa {
font-size:calc({text:font size}px - 2px);
font-size:calc({select:font size} - 2px);
color: rgba({RGBcolor:permalink link},0.8);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
@ -1032,9 +1188,9 @@ color: rgba({RGBcolor:permalink link},0.25);
/*--------------------POST NOTES--------------------*/
ol.notes {
width:{text:post width}px;
padding:{text:post padding}px;
margin-bottom:calc({text:post margin}px / 2);
width:{select:post width};
padding:{select:post padding};
margin-bottom:calc({select:post spacing} / 2);
{block:iftransparentposts}background-color:rgba({RGBcolor:post},0.46);{/block:iftransparentposts}
{block:ifnottransparentposts}background-color:rgba({RGBcolor:post},1);{/block:ifnottransparentposts}
list-style-type:none;
@ -1077,7 +1233,8 @@ text-decoration:none;
box-shadow:none !important;
border-radius:0px !important;
max-width:none;
padding:{text:post padding}px !important;
margin-top:-{select:post padding} !important;
padding:{select:post padding} !important;
background:{color:post} !important;
border:1px solid rgba({RGBcolor:text},0.15) !important;
}
@ -1198,9 +1355,9 @@ video {
/*------------------------BOT PAGI------------------------*/
.botpagi {
margin-bottom:calc({text:post margin}px / 2);
margin-left:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.1);
width:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.8);
margin-bottom:calc({select:post spacing} / 2);
margin-left:calc(({select:post width} + ({select:post padding} * 2)) * 0.1);
width:calc(({select:post width} + ({select:post padding} * 2)) * 0.8);
text-align:center;
padding-top:8px;
border-top:1px solid rgba({RGBcolor:top bar text},0.4);
@ -1376,7 +1533,7 @@ opacity:0.7;
</style>
{block:ifscrolltotopbutton}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<script src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><span class="fa fa-arrow-circle-o-up"></span></a>
{/block:ifscrolltotopbutton}
@ -1390,7 +1547,7 @@ $(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '{text:photoset gutter width}px',
gutter: '{select:photos spacing}',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
@ -1399,7 +1556,7 @@ $(document).ready(function(){
});
</script>
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
<script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
{block:ifshowmusicplayer}
<script src="//static.tumblr.com/2pnwama/lnLppjutr/gletanica.js"></script>
@ -1611,7 +1768,7 @@ $(document).ready(function(){
{/block:Date}
{block:Date}
{block:PermalinkPage}<div id="info" style="margin-left:0px; margin-top:-{text:post margin}px;">posted on <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} '{ShortYear}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}{/block:PermalinkPage}
{block:PermalinkPage}<div id="info" style="margin-left:0px; margin-top:-{select:post spacing};">posted on <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} '{ShortYear}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}{/block:PermalinkPage}
</div>
{/block:Date}