2157 lines
61 KiB
Plaintext
2157 lines
61 KiB
Plaintext
<!----------------------------------------------------
|
|
Theme [18]: Calamity
|
|
Made by glenthemes
|
|
|
|
Initial release: 2016/06/11
|
|
Remake date: 2021/01/28
|
|
Last updated: 2023/09/04
|
|
|
|
What's new:
|
|
✱ NPF audio post support
|
|
|
|
TERMS OF USE:
|
|
1) Do not remove the theme credit.
|
|
2) Do not repost/redistribute my themes.
|
|
3) Do not take parts of the code and use it as your own.
|
|
4) Do not use my themes as a base code.
|
|
5) Do not mix my themes together.
|
|
----------------------------------------------------->
|
|
<!DOCTYPE html>
|
|
<html post-width="{select:post width}">
|
|
|
|
<head>
|
|
|
|
<title>{Title}</title>
|
|
<link rel="shortcut icon" href="{Favicon}">
|
|
<!------------------------------------->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
|
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
|
|
<script>
|
|
(function($){
|
|
$(document).ready(function(){
|
|
$("a[title]").style_my_tooltips({
|
|
tip_follows_cursor:true,
|
|
tip_delay_time:0,
|
|
tip_fade_speed:69,
|
|
attribute:"title"
|
|
});
|
|
});
|
|
})(jQuery);
|
|
</script>
|
|
|
|
<!------ FONTS ------->
|
|
<link href="//fonts.googleapis.com/css?family=Karla|Sora|Chakra+Petch|Cousine|Space+Grotesk|K2D" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
|
|
|
|
<!------ ICON FONTS ------->
|
|
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
<script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
|
|
|
|
<link rel="preload" href="//cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons.js" as="script">
|
|
|
|
<script src="//cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.js" crossorigin="anonymous"></script>
|
|
|
|
<!------ THEME SCRIPTS ------->
|
|
<script src="//rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
|
|
|
|
<link href="//static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
|
|
|
|
<script src="//glen-themes.gitlab.io/thms/18/fkn-audio.js"></script>
|
|
|
|
<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>
|
|
<link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
|
|
|
|
{block:ifshowmusicplayer}
|
|
<script src="//glenthemes.github.io/-music-/glenplayer06.js"></script>
|
|
{/block:ifshowmusicplayer}
|
|
|
|
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
|
|
<script src="//glen-themes.gitlab.io/thms/18/vergil-needs-milk.js"></script>
|
|
<script src="//glen-themes.gitlab.io/thms/18/wheres-the-milk.js"></script>
|
|
|
|
<script>
|
|
// minimal soundcloud player @ shythemes.tumblr
|
|
// shythemes.tumblr.com/post/114792480648
|
|
$(document).ready(function(){
|
|
var soundcloud_btn = '{color:post}';
|
|
$('.soundcloud_audio_player').each(function(){
|
|
$(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + soundcloud_btn.split('#')[1], height: 116, width: '100%' });
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<!-- unblue polls -->
|
|
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
|
|
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
|
|
<style unblue-polls>
|
|
.poll-post {
|
|
--Poll-Question-Font-Size: {select:post 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: 9px;
|
|
--Poll-Option-Font-Size: {select:post font size};
|
|
--Poll-Option-Spacing: 10px;
|
|
--Poll-Option-Text-Color: {color:text};
|
|
|
|
--Poll-Option-HOVER-Border-Color: rgba({RGBcolor:text},0.25);
|
|
--Poll-Option-HOVER-Background-Color: transparent;
|
|
--Poll-Option-HOVER-Text-Color: {color:link};
|
|
--Poll-Option-HOVER-Speed: 0.4s;
|
|
}
|
|
|
|
.poll-see-results {
|
|
padding-bottom:0!important;
|
|
border-bottom:none!important;
|
|
font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
|
|
text-transform:uppercase;
|
|
letter-spacing:0.5px;
|
|
}
|
|
</style>
|
|
|
|
<!-- npf audio player -->
|
|
<!-- glenthemes.tumblr.com/post/722160746171072512 -->
|
|
<script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
|
|
<link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
|
|
<script>
|
|
tumblr_npf_audio({
|
|
emptyTitleText: "Untitled track",
|
|
emptyArtistText: "Untitled artist",
|
|
emptyAlbumText: "Untitled album",
|
|
|
|
titleLabel: "",
|
|
artistLabel: "",
|
|
albumLabel: ""
|
|
});
|
|
</script>
|
|
<style edit-npf-audio-player>
|
|
.npf-audio-wrapper {
|
|
--NPF-Audio-Buttons-Size: calc(var(--Audio-Post-PlayButton-Size) * 0.6);
|
|
--NPF-Audio-Buttons-Color: {color:text};
|
|
--NPF-Audio-Buttons-Padding: calc(var(--Audio-Post-PlayButton-Padding) + (var(--Audio-Post-PlayButton-Size) * (1 - 0.6)) - 3px);
|
|
--NPF-Audio-Buttons-Spacing: calc(var(--p) + 14px);
|
|
--NPF-Audio-Image-Size: var(--Audio-Post-Album-Image-Size);
|
|
--NPF-Audio-Image-Spacing: 0px;
|
|
|
|
--t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
|
|
--p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
|
|
}
|
|
|
|
.npf-audio-wrapper {
|
|
position:relative;
|
|
z-index:0;
|
|
}
|
|
|
|
.npf-audio-background {
|
|
margin-left:var(--p);
|
|
}
|
|
|
|
.npf-audio-play, .npf-audio-pause {
|
|
position:relative;
|
|
z-index:0;
|
|
}
|
|
|
|
.npf-audio-play:after, .npf-audio-pause:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;left:0;
|
|
margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding) - 1px);
|
|
margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding) - 1px);
|
|
width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
|
height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
|
background:{color:post};
|
|
border:1px solid rgba({RGBcolor:text},0.420);
|
|
border-radius:100%;
|
|
z-index:-1;
|
|
}
|
|
|
|
.npf-audio-play svg { margin-left:1px; }
|
|
.npf-audio-pause svg { margin-left:0; }
|
|
|
|
figcaption.audio-caption,
|
|
figcaption.audio-caption ~ audio[controls],
|
|
.npf-audio-album {
|
|
display:none;
|
|
}
|
|
|
|
.npf-audio-image {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
z-index:-1;
|
|
}
|
|
|
|
.npf-audio-details {
|
|
line-height:calc({select:post text line height} * 0.9);
|
|
}
|
|
</style>
|
|
|
|
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
|
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
|
|
|
<!------------ THEME OPTIONS ------------>
|
|
<meta name="image:sidebar icon" content="//64.media.tumblr.com/aad331187686d5c359dc71cb729022a9/c8e873a39e533599-82/s2048x3072/4c700a3af68858b06f22cead586e9366232e7503.png">
|
|
<meta name="image:sidebar image" content="//64.media.tumblr.com/85d74581f1237978faff9da1b6f9c4bb/44e2b3171eb8c527-a9/s540x810/c08aca1c1b153a21093bb6fffa85edb3eb62ef50.gif">
|
|
|
|
<meta name="color:background" content="#040405">
|
|
<meta name="color:sidebar background" content="#040405">
|
|
|
|
<meta name="color:textbox title" content="#aaa">
|
|
<meta name="color:textbox divider" content="#888">
|
|
<meta name="color:textbox text" content="#888">
|
|
<meta name="color:textbox hyperlinks" content="#aaa">
|
|
|
|
<meta name="color:sidebar title" content="#ccc">
|
|
<meta name="color:sidebar username" content="#aaa">
|
|
|
|
<meta name="color:sidebar icon border inner" content="#040405">
|
|
<meta name="color:sidebar icon border outer" content="#666">
|
|
|
|
<meta name="color:navlinks border" content="#444">
|
|
<meta name="color:navlinks icon" content="#b5b5b5">
|
|
|
|
<meta name="color:description box border" content="#444">
|
|
<meta name="color:description text" content="#959595">
|
|
<meta name="color:description hyperlinks" content="#ccc">
|
|
|
|
<meta name="color:customlinks border" content="#444">
|
|
<meta name="color:customlinks text" content="#b5b5b5">
|
|
|
|
<meta name="color:post" content="#040405">
|
|
<meta name="color:text" content="#959595">
|
|
<meta name="color:link" content="#aaa">
|
|
<meta name="color:reblogger" content="#aaa">
|
|
<meta name="color:reblog separators" content="#262626"/>
|
|
<meta name="color:tags" content="#757575">
|
|
<meta name="color:permalink" content="#aaa">
|
|
<meta name="color:post buttons" content="#999">
|
|
<meta name="color:post dividers" content="#777">
|
|
|
|
<meta name="color:scrollbar thumb" content="#666">
|
|
<meta name="color:scrollbar track" content="#333">
|
|
|
|
<meta name="select:textbox width" title="180px" content="180px">
|
|
<meta name="select:textbox width" title="160px" content="160px">
|
|
<meta name="select:textbox width" title="200px" content="200px">
|
|
<meta name="select:textbox width" title="220px" content="220px">
|
|
<meta name="select:textbox width" title="240px" content="240px">
|
|
|
|
<meta name="select:textbox title size" title="12px" content="12px">
|
|
<meta name="select:textbox title size" title="10px" content="10px">
|
|
<meta name="select:textbox title size" title="11px" content="11px">
|
|
<meta name="select:textbox title size" title="13px" content="13px">
|
|
<meta name="select:textbox title size" title="14px" content="14px">
|
|
|
|
<meta name="select:textbox divider spacing" title="12px" content="12px">
|
|
<meta name="select:textbox divider spacing" title="8px" content="8px">
|
|
<meta name="select:textbox divider spacing" title="16px" content="16px">
|
|
<meta name="select:textbox divider spacing" title="20px" content="20px">
|
|
|
|
<meta name="select:textbox font size" title="12px" content="12px">
|
|
<meta name="select:textbox font size" title="11px" content="11px">
|
|
<meta name="select:textbox font size" title="13px" content="13px">
|
|
<meta name="select:textbox font size" title="14px" content="14px">
|
|
|
|
<meta name="select:textbox line height" title="100%" content="1.5">
|
|
<meta name="select:textbox line height" title="80%" content="1.3">
|
|
<meta name="select:textbox line height" title="90%" content="1.4">
|
|
<meta name="select:textbox line height" title="110%" content="1.6">
|
|
<meta name="select:textbox line height" title="120%" content="1.7">
|
|
<meta name="select:textbox line height" title="130%" content="1.8">
|
|
<meta name="select:textbox line height" title="140%" content="1.9">
|
|
<meta name="select:textbox line height" title="150%" content="2">
|
|
|
|
<meta name="select:textbox text align" title="center" content="center">
|
|
<meta name="select:textbox text align" title="justify" content="justify">
|
|
<meta name="select:textbox text align" title="left" content="left">
|
|
<meta name="select:textbox text align" title="right" content="right">
|
|
|
|
<meta name="select:textbox spacing" title="32px" content="32px">
|
|
<meta name="select:textbox spacing" title="24px" content="24px">
|
|
<meta name="select:textbox spacing" title="28px" content="28px">
|
|
<meta name="select:textbox spacing" title="36px" content="36px">
|
|
<meta name="select:textbox spacing" title="40px" content="40px">
|
|
|
|
<meta name="select:sidebar width" title="250px" content="250px">
|
|
<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 margins" title="32px" content="32px">
|
|
<meta name="select:sidebar margins" title="24px" content="24px">
|
|
<meta name="select:sidebar margins" title="28px" content="28px">
|
|
<meta name="select:sidebar margins" title="36px" content="36px">
|
|
<meta name="select:sidebar margins" title="40px" content="40px">
|
|
|
|
<meta name="select:sidebar title size" title="14px" content="14px">
|
|
<meta name="select:sidebar title size" title="12px" content="12px">
|
|
<meta name="select:sidebar title size" title="16px" content="16px">
|
|
<meta name="select:sidebar title size" title="18px" content="18px">
|
|
<meta name="select:sidebar title size" title="20px" content="20px">
|
|
|
|
<meta name="select:sidebar title line height" title="70%" content="1.7">
|
|
<meta name="select:sidebar title line height" title="50%" content="1.5">
|
|
<meta name="select:sidebar title line height" title="60%" content="1.6">
|
|
<meta name="select:sidebar title line height" title="70%" content="1.7">
|
|
<meta name="select:sidebar title line height" title="80%" content="1.8">
|
|
<meta name="select:sidebar title line height" title="90%" content="1.9">
|
|
<meta name="select:sidebar title line height" title="100%" content="2">
|
|
|
|
<meta name="select:sidebar title text align" title="center" content="center">
|
|
<meta name="select:sidebar title text align" title="justify" content="justify">
|
|
<meta name="select:sidebar title text align" title="left" content="left">
|
|
<meta name="select:sidebar title text align" title="right" content="right">
|
|
|
|
<meta name="select:sidebar items spacing" title="36px" content="36px">
|
|
<meta name="select:sidebar items spacing" title="24px" content="24px">
|
|
<meta name="select:sidebar items spacing" title="28px" content="28px">
|
|
<meta name="select:sidebar items spacing" title="32px" content="32px">
|
|
<meta name="select:sidebar items spacing" title="40px" content="40px">
|
|
<meta name="select:sidebar items spacing" title="44px" content="44px">
|
|
|
|
<meta name="select:sidebar icon size" title="30px" content="30px">
|
|
<meta name="select:sidebar icon size" title="25px" content="25px">
|
|
<meta name="select:sidebar icon size" title="35px" content="35px">
|
|
<meta name="select:sidebar icon size" title="40px" content="40px">
|
|
<meta name="select:sidebar icon size" title="45px" content="45px">
|
|
<meta name="select:sidebar icon size" title="50px" content="50px">
|
|
|
|
<meta name="select:sidebar icon padding" title="none" content="0px">
|
|
<meta name="select:sidebar icon padding" title="2px" content="2px">
|
|
<meta name="select:sidebar icon padding" title="4px" content="4px">
|
|
<meta name="select:sidebar icon padding" title="6px" content="6px">
|
|
<meta name="select:sidebar icon padding" title="8px" content="8px">
|
|
<meta name="select:sidebar icon padding" title="10px" content="10px">
|
|
<meta name="select:sidebar icon padding" title="12px" content="12px">
|
|
<meta name="select:sidebar icon padding" title="14px" content="14px">
|
|
|
|
<meta name="select:sidebar username size" title="11px" content="11px">
|
|
<meta name="select:sidebar username size" title="9px" content="9px">
|
|
<meta name="select:sidebar username size" title="10px" content="10px">
|
|
<meta name="select:sidebar username size" title="12px" content="12px">
|
|
<meta name="select:sidebar username size" title="13px" content="13px">
|
|
<meta name="select:sidebar username size" title="14px" content="14px">
|
|
|
|
<meta name="select:navlinks spacing" title="8px" content="8px">
|
|
<meta name="select:navlinks spacing" title="2px" content="2px">
|
|
<meta name="select:navlinks spacing" title="4px" content="4px">
|
|
<meta name="select:navlinks spacing" title="6px" content="6px">
|
|
<meta name="select:navlinks spacing" title="10px" content="10px">
|
|
|
|
<meta name="select:navlinks padding" title="6px" content="6px">
|
|
<meta name="select:navlinks padding" title="2px" content="2px">
|
|
<meta name="select:navlinks padding" title="4px" content="4px">
|
|
<meta name="select:navlinks padding" title="8px" content="8px">
|
|
<meta name="select:navlinks padding" title="10px" content="10px">
|
|
|
|
<meta name="select:navlinks icon size" title="12px" content="12px">
|
|
<meta name="select:navlinks icon size" title="10px" content="10px">
|
|
<meta name="select:navlinks icon size" title="11px" content="11px">
|
|
<meta name="select:navlinks icon size" title="13px" content="13px">
|
|
<meta name="select:navlinks icon size" title="14px" content="14px">
|
|
<meta name="select:navlinks icon size" title="15px" content="15px">
|
|
<meta name="select:navlinks icon size" title="16px" content="16px">
|
|
|
|
<meta name="select:description box padding" title="13px" content="13px">
|
|
<meta name="select:description box padding" title="11px" content="11px">
|
|
<meta name="select:description box padding" title="15px" content="15px">
|
|
<meta name="select:description box padding" title="17px" content="17px">
|
|
|
|
<meta name="select:description font size" title="12px" content="12px">
|
|
<meta name="select:description font size" title="10px" content="10px">
|
|
<meta name="select:description font size" title="11px" content="11px">
|
|
<meta name="select:description font size" title="13px" content="13px">
|
|
<meta name="select:description font size" title="14px" content="14px">
|
|
|
|
<meta name="select:description text align" title="justify" content="justify">
|
|
<meta name="select:description text align" title="left" content="left">
|
|
<meta name="select:description text align" title="right" content="right">
|
|
<meta name="select:description text align" title="center" content="center">
|
|
|
|
<meta name="select:description line height" title="90%" content="1.4">
|
|
<meta name="select:description line height" title="70%" content="1.2">
|
|
<meta name="select:description line height" title="80%" content="1.3">
|
|
<meta name="select:description line height" title="100%" content="1.5">
|
|
<meta name="select:description line height" title="110%" content="1.6">
|
|
<meta name="select:description line height" title="120%" content="1.7">
|
|
|
|
<meta name="select:customlinks per row" title="2" content="2">
|
|
<meta name="select:customlinks per row" title="1" content="1">
|
|
<meta name="select:customlinks per row" title="3" content="3">
|
|
<meta name="select:customlinks per row" title="4" content="4">
|
|
|
|
<meta name="select:customlinks padding" title="6px" content="6px">
|
|
<meta name="select:customlinks padding" title="2px" content="2px">
|
|
<meta name="select:customlinks padding" title="4px" content="4px">
|
|
<meta name="select:customlinks padding" title="8px" content="8px">
|
|
<meta name="select:customlinks padding" title="10px" content="10px">
|
|
|
|
<meta name="select:customlinks font size" title="9px" content="9px">
|
|
<meta name="select:customlinks font size" title="8px" content="8px">
|
|
<meta name="select:customlinks font size" title="10px" content="10px">
|
|
<meta name="select:customlinks font size" title="11px" content="11px">
|
|
<meta name="select:customlinks font size" title="12px" content="12px">
|
|
|
|
<meta name="select:customlinks spacing" title="8px" content="8px">
|
|
<meta name="select:customlinks spacing" title="2px" content="2px">
|
|
<meta name="select:customlinks spacing" title="4px" content="4px">
|
|
<meta name="select:customlinks spacing" title="6px" content="6px">
|
|
<meta name="select:customlinks spacing" title="8px" content="8px">
|
|
<meta name="select:customlinks spacing" title="10px" content="10px">
|
|
|
|
<meta name="select:window margin" title="70px" content="70px">
|
|
<meta name="select:window margin" title="50px" content="50px">
|
|
<meta name="select:window margin" title="60px" content="60px">
|
|
<meta name="select:window margin" title="80px" content="80px">
|
|
<meta name="select:window margin" title="90px" content="90px">
|
|
|
|
<meta name="select:photoset spacing" title="4px" content="4px">
|
|
<meta name="select:photoset spacing" title="2px" content="2px">
|
|
<meta name="select:photoset spacing" title="6px" content="6px">
|
|
<meta name="select:photoset spacing" title="10px" content="10px">
|
|
|
|
<meta name="select:post width" title="500px" content="500px">
|
|
<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="fit to screen" content="fit">
|
|
|
|
<meta name="select:post padding" title="none" content="0px">
|
|
<meta name="select:post padding" title="8px" content="8px">
|
|
<meta name="select:post padding" title="10px" content="10px">
|
|
<meta name="select:post padding" title="12px" content="12px">
|
|
<meta name="select:post padding" title="15px" content="15px">
|
|
<meta name="select:post padding" title="20px" content="20px">
|
|
|
|
<meta name="select:post font size" title="13px" content="13px">
|
|
<meta name="select:post font size" title="11px" content="11px">
|
|
<meta name="select:post font size" title="12px" content="12px">
|
|
<meta name="select:post font size" title="14px" content="14px">
|
|
<meta name="select:post font size" title="15px" content="15px">
|
|
<meta name="select:post font size" title="16px" content="16px">
|
|
|
|
<meta name="select:post buttons size" title="13px" content="13px">
|
|
<meta name="select:post buttons size" title="11px" content="11px">
|
|
<meta name="select:post buttons size" title="15px" content="15px">
|
|
|
|
<meta name="select:post buttons spacing" title="6px" content="6px">
|
|
<meta name="select:post buttons spacing" title="4px" content="4px">
|
|
<meta name="select:post buttons spacing" title="8px" content="8px">
|
|
|
|
<meta name="select:post spacing" title="50px" content="50px">
|
|
<meta name="select:post spacing" title="30px" content="30px">
|
|
<meta name="select:post spacing" title="40px" content="40px">
|
|
<meta name="select:post spacing" title="60px" content="60px">
|
|
<meta name="select:post spacing" title="70px" content="70px">
|
|
|
|
<meta name="select:post text line height" title="1.7" content="1.7">
|
|
<meta name="select:post text line height" title="1.5" content="1.5">
|
|
<meta name="select:post text line height" title="1.9" content="1.9">
|
|
|
|
<meta name="if:hide textboxes" content="0">
|
|
<meta name="if:show music player" content="1">
|
|
<meta name="if:reblog separators" content="1">
|
|
<meta name="if:full width reblog separators" content="0">
|
|
<meta name="if:black tumblr controls" content="0">
|
|
|
|
<meta name="text:textbox 1 title" content="welcome">
|
|
<meta name="text:textbox 1 text" content="Some text here">
|
|
<meta name="text:textbox 2 title" content="about">
|
|
<meta name="text:textbox 2 text" content="*stat name: stat detail
*stat name: stat detail
*stat name: stat detail">
|
|
<meta name="text:textbox 3 title" content="to-do list">
|
|
<meta name="text:textbox 3 text" content="<li>bullet points">
|
|
|
|
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
|
|
<meta name="text:music player song name" content="BURY THE LIGHT">
|
|
<meta name="text:music player song mp3 url" content="https://rhizo.gitlab.io/m/Bury_the_Light.mp3">
|
|
|
|
<meta name="text:sidebar title" content="I am the storm<br>that is approaching —">
|
|
|
|
<meta name="text:customlink 1 name" content="dashboard">
|
|
<meta name="text:customlink 1 URL" content="//tumblr.com">
|
|
<meta name="text:customlink 2 name" content="">
|
|
<meta name="text:customlink 2 URL" content="">
|
|
<meta name="text:customlink 3 name" content="">
|
|
<meta name="text:customlink 3 URL" content="">
|
|
<meta name="text:customlink 4 name" content="">
|
|
<meta name="text:customlink 4 URL" content="">
|
|
<meta name="text:customlink 5 name" content="">
|
|
<meta name="text:customlink 5 URL" content="">
|
|
<meta name="text:customlink 6 name" content="">
|
|
<meta name="text:customlink 6 URL" content="">
|
|
|
|
<!-------------------------------------->
|
|
<style type="text/css">
|
|
|
|
@font-face { font-family: "canela"; src: url('//glen-assets.github.io/fonts/Canela-Regular-Web.ttf'); }
|
|
|
|
/*------------ TOOLTIPS ------------*/
|
|
#s-m-t-tooltip {
|
|
margin:16px;
|
|
max-width:var(--Post-Width);
|
|
padding:7px 9px;
|
|
background:{color:sidebar background};
|
|
border:.5px solid rgba({RGBcolor:customlinks border},0.8);
|
|
border-radius:2px;
|
|
font-family:space grotesk;
|
|
font-size:calc({select:post font size} - 4px);
|
|
letter-spacing:1px;
|
|
text-transform:uppercase;
|
|
color:{color:customlinks text};
|
|
z-index:99;
|
|
}
|
|
|
|
/*------------ TUMBLR CONTROLS ------------*/
|
|
iframe#tumblr_controls, .iframe-controls--desktop {
|
|
top:5px!important;
|
|
right:5px!important;
|
|
position:fixed!important;
|
|
|
|
{block:ifblacktumblrcontrols}
|
|
filter:invert(100%) hue-rotate(180deg);
|
|
-webkit-filter:invert(100%) hue-rotate(180deg);
|
|
{/block:ifblacktumblrcontrols}
|
|
|
|
transform:scale(0.7,0.7);
|
|
-webkit-transform:scale(0.7,0.7);
|
|
|
|
transform-origin:100% 0;
|
|
z-index:999999!important;
|
|
}
|
|
|
|
/*------------ BASICS ------------*/
|
|
* {
|
|
position:relative;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
body {
|
|
background:{color:background};
|
|
font-family:k2d;
|
|
color:{color:text};
|
|
}
|
|
|
|
img {
|
|
vertical-align:middle;
|
|
}
|
|
|
|
a, a:visited {
|
|
color:{color:link};
|
|
text-decoration:none;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin:var(--Heading-Margins) 0;
|
|
font-family:chakra petch;
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
font-size:calc({select:post font size} + 2px);
|
|
}
|
|
|
|
h1.title, a.linkpath {
|
|
display:block;
|
|
margin-bottom:calc(var(--Heading-Margins) * 2);
|
|
font-family:canela;
|
|
font-weight:normal;
|
|
font-size:{select:post font size};
|
|
text-transform:uppercase;
|
|
letter-spacing:2px;
|
|
text-align:center;
|
|
}
|
|
|
|
a.linkpath {
|
|
border:.5px solid {color:reblog separators};
|
|
padding:var(--Captions-Gap);
|
|
}
|
|
|
|
a.linkpath span {
|
|
display:inline-block;
|
|
vertical-align:middle;
|
|
margin-left:3px;
|
|
font-family:karla;
|
|
font-size:calc({select:post font size} - 2px);
|
|
}
|
|
|
|
.link-description {
|
|
margin-top:calc(var(--Heading-Margins) / 2);
|
|
}
|
|
|
|
p:first-child {
|
|
margin-top:0;
|
|
}
|
|
|
|
p:last-child {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
p {
|
|
margin:var(--Paragraph-Margins) 0;
|
|
}
|
|
|
|
ul, ol {
|
|
margin-left:1.69em;
|
|
}
|
|
|
|
ol li {
|
|
padding-left:0.420em;
|
|
}
|
|
|
|
ul li {
|
|
position:relative;
|
|
padding-left:0.25em;
|
|
margin-left:calc(({select:post font size} * 1.420) - 3px);
|
|
list-style:none;
|
|
}
|
|
|
|
ul li:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;
|
|
margin-top:calc(({select:post font size} * {select:post text line height}) / 2);
|
|
transform:scale(1.069);
|
|
left:0;margin-left:calc(({select:post font size} * -1.420) - 3px);
|
|
width:{select:post font size};
|
|
height:.7px;
|
|
background:rgba({RGBcolor:text},0.8);
|
|
}
|
|
|
|
.flex {
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.flex.space-between {
|
|
justify-content:space-between;
|
|
}
|
|
|
|
ion-icon:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
pre {
|
|
display:block;
|
|
white-space:break-spaces;
|
|
padding:var(--Captions-Gap);
|
|
border:1px solid rgba({RGBcolor:post dividers},0.420);
|
|
border-radius:3px;
|
|
margin:1em 0;
|
|
}
|
|
|
|
pre, code {
|
|
font-family:cousine;
|
|
font-size:calc({select:post font size} - 1.5px);
|
|
}
|
|
|
|
hr {
|
|
display:block;
|
|
border:none;
|
|
margin-left:calc((100% - 40%) / 2);
|
|
width:40%;
|
|
height:.7px;
|
|
background:linear-gradient(to right, transparent, rgba({RGBcolor:post dividers},0.69), transparent);
|
|
}
|
|
|
|
:root {
|
|
--Scrollbar-Width:13px;
|
|
|
|
--Music-Player-Vinyl:{color:textbox text};
|
|
--Vinyl-Icon-Size:calc({select:textbox font size} * 1.25);
|
|
--Vinyl-Spin-Speed:3.5s;
|
|
--Music-Controls-Size:{select:textbox font size};
|
|
|
|
--Post-Width:{select:post width};
|
|
|
|
--Photos-Spacing:{select:photoset spacing};
|
|
|
|
--Posts-Avatar-Size:24px;
|
|
--Captions-Gap:12px;
|
|
|
|
--Blockquote-Border-Color:rgba({RGBcolor:text},0.7);
|
|
|
|
--Paragraph-Margins:0.69em;
|
|
--Heading-Margins:0.5em;
|
|
|
|
--NPF-Image-Spacing:{select:photoset spacing};
|
|
/*--NPF-Caption-Spacing:calc((var(--Captions-Gap) + 1.69em) / 2);*/
|
|
--NPF-Caption-Spacing:var(--Captions-Gap);
|
|
|
|
--Audio-Post-Album-Image-Size:64px;
|
|
--Audio-Post-PlayButton-Size:18px;
|
|
--Audio-Post-PlayButton-Padding:8px;
|
|
--Audio-Post-Download-Size:calc({select:post font size} + 4px);
|
|
--Audio-Post-Download-Color:{color:link};
|
|
|
|
--Like-Button-Liked:#f75c64;
|
|
|
|
--Sidebar-Background:{color:sidebar background};
|
|
}
|
|
|
|
html[post-width="fit"]:root {
|
|
{block:ifhidetextboxes}
|
|
--Post-Width:calc(100vw - {select:sidebar width} - ({select:sidebar margins} * 4) - 5vw);
|
|
{/block:ifhidetextboxes}
|
|
|
|
{block:ifnothidetextboxes}
|
|
--Post-Width:calc(100vw - {select:sidebar width} - ({select:sidebar margins} * 6) - {select:textbox width} - 5vw);
|
|
{/block:ifnothidetextboxes}
|
|
}
|
|
|
|
a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
|
|
padding-bottom:0!important;
|
|
border-bottom:none!important;
|
|
}
|
|
|
|
.spotify_audio_player {
|
|
height:80px!important;
|
|
}
|
|
|
|
/*--------------------SCROLLBAR--------------------*/
|
|
::-webkit-scrollbar {
|
|
width:var(--Scrollbar-Width);
|
|
height:var(--Scrollbar-Width);
|
|
background:{color:sidebar background};
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
border:calc((var(--Scrollbar-Width) - 1px) / 2) solid {color:sidebar background};
|
|
background:{color:scrollbar thumb};
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
border:calc((var(--Scrollbar-Width) - 1px) / 2) solid {color:sidebar background};
|
|
background:{color:scrollbar track};
|
|
}
|
|
|
|
::-webkit-scrollbar-button {
|
|
width:5px;
|
|
height:5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background:{color:sidebar background};
|
|
}
|
|
|
|
/*------------ RIGHT SIDEBAR ------------*/
|
|
.rightside {
|
|
position:fixed;
|
|
top:0;right:0;
|
|
width:calc({select:sidebar width} + ({select:sidebar margins} * 2));
|
|
background:{color:sidebar background};
|
|
height:100vh;
|
|
z-index:6;
|
|
}
|
|
|
|
.succ {
|
|
position:relative;
|
|
margin-top:{select:sidebar margins};
|
|
margin-left:{select:sidebar margins};
|
|
width:calc(100% - ({select:sidebar margins} * 2));
|
|
height:calc(100% - ({select:sidebar margins} * 2));
|
|
display:table;
|
|
}
|
|
|
|
.oat {
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.oat > * {
|
|
padding:calc({select:sidebar items spacing} / 4) 0;
|
|
}
|
|
|
|
.bigsidetiddy {
|
|
margin:calc((({select:sidebar title size} * {select:sidebar title line height}) - {select:sidebar title size}) / -2.69);
|
|
font-family:canela;
|
|
font-size:{select:sidebar title size};
|
|
text-transform:uppercase;
|
|
letter-spacing:2px;
|
|
color:{color:sidebar title};
|
|
line-height:{select:sidebar title line height};
|
|
text-align:{select:sidebar title text align};
|
|
}
|
|
|
|
.ministuff {
|
|
display:flex;
|
|
align-items:center;
|
|
line-height:1em;
|
|
z-index:2;
|
|
}
|
|
|
|
.ministuff img {
|
|
width:{select:sidebar icon size};
|
|
height:{select:sidebar icon size};
|
|
padding:{select:sidebar icon padding};
|
|
background:{select:sidebar icon border inner};
|
|
border:.5px solid {color:sidebar icon border outer};
|
|
border-radius:100%;
|
|
}
|
|
|
|
.ministuff span {
|
|
display:block;
|
|
margin-left:9px;
|
|
}
|
|
|
|
.ministuff span[blog-title] {
|
|
padding-left:1px;
|
|
margin-bottom:-1px;
|
|
font-family:chakra petch;
|
|
font-size:{select:sidebar username size};
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:{color:sidebar username};
|
|
}
|
|
|
|
.ministuff span[username]:before {
|
|
content:"@";
|
|
margin-right:1.5px;
|
|
}
|
|
|
|
.ministuff span[username] {
|
|
font-family:karla;
|
|
font-size:calc({select:sidebar username size} - 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:rgba({RGBcolor:sidebar username},0.8);
|
|
}
|
|
|
|
.ministuff span[username]:only-child {
|
|
font-size:{select:sidebar username size};
|
|
}
|
|
|
|
.vergin {
|
|
width:100%;
|
|
}
|
|
|
|
/*------------ DEFAULT NAVLINKS ------------*/
|
|
.cheese {
|
|
display:flex;
|
|
align-items:stretch;
|
|
}
|
|
|
|
.custard {
|
|
margin:-{select:navlinks spacing} 0;
|
|
padding-right:{select:navlinks spacing};
|
|
}
|
|
|
|
.custard a {
|
|
display:block;
|
|
margin:{select:navlinks spacing} 0;
|
|
width:calc({select:navlinks icon size} + ({select:navlinks padding} * 2) + 1px);
|
|
font-size:0; /* kill whitespace */
|
|
}
|
|
|
|
.custard a > * {
|
|
pointer-events:none;
|
|
}
|
|
|
|
.custard ion-icon, .glenjamin {
|
|
padding:{select:navlinks padding};
|
|
border:.5px solid {color:navlinks border};
|
|
border-radius:3px;
|
|
font-size:{select:navlinks icon size};
|
|
color:{color:navlinks icon};
|
|
line-height:1em;
|
|
}
|
|
|
|
.glenjamin {
|
|
width:{select:navlinks icon size};
|
|
height:{select:navlinks icon size};
|
|
}
|
|
|
|
.glenjamin svg {
|
|
display:block;
|
|
margin-left:.5px;
|
|
width:100%;
|
|
height:100%;
|
|
fill:{color:navlinks icon};
|
|
}
|
|
|
|
/*------------ DESCRIPTION BOX ------------*/
|
|
.ouai {
|
|
width:100%;
|
|
border:.5px solid {color:description box border};
|
|
border-radius:3px;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.desc {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
margin-top:{select:description box padding};
|
|
margin-left:calc({select:description box padding} * 1.2);
|
|
width:calc(100% - (({select:description box padding} * 1.2) * 2) + ((var(--Scrollbar-Width) - 1px) / 2));
|
|
height:calc(100% - ({select:description box padding} * 2));
|
|
padding-right:calc((var(--Scrollbar-Width) - 1px) / 2);
|
|
font-family:k2d;
|
|
letter-spacing:.1px;
|
|
font-size:{select:description font size};
|
|
text-align:{select:description text align};
|
|
line-height:{select:description line height};
|
|
overflow:auto;
|
|
color:{color:description text};
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.desc a {
|
|
color:{color:description hyperlinks};
|
|
}
|
|
|
|
.desc::-webkit-scrollbar-thumb {
|
|
border-top:none;
|
|
border-bottom:none;
|
|
background:{color:description box border};
|
|
}
|
|
|
|
.desc::-webkit-scrollbar-track {
|
|
border-color:{color:sidebar background};
|
|
background:{color:sidebar background};
|
|
}
|
|
|
|
.desc::-webkit-scrollbar-button {
|
|
width:2px;
|
|
height:2px;
|
|
}
|
|
|
|
/*------------ CUSTOM LINKS ------------*/
|
|
.pasta {
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
justify-content:center;
|
|
margin:calc({select:customlinks spacing} / -2);
|
|
}
|
|
|
|
.beurre {
|
|
display:block;
|
|
margin:calc({select:customlinks spacing} / 2);
|
|
width:calc((100% - ({select:customlinks spacing} * {select:customlinks per row})) / {select:customlinks per row});
|
|
font-size:0; /* kill whitespace */
|
|
}
|
|
|
|
.miel {
|
|
padding:{select:customlinks padding} 0;
|
|
border:.5px solid {color:customlinks border};
|
|
border-radius:2px;
|
|
}
|
|
|
|
.miel span {
|
|
display:block;
|
|
margin-left:calc({select:customlinks padding} * 1.2);
|
|
width:calc(100% - ({select:customlinks padding} * 1.2 * 2));
|
|
font-family:space grotesk;
|
|
font-size:{select:customlinks font size};
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:{color:customlinks text};
|
|
overflow:hidden;
|
|
text-align:center;
|
|
}
|
|
|
|
/*------------ TEXTBOXES COLUMN ------------*/
|
|
.howmanyyears {
|
|
position:fixed;
|
|
top:0;
|
|
right:0;margin-right:calc({select:sidebar width} + ({select:sidebar margins} * 2));
|
|
width:calc({select:textbox width} + ({select:sidebar margins} * 2));
|
|
height:100vh;
|
|
z-index:6;
|
|
{block:ifhidetextboxes}display:none;{/block:ifhidetextboxes}
|
|
}
|
|
|
|
.twohondred {
|
|
position:relative;
|
|
margin-top:{select:sidebar margins};
|
|
margin-left:{select:sidebar margins};
|
|
width:calc(100% - ({select:sidebar margins} * 2));
|
|
height:calc(100% - ({select:sidebar margins} * 2));
|
|
display:table;
|
|
}
|
|
|
|
.dirk {
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.dirk > * {
|
|
margin:{select:textbox spacing} 0;
|
|
}
|
|
|
|
.onebox {
|
|
}
|
|
|
|
.boxtitle {
|
|
text-align:center;
|
|
font-size:0; /* kill whitespace */
|
|
}
|
|
|
|
.boxtitle span {
|
|
margin:auto;
|
|
padding-bottom:{select:textbox divider spacing};
|
|
font-family:canela;
|
|
font-size:{select:textbox title size};
|
|
text-transform:uppercase;
|
|
letter-spacing:1.5px;
|
|
color:{color:textbox title};
|
|
}
|
|
|
|
.boxtitle span:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;margin-left:calc(69% / -2);
|
|
width:calc(100% + 69%);
|
|
height:1px;
|
|
background:linear-gradient(to right, transparent, {color:textbox divider}, transparent);
|
|
}
|
|
|
|
.boxtext {
|
|
margin-top:calc(({select:textbox divider spacing} * 2) - 1px);
|
|
font-family:k2d;
|
|
font-size:{select:textbox font size};
|
|
letter-spacing:.1px;
|
|
color:{color:textbox text};
|
|
line-height:{select:textbox line height};
|
|
text-align:{select:textbox text align};
|
|
}
|
|
|
|
.boxtext a {
|
|
color:{color:textbox hyperlinks};
|
|
}
|
|
|
|
.boxtext .dot {
|
|
width:0;
|
|
font-size:0;
|
|
}
|
|
|
|
.l-row {
|
|
display:flex;
|
|
align-items:baseline;
|
|
justify-content:space-between;
|
|
margin-bottom:2px;
|
|
letter-spacing:0px;
|
|
}
|
|
|
|
.l-row:last-of-type {margin-bottom:0}
|
|
|
|
.holly {
|
|
font-family:chakra petch;
|
|
font-size:calc({select:textbox font size} - 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
text-align:left;
|
|
}
|
|
|
|
.wood {
|
|
font-family:karla;
|
|
font-size:calc({select:textbox font size} - 1.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
text-align:right;
|
|
}
|
|
|
|
.boxtext ul, .boxtext ol, .boxtext li {
|
|
margin:0;
|
|
padding:0;
|
|
text-align:left;
|
|
}
|
|
|
|
.boxtext ul {
|
|
margin-left:calc(({select:textbox font size} * 1.69) + 6px);
|
|
}
|
|
|
|
.boxtext li:before {
|
|
margin-top:calc(({select:textbox font size} * {select:textbox line height}) / 2);
|
|
margin-left:calc(({select:textbox font size} * -1.69) - 6px);
|
|
width:calc({select:textbox font size} * 1.69);
|
|
background:linear-gradient(to right, transparent, {color:textbox divider}, transparent);
|
|
}
|
|
|
|
/*------------ MUSIC PLAYER ------------*/
|
|
.pates {
|
|
position:relative;
|
|
display:flex;
|
|
align-items:center;
|
|
margin-left:3px;
|
|
padding-top:{select:textbox spacing};
|
|
}
|
|
|
|
.pates > * {
|
|
line-height:1em;
|
|
}
|
|
|
|
.pates:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;
|
|
left:0;margin-left:calc((100% - 69%) / 2);
|
|
width:69%;
|
|
height:1px;
|
|
background:linear-gradient(to right, transparent, {color:textbox divider}, transparent);
|
|
}
|
|
|
|
.vinyl-spin {
|
|
animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
|
|
-webkit-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
|
|
-moz-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
|
|
-o-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
|
|
}
|
|
|
|
.vinyl-pause {
|
|
animation-play-state:paused;
|
|
-webkit-animation-play-state:paused;
|
|
-moz-animation-play-state:paused;
|
|
-o-animation-play-state:paused;
|
|
}
|
|
|
|
@-webkit-keyframes recordspin {
|
|
from {
|
|
-webkit-transform:rotate(0deg);
|
|
-o-transform:rotate(0deg);
|
|
transform:rotate(0deg);
|
|
}
|
|
to {
|
|
-webkit-transform:rotate(360deg);
|
|
-o-transform:rotate(360deg);
|
|
transform:rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes recordspin {
|
|
from {
|
|
-ms-transform:rotate(0deg);
|
|
-moz-transform:rotate(0deg);
|
|
-webkit-transform:rotate(0deg);
|
|
-o-transform:rotate(0deg);
|
|
transform:rotate(0deg);
|
|
}
|
|
to {
|
|
-ms-transform:rotate(360deg);
|
|
-moz-transform:rotate(360deg);
|
|
-webkit-transform:rotate(360deg);
|
|
-o-transform:rotate(360deg);
|
|
transform:rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.vinyl {margin-top:.5px}
|
|
|
|
.vinyl, .vinyl svg {
|
|
width:var(--Vinyl-Icon-Size);
|
|
height:var(--Vinyl-Icon-Size);
|
|
}
|
|
|
|
.music-controls {
|
|
margin-left:8px;
|
|
width:var(--Music-Controls-Size);
|
|
overflow:hidden;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.music-controls svg {
|
|
width:var(--Music-Controls-Size);
|
|
height:var(--Music-Controls-Size);
|
|
color:{color:textbox text};
|
|
stroke-width:1.5px;
|
|
}
|
|
|
|
.pausee {display:none;}
|
|
|
|
.beff {display:none;}
|
|
.aff {display:block;}
|
|
|
|
.music-title {
|
|
margin-top:.5px;
|
|
margin-left:7px;
|
|
font-family:space grotesk;
|
|
font-size:calc({select:textbox font size} - 2.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:{color:textbox text};
|
|
}
|
|
|
|
/*------------ MAIN POSTS ------------*/
|
|
.postscont {
|
|
position:absolute;
|
|
top:0;margin-top:{select:window margin};
|
|
right:0;
|
|
|
|
{block:ifhidetextboxes}
|
|
margin-right:calc({select:sidebar width} + ({select:sidebar margins} * 3));
|
|
{/block:ifhidetextboxes}
|
|
|
|
{block:ifnothidetextboxes}
|
|
margin-right:calc({select:sidebar width} + ({select:sidebar margins} * 5) + {select:textbox width});
|
|
{/block:ifnothidetextboxes}
|
|
|
|
min-width:calc(var(--Post-Width) + ({select:post padding} * 2));
|
|
font-size:{select:post font size};
|
|
color:{color:text};
|
|
line-height:{select:post text line height};
|
|
}
|
|
|
|
.posts {
|
|
position:relative;
|
|
margin-bottom:calc({select:post spacing} * 2);
|
|
padding:{select:post padding};
|
|
background:{color:post};
|
|
width:var(--Post-Width);
|
|
}
|
|
|
|
.posts:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;margin-bottom:-{select:post spacing};
|
|
left:0;
|
|
width:100%;
|
|
height:1px;
|
|
background:linear-gradient(to right, transparent, {color:post dividers}, transparent);
|
|
}
|
|
|
|
.posts blockquote {
|
|
margin:calc(var(--Posts-Avatar-Size) / 2);
|
|
padding-left:calc(var(--Posts-Avatar-Size) / 2);
|
|
border-left:1px solid var(--Blockquote-Border-Color);
|
|
}
|
|
|
|
/*------------ REBLOG STYLING ------------*/
|
|
.caption {
|
|
margin-top:var(--NPF-Caption-Spacing);
|
|
}
|
|
|
|
.caption a, .body a, .answer_text a, .reply a {
|
|
padding-bottom:1px;
|
|
border-bottom:0.5px solid rgba({RGBcolor:link},0.420);
|
|
}
|
|
|
|
.comment_container {
|
|
{block:ifreblogseparators}
|
|
padding:calc(var(--Captions-Gap) / 2) 0;
|
|
border-bottom:1px solid {color:reblog separators};
|
|
{block:iffullwidthreblogseparators}
|
|
margin:0 -{select:post padding};
|
|
padding-left:{select:post padding};
|
|
padding-right:{select:post padding};
|
|
{/block:iffullwidthreblogseparators}
|
|
{/block:ifreblogseparators}
|
|
|
|
{block:ifnotreblogseparators}
|
|
padding:calc(var(--Captions-Gap) / 2.5) 0;
|
|
{/block:ifnotreblogseparators}
|
|
}
|
|
|
|
.comment_container:first-of-type, .ccfirst {
|
|
padding-top:0px;
|
|
border-top:0px solid transparent;
|
|
}
|
|
|
|
.comment_container:last-of-type, .cclast {
|
|
padding-bottom:0px;
|
|
border-bottom:0px solid transparent;
|
|
}
|
|
|
|
.commenter {
|
|
margin:0.69em 0;
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.commenter img {
|
|
width:var(--Posts-Avatar-Size);
|
|
height:var(--Posts-Avatar-Size);
|
|
border-radius:100%;
|
|
}
|
|
|
|
.commenter a {
|
|
padding-left:7px;
|
|
padding-bottom:0;
|
|
border-bottom:none;
|
|
font-family:sora;
|
|
font-size:calc({select:post font size} - 4.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:{color:reblogger};
|
|
}
|
|
|
|
.nosrc {
|
|
display:none;
|
|
margin-top:0;
|
|
}
|
|
|
|
/*----- PHOTO POSTS -----*/
|
|
.photopic {
|
|
width:100%;
|
|
cursor:help;
|
|
}
|
|
|
|
.npf_inst img {
|
|
cursor:help;
|
|
}
|
|
|
|
/*----- PHOTOSETS -----*/
|
|
[photoset-layout] {
|
|
grid-gap:{select:photoset spacing};
|
|
}
|
|
|
|
[photoset-layout] div {
|
|
cursor:help;
|
|
}
|
|
|
|
/*----- CHAT POSTS -----*/
|
|
.chatholder {
|
|
margin:0;
|
|
margin-bottom:-.5px;
|
|
padding:calc(var(--Captions-Gap) * 0.8) calc(var(--Captions-Gap) * 1);
|
|
border:.5px solid {color:reblog separators};
|
|
}
|
|
|
|
.chat_label {
|
|
margin-right:4px;
|
|
font-family:space grotesk;
|
|
text-transform:uppercase;
|
|
font-size:calc({select:post font size} - 3px);
|
|
letter-spacing:1px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.chat_content {
|
|
}
|
|
|
|
/*----- ASK POSTS -----*/
|
|
.asker_ {
|
|
display:block;
|
|
text-align:center;
|
|
}
|
|
|
|
.asker_, .asker_ a {
|
|
font-family:sora;
|
|
font-size:calc({select:post font size} - 2.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.asker_ a {padding:0}
|
|
|
|
.question_text {
|
|
margin-bottom:calc(var(--Paragraph-Margins) / 2);
|
|
padding:0 var(--Captions-Gap);
|
|
text-align:center;
|
|
}
|
|
|
|
.answerer_, .answerer_ a {
|
|
font-family:sora;
|
|
font-size:calc({select:post font size} - 3.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.answerer_ a {margin-right:5px}
|
|
|
|
/*----- AUDIO -----*/
|
|
.tumblr_audio_player[width] {
|
|
width:100%!important;
|
|
height:0!important;
|
|
}
|
|
|
|
.audiocont {
|
|
position:absolute;
|
|
display:none;
|
|
overflow:hidden;
|
|
width:0!important;
|
|
height:0!important;
|
|
opacity:0;
|
|
}
|
|
|
|
.alcove {
|
|
position:relative;
|
|
width:var(--Audio-Post-Album-Image-Size);
|
|
height:var(--Audio-Post-Album-Image-Size);
|
|
}
|
|
|
|
.strawberries {
|
|
position:absolute;
|
|
top:0;margin-top:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
|
|
left:0;margin-left:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
|
|
width:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
|
|
height:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
|
|
}
|
|
|
|
.summer {
|
|
border:1px solid rgba({RGBcolor:text},0.420);
|
|
width:100%;
|
|
height:100%;
|
|
background:{color:post};
|
|
box-sizing:border-box;
|
|
border-radius:100%;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
line-height:1em;
|
|
cursor:pointer;
|
|
user-select:none;
|
|
}
|
|
|
|
.splay {
|
|
margin-top:2px;
|
|
}
|
|
|
|
.splay i, .spause i {
|
|
font-size:var(--Audio-Post-PlayButton-Size);
|
|
color:{color:text};
|
|
}
|
|
|
|
.spause {
|
|
display:none;
|
|
margin-top:2px;
|
|
}
|
|
|
|
.spause i {
|
|
font-size:calc(var(--Audio-Post-PlayButton-Size) - 1px);
|
|
}
|
|
|
|
.a-lbum-img {
|
|
width:100%;
|
|
height:100%;
|
|
border-radius:3px;
|
|
visibility:hidden;
|
|
}
|
|
|
|
.tin {
|
|
width:calc(100% - var(--Audio-Post-Album-Image-Size));
|
|
height:var(--Audio-Post-Album-Image-Size);
|
|
}
|
|
|
|
.trackinfo {
|
|
margin-left:14px;
|
|
line-height:calc({select:post text line height} * 0.9);
|
|
}
|
|
|
|
.t-name, .npf-audio-title {
|
|
font-weight:bold;
|
|
font-family:chakra petch;
|
|
font-size:calc({select:post font size} - 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.t-artist, .npf-audio-artist {
|
|
color:rgba({RGBcolor:text},0.85);
|
|
}
|
|
|
|
.dongload {
|
|
text-transform:initial!important;
|
|
padding:5px 0 5px 5px;
|
|
border-bottom:none!important;
|
|
}
|
|
|
|
.dongload svg {
|
|
width:var(--Audio-Post-Download-Size);
|
|
height:var(--Audio-Post-Download-Size);
|
|
stroke:var(--Audio-Post-Download-Color);
|
|
stroke-width:1.5px;
|
|
pointer-events:none;
|
|
}
|
|
|
|
/*----- VIDEOS -----*/
|
|
video {
|
|
display:block;
|
|
outline:none;
|
|
cursor:default;
|
|
width:100%;
|
|
}
|
|
|
|
/*----- TAGS -----*/
|
|
.tagholder {
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
justify-content:flex-end;
|
|
text-align:right;
|
|
margin:0 -4px;
|
|
margin-top:var(--Captions-Gap);
|
|
font-family:space grotesk;
|
|
font-size:calc({select:post font size} - 3px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
line-height:1.5em;
|
|
}
|
|
|
|
.tagholder a {
|
|
display:block;
|
|
margin:0 4px;
|
|
color:{color:tags};
|
|
}
|
|
|
|
/*------------ PERMALINK ------------*/
|
|
.permarow {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
margin-top:calc(var(--Captions-Gap) * 1.25);
|
|
font-family:chakra petch;
|
|
text-transform:uppercase;
|
|
font-size:calc({select:post font size} - 3px);
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.permarow a {
|
|
color:{color:permalink};
|
|
}
|
|
|
|
.permaleft {
|
|
flex:1;
|
|
}
|
|
|
|
.permaleft ion-icon {
|
|
margin-top:-1px;
|
|
margin-right:7px;
|
|
font-size:calc({select:post font size} - 1px);
|
|
color:{color:permalink};
|
|
}
|
|
|
|
.permaleft span {
|
|
margin-left:2px;
|
|
}
|
|
|
|
.lineage {
|
|
margin:0 6px;
|
|
width:30px;
|
|
height:.7px;
|
|
background:linear-gradient(to right, transparent, rgba({RGBcolor:permalink},0.69), transparent);
|
|
}
|
|
|
|
.permaright, .les-controls {
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.les-controls > a {
|
|
display:block;
|
|
margin-right:{select:post buttons spacing};
|
|
width:{select:post buttons size};
|
|
height:{select:post buttons size};
|
|
}
|
|
|
|
.les-controls svg {
|
|
display:block;
|
|
width:100%;
|
|
height:100%;
|
|
fill:{color:post buttons};
|
|
}
|
|
|
|
.permaright a {margin-right:{select:post buttons spacing};}
|
|
.permaright a:last-of-type {margin-right:0;}
|
|
|
|
.retweet svg {
|
|
transform:scaleX(-1);
|
|
}
|
|
|
|
.likecont {
|
|
position:relative;
|
|
}
|
|
|
|
.like_button {
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.like_button iframe {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
opacity:0;
|
|
z-index:2;
|
|
}
|
|
|
|
.like_button.liked + .heart svg {
|
|
fill:var(--Like-Button-Liked)!important;
|
|
}
|
|
|
|
/*----- POST NOTES -----*/
|
|
.notescont {
|
|
margin-bottom:calc({select:window margin} - 1.25em);
|
|
width:calc(var(--Post-Width) + ({select:post padding} * 2));
|
|
}
|
|
|
|
ol.notes {
|
|
margin:0;
|
|
padding:0 {select:post padding};
|
|
list-style:none;
|
|
}
|
|
|
|
ol.notes .avatar {
|
|
display:none;
|
|
}
|
|
|
|
ol.notes a {
|
|
font-family:chakra petch;
|
|
font-size:calc({select:post font size} - 3px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
ol.notes li {
|
|
margin-bottom:1.25em;
|
|
padding:0;
|
|
}
|
|
|
|
ol.notes blockquote {
|
|
margin:1em;
|
|
padding-left:1em;
|
|
border-left:var(--Blockquote-Border-Color);
|
|
}
|
|
|
|
.more_notes_link_container {
|
|
margin-top:{select:post padding};
|
|
}
|
|
|
|
/*------- PAGINATION -------*/
|
|
.botpagi {
|
|
margin-bottom:{select:window margin};
|
|
width:100%;
|
|
}
|
|
|
|
.botpagi span {
|
|
padding:0 4px;
|
|
font-family:canela;
|
|
font-size:calc({select:post font size} - 3.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.5px;
|
|
color:{color:link};
|
|
}
|
|
|
|
.botpagi svg {
|
|
width:calc({select:post font size} + 1px);
|
|
height:calc({select:post font size} + 1px);
|
|
color:{color:link};
|
|
}
|
|
|
|
.pn {
|
|
margin-left:auto;
|
|
}
|
|
|
|
a.read_more {
|
|
display:block;
|
|
padding:0;
|
|
border:none;
|
|
margin-top:calc(var(--Paragraph-Margins) * 1.69);
|
|
font-family:chakra petch;
|
|
font-size:calc({select:post font size} - 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.3px;
|
|
text-align:center;
|
|
}
|
|
|
|
a.read_more:before {
|
|
content:"[";
|
|
margin-right:5px;
|
|
opacity:0.8;
|
|
}
|
|
|
|
a.read_more:after {
|
|
content:"]";
|
|
margin-left:5px;
|
|
opacity:0.8;
|
|
}
|
|
|
|
{CustomCSS}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!------ RIGHT SIDEBAR ------>
|
|
<div class="rightside">
|
|
<div class="succ">
|
|
<div class="oat">
|
|
{block:ifsidebartitle}
|
|
<div class="bigsidetiddy">{text:sidebar title}</div>
|
|
{/block:ifsidebartitle}
|
|
|
|
<a class="ministuff" href="//{Name}.tumblr.com">
|
|
<img src="{image:sidebar icon}">
|
|
|
|
<div>
|
|
<span blog-title>{Title}</span>
|
|
<span username>{Name}</span>
|
|
</div>
|
|
</a>
|
|
|
|
<img class="vergin" src="{image:sidebar image}">
|
|
|
|
<div class="cheese">
|
|
<div class="custard">
|
|
<a href="/" title="home">
|
|
<ion-icon name="home-outline"></ion-icon>
|
|
</a>
|
|
|
|
<a href="/ask" title="ask">
|
|
<ion-icon name="mail-open-outline"></ion-icon>
|
|
</a>
|
|
|
|
<a href="/archive" title="archive">
|
|
<ion-icon name="calendar-outline"></ion-icon>
|
|
</a>
|
|
|
|
<a href="//glenthemes.tumblr.com" title="theme by glenthemes">
|
|
<div class="glenjamin"></div>
|
|
</a>
|
|
</div><!--custard-->
|
|
|
|
<div class="ouai">
|
|
<div class="desc">{Description}</div>
|
|
</div>
|
|
</div><!--cheese-->
|
|
|
|
<div class="pasta">
|
|
{block:ifcustomlink1name}
|
|
<a class="beurre" href="{text:customlink 1 URL}">
|
|
<div class="miel">
|
|
<span>{text:customlink 1 name}</span>
|
|
</div>
|
|
</a>
|
|
{/block:ifcustomlink1name}
|
|
|
|
|
|
{block:ifcustomlink2name}
|
|
<a class="beurre" href="{text:customlink 2 URL}">
|
|
<div class="miel">
|
|
<span>{text:customlink 2 name}</span>
|
|
</div>
|
|
</a>
|
|
{/block:ifcustomlink2name}
|
|
|
|
|
|
{block:ifcustomlink3name}
|
|
<a class="beurre" href="{text:customlink 3 URL}">
|
|
<div class="miel">
|
|
<span>{text:customlink 3 name}</span>
|
|
</div>
|
|
</a>
|
|
{/block:ifcustomlink3name}
|
|
|
|
|
|
{block:ifcustomlink4name}
|
|
<a class="beurre" href="{text:customlink 4 URL}">
|
|
<div class="miel">
|
|
<span>{text:customlink 4 name}</span>
|
|
</div>
|
|
</a>
|
|
{/block:ifcustomlink4name}
|
|
|
|
|
|
{block:ifcustomlink5name}
|
|
<a class="beurre" href="{text:customlink 5 URL}">
|
|
<div class="miel">
|
|
<span>{text:customlink 5 name}</span>
|
|
</div>
|
|
</a>
|
|
{/block:ifcustomlink5name}
|
|
|
|
|
|
{block:ifcustomlink6name}
|
|
<a class="beurre" href="{text:customlink 6 URL}">
|
|
<div class="miel">
|
|
<span>{text:customlink 6 name}</span>
|
|
</div>
|
|
</a>
|
|
{/block:ifcustomlink6name}
|
|
</div><!--pasta-->
|
|
</div><!--oat-->
|
|
</div><!--succ-->
|
|
</div><!--rightside-->
|
|
|
|
|
|
<!------ TEXTBOXES ------>
|
|
<div class="howmanyyears">
|
|
<div class="twohondred">
|
|
<div class="dirk">
|
|
{block:iftextbox1text}
|
|
<div class="onebox">
|
|
<div class="boxtitle"><span>{text:textbox 1 title}</span></div>
|
|
<div class="boxtext">{text:textbox 1 text}</div>
|
|
</div>
|
|
{/block:iftextbox1text}
|
|
|
|
{block:iftextbox2text}
|
|
<div class="onebox">
|
|
<div class="boxtitle"><span>{text:textbox 2 title}</span></div>
|
|
<div class="boxtext">{text:textbox 2 text}</div>
|
|
</div>
|
|
{/block:iftextbox2text}
|
|
|
|
{block:iftextbox3text}
|
|
<div class="onebox">
|
|
<div class="boxtitle"><span>{text:textbox 3 title}</span></div>
|
|
<div class="boxtext">{text:textbox 3 text}</div>
|
|
</div>
|
|
{/block:iftextbox3text}
|
|
|
|
|
|
{block:ifshowmusicplayer}
|
|
<div class="yamato">
|
|
<div class="pates">
|
|
<div class="vinyl"></div>
|
|
<div class="music-controls">
|
|
<div class="playy"><i data-feather="play"></i></div>
|
|
<div class="pausee"><i data-feather="pause"></i></div>
|
|
</div>
|
|
<div class="music-title">{text:music player song name}</div>
|
|
|
|
<audio id="audio" src="{text:music player song mp3 url}" type="audio"></audio>
|
|
</div><!--pates-->
|
|
</div>
|
|
{/block:ifshowmusicplayer}
|
|
</div><!--dirk-->
|
|
</div><!--twohondred-->
|
|
</div><!--howmanyyears-->
|
|
|
|
|
|
|
|
<div class="postscont">
|
|
|
|
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
|
|
<div class="posts {block:ifreblogseparators}oui{/block:ifreblogseparators}" id="{PostID}" post-type="{PostType}">
|
|
|
|
<!------ POST TITLE ------>
|
|
{block:Title}
|
|
<h1 href="{Permalink}" class="title">{Title}</h1>
|
|
{/block:Title}
|
|
<!------ END POST TITLE ------>
|
|
|
|
|
|
{block:RebloggedFrom}
|
|
<div class="commenter nosrc">
|
|
<img src="{ReblogRootPortraitURL-64}">
|
|
<a href="{ReblogRootURL}">{ReblogRootName}</a>
|
|
</div>
|
|
{/block:RebloggedFrom}
|
|
|
|
|
|
<!------ TEXT POSTS ------>
|
|
{block:Text}
|
|
<div class="body">
|
|
{block:NotReblog}{Body}{/block:NotReblog}
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="comment_container">
|
|
<div class="commenter source-head">
|
|
<img src="{PortraitURL-64}">
|
|
<a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
|
|
</div>
|
|
<div class="comment">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
</div>
|
|
{/block:Text}
|
|
<!------ END TEXT POSTS ------>
|
|
|
|
|
|
<!------ SINGLE PHOTO ------>
|
|
{block:Photo}
|
|
<a class="single" onclick="Tumblr.Lightbox.init([{ width:{PhotoWidth-HighRes}, height:{PhotoHeight-HighRes}, low_res:'{PhotoURL-500}', high_res:'{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="photopic" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
|
|
{/block:Photo}
|
|
<!------ END SINGLE PHOTO ------>
|
|
|
|
|
|
|
|
|
|
<!------ PHOTOSETS ------>
|
|
{block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}"></div>{/block:Photos}</div>{/block:Photoset}
|
|
<!------ END PHOTOSETS ------>
|
|
|
|
|
|
|
|
<!------ QUOTE POSTS ------>
|
|
{block:Quote}
|
|
<div class="quote-words">{Quote}</div>
|
|
{block:Source}<div class="quote-source">{Source}</div>{/block:Source}
|
|
{/block:Quote}
|
|
<!------ END QUOTE POSTS ------>
|
|
|
|
|
|
<!------ LINK POSTS ------>
|
|
{block:Link}
|
|
<a href="{URL}" class="linkpath{block:Description} has-desc{/block:Description}" {Target}>{Name} <span>></span></a>
|
|
{block:Description}
|
|
<div class="link-description body">
|
|
{block:NotReblog}{Description}{/block:NotReblog}
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="comment_container">
|
|
<div class="commenter">
|
|
<img src="{PortraitURL-64}">
|
|
<a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
|
|
</div>
|
|
<div class="comment">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
</div>
|
|
{/block:Description}
|
|
{/block:Link}
|
|
<!------ END LINK POSTS ------>
|
|
|
|
|
|
<!------ CHAT POSTS ------>
|
|
{block:Chat}
|
|
<div>
|
|
{block:Lines}
|
|
<div class="chatholder">
|
|
{block:Label}
|
|
<span class="chat_label">{Label}</span>
|
|
{/block:Label}
|
|
|
|
<span class="chat_content">{Line}</span>
|
|
|
|
</div>
|
|
{/block:Lines}
|
|
</div>
|
|
{/block:Chat}
|
|
<!------ END CHAT ------>
|
|
|
|
|
|
|
|
<!------ AUDIO POSTS ------>
|
|
{block:Audio}
|
|
<div class="flex">
|
|
<div class="audiocont">
|
|
{AudioEmbed}
|
|
</div>
|
|
|
|
<div class="alcove">
|
|
<img class="a-lbum-img">
|
|
|
|
<div class="strawberries">
|
|
<div class="summer">
|
|
<div class="splay">
|
|
<i class="material-icons">play_arrow</i>
|
|
</div>
|
|
<div class="spause">
|
|
<i class="material-icons">pause</i>
|
|
</div>
|
|
</div><!--summer-->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tin flex space-between">
|
|
<div class="trackinfo">
|
|
{block:TrackName}
|
|
<div class="t-name">{TrackName}</div>
|
|
{/block:TrackName}
|
|
|
|
{block:Artist}
|
|
<div class="t-artist">{Artist}</div>
|
|
{/block:Artist}
|
|
</div><!--trackinfo-->
|
|
|
|
<a class="dongload" title="download">
|
|
<i data-feather="download"></i>
|
|
</a>
|
|
</div><!--flex-->
|
|
</div><!--oofy-->
|
|
{/block:Audio}
|
|
<!------ END AUDIO ------>
|
|
|
|
|
|
|
|
<!------ VIDEO POSTS ------>
|
|
{block:Video}<div class="video">{Video-500}</div>{/block:Video}
|
|
<!------ END VIDEOS ------>
|
|
|
|
|
|
|
|
<!------ ANSWER POSTS ------>
|
|
{block:Answer}
|
|
<div class="comment_container">
|
|
<div class="asker_ commenter">
|
|
{Asker} asked:
|
|
</div>
|
|
<div class="question_text">{Question}</div>
|
|
</div>
|
|
{block:Answerer}
|
|
<div class="comment_container">
|
|
<div class="answerer_ commenter">
|
|
<img src="{AnswererPortraitURL-48}"/>
|
|
{Answerer} answered:
|
|
</div>
|
|
<div class="answer_text">{Answer}</div>
|
|
</div>
|
|
{block:Reblogs}
|
|
<div class="comment_container">
|
|
<div class="replier commenter">
|
|
<img src="{PortraitURL-64}">
|
|
<a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
|
|
</div>
|
|
<div class="reply">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:Answerer}
|
|
{block:NotReblog}
|
|
<div class="comment_container">
|
|
<div class="answerer commenter">
|
|
<img src="{PortraitURL-48}">
|
|
<a href="{Permalink}">{Name}</a>
|
|
</div><!--answerer-->
|
|
<div class="answer_text">{Answer}</div>
|
|
</div><!--answer-container-->
|
|
{/block:NotReblog}
|
|
{/block:Answer}
|
|
<!------ END ANSWER ------>
|
|
|
|
{block:Caption}
|
|
<div class="caption">
|
|
{block:NotReblog}{Caption}{/block:NotReblog}
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="comment_container">
|
|
<div class="commenter">
|
|
<img src="{PortraitURL-64}">
|
|
<a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
|
|
</div><!--commenter-->
|
|
<div class="comment">{Body}</div>
|
|
</div><!--comment-container-->
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
</div><!--caption-->
|
|
{/block:Caption}
|
|
|
|
|
|
|
|
{block:HasTags}
|
|
<div class="tagholder">
|
|
{block:Tags}
|
|
<a href="{TagURL}">#{Tag}</a>
|
|
{/block:Tags}
|
|
</div>
|
|
{/block:HasTags}
|
|
|
|
|
|
|
|
{block:Date}
|
|
<div class="permarow">
|
|
<div class="permaleft">
|
|
{block:IndexPage}
|
|
<a href="{Permalink}" class="flex">
|
|
<ion-icon name="bookmarks-outline"></ion-icon>
|
|
|
|
{NoteCountWithLabel}
|
|
|
|
<div class="lineage"></div>
|
|
|
|
{DayOfMonthWithZero} {Month}
|
|
{12HourWithZero}:{Minutes}<span>{AMPM}</span>
|
|
</a>
|
|
{/block:IndexPage}
|
|
|
|
<div class="flex">
|
|
{block:PermalinkPage}
|
|
{block:NotReblog}Posted{/block:NotReblog}
|
|
{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
|
|
on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
|
|
<div class="lineage"></div>
|
|
{NoteCountWithLabel}
|
|
{/block:PermalinkPage}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="permaright">
|
|
{block:IndexPage}
|
|
<div class="les-controls flex">
|
|
<a href="{ReblogURL}" target="_blank">
|
|
<span class="retweet"></span>
|
|
</a>
|
|
|
|
<a class="likecont like">
|
|
{LikeButton}
|
|
<span class="heart"></span>
|
|
</a>
|
|
</div>
|
|
{/block:IndexPage}
|
|
|
|
|
|
{block:PermalinkPage}
|
|
{block:RebloggedFrom}
|
|
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
|
|
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
|
|
{/block:RebloggedFrom}
|
|
{/block:PermalinkPage}
|
|
</div>
|
|
</div><!--permarow-->
|
|
{/block:Date}
|
|
|
|
</div><!--posts-->
|
|
|
|
{block:PostNotes}
|
|
<div class="notescont">
|
|
{PostNotes}
|
|
</div>
|
|
{/block:PostNotes}
|
|
{/block:Posts}
|
|
|
|
|
|
<!------- PAGINATION ------->
|
|
{block:Pagination}
|
|
<div class="botpagi flex space-between">
|
|
{block:PreviousPage}
|
|
<a class="flex" href="{PreviousPage}">
|
|
<i data-feather="chevron-left"></i>
|
|
<span>previous</span>
|
|
</a>
|
|
{/block:PreviousPage}
|
|
|
|
{block:NextPage}
|
|
<a class="flex pn" href="{NextPage}">
|
|
<span>next</span>
|
|
<i data-feather="chevron-right"></i>
|
|
</a>
|
|
{/block:NextPage}
|
|
</div><!--botpagi-->
|
|
{/block:Pagination}
|
|
|
|
</div><!--postscont-->
|
|
|
|
<script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
|
|
<script>
|
|
initPhotosets();
|
|
feather.replace();
|
|
</script>
|
|
|
|
<script>
|
|
$(document).ready(function(){
|
|
$('img[src*="media.tumblr.com"]').each(function(){
|
|
var newsrc = $(this).attr('src').replace('gifv','gif');
|
|
$(this).attr('src', newsrc);
|
|
});
|
|
|
|
$('a[href*="media.tumblr.com"]').each(function(){
|
|
var newhref = $(this).attr('href').replace('gifv','gif');
|
|
$(this).attr('href', newhref);
|
|
});
|
|
|
|
$('div[data-lowres*="media.tumblr.com').each(function(){
|
|
var newdata = $(this).attr('data-lowres').replace('gifv','gif');
|
|
$(this).attr('data-lowres', newdata);
|
|
});
|
|
|
|
$('div[data-highres*="media.tumblr.com').each(function(){
|
|
var newdata = $(this).attr('data-highres').replace('gifv','gif');
|
|
$(this).attr('data-highres', newdata);
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |