2910 lines
79 KiB
Plaintext
2910 lines
79 KiB
Plaintext
<!----------------------------------------------------
|
|
Theme [03]: Desiderium
|
|
Made by glenthemes
|
|
|
|
Initial release: 2015/08/12
|
|
Remake date: 2021/09/15
|
|
Last updated: 2023/09/28
|
|
|
|
What's new:
|
|
✱ fixed post notes icons showing incorrectly
|
|
✱ NPF audio post support
|
|
|
|
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:
|
|
(o≧∇≦)o ~ glencredits.tumblr.com/desiderium
|
|
----------------------------------------------------->
|
|
<!DOCTYPE html>
|
|
<html ls="{select:loading screen}">
|
|
|
|
<head>
|
|
|
|
<title>{Title}</title>
|
|
|
|
{block:Description}
|
|
<meta name="description" content="{MetaDescription}">
|
|
{/block:Description}
|
|
|
|
<link rel="shortcut icon" href="{Favicon}">
|
|
|
|
<link rel="preload" href="{image:background image}" as="image">
|
|
<link rel="preload" href="{image:sidebar image}" as="image">
|
|
|
|
<!-------- FONTS -------->
|
|
<link href="//fonts.googleapis.com/css?family=Atkinson+Hyperlegible|Work+Sans|Lora:500|Vollkorn|Arapey|Gabriela|Karla|Open+Sans|Domine|Cousine" rel="stylesheet">
|
|
|
|
<!-------- THEME SCRIPTS -------->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
|
|
|
<script src="//npf-images-v3.github.io/script.js"></script>
|
|
<link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
|
|
|
|
<script src="//rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
|
|
|
|
<link href="//static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
|
|
|
|
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
|
|
|
|
<script src="https://unpkg.com/phosphor-icons"></script>
|
|
|
|
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
|
|
<script src="//glen-themes.gitlab.io/thms/03/jackwald-supremacy.js"></script>
|
|
<script src="//glen-themes.gitlab.io/thms/03/jabberwock.js"></script>
|
|
|
|
<!-- unblue polls -->
|
|
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
|
|
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
|
|
<style unblue-polls>
|
|
.poll-post {
|
|
--Poll-Question-Font-Size: var(--Body-Font-Size);
|
|
|
|
--Poll-Option-Background-Color: transparent;
|
|
--Poll-Option-Corner-Rounding: 0px;
|
|
--Poll-Option-Border-Size: 1px;
|
|
--Poll-Option-Border-Color: var(--Blockquote-Border-Color);
|
|
--Poll-Option-Padding: 0.69em;
|
|
--Poll-Option-Font-Size: var(--Body-Font-Size);
|
|
--Poll-Option-Spacing: 10px;
|
|
--Poll-Option-Text-Color: {color:text};
|
|
|
|
--Poll-Option-HOVER-Border-Color: var(--Blockquote-Border-Color);
|
|
--Poll-Option-HOVER-Background-Color: transparent;
|
|
--Poll-Option-HOVER-Text-Color: {color:text};
|
|
--Poll-Option-HOVER-Speed: 0.4s;
|
|
}
|
|
|
|
.poll-see-results {
|
|
padding-bottom:0!important;
|
|
border-bottom:none!important;
|
|
font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
|
|
text-transform:uppercase;
|
|
letter-spacing:0.5px;
|
|
}
|
|
</style>
|
|
|
|
<!-- npf audio player -->
|
|
<!-- glenthemes.tumblr.com/post/722160746171072512 -->
|
|
<script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
|
|
<link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
|
|
<script>
|
|
tumblr_npf_audio({
|
|
emptyTitleText: "Untitled track",
|
|
emptyArtistText: "Untitled artist",
|
|
emptyAlbumText: "Untitled album",
|
|
|
|
titleLabel: "",
|
|
artistLabel: "",
|
|
albumLabel: ""
|
|
});
|
|
</script>
|
|
<style edit-npf-audio-player>
|
|
.npf-audio-wrapper {
|
|
--NPF-Audio-Buttons-Size: var(--Audio-Post-Buttons-Size);
|
|
--NPF-Audio-Buttons-Color: var(--Audio-Post-Buttons-Color);
|
|
--NPF-Audio-Buttons-Padding: var(--Audio-Post-Buttons-Padding);
|
|
--NPF-Audio-Buttons-Spacing: calc(var(--p) + var(--Audio-Post-Album-Right-Gap));
|
|
--NPF-Audio-Image-Size: var(--Audio-Post-Album-Size);
|
|
--NPF-Audio-Image-Spacing: 0px;
|
|
|
|
--t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
|
|
--p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
|
|
}
|
|
|
|
.npf-audio-wrapper {
|
|
position:relative;
|
|
margin-bottom:calc(0px - var(--Post-Padding) - 1px);
|
|
background:var(--Audio-Post-Info-Background);
|
|
z-index:0;
|
|
}
|
|
|
|
.npf-no-caption .npf-audio-wrapper {
|
|
margin-top:1em!important;
|
|
border-top:1px solid {color:post borders inner};
|
|
}
|
|
|
|
.npf-audio-background {
|
|
margin-left:var(--p);
|
|
}
|
|
|
|
.npf-audio-play, .npf-audio-pause {
|
|
position:relative;
|
|
z-index:0;
|
|
}
|
|
|
|
.npf-audio-play:after, .npf-audio-pause:after {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;left:0;
|
|
margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
|
margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
|
width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
|
height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
|
background:var(--Audio-Post-Buttons-Background);
|
|
border-radius:100%;
|
|
z-index:-1;
|
|
}
|
|
|
|
.npf-audio-play svg { margin-left:1px; }
|
|
.npf-audio-pause svg { margin-left:0; }
|
|
|
|
figcaption.audio-caption,
|
|
figcaption.audio-caption ~ audio[controls]{
|
|
display:none;
|
|
}
|
|
|
|
.npf-audio-image {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
border-right:1px solid {color:post borders inner};
|
|
z-index:-1;
|
|
}
|
|
|
|
.npf-audio-details {
|
|
color:var(--Body-Text-Color);
|
|
}
|
|
|
|
.npf-audio-details > * + * {
|
|
margin-top:-4px;
|
|
}
|
|
|
|
.npf-audio-title-label,
|
|
.npf-audio-artist-label,
|
|
.npf-audio-album-label {
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
|
|
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
|
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
|
|
|
<!-------- OPTIONS -------->
|
|
<!-- hi if you're reading this please press the back arrow to edit! -->
|
|
<meta name="image:background image" content="//64.media.tumblr.com/3002b0339c879026b707e08f516db28d/b866213a74f6457d-38/s2048x3072/b1d65709250871a98bfd923b11fac10c51b5b21e.png">
|
|
<meta name="image:sidebar image" content="//static.tumblr.com/2pnwama/j58s1pr60/surfacage_jack.png">
|
|
|
|
<meta name="color:background" content="#150a05">
|
|
|
|
<meta name="color:loading screen symbol" content="#6f5e53">
|
|
<meta name="color:loading screen symbol hand" content="#a89181">
|
|
|
|
<meta name="color:left bar 1" content="#2d211c">
|
|
<meta name="color:left bar 2" content="#422d23">
|
|
|
|
<meta name="color:sidebar title" content="#c3aba5">
|
|
<meta name="color:sidebar title background" content="#332620">
|
|
<meta name="color:sidebar title border 1" content="#604d47">
|
|
<meta name="color:sidebar title border 2" content="#a48271">
|
|
<meta name="color:sidebar title shadow" content="#040404">
|
|
|
|
<meta name="color:navlinks background" content="#291d19">
|
|
<meta name="color:navlinks icon" content="#b59586">
|
|
<meta name="color:navlinks border" content="#8f6f5f">
|
|
|
|
<meta name="color:sidebar frame main" content="#e2c6b8">
|
|
<meta name="color:sidebar frame darker" content="#191310">
|
|
<meta name="color:sidebar frame leaves" content="#755e57">
|
|
<meta name="color:sidebar image background" content="#090909">
|
|
<meta name="color:sidebar image shadow" content="#3c2e2d">
|
|
<meta name="color:sidebar image glow" content="#dfcdbf">
|
|
|
|
<meta name="color:sidebar desc" content="#c3aba5">
|
|
<meta name="color:sidebar desc border 1" content="#8f6f5f">
|
|
<meta name="color:sidebar desc border 2" content="#5a3e3b">
|
|
<meta name="color:sidebar desc background 1" content="#111">
|
|
<meta name="color:sidebar desc background 2" content="#332620">
|
|
|
|
<meta name="color:customlinks border 1" content="#8f6f5f">
|
|
<meta name="color:customlinks border 2" content="#3c2826">
|
|
<meta name="color:customlinks background 1" content="#1e1613">
|
|
<meta name="color:customlinks background 2" content="#332620">
|
|
<meta name="color:customlinks text" content="#c3aba5">
|
|
<meta name="color:customlinks hover glow" content="#533b35">
|
|
|
|
<meta name="color:post" content="#221915">
|
|
<meta name="color:text" content="#bba099">
|
|
<meta name="color:accent" content="#c4957f">
|
|
<meta name="color:post borders inner" content="#5e4645">
|
|
<meta name="color:post borders outer" content="#453534">
|
|
|
|
<meta name="color:permalink" content="#b7857d">
|
|
<meta name="color:permalink background" content="#1f1713">
|
|
<meta name="color:permalink border" content="#453534">
|
|
<meta name="color:like button liked" content="#ff7875">
|
|
|
|
<meta name="color:text selection background" content="#4a3c32">
|
|
<meta name="color:text selected" content="#c3b0a5">
|
|
|
|
<meta name="color:scrollbar" content="#604d47">
|
|
|
|
<meta name="select:loading screen" title="on" content="on">
|
|
<meta name="select:loading screen" title="off" content="off">
|
|
|
|
<meta name="select:sidebar title width" title="90%" content="90%">
|
|
<meta name="select:sidebar title width" title="60%" content="60%">
|
|
<meta name="select:sidebar title width" title="70%" content="70%">
|
|
<meta name="select:sidebar title width" title="80%" content="80%">
|
|
<meta name="select:sidebar title width" title="100%" content="100%">
|
|
<meta name="select:sidebar title width" title="110%" content="110%">
|
|
<meta name="select:sidebar title width" title="120%" content="120%">
|
|
<meta name="select:sidebar title width" title="130%" content="130%">
|
|
|
|
<meta name="select:sidebar title font size" title="11px" content="11px">
|
|
<meta name="select:sidebar title font size" title="10px" content="10px">
|
|
<meta name="select:sidebar title font size" title="12px" content="12px">
|
|
<meta name="select:sidebar title font size" title="13px" content="13px">
|
|
<meta name="select:sidebar title font size" title="14px" content="14px">
|
|
|
|
<meta name="select:sidebar title padding" title="10px" content="10px">
|
|
<meta name="select:sidebar title padding" title="8px" content="8px">
|
|
<meta name="select:sidebar title padding" title="9px" content="9px">
|
|
<meta name="select:sidebar title padding" title="11px" content="11px">
|
|
<meta name="select:sidebar title padding" title="12px" content="12px">
|
|
<meta name="select:sidebar title padding" title="13px" content="13px">
|
|
<meta name="select:sidebar title padding" title="14px" content="14px">
|
|
|
|
<meta name="select:sidebar image width" title="250px" content="250px">
|
|
<meta name="select:sidebar image width" title="200px" content="200px">
|
|
<meta name="select:sidebar image width" title="300px" content="300px">
|
|
<meta name="select:sidebar image width" title="350px" content="350px">
|
|
|
|
<meta name="select:sidebar inner leaves transparency" title="70%" content="0.7">
|
|
<meta name="select:sidebar inner leaves transparency" title="10%" content="0.1">
|
|
<meta name="select:sidebar inner leaves transparency" title="20%" content="0.2">
|
|
<meta name="select:sidebar inner leaves transparency" title="30%" content="0.3">
|
|
<meta name="select:sidebar inner leaves transparency" title="40%" content="0.4">
|
|
<meta name="select:sidebar inner leaves transparency" title="50%" content="0.5">
|
|
<meta name="select:sidebar inner leaves transparency" title="60%" content="0.6">
|
|
<meta name="select:sidebar inner leaves transparency" title="80%" content="0.8">
|
|
<meta name="select:sidebar inner leaves transparency" title="90%" content="0.9">
|
|
<meta name="select:sidebar inner leaves transparency" title="100%" content="1">
|
|
|
|
<meta name="select:sidebar outer leaves transparency" title="50%" content="0.5">
|
|
<meta name="select:sidebar outer leaves transparency" title="10%" content="0.1">
|
|
<meta name="select:sidebar outer leaves transparency" title="20%" content="0.2">
|
|
<meta name="select:sidebar outer leaves transparency" title="30%" content="0.3">
|
|
<meta name="select:sidebar outer leaves transparency" title="40%" content="0.4">
|
|
<meta name="select:sidebar outer leaves transparency" title="60%" content="0.6">
|
|
<meta name="select:sidebar outer leaves transparency" title="70%" content="0.7">
|
|
<meta name="select:sidebar outer leaves transparency" title="80%" content="0.8">
|
|
<meta name="select:sidebar outer leaves transparency" title="90%" content="0.9">
|
|
<meta name="select:sidebar outer leaves transparency" title="100%" content="1">
|
|
|
|
<meta name="select:sidebar image margin" title="16px" content="16px">
|
|
<meta name="select:sidebar image margin" title="8px" content="8px">
|
|
<meta name="select:sidebar image margin" title="12px" content="12px">
|
|
<meta name="select:sidebar image margin" title="20px" content="20px">
|
|
<meta name="select:sidebar image margin" title="24px" content="24px">
|
|
|
|
<meta name="select:sidebar desc width" title="90%" content="90%">
|
|
<meta name="select:sidebar desc width" title="80%" content="80%">
|
|
<meta name="select:sidebar desc width" title="100%" content="100%">
|
|
<meta name="select:sidebar desc width" title="110%" content="110%">
|
|
<meta name="select:sidebar desc width" title="120%" content="120%">
|
|
<meta name="select:sidebar desc width" title="130%" content="130%">
|
|
|
|
<meta name="select:sidebar desc font family" title="Arapey" content="Arapey">
|
|
<meta name="select:sidebar desc font family" title="Atkinson Hyberlegible" content="Atkinson Hyperlegible">
|
|
<meta name="select:sidebar desc font family" title="Lora" content="Lora">
|
|
<meta name="select:sidebar desc font family" title="Vollkorn" content="Vollkorn">
|
|
<meta name="select:sidebar desc font family" title="Gabriela" content="Gabriela">
|
|
<meta name="select:sidebar desc font family" title="Karla" content="Karla">
|
|
<meta name="select:sidebar desc font family" title="Domine" content="Domine">
|
|
<meta name="select:sidebar desc font family" title="Open Sans" content="Open Sans">
|
|
|
|
<meta name="select:sidebar desc font size" title="13px" content="13px">
|
|
<meta name="select:sidebar desc font size" title="10px" content="10px">
|
|
<meta name="select:sidebar desc font size" title="11px" content="11px">
|
|
<meta name="select:sidebar desc font size" title="12px" content="12px">
|
|
<meta name="select:sidebar desc font size" title="14px" content="14px">
|
|
|
|
<meta name="select:sidebar desc padding" title="14px" content="14px">
|
|
<meta name="select:sidebar desc padding" title="10px" content="10px">
|
|
<meta name="select:sidebar desc padding" title="12px" content="12px">
|
|
<meta name="select:sidebar desc padding" title="16px" content="16px">
|
|
<meta name="select:sidebar desc padding" title="18px" content="18px">
|
|
|
|
<meta name="select:sidebar desc text align" title="justify" content="justify">
|
|
<meta name="select:sidebar desc text align" title="left" content="left">
|
|
<meta name="select:sidebar desc text align" title="center" content="center">
|
|
<meta name="select:sidebar desc text align" title="right" content="right">
|
|
|
|
<meta name="select:center gap" title="75px" content="75px">
|
|
<meta name="select:center gap" title="50px" content="50px">
|
|
<meta name="select:center gap" title="55px" content="55px">
|
|
<meta name="select:center gap" title="60px" content="60px">
|
|
<meta name="select:center gap" title="65px" content="65px">
|
|
<meta name="select:center gap" title="70px" content="70px">
|
|
<meta name="select:center gap" title="80px" content="80px">
|
|
<meta name="select:center gap" title="85px" content="85px">
|
|
|
|
<meta name="select:post width" title="500px" content="500px">
|
|
<meta name="select:post width" title="400px" content="400px">
|
|
<meta name="select:post width" title="450px" content="450px">
|
|
<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:photoset spacing" title="4px" content="4px">
|
|
<meta name="select:photoset spacing" title="2px" content="2px">
|
|
<meta name="select:photoset spacing" title="6px" content="6px">
|
|
<meta name="select:photoset spacing" title="8px" content="8px">
|
|
<meta name="select:photoset spacing" title="10px" content="10px">
|
|
|
|
<meta name="select:body font" title="Domine" content="Domine">
|
|
<meta name="select:body font" title="Atkinson Hyberlegible" content="Atkinson Hyperlegible">
|
|
<meta name="select:body font" title="Lora" content="Lora">
|
|
<meta name="select:body font" title="Vollkorn" content="Vollkorn">
|
|
<meta name="select:body font" title="Gabriela" content="Gabriela">
|
|
<meta name="select:body font" title="Karla" content="Karla">
|
|
<meta name="select:body font" title="Open Sans" content="Open Sans">
|
|
|
|
<meta name="select:font size" title="12px" content="12px">
|
|
<meta name="select:font size" title="11px" content="11px">
|
|
<meta name="select:font size" title="13px" content="13px">
|
|
<meta name="select:font size" title="14px" content="14px">
|
|
|
|
<meta name="select:reblogger avatar filter" title="yes" content="yes">
|
|
<meta name="select:reblogger avatar filter" title="no" content="no">
|
|
|
|
<meta name="select:click tags" title="yes" content="yes">
|
|
<meta name="select:click tags" title="no" content="no">
|
|
|
|
<!--------- TUMBLR CONTROLS OPTIONS --------->
|
|
<meta name="select:tumblr controls color" title="white" content="white">
|
|
<meta name="select:tumblr controls color" title="black" content="black">
|
|
|
|
<!--------- TEXT FIELDS --------->
|
|
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
|
|
<meta name="text:music player song name" content="Wicked Game (<a title="Ursine Ulpine ft. Annaca">cover</a>)">
|
|
<meta name="text:music player song mp3" content="https://rhizo.gitlab.io/m/Wicked_Game__Ursine_Ulpine_ft._Annaca_.mp3">
|
|
|
|
<meta name="text:sidebar title" content="desiderium">
|
|
|
|
<meta name="text:customlink 1 name" content="sample link">
|
|
<meta name="text:customlink 1 url" content="https://youtube.com/watch?v=tx2LXzM-Q2A">
|
|
<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: "regis"; src: url('//glen-assets.github.io/fonts/Regis-Semi Bold.ttf'); }
|
|
|
|
@font-face { font-family: "magical source"; src: url('//glen-assets.github.io/fonts/MagicalSource.ttf'); }
|
|
|
|
/*-------- TUMBLR CONTROLS --------*/
|
|
iframe#tumblr_controls, .iframe-controls--desktop {
|
|
top:5px!important;
|
|
right:15px!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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/*---- BASIC STYLING ----*/
|
|
#s-m-t-tooltip {
|
|
padding:5px 10px;
|
|
margin:20px;
|
|
background-color:{color:post};
|
|
border:1px solid {color:post borders outer};
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:calc(var(--Body-Font-Size) - 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:0.5px;
|
|
color:{color:text};
|
|
z-index:99;
|
|
max-width:40vw;
|
|
}
|
|
|
|
body {
|
|
margin:0;
|
|
background-color:{color:background};
|
|
background-image:url('{image:background image}');
|
|
background-attachment:fixed;
|
|
background-repeat:repeat;
|
|
background-position:center;
|
|
font-family:var(--Body-Font-Family);
|
|
font-size:var(--Body-Font-Size);
|
|
color:var(--Body-Text-Color);
|
|
overflow:hidden;
|
|
overscroll-behavior-y:none;
|
|
}
|
|
|
|
a {
|
|
text-decoration:none;
|
|
color:var(--Link);
|
|
}
|
|
|
|
p {
|
|
margin:var(--Paragraph-Margins) 0;
|
|
}
|
|
|
|
blockquote {
|
|
margin:var(--Paragraph-Margins);
|
|
margin-right:0;
|
|
padding-left:var(--Paragraph-Margins);
|
|
border-left:1px solid var(--Blockquote-Border-Color);
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin:var(--Heading-Margins) 0;
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:var(--Heading-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
color:{color:accent};
|
|
}
|
|
|
|
.post-title {
|
|
margin-top:1px;
|
|
font-family:magical source;
|
|
font-weight:normal;
|
|
padding:calc(var(--Heading-Font-Size) - 2px);
|
|
border:1px solid {color:post borders inner};
|
|
text-align:center;
|
|
}
|
|
|
|
img, iframe {
|
|
vertical-align:middle;
|
|
max-width:100%;
|
|
}
|
|
|
|
figure {
|
|
margin:0;
|
|
}
|
|
|
|
p code {
|
|
padding:3px;
|
|
border:1px solid {color:post borders inner};
|
|
}
|
|
|
|
code, pre {
|
|
font-family:cousine;
|
|
font-size:calc(var(--Body-Font-Size) - 2px);
|
|
}
|
|
|
|
pre {
|
|
white-space:pre-wrap;
|
|
padding:calc(var(--Post-Padding) - 4px) var(--Post-Padding);
|
|
border:1px solid {color:post borders inner};
|
|
}
|
|
|
|
hr {
|
|
width:69%;
|
|
border-width:0px;
|
|
height:1px;
|
|
background:{color:post borders inner};
|
|
}
|
|
|
|
ul, ol {
|
|
margin:var(--Paragraph-Margins) 0;
|
|
margin-left:1.69em;
|
|
padding:0;
|
|
}
|
|
|
|
ol li {
|
|
padding-left:0.420em;
|
|
}
|
|
|
|
ul li {
|
|
position:relative;
|
|
padding-left:0.25em;
|
|
margin-left:calc((var(--Body-Font-Size) * 1.420) - 3px);
|
|
list-style:none;
|
|
}
|
|
|
|
ul li:before {
|
|
content:"";
|
|
position:absolute;
|
|
margin-top:calc(((var(--Body-Font-Size) * 1.7) / 2) - 0px);
|
|
transform:translateY(-50%);
|
|
left:0;margin-left:calc((var(--Body-Font-Size) * -1.420) - 3px);
|
|
width:var(--Body-Font-Size);
|
|
height:.7px;
|
|
background:{color:accent};
|
|
}
|
|
|
|
ol li::marker {
|
|
color:{color:accent};
|
|
}
|
|
|
|
.flex {
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
a.read_more {
|
|
display:block;
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:calc(var(--Heading-Font-Size));
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
text-align:center;
|
|
}
|
|
|
|
::selection {
|
|
background:{color:text selection background};
|
|
color:{color:text selected};
|
|
}
|
|
|
|
::-moz-selection {
|
|
background:{color:text selection background};
|
|
color:{color:text selected};
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width:15px;
|
|
height:15px;
|
|
background-color:transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-clip:padding-box;
|
|
background-color:{color:scrollbar};
|
|
border:7px solid transparent;
|
|
border-top:10px solid transparent;
|
|
border-bottom:10px solid transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background:{color:background};
|
|
}
|
|
|
|
|
|
:root {
|
|
--Window-Margin:52px;
|
|
|
|
--Paragraph-Margins:1em;
|
|
--Heading-Margins:1em;
|
|
|
|
--Body-Font-Family:{select:body font};
|
|
--Body-Font-Size:{select:font size};
|
|
--Body-Text-Color:{color:text};
|
|
|
|
--Heading-Font-Family:"Vollkorn";
|
|
--Heading-Font-Size:calc(var(--Body-Font-Size) + 2px);
|
|
|
|
--Accent:{color:accent};
|
|
--Post-Borders-Outer:{color:post borders outer};
|
|
--Post-BG:{color:post};
|
|
|
|
--Container-Shift-Value:25px;
|
|
|
|
--Sidebar-Title-Border-Size:2px;
|
|
|
|
/*--------------*/
|
|
|
|
--HexLinks-Icon-Size:16px;
|
|
--HexLinks-Icon-Padding:18px;
|
|
|
|
--HexLinks-Spacing:calc({select:sidebar image width} * 0.0269);
|
|
--HexLinks-Right-Gap:-10px;
|
|
|
|
/*--------------*/
|
|
|
|
--Description-Border-Size:2px;
|
|
--Description-Bottom-Gap:13px;
|
|
|
|
--Custom-Links-Spacing:4px;
|
|
--Custom-Links-Per-Row:2;
|
|
--Custom-Links-Size:calc(var(--Body-Font-Size) - 4px);
|
|
--Custom-Links-Padding:7px;
|
|
--Custom-Links-Border-Size:2px;
|
|
|
|
--Post-Width:{select:post width};
|
|
--Post-Padding:{select:post padding};
|
|
--Post-Spacing:40px;
|
|
|
|
--Reblogger-Avatar-Size:25px;
|
|
--Reblogger-Avatar-Gap-Right:8px;
|
|
--Reblogger-Username-Color:{color:accent};
|
|
--Reblogger-Avatar-Bottom-Gap:12px;
|
|
|
|
--Reblogs-Spacing:15px;
|
|
--Reblogs-Border:{color:post borders inner};
|
|
|
|
--Captions-Gap:15px;
|
|
|
|
--Photoset-Spacing:{select:photoset spacing};
|
|
|
|
--NPF-Caption-Spacing:var(--Captions-Gap);
|
|
--NPF-Image-Spacing:var(--Photoset-Spacing);
|
|
|
|
--Audio-Post-Album-Size:64px;
|
|
--Audio-Post-Album-Right-Gap:13px;
|
|
--Audio-Post-Buttons-Size:11px;
|
|
--Audio-Post-Buttons-Color:{color:accent};
|
|
--Audio-Post-Buttons-Padding:11px;
|
|
--Audio-Post-Buttons-Background:{color:post};
|
|
--Audio-Post-Info-Background:transparent;
|
|
--Audio-Post-Download-Color:{color:accent};
|
|
|
|
--Link:{color:accent};
|
|
--Blockquote-Border-Color:{color:post borders inner};
|
|
|
|
--Quote-Font-Size:calc(var(--Body-Font-Size) + 1px);
|
|
|
|
--Tags-Fade-Speed-MS:420;
|
|
|
|
--Post-Buttons-Size:calc(var(--Body-Font-Size));
|
|
--Post-Buttons-Color:{color:permalink};
|
|
--Like-Button-Liked:{color:like button liked};
|
|
--Post-Buttons-Spacing:5.5px;
|
|
|
|
--Notes-User-Avatar-Size:28px;
|
|
--Notes-User-Avatar-Gap-Right:7px;
|
|
--Notes-Row-Spacing:10px;
|
|
|
|
--Pagination-Color:{color:accent};
|
|
|
|
--TumblrControls-Color:{select:tumblr controls color};
|
|
|
|
/*---- MUSIC PLAYER ----*/
|
|
--MusicPlayer-Icon-Size:calc(var(--Body-Font-Size) - 0px);
|
|
--MusicPlayer-Icon-Color:{color:accent};
|
|
--MusicPlayer-Circle-Background:{color:post};
|
|
--MusicPlayer-Circle-Padding:9px;
|
|
|
|
--MusicPlayer-Bar-Length:18px;
|
|
--MusicPlayer-Bar-Color:{color:post};
|
|
|
|
--MusicPlayer-Buttons-Size:calc(var(--Body-Font-Size) - 2px);
|
|
--MusicPlayer-Buttons-Color:{color:accent};
|
|
|
|
--MusicPlayer-Text-Color:{color:text};
|
|
|
|
--MusicPlayer-Main-Background:{color:post};
|
|
--MusicPlayer-Main-Padding:10px;
|
|
--MusicPlayer-Main-Roundness:3px;
|
|
}
|
|
|
|
[ls="on"] .tout {
|
|
visibility:hidden;
|
|
opacity:0;
|
|
}
|
|
|
|
.tout {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100vw;
|
|
height:100vh;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
}
|
|
|
|
[ls="off"] .showlah {
|
|
animation:none;
|
|
}
|
|
|
|
[ls="on"] .showlah {
|
|
opacity:1;
|
|
animation:fadeinlah .69s ease-in-out;
|
|
visibility:visible;
|
|
}
|
|
|
|
@keyframes fadeinlah {
|
|
from {
|
|
opacity:0;
|
|
}
|
|
|
|
to {
|
|
opacity:1;
|
|
}
|
|
}
|
|
|
|
.bigcont {
|
|
position:absolute;
|
|
left:0;right:0;
|
|
margin:auto;
|
|
width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px + {select:center gap} + {select:sidebar image width});
|
|
height:100vh;
|
|
}
|
|
|
|
.sidecont {
|
|
position:fixed;
|
|
margin-left:var(--Container-Shift-Value);
|
|
width:{select:sidebar image width};
|
|
height:100vh;
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.scone {
|
|
position:relative;
|
|
--H: calc({select:sidebar title font size} + ({select:sidebar title padding} * 2));
|
|
margin-top:var(--H);
|
|
}
|
|
|
|
.titwrap {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
margin-bottom:calc({select:sidebar image margin} + ({select:sidebar image width} * 0.0269));
|
|
}
|
|
|
|
.longue {
|
|
position:relative;
|
|
margin-left:calc(0px - ({select:sidebar image width} * 0.0420));
|
|
width:{select:sidebar title width};
|
|
height:calc({select:sidebar title font size} + ({select:sidebar title padding} * 2));
|
|
--DV: calc({select:sidebar title font size} * 1.269);
|
|
}
|
|
|
|
.crown-abs {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
margin-top:calc(0px - var(--H) - var(--Sidebar-Title-Border-Size) + (var(--H) * 0.085));
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--crown);
|
|
background:linear-gradient(to right, {color:sidebar title border 1} 30%, {color:sidebar title border 2}, {color:sidebar title border 1} 70%);
|
|
}
|
|
|
|
.doz {
|
|
position:absolute;
|
|
left:0;right:0;
|
|
top:calc(0px - var(--Sidebar-Title-Border-Size) - 4px);
|
|
display:block;
|
|
margin:auto;
|
|
width:5px;
|
|
height:5px;
|
|
background:{color:sidebar title border 2};
|
|
border-radius:100%;
|
|
z-index:2;
|
|
}
|
|
|
|
.rectang {
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-clip-path: polygon(var(--DV) 0px, calc(100% - var(--DV)) 0px, 100% 50%, calc(100% - var(--DV)) 100%, var(--DV) 100%, 0px 50%);
|
|
background:{color:sidebar title background};
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
box-shadow:inset 0 0 {select:sidebar title padding} {color:sidebar title shadow};
|
|
}
|
|
|
|
.stit {
|
|
width:calc(100% - calc(var(--DV) * 3));
|
|
font-family:regis;
|
|
font-size:{select:sidebar title font size};
|
|
text-transform:uppercase;
|
|
letter-spacing:1.5px;
|
|
color:{color:sidebar title};
|
|
text-align:center;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-shadow:1px 1px 1px rgba({RGBcolor:sidebar title shadow},0.8);
|
|
}
|
|
|
|
.recback {
|
|
position:absolute;
|
|
top:0;margin-top:calc(0px - var(--Sidebar-Title-Border-Size));
|
|
left:0;margin-left:calc(0px - (var(--Sidebar-Title-Border-Size) * 2));
|
|
width:calc(100% + (var(--Sidebar-Title-Border-Size) * 4));
|
|
height:calc(100% + (var(--Sidebar-Title-Border-Size) * 2));
|
|
|
|
--DV: calc(({select:sidebar title font size} * 1.269) + var(--Sidebar-Title-Border-Size));
|
|
|
|
-webkit-clip-path: polygon(var(--DV) 0px, calc(100% - var(--DV)) 0px, 100% 50%, calc(100% - var(--DV)) 100%, var(--DV) 100%, 0px 50%);
|
|
background:{color:sidebar title border 1};
|
|
z-index:-1;
|
|
}
|
|
|
|
/*-------------------------------------------*/
|
|
.despair {
|
|
position:relative;
|
|
width:{select:sidebar image width};
|
|
height:{select:sidebar image width};
|
|
margin:calc(0px - ({select:sidebar image width} * 0.04)) 0;
|
|
}
|
|
|
|
.sidehoe {
|
|
position:absolute;
|
|
top:0;margin-top:calc(0px - ({select:sidebar image width} * 0.02));
|
|
height:100%;
|
|
display:table;
|
|
right:0;margin-right:calc(100% + var(--HexLinks-Right-Gap));
|
|
}
|
|
|
|
.livid {
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.un-lyn {
|
|
position:relative;
|
|
display:block;
|
|
width:calc(var(--HexLinks-Icon-Size) + (var(--HexLinks-Icon-Padding) * 2));
|
|
height:calc(var(--HexLinks-Icon-Size) + (var(--HexLinks-Icon-Padding) * 2));
|
|
z-index:3;
|
|
}
|
|
|
|
.un-lyn + .un-lyn {
|
|
margin-top:var(--HexLinks-Spacing);
|
|
}
|
|
|
|
/*-----------------------------------------*/
|
|
|
|
/* exactly 4 hexlinks */
|
|
/* do something to the TOP and BOTTOM ones */
|
|
.un-lyn:first-child:nth-last-child(4), /* selects the first child */
|
|
.un-lyn:first-child:nth-last-child(4) ~ .un-lyn:nth-child(4) {
|
|
margin-left:20px;
|
|
}
|
|
|
|
.un-lyn:first-child:nth-last-child(4) {
|
|
margin-bottom:calc(0px - (var(--HexLinks-Spacing) / 3));
|
|
}
|
|
|
|
.un-lyn:first-child:nth-last-child(4) ~ .un-lyn:nth-child(4){
|
|
margin-top:calc(var(--HexLinks-Spacing) / 3);
|
|
}
|
|
|
|
/*-----------------------------------------*/
|
|
|
|
.hex-bg {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--squazre);
|
|
background:{color:navlinks background};
|
|
z-index:1;
|
|
}
|
|
|
|
.hex-fg {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--fancyframe);
|
|
background:{color:navlinks border};
|
|
z-index:2;
|
|
}
|
|
|
|
.nav-tt {
|
|
--dududu: calc(var(--HexLinks-Icon-Size) + (var(--HexLinks-Icon-Padding) * 2));
|
|
--duduheight: calc(var(--dududu) * 0.420);
|
|
--dudufontsize: calc(var(--Body-Font-Size) - 4px);
|
|
--dudupont: calc((var(--duduheight) - var(--dudufontsize)) / 2);
|
|
position:absolute;
|
|
top:0;margin-top:50%;transform:translateY(-50%);
|
|
right:0;margin-right:calc(100% - (var(--dududu) * 0.69));
|
|
text-align:right;
|
|
white-space:nowrap;
|
|
height:calc(var(--duduheight) - 2px);
|
|
padding-right:calc((var(--dududu) * 0.2) + (var(--dudupont) * 0.8));
|
|
padding-left:calc(var(--dudupont) + 2px);
|
|
background:{color:navlinks background};
|
|
font-family:vollkorn;
|
|
font-size:var(--dudufontsize);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
color:{color:navlinks icon};
|
|
display:grid;
|
|
align-items:center;
|
|
border:1px solid {color:navlinks border};
|
|
border-right:none;
|
|
border-radius:3px 0 0 3px;
|
|
visibility:hidden;
|
|
opacity:0;
|
|
transition:visibility 0.269s 0s ease-in-out, opacity 0.269s ease-in-out, margin-right 0.269s ease-in-out;
|
|
}
|
|
|
|
.un-lyn:hover .nav-tt {
|
|
visibility:visible;
|
|
margin-right:calc(100% - (var(--dududu) * 0.2));
|
|
opacity:1;
|
|
}
|
|
|
|
.spectre {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
display:grid;
|
|
place-items:center;
|
|
z-index:3;
|
|
}
|
|
|
|
.spectre [class^="ph-"]{
|
|
font-size:var(--HexLinks-Icon-Size);
|
|
color:{color:navlinks icon};
|
|
}
|
|
|
|
.tresglen {
|
|
width:calc(var(--HexLinks-Icon-Size) - 1.5px);
|
|
height:calc(var(--HexLinks-Icon-Size) - 1.5px);
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--glenlogo);
|
|
background:{color:navlinks icon};
|
|
}
|
|
|
|
/*------------------------*/
|
|
|
|
.leafcont {
|
|
position:relative;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.leaf-fg, .leaves-inside, .leaves-outside {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-repeat:no-repeat;
|
|
}
|
|
|
|
.leaf-fg {
|
|
-webkit-mask-image:var(--leaf-outline);
|
|
background:linear-gradient(to bottom left, {color:sidebar frame darker}, {color:sidebar frame main}, {color:sidebar frame darker});
|
|
z-index:10;
|
|
}
|
|
|
|
.leaves-inside {
|
|
-webkit-mask-image:var(--leaves-inside);
|
|
background:{color:sidebar frame leaves};
|
|
opacity:calc(1 - {select:sidebar inner leaves transparency});
|
|
z-index:9;
|
|
}
|
|
|
|
.leaves-outside {
|
|
-webkit-mask-image:var(--leaves-outside);
|
|
background:{color:sidebar frame leaves};
|
|
opacity:calc(1 - {select:sidebar outer leaves transparency});
|
|
z-index:9;
|
|
}
|
|
|
|
.coport {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.corcle {
|
|
position:relative;
|
|
margin-left:1.5%;
|
|
margin-top:-2.6%;
|
|
width:86.75%;
|
|
height:86.75%;
|
|
border-radius:100%;
|
|
background-image:url('{image:sidebar image}');
|
|
background-size:cover;
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
}
|
|
|
|
.doomie {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
border-radius:100%;
|
|
z-index:12;
|
|
}
|
|
|
|
.fig-light {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
border-radius:100%;
|
|
background:linear-gradient(to bottom right, rgba({RGBcolor:sidebar image glow},0.420) -1%, transparent 50%);
|
|
}
|
|
|
|
.fig-back {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
border-radius:100%;
|
|
background:{color:sidebar image background};
|
|
z-index:-3;
|
|
}
|
|
|
|
.fig-shad {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
border-radius:100%;
|
|
box-shadow:inset 0 0 calc({select:sidebar image width} * 0.069) {color:sidebar image shadow};
|
|
z-index:0;
|
|
}
|
|
|
|
.deskarea {
|
|
margin:auto;
|
|
margin-top:{select:sidebar image margin};
|
|
width:{select:sidebar desc width};
|
|
|
|
}
|
|
|
|
.miel {
|
|
margin-left:calc({select:sidebar image width} * -0.02);
|
|
--Arrow-Size:calc(var(--Description-Border-Size) + {select:sidebar desc font size});
|
|
margin-top:calc(0px - var(--Arrow-Size));
|
|
}
|
|
|
|
.dt {
|
|
position:relative;
|
|
margin:auto;
|
|
margin-bottom:calc(0px - var(--Description-Border-Size));
|
|
width:var(--Arrow-Size);
|
|
height:var(--Arrow-Size);
|
|
z-index:2;
|
|
}
|
|
|
|
.desctri-a {
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--triangu);
|
|
background:{color:sidebar desc background 1};
|
|
padding-bottom:var(--Description-Border-Size);
|
|
}
|
|
|
|
.desctri-b {
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;margin-left:calc(0px - var(--Description-Border-Size));
|
|
width:calc(100% + (var(--Description-Border-Size) * 2));
|
|
height:calc(100% + (var(--Description-Border-Size) * 2));
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--triangu);
|
|
background:{color:sidebar desc border 1};
|
|
z-index:-1;
|
|
}
|
|
|
|
.db-out {
|
|
position:relative;
|
|
margin-top:calc(var(--Description-Border-Size));
|
|
}
|
|
|
|
.db-out:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;margin-top:calc(0px - var(--Description-Border-Size));
|
|
left:0;margin-left:calc(0px - var(--Description-Border-Size));
|
|
width:calc(100% + (var(--Description-Border-Size) * 2));
|
|
height:calc(100% + (var(--Description-Border-Size) * 2));
|
|
background:linear-gradient(to bottom, {color:sidebar desc border 1}, {color:sidebar desc border 2});
|
|
z-index:-1;
|
|
}
|
|
|
|
.descbox {
|
|
padding:{select:sidebar desc padding};
|
|
background:linear-gradient(to bottom, {color:sidebar desc background 1}, {color:sidebar desc background 2});
|
|
font-family:{select:sidebar desc font family};
|
|
font-size:calc(var(--Body-Font-Size) + 1px);
|
|
color:{color:sidebar desc};
|
|
text-shadow:1px 1px 1px {color:sidebar desc background 1};
|
|
box-shadow:inset 0 0 {select:sidebar desc padding} {color:sidebar desc background 1};
|
|
text-align:{select:sidebar desc text align};
|
|
line-height:130%;
|
|
}
|
|
|
|
.db-out, .db-out:before, .descbox {
|
|
border-radius:4px;
|
|
}
|
|
|
|
.custard {
|
|
margin-top:var(--Description-Bottom-Gap);
|
|
margin-left:calc(0px - var(--Description-Border-Size));
|
|
width:calc(100% + (var(--Description-Border-Size) * 2));
|
|
}
|
|
|
|
.creme {
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
margin-top:calc(var(--Custom-Links-Spacing) * -1);
|
|
margin-left:calc(var(--Custom-Links-Spacing) * -1);
|
|
width:calc(100% + (var(--Custom-Links-Spacing) * 2));
|
|
}
|
|
|
|
.un-custo {
|
|
display:block;
|
|
margin:var(--Custom-Links-Spacing);
|
|
width:calc((100% / var(--Custom-Links-Per-Row)) - (var(--Custom-Links-Spacing) * 2));
|
|
background:linear-gradient(to bottom right, {color:customlinks border 1}, {color:customlinks border 2});
|
|
}
|
|
|
|
.un-custo > span {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
position:relative;
|
|
margin-top:var(--Custom-Links-Border-Size);
|
|
margin-left:var(--Custom-Links-Border-Size);
|
|
width:calc(100% - (var(--Custom-Links-Border-Size) * 2));
|
|
padding:calc(var(--Custom-Links-Padding) - 2px) var(--Custom-Links-Padding);
|
|
height:calc(100% - (var(--Custom-Links-Border-Size) * 2));
|
|
background:linear-gradient(to bottom, {color:customlinks background 1}, {color:customlinks background 2});
|
|
font-family:lora;
|
|
font-size:var(--Custom-Links-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
word-spacing:-.3px;
|
|
color:{color:customlinks text};
|
|
text-shadow:1px 1px 1px {color:customlinks background 1};
|
|
text-align:center;
|
|
box-sizing:border-box;
|
|
overflow:hidden;
|
|
z-index:2;
|
|
}
|
|
|
|
.un-custo > span > span {
|
|
position:relative;
|
|
display:block;
|
|
width:100%;
|
|
margin-bottom:var(--Custom-Links-Border-Size);
|
|
}
|
|
|
|
.un-custo, .un-custo > span, .un-cust > span > span:after {
|
|
border-radius:2px;
|
|
}
|
|
|
|
.un-custo > span > span:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;margin-bottom:calc(0px - (var(--Custom-Links-Padding) * 2) + var(--Custom-Links-Border-Size));
|
|
left:0;margin-left:calc(0px - var(--Custom-Links-Padding));
|
|
width:calc(100% + (var(--Custom-Links-Padding) * 2));
|
|
height:calc(100% + (var(--Custom-Links-Padding) * 4));
|
|
background:linear-gradient(to bottom, transparent 25%, rgba({RGBcolor:customlinks hover glow},0.69));
|
|
opacity:0;
|
|
transition:opacity .25s ease-in-out;
|
|
z-index:-1;
|
|
}
|
|
|
|
.un-custo:hover > span > span:after {
|
|
opacity:1;
|
|
}
|
|
|
|
.thingleft {
|
|
position:fixed;
|
|
top:0;left:0;
|
|
width:15px;
|
|
height:100vh;
|
|
background:{color:left bar 1};
|
|
border-right:10px solid {color:left bar 2};
|
|
z-index:5;
|
|
}
|
|
|
|
/*---- POST CONTAINER ----*/
|
|
.postscont {
|
|
position:absolute;
|
|
right:0;margin-right:calc(0px - var(--Container-Shift-Value));
|
|
}
|
|
|
|
.onepost:first-child {
|
|
margin-top:var(--Window-Margin);
|
|
}
|
|
|
|
.onepost {
|
|
width:calc(var(--Post-Width) + (var(--Post-Padding) * 2));
|
|
}
|
|
|
|
.cartel {
|
|
padding:var(--Post-Padding);
|
|
background:{color:post};
|
|
border:1px solid {color:post borders outer};
|
|
overflow:hidden;
|
|
}
|
|
|
|
.onepost + .onepost {
|
|
margin-top:var(--Post-Spacing);
|
|
}
|
|
|
|
.onepost:last-child {
|
|
margin-bottom:var(--Window-Margin);
|
|
}
|
|
|
|
.postinner, .notescont li.reply, .notescont li.with_commentary {
|
|
line-height:1.7em;
|
|
}
|
|
|
|
.corps a:not([class]), .descbox a, ol.notes a[class*="tumblelog"]{
|
|
padding-bottom:1px;
|
|
border-bottom:1px solid rgba({RGBcolor:accent},0.420);
|
|
}
|
|
|
|
.songtext a {
|
|
cursor:help;
|
|
padding-bottom:.5px;
|
|
border-bottom:1px solid rgba({RGBcolor:accent},0.25);
|
|
}
|
|
|
|
/*---- REBLOG HEAD ----*/
|
|
.reblog-wrap {
|
|
margin:0 calc(0px - var(--Post-Padding));
|
|
padding:0 var(--Post-Padding);
|
|
}
|
|
|
|
.reblog-wrap + .reblog-wrap {
|
|
margin-top:var(--Reblogs-Spacing);
|
|
padding-top:var(--Reblogs-Spacing);
|
|
border-top:1px solid var(--Reblogs-Border);
|
|
}
|
|
|
|
.reblog-head {
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.rbr-imgw {
|
|
position:relative;
|
|
width:var(--Reblogger-Avatar-Size);
|
|
height:var(--Reblogger-Avatar-Size);
|
|
border-radius:3px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.rbr-imgw:before {
|
|
content:"";
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:2;
|
|
}
|
|
|
|
[reblogger-filter='yes'] .rbr-imgw:before {
|
|
background:rgba({RGBcolor:post},0.420);
|
|
}
|
|
|
|
.rbr-imgw img {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
[reblogger-filter='yes'] .rbr-imgw img {
|
|
filter:contrast(150%) saturate(125%) brightness(115%);
|
|
}
|
|
|
|
.rbr-imgw + .reblog-url {
|
|
margin-left:var(--Reblogger-Avatar-Gap-Right);
|
|
}
|
|
|
|
.reblog-url, .reblog-url a {
|
|
font-family:lora;
|
|
font-size:calc(var(--Body-Font-Size) - 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
color:var(--Reblogger-Username-Color);
|
|
}
|
|
|
|
.reblog-url .deac {
|
|
margin-left:3px;
|
|
color:var(--Body-Text-Color);
|
|
}
|
|
|
|
.nosrc {
|
|
margin-bottom:var(--Reblogger-Avatar-Bottom-Gap);
|
|
}
|
|
|
|
.reblog-head + .reblog-comment {
|
|
margin-top:calc(0px - var(--Paragraph-Margins) + var(--Reblogger-Avatar-Bottom-Gap));
|
|
}
|
|
|
|
/*---- NPF... STUFF ----*/
|
|
figure[data-orig-src] + figure[data-orig-src]{
|
|
margin-top:var(--Photoset-Spacing);
|
|
}
|
|
|
|
.tmblr-full video {
|
|
cursor:pointer;
|
|
}
|
|
|
|
video::-webkit-media-controls-panel {
|
|
position:absolute;
|
|
bottom:0;
|
|
background:transparent!important;
|
|
width:100%;
|
|
box-sizing:border-box;
|
|
opacity:1!important;
|
|
}
|
|
|
|
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline {
|
|
display:none!important;
|
|
}
|
|
|
|
.npf-link-block {
|
|
margin-bottom:0;
|
|
border-color:{color:post borders inner}!important;
|
|
border-radius:0!important;
|
|
}
|
|
|
|
.npf-link-block + * {
|
|
margin-bottom:var(--Paragraph-Margins);
|
|
}
|
|
|
|
.npf-link-block a {
|
|
padding:0!important;
|
|
border:none!important;
|
|
}
|
|
|
|
.npf-link-block .title {
|
|
font-family:var(--Heading-Font-Family)!important;
|
|
font-size:calc(var(--Heading-Font-Size) + 4px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.5px;
|
|
color:{color:accent}!important;
|
|
line-height:1.7em!important;
|
|
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.npf-link-block .description {
|
|
font-family:var(--Heading-Font-Family)!important;
|
|
font-weight:bold;
|
|
font-size:var(--Heading-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:.5px;
|
|
color:{color:accent}!important;
|
|
line-height:1.7em!important;
|
|
}
|
|
|
|
.npf-link-block .site-name {
|
|
text-transform:initial!important;
|
|
font-family:var(--Body-Font-Family)!important;
|
|
font-weight:normal!important;
|
|
font-size:var(--Body-Font-Size)!important;
|
|
}
|
|
|
|
.npf-link-block .description + .site-name {
|
|
margin-top:-4px;
|
|
}
|
|
|
|
[post-type="text"] .source-head + .corps > .chatwrap:first-child,
|
|
[post-type="text"] .source-head + .corps > [data-npf*="audio"]:first-child {
|
|
margin-top:var(--Captions-Gap);
|
|
}
|
|
|
|
/*---- PHOTO POSTS ----*/
|
|
.nosrc + .single-photo .photopic {
|
|
margin-top:0;
|
|
}
|
|
|
|
.single-photo {
|
|
cursor:pointer;
|
|
}
|
|
|
|
.nosrc + .reblog-comment .photoset-grid {
|
|
margin-top:0!important;
|
|
}
|
|
|
|
[photoset-layout] {
|
|
grid-gap:var(--Photoset-Spacing);
|
|
}
|
|
|
|
[photoset-layout] div {
|
|
cursor:pointer;
|
|
backface-visibility:hidden;
|
|
}
|
|
|
|
.caption {
|
|
margin-top:var(--Captions-Gap);
|
|
}
|
|
|
|
/*----- LIGHTBOX BS -----*/
|
|
.tmblr-lightbox, #tumblr_lightbox {
|
|
background-color:rgba({RGBcolor:post},0.69)!important;
|
|
}
|
|
|
|
.tmblr-lightbox .vignette {
|
|
background-image:none!important;
|
|
}
|
|
|
|
#vignette {display:none!important}
|
|
|
|
.lightbox-image, #tumblr_lightbox_left_image, #tumblr_lightbox_center_image, #tumblr_lightbox_right_image {
|
|
}
|
|
|
|
.tmblr-lightbox img, #tumblr_lightbox img {
|
|
margin-top:calc(0px - var(--Post-Padding));
|
|
max-width:initial;
|
|
box-shadow:none!important;
|
|
border-radius:0px!important;
|
|
padding:var(--Post-Padding);
|
|
background:{color:post}!important;
|
|
border:1px solid {color:post borders outer}!important;
|
|
}
|
|
|
|
/*---- LINK POSTS ----*/
|
|
.linkpath {
|
|
display:flex;
|
|
align-items:center;
|
|
margin-top:calc(0px - var(--Post-Padding));
|
|
margin-left:calc(0px - var(--Post-Padding));
|
|
width:calc(100% + (var(--Post-Padding) * 2));
|
|
border-bottom:1px solid {color:post borders inner};
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:calc(var(--Heading-Font-Size) - 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.5px;
|
|
}
|
|
|
|
.linkpath [class^="ph"]{
|
|
display:block;
|
|
padding:var(--Post-Padding);
|
|
font-size:calc(var(--Reblogger-Avatar-Size) - 3px);
|
|
height:calc(var(--Reblogger-Avatar-Size) - 3px);
|
|
line-height:1em;
|
|
color:{color:accent};
|
|
}
|
|
|
|
.linkpath span {
|
|
display:block;
|
|
align-self:stretch;
|
|
display:grid;
|
|
align-items:center;
|
|
padding:var(--Post-Padding);
|
|
border-left:1px solid {color:post borders inner};
|
|
}
|
|
|
|
.linkpath + * {
|
|
margin-top:var(--Post-Padding);
|
|
}
|
|
|
|
* + .link-excerpt {
|
|
margin-top:var(--Post-Padding);
|
|
}
|
|
|
|
.link-excerpt {
|
|
padding:calc(var(--Post-Padding) - 2px) var(--Post-Padding);
|
|
border:1px solid {color:post borders inner};
|
|
}
|
|
|
|
.site-host {
|
|
font-family:var(--Heading-Font-Family);
|
|
letter-spacing:1px;
|
|
text-transform:uppercase;
|
|
font-size:calc(var(--Body-Font-Size) - 1.5px);
|
|
color:{color:accent};
|
|
}
|
|
|
|
.linkpath + .npf_inst {
|
|
margin-top:var(--Post-Padding);
|
|
}
|
|
|
|
.linkwrap + .link-description > .reblog-wrap:first-of-type {
|
|
margin-top:var(--Captions-Gap);
|
|
}
|
|
|
|
/*----- QUOTE POSTS -----*/
|
|
.quote-words {
|
|
padding:0 var(--Post-Padding);
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:var(--Quote-Font-Size);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
word-spacing:.3px;
|
|
text-align:center;
|
|
line-height:169%;
|
|
}
|
|
|
|
.quote-words + .quote-source {
|
|
margin-top:var(--Paragraph-Margins);
|
|
}
|
|
|
|
.quote-source {
|
|
text-align:center;
|
|
}
|
|
|
|
/*----- VIDEO POSTS -----*/
|
|
.nosrc + .tmblr-video {
|
|
margin-top:0!important;
|
|
}
|
|
|
|
.tmblr-video {
|
|
max-width:initial;
|
|
}
|
|
|
|
.tumblr_video_container, .tumblr_video_iframe {
|
|
width:100%!important;
|
|
}
|
|
|
|
/*---- CHAT POSTS ----*/
|
|
.chatwrap {
|
|
border:1px solid var(--Blockquote-Border-Color);
|
|
}
|
|
|
|
.chat_row {
|
|
position:relative;
|
|
display:table-row;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.chat_row:after {
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;left:0;
|
|
transform:translateY(-.5px);
|
|
width:100%;
|
|
height:1px;
|
|
background:var(--Blockquote-Border-Color);
|
|
}
|
|
|
|
.chatwrap .chat_row:last-child:after {
|
|
display:none;
|
|
}
|
|
|
|
.chat_label {
|
|
white-space:nowrap;
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:calc(var(--Body-Font-Size) - 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.5px;
|
|
}
|
|
|
|
.chat_content {
|
|
width:100%;
|
|
}
|
|
|
|
.chat_label, .chat_content {
|
|
display:table-cell;
|
|
padding:0.69em;
|
|
}
|
|
|
|
.chat_label + .chat_content {
|
|
border-left:1px solid var(--Blockquote-Border-Color);
|
|
}
|
|
|
|
/*---- AUDIO POSTS ----*/
|
|
.audio-post .npf_inst img {
|
|
width:100%;
|
|
}
|
|
|
|
.aud-emb {display:none}
|
|
|
|
.audiowrap, .npf-audio-wrapper {
|
|
display:flex;
|
|
align-items:center;
|
|
margin-top:calc(0px - var(--Post-Padding));
|
|
margin-left:calc(0px - var(--Post-Padding));
|
|
width:calc(100% + (var(--Post-Padding) * 2));
|
|
border-bottom:1px solid {color:post borders inner};
|
|
}
|
|
|
|
.audiowrap:only-child {
|
|
margin-bottom:calc(0px - var(--Post-Padding) - 1px);
|
|
}
|
|
|
|
p + .audiowrap {
|
|
margin-top:initial!important;
|
|
margin-left:initial!important;
|
|
width:initial!important;
|
|
border:1px solid {color:post borders inner};
|
|
}
|
|
|
|
p + .audiowrap:only-child {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.albumwrap {
|
|
position:relative;
|
|
width:var(--Audio-Post-Album-Size);
|
|
height:var(--Audio-Post-Album-Size);
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
border-right:1px solid {color:post borders inner};
|
|
}
|
|
|
|
.albumwrap[has-cover] .audplac {display:none}
|
|
|
|
.butts {
|
|
width:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
|
|
height:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
|
|
background:var(--Audio-Post-Buttons-Background);
|
|
border:1px solid {color:post borders inner};
|
|
border-radius:100%;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
cursor:pointer;
|
|
z-index:2;
|
|
}
|
|
|
|
.overplay, .overpause {
|
|
width:var(--Audio-Post-Buttons-Size);
|
|
height:var(--Audio-Post-Buttons-Size);
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-position:center;
|
|
background:var(--Audio-Post-Buttons-Color);
|
|
}
|
|
|
|
.overplay {
|
|
margin-left:2px;
|
|
-webkit-mask-image:var(--audioplay);
|
|
}
|
|
|
|
.overpause {
|
|
display:none;
|
|
-webkit-mask-image:var(--audiopause);
|
|
}
|
|
|
|
.ov-y {display:block}
|
|
.ov-z {display:none}
|
|
|
|
.audplac {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:var(--Audio-Post-Album-Size);
|
|
height:var(--Audio-Post-Album-Size);
|
|
background:var(--Audio-Post-Buttons-Background);
|
|
}
|
|
|
|
.albumwrap img {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.audiotxt {
|
|
flex:1;
|
|
height:var(--Audio-Post-Album-Size);
|
|
padding:var(--Audio-Post-Album-Right-Gap);
|
|
background:var(--Audio-Post-Info-Background);
|
|
display:flex;
|
|
align-items:center;
|
|
box-sizing:border-box;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
.odin > div + div {
|
|
margin-top:-4px;
|
|
}
|
|
|
|
.aud-song-name, .npf-audio-title {
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:calc(var(--Body-Font-Size) - 1px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.3px;
|
|
}
|
|
|
|
.aud-song-name[has-name] .untit {
|
|
display:none;
|
|
}
|
|
|
|
.aud-artist[has-artist] .unart {
|
|
display:none;
|
|
}
|
|
|
|
.aud-artist, .npf-audio-artist,
|
|
.aud-album-name, .npf-audio-album {
|
|
font-family:arapey;
|
|
letter-spacing:.5px;
|
|
word-spacing:-.5px;
|
|
}
|
|
|
|
.inari {
|
|
display:block;
|
|
padding:6px;
|
|
margin-right:-3px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.inari [class^="ph"]{
|
|
font-size:calc(var(--Audio-Post-Buttons-Size) + var(--Audio-Post-Buttons-Padding) - 3px);
|
|
color:var(--Audio-Post-Download-Color);
|
|
}
|
|
|
|
.inari, .inari * {
|
|
line-height:1;
|
|
}
|
|
|
|
iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
|
|
height:80px!important;
|
|
}
|
|
|
|
.tmblr-video iframe[src*='soundcloud.com']{
|
|
}
|
|
|
|
.audio-soundcloud {
|
|
max-height:113px;
|
|
border-radius:4px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.soundcloud_audio_player {
|
|
margin:-1px;
|
|
margin-bottom:0;
|
|
width:calc(100% + 2px);
|
|
max-width:initial;
|
|
}
|
|
|
|
.spotify_audio_player {
|
|
width:100%;
|
|
}
|
|
|
|
/*---- ASK/ANSWER POSTS ----*/
|
|
.answer-post .nosrc {
|
|
display:none;
|
|
}
|
|
|
|
.une_question {
|
|
}
|
|
|
|
.asker-person {
|
|
margin-top:calc(0px - var(--Post-Padding));
|
|
margin-left:calc(0px - var(--Post-Padding));
|
|
width:calc(100% + (var(--Post-Padding) * 2));
|
|
padding:var(--Post-Padding);
|
|
padding-bottom:0;
|
|
border-bottom:1px solid {color:post borders inner};
|
|
}
|
|
|
|
.asker-person [class^='ph-']{
|
|
margin-top:calc(0px - var(--Post-Padding));
|
|
margin-left:calc(0px - var(--Post-Padding));
|
|
padding:var(--Post-Padding);
|
|
border-right:1px solid {color:post borders inner};
|
|
margin-right:calc(var(--Post-Padding) - 2px);
|
|
font-size:var(--Reblogger-Avatar-Size);
|
|
color:{color:accent};
|
|
}
|
|
|
|
.asker-person .reblog-url {
|
|
display:block;
|
|
margin-top:calc(0px - var(--Post-Padding));
|
|
}
|
|
|
|
.answerer + * {
|
|
margin-top:var(--Captions-Gap);
|
|
}
|
|
|
|
.une_question + .une_reponse {
|
|
margin-top:var(--Paragraph-Margins);
|
|
}
|
|
|
|
/*---- TAGS SECTION ----*/
|
|
.tagsdiv[clicktags="yes"] {
|
|
{block:IndexPage}
|
|
display:none;
|
|
opacity:0;
|
|
transition:opacity 400ms ease-in-out;
|
|
{/block:IndexPage}
|
|
}
|
|
|
|
.tagsfade {
|
|
opacity:1!important;
|
|
}
|
|
|
|
.tagsin {
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
justify-content:flex-end;
|
|
margin:-5px;
|
|
margin-top:calc(var(--Captions-Gap) - 5px);
|
|
}
|
|
|
|
.tagsin a {
|
|
position:relative;
|
|
display:block;
|
|
margin:5px;
|
|
font-family:var(--Heading-Font-Family);
|
|
font-size:calc(var(--Body-Font-Size) - 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
}
|
|
|
|
.tagsin a:before {
|
|
content:"#";
|
|
font-family:work sans;
|
|
margin-right:.5px;
|
|
}
|
|
|
|
/*---- PERMALINK BAR ----*/
|
|
.permadiv {
|
|
margin-top:10px;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
padding:calc(var(--Post-Padding) - 2px) var(--Post-Padding);
|
|
background:{color:permalink background};
|
|
border:1px solid {color:permalink border};
|
|
line-height:1em;
|
|
}
|
|
|
|
.permaleft, .permaright {
|
|
display:flex;
|
|
align-items:center;
|
|
font-family:magical source;
|
|
font-size:calc(var(--Body-Font-Size) - 2.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:0.7px;
|
|
color:{color:permalink};
|
|
}
|
|
|
|
.permaleft a, .permaright a {
|
|
display:flex;
|
|
align-items:center;
|
|
color:{color:permalink};
|
|
}
|
|
|
|
.permaleft [class^="ph"]{
|
|
margin-right:5px;
|
|
font-size:calc(var(--Body-Font-Size) + 5px);
|
|
color:{color:permalink};
|
|
}
|
|
|
|
.permaright {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
}
|
|
|
|
.int-but {
|
|
display:block;
|
|
position:relative;
|
|
width:var(--Post-Buttons-Size);
|
|
height:var(--Post-Buttons-Size);
|
|
backface-visibility:hidden;
|
|
}
|
|
|
|
.permaright span {display:block}
|
|
|
|
.int-but + .int-but {
|
|
margin-left:var(--Post-Buttons-Spacing);
|
|
}
|
|
|
|
.permaright[clicktags="no"] .clicktags {
|
|
display:none;
|
|
}
|
|
|
|
.hash, .rb_icon, .like_icon {
|
|
width:var(--Post-Buttons-Size);
|
|
height:var(--Post-Buttons-Size);
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-position:center;
|
|
background:var(--Post-Buttons-Color);
|
|
}
|
|
|
|
.hash {
|
|
margin-top:.5px;
|
|
-webkit-mask-image:var(--hashtag);
|
|
cursor:help;
|
|
}
|
|
|
|
.rb_icon {
|
|
-webkit-mask-image:var(--rb-icon);
|
|
transform:scaleX(1.1);
|
|
}
|
|
|
|
.like_icon {
|
|
-webkit-mask-image:var(--like-icon);
|
|
}
|
|
|
|
.like_button {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:2;
|
|
}
|
|
|
|
.like_button iframe {
|
|
width:100%;
|
|
height:100%;
|
|
vertical-align:initial;
|
|
opacity:0;
|
|
}
|
|
|
|
.like_button.liked + .like_icon {
|
|
background:var(--Like-Button-Liked);
|
|
}
|
|
|
|
/*---- POST NOTES ----*/
|
|
.notescont {
|
|
margin-top:var(--Post-Spacing);
|
|
width:var(--Post-Width);
|
|
padding:var(--Post-Padding);
|
|
background:{color:post};
|
|
margin-bottom:var(--Window-Margin);
|
|
}
|
|
|
|
.notescont h1 {
|
|
margin-top:calc(var(--Post-Padding) / 2);
|
|
font-family:magical source;
|
|
font-weight:normal;
|
|
text-align:center;
|
|
}
|
|
|
|
.notescont ol.notes {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.notescont li {
|
|
position:relative;
|
|
list-style-type:none;
|
|
}
|
|
|
|
.notescont li.like:before {
|
|
content:"\f460"; /* .ph-heart::before */
|
|
vertical-align:middle;
|
|
font-family:"Phosphor"!important;
|
|
font-size:calc(var(--Body-Font-Size) + 2px);
|
|
}
|
|
|
|
.notescont li.reblog:before {
|
|
content:"\f57d"; /* .ph-shuffle-angular::before */
|
|
vertical-align:middle;
|
|
font-family:"Phosphor"!important;
|
|
font-size:calc(var(--Body-Font-Size) + 2px);
|
|
}
|
|
|
|
.notescont li.with_commentary:before,
|
|
.notescont li.reply:before,
|
|
.notescont li.original_post:before {
|
|
content:"\f332"!important; /* ph-chat-centered-text::before */
|
|
vertical-align:middle;
|
|
font-family:"Phosphor"!important;
|
|
font-size:calc(var(--Body-Font-Size) + 2px);
|
|
}
|
|
|
|
.notescont li + li {
|
|
margin-top:var(--Notes-Row-Spacing);
|
|
}
|
|
|
|
.notescont .avatar {
|
|
display:none;
|
|
}
|
|
|
|
.notescont .avatar_frame + .action {
|
|
margin-left:var(--Notes-User-Avatar-Gap-Right);
|
|
}
|
|
|
|
.notescont .action a {
|
|
font-family:lora;
|
|
font-size:calc(var(--Body-Font-Size) - 2.5px);
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
}
|
|
|
|
.notescont blockquote {
|
|
margin-left:calc(var(--Notes-User-Avatar-Size) / 2);
|
|
padding-left:calc((var(--Notes-User-Avatar-Size) / 2) + var(--Notes-User-Avatar-Gap-Right));
|
|
}
|
|
|
|
.more_notes_link_container {
|
|
margin-top:var(--Captions-Gap)!important;
|
|
margin-bottom:calc(var(--Paragraph-Margins) / 2);
|
|
}
|
|
|
|
.more_notes_link {
|
|
font-family:var(--Heading-Font-Family);
|
|
text-transform:uppercase;
|
|
letter-spacing:.5px;
|
|
}
|
|
|
|
/*-------------- PAGINATION --------------*/
|
|
.botpagi {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px);
|
|
margin-top:var(--Post-Spacing);
|
|
margin-bottom:calc(var(--Window-Margin) - 10px);
|
|
line-height:1em;
|
|
}
|
|
|
|
.botpagi a {
|
|
padding:0.69em;
|
|
margin:-0.69em;
|
|
color:var(--Pagination-Color)!important;
|
|
}
|
|
|
|
.botpagi span {
|
|
padding:0 4px;
|
|
font-family:magical source;
|
|
font-size:calc(var(--Body-Font-Size) - 2px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.7px;
|
|
}
|
|
|
|
.prev-svg {
|
|
margin-top:-.5px;
|
|
width:calc(var(--Body-Font-Size) + 3px);
|
|
height:calc(var(--Body-Font-Size) + 3px);
|
|
-webkit-mask-image:var(--BackSVG);
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
background:var(--Pagination-Color)
|
|
}
|
|
|
|
.next-svg {
|
|
margin-top:-.5px;
|
|
width:calc(var(--Body-Font-Size) + 3px);
|
|
height:calc(var(--Body-Font-Size) + 3px);
|
|
-webkit-mask-image:var(--NextSVG);
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
background:var(--Pagination-Color)
|
|
}
|
|
|
|
.pn {
|
|
margin-left:auto!important;
|
|
}
|
|
|
|
/*--- MUSIC PLAYER ---*/
|
|
.mplayer {
|
|
position:fixed;
|
|
bottom:0;margin-bottom:12px;
|
|
left:0;margin-left:40px;
|
|
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-family:var(--Heading-Font-Family);
|
|
font-size:calc(var(--Body-Font-Size) - 3px);
|
|
text-transform:uppercase;
|
|
letter-spacing:.5px;
|
|
color:var(--MusicPlayer-Text-Color);
|
|
}
|
|
|
|
.pausee {display:none;}
|
|
|
|
.beff {display:none;}
|
|
.aff {display:block;}
|
|
|
|
/*---- LOADING SCREEN ----*/
|
|
[ls="off"] .overload {
|
|
display:none;
|
|
}
|
|
|
|
.overload {
|
|
position:fixed;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
opacity:1;
|
|
z-index:4;
|
|
}
|
|
|
|
.fadechicken {
|
|
animation:fadechicken 0.269s ease-in-out;
|
|
opacity:0;
|
|
}
|
|
|
|
@keyframes fadechicken {
|
|
from {
|
|
opacity:1;
|
|
}
|
|
|
|
to {
|
|
opacity:0;
|
|
}
|
|
}
|
|
|
|
.overint {
|
|
position:absolute;
|
|
top:0;left:0;
|
|
width:100%;
|
|
height:100%;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
}
|
|
|
|
.sigcont {
|
|
position:relative;
|
|
width:30vw;
|
|
height:30vw;
|
|
max-width:269px;
|
|
max-height:269px;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
}
|
|
|
|
.sigil-ph {
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--pandorasigil);
|
|
background:{color:loading screen symbol};
|
|
animation:sablier 0.5s ease-in-out;
|
|
opacity:1;
|
|
}
|
|
|
|
@keyframes sablier {
|
|
from {
|
|
width:25vw;
|
|
height:25vw;
|
|
max-width:calc(269px * 0.8);
|
|
max-height:calc(269px * 0.8);
|
|
opacity:0;
|
|
}
|
|
|
|
to {
|
|
width:100%;
|
|
height:100%;
|
|
opacity:1;
|
|
}
|
|
}
|
|
|
|
.sighand {
|
|
position:absolute;
|
|
margin-top:-8.3%;
|
|
margin-left:-.69%;
|
|
width:10%;
|
|
height:69%;
|
|
-webkit-mask-repeat:no-repeat;
|
|
-webkit-mask-size:contain;
|
|
-webkit-mask-position:center;
|
|
-webkit-mask-image:var(--pandorahand);
|
|
background:{color:loading screen symbol hand};
|
|
transform-origin:50% 58.22368421052632%;
|
|
animation:hell 2s 0.5s ease-in-out;
|
|
z-index:2;
|
|
}
|
|
|
|
@keyframes hell {
|
|
from {
|
|
transform:rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform:rotate(360deg);
|
|
}
|
|
}
|
|
|
|
{CustomCSS}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<!--------------------------------------------------->
|
|
|
|
<body>
|
|
|
|
<div class="overload">
|
|
<div class="overint">
|
|
<div class="sigcont">
|
|
<div class="sigil-ph"></div>
|
|
<div class="sighand"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="thingleft"></div>
|
|
|
|
{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="tout">
|
|
|
|
<div class="bigcont">
|
|
|
|
<div class="sidecont">
|
|
<div class="scone">
|
|
<div class="titwrap">
|
|
<div class="longue">
|
|
<div class="crown-abs"></div>
|
|
<div class="doz"></div>
|
|
<div class="rectang">
|
|
{block:ifsidebartitle}
|
|
<div class="stit">{text:sidebar title}</div>
|
|
{/block:ifsidebartitle}
|
|
|
|
{block:ifnotsidebartitle}
|
|
<div class="stit">{Title}</div>
|
|
{/block:ifnotsidebartitle}
|
|
</div>
|
|
<div class="recback"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="despair">
|
|
<div class="sidehoe">
|
|
<div class="livid">
|
|
<!----- DIAMOND NAVLINKS (LEFT) ----->
|
|
<!-- PLEASE DO NOT ADD OR REMOVE ANY LINKS -->
|
|
<!-- must be 4 in total, no more no less -->
|
|
|
|
<a class="un-lyn" href="/" title="home">
|
|
<div class="hex-bg"></div>
|
|
<div class="hex-fg"></div>
|
|
|
|
<div class="spectre">
|
|
<i class="ph-house-light"></i>
|
|
</div>
|
|
</a><!--un-lyn-->
|
|
|
|
|
|
<a class="un-lyn" href="/ask" title="askbox">
|
|
<div class="hex-bg"></div>
|
|
<div class="hex-fg"></div>
|
|
|
|
<div class="spectre">
|
|
<i class="ph-envelope-light"></i>
|
|
</div>
|
|
</a><!--un-lyn-->
|
|
|
|
|
|
<a class="un-lyn" href="/archive" title="archive">
|
|
<div class="hex-bg"></div>
|
|
<div class="hex-fg"></div>
|
|
|
|
<div class="spectre">
|
|
<i class="ph-squares-four-light"></i>
|
|
</div>
|
|
</a><!--un-lyn-->
|
|
|
|
|
|
<!-- pls do not delete the credit thank you :') -->
|
|
<a class="un-lyn" href="//glenthemes.tumblr.com" title="theme by glenthemes">
|
|
<div class="hex-bg"></div>
|
|
<div class="hex-fg"></div>
|
|
|
|
<div class="spectre">
|
|
<div class="tresglen"></div>
|
|
</div>
|
|
</a><!--un-lyn-->
|
|
</div><!--livid-->
|
|
</div><!--sidehoe-->
|
|
|
|
<div class="leafcont">
|
|
<div class="leaf-fg"></div>
|
|
<div class="leaves-inside"></div>
|
|
<div class="leaves-outside"></div>
|
|
|
|
<div class="coport">
|
|
<div class="corcle">
|
|
<div class="doomie"></div>
|
|
<div class="fig-light"></div>
|
|
<div class="fig-back"></div>
|
|
<div class="fig-shad"></div>
|
|
</div>
|
|
</div>
|
|
</div><!--leafcont-->
|
|
</div><!--despair-->
|
|
|
|
<div class="deskarea">
|
|
<div class="miel">
|
|
|
|
{block:Description}
|
|
<div class="dt">
|
|
<div class="desctri-a"></div>
|
|
<div class="desctri-b"></div>
|
|
</div>
|
|
|
|
<div class="db-out">
|
|
<div class="descbox">
|
|
{Description}
|
|
</div>
|
|
</div>
|
|
{/block:Description}
|
|
|
|
<div class="custard">
|
|
<div class="creme">
|
|
{block:ifcustomlink1name}
|
|
<a class="un-custo" href="{text:customlink 1 url}">
|
|
<span>
|
|
<span>{text:customlink 1 name}</span>
|
|
</span>
|
|
</a>
|
|
{block:ifcustomlink1name}
|
|
|
|
{block:ifcustomlink2name}
|
|
<a class="un-custo" href="{text:customlink 2 url}">
|
|
<span>
|
|
<span>{text:customlink 2 name}</span>
|
|
</span>
|
|
</a>
|
|
{block:ifcustomlink2name}
|
|
|
|
{block:ifcustomlink3name}
|
|
<a class="un-custo" href="{text:customlink 3 url}">
|
|
<span>
|
|
<span>{text:customlink 3 name}</span>
|
|
</span>
|
|
</a>
|
|
{block:ifcustomlink3name}
|
|
|
|
{block:ifcustomlink4name}
|
|
<a class="un-custo" href="{text:customlink 4 url}">
|
|
<span>
|
|
<span>{text:customlink 4 name}</span>
|
|
</span>
|
|
</a>
|
|
{block:ifcustomlink4name}
|
|
|
|
{block:ifcustomlink5name}
|
|
<a class="un-custo" href="{text:customlink 5 url}">
|
|
<span>
|
|
<span>{text:customlink 5 name}</span>
|
|
</span>
|
|
</a>
|
|
{block:ifcustomlink5name}
|
|
|
|
{block:ifcustomlink6name}
|
|
<a class="un-custo" href="{text:customlink 6 url}">
|
|
<span>
|
|
<span>{text:customlink 6 name}</span>
|
|
</span>
|
|
</a>
|
|
{block:ifcustomlink6name}
|
|
</div><!--creme-->
|
|
</div><!--custard-->
|
|
</div><!--miel-->
|
|
</div><!--deskarea-->
|
|
</div><!--scone-->
|
|
</div><!--end sidebar-->
|
|
|
|
<div class="postscont" reblogger-filter="{select:reblogger avatar filter}">
|
|
|
|
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
|
|
<div class="onepost {PostType}-post" id="{PostID}" post-type="{PostType}">
|
|
<div class="cartel">
|
|
|
|
<div class="postinner">
|
|
|
|
{block:RebloggedFrom}
|
|
<div class="reblog-head nosrc">
|
|
<div class="rbr-imgw">
|
|
<img src="{ReblogRootPortraitURL-64}">
|
|
</div>
|
|
<span class="reblog-url">
|
|
<a href="{ReblogRootURL}">{ReblogRootName}</a>
|
|
</span>
|
|
</div>
|
|
{/block:RebloggedFrom}
|
|
|
|
<!------ POST TITLE ------>
|
|
{block:Title}
|
|
<h1 class="post-title">{Title}</h1>
|
|
{/block:Title}
|
|
|
|
<!------ TEXT POSTS ------>
|
|
{block:Text}
|
|
{block:NotReblog}
|
|
<div class="corps">{Body}</div>
|
|
{/block:NotReblog}
|
|
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="reblog-wrap">
|
|
<div class="reblog-head source-head">
|
|
<div class="rbr-imgw">
|
|
<img src="{PortraitURL-64}">
|
|
</div>
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Username}</a>
|
|
</span>
|
|
</div>
|
|
<div class="reblog-comment corps">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
{/block:Text}
|
|
|
|
|
|
<!------ SINGLE PHOTO ------>
|
|
{block:Photo}
|
|
<a class="single-photo" onclick="Tumblr.Lightbox.init([{ width:{PhotoWidth-HighRes}, height:{PhotoHeight-HighRes}, low_res:'{PhotoURL-500}', high_res:'{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="photopic" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
|
|
{/block:Photo}
|
|
|
|
|
|
|
|
|
|
<!------ PHOTOSETS ------>
|
|
{block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
|
|
|
|
|
|
|
|
<!------ QUOTE POSTS ------>
|
|
{block:Quote}
|
|
<div class="quote-words">{Quote}</div>
|
|
{block:Source}
|
|
<div class="quote-source corps">
|
|
<span>—</span>
|
|
{Source}
|
|
</div>{/block:Source}
|
|
{/block:Quote}
|
|
|
|
|
|
<!------ LINK POSTS ------>
|
|
{block:Link}
|
|
<div class="linkwrap">
|
|
<a href="{URL}" class="linkpath {block:Description}has-desc{/block:Description}" {Target}>
|
|
<i class="ph-globe-light"></i>
|
|
<span>{Name}</span>
|
|
</a>
|
|
|
|
{block:Thumbnail}
|
|
<div class="tmblr-full">
|
|
<img class="site-img" src="{Thumbnail-HighRes}">
|
|
</div>
|
|
{/block:Thumbnail}
|
|
|
|
{block:Excerpt}
|
|
<div class="link-excerpt">{Excerpt} — <span class="site-host">{Host}</span></div>
|
|
{/block:Excerpt}
|
|
</div><!--linkwrap-->
|
|
|
|
{block:Description}
|
|
<div class="link-description">
|
|
{block:NotReblog}
|
|
<div class="corps">{Description}</div>
|
|
{/block:NotReblog}
|
|
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="reblog-wrap">
|
|
<div class="reblog-head">
|
|
<div class="rbr-imgw">
|
|
<img src="{PortraitURL-64}">
|
|
</div>
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Username}</a>
|
|
</span>
|
|
</div>
|
|
<div class="reblog-comment corps">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
</div><!--link-desc-->
|
|
{/block:Description}
|
|
{/block:Link}
|
|
|
|
|
|
<!------ CHAT POSTS ------>
|
|
{block:Chat}
|
|
{block:Lines}
|
|
<div class="chat_row">
|
|
{block:Label}
|
|
<div class="chat_label">{Label}</div>
|
|
{/block:Label}
|
|
|
|
<div class="chat_content">
|
|
{Line}
|
|
</div>
|
|
</div>
|
|
{/block:Lines}
|
|
{/block:Chat}
|
|
|
|
|
|
|
|
<!------ AUDIO POSTS ------>
|
|
{block:Audio}
|
|
<div class="audiowrap">
|
|
{block:AudioPlayer}
|
|
<div class="aud-emb">
|
|
{AudioPlayer}
|
|
</div>
|
|
{/block:AudioPlayer}
|
|
|
|
<div class="albumwrap" {block:AlbumArt}has-cover{/block:AlbumArt}>
|
|
{block:AlbumArt}
|
|
<img src="{AlbumArtURL}">
|
|
{/block:AlbumArt}
|
|
|
|
<div class="audplac"></div>
|
|
|
|
<div class="butts">
|
|
<div class="overplay"></div>
|
|
<div class="overpause"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="audiotxt">
|
|
<div class="odin">
|
|
|
|
<div class="aud-song-name" {block:TrackName}has-name{/block:TrackName}>
|
|
<div class="untit">Untitled track</div>
|
|
|
|
{block:TrackName}
|
|
<div class="hastit">{TrackName}</div>
|
|
{/block:TrackName}
|
|
</div>
|
|
|
|
{block:Album}
|
|
<div class="aud-album-name">{Album}</div>
|
|
{/block:Album}
|
|
|
|
<div class="aud-artist" {block:Artist}has-artist{/block:Artist}>
|
|
<div class="unart">Unknown artist</div>
|
|
|
|
{block:Artist}
|
|
<div class="hasart">{Artist}</div>
|
|
{/block:Artist}
|
|
</div>
|
|
</div><!--odin-->
|
|
|
|
<a class="inari" title="download" target="_blank">
|
|
<i class="ph-download-simple"></i>
|
|
</a>
|
|
</div><!--audiotxt-->
|
|
</div><!--audiowrap-->
|
|
{/block:Audio}
|
|
|
|
|
|
<!------ VIDEO POSTS ------>
|
|
{block:Video}
|
|
<div class="tmblr-video">{Video-500}</div>
|
|
{/block:Video}
|
|
|
|
|
|
<!------ ANSWER POSTS ------>
|
|
{block:Answer}
|
|
<!-- who asked? -->
|
|
<div class="reblog-wrap une_question">
|
|
<div class="asker-person reblog-head">
|
|
<i class="ph-envelope-light"></i>
|
|
|
|
<span class="reblog-url">{Asker} asked:</span>
|
|
</div>
|
|
|
|
<p class="question_text">{Question}</p>
|
|
</div>
|
|
|
|
<!--------------------------------------->
|
|
|
|
<!-- who answered? -->
|
|
{block:Answerer}
|
|
<div class="reblog-wrap une_reponse">
|
|
<div class="answerer reblog-head">
|
|
<div class="rbr-imgw">
|
|
<img src="{AnswererPortraitURL-64}">
|
|
</div>
|
|
<span class="reblog-url">{Answerer} answered:</span>
|
|
</div>
|
|
<p class="answer_text corps">{Answer}</p>
|
|
</div>
|
|
|
|
<!-- additional reblogs to the ask post -->
|
|
{block:Reblogs}
|
|
<div class="reblog-wrap reply_container">
|
|
<div class="replier reblog-head">
|
|
<div class="rbr-imgw">
|
|
<img src="{PortraitURL-64}">
|
|
</div>
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Username}</a>
|
|
</span>
|
|
</div>
|
|
<div class="reply corps">{Body}</div>
|
|
</div>
|
|
{/block:Reblogs}
|
|
{/block:Answerer}
|
|
|
|
<!--------------------------------------->
|
|
|
|
<!-- original answer post -->
|
|
{block:NotReblog}
|
|
<div class="reblog-wrap une-reponse">
|
|
<div class="answerer reblog-head">
|
|
<div class="rbr-imgw">
|
|
<img src="{PortraitURL-64}">
|
|
</div>
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Name}</a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="answer_text corps">{Answer}</div>
|
|
</div><!--answer-container-->
|
|
{/block:NotReblog}
|
|
{/block:Answer}
|
|
<!------ END ANSWER ------>
|
|
|
|
<!------ 'CAPTION'? ------>
|
|
{block:Caption}
|
|
<div class="caption">
|
|
{block:NotReblog}
|
|
<div class="corps">{Caption}</div>
|
|
{/block:NotReblog}
|
|
|
|
{block:RebloggedFrom}
|
|
{block:Reblogs}
|
|
<div class="reblog-wrap">
|
|
<div class="reblog-head">
|
|
<div class="rbr-imgw">
|
|
<img src="{PortraitURL-64}">
|
|
</div>
|
|
<span class="reblog-url">
|
|
<a href="{Permalink}">{Username}</a>
|
|
</span>
|
|
</div><!--reblog-head-->
|
|
<div class="reblog-comment corps">{Body}</div>
|
|
</div><!--comment-container-->
|
|
{/block:Reblogs}
|
|
{/block:RebloggedFrom}
|
|
</div><!--caption-->
|
|
{/block:Caption}
|
|
</div><!--postinner-->
|
|
|
|
<!------ TAGS ------>
|
|
{block:HasTags}
|
|
<div class="tagsdiv" clicktags="{select:click tags}">
|
|
<div class="tagsin">
|
|
{block:Tags}
|
|
<a href="{TagURL}">{Tag}</a>
|
|
{/block:Tags}
|
|
</div>
|
|
</div>
|
|
{/block:HasTags}
|
|
</div><!--posts-->
|
|
|
|
<!------ PERMALINK BAR ------>
|
|
{block:Date}
|
|
<div class="permadiv">
|
|
<div class="permaleft">
|
|
<a href="{Permalink}">
|
|
<i class="ph-note-light"></i>
|
|
{block:IndexPage}
|
|
{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} 
|
|
{TimeAgo} 
|
|
{NoteCountWithLabel}
|
|
{block:PinnedPostLabel} Pinned Post{/block:PinnedPostLabel}
|
|
{/block:IndexPage}
|
|
|
|
{block:PermalinkPage}
|
|
{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year} 
|
|
{TimeAgo} 
|
|
{NouteCountWithLabel}
|
|
{/block:PermalinkPage}
|
|
</a>
|
|
</div>
|
|
|
|
{block:IndexPage}
|
|
<div class="permaright" clicktags="{select:click tags}">
|
|
{block:HasTags}
|
|
<a class="clicktags int-but">
|
|
<span class="hash"></span>
|
|
</a>
|
|
{/block:HasTags}
|
|
|
|
|
|
<a class="int-but" href="{ReblogURL}" title="reblog this post">
|
|
<span class="rb_icon"></span>
|
|
</a>
|
|
|
|
<a class="int-but" title="like this post">
|
|
{LikeButton}
|
|
<span class="like_icon"></span>
|
|
</a>
|
|
</div>
|
|
{block:IndexPage}
|
|
|
|
|
|
{block:PermalinkPage}
|
|
<div class="permaright">
|
|
{block:NotReblog}
|
|
original post
|
|
{/block:NotReblog}
|
|
|
|
{block:RebloggedFrom}
|
|
<a href="{ReblogParentURL}" title="@{ReblogParentName}">via</a>
|
|
 / 
|
|
<a href="{ReblogRootURL}" title="@{ReblogRootName}">source</a>
|
|
{/block:RebloggedFrom}
|
|
</div>
|
|
{/block:PermalinkPage}
|
|
</div><!--permadiv-->
|
|
{/block:Date}
|
|
|
|
</div><!--onepost-->
|
|
|
|
<!------ POST NOTES ------>
|
|
{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><!--bigcont-->
|
|
|
|
</div><!--tout-->
|
|
|
|
<script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
|
|
|
|
</body>
|
|
</html> |