3376 lines
99 KiB
Plaintext
3376 lines
99 KiB
Plaintext
<!----------------------------------------------------
|
||
Theme [13]: Parfait
|
||
Made by glenthemes
|
||
|
||
Initial release: 2015/11/??
|
||
Remake [v1] date: 2020/03/23
|
||
Remake [v2] date: 2022/05/10
|
||
Last updated: 2023/08/18
|
||
|
||
What's new:
|
||
✱ NPF audio post support
|
||
|
||
HOW TO USE:
|
||
https://docs.google.com/presentation/d/1jv8m7GLZWYv9-xrkmFFtfaRyxmEgDkbfn1WZ9cS8hgM/edit?usp=sharing
|
||
|
||
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.
|
||
|
||
CREDITS:
|
||
ヾ(❀•ㅅ•)ノ ~ glencredits.tumblr.com/parfait
|
||
----------------------------------------------------->
|
||
<!DOCTYPE html>
|
||
<html blog-name="{Name}" font="{select:font}" tumblr-controls="{select:tumblr controls color}" tc-hov="{select:hover tumblr controls}" bg-type="{select:background image type}" portrait="{PortraitURL-64}" {block:IndexPage}index-page{/block:IndexPage} {block:PermalinkPage}perma-page{/block:PermalinkPage} post-borders="{select:post borders}" cls="{select:customlinks}" thm-help="{select:theme help message}">
|
||
|
||
<head>
|
||
|
||
<title>{Title}</title>
|
||
<link rel="shortcut icon" href="{Favicon}">
|
||
|
||
{block:Description}
|
||
<meta name="description" content="{MetaDescription}">
|
||
{/block:Description}
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||
|
||
<!-------- FONTS -------->
|
||
<!-- google fonts -->
|
||
<link href="//fonts.googleapis.com/css?family=Work+Sans|Public+Sans:500|Cousine|Libre+Franklin|Open+Sans|Manrope:500|Karla|Inter|Plus+Jakarta+Sans:500|Krub:500|Sen|Sora|Quicksand:500|DM+Sans:500|Tajawal:500|Readex+Pro" rel="stylesheet">
|
||
|
||
<!-------- ICON FONTS -------->
|
||
<!-- phosphor icons -->
|
||
<link rel="stylesheet" href="//unpkg.com/phosphor-icons@1.3.2/src/css/phosphor.css">
|
||
|
||
<!-- akar icons -->
|
||
<link href="//unpkg.com/akar-icons-fonts/src/css/akar-icons.css" rel="stylesheet">
|
||
|
||
<!-- mono icons -->
|
||
<link href="//unpkg.com/mono-icons@latest/iconfont/icons.css" rel="stylesheet">
|
||
|
||
<!-- lucide icons -->
|
||
<script src="//unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
|
||
|
||
<!-------- JQUERY -------->
|
||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
||
|
||
<!-------- PRELOAD -------->
|
||
<link rel="preload" href="//glen-assets.github.io/fonts/GoogleSans-Regular.ttf" as="font" type="font/ttf" crossorigin>
|
||
|
||
<!-------- THEME SCRIPTS -------->
|
||
<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">
|
||
|
||
<script src="//rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
|
||
|
||
<link href="//static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
|
||
|
||
{block:ifsongfilemp3}
|
||
<script src="//glenthemes.github.io/-music-/glenplayer07.js"></script>
|
||
{/block:ifsongfilemp3}
|
||
|
||
<!-- cssgram -->
|
||
<link href="https://static.tumblr.com/gtjt4bo/9L4raxpxh/cssgram-filters.css" rel="stylesheet">
|
||
|
||
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
|
||
|
||
<link href="//static.tumblr.com/gtjt4bo/kIbrbaazv/glvwj.css" rel="stylesheet">
|
||
|
||
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
|
||
<link href="//glen-themes.gitlab.io/thms/13/limonade-de-fraise.css" rel="stylesheet">
|
||
<script src="//glen-themes.gitlab.io/thms/13/hibiscus-tea.js"></script>
|
||
<script src="//glen-themes.gitlab.io/thms/13/more-tea.js"></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: var(--Body-Font-Size);
|
||
|
||
--Poll-Option-Background-Color: {color:posts};
|
||
--Poll-Option-Corner-Rounding: var(--Post-Corner-Roundness);
|
||
--Poll-Option-Border-Size: 1px;
|
||
--Poll-Option-Border-Color: {color:post borders inner};
|
||
--Poll-Option-Padding: 8px;
|
||
--Poll-Option-Font-Size: var(--Body-Font-Size);
|
||
--Poll-Option-Spacing: 10px;
|
||
--Poll-Option-Text-Color: {color:text};
|
||
|
||
--Poll-Option-HOVER-Border-Color: {color:special border};
|
||
--Poll-Option-HOVER-Background-Color: {color:special background};
|
||
--Poll-Option-HOVER-Text-Color: {color:special text};
|
||
--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: var(--Audio-Post-Buttons-Size);
|
||
--NPF-Audio-Buttons-Color: var(--Audio-Post-Buttons-Color);
|
||
--NPF-Audio-Buttons-Padding: var(--Audio-Post-Buttons-Padding);
|
||
--NPF-Audio-Buttons-Spacing: calc(var(--p) + var(--Audio-Post-Album-Right-Gap));
|
||
--NPF-Audio-Image-Size: var(--Audio-Post-Album-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;
|
||
background:{color:special background};
|
||
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));
|
||
margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
||
width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
||
height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
||
background:var(--Audio-Post-Buttons-Background);
|
||
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]{
|
||
display:none;
|
||
}
|
||
|
||
.npf-audio-image {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
z-index:-1;
|
||
}
|
||
|
||
.npf-audio-details {
|
||
font-size:calc(var(--Body-Font-Size) - 1px);
|
||
color:{color:special text};
|
||
}
|
||
|
||
.npf-audio-details > * + * {
|
||
margin-top:-1px;
|
||
}
|
||
</style>
|
||
|
||
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
||
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
||
|
||
<!-------- CUSTOMIZE PANEL OPTIONS -------->
|
||
{block:Hidden}
|
||
<!-- hi if you're reading this click the back arrow to edit! -->
|
||
<meta name="image:sidebar icon" content="//64.media.tumblr.com/3c028891215be5ea1b969866ae0a494a/43fd56aa2f0ea9ac-9a/s2048x3072/4ba3e9d1f95c66268213d15e3b47368712aa15bc.png">
|
||
<meta name="image:header image" content="//66.media.tumblr.com/b7b8286748cad966a5a1eda5b362695f/8472e58f7738e2b6-2e/s1280x1920/3433c50da21a39636883ebb3c867e593433325fc.png">
|
||
<meta name="image:background image" content="">
|
||
|
||
<meta name="color:background" content="#fdfdfd">
|
||
|
||
<!------ MUSIC PLAYER COLORS ------>
|
||
<meta name="color:🌸 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑 🌸" content="#">
|
||
<meta name="color:musicplayer bg" content="#fcfcfc">
|
||
<meta name="color:musicplayer border" content="#eee">
|
||
<meta name="color:musicplayer progress" content="#fdd1c1">
|
||
<meta name="color:musicplayer buttons" content="#ebaf98">
|
||
<meta name="color:song name" content="#333">
|
||
<meta name="color:artist name" content="#999">
|
||
|
||
<!------ SIDEBAR COLORS ------>
|
||
<meta name="color:🌸 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 🌸" content="#">
|
||
<meta name="color:sidebar title" content="#333">
|
||
<meta name="color:sidebar username" content="#999">
|
||
<meta name="color:sidebar username hover" content="#f5b09d">
|
||
<meta name="color:sidebar icon border A" content="#e0e0e0">
|
||
<meta name="color:sidebar icon border B" content="#fff">
|
||
|
||
<!------ DESC COLORS ------>
|
||
<meta name="color:🌸 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍 🌸" content="#">
|
||
<meta name="color:desc text" content="#555">
|
||
<meta name="color:desc bold" content="#ebaf98">
|
||
<meta name="color:desc italic" content="#a29483">
|
||
<meta name="color:desc link" content="#fc8f86">
|
||
<meta name="color:desc link underline" content="#fed4d1">
|
||
<meta name="color:desc line" content="#fdd1c1">
|
||
|
||
<!------ SEARCHBAR COLORS ------>
|
||
<meta name="color:🌸 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 🌸" content="#">
|
||
<meta name="color:searchbar placeholder text" content="#999">
|
||
<meta name="color:searchbar text" content="#555">
|
||
<meta name="color:searchbar icon" content="#ebaf98">
|
||
|
||
<!------ NAVLINKS COLORS ------>
|
||
<meta name="color:🌸 𝐍𝐀𝐕𝐋𝐈𝐍𝐊𝐒 🌸" content="#">
|
||
<meta name="color:navlinks bg" content="#fdbba8">
|
||
<meta name="color:navlinks icon" content="#fff">
|
||
<meta name="color:navlinks HOVER bg" content="#fc958f">
|
||
<meta name="color:navlinks HOVER icon" content="#fff">
|
||
|
||
<!------ CUSTOMLINKS COLORS ------>
|
||
<meta name="color:🌸 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 🌸" content="#">
|
||
<meta name="color:customlinks plus" content="#f4b4a2">
|
||
|
||
<meta name="color:customlinks dot" content="#fdbba8">
|
||
<meta name="color:customlinks text" content="#666">
|
||
|
||
<!------ HEADER COLORS ------>
|
||
<meta name="color:🌸 𝐇𝐄𝐀𝐃𝐄𝐑 🌸" content="#">
|
||
<meta name="color:header bg" content="#fff">
|
||
<meta name="color:header info icons" content="#e8907f">
|
||
<meta name="color:header info label" content="#e8907f">
|
||
<meta name="color:header info text" content="#666">
|
||
<meta name="color:header info links" content="#fc8f86">
|
||
<meta name="color:header info links underline" content="#fed4d1">
|
||
|
||
<!------ POSTS COLORS ------>
|
||
<meta name="color:🌸 𝐏𝐎𝐒𝐓𝐒 🌸" content="#">
|
||
<meta name="color:post" content="#fff">
|
||
<meta name="color:post shadow" content="#000">
|
||
<meta name="color:post borders outer" content="#eee">
|
||
<meta name="color:post borders inner" content="#f2f2f2">
|
||
|
||
<meta name="color:text" content="#444">
|
||
<meta name="color:link" content="#fc8f86">
|
||
<meta name="color:link underline" content="#fed4d1">
|
||
|
||
<meta name="color:reblogger" content="#222">
|
||
|
||
<meta name="color:special background" content="#fafafa">
|
||
<meta name="color:special text" content="#222">
|
||
<meta name="color:special border" content="#e9e9e9">
|
||
|
||
<meta name="color:tags" content="#999">
|
||
|
||
<meta name="color:permalink" content="#222">
|
||
<meta name="color:post buttons" content="#444">
|
||
<meta name="color:like button liked" content="#f57a69">
|
||
|
||
<meta name="color:🌸 𝐎𝐓𝐇𝐄𝐑 / 𝐌𝐈𝐒𝐂 🌸" content="#">
|
||
<meta name="color:scrollbar" content="#888">
|
||
<meta name="color:scrollbar track" content="#eee">
|
||
<meta name="color:scrollbar background" content="#fdfdfd">
|
||
|
||
<meta name="color:text selection background" content="#f7f4f1">
|
||
<meta name="color:text selected" content="#333">
|
||
|
||
<meta name="color:tooltips bg" content="#fd9fa0">
|
||
<meta name="color:tooltips border" content="#fd9fa0">
|
||
<meta name="color:tooltips text" content="#fff">
|
||
|
||
<meta name="color:tumblr controls cog" content="#252525">
|
||
|
||
<!-------- GENERAL OPTIONS -------->
|
||
<meta name="select:🌸 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐎𝐏𝐓𝐈𝐎𝐍𝐒 🌸" content="">
|
||
<meta name="select:theme help message" title="show" content="show">
|
||
<meta name="select:theme help message" title="hide" content="hide">
|
||
|
||
<meta name="select:window margin" title="55px" content="55px">
|
||
<meta name="select:window margin" title="40px" content="40px">
|
||
<meta name="select:window margin" title="45px" content="45px">
|
||
<meta name="select:window margin" title="50px" content="50px">
|
||
<meta name="select:window margin" title="60px" content="60px">
|
||
<meta name="select:window margin" title="65px" content="65px">
|
||
<meta name="select:window margin" title="70px" content="70px">
|
||
|
||
<meta name="select:font" title="Plus Jakarta Sans" content="Plus Jakarta Sans">
|
||
<meta name="select:font" title="Libre Franklin" content="Libre Franklin">
|
||
<meta name="select:font" title="Open Sans" content="Open Sans">
|
||
<meta name="select:font" title="Manrope" content="Manrope">
|
||
<meta name="select:font" title="Karla" content="Karla">
|
||
<meta name="select:font" title="Google Sans" content="Google Sans">
|
||
<meta name="select:font" title="Krub" content="Krub">
|
||
<meta name="select:font" title="Sen" content="Sen">
|
||
<meta name="select:font" title="Sora" content="Sora">
|
||
<meta name="select:font" title="Quicksand" content="Quicksand">
|
||
<meta name="select:font" title="Tajawal" content="Tajawal">
|
||
|
||
<meta name="select:font size" title="12px" content="12px">
|
||
<meta name="select:font size" title="10px" content="10px">
|
||
<meta name="select:font size" title="11px" content="11px">
|
||
<meta name="select:font size" title="13px" content="13px">
|
||
<meta name="select:font size" title="14px" content="14px">
|
||
<meta name="select:font size" title="15px" content="15px">
|
||
|
||
<meta name="select:center gap" title="70px" content="70px">
|
||
<meta name="select:center gap" title="50px" content="50px">
|
||
<meta name="select:center gap" title="55px" content="55px">
|
||
<meta name="select:center gap" title="60px" content="60px">
|
||
<meta name="select:center gap" title="65px" content="65px">
|
||
<meta name="select:center gap" title="75px" content="75px">
|
||
<meta name="select:center gap" title="80px" content="80px">
|
||
<meta name="select:center gap" title="85px" content="85px">
|
||
<meta name="select:center gap" title="90px" content="90px">
|
||
|
||
<meta name="select:background image type" title="small" content="repeat">
|
||
<meta name="select:background image type" title="large" content="full">
|
||
|
||
<!-------- SIDEBAR OPTIONS -------->
|
||
<meta name="select:🌸 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 🌸" content="">
|
||
<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 width" title="325px" content="325px">
|
||
<meta name="select:sidebar width" title="350px" content="350px">
|
||
|
||
<meta name="select:sidebar icon size" title="50px" content="50px">
|
||
<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="55px" content="55px">
|
||
<meta name="select:sidebar icon size" title="60px" content="60px">
|
||
<meta name="select:sidebar icon size" title="65px" content="65px">
|
||
|
||
<meta name="select:sidebar icon padding" title="4px" content="4px">
|
||
<meta name="select:sidebar icon padding" title="2px" content="2px">
|
||
<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="none" content="0px">
|
||
|
||
<meta name="select:🌸 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍 🌸" content="">
|
||
<meta name="select:desc font size" title="11px" content="11px">
|
||
<meta name="select:desc font size" title="10px" content="10px">
|
||
<meta name="select:desc font size" title="12px" content="12px">
|
||
<meta name="select:desc font size" title="13px" content="13px">
|
||
<meta name="select:desc font size" title="14px" content="14px">
|
||
|
||
<meta name="select:desc text align" title="right" content="right">
|
||
<meta name="select:desc text align" title="justify" content="justify">
|
||
<meta name="select:desc text align" title="left" content="left">
|
||
<meta name="select:desc text align" title="center" content="center">
|
||
|
||
<meta name="select:🌸 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 🌸" content="">
|
||
<meta name="select:show searchbar" title="show" content="show">
|
||
<meta name="select:show searchbar" title="hide" content="hide">
|
||
|
||
<meta name="select:searchbar icon" title="flipped" content="flipped">
|
||
<meta name="select:searchbar icon" title="normal" content="normal">
|
||
|
||
<meta name="select:🌸 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 🌸" content="">
|
||
<meta name="select:customlinks" title="toggle" content="toggle">
|
||
<meta name="select:customlinks" title="always show" content="show">
|
||
|
||
<meta name="select:customlinks per row" title="3" content="3">
|
||
<meta name="select:customlinks per row" title="1" content="1">
|
||
<meta name="select:customlinks per row" title="2" content="2">
|
||
<meta name="select:customlinks per row" title="4" content="4">
|
||
|
||
<meta name="select:customlinks column spacing" title="18px" content="18px">
|
||
<meta name="select:customlinks column spacing" title="10px" content="10px">
|
||
<meta name="select:customlinks column spacing" title="14px" content="14px">
|
||
<meta name="select:customlinks column spacing" title="22px" content="22px">
|
||
<meta name="select:customlinks column spacing" title="26px" content="26px">
|
||
|
||
<meta name="select:customlinks row spacing" title="11px" content="11px">
|
||
<meta name="select:customlinks row spacing" title="5px" content="5px">
|
||
<meta name="select:customlinks row spacing" title="8px" content="8px">
|
||
<meta name="select:customlinks row spacing" title="14px" content="14px">
|
||
<meta name="select:customlinks row spacing" title="17px" content="17px">
|
||
|
||
<!-------- HEADER OPTIONS -------->
|
||
<meta name="select:🌸 𝐇𝐄𝐀𝐃𝐄𝐑 🌸" content="">
|
||
<meta name="select:show header" title="show" content="show">
|
||
<meta name="select:show header" title="hide" content="hide">
|
||
|
||
<meta name="select:header padding" title="26px" content="26px">
|
||
<meta name="select:header padding" title="10px" content="10px">
|
||
<meta name="select:header padding" title="14px" content="14px">
|
||
<meta name="select:header padding" title="18px" content="18px">
|
||
<meta name="select:header padding" title="22px" content="22px">
|
||
<meta name="select:header padding" title="30px" content="30px">
|
||
<meta name="select:header padding" title="34px" content="34px">
|
||
<meta name="select:header padding" title="38px" content="38px">
|
||
|
||
<meta name="select:header bottom gap" title="50px" content="50px">
|
||
<meta name="select:header bottom gap" title="25px" content="25px">
|
||
<meta name="select:header bottom gap" title="30px" content="30px">
|
||
<meta name="select:header bottom gap" title="35px" content="35px">
|
||
<meta name="select:header bottom gap" title="40px" content="40px">
|
||
<meta name="select:header bottom gap" title="45px" content="45px">
|
||
<meta name="select:header bottom gap" title="55px" content="55px">
|
||
<meta name="select:header bottom gap" title="60px" content="60px">
|
||
<meta name="select:header bottom gap" title="65px" content="65px">
|
||
<meta name="select:header bottom gap" title="70px" content="70px">
|
||
|
||
<!-------- POSTS OPTIONS -------->
|
||
<meta name="select:🌸 𝐏𝐎𝐒𝐓𝐒 🌸" content="">
|
||
<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="600px" content="600px">
|
||
|
||
<meta name="select:post padding" title="18px" content="18px">
|
||
<meta name="select:post padding" title="10px" content="10px">
|
||
<meta name="select:post padding" title="14px" content="14px">
|
||
<meta name="select:post padding" title="22px" content="22px">
|
||
<meta name="select:post padding" title="26px" content="26px">
|
||
|
||
<meta name="select:post borders" title="no" content="no">
|
||
<meta name="select:post borders" title="yes" content="yes">
|
||
|
||
<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="8px" content="8px">
|
||
<meta name="select:photoset spacing" title="10px" content="10px">
|
||
|
||
<meta name="select:grayscale images" title="off" content="off">
|
||
<meta name="select:grayscale images" title="reblogger icon only" content="rb-ico">
|
||
<meta name="select:grayscale images" title="everything in posts" content="everything">
|
||
|
||
<meta name="select:click tags" title="yes" content="yes">
|
||
<meta name="select:click tags" title="no" content="no">
|
||
|
||
<meta name="select:post spacing" title="45px" content="45px">
|
||
<meta name="select:post spacing" title="30px" content="30px">
|
||
<meta name="select:post spacing" title="25px" content="25px">
|
||
<meta name="select:post spacing" title="35px" content="35px">
|
||
<meta name="select:post spacing" title="40px" content="40px">
|
||
<meta name="select:post spacing" title="50px" content="50px">
|
||
<meta name="select:post spacing" title="55px" content="55px">
|
||
<meta name="select:post spacing" title="60px" content="60px">
|
||
<meta name="select:post spacing" title="65px" content="65px">
|
||
<meta name="select:post spacing" title="70px" content="70px">
|
||
|
||
<!-------- PERMALINK OPTIONS -------->
|
||
<meta name="select:🌸 𝐏𝐄𝐑𝐌𝐀𝐋𝐈𝐍𝐊 🌸" content="">
|
||
<meta name="select:permalink top gap" title="regular" content="regular">
|
||
<meta name="select:permalink top gap" title="small" content="small">
|
||
<meta name="select:permalink top gap" title="large" content="large">
|
||
|
||
<meta name="select:permalink icon" title="eye" content="eye-open">
|
||
<meta name="select:permalink icon" title="bookmark" content="ribbon">
|
||
<meta name="select:permalink icon" title="link" content="link-chain">
|
||
<meta name="select:permalink icon" title="paperclip" content="attach">
|
||
<meta name="select:permalink icon" title="pin" content="pin">
|
||
<meta name="select:permalink icon" title="pencil" content="pencil">
|
||
<meta name="select:permalink icon" title="plant" content="plant">
|
||
<meta name="select:permalink icon" title="radish" content="radish">
|
||
<meta name="select:permalink icon" title="leaf" content="leaf">
|
||
<meta name="select:permalink icon" title="moon & star" content="moon">
|
||
<meta name="select:permalink icon" title="star" content="star">
|
||
<meta name="select:permalink icon" title="cloud" content="cloud">
|
||
<meta name="select:permalink icon" title="diamond" content="tetragon">
|
||
<meta name="select:permalink icon" title="location pin 1" content="location">
|
||
<meta name="select:permalink icon" title="location pin 2" content="check-in">
|
||
|
||
<!--------- TUMBLR CONTROLS OPTIONS --------->
|
||
<meta name="select:🌸 𝐓𝐔𝐌𝐁𝐋𝐑 𝐂𝐎𝐍𝐓𝐑𝐎𝐋𝐒 🌸" content="">
|
||
<meta name="select:tumblr controls color" title="black" content="black">
|
||
<meta name="select:tumblr controls color" title="white" content="white">
|
||
|
||
<meta name="select:hover tumblr controls" title="hover" content="hover">
|
||
<meta name="select:hover tumblr controls" title="always show" content="show">
|
||
{/block:Hidden}
|
||
<!--------- TEXT FIELDS --------->
|
||
<meta name="text:move everything left" content="50px">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠‌‌" content="🌸 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑 🌸
">
|
||
{/block:Hidden}
|
||
<meta name="text:💭 ʜᴏᴡ ᴛᴏ ᴄʜᴀɴɢᴇ ᴛʜᴇ ᴍᴜsɪᴄ?" content="https://linktr.ee/direct_file_links">
|
||
<meta name="text:song name" content="Spring Garden">
|
||
<meta name="text:artist name" content="paniyolo">
|
||
<meta name="text:song file mp3" content="https://rhizo.gitlab.io/m/Spring_Garden.mp3">
|
||
<meta name="text:song volume" content="100%">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠‌‌‌" content="🌸 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 🌸
">
|
||
{/block:Hidden}
|
||
<meta name="text:sidebar title" content="*✧ — parfait">
|
||
<meta name="text:sidebar desc" content="your description here">
|
||
|
||
<meta name="text:searchbar placeholder text" content="search...">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠‌" content="🌸 𝐇𝐄𝐀𝐃𝐄𝐑 𝐒𝐓𝐀𝐓𝐒 🌸
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:💭 ʜᴏᴡ ᴛᴏ ᴇᴅɪᴛ ʜᴇᴀᴅᴇʀ ᴛᴇxᴛ?" content="https://dub.sh/parfait-guide-slide11">
|
||
<meta name="text:💭 ᴡʜᴀᴛ ɪᴄᴏɴs ᴄᴀɴ ɪ ᴜsᴇ?" content="https://akaricons.com/">
|
||
<meta name="text:header text column 1" content="<li>
[icon-name] person
[bold-text] A is for:
[text] apple

