3327 lines
96 KiB
Plaintext
3327 lines
96 KiB
Plaintext
<!----------------------------------------------------
|
|
Theme [09]: Radiance
|
|
Made by glenthemes
|
|
|
|
Initial release: 2015/09/28
|
|
Rework date: 2021/12/05
|
|
Last updated: 2023/09/04
|
|
|
|
What's new:
|
|
✱ NPF audio post support
|
|
|
|
------------------------------------------------------
|
|
|
|
📖 PLEASE READ THE GUIDE: 📖
|
|
|
|
https://docs.google.com/presentation/d/1Ntb6G6nYOz4NcLfHYB_JyJvZPpXQvaQbYCNLttMGREM/edit?usp=sharing
|
|
|
|
------------------------------------------------------
|
|
TERMS OF USE:
|
|
1) Do not remove the theme credit.
|
|
2) Do not repost/redistribute my themes.
|
|
3) Do not take parts of the code and. use it as your own.
|
|
4) Do not use my themes as a base code.
|
|
5) Do not mix my themes together.
|
|
|
|
CREDITS:
|
|
(⊃｡•́‿•̀｡)⊃ ~ glencredits.tumblr.com/radiance
|
|
----------------------------------------------------->
|
|
<!DOCTYPE html>
|
|
<html font="{select:font}" tumblr-controls="{select:tumblr controls color}" bg-type="{select:background image type}" portrait="{PortraitURL-64}" {block:TagPage}tag-page{/block:TagPage} credit-pos="{select:theme credit location}">
|
|
|
|
<head>
|
|
|
|
<title>{Title}</title>
|
|
<link rel="shortcut icon" href="{Favicon}">
|
|
|
|
{block:Description}
|
|
<meta name="description" content="{MetaDescription}">
|
|
{/block:Description}
|
|
|
|
<!-------- FONTS -------->
|
|
<!-- google fonts -->
|
|
<link href="//fonts.googleapis.com/css?family=Work+Sans:500|Cousine|Libre+Franklin:400,600|Manrope:500,700|Karla:400,700|Rubik:400,500|Open+Sans:400,600|Delius+Unicase:400,700|Archivo:400,700|Sen:400,700|Inter:400,600|Manjari:700" rel="stylesheet">
|
|
|
|
<!-------- ICON FONTS -------->
|
|
<!-- phosphor icons -->
|
|
<link rel="stylesheet" href="//unpkg.com/phosphor-icons@1.3.2/src/css/phosphor.css">
|
|
|
|
<!-- cappucicons -->
|
|
<link href="//static.tumblr.com/gtjt4bo/tQkr83ou4/cappuccicons.css" rel="stylesheet">
|
|
|
|
<!-- iconsax -->
|
|
<script src="//glenthemes.github.io/iconsax/geticons.js"></script>
|
|
<link href="//glenthemes.github.io/iconsax/style.css" rel="stylesheet">
|
|
|
|
<!-- boobstrap -->
|
|
<link rel="stylesheet" href="//glen-assets.github.io/bootstrap-icons/bootstrap-icons.css">
|
|
|
|
<!-------- PRELOAD -------->
|
|
<link rel="preload" href="{image:sidebar image}" as="image">
|
|
<link rel="preload" href="//glen-assets.github.io/fonts/Dharko Gilbert.ttf" as="font" type="font/ttf" crossorigin>
|
|
|
|
<!-------- JQUERY -------->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
|
|
|
<!-------- THEME SCRIPTS -------->
|
|
<script src="//npf-images-v3.github.io/script.js"></script>
|
|
<link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
|
|
|
|
<script src="//rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
|
|
|
|
<link href="//static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
|
|
|
|
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
|
|
|
|
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
|
|
<script src="//glen-themes.gitlab.io/thms/09/tamago-kake-gohan.js"></script>
|
|
<script src="//glen-themes.gitlab.io/thms/09/meat-buns.js"></script>
|
|
|
|
<!-- unblue polls -->
|
|
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
|
|
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
|
|
<style unblue-polls>
|
|
.poll-post {
|
|
--Poll-Question-Font-Size: var(--Body-Font-Size);
|
|
|
|
--Poll-Option-Background-Color: {color:post};
|
|
--Poll-Option-Corner-Rounding: var(--Posts-Corner-Roundness);
|
|
--Poll-Option-Border-Size: 1px;
|
|
--Poll-Option-Border-Color: {color:post borders inner};
|
|
--Poll-Option-Padding: 10px;
|
|
--Poll-Option-Font-Size: var(--Body-Font-Size);
|
|
--Poll-Option-Spacing: 10px;
|
|
--Poll-Option-Text-Color: {color:text};
|
|
|
|
--Poll-Option-HOVER-Border-Color: {color:special border};
|
|
--Poll-Option-HOVER-Background-Color: {color:special background};
|
|
--Poll-Option-HOVER-Text-Color: {color:special text};
|
|
--Poll-Option-HOVER-Speed: 0.4s;
|
|
}
|
|
|
|
.poll-see-results {
|
|
padding-bottom:0!important;
|
|
border-bottom:none!important;
|
|
font-size:calc(var(--Poll-Option-Font-Size) - .5px)!important;
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
</style>
|
|
|
|
<!-- npf audio player -->
|
|
<!-- glenthemes.tumblr.com/post/722160746171072512 -->
|
|
<script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
|
|
<link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
|
|
<script>
|
|
tumblr_npf_audio({
|
|
emptyTitleText: "Untitled track",
|
|
emptyArtistText: "Untitled artist",
|
|
emptyAlbumText: "Untitled album",
|
|
|
|
titleLabel: "",
|
|
artistLabel: "",
|
|
albumLabel: ""
|
|
});
|
|
</script>
|
|
<style edit-npf-audio-player>
|
|
.npf-audio-wrapper {
|
|
--NPF-Audio-Buttons-Size: var(--Audio-Post-Buttons-Size);
|
|
--NPF-Audio-Buttons-Color: var(--Audio-Post-Buttons-Color);
|
|
--NPF-Audio-Buttons-Padding: var(--Audio-Post-Buttons-Padding);
|
|
--NPF-Audio-Buttons-Spacing: calc(var(--p) + var(--Audio-Post-Album-Right-Gap));
|
|
--NPF-Audio-Image-Size: var(--Audio-Post-Album-Size);
|
|
--NPF-Audio-Image-Spacing: 0px;
|
|
|
|
--t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
|
|
--p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
|
|
}
|
|
|
|
.npf-audio-wrapper {
|
|
position:relative;
|
|
background:{color:special background};
|
|
border:1px solid {color:special border};
|
|
z-index:0;
|
|
}
|
|
|
|
.npf-audio-background {
|
|
margin-left:var(--p);
|
|
}
|
|
|
|
.npf-audio-play, .npf-audio-pause {
|
|
position:relative;
|
|
z-index:0;
|
|
}
|
|
|
|
.npf-audio-play:after, .npf-audio-pause:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;left:0;
|
|
margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
|
margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
|
width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
|
height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
|
background:var(--Audio-Post-Buttons-Background);
|
|
border-radius:100%;
|
|
z-index:-1;
|
|
}
|
|
|
|
.npf-audio-play svg { margin-left:1px; }
|
|
.npf-audio-pause svg { margin-left:0; }
|
|
|
|
figcaption.audio-caption,
|
|
figcaption.audio-caption ~ audio[controls]{
|
|
display:none;
|
|
}
|
|
|
|
.npf-audio-image {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
z-index:-1;
|
|
}
|
|
</style>
|
|
|
|
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
|
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
|
|
|
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
|
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
|
|
|
<!-------- CUSTOMIZE PANEL OPTIONS -------->
|
|
<!-- hi if you're reading this, GO BACK to edit! -->
|
|
<!-- editing stuff here (the meta names) won't do anything -->
|
|
|
|
<meta name="image:⭐ PLEASE READ THE GUIDE LINKED IN GREEN ⭐" content="0">
|
|
<meta name="image:sidebar image" content="//64.media.tumblr.com/e85f8d87d0566777da2368e0c1c9dbdf/aa56c24116a90bd2-a6/s2048x3072/01dd55682256a25dbb9b9c22b8818822d14bad42.png">
|
|
<meta name="image:background image" content="//64.media.tumblr.com/d1decb703434224e8c01163304863f30/aa56c24116a90bd2-9c/s2048x3072/600a6ef52d711119d75e0e05b0ab67607a8ce14b.png">
|
|
<meta name="image:header icon" content="//64.media.tumblr.com/7984dee5099820429a0dfd81d696a1a7/aa56c24116a90bd2-4c/s2048x3072/8b813497ea2d7af8d81e5888fe06faf8081ac3f4.png">
|
|
|
|
<meta name="image:────── ❀•°❀°•❀ ──────" content="0">
|
|
|
|
<!----- COLORS ----->
|
|
<meta name="color:background" content="#fdfdfd">
|
|
|
|
<meta name="color:sidebar hover background" content="#f5eee8">
|
|
<meta name="color:sidebar corner title" content="#3f3f3c">
|
|
<meta name="color:sidebar top icons" content="#262626">
|
|
|
|
<meta name="color:sidebar notif text A" content="#444">
|
|
<meta name="color:sidebar notif text B" content="#736a65">
|
|
<meta name="color:sidebar notif icon" content="#a59688">
|
|
|
|
<meta name="color:notif background" content="#fefefe">
|
|
|
|
<meta name="color:sidebar frame front" content="#eeebe9">
|
|
<meta name="color:sidebar frame back" content="#eeebe9">
|
|
|
|
<meta name="color:sidebar title" content="#fcfcfc">
|
|
<meta name="color:sidebar title outline" content="#d3c4b6">
|
|
<meta name="color:sidebar title shadow" content="#e4d8c8">
|
|
|
|
<meta name="color:music player controls A" content="#efe7de">
|
|
<meta name="color:music player controls B" content="#3f3f3c">
|
|
<meta name="color:music player circle" content="#ff8b76">
|
|
<meta name="color:music player background" content="#efe7de">
|
|
<meta name="color:music player text" content="#67645c">
|
|
|
|
<meta name="color:customlinks background" content="#efe7de">
|
|
<meta name="color:customlinks text" content="#888073">
|
|
|
|
<meta name="color:customlinks hover bg" content="#f5af96">
|
|
<meta name="color:customlinks hover text" content="#fefefe">
|
|
|
|
<meta name="color:────── ❀•°❀°•❀ ──────">
|
|
|
|
<!----- POST COLORS ----->
|
|
<meta name="color:header icon border A" content="#f0f0f0">
|
|
<meta name="color:header icon border B" content="#fefefe">
|
|
|
|
<meta name="color:────── ❀•°❀°•❀ ────── ">
|
|
|
|
<meta name="color:post" content="#fefefe">
|
|
<meta name="color:text" content="#a39795">
|
|
<meta name="color:bold" content="#f9bf8c">
|
|
<meta name="color:italic" content="#fea78d">
|
|
<meta name="color:link" content="#ff8b76">
|
|
<meta name="color:reblogger name" content="#c3aea2">
|
|
|
|
<meta name="color:top permalink background" content="#fafafa">
|
|
<meta name="color:top permalink border" content="#f0f0f0">
|
|
<meta name="color:top permalink text" content="#888">
|
|
|
|
<meta name="color:────── ❀•°❀°•❀ ──────  ">
|
|
|
|
<meta name="color:post menu border" content="#e9e9e9">
|
|
<meta name="color:post menu background" content="#fff">
|
|
<meta name="color:post menu text" content="#999">
|
|
<meta name="color:post menu text hover" content="#ff8b7c">
|
|
|
|
<meta name="color:────── ❀•°❀°•❀ ──────   ">
|
|
|
|
<meta name="color:post borders outer" content="#eee">
|
|
<meta name="color:post borders inner" content="#f2f2f2">
|
|
<meta name="color:post shadow" content="#cba48f">
|
|
|
|
<meta name="color:special border" content="#efefef">
|
|
<meta name="color:special background" content="#fafafa">
|
|
<meta name="color:special text" content="#a39795">
|
|
|
|
<meta name="color:tags" content="#978a87">
|
|
|
|
<meta name="color:bottom permalink background" content="#fafafa">
|
|
<meta name="color:bottom permalink border" content="#f0f0f0">
|
|
<meta name="color:bottom permalink text" content="#888">
|
|
|
|
<meta name="color:post buttons" content="#857e7c">
|
|
<meta name="color:like button liked" content="#ff8b76">
|
|
|
|
<meta name="color:────── ❀•°❀°•❀ ──────  ">
|
|
|
|
<meta name="color:scrollbar" content="#d1d1d1">
|
|
<meta name="color:scrollbar background" content="#fdfdfd">
|
|
|
|
<meta name="color:text selection background" content="#f3eae6">
|
|
<meta name="color:text selected" content="#a39795">
|
|
|
|
<meta name="select:────── ❀•°❀°•❀ ──────">
|
|
|
|
<!-------- GENERAL OPTIONS -------->
|
|
<meta name="select:font" title="Manrope" content="Manrope">
|
|
<meta name="select:font" title="Rubik" content="Rubik">
|
|
<meta name="select:font" title="Libre Franklin" content="Libre Franklin">
|
|
<meta name="select:font" title="Karla" content="Karla">
|
|
<meta name="select:font" title="Open Sans" content="Open Sans">
|
|
<meta name="select:font" title="Archivo" content="Archivo">
|
|
<meta name="select:font" title="Sen" content="Sen">
|
|
<meta name="select:font" title="Inter" content="Inter">
|
|
|
|
<meta name="select:font size" title="12px" content="12px">
|
|
<meta name="select:font size" title="10px" content="10px">
|
|
<meta name="select:font size" title="11px" content="11px">
|
|
<meta name="select:font size" title="13px" content="13px">
|
|
<meta name="select:font size" title="14px" content="14px">
|
|
<meta name="select:font size" title="15px" content="15px">
|
|
|
|
<meta name="select:────── ❀•°❀°•❀ ────── ">
|
|
|
|
<!-------- SIDEBAR OPTIONS -------->
|
|
<meta name="select:sidebar width" title="250px" content="250px">
|
|
<meta name="select:sidebar width" title="175px" content="175px">
|
|
<meta name="select:sidebar width" title="200px" content="200px">
|
|
<meta name="select:sidebar width" title="225px" content="225px">
|
|
<meta name="select:sidebar width" title="275px" content="275px">
|
|
<meta name="select:sidebar width" title="300px" content="300px">
|
|
<meta name="select:sidebar width" title="325px" content="325px">
|
|
|
|
<meta name="select:sidebar corner title size" title="8px" content="8px">
|
|
<meta name="select:sidebar corner title size" title="7px" content="7px">
|
|
<meta name="select:sidebar corner title size" title="9px" content="9px">
|
|
<meta name="select:sidebar corner title size" title="10px" content="10px">
|
|
<meta name="select:sidebar corner title size" title="11px" content="11px">
|
|
<meta name="select:sidebar corner title size" title="12px" content="12px">
|
|
<meta name="select:sidebar corner title size" title="13px" content="13px">
|
|
|
|
<meta name="select:battery status" title="charging" content="-charging">
|
|
<meta name="select:battery status" title="empty" content="">
|
|
<meta name="select:battery status" title="half" content="-half">
|
|
<meta name="select:battery status" title="full" content="-full">
|
|
|
|
<meta name="select:notif panel transparency" title="100%" content="1">
|
|
<meta name="select:notif panel transparency" title="90%" content="0.9">
|
|
<meta name="select:notif panel transparency" title="80%" content="0.8">
|
|
<meta name="select:notif panel transparency" title="70%" content="0.7">
|
|
<meta name="select:notif panel transparency" title="60%" content="0.6">
|
|
<meta name="select:notif panel transparency" title="50%" content="0.5">
|
|
<meta name="select:notif panel transparency" title="40%" content="0.4">
|
|
<meta name="select:notif panel transparency" title="30%" content="0.3">
|
|
<meta name="select:notif panel transparency" title="20%" content="0.2">
|
|
<meta name="select:notif panel transparency" title="10%" content="0.1">
|
|
<meta name="select:notif panel transparency" title="0%" content="0">
|
|
|
|
<meta name="select:notif transparency" title="50%" content="0.5">
|
|
<meta name="select:notif transparency" title="10%" content="0.1">
|
|
<meta name="select:notif transparency" title="20%" content="0.2">
|
|
<meta name="select:notif transparency" title="30%" content="0.3">
|
|
<meta name="select:notif transparency" title="40%" content="0.4">
|
|
<meta name="select:notif transparency" title="60%" content="0.6">
|
|
<meta name="select:notif transparency" title="70%" content="0.7">
|
|
<meta name="select:notif transparency" title="80%" content="0.8">
|
|
<meta name="select:notif transparency" title="90%" content="0.9">
|
|
<meta name="select:notif transparency" title="100%" content="1">
|
|
|
|
<meta name="select:sidebar title size" title="40px" content="40px">
|
|
<meta name="select:sidebar title size" title="30px" content="30px">
|
|
<meta name="select:sidebar title size" title="35px" content="35px">
|
|
<meta name="select:sidebar title size" title="45px" content="45px">
|
|
<meta name="select:sidebar title size" title="50px" content="50px">
|
|
|
|
<meta name="select:sidebar title outline" title="yes" content="yes">
|
|
<meta name="select:sidebar title outline" title="no" content="no">
|
|
|
|
<meta name="select:sidebar title shadow" title="yes" content="yes">
|
|
<meta name="select:sidebar title shadow" title="no" content="no">
|
|
|
|
<meta name="select:sidebar frame front transparency" title="0%" content="0">
|
|
<meta name="select:sidebar frame front transparency" title="10%" content="0.1">
|
|
<meta name="select:sidebar frame front transparency" title="20%" content="0.2">
|
|
<meta name="select:sidebar frame front transparency" title="30%" content="0.3">
|
|
<meta name="select:sidebar frame front transparency" title="40%" content="0.4">
|
|
<meta name="select:sidebar frame front transparency" title="50%" content="0.5">
|
|
<meta name="select:sidebar frame front transparency" title="60%" content="0.6">
|
|
<meta name="select:sidebar frame front transparency" title="70%" content="0.7">
|
|
<meta name="select:sidebar frame front transparency" title="80%" content="0.8">
|
|
<meta name="select:sidebar frame front transparency" title="90%" content="0.9">
|
|
<meta name="select:sidebar frame front transparency" title="100%" content="1">
|
|
|
|
|
|
<meta name="select:sidebar frame back transparency" title="0%" content="0">
|
|
<meta name="select:sidebar frame back transparency" title="10%" content="0.1">
|
|
<meta name="select:sidebar frame back transparency" title="20%" content="0.2">
|
|
<meta name="select:sidebar frame back transparency" title="30%" content="0.3">
|
|
<meta name="select:sidebar frame back transparency" title="40%" content="0.4">
|
|
<meta name="select:sidebar frame back transparency" title="50%" content="0.5">
|
|
<meta name="select:sidebar frame back transparency" title="60%" content="0.6">
|
|
<meta name="select:sidebar frame back transparency" title="70%" content="0.7">
|
|
<meta name="select:sidebar frame back transparency" title="80%" content="0.8">
|
|
<meta name="select:sidebar frame back transparency" title="90%" content="0.9">
|
|
<meta name="select:sidebar frame back transparency" title="100%" content="1">
|
|
|
|
<meta name="select:customlinks per row" title="4" content="4">
|
|
<meta name="select:customlinks per row" title="1" content="1">
|
|
<meta name="select:customlinks per row" title="2" content="2">
|
|
<meta name="select:customlinks per row" title="3" content="3">
|
|
|
|
<meta name="select:────── ❀•°❀°•❀ ──────  ">
|
|
|
|
<!-------- GAPS BETWEEN POST & SIDEBARS -------->
|
|
<meta name="select:center gaps" title="60px" content="60px">
|
|
<meta name="select:center gaps" title="20px" content="20px">
|
|
<meta name="select:center gaps" title="30px" content="30px">
|
|
<meta name="select:center gaps" title="35px" content="35px">
|
|
<meta name="select:center gaps" title="40px" content="40px">
|
|
<meta name="select:center gaps" title="45px" content="45px">
|
|
<meta name="select:center gaps" title="55px" content="55px">
|
|
<meta name="select:center gaps" title="50px" content="50px">
|
|
<meta name="select:center gaps" title="55px" content="55px">
|
|
<meta name="select:center gaps" title="65px" content="65px">
|
|
<meta name="select:center gaps" title="70px" content="70px">
|
|
<meta name="select:center gaps" title="75px" content="75px">
|
|
<meta name="select:center gaps" title="80px" content="80px">
|
|
|
|
<!-------- POST OPTIONS -------->
|
|
<meta name="select:────── ❀•°❀°•❀ ──────   ">
|
|
|
|
<meta name="select:header icon size" title="64px" content="64px">
|
|
<meta name="select:header icon size" title="32px" content="32px">
|
|
<meta name="select:header icon size" title="40px" content="40px">
|
|
<meta name="select:header icon size" title="48px" content="48px">
|
|
<meta name="select:header icon size" title="56px" content="56px">
|
|
<meta name="select:header icon size" title="72px" content="72px">
|
|
<meta name="select:header icon size" title="80px" content="80px">
|
|
|
|
<meta name="select:header icon type" title="soft" content="soft">
|
|
<meta name="select:header icon type" title="round" content="round">
|
|
<meta name="select:header icon type" title="square" content="square">
|
|
|
|
<!------------------------------>
|
|
|
|
<meta name="select:post width" title="500px" content="500px">
|
|
<meta name="select:post width" title="400px" content="400px">
|
|
<meta name="select:post width" title="425px" content="425px">
|
|
<meta name="select:post width" title="450px" content="450px">
|
|
<meta name="select:post width" title="475px" content="475px">
|
|
<meta name="select:post width" title="520px" content="520px">
|
|
<meta name="select:post width" title="540px" content="540px">
|
|
<meta name="select:post width" title="600px" content="600px">
|
|
|
|
<meta name="select:post shadow transparency" title="90%" content="0.9">
|
|
<meta name="select:post shadow transparency" title="0%" content="0">
|
|
<meta name="select:post shadow transparency" title="10%" content="0.1">
|
|
<meta name="select:post shadow transparency" title="20%" content="0.2">
|
|
<meta name="select:post shadow transparency" title="30%" content="0.3">
|
|
<meta name="select:post shadow transparency" title="40%" content="0.4">
|
|
<meta name="select:post shadow transparency" title="50%" content="0.5">
|
|
<meta name="select:post shadow transparency" title="60%" content="0.6">
|
|
<meta name="select:post shadow transparency" title="70%" content="0.7">
|
|
<meta name="select:post shadow transparency" title="80%" content="0.8">
|
|
<meta name="select:post shadow transparency" title="100%" content="1">
|
|
|
|
<meta name="select:post padding" title="14px" content="14px">
|
|
<meta name="select:post padding" title="0px" content="0px">
|
|
<meta name="select:post padding" title="10px" content="10px">
|
|
<meta name="select:post padding" title="18px" content="18px">
|
|
<meta name="select:post padding" title="22px" content="22px">
|
|
|
|
<meta name="select:photoset spacing" title="4px" content="4px">
|
|
<meta name="select:photoset spacing" title="2px" content="2px">
|
|
<meta name="select:photoset spacing" title="6px" content="6px">
|
|
<meta name="select:photoset spacing" title="8px" content="8px">
|
|
<meta name="select:photoset spacing" title="10px" content="10px">
|
|
|
|
<meta name="select:grayscale images" title="off" content="off">
|
|
<meta name="select:grayscale images" title="reblogger icon only" content="rb-ico">
|
|
<meta name="select:grayscale images" title="everything in posts" content="everything">
|
|
|
|
<meta name="select:click tags" title="yes" content="yes">
|
|
<meta name="select:click tags" title="no" content="no">
|
|
|
|
<meta name="select:post spacing" title="50px" content="50px">
|
|
<meta name="select:post spacing" title="25px" content="25px">
|
|
<meta name="select:post spacing" title="30px" content="30px">
|
|
<meta name="select:post spacing" title="35px" content="35px">
|
|
<meta name="select:post spacing" title="40px" content="40px">
|
|
<meta name="select:post spacing" title="45px" content="45px">
|
|
<meta name="select:post spacing" title="55px" content="55px">
|
|
<meta name="select:post spacing" title="60px" content="60px">
|
|
<meta name="select:post spacing" title="65px" content="65px">
|
|
<meta name="select:post spacing" title="70px" content="70px">
|
|
<meta name="select:post spacing" title="75px" content="75px">
|
|
|
|
<meta name="select:────── ❀•°❀°•❀ ──────    ">
|
|
|
|
<meta name="select:theme credit location" title="bottom corner" content="bot">
|
|
<meta name="select:theme credit location" title="sidebar" content="in-sb">
|
|
|
|
<meta name="select:tumblr controls color" title="white" content="white">
|
|
<meta name="select:tumblr controls color" title="black" content="black">
|
|
|
|
<meta name="select:background image type" title="small" content="repeat">
|
|
<meta name="select:background image type" title="large" content="full">
|
|
|
|
<meta name="if:show music player" content="1">
|
|
<meta name="if:show music player" content="0">
|
|
|
|
<!--------- TEXT FIELDS --------->
|
|
<meta name="text:description" content="Maybe love is <i>not supposed to be</i> like fireworks, shortness of breath, or powerful oceans. Maybe love is the <b>kiss of sunlight</b> on cold, goosebumped skin. Maybe love is the pure and gentle beauty of the most ordinary things, and we simply aren’t looking close enough to see it. &mdash; <a href="https://wnq-writers.tumblr.com/post/148226119736" title="@slow-it-down-dear">Z.M.</a>">
|
|
|
|
<meta name="text:sidebar corner title" content="As long as I'm here, you're invincible.">
|
|
<meta name="text:sidebar vertical title" content="radiance">
|
|
|
|
<meta name="text:⭐ PLEASE READ THIS GUIDE ⭐" content="docs.google.com/presentation/d/1Ntb6G6nYOz4NcLfHYB_JyJvZPpXQvaQbYCNLttMGREM/edit?usp=sharing">
|
|
|
|
<!-- DO NOT EDIT STUFF HERE, PRESS THE BACK ARROW -->
|
|
|
|
<meta name="text:sidebar hover notifs" content="***
[img][https://static.tumblr.com/2pnwama/NM8s1ps29/yachi.jpeg]
[msg][“you did WHAAT?!”]
[icon-name][message-dots]
[sender][(>ᗜ<)☆ YACHI-SAN]">
|
|
|
|
<!-------------------------------->
|
|
|
|
<meta name="text:⭐ HOW TO LINK MUSIC ⭐" content="linktr.ee/direct_file_links">
|
|
|
|
<!-- DO NOT EDIT STUFF HERE, PRESS THE BACK ARROW -->
|
|
|
|
<meta name="text:music song 1 name" content="꒰ Baby Bird ꒱ – Hayashi Yuuki">
|
|
<meta name="text:music song 1 mp3" content="https://rhizo.gitlab.io/m/Baby_Bird.mp3">
|
|
<meta name="text:music song 1 volume" content="80%">
|
|
|
|
<meta name="text:music song 2 name" content="꒰ Evolution ꒱ – Hayashi Yuuki, Tachibana Asami">
|
|
<meta name="text:music song 2 mp3" content="https://rhizo.gitlab.io/m/Evolution.mp3">
|
|
<meta name="text:music song 2 volume" content="100%">
|
|
|
|
<meta name="text:music song 3 name" content="꒰ ハーケン ꒱ – Hayashi Yuuki">
|
|
<meta name="text:music song 3 mp3" content="https://rhizo.gitlab.io/m/Piton.mp3">
|
|
<meta name="text:music song 3 volume" content="100%">
|
|
|
|
<meta name="text:customlink 1 name" content="sample link">
|
|
<meta name="text:customlink 1 url" content="https://youtube.com/watch?v=ZkNMZlkrzaU">
|
|
<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:how to change the icon – go to this website, pick an icon you like, copy its name (don't click on it) and replace 'sparkle' with your icon name" content="https://phosphoricons.com/#toolbar">
|
|
<meta name="text:bottom permalink icon" content="sparkle">
|
|
|
|
<!--------------------------------------------------->
|
|
|
|
<style type="text/css">
|
|
|
|
@font-face { font-family: "dharko gilbert"; src: url('//glen-assets.github.io/fonts/Dharko Gilbert.ttf'); }
|
|
|
|
/*-------- TUMBLR CONTROLS --------*/
|
|
iframe#tumblr_controls, .iframe-controls--desktop {
|
|
top:5px!important;
|
|
right:5px!important;
|
|
position:fixed!important;
|
|
|
|
transform:scale(0.65,0.65);
|
|
-webkit-transform:scale(0.65,0.65);
|
|
|
|
transform-origin:100% 0;
|
|
z-index:11!important;
|
|
user-select:none;
|
|
}
|
|
|
|
[tumblr-controls="black"] iframe#tumblr_controls,
|
|
[tumblr-controls="black"] .iframe-controls--desktop {
|
|
filter:invert(100%) hue-rotate(180deg)!important;
|
|
-webkit-filter:invert(100%) hue-rotate(180deg)!important;
|
|
}
|
|
|
|
.tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
|
|
display:none!important;
|
|
}
|
|
|
|
/*------- SCROLLBAR --------*/
|
|
::-webkit-scrollbar {
|
|
width:var(--Scrollbar-Padding);
|
|
height:0;
|
|
background-color:{color:scrollbar background};
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color:{color:scrollbar};
|
|
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid transparent;
|
|
border-top:calc(var(--Scrollbar-Padding) / 1.69) solid transparent;
|
|
border-bottom:calc(var(--Scrollbar-Padding) / 1.69) solid transparent;
|
|
background-clip:padding-box;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background:{color:scrollbar background};
|
|
}
|
|
|
|
/*------- TOOLTIPS --------*/
|
|
#s-m-t-tooltip {
|
|
padding:8px 9px 5px 9px;
|
|
|
|
margin:17px;
|
|
background-color:{color:post};
|
|
border-radius:2px;
|
|
border:1px solid rgba({RGBcolor:text},0.25);
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:calc(var(--SmallCaps-Font-Size) - .5px);
|
|
letter-spacing:1px;
|
|
text-transform:uppercase;
|
|
color:{color:text};
|
|
line-height:var(--Line-Height);
|
|
z-index:99;
|
|
max-width:40vw;
|
|
}
|
|
|
|
/*---- GLOBAL FONT SETTINGS -----*/
|
|
[font]{
|
|
font-family:var(--Body-Font-Family);
|
|
font-size:var(--Body-Font-Size);
|
|
color:var(--Body-Text-Color);
|
|
}
|
|
|
|
[font="Libre Franklin"]{
|
|
font-size:calc(var(--Body-Font-Size) - .5px)!important;
|
|
letter-spacing:0.1px;
|
|
}
|
|
|
|
[font="Manrope"],
|
|
[font="Archivo"]{
|
|
font-size:calc(var(--Body-Font-Size) - .7px)!important;
|
|
letter-spacing:0.3px;
|
|
}
|
|
|
|
[font="Inter"]{
|
|
font-size:calc(var(--Body-Font-Size) - .7px)!important;
|
|
}
|
|
|
|
[font="Rubik"]{
|
|
font-weight:400;
|
|
}
|
|
|
|
/*------- TEXT HIGHLIGHT --------*/
|
|
::selection {
|
|
background:{color:text selection background};
|
|
color:{color:text selected};
|
|
}
|
|
|
|
::-moz-selection {
|
|
background:{color:text selection background};
|
|
color:{color:text selected};
|
|
}
|
|
|
|
/*------- BASICS --------*/
|
|
html, body {
|
|
scrollbar-width:thin; /* firefox only */
|
|
}
|
|
|
|
body {
|
|
margin:0;
|
|
background-color:{color:background};
|
|
background-image:url('{image:background image}');
|
|
background-attachment:fixed;
|
|
overscroll-behavior-y:none;
|
|
}
|
|
|
|
[bg-type="repeat"] body {
|
|
background-repeat:repeat;
|
|
}
|
|
|
|
[bg-type="full"] body {
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
background-position:center;
|
|
}
|
|
|
|
a {
|
|
text-decoration:none;
|
|
color:var(--Link);
|
|
}
|
|
|
|
a[title][class*="smt-current-element"]:not([href]){
|
|
cursor:help;
|
|
}
|
|
|
|
a[title=""]:not([href]){
|
|
cursor:initial;
|
|
}
|
|
|
|
p {
|
|
margin:var(--Paragraph-Margins) 0;
|
|
}
|
|
|
|
blockquote {
|
|
margin:var(--Paragraph-Margins);
|
|
margin-right:0;
|
|
padding-left:var(--Paragraph-Margins);
|
|
border-left:1px solid rgba({RGBcolor:text},0.169);
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, .linkpost-title {
|
|
margin:var(--Heading-Margins) 0;
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:var(--Body-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:.3px;
|
|
word-spacing:.7px;
|
|
line-height:calc(var(--Line-Height) * 1.1);
|
|
}
|
|
|
|
img, iframe {
|
|
vertical-align:middle;
|
|
max-width:100%;
|
|
}
|
|
|
|
figure {
|
|
margin:0;
|
|
}
|
|
|
|
pre, code {
|
|
white-space:pre-wrap;
|
|
font-family:cousine;
|
|
font-size:calc(var(--Body-Font-Size) - 2px);
|
|
background:{color:special background};
|
|
border:1px solid {color:special border};
|
|
color:{color:special text};
|
|
}
|
|
|
|
pre {
|
|
padding:0.8em 1em;
|
|
}
|
|
|
|
code {
|
|
padding:3px 4px;
|
|
}
|
|
|
|
hr {
|
|
display:block;
|
|
margin:var(--Heading-Margins) auto;
|
|
border-width:0px;
|
|
width:69%;
|
|
height:1px;
|
|
background:{color:post borders inner};
|
|
}
|
|
|
|
a.read_more {
|
|
display:block;
|
|
margin-bottom:-3px;
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:calc(var(--SmallCaps-Font-Size) + 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
text-align:center;
|
|
}
|
|
|
|
ul, ol {
|
|
margin:var(--Paragraph-Margins) 0;
|
|
margin-left:1.69em;
|
|
padding:0;
|
|
}
|
|
|
|
ol li {
|
|
padding-left:0.420em;
|
|
}
|
|
|
|
ul li {
|
|
position:relative;
|
|
padding-left:0.25em;
|
|
margin-left:calc((var(--Body-Font-Size) * 1.420) - 3px);
|
|
list-style:none;
|
|
}
|
|
|
|
ul li:before {
|
|
content:"";
|
|
position:absolute;
|
|
margin-top:calc(((var(--Body-Font-Size) * var(--Line-Height-INT)) / 2) - 0px);
|
|
transform:translateY(-50%);
|
|
left:0;margin-left:calc((var(--Body-Font-Size) * -1.420) - 3px);
|
|
width:var(--Body-Font-Size);
|
|
height:.7px;
|
|
background:rgba({RGBcolor:text},0.420);
|
|
}
|
|
|
|
b, strong {
|
|
color:{color:bold};
|
|
}
|
|
|
|
[font="Manrope"] b, [font="Manrope"] strong,
|
|
[font="Archivo"] b, [font="Archivo"] strong,
|
|
[font="Karla"] b, [font="Karla"] strong {
|
|
font-weight:700;
|
|
}
|
|
|
|
[font="Open Sans"] b, [font="Open Sans"] strong,
|
|
[font="Sen"] b, [font="Sen"] strong,
|
|
[font="Inter"] b, [font="Inter"] strong,
|
|
[font="Libre Franklin"] b, [font="Libre Franklin"] strong {
|
|
font-weight:600;
|
|
}
|
|
|
|
[font="Rubik"] b, [font="Rubik"] strong {
|
|
font-weight:500;
|
|
}
|
|
|
|
i:not([class]), em:not([class]){
|
|
color:{color:italic};
|
|
}
|
|
|
|
.flex, [flex]{
|
|
display:flex!important;
|
|
align-items:center;
|
|
}
|
|
|
|
svg {
|
|
pointer-events:none;
|
|
}
|
|
|
|
:root {
|
|
/*--- SIDEBAR SETTINGS ---*/
|
|
--Sidebar-Width:{select:sidebar width};
|
|
|
|
--Sidebar-Top-Icons-Size:12px;
|
|
--Sidebar-Top-Icons-Spacing:7px;
|
|
--Sidebar-Top-Icons-Edge-Offset:10px;
|
|
|
|
--Sidebar-Desc-Width:80%;
|
|
--Sidebar-Desc-Width-INT:0.8; /* divide above number by 100 */
|
|
|
|
--Sidebar-Avatar-Size:28px;
|
|
--Sidebar-Notif-Padding:10px;
|
|
--Sidebar-Notif-Corner-Roundness:5px;
|
|
--Sidebar-Notif-Row-Spacing:8px;
|
|
--Sidebar-Notif-Dismiss-Speed:350ms;
|
|
--Sidebar-Notif-Dismiss-Speed-INT:350;
|
|
|
|
--Sidebar-Vertical-Title-Size:{select:sidebar title size};
|
|
--Sidebar-Image-Roundness:3px;
|
|
--Sidebar-Image-Frame-Front-Roundness:3px;
|
|
--Sidebar-Image-Frame-Back-Roundness:3px;
|
|
--Sidebar-Frame-Indent:10px;
|
|
|
|
--MusicPlayer-Icon-Size:12px;
|
|
--MusicPlayer-Icon-Spacing:9px;
|
|
--MusicPlayer-Icon-Padding:10px;
|
|
|
|
--MusicPlayer-Padding:10px;
|
|
--MusicPlayer-Text-Size:8px;
|
|
--MusicPlayer-Text-Fade-Speed:200ms;
|
|
--MusicPlayer-Text-Fade-Speed-RAW:200;
|
|
|
|
--Autoplay-First-Song:no;
|
|
--Autoplay-Next-Song:yes;
|
|
--Loop-Playlist-Infinitely:yes;
|
|
|
|
--CustomLinks-Per-Row:{select:customlinks per row};
|
|
--CustomLinks-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
|
|
--CustomLinks-Padding:7px;
|
|
--CustomLinks-Spacing:7px;
|
|
|
|
--Center-Aisle-Gaps:{select:center gaps};
|
|
|
|
/*--- POST SETTINGS ---*/
|
|
--Header-Icon-Size:{select:header icon size};
|
|
--Header-Icon-Padding:5px;
|
|
|
|
--Desc-Left-Gap:15px;
|
|
--Desc-Box-Padding:15px;
|
|
|
|
--Paragraph-Margins:1em;
|
|
--Heading-Margins:1em;
|
|
|
|
--Body-Font-Family:{select:font};
|
|
--Body-Font-Size:{select:font size};
|
|
--Body-Text-Color:{color:text};
|
|
|
|
--Line-Height:1.7em; /* line-height with suffix */
|
|
--Line-Height-INT:1.7; /* line-height without suffix */
|
|
|
|
--Heading-Font-Family:"Delius Unicase";
|
|
--Heading-Font-Size:calc(var(--Body-Font-Size) + 1px);
|
|
|
|
--SmallCaps-Font-Family:"Manjari";
|
|
--SmallCaps-Font-Size:calc(var(--Body-Font-Size) - 3px);
|
|
|
|
--Post-Width:{select:post width};
|
|
--Post-Shadow-Size:10px;
|
|
--Post-Padding:{select:post padding};
|
|
--Post-Spacing:{select:post spacing};
|
|
|
|
--Posts-Corner-Roundness:3px;
|
|
--Dots-Menu-Icon-Size:calc(var(--Body-Font-Size) + 4px);
|
|
--Post-Menu-Roundness:3px;
|
|
--Post-Menu-Padding:7px;
|
|
--Post-Menu-Fade-Speed:0.420s;
|
|
|
|
--Reblogger-Avatar-Size:22px;
|
|
--Reblogger-Avatar-Gap-Right:8px;
|
|
--Reblogger-Username-Color:{color:reblogger name};
|
|
--Reblogger-Avatar-Bottom-Gap:9px;
|
|
|
|
--Reblogs-Spacing:15px;
|
|
--Reblogs-Border:{color:post borders inner};
|
|
|
|
--Captions-Gap:15px;
|
|
--NPF-Caption-Spacing:var(--Captions-Gap);
|
|
|
|
--Photoset-Spacing:{select:photoset spacing};
|
|
--NPF-Image-Spacing:var(--Photoset-Spacing);
|
|
|
|
--Grayscale-Settings:grayscale(100%) contrast(110%) brightness(104%);
|
|
--Grayscale-Transition-Speed:0.269s;
|
|
|
|
--AskerPortrait-Size:42px;
|
|
--AskerPortrait-Padding:6px;
|
|
|
|
--Audio-Post-Album-Size:64px;
|
|
--Audio-Post-Album-Right-Gap:13px;
|
|
--Audio-Post-Buttons-Size:11px;
|
|
--Audio-Post-Buttons-Color:{color:special text};
|
|
--Audio-Post-Buttons-Padding:11px;
|
|
--Audio-Post-Buttons-Background:{color:special background};
|
|
|
|
--Link:{color:link};
|
|
--Post-Borders-Inner:{color:post borders inner};
|
|
|
|
--Quote-Font-Family:var(--Heading-Font-Family);
|
|
--Quote-Font-Size:calc(var(--Body-Font-Size) - 1px);
|
|
|
|
--Asker-Avatar-Size:35px;
|
|
--Asker-Avatar-Padding:4px;
|
|
|
|
/*--- TAGS SETTINGS ---*/
|
|
--Tags-Fade-Speed-MS:269; /* fade speed without suffix */
|
|
--Tags-Fade-Speed-MS-SFX:269ms; /* fade speed with suffix */
|
|
--Tags-Spacing:4px;
|
|
|
|
/*--- PERMALINK SETTINGS ---*/
|
|
--Permalink-Text-Spacing:14px;
|
|
|
|
/*--- POST BUTTONS SETTINGS ---*/
|
|
--Post-Buttons-Size:var(--Body-Font-Size);
|
|
--Post-Buttons-Color:{color:post buttons};
|
|
--Like-Button-Liked:{color:like button liked};
|
|
--Post-Buttons-Spacing:4px;
|
|
|
|
/*--- POST NOTES SETTINGS ---*/
|
|
--Notes-Indicator-Size:14px;
|
|
--Notes-Indicator-Gap-Right:7px;
|
|
--Notes-Row-Spacing:9px;
|
|
|
|
/*--- MISC ---*/
|
|
--Pagination-Color:{color:text};
|
|
|
|
--TumblrControls-Color:{select:tumblr controls color};
|
|
|
|
--Scrollbar-Padding:13px;
|
|
}
|
|
|
|
/*---- MAIN CONTENT CONTAINER ----*/
|
|
.mynoots {
|
|
margin:auto;
|
|
text-align:center;
|
|
}
|
|
|
|
.nymoots {
|
|
display:inline-block;
|
|
text-align:initial;
|
|
margin-left:var(--Post-Shadow-Size);
|
|
}
|
|
|
|
.ensoot {
|
|
display:flex;
|
|
flex-wrap:nowrap;
|
|
}
|
|
|
|
/*---- LEFT SIDEBAR ----*/
|
|
.left-sb {
|
|
position:fixed;
|
|
margin-left:calc(var(--Sidebar-Vertical-Title-Size) / -2);
|
|
width:var(--Sidebar-Width);
|
|
height:100vh;
|
|
display:table;
|
|
z-index:9;
|
|
}
|
|
|
|
.lbs {
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.el-present {
|
|
position:relative;
|
|
width:var(--Sidebar-Width);
|
|
{block:ifshowmusicplayer}
|
|
padding-bottom:calc(var(--MusicPlayer-Text-Size) + (var(--MusicPlayer-Padding) * 2));
|
|
{/block:ifshowmusicplayer}
|
|
}
|
|
|
|
/*---- SIDEBAR FRAME FRONT ----*/
|
|
.el-present:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;margin-top:var(--Sidebar-Frame-Indent);
|
|
left:0;margin-left:calc(0px - var(--Sidebar-Frame-Indent));
|
|
width:100%;
|
|
height:100%;
|
|
border:1px solid rgba({RGBcolor:sidebar frame front},calc(1 - {select:sidebar frame front transparency}));
|
|
box-sizing:border-box;
|
|
mix-blend-mode:color-dodge;
|
|
border-radius:var(--Sidebar-Image-Frame-Front-Roundness);
|
|
z-index:3;
|
|
}
|
|
|
|
/*---- SIDEBAR FRAME BACK ----*/
|
|
.el-present:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;margin-top:calc(0px - var(--Sidebar-Frame-Indent));
|
|
right:0;margin-right:calc(0px - var(--Sidebar-Frame-Indent));
|
|
width:100%;
|
|
height:100%;
|
|
border:1px solid rgba({RGBcolor:sidebar frame back},calc(1 - {select:sidebar frame back transparency}));
|
|
box-sizing:border-box;
|
|
border-radius:var(--Sidebar-Image-Frame-Back-Roundness);
|
|
z-index:-1;
|
|
}
|
|
|
|
/*---- MAIN SIDEBAR IMAGE ----*/
|
|
.moolait {
|
|
position:relative;
|
|
}
|
|
|
|
.moolait:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:-1;
|
|
}
|
|
|
|
.moolait, .moolait:after {
|
|
background:{color:sidebar hover background};
|
|
|
|
{block:ifshowmusicplayer}
|
|
border-radius:var(--Sidebar-Image-Roundness) var(--Sidebar-Image-Roundness) 0 0;
|
|
{/block:ifshowmusicplayer}
|
|
|
|
{block:ifnotshowmusicplayer}
|
|
border-radius:var(--Sidebar-Image-Roundness);
|
|
{/block:ifnotshowmusicplayer}
|
|
}
|
|
|
|
.mooed .main-sb-img {
|
|
opacity:0;
|
|
}
|
|
|
|
.main-sb-img {
|
|
width:100%;
|
|
height:auto;
|
|
|
|
{block:ifshowmusicplayer}
|
|
border-radius:var(--Sidebar-Image-Roundness) var(--Sidebar-Image-Roundness) 0 0;
|
|
{/block:ifshowmusicplayer}
|
|
|
|
{block:ifnotshowmusicplayer}
|
|
border-radius:var(--Sidebar-Image-Roundness);
|
|
{/block:ifnotshowmusicplayer}
|
|
|
|
transition:opacity 0.420s ease-in-out; /* mouse leave */
|
|
}
|
|
|
|
.mooed .main-sb-img {
|
|
transition:opacity 0.25s ease-in-out; /* mouse enter */
|
|
}
|
|
|
|
.main-sb-img::-moz-selection {background:transparent;}
|
|
.main-sb-img::selection {background:transparent;}
|
|
|
|
/*---- SIDEBAR TOP ROW ----*/
|
|
.martiny {
|
|
position:absolute;
|
|
top:0;margin-top:calc(var(--Sidebar-Frame-Indent) + 1px + var(--Sidebar-Top-Icons-Edge-Offset));
|
|
left:0;margin-left:calc(1px + var(--Sidebar-Top-Icons-Edge-Offset));
|
|
width:calc(100% - 2px - var(--Sidebar-Frame-Indent) - (var(--Sidebar-Top-Icons-Edge-Offset) * 2));
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
z-index:13;
|
|
}
|
|
|
|
.bubun {
|
|
position:relative;
|
|
overflow:hidden;
|
|
display:flex;
|
|
align-items:center;
|
|
margin-left:2px;
|
|
margin-right:5px;
|
|
font-family:delius unicase;
|
|
text-transform:uppercase;
|
|
font-size:{select:sidebar corner title size};
|
|
color:{color:sidebar corner title};
|
|
letter-spacing:.5px;
|
|
word-spacing:.7px;
|
|
line-height:1em;
|
|
white-space:nowrap;
|
|
z-index:5;
|
|
}
|
|
|
|
.bubun span {
|
|
display:block;
|
|
height:100%;
|
|
}
|
|
|
|
.moomoo {
|
|
transform:translateX(100%);
|
|
animation:scroll-left 6.9s linear infinite;
|
|
}
|
|
|
|
.tubbz {
|
|
display:flex;
|
|
align-items:center;
|
|
z-index:5;
|
|
}
|
|
|
|
.tubbz > * {
|
|
display:block;
|
|
margin-left:var(--Sidebar-Top-Icons-Spacing);
|
|
line-height:var(--Sidebar-Top-Icons-Size);
|
|
}
|
|
|
|
.tubbz .bi {
|
|
font-size:var(--Sidebar-Top-Icons-Size);
|
|
color:{color:sidebar top icons};
|
|
}
|
|
|
|
.tubbz [class*='bi-battery']{
|
|
font-size:calc(var(--Sidebar-Top-Icons-Size) + 2px);
|
|
}
|
|
|
|
/*---- SIDEBAR VERTICAL TITLE ----*/
|
|
.hoez {
|
|
position:absolute;
|
|
top:50%;
|
|
right:0;
|
|
white-space:nowrap;
|
|
font-family:Dharko Gilbert;
|
|
font-size:var(--Sidebar-Vertical-Title-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:0.08em;
|
|
color:{color:sidebar title};
|
|
transform:rotate(-90deg) translateY(-50%);
|
|
transform-origin:center;
|
|
height:1em;
|
|
z-index:10;
|
|
}
|
|
|
|
.hoez[t-shad="yes"]{
|
|
text-shadow:-1px 2px 2.5px {color:sidebar title shadow};
|
|
}
|
|
|
|
.hoez[t-outline="yes"]{
|
|
text-shadow:.5px .5px 0px {color:sidebar title outline}, -.5px -.5px 0px {color:sidebar title outline}, .5px -.5px 0px {color:sidebar title outline}, -.5px .5px 0px {color:sidebar title outline};
|
|
}
|
|
|
|
.hoez[t-shad="yes"][t-outline="yes"]{
|
|
text-shadow:-1px 2px 2.5px {color:sidebar title shadow}, .5px .5px 0px {color:sidebar title outline}, -.5px -.5px 0px {color:sidebar title outline}, .5px -.5px 0px {color:sidebar title outline}, -.5px .5px 0px {color:sidebar title outline};
|
|
}
|
|
|
|
.hoez span {
|
|
display:block;
|
|
margin-top:50%;
|
|
padding-top:calc(var(--Sidebar-Vertical-Title-Size) / 2);
|
|
margin-left:var(--Sidebar-Frame-Indent);
|
|
-webkit-font-smoothing:antialiased;
|
|
}
|
|
|
|
/*---- SIDEBAR MUSIC PLAYER ----*/
|
|
/* sorry for the mess lmao */
|
|
.botstick, .bingbong {
|
|
position:absolute;
|
|
left:0;bottom:0;
|
|
width:100%;
|
|
border-radius:0 0 var(--Sidebar-Image-Roundness) var(--Sidebar-Image-Roundness);
|
|
height:calc(var(--MusicPlayer-Text-Size) + (var(--MusicPlayer-Padding) * 2));
|
|
padding-left:var(--MusicPlayer-Padding);
|
|
padding-right:calc(var(--Sidebar-Frame-Indent) + 1px);
|
|
background:{color:music player background};
|
|
box-sizing:border-box;
|
|
z-index:0;
|
|
}
|
|
|
|
.bingbong {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
background:transparent;
|
|
z-index:9; /* was 13 */
|
|
}
|
|
|
|
.bingbong:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;
|
|
right:0;margin-right:calc(var(--Sidebar-Frame-Indent) + 1px);
|
|
width:var(--MusicPlayer-Padding);
|
|
height:100%;
|
|
background:{color:music player background};
|
|
}
|
|
|
|
.dingding {
|
|
position:relative;
|
|
font-family:Delius Unicase;
|
|
font-size:var(--MusicPlayer-Text-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
color:{color:music player text};
|
|
line-height:1em;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.dingding span, .bongfade {
|
|
transition:opacity var(--MusicPlayer-Text-Fade-Speed) ease-in-out;
|
|
}
|
|
|
|
.dingding span:not(:first-child){
|
|
display:none;
|
|
}
|
|
|
|
.bongfade {
|
|
opacity:0;
|
|
}
|
|
|
|
.markee {
|
|
position:relative;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.marinah {
|
|
width:calc(100% + (var(--Sidebar-Frame-Indent) * 2));
|
|
height:100%;
|
|
transform:translateX(100%);
|
|
animation:scroll-left 10s linear infinite;
|
|
}
|
|
|
|
@keyframes scroll-left {
|
|
0% {
|
|
transform: translateX(100%);
|
|
}
|
|
100% {
|
|
transform: translateX(-100%);
|
|
}
|
|
}
|
|
|
|
.lvttvce {
|
|
position:absolute;
|
|
left:0;bottom:0;
|
|
margin-bottom:calc(var(--MusicPlayer-Text-Size) + (var(--MusicPlayer-Padding) * 2) + 10px);
|
|
width:100%;
|
|
z-index:13;
|
|
}
|
|
|
|
.peev {
|
|
position:absolute;
|
|
margin-left:calc(50% - (var(--MusicPlayer-Icon-Size) / 2) - var(--MusicPlayer-Icon-Padding) - var(--MusicPlayer-Icon-Size) - var(--MusicPlayer-Icon-Spacing) - 6px);
|
|
bottom:0;margin-bottom:calc(var(--MusicPlayer-Icon-Padding) - 6px);
|
|
font-size:var(--MusicPlayer-Icon-Size);
|
|
color:{color:music player controls B};
|
|
padding:6px;
|
|
z-index:9;
|
|
}
|
|
|
|
.neet {
|
|
position:absolute;
|
|
right:0;
|
|
margin-right:calc(50% - (var(--MusicPlayer-Icon-Size) / 2) - var(--MusicPlayer-Icon-Padding) - var(--MusicPlayer-Icon-Size) - var(--MusicPlayer-Icon-Spacing) - 6px);
|
|
bottom:0;margin-bottom:calc(var(--MusicPlayer-Icon-Padding) - 6px);
|
|
font-size:var(--MusicPlayer-Icon-Size);
|
|
color:{color:music player controls B};
|
|
padding:6px;
|
|
z-index:9;
|
|
}
|
|
|
|
.peev, .neet {
|
|
cursor:pointer!important;
|
|
}
|
|
|
|
.qorqle {
|
|
margin:auto;
|
|
width:calc(var(--MusicPlayer-Icon-Size) + (var(--MusicPlayer-Icon-Padding) * 2));
|
|
height:calc(var(--MusicPlayer-Icon-Size) + (var(--MusicPlayer-Icon-Padding) * 2));
|
|
border-radius:100%;
|
|
background:{color:music player circle};
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
cursor:pointer;
|
|
z-index:10;
|
|
}
|
|
|
|
.qorqle i {
|
|
font-size:var(--MusicPlayer-Icon-Size);
|
|
color:{color:music player controls A};
|
|
line-height:0px;
|
|
}
|
|
|
|
.qorqle:active i {
|
|
font-size:calc(var(--MusicPlayer-Icon-Size) - 3px);
|
|
}
|
|
|
|
.vause {
|
|
display:none;
|
|
}
|
|
|
|
/*---- SIDEBAR NOTIF BLOCKS ----*/
|
|
.paindesk {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:var(--Sidebar-Width);
|
|
|
|
{block:ifnotshowmusicplayer}
|
|
height:100%;
|
|
{/block:ifnotshowmusicplayer}
|
|
|
|
{block:ifshowmusicplayer}
|
|
height:calc(100% - var(--MusicPlayer-Text-Size) - (var(--MusicPlayer-Padding) * 2));
|
|
{/block:ifshowmusicplayer}
|
|
display:table;
|
|
opacity:calc(1 - {select:notif panel transparency});
|
|
z-index:12;
|
|
transition:opacity 0.420s ease-in-out; /* mouse leave */
|
|
}
|
|
|
|
.paindesk:hover {
|
|
opacity:1;
|
|
transition:opacity 0.25s ease-in-out; /* mouse enter */
|
|
}
|
|
|
|
.muchpain {
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.chellfish {
|
|
{block:ifnotsidebarverticaltitle}
|
|
margin-left:calc((var(--Sidebar-Width) - (var(--Sidebar-Width) * var(--Sidebar-Desc-Width-INT))) / 2);
|
|
{/block:ifnotsidebarverticaltitle}
|
|
|
|
{block:ifsidebarverticaltitle}
|
|
margin-left:calc(((var(--Sidebar-Width) - (var(--Sidebar-Width) * var(--Sidebar-Desc-Width-INT))) / 2) - 7px);
|
|
{/block:ifsidebarverticaltitle}
|
|
|
|
margin-top:10px;
|
|
width:calc(var(--Sidebar-Width) * var(--Sidebar-Desc-Width-INT));
|
|
box-sizing:border-box;
|
|
backface-visibility:hidden;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.notif-wrap {
|
|
transition:transform 0.25s ease-in-out;
|
|
}
|
|
|
|
.notif-wrap:hover {
|
|
transform:scale(1.069);
|
|
transform-origin:center;
|
|
}
|
|
|
|
.notif-wrap + .notif-wrap {
|
|
margin-top:var(--Sidebar-Notif-Row-Spacing);
|
|
}
|
|
|
|
.notif-block {
|
|
width:100%;
|
|
padding:var(--Sidebar-Notif-Padding);
|
|
background:rgba({RGBcolor:notif background},calc(1 - {select:notif transparency}));
|
|
box-sizing:border-box;
|
|
border-radius:var(--Sidebar-Notif-Corner-Roundness);
|
|
display:flex;
|
|
align-items:center;
|
|
transition:background-color 0.25s ease-in-out;
|
|
}
|
|
|
|
.notif-block:hover {
|
|
background:rgba({RGBcolor:notif background},1);
|
|
}
|
|
|
|
.calicow {
|
|
transition:opacity var(--Sidebar-Notif-Dismiss-Speed) ease-in-out;
|
|
}
|
|
|
|
.calicow {
|
|
opacity:0;
|
|
}
|
|
|
|
.avowrap {
|
|
position:relative;
|
|
width:var(--Sidebar-Avatar-Size);
|
|
height:var(--Sidebar-Avatar-Size);
|
|
border-radius:100%;
|
|
background-size:cover;
|
|
background-position:center;
|
|
flex-shrink:0;
|
|
}
|
|
|
|
.mini-avi {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:var(--Sidebar-Avatar-Size);
|
|
height:var(--Sidebar-Avatar-Size);
|
|
border-radius:100%;
|
|
opacity:0;
|
|
z-index:2;
|
|
}
|
|
|
|
.avowrap + .notif-text {
|
|
margin-left:9px;
|
|
}
|
|
|
|
.notif-text {
|
|
font-size:var(--SmallCaps-Font-Size);
|
|
cursor:default;
|
|
}
|
|
|
|
.notif-text [top]{
|
|
font-family:delius unicase;
|
|
font-size:calc(var(--SmallCaps-Font-Size) - 1.5px);
|
|
letter-spacing:.5px;
|
|
color:{color:sidebar notif text A};
|
|
}
|
|
|
|
.notif-text .iconsax {
|
|
margin-right:4px;
|
|
--Iconsax-Size:calc(var(--SmallCaps-Font-Size) + 3px);
|
|
--Iconsax-Color:{color:sidebar notif icon};
|
|
}
|
|
|
|
.notif-text [top] + [bot]{
|
|
margin-top:4px;
|
|
}
|
|
|
|
.notif-text [bot]{
|
|
display:flex;
|
|
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
color:{color:sidebar notif text B};
|
|
}
|
|
|
|
.notif-text [bot] span {
|
|
display:block;
|
|
}
|
|
|
|
/*---- CUSTOM LINKS ----*/
|
|
.ceels {
|
|
margin-top:calc(var(--Sidebar-Frame-Indent) + 12px);
|
|
width:100%;
|
|
}
|
|
|
|
.pengweng {
|
|
margin:calc(var(--CustomLinks-Spacing) / -2);
|
|
margin-bottom:calc(0px - var(--CustomLinks-Spacing));
|
|
margin-right:0;
|
|
width:calc(100% + var(--CustomLinks-Spacing));
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.ceels a {
|
|
margin:calc(var(--CustomLinks-Spacing) / 2);
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
width:calc((100% - (var(--CustomLinks-Spacing) * var(--CustomLinks-Per-Row))) / var(--CustomLinks-Per-Row));
|
|
padding:var(--CustomLinks-Padding) calc(var(--CustomLinks-Padding) * 0.8);
|
|
|
|
box-sizing:border-box;
|
|
background:{color:customlinks background};
|
|
border-radius:2px;
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:var(--CustomLinks-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.3px;
|
|
color:{color:customlinks text};
|
|
line-height:calc(var(--CustomLinks-Font-Size) * 1.4);
|
|
text-align:center;
|
|
flex-shrink:0;
|
|
overflow:hidden;
|
|
transition:all 0.25s ease-in-out;
|
|
}
|
|
|
|
.ceels span {
|
|
display:block;
|
|
margin-bottom:calc(var(--SmallCaps-Font-Size) * -0.4);
|
|
}
|
|
|
|
.ceels a:hover {
|
|
background:{color:customlinks hover bg};
|
|
color:{color:customlinks hover text};
|
|
}
|
|
|
|
/*---- AVATAR ICON + DESCRIPTION ----*/
|
|
/* the 'header' thing above the posts */
|
|
.xtoptop {
|
|
position:relative;
|
|
display:flex;
|
|
align-items:center;
|
|
margin-bottom:var(--Post-Spacing);
|
|
width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px);
|
|
}
|
|
|
|
.gdgdgd {
|
|
position:relative;
|
|
width:calc(var(--Header-Icon-Size) + (var(--Header-Icon-Padding) * 2));
|
|
height:calc(var(--Header-Icon-Size) + (var(--Header-Icon-Padding) * 2));
|
|
border:1px solid {color:header icon border A};
|
|
background:{color:header icon border B};
|
|
border-radius:var(--Header-Icon-Roundness);
|
|
flex-shrink:0;
|
|
}
|
|
|
|
/*-- round --*/
|
|
[ico-type="round"] .gdgdgd {
|
|
--Header-Icon-Roundness:100%;
|
|
}
|
|
|
|
[ico-type="round"] .gdgdgd:after {
|
|
top:0;margin-top:calc(var(--Header-Icon-Padding) + 1px);
|
|
left:0;margin-left:var(--Header-Icon-Padding);
|
|
border-radius:var(--Header-Icon-Roundness);
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
/*-- soft --*/
|
|
[ico-type="soft"] .gdgdgd {
|
|
--Header-Icon-Roundness:var(--Header-Icon-Padding);
|
|
}
|
|
|
|
[ico-type="soft"] .gdgdgd:after {
|
|
border-radius:0 0 0 var(--Header-Icon-Roundness);
|
|
}
|
|
|
|
/*-- square --*/
|
|
[ico-type="square"] .gdgdgd {
|
|
--Header-Icon-Roundness:0px;
|
|
}
|
|
|
|
[ico-type="square"] .gdgdgd:after {
|
|
border-radius:0 0 0 var(--Header-Icon-Roundness);
|
|
}
|
|
|
|
.gdgdgd:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:100%;
|
|
left:0;margin-left:var(--Post-Shadow-Size);
|
|
width:100%;
|
|
height:calc(var(--Header-Icon-Padding) + 1px);
|
|
background:rgba({RGBcolor:post shadow},calc(1 - {select:post shadow transparency}));
|
|
z-index:-1;
|
|
}
|
|
|
|
.shadowimg, .gdgdgd img {
|
|
width:var(--Header-Icon-Size);
|
|
height:var(--Header-Icon-Size);
|
|
margin-top:var(--Header-Icon-Padding);
|
|
margin-left:var(--Header-Icon-Padding);
|
|
border-radius:var(--Header-Icon-Roundness);
|
|
}
|
|
|
|
.shadowimg {
|
|
background-position:center;
|
|
background-image:url('{image:header icon}');
|
|
background-size:cover;
|
|
}
|
|
|
|
.gdgdgd img {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
opacity:0;
|
|
z-index:2;
|
|
}
|
|
|
|
.mooshroom {
|
|
flex:1;
|
|
margin-left:calc(0px - 1px - var(--Header-Icon-Padding) - (var(--Header-Icon-Size) / 2));
|
|
min-height:calc(var(--Header-Icon-Size) + (var(--Header-Icon-Padding) * 2) + 2px + (var(--Desc-Box-Padding) * 2));
|
|
box-sizing:border-box;
|
|
background:{color:post};
|
|
border:1px solid {color:post borders outer};
|
|
border-radius:var(--Posts-Corner-Roundness);
|
|
box-shadow:var(--Post-Shadow-Size) var(--Post-Shadow-Size) 0 rgba({RGBcolor:post shadow},calc(1 - {select:post shadow transparency}));
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.deskwrap {
|
|
margin-left:calc(1px + var(--Header-Icon-Padding) + (var(--Header-Icon-Size) / 2) + var(--Desc-Left-Gap));
|
|
padding:var(--Desc-Box-Padding);
|
|
padding-left:0;
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.desc {
|
|
line-height:var(--Line-Height);
|
|
}
|
|
|
|
/*---- POST CONTAINER ----*/
|
|
.postscont {
|
|
margin-top:var(--Post-Spacing);
|
|
margin-left:calc(var(--Sidebar-Width) + var(--Center-Aisle-Gaps));
|
|
}
|
|
|
|
.posts, .notescont {
|
|
position:relative;
|
|
width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px);
|
|
border:1px solid {color:post borders outer};
|
|
border-radius:var(--Posts-Corner-Roundness);
|
|
box-shadow:var(--Post-Shadow-Size) var(--Post-Shadow-Size) 0 rgba({RGBcolor:post shadow},calc(1 - {select:post shadow transparency}));
|
|
}
|
|
|
|
/*----------------------*/
|
|
|
|
.xtoptop + .posts, .posts:first-child, .posts + * {
|
|
margin-bottom:var(--Post-Spacing);
|
|
}
|
|
|
|
.posts:only-child {
|
|
{block:PermalinkPage}
|
|
margin-bottom:var(--Post-Spacing);
|
|
{/block:PermalinkPage}
|
|
}
|
|
|
|
.posts + *:not(.posts) {
|
|
margin-bottom:var(--Post-Spacing);
|
|
}
|
|
|
|
[black-and-white="rb-ico"] .reblog-head img {
|
|
transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
|
|
filter:var(--Grayscale-Settings);
|
|
}
|
|
|
|
[black-and-white="everything"] img,
|
|
[black-and-white="everything"] iframe,
|
|
[black-and-white="everything"] video {
|
|
transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
|
|
filter:var(--Grayscale-Settings);
|
|
}
|
|
|
|
[black-and-white="everything"] .posts:hover img,
|
|
[black-and-white="everything"] .posts:hover iframe,
|
|
[black-and-white="everything"] .posts:hover video {
|
|
filter:none;
|
|
}
|
|
|
|
/*-----------------------*/
|
|
.permatop {
|
|
position:relative;
|
|
background:{color:top permalink background};
|
|
border-radius:var(--Posts-Corner-Roundness) var(--Posts-Corner-Roundness) 0 0;
|
|
box-sizing:border-box;
|
|
padding:var(--Post-Padding);
|
|
|
|
padding-top:calc(var(--Post-Padding) + 1px);
|
|
padding-bottom:calc(var(--Post-Padding) - 1px);
|
|
|
|
border-bottom:1px solid {color:top permalink border};
|
|
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:calc(var(--SmallCaps-Font-Size) - .5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.1px;
|
|
word-spacing:.5px;
|
|
line-height:1em;
|
|
}
|
|
|
|
.permatop .iconsax {
|
|
margin-top:-1px;
|
|
margin-right:8px;
|
|
--Iconsax-Size:calc(var(--Body-Font-Size) + 2px);
|
|
--Iconsax-Color:{color:top permalink text};
|
|
}
|
|
|
|
.pzt {
|
|
padding-top:calc((var(--SmallCaps-Font-Size) - .5px) * 0.3);
|
|
}
|
|
|
|
.permatop, .permatop a {
|
|
color:{color:top permalink text};
|
|
}
|
|
|
|
.permatop a:not(.meh-menu a) {
|
|
margin:calc(0px - var(--Post-Padding));
|
|
padding:var(--Post-Padding);
|
|
padding-right:calc(var(--Post-Padding) / 2);
|
|
}
|
|
|
|
.acorn {
|
|
position:absolute;
|
|
top:0;
|
|
margin:0!important;
|
|
padding-left:calc(var(--Post-Padding) / 2)!important;
|
|
padding-right:var(--Post-Padding)!important;
|
|
right:0;
|
|
height:100%;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
box-sizing:border-box;
|
|
cursor:help;
|
|
}
|
|
|
|
.acorn [class^="ph"]{
|
|
font-size:var(--Dots-Menu-Icon-Size);
|
|
color:{color:top permalink text};
|
|
}
|
|
|
|
.meh-menu {
|
|
position:absolute;
|
|
top:100%;
|
|
margin-top:13px;
|
|
right:0;margin-right:var(--Post-Padding);
|
|
backface-visibility:hidden;
|
|
z-index:4;
|
|
--Meh-Arrow-Size:var(--Dots-Menu-Icon-Size);
|
|
--deez:calc((var(--Meh-Arrow-Size) * 1.4142) / 2);
|
|
--moo:calc(var(--deez) * (0.414 / 2));
|
|
transition:margin-top var(--Post-Menu-Fade-Speed) 0s ease-in-out, opacity var(--Post-Menu-Fade-Speed) 0s ease-in-out, visibility 0s var(--Post-Menu-Fade-Speed) ease-in-out;
|
|
visibility:hidden;
|
|
opacity:0;
|
|
}
|
|
|
|
.swip {
|
|
margin-top:5px!important;
|
|
opacity:1!important;
|
|
visibility:visible!important;
|
|
}
|
|
|
|
.nvt + .meh-menu {
|
|
transition:margin-top var(--Post-Menu-Fade-Speed) 0s ease-in-out, opacity var(--Post-Menu-Fade-Speed) 0s ease-in-out, visibility 0s 0s ease-in-out;
|
|
}
|
|
|
|
.yepclique:hover {
|
|
color:{color:post menu text}!important;
|
|
}
|
|
|
|
.meh-arrow {
|
|
position:absolute;
|
|
top:0;
|
|
margin-right:calc(var(--moo) + 2px);
|
|
right:0;margin-top:var(--moo);
|
|
width:calc(var(--Meh-Arrow-Size) / 2);
|
|
height:calc(var(--Meh-Arrow-Size) / 2);
|
|
transform-origin:center;
|
|
transform:rotate(45deg);
|
|
background:white;
|
|
border-top:1px solid {color:post menu border};
|
|
border-left:1px solid {color:post menu border};
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.meh-main {
|
|
margin-top:calc(var(--deez) / 2);
|
|
margin-left:calc(50% - var(--deez));
|
|
width:100%;
|
|
width:fit-content; /* firefox only */
|
|
border-radius:var(--Post-Menu-Roundness);
|
|
border:1px solid {color:post menu border};
|
|
background:{color:post menu background};
|
|
box-sizing:border-box;
|
|
box-shadow:5px 5px 0 rgba({RGBcolor:post shadow},calc(1 - {select:post shadow transparency}));
|
|
}
|
|
|
|
.meh-main a {
|
|
display:block;
|
|
--bvu:calc((var(--SmallCaps-Font-Size) - 1px) * 0.3);
|
|
padding:calc(var(--Post-Menu-Padding) + 2px);
|
|
|
|
padding-top:calc(var(--bvu) + var(--Post-Menu-Padding) - 1px);
|
|
padding-bottom:calc(var(--Post-Menu-Padding) - var(--bvu) + 1px);
|
|
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.1px;
|
|
box-sizing:border-box;
|
|
color:{color:post menu text};
|
|
white-space:nowrap;
|
|
line-height:1em;
|
|
transition:color .3s ease-in-out;
|
|
}
|
|
|
|
.meh-main a:first-child {
|
|
margin-top:2px;
|
|
}
|
|
|
|
.meh-main a[data-clipboard-text]{
|
|
cursor:help;
|
|
}
|
|
|
|
.meh-main a:hover {
|
|
color:{color:post menu text hover};
|
|
}
|
|
|
|
/*-----------------------*/
|
|
|
|
.postinner, .notescont {
|
|
padding:var(--Post-Padding);
|
|
background:{color:post};
|
|
line-height:var(--Line-Height);
|
|
overflow:hidden;
|
|
}
|
|
|
|
.desc a, .postinner a:not(.reblog-url a, .tumblr_blog, .linkpost-title, .single-photo, .post_media_photo_anchor, .inari, .tagsdiv a, a.read_more){
|
|
padding-bottom:.5px;
|
|
border-bottom:1px solid rgba({RGBcolor:link},0.420);
|
|
}
|
|
|
|
/*---- REBLOG HEAD ----*/
|
|
.reblog-wrap {
|
|
margin:0 calc(0px - var(--Post-Padding));
|
|
padding:0 var(--Post-Padding);
|
|
}
|
|
|
|
.reblog-wrap + .reblog-wrap {
|
|
margin-top:var(--Reblogs-Spacing);
|
|
padding-top:var(--Reblogs-Spacing);
|
|
border-top:1px solid var(--Reblogs-Border);
|
|
}
|
|
|
|
.reblog-head {
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.reblog-head img {
|
|
width:var(--Reblogger-Avatar-Size);
|
|
height:var(--Reblogger-Avatar-Size);
|
|
border-radius:100%;
|
|
}
|
|
|
|
.reblog-head img + .reblog-url {
|
|
margin-left:var(--Reblogger-Avatar-Gap-Right);
|
|
}
|
|
|
|
.reblog-url, .reblog-url a, p > a.tumblr_blog[target='_blank'],
|
|
[customize-page='true'] .tumblr_blog,
|
|
.notescont .action a, .more_notes_link, .notes_loading {
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:var(--SmallCaps-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:var(--Reblogger-Username-Color);
|
|
line-height:1em;
|
|
}
|
|
|
|
.reblog-url, .reblog-url a {
|
|
padding-top:calc((var(--SmallCaps-Font-Size) + .3px) * 0.3);
|
|
font-size:calc(var(--SmallCaps-Font-Size) + .3px)!important;
|
|
}
|
|
|
|
.reblog-url .deac {
|
|
margin-left:3px;
|
|
color:var(--Body-Text-Color);
|
|
}
|
|
|
|
.reblog-head + .reblog-comment {
|
|
margin-top:calc(0px - var(--Paragraph-Margins) + var(--Reblogger-Avatar-Bottom-Gap));
|
|
}
|
|
|
|
/*---- NPF... STUFF ----*/
|
|
figure[data-orig-src] + figure[data-orig-src]{
|
|
margin-top:var(--Photoset-Spacing);
|
|
}
|
|
|
|
.tmblr-full video {
|
|
cursor:pointer;
|
|
}
|
|
|
|
video::-webkit-media-controls-panel {
|
|
position:absolute;
|
|
bottom:0;
|
|
background:transparent!important;
|
|
width:100%;
|
|
box-sizing:border-box;
|
|
opacity:1!important;
|
|
}
|
|
|
|
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline {
|
|
display:none!important;
|
|
}
|
|
|
|
[customize-page="true"] .tmblr-full[data-npf*='video']{
|
|
max-height:540px;
|
|
}
|
|
|
|
* + .npf-link-block {
|
|
margin-top:10px;
|
|
}
|
|
|
|
.npf-link-block {
|
|
margin-top:0px;
|
|
margin-bottom:0;
|
|
border-color:{color:special border}!important;
|
|
border-radius:0!important;
|
|
}
|
|
|
|
.npf-link-block + * {
|
|
margin-bottom:var(--Paragraph-Margins);
|
|
}
|
|
|
|
.npf-link-block a {
|
|
padding:0!important;
|
|
border:none!important;
|
|
}
|
|
|
|
.npf-link-block .title {
|
|
font-family:delius unicase!important;
|
|
font-size:calc(var(--SmallCaps-Font-Size) + 2.5px)!important;
|
|
text-transform:uppercase;
|
|
letter-spacing:.5px;
|
|
color:{color:text}!important;
|
|
line-height:1.7em!important;
|
|
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.npf-link-block .bottom {
|
|
background:{color:special background}!important;
|
|
}
|
|
|
|
.npf-link-block .description {
|
|
font-family:delius unicase!important;
|
|
font-weight:bold;
|
|
font-size:calc(var(--SmallCaps-Font-Size) + 2px)!important;
|
|
text-transform:uppercase;
|
|
letter-spacing:.5px;
|
|
color:{color:special text}!important;
|
|
line-height:1.7em!important;
|
|
}
|
|
|
|
.npf-link-block .site-name {
|
|
text-transform:initial!important;
|
|
font-family:var(--Body-Font-Family)!important;
|
|
font-weight:normal!important;
|
|
font-size:var(--Body-Font-Size)!important;
|
|
color:{color:special text}!important;
|
|
}
|
|
|
|
.npf-link-block .description + .site-name {
|
|
margin-top:0;
|
|
}
|
|
|
|
.npf-link-block.no-poster .title {
|
|
padding:0.8em!important;
|
|
text-shadow:none!important;
|
|
}
|
|
|
|
.npf-link-block.no-poster .title + .bottom {
|
|
border-top:1px solid {color:special border};
|
|
}
|
|
|
|
/* gif src attribution */
|
|
.tmblr-attribution {
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:var(--SmallCaps-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
/*---- TEXT POSTS (TITLE) ----*/
|
|
.post-title, .linkpost-title {
|
|
margin-top:2px;
|
|
margin-bottom:0;
|
|
padding:0.8em;
|
|
background:{color:special background};
|
|
border:1px solid {color:special border};
|
|
font-size:var(--Heading-Font-Size);
|
|
font-weight:normal;
|
|
color:{color:special text};
|
|
text-align:center;
|
|
}
|
|
|
|
.post-title + *, .linkpost-title + * {
|
|
margin-top:var(--Heading-Margins);
|
|
}
|
|
|
|
/*---- LINK POSTS (TITLE) ----*/
|
|
.linkpost-title {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
color:{color:special text};
|
|
text-align:left;
|
|
}
|
|
|
|
.linkpost-title span {
|
|
display:block;
|
|
max-width:calc(100% - (var(--Heading-Font-Size) * 1.1) - 10px - 2px);
|
|
}
|
|
|
|
span + .linksym {
|
|
margin-left:10px;
|
|
margin-right:2px;
|
|
}
|
|
|
|
.linksym {
|
|
width:calc(var(--Heading-Font-Size) * 1.1);
|
|
height:calc(var(--Heading-Font-Size) * 1.1);
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--ext);
|
|
background:{color:special text};
|
|
}
|
|
|
|
.linkpost-title + .link-excerpt {
|
|
margin-top:-1px;
|
|
}
|
|
|
|
.link-excerpt {
|
|
padding:0.8em calc(0.8em + 2px);
|
|
border:1px solid {color:post borders inner};
|
|
}
|
|
|
|
.link-excerpt + * {
|
|
margin-top:var(--Heading-Margins);
|
|
}
|
|
|
|
.le-host {
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:var(--SmallCaps-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
}
|
|
|
|
/*---- PHOTO POSTS ----*/
|
|
a.single-photo {
|
|
cursor:pointer;
|
|
}
|
|
|
|
img.photopic {
|
|
width:100%;
|
|
}
|
|
|
|
[photoset-layout] {
|
|
grid-gap:var(--Photoset-Spacing);
|
|
}
|
|
|
|
[photoset-layout] div {
|
|
cursor:pointer;
|
|
backface-visibility:hidden;
|
|
}
|
|
|
|
.caption {
|
|
margin-top:var(--Captions-Gap);
|
|
}
|
|
|
|
/*----- LIGHTBOX BS -----*/
|
|
.tmblr-lightbox, #tumblr_lightbox {
|
|
background-color:rgba({RGBcolor:post},0.69)!important;
|
|
}
|
|
|
|
.tmblr-lightbox .vignette {
|
|
background-image:none!important;
|
|
}
|
|
|
|
#vignette {display:none!important}
|
|
|
|
.lightbox-image, #tumblr_lightbox_left_image, #tumblr_lightbox_center_image, #tumblr_lightbox_right_image {
|
|
margin-top:calc(0px - var(--Post-Padding));
|
|
}
|
|
|
|
.tmblr-lightbox img, #tumblr_lightbox img {
|
|
max-width:initial;
|
|
box-shadow:none!important;
|
|
border-radius:0px!important;
|
|
padding:var(--Post-Padding);
|
|
background:{color:post}!important;
|
|
border:1px solid {color:post borders outer}!important;
|
|
}
|
|
|
|
/*----- QUOTE POSTS -----*/
|
|
.quote-words, .npf_quote:only-child {
|
|
padding:0 var(--Post-Padding);
|
|
font-family:var(--Quote-Font-Family)!important;
|
|
font-size:var(--Quote-Font-Size)!important;
|
|
letter-spacing:.3px;
|
|
text-align:center;
|
|
line-height:200%;
|
|
}
|
|
|
|
.quote-words + .quote-source,
|
|
.npf_quote + p[style*="margin-bottom: 0px;"]{
|
|
margin-top:var(--Paragraph-Margins);
|
|
text-align:center;
|
|
}
|
|
|
|
/*----- VIDEO POSTS -----*/
|
|
.tmblr-video {
|
|
max-width:initial;
|
|
}
|
|
|
|
.tumblr_video_container, .tumblr_video_iframe {
|
|
width:100%!important;
|
|
}
|
|
|
|
/*---- CHAT POSTS ----*/
|
|
.chatwrap {
|
|
border:1px solid var(--Post-Borders-Inner);
|
|
}
|
|
|
|
.chat_row {
|
|
position:relative;
|
|
display:table-row;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.chat_row:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;left:0;
|
|
transform:translateY(-.5px);
|
|
width:100%;
|
|
height:1px;
|
|
background:var(--Post-Borders-Inner);
|
|
}
|
|
|
|
.chatwrap .chat_row:last-child:after {
|
|
display:none;
|
|
}
|
|
|
|
.chat_row code:only-child {
|
|
display:block;
|
|
padding:0.8em;
|
|
border:none;
|
|
background:transparent;
|
|
}
|
|
|
|
.chat_label {
|
|
display:table-cell;
|
|
white-space:nowrap;
|
|
padding-right:1em;
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:var(--SmallCaps-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.chat_label, .chat_content {
|
|
padding:calc(1em - 2px) 1em;
|
|
}
|
|
|
|
.chat_content {
|
|
display:table-cell;
|
|
width:100%;
|
|
}
|
|
|
|
.chat_label + .chat_content {
|
|
border-left:1px solid var(--Post-Borders-Inner);
|
|
}
|
|
|
|
/*---- AUDIO POSTS ----*/
|
|
.audio-post .npf_inst img {
|
|
width:100%;
|
|
}
|
|
|
|
.aud-emb {display:none}
|
|
|
|
.audiowrap {
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.albumwrap {
|
|
position:relative;
|
|
width:var(--Audio-Post-Album-Size);
|
|
height:var(--Audio-Post-Album-Size);
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
}
|
|
|
|
.albumwrap[has-cover] .audplac {display:none}
|
|
|
|
.butts {
|
|
width:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
|
|
height:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
|
|
background:var(--Audio-Post-Buttons-Background);
|
|
border-radius:100%;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
cursor:pointer;
|
|
z-index:2;
|
|
}
|
|
|
|
.overplay, .overpause {
|
|
width:var(--Audio-Post-Buttons-Size);
|
|
height:var(--Audio-Post-Buttons-Size);
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-position:center;
|
|
background:var(--Audio-Post-Buttons-Color);
|
|
}
|
|
|
|
.overplay {
|
|
margin-left:2px;
|
|
-webkit-mask-image:var(--audioplay);
|
|
}
|
|
|
|
.overpause {
|
|
display:none;
|
|
-webkit-mask-image:var(--audiopause);
|
|
}
|
|
|
|
.ov-y {display:block}
|
|
.ov-z {display:none}
|
|
|
|
.audplac {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:var(--Audio-Post-Album-Size);
|
|
height:var(--Audio-Post-Album-Size);
|
|
background:var(--Audio-Post-Buttons-Background);
|
|
}
|
|
|
|
.albumwrap img {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.audiotxt {
|
|
flex:1;
|
|
height:var(--Audio-Post-Album-Size);
|
|
padding:var(--Audio-Post-Album-Right-Gap);
|
|
background:{color:special background};
|
|
border:1px solid {color:special border};
|
|
display:flex;
|
|
align-items:center;
|
|
box-sizing:border-box;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
font-size:calc(var(--Body-Font-Size) - 1px);
|
|
line-height:var(--Line-Height);
|
|
color:{color:special text};
|
|
}
|
|
|
|
.odin > div + div, .npf-audio-details > * + * {
|
|
margin-top:calc((((var(--Body-Font-Size) - .3px) * var(--Line-Height-INT)) - (var(--Body-Font-Size) - .3px)) / -2);
|
|
padding-top:2px;
|
|
}
|
|
|
|
.aud-song-name, .npf-audio-title {
|
|
padding-top:calc((var(--SmallCaps-Font-Size) + 1px) * 0.3);
|
|
margin-bottom:calc((var(--SmallCaps-Font-Size) + 1px) * -0.7);
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:calc(var(--SmallCaps-Font-Size) + 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.aud-song-name[has-name] .untit {
|
|
display:none;
|
|
}
|
|
|
|
.aud-artist[has-artist] .unart {
|
|
display:none;
|
|
}
|
|
|
|
.inari {
|
|
display:block;
|
|
padding:6px;
|
|
margin-right:-6px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.int-all {
|
|
display:block;
|
|
width:calc(var(--Audio-Post-Buttons-Size) + 5px);
|
|
height:calc(var(--Audio-Post-Buttons-Size) + 5px);
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--install);
|
|
background:{color:special text};
|
|
pointer-events:none;
|
|
}
|
|
|
|
/*---- SPOTIFY ----*/
|
|
iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
|
|
height:80px!important;
|
|
}
|
|
|
|
.spotify_audio_player {
|
|
width:100%;
|
|
}
|
|
|
|
/*---- SOUNDCLOUD ----*/
|
|
.tmblr-video iframe[src*='soundcloud.com']{
|
|
}
|
|
|
|
.audio-soundcloud {
|
|
max-height:113px;
|
|
border-radius:4px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.soundcloud_audio_player {
|
|
margin:-1px;
|
|
margin-bottom:0;
|
|
width:calc(100% + 2px);
|
|
max-width:initial;
|
|
}
|
|
|
|
/*---- ASK/ANSWER POSTS ----*/
|
|
.une_question {
|
|
display:flex;
|
|
}
|
|
|
|
.askpor {
|
|
flex-shrink:0;
|
|
width:var(--Asker-Avatar-Size);
|
|
height:var(--Asker-Avatar-Size);
|
|
padding:var(--Asker-Avatar-Padding);
|
|
border:1px solid {color:post borders inner};
|
|
border-radius:100%;
|
|
margin-right:11px;
|
|
}
|
|
|
|
.que-person {
|
|
margin-top:calc(var(--Asker-Avatar-Padding) + 1px);
|
|
margin-bottom:calc((var(--SmallCaps-Font-Size) - 1px) * -0.3);
|
|
line-height:1em;
|
|
}
|
|
|
|
.que-person .reblog-url {
|
|
position:relative;
|
|
|
|
/* 'asked' color */
|
|
color:{color:text};
|
|
}
|
|
|
|
.que-person .reblog-url b {
|
|
/* asker username color */
|
|
font-weight:normal;
|
|
color:var(--Reblogger-Username-Color);
|
|
}
|
|
|
|
.question_text {
|
|
margin-top:calc(var(--Reblogger-Avatar-Bottom-Gap) - 1px);
|
|
padding:calc(1em - 2px) 1em;
|
|
background:{color:special background};
|
|
border-radius:3px;
|
|
border:1px solid {color:special border};
|
|
color:{color:special text};
|
|
}
|
|
|
|
.question_text > p:first-child {
|
|
margin-top:0px;
|
|
}
|
|
|
|
.question_text > p:only-child {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.une_question + .une_reponse {
|
|
margin-top:var(--Reblogs-Spacing);
|
|
padding-top:var(--Reblogs-Spacing);
|
|
border-top:1px solid var(--Reblogs-Border);
|
|
}
|
|
|
|
.une_reponse .reblog-url {
|
|
/* 'answered' text color */
|
|
color:{color:text};
|
|
}
|
|
|
|
/*---- TAGS SECTION ----*/
|
|
.tagsdiv {
|
|
margin-top:var(--Captions-Gap);
|
|
}
|
|
|
|
.tagsdiv[clicktags="yes"] {
|
|
{block:IndexPage}
|
|
display:none;
|
|
opacity:0;
|
|
transition:opacity var(--Tags-Fade-Speed-MS-SFX) ease-in-out;
|
|
{/block:IndexPage}
|
|
}
|
|
|
|
.tagsfade {
|
|
opacity:1!important;
|
|
}
|
|
|
|
.tagsin {
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
justify-content:flex-end;
|
|
margin:calc(0px - var(--Tags-Spacing));
|
|
/*margin-top:calc(var(--Captions-Gap) - var(--Tags-Spacing));*/
|
|
margin-bottom:calc((((var(--SmallCaps-Font-Size) - 1px) * var(--Line-Height-INT)) / 2) * -1);
|
|
line-height:var(--Line-Height);
|
|
}
|
|
|
|
.tagsin a {
|
|
position:relative;
|
|
display:block;
|
|
margin:0 var(--Tags-Spacing);
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:{color:tags};
|
|
}
|
|
|
|
.tagsin a:before {
|
|
content:"#";
|
|
font-family:work sans;
|
|
font-weight:500;
|
|
margin-right:.5px;
|
|
}
|
|
|
|
/*---- PERMALINK BAR BOTTOM ----*/
|
|
.botperma {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
padding:calc(var(--Post-Padding) - 2px) var(--Post-Padding);
|
|
background:{color:bottom permalink background};
|
|
border-radius:0 0 var(--Posts-Corner-Roundness) var(--Posts-Corner-Roundness);
|
|
border-top:1px solid {color:bottom permalink border};
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:calc(var(--SmallCaps-Font-Size) - .5px);
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.botperma, .botperma a {
|
|
color:{color:bottom permalink text};
|
|
}
|
|
|
|
.permaleft {
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
word-spacing:1px;
|
|
line-height:1em;
|
|
}
|
|
|
|
.permaleft a {
|
|
display:flex;
|
|
align-items:center;
|
|
margin:calc(0px - var(--Post-Padding)) 0;
|
|
/*padding:var(--Post-Padding) 0;*/
|
|
|
|
--blehh:calc((var(--SmallCaps-Font-Size) - .5px) * 0.3);
|
|
|
|
padding-top:calc(var(--blehh) + var(--Post-Padding));
|
|
padding-bottom:calc(var(--Post-Padding) - var(--blehh));
|
|
}
|
|
|
|
.permaleft a + a {
|
|
margin-left:var(--Permalink-Text-Spacing);
|
|
}
|
|
|
|
.permaleft [class^="ph"]{
|
|
font-size:calc(var(--Body-Font-Size) + 2px);
|
|
margin-right:7px;
|
|
}
|
|
|
|
.permaright {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.permaright a {
|
|
display:block;
|
|
position:relative;
|
|
{block:IndexPage}
|
|
width:var(--Post-Buttons-Size);
|
|
height:var(--Post-Buttons-Size);
|
|
{/block:IndexPage}
|
|
backface-visibility:hidden;
|
|
{block:PermalinkPage}
|
|
padding-top:calc((var(--SmallCaps-Font-Size) - .5px) * 0.3);
|
|
{/block:PermalinkPage}
|
|
}
|
|
|
|
.permaright .iconsax {
|
|
display:block;
|
|
--Iconsax-Size:var(--Post-Buttons-Size);
|
|
--Iconsax-Color:var(--Post-Buttons-Color);
|
|
backface-visibility:hidden;
|
|
}
|
|
|
|
.permaright .iconsax[icon-name='repeat']{
|
|
transform-origin:center;
|
|
transform:scaleX(1.1);
|
|
}
|
|
|
|
.permaright .cp {
|
|
padding-left:1px;
|
|
font-size:var(--Post-Buttons-Size);
|
|
color:var(--Post-Buttons-Color);
|
|
}
|
|
|
|
.permaright span {display:block}
|
|
|
|
.permaright a + a {
|
|
margin-left:var(--Post-Buttons-Spacing);
|
|
}
|
|
|
|
.permaright[clicktags="no"] .clicktags {
|
|
display:none;
|
|
}
|
|
|
|
.clicktags {
|
|
cursor:help;
|
|
}
|
|
|
|
.like_button {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:2;
|
|
}
|
|
|
|
.like_button iframe {
|
|
width:100%;
|
|
height:100%;
|
|
vertical-align:initial;
|
|
opacity:0;
|
|
}
|
|
|
|
.like_button.liked + .cp-heart-o {
|
|
color:var(--Like-Button-Liked);
|
|
}
|
|
|
|
/*---- POST NOTES ----*/
|
|
.notescont {
|
|
margin-top:var(--Post-Spacing);
|
|
margin-bottom:var(--Post-Spacing);
|
|
width:calc(var(--Post-Width) + (var(--Post-Padding) * 0) + 2px);
|
|
}
|
|
|
|
.notescont h1 {
|
|
margin-top:5px;
|
|
margin-bottom:calc(var(--Heading-Margins) + 5px);
|
|
font-weight:normal;
|
|
letter-spacing:.3px;
|
|
text-align:center;
|
|
}
|
|
|
|
.notescont ol.notes {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.notescont li {
|
|
list-style-type:none;
|
|
padding:0!important;
|
|
}
|
|
|
|
.notescont li + li {
|
|
margin-top:var(--Notes-Row-Spacing);
|
|
}
|
|
|
|
.notescont li:before {
|
|
font-family:phosphor;
|
|
font-size:var(--Notes-Indicator-Size);
|
|
color:{color:text};
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.notescont li.like:before {
|
|
content:"\f1ca";
|
|
}
|
|
|
|
.notescont li.reblog:before {
|
|
content:"\f2c3";
|
|
}
|
|
|
|
.notescont li.reply:before,
|
|
.notescont li.with_commentary:before {
|
|
content:"\f0db"!important;
|
|
}
|
|
|
|
.notescont .avatar_frame {
|
|
display:none;
|
|
}
|
|
|
|
.notescont .avatar_frame + .action {
|
|
margin-left:var(--Notes-Indicator-Gap-Right);
|
|
}
|
|
|
|
.notescont .action a {
|
|
color:var(--Reblogger-Username-Color);
|
|
}
|
|
|
|
.notescont blockquote {
|
|
margin-left:calc(var(--Notes-Indicator-Size) / 2);
|
|
padding-left:calc((var(--Notes-Indicator-Size) / 2) + var(--Notes-Indicator-Gap-Right));
|
|
}
|
|
|
|
.more_notes_link_container {
|
|
margin-top:1em!important;
|
|
margin-bottom:calc(var(--Paragraph-Margins) / 2);
|
|
}
|
|
|
|
.more_notes_link, .notes_loading {
|
|
color:{color:link};
|
|
}
|
|
|
|
/*---- PAGINATION ----*/
|
|
.botpagi {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px);
|
|
margin-bottom:var(--Post-Spacing);
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1.1px;
|
|
line-height:1em;
|
|
}
|
|
|
|
.botpagi a {
|
|
padding:0.69em;
|
|
margin:-0.69em;
|
|
color:var(--Pagination-Color)!important;
|
|
}
|
|
|
|
.botpagi span {
|
|
padding:0 4px;
|
|
padding-top:calc((var(--SmallCaps-Font-Size) - 1px) * 0.3);
|
|
}
|
|
|
|
.prev-svg {
|
|
width:calc(var(--Body-Font-Size) + 3px);
|
|
height:calc(var(--Body-Font-Size) + 3px);
|
|
-webkit-mask-image:var(--BackSVG);
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
background:var(--Pagination-Color)
|
|
}
|
|
|
|
.next-svg {
|
|
width:calc(var(--Body-Font-Size) + 3px);
|
|
height:calc(var(--Body-Font-Size) + 3px);
|
|
-webkit-mask-image:var(--NextSVG);
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
background:var(--Pagination-Color)
|
|
}
|
|
|
|
.tsugi {
|
|
margin-right:calc(0px - var(--Post-Shadow-Size) - 0.69em)!important;
|
|
}
|
|
|
|
.pn {
|
|
margin-left:auto!important;
|
|
}
|
|
|
|
/*---ignore this---*/
|
|
.musubi {
|
|
position:fixed;
|
|
bottom:0;left:0;
|
|
width:100%;
|
|
box-sizing:border-box;
|
|
padding:14px;
|
|
background:#121212;
|
|
font-family:delius unicase;
|
|
font-weight:700;
|
|
font-size:11.5px;
|
|
text-transform:uppercase;
|
|
color:#d5d5d5;
|
|
letter-spacing:.5px;
|
|
word-spacing:1px;
|
|
line-height:1em;
|
|
text-align:center;
|
|
display:none;
|
|
z-index:11;
|
|
}
|
|
|
|
.musubi a {
|
|
margin-right:1px;
|
|
font-weight:bold;
|
|
color:#b2d66b;
|
|
}
|
|
|
|
/*-------------------*/
|
|
|
|
[credit-pos="bot"] .tubbz a[href*='glenthemes.tumblr.com']{
|
|
display:none;
|
|
}
|
|
|
|
[credit-pos="in-sb"] .lah-nuit {
|
|
display:none;
|
|
}
|
|
|
|
.lah-nuit {
|
|
display:block;
|
|
position:fixed;
|
|
bottom:0;margin-bottom:10px;
|
|
right:0;margin-right:8px;
|
|
padding:8px 5px 5px 5px;
|
|
font-family:var(--SmallCaps-Font-Family);
|
|
font-size:8px;
|
|
text-transform:uppercase;
|
|
letter-spacing:1.3px;
|
|
color:{color:text};
|
|
line-height:1em;
|
|
z-index:10;
|
|
}
|
|
|
|
.posts[id="669645454703722496"] .photoset-grid {
|
|
filter:brightness(103%) contrast(102%)
|
|
}
|
|
|
|
{CustomCSS}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<!--------------------->
|
|
|
|
<body>
|
|
|
|
<div class="musubi"></div>
|
|
|
|
<div class="mynoots">
|
|
<div class="nymoots">
|
|
<div class="ensoot">
|
|
|
|
<!---- LEFT SIDEBAR ---->
|
|
<div class="left-sb">
|
|
<div class="lbs">
|
|
<div class="el-present">
|
|
<div class="moolait" {block:ifsidebarhovernotifs}sb-hov-yes{/block:ifsidebarhovernotifs}>
|
|
<img class="main-sb-img" src="{image:sidebar image}">
|
|
</div>
|
|
<div class="hoez" t-shad="{select:sidebar title shadow}" t-outline="{select:sidebar title outline}">
|
|
{block:ifsidebarverticaltitle}
|
|
<span>{text:sidebar vertical title}</span>
|
|
{/block:ifsidebarverticaltitle}
|
|
</div>
|
|
|
|
<!------ MUSIC PLAYER ------>
|
|
{block:ifshowmusicplayer}
|
|
<div class="botstick"></div>
|
|
|
|
<div class="bingbong">
|
|
<div class="dingding">
|
|
<span>{text:music song 1 name}</span>
|
|
<span>{text:music song 2 name}</span>
|
|
<span>{text:music song 3 name}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="lvttvce">
|
|
<a class="ph-skip-back peev"></a>
|
|
|
|
<div class="qorqle">
|
|
<i class="ph-play vlay"></i>
|
|
<i class="ph-pause vause"></i>
|
|
</div>
|
|
|
|
<a class="ph-skip-forward neet"></a>
|
|
</div>
|
|
|
|
<div class="audiostaque">
|
|
<audio src="{text:music song 1 mp3}" vol="{text:music song 1 volume}"></audio>
|
|
<audio src="{text:music song 2 mp3}" vol="{text:music song 2 volume}"></audio>
|
|
<audio src="{text:music song 3 mp3}" vol="{text:music song 3 volume}"></audio>
|
|
</div><!--do not remove this </div> line-->
|
|
|
|
{/block:ifshowmusicplayer}
|
|
<!--end musicplayer-->
|
|
|
|
|
|
<!------ SIDEBAR TOP ROW ------>
|
|
<div class="martiny">
|
|
<div class="bubun">
|
|
<span>{text:sidebar corner title}</span>
|
|
</div>
|
|
|
|
<div class="tubbz">
|
|
|
|
<a href="//{Name}.tumblr.com" title="home">
|
|
<i class="bi bi-house-door"></i>
|
|
</a>
|
|
|
|
|
|
<a href="//{Name}.tumblr.com/ask" title="askbox">
|
|
<i class="bi bi-envelope"></i>
|
|
</a>
|
|
|
|
|
|
<a href="//{Name}.tumblr.com/archive" title="archive">
|
|
<i class="bi bi-grid"></i>
|
|
</a>
|
|
|
|
<!-- pls do not remove the credit! -->
|
|
<a href="//glenthemes.tumblr.com" title="theme by glenthemes">
|
|
<i class="bi bi-code-slash"></i>
|
|
</a>
|
|
|
|
<i class="bi bi-battery{select:battery status}"></i>
|
|
</div><!--tubbz-->
|
|
</div><!--martiny-->
|
|
|
|
|
|
<!------ "NOTIF" BLOCKS SECTION ------>
|
|
<div class="paindesk">
|
|
<div class="muchpain">
|
|
<div class="chellfish">
|
|
{text:sidebar hover notifs}
|
|
</div><!--chellfish-->
|
|
</div><!--muchpain-->
|
|
</div><!--paindesk-->
|
|
</div><!--el-present-->
|
|
|
|
<!------ CUSTOM LINKS ------>
|
|
<div class="ceels">
|
|
<div class="pengweng">
|
|
{block:ifcustomlink1name}
|
|
<a href="{text:customlink 1 url}">
|
|
<span>{text:customlink 1 name}</span>
|
|
</a>
|
|
{/block:ifcustomlink1name}
|
|
|
|
{block:ifcustomlink2name}
|
|
<a href="{text:customlink 2 url}">
|
|
<span>{text:customlink 2 name}</span>
|
|
</a>
|
|
{/block:ifcustomlink2name}
|
|
|
|
{block:ifcustomlink3name}
|
|
<a href="{text:customlink 3 url}">
|
|
<span>{text:customlink 3 name}</span>
|
|
</a>
|
|
{/block:ifcustomlink3name}
|
|
|
|
{block:ifcustomlink4name}
|
|
<a href="{text:customlink 4 url}">
|
|
<span>{text:customlink 4 name}</span>
|
|
</a>
|
|
{/block:ifcustomlink4name}
|
|
|
|
{block:ifcustomlink5name}
|
|
<a href="{text:customlink 5 url}">
|
|
<span>{text:customlink 5 name}</span>
|
|
</a>
|
|
{/block:ifcustomlink5name}
|
|
|
|
{block:ifcustomlink6name}
|
|
<a href="{text:customlink 6 url}">
|
|
<span>{text:customlink 6 name}</span>
|
|
</a>
|
|
{/block:ifcustomlink6name}
|
|
|
|
{block:ifcustomlink7name}
|
|
<a href="{text:customlink 7 url}">
|
|
<span>{text:customlink 7 name}</span>
|
|
</a>
|
|
{/block:ifcustomlink7name}
|
|
|
|
{block:ifcustomlink8name}
|
|
<a href="{text:customlink 8 url}">
|
|
<span>{text:customlink 8 name}</span>
|
|
</a>
|
|
{/block:ifcustomlink8name}
|
|
</div>
|
|
</div>
|
|
</div><!--lbs-->
|
|
</div><!--left-sb-->
|
|
|
|
|
|
|
|
<!---- RIGHTSIDE CONTAINER ---->
|
|
<div class="postscont" black-and-white="{select:grayscale images}">
|
|
|
|
|
|
<!---- AVATAR ICON + DESCRIPTION ---->
|
|
<!-- the 'header' thing above the posts -->
|
|
<div class="xtoptop" ico-type="{select:header icon type}">
|
|
<div class="gdgdgd">
|
|
<div class="shadowimg"></div>
|
|
<img src="{image:header icon}">
|
|
</div>
|
|
|
|
<div class="mooshroom">
|
|
<div class="deskwrap">
|
|
<div class="desc">
|
|
{block:ifdescription}
|
|
{text:Description}
|
|
{/block:ifdescription}
|
|
|
|
{block:ifnotdescription}
|
|
{Description}
|
|
{/block:ifnotdescription}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!--xtoptop-->
|
|
|
|
|
|
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
|
|
<div class="posts {PostType}-post" id="{PostID}" post-type="{PostType}">
|
|
|
|
<!------ TOP PERMALINK ------>
|
|
<div class="permatop" flex>
|
|
<a flex {block:IndexPage}href="{Permalink}" title="view post"{/block:IndexPage}>
|
|
{block:Text}
|
|
<i class="iconsax" icon-name="letter-case"></i>
|
|
{/block:Text}
|
|
|
|
{block:Photo}
|
|
<i class="iconsax" icon-name="picture"></i>
|
|
{/block:Photo}
|
|
|
|
{block:Photoset}
|
|
<i class="iconsax" icon-name="picture"></i>
|
|
{/block:Photoset}
|
|
|
|
{block:Quote}
|
|
<i class="iconsax" icon-name="quote-start"></i>
|
|
{/block:Quote}
|
|
|
|
{block:Link}
|
|
<i class="iconsax" icon-name="globe"></i>
|
|
{/block:Link}
|
|
|
|
{block:Chat}
|
|
<i class="iconsax" icon-name="messages-1"></i>
|
|
{/block:Chat}
|
|
|
|
{block:Audio}
|
|
<i class="iconsax" icon-name="music"></i>
|
|
{/block:Audio}
|
|
|
|
{block:Video}
|
|
<i class="iconsax" icon-name="video-2"></i>
|
|
{/block:Video}
|
|
|
|
{block:Answer}
|
|
<i class="iconsax" icon-name="mail"></i>
|
|
{/block:Answer}
|
|
|
|
<!------------------>
|
|
|
|
<span class="pzt">
|
|
{block:RebloggedFrom}Reblogged on{/block:RebloggedFrom}
|
|
{block:NotReblog}Posted on{block:NotReblog}
|
|
|
|
{Month} {DayOfMonthWithSuffix} {Year}  ─  {TimeAgo}
|
|
</span>
|
|
</a>
|
|
|
|
<a class="acorn">
|
|
<i class="ph-dots-three"></i>
|
|
</a>
|
|
|
|
<div class="meh-menu">
|
|
<div class="meh-arrow"></div>
|
|
|
|
<div class="meh-main">
|
|
<a item data-clipboard-text="{Permalink}">copy link</a>
|
|
{block:RebloggedFrom}
|
|
<a item href="{ReblogParentURL}">via: {ReblogParentName}</a>
|
|
<a item href="{ReblogRootURL}">src: {ReblogRootName}</a>
|
|
{/block:RebloggedFrom}
|
|
</div>
|
|
</div>
|
|
</div><!--permatop-->
|
|
|
|
<div class="postinner">
|
|
|
|
<!------ POST TITLE ------>
|
|
{block:Title}
|
|
<h1 class="post-title">{Title}</h1>
|
|
{/block:Title}
|
|
|
|
<!------ TEXT POSTS ------>
|
|
{block:Text}
|
|
{block:NotReblog}{Body}{/block:NotReblog}
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="reblog-wrap">
|
|
<div class="reblog-head source-head">
|
|
<img src="{PortraitURL-64}">
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Username}</a>
|
|
</span>
|
|
</div>
|
|
<div class="reblog-comment">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
{/block:Text}
|
|
|
|
<!------ SINGLE PHOTO ------>
|
|
{block:Photo}
|
|
<a class="single-photo" onclick="Tumblr.Lightbox.init([{ width:{PhotoWidth-HighRes}, height:{PhotoHeight-HighRes}, low_res:'{PhotoURL-500}', high_res:'{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="photopic" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
|
|
{/block:Photo}
|
|
|
|
<!------ PHOTOSETS ------>
|
|
{block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
|
|
|
|
<!------ QUOTE POSTS ------>
|
|
{block:Quote}
|
|
<div class="quote-words">{Quote}</div>
|
|
{block:Source}
|
|
<div class="quote-source">
|
|
<span mdash>—</span>
|
|
{Source}
|
|
</div>{/block:Source}
|
|
{/block:Quote}
|
|
|
|
<!------ LINK POSTS ------>
|
|
{block:Link}
|
|
<a class="linkpost-title" href="{URL}" {Target}>
|
|
<span>{Name}</span>
|
|
<div class="linksym"></div>
|
|
</a>
|
|
|
|
{block:Excerpt}
|
|
<div class="link-excerpt">
|
|
{Excerpt}
|
|
{block:Host}— <a class="le-host" href="{URL}" {Target}>{Host}</a>{/block:Host}
|
|
</div>
|
|
{/block:Excerpt}
|
|
|
|
{block:Description}
|
|
<div class="link-description">
|
|
{block:NotReblog}{Description}{/block:NotReblog}
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="reblog-wrap">
|
|
<div class="reblog-head">
|
|
<img src="{PortraitURL-64}">
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Username}</a>
|
|
</span>
|
|
</div>
|
|
<div class="reblog-comment">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
</div>
|
|
{/block:Description}
|
|
{/block:Link}
|
|
|
|
<!------ CHAT POSTS ------>
|
|
{block:Chat}
|
|
{block:Lines}
|
|
<div class="chat_row">
|
|
{block:Label}
|
|
<div class="chat_label">{Label}</div>
|
|
{/block:Label}
|
|
|
|
<div class="chat_content">
|
|
{Line}
|
|
</div>
|
|
</div>
|
|
{/block:Lines}
|
|
{/block:Chat}
|
|
|
|
<!------ AUDIO POSTS ------>
|
|
{block:Audio}
|
|
<div class="audiowrap">
|
|
{block:AudioPlayer}
|
|
<div class="aud-emb">
|
|
{AudioPlayer}
|
|
</div>
|
|
{/block:AudioPlayer}
|
|
|
|
<div class="albumwrap" {block:AlbumArt}has-cover{/block:AlbumArt}>
|
|
{block:AlbumArt}
|
|
<img src="{AlbumArtURL}">
|
|
{/block:AlbumArt}
|
|
|
|
<div class="audplac"></div>
|
|
|
|
<div class="butts">
|
|
<div class="overplay"></div>
|
|
<div class="overpause"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="audiotxt">
|
|
<div class="odin">
|
|
|
|
<div class="aud-song-name" {block:TrackName}has-name{/block:TrackName}>
|
|
<div class="untit">Untitled track</div>
|
|
|
|
{block:TrackName}
|
|
<div class="hastit">{TrackName}</div>
|
|
{/block:TrackName}
|
|
</div>
|
|
|
|
{block:Album}
|
|
<div class="aud-album-name">{Album}</div>
|
|
{/block:Album}
|
|
|
|
<div class="aud-artist" {block:Artist}has-artist{/block:Artist}>
|
|
<div class="unart">Unknown artist</div>
|
|
|
|
{block:Artist}
|
|
<div class="hasart">{Artist}</div>
|
|
{/block:Artist}
|
|
</div>
|
|
</div><!--odin-->
|
|
|
|
<a class="inari" title="download" target="_blank">
|
|
<span class="int-all"></span>
|
|
</a>
|
|
</div><!--audiotxt-->
|
|
</div><!--audiowrap-->
|
|
{/block:Audio}
|
|
|
|
<!------ VIDEO POSTS ------>
|
|
{block:Video}
|
|
<div class="tmblr-video">{Video-500}</div>
|
|
{/block:Video}
|
|
|
|
<!------ ANSWER POSTS ------>
|
|
{block:Answer}
|
|
<!-- who asked? -->
|
|
<div class="une_question">
|
|
<img class="askpor yoozah" src="{AskerPortraitURL-128}">
|
|
|
|
<div>
|
|
<div class="que-person">
|
|
<span class="reblog-url"><b>{Asker}</b> asked:</span>
|
|
</div>
|
|
|
|
<div class="question_text">{Question}</div>
|
|
|
|
|
|
</div>
|
|
</div><!--une_question-->
|
|
|
|
<!--------------------------------------->
|
|
|
|
<!-- who answered? -->
|
|
{block:Answerer}
|
|
<div class="reblog-wrap une_reponse">
|
|
<div class="answerer reblog-head">
|
|
<img src="{AnswererPortraitURL-64}">
|
|
<span class="reblog-url">{Answerer} answered:</span>
|
|
</div>
|
|
<p class="answer_text">{Answer}</p>
|
|
</div>
|
|
|
|
<!-- additional reblogs to the ask post -->
|
|
{block:Reblogs}
|
|
<div class="reblog-wrap reply_container">
|
|
<div class="replier reblog-head">
|
|
<img src="{PortraitURL-64}">
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Username}</a>
|
|
</span>
|
|
</div>
|
|
<div class="reply">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:Answerer}
|
|
|
|
<!--------------------------------------->
|
|
|
|
<!-- original answer post -->
|
|
{block:NotReblog}
|
|
<div class="reblog-wrap une-reponse">
|
|
<div class="answerer reblog-head">
|
|
<img src="{PortraitURL-64}">
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Name}</a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="answer_text">{Answer}</div>
|
|
</div><!--answer-container-->
|
|
{/block:NotReblog}
|
|
{/block:Answer}
|
|
<!------ END ANSWER ------>
|
|
|
|
<!------ 'CAPTION'? ------>
|
|
{block:Caption}
|
|
<div class="caption">
|
|
{block:NotReblog}{Caption}{/block:NotReblog}
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="reblog-wrap">
|
|
<div class="reblog-head">
|
|
<img src="{PortraitURL-64}">
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Username}</a>
|
|
</span>
|
|
</div><!--reblog-head-->
|
|
<div class="reblog-comment">{Body}</div>
|
|
</div><!--comment-container-->
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
</div><!--caption-->
|
|
{/block:Caption}
|
|
|
|
|
|
<!------ TAGS ------>
|
|
{block:HasTags}
|
|
<div class="tagsdiv" clicktags="{select:click tags}">
|
|
<div class="tagsin">
|
|
{block:Tags}
|
|
<a href="{TagURL}">{Tag}</a>
|
|
{/block:Tags}
|
|
</div>
|
|
</div>
|
|
{/block:HasTags}
|
|
</div><!--postinner-->
|
|
|
|
<!------ BOTTOM PERMALINK ------>
|
|
{block:Date}
|
|
<div class="botperma">
|
|
<div class="permaleft" flex>
|
|
<i class="ph-{text:bottom permalink icon}"></i>
|
|
|
|
{block:RebloggedFrom}
|
|
<a href="{ReblogRootURL}" title="go to original poster">Source: <span src-link>{ReblogRootName}</span></a>
|
|
{/block:RebloggedFrom}
|
|
|
|
{block:NotReblog}
|
|
<a{block:IndexPage} href="{Permalink}"{/block:IndexPage}>Original Post</a>
|
|
{/block:NotReblog}
|
|
|
|
<a{block:IndexPage} href="{Permalink}"{/block:IndexPage}>{NoteCountWithLabel}</a>
|
|
|
|
<a{block:IndexPage} href="{Permalink}"{/block:IndexPage}>{DayOfWeek}</a>
|
|
|
|
{block:IndexPage}
|
|
{block:PinnedPostLabel}<a>Pinned Post</a>{/block:PinnedPostLabel}
|
|
{/block:IndexPage}
|
|
</div>
|
|
|
|
<!------------------------------>
|
|
{block:IndexPage}
|
|
<div class="permaright" clicktags="{select:click tags}">
|
|
{block:HasTags}
|
|
<a class="clicktags">
|
|
<i class="iconsax" icon-name="hashtag"></i>
|
|
</a>
|
|
{/block:HasTags}
|
|
|
|
|
|
<a href="{ReblogURL}" title="reblog this post">
|
|
<i class="iconsax" icon-name="repeat"></i>
|
|
</a>
|
|
|
|
<a title="like this post">
|
|
{LikeButton}
|
|
<i class="cp cp-heart-o"></i>
|
|
</a>
|
|
</div>
|
|
{/block:IndexPage}
|
|
<!------------------------------>
|
|
|
|
{block:PermalinkPage}
|
|
<div class="permaright">
|
|
{block:NotReblog}
|
|
original post
|
|
{/block:NotReblog}
|
|
|
|
{block:RebloggedFrom}
|
|
<a href="{ReblogParentURL}">via:  {ReblogParentName}</a>
|
|
{/block:RebloggedFrom}
|
|
</div>
|
|
{/block:PermalinkPage}
|
|
|
|
</div><!--botperma-->
|
|
{/block:Date}
|
|
</div><!--posts-->
|
|
|
|
{block:PostNotes}
|
|
<div class="notescont">
|
|
<h1>{NoteCountWithLabel}</h1>
|
|
{PostNotes}
|
|
</div>
|
|
{/block:PostNotes}
|
|
|
|
{/block:Posts}
|
|
|
|
<!------ PAGINATION ------>
|
|
{block:Pagination}
|
|
<div class="botpagi">
|
|
{block:PreviousPage}
|
|
<a class="flex" href="{PreviousPage}">
|
|
<div class="prev-svg"></div>
|
|
<span>previous page</span>
|
|
</a>
|
|
{/block:PreviousPage}
|
|
|
|
{block:NextPage}
|
|
<a class="flex pn tsugi" href="{NextPage}">
|
|
<span>next page</span>
|
|
<div class="next-svg"></div>
|
|
</a>
|
|
{/block:NextPage}
|
|
</div>
|
|
{/block:Pagination}
|
|
</div><!--postscont-->
|
|
|
|
</div><!--ensoot-->
|
|
</div><!--nymoots-->
|
|
</div><!--mynoots-->
|
|
|
|
<!-- PLS DO NOT REMOVE THE CREDIT ILYSM -->
|
|
<a class="lah-nuit" href="//glenthemes.tumblr.com">glenthemes</a>
|
|
|
|
<script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
|
|
|
|
</body>
|
|
</html> |