₊⁺✿˚
This commit is contained in:
parent
4c0610e0e3
commit
6bb3705d19
462
34-Drizzle
462
34-Drizzle
|
|
@ -3,7 +3,10 @@ Theme [34]: Drizzle
|
|||
Made by glenthemes
|
||||
|
||||
Initial release: 2019/04/16
|
||||
Last updated: 2023/05/08
|
||||
Last updated: 2023/07/29
|
||||
|
||||
What's new:
|
||||
✱ NPF audio post support
|
||||
|
||||
TERMS OF USE:
|
||||
1) Do not remove the theme credit.
|
||||
|
|
@ -59,7 +62,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',
|
||||
|
|
@ -100,7 +103,7 @@ $(document).ready(function(){
|
|||
<style tmblr-npf>
|
||||
:root {
|
||||
--NPF-Caption-Spacing:1.25em;
|
||||
--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 {
|
||||
|
|
@ -127,16 +130,16 @@ $(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}px;
|
||||
--Poll-Question-Font-Size: {select:font size};
|
||||
|
||||
--Poll-Option-Background-Color: transparent;
|
||||
--Poll-Option-Corner-Rounding: 6px;
|
||||
--Poll-Option-Border-Size: 1px;
|
||||
--Poll-Option-Border-Color: rgba({RGBcolor:text},0.2);
|
||||
--Poll-Option-Padding: 10px;
|
||||
--Poll-Option-Font-Size: {text:font size}px;
|
||||
--Poll-Option-Font-Size: {select:font size};
|
||||
--Poll-Option-Spacing: 10px;
|
||||
--Poll-Option-Text-Color: {color:text};
|
||||
|
||||
|
|
@ -155,8 +158,83 @@ $(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: calc({select:font size} - 1px);
|
||||
--NPF-Audio-Buttons-Color: {color:music tab text};
|
||||
--NPF-Audio-Buttons-Padding: 9px;
|
||||
--NPF-Audio-Buttons-Spacing: calc(var(--p) + 1.2em);
|
||||
--NPF-Audio-Image-Size:64px;
|
||||
--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;
|
||||
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:{color:music tab bg};
|
||||
border-radius:100%;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
.npf-audio-play svg { margin-left:1px; }
|
||||
.npf-audio-pause svg { margin-left:0; }
|
||||
|
||||
figcaption.audio-caption,
|
||||
figcaption.audio-caption ~ audio[controls]{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.npf-audio-image {
|
||||
position:absolute;
|
||||
top:0;left:0;
|
||||
border-radius:3px;
|
||||
z-index:-1;
|
||||
}
|
||||
</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:sidebar image" content="//66.media.tumblr.com/1cce175ee856a32ab7880048bd5fbb83/tumblr_opicvbjC5B1taarzno1_r2_400.gif"/>
|
||||
<meta name="image:sidebar icon" content="//static.tumblr.com/e958155926c442b81e4b1fd153af8b8a/2pnwama/6qspq1fn0/tumblr_static_52z0xb38my88ok84ccwg0cccs.png"/>
|
||||
|
||||
<!--------------------COLORS-------------------->
|
||||
<meta name="color:background" content="#fcfcfc"/>
|
||||
|
|
@ -200,12 +278,217 @@ $(document).ready(function(){
|
|||
|
||||
<meta name="color:highlight" content="#fafafa"/>
|
||||
<meta name="color:highlighted text" content="#555"/>
|
||||
|
||||
<!--------------------OPTIONS-------------------->
|
||||
<meta name="select:desc text align" title="center" content="center"/>
|
||||
<meta name="select:desc text align" title="justify" content="justify"/>
|
||||
<meta name="select:desc text align" title="left" content="left"/>
|
||||
|
||||
<!-----------------DROPDOWN OPTS----------------->
|
||||
<meta name="select:window margin" title="75px" content="75px">
|
||||
<meta name="select:window margin" title="30px" content="30px">
|
||||
<meta name="select:window margin" title="35px" content="35px">
|
||||
<meta name="select:window margin" title="40px" content="40px">
|
||||
<meta name="select:window margin" title="45px" content="45px">
|
||||
<meta name="select:window margin" title="50px" content="50px">
|
||||
<meta name="select:window margin" title="55px" content="55px">
|
||||
<meta name="select:window margin" title="55px" content="55px">
|
||||
<meta name="select:window margin" title="60px" content="60px">
|
||||
<meta name="select:window margin" title="65px" content="65px">
|
||||
<meta name="select:window margin" title="70px" content="70px">
|
||||
<meta name="select:window margin" title="80px" content="80px">
|
||||
<meta name="select:window margin" title="85px" content="85px">
|
||||
<meta name="select:window margin" title="90px" content="90px">
|
||||
<meta name="select:window margin" title="95px" content="95px">
|
||||
<meta name="select:window margin" title="100px" content="100px">
|
||||
|
||||
<meta name="select:sidebar width" title="230px" content="230px">
|
||||
<meta name="select:sidebar width" title="170px" content="170px">
|
||||
<meta name="select:sidebar width" title="200px" content="200px">
|
||||
<meta name="select:sidebar width" title="260px" content="260px">
|
||||
<meta name="select:sidebar width" title="290px" content="290px">
|
||||
<meta name="select:sidebar width" title="320px" content="320px">
|
||||
<meta name="select:sidebar width" title="350px" content="350px">
|
||||
|
||||
<meta name="select:sidebar icon size" title="64px" content="64px">
|
||||
<meta name="select:sidebar icon size" title="38px" content="38px">
|
||||
<meta name="select:sidebar icon size" title="80px" content="80px">
|
||||
<meta name="select:sidebar icon size" title="100px" content="100px">
|
||||
<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:desc padding" title="20px" content="20px">
|
||||
<meta name="select:desc padding" title="5px" content="5px">
|
||||
<meta name="select:desc padding" title="10px" content="10px">
|
||||
<meta name="select:desc padding" title="15px" content="15px">
|
||||
<meta name="select:desc padding" title="25px" content="25px">
|
||||
<meta name="select:desc padding" title="30px" content="30px">
|
||||
<meta name="select:desc padding" title="35px" content="35px">
|
||||
<meta name="select:desc padding" title="40px" content="40px">
|
||||
|
||||
<meta name="select:desc text align" title="center" content="center">
|
||||
<meta name="select:desc text align" title="justify" content="justify">
|
||||
<meta name="select:desc text align" title="left" content="left">
|
||||
|
||||
<meta name="select:sidebar right gap" title="30px" content="30px">
|
||||
<meta name="select:sidebar right gap" title="0px" content="0px">
|
||||
<meta name="select:sidebar right gap" title="5px" content="5px">
|
||||
<meta name="select:sidebar right gap" title="10px" content="10px">
|
||||
<meta name="select:sidebar right gap" title="15px" content="15px">
|
||||
<meta name="select:sidebar right gap" title="20px" content="20px">
|
||||
<meta name="select:sidebar right gap" title="25px" content="25px">
|
||||
<meta name="select:sidebar right gap" title="35px" content="35px">
|
||||
<meta name="select:sidebar right gap" title="40px" content="40px">
|
||||
<meta name="select:sidebar right gap" title="45px" content="45px">
|
||||
<meta name="select:sidebar right gap" title="50px" content="50px">
|
||||
<meta name="select:sidebar right gap" title="55px" content="55px">
|
||||
<meta name="select:sidebar right gap" title="60px" content="60px">
|
||||
<meta name="select:sidebar right gap" title="65px" content="65px">
|
||||
|
||||
<meta name="select:custom links width" title="100px" content="100px">
|
||||
<meta name="select:custom links width" title="60px" content="60px">
|
||||
<meta name="select:custom links width" title="80px" content="80px">
|
||||
<meta name="select:custom links width" title="120px" content="120px">
|
||||
<meta name="select:custom links width" title="140px" content="140px">
|
||||
<meta name="select:custom links width" title="160px" content="160px">
|
||||
<meta name="select:custom links width" title="180px" content="180px">
|
||||
<meta name="select:custom links width" title="200px" content="200px">
|
||||
<meta name="select:custom links width" title="220px" content="220px">
|
||||
<meta name="select:custom links width" title="240px" content="240px">
|
||||
|
||||
<meta name="select:custom links icon size" title="18px" content="18px">
|
||||
<meta name="select:custom links icon size" title="10px" content="10px">
|
||||
<meta name="select:custom links icon size" title="14px" content="14px">
|
||||
<meta name="select:custom links icon size" title="22px" content="22px">
|
||||
<meta name="select:custom links icon size" title="26px" content="26px">
|
||||
<meta name="select:custom links icon size" title="30px" content="30px">
|
||||
<meta name="select:custom links icon size" title="34px" content="34px">
|
||||
<meta name="select:custom links icon size" title="38px" content="38px">
|
||||
|
||||
<meta name="select:custom links spacing" title="11px" content="11px">
|
||||
<meta name="select:custom links spacing" title="5px" content="5px">
|
||||
<meta name="select:custom links spacing" title="8px" content="8px">
|
||||
<meta name="select:custom links spacing" title="14px" content="14px">
|
||||
<meta name="select:custom links spacing" title="17px" content="17px">
|
||||
<meta name="select:custom links spacing" title="20px" content="20px">
|
||||
<meta name="select:custom links spacing" title="23px" content="23px">
|
||||
<meta name="select:custom links spacing" title="26px" content="26px">
|
||||
<meta name="select:custom links spacing" title="29px" content="29px">
|
||||
|
||||
<meta name="select:custom links right gap" title="30px" content="30px">
|
||||
<meta name="select:custom links right gap" title="0px" content="0px">
|
||||
<meta name="select:custom links right gap" title="5px" content="5px">
|
||||
<meta name="select:custom links right gap" title="10px" content="10px">
|
||||
<meta name="select:custom links right gap" title="15px" content="15px">
|
||||
<meta name="select:custom links right gap" title="20px" content="20px">
|
||||
<meta name="select:custom links right gap" title="25px" content="25px">
|
||||
<meta name="select:custom links right gap" title="35px" content="35px">
|
||||
<meta name="select:custom links right gap" title="40px" content="40px">
|
||||
<meta name="select:custom links right gap" title="45px" content="45px">
|
||||
<meta name="select:custom links right gap" title="50px" content="50px">
|
||||
<meta name="select:custom links right gap" title="55px" content="55px">
|
||||
<meta name="select:custom links right gap" title="60px" content="60px">
|
||||
<meta name="select:custom links right gap" title="65px" content="65px">
|
||||
|
||||
<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 outer" title="40px" content="40px">
|
||||
<meta name="select:post padding outer" title="5px" content="5px">
|
||||
<meta name="select:post padding outer" title="10px" content="10px">
|
||||
<meta name="select:post padding outer" title="15px" content="15px">
|
||||
<meta name="select:post padding outer" title="20px" content="20px">
|
||||
<meta name="select:post padding outer" title="25px" content="25px">
|
||||
<meta name="select:post padding outer" title="30px" content="30px">
|
||||
<meta name="select:post padding outer" title="35px" content="35px">
|
||||
<meta name="select:post padding outer" title="45px" content="45px">
|
||||
<meta name="select:post padding outer" title="50px" content="50px">
|
||||
|
||||
<meta name="select:post padding inner" title="25px" content="25px">
|
||||
<meta name="select:post padding inner" title="5px" content="5px">
|
||||
<meta name="select:post padding inner" title="10px" content="10px">
|
||||
<meta name="select:post padding inner" title="15px" content="15px">
|
||||
<meta name="select:post padding inner" title="20px" content="20px">
|
||||
<meta name="select:post padding inner" title="30px" content="30px">
|
||||
<meta name="select:post padding inner" title="35px" content="35px">
|
||||
<meta name="select:post padding inner" title="40px" content="40px">
|
||||
<meta name="select:post padding inner" title="45px" content="45px">
|
||||
<meta name="select:post padding inner" title="50px" content="50px">
|
||||
|
||||
<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="50px" content="50px">
|
||||
<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="40px" content="40px">
|
||||
<meta name="select:post spacing" title="45px" content="45px">
|
||||
<meta name="select:post spacing" title="55px" content="55px">
|
||||
<meta name="select:post spacing" title="60px" content="60px">
|
||||
<meta name="select:post spacing" title="65px" content="65px">
|
||||
<meta name="select:post spacing" title="70px" content="70px">
|
||||
|
||||
<meta name="select:posts right gap" title="15px" content="15px">
|
||||
<meta name="select:posts right gap" title="0px" content="0px">
|
||||
<meta name="select:posts right gap" title="5px" content="5px">
|
||||
<meta name="select:posts right gap" title="10px" content="10px">
|
||||
<meta name="select:posts right gap" title="20px" content="20px">
|
||||
<meta name="select:posts right gap" title="25px" content="25px">
|
||||
<meta name="select:posts right gap" title="30px" content="30px">
|
||||
<meta name="select:posts right gap" title="35px" content="35px">
|
||||
<meta name="select:posts right gap" title="40px" content="40px">
|
||||
<meta name="select:posts right gap" title="45px" content="45px">
|
||||
<meta name="select:posts right gap" title="50px" content="50px">
|
||||
<meta name="select:posts right gap" title="55px" content="55px">
|
||||
<meta name="select:posts right gap" title="60px" content="60px">
|
||||
<meta name="select:posts right gap" title="65px" content="65px">
|
||||
|
||||
<meta name="select:pagination arrow size" title="19px" content="19px">
|
||||
<meta name="select:pagination arrow size" title="10px" content="10px">
|
||||
<meta name="select:pagination arrow size" title="13px" content="13px">
|
||||
<meta name="select:pagination arrow size" title="16px" content="16px">
|
||||
<meta name="select:pagination arrow size" title="21px" content="21px">
|
||||
<meta name="select:pagination arrow size" title="24px" content="24px">
|
||||
<meta name="select:pagination arrow size" title="27px" content="27px">
|
||||
<meta name="select:pagination arrow size" title="30px" content="30px">
|
||||
<meta name="select:pagination arrow size" title="33px" content="33px">
|
||||
|
||||
<meta name="select:pagination arrow spacing" title="12px" content="12px">
|
||||
<meta name="select:pagination arrow spacing" title="3px" content="3px">
|
||||
<meta name="select:pagination arrow spacing" title="6px" content="6px">
|
||||
<meta name="select:pagination arrow spacing" title="9px" content="9px">
|
||||
<meta name="select:pagination arrow spacing" title="15px" content="15px">
|
||||
<meta name="select:pagination arrow spacing" title="18px" content="18px">
|
||||
<meta name="select:pagination arrow spacing" title="21px" content="21px">
|
||||
<meta name="select:pagination arrow spacing" title="24px" content="24px">
|
||||
|
||||
<!-----------------TOGGLE OPTS----------------->
|
||||
<meta name="if:show music player" content="1" />
|
||||
|
||||
<meta name="if:reblog separators" content="0" />
|
||||
|
|
@ -216,28 +499,20 @@ $(document).ready(function(){
|
|||
<meta name="if:dark tumblr controls" content="1" />
|
||||
<meta name="if:hover tumblr controls" content="1" />
|
||||
|
||||
<!--------------------IMAGES-------------------->
|
||||
<meta name="image:sidebar image" content="//66.media.tumblr.com/1cce175ee856a32ab7880048bd5fbb83/tumblr_opicvbjC5B1taarzno1_r2_400.gif"/>
|
||||
<meta name="image:sidebar icon" content="//static.tumblr.com/e958155926c442b81e4b1fd153af8b8a/2pnwama/6qspq1fn0/tumblr_static_52z0xb38my88ok84ccwg0cccs.png"/>
|
||||
|
||||
<!--------------------TITLES-------------------->
|
||||
<meta name="text:window margin" content="75">
|
||||
<meta name="text:sidebar width" content="232">
|
||||
<!---------------TEXT FIELDS--------------->
|
||||
<meta name="text:how to link music" content="linktr.ee/direct_file_links">
|
||||
<meta name="text:music name" content="Quasar">
|
||||
<meta name="text:music file URL" content="https://rhizo.gitlab.io/m/Quasar.mp3">
|
||||
<meta name="text:sidebar icon size" content="64">
|
||||
<meta name="text:sidebar icon border thickness" content="8">
|
||||
<meta name="text:sidebar title" content="">
|
||||
<meta name="text:description" content="">
|
||||
<meta name="text:description padding" content="20">
|
||||
<meta name="text:sidebar right margin" content="30">
|
||||
|
||||
<meta name="text:custom links width" content="100">
|
||||
<meta name="text:sidebar title" content="">
|
||||
|
||||
<meta name="text:description" content="">
|
||||
|
||||
<meta name="text:🏮 ᴄᴜsᴛᴏᴍ ʟɪɴᴋs ɪᴄᴏɴs ʟɪsᴛ:" content="feathericons.com">
|
||||
<meta name="text:custom links icon" content="box">
|
||||
<meta name="text:custom links icon size" content="18">
|
||||
|
||||
<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=uYaKLwpoLGM">
|
||||
<meta name="text:Link 2" content="">
|
||||
<meta name="text:Link 2 URL" content="">
|
||||
<meta name="text:Link 3" content="">
|
||||
|
|
@ -248,19 +523,6 @@ $(document).ready(function(){
|
|||
<meta name="text:Link 5 URL" content="">
|
||||
<meta name="text:Link 6" content="">
|
||||
<meta name="text:Link 6 URL" content="">
|
||||
<meta name="text:custom links margin" content="11">
|
||||
<meta name="text:custom links right margin" content="30">
|
||||
|
||||
<meta name="text:font size" content="12">
|
||||
<meta name="text:post width" content="420">
|
||||
<meta name="text:post outer padding" content="40">
|
||||
<meta name="text:post inner padding" content="25">
|
||||
<meta name="text:photoset gutter width" content="4">
|
||||
<meta name="text:post margin" content="50">
|
||||
<meta name="text:posts right margin" content="15">
|
||||
|
||||
<meta name="text:pagination arrow size" content="19">
|
||||
<meta name="text:pagination margin" content="12">
|
||||
|
||||
<!-------------------------------------------------------------------->
|
||||
|
||||
|
|
@ -273,12 +535,12 @@ $(document).ready(function(){
|
|||
background-color: {color:tooltip background};
|
||||
border-radius:2px;
|
||||
font-family:muli;
|
||||
font-size: calc({text:font size}px - 3px);
|
||||
font-size: calc({select:font size} - 3px);
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
color: {color:tooltip text};
|
||||
z-index:99;
|
||||
max-width: calc({text:post width}px * 1.25);
|
||||
max-width: calc({select:post width} * 1.25);
|
||||
}
|
||||
|
||||
/*--------------------TUMBLR CONTROLS--------------------*/
|
||||
|
|
@ -375,7 +637,7 @@ cursor:normal;
|
|||
font-family:karla;
|
||||
font-weight:300;
|
||||
line-height:1.6em;
|
||||
font-size:{text:font size}px;
|
||||
font-size:{select:font size};
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
|
|
@ -403,7 +665,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 {
|
||||
|
|
@ -422,7 +684,7 @@ a:hover {text-decoration:none;}
|
|||
img {opacity:1;text-decoration:none;}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-size:calc({text:font size}px + 1px);
|
||||
font-size:calc({select:font size} + 1px);
|
||||
font-family:quicksand;
|
||||
font-weight:normal;
|
||||
text-transform: uppercase;
|
||||
|
|
@ -446,7 +708,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
#cont-h-2 {
|
||||
display:inline-block;
|
||||
{block:Pagination}
|
||||
margin-left:-{text:posts right margin}px;
|
||||
margin-left:-{select:posts right gap};
|
||||
{/block:Pagination}
|
||||
}
|
||||
|
||||
|
|
@ -457,7 +719,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
position:fixed;
|
||||
top:0;margin-top:0px;
|
||||
height:100vh;
|
||||
width:{text:sidebar width}px;
|
||||
width:{select:sidebar width};
|
||||
display:table;
|
||||
}
|
||||
|
||||
|
|
@ -484,7 +746,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
.s-head {
|
||||
position:relative;
|
||||
width:100%;
|
||||
min-height:{text:sidebar icon size}px;
|
||||
min-height:{select:sidebar icon size};
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
|
|
@ -557,22 +819,22 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
.avi {
|
||||
position:relative;
|
||||
display:block;
|
||||
margin:calc((-{text:sidebar icon size}px / 2) - {text:sidebar icon border thickness}px) auto auto auto;
|
||||
width:{text:sidebar icon size}px;
|
||||
height:{text:sidebar icon size}px;
|
||||
margin:calc((-{select:sidebar icon size} / 2) - {select:sidebar icon border}) auto auto auto;
|
||||
width:{select:sidebar icon size};
|
||||
height:{select:sidebar icon size};
|
||||
background:{color:sidebar background};
|
||||
border-radius:100%;
|
||||
border:{text:sidebar icon border thickness}px solid {color:sidebar background};
|
||||
border:{select:sidebar icon border} solid {color:sidebar background};
|
||||
}
|
||||
|
||||
.space {
|
||||
margin-top:calc((-{text:sidebar icon size}px / 2) - {text:sidebar icon border thickness}px);
|
||||
padding:calc(({text:sidebar icon size}px / 2) + {text:sidebar icon border thickness}px) {text:description padding}px {text:description padding}px;
|
||||
margin-top:calc((-{select:sidebar icon size} / 2) - {select:sidebar icon border});
|
||||
padding:calc(({select:sidebar icon size} / 2) + {select:sidebar icon border}) {select:desc padding} {select:desc padding};
|
||||
background:{color:sidebar background};
|
||||
}
|
||||
|
||||
.desc-tit {
|
||||
margin-top:calc({text:description padding}px - {text:sidebar icon border thickness}px - 1px);
|
||||
margin-top:calc({select:desc padding} - {select:sidebar icon border} - 1px);
|
||||
font-family:quicksand;
|
||||
font-size:13px;
|
||||
text-transform:uppercase;
|
||||
|
|
@ -582,7 +844,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
}
|
||||
|
||||
.desc {
|
||||
margin-top:calc({text:description padding}px - ({text:sidebar icon border thickness}px / 2) - ((1.8em - 1em) / 2));
|
||||
margin-top:calc({select:desc padding} - ({select:sidebar icon border} / 2) - ((1.8em - 1em) / 2));
|
||||
margin-bottom:calc(((1.8em - 1em) / 2) * -1);
|
||||
font-size:12px;
|
||||
line-height:1.8em;
|
||||
|
|
@ -594,7 +856,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
.desc i, .desc em {color:{color:desc italic};}
|
||||
|
||||
.navlinks {
|
||||
margin-top:calc({text:description padding}px + 4px);
|
||||
margin-top:calc({select:desc padding} + 4px);
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
|
@ -615,8 +877,8 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
.valkyrie {
|
||||
position:fixed;
|
||||
top:0;margin-top:0px;
|
||||
margin-left:calc({text:sidebar width}px + {text:sidebar right margin}px);
|
||||
width:{text:custom links width}px;
|
||||
margin-left:calc({select:sidebar width} + {select:sidebar right gap});
|
||||
width:{select:custom links width};
|
||||
height:100vh;
|
||||
display:table;
|
||||
}
|
||||
|
|
@ -630,13 +892,13 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
|
||||
.cl {
|
||||
margin:-2px auto;
|
||||
padding:{text:custom links margin}px 0;
|
||||
padding:{select:custom links spacing} 0;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.cl svg {
|
||||
width:{text:custom links icon size}px;
|
||||
height:{text:custom links icon size}px;
|
||||
width:{select:custom links icon size};
|
||||
height:{select:custom links icon size};
|
||||
stroke-width:1px;
|
||||
color:{color:custom links icon};
|
||||
}
|
||||
|
|
@ -644,9 +906,9 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
.cl-text {
|
||||
position:absolute;
|
||||
display:inline-block;
|
||||
margin-top:calc((({text:custom links icon size}px - 9px - (6px * 2)) / 2));
|
||||
margin-left:calc((-{text:custom links width}px / 2) - ({text:custom links icon size}px / 2) - 3px);
|
||||
width:{text:custom links width}px;
|
||||
margin-top:calc((({select:custom links icon size} - 9px - (6px * 2)) / 2));
|
||||
margin-left:calc((-{select:custom links width} / 2) - ({select:custom links icon size} / 2) - 3px);
|
||||
width:{select:custom links width};
|
||||
padding:6px 3px;
|
||||
background:{color:background};
|
||||
font-family:quicksand;
|
||||
|
|
@ -668,16 +930,16 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
|
||||
/*--------------------POSTS--------------------*/
|
||||
.postscont {
|
||||
margin-top:{text:window margin}px;
|
||||
margin-left:calc({text:sidebar width}px + {text:sidebar right margin}px + {text:custom links width}px + {text:custom links right margin}px);
|
||||
margin-bottom:{text:window margin}px;
|
||||
margin-top:{select:window margin};
|
||||
margin-left:calc({select:sidebar width} + {select:sidebar right gap} + {select:custom links width} + {select:custom links right gap});
|
||||
margin-bottom:{select:window margin};
|
||||
{block:Pagination}
|
||||
margin-right:calc({text:posts right margin}px + {text:pagination arrow size}px);
|
||||
margin-right:calc({select:posts right gap} + {select:pagination arrow size});
|
||||
{/block:Pagination}
|
||||
}
|
||||
|
||||
.topkek {
|
||||
margin-bottom:{text:post inner padding}px;
|
||||
margin-bottom:{select:post padding inner};
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
|
@ -760,9 +1022,9 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
|
||||
.posts {
|
||||
overflow:hidden;
|
||||
margin-bottom:{text:post margin}px;
|
||||
width:{text:post width}px;
|
||||
padding:{text:post outer padding}px;
|
||||
margin-bottom:{select:post spacing};
|
||||
width:{select:post width};
|
||||
padding:{select:post padding outer};
|
||||
background-color:{color:post};
|
||||
}
|
||||
|
||||
|
|
@ -772,7 +1034,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
.photos, .photos img {
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
width:{text:post width}px;
|
||||
width:{select:post width};
|
||||
|
||||
{block:IndexPage}
|
||||
{block:ifphotofade}
|
||||
|
|
@ -829,7 +1091,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
|
||||
/*--------------------PERMALINK--------------------*/
|
||||
.permawrap {
|
||||
margin-top:{text:post inner padding}px;
|
||||
margin-top:{select:post padding inner};
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
|
@ -837,7 +1099,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
font-family:quicksand;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:1px;
|
||||
font-size:calc({text:font size}px - 3px);
|
||||
font-size:calc({select:font size} - 3px);
|
||||
}
|
||||
|
||||
.perma a {
|
||||
|
|
@ -857,7 +1119,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
text-transform:uppercase;
|
||||
letter-spacing:1.5px;
|
||||
line-height:1.5em;
|
||||
font-size:calc({text:font size}px - 3.5px);
|
||||
font-size:calc({select:font size} - 3.5px);
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
|
|
@ -873,7 +1135,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
/* -- and tutorial by shythemes: http://shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
|
||||
/* -- and help from borntobewildcodes -- */
|
||||
.controls {
|
||||
margin-top:{text:post inner padding}px;
|
||||
margin-top:{select:post padding inner};
|
||||
margin-bottom:-5px;
|
||||
text-align:center;
|
||||
}
|
||||
|
|
@ -890,8 +1152,8 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
|
||||
/* both svg colors */
|
||||
.controls svg {
|
||||
width:{text:font size}px;
|
||||
height:{text:font size}px;
|
||||
width:{select:font size};
|
||||
height:{select:font size};
|
||||
color:{color:post buttons};
|
||||
stroke-width:2px;
|
||||
}
|
||||
|
|
@ -900,8 +1162,8 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
@ -916,7 +1178,7 @@ h1, h2, h3, h4, h5, h6, .h1c {color:{color:headings};}
|
|||
|
||||
/*--------------------POST NOTES--------------------*/
|
||||
ol.notes {
|
||||
width:calc({text:post width}px + ({text:post outer padding}px * 2));
|
||||
width:calc({select:post width} + ({select:post padding outer} * 2));
|
||||
padding:0px;
|
||||
margin-top:30px;
|
||||
list-style-type:none;
|
||||
|
|
@ -959,7 +1221,7 @@ text-decoration:none;
|
|||
box-shadow:none !important;
|
||||
border-radius:0px !important;
|
||||
max-width:none;
|
||||
padding:{text:photoset gutter width}px !important;
|
||||
padding:{select:photos spacing} !important;
|
||||
background:{color:post} !important;
|
||||
border:0px solid transparent !important;
|
||||
}
|
||||
|
|
@ -971,7 +1233,7 @@ text-decoration:none;
|
|||
|
||||
/*---------------------LINK POSTS---------------------*/
|
||||
.l-link {
|
||||
margin:{text:post inner padding}px auto;
|
||||
margin:{select:post padding inner} auto;
|
||||
}
|
||||
|
||||
/*---------------------------QUOTES---------------------------*/
|
||||
|
|
@ -990,11 +1252,11 @@ text-decoration:none;
|
|||
}
|
||||
|
||||
.quote {
|
||||
margin-top:calc({text:post inner padding}px - ((2.3em - 1em) / 2));
|
||||
padding:0 {text:post inner padding}px;
|
||||
margin-top:calc({select:post padding inner} - ((2.3em - 1em) / 2));
|
||||
padding:0 {select:post padding inner};
|
||||
font-family:Quicksand;
|
||||
text-transform:uppercase;letter-spacing:1px;
|
||||
font-size:calc({text:font size}px + 1px);
|
||||
font-size:calc({select:font size} + 1px);
|
||||
color:{color:headings};
|
||||
text-align:center;
|
||||
line-height:2.3em;
|
||||
|
|
@ -1002,7 +1264,7 @@ text-decoration:none;
|
|||
|
||||
.quotesource {
|
||||
text-align:center;
|
||||
margin-top:calc({text:post inner padding}px - ((2.3em - 1em) / 2));
|
||||
margin-top:calc({select:post padding inner} - ((2.3em - 1em) / 2));
|
||||
}
|
||||
|
||||
/*---------------------------CHATS---------------------------*/
|
||||
|
|
@ -1027,20 +1289,20 @@ text-decoration:none;
|
|||
color:{color:headings};
|
||||
}
|
||||
|
||||
p.npf_chat { font-family:Courier; font-size:{text:font size}px; }
|
||||
p.npf_chat { font-family:Courier; font-size:{select:font size}; }
|
||||
|
||||
/*---------------------------ASKS---------------------------*/
|
||||
|
||||
.question {
|
||||
text-align:center;
|
||||
margin-top:calc({text:post inner padding}px - ((2.3em - 1em) / 2));
|
||||
padding:0 {text:post inner padding}px;
|
||||
margin-top:calc({select:post padding inner} - ((2.3em - 1em) / 2));
|
||||
padding:0 {select:post padding inner};
|
||||
}
|
||||
|
||||
.asker {
|
||||
font-family:quicksand;
|
||||
text-transform:uppercase;
|
||||
font-size:calc({text:font size}px - 2.5px);
|
||||
font-size:calc({select:font size} - 2.5px);
|
||||
letter-spacing:2px;
|
||||
}
|
||||
|
||||
|
|
@ -1100,17 +1362,17 @@ border-spacing:4px 0px;
|
|||
vertical-align:top;
|
||||
}
|
||||
|
||||
.trackdetails td:first-child {
|
||||
.trackdetails td:first-child, .npf-audio-details > * {
|
||||
font-family:quicksand;
|
||||
text-transform:uppercase;
|
||||
font-size:calc({text:font size}px - 2px);
|
||||
font-size:calc({select:font size} - 2px);
|
||||
letter-spacing:0.5px;
|
||||
color:{color:headings};
|
||||
}
|
||||
|
||||
/*---------------------------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;
|
||||
|
|
@ -1148,7 +1410,7 @@ video {
|
|||
.righteth {
|
||||
position:fixed;
|
||||
top:0;margin-top:0px;
|
||||
margin-left:calc({text:sidebar width}px + {text:sidebar right margin}px + {text:custom links width}px + {text:custom links right margin}px + {text:post width}px + ({text:post outer padding}px * 2) + ({text:post inner padding}px * 2) + {text:posts right margin}px);
|
||||
margin-left:calc({select:sidebar width} + {select:sidebar right gap} + {select:custom links width} + {select:custom links right gap} + {select:post width} + ({select:post padding outer} * 2) + ({select:post padding inner} * 2) + {select:posts right gap});
|
||||
height:100vh;
|
||||
display:table;
|
||||
}
|
||||
|
|
@ -1159,7 +1421,7 @@ video {
|
|||
}
|
||||
|
||||
.pagi {
|
||||
padding:{text:pagination margin}px 0;
|
||||
padding:{select:pagination arrow spacing} 0;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
|
@ -1167,8 +1429,8 @@ video {
|
|||
.pagi:last-child {padding-bottom:0px}
|
||||
|
||||
.pagi svg {
|
||||
width:{text:pagination arrow size}px;
|
||||
height:{text:pagination arrow size}px;
|
||||
width:{select:pagination arrow size};
|
||||
height:{select:pagination arrow size};
|
||||
color:{color:pagination arrows};
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue