2445 lines
67 KiB
Plaintext
2445 lines
67 KiB
Plaintext
<!----------------------------------------------------
|
||
Theme [08]: Kami no Himegoto
|
||
Made by glenthemes
|
||
|
||
Initial release: 2016/11/02
|
||
Remake date: 2021/07/25
|
||
Last updated: 2023/05/06
|
||
|
||
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
|
||
----------------------------------------------------->
|
||
<!DOCTYPE html>
|
||
<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">
|
||
|
||
<script src="//glen-themes.gitlab.io/thms/08/fkn-audio.js"></script>
|
||
|
||
<link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
|
||
|
||
<!--
|
||
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;
|
||
}
|
||
|
||
.spotify_audio_player {
|
||
height:80px!important;
|
||
}
|
||
</style>
|
||
|
||
<script src="//glen-themes.gitlab.io/thms/08/yabonku.js"></script>
|
||
|
||
<!-- unblue polls -->
|
||
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
|
||
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
|
||
<style>
|
||
.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;
|
||
letter-spacing:1px;
|
||
}
|
||
</style>
|
||
|
||
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
||
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
||
|
||
<!------ 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">
|
||
<meta name="image:sidebar 2 icon" content="//cdn.discordapp.com/attachments/382037367940448256/885798406117793803/7f4392f2d775839ad48eaa4decedc097c185463b.png">
|
||
|
||
<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">
|
||
|
||
<!--------- SIDEBAR 1 OPTIONS --------->
|
||
<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 --------->
|
||
<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">
|
||
|
||
<!--------- GENERAL OPTIONS --------->
|
||
<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">
|
||
|
||
<!--------- MAIN POSTS OPTIONS --------->
|
||
<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">
|
||
|
||
<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">
|
||
|
||
<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">
|
||
|
||
<!-- 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">
|
||
|
||
<!--------- TUMBLR CONTROLS OPTIONS --------->
|
||
<meta name="select:tumblr controls color" title="black" content="black">
|
||
<meta name="select:tumblr controls color" title="white" content="white">
|
||
|
||
<!--------- TEXT FIELDS --------->
|
||
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
|
||
<meta name="text:music player song name" content="岩崎 琢 – Glorious">
|
||
<meta name="text:music player song mp3" content="https://rhizo.gitlab.io/m/Glorious.mp3">
|
||
|
||
<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;
|
||
--Audio-Post-PlayButton-Padding:8px;
|
||
|
||
--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 {
|
||
border:1px solid rgba({RGBcolor:post borders inner},0.420);
|
||
width:100%;
|
||
height:100%;
|
||
background:{color:post background 2};
|
||
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);
|
||
color:{color:headings};
|
||
}
|
||
|
||
.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 {
|
||
}
|
||
|
||
.t-name {
|
||
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;
|
||
background:{color:link};
|
||
}
|
||
|
||
/*----- 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">
|
||
<div class="commenter source-head">
|
||
<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>
|
||
</html> |