₊⁺✿˚
This commit is contained in:
parent
03e6376094
commit
a86da42676
431
31-Fabricated
431
31-Fabricated
|
@ -3,7 +3,11 @@ Theme [31]: Fabricated
|
||||||
Made by glenthemes
|
Made by glenthemes
|
||||||
|
|
||||||
Initial release: 2018/06/20
|
Initial release: 2018/06/20
|
||||||
Last updated: 2023/05/08
|
Last updated: 2023/08/17
|
||||||
|
|
||||||
|
What's new:
|
||||||
|
✱ NPF audio post support
|
||||||
|
✱ improved music player options
|
||||||
|
|
||||||
TERMS OF USE:
|
TERMS OF USE:
|
||||||
1) Do not remove the theme credit.
|
1) Do not remove the theme credit.
|
||||||
|
@ -14,7 +18,7 @@ TERMS OF USE:
|
||||||
------------------------------------------------------------------------>
|
------------------------------------------------------------------------>
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html mplayer="{select:music player}">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
|
@ -42,13 +46,12 @@ attribute:"title"
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
$('iframe.tumblr_audio_player').load( function() {
|
$('iframe.tumblr_audio_player').load( function() {
|
||||||
$('iframe.tumblr_audio_player').contents().find("head")
|
$('iframe.tumblr_audio_player').contents().find("head")
|
||||||
.append($("<style type='text/css'> .audio-player{background:{color:post accent background} !important; padding:5px 10px 5px 0px !important} .play-pause{color:{color:post accent text} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
|
.append($("<style> .audio-player{background:{color:post accent background} !important; padding:5px 10px 5px 0px !important} .play-pause{color:{color:post accent text} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<link href="//static.tumblr.com/gtjt4bo/WBJp40bor/library.css" rel="stylesheet">
|
<link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet">
|
||||||
<link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||||
<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
|
<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
|
||||||
|
|
||||||
|
@ -58,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',
|
||||||
|
@ -77,13 +80,13 @@ $(document).ready(function(){
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{block:ifsmoothscrolling}
|
{block:ifsmoothscrolling}
|
||||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
|
<script src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
|
||||||
{/block:ifsmoothscrolling}
|
{/block:ifsmoothscrolling}
|
||||||
|
|
||||||
{block:IndexPage}
|
{block:IndexPage}
|
||||||
{block:iftwocolumns}
|
{block:iftwocolumns}
|
||||||
<script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
|
<script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
|
||||||
<script type="text/javascript">
|
<script>
|
||||||
$(window).load(function () {
|
$(window).load(function () {
|
||||||
$('.semicontainer').masonry({
|
$('.semicontainer').masonry({
|
||||||
itemSelector : ".posts",
|
itemSelector : ".posts",
|
||||||
|
@ -94,12 +97,10 @@ function() { $('.semicontainer').masonry({ appendedContent: $(this) }); }
|
||||||
</script>
|
</script>
|
||||||
{/block:iftwocolumns}
|
{/block:iftwocolumns}
|
||||||
{/block:IndexPage}
|
{/block:IndexPage}
|
||||||
|
|
||||||
<link href="//static.tumblr.com/2pnwama/JGDpabi7q/jasmine.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<link href="//fonts.googleapis.com/css?family=Inconsolata|Karla|Muli|Open+Sans|Quicksand" rel="stylesheet">
|
<link href="//fonts.googleapis.com/css?family=Inconsolata|Karla|Muli|Open+Sans|Quicksand" rel="stylesheet">
|
||||||
|
|
||||||
<link href="//fonts.googleapis.com/css?family={select:body font family}" rel="stylesheet"/>
|
<link href="//fonts.googleapis.com/css?family={select:font}" rel="stylesheet"/>
|
||||||
|
|
||||||
<link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
|
<link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
|
||||||
|
|
||||||
|
@ -107,8 +108,6 @@ function() { $('.semicontainer').masonry({ appendedContent: $(this) }); }
|
||||||
|
|
||||||
<script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script>
|
<script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script>
|
||||||
|
|
||||||
<script src="//static.tumblr.com/2pnwama/BJppabl7l/primrose.js"></script>
|
|
||||||
|
|
||||||
<link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
|
<link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
|
||||||
|
|
||||||
<script src="//npf-images-v3.github.io/script.js"></script>
|
<script src="//npf-images-v3.github.io/script.js"></script>
|
||||||
|
@ -116,7 +115,7 @@ function() { $('.semicontainer').masonry({ appendedContent: $(this) }); }
|
||||||
<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:hover {
|
a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
|
||||||
|
@ -143,16 +142,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:post 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.2);
|
--Poll-Option-Border-Color: rgba({RGBcolor:text},0.2);
|
||||||
--Poll-Option-Padding: 9px;
|
--Poll-Option-Padding: 9px;
|
||||||
--Poll-Option-Font-Size: {text:post font size}px;
|
--Poll-Option-Font-Size: {select:font size};
|
||||||
--Poll-Option-Spacing: 10px;
|
--Poll-Option-Spacing: 10px;
|
||||||
--Poll-Option-Text-Color: {color:text};
|
--Poll-Option-Text-Color: {color:text};
|
||||||
|
|
||||||
|
@ -171,8 +170,79 @@ $(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:post accent text};
|
||||||
|
--NPF-Audio-Buttons-Padding: 9px;
|
||||||
|
--NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 18px);
|
||||||
|
--NPF-Audio-Image-Spacing: 0.9rem;
|
||||||
|
|
||||||
|
padding:7px 0 7px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.npf-audio-background {
|
||||||
|
margin-left:calc(14px + 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:post accent 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="//static.tumblr.com/gtjt4bo/18Vryl30c/glenplayer0.js"></script>
|
||||||
|
|
||||||
<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">
|
||||||
|
|
||||||
|
<!--------------------IMAGES-------------------->
|
||||||
|
<meta name="image:background image" content=""/>
|
||||||
|
<meta name="image:sidebar image" content="https://assets.tumblr.com/images/x.gif"/>
|
||||||
|
|
||||||
<!--------------------COLORS-------------------->
|
<!--------------------COLORS-------------------->
|
||||||
<meta name="color:background" content="#fdfdfd"/>
|
<meta name="color:background" content="#fdfdfd"/>
|
||||||
|
@ -209,18 +279,111 @@ $(document).ready(function(){
|
||||||
<meta name="color:highlight" content="#f3f3f3"/>
|
<meta name="color:highlight" content="#f3f3f3"/>
|
||||||
<meta name="color:highlighted text" content="#555"/>
|
<meta name="color:highlighted text" content="#555"/>
|
||||||
|
|
||||||
<!--------------------FONTS-------------------->
|
<!--------------DROPDOWN OPTS-------------->
|
||||||
<meta name="select:body font family" title="Inconsolata" content="Inconsolata"/>
|
<meta name="select:∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵" title="" content="">
|
||||||
<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="Lora" content="Lora"/>
|
|
||||||
<meta name="select:body font family" title="Muli" content="Muli"/>
|
|
||||||
<meta name="select:body font family" title="Open Sans" content="Open Sans"/>
|
|
||||||
<meta name="select:body font family" title="Quicksand" content="Quicksand"/>
|
|
||||||
|
|
||||||
<!--------------------OPTIONS-------------------->
|
|
||||||
<meta name="if:music player" content="1" />
|
|
||||||
|
|
||||||
|
<meta name="select:music player" title="show" content="show">
|
||||||
|
<meta name="select:music player" title="hide" content="hide">
|
||||||
|
|
||||||
|
<meta name="select:font" title="Inconsolata" content="Inconsolata"/>
|
||||||
|
<meta name="select:font" title="Karla" content="Karla"/>
|
||||||
|
<meta name="select:font" title="Lato" content="Lato"/>
|
||||||
|
<meta name="select:font" title="Lora" content="Lora"/>
|
||||||
|
<meta name="select:font" title="Muli" content="Muli"/>
|
||||||
|
<meta name="select:font" title="Open Sans" content="Open Sans"/>
|
||||||
|
<meta name="select:font" title="Quicksand" content="Quicksand"/>
|
||||||
|
|
||||||
|
<meta name="select:font size" title="11px" content="11px">
|
||||||
|
<meta name="select:font size" title="10px" content="10px">
|
||||||
|
<meta name="select:font size" title="12px" content="12px">
|
||||||
|
<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:top bar title size" title="11px" content="11px">
|
||||||
|
<meta name="select:top bar title size" title="9px" content="9px">
|
||||||
|
<meta name="select:top bar title size" title="10px" content="10px">
|
||||||
|
<meta name="select:top bar title size" title="12px" content="12px">
|
||||||
|
<meta name="select:top bar title size" title="13px" content="13px">
|
||||||
|
<meta name="select:top bar title size" title="14px" content="14px">
|
||||||
|
<meta name="select:top bar title size" title="15px" content="15px">
|
||||||
|
|
||||||
|
<meta name="select:∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵⁠" title="" content="">
|
||||||
|
|
||||||
|
<meta name="select:sidebar width" title="250px" content="250px">
|
||||||
|
<meta name="select:sidebar width" title="150px" content="150px">
|
||||||
|
<meta name="select:sidebar width" title="175px" content="175px">
|
||||||
|
<meta name="select:sidebar width" title="200px" content="200px">
|
||||||
|
<meta name="select:sidebar width" title="225px" content="225px">
|
||||||
|
<meta name="select:sidebar width" title="275px" content="275px">
|
||||||
|
<meta name="select:sidebar width" title="300px" content="300px">
|
||||||
|
<meta name="select:sidebar width" title="325px" content="325px">
|
||||||
|
<meta name="select:sidebar width" title="350px" content="350px">
|
||||||
|
|
||||||
|
<meta name="select:∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵⁠⁠" title="" content="">
|
||||||
|
|
||||||
|
<meta name="select:center gap" title="80px" content="80px">
|
||||||
|
<meta name="select:center gap" title="40px" content="40px">
|
||||||
|
<meta name="select:center gap" title="45px" content="45px">
|
||||||
|
<meta name="select:center gap" title="50px" content="50px">
|
||||||
|
<meta name="select:center gap" title="55px" content="55px">
|
||||||
|
<meta name="select:center gap" title="60px" content="60px">
|
||||||
|
<meta name="select:center gap" title="65px" content="65px">
|
||||||
|
<meta name="select:center gap" title="70px" content="70px">
|
||||||
|
<meta name="select:center gap" title="75px" content="75px">
|
||||||
|
<meta name="select:center gap" title="85px" content="85px">
|
||||||
|
<meta name="select:center gap" title="90px" content="90px">
|
||||||
|
<meta name="select:center gap" title="95px" content="95px">
|
||||||
|
<meta name="select:center gap" title="100px" content="100px">
|
||||||
|
<meta name="select:center gap" title="105px" content="105px">
|
||||||
|
<meta name="select:center gap" title="110px" content="110px">
|
||||||
|
|
||||||
|
<meta name="select:∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵⁠⁠⁠" title="" content="">
|
||||||
|
|
||||||
|
<meta name="select:post width" title="250px" content="250px">
|
||||||
|
<meta name="select:post width" title="200px" content="200px">
|
||||||
|
<meta name="select:post width" title="300px" content="300px">
|
||||||
|
<meta name="select:post width" title="350px" content="350px">
|
||||||
|
<meta name="select:post width" title="400px" content="400px">
|
||||||
|
<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 width large" title="500px" content="500px">
|
||||||
|
<meta name="select:post width large" title="200px" content="200px">
|
||||||
|
<meta name="select:post width large" title="250px" content="250px">
|
||||||
|
<meta name="select:post width large" title="300px" content="300px">
|
||||||
|
<meta name="select:post width large" title="350px" content="350px">
|
||||||
|
<meta name="select:post width large" title="400px" content="400px">
|
||||||
|
<meta name="select:post width large" title="450px" content="450px">
|
||||||
|
<meta name="select:post width large" title="540px" content="540px">
|
||||||
|
<meta name="select:post width large" 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="2px" content="2px">
|
||||||
|
<meta name="select:photos spacing" title="0px" content="0px">
|
||||||
|
<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:photos spacing" title="10px" content="10px">
|
||||||
|
|
||||||
|
<meta name="select:post spacing" title="40px" content="20px">
|
||||||
|
<meta name="select:post spacing" title="20px" content="10px">
|
||||||
|
<meta name="select:post spacing" title="30px" content="15px">
|
||||||
|
<meta name="select:post spacing" title="50px" content="25px">
|
||||||
|
<meta name="select:post spacing" title="60px" content="30px">
|
||||||
|
<meta name="select:post spacing" title="70px" content="35px">
|
||||||
|
<meta name="select:post spacing" title="80px" content="40px">
|
||||||
|
|
||||||
|
<meta name="select:∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵⁠⁠⁠⁠" title="" content="">
|
||||||
|
|
||||||
|
<!--------------TOGGLE OPTS-------------->
|
||||||
<meta name="if:two columns" content="1" />
|
<meta name="if:two columns" content="1" />
|
||||||
<meta name="if:photo fade" content="0" />
|
<meta name="if:photo fade" content="0" />
|
||||||
<meta name="if:monochrome posts" content="0" />
|
<meta name="if:monochrome posts" content="0" />
|
||||||
|
@ -230,26 +393,20 @@ $(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 OPTS------------->
|
||||||
<meta name="image:background image" content=""/>
|
<meta name="text:ʜᴏᴡ ᴛᴏ ʟɪɴᴋ ᴍᴜsɪᴄ:" content="linktr.ee/direct_file_links">
|
||||||
<meta name="image:sidebar image" content="https://assets.tumblr.com/images/x.gif"/>
|
<meta name="text:song file mp3" content="https://rhizo.gitlab.io/nier/Amusement_Park.mp3">
|
||||||
|
<meta name="text:song name" content="Amusement Park">
|
||||||
<!--------------------TITLES-------------------->
|
<meta name="text:song volume" content="90%">
|
||||||
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
|
|
||||||
<meta name="text:music file URL" content="https://rhizo.gitlab.io/nier/Amusement_Park.mp3">
|
<meta name="text:󠀠⁠" content="∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵
">
|
||||||
<meta name="text:music name" content="Amusement Park">
|
|
||||||
<meta name="text:top bar title" content="">
|
<meta name="text:top bar title" content="">
|
||||||
<meta name="text:top bar title font size" content="11">
|
|
||||||
<meta name="text:post font size" content="11">
|
<meta name="text:󠀠⁠⁠" content="∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵ 𓂃 ∵
">
|
||||||
<meta name="text:post width" content="250">
|
|
||||||
<meta name="text:post width on permalink page" content="500">
|
|
||||||
<meta name="text:post padding" content="20">
|
|
||||||
<meta name="text:photoset gutter width" content="2">
|
|
||||||
<meta name="text:post margin" content="20">
|
|
||||||
<meta name="text:sidebar right margin" content="80">
|
|
||||||
<meta name="text:sidebar width" content="250">
|
|
||||||
<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://youtube.com/watch?v=JmAEPxvgkbA">
|
||||||
<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="">
|
||||||
|
@ -263,7 +420,7 @@ $(document).ready(function(){
|
||||||
|
|
||||||
<!-------------------------------------------------------------------->
|
<!-------------------------------------------------------------------->
|
||||||
|
|
||||||
<style type="text/css">
|
<style>
|
||||||
|
|
||||||
/*--------------------TOOLTIPS--------------------*/
|
/*--------------------TOOLTIPS--------------------*/
|
||||||
#s-m-t-tooltip {
|
#s-m-t-tooltip {
|
||||||
|
@ -271,12 +428,12 @@ $(document).ready(function(){
|
||||||
margin: 26px 9px 0px 15px;
|
margin: 26px 9px 0px 15px;
|
||||||
background-color: {color:top bar background};
|
background-color: {color:top bar background};
|
||||||
font-family: quicksand;
|
font-family: quicksand;
|
||||||
font-size: calc({text:post font size}px - 3px);
|
font-size: calc({select:font size} - 3px);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing:1px;
|
letter-spacing:1px;
|
||||||
color: {color:top bar text};
|
color: {color:top bar 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;
|
||||||
|
@ -338,9 +495,9 @@ background-attachment:fixed;
|
||||||
background-repeat:repeat;
|
background-repeat:repeat;
|
||||||
color:{color:text};
|
color:{color:text};
|
||||||
cursor:normal;
|
cursor:normal;
|
||||||
font-family:{select:body font family};
|
font-family:{select:font};
|
||||||
line-height:1.6em;
|
line-height:1.6em;
|
||||||
font-size:{text:post font size}px;
|
font-size:{select:font size};
|
||||||
text-align:left;
|
text-align:left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -377,7 +534,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:post 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 {
|
||||||
|
@ -411,7 +568,7 @@ h1 a {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-size:calc({text:post font size}px + 1px);
|
font-size:calc({select:font size} + 1px);
|
||||||
font-family:quicksand;
|
font-family:quicksand;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
|
@ -445,7 +602,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
font-family:quicksand, "KaiTi", "楷体", STKaiti, "华文楷体", serif;
|
font-family:quicksand, "KaiTi", "楷体", STKaiti, "华文楷体", serif;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
letter-spacing:1px;
|
letter-spacing:1px;
|
||||||
font-size:{text:top bar title font size}px;
|
font-size:{select:top bar title size};
|
||||||
color:{color:top bar text};
|
color:{color:top bar text};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -464,30 +621,20 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
vertical-align:middle;
|
vertical-align:middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.playwrapper {display:flex;}
|
[mplayer="hide"] #yolk { display:none; }
|
||||||
|
|
||||||
.butts {cursor:pointer;}
|
[mplayer="show"] [music-player]{
|
||||||
|
color:rgba({RGBcolor:top bar text},0.9);
|
||||||
.playy, .pausee {
|
|
||||||
font-size:13px;
|
|
||||||
color:{color:top bar text};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.pausee {
|
[mplayer="show"] [music-player] .sf {
|
||||||
display:none;
|
margin:0 -2px;
|
||||||
margin-right:1.5px;
|
font-size:calc({select:font size} - 1.5px);
|
||||||
|
line-height:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sonata {
|
[mplayer="show"] [music-player] .player-text {
|
||||||
margin-left:10px;
|
font-size:{select:font size};
|
||||||
color:{color:top bar text};
|
|
||||||
}
|
|
||||||
|
|
||||||
.labeltext {
|
|
||||||
margin-left:8px;
|
|
||||||
font-family:courier new;
|
|
||||||
font-size:9px;
|
|
||||||
color:{color:top bar text};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-----------------CONT-----------------*/
|
/*-----------------CONT-----------------*/
|
||||||
|
@ -500,14 +647,14 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
{block:IndexPage}/*----------*/
|
{block:IndexPage}/*----------*/
|
||||||
|
|
||||||
{block:iftwocolumns}
|
{block:iftwocolumns}
|
||||||
margin-bottom:calc(({text:post margin}px * 2) + 37px);
|
margin-bottom:calc(({select:post spacing} * 2) + 37px);
|
||||||
width:calc(({text:post width}px * 2) + ({text:post padding}px * 4) + ({text:post margin}px * 2) + {text:sidebar right margin}px + {text:sidebar width}px);
|
width:calc(({select:post width} * 2) + ({select:post padding} * 4) + ({select:post spacing} * 2) + {select:center gap} + {select:sidebar width});
|
||||||
{/block:iftwocolumns}
|
{/block:iftwocolumns}
|
||||||
|
|
||||||
|
|
||||||
{block:ifnottwocolumns}
|
{block:ifnottwocolumns}
|
||||||
margin-bottom:calc({text:post margin}px + 37px);
|
margin-bottom:calc({select:post spacing} + 37px);
|
||||||
width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar right margin}px + {text:sidebar width}px);
|
width:calc({select:post width} + ({select:post padding} * 2) + {select:center gap} + {select:sidebar width});
|
||||||
{/block:ifnottwocolumns}
|
{/block:ifnottwocolumns}
|
||||||
|
|
||||||
{/block:IndexPage}/*----------*/
|
{/block:IndexPage}/*----------*/
|
||||||
|
@ -515,8 +662,8 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
|
|
||||||
|
|
||||||
{block:PermalinkPage}
|
{block:PermalinkPage}
|
||||||
margin-bottom:{text:post margin}px;
|
margin-bottom:{select:post spacing};
|
||||||
width:calc({text:post width on permalink page}px + ({text:post padding}px * 2) + {text:sidebar right margin}px + {text:sidebar width}px);
|
width:calc({select:post width large} + ({select:post padding} * 2) + {select:center gap} + {select:sidebar width});
|
||||||
{/block:PermalinkPage}
|
{/block:PermalinkPage}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -524,13 +671,13 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
{block:IndexPage}/*----------*/
|
{block:IndexPage}/*----------*/
|
||||||
|
|
||||||
{block:iftwocolumns}
|
{block:iftwocolumns}
|
||||||
margin-top:-{text:post margin}px;
|
margin-top:-{select:post spacing};
|
||||||
margin-left:calc(-{text:post margin}px + {text:sidebar width}px + {text:sidebar right margin}px);
|
margin-left:calc(-{select:post spacing} + {select:sidebar width} + {select:center gap});
|
||||||
width:calc(({text:post width}px * 2) + ({text:post padding}px * 4) + ({text:post margin}px * 5));
|
width:calc(({select:post width} * 2) + ({select:post padding} * 4) + ({select:post spacing} * 5));
|
||||||
{/block:iftwocolumns}
|
{/block:iftwocolumns}
|
||||||
|
|
||||||
{block:ifnottwocolumns}
|
{block:ifnottwocolumns}
|
||||||
margin-left:calc({text:sidebar width}px + {text:sidebar right margin}px);
|
margin-left:calc({select:sidebar width} + {select:center gap});
|
||||||
{/block:ifnottwocolumns}
|
{/block:ifnottwocolumns}
|
||||||
|
|
||||||
{/block:IndexPage}/*----------*/
|
{/block:IndexPage}/*----------*/
|
||||||
|
@ -538,7 +685,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
|
|
||||||
|
|
||||||
{block:PermalinkPage}
|
{block:PermalinkPage}
|
||||||
margin-left:calc({text:sidebar width}px + {text:sidebar right margin}px);
|
margin-left:calc({select:sidebar width} + {select:center gap});
|
||||||
{/block:PermalinkPage}
|
{/block:PermalinkPage}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -555,7 +702,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
|
|
||||||
margin-left:0px;
|
margin-left:0px;
|
||||||
|
|
||||||
width:{text:sidebar width}px;
|
width:{select:sidebar width};
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -589,7 +736,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
padding:10px;
|
padding:10px;
|
||||||
background-color:{color:description background};
|
background-color:{color:description background};
|
||||||
color:{color:description text};
|
color:{color:description text};
|
||||||
font-size:11px;
|
font-size:{select:font size};
|
||||||
}
|
}
|
||||||
|
|
||||||
.desc a {
|
.desc a {
|
||||||
|
@ -629,17 +776,17 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
/*--------------------POSTS--------------------*/
|
/*--------------------POSTS--------------------*/
|
||||||
.posts {
|
.posts {
|
||||||
{block:IndexPage}
|
{block:IndexPage}
|
||||||
margin:{text:post margin}px {text:post margin}px calc({text:post margin}px + 37px) {text:post margin}px;
|
margin:{select:post spacing} {select:post spacing} calc({select:post spacing} + 37px) {select:post spacing};
|
||||||
width:{text:post width}px;
|
width:{select:post width};
|
||||||
{/block:IndexPage}
|
{/block:IndexPage}
|
||||||
/* ex: margintop marginright (marginbot+perma) marginleft*/
|
/* ex: margintop marginright (marginbot+perma) marginleft*/
|
||||||
|
|
||||||
{block:PermalinkPage}
|
{block:PermalinkPage}
|
||||||
margin-bottom:{text:post margin}px;
|
margin-bottom:{select:post spacing};
|
||||||
width:{text:post width on permalink page}px;
|
width:{select:post width large};
|
||||||
{/block:PermalinkPage}
|
{/block:PermalinkPage}
|
||||||
|
|
||||||
padding:{text:post padding}px;
|
padding:{select:post padding};
|
||||||
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}
|
||||||
}
|
}
|
||||||
|
@ -662,10 +809,10 @@ 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:PermalinkPage}
|
{block:PermalinkPage}
|
||||||
width:{text:post width on permalink page}px;
|
width:{select:post width large};
|
||||||
{/block:PermalinkPage}
|
{/block:PermalinkPage}
|
||||||
|
|
||||||
{block:IndexPage}
|
{block:IndexPage}
|
||||||
|
@ -724,30 +871,30 @@ background-color:{color:post};
|
||||||
/*--------------------PERMALINK--------------------*/
|
/*--------------------PERMALINK--------------------*/
|
||||||
.permawrap {
|
.permawrap {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
margin-top:{text:post padding}px;
|
margin-top:{select:post padding};
|
||||||
|
|
||||||
{block:IndexPage}/*-----*/
|
{block:IndexPage}/*-----*/
|
||||||
{block:ifpostborders}
|
{block:ifpostborders}
|
||||||
margin-left:calc(-{text:post padding}px - 1px);
|
margin-left:calc(-{select:post padding} - 1px);
|
||||||
width:calc({text:post width}px + (({text:post padding}px - 15px) * 2) + 2px);
|
width:calc({select:post width} + (({select:post padding} - 15px) * 2) + 2px);
|
||||||
{/block:ifpostborders}
|
{/block:ifpostborders}
|
||||||
|
|
||||||
{block:ifnotpostborders}
|
{block:ifnotpostborders}
|
||||||
margin-left:-{text:post padding}px;
|
margin-left:-{select:post padding};
|
||||||
width:calc({text:post width}px + (({text:post padding}px - 15px) * 2));
|
width:calc({select:post width} + (({select:post padding} - 15px) * 2));
|
||||||
{/block:ifnotpostborders}
|
{/block:ifnotpostborders}
|
||||||
{/block:IndexPage}/*-----*/
|
{/block:IndexPage}/*-----*/
|
||||||
|
|
||||||
|
|
||||||
{block:PermalinkPage}/*-----*/
|
{block:PermalinkPage}/*-----*/
|
||||||
{block:ifpostborders}
|
{block:ifpostborders}
|
||||||
margin-left:calc(-{text:post padding}px - 1px);
|
margin-left:calc(-{select:post padding} - 1px);
|
||||||
width:calc({text:post width on permalink page}px + (({text:post padding}px - 15px) * 2) + 2px);
|
width:calc({select:post width large} + (({select:post padding} - 15px) * 2) + 2px);
|
||||||
{/block:ifpostborders}
|
{/block:ifpostborders}
|
||||||
|
|
||||||
{block:ifnotpostborders}
|
{block:ifnotpostborders}
|
||||||
margin-left:-{text:post padding}px;
|
margin-left:-{select:post padding};
|
||||||
width:calc({text:post width on permalink page}px + (({text:post padding}px - 15px) * 2));
|
width:calc({select:post width large} + (({select:post padding} - 15px) * 2));
|
||||||
{/block:ifnotpostborders}
|
{/block:ifnotpostborders}
|
||||||
{block:PermalinkPage}/*-----*/
|
{block:PermalinkPage}/*-----*/
|
||||||
|
|
||||||
|
@ -760,7 +907,7 @@ background-color:{color:post};
|
||||||
font-family:Muli;
|
font-family:Muli;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
letter-spacing:1px;
|
letter-spacing:1px;
|
||||||
font-size:calc({text:post font size}px - 3px);
|
font-size:calc({select:font size} - 2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.perma a, .perma b {
|
.perma a, .perma b {
|
||||||
|
@ -780,7 +927,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:post font size}px - 3.5px);
|
font-size:calc({select:font size} - 3.5px);
|
||||||
text-align:right;
|
text-align:right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -799,13 +946,16 @@ background-color:{color:post};
|
||||||
/* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
|
/* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
|
||||||
.controls {
|
.controls {
|
||||||
margin-right:calc(-5px + 15px); /*15 = perma pad*/
|
margin-right:calc(-5px + 15px); /*15 = perma pad*/
|
||||||
margin-top:-18px;
|
margin-top:calc(0px - {select:font size} - 1px);
|
||||||
height:0px;
|
height:calc({select:font size} + 1px);
|
||||||
|
display:flex;
|
||||||
|
align-items:center;
|
||||||
|
gap:4px
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls a {
|
.controls a {
|
||||||
position:relative;
|
position:relative;
|
||||||
display:inline-block;
|
display:block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* both svg colors */
|
/* both svg colors */
|
||||||
|
@ -813,26 +963,26 @@ background-color:{color:post};
|
||||||
|
|
||||||
.controls .rb .sf {
|
.controls .rb .sf {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
margin-top:calc(({text:post font size}px - 1px) * -1);
|
margin-top:calc(({select:font size} - 1px) * -1);
|
||||||
font-size:calc({text:post font size}px - 1px);
|
font-size:calc({select:font size} - 1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls .like .sf {
|
.controls .like .sf {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
margin-top:calc(({text:post font size}px - 2px) * -1);
|
margin-top:calc(({select:font size} - 2px) * -1);
|
||||||
margin-left:calc(({text:post font size}px + 4px) * -1);
|
margin-left:calc(({select:font size} + 4px) * -1);
|
||||||
font-size:calc({text:post font size}px + 1px);
|
font-size:calc({select:font size} + 1px);
|
||||||
max-height:calc({text:post font size}px + 1px);
|
max-height:calc({select:font size} + 1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.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:post font size}px - 1px) * -1);
|
margin-top:calc(({select:font size} - 1px) * -1);
|
||||||
margin-left:calc(({text:post font size}px + 5px) * -1);
|
margin-left:calc(({select:font size} + 5px) * -1);
|
||||||
width:calc({text:post font size}px + 3px);
|
width:calc({select:font size} + 3px);
|
||||||
height:calc({text:post font size}px + 3px);
|
height:calc({select:font size} + 3px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls .like .like_button iframe {
|
.controls .like .like_button iframe {
|
||||||
|
@ -847,9 +997,9 @@ background-color:{color:post};
|
||||||
}
|
}
|
||||||
/*--------------------POST NOTES--------------------*/
|
/*--------------------POST NOTES--------------------*/
|
||||||
ol.notes {
|
ol.notes {
|
||||||
width:calc({text:post width on permalink page}px + ({text:post padding}px * 2));
|
width:calc({select:post width large} + ({select:post padding} * 2));
|
||||||
padding:0px;
|
padding:0px;
|
||||||
margin-top:calc({text:post margin}px + 37px);
|
margin-top:calc({select:post spacing} + 37px);
|
||||||
list-style-type:none;
|
list-style-type:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -890,7 +1040,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;
|
||||||
}
|
}
|
||||||
|
@ -904,7 +1054,7 @@ text-decoration:none;
|
||||||
.quote {
|
.quote {
|
||||||
font-family:Quicksand;
|
font-family:Quicksand;
|
||||||
text-transform:uppercase;letter-spacing:1px;
|
text-transform:uppercase;letter-spacing:1px;
|
||||||
font-size:calc({text:post font size}px + 1px);
|
font-size:calc({select:font size} + 1px);
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
@ -942,7 +1092,7 @@ font-weight:bold;
|
||||||
.label.odd {color:{color:post accent text};}
|
.label.odd {color:{color:post accent text};}
|
||||||
.label.even {color:{color:text};}
|
.label.even {color:{color:text};}
|
||||||
|
|
||||||
p.npf_chat { font-family:Courier; font-size:{text:post font size}px; }
|
p.npf_chat { font-family:Courier; font-size:{select:font size}; }
|
||||||
|
|
||||||
/*---------------------------ASKS---------------------------*/
|
/*---------------------------ASKS---------------------------*/
|
||||||
.q-wrap {
|
.q-wrap {
|
||||||
|
@ -1001,7 +1151,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;
|
||||||
|
@ -1044,7 +1194,7 @@ height:0px;
|
||||||
background-color:{color:post};
|
background-color:{color:post};
|
||||||
border-radius:100%;
|
border-radius:100%;
|
||||||
border:1px solid rgba({RGBcolor:text},0.4);
|
border:1px solid rgba({RGBcolor:text},0.4);
|
||||||
font-size:calc({text:post font size}px - 1px);
|
font-size:calc({select:font size} - 1px);
|
||||||
width:9px;
|
width:9px;
|
||||||
color:{color:text};
|
color:{color:text};
|
||||||
text-align:center;
|
text-align:center;
|
||||||
|
@ -1057,14 +1207,14 @@ height:0px;
|
||||||
padding:5px 9px;
|
padding:5px 9px;
|
||||||
background-color:{color:description background};
|
background-color:{color:description background};
|
||||||
border-radius:100%;
|
border-radius:100%;
|
||||||
font-size:calc({text:post font size}px - 1px);
|
font-size:calc({select:font size} - 1px);
|
||||||
width:9px;
|
width:9px;
|
||||||
color:{color:description text};
|
color:{color:description text};
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*-----------------CREDIT. PLEASE DO NOT REMOVE-----------------*/
|
/*-----------------CREDIT. PLEASE DO NOT REMOVE-----------------*/
|
||||||
#please-respect-theme-makers a {
|
#at-least-tip-me a {
|
||||||
position:fixed;
|
position:fixed;
|
||||||
bottom:0;margin-bottom:15px;
|
bottom:0;margin-bottom:15px;
|
||||||
right:0;margin-right:15px;
|
right:0;margin-right:15px;
|
||||||
|
@ -1087,7 +1237,7 @@ height:0px;
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<!----PLEASE DO NOT REMOVE THE THEME CREDIT---->
|
<!----PLEASE DO NOT REMOVE THE THEME CREDIT---->
|
||||||
<div id="please-respect-theme-makers"><a href="//glenthemes.tumblr.com" title="theme by glenthemes">glenthemes</a></div>
|
<div id="at-least-tip-me"><a href="//glenthemes.tumblr.com" title="theme by glenthemes">glenthemes</a></div>
|
||||||
|
|
||||||
<div id="yorha">
|
<div id="yorha">
|
||||||
<div id="park">
|
<div id="park">
|
||||||
|
@ -1101,23 +1251,26 @@ height:0px;
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{block:ifmusicplayer}
|
<!---- start music player ---->
|
||||||
<div id="yolk">
|
<div id="yolk">
|
||||||
<div id="pearl">
|
<div id="pearl">
|
||||||
<div class="playwrapper">
|
<div music-player btn-color="rgba({RGBcolor:top bar text},0.9)" btn-size="calc({select:font size} - 2px)" gap="11px">
|
||||||
<div class="butts" onclick="initiate();">
|
<div music-btn>
|
||||||
<a title="play music"><div class="playy">►</div></a>
|
<div btn-play></div>
|
||||||
<a title="pause music"><div class="pausee">❚❚</div></a>
|
<div btn-pause hidden></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span class="sf sf-music-note"></span>
|
||||||
|
|
||||||
|
<audio src="{text:song file mp3}" {text:ifsongvolume}volume="{text:song volume}"{/block:ifsongvolume}></audio>
|
||||||
|
|
||||||
|
{block:ifsongname}
|
||||||
|
<div class="player-text">{text:song name}</div>
|
||||||
|
{/block:ifsongname}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="sonata">♫</div>
|
|
||||||
<div class="labeltext">{text:music name}</div>
|
|
||||||
</div><!--pwrapper-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/block:ifmusicplayer}
|
<!---- end music player ---->
|
||||||
|
|
||||||
<audio id="yinyue" src="{text:music file URL}" onended="restart();" type="audio"></audio>
|
|
||||||
|
|
||||||
<!---- main shit ---->
|
<!---- main shit ---->
|
||||||
<div id="lettuce">
|
<div id="lettuce">
|
||||||
|
|
Loading…
Reference in New Issue