₊⁺✿˚
This commit is contained in:
parent
7e535dc793
commit
7741de82c3
406
02-Midnight-Rose
406
02-Midnight-Rose
|
|
@ -4,7 +4,10 @@ Made by glenthemes
|
|||
|
||||
Initial release: 2015/08/10
|
||||
Revamp date: 2016/12/14
|
||||
Last updated: 2023/05/06
|
||||
Last updated: 2023/07/30
|
||||
|
||||
What's new:
|
||||
✱ NPF audio post support
|
||||
|
||||
TERMS OF USE:
|
||||
1) Do not remove the theme credit.
|
||||
|
|
@ -14,7 +17,7 @@ TERMS OF USE:
|
|||
5) Do not mix my themes together.
|
||||
|
||||
To change the icons (icon font):
|
||||
1. Go to this site: linearicons.com/free
|
||||
1. Go to this site: linearicons.com/free#cheat-sheet
|
||||
2. Choose an icon you want
|
||||
3. Copy the icon text
|
||||
4. Paste it in the "Link 1 icon" text field
|
||||
|
|
@ -65,7 +68,7 @@ $(document).ready(function(){
|
|||
$('.photo-slideshow').pxuPhotoset({
|
||||
lightbox: true,
|
||||
rounded: false,
|
||||
gutter: '{text:photoset gutter width}px',
|
||||
gutter: '{select:photos spacing}',
|
||||
borderRadius: '0px',
|
||||
photoset: '.photo-slideshow',
|
||||
photoWrap: '.photo-data',
|
||||
|
|
@ -99,7 +102,7 @@ $(document).ready(function(){
|
|||
<style tmblr-npf>
|
||||
:root {
|
||||
--NPF-Caption-Spacing:1em;
|
||||
--NPF-Image-Spacing:{text:photoset gutter width}px;
|
||||
--NPF-Image-Spacing:{select:photos spacing};
|
||||
}
|
||||
|
||||
a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
|
||||
|
|
@ -126,7 +129,7 @@ $(document).ready(function(){
|
|||
<!-- unblue polls -->
|
||||
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
|
||||
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
|
||||
<style>
|
||||
<style unblue-polls>
|
||||
.poll-post {
|
||||
--Poll-Question-Font-Size: {text:font size};
|
||||
|
||||
|
|
@ -140,7 +143,7 @@ $(document).ready(function(){
|
|||
{/block:ifenabletransparency}
|
||||
|
||||
--Poll-Option-Padding: 8px;
|
||||
--Poll-Option-Font-Size: {text:font size}px;
|
||||
--Poll-Option-Font-Size: {select:font size};
|
||||
--Poll-Option-Spacing: 10px;
|
||||
--Poll-Option-Text-Color: {color:permalink};
|
||||
|
||||
|
|
@ -159,8 +162,77 @@ $(document).ready(function(){
|
|||
}
|
||||
</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: "Track:",
|
||||
artistLabel: "Artist:",
|
||||
albumLabel: "Album:"
|
||||
});
|
||||
</script>
|
||||
<style edit-npf-audio-player>
|
||||
.npf-audio-wrapper {
|
||||
--NPF-Audio-Buttons-Size: {select:font size};
|
||||
--NPF-Audio-Buttons-Color: {color:question and chat text};
|
||||
--NPF-Audio-Buttons-Padding: 9px;
|
||||
--NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 10px);
|
||||
--NPF-Audio-Image-Spacing: 0.9rem;
|
||||
}
|
||||
|
||||
.npf-audio-background {
|
||||
margin-left:calc(14px + var(--NPF-Audio-Buttons-Padding));
|
||||
}
|
||||
|
||||
.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:{color:question and chat background};
|
||||
border-radius:100%;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
.npf-audio-play svg { margin-left:1px; }
|
||||
.npf-audio-pause svg { margin-left:0; }
|
||||
|
||||
.npf-audio-title-label,
|
||||
.npf-audio-artist-label,
|
||||
.npf-audio-album-label {
|
||||
color:{color:bold};
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
figcaption.audio-caption,
|
||||
figcaption.audio-caption ~ audio[controls],
|
||||
figcaption.audio-caption img, .npf-audio-image {
|
||||
display:none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
|
||||
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
|
||||
|
||||
<!--------------------IMAGES-------------------->
|
||||
<meta name="image:background image" content="//static.tumblr.com/50a0eaea7a034bdc697c5c6c15cadfa9/2pnwama/w34pmbnpl/tumblr_static_1978rqewdce800wks44sssg8o.jpg"/>
|
||||
<meta name="image:sidebar render" content="//static.tumblr.com/6f82d6d3b9efbfa55bb5de5267be6b1b/2pnwama/n89pmbxkt/tumblr_static_viy6gbjgjwg4kw44k4ookk04.png"/>
|
||||
<meta name="image:sidebar icon" content="//static.tumblr.com/01f50b91f6df4bd7eeb3b2365e69255f/2pnwama/YPFpmbs7o/tumblr_static_87n24byrulc0oksc0gkkgwg84.png"/>
|
||||
<meta name="image:scroll to top button image" content="//static.tumblr.com/1015b7c32b0870cc4865499cddd9e43d/2pnwama/1QPpmbut6/tumblr_static_e8z1lzsi6rwo008808o84wcwk.png"/>
|
||||
|
||||
<!--------------------COLORS-------------------->
|
||||
<meta name="color:background" content="#0d0203"/>
|
||||
|
|
@ -192,13 +264,13 @@ $(document).ready(function(){
|
|||
<meta name="color:tags hover" content="#b997ce">
|
||||
|
||||
<meta name="color:sidebar borders" content="#111111">
|
||||
<meta name="color:description background" content="#15151c">
|
||||
<meta name="color:description text" content="#a3a6a9">
|
||||
<meta name="color:description bold" content="#b2acbe">
|
||||
<meta name="color:description italic" content="#ccc">
|
||||
<meta name="color:description link" content="#c3a7d6">
|
||||
<meta name="color:description link hover" content="#d6c4f3">
|
||||
<meta name="color:description scrollbar" content="#52465e">
|
||||
<meta name="color:desc background" content="#15151c">
|
||||
<meta name="color:desc text" content="#a3a6a9">
|
||||
<meta name="color:desc bold" content="#b2acbe">
|
||||
<meta name="color:desc italic" content="#ccc">
|
||||
<meta name="color:desc link" content="#c3a7d6">
|
||||
<meta name="color:desc link hover" content="#d6c4f3">
|
||||
<meta name="color:desc scrollbar" content="#52465e">
|
||||
<meta name="color:sidebar nav links icon" content="#baa1af">
|
||||
<meta name="color:sidebar nav links bg" content="#1b1425">
|
||||
<meta name="color:sidebar nav links icon hover" content="#baa1af">
|
||||
|
|
@ -214,7 +286,7 @@ $(document).ready(function(){
|
|||
<meta name="color:pagination text" content="#888">
|
||||
<meta name="color:pagination link" content="#b997ce">
|
||||
|
||||
<!--------------------FONTS-------------------->
|
||||
<!-----------------DROPDOWN OPTS----------------->
|
||||
<meta name="select:body font family" title="Exo" content="Exo"/>
|
||||
<meta name="select:body font family" title="Inconsolata" content="Inconsolata"/>
|
||||
<meta name="select:body font family" title="Karla" content="Karla"/>
|
||||
|
|
@ -231,34 +303,163 @@ $(document).ready(function(){
|
|||
<meta name="select:desc font family" title="Muli" content="Muli"/>
|
||||
<meta name="select:desc font family" title="Open Sans" content="Open Sans"/>
|
||||
<meta name="select:desc font family" title="Quicksand" content="Quicksand"/>
|
||||
|
||||
<!--------------------OPTIONS-------------------->
|
||||
<meta name="if:full sized background" content="1" />
|
||||
<meta name="if:background blur" content="1" />
|
||||
<meta name="if:enable transparency" content="1" />
|
||||
|
||||
<meta name="select:description text align" title="justify" content="justify"/>
|
||||
<meta name="select:description text align" title="center" content="center"/>
|
||||
<meta name="select:description text align" title="left" content="left"/>
|
||||
<meta name="select:description text align" title="right" content="right"/>
|
||||
<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:font size" title="15px" content="15px">
|
||||
<meta name="select:font size" title="16px" content="16px">
|
||||
|
||||
<meta name="select:post width" title="420px" content="420px">
|
||||
<meta name="select:post width" title="300px" content="300px">
|
||||
<meta name="select:post width" title="350px" content="350px">
|
||||
<meta name="select:post width" title="400px" content="400px">
|
||||
<meta name="select:post width" title="450px" content="450px">
|
||||
<meta name="select:post width" title="500px" content="500px">
|
||||
<meta name="select:post width" title="540px" content="540px">
|
||||
<meta name="select:post width" title="600px" content="600px">
|
||||
|
||||
<meta name="select:post padding" title="20px" content="20px">
|
||||
<meta name="select:post padding" title="10px" content="10px">
|
||||
<meta name="select:post padding" title="15px" content="15px">
|
||||
<meta name="select:post padding" title="25px" content="25px">
|
||||
|
||||
<meta name="select:photos spacing" title="4px" content="4px">
|
||||
<meta name="select:photos spacing" title="0px" content="0px">
|
||||
<meta name="select:photos spacing" title="2px" content="2px">
|
||||
<meta name="select:photos spacing" title="6px" content="6px">
|
||||
<meta name="select:photos spacing" title="8px" content="8px">
|
||||
<meta name="select:photos spacing" title="10px" content="10px">
|
||||
|
||||
<meta name="select:post spacing" title="40px" content="40px">
|
||||
<meta name="select:post spacing" title="20px" content="20px">
|
||||
<meta name="select:post spacing" title="25px" content="25px">
|
||||
<meta name="select:post spacing" title="30px" content="30px">
|
||||
<meta name="select:post spacing" title="35px" content="35px">
|
||||
<meta name="select:post spacing" title="45px" content="45px">
|
||||
<meta name="select:post spacing" title="50px" content="50px">
|
||||
<meta name="select:post spacing" title="55px" content="55px">
|
||||
<meta name="select:post spacing" title="60px" content="60px">
|
||||
|
||||
<meta name="select:center gap" title="85px" content="85px">
|
||||
<meta name="select:center gap" title="20px" content="20px">
|
||||
<meta name="select:center gap" title="25px" content="25px">
|
||||
<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="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="75px" content="75px">
|
||||
<meta name="select:center gap" title="80px" content="80px">
|
||||
<meta name="select:center gap" title="90px" content="90px">
|
||||
<meta name="select:center gap" title="95px" content="95px">
|
||||
<meta name="select:center gap" title="100px" content="100px">
|
||||
<meta name="select:center gap" title="105px" content="105px">
|
||||
<meta name="select:center gap" title="110px" content="110px">
|
||||
|
||||
<meta name="select:sidebar image width" title="260px" content="260px">
|
||||
<meta name="select:sidebar image width" title="170px" content="170px">
|
||||
<meta name="select:sidebar image width" title="200px" content="200px">
|
||||
<meta name="select:sidebar image width" title="230px" content="230px">
|
||||
<meta name="select:sidebar image width" title="290px" content="290px">
|
||||
<meta name="select:sidebar image width" title="320px" content="320px">
|
||||
<meta name="select:sidebar image width" title="350px" content="350px">
|
||||
|
||||
<meta name="select:sidebar icon size" title="100px" content="100px">
|
||||
<meta name="select:sidebar icon size" title="38px" content="38px">
|
||||
<meta name="select:sidebar icon size" title="64px" content="64px">
|
||||
<meta name="select:sidebar icon size" title="80px" content="80px">
|
||||
<meta name="select:sidebar icon size" title="128px" content="128px">
|
||||
<meta name="select:sidebar icon size" title="150px" content="150px">
|
||||
|
||||
<meta name="select:sidebar icon border" title="8px" content="8px">
|
||||
<meta name="select:sidebar icon border" title="0px" content="0px">
|
||||
<meta name="select:sidebar icon border" title="2px" content="2px">
|
||||
<meta name="select:sidebar icon border" title="4px" content="4px">
|
||||
<meta name="select:sidebar icon border" title="6px" content="6px">
|
||||
<meta name="select:sidebar icon border" title="10px" content="10px">
|
||||
<meta name="select:sidebar icon border" title="12px" content="12px">
|
||||
<meta name="select:sidebar icon border" title="14px" content="14px">
|
||||
<meta name="select:sidebar icon border" title="16px" content="16px">
|
||||
<meta name="select:sidebar icon border" title="18px" content="18px">
|
||||
<meta name="select:sidebar icon border" title="20px" content="20px">
|
||||
|
||||
<meta name="select:sidebar line width" title="20px" content="20px">
|
||||
<meta name="select:sidebar line width" title="4px" content="4px">
|
||||
<meta name="select:sidebar line width" title="8px" content="8px">
|
||||
<meta name="select:sidebar line width" title="12px" content="12px">
|
||||
<meta name="select:sidebar line width" title="16px" content="16px">
|
||||
<meta name="select:sidebar line width" title="24px" content="24px">
|
||||
<meta name="select:sidebar line width" title="28px" content="28px">
|
||||
<meta name="select:sidebar line width" title="32px" content="32px">
|
||||
<meta name="select:sidebar line width" title="36px" content="36px">
|
||||
|
||||
<meta name="select:desc width" title="280px" content="280px">
|
||||
<meta name="select:desc width" title="120px" content="120px">
|
||||
<meta name="select:desc width" title="160px" content="160px">
|
||||
<meta name="select:desc width" title="200px" content="200px">
|
||||
<meta name="select:desc width" title="240px" content="240px">
|
||||
<meta name="select:desc width" title="320px" content="320px">
|
||||
<meta name="select:desc width" title="360px" content="360px">
|
||||
<meta name="select:desc width" title="400px" content="400px">
|
||||
|
||||
<meta name="select:desc padding" title="18px" content="18px">
|
||||
<meta name="select:desc padding" title="9px" content="9px">
|
||||
<meta name="select:desc padding" title="12px" content="12px">
|
||||
<meta name="select:desc padding" title="15px" content="15px">
|
||||
<meta name="select:desc padding" title="21px" content="21px">
|
||||
<meta name="select:desc padding" title="24px" content="24px">
|
||||
<meta name="select:desc padding" title="27px" content="27px">
|
||||
|
||||
<meta name="select:desc font size" title="11px" content="11px">
|
||||
<meta name="select:desc font size" title="12px" content="12px">
|
||||
<meta name="select:desc font size" title="13px" content="13px">
|
||||
<meta name="select:desc font size" title="14px" content="14px">
|
||||
<meta name="select:desc font size" title="15px" content="15px">
|
||||
<meta name="select:desc font size" title="16px" content="16px">
|
||||
|
||||
<meta name="select:desc text align" title="justify" content="justify"/>
|
||||
<meta name="select:desc text align" title="center" content="center"/>
|
||||
<meta name="select:desc text align" title="left" content="left"/>
|
||||
<meta name="select:desc text align" title="right" content="right"/>
|
||||
|
||||
<meta name="select:transparency" title="60%" content="0.4">
|
||||
<meta name="select:transparency" title="0% (solid)" content="1">
|
||||
<meta name="select:transparency" title="10%" content="0.9">
|
||||
<meta name="select:transparency" title="20%" content="0.8">
|
||||
<meta name="select:transparency" title="30%" content="0.7">
|
||||
<meta name="select:transparency" title="40%" content="0.6">
|
||||
<meta name="select:transparency" title="50%" content="0.5">
|
||||
<meta name="select:transparency" title="70%" content="0.3">
|
||||
<meta name="select:transparency" title="80%" content="0.2">
|
||||
<meta name="select:transparency" title="90%" content="0.1">
|
||||
<meta name="select:transparency" title="100% (no color)" content="0">
|
||||
|
||||
<meta name="if:photo fade" content="0" />
|
||||
<meta name="if:monochrome posts" content="0" />
|
||||
|
||||
<!-----------------TOGGLE OPTS----------------->
|
||||
<meta name="if:full sized background" content="1" />
|
||||
<meta name="if:background blur" content="1" />
|
||||
<meta name="if:enable transparency" content="1" />
|
||||
|
||||
<meta name="if:scroll to top button" content="1" />
|
||||
<meta name="if:dark tumblr controls" content="0" />
|
||||
|
||||
<!--------------------IMAGES-------------------->
|
||||
<meta name="image:background image" content="//static.tumblr.com/50a0eaea7a034bdc697c5c6c15cadfa9/2pnwama/w34pmbnpl/tumblr_static_1978rqewdce800wks44sssg8o.jpg"/>
|
||||
<meta name="image:sidebar render" content="//static.tumblr.com/6f82d6d3b9efbfa55bb5de5267be6b1b/2pnwama/n89pmbxkt/tumblr_static_viy6gbjgjwg4kw44k4ookk04.png"/>
|
||||
<meta name="image:sidebar icon" content="//static.tumblr.com/01f50b91f6df4bd7eeb3b2365e69255f/2pnwama/YPFpmbs7o/tumblr_static_87n24byrulc0oksc0gkkgwg84.png"/>
|
||||
<meta name="image:scroll to top button image" content="//static.tumblr.com/1015b7c32b0870cc4865499cddd9e43d/2pnwama/1QPpmbut6/tumblr_static_e8z1lzsi6rwo008808o84wcwk.png"/>
|
||||
|
||||
<!--------------------TITLES-------------------->
|
||||
<!----------------TEXT FILDS---------------->
|
||||
<meta name="text:custom top title" content="">
|
||||
|
||||
<meta name="text:󠀠​" content="━━━━━━━━༺❀༻━━━━━━━━
">
|
||||
|
||||
<meta name="text:💖 ᴡʜᴇʀᴇ ᴛᴏ ғɪɴᴅ ɪᴄᴏɴs:" content="linearicons.com/free#cheat-sheet">
|
||||
<meta name="text:Link 1 icon" content="lnr-rocket">
|
||||
<meta name="text:Link 1" content="Sample link 1">
|
||||
<meta name="text:Link 1 URL" content="/">
|
||||
<meta name="text:Link 1 URL" content="https://www.youtube.com/watch?v=coXY25FGqxI">
|
||||
<meta name="text:Link 2 icon" content="">
|
||||
<meta name="text:Link 2" content="">
|
||||
<meta name="text:Link 2 URL" content="">
|
||||
|
|
@ -274,21 +475,10 @@ $(document).ready(function(){
|
|||
<meta name="text:Link 6 icon" content="">
|
||||
<meta name="text:Link 6" content="">
|
||||
<meta name="text:Link 6 URL" content="">
|
||||
<meta name="text:transparency value" content="0.4">
|
||||
<meta name="text:font size" content="12">
|
||||
<meta name="text:post width" content="420">
|
||||
<meta name="text:post padding" content="20">
|
||||
<meta name="text:photoset gutter width" content="10">
|
||||
<meta name="text:post margin" content="40">
|
||||
<meta name="text:sidebar left margin" content="85">
|
||||
<meta name="text:sidebar image width" content="260">
|
||||
<meta name="text:sidebar icon size" content="100">
|
||||
|
||||
<meta name="text:󠀠​​" content="━━━━━━━━༺❀༻━━━━━━━━
">
|
||||
|
||||
<meta name="text:sidebar icon hover title" content="return home">
|
||||
<meta name="text:sidebar border size" content="8">
|
||||
<meta name="text:sidebar line width" content="20">
|
||||
<meta name="text:description width" content="280">
|
||||
<meta name="text:description padding" content="15">
|
||||
<meta name="text:description font size" content="11">
|
||||
|
||||
<!-------------------------------------------------------------------->
|
||||
|
||||
|
|
@ -304,12 +494,12 @@ $(document).ready(function(){
|
|||
margin: 26px 9px 0px 15px;
|
||||
background-color: {color:post};
|
||||
font-family: {select:body font family};
|
||||
font-size: calc({text:font size}px - 3px);
|
||||
font-size: calc({select:font size} - 3px);
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
color: {color:text};
|
||||
z-index:99999999999999999999999999998!important;
|
||||
max-width: calc({text:post width}px * 1.25);
|
||||
max-width: calc({select:post width} * 1.25);
|
||||
-webkit-transition: all 0.1s ease-in-out;
|
||||
-moz-transition: all 0.1s ease-in-out;
|
||||
-o-transition: all 0.1s ease-in-out;
|
||||
|
|
@ -351,6 +541,8 @@ iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {background-color:{color:scrollbar background};}
|
||||
|
||||
* { scrollbar-width: thin }
|
||||
|
||||
/*--------------------TEXT HIGHLIGHT--------------------*/
|
||||
::selection {
|
||||
|
|
@ -370,7 +562,7 @@ color:{color:text};
|
|||
cursor:normal;
|
||||
font-family:{select:body font family};
|
||||
line-height:1.6em;
|
||||
font-size:{text:font size}px;
|
||||
font-size:{select:font size};
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
|
|
@ -407,7 +599,7 @@ hr {
|
|||
background-color:rgba({RGBcolor:text},0.3);
|
||||
}
|
||||
|
||||
p.npf_quirky, p.npf_quote {font-size:calc({text:font size}px + 5px);line-height:1em;}
|
||||
p.npf_quirky, p.npf_quote {font-size:calc({select:font size} + 5px);line-height:1em;}
|
||||
|
||||
/*--------------------LINKS--------------------*/
|
||||
a {
|
||||
|
|
@ -426,7 +618,7 @@ a:hover {text-decoration:none;}
|
|||
img {opacity:1;text-decoration:none;}
|
||||
|
||||
h1 {
|
||||
font-size:calc({text:font size}px + 6px);
|
||||
font-size:calc({select:font size} + 6px);
|
||||
font-family:big noodle titling;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
|
|
@ -543,10 +735,10 @@ h1 {
|
|||
#container {
|
||||
position:absolute;
|
||||
margin:0 auto;
|
||||
margin-top:calc(50px + {text:post margin}px);
|
||||
margin-bottom:{text:post margin}px;
|
||||
margin-top:calc(50px + {select:post spacing});
|
||||
margin-bottom:{select:post spacing};
|
||||
top:0;left:0;right:0;
|
||||
width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar left margin}px + {text:sidebar icon size}px + ({text:sidebar border size}px * 2) + {text:sidebar line width}px + {text:description width}px + 10px + 30px);
|
||||
width:calc({select:post width} + ({select:post padding} * 2) + {select:center gap} + {select:sidebar icon size} + ({select:sidebar icon border} * 2) + {select:sidebar line width} + {select:desc width} + 10px + 30px);
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -558,13 +750,13 @@ h1 {
|
|||
#cotton {
|
||||
position:fixed;
|
||||
bottom:0;margin-bottom:50px;
|
||||
margin-left:calc(({text:post width}px + {text:post padding}px * 2) + {text:sidebar left margin}px);
|
||||
margin-left:calc(({select:post width} + {select:post padding} * 2) + {select:center gap});
|
||||
/* total post width + gap between posts and sb */
|
||||
}
|
||||
|
||||
.potaeto {
|
||||
margin-left:calc({text:sidebar icon size}px + ({text:sidebar border size}px * 2) + {text:sidebar line width}px + (({text:description width}px - {text:sidebar image width}px) / 2));
|
||||
width:{text:sidebar image width}px;
|
||||
margin-left:calc({select:sidebar icon size} + ({select:sidebar icon border} * 2) + {select:sidebar line width} + (({select:desc width} - {select:sidebar image width}) / 2));
|
||||
width:{select:sidebar image width};
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
|
|
@ -579,26 +771,26 @@ h1 {
|
|||
}
|
||||
|
||||
.kao {
|
||||
width:{text:sidebar icon size}px;
|
||||
height:{text:sidebar icon size}px;
|
||||
width:{select:sidebar icon size};
|
||||
height:{select:sidebar icon size};
|
||||
background-color:{color:sidebar borders};
|
||||
border-radius:100%;
|
||||
border:{text:sidebar border size}px solid {color:sidebar borders};
|
||||
border:{select:sidebar icon border} solid {color:sidebar borders};
|
||||
}
|
||||
|
||||
.bitline {
|
||||
margin-left:-1px;
|
||||
width:calc({text:sidebar line width}px + 1px);
|
||||
height:{text:sidebar border size}px;
|
||||
width:calc({select:sidebar line width} + 1px);
|
||||
height:{select:sidebar icon border};
|
||||
background:{color:sidebar borders};
|
||||
}
|
||||
|
||||
.chips {
|
||||
height:calc({text:sidebar icon size}px + ({text:sidebar border size}px * 2));
|
||||
width:calc({text:description width}px - {text:sidebar border size}px);
|
||||
background-color:{color:description background};
|
||||
{block:ifenabletransparency}background-color:rgba({RGBcolor:description background},{text:transparency value});{/block:ifenabletransparency}
|
||||
border-left:{text:sidebar border size}px solid {color:sidebar borders};
|
||||
height:calc({select:sidebar icon size} + ({select:sidebar icon border} * 2));
|
||||
width:calc({select:desc width} - {select:sidebar icon border});
|
||||
background-color:{color:desc background};
|
||||
{block:ifenabletransparency}background-color:rgba({RGBcolor:desc background},{select:transparency});{/block:ifenabletransparency}
|
||||
border-left:{select:sidebar icon border} solid {color:sidebar borders};
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
|
|
@ -612,28 +804,28 @@ h1 {
|
|||
height:100%;
|
||||
overflow:auto;
|
||||
font-family:{select:desc font family};
|
||||
font-size:{text:description font size}px;
|
||||
color:{color:description text};
|
||||
text-align:{select:description text align};
|
||||
font-size:{select:desc font size};
|
||||
color:{color:desc text};
|
||||
text-align:{select:desc text align};
|
||||
line-height:1.65em;
|
||||
}
|
||||
|
||||
.desc b, .desc strong {
|
||||
color:{color:description bold};
|
||||
color:{color:desc bold};
|
||||
}
|
||||
|
||||
.desc i, .desc em {
|
||||
color:{color:description italic};
|
||||
color:{color:desc italic};
|
||||
}
|
||||
|
||||
.desc a {
|
||||
color:{color:description link};
|
||||
color:{color:desc link};
|
||||
padding-bottom:1px;
|
||||
border-bottom:0.5px solid rgba({RGBcolor:description link},0.4);
|
||||
border-bottom:0.5px solid rgba({RGBcolor:desc link},0.4);
|
||||
}
|
||||
|
||||
.desc a:hover {
|
||||
color:{color:description link hover};
|
||||
color:{color:desc link hover};
|
||||
border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4);
|
||||
}
|
||||
|
||||
|
|
@ -650,12 +842,12 @@ h1 {
|
|||
{/block:ifenabletransparency}
|
||||
|
||||
{block:ifnotenabletransparency}
|
||||
background-color:{color:description background};
|
||||
background-color:{color:desc background};
|
||||
{/block:ifnotenabletransparency}
|
||||
}
|
||||
|
||||
.desc::-webkit-scrollbar-thumb {
|
||||
background-color:{color:description scrollbar};
|
||||
background-color:{color:desc scrollbar};
|
||||
|
||||
{block:ifenabletransparency}
|
||||
border:4px solid transparent;
|
||||
|
|
@ -663,7 +855,7 @@ h1 {
|
|||
{/block:ifenabletransparency}
|
||||
|
||||
{block:ifnotenabletransparency}
|
||||
border:4px solid {color:description background};
|
||||
border:4px solid {color:desc background};
|
||||
{/block:ifnotenabletransparency}
|
||||
}
|
||||
|
||||
|
|
@ -696,11 +888,11 @@ h1 {
|
|||
/*--------------------POSTS--------------------*/
|
||||
.posts {
|
||||
overflow:hidden;
|
||||
margin-bottom:{text:post margin}px;
|
||||
width:{text:post width}px;
|
||||
padding:{text:post padding}px;
|
||||
margin-bottom:{select:post spacing};
|
||||
width:{select:post width};
|
||||
padding:{select:post padding};
|
||||
background-color:{color:post};
|
||||
{block:ifenabletransparency}background-color:rgba({RGBcolor:post},{text:transparency value});{/block:ifenabletransparency}
|
||||
{block:ifenabletransparency}background-color:rgba({RGBcolor:post},{select:transparency});{/block:ifenabletransparency}
|
||||
}
|
||||
|
||||
{block:PermalinkPage}
|
||||
|
|
@ -721,7 +913,7 @@ background-color:{color:post};
|
|||
.photos, .photos img {
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
width:{text:post width}px;
|
||||
width:{select:post width};
|
||||
|
||||
{block:IndexPage}
|
||||
{block:ifphotofade}
|
||||
|
|
@ -778,10 +970,10 @@ background-color:{color:post};
|
|||
|
||||
/*--------------------PERMALINK--------------------*/
|
||||
.permawrap {
|
||||
margin-top:{text:post padding}px;
|
||||
margin-left:-{text:post padding}px;
|
||||
padding-top:{text:post padding}px;
|
||||
width:calc(100% + ({text:post padding}px * 2));
|
||||
margin-top:{select:post padding};
|
||||
margin-left:-{select:post padding};
|
||||
padding-top:{select:post padding};
|
||||
width:calc(100% + ({select:post padding} * 2));
|
||||
border-top:1px solid {color:permalink border};
|
||||
|
||||
{block:ifenabletransparency}border-top:1px solid rgba({RGBcolor:permalink border},0.7);{/block:ifenabletransparency}
|
||||
|
|
@ -789,10 +981,10 @@ background-color:{color:post};
|
|||
|
||||
.perma {
|
||||
float:left;
|
||||
margin-left:{text:post padding}px;
|
||||
margin-left:{select:post padding};
|
||||
text-transform:uppercase;
|
||||
letter-spacing:1px;
|
||||
font-size:calc({text:font size}px - 2.5px);
|
||||
font-size:calc({select:font size} - 2.5px);
|
||||
}
|
||||
|
||||
.perma a {
|
||||
|
|
@ -809,7 +1001,7 @@ background-color:{color:post};
|
|||
text-transform:uppercase;
|
||||
letter-spacing:1.3px;
|
||||
line-height:1.5em;
|
||||
font-size:calc({text:font size}px - 4.5px);
|
||||
font-size:calc({select:font size} - 4.5px);
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
|
|
@ -823,7 +1015,7 @@ background-color:{color:post};
|
|||
|
||||
.vinegar {
|
||||
float:right;
|
||||
margin-right:{text:post padding}px;
|
||||
margin-right:{select:post padding};
|
||||
}
|
||||
|
||||
/* -- Like + Reblog buttons (1/2) -- */
|
||||
|
|
@ -842,7 +1034,7 @@ background-color:{color:post};
|
|||
|
||||
/* both svg colors */
|
||||
.controls .lnr {
|
||||
font-size:{text:font size}px;
|
||||
font-size:{select:font size};
|
||||
color:{color:permalink};
|
||||
}
|
||||
|
||||
|
|
@ -850,8 +1042,8 @@ background-color:{color:post};
|
|||
|
||||
.controls .like .like_button {
|
||||
position:absolute;
|
||||
width:{text:font size}px;
|
||||
height:{text:font size}px;
|
||||
width:{select:font size};
|
||||
height:{select:font size};
|
||||
margin-top:2px;
|
||||
}
|
||||
|
||||
|
|
@ -866,7 +1058,7 @@ background-color:{color:post};
|
|||
|
||||
/*--------------------POST NOTES--------------------*/
|
||||
ol.notes {
|
||||
width:calc({text:post width}px + ({text:post padding}px * 2));
|
||||
width:calc({select:post width} + ({select:post padding} * 2));
|
||||
padding:0px;
|
||||
margin-top:30px;
|
||||
list-style-type:none;
|
||||
|
|
@ -914,7 +1106,7 @@ color:{color:pagination link};
|
|||
box-shadow:none !important;
|
||||
border-radius:0px !important;
|
||||
max-width:none;
|
||||
padding:{text:post padding}px !important;
|
||||
padding:{select:post padding} !important;
|
||||
background:{color:post} !important;
|
||||
border:1px solid rgba({RGBcolor:text},0.15) !important;
|
||||
}
|
||||
|
|
@ -934,15 +1126,15 @@ text-align:center;
|
|||
.daydreamer .sf {
|
||||
color:{color:text};
|
||||
padding:7px 10px 2px 10px;
|
||||
font-size:calc({text:font size}px + 5px);
|
||||
font-size:calc({select:font size} + 5px);
|
||||
}
|
||||
|
||||
.daydreamer::before {
|
||||
content:"";
|
||||
position:absolute;
|
||||
margin-top:8px;
|
||||
margin-left:calc(-{text:post width}px / 4);
|
||||
width:calc({text:post width}px / 4);
|
||||
margin-left:calc(-{select:post width} / 4);
|
||||
width:calc({select:post width} / 4);
|
||||
height:1px;
|
||||
background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
|
||||
}
|
||||
|
|
@ -952,7 +1144,7 @@ content:"";
|
|||
position:absolute;
|
||||
margin-top:8px;
|
||||
margin-left:0px;
|
||||
width:calc({text:post width}px / 4);
|
||||
width:calc({select:post width} / 4);
|
||||
height:1px;
|
||||
background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%);
|
||||
}
|
||||
|
|
@ -960,7 +1152,7 @@ background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, tran
|
|||
.quote {
|
||||
font-family:big noodle titling;
|
||||
text-transform:uppercase;letter-spacing:1.3px;
|
||||
font-size:calc({text:font size}px + 6px);
|
||||
font-size:calc({select:font size} + 6px);
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
|
@ -977,7 +1169,7 @@ list-style:none;
|
|||
|
||||
.line.odd {
|
||||
background-color:{color:question and chat background};
|
||||
{block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{text:transparency value});{/block:ifenabletransparency}
|
||||
{block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{select:transparency});{/block:ifenabletransparency}
|
||||
|
||||
padding:5px;
|
||||
list-style:none;
|
||||
|
|
@ -999,13 +1191,13 @@ font-weight:bold;
|
|||
.label.odd {color:{color:question and chat text};}
|
||||
.label.even {color:{color:text};}
|
||||
|
||||
p.npf_chat { font-family:Courier; font-size:{text:font size}px; }
|
||||
p.npf_chat { font-family:Courier; font-size:{select:font size}; }
|
||||
|
||||
/*---------------------------ASKS---------------------------*/
|
||||
.q-wrap {
|
||||
padding:10px;
|
||||
background-color:{color:question and chat background};
|
||||
{block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{text:transparency value});{/block:ifenabletransparency}
|
||||
{block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{select:transparency});{/block:ifenabletransparency}
|
||||
min-height:64px;
|
||||
}
|
||||
|
||||
|
|
@ -1060,7 +1252,7 @@ height:0px;
|
|||
|
||||
/*---------------------------VIDEO---------------------------*/
|
||||
.tumblr_video_container {
|
||||
width:{text:post width}px!important;
|
||||
width:{select:post width}!important;
|
||||
height:auto!important;
|
||||
max-height:540px!important;
|
||||
overflow:hidden!important;
|
||||
|
|
@ -1090,13 +1282,13 @@ height:0px;
|
|||
|
||||
/*------------------------BOT PAGI------------------------*/
|
||||
.botpagi {
|
||||
width:calc({text:post width}px + ({text:post padding}px * 2));
|
||||
width:calc({select:post width} + ({select:post padding} * 2));
|
||||
text-align:center;
|
||||
padding-top:15px;
|
||||
border-top:1px solid {color:pagination border};
|
||||
|
||||
{block:ifenabletransparency}border-top:1px solid rgba({RGBcolor:pagination border},0.7);{/block:ifenabletransparency}
|
||||
margin-bottom:calc(0px - 10px + {text:post margin}px);
|
||||
margin-bottom:calc(0px - 10px + {select:post spacing});
|
||||
}
|
||||
|
||||
/* 'Current page' number */
|
||||
|
|
@ -1146,7 +1338,7 @@ height:0px;
|
|||
|
||||
<body>
|
||||
{block:ifscrolltotopbutton}
|
||||
<script type="text/javascript" src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
|
||||
<script src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
|
||||
<a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{image:scroll to top button image}"/></a>
|
||||
{/block:ifscrolltotopbutton}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue