glenthemes/themes
glenthemes
/
themes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

₊⁺✿˚

This commit is contained in:
HT 2023-07-30 07:27:15 +01:00
parent 32343957b8
commit 7e535dc793
1 changed files with 269 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

376
26-Nebulae
View File

@ -3,8 +3,11 @@ Theme [26]: Nebulae
Made by glenthemes Made by glenthemes
Initial release: 2018/01/30 Initial release: 2018/01/30
Last updated: 2023/05/12 Last updated: 2023/07/29
What's new:
✱ NPF audio post support
TERMS OF USE: TERMS OF USE:
1) Do not remove the theme credit. 1) Do not remove the theme credit.
2) Do not repost/redistribute my themes. 2) Do not repost/redistribute my themes.
@ -65,7 +68,7 @@ $(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({ $('.photo-slideshow').pxuPhotoset({
lightbox: true, lightbox: true,
rounded: false, rounded: false,
gutter: '{text:photoset gutter width}px', gutter: '{select:photos spacing}',
borderRadius: '0px', borderRadius: '0px',
photoset: '.photo-slideshow', photoset: '.photo-slideshow',
photoWrap: '.photo-data', photoWrap: '.photo-data',
@ -77,13 +80,11 @@ $(document).ready(function(){
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
{block:ifsmoothscrolling} {block:ifsmoothscrolling}
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
{/block:ifsmoothscrolling} {/block:ifsmoothscrolling}
<link href="//fonts.googleapis.com/css?family=Karla|Averia+Sans+Libre|Quicksand" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Karla|Averia+Sans+Libre|Quicksand" rel="stylesheet">
<link rel="stylesheet" href="//static.tumblr.com/2pnwama/pHqp3at7n/specialfonts.css">
<script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script> <script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script>
<!-- "saturnicons" icon font by suiomi --> <!-- "saturnicons" icon font by suiomi -->
@ -142,16 +143,16 @@ $(document).ready(function(){
<!-- unblue polls --> <!-- unblue polls -->
<!-- glenthemes.tumblr.com/post/708014819571302400 --> <!-- glenthemes.tumblr.com/post/708014819571302400 -->
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet"> <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
<style> <style unblue-polls>
.poll-post { .poll-post {
--Poll-Question-Font-Size: {text:font size}px; --Poll-Question-Font-Size: {select:font size};
--Poll-Option-Background-Color: transparent; --Poll-Option-Background-Color: transparent;
--Poll-Option-Corner-Rounding: 5px; --Poll-Option-Corner-Rounding: 5px;
--Poll-Option-Border-Size: 1px; --Poll-Option-Border-Size: 1px;
--Poll-Option-Border-Color: rgba({RGBcolor:text},0.15); --Poll-Option-Border-Color: rgba({RGBcolor:text},0.15);
--Poll-Option-Padding: 11px; --Poll-Option-Padding: 11px;
--Poll-Option-Font-Size: {text:font size}px; --Poll-Option-Font-Size: {select:font size};
--Poll-Option-Spacing: 10px; --Poll-Option-Spacing: 10px;
--Poll-Option-Text-Color: {color:text}; --Poll-Option-Text-Color: {color:text};
@ -170,8 +171,78 @@ $(document).ready(function(){
} }
</style> </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:permalink icon};
--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(18px + 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:permalink icon 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> <script src="//glen-npf.gitlab.io/other/neue.js"></script>
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet"> <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
<!--------------------IMAGES-------------------->
<meta name="image:background image" content="//rhizo.gitlab.io/random/images/isewwsp.png"/>
<meta name="image:sidebar icon" content="//68.media.tumblr.com/2bb735f0ca03c5997ffd6a8204252182/tumblr_ooo6td425a1s4s960o8_r1_250.png"/>
<meta name="image:header image" content="//78.media.tumblr.com/2357a40238917a305fbbb74600d60643/tumblr_p3ailxOttO1qg2f5co4_r1_1280.png"/>
<meta name="image:custom links bar background" content="//78.media.tumblr.com/b082898e3637cce6bad6f87f402557b8/tumblr_p3ailxOttO1qg2f5co5_r1_250.png"/>
<!--------------------COLORS--------------------> <!--------------------COLORS-------------------->
@ -228,9 +299,119 @@ $(document).ready(function(){
<meta name="color:highlight" content="#fafafa"/> <meta name="color:highlight" content="#fafafa"/>
<meta name="color:highlighted text" content="#777"/> <meta name="color:highlighted text" content="#777"/>
<!--------------------OPTIONS-------------------->
<!-----------------DROPDOWN OPTS----------------->
<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:sidebar width" title="360px" content="360px">
<meta name="select:sidebar width" title="200px" content="200px">
<meta name="select:sidebar width" title="240px" content="240px">
<meta name="select:sidebar width" title="280px" content="280px">
<meta name="select:sidebar width" title="320px" content="320px">
<meta name="select:sidebar width" title="400px" content="400px">
<meta name="select:sidebar width" title="360px" content="360px">
<meta name="select:sidebar width" title="400px" content="400px">
<meta name="select:sidebar width" title="440px" content="440px">
<meta name="select:desc border transparency" title="60%" content="0.4">
<meta name="select:desc border transparency" title="0% (solid)" content="1">
<meta name="select:desc border transparency" title="10%" content="0.9">
<meta name="select:desc border transparency" title="20%" content="0.8">
<meta name="select:desc border transparency" title="30%" content="0.7">
<meta name="select:desc border transparency" title="40%" content="0.6">
<meta name="select:desc border transparency" title="50%" content="0.5">
<meta name="select:desc border transparency" title="70%" content="0.3">
<meta name="select:desc border transparency" title="80%" content="0.2">
<meta name="select:desc border transparency" title="90%" content="0.1">
<meta name="select:desc border transparency" title="100% (no color)" content="0">
<meta name="select:sidebar right gap" title="65px" content="65px">
<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="30px" content="30px">
<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="70px" content="70px">
<meta name="select:sidebar right gap" title="75px" content="75px">
<meta name="select:sidebar right gap" title="80px" content="80px">
<meta name="select:sidebar right gap" title="85px" content="85px">
<meta name="select:sidebar right gap" title="90px" content="90px">
<meta name="select:sidebar right gap" title="95px" content="95px">
<meta name="select:sidebar right gap" title="100px" content="100px">
<meta name="select:sidebar right gap" title="105px" content="105px">
<meta name="select:sidebar right gap" title="110px" content="110px">
<meta name="select:post width" title="450px" content="450px">
<meta name="select:post width" title="300px" content="300px">
<meta name="select:post width" title="350px" content="375px">
<meta name="select:post width" title="400px" content="400px">
<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="15px" content="15px">
<meta name="select:post padding" title="10px" content="10px">
<meta name="select:post padding" title="20px" content="20px">
<meta name="select:post padding" title="25px" content="25px">
<meta name="select: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:permalink padding" title="15px" content="15px">
<meta name="select:permalink padding" title="10px" content="10px">
<meta name="select:permalink padding" title="20px" content="20px">
<meta name="select:permalink padding" title="25px" content="25px">
<meta name="select:post spacing" title="45px" content="45px">
<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="50px" content="50px">
<meta name="select:post spacing" title="55px" content="55px">
<meta name="select:post spacing" title="60px" content="60px">
<meta name="select:post side gaps" title="45px" content="45px">
<meta name="select:post side gaps" title="10px" content="10px">
<meta name="select:post side gaps" title="15px" content="15px">
<meta name="select:post side gaps" title="20px" content="20px">
<meta name="select:post side gaps" title="25px" content="25px">
<meta name="select:post side gaps" title="30px" content="30px">
<meta name="select:post side gaps" title="35px" content="35px">
<meta name="select:post side gaps" title="40px" content="40px">
<meta name="select:post side gaps" title="50px" content="50px">
<meta name="select:post side gaps" title="55px" content="55px">
<meta name="select:post side gaps" title="60px" content="60px">
<meta name="select:post side gaps" title="65px" content="65px">
<meta name="select:post side gaps" title="70px" content="70px">
<meta name="select:post side gaps" title="75px" content="75px">
<meta name="select:post side gaps" title="80px" content="80px">
<meta name="select:updates boxes width" title="200px" content="200px">
<meta name="select:updates boxes width" title="150px" content="150px">
<meta name="select:updates boxes width" title="175px" content="175px">
<meta name="select:updates boxes width" title="225px" content="225px">
<meta name="select:updates boxes width" title="250px" content="250px">
<meta name="select:updates boxes width" title="275px" content="275px">
<meta name="select:updates boxes width" title="300px" content="300px">
<meta name="select:updates boxes width" title="325px" content="325px">
<meta name="select:updates boxes width" title="350px" content="350px">
<!------------------TOGGLE OPTS------------------>
<meta name="if:header" content="1" /> <meta name="if:header" content="1" />
<meta name="if:post container border" content="1" /> <meta name="if:post container border" content="1" />
@ -244,31 +425,14 @@ $(document).ready(function(){
<meta name="if:smooth scrolling" content="0" /> <meta name="if:smooth scrolling" content="0" />
<meta name="if:dark tumblr controls" content="0" /> <meta name="if:dark tumblr controls" content="0" />
<!--------------------IMAGES--------------------> <!----------------TEXT FIELDS---------------->
<meta name="image:background image" content="//rhizo.gitlab.io/random/images/isewwsp.png"/>
<meta name="image:sidebar icon" content="//68.media.tumblr.com/2bb735f0ca03c5997ffd6a8204252182/tumblr_ooo6td425a1s4s960o8_r1_250.png"/>
<meta name="image:header image" content="//78.media.tumblr.com/2357a40238917a305fbbb74600d60643/tumblr_p3ailxOttO1qg2f5co4_r1_1280.png"/>
<meta name="image:custom links bar background" content="//78.media.tumblr.com/b082898e3637cce6bad6f87f402557b8/tumblr_p3ailxOttO1qg2f5co5_r1_250.png"/>
<!--------------------TITLES-------------------->
<meta name="text:font size" content="12">
<meta name="text:post width" content="450">
<meta name="text:post padding" content="15">
<meta name="text:permalink padding" content="15">
<meta name="text:photoset gutter width" content="10">
<meta name="text:post bottom margin" content="45">
<meta name="text:post side margins" content="45">
<meta name="text:sidebar margin" content="65">
<meta name="text:sidebar width" content="360">
<meta name="text:description border opacity" content="0.4">
<meta name="text:sidebar title" content="a title"> <meta name="text:sidebar title" content="a title">
<meta name="text:sidebar subtitle" content="a subtitle"> <meta name="text:sidebar subtitle" content="a subtitle">
<meta name="text:updates boxes width" content="200"> <meta name="text:&#917536;&#x200B;" content="&#x263D;&#x2727;&#xA8;&#x2A;&#x3003;&#x2E;&#xB8;&#xB8;&#x2727;&#xB8;&#xB8;&#x2E;&#x3003;&#x2A;&#xA8;&#x2727;&#x263E;&NewLine;">
<!--"how to change icons-->
<!--"how to change icons"-->
<meta name="text:&#x1F496;&#x2002;&#x29C;&#x1D0F;&#x1D21;&#x20;&#x1D1B;&#x1D0F;&#x20;&#x1D04;&#x29C;&#x1D00;&#x274;&#x262;&#x1D07;&#x20;&#x26A;&#x1D04;&#x1D0F;&#x274;&#x73;" content="glenthemes.tumblr.com/nebulae"> <meta name="text:&#x1F496;&#x2002;&#x29C;&#x1D0F;&#x1D21;&#x20;&#x1D1B;&#x1D0F;&#x20;&#x1D04;&#x29C;&#x1D00;&#x274;&#x262;&#x1D07;&#x20;&#x26A;&#x1D04;&#x1D0F;&#x274;&#x73;" content="glenthemes.tumblr.com/nebulae">
<meta name="text:star 1 title" content="a title here"> <meta name="text:star 1 title" content="a title here">
<meta name="text:star 1 box icon" content="leaf-2-o"> <meta name="text:star 1 box icon" content="leaf-2-o">
@ -280,6 +444,8 @@ $(document).ready(function(){
<meta name="text:star 3 box icon" content="graph-3-o"> <meta name="text:star 3 box icon" content="graph-3-o">
<meta name="text:star 3 box content" content="some text here"> <meta name="text:star 3 box content" content="some text here">
<meta name="text:&#917536;&#x200B;&#x200B;" content="&#x263D;&#x2727;&#xA8;&#x2A;&#x3003;&#x2E;&#xB8;&#xB8;&#x2727;&#xB8;&#xB8;&#x2E;&#x3003;&#x2A;&#xA8;&#x2727;&#x263E;&NewLine;">
<meta name="text:Link 1" content=""> <meta name="text:Link 1" content="">
<meta name="text:Link 1 URL" content=""> <meta name="text:Link 1 URL" content="">
<meta name="text:Link 2" content=""> <meta name="text:Link 2" content="">
@ -300,11 +466,11 @@ $(document).ready(function(){
<meta name="text:Link 9 URL" content=""> <meta name="text:Link 9 URL" content="">
<meta name="text:Link 10" content=""> <meta name="text:Link 10" content="">
<meta name="text:Link 10 URL" content=""> <meta name="text:Link 10 URL" content="">
<!--------------------------------------------------------------------> <!-------------------------------------------------------------------->
<style type="text/css"> <style type="text/css">
/*--------------------TOOLTIPS--------------------*/ /*--------------------TOOLTIPS--------------------*/
#s-m-t-tooltip { #s-m-t-tooltip {
padding: 4px 9px; padding: 4px 9px;
@ -312,12 +478,12 @@ $(document).ready(function(){
background-color: {color:permalink icon background}; background-color: {color:permalink icon background};
border-radius:5px; border-radius:5px;
font-family: karla; font-family: karla;
font-size: calc({text:font size}px - 3px); font-size: calc({select:font size} - 3px);
letter-spacing: 1px; letter-spacing: 1px;
text-transform: uppercase; text-transform: uppercase;
color: {color:permalink icon}; color: {color:permalink icon};
z-index:99999999999999999999999999998!important; 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.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
@ -375,7 +541,7 @@ color:{color:text};
cursor:normal; cursor:normal;
font-family:karla; font-family:karla;
line-height:1.6em; line-height:1.6em;
font-size:{text:font size}px; font-size:{select:font size};
text-align:left; text-align:left;
} }
@ -439,7 +605,7 @@ a:hover {text-decoration:none;}
img {opacity:1;text-decoration:none;} img {opacity:1;text-decoration:none;}
h1 { h1 {
font-size:calc({text:font size}px + 1px); font-size:calc({select:font size} + 1px);
font-family:quicksand; font-family:quicksand;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 2px; letter-spacing: 2px;
@ -686,7 +852,7 @@ h1 {
position:fixed; position:fixed;
bottom:0;margin-bottom:95px; bottom:0;margin-bottom:95px;
left:0;margin-left:95px; left:0;margin-left:95px;
width:{text:updates boxes width}px; width:{select:updates boxes width};
padding:10px; padding:10px;
background-color:{color:post}; background-color:{color:post};
border:1px solid {color:post border}; border:1px solid {color:post border};
@ -721,8 +887,11 @@ h1 {
.caramel { .caramel {
margin-left:calc(28px + 10px); margin-left:calc(28px + 10px);
font-family:quicksand; font-family:quicksand;
font-weight:bold;text-transform:uppercase;letter-spacing:1px; font-weight:bold;
font-size:9px;line-height:1.4em; text-transform:uppercase;
letter-spacing:1px;
font-size:9px;
line-height:1.4em;
color:rgba({color:permalink text},0.9); color:rgba({color:permalink text},0.9);
} }
@ -739,11 +908,11 @@ h1 {
position:absolute; position:absolute;
margin:0 auto; margin:0 auto;
top:0;left:0;right:0; top:0;left:0;right:0;
width:calc({text:post width}px + ({text:post padding}px * 2) + ({text:post side margins}px * 2) + {text:sidebar margin}px + {text:sidebar width}px); width:calc({select:post width} + ({select:post padding} * 2) + ({select:post side gaps} * 2) + {select:sidebar right gap} + {select:sidebar width});
} }
#nudge { #nudge {
margin-left:calc({text:sidebar width}px + {text:sidebar margin}px); margin-left:calc({select:sidebar width} + {select:sidebar right gap});
} }
/*--------------------SIDEBAR-------------------*/ /*--------------------SIDEBAR-------------------*/
@ -753,7 +922,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
margin-left:0px; margin-left:0px;
/* u already nudged the post over by sbmarg, so sb pos = -sbWidth */ /* u already nudged the post over by sbmarg, so sb pos = -sbWidth */
/* basically only need to subtract sbWidth and yor good */ /* basically only need to subtract sbWidth and yor good */
width:{text:sidebar width}px; width:{select:sidebar width};
/*height:500px;*/ /*height:500px;*/
background-color:transparent; background-color:transparent;
} }
@ -761,17 +930,17 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
.burrito {display:flex;} .burrito {display:flex;}
.salsa { .salsa {
width:calc({text:sidebar width}px - 80px - 16px - 10px); width:calc({select:sidebar width} - 80px - 16px - 10px);
/* take 10px away : gap between desc and pic */ /* take 10px away : gap between desc and pic */
height:96px; height:96px;
background-color:rgba({RGBcolor:desc border},{text:description border opacity}); background-color:rgba({RGBcolor:desc border},{select:desc border transparency});
display:table; display:table;
} }
.goo {display:table-cell;vertical-align:middle;} .goo {display:table-cell;vertical-align:middle;}
.desc { .desc {
/* width:calc({text:sidebar width}px - 80px - 16px); */ /* width:calc({select:sidebar width} - 80px - 16px); */
margin-left:50%; margin-left:50%;
transform:translateX(-50%); transform:translateX(-50%);
width:calc(100% - 16px - 16px); width:calc(100% - 16px - 16px);
@ -856,7 +1025,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
#postbox { #postbox {
position:fixed; position:fixed;
margin-top:60px; margin-top:60px;
width:calc({text:post width}px + ({text:post padding}px * 2) + ({text:post side margins}px * 2)); width:calc({select:post width} + ({select:post padding} * 2) + ({select:post side gaps} * 2));
height:calc(100vh - 60px - 60px); height:calc(100vh - 60px - 60px);
overflow-x:hidden; overflow-x:hidden;
overflow-y:auto; overflow-y:auto;
@ -868,7 +1037,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
/* bannah */ /* bannah */
#heather { #heather {
width:inherit; width:inherit;
height:calc(({text:post width}px + ({text:post side margins}px * 2)) / 21 * 9); height:calc(({select:post width} + ({select:post side gaps} * 2)) / 21 * 9);
background-image:url('{image:header image}'); background-image:url('{image:header image}');
background-color:{color:header background}; background-color:{color:header background};
background-position:center; background-position:center;
@ -937,8 +1106,8 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
.tea { .tea {
position:fixed!important; position:fixed!important;
margin-top:calc(((({text:post width}px + ({text:post side margins}px * 2)) / 21 * 9) * -1) - 0.25px)!important; margin-top:calc(((({select:post width} + ({select:post side gaps} * 2)) / 21 * 9) * -1) - 0.25px)!important;
/* calc((({text:post width}px + ({text:post side margins}px * 2)) / 21 * 9) * -1) */ /* calc((({select:post width} + ({select:post side gaps} * 2)) / 21 * 9) * -1) */
} }
/* bot bar pagi */ /* bot bar pagi */
@ -973,23 +1142,24 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
} }
.small-nudge { .small-nudge {
{block:ifLink1}margin-top:calc({text:post bottom margin}px + 80px);{/block:ifLink1} {block:ifLink1}margin-top:calc({select:post spacing} + 80px);{/block:ifLink1}
{block:ifnotLink1}margin-top:{text:post bottom margin}px;{/block:ifnotLink1} {block:ifnotLink1}
margin-top:{select:post spacing};
{/block:ifnotLink1}
margin-bottom:{text:post bottom margin}px; margin-bottom:{select:post spacing};
{block:Pagination}margin-bottom:calc({text:post bottom margin}px + 52.5px);{/block:Pagination} {block:Pagination}margin-bottom:calc({select:post spacing} + 52.5px);{/block:Pagination}
margin-left:{text:post side margins}px; margin-left:{select:post side gaps};
} }
.posts { .posts {
overflow:hidden; overflow:hidden;
margin-bottom:{text:post bottom margin}px; margin-bottom:{select:post spacing};
{/block:PermalinkPage} width:{select:post width};
width:{text:post width}px; padding:{select:post padding};
padding:{text:post padding}px;
background-color:{color:post}; background-color:{color:post};
{block:ifpostborders}border:1px solid {color:post border};{/block:ifpostborders} {block:ifpostborders}border:1px solid {color:post border};{/block:ifpostborders}
} }
@ -999,7 +1169,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
.photos, .photos img { .photos, .photos img {
position:relative; position:relative;
overflow:hidden; overflow:hidden;
width:{text:post width}px; width:{select:post width};
{block:IndexPage} {block:IndexPage}
{block:ifphotofade} {block:ifphotofade}
@ -1056,12 +1226,12 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
/*--------------------TOP PERMA--------------------*/ /*--------------------TOP PERMA--------------------*/
.citrus { .citrus {
margin-bottom:{text:post padding}px; margin-bottom:{select:post padding};
background-color:{color:permalink background}; background-color:{color:permalink background};
padding-top:calc(10px + {text:permalink padding}px); padding-top:calc(10px + {select:permalink padding});
padding-right:{text:permalink padding}px; padding-right:{select:permalink padding};
padding-bottom:calc(5px + {text:permalink padding}px); padding-bottom:calc(5px + {select:permalink padding});
padding-left:{text:permalink padding}px; padding-left:{select:permalink padding};
font-family:karla;line-height:1.6em; font-family:karla;line-height:1.6em;
} }
@ -1094,8 +1264,8 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
.vinegar {float:right;} .vinegar {float:right;}
.vinaigrette { .vinaigrette {
float:right; float:right;
margin-top:calc(-{text:post padding}px - {text:permalink padding}px - 10px - 18px); margin-top:calc(-{select:post padding} - {select:permalink padding} - 10px - 18px);
margin-right:calc(2px + {text:permalink padding}px); margin-right:calc(2px + {select:permalink padding});
} }
.salad { .salad {
@ -1114,7 +1284,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
text-transform:uppercase; text-transform:uppercase;
letter-spacing:1.3px; letter-spacing:1.3px;
text-align:right;line-height:1.4em; text-align:right;line-height:1.4em;
font-size:calc({text:font size}px - 3.5px); font-size:calc({select:font size} - 3.5px);
margin-top:10px; margin-top:10px;
} }
@ -1137,7 +1307,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
/*--------------------POST NOTES--------------------*/ /*--------------------POST NOTES--------------------*/
ol.notes { ol.notes {
width:{text:post width}px; width:{select:post width};
padding:0px; padding:0px;
margin-top:30px; margin-top:30px;
list-style-type:none; list-style-type:none;
@ -1180,7 +1350,7 @@ text-decoration:none;
box-shadow:none !important; box-shadow:none !important;
border-radius:0px !important; border-radius:0px !important;
max-width:none; max-width:none;
padding:{text:post padding}px !important; padding:{select:post padding} !important;
background:{color:post} !important; background:{color:post} !important;
border:1px solid {color:post border}!important; border:1px solid {color:post border}!important;
} }
@ -1200,15 +1370,15 @@ text-align:center;
.daydreamer .sf { .daydreamer .sf {
color:{color:text}; color:{color:text};
padding:7px 10px 2px 10px; padding:7px 10px 2px 10px;
font-size:calc({text:font size}px + 5px); font-size:calc({select:font size} + 5px);
} }
.daydreamer::before { .daydreamer::before {
content:""; content:"";
position:absolute; position:absolute;
margin-top:8px; margin-top:8px;
margin-left:calc(-{text:post width}px / 4); margin-left:calc(-{select:post width} / 4);
width:calc({text:post width}px / 4); width:calc({select:post width} / 4);
height:1px; height:1px;
background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%); background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
} }
@ -1218,7 +1388,7 @@ content:"";
position:absolute; position:absolute;
margin-top:8px; margin-top:8px;
margin-left:0px; margin-left:0px;
width:calc({text:post width}px / 4); width:calc({select:post width} / 4);
height:1px; height:1px;
background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%); background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%);
} }
@ -1226,7 +1396,7 @@ background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, tran
.quote { .quote {
font-family:quicksand; font-family:quicksand;
text-transform:uppercase;letter-spacing:1px; text-transform:uppercase;letter-spacing:1px;
font-size:calc({text:font size}px + 1px); font-size:calc({select:font size} + 1px);
font-weight:bold; font-weight:bold;
text-align:center; text-align:center;
} }
@ -1323,7 +1493,7 @@ video {
} }
.tumblr_video_container { .tumblr_video_container {
width:{text:post width}px!important; width:{select:post width}!important;
height:auto!important; height:auto!important;
max-height:540px!important; max-height:540px!important;
overflow:hidden!important; overflow:hidden!important;
@ -1351,7 +1521,7 @@ video {
filter:grayscale(0%); filter:grayscale(0%);
} }
#please-respect-theme-makers { #yo-pls-dont-remove-thx {
position:fixed; position:fixed;
bottom:0;margin-bottom:15px; bottom:0;margin-bottom:15px;
right:0;margin-right:15px; right:0;margin-right:15px;
@ -1366,7 +1536,7 @@ video {
font-size:9px;letter-spacing:1.3px; font-size:9px;letter-spacing:1.3px;
} }
#please-respect-theme-makers a { #yo-pls-dont-remove-thx a {
color:rgba({RGBcolor:text},0.92); color:rgba({RGBcolor:text},0.92);
} }
@ -1375,39 +1545,31 @@ video {
/* -- Like + Reblog buttons (1/2) -- */ /* -- Like + Reblog buttons (1/2) -- */
/* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */ /* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */
/* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */ /* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
svg {
width:10px;
height:auto;
padding:1px;
display:block;
overflow:visible;
fill:rgba({RGBcolor:permalink text},0.8); /* svg icons color */
}
.controls { .controls {
height:0px; transform:scale(1.2,1.2);
transform:scaleX(calc(12 / 10)) scaleY(calc(12 / 10)); /* size of butts relative to font size */ transform-origin:0% 50%;
margin-top:-3px; display:flex;
margin-right:-6px; align-items:center;
} }
.controls a { .controls a {
position:relative; position:relative;
display:inline-block; display:block;
overflow:hidden; overflow:hidden;
padding:5px; padding:3px!important;
width:12px; flex-shrink:0;
height:12px;
} }
.controls a:first-child { .controls a + a {
margin-bottom:0.5px; /* like button padding */
} }
.controls a:last-child { .controls svg {
/* padding:4px; rb button padding */ width:calc({select:font size} - 2px);
} height:auto;
.controls .reblog { padding:1px;
margin-left:-5px; /* gap between like and rb, rb POV */ display:block;
overflow:visible;
fill:rgba({RGBcolor:permalink text},0.8); /* svg icons color */
} }
.controls .reblog svg { .controls .reblog svg {
width:9px; /* rb butt size */ width:calc({select:font size} - 3px); /* rb butt size */
} }
.controls .like .liked + svg path { .controls .like .liked + svg path {
fill:#ec5a5a; /* LIKED color */ fill:#ec5a5a; /* LIKED color */
@ -1421,7 +1583,7 @@ svg {
left:0; left:0;
bottom:0; bottom:0;
right:0; right:0;
z-index:0; z-index:2;
opacity:0.000001; opacity:0.000001;
} }
@ -1514,7 +1676,7 @@ svg {
<!----ONE STAR BOX END----> <!----ONE STAR BOX END---->
{/block:ifupdatesboxes} {/block:ifupdatesboxes}
<script type="text/javascript"> <script>
$(document).ready(function(){ $(document).ready(function(){
// star box 1 // star box 1
$('.choco1').click(function(e){ $('.choco1').click(function(e){
@ -1883,7 +2045,7 @@ $(document).click(function(outside){
</div><!--nudge--> </div><!--nudge-->
</div><!--cont--> </div><!--cont-->
<div id="please-respect-theme-makers"><a href="//glenthemes.tumblr.com" title="theme by glenthemes">glenthemes</a></div> <div id="yo-pls-dont-remove-thx"><a href="//glenthemes.tumblr.com" title="theme by glenthemes">glenthemes</a></div>
</body> </body>
</html> </html>