2255 lines
66 KiB
Plaintext
2255 lines
66 KiB
Plaintext
<!----------------------------------------------------
|
|
Theme [20]: Wanderlust
|
|
Made by glenthemes
|
|
|
|
Initial release: 2016/09/20
|
|
Remake date: 2021/01/14
|
|
Last updated: 2023/09/04
|
|
|
|
What's new:
|
|
✱ NPF audio post support
|
|
✱ fixed a minor bug with top bar "down arrow"
|
|
|
|
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>
|
|
|
|
<head>
|
|
|
|
<title>{Title}</title>
|
|
<link rel="shortcut icon" href="{Favicon}">
|
|
|
|
{block:Description}
|
|
<meta name="description" content="{MetaDescription}">
|
|
{/block:Description}
|
|
|
|
<!--------------------------------------------------->
|
|
|
|
<!------ JQUERY LIBRARY ------->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
|
|
|
<!------ FONTS ------->
|
|
<link href="//fonts.googleapis.com/css?family=Karla|Syne|Libre+Franklin|Bai+Jamjuree|Chakra+Petch|Gotu" rel="stylesheet">
|
|
|
|
<link href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css"rel="stylesheet" >
|
|
|
|
<!------ ICON FONTS ------->
|
|
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
<script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></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/20/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/20/AP-Ezreal_2023.js"></script>
|
|
<script src="//glen-themes.gitlab.io/thms/20/pizza.js"></script>
|
|
|
|
<script>
|
|
// minimal soundcloud player @ shythemes.tumblr
|
|
// shythemes.tumblr.com/post/114792480648
|
|
$(document).ready(function(){
|
|
var soundcloud_btn = '{color:link}';
|
|
$('.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: 8px;
|
|
--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;
|
|
border-radius:3px;
|
|
z-index:-1;
|
|
}
|
|
</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:top bar icon" content="//64.media.tumblr.com/d169e6d0881f6e9579a779c93511d457/c8e873a39e533599-52/s2048x3072/f80b6924392918a842d2fed68f03dcd3afe7e6cb.png">
|
|
<meta name="image:background image" content="//64.media.tumblr.com/743195c6c6fc7d14532da88e43ed1608/c8e873a39e533599-be/s2048x3072/5d9917ee06ee584a3152e32d79433eab38c7e36c.jpg">
|
|
<meta name="image:character image" content="//64.media.tumblr.com/edeb5863c5f052d408ece801de664555/c8e873a39e533599-04/s2048x3072/16a6b6121e49e4c2eb0f046654fe4137e2e35b4d.png">
|
|
<meta name="image:customlinks image" content="//static.tumblr.com/2pnwama/kQNs1pt3a/emblem_edit1.png">
|
|
|
|
<!------TOPBAR COLORS------>
|
|
<meta name="color:music player" content="#60bdcf">
|
|
<meta name="color:top bar background" content="#010509">
|
|
<meta name="color:top bar icon inner border" content="#75a8bf">
|
|
<meta name="color:top bar icon outer border 1" content="#fdd9bf">
|
|
<meta name="color:top bar icon outer border 2" content="#bf8c57">
|
|
<meta name="color:top bar bottom border 1" content="#b28864">
|
|
<meta name="color:top bar bottom border 2" content="#3e3023">
|
|
|
|
<!------TEXTBOX COLORS------>
|
|
<meta name="color:textbox background" content="#081a34">
|
|
<meta name="color:textbox text" content="#67bdca">
|
|
|
|
<!------INFOTAB COLORS------>
|
|
<meta name="color:info tab background" content="#010509">
|
|
<meta name="color:info tab text" content="#bf9b72">
|
|
<meta name="color:info tab border" content="#896a4b">
|
|
|
|
<!------MAIN BACKGROUND------>
|
|
<meta name="color:background" content="#090e17">
|
|
|
|
<!------LEFT SIDEBAR COLORS------>
|
|
<meta name="color:character glow" content="#0e91ac">
|
|
<meta name="color:description background" content="#040304">
|
|
<meta name="color:description text" content="#7eadb1">
|
|
<meta name="color:sidelinks background" content="#040304">
|
|
<meta name="color:sidelinks text" content="#67bdca">
|
|
<meta name="color:sidelinks border" content="#4d8a96">
|
|
<meta name="color:customlinks background" content="#040304">
|
|
<meta name="color:customlinks border" content="#39666f">
|
|
<meta name="color:tooltips background" content="#040304">
|
|
<meta name="color:tooltips border" content="#2d5a62">
|
|
<meta name="color:tooltips text" content="#63b6c3">
|
|
|
|
<!------POST COLORS------>
|
|
<meta name="color:post" content="#040304">
|
|
<meta name="color:text" content="#7fa6b0">
|
|
<meta name="color:link" content="#d9b684">
|
|
<meta name="color:reblogger border 1" content="#5a9ba6">
|
|
<meta name="color:reblogger border 2" content="#274551">
|
|
<meta name="color:reblogger border shadow" content="#090909">
|
|
<meta name="color:reblogger" content="#74b1c3">
|
|
<meta name="color:reblog separators" content="#274551">
|
|
<meta name="color:tags" content="#5ab5bb">
|
|
<meta name="color:permalink" content="#67bdca">
|
|
<meta name="color:post buttons" content="#67bdca">
|
|
<meta name="color:post bottom border" content="#4d8a96">
|
|
|
|
<meta name="color:scrollbar" content="#7a6249">
|
|
|
|
<meta name="select:top bar icon size" title="36px" content="36px">
|
|
<meta name="select:top bar icon size" title="42px" content="42px">
|
|
<meta name="select:top bar icon size" title="48px" content="48px">
|
|
<meta name="select:top bar icon size" title="54px" content="54px">
|
|
<meta name="select:top bar icon size" title="60px" content="60px">
|
|
|
|
<meta name="select:top bar padding" title="20px" content="20px">
|
|
<meta name="select:top bar padding" title="10px" content="10px">
|
|
<meta name="select:top bar padding" title="15px" content="15px">
|
|
<meta name="select:top bar padding" title="25px" content="25px">
|
|
<meta name="select:top bar padding" title="30px" content="30px">
|
|
|
|
<meta name="select:textbox width" title="300px" content="300px">
|
|
<meta name="select:textbox width" title="200px" content="200px">
|
|
<meta name="select:textbox width" title="225px" content="225px">
|
|
<meta name="select:textbox width" title="250px" content="250px">
|
|
<meta name="select:textbox width" title="275px" content="275px">
|
|
|
|
<meta name="select:textbox padding" title="12px" content="12px">
|
|
<meta name="select:textbox padding" title="10px" content="10px">
|
|
<meta name="select:textbox padding" title="14px" content="14px">
|
|
<meta name="select:textbox padding" title="16px" content="16px">
|
|
<meta name="select:textbox padding" title="18px" content="18px">
|
|
<meta name="select:textbox padding" title="20px" content="20px">
|
|
|
|
<meta name="select:textbox font size" title="8px" content="8px">
|
|
<meta name="select:textbox font size" title="9px" content="9px">
|
|
<meta name="select:textbox font size" title="10px" content="10px">
|
|
<meta name="select:textbox font size" title="11px" content="11px">
|
|
<meta name="select:textbox font size" title="12px" content="12px">
|
|
|
|
<meta name="select:textbox line height" title="100%" content="2em">
|
|
<meta name="select:textbox line height" title="87%" content="1.75em">
|
|
<meta name="select:textbox line height" title="75%" content="1.5em">
|
|
<meta name="select:textbox line height" title="50%" content="1em">
|
|
|
|
<meta name="select:textbox arrow size" title="10px" content="10px">
|
|
<meta name="select:textbox arrow size" title="15px" content="15px">
|
|
<meta name="select:textbox arrow size" title="20px" content="20px">
|
|
|
|
<meta name="select:textbox arrow spacing" title="14px" content="14px">
|
|
<meta name="select:textbox arrow spacing" title="10px" content="10px">
|
|
<meta name="select:textbox arrow spacing" title="18px" content="18px">
|
|
<meta name="select:textbox arrow spacing" title="22px" content="22px">
|
|
|
|
<meta name="select:info tab width" title="175px" content="175px">
|
|
<meta name="select:info tab width" title="125px" content="125px">
|
|
<meta name="select:info tab width" title="150px" content="150px">
|
|
<meta name="select:info tab width" title="200px" content="200px">
|
|
<meta name="select:info tab width" title="225px" content="225px">
|
|
|
|
<meta name="select:info tab padding" title="20px" content="20px">
|
|
<meta name="select:info tab padding" title="12px" content="12px">
|
|
<meta name="select:info tab padding" title="14px" content="14px">
|
|
<meta name="select:info tab padding" title="16px" content="16px">
|
|
<meta name="select:info tab padding" title="18px" content="18px">
|
|
<meta name="select:info tab padding" title="22px" content="22px">
|
|
<meta name="select:info tab padding" title="24px" content="24px">
|
|
|
|
<meta name="select:info tab font size" title="11px" content="11px">
|
|
<meta name="select:info tab font size" title="9px" content="9px">
|
|
<meta name="select:info tab font size" title="10px" content="10px">
|
|
<meta name="select:info tab font size" title="12px" content="12px">
|
|
<meta name="select:info tab font size" title="13px" content="13px">
|
|
|
|
<meta name="select:info tab text line height" title="1.7em" content="1.7em">
|
|
<meta name="select:info tab text line height" title="1.8em" content="1.8em">
|
|
<meta name="select:info tab text line height" title="1.9em" content="1.9em">
|
|
|
|
<!------------MAIN CONTAINER ASSETS------------>
|
|
<meta name="select:window margin" title="50px" content="50px">
|
|
<meta name="select:window margin" title="60px" content="60px">
|
|
<meta name="select:window margin" title="70px" content="70px">
|
|
|
|
<!------------LEFT SIDEBAR ASSETS------------>
|
|
<meta name="select:sidebar width" title="300px" content="300px">
|
|
<meta name="select:sidebar width" title="200px" content="200px">
|
|
<meta name="select:sidebar width" title="250px" content="250px">
|
|
<meta name="select:sidebar width" title="350px" content="350px">
|
|
<meta name="select:sidebar width" title="400px" content="400px">
|
|
<meta name="select:sidebar width" title="450px" content="450px">
|
|
<meta name="select:sidebar width" title="500px" content="500px">
|
|
|
|
<meta name="select:character image width" title="100%" content="100%">
|
|
<meta name="select:character image width" title="60%" content="60%">
|
|
<meta name="select:character image width" title="70%" content="70%">
|
|
<meta name="select:character image width" title="80%" content="80%">
|
|
<meta name="select:character image width" title="90%" content="90%">
|
|
|
|
<meta name="select:character image left gap" title="none" content="0%">
|
|
<meta name="select:character image left gap" title="10%" content="10%">
|
|
<meta name="select:character image left gap" title="20%" content="20%">
|
|
<meta name="select:character image left gap" title="30%" content="30%">
|
|
<meta name="select:character image left gap" title="-10%" content="-10%">
|
|
<meta name="select:character image left gap" title="-20%" content="-20%">
|
|
<meta name="select:character image left gap" title="-30%" content="-30%">
|
|
|
|
<meta name="select:character glow" title="80%" content="80%">
|
|
<meta name="select:character glow" title="none" content="0%">
|
|
<meta name="select:character glow" title="20%" content="20%">
|
|
<meta name="select:character glow" title="40%" content="40%">
|
|
<meta name="select:character glow" title="60%" content="60%">
|
|
|
|
<meta name="select:character glow left gap" title="20px" content="20px">
|
|
<meta name="select:character glow left gap" title="none" content="0px">
|
|
<meta name="select:character glow left gap" title="-20px" content="-20px">
|
|
<meta name="select:character glow left gap" title="40px" content="40px">
|
|
<meta name="select:character glow left gap" title="60px" content="60px">
|
|
<meta name="select:character glow left gap" title="80px" content="80px">
|
|
|
|
<meta name="select:description width" title="120%" content="20%">
|
|
<meta name="select:description width" title="default" content="0px">
|
|
<meta name="select:description width" title="90%" content="-10%">
|
|
<meta name="select:description width" title="110%" content="10%">
|
|
<meta name="select:description width" title="130%" content="30%">
|
|
<meta name="select:description width" title="140%" content="40%">
|
|
<meta name="select:description width" title="150%" content="50%">
|
|
|
|
<meta name="select:description padding" title="11px" content="11px">
|
|
<meta name="select:description padding" title="13px" content="13px">
|
|
<meta name="select:description padding" title="15px" content="15px">
|
|
|
|
<meta name="select:description font size" title="11px" content="11px">
|
|
<meta name="select:description font size" title="12px" content="12px">
|
|
<meta name="select:description font size" title="13px" content="13px">
|
|
|
|
<meta name="select:description text line height" title="1.6em" content="1.6em">
|
|
<meta name="select:description text line height" title="1.5em" content="1.5em">
|
|
<meta name="select:description text line height" title="1.7em" content="1.7em">
|
|
<meta name="select:description text line height" title="1.8em" content="1.8em">
|
|
<meta name="select:description text line height" title="1.9em" content="1.9em">
|
|
<meta name="select:description text line height" title="2em" content="2em">
|
|
|
|
<meta name="select:sidelinks font size" title="10px" content="10px">
|
|
<meta name="select:sidelinks font size" title="8px" content="8px">
|
|
<meta name="select:sidelinks font size" title="9px" content="9px">
|
|
<meta name="select:sidelinks font size" title="11px" content="11px">
|
|
<meta name="select:sidelinks font size" title="12px" content="12px">
|
|
<meta name="select:sidelinks font size" title="13px" content="13px">
|
|
|
|
<meta name="select:customlinks image size" title="14px" content="14px">
|
|
<meta name="select:customlinks image size" title="12px" content="12px">
|
|
<meta name="select:customlinks image size" title="16px" content="16px">
|
|
<meta name="select:customlinks image size" title="18px" content="18px">
|
|
|
|
<meta name="select:customlinks padding" title="8px" content="8px">
|
|
<meta name="select:customlinks padding" title="none" content="0px">
|
|
<meta name="select:customlinks padding" title="2px" content="2px">
|
|
<meta name="select:customlinks padding" title="4px" content="4px">
|
|
<meta name="select:customlinks padding" title="6px" content="6px">
|
|
<meta name="select:customlinks padding" title="10px" content="10px">
|
|
|
|
<meta name="select:customlinks spacing" title="4px" content="4px">
|
|
<meta name="select:customlinks spacing" title="2px" content="2px">
|
|
<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:center gap" title="60px" content="60px">
|
|
<meta name="select:center gap" title="40px" content="40px">
|
|
<meta name="select:center gap" title="50px" content="50px">
|
|
<meta name="select:center gap" title="70px" content="70px">
|
|
|
|
<!------------ACTUAL POSTS------------>
|
|
<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 padding" title="15px" content="15px">
|
|
<meta name="select:post padding" title="none" content="0px">
|
|
<meta name="select:post padding" title="4px" content="4px">
|
|
<meta name="select:post padding" title="6px" content="6px">
|
|
<meta name="select:post padding" title="10px" content="10px">
|
|
<meta name="select:post padding" title="12px" content="12px">
|
|
|
|
<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:photoset spacing" title="4px" content="4px">
|
|
<meta name="select:photoset spacing" title="6px" content="6px">
|
|
<meta name="select:photoset spacing" title="10px" content="10px">
|
|
|
|
<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="8px" content="8px">
|
|
<meta name="select:post buttons spacing" title="4px" content="4px">
|
|
<meta name="select:post buttons spacing" title="6px" content="6px">
|
|
<meta name="select:post buttons spacing" title="10px" content="10px">
|
|
<meta name="select:post buttons spacing" title="12px" content="12px">
|
|
|
|
<meta name="select:post spacing" title="40px" content="40px">
|
|
<meta name="select:post spacing" title="30px" content="30px">
|
|
<meta name="select:post spacing" title="50px" content="50px">
|
|
|
|
<meta name="select:post text line height" title="1.7em" content="1.7em">
|
|
<meta name="select:post text line height" title="1.5em" content="1.5em">
|
|
<meta name="select:post text line height" title="1.9em" content="1.9em">
|
|
|
|
|
|
<!------- TOGGLE OPTIONS ------->
|
|
<meta name="if:show music player" content="1">
|
|
<meta name="if:reblog separators" content="1">
|
|
<meta name="if:full width reblog separators" content="1">
|
|
|
|
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
|
|
<meta name="text:music player song name" content="Michael FK - Sonder">
|
|
<meta name="text:music player song mp3 url" content="https://rhizo.gitlab.io/m/Sonder.mp3">
|
|
|
|
<meta name="text:textbox left" content="Some text here at the top">
|
|
<meta name="text:textbox right" content="Some text here at the top">
|
|
|
|
<meta name="text:info panel text" content="Some text here. Hover over the top bar icon to see the dropdown.">
|
|
|
|
<meta name="text:customlink 1 name" content="dashboard">
|
|
<meta name="text:customlink 1 URL" content="//tumblr.com/dashboard">
|
|
<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="">
|
|
|
|
<!-------------------------------------->
|
|
<style type="text/css">
|
|
|
|
/*------------ TUMBLR CONTROLS ------------*/
|
|
iframe#tumblr_controls, .iframe-controls--desktop {
|
|
top:0!important;
|
|
margin-top:calc({select:top bar icon size} + ({select:top bar padding} * 2) + 12px + 2px)!important;
|
|
|
|
right:0!important;
|
|
margin-right:3px!important;
|
|
position:fixed!important;
|
|
|
|
transform:scale(0.7,0.7);
|
|
-webkit-transform:scale(0.7,0.7);
|
|
|
|
transform-origin:100% 0;
|
|
z-index:999999!important;
|
|
|
|
opacity:0.4;
|
|
transition:0.3s ease-in-out;
|
|
}
|
|
|
|
iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
|
|
opacity:0.8;
|
|
}
|
|
|
|
/*----------- TOOLTIPS -----------*/
|
|
a[data-title]{
|
|
position:relative;
|
|
}
|
|
|
|
a[data-title]:not([data-title=""]):hover:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:100%;margin-top:calc(6px - .5px);
|
|
left:50%;transform:translateX(-50%);
|
|
margin-left:-3px;
|
|
width:6px;
|
|
height:6px;
|
|
transform:rotate(45deg);
|
|
background:{color:tooltips background};
|
|
border-top:1px solid {color:tooltips border};
|
|
border-left:1px solid {color:tooltips border};
|
|
z-index:70;
|
|
}
|
|
|
|
a[data-title]:not([data-title=""]):hover:after {
|
|
content:attr(data-title);
|
|
position:absolute;
|
|
top:calc(100% + 3px + 6px);
|
|
left:50%;transform:translateX(-50%);
|
|
background:{color:tooltips background};
|
|
padding:5px 7px;
|
|
border:1px solid {color:tooltips border};
|
|
font-family:karla;
|
|
text-transform:uppercase;
|
|
font-size:calc(11px - 2px);
|
|
letter-spacing:1px;
|
|
color:{color:tooltips text};
|
|
text-align:center;
|
|
white-space:nowrap;
|
|
line-height:1.69em;
|
|
z-index:69;
|
|
}
|
|
|
|
/*------------ BASICS ------------*/
|
|
* {
|
|
position:relative;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
body {
|
|
background:{color:background};
|
|
font-family:Bai Jamjuree;
|
|
color:{color:text};
|
|
overflow-x:hidden;
|
|
}
|
|
|
|
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;
|
|
font-weight:normal;
|
|
font-size:calc({select:post font size} + 4px);
|
|
letter-spacing:1.3px;
|
|
line-height:calc({select:post text line height} * 0.69);
|
|
}
|
|
|
|
h1.title {
|
|
margin-bottom:calc(var(--Heading-Margins) * 2);
|
|
font-size:calc({select:post font size} + 2px);
|
|
text-align:center;
|
|
}
|
|
|
|
.linkpath {
|
|
display:block;
|
|
padding:0.8em 1em;
|
|
border:.5px solid rgba({RGBcolor:post bottom border},0.420);
|
|
background:rgba({RGBcolor:post bottom border},0.069);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.3px;
|
|
text-align:center;
|
|
color:{color:permalink};
|
|
}
|
|
|
|
.link-description {
|
|
margin-top:var(--Heading-Margins);
|
|
}
|
|
|
|
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} * var(--LH)) - ({select:post font size} * 1.420)) / 2);
|
|
left:0;margin-left:calc(({select:post font size} * -1.420) - 3px);
|
|
display:inline-block;
|
|
width:calc({select:post font size} * 1.420);
|
|
height:calc({select:post font size} * 1.420);
|
|
background-image:url({image:customlinks image});
|
|
background-size:contain;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.flex {
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.flex.space-between {
|
|
justify-content:space-between;
|
|
}
|
|
|
|
/*------------ PAGE SCROLLBAR ------------*/
|
|
body::-webkit-scrollbar {
|
|
width:var(--Main-Scrollbar-Padding);
|
|
height:var(--Main-Scrollbar-Padding);
|
|
background-color:{color:background};
|
|
}
|
|
|
|
body::-webkit-scrollbar-thumb {
|
|
background-color:{color:scrollbar};
|
|
border:calc((var(--Main-Scrollbar-Padding) - 1px) / 2) solid {color:background};
|
|
border-top:calc(var(--Main-Scrollbar-Padding) * 0.69) solid {color:background};
|
|
border-bottom:calc(var(--Main-Scrollbar-Padding) * 0.69) solid {color:background};
|
|
}
|
|
|
|
body::-webkit-scrollbar-corner {
|
|
background:{color:background};
|
|
}
|
|
|
|
/*-------- ADDITIONAL CUSTOMIZATION OPTIONS --------*/
|
|
:root {
|
|
--Music-Player-Vinyl:{color:music player};
|
|
--Vinyl-Icon-Size:17px;
|
|
--Vinyl-Spin-Speed:3.5s;
|
|
--Music-Controls:{color:music player};
|
|
--Music-Controls-Size:12px;
|
|
--Music-Title-Font-Size:11px;
|
|
--Music-Title-Color:rgba({RGBcolor:music player},0.8);
|
|
|
|
--TopBar-Triangle-Size:12px;
|
|
--InfoTab-Triangle-Size:46px;
|
|
|
|
--Desc-Padding:{select:description padding};
|
|
--Description-Scrollbar-Padding:7px;
|
|
|
|
--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-Caption-Spacing:1em;
|
|
--NPF-Image-Spacing:{select:photoset spacing};
|
|
|
|
--Audio-Post-Album-Image-Size:64px;
|
|
--Audio-Post-PlayButton-Size:18px;
|
|
--Audio-Post-PlayButton-Padding:8px;
|
|
|
|
--Text-LineHeight:{select:post text line height};
|
|
|
|
--Like-Button-Liked:#f75c64;
|
|
|
|
--Main-Scrollbar-Padding:13px;
|
|
}
|
|
|
|
.posts .body > .npf_inst:first-child {
|
|
margin-top:0!important;
|
|
}
|
|
|
|
/*------------ BACKGROUND ------------*/
|
|
.le-background {
|
|
position:fixed;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
background-image:url({image:background image});
|
|
background-attachment:fixed;
|
|
background-size:cover;
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
/*------------ TOP BAR ------------*/
|
|
.topbar {
|
|
position:fixed;
|
|
top:0;left:0;
|
|
width:calc(100% - ({select:top bar padding} * 2));
|
|
padding:{select:top bar padding};
|
|
background:{color:top bar background};
|
|
border-bottom:2px solid {color:top bar bottom border 1};
|
|
display:table;
|
|
z-index:7;
|
|
}
|
|
|
|
/* underside border: left */
|
|
.topbar:before {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;margin-bottom:-2px;
|
|
left:0;
|
|
width:calc(50% - var(--TopBar-Triangle-Size));
|
|
height:2px;
|
|
background:linear-gradient(to right, {color:top bar bottom border 2}, {color:top bar bottom border 1});
|
|
}
|
|
|
|
/* underside border: right */
|
|
.topbar:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;margin-bottom:-2px;
|
|
right:0;
|
|
width:calc(50% - var(--TopBar-Triangle-Size));
|
|
height:2px;
|
|
background:linear-gradient(to right, {color:top bar bottom border 1}, {color:top bar bottom border 2});
|
|
}
|
|
|
|
.tp {
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/*------------ MUSIC PLAYER ------------*/
|
|
.glenjams-06 {
|
|
position:absolute;
|
|
top:50%;transform:translateY(-50%);
|
|
left:0;
|
|
z-index:5;
|
|
}
|
|
|
|
.pasta {
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.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, .vinyl svg {
|
|
width:var(--Vinyl-Icon-Size);
|
|
height:var(--Vinyl-Icon-Size);
|
|
}
|
|
|
|
.music-controls {
|
|
margin-left:10px;
|
|
width:var(--Music-Controls-Size);
|
|
overflow:hidden;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.music-controls svg {
|
|
width:var(--Music-Controls-Size);
|
|
height:var(--Music-Controls-Size);
|
|
color:var(--Music-Controls);
|
|
stroke-width:1.5px;
|
|
}
|
|
|
|
.pausee {display:none;}
|
|
|
|
.beff {display:none;}
|
|
.aff {display:block;}
|
|
|
|
.music-title {
|
|
margin-left:8px;
|
|
font-family:Bai Jamjuree;
|
|
font-size:var(--Music-Title-Font-Size);
|
|
letter-spacing:.3px;
|
|
color:var(--Music-Title-Color);
|
|
}
|
|
|
|
.cheese {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
}
|
|
|
|
/*--------- TEXTBOXES ---------*/
|
|
.textbox-left {
|
|
position:absolute;
|
|
margin-left:calc(-{select:top bar icon size} - 44px - {select:textbox width} - {select:textbox arrow size} - {select:textbox arrow spacing});
|
|
height:100%;
|
|
z-index:6;
|
|
}
|
|
|
|
.boxtext {
|
|
width:{select:textbox width};
|
|
height:100%;
|
|
background:{color:textbox background};
|
|
}
|
|
|
|
.textbox-left .boxtext:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:50%;transform:translateY(-50%);
|
|
right:0;margin-right:-{select:textbox arrow size};
|
|
width:0;height:0;
|
|
border-top:calc({select:textbox arrow size} * 0.8) solid transparent;
|
|
border-bottom:calc({select:textbox arrow size} * 0.8) solid transparent;
|
|
border-left:{select:textbox arrow size} solid {color:textbox background};
|
|
}
|
|
|
|
.bubbletea {
|
|
display:flex;
|
|
align-items:center;
|
|
padding:0 {select:textbox padding};
|
|
padding-top:1px;
|
|
height:100%;
|
|
font-family:gotu;
|
|
font-size:{select:textbox font size};
|
|
text-transform:uppercase;
|
|
letter-spacing:1.3px;
|
|
color:{color:textbox text};
|
|
line-height:{select:textbox line height};
|
|
overflow:hidden;
|
|
}
|
|
|
|
.textbox-left .bubbletea {
|
|
justify-content:flex-end;
|
|
text-align:right;
|
|
}
|
|
|
|
.textbox-right {
|
|
position:absolute;
|
|
margin-left:calc({select:top bar icon size} + 44px + {select:textbox width} + {select:textbox arrow size} + {select:textbox arrow spacing});
|
|
height:100%;
|
|
text-align:left;
|
|
}
|
|
|
|
.textbox-right .boxtext:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:50%;transform:translateY(-50%);
|
|
left:0;margin-left:-{select:textbox arrow size};
|
|
width:0;height:0;
|
|
border-top:calc({select:textbox arrow size} * 0.8) solid transparent;
|
|
border-bottom:calc({select:textbox arrow size} * 0.8) solid transparent;
|
|
border-right:{select:textbox arrow size} solid {color:textbox background};
|
|
}
|
|
|
|
/*--------- TOP BAR ICON ---------*/
|
|
.kitty {
|
|
margin-top:1px;
|
|
margin-bottom:-1px;
|
|
}
|
|
|
|
.waow {
|
|
padding:2px;
|
|
background:linear-gradient(to bottom, {color:top bar icon outer border 1}, {color:top bar icon outer border 2});
|
|
border-radius:100%;
|
|
}
|
|
|
|
/* icon: left arrow */
|
|
.kitty:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;margin-top:calc(50% - 2px);
|
|
left:0;margin-left:0px;
|
|
width:8px;
|
|
height:8px;
|
|
transform:rotate(-45deg) translateY(-50%);
|
|
background:linear-gradient(to bottom left, {color:top bar icon outer border 1}, {color:top bar icon outer border 2});
|
|
z-index:-1;
|
|
}
|
|
|
|
/* icon: right arrow */
|
|
.kitty:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;margin-top:calc(50% - 2px);
|
|
right:0;margin-right:-6px;
|
|
width:8px;
|
|
height:8px;
|
|
transform:rotate(-45deg) translateY(-50%);
|
|
background:linear-gradient(to bottom left, {color:top bar icon outer border 1}, {color:top bar icon outer border 2});
|
|
z-index:-1;
|
|
}
|
|
|
|
/* icon: top arrow */
|
|
.waow:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;margin-top:-6px;
|
|
left:0;margin-left:calc(50% - 1px);
|
|
width:8px;
|
|
height:8px;
|
|
transform:rotate(-45deg) translateX(-50%);
|
|
background:{color:top bar icon outer border 1};
|
|
z-index:-1;
|
|
}
|
|
|
|
/* icon: bottom arrow */
|
|
.waow:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;margin-bottom:0px;
|
|
left:0;margin-left:calc(50% - 1px);
|
|
width:8px;
|
|
height:8px;
|
|
transform:rotate(-45deg) translateX(-50%);
|
|
background:{color:top bar icon outer border 2};
|
|
z-index:-1;
|
|
}
|
|
|
|
.circ {
|
|
padding:2px;
|
|
background:{color:top bar background};
|
|
border-radius:100%;
|
|
}
|
|
|
|
.circ:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:calc(100% + {select:top bar padding} + var(--TopBar-Triangle-Size));
|
|
z-index:8;
|
|
}
|
|
|
|
/* top bar icon inner shadow */
|
|
.circ:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;margin-top:4px;
|
|
left:0;margin-left:4px;
|
|
width:calc(100% - 8px);
|
|
height:calc(100% - 8px);
|
|
box-shadow:inset 0 0 4px {color:top bar background};
|
|
border-radius:100%;
|
|
z-index:9;
|
|
}
|
|
|
|
/* actual icon image */
|
|
.yuuto {
|
|
width:{select:top bar icon size};
|
|
height:{select:top bar icon size};
|
|
background:{color:top bar background};
|
|
border:2px solid {color:top bar icon inner border};
|
|
border-radius:100%;
|
|
user-select:none;
|
|
}
|
|
|
|
/* topbar bottom triangle */
|
|
.tri-under {
|
|
position:absolute;
|
|
bottom:0;margin-bottom:calc((var(--TopBar-Triangle-Size) / -1.414) + 1px);
|
|
left:50%;
|
|
transform:translateX(-50%);
|
|
width:0;
|
|
height:0;
|
|
border-style:solid;
|
|
border-width:calc(var(--TopBar-Triangle-Size) / 1.414) var(--TopBar-Triangle-Size) 0 var(--TopBar-Triangle-Size);
|
|
border-color:{color:top bar background} transparent transparent transparent;
|
|
z-index:7;
|
|
}
|
|
|
|
/* topbar bottom triangle's border */
|
|
.tri-underunder {
|
|
position:absolute;
|
|
bottom:0;margin-bottom:calc(((var(--TopBar-Triangle-Size) + 4px) / -1.414));
|
|
left:50%;
|
|
transform-origin:top;
|
|
transform:translateX(-50%) scale(0.9,0.9);
|
|
width:0;
|
|
height:0;
|
|
border-style:solid;
|
|
border-width:calc((var(--TopBar-Triangle-Size) + 4px) / 1.414) calc(var(--TopBar-Triangle-Size) + 4px) 0 calc(var(--TopBar-Triangle-Size) + 4px);
|
|
border-color:{color:top bar bottom border 1} transparent transparent transparent;
|
|
z-index:6;
|
|
}
|
|
|
|
/*-------- SLIDE-DOWN INFO TAB THING --------*/
|
|
.hargao {
|
|
position:fixed;
|
|
margin:auto;
|
|
top:0;left:0;right:0;
|
|
margin-top:calc({select:top bar icon size} + ({select:top bar padding} * 2) + 12px + 2px - 2px);
|
|
text-align:center;
|
|
opacity:0;
|
|
z-index:4;
|
|
}
|
|
|
|
.hargao {
|
|
transition:margin-top 0.69s ease-in-out, opacity 0.69s ease-in-out;
|
|
}
|
|
|
|
.hg {
|
|
display:inline-block;
|
|
}
|
|
|
|
.peeholder {
|
|
margin-top:calc(var(--TopBar-Triangle-Size) / -1.414);
|
|
width:calc({select:info tab width} + ({select:info tab padding} * 2));
|
|
background:{color:info tab background};
|
|
border-left:2px solid {color:info tab border};
|
|
border-right:2px solid {color:info tab border};
|
|
}
|
|
|
|
/* panel text holder */
|
|
.piss-standing {
|
|
padding:{select:info tab padding};
|
|
padding-top:calc(var(--TopBar-Triangle-Size) + {select:info tab padding});
|
|
padding-bottom:calc({select:info tab padding} / 4);
|
|
}
|
|
|
|
/* make extra space for the triangle sides */
|
|
.piss-standing:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;margin-bottom:-2px;
|
|
left:0;margin-left:-2px;
|
|
width:calc(100% + 4px);
|
|
height:4px;
|
|
background:{color:info tab border};
|
|
z-index:-1;
|
|
}
|
|
|
|
/* info tab triangle */
|
|
.peeholder:before {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;margin-left:-2px;
|
|
width:0;
|
|
height:0;
|
|
border-left:calc((({select:info tab width} + ({select:info tab padding} * 2)) / 2) + 2px) solid transparent;
|
|
border-right:calc((({select:info tab width} + ({select:info tab padding} * 2)) / 2) + 2px) solid transparent;
|
|
border-top:calc(var(--InfoTab-Triangle-Size) + 2px) solid {color:info tab border};
|
|
margin-bottom:calc((var(--InfoTab-Triangle-Size) * -1) - 4px);
|
|
pointer-events:none;
|
|
}
|
|
|
|
/* info tab triangle's border */
|
|
.peeholder:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
width:0;
|
|
height:0;
|
|
border-left:calc(({select:info tab width} + ({select:info tab padding} * 2)) / 2) solid transparent;
|
|
border-right:calc(({select:info tab width} + ({select:info tab padding} * 2)) / 2) solid transparent;
|
|
border-top:var(--InfoTab-Triangle-Size) solid {color:info tab background};
|
|
margin-bottom:calc(var(--InfoTab-Triangle-Size) * -1);
|
|
pointer-events:none;
|
|
}
|
|
|
|
/* info tab text */
|
|
.infopanel-text {
|
|
font-family:libre franklin;
|
|
font-size:{select:info tab font size};
|
|
letter-spacing:.3px;
|
|
color:{color:info tab text};
|
|
text-align:justify;
|
|
line-height:{select:info tab text line height};
|
|
}
|
|
|
|
.infopanel-text b {
|
|
font-family:syne;
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
/*------------ SIDEBAR ------------*/
|
|
.leftside {
|
|
position:fixed;
|
|
bottom:0;
|
|
margin-bottom:calc({select:window margin} * 0.69);
|
|
width:{select:sidebar width};
|
|
visibility:hidden; /* fallback */
|
|
}
|
|
|
|
.characont {
|
|
margin-left:calc(((100% - {select:character image width}) / 2) + {select:character image left gap});
|
|
}
|
|
|
|
/* sidebar character image [render] */
|
|
.chara-image {
|
|
max-width:{select:sidebar width};
|
|
width:{select:character image width};
|
|
height:auto;
|
|
user-select:none;
|
|
}
|
|
|
|
/* glow container */
|
|
.glowy {
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;margin-left:{select:character glow left gap};
|
|
width:100%;
|
|
height:100%;
|
|
padding-top:100vh;
|
|
overflow:hidden;
|
|
}
|
|
|
|
/* actual glow */
|
|
.glowy:before {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;margin-bottom:-30px;
|
|
left:0;margin-left:calc((100% - {select:character glow}) / 2);
|
|
width:{select:character glow};
|
|
height:100%;
|
|
transform:rotate(7deg);
|
|
background:linear-gradient(to left, transparent, rgba({RGBcolor:character glow},0.6), transparent);
|
|
}
|
|
|
|
/* description container */
|
|
.descont {
|
|
flex:1;
|
|
align-self:stretch;
|
|
}
|
|
|
|
.desna {
|
|
margin-left:calc({select:description width} * -1);
|
|
width:calc(100% + {select:description width});
|
|
height:calc(100% - {select:description padding}); /* fallback */
|
|
background:rgba({RGBcolor:description background},0.69);
|
|
}
|
|
|
|
.desu {
|
|
margin-top:{select:description padding};
|
|
height:calc(100% - ({select:description padding} * 2));
|
|
|
|
margin-left:{select:description padding};
|
|
width:calc(100% - ({select:description padding} * 2));
|
|
}
|
|
|
|
.desu::-webkit-scrollbar {
|
|
width:var(--Description-Scrollbar-Padding);
|
|
height:var(--Description-Scrollbar-Padding);
|
|
background-color:transparent;
|
|
}
|
|
|
|
.desu::-webkit-scrollbar-thumb {
|
|
background-color:rgba({RGBcolor:description text},0.420);
|
|
border:calc((var(--Description-Scrollbar-Padding) - 1px) / 2) solid transparent;
|
|
background-clip:padding-box;
|
|
}
|
|
|
|
.desu::-webkit-scrollbar-corner {
|
|
background:transparent;
|
|
}
|
|
|
|
/* actual description text */
|
|
.desc {
|
|
font-size:{select:description font size};
|
|
color:{color:description text};
|
|
text-align:justify;
|
|
line-height:{select:description text line height};
|
|
}
|
|
|
|
/* default navlinks [home/msg/archive/thm] */
|
|
.sidelinks {
|
|
margin-left:12px;
|
|
align-self:flex-end;
|
|
}
|
|
|
|
.sidelinks a {
|
|
display:block;
|
|
margin:3px 0;
|
|
padding:6px 9px;
|
|
|
|
border-left:0px solid transparent;
|
|
|
|
background:rgba({RGBcolor:sidelinks background},0.69);
|
|
font-family:chakra petch;
|
|
font-size:{select:sidelinks font size};
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:{color:sidelinks text};
|
|
line-height:1em;
|
|
display:table;
|
|
|
|
transition:all 0.420s ease-in-out;
|
|
}
|
|
|
|
.sidelinks a:hover {
|
|
border-left:3px solid rgba({RGBcolor:sidelinks border},0.8);
|
|
letter-spacing:2px;
|
|
}
|
|
|
|
.sidelinks a:first-child {margin-top:0}
|
|
.sidelinks a:last-child {margin-bottom:0}
|
|
|
|
/* custom links [bottom] */
|
|
.customlinks {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
margin-left:calc({select:description width} / -2);
|
|
margin-top:13px;
|
|
width:calc(100% - {select:description width}); /* fallback */
|
|
line-height:1em;
|
|
}
|
|
|
|
.customlinks a {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
margin:0 {select:customlinks spacing};
|
|
padding:{select:customlinks padding};
|
|
border:.5px solid rgba({RGBcolor:customlinks border},0.69);
|
|
border-radius:100%;
|
|
background:rgba({RGBcolor:customlinks background},0.69);
|
|
}
|
|
|
|
.cl-img {
|
|
width:{select:customlinks image size};
|
|
height:{select:customlinks image size};
|
|
}
|
|
|
|
.customlinks a:first-child {margin-left:0;}
|
|
.customlinks a:last-child {margin-right:0;}
|
|
|
|
/*------------ MAIN POSTS ------------*/
|
|
.maincont {
|
|
top:0;left:0;right:0;
|
|
margin:auto;
|
|
margin-top:calc({select:top bar icon size} + ({select:top bar padding} * 2) + 12px + 2px + (var(--TopBar-Triangle-Size) / 1.414) + {select:window margin});
|
|
font-family:Bai Jamjuree;
|
|
letter-spacing:.3px;
|
|
text-align:center;
|
|
}
|
|
|
|
.mc {
|
|
display:inline-block;
|
|
}
|
|
|
|
.mc > * {
|
|
text-align:left;
|
|
}
|
|
|
|
.postscont {
|
|
margin-left:calc({select:sidebar width} + {select:center gap});
|
|
margin-bottom:{select:window margin};
|
|
min-width:calc({select: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:{select:post spacing};
|
|
padding:{select:post padding};
|
|
background:rgba({RGBcolor:post},0.69);
|
|
width:{select:post width};
|
|
border-bottom:2px solid {color:post bottom border};
|
|
}
|
|
|
|
.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, .comment a {
|
|
padding-bottom:1px;
|
|
border-bottom:.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;
|
|
}
|
|
|
|
/* reblogger icon frame */
|
|
.goldframe { line-height:0 }
|
|
|
|
.goldframe:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;margin-top:-1px;
|
|
left:0;margin-left:-1px;
|
|
width:calc(100% + 2px);
|
|
height:calc(100% + 2px);
|
|
background:linear-gradient(145deg, {color:reblogger border 1}, {color:reblogger border 2});
|
|
border-radius:100%;
|
|
z-index:0;
|
|
}
|
|
|
|
/* reblogger icon inner shadow */
|
|
.goldframe:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
box-shadow:inset 0 0 4px 0 {color:reblogger border shadow};
|
|
border-radius:100%;
|
|
z-index:0;
|
|
}
|
|
|
|
.commenter img {
|
|
width:var(--Posts-Avatar-Size);
|
|
height:var(--Posts-Avatar-Size);
|
|
border-radius:100%;
|
|
}
|
|
|
|
.commenter a, .commenter span {
|
|
padding-left:8px;
|
|
font-family:gotu;
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
font-size:calc({select:post font size} - 3px);
|
|
color:{color:reblogger};
|
|
|
|
padding-bottom:0;
|
|
border-bottom:none;
|
|
}
|
|
|
|
.commenter span a {
|
|
padding-left:0px;
|
|
}
|
|
|
|
.nosrc {
|
|
display:none;
|
|
margin-top:0;
|
|
}
|
|
|
|
/*----- ASK/ANSWER POSTS -----*/
|
|
.asker span, .asker a {
|
|
padding-left:0;
|
|
}
|
|
|
|
.asker, .asker span, .question_text {
|
|
text-align:center;
|
|
}
|
|
|
|
.asker span {
|
|
margin:auto;
|
|
}
|
|
|
|
.question_text {
|
|
margin-bottom:var(--Paragraph-Margins);
|
|
}
|
|
|
|
/*----- QUOTE POSTS -----*/
|
|
.quote-words {
|
|
padding:0 1em;
|
|
font-size:calc({select:post font size} - 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
text-align:center;
|
|
}
|
|
|
|
.quote-source {
|
|
margin-top:var(--Paragraph-Margins);
|
|
text-align:center;
|
|
}
|
|
|
|
.quote-source:before {
|
|
content:"";
|
|
position:absolute;
|
|
margin-left:calc(-20px - 8px);
|
|
top:50%;transform:translateY(-50%);
|
|
width:20px;
|
|
height:1px;
|
|
background:{color:text};
|
|
}
|
|
|
|
.quote-source .tumblr_blog {
|
|
display:none;
|
|
}
|
|
|
|
/*----- PHOTO POSTS -----*/
|
|
.photopic {
|
|
width:100%;
|
|
cursor:pointer;
|
|
}
|
|
|
|
/*----- PHOTOSETS -----*/
|
|
[photoset-layout] {
|
|
grid-gap:{select:photoset spacing};
|
|
}
|
|
|
|
[photoset-layout] div {
|
|
cursor:pointer;
|
|
}
|
|
|
|
/*----- CHAT POSTS -----*/
|
|
.chatholder {
|
|
}
|
|
|
|
.chat_label {
|
|
margin-right:2.5px;
|
|
font-size:calc({select:post font size} - 2px);
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.chat_content {
|
|
}
|
|
|
|
/*----- 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;
|
|
}
|
|
|
|
.t-name, .npf-audio-title {
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.dongload {
|
|
text-transform:initial!important;
|
|
border-bottom:none!important;
|
|
}
|
|
|
|
.dongload svg {
|
|
width:calc({select:post font size} + 4px);
|
|
height:calc({select:post font size} + 4px);
|
|
stroke:{color:post buttons};
|
|
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 -5px;
|
|
margin-top:var(--Captions-Gap);
|
|
font-family:gotu;
|
|
font-size:calc({select:post font size} - 4px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
line-height:1.5em;
|
|
}
|
|
|
|
.tagholder a {
|
|
display:block;
|
|
margin:0 5px;
|
|
color:{color:tags};
|
|
}
|
|
|
|
/*------------ PERMALINK ------------*/
|
|
.permarow {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
margin-top:var(--Captions-Gap);
|
|
padding-top:var(--Captions-Gap);
|
|
font-family:chakra petch;
|
|
text-transform:uppercase;
|
|
font-size:calc({select:post font size} - 2.5px);
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.permarow:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;
|
|
left:0;margin-left:-{select:post padding};
|
|
width:calc(100% + ({select:post padding} * 2));
|
|
height:.5px;
|
|
background:rgba({RGBcolor:post bottom border},.25);
|
|
}
|
|
|
|
.permarow a {
|
|
color:{color:permalink};
|
|
}
|
|
|
|
.permaleft {
|
|
flex:1;
|
|
}
|
|
|
|
.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 {
|
|
width:calc({select:post width} + ({select:post padding} * 2));
|
|
background:rgba({RGBcolor:post},0.7);
|
|
}
|
|
|
|
ol.notes {
|
|
margin:0;
|
|
padding:{select:post padding};
|
|
font-size:calc({select:post font size} - 1px);
|
|
list-style:none;
|
|
}
|
|
|
|
ol.notes .avatar {
|
|
display:none;
|
|
}
|
|
|
|
ol.notes li {
|
|
padding:0;
|
|
margin-bottom:1.25em;
|
|
}
|
|
|
|
ol.notes li:last-child {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
ol.notes a {
|
|
font-family:gotu;
|
|
font-size:calc({select:post font size} - 4px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.3px;
|
|
}
|
|
|
|
ol.notes blockquote {
|
|
margin:1em;
|
|
padding-left:1em;
|
|
border-left:var(--Blockquote-Border-Color);
|
|
}
|
|
|
|
.more_notes_link_container {
|
|
margin-top:{select:post padding};
|
|
font-family:gotu;
|
|
font-size:calc({select:post font size} - 3px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
/*------- PAGINATION -------*/
|
|
.botpagi {
|
|
margin-bottom:calc(-{select:window margin} + {select:post spacing});
|
|
width:100%;
|
|
}
|
|
|
|
.botpagi span {
|
|
padding:0 4px;
|
|
font-family:chakra petch;
|
|
font-size:calc({select:post font size} - 2.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.5px;
|
|
color:{color:text};
|
|
text-shadow:1px -1px 1px rgba({RGBcolor:background},0.69);
|
|
}
|
|
|
|
.botpagi svg {
|
|
width:calc({select:post font size} + 2px);
|
|
height:calc({select:post font size} + 2px);
|
|
color:{color:text};
|
|
}
|
|
|
|
.pn {
|
|
margin-left:auto;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
{CustomCSS}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="le-background"></div>
|
|
|
|
<div class="topbar">
|
|
<div class="tp">
|
|
<!-------MUSIC PLAYER------->
|
|
{block:ifshowmusicplayer}
|
|
<div class="glenjams-06">
|
|
<div class="pasta">
|
|
<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><!--pasta-->
|
|
</div><!--glenjams-06-->
|
|
{/block:ifshowmusicplayer}
|
|
<!----end music player---->
|
|
|
|
<div class="cheese">
|
|
{block:iftextboxleft}
|
|
<div class="textbox-left">
|
|
<div class="boxtext">
|
|
<div class="bubbletea">{text:textbox left}</div>
|
|
</div>
|
|
</div>
|
|
{/block:iftextboxleft}
|
|
|
|
{block:iftextboxright}
|
|
<div class="textbox-right">
|
|
<div class="boxtext">
|
|
<div class="bubbletea">{text:textbox right}</div>
|
|
</div>
|
|
</div>
|
|
{/block:iftextboxright}
|
|
|
|
<div class="kitty">
|
|
<div class="waow">
|
|
<div class="circ">
|
|
<img class="yuuto" src="{image:top bar icon}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!--cheese-->
|
|
</div><!--tp-->
|
|
|
|
<div class="tri-under"></div>
|
|
<div class="tri-underunder"></div>
|
|
</div><!--end topbar-->
|
|
|
|
|
|
<div class="hargao">
|
|
<div class="hg">
|
|
<div class="peeholder">
|
|
<div class="piss-standing">
|
|
<div class="infopanel-text">{text:info panel text}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="maincont">
|
|
<div class="mc">
|
|
<div class="leftside">
|
|
<div class="characont">
|
|
<div class="glowy"></div>
|
|
<img class="chara-image" src="{image:character image}">
|
|
</div>
|
|
|
|
<div class="flex">
|
|
<div class="descont">
|
|
<div class="desna">
|
|
<div class="desu">
|
|
<div class="desc">
|
|
{Description}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sidelinks">
|
|
<a href="/">index</a>
|
|
<a href="/ask">message</a>
|
|
<a href="/archive">archive</a>
|
|
<a href="//glenthemes.tumblr.com" title="theme by glenthemes">theme</a>
|
|
</div>
|
|
</div><!--flex-->
|
|
|
|
<div class="customlinks">
|
|
{block:ifcustomlink1name}
|
|
<a href="{text:customlink 1 URL}" title="{text:customlink 1 name}">
|
|
<img class="cl-img" src="{image:customlinks image}">
|
|
</a>
|
|
{/block:ifcustomlink1name}
|
|
|
|
|
|
{block:ifcustomlink2name}
|
|
<a href="{text:customlink 2 URL}" title="{text:customlink 2 name}">
|
|
<img class="cl-img" src="{image:customlinks image}">
|
|
</a>
|
|
{/block:ifcustomlink2name}
|
|
|
|
|
|
{block:ifcustomlink3name}
|
|
<a href="{text:customlink 3 URL}" title="{text:customlink 3 name}">
|
|
<img class="cl-img" src="{image:customlinks image}">
|
|
</a>
|
|
{/block:ifcustomlink3name}
|
|
|
|
|
|
{block:ifcustomlink4name}
|
|
<a href="{text:customlink 4 URL}" title="{text:customlink 4 name}">
|
|
<img class="cl-img" src="{image:customlinks image}">
|
|
</a>
|
|
{/block:ifcustomlink4name}
|
|
|
|
|
|
{block:ifcustomlink5name}
|
|
<a href="{text:customlink 5 URL}" title="{text:customlink 5 name}">
|
|
<img class="cl-img" src="{image:customlinks image}">
|
|
</a>
|
|
{/block:ifcustomlink5name}
|
|
</div><!--end customlinks-->
|
|
</div><!--end left sidebar-->
|
|
|
|
|
|
|
|
<!-------- MAIN POSTS -------->
|
|
<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 class="title">{Title}</h1>
|
|
{/block:Title}
|
|
|
|
|
|
<!-- adds OP source if post does not have caption -->
|
|
{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} ></a>
|
|
{block:Description}
|
|
<div class="link-description">
|
|
{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">
|
|
<span>{Asker} asked:</span>
|
|
</div>
|
|
<div class="question_text">{Question}</div>
|
|
</div>
|
|
{block:Answerer}
|
|
<div class="comment_container">
|
|
<div class="answerer commenter">
|
|
<img src="{AnswererPortraitURL-48}">
|
|
<span>{Answerer} answered:</span>
|
|
</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}">{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}   {NoteCountWithLabel}</a>
|
|
{/block:IndexPage}
|
|
|
|
{block:PermalinkPage}
|
|
{block:NotReblog}Posted{/block:NotReblog}
|
|
{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
|
|
on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
|
|
 {NoteCountWithLabel}
|
|
{/block:PermalinkPage}
|
|
</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-->
|
|
</div><!--mc-->
|
|
</div><!--maincont-->
|
|
|
|
<!---- more scripts ---->
|
|
<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> |