₊⁺✿˚
This commit is contained in:
parent
6bb3705d19
commit
32343957b8
388
32-Resonance
388
32-Resonance
|
@ -3,7 +3,11 @@ Theme [32]: Resonance
|
||||||
Made by glenthemes
|
Made by glenthemes
|
||||||
|
|
||||||
Initial release: 2018/07/25
|
Initial release: 2018/07/25
|
||||||
Last updated: 2023/05/08
|
Last updated: 2023/07/29
|
||||||
|
|
||||||
|
What's new:
|
||||||
|
✱ NPF audio post support
|
||||||
|
✱ corner music player mini update
|
||||||
|
|
||||||
TERMS OF USE:
|
TERMS OF USE:
|
||||||
1) Do not remove the theme credit.
|
1) Do not remove the theme credit.
|
||||||
|
@ -57,7 +61,7 @@ $(document).ready(function(){
|
||||||
$('.photo-slideshow').pxuPhotoset({
|
$('.photo-slideshow').pxuPhotoset({
|
||||||
lightbox: true,
|
lightbox: true,
|
||||||
rounded: false,
|
rounded: false,
|
||||||
gutter: '{text:photoset gutter width}px',
|
gutter: '{select:photos spacing}',
|
||||||
borderRadius: '0px',
|
borderRadius: '0px',
|
||||||
photoset: '.photo-slideshow',
|
photoset: '.photo-slideshow',
|
||||||
photoWrap: '.photo-data',
|
photoWrap: '.photo-data',
|
||||||
|
@ -75,13 +79,11 @@ $(document).ready(function(){
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script src="//static.tumblr.com/2pnwama/HGEpacv22/hearts.js"></script>
|
|
||||||
|
|
||||||
{block:ifsmoothscrolling}
|
{block:ifsmoothscrolling}
|
||||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
|
||||||
{/block:ifsmoothscrolling}
|
{/block:ifsmoothscrolling}
|
||||||
|
|
||||||
<link href="//fonts.googleapis.com/css?family={select:body font family}" rel="stylesheet"/>
|
<link href="//fonts.googleapis.com/css?family={select:body font family}|Courier+Prime" rel="stylesheet"/>
|
||||||
|
|
||||||
<link href="//fonts.googleapis.com/css?family={select:heading font family}" rel="stylesheet"/>
|
<link href="//fonts.googleapis.com/css?family={select:heading font family}" rel="stylesheet"/>
|
||||||
|
|
||||||
|
@ -98,7 +100,7 @@ $(document).ready(function(){
|
||||||
<style tmblr-npf>
|
<style tmblr-npf>
|
||||||
:root {
|
:root {
|
||||||
--NPF-Caption-Spacing:1em;
|
--NPF-Caption-Spacing:1em;
|
||||||
--NPF-Image-Spacing:{text:photoset gutter width}px;
|
--NPF-Image-Spacing:{select:photos spacing};
|
||||||
}
|
}
|
||||||
|
|
||||||
a.post_media_photo_anchor {
|
a.post_media_photo_anchor {
|
||||||
|
@ -131,16 +133,16 @@ $(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: {text:font size}px;
|
--Poll-Question-Font-Size: {select:font size};
|
||||||
|
|
||||||
--Poll-Option-Background-Color: transparent;
|
--Poll-Option-Background-Color: transparent;
|
||||||
--Poll-Option-Corner-Rounding: 5px;
|
--Poll-Option-Corner-Rounding: 5px;
|
||||||
--Poll-Option-Border-Size: 1px;
|
--Poll-Option-Border-Size: 1px;
|
||||||
--Poll-Option-Border-Color: rgba({RGBcolor:text},0.25);
|
--Poll-Option-Border-Color: rgba({RGBcolor:text},0.25);
|
||||||
--Poll-Option-Padding: 10px;
|
--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-Spacing: 10px;
|
||||||
--Poll-Option-Text-Color: #666666;
|
--Poll-Option-Text-Color: #666666;
|
||||||
|
|
||||||
|
@ -159,11 +161,114 @@ $(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: "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:permalink};
|
||||||
|
--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:permalink 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>
|
||||||
|
|
||||||
|
{block:ifmusicplayer}
|
||||||
|
<!-- music player #02 -->
|
||||||
|
<!-- glenthpvs.tumblr.com/player02 -->
|
||||||
|
<link href="//glenthemes.github.io/-music-/glenplayer02.css" rel="stylesheet">
|
||||||
|
<script src="//glenthemes.github.io/-music-/glenplayer02.js"></script>
|
||||||
|
<style element="glenplayer02">
|
||||||
|
:root {
|
||||||
|
--MusicPlayer-Position:bottom left;
|
||||||
|
--MusicPlayer-Edge-Offset:18px;
|
||||||
|
|
||||||
|
--MusicPlayer-Buttons-Size:calc({select:font size} + 1px);
|
||||||
|
--MusicPlayer-Buttons-Color:{color:music player color};
|
||||||
|
--MusicPlayer-Buttons-Fill:no;
|
||||||
|
|
||||||
|
--MusicPlayer-Note-Size:calc({select:font size} - 1px);
|
||||||
|
--MusicPlayer-Note-Color:{color:music player color};
|
||||||
|
|
||||||
|
--MusicPlayer-Spacing-1:7px;
|
||||||
|
--MusicPlayer-Spacing-2:9px;
|
||||||
|
|
||||||
|
--MusicPlayer-Text-Size:calc({select:font size} - 1.5px);
|
||||||
|
--MusicPlayer-Text-Color:{color:music player color};
|
||||||
|
}
|
||||||
|
|
||||||
|
[glenplayer02], [glenplayer02] [song-name]{
|
||||||
|
font-family:"courier prime";
|
||||||
|
}
|
||||||
|
|
||||||
|
[glenplayer02] a {
|
||||||
|
padding-bottom:1px;
|
||||||
|
border-bottom:1px solid rgba({RGBcolor:music player color},0.25);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
{/block:ifmusicplayer}
|
||||||
|
|
||||||
<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">
|
||||||
|
|
||||||
<script src="//glen-themes.gitlab.io/thms/32/jirou.js"></script>
|
<script src="//glen-themes.gitlab.io/thms/32/jirou.js"></script>
|
||||||
<link href="//glen-themes.gitlab.io/thms/32/jirou.css" rel="stylesheet">
|
<link href="//glen-themes.gitlab.io/thms/32/jirou.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!--------------------IMAGES-------------------->
|
||||||
|
<meta name="image:background image" content=""/>
|
||||||
|
<meta name="image:left sidebar icon" content="//static.tumblr.com/0fd5ef0ef0dc307870930c2384df54b3/2pnwama/mv7pcezxv/tumblr_static_9wkhhu7p188wc44gsswowwc84.png"/>
|
||||||
|
<meta name="image:description box icon" content="//static.tumblr.com/0c7e49fcc9ef2549d6e12bd416fed567/2pnwama/aCqpcf045/tumblr_static_9odr7gzsrbc44sccksc0gggcw.png"/>
|
||||||
|
|
||||||
<!--------------------COLORS-------------------->
|
<!--------------------COLORS-------------------->
|
||||||
<meta name="color:background" content="#fefefe"/>
|
<meta name="color:background" content="#fefefe"/>
|
||||||
|
@ -217,7 +322,7 @@ $(document).ready(function(){
|
||||||
<meta name="color:highlight" content="#f9f9f9"/>
|
<meta name="color:highlight" content="#f9f9f9"/>
|
||||||
<meta name="color:highlighted text" content="#666"/>
|
<meta name="color:highlighted text" content="#666"/>
|
||||||
|
|
||||||
<!--------------------FONTS-------------------->
|
<!-----------------DROPDOWN OPTS----------------->
|
||||||
<meta name="select:body font family" title="Inconsolata" content="Inconsolata"/>
|
<meta name="select:body font family" title="Inconsolata" content="Inconsolata"/>
|
||||||
<meta name="select:body font family" title="Karla" content="Karla"/>
|
<meta name="select:body font family" title="Karla" content="Karla"/>
|
||||||
<meta name="select:body font family" title="Lato" content="Lato"/>
|
<meta name="select:body font family" title="Lato" content="Lato"/>
|
||||||
|
@ -229,8 +334,93 @@ $(document).ready(function(){
|
||||||
<meta name="select:heading font family" title="Montserrat" content="Montserrat"/>
|
<meta name="select:heading font family" title="Montserrat" content="Montserrat"/>
|
||||||
<meta name="select:heading font family" title="Quicksand" content="Quicksand"/>
|
<meta name="select:heading font family" title="Quicksand" content="Quicksand"/>
|
||||||
<meta name="select:heading font family" title="Raleway" content="Raleway"/>
|
<meta name="select:heading font family" title="Raleway" content="Raleway"/>
|
||||||
|
|
||||||
<!--------------------OPTIONS-------------------->
|
<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="400px" content="400px">
|
||||||
|
<meta name="select:post width" title="300px" content="300px">
|
||||||
|
<meta name="select:post width" title="350px" content="375px">
|
||||||
|
<meta name="select:post width" title="450px" content="450px">
|
||||||
|
<meta name="select:post width" title="500px" content="500px">
|
||||||
|
<meta name="select:post width" title="540px" content="540px">
|
||||||
|
<meta name="select:post width" title="600px" content="600px">
|
||||||
|
|
||||||
|
<meta name="select:post padding" title="20px" content="20px">
|
||||||
|
<meta name="select:post padding" title="10px" content="10px">
|
||||||
|
<meta name="select:post padding" title="15px" content="15px">
|
||||||
|
<meta name="select:post padding" title="25px" content="25px">
|
||||||
|
|
||||||
|
<meta name="select:photos spacing" title="4px" content="4px">
|
||||||
|
<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="6px" content="6px">
|
||||||
|
<meta name="select:photos spacing" title="8px" content="8px">
|
||||||
|
|
||||||
|
<meta name="select:permalink padding" title="15px" content="15px">
|
||||||
|
<meta name="select:permalink padding" title="10px" content="10px">
|
||||||
|
<meta name="select:permalink padding" title="20px" content="20px">
|
||||||
|
<meta name="select:permalink padding" title="25px" content="25px">
|
||||||
|
|
||||||
|
<meta name="select:post spacing" title="40px" content="40px">
|
||||||
|
<meta name="select:post spacing" title="20px" content="20px">
|
||||||
|
<meta name="select:post spacing" title="25px" content="25px">
|
||||||
|
<meta name="select:post spacing" title="30px" content="30px">
|
||||||
|
<meta name="select:post spacing" title="35px" content="35px">
|
||||||
|
<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:side gaps" title="80px" content="80px">
|
||||||
|
<meta name="select:side gaps" title="30px" content="30px">
|
||||||
|
<meta name="select:side gaps" title="40px" content="40px">
|
||||||
|
<meta name="select:side gaps" title="50px" content="50px">
|
||||||
|
<meta name="select:side gaps" title="60px" content="60px">
|
||||||
|
<meta name="select:side gaps" title="70px" content="70px">
|
||||||
|
<meta name="select:side gaps" title="90px" content="90px">
|
||||||
|
<meta name="select:side gaps" title="100px" content="100px">
|
||||||
|
<meta name="select:side gaps" title="110px" content="110px">
|
||||||
|
<meta name="select:side gaps" title="120px" content="120px">
|
||||||
|
<meta name="select:side gaps" title="130px" content="130px">
|
||||||
|
|
||||||
|
<meta name="select:desc icon size" title="64px" content="64px">
|
||||||
|
<meta name="select:desc icon size" title="38px" content="38px">
|
||||||
|
<meta name="select:desc icon size" title="80px" content="80px">
|
||||||
|
<meta name="select:desc icon size" title="100px" content="100px">
|
||||||
|
<meta name="select:desc icon size" title="128px" content="128px">
|
||||||
|
<meta name="select:desc icon size" title="150px" content="150px">
|
||||||
|
|
||||||
|
<meta name="select:info boxes width" title="300px" content="300px">
|
||||||
|
<meta name="select:info boxes width" title="150px" content="150px">
|
||||||
|
<meta name="select:info boxes width" title="175px" content="175px">
|
||||||
|
<meta name="select:info boxes width" title="200px" content="200px">
|
||||||
|
<meta name="select:info boxes width" title="225px" content="225px">
|
||||||
|
<meta name="select:info boxes width" title="250px" content="250px">
|
||||||
|
<meta name="select:info boxes width" title="275px" content="275px">
|
||||||
|
<meta name="select:info boxes width" title="325px" content="325px">
|
||||||
|
<meta name="select:info boxes width" title="350px" content="350px">
|
||||||
|
<meta name="select:info boxes width" title="375px" content="375px">
|
||||||
|
<meta name="select:info boxes width" title="400px" content="400px">
|
||||||
|
|
||||||
|
<meta name="select:info boxes spacing" title="30px" content="30px">
|
||||||
|
<meta name="select:info boxes spacing" title="10px" content="10px">
|
||||||
|
<meta name="select:info boxes spacing" title="15px" content="15px">
|
||||||
|
<meta name="select:info boxes spacing" title="20px" content="20px">
|
||||||
|
<meta name="select:info boxes spacing" title="25px" content="25px">
|
||||||
|
<meta name="select:info boxes spacing" title="35px" content="35px">
|
||||||
|
<meta name="select:info boxes spacing" title="40px" content="40px">
|
||||||
|
<meta name="select:info boxes spacing" title="45px" content="45px">
|
||||||
|
<meta name="select:info boxes spacing" title="50px" content="50px">
|
||||||
|
<meta name="select:info boxes spacing" title="55px" content="55px">
|
||||||
|
<meta name="select:info boxes spacing" title="60px" content="60px">
|
||||||
|
|
||||||
|
<!-----------------TOGGLE OPTS----------------->
|
||||||
<meta name="if:music player" content="1" />
|
<meta name="if:music player" content="1" />
|
||||||
|
|
||||||
<meta name="if:photo fade" content="0" />
|
<meta name="if:photo fade" content="0" />
|
||||||
|
@ -243,18 +433,16 @@ $(document).ready(function(){
|
||||||
<meta name="if:smooth scrolling" content="0" />
|
<meta name="if:smooth scrolling" content="0" />
|
||||||
<meta name="if:dark tumblr controls" content="0" />
|
<meta name="if:dark tumblr controls" content="0" />
|
||||||
|
|
||||||
<!--------------------IMAGES-------------------->
|
<!---------------TEXT FIELDS--------------->
|
||||||
<meta name="image:background image" content=""/>
|
<meta name="text:ʜᴏᴡ ᴛᴏ ʟɪɴᴋ ᴍᴜsɪᴄ:" content="linktr.ee/direct_file_links">
|
||||||
<meta name="image:left sidebar icon" content="//static.tumblr.com/0fd5ef0ef0dc307870930c2384df54b3/2pnwama/mv7pcezxv/tumblr_static_9wkhhu7p188wc44gsswowwc84.png"/>
|
|
||||||
<meta name="image:description box icon" content="//static.tumblr.com/0c7e49fcc9ef2549d6e12bd416fed567/2pnwama/aCqpcf045/tumblr_static_9odr7gzsrbc44sccksc0gggcw.png"/>
|
|
||||||
|
|
||||||
<!--------------------TITLES-------------------->
|
|
||||||
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
|
|
||||||
<meta name="text:music name" content="YOU SAY RUN (Metal Cover by RichaadEB)">
|
<meta name="text:music name" content="YOU SAY RUN (Metal Cover by RichaadEB)">
|
||||||
<meta name="text:music file URL" content="https://rhizo.gitlab.io/m/You_Say_Run__Metal_Cover_by_RichaadEB_.mp3">
|
<meta name="text:music file URL" content="https://rhizo.gitlab.io/m/You_Say_Run__Metal_Cover_by_RichaadEB_.mp3">
|
||||||
|
<meta name="text:music volume" content="100%">
|
||||||
|
|
||||||
|
<meta name="text:󠀠​" content="☽✧¨*〃.¸¸✧¸¸.〃*¨✧☾
">
|
||||||
|
|
||||||
<meta name="text:Link 1" content="Sample link 1">
|
<meta name="text:Link 1" content="Sample link 1">
|
||||||
<meta name="text:Link 1 URL" content="/">
|
<meta name="text:Link 1 URL" content="https://www.youtube.com/watch?v=va8sRgPwHP0">
|
||||||
<meta name="text:Link 2" content="">
|
<meta name="text:Link 2" content="">
|
||||||
<meta name="text:Link 2 URL" content="">
|
<meta name="text:Link 2 URL" content="">
|
||||||
<meta name="text:Link 3" content="">
|
<meta name="text:Link 3" content="">
|
||||||
|
@ -270,19 +458,11 @@ $(document).ready(function(){
|
||||||
<meta name="text:Link 8" content="">
|
<meta name="text:Link 8" content="">
|
||||||
<meta name="text:Link 8 URL" content="">
|
<meta name="text:Link 8 URL" content="">
|
||||||
|
|
||||||
<meta name="text:font size" content="12">
|
<meta name="text:󠀠​​" content="☽✧¨*〃.¸¸✧¸¸.〃*¨✧☾
">
|
||||||
<meta name="text:post width" content="400">
|
|
||||||
<meta name="text:post padding" content="20">
|
|
||||||
<meta name="text:photoset gutter width" content="10">
|
|
||||||
<meta name="text:permalink padding" content="15">
|
|
||||||
<meta name="text:post bottom margin" content="40">
|
|
||||||
<meta name="text:post side margins" content="80">
|
|
||||||
|
|
||||||
<meta name="text:description box title" content="about this blog">
|
<meta name="text:description box title" content="about this blog">
|
||||||
<meta name="text:description icon size" content="64">
|
|
||||||
|
|
||||||
<meta name="text:info boxes width" content="300">
|
<meta name="text:󠀠​​​" content="☽✧¨*〃.¸¸✧¸¸.〃*¨✧☾
">
|
||||||
<meta name="text:info box bottom margin" content="30">
|
|
||||||
|
|
||||||
<meta name="text:stats box heading" content="your title here">
|
<meta name="text:stats box heading" content="your title here">
|
||||||
<meta name="text:stats 1 name" content="stat name">
|
<meta name="text:stats 1 name" content="stat name">
|
||||||
|
@ -298,6 +478,8 @@ $(document).ready(function(){
|
||||||
<meta name="text:stats 6 name" content="">
|
<meta name="text:stats 6 name" content="">
|
||||||
<meta name="text:stats 6 content" content="">
|
<meta name="text:stats 6 content" content="">
|
||||||
|
|
||||||
|
<meta name="text:󠀠​​​​" content="☽✧¨*〃.¸¸✧¸¸.〃*¨✧☾
">
|
||||||
|
|
||||||
<meta name="text:additional info box heading" content="your title here">
|
<meta name="text:additional info box heading" content="your title here">
|
||||||
<meta name="text:additional info box content" content="your text here">
|
<meta name="text:additional info box content" content="your text here">
|
||||||
|
|
||||||
|
@ -312,12 +494,12 @@ $(document).ready(function(){
|
||||||
background-color: {color:post};
|
background-color: {color:post};
|
||||||
border:1px solid {color:post borders};
|
border:1px solid {color:post borders};
|
||||||
font-family: {select:heading font family};
|
font-family: {select:heading font family};
|
||||||
font-size: calc({text:font size}px - 3px);
|
font-size: calc({select:font size} - 3px);
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: {color:text};
|
color: {color:text};
|
||||||
z-index:99999999999999999999999999998!important;
|
z-index:99999999999999999999999999998!important;
|
||||||
max-width: calc({text:post width}px * 1.25);
|
max-width: calc({select:post width} * 1.25);
|
||||||
-webkit-transition: all 0.3s ease-in-out;
|
-webkit-transition: all 0.3s ease-in-out;
|
||||||
-moz-transition: all 0.3s ease-in-out;
|
-moz-transition: all 0.3s ease-in-out;
|
||||||
-o-transition: all 0.3s ease-in-out;
|
-o-transition: all 0.3s ease-in-out;
|
||||||
|
@ -377,7 +559,7 @@ color:{color:text};
|
||||||
cursor:normal;
|
cursor:normal;
|
||||||
font-family:{select:body font family};
|
font-family:{select:body font family};
|
||||||
line-height:1.6em;
|
line-height:1.6em;
|
||||||
font-size:{text:font size}px;
|
font-size:{select:font size};
|
||||||
text-align:left;
|
text-align:left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -416,7 +598,7 @@ hr {
|
||||||
background-color:rgba({RGBcolor:text},0.3);
|
background-color:rgba({RGBcolor:text},0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
p.npf_quirky, p.npf_quote {font-size:calc({text:font size}px + 5px);line-height:1em;}
|
p.npf_quirky, p.npf_quote {font-size:calc({select:font size} + 5px);line-height:1em;}
|
||||||
|
|
||||||
/*--------------------LINKS--------------------*/
|
/*--------------------LINKS--------------------*/
|
||||||
a {
|
a {
|
||||||
|
@ -434,7 +616,7 @@ a, .sf {
|
||||||
img {opacity:1;text-decoration:none;}
|
img {opacity:1;text-decoration:none;}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size:calc({text:font size}px + 1px);
|
font-size:calc({select:font size} + 1px);
|
||||||
font-family:{select:heading font family};
|
font-family:{select:heading font family};
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
letter-spacing:2px;
|
letter-spacing:2px;
|
||||||
|
@ -449,10 +631,10 @@ h1 {
|
||||||
#container {
|
#container {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
margin-top:{text:post bottom margin}px;
|
margin-top:{select:post spacing};
|
||||||
margin-bottom:{text:post bottom margin}px;
|
margin-bottom:{select:post spacing};
|
||||||
top:0;left:0;right:0;
|
top:0;left:0;right:0;
|
||||||
width:calc(146px + {text:post side margins}px + {text:post width}px + ({text:post padding}px * 2) + {text:post side margins}px + {text:info boxes width}px);
|
width:calc(146px + {select:side gaps} + {select:post width} + ({select:post padding} * 2) + {select:side gaps} + {select:info boxes width});
|
||||||
}
|
}
|
||||||
|
|
||||||
#leftside {
|
#leftside {
|
||||||
|
@ -536,8 +718,8 @@ h1 {
|
||||||
#chocolate {
|
#chocolate {
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top:50%;transform:translateY(-50%);
|
top:50%;transform:translateY(-50%);
|
||||||
margin-left:calc(146px + {text:post side margins}px + ({text:post width}px + ({text:post padding}px * 2)) + {text:post side margins}px);
|
margin-left:calc(146px + {select:side gaps} + ({select:post width} + ({select:post padding} * 2)) + {select:side gaps});
|
||||||
width:{text:info boxes width}px;
|
width:{select:info boxes width};
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -551,7 +733,7 @@ h1 {
|
||||||
-webkit-align-self:center;
|
-webkit-align-self:center;
|
||||||
align-self:center;
|
align-self:center;
|
||||||
margin-right:15px;
|
margin-right:15px;
|
||||||
width:{text:description icon size}px;
|
width:{select:desc icon size};
|
||||||
padding:10px;
|
padding:10px;
|
||||||
background-color:{color:info box content background};
|
background-color:{color:info box content background};
|
||||||
border:1px solid {color:info box content border};
|
border:1px solid {color:info box content border};
|
||||||
|
@ -559,12 +741,12 @@ h1 {
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
width:100%;
|
width:100%;
|
||||||
height:{text:description icon size}px;
|
height:{select:desc icon size};
|
||||||
overflow:auto;
|
overflow:auto;
|
||||||
padding:10px;
|
padding:10px;
|
||||||
background-color:{color:info box content background};
|
background-color:{color:info box content background};
|
||||||
border:1px solid {color:info box content border};
|
border:1px solid {color:info box content border};
|
||||||
font-size:calc({text:font size}px - 1px);
|
font-size:calc({select:font size} - 1px);
|
||||||
color:{color:info box content text};
|
color:{color:info box content text};
|
||||||
text-align:left;
|
text-align:left;
|
||||||
line-height:1.6em;
|
line-height:1.6em;
|
||||||
|
@ -596,7 +778,7 @@ h1 {
|
||||||
.desc::-webkit-scrollbar-track {background-color:{color:info box content background};}
|
.desc::-webkit-scrollbar-track {background-color:{color:info box content background};}
|
||||||
|
|
||||||
.onebox {
|
.onebox {
|
||||||
margin-bottom:{text:info box bottom margin}px;
|
margin-bottom:{select:info boxes spacing};
|
||||||
}
|
}
|
||||||
|
|
||||||
.onebox:last-child {margin-bottom:0px;}
|
.onebox:last-child {margin-bottom:0px;}
|
||||||
|
@ -647,15 +829,15 @@ h1 {
|
||||||
|
|
||||||
/*--------------------POSTS--------------------*/
|
/*--------------------POSTS--------------------*/
|
||||||
#nudge {
|
#nudge {
|
||||||
margin-left:calc(146px + {text:post side margins}px);
|
margin-left:calc(146px + {select:side gaps});
|
||||||
}
|
}
|
||||||
|
|
||||||
.posts {
|
.posts {
|
||||||
overflow:hidden;
|
overflow:hidden;
|
||||||
margin-bottom:{text:post bottom margin}px;
|
margin-bottom:{select:post spacing};
|
||||||
width:{text:post width}px;
|
width:{select:post width};
|
||||||
padding:{text:post padding}px;
|
padding:{select:post padding};
|
||||||
padding-bottom:calc(-{text:post padding}px + 1px);
|
padding-bottom:calc(-{select:post padding} + 1px);
|
||||||
background-color:{color:post};
|
background-color:{color:post};
|
||||||
{block:ifpostborders}border:1px solid {color:post borders};{/block:ifpostborders}
|
{block:ifpostborders}border:1px solid {color:post borders};{/block:ifpostborders}
|
||||||
}
|
}
|
||||||
|
@ -676,7 +858,7 @@ background-color:{color:post};
|
||||||
.photos, .photos img {
|
.photos, .photos img {
|
||||||
position:relative;
|
position:relative;
|
||||||
overflow:hidden;
|
overflow:hidden;
|
||||||
width:{text:post width}px;
|
width:{select:post width};
|
||||||
|
|
||||||
{block:IndexPage}
|
{block:IndexPage}
|
||||||
{block:ifphotofade}
|
{block:ifphotofade}
|
||||||
|
@ -738,7 +920,7 @@ background-color:{color:post};
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
letter-spacing:1px;
|
letter-spacing:1px;
|
||||||
line-height:1.5em;
|
line-height:1.5em;
|
||||||
font-size:calc({text:font size}px - 5px);
|
font-size:calc({select:font size} - 5px);
|
||||||
text-align:right;
|
text-align:right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -755,10 +937,10 @@ background-color:{color:post};
|
||||||
display:flex;
|
display:flex;
|
||||||
align-items:center;
|
align-items:center;
|
||||||
justify-content:space-between;
|
justify-content:space-between;
|
||||||
margin-top:{text:post padding}px;
|
margin-top:{select:post padding};
|
||||||
margin-left:-{text:post padding}px;
|
margin-left:-{select:post padding};
|
||||||
width:calc(100% + ({text:post padding}px * 2) - ({text:permalink padding}px * 2));
|
width:calc(100% + ({select:post padding} * 2) - ({select:permalink padding} * 2));
|
||||||
padding:{text:permalink padding}px;
|
padding:{select:permalink padding};
|
||||||
background-color:{color:permalink background};
|
background-color:{color:permalink background};
|
||||||
border-top:1px solid {color:post borders};
|
border-top:1px solid {color:post borders};
|
||||||
}
|
}
|
||||||
|
@ -766,7 +948,7 @@ background-color:{color:post};
|
||||||
.perma {
|
.perma {
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
letter-spacing:1px;
|
letter-spacing:1px;
|
||||||
font-size:calc({text:font size}px - 2.5px);
|
font-size:calc({select:font size} - 2.5px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.perma a {
|
.perma a {
|
||||||
|
@ -817,7 +999,7 @@ background-color:{color:post};
|
||||||
|
|
||||||
.controls .like .sf {
|
.controls .like .sf {
|
||||||
padding:9px 6px 3px 6px;
|
padding:9px 6px 3px 6px;
|
||||||
font-size:calc({text:font size}px - 1px);
|
font-size:calc({select:font size} - 1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls .rb .sf {
|
.controls .rb .sf {
|
||||||
|
@ -825,16 +1007,16 @@ background-color:{color:post};
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
vertical-align:middle;
|
vertical-align:middle;
|
||||||
padding:8px 7px 6px 7px;
|
padding:8px 7px 6px 7px;
|
||||||
font-size:calc({text:font size}px - 3px);
|
font-size:calc({select:font size} - 3px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls .like .liked + .sf {color:#ec5a5a;}
|
.controls .like .liked + .sf {color:#ec5a5a;}
|
||||||
|
|
||||||
.controls .like .like_button {
|
.controls .like .like_button {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
margin-top:calc(({text:font size}px - 1px) * -1);
|
margin-top:calc(({select:font size} - 1px) * -1);
|
||||||
width:calc(({text:font size}px - 1px) + 16px + 1px);
|
width:calc(({select:font size} - 1px) + 16px + 1px);
|
||||||
height:calc(({text:font size}px - 1px) + 16px + 1px);
|
height:calc(({select:font size} - 1px) + 16px + 1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls .like .like_button iframe {
|
.controls .like .like_button iframe {
|
||||||
|
@ -851,7 +1033,7 @@ background-color:{color:post};
|
||||||
|
|
||||||
/*--------------------POST NOTES--------------------*/
|
/*--------------------POST NOTES--------------------*/
|
||||||
ol.notes {
|
ol.notes {
|
||||||
width:calc({text:post width}px + ({text:post padding}px * 2));
|
width:calc({select:post width} + ({select:post padding} * 2));
|
||||||
padding:0px;
|
padding:0px;
|
||||||
margin-top:30px;
|
margin-top:30px;
|
||||||
list-style-type:none;
|
list-style-type:none;
|
||||||
|
@ -894,7 +1076,7 @@ text-decoration:none;
|
||||||
box-shadow:none !important;
|
box-shadow:none !important;
|
||||||
border-radius:0px !important;
|
border-radius:0px !important;
|
||||||
max-width:none;
|
max-width:none;
|
||||||
padding:{text:post padding}px !important;
|
padding:{select:post padding} !important;
|
||||||
background:{color:post} !important;
|
background:{color:post} !important;
|
||||||
border:1px solid rgba({RGBcolor:text},0.15) !important;
|
border:1px solid rgba({RGBcolor:text},0.15) !important;
|
||||||
}
|
}
|
||||||
|
@ -914,7 +1096,7 @@ text-align:center;
|
||||||
.daydreamer .sf {
|
.daydreamer .sf {
|
||||||
color:{color:text};
|
color:{color:text};
|
||||||
padding:7px 10px 2px 10px;
|
padding:7px 10px 2px 10px;
|
||||||
font-size:calc({text:font size}px + 5px);
|
font-size:calc({select:font size} + 5px);
|
||||||
cursor:default;
|
cursor:default;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -922,8 +1104,8 @@ cursor:default;
|
||||||
content:"";
|
content:"";
|
||||||
position:absolute;
|
position:absolute;
|
||||||
margin-top:8px;
|
margin-top:8px;
|
||||||
margin-left:calc(-{text:post width}px / 4);
|
margin-left:calc(-{select:post width} / 4);
|
||||||
width:calc({text:post width}px / 4);
|
width:calc({select:post width} / 4);
|
||||||
height:1px;
|
height:1px;
|
||||||
background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
|
background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
|
||||||
}
|
}
|
||||||
|
@ -933,7 +1115,7 @@ content:"";
|
||||||
position:absolute;
|
position:absolute;
|
||||||
margin-top:8px;
|
margin-top:8px;
|
||||||
margin-left:0px;
|
margin-left:0px;
|
||||||
width:calc({text:post width}px / 4);
|
width:calc({select:post width} / 4);
|
||||||
height:1px;
|
height:1px;
|
||||||
background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%);
|
background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%);
|
||||||
}
|
}
|
||||||
|
@ -941,7 +1123,7 @@ background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, tran
|
||||||
.quote {
|
.quote {
|
||||||
font-family:Quicksand;
|
font-family:Quicksand;
|
||||||
text-transform:uppercase;letter-spacing:1px;
|
text-transform:uppercase;letter-spacing:1px;
|
||||||
font-size:calc({text:font size}px + 1px);
|
font-size:calc({select:font size} + 1px);
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -978,7 +1160,7 @@ font-weight:bold;
|
||||||
.label.odd {color:{color:question and chat text};}
|
.label.odd {color:{color:question and chat text};}
|
||||||
.label.even {color:{color:text};}
|
.label.even {color:{color:text};}
|
||||||
|
|
||||||
p.npf_chat { font-family:Courier; font-size:{text:font size}px; }
|
p.npf_chat { font-family:Courier; font-size:{select:font size}; }
|
||||||
|
|
||||||
/*---------------------------ASKS---------------------------*/
|
/*---------------------------ASKS---------------------------*/
|
||||||
.q-wrap {
|
.q-wrap {
|
||||||
|
@ -1037,7 +1219,7 @@ height:0px;
|
||||||
|
|
||||||
/*---------------------------VIDEO---------------------------*/
|
/*---------------------------VIDEO---------------------------*/
|
||||||
.tumblr_video_container {
|
.tumblr_video_container {
|
||||||
width:{text:post width}px!important;
|
width:{select:post width}!important;
|
||||||
height:auto!important;
|
height:auto!important;
|
||||||
max-height:540px!important;
|
max-height:540px!important;
|
||||||
overflow:hidden!important;
|
overflow:hidden!important;
|
||||||
|
@ -1066,11 +1248,11 @@ height:0px;
|
||||||
}
|
}
|
||||||
/*------------------------BOT PAGI------------------------*/
|
/*------------------------BOT PAGI------------------------*/
|
||||||
.botpagi {
|
.botpagi {
|
||||||
width:calc({text:post width}px + ({text:post padding}px * 2));
|
width:calc({select:post width} + ({select:post padding} * 2));
|
||||||
text-align:center;
|
text-align:center;
|
||||||
padding-top:15px;
|
padding-top:15px;
|
||||||
border-top:1px solid rgba({RGBcolor:text},0.15);
|
border-top:1px solid rgba({RGBcolor:text},0.15);
|
||||||
margin-bottom:calc(0px - 10px + {text:post bottom margin}px);
|
margin-bottom:calc(0px - 10px + {select:post spacing});
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 'Current page' number */
|
/* 'Current page' number */
|
||||||
|
@ -1095,44 +1277,6 @@ height:0px;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-------------------MUSIC PLAYER-------------------*/
|
|
||||||
#glenjamin {
|
|
||||||
position:fixed;
|
|
||||||
bottom:0;margin-bottom:20px;
|
|
||||||
left:0;margin-left:20px;
|
|
||||||
display:flex;
|
|
||||||
z-index:2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttoms {cursor:pointer;}
|
|
||||||
|
|
||||||
.playy, .pausee {
|
|
||||||
font-size:13px;
|
|
||||||
color:{color:music player color};
|
|
||||||
}
|
|
||||||
|
|
||||||
.pausee {
|
|
||||||
display:none;
|
|
||||||
margin-right:1.5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sonata {
|
|
||||||
margin-left:10px;
|
|
||||||
color:{color:music player color};
|
|
||||||
}
|
|
||||||
|
|
||||||
.labeltext {
|
|
||||||
margin-left:8px;
|
|
||||||
font-family:courier new;
|
|
||||||
font-size:9px;
|
|
||||||
color:{color:music player color};
|
|
||||||
}
|
|
||||||
|
|
||||||
.labeltext a {
|
|
||||||
padding-bottom:1px;
|
|
||||||
border-bottom:1px solid rgba({RGBcolor:music player color},0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
{CustomCSS}
|
{CustomCSS}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -1142,18 +1286,20 @@ height:0px;
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
{block:ifmusicplayer}
|
{block:ifmusicplayer}
|
||||||
<div id="glenjamin">
|
<div glenplayer02>
|
||||||
<div class="buttoms" onclick="kaishi();">
|
<div controls></div>
|
||||||
<a title="play music"><div class="playy">►</div></a>
|
|
||||||
<a title="pause music"><div class="pausee">❚❚</div></a>
|
<i class="aa-line-icons" icon-name="music-2"></i>
|
||||||
</div>
|
|
||||||
|
<!-- SONG NAME HERE -->
|
||||||
<div class="sonata">♫</div>
|
{text:music name}
|
||||||
<div class="labeltext">{text:music name}</div>
|
|
||||||
|
<!-- HOW TO CHANGE THE MUSIC -->
|
||||||
|
<!-- linktr.ee/direct_file_links -->
|
||||||
|
<audio src="{text:music file URL}" {block:ifmusicvolume}volume="{text:music volume}"{/block:ifmusicvolume}></audio>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{/block:ifmusicplayer}
|
{/block:ifmusicplayer}
|
||||||
|
|
||||||
<audio id="tune" src="{text:music file URL}" onended="restart();" type="audio"></audio>
|
|
||||||
|
|
||||||
<!---- main shit ---->
|
<!---- main shit ---->
|
||||||
<div id="container">
|
<div id="container">
|
||||||
|
@ -1403,9 +1549,7 @@ height:0px;
|
||||||
|
|
||||||
{block:RebloggedFrom}
|
{block:RebloggedFrom}
|
||||||
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
|
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
|
||||||
{block:ContentSource}
|
|
||||||
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
|
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
|
||||||
{/block:ContentSource}
|
|
||||||
{/block:RebloggedFrom}
|
{/block:RebloggedFrom}
|
||||||
|
|
||||||
{block:HasTags}
|
{block:HasTags}
|
||||||
|
|
Loading…
Reference in New Issue