<li>
[icon-name] face very happy
[bold-text] C is for:
[text] cannoli">
|
||
<meta name="text:header text column 2" content="<li>
[icon-name] person
[bold-text] B is for:
[text] bingo

<li>
[icon-name] face neutral
[bold-text] D is for:
[text] ding dong">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠" content="🌸 𝐏𝐎𝐒𝐓 𝐒𝐇𝐀𝐃𝐎𝐖 🌸
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:post shadow size" content="1px">
|
||
<meta name="text:post shadow strength" content="4%">
|
||
<meta name="text:post shadow blur" content="7px">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠​" content="🌸 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 🌸
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:customlink 1 name" content="sample link">
|
||
<meta name="text:customlink 1 url" content="https://youtube.com/watch?v=ZkNMZlkrzaU">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:customlink 2 name" content="">
|
||
<meta name="text:customlink 2 url" content="">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:customlink 3 name" content="">
|
||
<meta name="text:customlink 3 url" content="">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:customlink 4 name" content="">
|
||
<meta name="text:customlink 4 url" content="">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠​​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:customlink 5 name" content="">
|
||
<meta name="text:customlink 5 url" content="">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠​​​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:customlink 6 name" content="">
|
||
<meta name="text:customlink 6 url" content="">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠​​​​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:customlink 7 name" content="">
|
||
<meta name="text:customlink 7 url" content="">
|
||
|
||
{block:Hidden}
|
||
<meta name="text:󠀠​​​​​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
|
||
{/block:Hidden}
|
||
|
||
<meta name="text:customlink 8 name" content="">
|
||
<meta name="text:customlink 8 url" content="">
|
||
|
||
<!--------------------------------------------------->
|
||
|
||
<style type="text/css">
|
||
|
||
@font-face { font-family: "google sans"; src: url("//glen-assets.github.io/fonts/GoogleSans-Regular.ttf"); }
|
||
|
||
/*-------- TUMBLR CONTROLS --------*/
|
||
iframe#tumblr_controls, .iframe-controls--desktop {
|
||
top:9px!important;
|
||
right:9px!important;
|
||
position:fixed!important;
|
||
|
||
transform:scale(0.6,0.6);
|
||
-webkit-transform:scale(0.6,0.6);
|
||
|
||
transform-origin:100% 0;
|
||
z-index:999999!important;
|
||
user-select:none;
|
||
}
|
||
|
||
[tc-hov="hover"] iframe#tumblr_controls,
|
||
[tc-hov="hover"] .iframe-controls--desktop {
|
||
top:9px!important;
|
||
right:var(--Cog-Edge-Offset)!important;
|
||
opacity:0;
|
||
transition:opacity 0.369s ease-in-out;
|
||
}
|
||
|
||
[tc-hov="hover"] iframe#tumblr_controls:hover,
|
||
[tc-hov="hover"] .iframe-controls--desktop:hover {
|
||
opacity:1;
|
||
}
|
||
|
||
[tumblr-controls="black"] iframe#tumblr_controls,
|
||
[tumblr-controls="black"] .iframe-controls--desktop {
|
||
filter:invert(100%) hue-rotate(180deg)!important;
|
||
-webkit-filter:invert(100%) hue-rotate(180deg)!important;
|
||
}
|
||
|
||
[corner-cog]{
|
||
position:fixed;
|
||
top:0;right:0;
|
||
margin-top:var(--Cog-Edge-Offset);
|
||
margin-right:var(--Cog-Edge-Offset);
|
||
}
|
||
|
||
/* chrome adjustments for the tumblr controls */
|
||
@supports(-webkit-text-security: circle){
|
||
[tc-hov="hover"] iframe#tumblr_controls,
|
||
[tc-hov="hover"] .iframe-controls--desktop {
|
||
padding-right:calc(var(--TumblrControls-Cog-Size) + (var(--Scrollbar-Padding) / 2))!important;
|
||
}
|
||
|
||
[corner-cog]{
|
||
--Cog-Bonus-Gap:3px;
|
||
margin-right:calc((var(--Cog-Edge-Offset) + var(--Cog-Bonus-Gap)) - calc(var(--Scrollbar-Padding) / 2));
|
||
}
|
||
}
|
||
|
||
/* firefox adjustments for the tumblr controls */
|
||
@-moz-document url-prefix(){
|
||
[tc-hov="hover"] iframe#tumblr_controls,
|
||
[tc-hov="hover"] .iframe-controls--desktop {
|
||
padding-right:calc(var(--TumblrControls-Cog-Size) + 14px)!important;
|
||
}
|
||
}
|
||
|
||
[tc-hov="show"] [corner-cog]{
|
||
display:none;
|
||
}
|
||
|
||
[corner-cog] [class*="ai-"]{
|
||
font-size:var(--TumblrControls-Cog-Size);
|
||
color:{color:tumblr controls cog};
|
||
}
|
||
|
||
|
||
/*------- SCROLLBAR --------*/
|
||
::-webkit-scrollbar {
|
||
width:var(--Scrollbar-Padding);
|
||
height:var(--Scrollbar-Padding);
|
||
background-color:{color:scrollbar background};
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background-color:{color:scrollbar};
|
||
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:scrollbar background};
|
||
border-top:calc(var(--Scrollbar-Padding) / 2.69) solid {color:scrollbar background};
|
||
border-bottom:calc(var(--Scrollbar-Padding) / 2.69) solid {color:scrollbar background};
|
||
}
|
||
|
||
::-webkit-scrollbar-track {
|
||
background-color:{color:scrollbar track};
|
||
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:scrollbar background};
|
||
border-top:calc(var(--Scrollbar-Padding) / 2.69) solid {color:scrollbar background};
|
||
border-bottom:calc(var(--Scrollbar-Padding) / 2.69) solid {color:scrollbar background};
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb:horizontal {
|
||
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:scrollbar background}!important;
|
||
}
|
||
|
||
::-webkit-scrollbar-track:horizontal {
|
||
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:scrollbar background}!important;
|
||
}
|
||
|
||
::-webkit-scrollbar-corner {
|
||
background:{color:scrollbar background};
|
||
}
|
||
|
||
/*------- TOOLTIPS --------*/
|
||
#s-m-t-tooltip {
|
||
padding:6px 9px;
|
||
margin:17px;
|
||
background:var(--Tooltips-BG);
|
||
border:1px solid var(--Tooltips-Border);
|
||
border-radius:2px;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - .5px);
|
||
letter-spacing:0.5px;
|
||
text-transform:uppercase;
|
||
color:var(--Tooltips-Text);
|
||
line-height:var(--Line-Height);
|
||
z-index:99!important;
|
||
max-width:40vw;
|
||
}
|
||
|
||
#s-m-t-tooltip[style*="opacity: 0"]{
|
||
display:none!important;
|
||
}
|
||
|
||
/*---- GLOBAL FONT SETTINGS -----*/
|
||
[font]{
|
||
font-family:var(--Body-Font-Family);
|
||
font-size:var(--Body-Font-Size);
|
||
color:var(--Body-Text-Color);
|
||
}
|
||
|
||
[font="Libre Franklin"]{
|
||
font-size:calc(var(--Body-Font-Size) - .5px)!important;
|
||
letter-spacing:0.1px;
|
||
}
|
||
|
||
[font="Manrope"]{
|
||
font-size:calc(var(--Body-Font-Size) - 1px)!important;
|
||
letter-spacing:0.3px;
|
||
}
|
||
|
||
[font="Plus Jakarta Sans"]{
|
||
font-size:calc(var(--Body-Font-Size) - 0.5px)!important;
|
||
letter-spacing:0.2px;
|
||
}
|
||
|
||
[font="Google Sans"]{
|
||
letter-spacing:0.5px;
|
||
}
|
||
|
||
[font="Quicksand"]{
|
||
font-size:calc(var(--Body-Font-Size) + .5px)!important;
|
||
letter-spacing:0.2px;
|
||
}
|
||
|
||
/*------- TEXT HIGHLIGHT --------*/
|
||
::selection {
|
||
background:{color:text selection background};
|
||
color:{color:text selected};
|
||
}
|
||
|
||
::-moz-selection {
|
||
background:{color:text selection background};
|
||
color:{color:text selected};
|
||
}
|
||
|
||
img::selection {background:transparent}
|
||
img::-moz-selection {background:transparent}
|
||
|
||
/*------- BASICS --------*/
|
||
@-moz-document url-prefix(){
|
||
* {
|
||
scrollbar-width:thin; /* firefox only */
|
||
}
|
||
}
|
||
|
||
body {
|
||
margin:0;
|
||
background-color:{color:background};
|
||
background-image:url('{image:background image}');
|
||
background-attachment:fixed;
|
||
overscroll-behavior-y:none;
|
||
overflow-y:scroll!important;
|
||
}
|
||
|
||
[bg-type="repeat"] body {
|
||
background-repeat:repeat;
|
||
}
|
||
|
||
[bg-type="full"] body {
|
||
background-repeat:no-repeat;
|
||
background-size:cover;
|
||
background-position:center;
|
||
}
|
||
|
||
a {
|
||
text-decoration:none;
|
||
color:var(--Link);
|
||
}
|
||
|
||
a[title][class*="smt-current-element"]:not([href]){
|
||
cursor:help;
|
||
}
|
||
|
||
a[title=""]:not([href]){
|
||
cursor:initial;
|
||
}
|
||
|
||
p {
|
||
margin:var(--Paragraph-Margins) 0;
|
||
}
|
||
|
||
blockquote {
|
||
margin:var(--Paragraph-Margins);
|
||
margin-right:0;
|
||
padding-left:var(--Paragraph-Margins);
|
||
border-left:1px solid rgba({RGBcolor:text},0.169);
|
||
}
|
||
|
||
.posts blockquote {
|
||
margin-left:calc(var(--Reblogger-Avatar-Size) / 2);
|
||
padding-left:calc((var(--Reblogger-Avatar-Size) / 2) + var(--Reblogger-Avatar-Gap-Right));
|
||
}
|
||
|
||
b, strong {
|
||
font-weight:normal;
|
||
-webkit-text-stroke-width:.3px;
|
||
-webkit-text-stroke-color:currentColor;
|
||
}
|
||
|
||
/* headings */
|
||
h1, h2, h3, h4, h5, h6 {
|
||
margin:var(--Heading-Margins) 0;
|
||
font-family:var(--Heading-Font-Family);
|
||
font-weight:normal;
|
||
font-size:var(--Body-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.3px;
|
||
line-height:calc(var(--Line-Height) * 1.1);
|
||
}
|
||
|
||
img, iframe {
|
||
vertical-align:middle;
|
||
max-width:100%;
|
||
}
|
||
|
||
figure {
|
||
margin:0;
|
||
}
|
||
|
||
figure img {
|
||
height:auto;
|
||
}
|
||
|
||
pre, code {
|
||
white-space:pre-wrap;
|
||
font-family:cousine;
|
||
font-size:calc(var(--Body-Font-Size) - 2px);
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
color:{color:special text};
|
||
}
|
||
|
||
pre {
|
||
padding:0.8em 1em;
|
||
}
|
||
|
||
code {
|
||
padding:3px 4px;
|
||
}
|
||
|
||
hr {
|
||
display:block;
|
||
margin:var(--Heading-Margins) auto;
|
||
border-width:0px;
|
||
width:69%;
|
||
height:1px;
|
||
background:{color:post borders inner};
|
||
}
|
||
|
||
a.read_more {
|
||
padding-bottom:1.5px!important;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) + 1px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
}
|
||
|
||
a.read_more:before {
|
||
content:"\f82d";
|
||
display:inline-block;
|
||
margin-top:-1.5px;
|
||
font-family:phosphor;
|
||
margin-right:4px;
|
||
vertical-align:middle;
|
||
}
|
||
|
||
ul, ol {
|
||
margin:var(--Paragraph-Margins) 0;
|
||
margin-left:1.69em;
|
||
padding:0;
|
||
}
|
||
|
||
ol li {
|
||
padding-left:0.420em;
|
||
}
|
||
|
||
ul li {
|
||
position:relative;
|
||
padding-left:0.25em;
|
||
margin-left:calc((var(--Body-Font-Size) * 1.420) - 3px);
|
||
list-style:none;
|
||
}
|
||
|
||
ul li:before {
|
||
content:"";
|
||
position:absolute;
|
||
margin-top:calc(((var(--Body-Font-Size) * var(--Line-Height-INT)) / 2) - 0px);
|
||
transform:perspective(0);
|
||
left:0;margin-left:calc((var(--Body-Font-Size) * -1.420) - 3px);
|
||
width:var(--Body-Font-Size);
|
||
height:.7px;
|
||
background:rgba({RGBcolor:text},0.420);
|
||
}
|
||
|
||
small {
|
||
font-size:calc(var(--Body-Font-Size) * 0.85);
|
||
}
|
||
|
||
.flex, [flex]{
|
||
display:flex!important;
|
||
align-items:center;
|
||
}
|
||
|
||
.tmblr-attribution a {
|
||
color:{color:link}!important;
|
||
}
|
||
|
||
:root {
|
||
--Window-Margin:{select:window margin};
|
||
--Container-Shift-Amount:{text:move everything left};
|
||
|
||
/*--- MUSIC PLAYER SETTINGS ---*/
|
||
--Circle-Size:38px;
|
||
--Progress-Border-Size:2px;
|
||
--Progress-Empty:{color:musicplayer border};
|
||
--Progress-Fill:{color:musicplayer progress};
|
||
--Player-Background:{color:musicplayer bg};
|
||
--Play-Pause-Buttons-Size:9px;
|
||
--Play-Pause-Buttons-Color:{color:musicplayer buttons};
|
||
--Player-Text-Margin:13px;
|
||
|
||
--Song-Name-Font-Family:"readex pro";
|
||
--Song-Name-Font-Size:var(--SmallCaps-Font-Size);
|
||
--Song-Name-Color:{color:song name};
|
||
|
||
--Artist-Name-Font-Family:var(--Body-Font-Family);
|
||
--Artist-Name-Font-Size:calc(var(--Body-Font-Size) - 1.5px);
|
||
--Artist-Name-Color:{color:artist name};
|
||
|
||
/*--- SIDEBAR SETTINGS ---*/
|
||
--Sidebar-Title-Font-Family:"readex pro";
|
||
--Sidebar-Title-Font-Size:calc(var(--SmallCaps-Font-Size) + 1.5px);
|
||
|
||
--Sidebar-Username-Font-Family:"karla";
|
||
--Sidebar-Username-Font-Size:calc(var(--SmallCaps-Font-Size) + .5px);
|
||
|
||
--Sidebar-Text-Row-Spacing:2px;
|
||
--Sidebar-Text-Gap-Right:12px;
|
||
|
||
--Sidebar-Image-Size:{select:sidebar icon size};
|
||
--Sidebar-Image-Padding:{select:sidebar icon padding};
|
||
--Sidebar-Image-Border-Size:1px;
|
||
--Sidebar-Image-Roundness:100%;
|
||
--Sidebar-Image-Total-Size:calc(var(--Sidebar-Image-Size) + (var(--Sidebar-Image-Padding) * 2) + (var(--Sidebar-Image-Border-Size) * 2));
|
||
|
||
/*--- DESC SETTINGS ---*/
|
||
--Description-Gap-X:14px; /* space between desc and the bar */
|
||
--Description-Gap-Y:14px;
|
||
--Description-Font-Family:var(--Body-Font-Family);
|
||
--Description-Font-Size:{select:desc font size};
|
||
--Description-Line-Height:185%;
|
||
--Description-Bar-Width:3px;
|
||
--Description-Bar-Bonus-Height:5px;
|
||
|
||
/* ignore the next few incoherent lines */
|
||
--pfp-half:calc((var(--Sidebar-Image-Total-Size) / 2));
|
||
--zcodl:calc(var(--pfp-half) - (var(--Description-Bar-Width) / 2));
|
||
--eiwes:calc(var(--pfp-half) - (var(--Searchbar-Icon-Size) / 2));
|
||
--kihwh:calc(var(--pfp-half) - (var(--CustomLinks-Toggle-Button-Size) / 2));
|
||
--enxyf:calc(var(--pfp-half) - (var(--BoxLinks-Each-Total-Size) / 2));
|
||
|
||
/*--- SEARCHBAR SETTINGS ---*/
|
||
--Searchbar-Font-Family:"public sans";
|
||
--Searchbar-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
|
||
--Searchbar-Icon-Size:calc(var(--Searchbar-Font-Size) * 1.5);
|
||
|
||
/*--- NAVLINKS SETTINGS ---*/
|
||
--BoxLinks-Top-Gap:14px;
|
||
|
||
--BoxLinks-Icons-Size:12px;
|
||
--BoxLinks-Icons-Padding:6px;
|
||
--BoxLinks-Corner-Roundness:3px;
|
||
--BoxLinks-Each-Total-Size:calc(var(--BoxLinks-Icons-Size) + (var(--BoxLinks-Icons-Padding) * 2));
|
||
--BoxLinks-Spacing:5px;
|
||
|
||
--BoxLinks-Fade-Speed:0.269s;
|
||
|
||
/*--- CUSTOMLINKS SETTINGS ---*/
|
||
/* the 'plus' icon */
|
||
--CustomLinks-Toggle-Button-Size:14px;
|
||
--CustomLinks-Toggle-Button-Padding:5px;
|
||
--CustomLinks-Toggle-Button-Spin-Amount:135deg;
|
||
--CustomLinks-Toggle-Button-Spin-Speed:420ms;
|
||
|
||
--CustomLinks-Top-Gap:20px;
|
||
|
||
--CustomLinks-Area:calc({select:sidebar width} - var(--pfp-half) + var(--CustomLinks-Spacing-X));
|
||
--CustomLinks-Each-Width:calc(var(--CustomLinks-Area) / {select:customlinks per row});
|
||
|
||
--CustomLinks-Dot-Size:5px;
|
||
--CustomLinks-Dot-Gap-Right:7px;
|
||
|
||
--CustomLinks-Font-Family:"krub";
|
||
--CustomLinks-Font-Size:var(--SmallCaps-Font-Size);
|
||
--CustomLinks-Line-Height:1.5; /* number only */
|
||
--CustomLinks-Spacing-X:{select:customlinks column spacing};
|
||
--CustomLinks-Spacing-Y:{select:customlinks row spacing};
|
||
|
||
--CustomLinks-Fade-Speed:400ms; /* ms only */
|
||
|
||
/*--- HEADER SETTINGS ---*/
|
||
--Header-Corner-Roundness:5px;
|
||
--Header-Info-Columns:2;
|
||
|
||
--Header-Info-Row-Spacing:4px;
|
||
--Header-Info-Column-Spacing:10px;
|
||
|
||
--Header-Info-Icons-Size:calc(var(--Body-Font-Size) + 2px);
|
||
--Header-Info-Icons-Gap-Right:8px;
|
||
|
||
--Header-Info-Labels-Font-Size:calc(var(--SmallCaps-Font-Size) + .5px);
|
||
--Header-Info-Labels-Gap-Right:6px;
|
||
|
||
--Header-Info-Body-Text-Font-Family:var(--Body-Font-Family);
|
||
--Header-Info-Body-Text-Font-Size:calc(var(--Body-Font-Size) - 1px);
|
||
|
||
/*--- POST SETTINGS ---*/
|
||
--Paragraph-Margins:1em;
|
||
--Heading-Margins:1em;
|
||
|
||
--Body-Font-Family:{select:font};
|
||
--Body-Font-Size:{select:font size};
|
||
--Body-Text-Color:{color:text};
|
||
|
||
--Line-Height:1.7em; /* line-height with suffix */
|
||
--Line-Height-INT:1.7; /* line-height without suffix */
|
||
|
||
--Heading-Font-Family:"readex pro";
|
||
--Heading-Font-Size:calc(var(--Body-Font-Size) - 1px);
|
||
|
||
--SmallCaps-Font-Family:"readex pro";
|
||
--SmallCaps-Font-Size:calc(var(--Body-Font-Size) - 3px);
|
||
|
||
--Post-Total-Width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + (var(--Post-Border-Size) * 2));
|
||
--Post-Width:{select:post width};
|
||
--Post-Corner-Roundness:5px;
|
||
--Post-Padding:{select:post padding};
|
||
--Post-BG:{color:post};
|
||
--Post-Shadow-Distance:8px;
|
||
--Post-Shadow-Size:{text:post shadow size};
|
||
--Post-Shadow-Blur:{text:post shadow blur};
|
||
--Post-Shadow-Strength:{text:post shadow strength};
|
||
--Post-Spacing:{select:post spacing};
|
||
|
||
/* filter name MUST be encased in brackets */
|
||
/* available filters: dub.sh/cssgram-filters-list */
|
||
/* for no filter, remove the word in the quotes */
|
||
--Reblogger-Avatar-Filter:"lark";
|
||
--Reblogger-Avatar-Size:25px;
|
||
--Reblogger-Avatar-Gap-Right:8px;
|
||
--Reblogger-Username-Color:{color:reblogger};
|
||
--Reblogger-Avatar-Bottom-Gap:12px;
|
||
|
||
--Reblogs-Spacing:15px;
|
||
--Reblogs-Border:{color:post borders inner};
|
||
|
||
--Captions-Gap:15px;
|
||
--NPF-Caption-Spacing:var(--Captions-Gap);
|
||
|
||
--Photoset-Spacing:{select:photoset spacing};
|
||
--NPF-Image-Spacing:var(--Photoset-Spacing);
|
||
|
||
--Grayscale-Settings:grayscale(100%) contrast(105%) brightness(102%);
|
||
--Grayscale-Transition-Speed:0.269s;
|
||
|
||
--AskerPortrait-Size:40px;
|
||
--AskerPortrait-Padding:4px;
|
||
|
||
--Audio-Post-Album-Size:64px;
|
||
--Audio-Post-Album-Right-Gap:13px;
|
||
--Audio-Post-Buttons-Size:11px;
|
||
--Audio-Post-Buttons-Color:{color:navlinks icon};
|
||
--Audio-Post-Buttons-Padding:11px;
|
||
--Audio-Post-Buttons-Background:{color:navlinks bg};
|
||
--Audio-Post-Download-Color:{color:special text};
|
||
|
||
--Link:{color:link};
|
||
--Post-Borders-Inner:{color:post borders inner};
|
||
|
||
--Quote-Font-Family:var(--Heading-Font-Family);
|
||
--Quote-Font-Size:calc(var(--Body-Font-Size) - 1px);
|
||
|
||
/*--- TAGS SETTINGS ---*/
|
||
--Tags-Font-Family:"public sans";
|
||
--Tags-Font-Size:calc(var(--SmallCaps-Font-Size) - .5px);
|
||
--Tags-Fade-Speed:350ms; /* ms only */
|
||
--Tags-Spacing:4px;
|
||
|
||
/*--- PERMALINK SETTINGS ---*/
|
||
--Permalink-Padding:calc(var(--Post-Padding) + 2px);
|
||
|
||
--Permalink-Icon-Size:calc(var(--SmallCaps-Font-Size) * 1.4);
|
||
--Permalink-Icon-Gap:5px;
|
||
|
||
--Permalink-Font-Family:"dm sans";
|
||
--Permalink-Font-Size:calc(var(--SmallCaps-Font-Size) - 0px);
|
||
|
||
/*--- POST BUTTONS SETTINGS ---*/
|
||
--Post-Buttons-Size:var(--Body-Font-Size);
|
||
--Post-Buttons-Color:{color:post buttons};
|
||
--Like-Button-Liked:{color:like button liked};
|
||
--Post-Buttons-Spacing:4px;
|
||
|
||
/*--- POST NOTES SETTINGS ---*/
|
||
--Notes-Indicator-Size:14px;
|
||
--Notes-Indicator-Gap-Right:7px;
|
||
--Notes-Row-Spacing:7px;
|
||
|
||
/*--- MISC ---*/
|
||
--Center-Gap:{select:center gap};
|
||
|
||
--Pagination-Color:{color:text};
|
||
|
||
--TumblrControls-Color:{select:tumblr controls color};
|
||
--TumblrControls-Cog-Size:14px;
|
||
--TumblrControls-Cog-Color:{color:tumblr controls cog};
|
||
--Cog-Edge-Offset:15px;
|
||
|
||
--Scrollbar-Padding:13px;
|
||
|
||
--Tooltips-BG:{color:tooltips bg};
|
||
--Tooltips-Border:{color:tooltips border};
|
||
--Tooltips-Text:{color:tooltips text};
|
||
} /* end root */
|
||
|
||
[post-borders="yes"]:root {
|
||
--Post-Border-Size:1px;
|
||
}
|
||
|
||
[post-borders="no"]:root {
|
||
--Post-Border-Size:0px;
|
||
}
|
||
|
||
/*---- MAIN CONTAINER ----*/
|
||
.ubilu {
|
||
position:absolute;
|
||
margin:0 auto;
|
||
top:0;left:0;right:0;
|
||
text-align:center;
|
||
}
|
||
|
||
.jfqqj {
|
||
display:flex;
|
||
justify-content:center;
|
||
height:100%;
|
||
text-align:initial;
|
||
margin-left:calc(0px - var(--Container-Shift-Amount));
|
||
}
|
||
|
||
.vhmqu {
|
||
position:sticky;
|
||
top:0;
|
||
width:{select:sidebar width};
|
||
height:0;
|
||
margin-right:var(--Center-Gap);
|
||
flex-shrink:0;
|
||
}
|
||
|
||
.abtpk {
|
||
position:relative;
|
||
width:100%;
|
||
height:100vh;
|
||
display:table;
|
||
}
|
||
|
||
.uaizx {
|
||
display:table-cell;
|
||
vertical-align:middle;
|
||
}
|
||
|
||
.envzk {
|
||
margin:var(--CustomLinks-Top-Gap) 0;
|
||
}
|
||
|
||
[czmym]{
|
||
display:flex;
|
||
justify-content:flex-end;
|
||
}
|
||
|
||
/*--- SIDEBAR ICON TEXT ---*/
|
||
[jbwru]{
|
||
display:flex;
|
||
flex-direction:column;
|
||
justify-content:center;
|
||
line-height:150%;
|
||
text-align:right;
|
||
padding-right:var(--Sidebar-Text-Gap-Right);
|
||
margin-right:calc(0px - var(--Sidebar-Text-Gap-Right));
|
||
}
|
||
|
||
[avi-tit]{
|
||
font-family:var(--Sidebar-Title-Font-Family);
|
||
font-size:var(--Sidebar-Title-Font-Size);
|
||
letter-spacing:0.5px;
|
||
text-transform:uppercase;
|
||
color:{color:sidebar title};
|
||
}
|
||
|
||
[avi-tit] + [avi-username]{
|
||
margin-top:var(--Sidebar-Text-Row-Spacing);
|
||
}
|
||
|
||
[avi-username]{
|
||
font-family:var(--Sidebar-Username-Font-Family);
|
||
font-size:var(--Sidebar-Username-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
color:{color:sidebar username};
|
||
transition:color 0.420s ease-in-out;
|
||
}
|
||
|
||
[jbwru]:hover [avi-username]{
|
||
color:{color:sidebar username hover};
|
||
}
|
||
|
||
[avi-username]:before {
|
||
content:"@";
|
||
font-family:inter;
|
||
margin-right:1.3px;
|
||
font-size:calc(var(--Sidebar-Username-Font-Size) - 1px);
|
||
}
|
||
|
||
/*--- SIDEBAR ICON ---*/
|
||
[sb-avi]{
|
||
position:relative;
|
||
margin-left:var(--Sidebar-Text-Gap-Right);
|
||
width:var(--Sidebar-Image-Total-Size);
|
||
height:var(--Sidebar-Image-Total-Size);
|
||
overflow:hidden;
|
||
flex-shrink:0;
|
||
}
|
||
|
||
[sb-avi], [sb-avi] img {
|
||
border-radius:var(--Sidebar-Image-Roundness);
|
||
}
|
||
|
||
[sb-avi] img:not([bvahz]){
|
||
padding:var(--Sidebar-Image-Padding);
|
||
background:{color:sidebar icon border B};
|
||
border:var(--Sidebar-Image-Border-Size) solid {color:sidebar icon border A};
|
||
width:var(--Sidebar-Image-Size);
|
||
height:var(--Sidebar-Image-Size);
|
||
object-fit:cover;
|
||
}
|
||
|
||
[sb-avi] [bvahz]{
|
||
position:absolute;
|
||
top:0;left:0;
|
||
margin-top:calc(var(--Sidebar-Image-Border-Size) + var(--Sidebar-Image-Padding));
|
||
margin-left:calc(var(--Sidebar-Image-Border-Size) + var(--Sidebar-Image-Padding));
|
||
width:calc(100% - (var(--Sidebar-Image-Border-Size) * 2) - (var(--Sidebar-Image-Padding) * 2));
|
||
height:auto;
|
||
z-index:2;
|
||
opacity:0;
|
||
}
|
||
|
||
/*--- SIDEBAR DESCRIPTION ---*/
|
||
[amche]{
|
||
margin:var(--Description-Gap-Y) 0;
|
||
margin-left:calc(0px - var(--zcodl));
|
||
}
|
||
|
||
[pfgil]{
|
||
display:table;
|
||
border-collapse:separate;
|
||
border-spacing:var(--zcodl) 0;
|
||
width:100%;
|
||
}
|
||
|
||
[yconm]{
|
||
display:table-row;
|
||
}
|
||
|
||
[ghjax]{
|
||
display:table-cell;
|
||
}
|
||
|
||
[desc]{
|
||
margin-right:calc(0px - var(--zcodl) + var(--Description-Gap-X));
|
||
padding-top:calc((var(--Description-Bar-Bonus-Height) / 2) - 1.5px);
|
||
padding-bottom:calc(var(--Description-Bar-Bonus-Height) / 2);
|
||
font-family:var(--Description-Font-Family);
|
||
font-size:var(--Description-Font-Size);
|
||
color:{color:desc text};
|
||
line-height:var(--Description-Line-Height);
|
||
text-align:{select:desc text align};
|
||
}
|
||
|
||
[desc] a {
|
||
color:{color:desc link};
|
||
padding-bottom:.5px;
|
||
border-bottom:1px solid {color:desc link underline};
|
||
}
|
||
|
||
[desc] b, [desc] strong {
|
||
color:{color:desc bold};
|
||
}
|
||
|
||
[desc] i, [desc] em {
|
||
color:{color:desc italic};
|
||
}
|
||
|
||
[barlinething]{
|
||
width:var(--Description-Bar-Width);
|
||
background:{color:desc line};
|
||
border-radius:var(--Description-Bar-Width);
|
||
}
|
||
|
||
/*--- SIDEBAR SEARCHBAR ---*/
|
||
[schb="hide"]{
|
||
display:none;
|
||
}
|
||
|
||
[searchbar-form] form {
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:flex-end;
|
||
margin-top:-3px;
|
||
margin-right:var(--eiwes);
|
||
margin-bottom:0;
|
||
}
|
||
|
||
[sbf] input {
|
||
display:block;
|
||
padding:6px;
|
||
margin:0;
|
||
margin-top:1px;
|
||
border:none;
|
||
outline:none;
|
||
background:transparent;
|
||
font-family:var(--Searchbar-Font-Family);
|
||
font-size:var(--Searchbar-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
text-align:right;
|
||
box-sizing:border-box;
|
||
color:{color:searchbar text};
|
||
line-height:1em;
|
||
flex:1;
|
||
}
|
||
|
||
[sbf] input::placeholder {
|
||
color:{color:searchbar placeholder text};
|
||
}
|
||
|
||
[sbf] input:focus::-webkit-input-placeholder {color:transparent;}
|
||
[sbf] input:focus::-moz-placeholder {color:transparent;}
|
||
[sbf] input:focus:-ms-input-placeholder {color:transparent;}
|
||
|
||
[sbf] button {
|
||
display:block;
|
||
flex-shrink:0;
|
||
padding:0;
|
||
margin-left:calc(var(--Description-Gap-X) - (var(--Searchbar-Icon-Size) / 2) + 2px - 12px);
|
||
margin-right:calc(0px - 2px - 6px);
|
||
border:none;
|
||
background:transparent;
|
||
outline:none;
|
||
line-height:var(--Searchbar-Icon-Size);
|
||
cursor:pointer;
|
||
}
|
||
|
||
[tib="flipped"] {
|
||
margin-left:calc(var(--Description-Gap-X) - (var(--Searchbar-Icon-Size) / 2) - 12px)!important;
|
||
margin-right:calc(0px - 6px)!important;
|
||
}
|
||
|
||
[tib="flipped"] [class*="ai-"]{
|
||
transform:scaleX(-1);
|
||
}
|
||
|
||
[sbf] [class*="ai-"]{
|
||
display:block;
|
||
padding:6px;
|
||
font-size:var(--Searchbar-Icon-Size);
|
||
color:{color:searchbar icon};
|
||
}
|
||
|
||
/*---- HEADER SECTION ----*/
|
||
.xcjya {
|
||
min-width:var(--Post-Total-Width);
|
||
}
|
||
|
||
.header-sect[sh="hide"]{
|
||
display:none;
|
||
}
|
||
|
||
.header-sect[sh="hide"] + .postscont {
|
||
margin-top:calc(0px - var(--Post-Spacing));
|
||
padding-top:var(--Window-Margin);
|
||
}
|
||
|
||
.header-sect {
|
||
position:relative;
|
||
margin-top:var(--Window-Margin);
|
||
width:var(--Post-Total-Width);
|
||
}
|
||
|
||
.hfzqw:after {
|
||
content:"";
|
||
position:absolute;
|
||
top:0;left:0;
|
||
margin-top:var(--Post-Shadow-Distance);
|
||
margin-left:var(--Post-Shadow-Distance);
|
||
width:calc(100% - var(--Post-Shadow-Distance) + var(--Post-Shadow-Size));
|
||
height:calc(100% - var(--Post-Shadow-Distance) + var(--Post-Shadow-Size));
|
||
border-radius:var(--Post-Corner-Roundness);
|
||
filter:blur(var(--Post-Shadow-Blur));
|
||
-webkit-filter:blur(var(--Post-Shadow-Blur));
|
||
background:rgba({RGBcolor:post shadow},var(--Post-Shadow-Strength));
|
||
z-index:-1;
|
||
}
|
||
|
||
.qmtwu {
|
||
overflow:hidden;
|
||
border-radius:var(--Header-Corner-Roundness);
|
||
}
|
||
|
||
[header-img*="assets.tumblr.com/images/x.gif"]{
|
||
display:none;
|
||
}
|
||
|
||
[header-img]{
|
||
position:relative;
|
||
background:transparent;
|
||
}
|
||
|
||
[header-img]:after {
|
||
content:"";
|
||
position:absolute;
|
||
top:0;left:0;
|
||
display:block;
|
||
width:100%;
|
||
height:100%;
|
||
z-index:2;
|
||
}
|
||
|
||
[header-img] img {
|
||
max-width:100%;
|
||
}
|
||
|
||
[header-texts]{
|
||
padding:{select:header padding};
|
||
background:{color:header bg};
|
||
line-height:var(--Line-Height);
|
||
visibility:collapse;
|
||
}
|
||
|
||
.mwfgi {
|
||
display:grid;
|
||
grid-gap:var(--Header-Info-Column-Spacing);
|
||
grid-template-columns:repeat(var(--Header-Info-Columns), 1fr);
|
||
}
|
||
|
||
[header-texts] li {
|
||
list-style-type:none;
|
||
margin:0;
|
||
padding:0;
|
||
}
|
||
|
||
[header-texts] li + li {
|
||
margin-top:var(--Header-Info-Row-Spacing);
|
||
}
|
||
|
||
[header-texts] li > * {
|
||
display:table-cell;
|
||
}
|
||
|
||
.header-sect[has-col-1]:not([has-col-2]) .mwfgi {
|
||
grid-template-columns:repeat(1, 1fr);
|
||
}
|
||
|
||
[ht-col]{
|
||
|
||
}
|
||
|
||
[htl-wrap]{
|
||
white-space:nowrap;
|
||
padding-right:var(--Header-Info-Labels-Gap-Right);
|
||
}
|
||
|
||
[htl-wrap] > * {
|
||
display:inline-block;
|
||
vertical-align:middle;
|
||
}
|
||
|
||
[header-texts] [class*="ai-"]{
|
||
font-size:var(--Header-Info-Icons-Size);
|
||
color:{color:header info icons};
|
||
}
|
||
|
||
[header-texts] [class*="ai-"] + [label]{
|
||
margin-left:var(--Header-Info-Icons-Gap-Right);
|
||
}
|
||
|
||
[header-texts] [label]{
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--Header-Info-Labels-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
color:{color:header info label};
|
||
}
|
||
|
||
[deet-text]{
|
||
font-family:var(--Header-Info-Body-Text-Font-Family);
|
||
font-size:var(--Header-Info-Body-Text-Font-Size);
|
||
color:{color:header info text};
|
||
}
|
||
|
||
[deet-text] a {
|
||
color:{color:header info links};
|
||
padding-bottom:.5px;
|
||
border-bottom:1px solid {color:header info links underline};
|
||
}
|
||
|
||
/*---- NAVLINKS ----*/
|
||
[dpaec]{
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:flex-end;
|
||
font-size:0;
|
||
line-height:0;
|
||
margin-top:var(--BoxLinks-Top-Gap);
|
||
}
|
||
|
||
[cls="show"] [dpaec]{
|
||
margin-right:calc(var(--enxyf) - 1px);
|
||
}
|
||
|
||
[cls="toggle"] [dpaec]{
|
||
margin-right:calc(var(--kihwh) - 1px);
|
||
}
|
||
|
||
[boxlinks]{
|
||
display:flex;
|
||
align-items:center;
|
||
}
|
||
|
||
[boxlinks] a {
|
||
display:block;
|
||
flex-shrink:0;
|
||
padding:var(--BoxLinks-Icons-Padding);
|
||
background:{color:navlinks bg};
|
||
border-radius:var(--BoxLinks-Corner-Roundness);
|
||
transition:background var(--BoxLinks-Fade-Speed) ease-in-out;
|
||
}
|
||
|
||
[boxlinks] a + a {
|
||
margin-left:var(--BoxLinks-Spacing);
|
||
}
|
||
|
||
[boxlinks] [lucide]{
|
||
display:block;
|
||
width:var(--BoxLinks-Icons-Size);
|
||
height:var(--BoxLinks-Icons-Size);
|
||
}
|
||
|
||
[boxlinks] svg.lucide {
|
||
display:block;
|
||
width:var(--BoxLinks-Icons-Size);
|
||
height:var(--BoxLinks-Icons-Size);
|
||
stroke:{color:navlinks icon};
|
||
stroke-width:1.8;
|
||
transition:stroke var(--BoxLinks-Fade-Speed) ease-in-out;
|
||
pointer-events:none;
|
||
}
|
||
|
||
.glenbiz {
|
||
display:block;
|
||
padding-left:.5px;
|
||
margin-right:-.5px;
|
||
width:var(--BoxLinks-Icons-Size);
|
||
height:var(--BoxLinks-Icons-Size);
|
||
pointer-events:none;
|
||
}
|
||
|
||
.glenbiz svg {
|
||
display:block;
|
||
width:100%;
|
||
height:100%;
|
||
}
|
||
|
||
.glenbiz svg path {
|
||
fill:{color:navlinks icon};
|
||
transition:fill var(--BoxLinks-Fade-Speed) ease-in-out;
|
||
}
|
||
|
||
/* navlinks: hover stuff */
|
||
[boxlinks] a:hover {
|
||
background:{color:navlinks HOVER bg};
|
||
}
|
||
|
||
[boxlinks] a:hover svg.lucide {
|
||
stroke:{color:navlinks HOVER icon};
|
||
}
|
||
|
||
[boxlinks] a:hover .glenbiz svg path {
|
||
fill:{color:navlinks HOVER icon};
|
||
}
|
||
|
||
/* customlinks plus icon */
|
||
[cls="show"] [dpaec] .cl-tog {
|
||
display:none;
|
||
}
|
||
|
||
.cl-tog {
|
||
--CustomLinks-Toggle-Button-Bonus-Left-Gap:2px;
|
||
margin-left:calc(var(--Description-Gap-X) - (var(--CustomLinks-Toggle-Button-Size) / 2) + var(--CustomLinks-Toggle-Button-Bonus-Left-Gap) - var(--CustomLinks-Toggle-Button-Padding));
|
||
margin-right:calc(0px - var(--CustomLinks-Toggle-Button-Padding));
|
||
|
||
padding:var(--CustomLinks-Toggle-Button-Padding);
|
||
cursor:help;
|
||
}
|
||
|
||
.cl-tog svg {
|
||
display:block;
|
||
width:var(--CustomLinks-Toggle-Button-Size);
|
||
height:var(--CustomLinks-Toggle-Button-Size);
|
||
transform-origin:center;
|
||
stroke-width:3;
|
||
stroke:{color:customlinks plus};
|
||
transition:transform var(--CustomLinks-Toggle-Button-Spin-Speed) ease-in-out;
|
||
}
|
||
|
||
.fcovn svg {
|
||
transform:rotate(var(--CustomLinks-Toggle-Button-Spin-Amount));
|
||
}
|
||
|
||
/*---- CUSTOM LINKS ----*/
|
||
[krryo]{
|
||
margin-top:calc(var(--CustomLinks-Spacing-Y) / -2);
|
||
margin-left:calc(var(--CustomLinks-Spacing-X) / -2);
|
||
margin-bottom:calc(var(--CustomLinks-Spacing-Y) / -2);
|
||
}
|
||
|
||
[cls="toggle"] [krryo]{
|
||
display:none;
|
||
opacity:0;
|
||
margin-right:calc(var(--pfp-half) - (var(--CustomLinks-Spacing-X) / 2));
|
||
}
|
||
|
||
[cls="show"] [krryo]{
|
||
margin-right:calc(var(--Sidebar-Image-Border-Size) + var(--Sidebar-Image-Padding));
|
||
}
|
||
|
||
.cl-opac {
|
||
opacity:1!important;
|
||
}
|
||
|
||
[cls="toggle"] [krryo], .cl-opac {
|
||
transition:opacity var(--CustomLinks-Fade-Speed) ease-in-out;
|
||
}
|
||
|
||
/*-------*/
|
||
|
||
[efrhc]{
|
||
display:flex;
|
||
justify-content:flex-end;
|
||
}
|
||
|
||
[customlink-col]{
|
||
flex-shrink:0;
|
||
}
|
||
|
||
[customlink]{
|
||
display:block;
|
||
overflow:hidden;
|
||
}
|
||
|
||
[cl-inner]{
|
||
display:flex;
|
||
padding:calc(var(--CustomLinks-Spacing-Y) / 2) calc(var(--CustomLinks-Spacing-X) / 2);
|
||
}
|
||
|
||
[cl-inner] > * {
|
||
flex-shrink:0;
|
||
display:block;
|
||
}
|
||
|
||
[customlink] [dot]{
|
||
display:block;
|
||
/* tfw the number of brackets matches the creases on my forehead!! */
|
||
margin-top:calc(((((((var(--CustomLinks-Font-Size) * var(--CustomLinks-Line-Height)) - var(--CustomLinks-Font-Size)) / 2) + (var(--CustomLinks-Font-Size) * var(--CustomLinks-Line-Height))) - var(--CustomLinks-Dot-Size)) / 2) - 1px);
|
||
|
||
width:var(--CustomLinks-Dot-Size);
|
||
height:var(--CustomLinks-Dot-Size);
|
||
border-radius:100%;
|
||
background:{color:customlinks dot};
|
||
font-size:0;
|
||
line-height:0;
|
||
}
|
||
|
||
[customlink] [dot] + [text]{
|
||
margin-left:var(--CustomLinks-Dot-Gap-Right);
|
||
}
|
||
|
||
[customlink] [text]{
|
||
font-family:var(--CustomLinks-Font-Family);
|
||
font-size:var(--CustomLinks-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:1px;
|
||
color:{color:customlinks text};
|
||
line-height:var(--CustomLinks-Line-Height);
|
||
white-space:pre-line;
|
||
word-break:break-all;
|
||
}
|
||
|
||
/*---- POSTS ----*/
|
||
.header-sect[sh="show"] + .postscont {
|
||
margin-top:calc(0px - var(--Post-Spacing));
|
||
padding-top:{select:header bottom gap};
|
||
}
|
||
|
||
.postscont {
|
||
padding-bottom:var(--Window-Margin);
|
||
width:var(--Post-Total-Width);
|
||
}
|
||
|
||
.posts {
|
||
position:relative;
|
||
margin-top:var(--Post-Spacing);
|
||
}
|
||
|
||
.posts:after, .notescont:after {
|
||
content:"";
|
||
position:absolute;
|
||
top:0;left:0;
|
||
margin-top:var(--Post-Shadow-Distance);
|
||
margin-left:var(--Post-Shadow-Distance);
|
||
width:calc(100% - var(--Post-Shadow-Distance) + var(--Post-Shadow-Size));
|
||
height:calc(100% - var(--Post-Shadow-Distance) + var(--Post-Shadow-Size));
|
||
border-radius:var(--Post-Corner-Roundness);
|
||
filter:blur(var(--Post-Shadow-Blur));
|
||
-webkit-filter:blur(var(--Post-Shadow-Blur));
|
||
background:rgba({RGBcolor:post shadow},var(--Post-Shadow-Strength));
|
||
z-index:-1;
|
||
}
|
||
|
||
[black-and-white="rb-ico"] [reblogger-icon].cssgram:before {visibility:hidden}
|
||
[black-and-white="rb-ico"] [reblogger-icon].cssgram:after {visibility:hidden}
|
||
|
||
[black-and-white="everything"] [reblogger-icon].cssgram:before {visibility:hidden}
|
||
[black-and-white="everything"] [reblogger-icon].cssgram:after {visibility:hidden}
|
||
|
||
[black-and-white="rb-ico"] [reblogger-icon]{
|
||
transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
|
||
filter:var(--Grayscale-Settings);
|
||
}
|
||
|
||
[black-and-white="everything"] [reblogger-icon],
|
||
[black-and-white="everything"] img,
|
||
[black-and-white="everything"] iframe,
|
||
[black-and-white="everything"] video {
|
||
transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
|
||
filter:var(--Grayscale-Settings);
|
||
}
|
||
|
||
[black-and-white="everything"] .posts:hover img,
|
||
[black-and-white="everything"] .posts:hover iframe,
|
||
[black-and-white="everything"] .posts:hover video {
|
||
filter:none;
|
||
}
|
||
|
||
/*-----------------------*/
|
||
|
||
.postinner, .notescont {
|
||
position:relative;
|
||
padding:var(--Post-Padding);
|
||
background:{color:post};
|
||
border:var(--Post-Border-Size) solid {color:post borders outer};
|
||
border-radius:var(--Post-Corner-Roundness);
|
||
overflow:hidden;
|
||
line-height:var(--Line-Height);
|
||
}
|
||
|
||
.postinner a:not(.reblog-url a, .tumblr_blog, .linkpost-title, .single-photo, .post_media_photo_anchor, .inari, .tagsdiv a, .permadiv a, .asker-name a, .tmblr-attribution a), [glvwj] a {
|
||
padding-bottom:.5px;
|
||
border-bottom:1px solid {color:link underline};
|
||
}
|
||
|
||
/*---- REBLOG HEAD ----*/
|
||
.reblog-wrap {
|
||
margin:0 calc(0px - var(--Post-Padding));
|
||
padding:0 var(--Post-Padding);
|
||
}
|
||
|
||
.reblog-wrap + .reblog-wrap {
|
||
margin-top:var(--Reblogs-Spacing);
|
||
padding-top:var(--Reblogs-Spacing);
|
||
border-top:1px solid var(--Reblogs-Border);
|
||
}
|
||
|
||
.reblog-head {
|
||
display:flex;
|
||
align-items:center;
|
||
}
|
||
|
||
[reblogger-icon]{
|
||
display:block;
|
||
width:var(--Reblogger-Avatar-Size);
|
||
height:var(--Reblogger-Avatar-Size);
|
||
background-color:{color:post};
|
||
background-size:cover;
|
||
background-position:center;
|
||
border-radius:100%;
|
||
clip-path:circle(50% at 50% 50%);
|
||
overflow:hidden;
|
||
}
|
||
|
||
[reblogger-icon] + .reblog-url {
|
||
margin-left:var(--Reblogger-Avatar-Gap-Right);
|
||
}
|
||
|
||
.reblog-url, .reblog-url a, [customize-page="true"] .tumblr_blog, .tmblr-attribution {
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
color:var(--Reblogger-Username-Color);
|
||
}
|
||
|
||
.reblog-url .deac {
|
||
margin-left:3px;
|
||
color:var(--Body-Text-Color);
|
||
}
|
||
|
||
.nosrc {
|
||
display:none;
|
||
visibility:collapse;
|
||
margin-bottom:var(--Reblogger-Avatar-Bottom-Gap);
|
||
}
|
||
|
||
.reblog-head + .reblog-comment {
|
||
margin-top:calc(0px - var(--Paragraph-Margins) + var(--Reblogger-Avatar-Bottom-Gap));
|
||
}
|
||
|
||
/*---- NPF... STUFF ----*/
|
||
figure[data-orig-src] + figure[data-orig-src]{
|
||
margin-top:var(--Photoset-Spacing);
|
||
}
|
||
|
||
img.npf-small {
|
||
width:initial!important;
|
||
}
|
||
|
||
[customize-page="true"] .npf-video {
|
||
max-height:var(--Post-Width);
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
|
||
.tmblr-full video {
|
||
cursor:pointer;
|
||
}
|
||
|
||
video::-webkit-media-controls-panel {
|
||
position:absolute;
|
||
bottom:0;
|
||
background:transparent!important;
|
||
width:100%;
|
||
box-sizing:border-box;
|
||
opacity:1!important;
|
||
}
|
||
|
||
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline {
|
||
/*display:none!important;*/
|
||
}
|
||
|
||
* + .npf-link-block {
|
||
margin-top:10px;
|
||
}
|
||
|
||
.npf-link-block {
|
||
margin-top:0px;
|
||
margin-bottom:0;
|
||
border-color:{color:special border}!important;
|
||
border-radius:0!important;
|
||
}
|
||
|
||
.npf-link-block + * {
|
||
margin-bottom:var(--Paragraph-Margins);
|
||
}
|
||
|
||
.npf-link-block a {
|
||
padding:0!important;
|
||
border:none!important;
|
||
}
|
||
|
||
.npf-link-block .title {
|
||
font-family:var(--SmallCaps-Font-Family)!important;
|
||
font-size:calc(var(--SmallCaps-Font-Size) + 4px)!important;
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
color:{color:link}!important;
|
||
line-height:1.7em!important;
|
||
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.npf-link-block .bottom {
|
||
background:{color:special background}!important;
|
||
}
|
||
|
||
.npf-link-block .description {
|
||
font-family:var(--SmallCaps-Font-Family)!important;
|
||
font-size:calc(var(--SmallCaps-Font-Size) + 2px)!important;
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
color:{color:special text}!important;
|
||
line-height:1.7em!important;
|
||
}
|
||
|
||
.npf-link-block .site-name {
|
||
text-transform:initial!important;
|
||
font-family:var(--Body-Font-Family)!important;
|
||
font-weight:normal!important;
|
||
font-size:var(--Body-Font-Size)!important;
|
||
color:rgba({RGBcolor:special text},0.8)!important;
|
||
}
|
||
|
||
.npf-link-block .description + .site-name {
|
||
margin-top:0;
|
||
}
|
||
|
||
.npf-link-block .poster:before {
|
||
display:none!important;
|
||
}
|
||
|
||
.npf-link-block .title {
|
||
font-weight:normal!important;
|
||
}
|
||
|
||
.npf-link-block .poster .title {
|
||
display:none!important;
|
||
}
|
||
|
||
.npf-link-block.no-poster .title {
|
||
padding:0.8em!important;
|
||
text-shadow:none!important;
|
||
}
|
||
|
||
.npf-link-block.no-poster .title + .bottom {
|
||
border-top:1px solid {color:special border};
|
||
}
|
||
|
||
/*---- TEXT POSTS (TITLE) ----*/
|
||
.post-title {
|
||
margin-top:2px;
|
||
margin-bottom:0;
|
||
padding:0.8em;
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
font-size:var(--Heading-Font-Size);
|
||
color:{color:special text};
|
||
text-align:center;
|
||
}
|
||
|
||
.post-title + *, .linkpost-title + * {
|
||
margin-top:var(--Heading-Margins);
|
||
}
|
||
|
||
/*---- LINK POSTS ----*/
|
||
.linkpost-title {
|
||
display:block;
|
||
color:{color:special text};
|
||
text-align:center;
|
||
}
|
||
|
||
.linkpost-title [link-icon]{
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
|
||
.linkpost-title i[class*="-"]{
|
||
padding:calc(var(--Body-Font-Size) * 0.69);
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
border-radius:100%;
|
||
font-size:calc(var(--Body-Font-Size) * 1.25);
|
||
color:{color:special text};
|
||
line-height:1em;
|
||
}
|
||
|
||
.linkpost-title [link-display-text]{
|
||
display:block;
|
||
margin-top:calc(var(--Body-Font-Size) * 1);
|
||
font-family:var(--Heading-Font-Family);
|
||
font-size:var(--Heading-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
word-spacing:.3px;
|
||
color:{color:text};
|
||
}
|
||
|
||
.linkpost-title + .link-excerpt {
|
||
margin-top:calc(var(--Body-Font-Size) * 1.25);
|
||
}
|
||
|
||
.link-excerpt {
|
||
padding:0.8em calc(0.8em + 2px);
|
||
border:1px solid {color:post borders inner};
|
||
border-radius:var(--Post-Corner-Roundness);
|
||
}
|
||
|
||
.link-excerpt + * {
|
||
margin-top:var(--Reblogger-Avatar-Bottom-Gap);
|
||
}
|
||
|
||
.le-host {
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
}
|
||
|
||
/*---- PHOTO POSTS ----*/
|
||
.nosrc + .single-photo .photopic {
|
||
margin-top:0;
|
||
}
|
||
|
||
a.single-photo {
|
||
cursor:pointer;
|
||
}
|
||
|
||
img.photopic {
|
||
width:100%;
|
||
}
|
||
|
||
.nosrc + .reblog-comment .photoset-grid {
|
||
margin-top:0!important;
|
||
}
|
||
|
||
[photoset-layout] {
|
||
grid-gap:var(--Photoset-Spacing);
|
||
}
|
||
|
||
[photoset-layout] div {
|
||
cursor:pointer;
|
||
backface-visibility:hidden;
|
||
}
|
||
|
||
.caption {
|
||
margin-top:var(--Captions-Gap);
|
||
}
|
||
|
||
/*----- LIGHTBOX BS -----*/
|
||
.tmblr-lightbox, #tumblr_lightbox {
|
||
background-color:rgba({RGBcolor:post},0.69)!important;
|
||
}
|
||
|
||
.tmblr-lightbox .vignette {
|
||
background-image:none!important;
|
||
}
|
||
|
||
#vignette {display:none!important}
|
||
|
||
.lightbox-image, #tumblr_lightbox_left_image, #tumblr_lightbox_center_image, #tumblr_lightbox_right_image {
|
||
margin-top:calc(0px - var(--Post-Padding));
|
||
}
|
||
|
||
.tmblr-lightbox img, #tumblr_lightbox img {
|
||
max-width:initial;
|
||
box-shadow:none!important;
|
||
border:var(--Post-Border-Size) solid {color:post borders outer}!important;
|
||
border-radius:var(--Post-Corner-Roundness)!important;
|
||
padding:var(--Post-Padding);
|
||
background:{color:post}!important;
|
||
box-shadow:var(--Post-Shadow-Distance) var(--Post-Shadow-Distance) var(--Post-Shadow-Blur) var(--Post-Shadow-Size) rgba({RGBcolor:post shadow},var(--Post-Shadow-Strength))!important;
|
||
}
|
||
|
||
/*----- QUOTE POSTS -----*/
|
||
.quote-ico {
|
||
display:grid;
|
||
place-items:center;
|
||
margin-bottom:calc(var(--Body-Font-Size) * 1.3);
|
||
}
|
||
|
||
.quote-ico svg.lucide {
|
||
width:calc(var(--Body-Font-Size) * 1.3);
|
||
height:calc(var(--Body-Font-Size) * 1.3);
|
||
stroke:{color:text};
|
||
}
|
||
|
||
.quote-words, .npf_quote {
|
||
padding:0 calc(var(--Post-Padding) * 1.69);
|
||
font-family:var(--Quote-Font-Family)!important;
|
||
font-size:var(--Quote-Font-Size)!important;
|
||
text-transform:uppercase;
|
||
letter-spacing:.3px;
|
||
text-align:center;
|
||
line-height:185%;
|
||
}
|
||
|
||
.quote-words + .quote-source,
|
||
.npf_quote + p[style*="margin-bottom: 0px;"]{
|
||
margin-top:var(--Paragraph-Margins);
|
||
text-align:center;
|
||
}
|
||
|
||
/*----- VIDEO POSTS -----*/
|
||
.nosrc + .tmblr-video {
|
||
margin-top:0!important;
|
||
}
|
||
|
||
.tmblr-video {
|
||
max-width:initial;
|
||
}
|
||
|
||
.tumblr_video_container, .tumblr_video_iframe {
|
||
width:100%!important;
|
||
}
|
||
|
||
/*---- CHAT POSTS ----*/
|
||
.chatwrap {
|
||
display:table;
|
||
width:calc(100% - 2px);
|
||
border:1px solid var(--Post-Borders-Inner);
|
||
}
|
||
|
||
.chat_row {
|
||
position:relative;
|
||
display:table-row;
|
||
overflow:hidden;
|
||
}
|
||
|
||
.chat_row:after {
|
||
content:"";
|
||
position:absolute;
|
||
bottom:0;left:0;
|
||
transform:perspective(0);
|
||
width:100%;
|
||
height:1px;
|
||
background:var(--Post-Borders-Inner);
|
||
}
|
||
|
||
.chatwrap .chat_row:last-child:after {
|
||
display:none;
|
||
}
|
||
|
||
.chat_row code:only-child {
|
||
display:block;
|
||
padding:0.8em;
|
||
border:none;
|
||
background:transparent;
|
||
}
|
||
|
||
.chat_label, .chat_content {
|
||
box-sizing:border-box;
|
||
}
|
||
|
||
.chat_label {
|
||
display:table-cell;
|
||
padding:1em;
|
||
width:30%;
|
||
padding-right:1em;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.3px;
|
||
}
|
||
|
||
.chat_content {
|
||
display:table-cell;
|
||
padding:1em;
|
||
width:70%;
|
||
}
|
||
|
||
.chat_label + .chat_content {
|
||
border-left:1px solid var(--Post-Borders-Inner);
|
||
}
|
||
|
||
/*---- AUDIO POSTS ----*/
|
||
.audio-post .npf_inst img {
|
||
width:100%;
|
||
}
|
||
|
||
.aud-emb {display:none}
|
||
|
||
.audiowrap {
|
||
display:flex;
|
||
align-items:center;
|
||
}
|
||
|
||
.albumwrap {
|
||
position:relative;
|
||
width:var(--Audio-Post-Album-Size);
|
||
height:var(--Audio-Post-Album-Size);
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
|
||
.albumwrap[has-cover] .audplac {display:none}
|
||
|
||
.butts {
|
||
width:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
|
||
height:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
|
||
background:var(--Audio-Post-Buttons-Background);
|
||
border-radius:100%;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
cursor:pointer;
|
||
z-index:2;
|
||
}
|
||
|
||
.overplay, .overpause {
|
||
width:var(--Audio-Post-Buttons-Size);
|
||
height:var(--Audio-Post-Buttons-Size);
|
||
-webkit-mask-size:contain;
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-position:center;
|
||
background:var(--Audio-Post-Buttons-Color);
|
||
}
|
||
|
||
.overplay {
|
||
margin-left:2px;
|
||
-webkit-mask-image:var(--audioplay);
|
||
}
|
||
|
||
.overpause {
|
||
display:none;
|
||
-webkit-mask-image:var(--audiopause);
|
||
}
|
||
|
||
.ov-y {display:block}
|
||
.ov-z {display:none}
|
||
|
||
.audplac {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:var(--Audio-Post-Album-Size);
|
||
height:var(--Audio-Post-Album-Size);
|
||
/*background:var(--Audio-Post-Buttons-Background);*/
|
||
}
|
||
|
||
.albumwrap img {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:100%;
|
||
height:100%;
|
||
}
|
||
|
||
.audiotxt {
|
||
flex:1;
|
||
height:var(--Audio-Post-Album-Size);
|
||
padding:var(--Audio-Post-Album-Right-Gap);
|
||
background:{color:special background};
|
||
display:flex;
|
||
align-items:center;
|
||
box-sizing:border-box;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
font-size:calc(var(--Body-Font-Size) - 1px);
|
||
color:{color:special text};
|
||
}
|
||
|
||
.odin > div + div {
|
||
margin-top:-1px;
|
||
}
|
||
|
||
.aud-song-name, .npf-audio-title {
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) + .5px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
word-spacing:.3px;
|
||
-webkit-text-stroke-width:.3px;
|
||
-webkit-text-stroke-color:currentColor;
|
||
}
|
||
|
||
.aud-song-name[has-name] .untit {
|
||
display:none;
|
||
}
|
||
|
||
.aud-artist[has-artist] .unart {
|
||
display:none;
|
||
}
|
||
|
||
.inari {
|
||
display:block;
|
||
padding:6px;
|
||
margin-right:-6px;
|
||
cursor:pointer;
|
||
}
|
||
|
||
.int-all {
|
||
display:block;
|
||
width:calc(var(--Audio-Post-Buttons-Size) + 6px);
|
||
height:calc(var(--Audio-Post-Buttons-Size) + 6px);
|
||
-webkit-mask-size:contain;
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-position:center;
|
||
-webkit-mask-image:var(--install);
|
||
background:var(--Audio-Post-Download-Color);
|
||
pointer-events:none;
|
||
}
|
||
|
||
/*---- SPOTIFY ----*/
|
||
iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
|
||
height:80px!important;
|
||
}
|
||
|
||
.spotify_audio_player {
|
||
width:100%;
|
||
}
|
||
|
||
/*---- SOUNDCLOUD ----*/
|
||
.tmblr-video iframe[src*='soundcloud.com']{
|
||
}
|
||
|
||
.audio-soundcloud {
|
||
max-height:113px;
|
||
border-radius:4px;
|
||
overflow:hidden;
|
||
}
|
||
|
||
.soundcloud_audio_player {
|
||
margin:-1px;
|
||
margin-bottom:0;
|
||
width:calc(100% + 2px);
|
||
max-width:initial;
|
||
}
|
||
|
||
/*---- ASK/ANSWER POSTS ----*/
|
||
.answer-post .nosrc {
|
||
display:none;
|
||
}
|
||
|
||
.une_question {
|
||
|
||
}
|
||
|
||
.asker-person {
|
||
display:grid;
|
||
place-items:center;
|
||
text-align:center;
|
||
}
|
||
|
||
.asker-person a {
|
||
color:{color:special text}!important;
|
||
}
|
||
|
||
.une_question .reblog-comment {
|
||
flex:1;
|
||
margin-left:12px;
|
||
}
|
||
|
||
.askpot {
|
||
padding:var(--AskerPortrait-Padding);
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
border-radius:100%;
|
||
}
|
||
|
||
.askpot [reblogger-icon]{
|
||
width:var(--AskerPortrait-Size);
|
||
height:var(--AskerPortrait-Size);
|
||
border-radius:100%;
|
||
}
|
||
|
||
.asker-name {
|
||
display:block;
|
||
margin-top:calc(var(--Body-Font-Size) * 1);
|
||
padding:5px 6px;
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
border-radius:2px;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
color:{color:special text};
|
||
line-height:1em;
|
||
}
|
||
|
||
.question_text {
|
||
margin-top:calc(var(--Body-Font-Size) * 1.25);
|
||
padding:0 var(--Post-Padding);
|
||
text-align:center;
|
||
}
|
||
|
||
.question_text > p:first-child {
|
||
margin-top:4px;
|
||
}
|
||
|
||
.question_text > p:only-child {
|
||
margin-bottom:0;
|
||
}
|
||
|
||
.answerer + * {
|
||
margin-top:var(--Captions-Gap);
|
||
}
|
||
|
||
.une_question + .une_reponse {
|
||
margin-top:var(--Paragraph-Margins);
|
||
}
|
||
|
||
/*---- TAGS SECTION ----*/
|
||
.tagsdiv {
|
||
margin-top:var(--Captions-Gap);
|
||
}
|
||
|
||
.tagsdiv[clicktags="yes"] {
|
||
{block:IndexPage}
|
||
display:none;
|
||
opacity:0;
|
||
transition:opacity var(--Tags-Fade-Speed) ease-in-out;
|
||
{/block:IndexPage}
|
||
}
|
||
|
||
.tagsfade {
|
||
opacity:1!important;
|
||
}
|
||
|
||
.tagsin {
|
||
display:flex;
|
||
flex-wrap:wrap;
|
||
justify-content:flex-end;
|
||
margin:calc(0px - var(--Tags-Spacing));
|
||
margin-bottom:calc((((var(--SmallCaps-Font-Size) - 1px) * var(--Line-Height-INT)) / 2) * -1);
|
||
text-align:right;
|
||
}
|
||
|
||
.tagsin a {
|
||
position:relative;
|
||
display:block;
|
||
margin:0 var(--Tags-Spacing);
|
||
font-family:var(--Tags-Font-Family);
|
||
font-size:var(--Tags-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
color:{color:tags};
|
||
}
|
||
|
||
.tagsin a:before {
|
||
content:"#";
|
||
font-family:work sans;
|
||
margin-right:.5px;
|
||
}
|
||
|
||
/*---- PERMALINK BAR ----*/
|
||
.permadiv[topdiff="small"]{
|
||
--Permalink-Top-Gap:var(--Permalink-Font-Size);
|
||
}
|
||
|
||
.permadiv[topdiff="regular"]{
|
||
--Permalink-Top-Gap:calc(var(--Post-Padding) + 1px);
|
||
}
|
||
|
||
.permadiv[topdiff="large"]{
|
||
--Permalink-Top-Gap:calc(var(--Permalink-Font-Size) * 2.25);
|
||
}
|
||
|
||
.permadiv {
|
||
margin-top:var(--Permalink-Top-Gap);
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
font-family:var(--Permalink-Font-Family);
|
||
font-size:var(--Permalink-Font-Size);
|
||
text-transform:uppercase
|
||
}
|
||
|
||
.permadiv, .permadiv a {
|
||
color:{color:permalink};
|
||
}
|
||
|
||
.permaleft {
|
||
text-transform:uppercase;
|
||
letter-spacing:1px;
|
||
word-spacing:0px;
|
||
}
|
||
|
||
.permaleft a {
|
||
display:flex;
|
||
align-items:center;
|
||
margin:-5px;
|
||
padding:5px;
|
||
}
|
||
|
||
.permaleft a:not([href]){
|
||
cursor:default;
|
||
}
|
||
|
||
.permaleft [class*="ai-"]{
|
||
margin-right:var(--Permalink-Icon-Gap);
|
||
font-size:var(--Permalink-Icon-Size);
|
||
color:{color:permalink};
|
||
}
|
||
|
||
.permaright {
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
letter-spacing:1px;
|
||
line-height:var(--Post-Buttons-Size);
|
||
}
|
||
|
||
.permaright a {
|
||
display:block;
|
||
position:relative;
|
||
{block:IndexPage}
|
||
width:var(--Post-Buttons-Size);
|
||
height:var(--Post-Buttons-Size);
|
||
{/block:IndexPage}
|
||
backface-visibility:hidden;
|
||
}
|
||
|
||
.permaright [class*="ph-"],
|
||
.permaright [class*="ai-"],
|
||
.permaright [class*="mi-"]{
|
||
font-size:var(--Post-Buttons-Size);
|
||
color:var(--Post-Buttons-Color);
|
||
}
|
||
|
||
.permaright [class*="mi-"]{
|
||
display:block;
|
||
transform:translateX(-1px) translateY(-0.1px);
|
||
font-size:calc(var(--Post-Buttons-Size) + 1px);
|
||
}
|
||
|
||
.permaright [class*="ph-"]{
|
||
transform:translateY(0.4px);
|
||
}
|
||
|
||
.permaright [class*="ai-"]{
|
||
display:block;
|
||
transform:translateY(0.5px);
|
||
}
|
||
|
||
.permaright span {
|
||
display:block;
|
||
cursor:default;
|
||
}
|
||
|
||
.permaright a + a {
|
||
margin-left:var(--Post-Buttons-Spacing);
|
||
}
|
||
|
||
.permaright[clicktags="no"] .clicktags {
|
||
display:none;
|
||
}
|
||
|
||
.clicktags {
|
||
cursor:help;
|
||
}
|
||
|
||
.like_button {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:100%;
|
||
height:100%;
|
||
z-index:2;
|
||
}
|
||
|
||
.like_button iframe {
|
||
width:100%;
|
||
height:100%;
|
||
vertical-align:initial;
|
||
opacity:0;
|
||
}
|
||
|
||
.like_button.liked + .ai-heart {
|
||
color:var(--Like-Button-Liked);
|
||
}
|
||
|
||
.permaright a[dash]{
|
||
font-size:calc(var(--SmallCaps-Font-Size) + 1px);
|
||
}
|
||
|
||
/*---- POST NOTES ----*/
|
||
.notescont {
|
||
margin-top:var(--Post-Spacing);
|
||
margin-bottom:0!important;
|
||
background:{color:post};
|
||
border:var(--Post-Border-Size) solid {color:post borders outer};
|
||
overflow:initial;
|
||
}
|
||
|
||
.notescont h1 {
|
||
margin-top:5px;
|
||
margin-bottom:calc(var(--Heading-Margins) + 4px);
|
||
|
||
font-family:var(--Heading-Font-Family);
|
||
font-size:calc(var(--Heading-Font-Size) + 0px);
|
||
font-weight:normal!important;
|
||
letter-spacing:1px;
|
||
text-align:center;
|
||
}
|
||
|
||
.notescont ol.notes {
|
||
padding:0;
|
||
margin:0;
|
||
}
|
||
|
||
.notescont li {
|
||
max-width:100%;
|
||
list-style-type:none;
|
||
padding:0!important;
|
||
}
|
||
|
||
.notescont li + li {
|
||
margin-top:var(--Notes-Row-Spacing);
|
||
}
|
||
|
||
.notescont li:before {
|
||
font-family:phosphor;
|
||
font-size:var(--Notes-Indicator-Size);
|
||
color:{color:text};
|
||
vertical-align:middle;
|
||
}
|
||
|
||
.notescont li.like:before {
|
||
content:"\f1ca";
|
||
}
|
||
|
||
.notescont li.reblog:before {
|
||
content:"\f2c3";
|
||
}
|
||
|
||
.notescont li.reply:before,
|
||
.notescont li.with_commentary:before {
|
||
content:"\f0db"!important;
|
||
}
|
||
|
||
.notescont .avatar_frame {
|
||
display:none;
|
||
}
|
||
|
||
.notescont .avatar_frame + .action {
|
||
margin-left:var(--Notes-Indicator-Gap-Right);
|
||
}
|
||
|
||
.notescont .action a {
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
color:{color:reblogger};
|
||
}
|
||
|
||
.notescont blockquote {
|
||
margin-left:calc(var(--Notes-Indicator-Size) / 2);
|
||
padding-left:calc((var(--Notes-Indicator-Size) / 2) + var(--Notes-Indicator-Gap-Right));
|
||
}
|
||
|
||
.more_notes_link_container {
|
||
margin-top:1em!important;
|
||
margin-bottom:calc(var(--Paragraph-Margins) / 2);
|
||
}
|
||
|
||
.more_notes_link, .notes_loading {
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
}
|
||
|
||
/*---- PAGINATION ----*/
|
||
.botpagi {
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
width:var(--Post-Total-Width);
|
||
margin-top:var(--Post-Spacing);
|
||
margin-bottom:0!important;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
line-height:1em;
|
||
}
|
||
|
||
.botpagi a {
|
||
padding:0.69em;
|
||
margin:-0.69em;
|
||
color:var(--Pagination-Color)!important;
|
||
}
|
||
|
||
.botpagi span {
|
||
padding:0 4px;
|
||
}
|
||
|
||
.prev-svg {
|
||
margin-top:-.5px;
|
||
width:calc(var(--Body-Font-Size) + 3px);
|
||
height:calc(var(--Body-Font-Size) + 3px);
|
||
-webkit-mask-image:var(--BackSVG);
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-size:contain;
|
||
background:var(--Pagination-Color)
|
||
}
|
||
|
||
.next-svg {
|
||
margin-top:-.5px;
|
||
width:calc(var(--Body-Font-Size) + 3px);
|
||
height:calc(var(--Body-Font-Size) + 3px);
|
||
-webkit-mask-image:var(--NextSVG);
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-size:contain;
|
||
background:var(--Pagination-Color)
|
||
}
|
||
|
||
.pn {
|
||
margin-left:auto!important;
|
||
}
|
||
|
||
/*---- MUSIC PLAYER ----*/
|
||
#glenplayer07 {
|
||
position:fixed;
|
||
bottom:0;margin-bottom:30px;
|
||
left:0;margin-left:30px;
|
||
z-index:99;
|
||
}
|
||
|
||
.song-name {
|
||
font-family:var(--Song-Name-Font-Family);
|
||
font-size:var(--Song-Name-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
color:var(--Song-Name-Color);
|
||
}
|
||
|
||
.artist-name {
|
||
margin-top:3px;
|
||
font-family:var(--Artist-Name-Font-Family);
|
||
font-size:var(--Artist-Name-Font-Size);
|
||
letter-spacing:0.3px;
|
||
color:var(--Artist-Name-Color);
|
||
}
|
||
|
||
|
||
|
||
{CustomCSS}
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<!--------------------------------------------------->
|
||
|
||
<body>
|
||
|
||
<div corner-cog>
|
||
<i class="ai-gear"></i>
|
||
</div>
|
||
|
||
<!---- MUSIC PLAYER ---->
|
||
{block:ifsongname}
|
||
<div id="glenplayer07">
|
||
<div class="flamingo">
|
||
<div class="circleofdeath">
|
||
<div class="tinfoil">
|
||
<div class="oliveoil"></div>
|
||
</div>
|
||
|
||
<div class="crust">
|
||
<div class="cherry">
|
||
<div class="music-controls">
|
||
<i class="ph-play-fill playy"></i>
|
||
<i class="ph-pause-fill pausee"></i>
|
||
</div>
|
||
</div><!--cherry-->
|
||
</div><!--crust-->
|
||
</div><!--circleofdeath-->
|
||
|
||
<div class="music-info">
|
||
<div class="song-name">{text:song name}</div>
|
||
|
||
{block:ifartistname}
|
||
<div class="artist-name">{text:artist name}</div>
|
||
{/block:ifartistname}
|
||
</div><!--music-info-->
|
||
</div><!--flamingo-->
|
||
</div><!--glenplayer07-->
|
||
{/block:ifsongname}
|
||
|
||
{block:ifsongfilemp3}
|
||
<audio id="audio" src="{text:song file mp3}" type="audio" {block:ifsongvolume}volume="{text:song volume}"{/block:ifsongvolume}></audio>
|
||
{/block:ifsongfilemp3}
|
||
<!----end music player---->
|
||
|
||
|
||
<!---- CONTAINER ---->
|
||
<div class="ubilu">
|
||
<div class="jfqqj">
|
||
|
||
<!---- LEFT SIDEBAR ---->
|
||
<div class="vhmqu">
|
||
<div class="abtpk">
|
||
<div class="uaizx">
|
||
<div class="envzk">
|
||
<!-- sidebar stuff, TOP PART -->
|
||
<div czmym>
|
||
<a jbwru href="//{Name}.tumblr.com">
|
||
{/block:ifsidebartitle}
|
||
<div avi-tit>{text:sidebar title}</div>
|
||
{/block:ifsidebartitle}
|
||
|
||
<div avi-username>{Name}</div>
|
||
</a>
|
||
|
||
<div sb-avi>
|
||
<img src="{image:sidebar icon}">
|
||
<img bvahz src="{image:sidebar icon}">
|
||
</div><!--jbwru-->
|
||
</div><!--czmym-->
|
||
|
||
<!-- sidebar stuff, DESCRIPTION -->
|
||
<div amche>
|
||
<div pfgil>
|
||
<div yconm>
|
||
<div ghjax>
|
||
<div desc>
|
||
{block:ifsidebardesc}
|
||
{text:sidebar desc}
|
||
{/block:ifsidebardesc}
|
||
|
||
{block:ifnotsidebardesc}
|
||
{block:Description}
|
||
{Description}
|
||
{/block:Description}
|
||
{/block:ifnotsidebardesc}
|
||
</div><!--end desc-->
|
||
</div>
|
||
|
||
<div ghjax barlinething></div>
|
||
</div><!--yconm-->
|
||
</div><!--pfgil-->
|
||
</div><!--amche-->
|
||
|
||
<!-- sidebar stuff, SEARCHBAR -->
|
||
<div searchbar-form sbf schb="{select:show searchbar}">
|
||
<form action="/search" method="get">
|
||
<input type="text" placeholder="{text:searchbar placeholder text}" name="q" value="{SearchQuery}"/>
|
||
|
||
<button type="submit" tib="{select:searchbar icon}">
|
||
<i class="ai-search"></i>
|
||
</button>
|
||
</form>
|
||
</div><!--end searchbar-->
|
||
|
||
<!-- sidebar stuff, NAVLINKS -->
|
||
<div dpaec>
|
||
<div boxlinks>
|
||
<!-- icons list: https://lucide.dev/-->
|
||
<a href="//{Name}.tumblr.com" title="home">
|
||
<i lucide icon-name="home"></i>
|
||
</a>
|
||
|
||
<a href="//{Name}.tumblr.com/ask" title="askbox">
|
||
<i lucide icon-name="mail"></i>
|
||
</a>
|
||
|
||
<a href="//{Name}.tumblr.com/archive" title="archive">
|
||
<i lucide icon-name="layout-grid"></i>
|
||
</a>
|
||
|
||
<!-- please do not remove the credit, thank you! <3 -->
|
||
<a href="//glenthemes.tumblr.com" title="❀ parfait ❀ theme  —  @glenthemes">
|
||
<i class="glenbiz"></i>
|
||
</a>
|
||
</div><!--don't delete this line-->
|
||
|
||
<!-- 'plus' icon that activates the custom links -->
|
||
<div class="cl-tog">
|
||
<i lucide icon-name="plus"></i>
|
||
</div>
|
||
</div><!--end navlinks-->
|
||
|
||
</div><!--envzk-->
|
||
|
||
<!-- sidebar stuff, CUSTOM LINKS -->
|
||
<div krryo clpr="{select:customlinks per row}">
|
||
<div efrhc>
|
||
{block:ifcustomlink1name}
|
||
<a customlink href="{text:customlink 1 url}">
|
||
<span cl-inner>
|
||
<span dot></span>
|
||
<span text>{text:customlink 1 name}</span>
|
||
</span>
|
||
</a>
|
||
{/block:ifcustomlink1name}
|
||
|
||
{block:ifcustomlink2name}
|
||
<a customlink href="{text:customlink 2 url}">
|
||
<span cl-inner>
|
||
<span dot></span>
|
||
<span text>{text:customlink 2 name}</span>
|
||
</span>
|
||
</a>
|
||
{/block:ifcustomlink2name}
|
||
|
||
{block:ifcustomlink3name}
|
||
<a customlink href="{text:customlink 3 url}">
|
||
<span cl-inner>
|
||
<span dot></span>
|
||
<span text>{text:customlink 3 name}</span>
|
||
</span>
|
||
</a>
|
||
{/block:ifcustomlink3name}
|
||
|
||
{block:ifcustomlink4name}
|
||
<a customlink href="{text:customlink 4 url}">
|
||
<span cl-inner>
|
||
<span dot></span>
|
||
<span text>{text:customlink 4 name}</span>
|
||
</span>
|
||
</a>
|
||
{/block:ifcustomlink4name}
|
||
|
||
{block:ifcustomlink5name}
|
||
<a customlink href="{text:customlink 5 url}">
|
||
<span cl-inner>
|
||
<span dot></span>
|
||
<span text>{text:customlink 5 name}</span>
|
||
</span>
|
||
</a>
|
||
{/block:ifcustomlink5name}
|
||
|
||
{block:ifcustomlink6name}
|
||
<a customlink href="{text:customlink 6 url}">
|
||
<span cl-inner>
|
||
<span dot></span>
|
||
<span text>{text:customlink 6 name}</span>
|
||
</span>
|
||
</a>
|
||
{/block:ifcustomlink6name}
|
||
|
||
{block:ifcustomlink7name}
|
||
<a customlink href="{text:customlink 7 url}">
|
||
<span cl-inner>
|
||
<span dot></span>
|
||
<span text>{text:customlink 7 name}</span>
|
||
</span>
|
||
</a>
|
||
{/block:ifcustomlink7name}
|
||
|
||
{block:ifcustomlink8name}
|
||
<a customlink href="{text:customlink 8 url}">
|
||
<span cl-inner>
|
||
<span dot></span>
|
||
<span text>{text:customlink 8 name}</span>
|
||
</span>
|
||
</a>
|
||
{/block:ifcustomlink8name}
|
||
</div><!--efrhc-->
|
||
</div><!--krryo-->
|
||
</div><!--uaizx-->
|
||
</div><!--abtpk-->
|
||
</div><!--end left sidebar-->
|
||
|
||
|
||
<!---- HEADER ---->
|
||
<div class="xcjya">
|
||
|
||
<div class="header-sect" sh="{select:show header}" {block:ifheadertextcolumn1}has-col-1{/block:ifheadertextcolumn1} {block:ifheadertextcolumn2}has-col-2{/block:ifheadertextcolumn2}>
|
||
<div class="qmtwu">
|
||
<div header-img="{image:header image}">
|
||
<img src="{image:header image}">
|
||
</div>
|
||
|
||
{block:ifheadertextcolumn1}
|
||
<div header-texts>
|
||
<div class="mwfgi">
|
||
<div ht-col>{text:header text column 1}</div>
|
||
|
||
{block:ifheadertextcolumn2}
|
||
<div ht-col>{text:header text column 2}</div>
|
||
{/block:ifheadertextcolumn2}
|
||
</div>
|
||
</div>
|
||
{/block:ifheadertextcolumn1}
|
||
</div><!--qmtwu-->
|
||
</div><!--end header section-->
|
||
|
||
|
||
<!---- POSTS ---->
|
||
<div class="postscont" black-and-white="{select:grayscale images}">
|
||
|
||
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
|
||
<div class="posts {PostType}-post" id="{PostID}" post-type="{PostType}" {block:NotReblog}original-post{/block:NotReblog} {block:RebloggedFrom}reblogged-post{/block:RebloggedFrom}>
|
||
|
||
<div class="postinner">
|
||
|
||
{block:RebloggedFrom}
|
||
<div class="reblog-head nosrc">
|
||
<span reblogger-icon="{ReblogRootPortraitURL-64}"></span>
|
||
<span class="reblog-url">
|
||
<a href="{ReblogRootURL}">{ReblogRootName}</a>
|
||
</span>
|
||
</div>
|
||
{/block:RebloggedFrom}
|
||
|
||
<!------ POST TITLE ------>
|
||
{block:Title}
|
||
<h1 class="post-title">{Title}</h1>
|
||
{/block:Title}
|
||
|
||
<!------ TEXT POSTS ------>
|
||
{block:Text}
|
||
{block:NotReblog}{Body}{/block:NotReblog}
|
||
{block:RebloggedFrom}
|
||
{block:Reblogs}
|
||
<div class="reblog-wrap">
|
||
<div class="reblog-head source-head">
|
||
<span reblogger-icon="{PortraitURL-64}"></span>
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Username}</a>
|
||
</span>
|
||
</div>
|
||
<div class="reblog-comment">{Body}</div>
|
||
</div>
|
||
{/block:Reblogs}
|
||
{/block:RebloggedFrom}
|
||
{/block:Text}
|
||
|
||
<!------ SINGLE PHOTO ------>
|
||
{block:Photo}
|
||
<a class="single-photo" 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}
|
||
|
||
<!------ 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}
|
||
|
||
<!------ QUOTE POSTS ------>
|
||
{block:Quote}
|
||
<div class="quote-ico">
|
||
<i lucide icon-name="quote"></i>
|
||
</div>
|
||
<div class="quote-words">{Quote}</div>
|
||
{block:Source}
|
||
<div class="quote-source">
|
||
<span mdash>—</span>
|
||
{Source}
|
||
</div>{/block:Source}
|
||
{/block:Quote}
|
||
|
||
<!------ LINK POSTS ------>
|
||
{block:Link}
|
||
<a class="linkpost-title" href="{URL}" {Target}>
|
||
<span link-icon>
|
||
<i class="mi-link-alt"></i>
|
||
</span>
|
||
|
||
<span link-display-text> {Name}  »</span>
|
||
</a>
|
||
|
||
{block:Excerpt}
|
||
<div class="link-excerpt">
|
||
{Excerpt}
|
||
{block:Host}— <a class="le-host" href="{URL}" {Target}>{Host}</a>{/block:Host}
|
||
</div>
|
||
{/block:Excerpt}
|
||
|
||
{block:Description}
|
||
<div class="link-description">
|
||
{block:NotReblog}{Description}{/block:NotReblog}
|
||
{block:RebloggedFrom}
|
||
{block:Reblogs}
|
||
<div class="reblog-wrap">
|
||
<div class="reblog-head">
|
||
<span reblogger-icon="{PortraitURL-64}"></span>
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Username}</a>
|
||
</span>
|
||
</div>
|
||
<div class="reblog-comment">{Body}</div>
|
||
</div>
|
||
{/block:Reblogs}
|
||
{/block:RebloggedFrom}
|
||
</div>
|
||
{/block:Description}
|
||
{/block:Link}
|
||
|
||
<!------ CHAT POSTS ------>
|
||
{block:Chat}
|
||
{block:Lines}
|
||
<div class="chat_row">
|
||
{block:Label}
|
||
<div class="chat_label">{Label}</div>
|
||
{/block:Label}
|
||
|
||
<div class="chat_content">
|
||
{Line}
|
||
</div>
|
||
</div>
|
||
{/block:Lines}
|
||
{/block:Chat}
|
||
|
||
<!------ AUDIO POSTS ------>
|
||
{block:Audio}
|
||
<div class="audiowrap">
|
||
{block:AudioPlayer}
|
||
<div class="aud-emb">
|
||
{AudioPlayer}
|
||
</div>
|
||
{/block:AudioPlayer}
|
||
|
||
<div class="albumwrap" {block:AlbumArt}has-cover{/block:AlbumArt}>
|
||
{block:AlbumArt}
|
||
<img src="{AlbumArtURL}">
|
||
{/block:AlbumArt}
|
||
|
||
<div class="audplac"></div>
|
||
|
||
<div class="butts">
|
||
<div class="overplay"></div>
|
||
<div class="overpause"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="audiotxt">
|
||
<div class="odin">
|
||
|
||
<div class="aud-song-name" {block:TrackName}has-name{/block:TrackName}>
|
||
<div class="untit">Untitled track</div>
|
||
|
||
{block:TrackName}
|
||
<div class="hastit">{TrackName}</div>
|
||
{/block:TrackName}
|
||
</div>
|
||
|
||
{block:Album}
|
||
<div class="aud-album-name">{Album}</div>
|
||
{/block:Album}
|
||
|
||
<div class="aud-artist" {block:Artist}has-artist{/block:Artist}>
|
||
<div class="unart">Unknown artist</div>
|
||
|
||
{block:Artist}
|
||
<div class="hasart">{Artist}</div>
|
||
{/block:Artist}
|
||
</div>
|
||
</div><!--odin-->
|
||
|
||
<a class="inari" title="download" target="_blank">
|
||
<span class="int-all"></span>
|
||
</a>
|
||
</div><!--audiotxt-->
|
||
</div><!--audiowrap-->
|
||
{/block:Audio}
|
||
|
||
<!------ VIDEO POSTS ------>
|
||
{block:Video}
|
||
<div class="tmblr-video">{Video-500}</div>
|
||
{/block:Video}
|
||
|
||
<!------ ANSWER POSTS ------>
|
||
{block:Answer}
|
||
<!-- who asked? -->
|
||
<div class="reblog-wrap une_question">
|
||
<div class="asker-person">
|
||
<div class="askpot">
|
||
<span reblogger-icon="{AskerPortraitURL-64}"></span>
|
||
</div>
|
||
<span class="asker-name">{Asker} asked:</span>
|
||
</div>
|
||
|
||
<div class="question_text">{Question}</div>
|
||
</div>
|
||
|
||
<!--------------------------------------->
|
||
|
||
<!-- who answered? -->
|
||
{block:Answerer}
|
||
<div class="reblog-wrap une_reponse">
|
||
<div class="answerer reblog-head">
|
||
<span reblogger-icon="{AnswererPortraitURL-64}"></span>
|
||
<span class="reblog-url">{Answerer} answered:</span>
|
||
</div>
|
||
<p class="answer_text">{Answer}</p>
|
||
</div>
|
||
|
||
<!-- additional reblogs to the ask post -->
|
||
{block:Reblogs}
|
||
<div class="reblog-wrap reply_container">
|
||
<div class="replier reblog-head">
|
||
<span reblogger-icon="{PortraitURL-64}"></span>
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Username}</a>
|
||
</span>
|
||
</div>
|
||
<div class="reply">{Body}</div>
|
||
</div>
|
||
{/block:Reblogs}
|
||
{/block:Answerer}
|
||
|
||
<!--------------------------------------->
|
||
|
||
<!-- original answer post -->
|
||
{block:NotReblog}
|
||
<div class="reblog-wrap une-reponse">
|
||
<div class="answerer reblog-head">
|
||
<span reblogger-icon="{PortraitURL-64}"></span>
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Name}</a> answered:
|
||
</span>
|
||
</div>
|
||
|
||
<div class="answer_text">{Answer}</div>
|
||
</div><!--answer-container-->
|
||
{/block:NotReblog}
|
||
{/block:Answer}
|
||
<!------ END ANSWER ------>
|
||
|
||
<!------ 'CAPTION'? ------>
|
||
{block:Caption}
|
||
<div class="caption">
|
||
{block:NotReblog}{Caption}{/block:NotReblog}
|
||
{block:RebloggedFrom}
|
||
{block:Reblogs}
|
||
<div class="reblog-wrap">
|
||
<div class="reblog-head">
|
||
<span reblogger-icon="{PortraitURL-64}"></span>
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Username}</a>
|
||
</span>
|
||
</div><!--reblog-head-->
|
||
<div class="reblog-comment">{Body}</div>
|
||
</div><!--comment-container-->
|
||
{/block:Reblogs}
|
||
{/block:RebloggedFrom}
|
||
</div><!--caption-->
|
||
{/block:Caption}
|
||
|
||
|
||
<!------ TAGS ------>
|
||
{block:HasTags}
|
||
<div class="tagsdiv" clicktags="{select:click tags}">
|
||
<div class="tagsin">
|
||
{block:Tags}
|
||
<a href="{TagURL}">{Tag}</a>
|
||
{/block:Tags}
|
||
</div>
|
||
</div>
|
||
{/block:HasTags}
|
||
|
||
<!------ PERMALINK ------>
|
||
{block:Date}
|
||
<div class="permadiv" topdiff="{select:permalink top gap}">
|
||
<div class="permaleft">
|
||
<a {block:IndexPage}href="{Permalink}"{/block:IndexPage}>
|
||
<i class="ai-{select:permalink icon}"></i>
|
||
{block:PermalinkPage}{ShortDayOfWeek}, {/block:PermalinkPage}{ShortMonth} {DayOfMonthWithZero}{block:PermalinkPage} {Year}{block:PermalinkPage}
|
||
  {TimeAgo}
