2833 lines
79 KiB
Plaintext
2833 lines
79 KiB
Plaintext
<!----------------------------------------------------
|
||
Theme [01]: Black Rabbit
|
||
Made by glenthemes
|
||
|
||
Initial release: 2015/07/17
|
||
Rework date: 2021/09/22
|
||
Last updated: 2023/08/15
|
||
|
||
What's new:
|
||
✱ 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 themes together.
|
||
|
||
CREDITS:
|
||
₍ᐢ.ˬ.ᐢ₎♡ ~ glencredits.tumblr.com/black-rabbit
|
||
----------------------------------------------------->
|
||
<!DOCTYPE html>
|
||
<html font="{select:font}" tumblr-controls="{select:tumblr controls color}" bg-type="{select:background image type}" portrait="{PortraitURL-64}">
|
||
|
||
<head>
|
||
|
||
<title>{Title}</title>
|
||
<link rel="shortcut icon" href="{Favicon}">
|
||
|
||
<!-------- FONTS -------->
|
||
<!-- google fonts -->
|
||
<link href="//fonts.googleapis.com/css?family=Work+Sans|Public+Sans|Cousine|Libre+Franklin|Open+Sans|Manrope:500|Karla|Archivo|Krub:500" rel="stylesheet">
|
||
|
||
<!-- caslon fs -->
|
||
<link rel="stylesheet" href="//assets.tumblr.com/fonts/caslonfs/stylesheet.css">
|
||
|
||
<!-------- ICON FONTS -------->
|
||
<!-- phosphor icons -->
|
||
<link rel="stylesheet" href="//unpkg.com/phosphor-icons@1.3.2/src/css/phosphor.css">
|
||
|
||
<!-- cappucicons -->
|
||
<link href="//static.tumblr.com/gtjt4bo/tQkr83ou4/cappuccicons.css" rel="stylesheet">
|
||
|
||
<!-------- JQUERY -------->
|
||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
||
|
||
<!-------- THEME SCRIPTS -------->
|
||
<link rel="stylesheet" media="screen" href="https://assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
|
||
<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="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
|
||
<script src="//glen-themes.gitlab.io/thms/01/103-bones.js"></script>
|
||
<script src="//glen-themes.gitlab.io/thms/01/more-bones.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: {select:font size};
|
||
|
||
--Poll-Option-Background-Color: {color:special background};
|
||
--Poll-Option-Corner-Rounding: 3px;
|
||
--Poll-Option-Border-Size: 2px;
|
||
--Poll-Option-Border-Color: {color:special border};
|
||
--Poll-Option-Padding: 10px;
|
||
--Poll-Option-Font-Size: {select:font size};
|
||
--Poll-Option-Spacing: 10px;
|
||
--Poll-Option-Text-Color: {color:special text};
|
||
|
||
--Poll-Option-HOVER-Border-Color: {color:special border};
|
||
--Poll-Option-HOVER-Background-Color: rgba({RGBcolor:special border},0.69);
|
||
--Poll-Option-HOVER-Text-Color: {color:special text};
|
||
--Poll-Option-HOVER-Speed: 0.4s;
|
||
}
|
||
|
||
.poll-see-results {
|
||
padding-bottom:0!important;
|
||
border-bottom:none!important;
|
||
font-size:calc(var(--Poll-Option-Font-Size) - 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;
|
||
background:{color:special background};
|
||
z-index:0;
|
||
}
|
||
|
||
.npf-audio-background {
|
||
margin-left:var(--p);
|
||
}
|
||
|
||
.npf-audio-play, .npf-audio-pause {
|
||
position:relative;
|
||
z-index:0;
|
||
}
|
||
|
||
.npf-audio-play:after, .npf-audio-pause:after {
|
||
content:"";
|
||
position:absolute;
|
||
top:0;left:0;
|
||
margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
||
margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
|
||
width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
||
height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
|
||
background:var(--Audio-Post-Buttons-Background);
|
||
border-radius:100%;
|
||
z-index:-1;
|
||
}
|
||
|
||
.npf-audio-play svg { margin-left:1px; }
|
||
.npf-audio-pause svg { margin-left:0; }
|
||
|
||
figcaption.audio-caption,
|
||
figcaption.audio-caption ~ audio[controls]{
|
||
display:none;
|
||
}
|
||
|
||
.npf-audio-image {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
z-index:-1;
|
||
}
|
||
|
||
.npf-audio-details {
|
||
color:{color:special text};
|
||
}
|
||
|
||
.npf-audio-details > * + * {
|
||
margin-top:-1px;
|
||
}
|
||
|
||
.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">
|
||
|
||
<!-------- CUSTOMIZE PANEL OPTIONS -------->
|
||
<!-- hi if you're reading this click the back arrow to edit! -->
|
||
<meta name="image:background image" content="//64.media.tumblr.com/17af9b9ce38cc88e7772c475503b98e8/b866213a74f6457d-b0/s2048x3072/a0f04883bd78b573040e1fa5af70c1e03a60a3af.png">
|
||
<meta name="image:header icon" content="//64.media.tumblr.com/9f1bb6e40fc48965e510b351f3129988/b866213a74f6457d-d4/s2048x3072/ea83706acf79c8c10422f36fd35dac8adcc26cef.png">
|
||
<meta name="image:header banner" content="//64.media.tumblr.com/62a7a59417a2ca2cfbed8d7c15a62129/b866213a74f6457d-f4/s2048x3072/fef9bcb7f45d00497ed2c551a1a4a494fba5eab9.png">
|
||
<meta name="image:sidebar image" content="//64.media.tumblr.com/3b19e4b22d1a0397db5220d517538a94/b866213a74f6457d-fe/s2048x3072/37d38fa0a6003b8f314a947e839f2217814b3b10.png">
|
||
<meta name="image:sidebar icon" content="//64.media.tumblr.com/058e2ad337587b6ac6b50f9989f67f8a/b866213a74f6457d-2e/s2048x3072/d4c58e813c6db6351d15a01d17c8771459e5d920.png">
|
||
|
||
<meta name="color:background" content="#f9f9f9">
|
||
|
||
<meta name="color:header overlay" content="#fff">
|
||
<meta name="color:header icon border" content="#eee">
|
||
<meta name="color:header desc background" content="#fff">
|
||
<meta name="color:header desc text" content="#777">
|
||
<meta name="color:header desc accent" content="#222">
|
||
<meta name="color:header desc border" content="#f3f3f3">
|
||
|
||
<meta name="color:circle links background" content="#f5f5f5">
|
||
<meta name="color:circle links border" content="#d5d5d5">
|
||
<meta name="color:circle links icon" content="#666">
|
||
|
||
<meta name="color:circle links hover background" content="#282828">
|
||
<meta name="color:circle links hover border" content="#d5d5d5">
|
||
<meta name="color:circle links hover icon" content="#e4e4e4">
|
||
|
||
<meta name="color:header background" content="#fcfcfc">
|
||
|
||
<meta name="color:header title background" content="#f7f7f7">
|
||
<meta name="color:header title" content="#444">
|
||
<meta name="color:header title border" content="#e9e9e9">
|
||
|
||
<meta name="color:container background" content="#fefefe">
|
||
<meta name="color:container shadow" content="#5a5a5a">
|
||
|
||
<meta name="color:sidebar image background" content="#fdfdfd">
|
||
<meta name="color:sidebar image border" content="#f2f2f2">
|
||
<meta name="color:sidebar icon border" content="#f2f2f2">
|
||
<meta name="color:sidebar icon background" content="#fefefe">
|
||
|
||
<meta name="color:customlinks background" content="#f9f9f9">
|
||
<meta name="color:customlinks border" content="#f4f4f4">
|
||
<meta name="color:customlinks text" content="#666">
|
||
<meta name="color:customlinks hover background" content="#282828">
|
||
<meta name="color:customlinks hover border" content="#d5d5d5">
|
||
<meta name="color:customlinks hover text" content="#e4e4e4">
|
||
|
||
<meta name="color:post" content="#fff">
|
||
<meta name="color:text" content="#444">
|
||
<meta name="color:special background" content="#fafafa">
|
||
<meta name="color:special text" content="#222">
|
||
<meta name="color:special border" content="#e9e9e9">
|
||
<meta name="color:link" content="#b99c86">
|
||
<meta name="color:post borders outer" content="#eee">
|
||
<meta name="color:post borders inner" content="#f2f2f2">
|
||
<meta name="color:reblogger" content="#222">
|
||
|
||
<meta name="color:permalink" content="#222">
|
||
<meta name="color:permalink background" content="#fbfbfb">
|
||
<meta name="color:permalink border" content="#eee">
|
||
<meta name="color:tags" content="#333">
|
||
<meta name="color:post buttons" content="#444">
|
||
<meta name="color:like button liked" content="#ff8b7c">
|
||
|
||
<meta name="color:scrollbar" content="#999">
|
||
<meta name="color:scrollbar background" content="#f6f6f6">
|
||
|
||
<meta name="color:text selection background" content="#dfeaf8">
|
||
<meta name="color:text selected" content="#222">
|
||
|
||
<meta name="select:background image type" title="small" content="repeat">
|
||
<meta name="select:background image type" title="large" content="full">
|
||
|
||
<meta name="select:-------------------">
|
||
|
||
<meta name="select:header height" title="300px" content="300px">
|
||
<meta name="select:header height" title="250px" content="250px">
|
||
<meta name="select:header height" title="325px" content="325px">
|
||
<meta name="select:header height" title="350px" content="350px">
|
||
<meta name="select:header height" title="375px" content="375px">
|
||
<meta name="select:header height" title="400px" content="400px">
|
||
<meta name="select:header height" title="425px" content="425px">
|
||
|
||
<meta name="select:header overlay width" title="40%" content="40%">
|
||
<meta name="select:header overlay width" title="25%" content="25%">
|
||
<meta name="select:header overlay width" title="30%" content="30%">
|
||
<meta name="select:header overlay width" title="35%" content="35%">
|
||
<meta name="select:header overlay width" title="45%" content="45%">
|
||
<meta name="select:header overlay width" title="50%" content="50%">
|
||
|
||
<meta name="select:header overlay transparency" title="60%" content="60%">
|
||
<meta name="select:header overlay transparency" title="0%" content="0%">
|
||
<meta name="select:header overlay transparency" title="10%" content="10%">
|
||
<meta name="select:header overlay transparency" title="20%" content="20%">
|
||
<meta name="select:header overlay transparency" title="30%" content="30%">
|
||
<meta name="select:header overlay transparency" title="40%" content="40%">
|
||
<meta name="select:header overlay transparency" title="50%" content="50%">
|
||
<meta name="select:header overlay transparency" title="70%" content="70%">
|
||
<meta name="select:header overlay transparency" title="80%" content="80%">
|
||
<meta name="select:header overlay transparency" title="90%" content="90%">
|
||
<meta name="select:header overlay transparency" title="100%" content="100%">
|
||
|
||
<meta name="select:header icon size" title="66px" content="66px">
|
||
<meta name="select:header icon size" title="42px" content="42px">
|
||
<meta name="select:header icon size" title="48px" content="48px">
|
||
<meta name="select:header icon size" title="54px" content="54px">
|
||
<meta name="select:header icon size" title="60px" content="60px">
|
||
<meta name="select:header icon size" title="72px" content="72px">
|
||
<meta name="select:header icon size" title="78px" content="78px">
|
||
|
||
<meta name="select:header desc margin" title="15px" content="15px">
|
||
<meta name="select:header desc margin" title="10px" content="10px">
|
||
<meta name="select:header desc margin" title="20px" content="20px">
|
||
<meta name="select:header desc margin" title="25px" content="25px">
|
||
|
||
<meta name="select:header desc transparency" title="30%" content="30%">
|
||
<meta name="select:header desc transparency" title="0%" content="0%">
|
||
<meta name="select:header desc transparency" title="10%" content="10%">
|
||
<meta name="select:header desc transparency" title="20%" content="20%">
|
||
<meta name="select:header desc transparency" title="40%" content="40%">
|
||
<meta name="select:header desc transparency" title="50%" content="50%">
|
||
<meta name="select:header desc transparency" title="60%" content="60%">
|
||
<meta name="select:header desc transparency" title="70%" content="70%">
|
||
<meta name="select:header desc transparency" title="80%" content="80%">
|
||
<meta name="select:header desc transparency" title="90%" content="90%">
|
||
<meta name="select:header desc transparency" title="100%" content="100%">
|
||
|
||
<meta name="select:header desc width" title="75%" content="75%">
|
||
<meta name="select:header desc width" title="60%" content="60%">
|
||
<meta name="select:header desc width" title="65%" content="65%">
|
||
<meta name="select:header desc width" title="70%" content="70%">
|
||
<meta name="select:header desc width" title="80%" content="80%">
|
||
<meta name="select:header desc width" title="85%" content="85%">
|
||
<meta name="select:header desc width" title="90%" content="90%">
|
||
|
||
<meta name="select:header desc padding" title="12px" content="12px">
|
||
<meta name="select:header desc padding" title="8px" content="8px">
|
||
<meta name="select:header desc padding" title="10px" content="10px">
|
||
<meta name="select:header desc padding" title="14px" content="14px">
|
||
<meta name="select:header desc padding" title="16px" content="16px">
|
||
<meta name="select:header desc padding" title="18px" content="18px">
|
||
<meta name="select:header desc padding" title="20px" content="20px">
|
||
|
||
<meta name="select:header desc text align" title="justify" content="justify">
|
||
<meta name="select:header desc text align" title="left" content="left">
|
||
<meta name="select:header desc text align" title="right" content="right">
|
||
<meta name="select:header desc text align" title="center" content="center">
|
||
|
||
<meta name="select:header title padding" title="14px" content="14px">
|
||
<meta name="select:header title padding" title="8px" content="8px">
|
||
<meta name="select:header title padding" title="10px" content="10px">
|
||
<meta name="select:header title padding" title="12px" content="12px">
|
||
<meta name="select:header title padding" title="16px" content="16px">
|
||
<meta name="select:header title padding" title="20px" content="20px">
|
||
|
||
<meta name="select:--------------------">
|
||
|
||
<meta name="select:container shadow" title="yes" content="yes">
|
||
<meta name="select:container shadow" title="no" content="no">
|
||
|
||
<meta name="select:side padding" title="25px" content="25px">
|
||
<meta name="select:side padding" title="10px" content="10px">
|
||
<meta name="select:side padding" title="15px" content="15px">
|
||
<meta name="select:side padding" title="20px" content="20px">
|
||
<meta name="select:side padding" title="30px" content="30px">
|
||
<meta name="select:side padding" title="35px" content="35px">
|
||
<meta name="select:side padding" title="40px" content="40px">
|
||
<meta name="select:side padding" title="45px" content="45px">
|
||
<meta name="select:side padding" title="50px" content="50px">
|
||
<meta name="select:side padding" title="55px" content="55px">
|
||
<meta name="select:side padding" title="60px" content="60px">
|
||
<meta name="select:side padding" title="65px" content="65px">
|
||
|
||
<!-------- POST OPTIONS -------->
|
||
<meta name="select:---------------------">
|
||
|
||
<meta name="select:font" title="Libre Franklin" content="Libre Franklin">
|
||
<meta name="select:font" title="Open Sans" content="Open Sans">
|
||
<meta name="select:font" title="Manrope" content="Manrope">
|
||
<meta name="select:font" title="Karla" content="Karla">
|
||
|
||
<meta name="select:font size" title="12px" content="12px">
|
||
<meta name="select:font size" title="10px" content="10px">
|
||
<meta name="select:font size" title="11px" content="11px">
|
||
<meta name="select:font size" title="13px" content="13px">
|
||
<meta name="select:font size" title="14px" content="14px">
|
||
<meta name="select:font size" title="15px" content="15px">
|
||
|
||
<meta name="select: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 width" title="600px" content="600px">
|
||
|
||
<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:grayscale images" title="reblogger icon only" content="rb-ico">
|
||
<meta name="select:grayscale images" title="everything in posts" content="everything">
|
||
<meta name="select:grayscale images" title="off" content="off">
|
||
|
||
<meta name="select:click tags" title="yes" content="yes">
|
||
<meta name="select:click tags" title="no" content="no">
|
||
|
||
<meta name="select:post spacing" title="30px" content="30px">
|
||
<meta name="select:post spacing" title="25px" content="25px">
|
||
<meta name="select:post spacing" title="35px" content="35px">
|
||
<meta name="select:post spacing" title="40px" content="40px">
|
||
<meta name="select:post spacing" title="45px" content="45px">
|
||
<meta name="select:post spacing" title="50px" content="50px">
|
||
<meta name="select:post spacing" title="55px" content="55px">
|
||
|
||
<meta name="select:----------------------">
|
||
|
||
<meta name="select:center gap" title="25px" content="25px">
|
||
<meta name="select:center gap" title="10px" content="10px">
|
||
<meta name="select:center gap" title="15px" content="15px">
|
||
<meta name="select:center gap" title="20px" content="20px">
|
||
<meta name="select:center gap" title="30px" content="30px">
|
||
<meta name="select:center gap" title="35px" content="35px">
|
||
<meta name="select:center gap" title="40px" content="40px">
|
||
<meta name="select:center gap" title="45px" content="45px">
|
||
<meta name="select:center gap" title="55px" content="55px">
|
||
<meta name="select:center gap" title="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:-----------------------">
|
||
|
||
<meta name="select:sidebar width" title="275px" content="275px">
|
||
<meta name="select:sidebar width" title="200px" content="200px">
|
||
<meta name="select:sidebar width" title="225px" content="225px">
|
||
<meta name="select:sidebar width" title="250px" content="250px">
|
||
<meta name="select:sidebar width" title="300px" content="300px">
|
||
<meta name="select:sidebar width" title="325px" content="325px">
|
||
|
||
<meta name="select:sidebar image border" title="yes" content="yes">
|
||
<meta name="select:sidebar image border" title="no" content="no">
|
||
|
||
<meta name="select:sidebar image padding" title="10px" content="10px">
|
||
<meta name="select:sidebar image padding" title="0px" content="0px">
|
||
<meta name="select:sidebar image padding" title="2px" content="2px">
|
||
<meta name="select:sidebar image padding" title="4px" content="4px">
|
||
<meta name="select:sidebar image padding" title="6px" content="6px">
|
||
<meta name="select:sidebar image padding" title="8px" content="8px">
|
||
<meta name="select:sidebar image padding" title="12px" content="12px">
|
||
<meta name="select:sidebar image padding" title="14px" content="14px">
|
||
|
||
<meta name="select:sidebar icon size" title="48px" content="48px">
|
||
<meta name="select:sidebar icon size" title="33px" content="33px">
|
||
<meta name="select:sidebar icon size" title="36px" content="36px">
|
||
<meta name="select:sidebar icon size" title="39px" content="39px">
|
||
<meta name="select:sidebar icon size" title="42px" content="42px">
|
||
<meta name="select:sidebar icon size" title="45px" content="45px">
|
||
<meta name="select:sidebar icon size" title="51px" content="51px">
|
||
<meta name="select:sidebar icon size" title="54px" content="54px">
|
||
<meta name="select:sidebar icon size" title="57px" content="57px">
|
||
|
||
<meta name="select:sidebar bullet" title="crown" content="crown-o">
|
||
<meta name="select:sidebar bullet" title="rose" content="rose-o">
|
||
<meta name="select:sidebar bullet" title="star" content="star-o">
|
||
<meta name="select:sidebar bullet" title="sparkles" content="stars-o">
|
||
<meta name="select:sidebar bullet" title="heart" content="heart-o">
|
||
<meta name="select:sidebar bullet" title="dash" content="minus">
|
||
<meta name="select:sidebar bullet" title="cloud" content="cloud-o">
|
||
<meta name="select:sidebar bullet" title="moon" content="moon-o">
|
||
<meta name="select:sidebar bullet" title="diamond" content="diamonds-o">
|
||
<meta name="select:sidebar bullet" title="pushpin" content="pin-o">
|
||
|
||
<!--------- TUMBLR CONTROLS OPTIONS --------->
|
||
<meta name="select:------------------------">
|
||
|
||
<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="Das zweite Kapitel (EXTENDED PART A)">
|
||
<meta name="text:music player song mp3" content="https://rhizo.gitlab.io/m/Das_zweite_Kapitel__EXTENDED_PART_A_.mp3">
|
||
<meta name="text:header title" content="My heart feels so heavy and I don't know how to carry it">
|
||
<meta name="text:sidebar text" content="* Name: your name here
* Alias: your alias here
* Pronouns: your pronouns etc">
|
||
|
||
<meta name="text:customlink 1 name" content="sample link">
|
||
<meta name="text:customlink 1 url" content="https://youtube.com/watch?v=ZkNMZlkrzaU">
|
||
<meta name="text:customlink 2 name" content="">
|
||
<meta name="text:customlink 2 url" content="">
|
||
<meta name="text:customlink 3 name" content="">
|
||
<meta name="text:customlink 3 url" content="">
|
||
<meta name="text:customlink 4 name" content="">
|
||
<meta name="text:customlink 4 url" content="">
|
||
<meta name="text:customlink 5 name" content="">
|
||
<meta name="text:customlink 5 url" content="">
|
||
<meta name="text:customlink 6 name" content="">
|
||
<meta name="text:customlink 6 url" content="">
|
||
<meta name="text:customlink 7 name" content="">
|
||
<meta name="text:customlink 7 url" content="">
|
||
<meta name="text:customlink 8 name" content="">
|
||
<meta name="text:customlink 8 url" content="">
|
||
|
||
<!--------------------------------------------------->
|
||
|
||
<style type="text/css">
|
||
|
||
/*-------- TUMBLR CONTROLS --------*/
|
||
iframe#tumblr_controls, .iframe-controls--desktop {
|
||
top:5px!important;
|
||
right:calc(5px + var(--Scrollbar-Padding))!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;
|
||
user-select:none;
|
||
}
|
||
|
||
[tumblr-controls="black"] iframe#tumblr_controls,
|
||
[tumblr-controls="black"] .iframe-controls--desktop {
|
||
filter:invert(100%) hue-rotate(180deg)!important;
|
||
-webkit-filter:invert(100%) hue-rotate(180deg)!important;
|
||
}
|
||
|
||
|
||
/*------- SCROLLBAR --------*/
|
||
::-webkit-scrollbar {
|
||
width:var(--Scrollbar-Padding);
|
||
height:var(--Scrollbar-Padding);
|
||
background-color:{color:scrollbar background};
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background-color:{color:scrollbar};
|
||
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid transparent;
|
||
border-top:calc(var(--Scrollbar-Padding) / 2.69) solid transparent;
|
||
border-bottom:calc(var(--Scrollbar-Padding) / 2.69) solid transparent;
|
||
background-clip:padding-box;
|
||
}
|
||
|
||
::-webkit-scrollbar-corner {
|
||
background:transparent;
|
||
}
|
||
|
||
/*------- TOOLTIPS --------*/
|
||
#s-m-t-tooltip {
|
||
padding:6px 9px;
|
||
margin:17px;
|
||
background-color:{color:circle links hover background};
|
||
border-radius:2px;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - .5px);
|
||
letter-spacing:0.5px;
|
||
text-transform:uppercase;
|
||
color:{color:circle links hover icon};
|
||
line-height:var(--Line-Height);
|
||
z-index:99;
|
||
max-width:40vw;
|
||
}
|
||
|
||
/*---- GLOBAL FONT SETTINGS -----*/
|
||
[font]{
|
||
font-family:var(--Body-Font-Family);
|
||
font-size:var(--Body-Font-Size);
|
||
color:var(--Body-Text-Color);
|
||
}
|
||
|
||
[font="Libre Franklin"]{
|
||
font-size:calc(var(--Body-Font-Size) - .5px)!important;
|
||
letter-spacing:0.1px;
|
||
}
|
||
|
||
[font="Manrope"]{
|
||
font-size:calc(var(--Body-Font-Size) - 1px)!important;
|
||
letter-spacing:0.3px;
|
||
}
|
||
|
||
/*------- TEXT HIGHLIGHT --------*/
|
||
::selection {
|
||
background:{color:text selection background};
|
||
color:{color:text selected};
|
||
}
|
||
|
||
::-moz-selection {
|
||
background:{color:text selection background};
|
||
color:{color:text selected};
|
||
}
|
||
|
||
/*------- BASICS --------*/
|
||
body {
|
||
margin:0;
|
||
background-color:{color:background};
|
||
background-image:url('{image:background image}');
|
||
background-attachment:fixed;
|
||
overflow:hidden;
|
||
overscroll-behavior-y:none;
|
||
}
|
||
|
||
[bg-type="repeat"] body {
|
||
background-repeat:repeat;
|
||
}
|
||
|
||
[bg-type="full"] body {
|
||
background-repeat:no-repeat;
|
||
background-size:cover;
|
||
background-position:center;
|
||
}
|
||
|
||
a {
|
||
text-decoration:none;
|
||
color:var(--Link);
|
||
}
|
||
|
||
a[title][class*="smt-current-element"]:not([href]){
|
||
cursor:help;
|
||
}
|
||
|
||
a[title=""]:not([href]){
|
||
cursor:initial;
|
||
}
|
||
|
||
p {
|
||
margin:var(--Paragraph-Margins) 0;
|
||
}
|
||
|
||
blockquote {
|
||
margin:var(--Paragraph-Margins);
|
||
margin-right:0;
|
||
padding-left:var(--Paragraph-Margins);
|
||
border-left:1px solid rgba({RGBcolor:text},0.169);
|
||
}
|
||
|
||
h1, h2, h3, h4, h5, h6, .linkpost-title {
|
||
margin:var(--Heading-Margins) 0;
|
||
font-family:var(--Heading-Font-Family);
|
||
font-size:var(--Body-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.3px;
|
||
line-height:calc(var(--Line-Height) * 1.1);
|
||
}
|
||
|
||
img, iframe {
|
||
vertical-align:middle;
|
||
max-width:100%;
|
||
}
|
||
|
||
figure {
|
||
margin:0;
|
||
}
|
||
|
||
pre, code {
|
||
white-space:pre-wrap;
|
||
font-family:cousine;
|
||
font-size:calc(var(--Body-Font-Size) - 2px);
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
color:{color:special text};
|
||
}
|
||
|
||
pre {
|
||
padding:0.8em 1em;
|
||
}
|
||
|
||
code {
|
||
padding:3px 4px;
|
||
}
|
||
|
||
hr {
|
||
display:block;
|
||
margin:var(--Heading-Margins) auto;
|
||
border-width:0px;
|
||
width:69%;
|
||
height:1px;
|
||
background:{color:post borders inner};
|
||
}
|
||
|
||
a.read_more {
|
||
padding-bottom:1.5px!important;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
}
|
||
|
||
a.read_more:before {
|
||
content:"\f82d";
|
||
display:inline-block;
|
||
margin-top:-1.5px;
|
||
font-family:phosphor;
|
||
margin-right:4px;
|
||
vertical-align:middle;
|
||
}
|
||
|
||
ul, ol {
|
||
margin:var(--Paragraph-Margins) 0;
|
||
margin-left:1.69em;
|
||
padding:0;
|
||
}
|
||
|
||
ol li {
|
||
padding-left:0.420em;
|
||
}
|
||
|
||
ul li {
|
||
position:relative;
|
||
padding-left:0.25em;
|
||
margin-left:calc((var(--Body-Font-Size) * 1.420) - 3px);
|
||
list-style:none;
|
||
}
|
||
|
||
ul li:before {
|
||
content:"";
|
||
position:absolute;
|
||
margin-top:calc(((var(--Body-Font-Size) * var(--Line-Height-INT)) / 2) - 0px);
|
||
transform:translateY(-50%);
|
||
left:0;margin-left:calc((var(--Body-Font-Size) * -1.420) - 3px);
|
||
width:var(--Body-Font-Size);
|
||
height:.7px;
|
||
background:rgba({RGBcolor:text},0.420);
|
||
}
|
||
|
||
.flex {
|
||
display:flex!important;
|
||
align-items:center;
|
||
}
|
||
|
||
:root {
|
||
/* variable for header width */
|
||
--ugh:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px + var(--Center-Gap) + var(--Sidebar-Width) + (var(--Side-Padding) * 2));
|
||
|
||
--Header-Height:{select:header height};
|
||
|
||
--Header-Icon-Padding:5px;
|
||
|
||
/*--- CIRCLE LINKS ---*/
|
||
--CircleLinks-Edge-Offset:12px;
|
||
--CircleLinks-Icon-Size:13px;
|
||
--CircleLinks-Icon-Padding:10px;
|
||
--CircleLinks-Spacing:6px;
|
||
|
||
/*--- TITLE BAR ---*/
|
||
--TIT-Height:calc(({select:header title padding} * 2) + var(--SmallCaps-Font-Size) + 3px);
|
||
|
||
/*--- SIDEBAR SETTINGS ---*/
|
||
--Sidebar-Width:{select:sidebar width};
|
||
--Sidebar-Icon-Padding:5px;
|
||
--Sidebar-Icon-Gap-Right:10px;
|
||
--Sidebar-Text-Bullet:{select:sidebar bullet};
|
||
--Sidebar-BulletRow-Spacing:5px;
|
||
|
||
/*--- CUSTOMLINKS SETTINGS ---*/
|
||
--CustomLinks-Padding:10px;
|
||
--CustomLinks-Per-Row:2;
|
||
--CustomLinks-Spacing:6px;
|
||
|
||
/*--- POST SETTINGS ---*/
|
||
--Paragraph-Margins:1em;
|
||
--Heading-Margins:1em;
|
||
|
||
--Body-Font-Family:{select:font};
|
||
--Body-Font-Size:{select:font size};
|
||
--Body-Text-Color:{color:text};
|
||
|
||
--Line-Height:1.7em; /* line-height with suffix */
|
||
--Line-Height-INT:1.7; /* line-height without suffix */
|
||
|
||
--Heading-Font-Family:"caslon fs";
|
||
--Heading-Font-Size:calc(var(--Body-Font-Size) + 2px);
|
||
|
||
--SmallCaps-Font-Family:"public sans";
|
||
--SmallCaps-Font-Size:calc(var(--Body-Font-Size) - 3px);
|
||
|
||
--Post-Width:{select:post width};
|
||
--Post-Padding:{select:post padding};
|
||
--Post-Spacing:{select:post spacing};
|
||
|
||
--Reblogger-Avatar-Size:22px;
|
||
--Reblogger-Avatar-Gap-Right:8px;
|
||
--Reblogger-Username-Color:{color:reblogger};
|
||
--Reblogger-Avatar-Bottom-Gap:12px;
|
||
|
||
--Reblogs-Spacing:15px;
|
||
--Reblogs-Border:{color:post borders inner};
|
||
|
||
--Captions-Gap:15px;
|
||
--NPF-Caption-Spacing:var(--Captions-Gap);
|
||
|
||
--Photoset-Spacing:{select:photoset spacing};
|
||
--NPF-Image-Spacing:var(--Photoset-Spacing);
|
||
|
||
--Grayscale-Settings:grayscale(100%) contrast(110%) brightness(104%);
|
||
--Grayscale-Transition-Speed:0.269s;
|
||
|
||
--AskerPortrait-Size:42px;
|
||
--AskerPortrait-Padding:6px;
|
||
|
||
--Audio-Post-Album-Size:64px;
|
||
--Audio-Post-Album-Right-Gap:13px;
|
||
--Audio-Post-Buttons-Size:11px;
|
||
--Audio-Post-Buttons-Color:{color:special text};
|
||
--Audio-Post-Buttons-Padding:11px;
|
||
--Audio-Post-Buttons-Background:{color:special background};
|
||
--Audio-Post-Download-Color:{color:special text};
|
||
|
||
--Link:{color:link};
|
||
--Post-Borders-Inner:{color:post borders inner};
|
||
|
||
--Quote-Font-Family:var(--Heading-Font-Family);
|
||
--Quote-Font-Size:calc(var(--Body-Font-Size));
|
||
|
||
/*--- TAGS SETTINGS ---*/
|
||
--Tags-Fade-Speed-MS:269; /* fade speed without suffix */
|
||
--Tags-Fade-Speed-MS-SFX:269ms; /* fade speed with suffix */
|
||
--Tags-Spacing:4px;
|
||
|
||
/*--- POST BUTTONS SETTINGS ---*/
|
||
--Post-Buttons-Size:var(--Body-Font-Size);
|
||
--Post-Buttons-Color:{color:post buttons};
|
||
--Like-Button-Liked:{color:like button liked};
|
||
--Post-Buttons-Spacing:5px;
|
||
|
||
/*--- POST NOTES SETTINGS ---*/
|
||
--Notes-Indicator-Size:14px;
|
||
--Notes-Indicator-Gap-Right:7px;
|
||
--Notes-Row-Spacing:10px;
|
||
|
||
/*--- MISC ---*/
|
||
--Side-Padding:{select:side padding};
|
||
|
||
--Center-Gap:{select:center gap};
|
||
|
||
--Pagination-Color:{color:text};
|
||
|
||
--TumblrControls-Color:{select:tumblr controls color};
|
||
|
||
--Scrollbar-Padding:13px;
|
||
|
||
/*--- SCROLL-TO-TOP BUTTON ---*/
|
||
--ScrollToTop-Edge-Offset:18px;
|
||
--ScrollToTop-Arrow-Size:25px;
|
||
|
||
/*---- MUSIC PLAYER ----*/
|
||
--MusicPlayer-Edge-Offset:18px;
|
||
--MusicPlayer-Icon-Size:calc(var(--SmallCaps-Font-Size) + 1.5px);
|
||
--MusicPlayer-Icon-Color:{color:text};
|
||
--MusicPlayer-Circle-Background:{color:post};
|
||
--MusicPlayer-Circle-Padding:10px;
|
||
|
||
--MusicPlayer-Bar-Length:18px;
|
||
--MusicPlayer-Bar-Color:{color:post};
|
||
|
||
--MusicPlayer-Buttons-Size:calc(var(--SmallCaps-Font-Size) - .5px);
|
||
--MusicPlayer-Buttons-Color:{color:text};
|
||
|
||
--MusicPlayer-Text-Color:{color:text};
|
||
|
||
--MusicPlayer-Main-Background:{color:post};
|
||
--MusicPlayer-Main-Padding:10px;
|
||
--MusicPlayer-Main-Roundness:3px;
|
||
}
|
||
|
||
a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
|
||
padding-bottom:0!important;
|
||
border-bottom:none!important;
|
||
}
|
||
|
||
.tout {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:100%;
|
||
height:100%;
|
||
overflow-x:hidden;
|
||
overflow-y:auto;
|
||
scroll-behavior:smooth;
|
||
overscroll-behavior-y:none;
|
||
}
|
||
|
||
.clownfest {
|
||
position:relative;
|
||
margin:auto;
|
||
width:var(--ugh);
|
||
}
|
||
|
||
/*---- CONTAINER BACKGROUND & SHADOW ----*/
|
||
.hvtman {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:100%;
|
||
height:100vh;
|
||
z-index:-1;
|
||
}
|
||
|
||
.hvvt {
|
||
position:fixed;
|
||
width:var(--ugh);
|
||
height:100%;
|
||
background:{color:container background};
|
||
}
|
||
|
||
.hvvt[shad="yes"]{
|
||
box-shadow:0 0 40px rgba({RGBcolor:container shadow},0.07);
|
||
}
|
||
|
||
/*---- HEADER ----*/
|
||
.headcont {
|
||
position:relative;
|
||
height:var(--Header-Height);
|
||
background-color:{color:header background};
|
||
background-image:url('{image:header banner}');
|
||
background-position:50% 50%;
|
||
background-repeat:no-repeat;
|
||
background-size:cover;
|
||
image-rendering:-webkit-optimize-contrast;
|
||
}
|
||
|
||
/*---- HEADER DESCRIPTION ----*/
|
||
.ovcover {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:{select:header overlay width};
|
||
height:100%;
|
||
background:rgba({RGBcolor:header overlay},calc(100% - {select:header overlay transparency}));
|
||
display:table;
|
||
}
|
||
|
||
.ovm {
|
||
display:table-cell;
|
||
vertical-align:middle;
|
||
}
|
||
|
||
.avicont {
|
||
position:relative;
|
||
margin:auto;
|
||
width:calc({select:header icon size} + (var(--Header-Icon-Padding) * 2));
|
||
height:calc({select:header icon size} + (var(--Header-Icon-Padding) * 2));
|
||
background:{color:header overlay};
|
||
border-radius:100%;
|
||
border:1px solid {color:header icon border};
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
|
||
.avighost {
|
||
position:absolute;
|
||
top:0;
|
||
left:0;
|
||
width:100%;
|
||
height:100%;
|
||
opacity:0;
|
||
z-index:2;
|
||
}
|
||
|
||
.avi-icon {
|
||
width:{select:header icon size};
|
||
height:{select:header icon size};
|
||
border-radius:100%;
|
||
background-image:url('{image:header icon}');
|
||
background-size:cover;
|
||
background-repeat:no-repeat;
|
||
background-position:center;
|
||
image-rendering:-webkit-optimize-contrast;
|
||
}
|
||
|
||
.avicont + .descont {
|
||
margin-top:{select:header desc margin};
|
||
}
|
||
|
||
.descont {
|
||
margin:auto;
|
||
width:{select:header desc width};
|
||
padding:calc({select:header desc padding} - 2px) {select:header desc padding};
|
||
box-sizing:border-box;
|
||
background:rgba({RGBcolor:header desc background},calc(100% - {select:header desc transparency}));
|
||
border:1px solid {color:header desc border};
|
||
border-radius:5px;
|
||
font-size:calc(var(--Body-Font-Size) - 1px);
|
||
color:{color:header desc text};
|
||
line-height:calc(var(--Line-Height) * 0.95);
|
||
text-align:{select:header desc text align}
|
||
}
|
||
|
||
.descont a {
|
||
color:{color:header desc accent};
|
||
padding-bottom:1px;
|
||
border-bottom:1px solid rgba({RGBcolor:header desc text},0.25);
|
||
}
|
||
|
||
/*---- CIRCLE LINKS ----*/
|
||
.circle-links {
|
||
position:absolute;
|
||
bottom:0;margin-bottom:calc(var(--CircleLinks-Edge-Offset) - 2px);
|
||
right:0;margin-right:var(--CircleLinks-Edge-Offset);
|
||
display:flex;
|
||
align-items:center;
|
||
z-index:3;
|
||
}
|
||
|
||
.circle-links a {
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
width:calc(var(--CircleLinks-Icon-Size) + (var(--CircleLinks-Icon-Padding) * 2));
|
||
height:calc(var(--CircleLinks-Icon-Size) + (var(--CircleLinks-Icon-Padding) * 2));
|
||
border-radius:100%;
|
||
background:{color:circle links background};
|
||
border:3px double {color:circle links border};
|
||
box-shadow:2px 2px 3px rgba(0,0,0,4%);
|
||
line-height:1em;
|
||
}
|
||
|
||
.circle-links a, .circle-links a > * {
|
||
transition:all 0.4s ease-in-out;
|
||
}
|
||
|
||
@supports(-webkit-text-security: circle){
|
||
.circle-links a, .circle-links a > * {
|
||
/*transition-duration:0s;*/
|
||
}
|
||
}
|
||
|
||
.circle-links a * {
|
||
pointer-events:none;
|
||
}
|
||
|
||
.circle-links a:hover {
|
||
background:{color:circle links hover background};
|
||
border-color:{color:circle links hover border};
|
||
}
|
||
|
||
.circle-links a:hover .cp {
|
||
color:{color:circle links hover icon};
|
||
}
|
||
|
||
.circle-links a:hover span {
|
||
background:{color:circle links hover icon};
|
||
}
|
||
|
||
.circle-links a + a {
|
||
margin-left:var(--CircleLinks-Spacing);
|
||
}
|
||
|
||
.circle-links .cp {
|
||
display:block;
|
||
margin-left:.5px;
|
||
font-size:var(--CircleLinks-Icon-Size);
|
||
color:{color:circle links icon};
|
||
line-height:1em;
|
||
}
|
||
|
||
.home-la {
|
||
display:block;
|
||
margin-top:-1px;
|
||
width:calc(var(--CircleLinks-Icon-Size) + 2px);
|
||
height:calc(var(--CircleLinks-Icon-Size) + 2px);
|
||
-webkit-mask-size:contain;
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-position:center;
|
||
-webkit-mask-image:var(--home-1239343);
|
||
background:{color:circle links icon};
|
||
}
|
||
|
||
.glen-la {
|
||
display:block;
|
||
margin-left:1px;
|
||
width:calc(var(--CircleLinks-Icon-Size) + 1px);
|
||
height:calc(var(--CircleLinks-Icon-Size) + 1px);
|
||
-webkit-mask-size:contain;
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-position:center;
|
||
-webkit-mask-image:var(--glenSVG);
|
||
background:{color:circle links icon};
|
||
}
|
||
|
||
/*---- TITLE BAR ----*/
|
||
.titbar {
|
||
position:relative;
|
||
width:100%;
|
||
padding:{select:header title padding};
|
||
background:{color:header title background};
|
||
border-bottom:3px solid {color:header title border};
|
||
font-family:krub;
|
||
font-size:calc(var(--SmallCaps-Font-Size) + .5px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
word-spacing:.5px;
|
||
color:{color:header title};
|
||
text-align:center;
|
||
box-sizing:border-box;
|
||
line-height:var(--SmallCaps-Font-Size);
|
||
overflow:hidden;
|
||
white-space:nowrap;
|
||
z-index:69;
|
||
}
|
||
|
||
.longstick {
|
||
position:fixed!important;
|
||
top:0;
|
||
width:var(--ugh);
|
||
}
|
||
|
||
/*---- POSTS + SIDEBAR CONTAINER ----*/
|
||
.alicont {
|
||
position:relative;
|
||
margin-top:var(--Side-Padding);
|
||
}
|
||
|
||
/*---- RIGHT SIDEBAR ----*/
|
||
.le-sidebar {
|
||
position:absolute;
|
||
top:0;right:0;
|
||
margin-right:var(--Side-Padding);
|
||
width:var(--Sidebar-Width);
|
||
}
|
||
|
||
.pancake {
|
||
width:var(--Sidebar-Width);
|
||
}
|
||
|
||
.pancake.stickpls {
|
||
position:fixed!important;
|
||
top:0;margin-top:calc(var(--TIT-Height) + var(--Side-Padding));
|
||
}
|
||
|
||
[sb-border="yes"] .sb-img {
|
||
border:1px solid {color:sidebar image border};
|
||
}
|
||
|
||
.sb-img {
|
||
width:100%;
|
||
padding:{select:sidebar image padding};
|
||
height:auto;
|
||
background:{color:sidebar image background};
|
||
box-sizing:border-box;
|
||
}
|
||
|
||
/*--------------------------------*/
|
||
.sb-img + .letable {
|
||
margin-top:13px;
|
||
}
|
||
|
||
.letable {
|
||
display:table;
|
||
border-collapse:separate;
|
||
border-spacing:0 calc(var(--Sidebar-BulletRow-Spacing) / 2);
|
||
}
|
||
|
||
.reflex {
|
||
display:table-row;
|
||
}
|
||
|
||
.moocont {
|
||
margin-left:2px;
|
||
display:table-cell;
|
||
}
|
||
|
||
.moocake[sb-icon*="assets.tumblr.com/images/x.gif"]{
|
||
display:none!important;
|
||
}
|
||
|
||
.sb-ico-cont {
|
||
position:relative;
|
||
width:calc({select:sidebar icon size} + (var(--Sidebar-Icon-Padding) * 2));
|
||
height:calc({select:sidebar icon size} + (var(--Sidebar-Icon-Padding) * 2));
|
||
background:{color:sidebar icon background};
|
||
border:1px solid {color:sidebar icon border};
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
|
||
.sb-ico-ghost {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:100%;
|
||
height:100%;
|
||
opacity:0;
|
||
z-index:2;
|
||
}
|
||
|
||
.sb-ico {
|
||
width:{select:sidebar icon size};
|
||
height:{select:sidebar icon size};
|
||
background-image:url('{image:sidebar icon}');
|
||
background-size:cover;
|
||
background-repeat:no-repeat;
|
||
background-position:center;
|
||
image-rendering:-webkit-optimize-contrast;
|
||
}
|
||
|
||
.moocake + .sb-ico-text {
|
||
padding-left:var(--Sidebar-Icon-Gap-Right);
|
||
}
|
||
|
||
.sb-ico-text {
|
||
display:table-cell;
|
||
vertical-align:top;
|
||
font-size:calc(var(--Body-Font-Size) - 1.5px);
|
||
}
|
||
|
||
.bullet-row {
|
||
display:table-row;
|
||
line-height:var(--Line-Height);
|
||
}
|
||
|
||
.bullet-row i {
|
||
display:table-cell;
|
||
padding-top:2px;
|
||
font-size:calc(var(--Body-Font-Size) + 0px);
|
||
margin-right:7px;
|
||
}
|
||
|
||
.cp-pin-o {
|
||
transform:scaleX(-1);
|
||
}
|
||
|
||
.bullet-row i + .bootext {
|
||
padding-left:5px;
|
||
}
|
||
|
||
.bootext {
|
||
display:table-cell;
|
||
vertical-align:top;
|
||
backface-visibility:hidden;
|
||
}
|
||
|
||
.boing {
|
||
/*transform:translateY(1px);*/
|
||
}
|
||
|
||
.boing b {
|
||
margin-right:1px;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
word-spacing:.3px;
|
||
}
|
||
|
||
/*---- CUSTOM LINKS ----*/
|
||
.letable + .customlinks {
|
||
margin-top:calc(13px - (var(--Sidebar-BulletRow-Spacing) / 2));
|
||
}
|
||
|
||
.customlinks {
|
||
display:flex;
|
||
flex-wrap:wrap;
|
||
margin-left:calc(0px - var(--CustomLinks-Spacing));
|
||
width:calc(100% + (var(--CustomLinks-Spacing) * 2));
|
||
}
|
||
|
||
.customlinks a {
|
||
display:block;
|
||
margin:calc(var(--CustomLinks-Spacing) / 2);
|
||
--gaps: calc(var(--CustomLinks-Spacing) * (var(--CustomLinks-Per-Row) - 1));
|
||
--rownum: var(--CustomLinks-Per-Row);
|
||
|
||
width:calc((100% - var(--gaps)) / var(--rownum) - (var(--CustomLinks-Spacing) / 2));
|
||
padding:calc(var(--CustomLinks-Padding) - 2px) var(--CustomLinks-Padding);
|
||
background:{color:customlinks background};
|
||
border:1px solid {color:customlinks border};
|
||
font-family:Archivo;
|
||
font-size:calc(var(--SmallCaps-Font-Size) - 1.3px);
|
||
text-transform:uppercase;
|
||
letter-spacing:1px;
|
||
word-spacing:.3px;
|
||
color:{color:customlinks text};
|
||
box-sizing:border-box;
|
||
text-align:center;
|
||
overflow:hidden;
|
||
transition:all 0.269s ease-in-out;
|
||
}
|
||
|
||
.customlinks a:hover {
|
||
border-color:{color:customlinks hover border};
|
||
background:{color:customlinks hover background};
|
||
color:{color:customlinks hover text};
|
||
}
|
||
|
||
/*---- POST CONTAINER ----*/
|
||
.postscont {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
margin-left:var(--Side-Padding);
|
||
}
|
||
|
||
.posts {
|
||
width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px);
|
||
overflow:hidden;
|
||
}
|
||
|
||
.posts:first-child, .posts + * {
|
||
margin-bottom:var(--Post-Spacing);
|
||
}
|
||
|
||
[black-and-white="rb-ico"] .reblog-head img {
|
||
transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
|
||
filter:var(--Grayscale-Settings);
|
||
}
|
||
|
||
[black-and-white="everything"] img,
|
||
[black-and-white="everything"] iframe,
|
||
[black-and-white="everything"] video {
|
||
transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
|
||
filter:var(--Grayscale-Settings);
|
||
}
|
||
|
||
[black-and-white="everything"] .posts:hover img,
|
||
[black-and-white="everything"] .posts:hover iframe,
|
||
[black-and-white="everything"] .posts:hover video {
|
||
filter:none;
|
||
}
|
||
|
||
/*-----------------------*/
|
||
|
||
.postinner {
|
||
padding:var(--Post-Padding);
|
||
background:{color:post};
|
||
border:1px solid {color:post borders outer};
|
||
line-height:var(--Line-Height);
|
||
}
|
||
|
||
.postinner a:not(.reblog-url a, .tumblr_blog, .linkpost-title, .single-photo, .post_media_photo_anchor, .inari, .tagsdiv a){
|
||
padding-bottom:.5px;
|
||
border-bottom:1px solid rgba({RGBcolor:link},0.420);
|
||
}
|
||
|
||
/*---- REBLOG HEAD ----*/
|
||
.reblog-wrap {
|
||
margin:0 calc(0px - var(--Post-Padding));
|
||
padding:0 var(--Post-Padding);
|
||
}
|
||
|
||
.reblog-wrap + .reblog-wrap {
|
||
margin-top:var(--Reblogs-Spacing);
|
||
padding-top:var(--Reblogs-Spacing);
|
||
border-top:1px solid var(--Reblogs-Border);
|
||
}
|
||
|
||
.reblog-head {
|
||
display:flex;
|
||
align-items:center;
|
||
}
|
||
|
||
.reblog-head img {
|
||
width:var(--Reblogger-Avatar-Size);
|
||
height:var(--Reblogger-Avatar-Size);
|
||
border-radius:100%;
|
||
}
|
||
|
||
.reblog-head img + .reblog-url {
|
||
margin-left:var(--Reblogger-Avatar-Gap-Right);
|
||
}
|
||
|
||
.reblog-url, .reblog-url a, p > a.tumblr_blog[target='_blank']{
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
color:var(--Reblogger-Username-Color);
|
||
}
|
||
|
||
.reblog-url .deac {
|
||
margin-left:3px;
|
||
color:var(--Body-Text-Color);
|
||
}
|
||
|
||
.nosrc {
|
||
display:none;
|
||
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-top:10px;
|
||
}
|
||
|
||
.npf-link-block {
|
||
margin-top:0px;
|
||
margin-bottom:0;
|
||
border-color:{color:special border}!important;
|
||
border-radius:0!important;
|
||
}
|
||
|
||
.npf-link-block + * {
|
||
margin-bottom:var(--Paragraph-Margins);
|
||
}
|
||
|
||
.npf-link-block a {
|
||
padding:0!important;
|
||
border:none!important;
|
||
}
|
||
|
||
.npf-link-block .title {
|
||
font-family:var(--SmallCaps-Font-Family)!important;
|
||
font-size:calc(var(--SmallCaps-Font-Size) + 4px)!important;
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
color:{color:link}!important;
|
||
line-height:1.7em!important;
|
||
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.npf-link-block .bottom {
|
||
background:{color:special background}!important;
|
||
}
|
||
|
||
.npf-link-block .description {
|
||
font-family:var(--SmallCaps-Font-Family)!important;
|
||
font-weight:bold;
|
||
font-size:calc(var(--SmallCaps-Font-Size) + 2px)!important;
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
color:{color:link}!important;
|
||
line-height:1.7em!important;
|
||
}
|
||
|
||
.npf-link-block .site-name {
|
||
text-transform:initial!important;
|
||
font-family:var(--Body-Font-Family)!important;
|
||
font-weight:normal!important;
|
||
font-size:var(--Body-Font-Size)!important;
|
||
color:{color:special text}!important;
|
||
}
|
||
|
||
.npf-link-block .description + .site-name {
|
||
margin-top:0;
|
||
}
|
||
|
||
.npf-link-block.no-poster .title {
|
||
padding:0.8em!important;
|
||
text-shadow:none!important;
|
||
}
|
||
|
||
.npf-link-block.no-poster .title + .bottom {
|
||
border-top:1px solid {color:special border};
|
||
}
|
||
|
||
/*---- TEXT POSTS (TITLE) ----*/
|
||
.post-title, .linkpost-title {
|
||
margin-top:2px;
|
||
margin-bottom:0;
|
||
padding:0.8em;
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
font-size:var(--Heading-Font-Size);
|
||
font-weight:bold;
|
||
color:{color:special text};
|
||
text-align:center;
|
||
}
|
||
|
||
.post-title + *, .linkpost-title + * {
|
||
margin-top:var(--Heading-Margins);
|
||
}
|
||
|
||
/*---- LINK POSTS (TITLE) ----*/
|
||
.linkpost-title {
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
color:{color:special text};
|
||
text-align:left;
|
||
}
|
||
|
||
.linkpost-title span {
|
||
display:block;
|
||
max-width:calc(100% - (var(--Heading-Font-Size) * 1.1) - 10px - 2px);
|
||
}
|
||
|
||
span + .linksym {
|
||
margin-left:10px;
|
||
margin-right:2px;
|
||
}
|
||
|
||
.linksym {
|
||
width:calc(var(--Heading-Font-Size) * 1.1);
|
||
height:calc(var(--Heading-Font-Size) * 1.1);
|
||
-webkit-mask-size:contain;
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-position:center;
|
||
-webkit-mask-image:var(--ext);
|
||
background:{color:special text};
|
||
}
|
||
|
||
.linkpost-title + .link-excerpt {
|
||
margin-top:-1px;
|
||
}
|
||
|
||
.link-excerpt {
|
||
padding:0.8em calc(0.8em + 2px);
|
||
border:1px solid {color:post borders inner};
|
||
}
|
||
|
||
.link-excerpt + * {
|
||
margin-top:var(--Heading-Margins);
|
||
}
|
||
|
||
.le-host {
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
}
|
||
|
||
/*---- PHOTO POSTS ----*/
|
||
.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 {
|
||
margin-top:calc(0px - var(--Post-Padding));
|
||
}
|
||
|
||
.tmblr-lightbox img, #tumblr_lightbox img {
|
||
max-width:initial;
|
||
box-shadow:none!important;
|
||
border-radius:0px!important;
|
||
padding:var(--Post-Padding);
|
||
background:{color:post}!important;
|
||
}
|
||
|
||
/*----- QUOTE POSTS -----*/
|
||
.quote-words, .npf_quote {
|
||
padding:0 var(--Post-Padding);
|
||
font-family:var(--Quote-Font-Family)!important;
|
||
font-weight:bold;
|
||
font-size:var(--Quote-Font-Size)!important;
|
||
text-transform:uppercase;
|
||
letter-spacing:.3px;
|
||
text-align:center;
|
||
line-height:169%;
|
||
}
|
||
|
||
.quote-words + .quote-source,
|
||
.npf_quote + p[style*="margin-bottom: 0px;"]{
|
||
margin-top:var(--Paragraph-Margins);
|
||
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(--Post-Borders-Inner);
|
||
}
|
||
|
||
.chat_row {
|
||
position:relative;
|
||
display:table-row;
|
||
overflow:hidden;
|
||
}
|
||
|
||
.chat_row:after {
|
||
content:"";
|
||
position:absolute;
|
||
bottom:0;left:0;
|
||
transform:translateY(-.5px);
|
||
width:100%;
|
||
height:1px;
|
||
background:var(--Post-Borders-Inner);
|
||
}
|
||
|
||
.chatwrap .chat_row:last-child:after {
|
||
display:none;
|
||
}
|
||
|
||
.chat_row code:only-child {
|
||
display:block;
|
||
padding:0.8em;
|
||
border:none;
|
||
background:transparent;
|
||
}
|
||
|
||
.chat_label {
|
||
display:table-cell;
|
||
padding:1em;
|
||
white-space:nowrap;
|
||
padding-right:1em;
|
||
}
|
||
|
||
.chat_content {
|
||
display:table-cell;
|
||
padding:1em;
|
||
width:100%;
|
||
}
|
||
|
||
.chat_label + .chat_content {
|
||
border-left:1px solid var(--Post-Borders-Inner);
|
||
}
|
||
|
||
/*---- AUDIO POSTS ----*/
|
||
.audio-post .npf_inst img {
|
||
width:100%;
|
||
}
|
||
|
||
.aud-emb {display:none}
|
||
|
||
.audiowrap {
|
||
display:flex;
|
||
align-items:center;
|
||
}
|
||
|
||
.albumwrap {
|
||
position:relative;
|
||
width:var(--Audio-Post-Album-Size);
|
||
height:var(--Audio-Post-Album-Size);
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
|
||
.albumwrap[has-cover] .audplac {display:none}
|
||
|
||
.butts {
|
||
width:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
|
||
height:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
|
||
background:var(--Audio-Post-Buttons-Background);
|
||
border-radius:100%;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
cursor:pointer;
|
||
z-index:2;
|
||
}
|
||
|
||
.overplay, .overpause {
|
||
width:var(--Audio-Post-Buttons-Size);
|
||
height:var(--Audio-Post-Buttons-Size);
|
||
-webkit-mask-size:contain;
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-position:center;
|
||
background:var(--Audio-Post-Buttons-Color);
|
||
}
|
||
|
||
.overplay {
|
||
margin-left:2px;
|
||
-webkit-mask-image:var(--audioplay);
|
||
}
|
||
|
||
.overpause {
|
||
display:none;
|
||
-webkit-mask-image:var(--audiopause);
|
||
}
|
||
|
||
.ov-y {display:block}
|
||
.ov-z {display:none}
|
||
|
||
.audplac {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:var(--Audio-Post-Album-Size);
|
||
height:var(--Audio-Post-Album-Size);
|
||
background:var(--Audio-Post-Buttons-Background);
|
||
}
|
||
|
||
.albumwrap img {
|
||
position:absolute;
|
||
top:0;left:0;
|
||
width:100%;
|
||
height:100%;
|
||
}
|
||
|
||
.audiotxt {
|
||
flex:1;
|
||
height:var(--Audio-Post-Album-Size);
|
||
padding:var(--Audio-Post-Album-Right-Gap);
|
||
background:{color:special background};
|
||
display:flex;
|
||
align-items:center;
|
||
box-sizing:border-box;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
font-size:calc(var(--Body-Font-Size) - 1px);
|
||
color:{color:special text};
|
||
}
|
||
|
||
.odin > div + div {
|
||
margin-top:-1px;
|
||
}
|
||
|
||
.aud-song-name {
|
||
font-weight:bold;
|
||
}
|
||
|
||
.aud-song-name[has-name] .untit {
|
||
display:none;
|
||
}
|
||
|
||
.aud-artist[has-artist] .unart {
|
||
display:none;
|
||
}
|
||
|
||
.inari {
|
||
display:block;
|
||
padding:6px;
|
||
margin-right:-6px;
|
||
cursor:pointer;
|
||
}
|
||
|
||
.int-all {
|
||
display:block;
|
||
width:calc(var(--Audio-Post-Buttons-Size) + 6px);
|
||
height:calc(var(--Audio-Post-Buttons-Size) + 6px);
|
||
-webkit-mask-size:contain;
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-position:center;
|
||
-webkit-mask-image:var(--install);
|
||
background:var(--Audio-Post-Download-Color);
|
||
}
|
||
|
||
/*---- SPOTIFY ----*/
|
||
iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
|
||
height:80px!important;
|
||
}
|
||
|
||
.spotify_audio_player {
|
||
width:100%;
|
||
}
|
||
|
||
/*---- SOUNDCLOUD ----*/
|
||
.tmblr-video iframe[src*='soundcloud.com']{
|
||
}
|
||
|
||
.audio-soundcloud {
|
||
max-height:113px;
|
||
border-radius:4px;
|
||
overflow:hidden;
|
||
}
|
||
|
||
.soundcloud_audio_player {
|
||
margin:-1px;
|
||
margin-bottom:0;
|
||
width:calc(100% + 2px);
|
||
max-width:initial;
|
||
}
|
||
|
||
/*---- ASK/ANSWER POSTS ----*/
|
||
.answer-post .nosrc {
|
||
display:none;
|
||
}
|
||
|
||
.une_question {
|
||
display:flex;
|
||
}
|
||
|
||
.asker-person {
|
||
align-self:baseline;
|
||
}
|
||
|
||
.une_question .reblog-comment {
|
||
flex:1;
|
||
margin-left:12px;
|
||
}
|
||
|
||
.askpot {
|
||
padding:var(--AskerPortrait-Padding);
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
}
|
||
|
||
.asker-person img {
|
||
width:var(--AskerPortrait-Size);
|
||
height:var(--AskerPortrait-Size);
|
||
border-radius:0;
|
||
}
|
||
|
||
.une_question .reblog-url {
|
||
margin-top:1px;
|
||
padding:3px 4px;
|
||
background:{color:special background};
|
||
border:1px solid {color:special border};
|
||
border-radius:2px;
|
||
color:{color:special text};
|
||
}
|
||
|
||
.question_text > p:first-child {
|
||
margin-top:4px;
|
||
}
|
||
|
||
.question_text > p:only-child {
|
||
margin-bottom:0;
|
||
}
|
||
|
||
.answerer + * {
|
||
margin-top:var(--Captions-Gap);
|
||
}
|
||
|
||
.une_question + .une_reponse {
|
||
margin-top:var(--Paragraph-Margins);
|
||
}
|
||
|
||
/*---- TAGS SECTION ----*/
|
||
.tagsdiv {
|
||
margin-top:var(--Captions-Gap);
|
||
}
|
||
|
||
.tagsdiv[clicktags="yes"] {
|
||
{block:IndexPage}
|
||
display:none;
|
||
opacity:0;
|
||
transition:opacity var(--Tags-Fade-Speed-MS-SFX) ease-in-out;
|
||
{/block:IndexPage}
|
||
}
|
||
|
||
.tagsfade {
|
||
opacity:1!important;
|
||
}
|
||
|
||
.tagsin {
|
||
display:flex;
|
||
flex-wrap:wrap;
|
||
justify-content:flex-end;
|
||
margin:calc(0px - var(--Tags-Spacing));
|
||
/*margin-top:calc(var(--Captions-Gap) - var(--Tags-Spacing));*/
|
||
margin-bottom:calc((((var(--SmallCaps-Font-Size) - 1px) * var(--Line-Height-INT)) / 2) * -1);
|
||
text-align:right;
|
||
}
|
||
|
||
.tagsin a {
|
||
position:relative;
|
||
display:block;
|
||
margin:var(--Tags-Spacing);
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
color:{color:tags};
|
||
}
|
||
|
||
.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);
|
||
background:{color:permalink background};
|
||
border:1px solid {color:permalink border};
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - .5px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
}
|
||
|
||
.permadiv, .permadiv a {
|
||
color:{color:permalink};
|
||
}
|
||
|
||
.permaleft {
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
word-spacing:1px;
|
||
}
|
||
|
||
.permaleft a {
|
||
display:flex;
|
||
align-items:center;
|
||
margin:calc(0px - var(--Post-Padding));
|
||
margin-right:0;
|
||
padding:var(--Post-Padding);
|
||
padding-right:2px;
|
||
}
|
||
|
||
.calenglass {
|
||
margin-top:-.5px;
|
||
margin-right:8px;
|
||
width:calc(var(--Body-Font-Size) + 1.5px);
|
||
height:calc(var(--Body-Font-Size) + 1.5px);
|
||
-webkit-mask-size:contain;
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-position:center;
|
||
-webkit-mask-image:var(--calenglass);
|
||
background:{color:permalink};
|
||
border:.5px solid transparent;
|
||
}
|
||
|
||
.permaright {
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
letter-spacing:1px;
|
||
}
|
||
|
||
.permaright a {
|
||
display:block;
|
||
position:relative;
|
||
{block:IndexPage}
|
||
width:var(--Post-Buttons-Size);
|
||
height:var(--Post-Buttons-Size);
|
||
{/block:IndexPage}
|
||
}
|
||
|
||
.permaright span {display:block}
|
||
|
||
.permaright a + a {
|
||
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);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.permaright a[dash]{
|
||
font-size:calc(var(--SmallCaps-Font-Size) + 1px);
|
||
}
|
||
|
||
/*---- POST NOTES ----*/
|
||
.notescont {
|
||
margin-top:var(--Side-Padding);
|
||
padding:var(--Post-Padding);
|
||
background:{color:post};
|
||
border:1px solid {color:post borders outer};
|
||
}
|
||
|
||
.notescont h1 {
|
||
margin-top:5px;
|
||
margin-bottom:calc(var(--Heading-Margins) + 4px);
|
||
letter-spacing:1px;
|
||
text-align:center;
|
||
}
|
||
|
||
.notescont ol.notes {
|
||
padding:0;
|
||
margin:0;
|
||
}
|
||
|
||
.notescont li {
|
||
list-style-type:none;
|
||
padding:0!important;
|
||
}
|
||
|
||
.notescont li + li {
|
||
margin-top:var(--Notes-Row-Spacing);
|
||
}
|
||
|
||
.notescont li:before {
|
||
font-family:phosphor;
|
||
font-size:var(--Notes-Indicator-Size);
|
||
color:{color:text};
|
||
vertical-align:middle;
|
||
}
|
||
|
||
.notescont li.like:before {
|
||
content:"\f1ca";
|
||
}
|
||
|
||
.notescont li.reblog:before {
|
||
content:"\f2c3";
|
||
}
|
||
|
||
.notescont li.reply:before,
|
||
.notescont li.with_commentary:before {
|
||
content:"\f0db"!important;
|
||
}
|
||
|
||
.notescont .avatar_frame {
|
||
display:none;
|
||
}
|
||
|
||
.notescont .avatar_frame + .action {
|
||
margin-left:var(--Notes-Indicator-Gap-Right);
|
||
}
|
||
|
||
.notescont .action a {
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - .5px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
color:{color:reblogger};
|
||
}
|
||
|
||
.notescont blockquote {
|
||
margin-left:calc(var(--Notes-Indicator-Size) / 2);
|
||
padding-left:calc((var(--Notes-Indicator-Size) / 2) + var(--Notes-Indicator-Gap-Right));
|
||
}
|
||
|
||
.more_notes_link_container {
|
||
margin-top:1em!important;
|
||
margin-bottom:calc(var(--Paragraph-Margins) / 2);
|
||
}
|
||
|
||
.more_notes_link {
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
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:var(--Post-Spacing);
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
line-height:1em;
|
||
}
|
||
|
||
.botpagi a {
|
||
padding:0.69em;
|
||
margin:-0.69em;
|
||
color:var(--Pagination-Color)!important;
|
||
}
|
||
|
||
.botpagi span {
|
||
padding:0 4px;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
/*---- OTHER ----*/
|
||
.ghostest {display:none}
|
||
|
||
.msgbby {
|
||
position:fixed;
|
||
bottom:0;left:0;
|
||
width:100%;
|
||
padding:12px;
|
||
background:#e0ddd6;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:var(--SmallCaps-Font-Size);
|
||
text-transform:uppercase;
|
||
letter-spacing:.7px;
|
||
color:#4b4239;
|
||
box-sizing:border-box;
|
||
text-align:center;
|
||
z-index:69;
|
||
}
|
||
|
||
.msgbby span {
|
||
font-weight:bold;
|
||
color:#a97a60;
|
||
}
|
||
|
||
/*---- CORNER MUSIC PLAYER ----*/
|
||
.mplayer {
|
||
position:fixed;
|
||
bottom:0;margin-bottom:var(--MusicPlayer-Edge-Offset);
|
||
left:0;margin-left:var(--MusicPlayer-Edge-Offset);
|
||
display:flex;
|
||
align-items:center;
|
||
z-index:70;
|
||
filter:drop-shadow(2px 2px 1px rgba(0,0,0,4%))
|
||
}
|
||
|
||
.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(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
||
text-transform:uppercase;
|
||
letter-spacing:.5px;
|
||
color:var(--MusicPlayer-Text-Color);
|
||
}
|
||
|
||
.pausee {display:none;}
|
||
|
||
.beff {display:none;}
|
||
.aff {display:block;}
|
||
|
||
/*---- BACK TO TOP BUTTON -----*/
|
||
.raspberry {
|
||
position:fixed;
|
||
bottom:0;margin-bottom:calc(var(--ScrollToTop-Edge-Offset) - 3px);
|
||
right:0;margin-right:calc(var(--ScrollToTop-Edge-Offset) + (var(--Scrollbar-Padding) / 2) - 3px);
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:flex-end;
|
||
padding:6px;
|
||
z-index:20;
|
||
visibility:hidden;
|
||
opacity:0;
|
||
cursor:help;
|
||
z-index:70;
|
||
}
|
||
|
||
.brulee {
|
||
visibility:visible;
|
||
opacity:1;
|
||
}
|
||
|
||
.raspberry, .brulee {
|
||
transition:visibility 0.269s 0s ease-in-out, opacity 0.269s ease-in-out;
|
||
}
|
||
|
||
.mooseberry {
|
||
margin-right:6px;
|
||
font-family:var(--SmallCaps-Font-Family);
|
||
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
|
||
text-transform:uppercase;
|
||
letter-spacing:1px;
|
||
line-height:1.5em;
|
||
text-align:right;
|
||
visibility:hidden;
|
||
opacity:0;
|
||
transition:visibility 0.269s 0s ease-in-out, opacity 0.269s ease-in-out;
|
||
}
|
||
|
||
.raspberry:hover .mooseberry {
|
||
visibility:visible;
|
||
opacity:1;
|
||
}
|
||
|
||
.blueberry {
|
||
width:calc(var(--ScrollToTop-Arrow-Size) / 2);
|
||
height:var(--ScrollToTop-Arrow-Size);
|
||
transform:scaleY(-1);
|
||
-webkit-mask-repeat:no-repeat;
|
||
-webkit-mask-size:cover;
|
||
-webkit-mask-position:center;
|
||
-webkit-mask-image:var(--arrow-1224323);
|
||
background:{color:text};
|
||
}
|
||
|
||
{CustomCSS}
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<!--------------------------------------------------->
|
||
|
||
<body>
|
||
|
||
<!---- SCROLL-TO-TOP BUTTON ---->
|
||
<div class="raspberry">
|
||
<div class="mooseberry">
|
||
scroll<br>to top
|
||
</div>
|
||
<div class="blueberry"></div>
|
||
</div>
|
||
|
||
<!---- CORNER MUSIC PLAYER ---->
|
||
{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}
|
||
|
||
|
||
<!---- MAIN CONTAINER ---->
|
||
<!-- jeez that's a lot of containers -->
|
||
<div class="tout">
|
||
<div class="clownfest">
|
||
|
||
<!---- CONTAINER BACKGROUND + SHADOW ---->
|
||
<div class="hvtman">
|
||
<div class="hvvt" shad="{select:container shadow}"></div>
|
||
</div>
|
||
|
||
<!---- HEADER ---->
|
||
<div class="headcont">
|
||
<!---- HEADER DESCRIPTION ---->
|
||
<div class="ovcover">
|
||
<div class="ovm">
|
||
<div class="avicont">
|
||
<img class="avighost" src="{image:header icon}">
|
||
<div class="avi-icon"></div>
|
||
</div>
|
||
|
||
{block:Description}
|
||
<div class="descont">{Description}</div>
|
||
{/block:Description}
|
||
</div>
|
||
</div><!--ovcover-->
|
||
|
||
<!---- CIRCLE LINKS ---->
|
||
<!-- please do not delete the credit thank you! -->
|
||
<div class="circle-links">
|
||
<a href="/" title="home">
|
||
<span class="home-la"></span>
|
||
</a>
|
||
|
||
<a href="/ask" title="askbox">
|
||
<i class="cp cp-envelope-alt-o"></i>
|
||
</a>
|
||
|
||
<a href="/archive" title="archive">
|
||
<i class="cp cp-calendar-o"></i>
|
||
</a>
|
||
|
||
<a href="//glenthemes.tumblr.com" title="theme by glenthemes">
|
||
<span class="glen-la"></span>
|
||
</a>
|
||
</div><!--circle-links-->
|
||
</div><!--headcont-->
|
||
|
||
<!---- TITLE BAR ---->
|
||
<div class="titbar">
|
||
{block:ifheadertitle}
|
||
{text:header title}
|
||
{/block:ifheadertitle}
|
||
|
||
{block:ifnotheadertitle}
|
||
{Title}
|
||
{/block:ifnotheadertitle}
|
||
</div>
|
||
|
||
<!---- POSTS + SIDEBAR ---->
|
||
<div class="alicont">
|
||
|
||
<!---- SIDEBAR ---->
|
||
<div class="le-sidebar" sb-border="{select:sidebar image border}">
|
||
<div class="pancake">
|
||
<!---- SIDEBAR IMAGE ---->
|
||
<img class="sb-img" src="{image:sidebar image}">
|
||
|
||
<!---- SIDEBAR ICON + STATS ---->
|
||
<div class="letable">
|
||
<div class="reflex">
|
||
<div class="moocake" sb-icon="{image:sidebar icon}">
|
||
<div class="sb-ico-cont">
|
||
<img class="sb-ico-ghost" src="{image:sidebar icon}">
|
||
<div class="sb-ico"></div>
|
||
</div>
|
||
</div><!--moocake-->
|
||
|
||
<div class="sb-ico-text">
|
||
{text:sidebar text}
|
||
</div>
|
||
</div><!--reflex-->
|
||
</div><!--letable-->
|
||
|
||
<!---- CUSTOM LINKS ---->
|
||
<div class="customlinks">
|
||
{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}
|
||
|
||
{block:ifcustomlink7name}
|
||
<a href="{text:customlink 7 URL}">{text:customlink 7 name}</a>
|
||
{/block:ifcustomlink7name}
|
||
|
||
{block:ifcustomlink8name}
|
||
<a href="{text:customlink 1 URL}">{text:customlink 8 name}</a>
|
||
{/block:ifcustomlink8name}
|
||
</div><!--customlinks-->
|
||
</div><!--pancake-->
|
||
</div><!--le-sidebar-->
|
||
|
||
|
||
<!---- POSTS ---->
|
||
<div class="postscont" black-and-white="{select:grayscale images}">
|
||
|
||
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
|
||
<div class="posts {PostType}-post" id="{PostID}" post-type="{PostType}">
|
||
|
||
<div class="postinner">
|
||
|
||
{block:RebloggedFrom}
|
||
<div class="reblog-head nosrc">
|
||
<img src="{ReblogRootPortraitURL-64}">
|
||
<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}{Body}{/block:NotReblog}
|
||
{block:RebloggedFrom}
|
||
{block:Reblogs}
|
||
<div class="reblog-wrap">
|
||
<div class="reblog-head source-head">
|
||
<img src="{PortraitURL-64}">
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Username}</a>
|
||
</span>
|
||
</div>
|
||
<div class="reblog-comment">{Body}</div>
|
||
</div>
|
||
{/block:Reblogs}
|
||
{/block:RebloggedFrom}
|
||
{/block:Text}
|
||
|
||
<!------ SINGLE PHOTO ------>
|
||
{block:Photo}
|
||
<a class="single-photo" onclick="Tumblr.Lightbox.init([{ width:{PhotoWidth-HighRes}, height:{PhotoHeight-HighRes}, low_res:'{PhotoURL-500}', high_res:'{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="photopic" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
|
||
{/block:Photo}
|
||
|
||
<!------ PHOTOSETS ------>
|
||
{block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
|
||
|
||
<!------ QUOTE POSTS ------>
|
||
{block:Quote}
|
||
<div class="quote-words">{Quote}</div>
|
||
{block:Source}
|
||
<div class="quote-source">
|
||
<span mdash>—</span>
|
||
{Source}
|
||
</div>{/block:Source}
|
||
{/block:Quote}
|
||
|
||
<!------ LINK POSTS ------>
|
||
{block:Link}
|
||
<a class="linkpost-title" href="{URL}" {Target}>
|
||
<span>{Name}</span>
|
||
<div class="linksym"></div>
|
||
</a>
|
||
|
||
{block:Excerpt}
|
||
<div class="link-excerpt">
|
||
{Excerpt}
|
||
{block:Host}— <a class="le-host" href="{URL}" {Target}>{Host}</a>{/block:Host}
|
||
</div>
|
||
{/block:Excerpt}
|
||
|
||
{block:Description}
|
||
<div class="link-description">
|
||
{block:NotReblog}{Description}{/block:NotReblog}
|
||
{block:RebloggedFrom}
|
||
{block:Reblogs}
|
||
<div class="reblog-wrap">
|
||
<div class="reblog-head">
|
||
<img src="{PortraitURL-64}">
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Username}</a>
|
||
</span>
|
||
</div>
|
||
<div class="reblog-comment">{Body}</div>
|
||
</div>
|
||
{/block:Reblogs}
|
||
{/block:RebloggedFrom}
|
||
</div>
|
||
{/block:Description}
|
||
{/block:Link}
|
||
|
||
<!------ CHAT POSTS ------>
|
||
{block:Chat}
|
||
{block:Lines}
|
||
<div class="chat_row">
|
||
{block:Label}
|
||
<div class="chat_label">{Label}</div>
|
||
{/block:Label}
|
||
|
||
<div class="chat_content">
|
||
{Line}
|
||
</div>
|
||
</div>
|
||
{/block:Lines}
|
||
{/block:Chat}
|
||
|
||
<!------ AUDIO POSTS ------>
|
||
{block:Audio}
|
||
<div class="audiowrap">
|
||
{block:AudioPlayer}
|
||
<div class="aud-emb">
|
||
{AudioPlayer}
|
||
</div>
|
||
{/block:AudioPlayer}
|
||
|
||
<div class="albumwrap" {block:AlbumArt}has-cover{/block:AlbumArt}>
|
||
{block:AlbumArt}
|
||
<img src="{AlbumArtURL}">
|
||
{/block:AlbumArt}
|
||
|
||
<div class="audplac"></div>
|
||
|
||
<div class="butts">
|
||
<div class="overplay"></div>
|
||
<div class="overpause"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="audiotxt">
|
||
<div class="odin">
|
||
|
||
<div class="aud-song-name" {block:TrackName}has-name{/block:TrackName}>
|
||
<div class="untit">Untitled track</div>
|
||
|
||
{block:TrackName}
|
||
<div class="hastit">{TrackName}</div>
|
||
{/block:TrackName}
|
||
</div>
|
||
|
||
{block:Album}
|
||
<div class="aud-album-name">{Album}</div>
|
||
{/block:Album}
|
||
|
||
<div class="aud-artist" {block:Artist}has-artist{/block:Artist}>
|
||
<div class="unart">Unknown artist</div>
|
||
|
||
{block:Artist}
|
||
<div class="hasart">{Artist}</div>
|
||
{/block:Artist}
|
||
</div>
|
||
</div><!--odin-->
|
||
|
||
<a class="inari" title="download" target="_blank">
|
||
<span class="int-all"></span>
|
||
</a>
|
||
</div><!--audiotxt-->
|
||
</div><!--audiowrap-->
|
||
{/block:Audio}
|
||
|
||
<!------ VIDEO POSTS ------>
|
||
{block:Video}
|
||
<div class="tmblr-video">{Video-500}</div>
|
||
{/block:Video}
|
||
|
||
<!------ ANSWER POSTS ------>
|
||
{block:Answer}
|
||
<!-- who asked? -->
|
||
<div class="reblog-wrap une_question">
|
||
<div class="asker-person reblog-head">
|
||
<div class="askpot">
|
||
<img src="{AskerPortraitURL-64}">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="reblog-comment">
|
||
<span class="reblog-url">{Asker} asked:</span>
|
||
<div class="question_text">{Question}</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--------------------------------------->
|
||
|
||
<!-- who answered? -->
|
||
{block:Answerer}
|
||
<div class="reblog-wrap une_reponse">
|
||
<div class="answerer reblog-head">
|
||
<img src="{AnswererPortraitURL-64}">
|
||
<span class="reblog-url">{Answerer} answered:</span>
|
||
</div>
|
||
<p class="answer_text">{Answer}</p>
|
||
</div>
|
||
|
||
<!-- additional reblogs to the ask post -->
|
||
{block:Reblogs}
|
||
<div class="reblog-wrap reply_container">
|
||
<div class="replier reblog-head">
|
||
<img src="{PortraitURL-64}">
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Username}</a>
|
||
</span>
|
||
</div>
|
||
<div class="reply">{Body}</div>
|
||
</div>
|
||
{/block:Reblogs}
|
||
{/block:Answerer}
|
||
|
||
<!--------------------------------------->
|
||
|
||
<!-- original answer post -->
|
||
{block:NotReblog}
|
||
<div class="reblog-wrap une-reponse">
|
||
<div class="answerer reblog-head">
|
||
<img src="{PortraitURL-64}">
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Name}</a>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="answer_text">{Answer}</div>
|
||
</div><!--answer-container-->
|
||
{/block:NotReblog}
|
||
{/block:Answer}
|
||
<!------ END ANSWER ------>
|
||
|
||
<!------ 'CAPTION'? ------>
|
||
{block:Caption}
|
||
<div class="caption">
|
||
{block:NotReblog}{Caption}{/block:NotReblog}
|
||
{block:RebloggedFrom}
|
||
{block:Reblogs}
|
||
<div class="reblog-wrap">
|
||
<div class="reblog-head">
|
||
<img src="{PortraitURL-64}">
|
||
<span class="reblog-url">
|
||
<a href="{Permalink}">{Username}</a>
|
||
</span>
|
||
</div><!--reblog-head-->
|
||
<div class="reblog-comment">{Body}</div>
|
||
</div><!--comment-container-->
|
||
{/block:Reblogs}
|
||
{/block:RebloggedFrom}
|
||
</div><!--caption-->
|
||
{/block:Caption}
|
||
|
||
|
||
<!------ TAGS ------>
|
||
{block:HasTags}
|
||
<div class="tagsdiv" clicktags="{select:click tags}">
|
||
<div class="tagsin">
|
||
{block:Tags}
|
||
<a href="{TagURL}">{Tag}</a>
|
||
{/block:Tags}
|
||
</div>
|
||
</div>
|
||
{/block:HasTags}
|
||
</div><!--postinner-->
|
||
|
||
<!------ PERMALINK ------>
|
||
{block:Date}
|
||
<div class="permadiv">
|
||
<div class="permaleft">
|
||
<a {block:IndexPage}href="{Permalink}"{/block:IndexPage}>
|
||
<div class="calenglass"></div>
|
||
{Month} {DayOfMonth}{DayOfMonthSuffix} {24Hour}:{Minutes}
|
||
 {TimeAgo}</span>
