4451 lines
168 KiB
Plaintext
4451 lines
168 KiB
Plaintext
<!-------------------------------------------------------------------
|
||
|
||
Theme [24]: Lachesis
|
||
Made by glenthemes
|
||
|
||
Release date: 2017/10/16
|
||
Revamp date: 2024/04/27
|
||
Last updated: 2024/05/11
|
||
|
||
「 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. 」
|
||
٩(๑❛ᴗ❛๑)۶ ~ glencredits.tumblr.com/lachesis
|
||
|
||
-------------------------------------------------------------------->
|
||
|
||
<!DOCTYPE html>
|
||
<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}"
|
||
>
|
||
<head>
|
||
|
||
<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}” – {lang:SearchResultCount results}{/block:SearchPage}
|
||
</title>
|
||
|
||
<link rel="shortcut icon" href="{Favicon}">
|
||
|
||
{block:Description}
|
||
<meta name="description" content="{MetaDescription}"/>
|
||
{/block:Description}
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||
|
||
<!------- FONTS ------->
|
||
<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>
|
||
<script>
|
||
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");
|
||
</script>
|
||
<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>
|
||
|
||
<!------- 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>
|
||
|
||
<!------- SCRIPTS ------->
|
||
<script src="//static.tumblr.com/2pnwama/uLNs0r1rq/roots.js"></script>
|
||
|
||
<script src="//glen-iframes.gitlab.io/i/use.js"></script>
|
||
|
||
<link href="//glen-npf.gitlab.io/v4-beta/main.css" rel="stylesheet" crossorigin>
|
||
<script src="//glen-npf.gitlab.io/v4-beta/use.js"></script>
|
||
|
||
<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>
|
||
|
||
<link href="//vid_yo.gitlab.io/o/core.css" rel="stylesheet">
|
||
<script src="//vid_yo.gitlab.io/o/init.js"></script>
|
||
|
||
<script src="//cdn.jsdelivr.net/gh/gblazex/smoothscroll-for-websites@v1.4.10/SmoothScroll.min.js"></script>
|
||
|
||
<link href="//search-dropdown.gitlab.io/i/style.css" rel="stylesheet">
|
||
<script src="//search-dropdown.gitlab.io/i/init.js"></script>
|
||
|
||
<script src="//cdn.jsdelivr.net/gh/Stanko/animated-scroll-to/docs/docs.js"></script>
|
||
|
||
<script src="//cdn.jsdelivr.net/gh/vursen/FloatSidebar.js@master/dist/float-sidebar.min.js"></script>
|
||
|
||
<script src="//static.tumblr.com/gtjt4bo/18Vryl30c/glenplayer0.js"></script>
|
||
|
||
<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%">
|
||
|
||
<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’ll call them something celestial. – <a href="https://antgione-blog.tumblr.com/post/154580591020">A.</a>">
|
||
|
||
<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%);
|
||
|
||
--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};
|
||
|
||
--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)));
|
||
}
|
||
|
||
/*------- BASICS -------*/
|
||
* {
|
||
box-sizing:border-box;
|
||
}
|
||
|
||
html, body {
|
||
min-width:calc(var(--Container-Total-Width) + 6.9vw);
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
html[bg-size="repeat"] body {
|
||
background-repeat:repeat;
|
||
}
|
||
|
||
html[bg-size="full"] body {
|
||
background-repeat:no-repeat;
|
||
background-size:cover;
|
||
}
|
||
|
||
.no-overscroll {
|
||
overscroll-behavior:none;
|
||
}
|
||
|
||
img, canvas, iframe, video {
|
||
vertical-align:middle;
|
||
}
|
||
|
||
b, strong {
|
||
font-weight:var(--Bold-Font-Weight);
|
||
color:var(--Bold);
|
||
}
|
||
|
||
i:not([class]), em {
|
||
color:var(--Italic);
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
code {
|
||
padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
|
||
}
|
||
|
||
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);
|
||
}
|
||
|
||
p.keep-reading {
|
||
text-align:center;
|
||
}
|
||
|
||
/*------- TEXT HIGHLIGHT -------*/
|
||
::selection {
|
||
background:{color:text highlight BG};
|
||
color:{color:text highlighted};
|
||
}
|
||
|
||
::-moz-selection {
|
||
background:{color:text highlight BG};
|
||
color:{color:text highlighted};
|
||
}
|
||
|
||
/*------- SCROLLBAR -------*/
|
||
@-moz-document url-prefix(){
|
||
* {
|
||
scrollbar-width:thin; /* firefox only */
|
||
}
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
width:var(--Scrollbar-Padding);
|
||
height:var(--Scrollbar-Padding);
|
||
background-color:var(--Scrollbar-BG);
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background-color:var(--Scrollbar-Thumb);
|
||
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid var(--Scrollbar-BG);
|
||
}
|
||
|
||
::-webkit-scrollbar-corner {
|
||
background:var(--Scrollbar-BG);
|
||
}
|
||
|
||
/*------- BODY FONT -------*/
|
||
html[font="Libre Franklin"]:root {
|
||
--Body-Letter-Spacing:0.0069em;
|
||
--Body-Font-Weight:475;
|
||
}
|
||
|
||
/*------- 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);
|
||
}
|
||
|
||
h1, .post-title {
|
||
font-size:var(--Heading-Font-Size);
|
||
}
|
||
|
||
h2, h3 {
|
||
font-size:calc(var(--Heading-Font-Size) - 1px);
|
||
}
|
||
|
||
h4, h5, h6 {
|
||
font-size:calc(var(--Heading-Font-Size) - 2px);
|
||
}
|
||
|
||
/*-----------------------*/
|
||
|
||
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;
|
||
}
|
||
|
||
html[heading-font="Gentium Book Plus"] .posts h1,
|
||
html[heading-font="Gentium Book Plus"] .post-title {
|
||
font-size:var(--ut)!important;
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
/*-----------------------*/
|
||
|
||
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;
|
||
}
|
||
|
||
/*-----------------------*/
|
||
|
||
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;
|
||
}
|
||
|
||
html[heading-font="Gloock"] .posts h1,
|
||
html[heading-font="Gloock"] .post-title {
|
||
font-size:var(--le)!important;
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
/*-----------------------*/
|
||
|
||
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;
|
||
}
|
||
|
||
/*----- UPPERCASE FONT / CAPS FONT -----*/
|
||
html[caps-font="Figtree"]:root {
|
||
--Caps-Font-Weight:600;
|
||
}
|
||
|
||
html[caps-font="Public Sans"]:root {
|
||
--Caps-Font-Size:calc(var(--Body-Font-Size) - 3px);
|
||
--Caps-Font-Weight:600;
|
||
}
|
||
|
||
html[caps-font="Karla"]:root {
|
||
--Caps-Font-Weight:600;
|
||
}
|
||
|
||
html[caps-font="Lora"]:root {
|
||
--Caps-Font-Weight:650;
|
||
}
|
||
|
||
html[caps-font="Averia Serif Libre"]:root {
|
||
--Caps-Font-Size:calc(var(--Body-Font-Size) - 1px);
|
||
--Caps-Font-Weight:700;
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.comment-body .caps {
|
||
font-size:calc(var(--Caps-Font-Size) + 1px);
|
||
}
|
||
|
||
.vidyo-current-time, .vidyo-duration {
|
||
font-size:calc(var(--Caps-Font-Size) + 1px)!important;
|
||
}
|
||
|
||
/* !important overrides bc t*mblr */
|
||
.poll-row, .poll-see-results {
|
||
font-weight:var(--Caps-Font-Weight)!important;
|
||
font-size:var(--Caps-Font-Size)!important;
|
||
}
|
||
|
||
/*------- LINKS -------*/
|
||
a {
|
||
color:var(--Links-Color);
|
||
text-decoration:none;
|
||
}
|
||
|
||
.comment-body a b:not([style*="color:"],[class]),
|
||
.comment-body a i:not([style*="color:"],[class]){
|
||
color:var(--Links-Color);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
/*------- 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);
|
||
}
|
||
|
||
/*------- 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));
|
||
}
|
||
|
||
li {
|
||
padding-left:var(--ul-ol-gap-2);
|
||
}
|
||
|
||
/* 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));
|
||
}
|
||
|
||
/*------- 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;
|
||
}
|
||
|
||
html[tumblr-controls="black"] iframe.tmblr-iframe.iframe-controls--desktop {
|
||
filter:invert(100%) hue-rotate(180deg)!important;
|
||
}
|
||
|
||
.tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
|
||
display:none!important;
|
||
visibility:hidden!important;
|
||
height:0!important;
|
||
}
|
||
|
||
/*------- TOP BAR + HEADER -------*/
|
||
header {
|
||
|
||
}
|
||
|
||
/*------- 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;
|
||
}
|
||
|
||
.top-inner {
|
||
position:relative;
|
||
margin:0;
|
||
display:flex;
|
||
justify-content:center;
|
||
align-items:center;
|
||
gap:var(--Top-Bar-Items-Spacing);
|
||
width:100%;
|
||
height:100%;
|
||
}
|
||
|
||
.topbar .mp-holder {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
height:100%;
|
||
z-index:3;
|
||
}
|
||
|
||
.topbar .mp-holder.mp-hide { display:none!important; }
|
||
|
||
.topbar [music-player]{
|
||
display:flex;
|
||
align-items:center;
|
||
margin-left:calc(var(--Top-Bar-Padding) - 1px);
|
||
height:100%;
|
||
}
|
||
|
||
.topbar [music-player] [music-btn]{
|
||
box-sizing:content-box;
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
/*----- TOP BAR TITLE FONT ADJUSTMENTS -----*/
|
||
[tbt-font="Kalnia"] .top-title {
|
||
font-family:"Kalnia";
|
||
letter-spacing:0.08em;
|
||
}
|
||
|
||
[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);
|
||
}
|
||
|
||
[tbt-font="Playfair Display SC"] .top-title {
|
||
font-family:"Playfair Display SC";
|
||
font-weight:900!important;
|
||
letter-spacing:0.08em;
|
||
}
|
||
|
||
[tbt-font="Gloock"] .top-title {
|
||
font-family:"Gloock";
|
||
font-weight:bold!important;
|
||
letter-spacing:0.15em;
|
||
}
|
||
|
||
[tbt-font="Reem Kufi Fun"] .top-title {
|
||
font-family:"Reem Kufi Fun";
|
||
letter-spacing:0.03em;
|
||
}
|
||
|
||
[tbt-font="Lexend"] .top-title {
|
||
font-family:"Lexend";
|
||
letter-spacing:0.03em;
|
||
}
|
||
|
||
.top-title .x-two {
|
||
display:none;
|
||
}
|
||
|
||
.top-title[data-text=""] .x-one {
|
||
display:none;
|
||
}
|
||
|
||
.top-title[data-text=""] .x-two {
|
||
display:block;
|
||
}
|
||
|
||
/* 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);
|
||
}
|
||
|
||
.top-inner > * + * {
|
||
margin-left:var(--Top-Bar-Dividers-Width);
|
||
}
|
||
|
||
header nav {
|
||
display:flex;
|
||
align-items:center;
|
||
gap:var(--Top-Bar-Links-Icon-Spacing);
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
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));
|
||
}
|
||
|
||
header nav, header nav a, header nav a i[class]{
|
||
line-height:1;
|
||
}
|
||
|
||
header nav a:hover {
|
||
border-color:var(--Top-Bar-Links-HOVER-Icon-Border-Color);
|
||
background-color:var(--Top-Bar-Links-HOVER-Icon-BG);
|
||
}
|
||
|
||
header nav a:hover i[class]{
|
||
color:var(--Top-Bar-Links-HOVER-Icon-Color);
|
||
}
|
||
|
||
header nav a.has-label + a.no-label { display:none; }
|
||
|
||
html[searchbar="hide"] .searchblock {
|
||
display:none!important;
|
||
}
|
||
|
||
.searchblock input::placeholder {
|
||
transition:color 0.15s ease-in-out;
|
||
}
|
||
|
||
.searchblock input:focus::placeholder {
|
||
color:transparent;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.searchbar-button button:hover {
|
||
border-color:var(--Searchbar-Button-HOVER-Border);
|
||
background-color:var(--Searchbar-Button-HOVER-BG);
|
||
color:var(--Searchbar-Button-HOVER-Text);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.search-suggestions-wrapper {
|
||
position:absolute;
|
||
top:100%;
|
||
}
|
||
|
||
.search-suggestions {
|
||
border:none;
|
||
}
|
||
|
||
html[searchbar-glass="y"] .search-suggestions {
|
||
backdrop-filter:blur(var(--Search-Suggestion-Box-Blur));
|
||
}
|
||
|
||
html[searchbar-glass="n"] .search-suggestions a:first-child {
|
||
margin-top:0;
|
||
}
|
||
|
||
/*------- HEADER -------*/
|
||
.header-hero {
|
||
display:none;
|
||
width:100%;
|
||
height:var(--Header-Height);
|
||
background-image:url("{image:header background}");
|
||
background-position:center;
|
||
}
|
||
|
||
html[blog-page="1"] .header-hero {
|
||
display:block;
|
||
}
|
||
|
||
header.hh-hide .header-hero { display:none!important; }
|
||
|
||
.topbar + .header-hero {
|
||
margin-top:var(--Top-Bar-Height);
|
||
}
|
||
|
||
html[header-bg-size="large"] .header-hero {
|
||
background-size:cover;
|
||
background-repeat:no-repeat;
|
||
}
|
||
|
||
html[header-bg-size="small"] .header-hero {
|
||
background-repeat:repeat;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
/* v+h balance left & right */
|
||
.header-img, .header-text-area {
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:flex-end;
|
||
height:100%;
|
||
flex-shrink:0;
|
||
}
|
||
|
||
/* header, left */
|
||
.header-img, .header-img img {
|
||
max-height:100%;
|
||
}
|
||
|
||
.header-img img {
|
||
}
|
||
|
||
/* header, right */
|
||
.header-text-area {
|
||
width:var(--Header-Text-Width);
|
||
}
|
||
|
||
.header-text-area > *, .header-text-area > hgroup:only-child > * {
|
||
margin:0;
|
||
}
|
||
|
||
.header-text-area > hgroup {
|
||
display:flex;
|
||
flex-direction:column;
|
||
gap:var(--Header-Text-Row-Gaps);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
/*----- HEADER TITLE FONT ADJUSTMENTS -----*/
|
||
[htf="Kalnia"] .header-title {
|
||
font-family:"Kalnia";
|
||
letter-spacing:0.08em;
|
||
}
|
||
|
||
[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);
|
||
}
|
||
|
||
[htf="Playfair Display SC"] .header-title {
|
||
font-family:"Playfair Display SC";
|
||
font-weight:900!important;
|
||
letter-spacing:0.08em;
|
||
}
|
||
|
||
[htf="Gloock"] .header-title {
|
||
font-family:"Gloock";
|
||
font-weight:bold!important;
|
||
letter-spacing:0.095em;
|
||
}
|
||
|
||
[htf="Reem Kufi Fun"] .header-title {
|
||
font-family:"Reem Kufi Fun";
|
||
letter-spacing:0.03em;
|
||
}
|
||
|
||
[htf="Lexend"] .header-title {
|
||
font-family:"Lexend";
|
||
letter-spacing:0.03em;
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.header-desc b, .header-desc strong {
|
||
color:var(--Header-Desc-Bold);
|
||
}
|
||
|
||
.header-desc i:not([class]), .header-desc em {
|
||
color:var(--Header-Desc-Italic);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
/*----- HEADER DESC FONT ADJUSTMENTS -----*/
|
||
[hdf="Libre Franklin"] .header-desc {
|
||
--Header-Desc-Font-Weight:475;
|
||
}
|
||
|
||
.scroll-btn-cont {
|
||
display:flex;
|
||
}
|
||
|
||
.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);
|
||
text-transform:uppercase;
|
||
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;
|
||
}
|
||
|
||
.scroll-btn.rc-20px {
|
||
padding-left:calc(var(--Header-Scroll-Btn-Padding) + 5px);
|
||
padding-right:calc(var(--Header-Scroll-Btn-Padding) + 2px);
|
||
}
|
||
|
||
.scroll-btn:not(.has-t) .x-one { display:none; }
|
||
.scroll-btn.has-t .x-two { display:none; }
|
||
|
||
.scroll-btn i[class]{
|
||
font-size:var(--Header-Scroll-Btn-Icon-Size);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.scroll-btn.anim-yes:hover {
|
||
transform:scale(1.0420,1.0420);
|
||
}
|
||
|
||
/*------- CONTAINER SETTINGS -------*/
|
||
main {
|
||
margin:auto;
|
||
min-width:var(--Container-Total-Width);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
html[blog-page="1"] header.hh-show + main .main-inner {
|
||
padding-top:var(--Screen-Gaps);
|
||
margin:0 auto var(--Screen-Gaps) auto;
|
||
}
|
||
|
||
/*------- SIDEBAR -------*/
|
||
.left-sidebar {
|
||
position:relative;
|
||
width:var(--Sidebar-Width-Total)!important;
|
||
flex-shrink:0;
|
||
}
|
||
|
||
.sb-inner {
|
||
width:var(--Sidebar-Width-Total)!important;
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.sb-box:last-child, html[has-pagi][pagi="bot"] .sb-box:nth-of-type(2){
|
||
margin-bottom:0;
|
||
}
|
||
|
||
.box-inner {
|
||
display:flex;
|
||
flex-direction:column;
|
||
gap:var(--Sidebar-Box-Contents-Row-Spacing);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
/*----- SIDEBAR TITLE FONT ADJUSTMENTS -----*/
|
||
[sbt-font="Kalnia"].sb-title {
|
||
font-family:"Kalnia";
|
||
letter-spacing:0.025em;
|
||
}
|
||
|
||
[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);
|
||
}
|
||
|
||
[sbt-font="Playfair Display SC"].sb-title {
|
||
font-family:"Playfair Display SC";
|
||
font-weight:900!important;
|
||
letter-spacing:0.04em;
|
||
}
|
||
|
||
[sbt-font="Gloock"].sb-title {
|
||
font-family:"Gloock";
|
||
font-weight:bold!important;
|
||
letter-spacing:0.125em;
|
||
}
|
||
|
||
[sbt-font="Reem Kufi Fun"].sb-title {
|
||
font-family:"Reem Kufi Fun";
|
||
letter-spacing:0.03em;
|
||
word-spacing:0.15em;
|
||
}
|
||
|
||
[sbt-font="Lexend"].sb-title {
|
||
font-family:"Lexend";
|
||
letter-spacing:0.025em;
|
||
}
|
||
|
||
.sb-title[sbt-align="left"]{
|
||
justify-content:flex-start;
|
||
}
|
||
|
||
.sb-title[sbt-align="center"]{
|
||
justify-content:center;
|
||
}
|
||
|
||
.sb-title[sbt-align="right"]{
|
||
justify-content:flex-end;
|
||
}
|
||
|
||
/* 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));
|
||
}
|
||
|
||
/* 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);
|
||
}
|
||
|
||
.sb-title:not([t]) .x-two,
|
||
.sb-title:not([t]) .x-three {
|
||
display:none;
|
||
}
|
||
|
||
.sb-title[t=""] .x-one,
|
||
.sb-title[t=""] .x-two {
|
||
display:none;
|
||
}
|
||
|
||
.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; }
|
||
|
||
.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-->
|
||
|
||
</body>
|
||
</html> |