2022-07-22 03:47:20 +01:00
<!----------------------------------------------------
Theme [08]: Kami no Himegoto
Made by glenthemes
Initial release: 2016/11/02
Remake date: 2021/07/25
2023-08-18 01:36:43 +01:00
Last updated: 2023/08/17
What's new:
✱ NPF audio post support
2022-07-22 03:47:20 +01:00
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 works together.
CREDITS:
✧( ु•⌄• )◞ ~ glencredits.tumblr.com/kami-no-himegoto
----------------------------------------------------->
2023-05-08 02:08:50 +01:00
<!DOCTYPE html>
2022-07-22 03:47:20 +01:00
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<!---------------------------->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<!------ THEME SCRIPTS ------->
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script src="//rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
<link href="//static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
2023-04-28 03:32:59 +01:00
<script src="//glen-themes.gitlab.io/thms/08/fkn-audio.js"></script>
2022-07-22 03:47:20 +01:00
2023-05-07 05:18:28 +01:00
<link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
2023-04-28 03:32:59 +01:00
<!--
NPF images fix v3.0 by @glenthemes [2021]
💌 git.io/JRBt7
--->
<script src="//npf-images-v3.github.io/script.js"></script>
<link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
<style tmblr-npf>
:root {
--NPF-Caption-Spacing:var(--NPF-Bottom-Gap-From-Captions);
--NPF-Image-Spacing:{select:photoset spacing};
}
a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
padding-bottom:0!important;
border-bottom:none!important;
}
2022-07-22 03:47:20 +01:00
2023-05-07 05:18:28 +01:00
.spotify_audio_player {
height:80px!important;
}
</style>
2022-07-22 03:47:20 +01:00
2023-08-18 01:36:43 +01:00
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
2023-04-28 03:32:59 +01:00
<script src="//glen-themes.gitlab.io/thms/08/yabonku.js"></script>
2023-08-18 01:36:43 +01:00
<script src="//glen-themes.gitlab.io/thms/08/bonks.js"></script>
2022-07-22 03:47:20 +01:00
2023-05-07 05:18:28 +01:00
<!-- unblue polls -->
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
2023-08-18 01:36:43 +01:00
<style unblue-polls>
2023-05-07 05:18:28 +01:00
.poll-post {
--Poll-Question-Font-Size: var(--Body-Font-Size);
--Poll-Option-Background-Color: {color:post};
--Poll-Option-Corner-Rounding: 5px;
--Poll-Option-Border-Size: 1px;
--Poll-Option-Border-Color: rgba({RGBcolor:post borders inner},0.420);
--Poll-Option-Padding: 8px;
--Poll-Option-Font-Size: var(--Body-Font-Size);
--Poll-Option-Spacing: 10px;
--Poll-Option-Text-Color: {color:text};
--Poll-Option-HOVER-Border-Color: rgba({RGBcolor:post borders inner},0.420);
--Poll-Option-HOVER-Background-Color: {color:post};
--Poll-Option-HOVER-Text-Color: {color:link};
--Poll-Option-HOVER-Speed: 0.4s;
}
.poll-see-results {
padding-bottom:0!important;
border-bottom:none!important;
font-size:calc(var(--Poll-Option-Font-Size) - 1.5px)!important;
text-transform:uppercase;
2023-05-07 21:49:25 +01:00
letter-spacing:1px;
2023-05-07 05:18:28 +01:00
}
</style>
2023-08-18 01:36:43 +01:00
<!-- npf audio player -->
<!-- glenthemes.tumblr.com/post/722160746171072512 -->
<script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
<link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
<script>
tumblr_npf_audio({
emptyTitleText: "Untitled track",
emptyArtistText: "Untitled artist",
emptyAlbumText: "Untitled album",
titleLabel: "",
artistLabel: "",
albumLabel: ""
});
</script>
<style edit-npf-audio-player>
.npf-audio-wrapper {
--NPF-Audio-Buttons-Size: calc(var(--Audio-Post-PlayButton-Size) * 0.6);
--NPF-Audio-Buttons-Color: var(--Audio-Post-Buttons-Color);
--NPF-Audio-Buttons-Padding: calc(var(--Audio-Post-PlayButton-Padding) + (var(--Audio-Post-PlayButton-Size) * 0.2));
--NPF-Audio-Buttons-Spacing: calc(var(--p) + 12px);
--NPF-Audio-Image-Size: var(--Audio-Post-Album-Image-Size);
--NPF-Audio-Image-Spacing: 0px;
--t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
--p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
}
.npf-audio-wrapper {
position:relative;
background:{color:post background 2};
z-index:0;
}
.npf-audio-background {
margin-left:var(--p);
}
.npf-audio-play, .npf-audio-pause {
position:relative;
z-index:0;
}
.npf-audio-play:after, .npf-audio-pause:after {
content:"";
position:absolute;
top:0;left:0;
margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding) - 1px);
margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding) - 1px);
width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
background:var(--Audio-Post-Buttons-BG);
border:1px solid var(--Audio-Post-Buttons-Border);
border-radius:100%;
z-index:-1;
}
.npf-audio-play svg { margin-left:1px; }
.npf-audio-pause svg { margin-left:0; }
figcaption.audio-caption,
figcaption.audio-caption ~ audio[controls],
.npf-audio-album {
display:none;
}
.npf-audio-image {
position:absolute;
top:0;left:0;
z-index:-1;
}
.npf-audio-details {
color:{color:special text};
}
.npf-audio-details > * + * {
margin-top:-2.5px;
}
</style>
2023-05-07 05:18:28 +01:00
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
2022-07-22 03:47:20 +01:00
<!------ FONTS ------->
<link href="//fonts.googleapis.com/css?family=Karla|Roboto+Mono|Inter|Rubik|Amiri|Libre+Franklin|Open+Sans|Manrope:500,800|Sora:500|Lexend+Deca|Public+Sans" rel="stylesheet">
<link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
<!------ ICON FONTS ------->
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://glen-assets.github.io/flaticon-uicons/uicons-regular-rounded.css">
<!------------ THEME OPTIONS ------------>
<meta name="image:sidebar 1 image" content="//64.media.tumblr.com/af017a6498e25a7686e2153173e14c8e/643d70a11ec20887-78/s2048x3072/b6296ad23bbd9c2154e455ac7fcff5c91a1d66f5.png">
2023-09-28 22:04:50 +01:00
<meta name="image:sidebar 2 icon" content="//static.tumblr.com/2pnwama/iZLs1prtp/5314f2fe_64_cropped.png">
2022-07-22 03:47:20 +01:00
<meta name="image:background image" content="//64.media.tumblr.com/17af9b9ce38cc88e7772c475503b98e8/27eb800628c09243-c8/s2048x3072/0874890e14c53d15155c76c336909977980622d7.png">
<meta name="color:music player note" content="#222">
<meta name="color:music player buttons" content="#222">
<meta name="color:music player text" content="#777">
<meta name="color:music player bg" content="#fafafa">
<meta name="color:sidebar 1 background" content="#fcfcfc">
<meta name="color:sidebar 1 title" content="#a8938a">
<meta name="color:sidebar 1 title special" content="#f19973">
<meta name="color:sidebar 1 border" content="#f2f2f2">
<meta name="color:sidebar 1 desc" content="#6e6660">
<meta name="color:sidebar 2 background" content="#fcfcfc">
<meta name="color:sidebar 2 icon border" content="#f0f0f0">
<meta name="color:sidebar 2 title" content="#6e6660">
<meta name="color:sidebar 2 title special" content="#759cac">
<meta name="color:sidebar 2 title underline" content="#d5e9f2">
<meta name="color:sidebar 2 toplinks icon" content="#646464">
<meta name="color:sidebar 2 toplinks icon bg" content="#e2eef5">
<meta name="color:sidebar 2 toplinks text" content="#6e6660">
<meta name="color:sidebar 2 toplinks text bg" content="#f7f7f7">
<meta name="color:sidebar 2 desc bg" content="#f9f9f9">
<meta name="color:sidebar 2 desc text" content="#888">
<meta name="color:customlinks bg" content="#f5f5f5">
<meta name="color:customlinks text" content="#666">
<meta name="color:background" content="#fafafa">
<meta name="color:post background" content="#fff">
<meta name="color:post background 2" content="#fafafa">
<meta name="color:post borders inner" content="#d5d5d5">
<meta name="color:post borders outer" content="#eee">
<meta name="color:text" content="#333">
<meta name="color:headings" content="#111">
<meta name="color:bold" content="#000">
<meta name="color:link" content="#000">
<meta name="color:reblogger" content="#222">
<meta name="color:tags" content="#666">
<meta name="color:permalink text" content="#888">
<meta name="color:permalink" content="#222">
<meta name="color:permalink background" content="#fcfcfc">
<meta name="color:permalink border" content="#eee">
<meta name="color:post buttons" content="#222">
<meta name="color:like button liked" content="#ff7746">
<meta name="color:scrollbar" content="#777">
<meta name="color:scrollbar bg" content="#f7f7f7">
<meta name="color:pagination" content="#222">
<meta name="color:highlight" content="#e2eef5">
<meta name="color:highlighted text" content="#252525">
2023-08-18 01:36:43 +01:00
<!--------- GENERAL OPTIONS --------->
<meta name="select:✧( ु•⌄• )◞ ━ 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 ˎˊ˗" title="" content="">
<meta name="select:tumblr controls color" title="black" content="black">
<meta name="select:tumblr controls color" title="white" content="white">
<meta name="select:window margin" title="45px" content="45px">
<meta name="select:window margin" title="30px" content="30px">
<meta name="select:window margin" title="35px" content="35px">
<meta name="select:window margin" title="40px" content="40px">
<meta name="select:window margin" title="50px" content="50px">
<meta name="select:window margin" title="55px" content="55px">
<meta name="select:body font" title="Manrope" content="Manrope">
<meta name="select:body font" title="Inter" content="Inter">
<meta name="select:body font" title="Karla" content="Karla">
<meta name="select:body font" title="Libre Franklin" content="Libre Franklin">
<meta name="select:body font" title="Open Sans" content="Open Sans">
2022-07-22 03:47:20 +01:00
<!--------- SIDEBAR 1 OPTIONS --------->
2023-08-18 01:36:43 +01:00
<meta name="select:✧( ु•⌄• )◞ ━ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝟏 ˎˊ˗" title="" content="">
2022-07-22 03:47:20 +01:00
<meta name="select:sidebar 1 width" title="370px" content="370px">
<meta name="select:sidebar 1 width" title="310px" content="310px">
<meta name="select:sidebar 1 width" title="330px" content="330px">
<meta name="select:sidebar 1 width" title="350px" content="350px">
<meta name="select:sidebar 1 width" title="390px" content="390px">
<meta name="select:sidebar 1 width" title="410px" content="410px">
<meta name="select:sidebar 1 title size" title="12px" content="12px">
<meta name="select:sidebar 1 title size" title="9px" content="9px">
<meta name="select:sidebar 1 title size" title="10px" content="10px">
<meta name="select:sidebar 1 title size" title="11px" content="11px">
<meta name="select:sidebar 1 title size" title="13px" content="13px">
<meta name="select:sidebar 1 title size" title="14px" content="14px">
<meta name="select:sidebar 1 title size" title="15px" content="15px">
<meta name="select:sidebar 1 desc size" title="12px" content="12px">
<meta name="select:sidebar 1 desc size" title="9px" content="9px">
<meta name="select:sidebar 1 desc size" title="10px" content="10px">
<meta name="select:sidebar 1 desc size" title="11px" content="11px">
<meta name="select:sidebar 1 desc size" title="13px" content="13px">
<meta name="select:sidebar 1 desc size" title="14px" content="14px">
<meta name="select:sidebar 1 desc visibility" title="hover" content="hover">
<meta name="select:sidebar 1 desc visibility" title="always show" content="always-show">
<meta name="select:sidebar 1 desc text align" title="center" content="center">
<meta name="select:sidebar 1 desc text align" title="justify" content="justify">
<meta name="select:sidebar 1 desc text align" title="left" content="left">
<meta name="select:sidebar 1 desc text align" title="right" content="right">
<!--------- SIDEBAR 2 OPTIONS --------->
2023-08-18 01:36:43 +01:00
<meta name="select:✧( ु•⌄• )◞ ━ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝟐 ˎˊ˗" title="" content="">
2022-07-22 03:47:20 +01:00
<meta name="select:sidebar 2 icon size" title="40px" content="40px">
<meta name="select:sidebar 2 icon size" title="30px" content="30px">
<meta name="select:sidebar 2 icon size" title="35px" content="35px">
<meta name="select:sidebar 2 icon size" title="45px" content="45px">
<meta name="select:sidebar 2 icon size" title="50px" content="50px">
<meta name="select:sidebar 2 title size" title="11px" content="11px">
<meta name="select:sidebar 2 title size" title="9px" content="9px">
<meta name="select:sidebar 2 title size" title="10px" content="10px">
<meta name="select:sidebar 2 title size" title="12px" content="12px">
<meta name="select:sidebar 2 title size" title="13px" content="13px">
<meta name="select:sidebar 2 desc size" title="11px" content="11px">
<meta name="select:sidebar 2 desc size" title="9px" content="9px">
<meta name="select:sidebar 2 desc size" title="10px" content="10px">
<meta name="select:sidebar 2 desc size" title="12px" content="12px">
<meta name="select:sidebar 2 desc size" title="13px" content="13px">
<meta name="select:sidebar 2 desc text align" title="center" content="center">
<meta name="select:sidebar 2 desc text align" title="justify" content="justify">
<meta name="select:sidebar 2 desc text align" title="left" content="left">
<meta name="select:sidebar 2 desc text align" title="right" content="right">
<meta name="select:customlinks text size" title="10px" content="8px">
<meta name="select:customlinks text size" title="9px" content="7px">
<meta name="select:customlinks text size" title="11px" content="9px">
<meta name="select:customlinks text size" title="12px" content="10px">
<meta name="select:customlinks text size" title="13px" content="11px">
<!--------- MAIN POSTS OPTIONS --------->
2023-08-18 01:36:43 +01:00
<meta name="select:✧( ु•⌄• )◞ ━ 𝐏𝐎𝐒𝐓𝐒 ˎˊ˗" title="" content="">
2022-07-22 03:47:20 +01:00
<meta name="select:post width" title="fill remaining space" content="fill">
<meta name="select:post width" title="400px" content="400px">
<meta name="select:post width" title="450px" content="450px">
<meta name="select:post width" title="500px" content="500px">
<meta name="select:post width" title="540px" content="540px">
<meta name="select:post padding" title="15px" content="15px">
<meta name="select:post padding" title="10px" content="10px">
<meta name="select:post padding" title="20px" content="20px">
<meta name="select:post padding" title="25px" content="25px">
<meta name="select:post padding" title="30px" content="30px">
<meta name="select:post font size" title="12px" content="12px">
<meta name="select:post font size" title="11px" content="11px">
<meta name="select:post font size" title="13px" content="13px">
<meta name="select:post font size" title="14px" content="14px">
<meta name="select:post text line height" title="1.7em" content="1.7em">
<meta name="select:post text line height" title="1.5em" content="1.5em">
<meta name="select:post text line height" title="1.9em" content="1.9em">
2023-08-18 01:36:43 +01:00
<meta name="select:photoset spacing" title="4px" content="4px">
<meta name="select:photoset spacing" title="6px" content="6px">
<meta name="select:photoset spacing" title="10px" content="10px">
2022-07-22 03:47:20 +01:00
<!-- reblogger styling -->
<meta name="select:reblogger picture style" title="round" content="100%">
<meta name="select:reblogger picture style" title="soft" content="3px">
<meta name="select:reblogger picture style" title="square" content="0px">
<meta name="select:reblog separators" title="yes full width" content="rb-yes rb-full">
<meta name="select:reblog separators" title="yes normal" content="rb-yes rb-thin">
<meta name="select:reblog separators" title="none" content="rb-none">
<!-- black-and-white options -->
<meta name="select:grayscale photos" title="only grayscale reblogger icon" content="grayico">
<meta name="select:grayscale photos" title="no (normal)" content="no">
<meta name="select:grayscale photos" title="yes" content="yes">
<meta name="select:post buttons size" title="12px" content="12px">
<meta name="select:post buttons size" title="10px" content="10px">
<meta name="select:post buttons size" title="14px" content="14px">
<meta name="select:post buttons size" title="16px" content="16px">
<meta name="select:post buttons spacing" title="6px" content="6px">
<meta name="select:post buttons spacing" title="4px" content="4px">
<meta name="select:post buttons spacing" title="8px" content="8px">
<meta name="select:post buttons spacing" title="10px" content="10px">
<!-- clicktags or normal tags -->
<meta name="select:show tags on click" title="click toggle + fade" content="yesclick withfade">
<meta name="select:show tags on click" title="click toggle" content="yesclick">
<meta name="select:show tags on click" title="always show" content="default">
<meta name="select:permalink top gap" title="6px" content="6px">
<meta name="select:permalink top gap" title="4px" content="4px">
<meta name="select:permalink top gap" title="8px" content="8px">
<meta name="select:permalink top gap" title="10px" content="10px">
<meta name="select:permalink padding" title="12px" content="12px">
<meta name="select:permalink padding" title="18px" content="18px">
<meta name="select:permalink padding" title="14px" content="14px">
<meta name="select:permalink padding" title="16px" content="16px">
<meta name="select:permalink padding" title="20px" content="20px">
<meta name="select:permalink padding" title="22px" content="22px">
<meta name="select:permalink icon" title="eye" content="eye">
<meta name="select:permalink icon" title="star" content="star">
<meta name="select:permalink icon" title="heart" content="heart">
<meta name="select:permalink icon" title="arrow 1" content="angle-small-right">
<meta name="select:permalink icon" title="arrow 2" content="caret-right">
<meta name="select:permalink icon" title="x" content="cross-small">
<meta name="select:permalink icon" title="crown" content="crown">
<meta name="select:permalink icon" title="diamond" content="diamond">
<meta name="select:permalink icon" title="link" content="link">
<meta name="select:permalink icon" title="—" content="minus">
<meta name="select:post spacing" title="35px" content="35px">
<meta name="select:post spacing" title="30px" content="30px">
<meta name="select:post spacing" title="40px" content="40px">
<meta name="select:post spacing" title="45px" content="45px">
<meta name="select:post spacing" title="50px" content="50px">
<!--------- TEXT FIELDS --------->
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
<meta name="text:music player song name" content="岩崎 琢 –
2023-04-28 03:32:59 +01:00
<meta name="text:music player song mp3" content="https://rhizo.gitlab.io/m/Glorious.mp3">
2022-07-22 03:47:20 +01:00
<meta name="text:sidebar 1 title" content="kami no himegoto">
<meta name="text:sidebar 1 desc" content="A <b>god's greatest secret</b> (<i>"Kami no Himegoto"</i>) is a <b>shinki's real name</b> from when they were <b>human</b>. When a god names a shinki, the name bestowed by the god <i>seals the memories</i> of the shinki's human life, including their real name. The god sees these memories upon naming the shinki and must keep them a secret.">
<meta name="text:sidebar 2 title" content="神の秘め事">
<meta name="text:customlink 1 name" content="link one">
<meta name="text:customlink 1 url" content="//www.youtube.com/watch?v=qfxDEZX9K0o">
<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="">
<!----------------------------------->
<style type="text/css">
@font-face { font-family: "hundred ligatture"; src: url('//glen-assets.github.io/fonts/Hundred-Ligatture.otf'); }
@font-face { font-family: "851 tegaki zatsu hand"; src: url('//glen-assets.github.io/fonts/851_Tegaki_Zatsu_Hand.woff'); }
@font-face { font-family: "brutal medium"; src: url('//glen-assets.github.io/fonts/Brutal-Medium.ttf'); }
/*------------ TOOLTIPS ------------*/
#s-m-t-tooltip {
margin:16px;
max-width:{select:post width};
padding:8px 10px;
background:{color:permalink background};
border:1px solid {color:permalink border};
border-radius:3px;
font-family:rubik;
font-size:calc({select:post font size} - 3.5px)!important;
letter-spacing:1px;
word-spacing:1px;
text-transform:uppercase;
color:{color:permalink};
z-index:99;
}
/*------------ TUMBLR CONTROLS ------------*/
iframe#tumblr_controls, .iframe-controls--desktop {
top:5px!important;
right:5px!important;
position:fixed!important;
transform:scale(0.7,0.7);
-webkit-transform:scale(0.7,0.7);
transform-origin:100% 0;
z-index:999999!important;
visibility:hidden;
opacity:0;
user-select:none;
}
.tc-black {
filter:invert(100%) hue-rotate(180deg)!important;
-webkit-filter:invert(100%) hue-rotate(180deg)!important;
}
.t-opac {
opacity:1!important;
transition:opacity 0.269s ease-in-out;
}
/*---------------SCROLLBAR---------------*/
::-webkit-scrollbar {
width:var(--Scrollbar-Padding);
height:var(--Scrollbar-Padding);
background-color:{color:scrollbar bg};
}
::-webkit-scrollbar-thumb {
background-color:{color:scrollbar};
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid transparent;
border-top:calc(var(--Scrollbar-Padding) / 2.69) solid transparent;
border-bottom:calc(var(--Scrollbar-Padding) / 2.69) solid transparent;
background-clip:padding-box;
}
::-webkit-scrollbar-corner {
background:transparent;
}
::selection {
background:{color:highlight};
color:{color:highlighted text};
}
::-moz-selection {
background:{color:highlight};
color:{color:highlighted text};
}
/*------------ BASICS ------------*/
body {
margin:0;
background-color:{color:background};
background-image:url({image:background image});
background-repeat:repeat;
background-attachment:fixed;
font-family:{select:body font}, 'system-ui';
color:{color:text};
overflow-x:hidden;
overscroll-behavior-y:none;
}
img, iframe {
vertical-align:middle;
image-rendering:-webkit-optimize-contrast;
}
figure {
margin-left:0;
margin-right:0;
}
a, a:visited {
color:{color:link};
text-decoration:none;
}
a[title]:not([href]):hover {cursor:help;}
h1, h2, h3, h4, h5, h6 {
margin:var(--Heading-Margins) 0;
font-family:Amiri;
font-size:calc({select:post font size} + 4px);
text-transform:uppercase;
font-weight:normal;
letter-spacing:.7px;
}
h1.title, .linkpath, a.read_more {
display:block;
margin-top:2px;
padding:0.69em 0.8em;
background:{color:post background 2};
border:1px solid rgba({RGBcolor:post borders inner},0.420);
border-radius:3px;
font-family:Amiri;
font-size:calc({select:post font size} + 2px)!important;
font-weight:normal;
text-transform:uppercase;
letter-spacing:.7px!important;
color:{color:headings}!important;
text-align:center;
line-height:calc({select:post text line height} * 0.8);
}
h1.h1c, a.read_more {
display:block;
padding:0!important;
background:transparent!important;
border:none!important;
margin:calc(var(--Heading-Margins) * 1.5) 0;
}
h1, h2, h3, h4, h5, h6, a.read_more {
font-size:calc({select:post font size} + 1.5px);
line-height:{select:post text line height};
}
a.read_more {
padding-bottom:0;
border:none;
font-size:calc({select:post font size} + 1px);
}
p {
margin:var(--Paragraph-Margins) 0;
}
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(({select:post font size} * 1.420) - 3px);
list-style:none;
}
ul li:before {
content:"";
position:absolute;
margin-top:calc((({select:post font size} * var(--LH)) / 2) - 0px);
transform:translateY(-50%);
left:0;margin-left:calc(({select:post font size} * -1.420) - 3px);
width:{select:post font size};
height:.7px;
background:rgba({RGBcolor:text},0.420);
}
pre {
display:block;
white-space:break-spaces;
padding:var(--Captions-Gap);
background:{color:post background 2};
border:1px solid rgba({RGBcolor:post borders inner},0.420);
border-radius:3px;
margin:1em 0;
}
pre, code {
font-family:roboto mono;
font-size:calc({select:post font size} - 1.5px);
letter-spacing:0px;
}
p code {
margin:0 1px;
padding:5px;
padding-bottom:4px;
background:{color:post background 2};
border:1px solid {color:post borders inner};
border-radius:3px;
}
hr {
display:block;
margin:1em auto;
width:69%;
border-width:0px;
height:1px;
background:rgba({RGBcolor:post borders inner}, 0.69);
}
p.npf_quirky {
font-size:calc({select:post font size} * 1.4)!important;
line-height:calc({select:post text line height} * 0.7)!important;
}
p.npf_quote, p.npf_chat {
font-size:inherit!important;
line-height:inherit!important;
}
.npf_color_joey {color:#f8747b!important} /* red */
.npf_color_monica {color:#fe9e89!important} /* orange */
.npf_color_phoebe {color:#facc48!important} /* yellow */
.npf_color_ross {color:#75ca9b!important} /* green */
.npf_color_rachel {color:#8dbfd9!important} /* blue */
.npf_color_chandler {color:#c0a0dc!important} /* purple */
.npf_color_niles {color:#fb94b4!important} /* pink */
.npf_row_set img {cursor:default!important}
.tmblr-full img {
height:100%!important;
object-fit:cover;
}
.post_media_photo_anchor {
height:100%;
}
.post_media_photo {
height:inherit!important;
object-fit:cover;
}
.flex, [flex] {
display:flex;
align-items:center;
}
.flex.space-between {
justify-content:space-between;
}
.block {display:block}
.allcaps {
letter-spacing:1px;
font-size:90%;
}
[invis]{display:none;}
:root {
/*---- MUSIC PLAYER ----*/
--MusicPlayer-Edge-Offset:12px;
--MusicPlayer-Icon-Size:12px;
--MusicPlayer-Icon-Color:{color:music player note};
--MusicPlayer-Circle-Background:{color:music player bg};
--MusicPlayer-Circle-Padding:9px;
--MusicPlayer-Bar-Length:18px;
--MusicPlayer-Bar-Color:{color:music player bg};
--MusicPlayer-Buttons-Size:9px;
--MusicPlayer-Buttons-Color:{color:music player buttons};
--MusicPlayer-Text-Size:10px;
--MusicPlayer-Text-Color:{color:music player text};
--MusicPlayer-Main-Background:{color:music player bg};
--MusicPlayer-Main-Padding:8px;
--MusicPlayer-Main-Roundness:3px;
/*---- SIDEBAR 1 ----*/
--Sidebar-1-Title-Padding:16px;
--Sidebar-1-Description-Padding:18px;
--Sidebar-1-Desc-Show-Speed:0.5s;
--Sidebar-1-Desc-Hide-Speed:1s;
/*---- SIDEBAR 2 ----*/
--Sidebar-2-Width:220px;
--Sidebar-2-Padding:17px;
--Sidebar-2-Icon-Padding:5px;
--Sidebar-2-Icon-Gap:10px;
--Sidebar-2-TopLinks-Spacing:6.5px;
--Sidebar-2-TopLinks-Icon-Size:9.5px;
--Sidebar-2-TopLinks-Icon-Padding:5px;
--Sidebar-2-TopLinks-Text-Size:8px;
--Sidebar-2-TopLinks-Text-Padding:5px;
--Sidebar-2-TopLinks-Text-MinWidth:32px;
--Sidebar-2-TopLinks-Roundness:3px;
--Sidebar-2-Desc-Padding:12px;
--CustomLinks-Per-Row:2;
--CustomLinks-Padding:4px;
--CustomLinks-Spacing:5px;
--Sidebar-2-Sections-Spacing:10px;
/*---- GENERAL STUFF ----*/
--TumblrControls-Color:{select:tumblr controls color};
--Scrollbar-Padding:17px;
/*---- POST SETTINGS ----*/
--Photos-Spacing:{select:photoset spacing};
--Posts-Avatar-Size:25px;
--Captions-Gap:0.420em;
--Link:{color:link};
--Blockquote-Border-Color:{color:post borders inner};
--Paragraph-Margins:0.69em;
--Heading-Margins:0.5em;
--NPF-Image-Spacing:{select:photoset spacing};
--NPF-Bottom-Gap-From-Captions:0.420em;
--Grayscale-Settings:grayscale(100%) contrast(110%) brightness(104%);
--Grayscale-Hover-Speed:0.420s;
--Audio-Post-Album-Image-Size:64px;
--Audio-Post-PlayButton-Size:18px;
2023-08-18 01:36:43 +01:00
--Audio-Post-Buttons-Color:{color:headings};
2022-07-22 03:47:20 +01:00
--Audio-Post-PlayButton-Padding:8px;
2023-08-18 01:36:43 +01:00
--Audio-Post-Buttons-BG:{color:post background 2};
--Audio-Post-Buttons-Border:rgba({RGBcolor:post borders inner},0.420);
--Audio-Post-Download-Color:{color:link};
2022-07-22 03:47:20 +01:00
--AskPost-Avatar-Size:48px;
--Text-LineHeight:{select:post text line height};
--Permalink-Background:{color:permalink background};
--Post-Buttons-Color:{color:post buttons};
}
/*------------ SIDEBAR 1 ------------*/
.leftside {
position:fixed;
top:0;left:0;
width:{select:sidebar 1 width};
height:100vh;
background-color:{color:sidebar 1 background};
z-index:69;
}
.clutch {
position:relative;
width:100%;
height:100%;
}
.mplayer {
position:absolute;
top:0;margin-top:var(--MusicPlayer-Edge-Offset);
left:0;margin-left:var(--MusicPlayer-Edge-Offset);
display:flex;
align-items:center;
z-index:10;
filter:drop-shadow(2px 2px 1px rgba(0,0,0,0.07))
}
.zirc {
position:relative;
margin-right:-1px;
padding:var(--MusicPlayer-Circle-Padding);
background:var(--MusicPlayer-Circle-Background);
border-radius:100%;
overflow:hidden;
z-index:2;
}
/* hover stuff */
.potatowrap {
opacity:0;
transition:opacity .420s ease-in-out;
transition-delay:0s;
}
.mplayer:hover .mline {
width:var(--MusicPlayer-Bar-Length);
transition-delay:0s; /* delay when mouseleave */
}
.mplayer:hover .potatowrap {
opacity:1;
transition-delay:.420s;
}
.msym, .blay, .bause {
-webkit-mask-size:contain;
-webkit-mask-position:center;
-webkit-mask-repeat:no-repeat;
}
.msym {
width:var(--MusicPlayer-Icon-Size);
height:var(--MusicPlayer-Icon-Size);
-webkit-mask-image:var(--nota);
background:var(--MusicPlayer-Icon-Color);
}
.mline {
margin-right:-3px;
width:0px;
height:3px;
background:var(--MusicPlayer-Bar-Color);
border-radius:6px;
transition:width .420s ease-in-out;
transition-delay:.420s; /* delay when mouseenter */
}
.potatowrap {
display:flex;
align-items:center;
padding:calc(var(--MusicPlayer-Main-Padding) - 2px) var(--MusicPlayer-Main-Padding);
background:var(--MusicPlayer-Main-Background);
border-radius:var(--MusicPlayer-Main-Roundness);
}
.music-controls {
margin:-6px;
padding:6px;
cursor:pointer;
}
.blay {
width:var(--MusicPlayer-Buttons-Size);
height:var(--MusicPlayer-Buttons-Size);
background:var(--MusicPlayer-Buttons-Color);
-webkit-mask-image:var(--blay);
}
.bause {
width:var(--MusicPlayer-Buttons-Size);
height:var(--MusicPlayer-Buttons-Size);
background:var(--MusicPlayer-Buttons-Color);
-webkit-mask-image:var(--bause);
}
.songtext {
margin-left:6px;
font-size:var(--MusicPlayer-Text-Size);
color:var(--MusicPlayer-Text-Color);
}
.pausee {display:none;}
.beff {display:none;}
.aff {display:block;}
.sbimg {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
background-size:cover;
background-position:50% 0%;
background-repeat:no-repeat;
background-image:url({image:sidebar 1 image});
}
.turnip {
position:absolute;
bottom:0;left:0;
width:100%;
transition:margin-bottom var(--Sidebar-1-Desc-Hide-Speed) ease-in-out;
}
.sbt {
}
.sidebar-title {
padding:var(--Sidebar-1-Title-Padding);
background:rgba({RGBcolor:sidebar 1 background},1);
font-family:hundred ligatture;
font-size:{select:sidebar 1 title size};
text-transform:uppercase;
letter-spacing:1.3px;
color:{color:sidebar 1 title};
text-align:center;
transition:letter-spacing .69s ease-in-out;
}
.leftside:hover .sidebar-title:not(.beer) {
letter-spacing:1.7px;
}
.sidebar-title::first-letter {
color:{color:sidebar 1 title special};
}
.beer {
transition:none;
}
.sbd {
position:absolute;
visibility:hidden;
}
.repose {
position:initial;
visibility:initial;
}
.sidebar-desc {
padding:calc(var(--Sidebar-1-Description-Padding) - 4px) var(--Sidebar-1-Description-Padding);
border-top:1px solid {color:sidebar 1 border};
background:rgba({RGBcolor:sidebar 1 background},0.969);
backdrop-filter:blur(3px);
font-size:{select:sidebar 1 desc size};
color:{color:sidebar 1 desc};
text-align:{select:sidebar 1 desc text align};
line-height:150%;
}
.leftside:hover .turnip {
margin-bottom:0px!important;
transition:margin-bottom var(--Sidebar-1-Desc-Show-Speed) ease-in-out;
}
.sbd[font='Manrope'] .sidebar-desc {
line-height:165%;
}
.sbd[font='Manrope'] b {
font-weight:800;
letter-spacing:0px;
}
/*------------ SIDEBAR 2 ------------*/
.sidebeer {
position:fixed;
top:0;
left:0;margin-left:{select:sidebar 1 width};
width:calc(var(--Sidebar-2-Width) + (var(--Sidebar-2-Padding) * 2));
height:100vh;
background:{color:sidebar 2 background};
z-index:2;
}
.tortilla {
position:relative;
width:100%;
height:100%;
display:table;
}
.pesto {
position:absolute;
bottom:0;margin-bottom:15px;
left:0;
margin-left:var(--Sidebar-2-Padding);
width:var(--Sidebar-2-Width);
font-family:public sans;
font-size:calc(var(--Sidebar-2-TopLinks-Text-Size) - 1px);
text-transform:uppercase;
letter-spacing:.7px;
text-align:center;
}
.pesto a {
margin:auto;
padding:5px;
color:rgba({RGBcolor:sidebar 2 title},0.8);
}
.cas {
display:table-cell;
vertical-align:middle;
}
.taro {
margin-left:var(--Sidebar-2-Padding);
width:var(--Sidebar-2-Width);
}
.avhead {
display:flex;
align-items:center;
}
.avi-icon {
width:{select:sidebar 2 icon size};
height:{select:sidebar 2 icon size};
padding:var(--Sidebar-2-Icon-Padding);
border-radius:100%;
border:1px solid {color:sidebar 2 icon border};
}
.avi-title {
position:relative;
margin-left:var(--Sidebar-2-Icon-Gap);
font-family:lexend deca;
text-transform:uppercase;
font-size:{select:sidebar 2 title size};
letter-spacing:.5px;
word-spacing:-.3px;
color:{color:sidebar 2 title};
line-height:calc({select:sidebar 2 title size} * 1.5);
opacity:0;
}
.avi-title::first-letter {
color:{color:sidebar 2 title special};
}
.undyne {
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
-webkit-mask-image:var(--paintSmear);
-webkit-mask-size:contain;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:0% 0%;
background:{color:sidebar 2 title underline};
z-index:-1;
}
.jpn {
padding-bottom:3px;
font-family:"851 tegaki zatsu hand";
font-size:calc({select:sidebar 2 title size} * 1.5);
letter-spacing:1px;
word-spacing:0px;
}
.charge {
position:absolute;
margin-top:calc({select:sidebar 2 title size} / -2);
margin-left:var(--Sidebar-2-Icon-Gap);
font-family:inter;
font-size:calc({select:sidebar 2 title size} + 3px);
letter-spacing:1px;
color:{color:sidebar 2 title};
animation:fdgod .269s;
}
@-webkit-keyframes fdgod {
from { opacity: 0; }
to { opacity: 1; }
}
.headlinks {
display:flex;
align-items:center;
flex-wrap:nowrap;
margin-top:calc(var(--Sidebar-2-Sections-Spacing) + 3px);
line-height:0;
}
.headlinks a {
display:table;
margin-right:var(--Sidebar-2-TopLinks-Spacing);
border-radius:var(--Sidebar-2-TopLinks-Roundness);
transition:filter .269s ease-in-out;
overflow:hidden;
}
.headlinks a:hover {
filter:brightness(95%) contrast(102%) saturate(120%);
}
.headlinks a:last-child {
margin-right:0;
}
.headlinks i {
display:block;
font-size:var(--Sidebar-2-TopLinks-Icon-Size);
padding:var(--Sidebar-2-TopLinks-Icon-Padding);
background:{color:sidebar 2 toplinks icon bg};
color:{color:sidebar 2 toplinks icon};
}
.headlinks [text]{
display:table-cell;
vertical-align:middle;
border-top:.5px solid transparent;
padding-left:var(--Sidebar-2-TopLinks-Text-Padding);
padding-right:calc(var(--Sidebar-2-TopLinks-Text-Padding) + 2px);
height:100%;
background:{color:sidebar 2 toplinks text bg};
font-family:public sans;
font-size:var(--Sidebar-2-TopLinks-Text-Size);
text-transform:uppercase;
letter-spacing:.5px;
color:{color:sidebar 2 toplinks text};
line-height:var(--Sidebar-2-TopLinks-Text-Size);
min-width:var(--Sidebar-2-TopLinks-Text-MinWidth);
}
.descbox {
margin-top:var(--Sidebar-2-Sections-Spacing);
padding:calc(var(--Sidebar-2-Desc-Padding) - 1.5px) var(--Sidebar-2-Desc-Padding);
background:{color:sidebar 2 desc bg};
font-size:{select:sidebar 2 desc size}!important;
color:{color:sidebar 2 desc text};
text-align:{select:sidebar 2 desc text align}!important;
line-height:150%;
}
.descbox[font='Manrope']{
line-height:160%!important;
}
.descbox[font='Manrope'] b {
font-weight:800;
letter-spacing:0px;
}
.ciels {
margin-top:var(--Sidebar-2-Sections-Spacing);
display:flex;
flex-wrap:wrap;
margin-left:calc(0px - (var(--CustomLinks-Spacing) / 2));
width:calc(100% + var(--CustomLinks-Spacing));
}
.ciels a {
display:block;
margin:calc(var(--CustomLinks-Spacing) / 2);
width:calc((100% - (var(--CustomLinks-Spacing) * var(--CustomLinks-Per-Row))) / var(--CustomLinks-Per-Row));
padding:var(--CustomLinks-Padding);
background:{color:customlinks bg};
font-family:public sans;
font-size:{select:customlinks text size};
text-transform:uppercase;
letter-spacing:.5px;
color:{color:customlinks text};
line-height:155%;
text-align:center;
box-sizing:border-box;
transition:filter .269s ease-in-out;
}
.ciels a:hover {
filter:brightness(95%) contrast(102%) saturate(120%);
}
/*------------ MAIN POSTS ------------*/
.maincont {
margin-left:calc({select:sidebar 1 width} + var(--Sidebar-2-Width) + (var(--Sidebar-2-Padding) * 2) + {select:window margin});
width:calc({select:post width} + ({select:post padding} * 2) + 2px);
max-height:100vh;
}
.postscont {
position:absolute;
margin:{select:window margin} 0;
min-width:calc({select:post width} + ({select:post padding} * 2) + 2px); /* fallback for if no posts are found */
font-size:{select:post font size};
color:{color:text};
line-height:{select:post text line height};
}
[font='Libre Franklin'], [font='Manrope']{
letter-spacing:0.3px;
}
[font='Manrope'] {
font-size:calc({select:post font size} - .5px);
line-height:calc({select:post text line height} * 1.069);
}
.posts {
position:relative;
margin-bottom:{select:post spacing};
width:{select:post width};
overflow:hidden;
}
.posts[post-width="fill"]{
width:500px;
}
.suce {
height:initial!important;
}
.pho {
padding:{select:post padding};
background:{color:post background};
border:1px solid {color:post borders outer};
}
.body[original] > *:first-child {
margin-top:0px!important;
}
.posts blockquote {
margin:calc(var(--Posts-Avatar-Size) / 2);
padding-left:calc(var(--Posts-Avatar-Size) / 2);
border-left:1px solid var(--Blockquote-Border-Color);
margin-right:0;
}
.posts img {
max-width:100%;
}
[grayscale="yes"] .posts img:not(.nofilter) {
filter:var(--Grayscale-Settings);
-webkit-filter:var(--Grayscale-Settings);
transition:filter var(--Grayscale-Hover-Speed) ease-in-out;
}
[grayscale="yes"] .posts:hover img:not(.nofilter) {
filter:initial;
-webkit-filter:initial;
}
.postinner {
}
/* hyperlinks in post */
.comment a, .body[original] a, .caption[original] a, .link-description[original] a {
padding-bottom:2px;
border-bottom:.7px solid rgba({RGBcolor:post borders inner},0.8);
}
.comment b, .comment strong, .body b, .body strong {
color:{color:bold};
}
/*----- PINNED POST -----*/
.pi-n {
display:flex;
align-items:center;
margin-top:calc(var(--Paragraph-Margins) * 2);
margin-bottom:-2px;
}
.pi-n span {
display:block;
}
.pinny {
margin-right:6px;
width:calc({select:post font size} + 3px);
height:calc({select:post font size} + 3px);
-webkit-mask-image:var(--pushpin);
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
background:{color:reblogger};
}
.pinny ~ span {
margin-top:.5px;
font-family:rubik;
text-transform:uppercase;
font-size:calc({select:post font size} - 2px);
letter-spacing:.7px;
color:{color:reblogger};
}
/*------------ REBLOG STYLING ------------*/
.caption {
margin-top:var(--NPF-Bottom-Gap-From-Captions);
}
[reblog-borders*='rb-yes'] .has-npf .npf_inst ~ .comment_container[nxtpad] {
padding-top:0;
}
[reblog-borders*='rb-thin'] .comment_container {
padding:calc(var(--Captions-Gap) / 2.5) 0;
border-bottom:1px solid {color:post borders inner};
}
[reblog-borders*='rb-full'] .comment_container {
margin:0 -{select:post padding};
padding:calc(var(--Captions-Gap) / 2.5) {select:post padding};
border-bottom:1px solid rgba({RGBcolor:post borders inner},0.420);
}
[reblog-borders='rb-none'] .comment_container {
/*padding:calc(var(--Captions-Gap) / 2.5) 0;*/
}
.comment_container:first-of-type, .ccfirst {
padding-top:0px;
border-top:0px solid transparent;
}
.body .ccfirst {
margin-top:calc(var(--Captions-Gap) / -2);
}
.comment_container:last-of-type, .cclast {
padding-bottom:0px;
border-bottom:0px solid transparent;
}
.comment_container + .comment_container .commenter {
margin-top:2px;
}
.commenter {
padding-top:0.69em;
margin-bottom:0.69em;
display:flex;
align-items:center;
}
.commenter img {
width:var(--Posts-Avatar-Size);
height:var(--Posts-Avatar-Size);
border-radius:{select:reblogger picture style};
}
[grayscale='grayico'] .commenter img {
filter:var(--Grayscale-Settings);
-webkit-filter:var(--Grayscale-Settings);
}
.commenter a {
padding-left:8px;
}
.commenter a, .tumblr_blog, .tmblr-attribution a {
font-family:brutal medium;
font-size:calc({select:post font size} - 2.5px);
text-transform:uppercase;
letter-spacing:.7px;
color:{color:reblogger};
}
.tmblr-attribution a {
color:{color:link};
}
.nosrc {
display:none;
margin-top:0;
padding-top:0;
}
/*----- QUOTE POSTS -----*/
.nosrc + .pq {
margin-top:0.9em;
}
.pq {
margin:1.2em 0;
text-align:center;
}
.quote-words {
padding:0 1em;
font-family:Amiri;
font-size:calc({select:post font size} + 2.5px);
text-transform:uppercase;
letter-spacing:.7px;
line-height:{select:post text line height};
}
.quote-source {
padding-top:1em;
}
/*----- ASK POSTS -----*/
.as {
padding-bottom:0!important;
border-bottom:0!important;
}
.askcont {
display:flex;
margin-bottom:calc(var(--Captions-Gap) / 2.5);
padding:var(--Captions-Gap);
background:{color:post background 2};
}
[reblog-borders*='rb-yes'] .askcont {
/*margin:calc(var(--Captions-Gap) / 2) 0;*/
}
[reblog-borders*='rb-none'] .anscont {
padding-top:0;
}
.asker {
margin:0!important;
margin-top:-2px!important;
padding-top:0!important;
font-family:rubik!important;
text-transform:uppercase;
font-size:calc({select:post font size} - 1.5px)!important;
letter-spacing:.7px!important;
transform:none!important;
}
.one-liner {
margin-top:0px!important;
padding-top:2px!important;
}
.asker b {
font-weight:normal;
margin-left:1px;
}
.askimg {
margin-right:calc(({select:post padding} * 0.69) + 2px);
width:var(--AskPost-Avatar-Size);
height:var(--AskPost-Avatar-Size);
border-radius:{select:reblogger picture style};
}
.asker i {
font-size:calc({select:post font size} * 1.5);
}
.asker span {
margin-top:0;
padding-left:0;
color:{color:headings};
}
.asker span a {
padding-left:0!important;
}
[reblog-borders*='rb-yes'] .anscont {
margin-top:calc(var(--Captions-Gap) / -2);
}
.answerer b {
font-weight:normal;
margin-left:4px;
}
.question_text {
margin:0;
}
.question_text p:first-child {margin-top:0}
.question_text p:last-child {margin-bottom:0}
.question_text p:only-child {margin:0}
/*----- PHOTO POSTS -----*/
.photopic {
width:100%;
cursor:pointer;
}
/*----- PHOTOSETS -----*/
[photoset-layout] {
grid-gap:{select:photoset spacing};
}
[photoset-layout] div {
cursor:pointer;
backface-visibility:hidden;
}
/*------- LIGHTBOX BS -------*/
.vignette, #vignette {
opacity:0;
}
.tmblr-lightbox, #tumblr_lightbox {
background:rgba({RGBcolor:post background},0.69)!important;
box-shadow:none!important;
backdrop-filter:blur(3px) brightness(69%) contrast(131%);
}
.lightbox-image, #tumblr_lightbox_left_image, #tumblr_lightbox_center_image, #tumblr_lightbox_right_image {
margin-top:calc(-{select:post padding} - 1px)!important;
padding:{select:post padding}!important;
background:{color:post background}!important;
border:1px solid {color:post borders outer}!important;
box-shadow:none!important;
border-radius:0px!important;
}
/*----- CHAT POSTS -----*/
.chatcont {
margin-top:-.25px;
}
.chatholder:first-child, .commenter + .chatholder {
margin-top:0.8em;
border-radius:3px 3px 0 0;
}
.chatholder:last-child {
border-radius:0 0 3px 3px;
}
.chatholder:only-child {
border-radius:3px;
}
.chatholder {
padding:0.69em 0.8em;
border:1px solid rgba({RGBcolor:post borders inner},0.420);
margin-bottom:-1px;
}
.chat_label {
margin-right:3px;
font-family:rubik;
font-size:calc({select:post font size} - 1px);
font-weight:bold;
text-transform:uppercase;
letter-spacing:.7px;
}
.chat_content {
}
/*----- AUDIO POSTS -----*/
.tumblr_audio_player[width] {
width:100%!important;
height:0!important;
}
.ogre {
background:{color:post background 2};
}
.audiocont {
position:absolute;
display:none;
overflow:hidden;
width:0!important;
height:0!important;
opacity:0;
}
.is_spotify, .spotify_audio_player, .is_soundcloud {
width:100%;
}
[grayscale="yes"] .is_spotify, [grayscale="yes"] .is_soundcloud {
filter:var(--Grayscale-Settings);
-webkit-filter:var(--Grayscale-Settings);
transition:filter var(--Grayscale-Hover-Speed) ease-in-out;
}
[grayscale="yes"] .posts:hover .is_spotify,
[grayscale="yes"] .posts:hover .is_soundcloud {
filter:initial;
-webkit-filter:initial;
}
.alcove {
position:relative;
width:var(--Audio-Post-Album-Image-Size);
height:var(--Audio-Post-Album-Image-Size);
}
.strawberries {
position:absolute;
top:0;margin-top:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
left:0;margin-left:calc((100% - (var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px)) / 2);
width:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
height:calc(var(--Audio-Post-PlayButton-Size) + (var(--Audio-Post-PlayButton-Padding) * 2) + 2px);
}
.summer {
2023-08-18 01:36:43 +01:00
border:1px solid var(--Audio-Post-Buttons-Border);
2022-07-22 03:47:20 +01:00
width:100%;
height:100%;
2023-08-18 01:36:43 +01:00
background:var(--Audio-Post-Buttons-BG);
2022-07-22 03:47:20 +01:00
box-sizing:border-box;
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
line-height:1em;
cursor:pointer;
user-select:none;
}
.splay {
margin-top:2px;
}
.splay i, .spause i {
font-size:var(--Audio-Post-PlayButton-Size);
2023-08-18 01:36:43 +01:00
color:var(--Audio-Post-Buttons-Color);
2022-07-22 03:47:20 +01:00
}
.spause {
display:none;
margin-top:2px;
}
.spause i {
font-size:calc(var(--Audio-Post-PlayButton-Size) - 1px);
}
.a-lbum-img {
width:100%;
height:100%;
visibility:hidden;
}
.tin {
width:calc(100% - var(--Audio-Post-Album-Image-Size));
height:var(--Audio-Post-Album-Image-Size);
padding:10px 12px;
box-sizing:border-box;
}
.trackinfo {
}
2023-08-18 01:36:43 +01:00
.t-name, .npf-audio-title {
2022-07-22 03:47:20 +01:00
font-family:rubik;
font-size:calc({select:post font size} - 1px);
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.t-name + .t-artist {
margin-top:-2.5px;
}
.dongload {
text-transform:initial!important;
}
.dong {
width:calc({select:post font size} + 4px);
height:calc({select:post font size} + 4px);
-webkit-mask-image:var(--dongload);
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
2023-08-18 01:36:43 +01:00
background:var(--Audio-Post-Download-Color);
2022-07-22 03:47:20 +01:00
}
/*----- VIDEOS -----*/
video {
position:relative;
display:block;
outline:none;
cursor:default;
width:100%;
}
[grayscale="yes"] video {
filter:var(--Grayscale-Settings);
transition:filter var(--Grayscale-Hover-Speed) ease-in-out;
}
[grayscale="yes"] .posts:hover video {
filter:initial;
-webkit-filter:initial;
}
video::-webkit-media-controls-panel {
position:absolute;
bottom:0;
background:transparent!important;
width:100%;
box-sizing:border-box;
opacity:1!important;
filter:invert(1);
}
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline {
display:none!important;
}
/*--------*/
[grayscale="yes"] .tumblr_video_container {
filter:var(--Grayscale-Settings)!important;
transition:filter var(--Grayscale-Hover-Speed) ease-in-out!important;
}
[grayscale="yes"] .posts:hover .tumblr_video_container {
filter:initial!important;
-webkit-filter:initial!important;
}
.tumblr_video_container {
width:initial!important;
height:initial!important;
}
.tumblr_video_iframe {
width:100%!important;
}
/*----- TAGS -----*/
.tagcont[tags-opt*='yesclick']{
{block:IndexPage}
display:none;
{/block:IndexPage}
}
.tagcont[tags-opt*='withfade']{
{block:IndexPage}
opacity:0;
{/block:IndexPage}
}
.tagcont {
margin:-3px -5px;
}
.tagcont, .tagsfade {
transition:opacity 400ms ease-in-out;
}
.tagsfade {
opacity:1!important;
}
.tagholder {
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
padding-top:{select:post padding};
text-align:right;
/*margin:0 -5px;*/
font-family:rubik;
font-size:calc({select:post font size} - 3px);
text-transform:uppercase;
letter-spacing:1px;
}
.tagholder a {
display:block;
margin:0 3.5px;
color:{color:tags};
}
/*------------ PERMALINK ------------*/
.permarow {
display:flex;
align-items:center;
justify-content:space-between;
margin-top:{select:permalink top gap};
padding:{select:permalink padding};
background:{color:permalink background};
border:1px solid {color:permalink border};
min-height:{select:post buttons size};
text-transform:uppercase;
font-family:public sans;
font-size:calc({select:post font size} - 3.3px);
letter-spacing:1px;
color:{color:permalink text};
line-height:1em;
}
.permaleft {
/*flex:1;*/
display:flex;
align-items:center;
font-family:rubik;
white-space:nowrap;
}
.p_thelink {
padding:{select:permalink padding} 0;
margin:-{select:permalink padding} 0;
}
.permarow i {
margin:0 6px;
font-size:calc({select:post font size} - 2px);
color:{color:permalink};
}
.permarow a {
color:{color:permalink};
font-family:public sans;
}
.viasrc a {
display:block;
margin-left:4px;
letter-spacing:1px;
}
.permaright, .les-controls {
display:flex;
align-items:center;
}
.les-controls > a {
display:block;
margin-right:{select:post buttons spacing};
width:{select:post buttons size};
height:{select:post buttons size};
}
.les-controls svg {
display:block;
width:100%;
height:100%;
fill:{color:post buttons};
}
.permaright a {margin-right:{select:post buttons spacing};}
.permaright a:last-of-type {margin-right:0;}
.viewtags[tags-opt='default']{
display:none;
}
.viewtags {
cursor:help;
}
.hashtag {
display:block;
width:{select:post buttons size};
height:{select:post buttons size};
-webkit-mask-image:var(--Hashtag);
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
background:{color:post buttons};
}
.retweet, .heart {
display:block;
width:{select:post buttons size};
height:{select:post buttons size};
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
}
.retweet {
-webkit-mask-image:var(--Reblog-Icon);
transform:scaleX(-1);
}
.heart {
-webkit-mask-image:var(--Heart-Icon);
}
.likecont {
position:relative;
cursor:pointer;
}
.like_button {
position:absolute;
width:100%;
height:100%;
}
.like_button iframe {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
opacity:0;
z-index:2;
}
.like_button.liked + .heart {
background-color:{color:like button liked}!important;
}
.viasrc a {
margin-left:0;
transform-origin:right;
}
/*----- POST NOTES -----*/
.notescont {
margin-bottom:{select:window margin};
width:{select:post width};
background:{color:post background};
padding:{select:post padding} calc({select:post padding} * 1.269);
border:1px solid {color:post borders outer};
box-sizing:border-box;
}
.notescont h1 {
margin-top:0;
margin-bottom:calc(var(--Captions-Gap) + 4px);
padding:3px 0;
font-family:hundred ligatture;
font-weight:normal;
font-size:calc({select:post font size} + 0px);
text-transform:uppercase;
letter-spacing:.7px;
color:{color:headings};
text-align:center;
}
ol.notes {
margin:0;
list-style:none;
color:rgba({RGBcolor:text},0.8);
}
ol.notes .avatar {
display:none;
}
ol.notes li {
margin-bottom:4px;
padding:0;
}
ol.notes blockquote {
margin:1em;
padding-left:1em;
border-left:1px solid var(--Blockquote-Border-Color);
}
ol.notes .action a[rel='nofollow'] {
font-family:brutal medium;
font-size:calc({select:post font size} - 3px);
text-transform:uppercase;
letter-spacing:.7px;
color:{color:reblogger};
}
.more_notes_link_container {
margin-top:{select:post padding};
margin-bottom:calc({select:post padding} * 0.420)!important;
font-family:brutal medium;
font-size:calc({select:post font size} - 3px);
text-transform:uppercase;
letter-spacing:.7px;
}
.more_notes_link_container a {cursor:help}
/*-------------- PAGINATION --------------*/
.botpagi {
display:flex;
align-items:center;
justify-content:space-between;
width:calc({select:post width} + ({select:post padding} * 2) + 2px);
margin-bottom:calc({select:window margin} - 10px);
line-height:1em;
}
.botpagi a {
padding:0.69em;
margin:-0.69em;
color:{color:pagination}!important;
}
.botpagi span {
padding:0 4px;
font-family:rubik;
font-size:calc({select:post font size} - 2.5px);
text-transform:uppercase;
letter-spacing:.7px;
}
.prev-svg {
margin-top:-.5px;
width:calc({select:post font size} + 3px);
height:calc({select:post font size} + 3px);
-webkit-mask-image:var(--BackSVG);
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
background:{color:pagination};
}
.next-svg {
margin-top:-.5px;
width:calc({select:post font size} + 3px);
height:calc({select:post font size} + 3px);
-webkit-mask-image:var(--NextSVG);
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
background:{color:pagination};
}
.pn {
margin-left:auto!important;
}
.moo {
position:fixed;
bottom:0;left:0;
width:100%;
z-index:69;
cursor:pointer;
}
.squeesh {
padding:10px;
background:#1f1c17;
font-family:public sans;
font-size:11px;
letter-spacing:.3px;
color:#b49e95;
text-align:center;
}
{CustomCSS}
</style>
</head>
<body>
<div class="everything">
<div class="leftside">
<div class="clutch">
{block:ifmusicplayersongname}
<div class="mplayer">
<div class="zirc">
<div class="msym"></div>
</div>
<div class="mline"></div>
<div class="potatowrap">
<div class="music-controls">
<div class="blay playy"></div>
<div class="bause pausee"></div>
</div>
<div class="songtext">{text:music player song name}</div>
</div>
<audio src="{text:music player song mp3}" id="musique"></audio>
</div>
{/block:ifmusicplayersongname}
<div class="sbimg"></div>
<div class="turnip">
{block:ifsidebar1title}
<div class="sbt">
<div class="sidebar-title">{text:sidebar 1 title}</div>
</div>
{/block:ifsidebar1title}
{block:ifsidebar1desc}
<div class="sbd" font="{select:body font}" vis="{select:sidebar 1 desc visibility}">
<div class="sidebar-desc">{text:sidebar 1 desc}</div>
</div>
{/block:ifsidebar1desc}
</div>
</div>
</div>
<div class="sidebeer">
<div class="tortilla">
<div class="cas">
<div class="taro">
<div class="avhead">
<img class="avi-icon" src="{image:sidebar 2 icon}">
{block:ifsidebar2title}
<div class="avi-title">
{text:sidebar 2 title}
<div class="undyne"></div>
</div>
{/block:ifsidebar2title}
</div>
<div class="headlinks">
<a href="/">
<i class="fi-rr-home"></i>
<span text>index</span>
</a>
<a href="/ask">
<i class="fi-rr-envelope"></i>
<span text>message</span>
</a>
<a href="/archive">
<i class="fi-rr-calendar"></i>
<span text>archive</span>
</a>
</div>
<div class="descbox" font="{select:body font}">
{Description}
</div>
<div class="ciels">
{block:ifcustomlink1name}
<a href="{text:customlink 1 url}">{text:customlink 1 name}</a>
{/block:ifcustomlink1name}
{block:ifcustomlink2name}
<a href="{text:customlink 2 url}">{text:customlink 2 name}</a>
{/block:ifcustomlink2name}
{block:ifcustomlink3name}
<a href="{text:customlink 3 url}">{text:customlink 3 name}</a>
{/block:ifcustomlink3name}
{block:ifcustomlink4name}
<a href="{text:customlink 4 url}">{text:customlink 4 name}</a>
{/block:ifcustomlink4name}
{block:ifcustomlink5name}
<a href="{text:customlink 5 url}">{text:customlink 5 name}</a>
{/block:ifcustomlink5name}
{block:ifcustomlink6name}
<a href="{text:customlink 6 url}">{text:customlink 6 name}</a>
{/block:ifcustomlink6name}
</div>
</div>
</div>
</div>
</div>
<div class="maincont" cred-pos="{select:credit location}">
<div class="postscont" font="{select:body font}" grayscale="{select:grayscale photos}">
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
<div class="posts" post-width="{select:post width}" reblog-borders="{select:reblog separators}" id="{PostID}" post-type="{PostType}" {block:PermalinkPage}on-permapage{/block:PermalinkPage}>
<div class="pho">
<div class="postinner">
<!------ POST TITLE ------>
{block:Title}
<h1 class="title">{Title}</h1>
{/block:Title}
<!------ END POST TITLE ------>
{block:RebloggedFrom}
<div class="commenter nosrc">
<img src="{ReblogRootPortraitURL-64}">
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</div>
{/block:RebloggedFrom}
<!------ TEXT POSTS ------>
{block:Text}
<div class="body" {block:NotReblog}original{/block:NotReblog}>
{block:NotReblog}{Body}{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container">
2023-04-28 03:32:59 +01:00
<div class="commenter source-head">
2022-07-22 03:47:20 +01:00
<img src="{PortraitURL-64}">
<a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
</div>
<div class="comment">{Body}</div>
</div>
{/block:Reblogs}
{/block:RebloggedFrom}
</div>
{/block:Text}
<!------ END TEXT POSTS ------>
<!------ SINGLE PHOTO ------>
{block:Photo}
<a class="single" onclick="Tumblr.Lightbox.init([{ width:{PhotoWidth-HighRes}, height:{PhotoHeight-HighRes}, low_res:'{PhotoURL-500}', high_res:'{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="photopic" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
{/block:Photo}
<!------ END SINGLE PHOTO ------>
<!------ PHOTOSETS ------>
{block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
<!------ END PHOTOSETS ------>
<!------ QUOTE POSTS ------>
{block:Quote}
<div class="pq">
<div class="quote-words">{Quote}</div>
{block:Source}<div class="quote-source comment">— {Source}</div>{/block:Source}
</div>
{/block:Quote}
<!------ END QUOTE POSTS ------>
<!------ LINK POSTS ------>
{block:Link}
<a href="{URL}" class="linkpath" {Target}>{Name} »</a>
{block:Description}
<div class="link-description" {block:NotReblog}original{/block:NotReblog}>
{block:NotReblog}{Description}{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container">
<div class="commenter">
<img src="{PortraitURL-64}">
<a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
</div>
<div class="comment">{Body}</div>
</div>
{/block:Reblogs}
{/block:RebloggedFrom}
</div>
{/block:Description}
{/block:Link}
<!------ END LINK POSTS ------>
<!------ CHAT POSTS ------>
{block:Chat}
{block:Lines}
<div class="chatholder">
{block:Label}
<span class="chat_label">{Label}</span>
{/block:Label}
<span class="chat_content">{Line}</span>
</div>
{/block:Lines}
{/block:Chat}
<!------ END CHAT ------>
<!------ AUDIO POSTS ------>
{block:Audio}
<div class="flex ogre">
<div class="audiocont">
{AudioEmbed}
</div>
<div class="alcove">
<img class="a-lbum-img">
<div class="strawberries">
<div class="summer">
<div class="splay">
<i class="material-icons">play_arrow</i>
</div>
<div class="spause">
<i class="material-icons">pause</i>
</div>
</div><!--summer-->
</div>
</div>
<div class="tin flex space-between">
<div class="trackinfo">
{block:TrackName}
<div class="t-name">{TrackName}</div>
{/block:TrackName}
{block:Artist}
<div class="t-artist">{Artist}</div>
{/block:Artist}
</div><!--trackinfo-->
<a class="dongload" title="download">
<div class="dong"></div>
</a>
</div><!--flex-->
</div><!--oofy-->
{/block:Audio}
<!------ END AUDIO ------>
<!------ VIDEO POSTS ------>
{block:Video}<div class="video">{Video-500}</div>{/block:Video}
<!------ END VIDEOS ------>
<!------ ANSWER POSTS ------>
{block:Answer}
<div class="comment_container as">
<div class="askcont">
<img class="askimg" src="{AskerPortraitURL-48}">
<div class="askright">
<div class="asker commenter">
<span>{Asker} <b>asked:</b></span>
</div>
<div class="question_text">{Question}</div>
</div>
</div>
</div>
{block:Answerer}
<div class="comment_container anscont">
<div class="answerer commenter">
<img src="{AnswererPortraitURL-48}"/>
{Answerer}<a class="response">answered:</a>
</div>
<div class="answer_text comment">{Answer}</div>
</div>
{block:Reblogs}
<div class="comment_container">
<div class="replier commenter">
<img src="{PortraitURL-64}">
<a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
</div>
<div class="reply">{Body}</div>
</div>
{/block:Reblogs}
{/block:Answerer}
{block:NotReblog}
<div class="comment_container">
<div class="answerer commenter">
<img src="{PortraitURL-48}">
<a href="{Permalink}">{Name} answered:</a>
</div><!--answerer-->
<div class="answer_text">{Answer}</div>
</div><!--answer-container-->
{/block:NotReblog}
{/block:Answer}
<!------ END ANSWER ------>
{block:Caption}
<div class="caption" {block:NotReblog}original{/block:NotReblog}>
{block:NotReblog}{Caption}{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container">
<div class="commenter">
<img src="{PortraitURL-64}">
<a href="{block:HasPermalink}{Permalink}{/block:HasPermalink}">{Username}</a>
</div><!--commenter-->
<div class="comment">{Body}</div>
</div><!--comment-container-->
{/block:Reblogs}
{/block:RebloggedFrom}
</div><!--caption-->
{/block:Caption}
{block:HomePage}
{block:PinnedPostLabel}
<p class="pi-n">
<span class="pinny"></span>
<span>{PinnedPostLabel}</span>
</p>
{/block:PinnedPostLabel}
{/block:HomePage}
</div><!--postinner-->
{block:HasTags}
<div class="tagcont" tags-opt="{select:show tags on click}">
<div class="tagholder">
{block:Tags}
<a href="{TagURL}" init-tags>#{Tag}</a>
{/block:Tags}
</div>
</div>
{/block:HasTags}
</div><!--pho-->
{block:Date}
<div class="permarow">
<div class="permaleft">
{block:IndexPage}
{block:NotReblog}Posted{/block:NotReblog}
{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
on  
<a href="{Permalink}" class="flex p_thelink">
{ShortMonth} {DayofMonthWithSuffix} {Year}
<i class="fi-rr-{select:permalink icon}"></i>
{NoteCountWithLabel}
</a>
{/block:IndexPage}
{block:PermalinkPage}
{block:NotReblog}Posted{/block:NotReblog}
{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
on  <a flex>{ShortMonth} {DayofMonthWithSuffix} {Year}
<i class="fi-rr-minus"></i>
{TimeAgo}</a>
{/block:PermalinkPage}
</div>
<div class="permaright">
{block:IndexPage}
<div class="les-controls flex">
{block:HasTags}
<a class="viewtags" tags-opt="{select:show tags on click}">
<span class="hashtag"></span>
</a>
{/block:HasTags}
<a href="{ReblogURL}" target="_blank">
<span class="retweet"></span>
</a>
<a class="likecont like">
{LikeButton}
<span class="heart"></span>
</a>
</div>
{/block:IndexPage}
{block:PermalinkPage}
{block:RebloggedFrom}
<div class="viasrc flex">
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
</div><!--viasrc-->
{/block:RebloggedFrom}
{/block:PermalinkPage}
</div>
</div><!--permarow-->
{/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" href="{NextPage}">
<span>next page</span>
<div class="next-svg"></div>
</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div><!--postscont-->
</div><!--maincont-->
</div><!--everything-->
<div invis user-avi>{PortraitURL-64}</div>
<script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
</body>
2023-08-18 01:36:43 +01:00
</html>