|
||
{block:IndexPage}
|
||
 {NoteCountWithLabel}</span>
|
||
{block:PinnedPostLabel} Pinned Post{/block:PinnedPostLabel}
|
||
{/block:IndexPage}
|
||
</a>
|
||
</div>
|
||
|
||
<!------------------------------>
|
||
{block:IndexPage}
|
||
<div class="permaright" clicktags="{select:click tags}">
|
||
{block:HasTags}
|
||
<a class="clicktags">
|
||
<span class="hash"></span>
|
||
</a>
|
||
{/block:HasTags}
|
||
|
||
|
||
<a href="{ReblogURL}" title="reblog this post">
|
||
<span class="rb_icon"></span>
|
||
</a>
|
||
|
||
<a 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 dash>/</a>
|
||
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
|
||
{/block:RebloggedFrom}
|
||
</div>
|
||
{/block:PermalinkPage}
|
||
|
||
</div><!--permadiv-->
|
||
{/block:Date}
|
||
|
||
{block:PostNotes}
|
||
<div class="notescont">
|
||
<h1>{NoteCountWithLabel}</h1>
|
||
{PostNotes}
|
||
</div>
|
||
{/block:PostNotes}
|
||
</div><!--posts-->
|
||
|
||
{/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><!--alicont-->
|
||
</div><!--clownfest-->
|
||
</div><!--tout-->
|
||
|
||
<script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
|
||
|
||
</body>
|
||
</html> |