|
||
{block:IndexPage}
|
||
 • 
|
||
{NoteCountWithLabel}
|
||
{block:PinnedPostLabel}  Pinned Post{/block:PinnedPostLabel}
|
||
{/block:IndexPage}
|
||
</a>
|
||
</div>
|
||
|
||
<!------------------------------>
|
||
{block:IndexPage}
|
||
<div class="permaright" clicktags="{select:click tags}">
|
||
{block:HasTags}
|
||
<a class="clicktags">
|
||
<i class="ph-hash-bold"></i>
|
||
</a>
|
||
{/block:HasTags}
|
||
|
||
|
||
<a href="{ReblogURL}" title="reblog this post">
|
||
<i class="mi-repeat"></i>
|
||
</a>
|
||
|
||
<a title="like this post">
|
||
{LikeButton}
|
||
<i class="ai-heart"></i>
|
||
</a>
|
||
</div>
|
||
{/block:IndexPage}
|
||
<!------------------------------>
|
||
|
||
{block:PermalinkPage}
|
||
<div class="permaright">
|
||
{block:NotReblog}
|
||
<span>original post</span>
|
||
{/block:NotReblog}
|
||
|
||
{block:RebloggedFrom}
|
||
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
|
||
<a dash>/</a>
|
||
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
|
||
{/block:RebloggedFrom}
|
||
</div>
|
||
{/block:PermalinkPage}
|
||
|
||
</div><!--permadiv-->
|
||
{/block:Date}
|
||
</div><!--postinner-->
|
||
</div><!--posts-->
|
||
|
||
{block:PostNotes}
|
||
<div class="notescont">
|
||
<h1>{NoteCountWithLabel}</h1>
|
||
{PostNotes}
|
||
</div>
|
||
{/block:PostNotes}
|
||
|
||
{/block:Posts}
|
||
|
||
<!------ PAGINATION ------>
|
||
{block:Pagination}
|
||
<div class="botpagi">
|
||
{block:PreviousPage}
|
||
<a class="flex" href="{PreviousPage}">
|
||
<div class="prev-svg"></div>
|
||
<span>previous page</span>
|
||
</a>
|
||
{/block:PreviousPage}
|
||
|
||
{block:NextPage}
|
||
<a class="flex pn" href="{NextPage}">
|
||
<span>next page</span>
|
||
<div class="next-svg"></div>
|
||
</a>
|
||
{/block:NextPage}
|
||
</div>
|
||
{/block:Pagination}
|
||
</div><!--postscont-->
|
||
</div><!--xcjya-->
|
||
|
||
</div><!--jfqqj-->
|
||
</div><!--ubilu-->
|
||
|
||
<script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
|
||
|
||
<script>
|
||
lucide.createIcons();
|
||
</script>
|
||
|
||
</body>
|
||
</html> |