2024-05-16 05:44:27 +01:00
<!-------------------------------------------------------------------
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
Theme [24]: Lachesis
Made by glenthemes
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
Release date: 2017/10/16
Revamp date: 2024/04/27
Last updated: 2024/05/11
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
「 THEME INFO. 」
❃ Post: glenthemes.tumblr.com/post/166456102679
❃ Preview: glenthpvs.tumblr.com/lachesis
❃ Code: glen-themes.gitlab.io/thms/24/lachesis
「 HOW TO USE. 」
dub.sh/lachesis-guide
「 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. 」
٩(๑❛ᴗ❛๑)۶ ～
-------------------------------------------------------------------->
2023-07-30 02:39:03 +01:00
2023-05-08 20:37:50 +01:00
<!DOCTYPE html>
2024-05-16 05:44:27 +01:00
<html
lang="en"
tumblr-controls="{select:tumblr controls}"
bg-size="{select:background image size}"
full-width-posts="{select:posts full width}"
reblog-borders="{select:reblog dividers}"
font="{select:font}"
heading-font="{select:heading font}"
caps-font="{select:uppercase font}"
rounded-corners="{select:rounded corners}"
smooth-scroll="{select:smooth scrolling}"
searchbar="{select:show searchbar}"
searchbar-glass="{select:searchbar transparency}"
header-bg-size="{select:header BG size}"
{block:HomePage}home-page blog-page="{CurrentPage}"{/block:HomePage}
{block:Pagination}has-pagi{/block:Pagination}
pagi="{select:pagination location}"
tags="{block:IndexPage}{select:tags}{/block:IndexPage}{block:PermalinkPage}v{/block:PermalinkPage}"
>
2022-07-22 03:59:19 +01:00
<head>
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>
{Title}
{block:PostSummary} | {PostSummary}{/block:PostSummary}
{block:TagPage} | #{Tag}{/block:TagPage}
{block:SearchPage} | “{SearchQuery}” –
</title>
2023-07-30 02:39:03 +01:00
2022-07-22 03:59:19 +01:00
<link rel="shortcut icon" href="{Favicon}">
2024-05-16 05:44:27 +01:00
{block:Description}
<meta name="description" content="{MetaDescription}"/>
{/block:Description}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!------- FONTS ------->
<script src="//ht-devx.github.io/addGoogleFonts/v2/addGoogleFonts.min.js"></script>
<link rel="preconnect" href="//fonts.googleapis.com">
<link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
2022-07-22 03:59:19 +01:00
<script>
2024-05-16 05:44:27 +01:00
addGoogleFonts("Kalnia, Gentium Book Plus, Playfair Display SC, Gloock, Reem Kufi Fun, Lexend, Inter, Libre Franklin, Golos Text, Figtree, Karla, Public Sans, Vollkorn, Hahmlet, Domine, Lora, Averia Serif Libre");
2022-07-22 03:59:19 +01:00
</script>
2024-05-16 05:44:27 +01:00
<style include-fonts>
@font-face { font-family: "Geist Mono"; src: url("https://cdn.jsdelivr.net/gh/vercel/geist-font@main/packages/next/dist/fonts/geist-mono/GeistMono-Variable.woff2"); }
</style>
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
<!------- ICON LIBRARIES ------->
<link href="//cdn.jsdelivr.net/npm/@tabler/icons-webfont/tabler-icons.min.css" rel="stylesheet" crossorigin>
<link href="//unpkg.com/@phosphor-icons/web/src/bold/style.css" rel="stylesheet" crossorigin>
<link href="//hugeicons.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
<link href="//majesticons.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
<!------- SCRIPTS ------->
<script src="//static.tumblr.com/2pnwama/uLNs0r1rq/roots.js"></script>
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
<script src="//glen-iframes.gitlab.io/i/use.js"></script>
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
<link href="//glen-npf.gitlab.io/v4-beta/main.css" rel="stylesheet" crossorigin>
<script src="//glen-npf.gitlab.io/v4-beta/use.js"></script>
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
<script src="//unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
<script src="//unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
<link href="//vid_yo.gitlab.io/o/core.css" rel="stylesheet">
<script src="//vid_yo.gitlab.io/o/init.js"></script>
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
<script src="//cdn.jsdelivr.net/gh/gblazex/smoothscroll-for-websites@v1.4.10/SmoothScroll.min.js"></script>
2023-05-01 00:15:30 +01:00
2024-05-16 05:44:27 +01:00
<link href="//search-dropdown.gitlab.io/i/style.css" rel="stylesheet">
<script src="//search-dropdown.gitlab.io/i/init.js"></script>
2023-05-01 00:15:30 +01:00
2024-05-16 05:44:27 +01:00
<script src="//cdn.jsdelivr.net/gh/Stanko/animated-scroll-to/docs/docs.js"></script>
2023-05-01 00:15:30 +01:00
2024-05-16 05:44:27 +01:00
<script src="//cdn.jsdelivr.net/gh/vursen/FloatSidebar.js@master/dist/float-sidebar.min.js"></script>
2023-05-01 00:15:30 +01:00
2024-05-16 05:44:27 +01:00
<script src="//static.tumblr.com/gtjt4bo/18Vryl30c/glenplayer0.js"></script>
2023-05-01 00:15:30 +01:00
2024-05-16 05:44:27 +01:00
<script src="//glen-themes.gitlab.io/thms/24/thread-of-life.js"></script>
<link href="//glen-themes.gitlab.io/thms/24/moirai.css" rel="stylesheet">
{block:Options}
<!-- divider: header images -->
<meta name="image:🖼️ 𝐇𝐄𝐀𝐃𝐄𝐑 𝐈𝐌𝐀𝐆𝐄𝐒 ・" content="">
<meta name="image:header image" content="//static.tumblr.com/904b3490a383633eec32846621df7e4b/gtjt4bo/ynPoxwfio/tumblr_static_br8yxzvgj08w8000g80w4csoo.png">
<meta name="image:header background" content="//64.media.tumblr.com/fda333d089ff93720d9d7908930454e8/c923d909cdb70475-87/s2048x3072/f7d676ba4606a1d60598a2a1ad98e82a588402cb.png">
<!-- divider: background -->
<meta name="image:🌳 𝐁𝐀𝐂𝐊𝐆𝐑𝐎𝐔𝐍𝐃 ・" content="">
<meta name="image:background image" content="//64.media.tumblr.com/8036d9d070eb543153919361c65d9d6f/5ef6deb46ee9e07a-7b/s2048x3072/4dcde989b42a8373190c9b48b50d3b25b1f57c75.png">
<meta name="color:background color" content="#fdfdfd">
<!-- divider: music player -->
<meta name="color:🎨 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑 ・" content="">
<meta name="color:music player buttons" content="#e3eaf2">
<meta name="color:music player text" content="#e3eaf2">
<!-- divider: top bar -->
<meta name="color:🎨 𝐓𝐎𝐏 𝐁𝐀𝐑 ・" content="">
<meta name="color:top bar BG" content="#222a32">
<meta name="color:top bar title" content="#eef2f7">
<meta name="color:top bar dividers" content="#dfe5ec">
<!-- divider: top bar links -->
<meta name="color:🎨 𝐓𝐎𝐏 𝐁𝐀𝐑 𝐋𝐈𝐍𝐊𝐒 ・" content="">
<meta name="color:top bar links icons border" content="#414c58">
<meta name="color:top bar links icons BG" content="#222a32">
<meta name="color:top bar links icons" content="#e3eaf2">
<meta name="color:top bar links HOVER icons border" content="#6c727a">
<meta name="color:top bar links HOVER icons BG" content="#222a32">
<meta name="color:top bar links HOVER icons" content="#e3eaf2">
<!-- divider: searchbar -->
<meta name="color:🎨 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 ・" content="">
<meta name="color:searchbar border" content="#414c58">
<meta name="color:searchbar BG" content="#1b2127">
<meta name="color:searchbar text prompt" content="#a5afbb">
<meta name="color:searchbar text" content="#e3eaf2">
<meta name="color:searchbar button border" content="#414c58">
<meta name="color:searchbar button BG" content="#222a32">
<meta name="color:searchbar button text" content="#e3eaf2">
<meta name="color:searchbar button HOVER border" content="#6c727a">
<meta name="color:searchbar button HOVER BG" content="#24292e">
<meta name="color:searchbar button HOVER text" content="#e3eaf2">
<meta name="color:search suggestions border" content="#222a32">
<meta name="color:search suggestions BG" content="#14191f">
<meta name="color:search suggestions text" content="#e3eaf2">
<meta name="color:search suggestions HOVER BG" content="#14191f">
<meta name="color:search suggestions HOVER text" content="#e3eaf2">
<!-- divider: header -->
<meta name="color:🎨 𝐇𝐄𝐀𝐃𝐄𝐑 ・" content="">
<meta name="color:header title" content="#384552">
<meta name="color:header desc text" content="#5f646d">
<meta name="color:header desc bold" content="#50586d">
<meta name="color:header desc italic" content="#5f646d">
<meta name="color:header desc links" content="#6a9cc8">
<meta name="color:header desc links underline" content="#d1e0fa">
<!-- divider: "view posts" button -->
<meta name="color:🎨 "𝐕𝐈𝐄𝐖 𝐏𝐎𝐒𝐓𝐒" 𝐁𝐔𝐓𝐓𝐎𝐍 ・" content="">
<meta name="color:scroll button border" content="#ecedef">
<meta name="color:scroll button BG" content="#fefefe">
<meta name="color:scroll button text" content="#5f646d">
<meta name="color:scroll button hover border" content="#222a32">
<meta name="color:scroll button hover BG" content="#222a32">
<meta name="color:scroll button hover text" content="#eef2f7">
<!-- divider: sidebar -->
<meta name="color:🎨 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 ・" content="">
<meta name="color:sidebar borders" content="#f0f0f0">
<meta name="color:sidebar BG" content="#ffffff">
<!-- divider: sidebar titles -->
<meta name="color:🎨 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐓𝐈𝐓𝐋𝐄𝐒 ・" content="">
<meta name="color:sidebar title" content="#404a54">
<meta name="color:sidebar title underline 1" content="#e0e5eb">
<meta name="color:sidebar title underline 2" content="#363b48">
<!-- divider: sidebar desc -->
<meta name="color:🎨 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐃𝐄𝐒𝐂 ・" content="">
<meta name="color:sidebar desc text" content="#575a65">
<meta name="color:sidebar desc bold" content="#50586d">
<meta name="color:sidebar desc italic" content="#575a65">
<meta name="color:sidebar desc links" content="#6a9cc8">
<meta name="color:sidebar desc links underline" content="#d1e0fa">
<!-- divider: custom links -->
<meta name="color:🎨 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 ・" content="">
<meta name="color:custom links BG" content="#f5f6f9">
<meta name="color:custom links text" content="#5f646d">
<meta name="color:custom links hover BG" content="#33363d">
<meta name="color:custom links hover text" content="#eef2f7">
<!-- divider: page numbers -->
<meta name="color:🎨 𝐏𝐀𝐆𝐄 𝐍𝐔𝐌𝐁𝐄𝐑𝐒 ・" content="">
<meta name="color:page numbers" content="#3c3e46">
<meta name="color:current page" content="#3c3e46">
<meta name="color:page arrows" content="#3c3e46">
<!-- divider: posts colors -->
<meta name="color:🎨 𝐏𝐎𝐒𝐓𝐒 𝐂𝐎𝐋𝐎𝐑𝐒 ・" content="">
<meta name="color:posts borders" content="#f0f0f0">
<meta name="color:posts BG" content="#fff">
<meta name="color:text" content="#6f7580">
<meta name="color:posts accent borders" content="#f0f0f0">
<meta name="color:posts accent BG" content="#f8f9fb">
<meta name="color:posts accent text" content="#575a65">
<meta name="color:headings" content="#404a54">
<meta name="color:headings underline 1" content="#e0e5eb">
<meta name="color:headings underline 2" content="#363b48">
<meta name="color:bold" content="#50586d">
<meta name="color:italic" content="#6f7580">
<meta name="color:links" content="#6a9cc8">
<meta name="color:links underline" content="#d1e0fa">
<meta name="color:blockquote border" content="#eee">
<meta name="color:posts usernames" content="#33373c">
<meta name="color:reblog dividers" content="#f0f0f0">
<meta name="color:buttons BG" content="#33373c">
<meta name="color:buttons icons" content="#eee">
<!-- divider: tags -->
<meta name="color:🎨 𝐓𝐀𝐆𝐒 ・" content="">
<meta name="color:tags" content="#6f7580">
<meta name="color:tags hover" content="#3b3f44">
<!-- divider: post info bar -->
<meta name="color:🎨 𝐏𝐎𝐒𝐓 𝐈𝐍𝐅𝐎 𝐁𝐀𝐑 ・" content="">
<meta name="color:post info border" content="#f0f0f0">
<meta name="color:post info BG" content="#f8f9fb">
<meta name="color:post info text" content="#575a65">
<meta name="color:like and reblog" content="#575a65">
<meta name="color:like button liked" content="#ff7474">
<!-- divider: scrollbar -->
<meta name="color:🎨 𝐒𝐂𝐑𝐎𝐋𝐋𝐁𝐀𝐑 ・" content="">
<meta name="color:scrollbar" content="#b2b4bc">
<meta name="color:scrollbar BG" content="#fdfdfd">
<!-- divider: text highlight -->
<meta name="color:🎨 𝐓𝐄𝐗𝐓 𝐇𝐈𝐆𝐇𝐋𝐈𝐆𝐇𝐓 ・" content="">
<meta name="color:text highlight BG" content="#b4d7ff">
<meta name="color:text highlighted" content="#6f7580">
<!-- divider: tooltips -->
<meta name="color:🎨 𝐓𝐎𝐎𝐋𝐓𝐈𝐏𝐒 ・" content="">
<meta name="color:hover text border" content="#303338">
<meta name="color:hover text BG" content="#303338">
<meta name="color:hover text" content="#eef2f7">
<!-- divider: general settings -->
<meta name="select:⬇️ 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐒𝐄𝐓𝐓𝐈𝐍𝐆𝐒 ・" title="" content="">
<!-- tumblr controls -->
<meta name="select:tumblr controls" title="black" content="black">
<meta name="select:tumblr controls" title="white" content="white">
<!-- smooth scrolling -->
<meta name="select:smooth scrolling" title="yes" content="yes">
<meta name="select:smooth scrolling" title="no" content="no">
<!-- background image size -->
<meta name="select:background image size" title="small / repeating" content="repeat">
<meta name="select:background image size" title="large / full" content="full">
<!-- screen gap -->
<meta name="select:screen gap" title="65px" content="65px">
<meta name="select:screen gap" title="30px" content="30px">
<meta name="select:screen gap" title="35px" content="35px">
<meta name="select:screen gap" title="40px" content="40px">
<meta name="select:screen gap" title="45px" content="45px">
<meta name="select:screen gap" title="50px" content="50px">
<meta name="select:screen gap" title="55px" content="55px">
<meta name="select:screen gap" title="60px" content="60px">
<meta name="select:screen gap" title="70px" content="70px">
<meta name="select:screen gap" title="75px" content="75px">
<meta name="select:screen gap" title="80px" content="80px">
<meta name="select:screen gap" title="85px" content="85px">
<meta name="select:screen gap" title="90px" content="90px">
<meta name="select:screen gap" title="95px" content="95px">
<meta name="select:screen gap" title="100px" content="100px">
<!-- rounded corners -->
<meta name="select:rounded corners" title="medium" content=".375rem">
<meta name="select:rounded corners" title="none" content="0px">
<meta name="select:rounded corners" title="more" content=".75rem">
<!-- pagination location -->
<meta name="select:pagination location" title="in sidebar" content="sb">
<meta name="select:pagination location" title="under posts" content="bot">
<!-- divider: music player -->
<meta name="select:⬇️ 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑 ・" title="" content="">
<meta name="select:show music player" title="show" content="show">
<meta name="select:show music player" title="hide" content="hide">
<meta name="select:music player buttons size" title="12px" content="0.7rem">
<meta name="select:music player buttons size" title="11px" content="0.65rem">
<meta name="select:music player buttons size" title="13px" content="0.75rem">
<meta name="select:music player buttons size" title="14px" content="0.8rem">
<meta name="select:music player buttons size" title="15px" content="0.85">
<meta name="select:music player buttons size" title="16px" content="0.9rem">
<meta name="select:music player font size" title="12px" content="0.688rem">
<meta name="select:music player font size" title="10px" content="0.563rem">
<meta name="select:music player font size" title="11px" content="0.625rem">
<meta name="select:music player font size" title="13px" content="0.75rem">
<meta name="select:music player font size" title="14px" content="0.813rem">
<meta name="select:music player font size" title="15px" content="0.875rem">
<!-- divider: top bar -->
<meta name="select:⬇️ 𝐓𝐎𝐏 𝐁𝐀𝐑 ・" title="" content="">
<meta name="select:top bar padding" title="26px" content="26px">
<meta name="select:top bar padding" title="10px" content="10px">
<meta name="select:top bar padding" title="14px" content="14px">
<meta name="select:top bar padding" title="18px" content="18px">
<meta name="select:top bar padding" title="22px" content="22px">
<meta name="select:top bar padding" title="30px" content="30px">
<meta name="select:top bar padding" title="34px" content="34px">
<meta name="select:top bar padding" title="38px" content="38px">
<meta name="select:top bar title font" title="Gloock" content="Gloock">
<meta name="select:top bar title font" title="Kalnia" content="Kalnia">
<meta name="select:top bar title font" title="Gentium Book Plus" content="Gentium Book Plus">
<meta name="select:top bar title font" title="Playfair Display SC" content="Playfair Display SC">
<meta name="select:top bar title font" title="Reem Kufi Fun" content="Reem Kufi Fun">
<meta name="select:top bar title font" title="Lexend" content="Lexend">
<meta name="select:top bar title size" title="20px" content="1.2rem">
<meta name="select:top bar title size" title="11px" content="0.75rem">
<meta name="select:top bar title size" title="12px" content="0.8rem">
<meta name="select:top bar title size" title="13px" content="0.85rem">
<meta name="select:top bar title size" title="14px" content="0.9rem">
<meta name="select:top bar title size" title="15px" content="0.95rem">
<meta name="select:top bar title size" title="16px" content="1rem">
<meta name="select:top bar title size" title="17px" content="1.05rem">
<meta name="select:top bar title size" title="18px" content="1.1rem">
<meta name="select:top bar title size" title="19px" content="1.15rem">
<meta name="select:top bar title size" title="21px" content="1.25rem">
<meta name="select:top bar title size" title="22px" content="1.3rem">
<meta name="select:top bar title size" title="23px" content="1.35rem">
<meta name="select:top bar title size" title="24px" content="1.4rem">
<meta name="select:top bar title size" title="25px" content="1.45rem">
<meta name="select:top bar title size" title="26px" content="1.5rem">
<meta name="select:top bar dividers spacing" title="34px" content="34px">
<meta name="select:top bar dividers spacing" title="10px" content="10px">
<meta name="select:top bar dividers spacing" title="14px" content="14px">
<meta name="select:top bar dividers spacing" title="18px" content="18px">
<meta name="select:top bar dividers spacing" title="22px" content="22px">
<meta name="select:top bar dividers spacing" title="26px" content="26px">
<meta name="select:top bar dividers spacing" title="30px" content="30px">
<meta name="select:top bar dividers spacing" title="38px" content="38px">
<meta name="select:top bar dividers spacing" title="42px" content="42px">
<meta name="select:top bar dividers spacing" title="46px" content="46px">
<meta name="select:top bar dividers spacing" title="55px" content="55px">
<!-- divider: top bar links -->
<meta name="select:⬇️ 𝐓𝐎𝐏 𝐁𝐀𝐑 𝐋𝐈𝐍𝐊𝐒 ・" title="" content="">
<meta name="select:top bar links icon size" title="14px" content="0.9rem">
<meta name="select:top bar links icon size" title="12px" content="0.8rem">
<meta name="select:top bar links icon size" title="13px" content="0.85rem">
<meta name="select:top bar links icon size" title="15px" content="0.95rem">
<meta name="select:top bar links icon size" title="16px" content="1rem">
<meta name="select:top bar links icon size" title="17px" content="1.05rem">
<meta name="select:top bar links icon size" title="18px" content="1.1rem">
<meta name="select:top bar links icon size" title="19px" content="1.15rem">
<meta name="select:top bar links icon size" title="20px" content="1.2rem">
<meta name="select:top bar links spacing" title="6px" content="6px">
<meta name="select:top bar links spacing" title="4px" content="4px">
<meta name="select:top bar links spacing" title="5px" content="5px">
<meta name="select:top bar links spacing" title="7px" content="7px">
<meta name="select:top bar links spacing" title="8px" content="8px">
<meta name="select:top bar links spacing" title="9px" content="9px">
<meta name="select:top bar links spacing" title="10px" content="10px">
<meta name="select:top bar links spacing" title="11px" content="11px">
<meta name="select:top bar links spacing" title="12px" content="12px">
<meta name="select:top bar links spacing" title="13px" content="13px">
<!-- divider: searchbar -->
<meta name="select:⬇️ 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 ・" title="" content="">
<!-- show searchbar -->
<meta name="select:show searchbar" title="show" content="show">
<meta name="select:show searchbar" title="hide" content="hide">
<!-- searchbar transparency -->
<meta name="select:searchbar transparency" title="yes" content="y">
<meta name="select:searchbar transparency" title="no" content="n">
<!-- divider: header -->
<meta name="select:⬇️ 𝐇𝐄𝐀𝐃𝐄𝐑 ・" title="" content="">
<meta name="select:show header" title="show" content="show">
<meta name="select:show header" title="hide" content="hide">
<meta name="select:header height" title="75% of screen height" content="75vh">
<meta name="select:header height" title="30% of screen height" content="30vh">
<meta name="select:header height" title="35% of screen height" content="35vh">
<meta name="select:header height" title="40% of screen height" content="40vh">
<meta name="select:header height" title="45% of screen height" content="45vh">
<meta name="select:header height" title="50% of screen height" content="50vh">
<meta name="select:header height" title="55% of screen height" content="55vh">
<meta name="select:header height" title="60% of screen height" content="60vh">
<meta name="select:header height" title="65% of screen height" content="65vh">
<meta name="select:header height" title="80% of screen height" content="80vh">
<meta name="select:header height" title="85% of screen height" content="85vh">
<meta name="select:header height" title="90% of screen height" content="90vh">
<meta name="select:header height" title="95% of screen height" content="95vh">
<meta name="select:header height" title="100% of screen height" content="100vh">
<meta name="select:header BG size" title="small" content="small">
<meta name="select:header BG size" title="large" content="large">
<meta name="select:header content height" title="60%" content="0.6">
<meta name="select:header content height" title="40%" content="0.4">
<meta name="select:header content height" title="45%" content="0.45">
<meta name="select:header content height" title="50%" content="0.5">
<meta name="select:header content height" title="55%" content="0.55">
<meta name="select:header content height" title="65%" content="0.65">
<meta name="select:header content height" title="70%" content="0.7">
<meta name="select:header content height" title="75%" content="0.75">
<meta name="select:header content height" title="80%" content="0.8">
<meta name="select:header content height" title="85%" content="0.85">
<meta name="select:header content height" title="90%" content="0.9">
<meta name="select:header content height" title="95%" content="0.95">
<meta name="select:header content height" title="100%" content="1">
<meta name="select:header center gap" title="30px" content="30px">
<meta name="select:header center gap" title="10px" content="10px">
<meta name="select:header center gap" title="15px" content="15px">
<meta name="select:header center gap" title="20px" content="20px">
<meta name="select:header center gap" title="25px" content="25px">
<meta name="select:header center gap" title="35px" content="35px">
<meta name="select:header center gap" title="40px" content="40px">
<meta name="select:header center gap" title="45px" content="45px">
<meta name="select:header center gap" title="50px" content="50px">
<meta name="select:header center gap" title="55px" content="55px">
<meta name="select:header center gap" title="60px" content="60px">
<meta name="select:header center gap" title="65px" content="65px">
<meta name="select:header center gap" title="70px" content="70px">
<meta name="select:header center gap" title="75px" content="75px">
<meta name="select:header center gap" title="80px" content="80px">
<meta name="select:header center gap" title="85px" content="85px">
<meta name="select:header center gap" title="90px" content="90px">
<meta name="select:header center gap" title="95px" content="95px">
<meta name="select:header center gap" title="100px" content="100px">
<meta name="select:header text width" title="350px" content="350px">
<meta name="select:header text width" title="200px" content="200px">
<meta name="select:header text width" title="225px" content="225px">
<meta name="select:header text width" title="250px" content="250px">
<meta name="select:header text width" title="275px" content="275px">
<meta name="select:header text width" title="300px" content="300px">
<meta name="select:header text width" title="325px" content="325px">
<meta name="select:header text width" title="375px" content="375px">
<meta name="select:header text width" title="400px" content="400px">
<meta name="select:header text width" title="425px" content="425px">
<meta name="select:header text width" title="450px" content="450px">
<meta name="select:header text width" title="475px" content="475px">
<meta name="select:header text width" title="500px" content="500px">
<meta name="select:header title font" title="Kalnia" content="Kalnia">
<meta name="select:header title font" title="Gentium Book Plus" content="Gentium Book Plus">
<meta name="select:header title font" title="Playfair Display SC" content="Playfair Display SC">
<meta name="select:header title font" title="Gloock" content="Gloock">
<meta name="select:header title font" title="Reem Kufi Fun" content="Reem Kufi Fun">
<meta name="select:header title font" title="Lexend" content="Lexend">
<meta name="select:header title size" title="19px" content="1.188rem">
<meta name="select:header title size" title="13px" content="0.813rem">
<meta name="select:header title size" title="15px" content="0.938rem">
<meta name="select:header title size" title="17px" content="1.063rem">
<meta name="select:header title size" title="21px" content="1.313rem">
<meta name="select:header title size" title="23px" content="1.438rem">
<meta name="select:header title size" title="25px" content="1.563rem">
<meta name="select:header title size" title="27px" content="1.688rem">
<meta name="select:header row gaps" title="20px" content="20px">
<meta name="select:header row gaps" title="10px" content="10px">
<meta name="select:header row gaps" title="15px" content="15px">
<meta name="select:header row gaps" title="25px" content="25px">
<meta name="select:header row gaps" title="30px" content="30px">
<meta name="select:header row gaps" title="35px" content="35px">
<meta name="select:header row gaps" title="40px" content="40px">
<meta name="select:header row gaps" title="45px" content="45px">
<meta name="select:header row gaps" title="50px" content="50px">
<meta name="select:header row gaps" title="55px" content="55px">
<meta name="select:header row gaps" title="60px" content="60px">
<meta name="select:header row gaps" title="65px" content="65px">
<meta name="select:header row gaps" title="70px" content="70px">
<meta name="select:header desc font" title="Libre Franklin" content="Libre Franklin">
<meta name="select:header desc font" title="Hahmlet" content="Hahmlet">
<meta name="select:header desc font" title="Domine" content="Domine">
<meta name="select:header desc font" title="Vollkorn" content="Vollkorn">
<meta name="select:header desc font" title="Inter" content="Inter">
<meta name="select:header desc font" title="Golos Text" content="Golos Text">
<meta name="select:header desc size" title="13px" content="0.85rem">
<meta name="select:header desc size" title="11px" content="0.75rem">
<meta name="select:header desc size" title="12px" content="0.8rem">
<meta name="select:header desc size" title="14px" content="0.9rem">
<meta name="select:header desc size" title="15px" content="0.95">
<meta name="select:header desc size" title="16px" content="1rem">
<!-- divider: "view posts" button -->
<meta name="select:⬇️ "𝐕𝐈𝐄𝐖 𝐏𝐎𝐒𝐓𝐒" 𝐁𝐔𝐓𝐓𝐎𝐍 ・" title="" content="">
<meta name="select:show scroll button" title="show" content="show">
<meta name="select:show scroll button" title="hide" content="hide">
<meta name="select:scroll button padding" title="11px" content="0.688rem">
<meta name="select:scroll button padding" title="7px" content="0.438rem">
<meta name="select:scroll button padding" title="9px" content="0.563rem">
<meta name="select:scroll button padding" title="13px" content="0.813">
<meta name="select:scroll button padding" title="15px" content="0.938rem">
<meta name="select:scroll button padding" title="17px" content="1.063rem">
<meta name="select:scroll button rounded corners" title="large" content="20px">
<meta name="select:scroll button rounded corners" title="none" content="0px">
<meta name="select:scroll button rounded corners" title="small" content="3px">
<meta name="select:scroll button rounded corners" title="medium" content="5px">
<meta name="select:scroll button hover animation" title="yes" content="yes">
<meta name="select:scroll button hover animation" title="no" content="no">
<meta name="select:header scroll speed" title="1.8 seconds" content="1.8s">
<meta name="select:header scroll speed" title="0.6 seconds" content="0.6s">
<meta name="select:header scroll speed" title="0.8 seconds" content="0.8s">
<meta name="select:header scroll speed" title="1 second" content="1s">
<meta name="select:header scroll speed" title="1.2 seconds" content="1.2s">
<meta name="select:header scroll speed" title="1.4 seconds" content="1.4s">
<meta name="select:header scroll speed" title="1.6 seconds" content="1.6s">
<meta name="select:header scroll speed" title="2 seconds" content="2s">
<meta name="select:header scroll speed" title="2.2 seconds" content="2.2s">
<meta name="select:header scroll speed" title="2.4 seconds" content="2.4s">
<meta name="select:header scroll speed" title="2.6 seconds" content="2.6s">
<meta name="select:header scroll speed" title="2.8 seconds" content="2.8s">
<meta name="select:header scroll speed" title="3 seconds" content="3s">
<!-- divider: sidebar -->
<meta name="select:⬇️ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 ・" title="" content="">
<!-- sidebar -->
<meta name="select:sidebar width" title="300px" content="300px">
<meta name="select:sidebar width" title="250px" content="250px">
<meta name="select:sidebar width" title="275px" content="275px">
<meta name="select:sidebar width" title="325px" content="325px">
<meta name="select:sidebar width" title="350px" content="350px">
<meta name="select:sidebar width" title="375px" content="375px">
<meta name="select:sidebar width" title="400px" content="400px">
<meta name="select:sidebar padding" title="20px" content="20px">
<meta name="select:sidebar padding" title="0px" content="0px">
<meta name="select:sidebar padding" title="10px" content="10px">
<meta name="select:sidebar padding" title="15px" content="15px">
<meta name="select:sidebar padding" title="25px" content="25px">
<meta name="select:sidebar boxes spacing" title="35px" content="35px">
<meta name="select:sidebar boxes spacing" title="10px" content="10px">
<meta name="select:sidebar boxes spacing" title="15px" content="15px">
<meta name="select:sidebar boxes spacing" title="20px" content="20px">
<meta name="select:sidebar boxes spacing" title="25px" content="25px">
<meta name="select:sidebar boxes spacing" title="30px" content="30px">
<meta name="select:sidebar boxes spacing" title="40px" content="40px">
<meta name="select:sidebar boxes spacing" title="45px" content="45px">
<meta name="select:sidebar boxes spacing" title="50px" content="50px">
<meta name="select:sidebar boxes spacing" title="55px" content="55px">
<meta name="select:sidebar boxes spacing" title="60px" content="60px">
<meta name="select:sidebar boxes spacing" title="65px" content="65px">
<meta name="select:sidebar boxes spacing" title="70px" content="70px">
<meta name="select:sidebar title font" title="Kalnia" content="Kalnia">
<meta name="select:sidebar title font" title="Gentium Book Plus" content="Gentium Book Plus">
<meta name="select:sidebar title font" title="Playfair Display SC" content="Playfair Display SC">
<meta name="select:sidebar title font" title="Gloock" content="Gloock">
<meta name="select:sidebar title font" title="Reem Kufi Fun" content="Reem Kufi Fun">
<meta name="select:sidebar title font" title="Lexend" content="Lexend">
<meta name="select:sidebar title size" title="14px" content="0.875rem">
<meta name="select:sidebar title size" title="13px" content="0.813rem">
<meta name="select:sidebar title size" title="15px" content="0.938rem">
<meta name="select:sidebar title size" title="16px" content="1rem">
<meta name="select:sidebar title size" title="17px" content="1.063rem">
<meta name="select:sidebar title size" title="18px" content="1.125rem">
<meta name="select:sidebar title size" title="19px" content="1.188rem">
<meta name="select:sidebar title size" title="20px" content="1.25rem">
<meta name="select:sidebar title size" title="21px" content="1.313rem">
<meta name="select:sidebar title size" title="22px" content="1.375rem">
<meta name="select:sidebar title size" title="23px" content="1.438rem">
<meta name="select:sidebar title size" title="24px" content="1.5rem">
<meta name="select:sidebar title align" title="right" content="right">
<meta name="select:sidebar title align" title="left" content="left">
<meta name="select:sidebar title align" title="center" content="center">
<meta name="select:sidebar desc font size" title="13px" content="0.85rem">
<meta name="select:sidebar desc font size" title="11px" content="0.75rem">
<meta name="select:sidebar desc font size" title="12px" content="0.8rem">
<meta name="select:sidebar desc font size" title="14px" content="0.9rem">
<meta name="select:sidebar desc font size" title="15px" content="0.95">
<meta name="select:sidebar desc font size" title="16px" content="1rem">
<meta name="select:sidebar desc title align" title="right" content="right">
<meta name="select:sidebar desc title align" title="left" content="left">
<meta name="select:sidebar desc title align" title="center" content="center">
<meta name="select:sidebar desc title align" title="justify" content="justify">
<!-- divider: custom links -->
<meta name="select:⬇️ 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 ・" title="" content="">
<meta name="select:custom links columns" title="2" content="2">
<meta name="select:custom links columns" title="1" content="1">
<meta name="select:custom links columns" title="3" content="3">
<meta name="select:custom links rounded corners style" title="wrapped" content="wrapped">
<meta name="select:custom links rounded corners style" title="each link" content="each">
<meta name="select:custom links rounded corners" title="medium" content="5px">
<meta name="select:custom links rounded corners" title="none" content="0px">
<meta name="select:custom links rounded corners" title="small" content="3px">
<meta name="select:custom links rounded corners" title="large" content="10px">
<meta name="select:custom links padding" title="10px" content="10px">
<meta name="select:custom links padding" title="12px" content="12px">
<meta name="select:custom links padding" title="6px" content="6px">
<meta name="select:custom links padding" title="8px" content="8px">
<meta name="select:custom links padding" title="14px" content="14px">
<meta name="select:custom links padding" title="16px" content="16px">
<meta name="select:custom links padding" title="18px" content="18px">
<meta name="select:custom links padding" title="20px" content="20px">
<meta name="select:custom links padding" title="22px" content="22px">
<meta name="select:custom links padding" title="24px" content="24px">
<meta name="select:custom links font size" title="12px" content="0.7rem">
<meta name="select:custom links font size" title="11px" content="0.65rem">
<meta name="select:custom links font size" title="13px" content="0.75rem">
<meta name="select:custom links font size" title="14px" content="0.8rem">
<meta name="select:custom links font size" title="15px" content="0.85">
<meta name="select:custom links font size" title="16px" content="0.9rem">
<meta name="select:custom links spacing" title="6px" content="6px">
<meta name="select:custom links spacing" title="4px" content="4px">
<meta name="select:custom links spacing" title="8px" content="8px">
<meta name="select:custom links spacing" title="10px" content="10px">
<meta name="select:custom links spacing" title="12px" content="12px">
<meta name="select:custom links spacing" title="14px" content="14px">
<meta name="select:custom links spacing" title="16px" content="16px">
<meta name="select:custom links spacing" title="18px" content="18px">
<meta name="select:custom links spacing" title="20px" content="20px">
<meta name="select:custom links spacing" title="22px" content="22px">
<meta name="select:custom links spacing" title="24px" content="24px">
<!-- divider: center gap -->
<meta name="select:⬇️ 𝐂𝐄𝐍𝐓𝐄𝐑 𝐆𝐀𝐏 ・" title="" content="">
<!-- center gap -->
<meta name="select:center gap" title="50px" content="50px">
<meta name="select:center gap" title="30px" content="30px">
<meta name="select:center gap" title="35px" content="35px">
<meta name="select:center gap" title="40px" content="40px">
<meta name="select:center gap" title="45px" content="45px">
<meta name="select:center gap" title="55px" content="55px">
<meta name="select:center gap" title="60px" content="60px">
<meta name="select:center gap" title="65px" content="65px">
<meta name="select:center gap" title="70px" content="70px">
<meta name="select:center gap" title="75px" content="75px">
<meta name="select:center gap" title="80px" content="80px">
<meta name="select:center gap" title="85px" content="85px">
<meta name="select:center gap" title="90px" content="90px">
<meta name="select:center gap" title="95px" content="95px">
<meta name="select:center gap" title="100px" content="100px">
<!-- divider: fonts -->
<meta name="select:⬇️ 𝐅𝐎𝐍𝐓𝐒 ・" title="" content="">
<!-- body font -->
<meta name="select:font" title="Libre Franklin" content="Libre Franklin">
<meta name="select:font" title="Hahmlet" content="Hahmlet">
<meta name="select:font" title="Domine" content="Domine">
<meta name="select:font" title="Vollkorn" content="Vollkorn">
<meta name="select:font" title="Inter" content="Inter">
<meta name="select:font" title="Golos Text" content="Golos Text">
<!-- heading font -->
<meta name="select:heading font" title="Gentium Book Plus" content="Gentium Book Plus">
<meta name="select:heading font" title="Kalnia" content="Kalnia">
<meta name="select:heading font" title="Playfair Display SC" content="Playfair Display SC">
<meta name="select:heading font" title="Gloock" content="Gloock">
<meta name="select:heading font" title="Reem Kufi Fun" content="Reem Kufi Fun">
<meta name="select:heading font" title="Lexend" content="Lexend">
<!-- uppercase font -->
<meta name="select:uppercase font" title="Lora" content="Lora">
<meta name="select:uppercase font" title="Averia Serif Libre" content="Averia Serif Libre">
<meta name="select:uppercase font" title="Figtree" content="Figtree">
<meta name="select:uppercase font" title="Public Sans" content="Public Sans">
<meta name="select:uppercase font" title="Karla" content="Karla">
<!-- font size -->
<meta name="select:font size" title="13px" content="0.85rem">
<meta name="select:font size" title="11px" content="0.75rem">
<meta name="select:font size" title="12px" content="0.8rem">
<meta name="select:font size" title="14px" content="0.9rem">
<meta name="select:font size" title="15px" content="0.95">
<meta name="select:font size" title="16px" content="1rem">
<!-- divider: posts settings -->
<meta name="select:⬇️ 𝐏𝐎𝐒𝐓𝐒 𝐒𝐄𝐓𝐓𝐈𝐍𝐆𝐒 ・" title="" content="">
<meta name="select:posts width" title="500px" content="500px">
<meta name="select:posts width" title="300px" content="300px">
<meta name="select:posts width" title="325px" content="325px">
<meta name="select:posts width" title="350px" content="350px">
<meta name="select:posts width" title="375px" content="375px">
<meta name="select:posts width" title="400px" content="400px">
<meta name="select:posts width" title="425px" content="425px">
<meta name="select:posts width" title="450px" content="450px">
<meta name="select:posts width" title="475px" content="475px">
<meta name="select:posts width" title="540px" content="540px">
<meta name="select:posts width" title="600px" content="600px">
<meta name="select:posts width" title="650px" content="650px">
<meta name="select:posts width" title="700px" content="700px">
<meta name="select:posts full width" title="yes" content="yes">
<meta name="select:posts full width" title="no" content="no">
<meta name="select:posts padding" title="20px" content="20px">
<meta name="select:posts padding" title="0px" content="0px">
<meta name="select:posts padding" title="10px" content="10px">
<meta name="select:posts padding" title="15px" content="15px">
<meta name="select:posts padding" title="25px" content="25px">
<meta name="select:posts spacing" title="45px" content="45px">
<meta name="select:posts spacing" title="30px" content="30px">
<meta name="select:posts spacing" title="35px" content="35px">
<meta name="select:posts spacing" title="40px" content="40px">
<meta name="select:posts spacing" title="50px" content="50px">
<meta name="select:posts spacing" title="55px" content="55px">
<meta name="select:posts spacing" title="60px" content="60px">
<meta name="select:posts spacing" title="65px" content="65px">
<meta name="select:posts spacing" title="70px" content="70px">
<meta name="select:posts spacing" title="75px" content="75px">
<meta name="select:posts spacing" title="80px" content="80px">
<meta name="select:photos spacing" title="4px" content="4px">
<meta name="select:photos spacing" title="0px" content="0px">
<meta name="select:photos spacing" title="2px" content="2px">
<meta name="select:photos spacing" title="6px" content="6px">
<meta name="select:photos spacing" title="8px" content="8px">
<meta name="select:photos spacing" title="10px" content="10px">
<meta name="select:user icons style" title="circle" content="100%">
<meta name="select:user icons style" title="rounded" content="5px">
<meta name="select:user icons style" title="square" content="0px">
<meta name="select:reblog dividers" title="yes" content="yes">
<meta name="select:reblog dividers" title="no" content="no">
<meta name="select:post info padding" title="20px" content="20px">
<meta name="select:post info padding" title="10px" content="10px">
<meta name="select:post info padding" title="12px" content="12px">
<meta name="select:post info padding" title="14px" content="14px">
<meta name="select:post info padding" title="16px" content="16px">
<meta name="select:post info padding" title="18px" content="18px">
<meta name="select:post info padding" title="22px" content="22px">
<meta name="select:post info padding" title="24px" content="24px">
<!-- divider: tags -->
<meta name="select:⬇️ 𝐓𝐀𝐆𝐒 ・" title="" content="">
<meta name="select:tags" title="click to show" content="c">
<meta name="select:tags" title="always show" content="v">
<meta name="select:tags position" title="right" content="right">
<meta name="select:tags position" title="left" content="left">
<meta name="text:󠀠⁠" content="───── · · · · ✦ · · · · ─────
">
<meta name="text:𝐡𝐨𝐰 𝐭𝐨 𝐥𝐢𝐧𝐤 𝐦𝐮𝐬𝐢𝐜" content="https://linktr.ee/direct_file_links">
<meta name="text:song file mp3" content="https://file.garden/ZRt8jW_MomIqlrfn/music/Before_Time_Divides_Us.mp3">
<meta name="text:song name" content="Before Time Divides Us">
<meta name="text:song volume" content="90%">
2023-05-01 00:15:30 +01:00
2024-05-16 05:44:27 +01:00
<meta name="text:󠀠⁠⁠" content="───── · · · · ✦ · · · · ─────
">
<meta name="text:top bar title" content="Lachesis">
<meta name="text:󠀠⁠⁠⁠" content="───── · · · · ✦ · · · · ─────
">
<meta name="text:searchbar text prompt" content="Looking for something?">
<meta name="text:searchbar button text" content="Search">
<meta name="text:search suggestion 1" content="#art">
<meta name="text:search suggestion 1 URL" content="/tagged/art">
<meta name="text:search suggestion 2" content="">
<meta name="text:search suggestion 2 URL" content="">
<meta name="text:search suggestion 3" content="">
<meta name="text:search suggestion 3 URL" content="">
<meta name="text:search suggestion 4" content="">
<meta name="text:search suggestion 4 URL" content="">
<meta name="text:search suggestion 5" content="">
<meta name="text:search suggestion 5 URL" content="">
<meta name="text:󠀠⁠⁠⁠⁠" content="───── · · · · ✦ · · · · ─────
">
<meta name="text:header title" content="Ghosts and lives
<br>
Ecstasy and sorrow">
<meta name="text:header desc" content="Call yourself a goddess and assert yourself in the heavens. Clap your hands and allow that stardust to fall to the earth, and we’
<meta name="text:scroll button text" content="View posts">
<meta name="text:󠀠⁠⁠⁠⁠⁠" content="───── · · · · ✦ · · · · ─────
">
<meta name="text:sidebar title" content="quod loquor, creo">
<meta name="text:sidebar desc" content="It was everything and nothing all at once
<br>
Just an idea that destroyed me all the same
<br>
I fear that anything more, anything deeper
<br>
Will simply tear me apart； — <a href="https://www.tumblr.com/txkingupspxce/747121530258046976">@txkingupspxce</a>">
<meta name="text:󠀠⁠⁠⁠⁠⁠⁠" content="───── · · · · ✦ · · · · ─────
">
<meta name="text:links box title" content="Navigation">
<meta name="text:󠀠⁠⁠⁠⁠⁠⁠⁠" content="───── · · · · ✦ · · · · ─────
">
<meta name="text:customlink 1 name" content="hot wings">
<meta name="text:customlink 1 URL" content="https://youtu.be/6opktP4VBN0">
<meta name="text:customlink 2 name" content="">
<meta name="text:customlink 2 URL" content="">
<meta name="text:customlink 3 name" content="">
<meta name="text:customlink 3 URL" content="">
<meta name="text:customlink 4 name" content="">
<meta name="text:customlink 4 URL" content="">
<meta name="text:customlink 5 name" content="">
<meta name="text:customlink 5 URL" content="">
<meta name="text:customlink 6 name" content="">
<meta name="text:customlink 6 URL" content="">
<meta name="text:customlink 7 name" content="">
<meta name="text:customlink 7 URL" content="">
<meta name="text:customlink 8 name" content="">
<meta name="text:customlink 8 URL" content="">
<meta name="text:customlink 9 name" content="">
<meta name="text:customlink 9 URL" content="">
<meta name="text:customlink 10 name" content="">
<meta name="text:customlink 10 URL" content="">
<meta name="text:󠀠⁠⁠⁠⁠⁠⁠⁠⁠" content="───── · · · · ✦ · · · · ─────
">
<meta name="text:pagination title" content="Pagination">
{/block:Options}
<style>
:root, :host {
/*----- GENERAL -----*/
--Screen-Gaps:{select:screen gap};
--Rounded-Corners:{select:rounded corners};
--Load-In-Delay:25ms;
--Load-In-Speed:400ms;
/*----- CONTAINER SETTINGS -----*/
--Container-Total-Width:calc(var(--Post-Width-Total) + var(--Sidebar-Width) + var(--Main-Center-Gap));
--Main-Center-Gap:{select:center gap};
/*----- TOP BAR -----*/
--Top-Bar-Padding:{select:top bar padding};
--Top-Bar-Height:calc(var(--Top-Bar-Title-Size) + (var(--Top-Bar-Padding) * 2));
--Top-Bar-BG:{color:top bar BG};
--Top-Bar-Music-Player-Btns-Size:{select:music player buttons size};
--Top-Bar-Music-Player-Btns-Color:{color:music player buttons};
--Top-Bar-Music-Player-Font-Family:var(--Caps-Font-Family);
--Top-Bar-Music-Player-Font-Weight:var(--Caps-Font-Weight);
--Top-Bar-Music-Player-Font-Size:{select:music player font size};
--Top-Bar-Music-Player-Text-Case:uppercase;
--Top-Bar-Music-Player-Letter-Spacing:var(--Caps-Letter-Spacing);
--Top-Bar-Music-Player-Word-Spacing:var(--Caps-Word-Spacing);
--Top-Bar-Music-Player-Text-Color:{color:music player text};
/* the following font settings may be overrided by further font-specific adjustments later in the code, these are just the fallback(s) */
--Top-Bar-Title-Font-Family:{select:top bar title font};
--Top-Bar-Title-Size:{select:top bar title size};
--Top-Bar-Title-Font-Weight:var(--Heading-Font-Weight);
--Top-Bar-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
--Top-Bar-Title-Word-Spacing:var(--Heading-Word-Spacing);
--Top-Bar-Title-Color:{color:top bar title};
--Top-Bar-Items-Spacing:calc({select:top bar dividers spacing} + (var(--Top-Bar-Dividers-Width) / 2));
--Top-Bar-Dividers-Width:1px;
--Top-Bar-Dividers-Height:calc(var(--Top-Bar-Height) * 0.69);
--Top-Bar-Dividers-Color:linear-gradient(to bottom, transparent 10%, {color:top bar dividers}, transparent 90%);
2023-05-01 00:15:30 +01:00
2024-05-16 05:44:27 +01:00
--Top-Bar-Links-Icon-Size:{select:top bar links icon size};
--Top-Bar-Links-Icon-Color:{color:top bar links icons};
--Top-Bar-Links-Icon-Padding:calc(var(--Top-Bar-Links-Icon-Size) * 0.55);
--Top-Bar-Links-Icon-Border-Size:1px;
--Top-Bar-Links-Icon-Border-Color:{color:top bar links icons border};
--Top-Bar-Links-Icon-Rounded-Corners:100%;
--Top-Bar-Links-Icon-BG:{color:top bar links icons BG};
--Top-Bar-Links-Icon-Total-Width:calc(var(--Top-Bar-Links-Icon-Size) + (var(--Top-Bar-Links-Icon-Border-Size) * 2) + (var(--Top-Bar-Links-Icon-Padding) * 2));
--Top-Bar-Links-Icon-Spacing:{select:top bar links spacing};
2023-05-01 00:15:30 +01:00
2024-05-16 05:44:27 +01:00
--Top-Bar-Links-HOVER-Speed:0.25s;
--Top-Bar-Links-HOVER-Icon-Border-Color:{color:top bar links HOVER icons border};
--Top-Bar-Links-HOVER-Icon-BG:{color:top bar links HOVER icons bg};
--Top-Bar-Links-HOVER-Icon-Color:{color:top bar links HOVER icons};
/*----- SEARCHBAR -----*/
--Searchbar-Field-Width:215px;
--Searchbar-Field-Border:{color:searchbar border};
--Searchbar-Field-Background:{color:searchbar BG};
--Searchbar-Field-Padding:7px 10px;
--Searchbar-Field-Corner-Rounding:0px;
--Searchbar-Field-Font:var(--Caps-Font-Family);
--Searchbar-Field-Font-Size:var(--Caps-Font-Size);
--Searchbar-Field-Placeholder-Color:{color:searchbar text prompt};
--Searchbar-Field-Typing-Color:{color:searchbar text};
--Searchbar-Spacing:6px;
/*----- SEARCHBAR BUTTON -----*/
--Searchbar-Button-Width:auto;
--Searchbar-Button-Border:{color:searchbar button border};
--Searchbar-Button-Background:{color:searchbar button BG};
--Searchbar-Button-Padding:var(--Searchbar-Field-Padding);
--Searchbar-Button-Corner-Rounding:0px;
--Searchbar-Button-Font:var(--Caps-Font-Family);
--Searchbar-Button-Font-Size:var(--Caps-Font-Size);
--Searchbar-Button-Text-Color:{color:searchbar button text};
--Searchbar-Button-HOVER-Speed:0.2s;
--Searchbar-Button-HOVER-Border:{color:searchbar button HOVER border};
--Searchbar-Button-HOVER-BG:{color:searchbar button HOVER BG};
--Searchbar-Button-HOVER-Text:{color:searchbar button HOVER text};
/*----- SEARCH SUGGESTIONS -----*/
--Search-Suggestion-Box-Top-Gap:0px;
--Search-Suggestion-Box-Inner-Margin:10px;
--Search-Suggestion-Box-Background:{color:search suggestions BG};
--Search-Suggestion-Box-Corner-Rounding:0 0 10px 10px;
--Search-Suggestion-Box-Border:{color:search suggestions border};
/* search suggestions semi-transparency */
--Search-Suggestion-Box-Transparency:20%;
--Search-Suggestion-Box-Blur:4px;
--Search-Suggestion-Items-HOVER-Transparency:30%;
--Search-Suggestion-Items-Padding:calc(10px - (((var(--Search-Suggestions-Font-Size) * var(--Body-Line-Height)) - var(--Search-Suggestions-Font-Size)) / 2) + 2px) 10px;
--Search-Suggestion-Items-Corner-Rounding:6px;
--Search-Suggestions-Font:var(--Body-Font-Family);
--Search-Suggestions-Font-Size:var(--Body-Font-Size);
--Search-Suggestions-Text-Color:{color:search suggestions text};
--Search-Suggestions-Expand-Speed:420ms; /* ms only */
--Search-Suggestions-HOVER-Background:{color:search suggestions HOVER BG};
--Search-Suggestions-HOVER-Text-Color:{color:search suggestions HOVER text};
--Search-Suggestions-HOVER-Speed:0.25s;
/*----- HEADER SETTINGS -----*/
--Header-Height-Input:{select:header height}; /* height of the entire header section, aka top bar + header */
--Header-Height:calc(var(--Header-Height-Input) - var(--Top-Bar-Height)); /* header height without the top bar */
--Header-Content-Height:{select:header content height};
--Header-Center-Gap:{select:header center gap};
--Header-Text-Width:clamp(20vw, {select:header text width}, 69vw);
/* the following font settings may be overrided by further font-specific adjustments later in the code, these are just the fallback(s) */
--Header-Title-Font-Family:{select:header title font};
--Header-Title-Font-Size:{select:header title size};
--Header-Title-Color:{color:header title};
--Header-Title-Letter-Spacing:0.025em;
--Header-Title-Word-Spacing:-0.015em;
--Header-Title-Line-Height:var(--Heading-Line-Height);
--Header-Text-Row-Gaps:{select:header row gaps};
--Header-Desc-Font-Family:{select:header desc font};
--Header-Desc-Font-Size:{select:header desc size};
--Header-Desc-Font-Weight:400;
--Header-Desc-Text-Color:{color:header desc text};
--Header-Desc-Line-Height:var(--Body-Line-Height);
--Header-Desc-Bold:{color:header desc bold};
--Header-Desc-Italic:{color:header desc italic};
--Header-Desc-Links:{color:header desc links};
--Header-Desc-Links-Underline-Gap:calc(((((var(--Header-Desc-Font-Size) * var(--Header-Desc-Line-Height)) - var(--Header-Desc-Font-Size)) / 2) / 2) - 1px);
--Header-Desc-Links-Underline-Size:1px;
--Header-Desc-Links-Underline-Color:{color:header desc links underline};
--Header-Scroll-Btn-Padding:{select:scroll button padding};
--Header-Scroll-Btn-Border-Size:1px;
--Header-Scroll-Btn-Border-Color:{color:scroll button border};
--Header-Scroll-Btn-BG:{color:scroll button BG};
--Header-Scroll-Btn-Rounded-Corners:{select:scroll button rounded corners};
--Header-Scroll-Btn-Font-Family:var(--Caps-Font-Family);
--Header-Scroll-Btn-Font-Size:var(--Caps-Font-Size);
--Header-Scroll-Btn-Font-Weight:var(--Caps-Font-Weight);
--Header-Scroll-Btn-Letter-Spacing:var(--Caps-Letter-Spacing);
--Header-Scroll-Btn-Word-Spacing:var(--Caps-Word-Spacing);
--Header-Scroll-Btn-Text-Color:{color:scroll button text};
--Header-Scroll-Btn-Line-Height:1.55;
--Header-Scroll-Btn-Icon-Gap:6px;
--Header-Scroll-Btn-Icon-Size:calc(var(--Header-Scroll-Btn-Font-Size) * 1.125);
--Header-Scroll-Btn-HOVER-Speed:0.4s;
--Header-Scroll-Btn-HOVER-Border-Color:{color:scroll button hover border};
--Header-Scroll-Btn-HOVER-BG:{color:scroll button hover BG};
--Header-Scroll-Btn-HOVER-Text-Color:{color:scroll button hover text};
--Header-Scroll-Animation-Speed:{select:header scroll speed};
/*----- SIDEBAR SETTINGS -----*/
--Sidebar-Width:{select:sidebar width}; /* width of the media within it */
--Sidebar-Border-Size:1px;
--Sidebar-Border-Color:{color:sidebar borders};
--Sidebar-Padding:{select:sidebar padding};
--Sidebar-Width-Total:calc(var(--Sidebar-Width) + (var(--Sidebar-Padding) * 2) + (var(--Sidebar-Border-Size) * 2));
--Sidebar-Rounded-Corners:clamp(0px, calc(var(--Rounded-Corners) * 0.8), var(--Rounded-Corners));
--Sidebar-BG:{color:sidebar BG};
--Sidebar-Box-Contents-Row-Spacing:18px;
--Sidebar-Boxes-Spacing:{select:sidebar boxes spacing};
--Sidebar-Title-Font-Family:{select:sidebar title font};
--Sidebar-Title-Font-Size:{select:sidebar title size};
--Sidebar-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
--Sidebar-Title-Word-Spacing:var(--Heading-Word-Spacing);
--Sidebar-Title-Color:{color:sidebar title};
--Sidebar-Title-Text-Align:{select:sidebar title align};
--Sidebar-Title-Line-Height:1.55;
--Sidebar-Title-Side-Padding:3px;
--Sidebar-Title-Bottom-Gap:calc(var(--Sidebar-Title-Font-Size) * 0.369);
--Sidebar-Title-Underline-1-Thickness:1px;
--Sidebar-Title-Underline-1-Color:{color:sidebar title underline 1};
--Sidebar-Title-Underline-1-Rounded-Corners:1px;
--Sidebar-Title-Underline-2-Thickness:3px;
--Sidebar-Title-Underline-2-Color:{color:sidebar title underline 2};
--Sidebar-Title-Underline-2-Rounded-Corners:var(--Sidebar-Title-Underline-2-Thickness);
--Sidebar-Desc-Font-Size:{select:sidebar desc font size};
--Sidebar-Desc-Text-Align:{select:sidebar desc title align};
--Sidebar-Desc-Text-Color:{color:sidebar desc text};
--Sidebar-Desc-Line-Height:var(--Body-Line-Height);
--Sidebar-Desc-Bold:{color:sidebar desc bold};
--Sidebar-Desc-Italic:{color:sidebar desc italic};
--Sidebar-Desc-Links:{color:sidebar desc links};
--Sidebar-Desc-Links-Underline-Gap:calc(((((var(--Sidebar-Desc-Font-Size) * var(--Sidebar-Desc-Line-Height)) - var(--Sidebar-Desc-Font-Size)) / 2) / 2) - 1px);
--Sidebar-Desc-Links-Underline-Size:1px;
--Sidebar-Desc-Links-Underline-Color:{color:sidebar desc links underline};
--CustomLinks-Columns:{select:custom links columns};
--CustomLinks-Padding:{select:custom links padding};
--CustomLinks-BG:{color:custom links BG};
--CustomLinks-Rounded-Corners:{select:custom links rounded corners};
--CustomLinks-Font-Family:var(--Caps-Font-Family);
--CustomLinks-Font-Size:{select:custom links font size};
--CustomLinks-Font-Weight:var(--Caps-Font-Weight);
--CustomLinks-Text-Case:uppercase;
--CustomLinks-Letter-Spacing:var(--Caps-Letter-Spacing);
--CustomLinks-Word-Spacing:var(--Caps-Word-Spacing);
--CustomLinks-Line-Height:1.55;
--CustomLinks-Text-Color:{color:custom links text};
--CustomLinks-Spacing:{select:custom links spacing};
--CustomLinks-Hover-Speed:0.35s;
--CustomLinks-Hover-BG:{color:custom links hover BG};
--CustomLinks-Hover-Text-Color:{color:custom links hover text};
/*----- POST SETTINGS -----*/
--Post-Width:{select:posts width};
--Post-Padding:{select:posts padding};
--Post-Borders-Size:1px;
--Post-Borders-Color:{color:posts borders};
--Post-Width-Total:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + (var(--Post-Borders-Size) * 2));
--Post-Rounded-Corners:clamp(0px, calc(var(--Rounded-Corners) * 0.8), var(--Rounded-Corners));
--Post-BG:{color:posts BG};
--Post-Spacing:{select:posts spacing};
--Post-Accent-Border-Size:1px;
--Post-Accent-Border-Color:{color:posts accent borders};
--Post-Accent-Padding:calc(var(--Post-Padding) - 3px);
--Post-Accent-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Post-Accent-BG:{color:posts accent BG};
--Post-Accent-Text:{color:posts accent text};
/*----- BODY TEXT -----*/
--Body-Font-Family:"{select:font}", sans-serif;
--Body-Font-Size:{select:font size};
--Body-Font-Weight:400; /* 400 is default */
--Body-Letter-Spacing:0px;
--Body-Text-Color:{color:text};
--Body-Text-Color-RGB:{RGBcolor:text};
--Body-Line-Height:1.65;
/*----- TEXT FORMATTING -----*/
--Bold-Font-Weight:700; /* 700 is default */
--Bold:{color:bold};
--Italic:{color:italic};
/*----- HEADING TEXT -----*/
--Heading-Font-Family:"{select:heading font}", sans-serif;
--Heading-Font-Size:calc({select:font size} + 1px);
--Heading-Font-Weight:600; /* 700 is default */
--Heading-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
--Heading-Letter-Spacing:0.025em;
--Heading-Word-Spacing:0em;
--Heading-Text-Color:{color:headings};
--Heading-Line-Height:1.69;
--Heading-Bottom-Gap:1em;
--Heading-Side-Padding:3px;
--Heading-Underline-1-Size:1px;
--Heading-Underline-1-Color:{color:headings underline 1};
--Heading-Underline-Gap:calc(var(--Heading-Font-Size) * 0.369);
--Heading-Underline-2-Size:3px;
--Heading-Underline-2-Color:{color:headings underline 2};
--Heading-Underline-2-Rounded-Corners:var(--Heading-Underline-2-Size);
/*----- UPPERCASE TEXT -----*/
--Caps-Font-Family:"{select:uppercase font}", sans-serif;
--Caps-Font-Size:calc(var(--Body-Font-Size) - 2px);
--Caps-Font-Weight:400; /* 400 is default */
--Caps-Letter-Spacing:0.04em;
--Caps-Word-Spacing:0em;
/*----- CODE TEXT -----*/
--Code-Padding:var(--Post-Accent-Padding);
--Code-Border-Size:var(--Post-Accent-Border-Size);
--Code-Border-Color:var(--Post-Accent-Border-Color);
--Code-Rounded-Corners:var(--Post-Accent-Rounded-Corners);
--Code-BG:var(--Post-Accent-BG);
--Code-Font-Family:"Geist Mono", monospace;
--Code-Font-Size:calc(var(--Body-Font-Size) - 2px);
--Code-Font-Weight:450; /* 400 is default */
--Code-Text-Color:var(--Post-Accent-Text);
--Code-Line-Height:1.5;
/*----- LINKS -----*/
--Links-Color:{color:links};
--Links-Underline-Gap:0.1em;
--Links-Underline-Size:1px;
--Links-Underline-Color:{color:links underline};
/*----- BLOCKQUOTES -----*/
--Blockquote-Border-Size:min(1px, var(--Reblog-Head-Image-Size));
--Blockquote-Border-Color:{color:blockquote border};
/*----- CAPTION SETTINGS -----*/
--Reblog-Head-Image-Size:30px;
--Reblog-Head-Image-Rounded-Corners:{select:user icons style};
--Reblog-Head-Gutter:11px;
--Reblog-Name-Color:{color:posts usernames};
--Reblog-Head-Bottom-Gap:min(1em, var(--Post-Padding));
--Reblog-Borders-Size:1px;
--Reblog-Borders:{color:reblog dividers};
/*----- PINNED POST SETTINGS -----*/
--Pinned-Post-Icon-Size:calc(var(--Body-Font-Size) + 2px);
--Pinned-Post-Icon-Padding:8px;
--Pinned-Post-Icon-Total-Size:calc(var(--Pinned-Post-Icon-Size) + (var(--Pinned-Post-Icon-Padding) * 2));
--Pinned-Post-Icon-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Pinned-Post-Icon-BG:var(--Misc-Buttons-BG);
--Pinned-Post-Icon-Color:var(--Misc-Buttons-Icon);
--Pinned-Post-Arrow-Size:calc(var(--Pinned-Post-Icon-Size) - 2px);
--Pinned-Post-Arrow-Size-Equil-Factor:1.25;
--Pinned-Post-Icon-Gap-Right:calc(((var(--Pinned-Post-Arrow-Size) / 2) * var(--Pinned-Post-Arrow-Size-Equil-Factor)) + 9px);
/*----- PHOTOSET OPTIONS -----*/
--Photoset-Image-Spacing:{select:photos spacing};
/*----- NPF OPTIONS -----*/
--NPF-Images-Spacing:var(--Photoset-Image-Spacing);
--NPF-Caption-Spacing:0px;
--NPF-Move-1st-Photoset:"yes";
--Text-Container-Selector:".text-block";
--Text-Reblogs-Selector:".comment";
--Hide-Empty-NPF-Audio-Info:"no";
/*----- QUOTE POSTS -----*/
--Quote-Font-Family:var(--Heading-Font-Family);
--Quote-Font-Size:var(--Heading-Font-Size);
--Quote-Font-Weight:var(--Heading-Font-Weight); /* 700 is default */
--Quote-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
--Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
--Quote-Word-Spacing:var(--Heading-Word-Spacing);
--Quote-Line-Height:var(--Heading-Line-Height);
/*----- LINK POSTS -----*/
--Link-Block-Border-Size:1px;
--Link-Block-Border-Color:rgba({RGBcolor:text},0.25);
--Link-Block-Rounded-Corners:var(--Rounded-Corners);
/*----- CHAT POSTS -----*/
--Chat-Line-Padding:0.8rem;
--Chat-Line-Rounded-Corners:max(3px, calc(var(--Rounded-Corners) * 0.75));
--Chat-Line-Odd-BG:var(--Post-Accent-BG);
--Chat-Line-Odd-Text-Color:var(--Post-Accent-Text);
/*----- AUDIO POST SETTINGS -----*/
--Audio-Post-Album-Cover-Size:64px;
--Audio-Post-Album-Cover-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Audio-Post-Btns-Padding:calc(var(--Audio-Post-Album-Cover-Size) * 0.15);
--Audio-Post-Btns-BG:{color:buttons BG};
--Audio-Post-Btns-Size:calc(var(--Body-Font-Size) - 2px);
--Audio-Post-Btns-Color:{color:buttons icons};
--Audio-Post-Gutter:16px;
--Audio-Post-Download-Icon-Size:calc(var(--Body-Font-Size) + 3px);
--Audio-Post-Download-Icon-Color:var(--Body-Text-Color);
--Audio-Post-Download-Icon-Touch-Padding:5px;
--Audio-Post-Volume:90%;
--SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
--SoundCloud-Show-Album-Image:"yes";
/*----- ASK POST SETTINGS -----*/
--Ask-Post-Question-Gutter:min(1em, 14px);
--Ask-Post-Avatar-Size:64px;
--Ask-Post-Avatar-Rounded-Corners:100%;
--Ask-Post-Avatar-Padding:6px;
--Ask-Post-Avatar-BG:var(--Post-Accent-BG);
--Ask-Post-Avatar-Border-Size:var(--Post-Accent-Border-Size);
--Ask-Post-Avatar-Border-Color:var(--Post-Accent-Border-Color);
--Ask-Post-Username-Color:var(--Reblog-Name-Color);
--Question-Border-Size:var(--Post-Accent-Border-Size);
--Question-Border-Color:var(--Post-Accent-Border-Color);
--Question-Rounded-Corners:var(--Post-Accent-Rounded-Corners);
--Question-Padding:var(--Post-Accent-Padding);
--Question-BG:var(--Post-Accent-BG);
--Question-Text-Color:var(--Post-Accent-Text);
--Question-Text-Align:center;
/*----- POLL POST SETTINGS -----*/
--Poll-Row-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Poll-Row-Border-Size:var(--Post-Accent-Border-Size);
--Poll-Row-Border-Color:var(--Post-Accent-Border-Color);
--Poll-Row-Padding:max(0.69em, 10px);
--Poll-Row-BG:var(--Post-Accent-BG);
--Poll-Row-Text:var(--Post-Accent-Text);
--Poll-Row-Spacing:min(10px, 1em);
/*----- MISC POST BUTTONS -----*/
--Misc-Buttons-BG:{color:buttons bg};
--Misc-Buttons-BG-RGB:{RGBcolor:buttons bg};
--Misc-Buttons-Icon:{color:buttons icons};
--Misc-Buttons-Icon-RGB:{RGBcolor:buttons icons};
/*----- TAGS -----*/
--Tags-Hashtag-Spacing:1px;
--Tags-Font-Size:calc(var(--Caps-Font-Size) - 0.5px);
--Tags-Color:{color:tags};
--Tags-Hover-Speed:0.25s;
--Tags-Hover-Color:{color:tags hover};
--Tags-Line-Height:var(--Body-Line-Height);
--Tags-Spacing-X:12px;
--Tags-Spacing-Y:calc((var(--Tags-Spacing-X) - (((var(--Tags-Font-Size) * var(--Tags-Line-Height)) - var(--Tags-Font-Size)) / 2) - 2px));
--Tags-Slide-Speed:0.5s;
/*----- POST INFO / PERMALINK -----*/
--Permalink-Border-Size:1px;
--Permalink-Border-Color:{color:post info border};
--Permalink-Padding-X:{select:post info padding};
--Permalink-Padding-Y:calc({select:post info padding} - (((var(--Permalink-Font-Size) * var(--Body-Line-Height)) - var(--Permalink-Font-Size)) / 2));
--Permalink-BG:{color:post info BG};
--Permalink-Icon-Size:calc(var(--Permalink-Font-Size) + 4px);
--Permalink-Items-Spacing:14px;
--Permalink-Font-Size:var(--Caps-Font-Size);
--Permalink-Text-Color:{color:post info text};
--Permalink-Post-Type-Icons-Size:calc(var(--Caps-Font-Size) + 3px);
--Post-Controls-Icon-Size:calc(var(--Body-Font-Size) + 1.5px);
--Post-Controls-Icon-Color:{color:like and reblog};
--Post-Controls-Touch-Padding:4px;
--Post-Controls-Spacing:2px;
--Post-Controls-Count:3;
--Post-Controls-Total-Width:calc((var(--Post-Controls-Icon-Size) * var(--Post-Controls-Count)) + (var(--Post-Controls-Touch-Padding) * 2) + (var(--Post-Controls-Spacing) - (var(--Post-Controls-Touch-Padding) * 2)));
--Liked-Button-Color:{color:like button liked};
/*----- POST NOTES -----*/
--Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
--Post-Notes-Type-Icon-Gap-Right:8px;
--Post-Notes-Row-Spacing:calc(1em - (((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2));
/*----- PAGINATION -----*/
--Pagination-Numbers-Size:calc(var(--Body-Font-Size) + 0.5px);
--Pagination-Current-Icon-Size:calc(var(--Body-Font-Size) + 1px);
--Pagination-Arrows-Size:calc(var(--Pagination-Numbers-Size) - 0.5px);
--Pagination-Items-Padding:5px;
--Pagination-Current-Page:{color:current page};
--Pagination-Numbers:{color:page numbers};
--Pagination-Arrows:{color:page arrows};
--Pagination-Items-Spacing:7px;
/*----- SCROLLBAR OPTIONS -----*/
--Scrollbar-Padding:13px;
--Scrollbar-Thumb:{color:scrollbar};
--Scrollbar-BG:{color:scrollbar BG};
/*----- TOOLTIPS OPTIONS -----*/
--Tooltips-Border-Size:1px;
--Tooltips-Border:{color:hover text border};
--Tooltips-Padding-X:1em;
--Tooltips-Padding-Y:1em;
--Tooltips-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Tooltips-BG:{color:hover text BG};
--Tooltips-Text-Color:{color:hover text};
--Tooltips-Font-Size:calc(var(--Caps-Font-Size) - 1px);
}/* end root */
html[searchbar-glass="y"]:root {
--Search-Suggestion-Box-Background:rgba({RGBcolor:search suggestions BG},calc(100% - var(--Search-Suggestion-Box-Transparency)));
--Search-Suggestions-HOVER-Background:rgba({RGBcolor:search suggestions HOVER BG},calc(100% - var(--Search-Suggestion-Items-HOVER-Transparency)));
2022-07-22 03:59:19 +01:00
}
2023-05-08 20:37:50 +01:00
2024-05-16 05:44:27 +01:00
/*------- BASICS -------*/
* {
box-sizing:border-box;
2023-05-08 20:37:50 +01:00
}
2024-05-16 05:44:27 +01:00
html, body {
min-width:calc(var(--Container-Total-Width) + 6.9vw);
2023-07-30 02:39:03 +01:00
}
2024-05-16 05:44:27 +01:00
body {
margin:0;
padding:0;
background-color:{color:background color};
background-image:url("{image:background image}");
background-attachment:fixed;
background-position:center;
font-family:var(--Body-Font-Family), sans-serif;
font-weight:var(--Body-Font-Weight);
font-size:var(--Body-Font-Size);
letter-spacing:var(--Body-Letter-Spacing);
color:var(--Body-Text-Color);
line-height:var(--Body-Line-Height);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
html[bg-size="repeat"] body {
background-repeat:repeat;
}
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
html[bg-size="full"] body {
background-repeat:no-repeat;
background-size:cover;
}
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
.no-overscroll {
overscroll-behavior:none;
}
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
img, canvas, iframe, video {
vertical-align:middle;
}
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
b, strong {
font-weight:var(--Bold-Font-Weight);
color:var(--Bold);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
i:not([class]), em {
color:var(--Italic);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
pre, li.chat-line:not(ul.chat-wrap li.chat-line){
padding:calc(var(--Code-Padding) - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) var(--Code-Padding);
word-wrap:break-word;
white-space:pre-wrap;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
code {
padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
pre, code, li.chat-line:not(ul.chat-wrap li.chat-line){
border:var(--Code-Border-Size) solid var(--Code-Border-Color);
border-radius:var(--Code-Rounded-Corners);
background:var(--Code-BG);
font-family:var(--Code-Font-Family);
font-weight:var(--Code-Font-Weight);
font-size:var(--Code-Font-Size);
color:var(--Code-Text-Color);
line-height:var(--Code-Line-Height);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
p.keep-reading {
text-align:center;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- TEXT HIGHLIGHT -------*/
2022-07-22 03:59:19 +01:00
::selection {
2024-05-16 05:44:27 +01:00
background:{color:text highlight BG};
color:{color:text highlighted};
2022-07-22 03:59:19 +01:00
}
::-moz-selection {
2024-05-16 05:44:27 +01:00
background:{color:text highlight BG};
color:{color:text highlighted};
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- SCROLLBAR -------*/
@-moz-document url-prefix(){
* {
scrollbar-width:thin; /* firefox only */
}
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
::-webkit-scrollbar {
width:var(--Scrollbar-Padding);
height:var(--Scrollbar-Padding);
background-color:var(--Scrollbar-BG);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
::-webkit-scrollbar-thumb {
background-color:var(--Scrollbar-Thumb);
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid var(--Scrollbar-BG);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
::-webkit-scrollbar-corner {
background:var(--Scrollbar-BG);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- BODY FONT -------*/
html[font="Libre Franklin"]:root {
--Body-Letter-Spacing:0.0069em;
--Body-Font-Weight:475;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- HEADING FONT -------*/
h1, h2, h3, h4, h5, h6, .post-title {
font-family:var(--Heading-Font-Family);
font-weight:var(--Heading-Font-Weight);
text-transform:var(--Heading-Text-Case);
letter-spacing:var(--Heading-Letter-Spacing);
word-spacing:var(--Heading-Word-Spacing);
line-height:var(--Heading-Line-Height);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
h1, .post-title {
font-size:var(--Heading-Font-Size);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
h2, h3 {
font-size:calc(var(--Heading-Font-Size) - 1px);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
h4, h5, h6 {
font-size:calc(var(--Heading-Font-Size) - 2px);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*-----------------------*/
html[heading-font="Gentium Book Plus"]:root {
--ut:calc(var(--Heading-Font-Size) * 1.2);
--nj:calc(var(--Heading-Line-Height) * 0.9);
--wee:calc(((var(--ut) * var(--nj)) - var(--ut)) / 2)!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[heading-font="Gentium Book Plus"] .posts h1,
html[heading-font="Gentium Book Plus"] .post-title {
font-size:var(--ut)!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[heading-font="Gentium Book Plus"] .posts h1,
html[heading-font="Gentium Book Plus"] .posts h2,
html[heading-font="Gentium Book Plus"] .posts h3,
html[heading-font="Gentium Book Plus"] .posts h4,
html[heading-font="Gentium Book Plus"] .posts h5,
html[heading-font="Gentium Book Plus"] .posts h6 {
font-weight:700!important;
line-height:var(--nj)!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*-----------------------*/
html[heading-font="Playfair Display SC"] .posts h1,
html[heading-font="Playfair Display SC"] .posts h2,
html[heading-font="Playfair Display SC"] .posts h3,
html[heading-font="Playfair Display SC"] .posts h4,
html[heading-font="Playfair Display SC"] .posts h5,
html[heading-font="Playfair Display SC"] .posts h6 {
font-weight:900!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*-----------------------*/
html[heading-font="Gloock"]:root {
--le:calc(var(--Heading-Font-Size) - 0.5px);
--wee:calc(((var(--le) * var(--Heading-Line-Height)) - var(--le)) / 2)!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[heading-font="Gloock"] .posts h1,
html[heading-font="Gloock"] .post-title {
font-size:var(--le)!important;
2023-05-01 00:15:30 +01:00
}
2024-05-16 05:44:27 +01:00
html[heading-font="Gloock"] .posts h1,
html[heading-font="Gloock"] .posts h2,
html[heading-font="Gloock"] .posts h3,
html[heading-font="Gloock"] .posts h4,
html[heading-font="Gloock"] .posts h5,
html[heading-font="Gloock"] .posts h6 {
font-weight:bold!important;
letter-spacing:0.125em!important;
word-spacing:0.05em!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*-----------------------*/
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
html[heading-font="Reem Kufi Fun"] .posts h1,
html[heading-font="Reem Kufi Fun"] .posts h2,
html[heading-font="Reem Kufi Fun"] .posts h3,
html[heading-font="Reem Kufi Fun"] .posts h4,
html[heading-font="Reem Kufi Fun"] .posts h5,
html[heading-font="Reem Kufi Fun"] .posts h6 {
word-spacing:0.15em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*----- UPPERCASE FONT / CAPS FONT -----*/
html[caps-font="Figtree"]:root {
--Caps-Font-Weight:600;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[caps-font="Public Sans"]:root {
--Caps-Font-Size:calc(var(--Body-Font-Size) - 3px);
--Caps-Font-Weight:600;
2023-05-01 00:15:30 +01:00
}
2024-05-16 05:44:27 +01:00
html[caps-font="Karla"]:root {
--Caps-Font-Weight:600;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[caps-font="Lora"]:root {
--Caps-Font-Weight:650;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[caps-font="Averia Serif Libre"]:root {
--Caps-Font-Size:calc(var(--Body-Font-Size) - 1px);
--Caps-Font-Weight:700;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.caps, .comment-header .username, .chat-label, .aud-title, .site-name, .poll-row, .poll-see-results, .vidyo-current-time, .vidyo-duration, .q-top, .comment-header .deactivated, p.keep-reading, ol.notes a:not(li.with_commentary blockquote a), .more_notes_link, .notes_loading, p.tmblr-attribution a, .tagscont a, .infobar, .pagi-zone,
html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
font-family:var(--Caps-Font-Family);
font-weight:var(--Caps-Font-Weight);
text-transform:uppercase;
font-size:var(--Caps-Font-Size);
letter-spacing:var(--Caps-Letter-Spacing);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.comment-body .caps {
font-size:calc(var(--Caps-Font-Size) + 1px);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.vidyo-current-time, .vidyo-duration {
font-size:calc(var(--Caps-Font-Size) + 1px)!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/* !important overrides bc t*mblr */
.poll-row, .poll-see-results {
font-weight:var(--Caps-Font-Weight)!important;
font-size:var(--Caps-Font-Size)!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- LINKS -------*/
a {
color:var(--Links-Color);
text-decoration:none;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.comment-body a b:not([style*="color:"],[class]),
.comment-body a i:not([style*="color:"],[class]){
color:var(--Links-Color);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.quote-set a, .question-text a, .answer-text a,
.comment-body a:not(html[current-path="/customize_preview_receiver.html"] a.tumblr_blog, a.post_media_photo_anchor, a.aud-dl, a.link-render, a.poll-row, a.poll-see-results){
padding-bottom:var(--Links-Underline-Gap);
border-bottom:var(--Links-Underline-Size) solid var(--Links-Underline-Color);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- BLOCKQUOTES -------*/
blockquote {
margin-left:calc((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2);
margin-right:0;
padding-left:calc(((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2) + var(--Reblog-Head-Gutter));
border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- BULLET LISTS -------*/
ul, ol {
--ul-ol-gap-1:1em;
--ul-ol-gap-2:0.5em;
padding-left:0;
margin-left:calc(1em + var(--ul-ol-gap-1));
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
li {
padding-left:var(--ul-ol-gap-2);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/* nested bullet lists */
ul ul, ol ul, ol ol, ul ol {
margin-left:calc(((1em + var(--ul-ol-gap-1)) * 2) - var(--ul-ol-gap-2));
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- TUMBLR CONTROLS -------*/
iframe.tmblr-iframe.iframe-controls--desktop {
position:fixed!important;
left:initial!important;
top:0!important;
right:0!important;
margin-left:0px!important;
margin-top:calc(var(--Top-Bar-Height) + 5px)!important;
margin-right:5px!important;
transform-origin:100% 0%!important;
transform:scale(0.8,0.8)!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[tumblr-controls="black"] iframe.tmblr-iframe.iframe-controls--desktop {
filter:invert(100%) hue-rotate(180deg)!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
display:none!important;
visibility:hidden!important;
height:0!important;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
/*------- TOP BAR + HEADER -------*/
header {
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- TOP BAR -------*/
.topbar {
position:fixed;
top:0;left:0;
width:100vw;
height:var(--Top-Bar-Height);
background-color:var(--Top-Bar-BG);
z-index:10;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.top-inner {
position:relative;
margin:0;
display:flex;
justify-content:center;
align-items:center;
gap:var(--Top-Bar-Items-Spacing);
width:100%;
height:100%;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.topbar .mp-holder {
position:absolute;
top:0;left:0;
height:100%;
z-index:3;
}
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
.topbar .mp-holder.mp-hide { display:none!important; }
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.topbar [music-player]{
display:flex;
align-items:center;
margin-left:calc(var(--Top-Bar-Padding) - 1px);
height:100%;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.topbar [music-player] [music-btn]{
box-sizing:content-box;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.topbar [music-player] .player-text {
font-family:var(--Top-Bar-Music-Player-Font-Family);
font-size:var(--Top-Bar-Music-Player-Font-Size);
font-weight:var(--Top-Bar-Music-Player-Font-Weight);
text-transform:var(--Top-Bar-Music-Player-Text-Case);
letter-spacing:var(--Top-Bar-Music-Player-Letter-Spacing);
word-spacing:var(--Top-Bar-Music-Player-Word-Spacing);
color:var(--Top-Bar-Music-Player-Text-Color);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.top-title {
margin:0;
font-size:var(--Top-Bar-Title-Size);
font-family:var(--Top-Bar-Title-Font-Family);
font-weight:var(--Top-Bar-Title-Font-Weight);
letter-spacing:var(--Top-Bar-Title-Letter-Spacing);
word-spacing:var(--Top-Bar-Title-Word-Spacing);
color:var(--Top-Bar-Title-Color);
line-height:1;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*----- TOP BAR TITLE FONT ADJUSTMENTS -----*/
[tbt-font="Kalnia"] .top-title {
font-family:"Kalnia";
letter-spacing:0.08em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
[tbt-font="Gentium Book Plus"] .top-title {
font-family:"Gentium Book Plus";
font-weight:700!important;
letter-spacing:0.069em;
font-size:calc(var(--Top-Bar-Title-Size) * 1.1);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
[tbt-font="Playfair Display SC"] .top-title {
font-family:"Playfair Display SC";
font-weight:900!important;
letter-spacing:0.08em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
[tbt-font="Gloock"] .top-title {
font-family:"Gloock";
font-weight:bold!important;
letter-spacing:0.15em;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
[tbt-font="Reem Kufi Fun"] .top-title {
font-family:"Reem Kufi Fun";
letter-spacing:0.03em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
[tbt-font="Lexend"] .top-title {
font-family:"Lexend";
letter-spacing:0.03em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.top-title .x-two {
display:none;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.top-title[data-text=""] .x-one {
display:none;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.top-title[data-text=""] .x-two {
display:block;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/* top bar item dividers */
.top-inner > * + *:before {
content:"";
position:absolute;
top:0;
margin-top:calc((var(--Top-Bar-Height) - var(--Top-Bar-Dividers-Height)) / 2);
margin-left:calc(0px - (var(--Top-Bar-Dividers-Width) / 2) - (var(--Top-Bar-Items-Spacing) / 2));
display:block;
width:var(--Top-Bar-Dividers-Width);
height:var(--Top-Bar-Dividers-Height);
background:var(--Top-Bar-Dividers-Color);
transform:perspective(0);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.top-inner > * + * {
margin-left:var(--Top-Bar-Dividers-Width);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header nav {
display:flex;
align-items:center;
gap:var(--Top-Bar-Links-Icon-Spacing);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header nav a {
display:flex;
align-items:center;
justify-content:center;
width:var(--Top-Bar-Links-Icon-Total-Width);
height:var(--Top-Bar-Links-Icon-Total-Width);
border:var(--Top-Bar-Links-Icon-Border-Size) solid var(--Top-Bar-Links-Icon-Border-Color);
border-radius:var(--Top-Bar-Links-Icon-Rounded-Corners);
background-color:var(--Top-Bar-Links-Icon-BG);
box-sizing:border-box;
transition:background-color var(--Top-Bar-Links-HOVER-Speed) ease-in-out, border-color var(--Top-Bar-Links-HOVER-Speed) ease-in-out;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header nav a i[class]{
font-size:var(--Top-Bar-Links-Icon-Size);
color:var(--Top-Bar-Links-Icon-Color);
transition:color var(--Top-Bar-Links-HOVER-Speed) ease-in-out;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header nav a i.gt-misc-icons {
--vvqnc:1.05;
font-size:calc(var(--Top-Bar-Links-Icon-Size) * var(--vvqnc));
margin-left:calc(var(--Top-Bar-Links-Icon-Size) * ((var(--vvqnc) - 1) / 2));
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header nav, header nav a, header nav a i[class]{
line-height:1;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header nav a:hover {
border-color:var(--Top-Bar-Links-HOVER-Icon-Border-Color);
background-color:var(--Top-Bar-Links-HOVER-Icon-BG);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header nav a:hover i[class]{
color:var(--Top-Bar-Links-HOVER-Icon-Color);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header nav a.has-label + a.no-label { display:none; }
html[searchbar="hide"] .searchblock {
display:none!important;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.searchblock input::placeholder {
transition:color 0.15s ease-in-out;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.searchblock input:focus::placeholder {
color:transparent;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.searchbar-button button {
padding:var(--Searchbar-Button-Padding);
transition:border-color var(--Searchbar-Button-HOVER-Speed) ease-in-out, background-color var(--Searchbar-Button-HOVER-Speed) ease-in-out, color var(--Searchbar-Button-HOVER-Speed) ease-in-out;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.searchbar-button button:hover {
border-color:var(--Searchbar-Button-HOVER-Border);
background-color:var(--Searchbar-Button-HOVER-BG);
color:var(--Searchbar-Button-HOVER-Text);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.searchblock input, .searchblock button {
font-weight:var(--Caps-Font-Weight);
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
word-spacing:var(--Caps-Word-Spacing);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.search-suggestions-wrapper {
position:absolute;
top:100%;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.search-suggestions {
border:none;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[searchbar-glass="y"] .search-suggestions {
backdrop-filter:blur(var(--Search-Suggestion-Box-Blur));
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[searchbar-glass="n"] .search-suggestions a:first-child {
margin-top:0;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*------- HEADER -------*/
.header-hero {
display:none;
width:100%;
height:var(--Header-Height);
background-image:url("{image:header background}");
background-position:center;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[blog-page="1"] .header-hero {
display:block;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
header.hh-hide .header-hero { display:none!important; }
.topbar + .header-hero {
margin-top:var(--Top-Bar-Height);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[header-bg-size="large"] .header-hero {
background-size:cover;
background-repeat:no-repeat;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
html[header-bg-size="small"] .header-hero {
background-repeat:repeat;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.header-inner {
padding-top:calc((var(--Header-Height) - (var(--Header-Height) * var(--Header-Content-Height))) / 2);
width:100%;
height:calc(var(--Header-Height) * var(--Header-Content-Height));
display:flex;
align-items:center;
justify-content:center;
gap:var(--Header-Center-Gap);
box-sizing:initial;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/* v+h balance left & right */
.header-img, .header-text-area {
display:flex;
align-items:center;
justify-content:flex-end;
height:100%;
flex-shrink:0;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/* header, left */
.header-img, .header-img img {
max-height:100%;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.header-img img {
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/* header, right */
.header-text-area {
width:var(--Header-Text-Width);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.header-text-area > *, .header-text-area > hgroup:only-child > * {
margin:0;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.header-text-area > hgroup {
display:flex;
flex-direction:column;
gap:var(--Header-Text-Row-Gaps);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.header-title {
--x_o:calc(((var(--Header-Title-Font-Size) * var(--Header-Title-Line-Height)) - var(--Header-Title-Font-Size)) / 2);
margin:calc(0px - var(--x_o)) 0!important;
font-family:var(--Header-Title-Font-Family);
font-size:var(--Header-Title-Font-Size);
letter-spacing:var(--Header-Title-Letter-Spacing);
word-spacing:var(--Header-Title-Word-Spacing);
color:var(--Header-Title-Color);
line-height:var(--Header-Title-Line-Height);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
/*----- HEADER TITLE FONT ADJUSTMENTS -----*/
[htf="Kalnia"] .header-title {
font-family:"Kalnia";
letter-spacing:0.08em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
[htf="Gentium Book Plus"] .header-title {
font-family:"Gentium Book Plus";
font-weight:700!important;
letter-spacing:0.06em;
--fz:calc(var(--Header-Title-Font-Size) * 1.2);
--lh:calc(var(--Header-Title-Line-Height) * 0.8);
font-size:var(--fz);
line-height:var(--lh);
--x_o:calc(((var(--fz) * var(--lh)) - var(--fz)) / 2);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
[htf="Playfair Display SC"] .header-title {
font-family:"Playfair Display SC";
font-weight:900!important;
letter-spacing:0.08em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
[htf="Gloock"] .header-title {
font-family:"Gloock";
font-weight:bold!important;
letter-spacing:0.095em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
[htf="Reem Kufi Fun"] .header-title {
font-family:"Reem Kufi Fun";
letter-spacing:0.03em;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
[htf="Lexend"] .header-title {
font-family:"Lexend";
letter-spacing:0.03em;
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.header-desc {
font-family:var(--Header-Desc-Font-Family);
font-size:var(--Header-Desc-Font-Size);
font-weight:var(--Header-Desc-Font-Weight);
color:var(--Header-Desc-Text-Color);
line-height:var(--Header-Desc-Line-Height);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.header-desc b, .header-desc strong {
color:var(--Header-Desc-Bold);
2022-07-22 03:59:19 +01:00
}
2024-05-16 05:44:27 +01:00
.header-desc i:not([class]), .header-desc em {
color:var(--Header-Desc-Italic);
2022-07-22 03:59:19 +01:00
}
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
.header-desc a {
padding-bottom:var(--Header-Desc-Links-Underline-Gap);
border-bottom:var(--Header-Desc-Links-Underline-Size) solid var(--Header-Desc-Links-Underline-Color);
color:var(--Header-Desc-Links);
}
2023-07-30 02:39:03 +01:00
2024-05-16 05:44:27 +01:00
/*----- HEADER DESC FONT ADJUSTMENTS -----*/
[hdf="Libre Franklin"] .header-desc {
--Header-Desc-Font-Weight:475;
}
.scroll-btn-cont {
2023-07-30 02:39:03 +01:00
display:flex;
}
2024-05-16 05:44:27 +01:00
.scroll-btn-cont.scl-hide { display:none!important; }
.scroll-btn {
display:flex;
align-items:center;
gap:var(--Header-Scroll-Btn-Icon-Gap);
margin:0;
padding:calc(var(--Header-Scroll-Btn-Padding) - (((var(--Header-Scroll-Btn-Font-Size) * var(--Header-Scroll-Btn-Line-Height)) - var(--Header-Scroll-Btn-Font-Size)) / 2)) var(--Header-Scroll-Btn-Padding);
border:var(--Header-Scroll-Btn-Border-Size) solid var(--Header-Scroll-Btn-Border-Color);
background-color:var(--Header-Scroll-Btn-BG);
border-radius:var(--Header-Scroll-Btn-Rounded-Corners);
font-family:var(--Header-Scroll-Btn-Font-Family);
font-size:var(--Header-Scroll-Btn-Font-Size);
font-weight:var(--Header-Scroll-Btn-Font-Weight);
2023-07-30 02:39:03 +01:00
text-transform:uppercase;
2024-05-16 05:44:27 +01:00
letter-spacing:var(--Header-Scroll-Btn-Letter-Spacing);
word-spacing:var(--Header-Scroll-Btn-Word-Spacing);
color:var(--Header-Scroll-Btn-Text-Color);
line-height:var(--Header-Scroll-Btn-Line-Height);
cursor:pointer;
transform-origin:center;
transition:background-color var(--Header-Scroll-Btn-HOVER-Speed) ease-in-out, border-color var(--Header-Scroll-Btn-HOVER-Speed) ease-in-out, color var(--Header-Scroll-Btn-HOVER-Speed) ease-in-out, transform var(--Header-Scroll-Btn-HOVER-Speed) ease-in-out;
2023-07-30 02:39:03 +01:00
}
2024-05-16 05:44:27 +01:00
.scroll-btn.rc-20px {
padding-left:calc(var(--Header-Scroll-Btn-Padding) + 5px);
padding-right:calc(var(--Header-Scroll-Btn-Padding) + 2px);
2023-07-30 02:39:03 +01:00
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.scroll-btn:not(.has-t) .x-one { display:none; }
.scroll-btn.has-t .x-two { display:none; }
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.scroll-btn i[class]{
font-size:var(--Header-Scroll-Btn-Icon-Size);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.scroll-btn:hover {
border-color:var(--Header-Scroll-Btn-HOVER-Border-Color);
background-color:var(--Header-Scroll-Btn-HOVER-BG);
color:var(--Header-Scroll-Btn-HOVER-Text-Color);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.scroll-btn.anim-yes:hover {
transform:scale(1.0420,1.0420);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
/*------- CONTAINER SETTINGS -------*/
main {
margin:auto;
min-width:var(--Container-Total-Width);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.main-inner {
margin:calc(var(--Top-Bar-Height) + var(--Screen-Gaps)) auto var(--Screen-Gaps) auto;
box-sizing:content-box;
display:flex;
flex-wrap:nowrap;
align-items:flex-start;
justify-content:center;
gap:var(--Main-Center-Gap);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
html[blog-page="1"] header.hh-show + main .main-inner {
padding-top:var(--Screen-Gaps);
margin:0 auto var(--Screen-Gaps) auto;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
/*------- SIDEBAR -------*/
.left-sidebar {
position:relative;
width:var(--Sidebar-Width-Total)!important;
flex-shrink:0;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-inner {
width:var(--Sidebar-Width-Total)!important;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-box {
margin-bottom:var(--Sidebar-Boxes-Spacing);
border:var(--Sidebar-Border-Size) solid var(--Sidebar-Border-Color);
padding:var(--Sidebar-Padding);
background:var(--Sidebar-BG);
border-radius:var(--Sidebar-Rounded-Corners);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-box:last-child, html[has-pagi][pagi="bot"] .sb-box:nth-of-type(2){
margin-bottom:0;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.box-inner {
display:flex;
flex-direction:column;
gap:var(--Sidebar-Box-Contents-Row-Spacing);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-title {
--aentg:max((var(--Sidebar-Title-Underline-1-Thickness) / 2), (var(--Sidebar-Title-Underline-2-Thickness) / 2));
--yy:calc(((var(--Sidebar-Title-Font-Size) * var(--Sidebar-Title-Line-Height)) - var(--Sidebar-Title-Font-Size)) / 2);
position:relative;
margin:calc(0px - var(--yy)) 0 var(--aentg) 0;
display:flex;
align-items:center;
font-family:var(--Sidebar-Title-Font-Family);
font-size:var(--Sidebar-Title-Font-Size);
letter-spacing:var(--Sidebar-Title-Letter-Spacing);
word-spacing:var(--Sidebar-Title-Word-Spacing);
color:var(--Sidebar-Title-Color);
text-align:var(--Sidebar-Title-Text-Align);
line-height:var(--Sidebar-Title-Line-Height);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
/*----- SIDEBAR TITLE FONT ADJUSTMENTS -----*/
[sbt-font="Kalnia"].sb-title {
font-family:"Kalnia";
letter-spacing:0.025em;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
[sbt-font="Gentium Book Plus"].sb-title {
--nt:calc(var(--Sidebar-Title-Font-Size) * 1.2);
--nl:calc(var(--Sidebar-Title-Line-Height) * 1.2);
font-family:"Gentium Book Plus";
font-weight:700!important;
font-size:var(--nt);
--yy:calc(((var(--nt) * var(--nl)) - var(--nt)) / 2);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
[sbt-font="Playfair Display SC"].sb-title {
font-family:"Playfair Display SC";
font-weight:900!important;
letter-spacing:0.04em;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
[sbt-font="Gloock"].sb-title {
font-family:"Gloock";
font-weight:bold!important;
letter-spacing:0.125em;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
[sbt-font="Reem Kufi Fun"].sb-title {
font-family:"Reem Kufi Fun";
letter-spacing:0.03em;
word-spacing:0.15em;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
[sbt-font="Lexend"].sb-title {
font-family:"Lexend";
letter-spacing:0.025em;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-title[sbt-align="left"]{
justify-content:flex-start;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-title[sbt-align="center"]{
justify-content:center;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-title[sbt-align="right"]{
justify-content:flex-end;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
/* wide underline */
.sb-title:before {
content:"";
position:absolute;
top:100%;right:0;
margin-top:calc(var(--Sidebar-Title-Underline-1-Thickness) / -2);
width:100%;
height:var(--Sidebar-Title-Underline-1-Thickness);
background:var(--Sidebar-Title-Underline-1-Color);
border-radius:var(--Sidebar-Title-Underline-1-Rounded-Corners);
transform-origin:center;
transform:perspective(0);
}
.sb-title > span {
position:relative;
padding-left:var(--Sidebar-Title-Side-Padding);
padding-right:var(--Sidebar-Title-Side-Padding);
padding-bottom:calc(var(--aentg) + var(--Sidebar-Title-Bottom-Gap));
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
/* short underline */
.sb-title > span:before {
content:"";
position:absolute;
top:100%;right:0;
margin-top:calc(var(--Sidebar-Title-Underline-2-Thickness) / -2);
width:100%;
height:var(--Sidebar-Title-Underline-2-Thickness);
background:var(--Sidebar-Title-Underline-2-Color);
border-radius:var(--Sidebar-Title-Underline-2-Rounded-Corners);
transform-origin:center;
transform:perspective(0);
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-title:not([t]) .x-two,
.sb-title:not([t]) .x-three {
display:none;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-title[t=""] .x-one,
.sb-title[t=""] .x-two {
display:none;
}
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-title[t]:not([t=""]) [class^="x-"]:not(:first-child){ display:none; }
.sb-title[t]:not([t=""]) [class^="x-"]:first-child { display:inline-block!important; }
2022-07-22 03:59:19 +01:00
2024-05-16 05:44:27 +01:00
.sb-desc {
--omy:calc(((var(--Sidebar-Desc-Font-Size) * var(--Sidebar-Desc-Line-Height)) - var(--Sidebar-Desc-Font-Size)) / 2);
margin:calc(0px - var(--omy)) 0;
font-size:var(--Sidebar-Desc-Font-Size);
text-align:var(--Sidebar-Desc-Text-Align);
line-height:var(--Sidebar-Desc-Line-Height);
color:var(--Sidebar-Desc-Text-Color);
}
.sb-desc b, .sb-desc strong {
color:var(--Sidebar-Desc-Bold);
}
.sb-desc i:not([class]), .sb-desc em {
color:var(--Sidebar-Desc-Italic);
}
.sb-desc a {
padding-bottom:var(--Sidebar-Desc-Links-Underline-Gap);
border-bottom:var(--Sidebar-Desc-Links-Underline-Size) solid var(--Sidebar-Desc-Links-Underline-Color);
color:var(--Sidebar-Desc-Links);
}
p.sb-desc *:last-child {
margin:0;
}
/* custom links */
.custom-links {
display:grid;
grid-template-columns:repeat(var(--CustomLinks-Columns), 1fr);
grid-gap:var(--CustomLinks-Spacing);
}
.custom-links[rc="each"] > a {
border-radius:var(--CustomLinks-Rounded-Corners);
}
.custom-links[rc="wrapped"]{
border-radius:var(--CustomLinks-Rounded-Corners);
overflow:hidden;
}
.custom-links > a {
padding:calc(var(--CustomLinks-Padding) - (((var(--CustomLinks-Font-Size) * var(--CustomLinks-Line-Height)) - var(--CustomLinks-Font-Size)) / 2)) var(--CustomLinks-Padding);
background-color:var(--CustomLinks-BG);
font-family:var(--CustomLinks-Font-Family);
font-weight:var(--CustomLinks-Font-Weight);
font-size:var(--CustomLinks-Font-Size);
text-transform:var(--CustomLinks-Text-Case);
letter-spacing:var(--CustomLinks-Letter-Spacing);
word-spacing:var(--CustomLinks-Word-Spacing);
line-height:var(--CustomLinks-Line-Height);
color:var(--CustomLinks-Text-Color);
text-align:center;
transition:background-color var(--CustomLinks-Hover-Speed) ease-in-out, color var(--CustomLinks-Hover-Speed) ease-in-out;
}
.custom-links > a:hover {
background-color:var(--CustomLinks-Hover-BG);
color:var(--CustomLinks-Hover-Text-Color);
}
/*------- POSTS SETTINGS -------*/
.all-posts {
width:var(--Post-Width-Total);
flex-shrink:0;
}
.posts, .post-notes, .botpagi {
background:var(--Post-BG);
border:var(--Post-Borders-Size) solid var(--Post-Borders-Color);
border-radius:var(--Post-Rounded-Corners);
width:100%;
overflow:hidden;
margin-bottom:var(--Post-Spacing);
}
html[has-pagi][pagi="sb"] .posts:last-of-type {
margin-bottom:0;
}
.posts:last-child, .post-notes:last-child, .botpagi:last-child {
margin-bottom:0;
}
.load-in { opacity:0; }
.load-in, .load-removing {
transition:opacity var(--Load-In-Speed) ease-in-out;
}
/*------ FULL WIDTH POSTS ------*/
html[full-width-posts="yes"]:root {
--Post-Width-Total:calc(var(--Post-Width) + (var(--Post-Borders-Size) * 2));
}
/*------ NOT FULL WIDTH POSTS ------*/
html[full-width-posts="no"] [post-type="photo"] .post-body,
html[full-width-posts="no"] [post-type="video"] .post-body {
margin-top:var(--Post-Padding);
margin-left:var(--Post-Padding);
width:calc(100% - (var(--Post-Padding) * 2));
}
html[full-width-posts="no"] [post-type="photo"] .post-body .comments,
html[full-width-posts="no"] [post-type="video"] .post-body .comments {
margin-left:calc(0px - var(--Post-Padding));
width:calc(100% + (var(--Post-Padding) * 2));
}
/*------ ROUNDED CORNERS ------*/
/* only rounds first media in the post */
/* ignores images in additional reblogs/comments */
html[rounded-corners]:not([rounded-corners="0px"])[full-width-posts="no"] [post-type="photo"] .post-body [class^="legacy-photo"],
html[rounded-corners]:not([rounded-corners="0px"])[full-width-posts="no"] .post-body > .photo-origin:first-child,
html[rounded-corners]:not([rounded-corners="0px"])[full-width-posts="no"] [post-type="video"] .post-body [class^="legacy-video"]{
border-radius:var(--Post-Rounded-Corners);
overflow:hidden;
}
/*------- POST TITLES -------*/
.post-title {
--wee:calc(((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)) / 2);
--ekvje:max((var(--Heading-Underline-1-Size) / 2), (var(--Heading-Underline-2-Size) / 2));
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
margin-top:0;
margin-bottom:calc(var(--ekvje))!important;
padding:0 var(--Post-Padding);
color:var(--Heading-Text-Color);
z-index:0;
}
/* wide underline */
.post-title:after {
content:"";
position:absolute;
top:100%;left:0;
margin-top:calc(var(--Heading-Underline-1-Size) / -2);
display:block;
transform:perspective(0);
width:100%;
height:var(--Heading-Underline-1-Size);
background:var(--Heading-Underline-1-Color);
}
.post-title > .title-text:first-child {
position:relative;
padding-top:calc(var(--Post-Padding) - var(--wee));
padding-bottom:calc(var(--Post-Padding) - var(--wee) + var(--ekvje));
padding-left:var(--Heading-Side-Padding);
padding-right:var(--Heading-Side-Padding);
z-index:1;
}
/* short underline */
.post-title > .title-text:first-child:after {
content:"";
position:absolute;
top:100%;left:0;
margin-top:calc(var(--Heading-Underline-2-Size) / -2);
display:block;
transform:perspective(0);
width:100%;
height:var(--Heading-Underline-2-Size);
background:var(--Heading-Underline-2-Color);
border-radius:var(--Heading-Underline-2-Rounded-Corners);
}
/*------- CAPTIONS / COMMENTS -------*/
.text-block > .post-title:first-child + .comments {
/*margin-top:calc(0px - var(--Post-Padding));*/
}
.comment {
padding:var(--Post-Padding);
}
/*-----------*/
/* for: audio blocks -> reblogs */
html[reblog-borders="yes"] .aud-gen + .comments,
html[reblog-borders="yes"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
html[reblog-borders="yes"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
margin-top:var(--Post-Padding);
}
html[reblog-borders="no"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
margin-top:calc(0px - var(--Post-Padding));
}
/* for: question blocks -> reblogs */
html[reblog-borders="yes"] .question-part + .comments {
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
html[reblog-borders="no"] .question-part + .comments {
margin-top:calc(0px - var(--Post-Padding));
}
/*-----------*/
html[reblog-borders="yes"] .comment + .comment {
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
html[reblog-borders="no"] .comment + .comment {
margin-top:calc(0px - var(--Post-Padding));
}
.comments:empty {
display:none;
}
.comment-header {
display:flex;
align-items:center;
justify-content:flex-start;
width:fit-content;
gap:0 var(--Reblog-Head-Gutter);
}
.comment-header img.userpic {
width:var(--Reblog-Head-Image-Size);
height:var(--Reblog-Head-Image-Size);
border-radius:var(--Reblog-Head-Image-Rounded-Corners);
}
.comment-header .username,
html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
color:var(--Reblog-Name-Color);
}
.comment-header:not(:last-child){
margin-bottom:var(--Reblog-Head-Bottom-Gap);
}
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/nkbsj.png */
[post-type="quote"].ex-npf .comments > .comment.extra-comment:first-child .comment-header,
[post-type="chat"].ex-npf .comments > .comment:first-child .comment-header {
display:none;
}
/* deactivated users */
.comment.deactivated .comment-header {
cursor:default;
}
.comment-header .deactivated {
color:rgba(var(--Body-Text-Color-RGB),0.8);
}
.comment-header .username + .deactivated {
margin-left:calc(0px - var(--Reblog-Head-Gutter) + 0.5em);
}
.comment-body > h1:first-child,
.comment-body > h2:first-child,
.comment-body > h3:first-child,
.comment-body > h4:first-child,
.comment-body > h5:first-child,
.comment-body > h6:first-child,
.comment-body > p:first-child,
.comment-body > blockquote:first-child,
.comment-body > ul:first-child,
.comment-body > ol:first-child {
margin-top:0;
}
.comment-body > h1:last-child,
.comment-body > h2:last-child,
.comment-body > h3:last-child,
.comment-body > h4:last-child,
.comment-body > h5:last-child,
.comment-body > h6:last-child,
.comment-body > p:last-child,
.comment-body > blockquote:last-child,
.comment-body > ul:last-child,
.comment-body > ol:last-child {
margin-bottom:0;
}
.comment-body blockquote > p:first-child {
margin-top:0;
}
.comment-body blockquote > p:last-child {
margin-bottom:0;
}
/*------- PHOTO POSTS -------*/
.legacy-photo img, .legacy-photoset img {
display:block;
max-width:100%;
height:auto;
}
.legacy-photoset {
display:grid;
grid-gap:var(--Photoset-Image-Spacing)
}
.legacy-photoset > img {
display:none; /* handle loading */
}
.layout-row {
position:relative;
display:grid;
grid-gap:0 var(--Photoset-Image-Spacing);
overflow:hidden;
}
.layout-row img {
position:absolute;
width:100%;
height:auto;
visibility:hidden;
object-fit:cover;
object-position:center;
cursor:pointer;
}
.layout-row.done img {
position:relative;
visibility:visible;
}
.legacy-photo img {
cursor:pointer;
}
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/vbkmr.png */
[full-width-posts="no"] [class*="legacy-photo"]:last-child,
[full-width-posts="no"] .legacy-video:last-child,
[full-width-posts="no"] .photo-origin:last-child {
margin-bottom:var(--Post-Padding);
}
/*------- PHOTO LIGHTBOXES -------*/
body[style*="overflow: hidden;"],
body[style*="overflow:hidden;"]{
overflow:inherit!important;
}
.tmblr-lightbox, #tumblr_lightbox {
background-image:none!important;
background-color:rgba({RGBcolor:background color},0.69)!important;
backdrop-filter:blur(3px);
}
.tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
opacity:0!important;
}
.tmblr-lightbox .lightbox-image,
.tmblr-lightbox img, #tumblr_lightbox img {
box-shadow:none!important;
border-radius:var(--Rounded-Corners)!important;
}
.tmblr-lightbox img, #tumblr_lightbox img {
max-width:none;
width:auto;
}
/*------- QUOTE POSTS -------*/
.quote-block {
padding:var(--Post-Padding);
}
.quote-set blockquote.quote-text {
margin-left:0;
padding:0 var(--Post-Padding);
border:none;
font-family:var(--Quote-Font-Family);
font-weight:var(--Quote-Font-Weight);
font-size:var(--Quote-Font-Size);
text-transform:var(--Quote-Text-Case);
letter-spacing:var(--Quote-Letter-Spacing);
word-spacing:var(--Quote-Word-Spacing);
line-height:var(--Quote-Line-Height);
text-align:center;
}
.quote-set *:first-child { margin-top:0; }
.quote-set *:last-child { margin-bottom:0; }
.quote-source {
text-align:center;
}
.posts.ex-npf[post-type="quote"] .quote-comment:first-child .comment-header {
display:none;
}
/*------- LINK POSTS -------*/
.comment-body .link-render {
display:block;
margin:1em 0;
}
.comment-body .link-render:first-child { margin-top:0 }
.comment-body .link-render:last-child { margin-bottom:0 }
.link-render .title-text {
display:flex;
flex-direction:column;
align-items:center;
}
.link-block > .link-render:last-child {
--Heading-Underline-1-Size:0px;
--Heading-Underline-2-Size:0px;
}
.link-render h2 {
margin:0;
}
.link-render .site-name {
display:flex;
align-items:center;
margin-top:0.45em;
color:var(--Body-Text-Color);
}
.link-render .site-name i[class]{
margin-right:min(0.45em, 8px);
font-size:calc(var(--Caps-Font-Size) + 2px);
line-height:1;
}
.link-render.post-title .site-name i[class]{
margin-left:-2px;
}
.npf-link-block {
display:none!important;
}
/*------- CHAT POSTS -------*/
.chat-block {
padding:var(--Post-Padding);
}
ul.chat-wrap {
list-style:none;
margin:0;
padding:0;
}
li.chat-line {
list-style:none;
padding:calc(var(--Chat-Line-Padding) - (((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2)) var(--Chat-Line-Padding);
border-radius:var(--Chat-Line-Rounded-Corners);
}
li.chat-line:nth-of-type(odd){
background:var(--Chat-Line-Odd-BG);
}
li.chat-line:nth-of-type(odd),
li.chat-line:nth-of-type(odd) .chat-label {
color:var(--Chat-Line-Odd-Text-Color);
}
.chat-label {
color:var(--Body-Text-Color);
}
/*------- AUDIO POSTS -------*/
.aud-gen {
display:flex;
align-items:center;
justify-content:space-between;
overflow:hidden;
}
.audio-block .aud-gen,
[post-type="audio"].ex-npf .post-body > .npf-audio-only:first-child {
margin:var(--Post-Padding);
}
.aud-gen + .comments {
}
.aud-cover {
position:relative;
width:var(--Audio-Post-Album-Cover-Size);
height:var(--Audio-Post-Album-Cover-Size);
z-index:0;
}
.aud-cover .aud-ctl, .aud-cover img {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
}
.aud-gen img {
width:100%;
height:100%!important;
object-fit:cover;
border-radius:var(--Audio-Post-Album-Cover-Rounded-Corners);
z-index:1;
}
.aud-cover .aud-ctl {
display:flex;
align-items:center;
justify-content:center;
z-index:2;
}
.aud-ctl .q-play,
.aud-ctl .q-pause {
display:flex;
align-items:center;
justify-content:center;
width:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
height:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
background-color:var(--Audio-Post-Btns-BG);
border-radius:100%;
outline:none;
border:none;
line-height:0;
cursor:pointer;
}
.aud-ctl .q-pause, .aud-iframe {
display:none;
}
.aud-ctl .play-icon,
.aud-ctl .pause-icon {
display:block;
width:var(--Audio-Post-Btns-Size);
height:var(--Audio-Post-Btns-Size);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:var(--Audio-Post-Btns-Color);
}
.aud-ctl .play-icon {
margin-left:calc(var(--Audio-Post-Btns-Size) * 0.1);
-webkit-mask-image:var(--Audio-Post-Play-Btn-SVG);
mask-image:var(--Audio-Post-Play-Btn-SVG);
}
.aud-ctl .pause-icon {
width:calc(var(--Audio-Post-Btns-Size) * 1.1);
height:calc(var(--Audio-Post-Btns-Size) * 1.1);
-webkit-mask-image:var(--Audio-Post-Pause-Btn-SVG);
mask-image:var(--Audio-Post-Pause-Btn-SVG);
}
.aud-xyz {
flex:1;
}
.aud-info {
padding:0 var(--Audio-Post-Gutter);
}
[post-type="audio"]:not(.ex-npf) .aud-info .aud-title:not(.has-title) .has-title,
[post-type="audio"]:not(.ex-npf) .aud-info .aud-artist:not(.has-artist) .has-artist,
[post-type="audio"]:not(.ex-npf) .aud-info .aud-album:not(.has-album) .has-album {
display:none;
}
[post-type="audio"]:not(.ex-npf) .aud-info .aud-title.has-title .no-title,
[post-type="audio"]:not(.ex-npf) .aud-info .aud-artist.has-artist .no-artist,
[post-type="audio"]:not(.ex-npf) .aud-info .aud-album.has-album .no-album {
display:none;
}
.aud-dl {
display:block;
margin:0 calc(0px - var(--Audio-Post-Download-Icon-Touch-Padding));
padding:var(--Audio-Post-Download-Icon-Touch-Padding);
line-height:1;
}
.aud-dl i[class]{
font-size:var(--Audio-Post-Download-Icon-Size);
color:var(--Audio-Post-Download-Icon-Color);
}
.posts audio[controls]{
display:none;
}
.npf-audio-only {
--NPF-Images-Spacing:1em!important;
}
.sc-116 iframe.soundcloud_audio_player,
.sc-500 iframe.soundcloud_audio_player {
border-bottom-left-radius:3px;
}
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/innbv.png */
.npf_audio figure.sc-short {
position:relative;
z-index:0;
}
.npf_audio figure.sc-short:before {
content:"";
position:absolute;
top:0;left:0;
margin-top:1px;
width:20px;
height:20px;
border-radius:100%;
background:var(--Audio-Post-Btns-BG);
z-index:-1;
}
iframe[src*='open.spotify.com'][src*='track'],
figure[data-npf*='open.spotify.com'][data-npf*='track']{
height:80px!important;
}
/*------- VIDEO POSTS -------*/
.legacy-video .tumblr_video_container {
width:auto!important;
height:auto!important;
max-width:100%;
}
/*------- ASK POSTS -------*/
.answer-block {
}
.question-part {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--Ask-Post-Question-Gutter);
padding:var(--Post-Padding);
}
.askerpic {
flex-shrink:0;
width:var(--Ask-Post-Avatar-Size);
height:var(--Ask-Post-Avatar-Size);
object-fit:cover;
padding:var(--Ask-Post-Avatar-Padding);
border:var(--Ask-Post-Avatar-Border-Size) solid var(--Ask-Post-Avatar-Border-Color);
border-radius:var(--Ask-Post-Avatar-Rounded-Corners);
background:var(--Ask-Post-Avatar-BG);
}
.q-wrap {
display:flex;
flex-direction:column;
align-items:center;
gap:var(--Ask-Post-Question-Gutter);
}
.q-top {
margin:0;
}
.q-top a {
color:var(--Ask-Post-Username-Color);
}
.q-text {
padding:var(--Question-Padding);
border:var(--Question-Border-Size) solid var(--Question-Border-Color);
background:var(--Question-BG);
border-radius:var(--Question-Rounded-Corners);
color:var(--Question-Text-Color);
text-align:var(--Question-Text-Align);
}
.q-text > p:first-child { margin-top:0; }
.q-text > p:last-child { margin-bottom:0; }
/*------- POLL POSTS -------*/
.poll-post > .poll-question:first-child {
margin-top:0!important;
}
.poll-question {
margin-bottom:1em!important;
font-size:inherit!important;
font-weight:inherit!important;
line-height:inherit!important;
}
.poll-row {
margin:0!important;
border:var(--Poll-Row-Border-Size) solid var(--Poll-Row-Border-Color)!important;
padding:var(--Poll-Row-Padding)!important;
background:var(--Poll-Row-BG)!important;
border-radius:var(--Poll-Row-Rounded-Corners)!important;
color:var(--Poll-Row-Text)!important;
min-height:0!important;
line-height:inherit!important;
}
.poll-row + .poll-row {
margin-top:var(--Poll-Row-Spacing)!important;
}
.poll-row:last-child {
margin-bottom:0!important;
}
.poll-see-results {
margin-top:1em!important;
}
/*------- MISC NPF STUFF -------*/
p.npf_quote, p.npf_quirky {
line-height:var(--Quote-Line-Height)!important;
}
p.npf_quote {
font-family:var(--Quote-Font-Family)!important;
font-size:var(--Quote-Font-Size)!important;
font-weight:var(--Quote-Font-Weight)!important;
}
p.npf_quirky {
font-size:calc(var(--Quote-Font-Size) + 1px)!important;
font-weight:normal!important;
}
/* tumblr.com/glen-test/738994635798691840 */
figure:not(.tmblr-full) + figure:not(.tmblr-full){
margin-top:var(--NPF-Images-Spacing);
}
.tmblr-full {
overflow:hidden;
}
.photo-origin p.tmblr-attribution {
padding:0 var(--Post-Padding);
}
p.tmblr-attribution:last-child {
margin-bottom:0;
}
/*------- TAGS -------*/
.tagscont {
display:flex;
padding:0 var(--Post-Padding);
}
.tagscont[align="left"]{
text-align:left;
justify-content:flex-start;
}
.tagscont[align="right"]{
text-align:right;
justify-content:flex-end;
}
html[tags="c"] .tags-x {
display:grid;
grid-template-rows:0fr;
overflow:hidden;
transition:grid-template-rows var(--Tags-Slide-Speed) ease-in-out;
}
html[tags="c"] .tags-y {
min-height:0;
visibility:hidden;
transition:visibility var(--Tags-Slide-Speed) ease-in-out;
}
html[tags="c"] .tagscont.expand .tags-x {
grid-template-rows:1fr;
}
html[tags="c"] .tagscont.expand .tags-x .tags-y {
visibility:visible;
}
.tags-outer {
margin-bottom:var(--Post-Padding);
}
.tags-inner {
--Tags-Spacing-X-Half:calc(var(--Tags-Spacing-X) / 2);
--Tags-Spacing-Y-Half:calc(var(--Tags-Spacing-Y) / 2);
margin:calc(0px - var(--Tags-Spacing-Y-Half)) calc(0px - var(--Tags-Spacing-X-Half));
width:calc(100% + var(--Tags-Spacing-X));
font-size:0;
}
.tagscont a {
display:inline-block;
margin:var(--Tags-Spacing-Y-Half) var(--Tags-Spacing-X-Half);
font-size:var(--Tags-Font-Size);
color:var(--Tags-Color);
line-height:var(--Tags-Line-Height);
transition:color var(--Tags-Hover-Speed) ease-in-out;
}
.tagscont a:before {
content:"#";
margin-right:var(--Tags-Hashtag-Spacing);
}
.tagscont a:hover {
color:var(--Tags-Hover-Color);
}
/*------- POST INFO / PERMALINK -------*/
.posts .infobar.top {
border-bottom:var(--Permalink-Border-Size) solid var(--Permalink-Border-Color);
}
.posts .infobar.bot {
border-top:var(--Permalink-Border-Size) solid var(--Permalink-Border-Color);
}
.infobar {
padding:var(--Permalink-Padding-Y) var(--Permalink-Padding-X);
background-color:var(--Permalink-BG);
}
.infobar, .infobar * {
color:var(--Permalink-Text-Color);
}
.infobar i[class]{
font-weight:normal;
}
.infobar .icon-part {
margin-right:calc(var(--Permalink-Items-Spacing) * -0.2);
}
.infobar .icon-part i[class]{
display:block;
transform-origin:center;
font-size:var(--Permalink-Icon-Size);
}
.infobar .icon-part i.majesticons {
transform:scaleX(1.069) perspective(0);
}
.pin-cushion {
position:relative;
display:flex;
align-items:center;
justify-content:center;
margin-right:var(--Pinned-Post-Icon-Gap-Right);
width:var(--Pinned-Post-Icon-Total-Size);
height:var(--Pinned-Post-Icon-Total-Size);
background:var(--Pinned-Post-Icon-BG);
border-radius:var(--Pinned-Post-Icon-Rounded-Corners);
}
.pin-cushion:after {
content:"";
position:absolute;
top:0;left:100%;
margin-top:calc((var(--Pinned-Post-Icon-Total-Size) - var(--Pinned-Post-Arrow-Size)) / 2);
display:block;
width:0px;
height:0px;
border-style:solid;
border-width:calc(var(--Pinned-Post-Arrow-Size) / 2) 0 calc(var(--Pinned-Post-Arrow-Size) / 2) calc((var(--Pinned-Post-Arrow-Size) / 2) * var(--Pinned-Post-Arrow-Size-Equil-Factor));
border-color:transparent transparent transparent var(--Pinned-Post-Icon-BG);
}
.pin-cushion i[class]{
display:block;
margin-left:1px;
transform:perspective(0);
font-size:var(--Pinned-Post-Icon-Size);
color:var(--Pinned-Post-Icon-Color);
}
.pin-cushion, .pin-cushion * { line-height:0; }
.pin-txt { cursor:default; }
.innerpho, .pin-flex, .pho-top, .pho-bot {
display:flex;
align-items:center;
}
.innerpho, .pho-top {
justify-content:space-between;
}
.innerpho {
flex-direction:column;
align-items:flex-start;
}
.pho-top {
width:100%;
}
.infobar, .infobar a.perma {
font-size:var(--Permalink-Font-Size);
}
.infobar a.perma {
display:flex;
align-items:center;
gap:var(--Permalink-Items-Spacing);
margin:calc(0px - var(--Post-Controls-Touch-Padding));
padding:var(--Post-Controls-Touch-Padding);
line-height:1;
}
.infobar a.perma:not([href]){
cursor:default;
}
.post-controls {
display:flex;
align-items:center;
justify-content:center;
gap:calc(var(--Post-Controls-Spacing) - (var(--Post-Controls-Touch-Padding) * 2));
margin-right:calc(0px - var(--Post-Controls-Touch-Padding));
}
.post-controls [class*="-area"]{
position:relative;
line-height:1;
}
.post-controls [class*="-press"]{
display:flex;
align-items:center;
justify-content:center;
width:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
height:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
}
.post-controls i[class]{
display:block;
transform-origin:center;
font-size:var(--Post-Controls-Icon-Size);
color:var(--Post-Controls-Icon-Color);
}
.post-controls i.ti,
.post-controls i.majesticons {
transform:translateY(.5px) perspective(0);
font-size:calc(var(--Post-Controls-Icon-Size) + 1.5px);
}
.post-controls i.ti.ti-tag {
transform:translateY(1px) perspective(0);
}
html[tags="v"] .tog-tags-area { display:none; }
.tog-tags-area a {
cursor:help;
}
.like_button {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
background:black;
opacity:0;
overflow:hidden;
z-index:2;
}
.like_button > iframe {
display:block;
width:100%;
height:100%;
}
.like_button.liked + .like-press i[class]{
color:var(--Liked-Button-Color)!important;
}
.pho-bot {
justify-content:flex-start;
gap:var(--Permalink-Items-Spacing);
width:calc(100% - var(--Post-Controls-Total-Width) - var(--Post-Padding));
}
.via-part, .src-part {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/*------- POST NOTES -------*/
.post-notes {
padding:var(--Post-Padding);
}
ol.notes {
list-style:none;
margin:0;
padding:0;
}
ol.notes img {
display:none;
}
ol.notes a {
color:var(--Reblog-Name-Color);
}
/*------- PAGINATION -------*/
html[pagi="sb"] .botpagi,
html[pagi="bot"] .sbpagi {
display:none;
}
.sb-title.no-t {
display:none;
}
.botpagi {
padding:var(--Post-Padding);
}
.pagi-zone {
font-size:var(--Pagination-Numbers-Size);
}
/*.pagi-zone, .pagi-zone a {*/
/* color:var(--Pagination-Color);*/
/*}*/
.pagi-zone i[class]{
font-size:var(--Pagination-Arrows-Size);
}
.curpage i[class]{
color:var(--Pagination-Current-Page);
}
.jumpnum {
color:var(--Pagination-Numbers);
}
.prev-page i[class], .next-page i[class]{
color:var(--Pagination-Arrows);
}
.pgi-wrap, .pgi-wrap > * {
display:flex;
align-items:center;
justify-content:center;
line-height:1;
}
html[pagi="sb"] .sb-title:not(.no-t) .pgi-wrap {
margin-top:5px;
margin-bottom:calc(0px - var(--Pagination-Items-Padding));
}
html[pagi="bot"] .pgi-wrap {
margin:calc(0px - var(--Pagination-Items-Padding)) 0;
}
.pgi-wrap {
gap:var(--Pagination-Items-Spacing);
}
.pgi-wrap > * {
padding:var(--Pagination-Items-Padding);
}
.pgi-wrap > a {
justify-content:space-between;
gap:3px;
}
.curpage i[class]{
font-size:var(--Pagination-Current-Icon-Size);
}
/*------- TOOLTIPS -------*/
.tippy-box {
border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border);
background:var(--Tooltips-BG);
border-radius:var(--Tooltips-Rounded-Corners);
}
.tippy-content {
padding:calc(var(--Tooltips-Padding-Y) - (((var(--Caps-Font-Size) * var(--Body-Line-Height)) - var(--Caps-Font-Size)) / 2)) var(--Tooltips-Padding-X);
font-family:var(--Caps-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:var(--Tooltips-Font-Size);
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
word-spacing:var(--Caps-Word-Spacing);
color:var(--Tooltips-Text-Color);
line-height:var(--Body-Line-Height);
}
/*------- SCREEN READER TEXT -------*/
.sr-text {
position:absolute;
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
margin:-1px;
width:1px;
height:1px;
padding:0;
overflow:hidden;
word-wrap:normal!important;
}
/*------- OTHER PAGES -------*/
.posts[id="post-"] .text-block > .post-title + .comments > .comment:only-child {
padding-bottom:var(--Post-Padding);
}
/*------- CUSTOMIZE PAGE ADJUSTMENTS -------*/
.comment[username=""] .comment-header {
display:none;
}
/*------- RESPONSIVENESS -------*/
@media(max-width:720px){
.header-inner {
/*flex-direction:column;*/
}
}
@media(max-height:600px){
:root {
--Header-Height-Input:100vh;
}
}
/* ignore these */
#efztplipq, #wvqwfcodi {
position:fixed;
bottom:0;right:0;
width:0;
visibility:hidden;
z-index:-1;
}
#efztplipq {
height:calc(var(--Top-Bar-Height) + var(--Screen-Gaps));
}
#wvqwfcodi {
height:var(--Screen-Gaps);
}
{CustomCSS}
</style>
</head>
<body>
<!-- ignore this -->
<div id="efztplipq" aria-hidden="true"></div>
<div id="wvqwfcodi" aria-hidden="true"></div>
<!------- HERO SECTION ------->
<header class="hh-{select:show header}">
<div class="topbar">
<!---- MUSIC PLAYER ---->
<div class="mp-holder mp-{select:show music player}">
<div music-player btn-color="var(--Top-Bar-Music-Player-Btns-Color)" btn-size="var(--Top-Bar-Music-Player-Btns-Size)" gap="9px">
<div music-btn>
<div btn-play></div>
<div btn-pause hidden></div>
</div>
<audio src="{text:song file mp3}" {block:ifsongvolume}volume="{text:song volume}"{/block:ifsongvolume}></audio>
{block:ifsongname}
<div class="player-text">{text:song name}</div>
{/block:ifsongname}
</div>
</div><!--end mp-holder-->
<div class="top-inner" tbt-font="{select:top bar title font}">
<!---- TOP BAR TITLE ---->
{block:iftopbartitle}
<h1 class="top-title">
<span>{text:top bar title}</span>
</h1>
{/block:iftopbartitle}
{block:ifnottopbartitle}
<h1 class="top-title" data-text="{Title}">
<span class="x-one">{Title}</span>
<span class="x-two">{Name}</span>
</h1>
{/block:ifnottopbartitle}
<!---- TOP BAR LINKS ---->
<nav>
<!-- "home" link -->
<a href="/" aria-label="{lang:Home}">
<i class="hugeicons" icon-name="home-03"></i>
</a>
{block:AskEnabled}
<a href="/ask" aria-label="{AskLabel}" class="has-label">
<i class="hugeicons" icon-name="mail-open"></i>
</a>
{/block:AskEnabled}
<a href="/ask" aria-label="Askbox" class="no-label">
<i class="hugeicons" icon-name="mail-open"></i>
</a>
<!-- "archive" link -->
<a href="/archive" aria-label="{lang:Archive}">
<i class="hugeicons" icon-name="grid-view"></i>
</a>
<!-- "theme credit" link -->
<!-- please do not remove! -->
<a href="//glenthemes.tumblr.com" aria-label="⊹ Lachesis ⊹ theme by glenthemes  •◡•">
<i class="gt-misc-icons" icon-name="gt-0"></i>
</a>
</nav><!--end nav-->
<!---- SEARCHBAR ---->
{block:ifsearchsuggestion1}
<form class="searchblock" no-shadows action="/search" method="get">
<input class="searchbar-field" type="text" name="q" value="{SearchQuery}"{block:ifsearchbartextprompt} placeholder="{text:searchbar text prompt}"{/block:ifsearchbartextprompt}>
<div class="searchbar-button">
<button type="submit">{block:ifsearchbarbuttontext}{text:searchbar button text}{/block:ifsearchbarbuttontext}{block:ifnotsearchbarbuttontext}{lang:Search}{/block:ifnotsearchbarbuttontext}</button>
</div>
<div class="search-suggestions-wrapper">
<div class="search-suggestions">
<a href="{text:search suggestion 1 URL}">{text:search suggestion 1}</a>
{block:ifsearchsuggestion2}
<a href="{text:search suggestion 2 URL}">{text:search suggestion 2}</a>
{/block:ifsearchsuggestion2}
{block:ifsearchsuggestion3}
<a href="{text:search suggestion 3 URL}">{text:search suggestion 3}</a>
{/block:ifsearchsuggestion3}
{block:ifsearchsuggestion4}
<a href="{text:search suggestion 4 URL}">{text:search suggestion 4}</a>
{/block:ifsearchsuggestion4}
{block:ifsearchsuggestion5}
<a href="{text:search suggestion 5 URL}">{text:search suggestion 5}</a>
{/block:ifsearchsuggestion5}
</div>
</div><!--end search suggestions-->
</form><!--end searchbar (entire)-->
{/block:ifsearchsuggestion1}
</div><!--end top-inner-->
</div><!--end topbar-->
<div class="header-hero">
<div class="header-inner">
<!---- HEADER IMAGE (FOREGROUND) ---->
<div class="header-img" img-url="{image:header image}">
<img src="{image:header image}">
</div><!--end header-img-->
<div class="header-text-area">
<hgroup htf="{select:header title font}" hdf="{select:header desc font}">
<!---- HEADER TITLE ---->
{block:ifheadertitle}
<h2 class="header-title">{text:header title}</h2>
{/block:ifheadertitle}
<!---- HEADER DESC ---->
{block:ifheaderdesc}
<p class="header-desc">{text:header desc}</p>
{/block:ifheaderdesc}
<!---- HEADER BUTTON ---->
<div class="scroll-btn-cont scl-{select:show scroll button}">
<button type="button" class="scroll-btn{block:ifscrollbuttontext} has-t{/block:ifscrollbuttontext} rc-{select:scroll button rounded corners} anim-{select:scroll button hover animation}">
<div class="t-wrap">
<span class="x-one">{text:scroll button text}</span>
<span class="x-two">{lang:See more}</span>
</div>
<i class="ph-bold ph-caret-down"></i>
</button>
</div>
</hgroup>
</div><!--end header texts-->
</div><!--end header-inner-->
</div><!--end header-hero-->
</header><!--end top bar + header-->
<main>
<div class="main-inner">
<!------- SIDEBAR ------->
<aside class="left-sidebar">
<div class="sb-inner">
<!---- SIDEBAR BOX 1 ---->
<div class="sb-box">
<div class="box-inner">
<!---- SIDEBAR TITLE ---->
<h2 class="sb-title"{block:ifnotsidebartitle} t="{Title}"{/block:ifnotsidebartitle} sbt-font="{select:sidebar title font}" sbt-align="{select:sidebar title align}">
{block:ifsidebartitle}
<span class="x-one">{text:sidebar title}</span>
{/block:ifsidebartitle}
{block:ifnotsidebartitle}
<span class="x-two">{Title}</span>
<span class="x-three">{Name}</span>
{/block:ifnotsidebartitle}
</h2>
<!---- SIDEBAR DESC ---->
{block:ifsidebardesc}
<p class="sb-desc">{text:sidebar desc}</p>
{/block:ifsidebardesc}
{block:ifnotsidebardesc}
{block:Description}
<p class="sb-desc">{Description}</p>
{/block:Description}
{/block:ifnotsidebardesc}
</div><!--end box-inner-->
</div><!--end sb-box (1)-->
<!---- SIDEBAR BOX 2 ---->
<div class="sb-box">
<div class="box-inner">
<!---- LINKS BOX TITLE ---->
{block:iflinksboxtitle}
<h2 class="sb-title"{block:ifnotsidebartitle} t="{Title}"{/block:ifnotsidebartitle} sbt-font="{select:sidebar title font}" sbt-align="{select:sidebar title align}">
<span>{text:links box title}</span>
</h2>
{/block:iflinksboxtitle}
<!---- CUSTOM LINKS ---->
{block:ifcustomlink1name}
<div class="custom-links" rc="{select:custom links rounded corners style}">
<a href="{text:customlink 1 URL}">{text:customlink 1 name}</a>
{block:ifcustomlink2name}
<a href="{text:customlink 2 URL}">{text:customlink 2 name}</a>
{/block:ifcustomlink2name}
{block:ifcustomlink3name}
<a href="{text:customlink 3 URL}">{text:customlink 3 name}</a>
{/block:ifcustomlink3name}
{block:ifcustomlink4name}
<a href="{text:customlink 4 URL}">{text:customlink 4 name}</a>
{/block:ifcustomlink4name}
{block:ifcustomlink5name}
<a href="{text:customlink 5 URL}">{text:customlink 5 name}</a>
{/block:ifcustomlink5name}
{block:ifcustomlink6name}
<a href="{text:customlink 6 URL}">{text:customlink 6 name}</a>
{/block:ifcustomlink6name}
{block:ifcustomlink7name}
<a href="{text:customlink 7 URL}">{text:customlink 7 name}</a>
{/block:ifcustomlink7name}
{block:ifcustomlink8name}
<a href="{text:customlink 8 URL}">{text:customlink 8 name}</a>
{/block:ifcustomlink8name}
{block:ifcustomlink9name}
<a href="{text:customlink 9 URL}">{text:customlink 9 name}</a>
{/block:ifcustomlink9name}
{block:ifcustomlink10name}
<a href="{text:customlink 10 URL}">{text:customlink 10 name}</a>
{/block:ifcustomlink10name}
</div><!--end custom-links-->
{/block:ifcustomlink1name}
</div><!--end box-inner-->
</div><!--end sb-box (2)-->
<!---- SIDEBAR BOX 3 ---->
{block:Pagination}
<div class="sb-box sbpagi">
<div class="box-inner">
<!---- PAGINATION BOX TITLE ---->
<h2 class="sb-title{block:ifnotpaginationtitle} no-t{/block:ifnotpaginationtitle}" sbt-font="{select:sidebar title font}" sbt-align="{select:sidebar title align}">
<span>{text:pagination title}</span>
</h2>
<!------ PAGINATION (sb) ------>
<div class="pagi-zone sbpagi">
<div class="pgi-wrap">
{block:PreviousPage}
<a class="prev-page" href="{PreviousPage}" aria-label="{lang:Previous Page} (newer)">
<i class="ph-bold ph-caret-double-left"></i>
</a>
{/block:PreviousPage}
{block:JumpPagination length="6"}
{block:JumpPage}
<a class="jumpnum" href="{URL}" aria-label="Go to page {PageNumber}">{PageNumber}</a>
{/block:JumpPage}
{block:CurrentPage}
<span class="curpage" aria-label="You are here (Page {PageNumber})">
<i class="ph-bold ph-map-pin-area"></i>
</span>
{/block:CurrentPage}
{/block:JumpPagination}
{block:NextPage}
<a class="next-page" href="{NextPage}" aria-label="{lang:Next Page} (older)">
<i class="ph-bold ph-caret-double-right"></i>
</a>
{/block:NextPage}
</div><!--end pgi-wrap-->
</div><!--end pagi-zone-->
</div><!--end box-inner-->
</div><!--end sb-box (3)-->
{/block:Pagination}
</div><!--end sb-inner-->
</aside><!--end sidebar-->
<!------- POSTS CONTAINER ------->
<section class="all-posts load-in">
<!------- POSTS ------->
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
<article
class="posts"
id="post-{PostID}"
post-type="{PostType}"
root-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
>
<!------ PINNED POST INDICATOR ------>
{block:PinnedPostLabel}
<div class="infobar top">
<div class="pin-flex">
<div class="pin-cushion">
<i class="gt-misc-icons" icon-name="pushpin"></i>
</div>
<span class="pin-txt">{PinnedPostLabel}</span>
</div>
</div>
{/block:PinnedPostLabel}
<div class="post-body">
<!------ TEXT POSTS ------>
{block:Text}
<div class="text-block">
{block:Title}
<h1 class="post-title">
<span class="title-text">{Title}</span>
</h1>
{/block:Title}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
{block:Date}
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
{/block:Date}
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div><!--end block:text-->
{/block:Text}
<!------ PHOTO POSTS: SINGLE PHOTO ------>
{block:Photo}
<div class="photo-block">
<div class="legacy-photo">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
</div>
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div><!--end notreblog-->
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div><!--end single comment-->
{/block:Reblogs}
</div><!--end reblogs-->
{/block:RebloggedFrom}
{/block:Date}
</div><!--end photo-block-->
{/block:Photo}
<!------ PHOTO POSTS: PHOTOSET ------>
{block:Photoset}
<div class="photo-block">
<div class="legacy-photoset" layout="{PhotosetLayout}">
{block:Photos}
<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}"/>
{/block:Photos}
</div>
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div><!--end notreblog-->
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div><!--end single comment-->
{/block:Reblogs}
</div><!--end reblogs-->
{/block:RebloggedFrom}
{/block:Date}
</div><!--end photo-block-->
{/block:Photoset}
<!------ PHOTO POSTS: PANORAMA ------>
{block:Panorama}
<div class="photo-block">
<div class="legacy-photo pano">
{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
</div>
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div><!--end notreblog-->
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div><!--end single comment-->
{/block:Reblogs}
</div><!--end reblogs-->
{/block:RebloggedFrom}
{/block:Date}
</div><!--end photo-block-->
{/block:Panorama}
<!------ QUOTE POSTS ------>
{block:Quote}
<div class="quote-block">
<div class="quote-set">
<blockquote class="quote-text">
“{Quote}”
</blockquote>
{block:Source}
<p class="quote-source">{Source}</p>
{/block:Source}
</div><!--end quote-set-->
</div><!--end quote-block-->
{/block:Quote}
<!------ LINK POSTS ------>
{block:Link}
<div class="link-block">
<a href="{URL}" class="link-render post-title" {Target}>
<span class="title-text">
<span>{Name}</span>
{block:Host}
<span class="site-name">
<i class="ph-bold ph-link"></i>
<span class="host-name">{Host}</span>
</span>
{/block:Host}
</span>
</a>
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div><!--end notreblog-->
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div><!--end single comment-->
{/block:Reblogs}
</div><!--end reblogs-->
{/block:RebloggedFrom}
{/block:Date}
</div><!--end link-block-->
{/block:Link}
<!------ CHAT POSTS ------>
{block:Chat}
<div class="chat-block">
<ul class="chat-wrap">
{block:Lines}
<li class="chat-line">
{block:Label}
<b class="chat-label">{Label}</b>
{/block:Label}
<span class="chat-content"> {Line}</span>
</li>
{/block:Lines}
</ul>
</div><!--end chat-block-->
{/block:Chat}
<!------ AUDIO POSTS ------>
{block:Audio}
<div class="audio-block">
<div class="aud-gen">
<div class="aud-cover">
<div class="aud-ctl">
<button class="q-play" aria-label="Play">
<span class="play-icon" aria-hidden="true"></span>
</button>
<button class="q-pause" aria-label="Pause">
<span class="pause-icon" aria-hidden="true"></span>
</button>
</div>
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="{block:Album}“{Album}” {/block:Album}album cover{block:Artist} by {Artist}{/block:Artist}"/>
{block:AlbumArt}
</div>
<div class="aud-xyz">
<div class="aud-info">
<div class="aud-title{block:TrackName} has-title{/block:TrackName}">
<span class="has-title">{block:TrackName}{TrackName}{/block:TrackName}</span>
<span class="no-title">Unknown Track</span>
</div>
<div class="aud-artist{block:Artist} has-artist{/block:Artist}">
<span class="has-artist">{block:Artist}{Artist}{/block:Artist}</span>
<span class="no-artist">Unknown Artist</span>
</div>
<div class="aud-album{block:Album} has-album{/block:Album}">
<span class="has-album">{block:Album}{Album}{/block:Album}</span>
<span class="no-album">Unknown Album</span>
</div>
</div><!--end aud-info (text)-->
{block:AudioPlayer}
<div class="aud-iframe">{AudioPlayer}</div>
{/block:AudioPlayer}
</div><!--end aud-xyz-->
<a class="aud-dl" href="javascript:void(0)" target="_blank" aria-label="Download">
<i class="ti ti-download"></i>
</a>
</div><!--end audio-gen-->
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div><!--end notreblog-->
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div><!--end single comment-->
{/block:Reblogs}
</div><!--end reblogs-->
{/block:RebloggedFrom}
{/block:Date}
</div><!--end audio-block-->
{/block:Audio}
<!------ VIDEO POSTS ------>
{block:Video}
<div class="video-block">
<div class="legacy-video">
{Video-700}
{block:VideoThumbnail}
<span class="poster-thumb" url="{VideoThumbnailURL}"></span>
{/block:VideoThumbnail}
</div>
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div><!--end notreblog-->
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div><!--end single comment-->
{/block:Reblogs}
</div><!--end reblogs-->
{/block:RebloggedFrom}
{/block:Date}
</div><!--end video-block-->
{/block:Video}
<!------ ASK POSTS ------>
{block:Answer}
<div class="answer-block">
<div class="question-part">
<img class="askerpic" src="{AskerPortraitURL-128}"/>
<div class="q-wrap">
<p class="q-top">{lang:Asker asked 2}:</p>
<div class="q-text">{Question}</div>
</div>
</div><!--end question-part-->
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-128}" alt="{Name}'s avatar">
<span class="username">{Name} answered:</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Replies}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div><!--end notreblog-->
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Answerer}
<div class="comment original-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{ReblogRootName}">
<a class="comment-header" href="{ReblogRootURL}">
<img class="userpic" src="{ReblogRootPortraitURL-64}">
<span class="username">{ReblogRootName} answered:</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Answer}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
{/block:Answerer}
{block:Reblogs}
{block:IsNotOriginalEntry}
<div class="comment extra-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div><!--end single comment-->
{/block:IsNotOriginalEntry}
{/block:Reblogs}
</div><!--end reblogs-->
{/block:RebloggedFrom}
{/block:Date}
</div><!--end answer-block-->
{/block:Answer}
</div><!--end post-body-->
<!------ TAGS ------>
{block:HasTags}
<div class="tagscont" align="{select:tags position}">
<div class="tags-x">
<div class="tags-y">
<div class="tags-outer">
<div class="tags-inner">
{block:Tags}
<a href="{TagURL}" tag="{URLSafeTag}">{Tag}</a>
{/block:Tags}
</div><!--end tags-inner-->
</div><!--end tags-outer-->
</div><!--end tags-X-->
</div><!--end tags-y-->
</div><!--end tagscont-->
{/block:HasTags}
<!------ POST INFO / PERMALINK ------>
{block:Date}
<div class="infobar bot">
<div class="innerpho">
<div class="pho-top">
<!-- permalink -->
<a class="perma"{block:IndexPage} href="{Permalink}" aria-label="View Post"{/block:IndexPage}>
<!-- calendar icon -->
<div class="icon-part">
<i class="majesticons" icon-name="calendar"></i>
</div>
<!-- date posted -->
<div class="date-part">
{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
</div>
<!-- no. of notes -->
<div class="notes-part">
{NoteCountWithLabel}
</div>
</a><!--end permalink (left)-->
<!-- post info btns -->
<div class="post-controls">
{block:HasTags}
<div class="tog-tags-area">
<a class="tags-press" aria-label="{lang:Tags}">
<i class="ti ti-tag"></i>
</a>
</div>
{/block:HasTags}
<div class="op-area">
<a class="op-press" href="{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}{block:NotReblog}{Permalink}{/block:NotReblog}" aria-label="By: @{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}{block:NotReblog}{Name}{/block:NotReblog}">
<i class="majesticons" icon-name="user"></i>
</a>
</div>
<div class="rb-area">
<a class="rb-press" href="{ReblogURL}" aria-label="Reblog">
<i class="ti ti-repeat"></i>
</a>
</div>
<div class="like-area" aria-label="Like">
{LikeButton}
<div class="like-press">
<i class="ph-bold ph-heart"></i>
</div>
</div>
</div><!--end post-controls-->
</div><!--end pho-top-->
{block:PermalinkPage}
{block:RebloggedFrom}
<div class="pho-bot">
<div class="via-part">
<span>via: </span>
<a href="{ReblogParentURL}">{ReblogParentName}</a>
</div>
<div class="src-part">
<span>source: </span>
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</div>
</div><!--end pho-bot-->
{/block:RebloggedFrom}
{/block:PermalinkPage}
</div><!--end innerpho-->
</div><!--end infobar-->
{/block:Date}
</article><!--end a post-->
<!------ POST NOTES ------>
{block:PostNotes}
<div class="post-notes">{PostNotes}</div>
{/block:PostNotes}
{/block:Posts}
<!------ PAGINATION (bot) ------>
{block:Pagination}
<div class="pagi-zone botpagi">
<div class="pgi-wrap">
{block:PreviousPage}
<a class="prev-page" href="{PreviousPage}" aria-label="{lang:Previous Page} (newer)">
<i class="ph-bold ph-caret-double-left"></i>
</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:JumpPage}
<a class="jumpnum" href="{URL}" aria-label="Go to page {PageNumber}">{PageNumber}</a>
{/block:JumpPage}
{block:CurrentPage}
<span class="curpage" aria-label="You are here (Page {PageNumber})">
<i class="ph-bold ph-map-pin-area"></i>
</span>
{/block:CurrentPage}
{/block:JumpPagination}
{block:NextPage}
<a class="next-page" href="{NextPage}" aria-label="{lang:Next Page} (older)">
<i class="ph-bold ph-caret-double-right"></i>
</a>
{/block:NextPage}
</div><!--end pgi-wrap-->
</div><!--end pagi-zone-->
{/block:Pagination}
</section><!--end all posts-->
</div><!--end main-inner-->
</main><!--end main-->
2022-07-22 03:59:19 +01:00
</body>
</html>
