From 7e535dc7938477602f6c3adacb1dfd0c8b32d46c Mon Sep 17 00:00:00 2001
From: HT <glenthemes.exe@gmail.com>
Date: Sun, 30 Jul 2023 07:27:15 +0100
Subject: [PATCH] =?UTF-8?q?=E2=82=8A=E2=81=BA=E2=9C=BF=CB=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 26-Nebulae | 376 ++++++++++++++++++++++++++++++++++++++---------------
 1 file changed, 269 insertions(+), 107 deletions(-)

diff --git a/26-Nebulae b/26-Nebulae
index 325b982..1e31910 100644
--- a/26-Nebulae
+++ b/26-Nebulae
@@ -3,8 +3,11 @@ Theme [26]: Nebulae
 Made by glenthemes
 
 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:
 1) Do not remove the theme credit.
 2) Do not repost/redistribute my themes.
@@ -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',
@@ -77,13 +80,11 @@ $(document).ready(function(){
 <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
 
 {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}
  
 <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>
 
 <!-- "saturnicons" icon font by suiomi -->
@@ -142,16 +143,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: 5px;
     --Poll-Option-Border-Size: 1px;
     --Poll-Option-Border-Color: rgba({RGBcolor:text},0.15);
     --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-Text-Color: {color:text};
     
@@ -170,8 +171,78 @@ $(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: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>
 <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-------------------->
  
@@ -228,9 +299,119 @@ $(document).ready(function(){
 
 <meta name="color:highlight" content="#fafafa"/>
 <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:post container border" content="1" />
@@ -244,31 +425,14 @@ $(document).ready(function(){
 <meta name="if:smooth scrolling" content="0" />
 <meta name="if:dark tumblr controls" content="0" />
  
-<!--------------------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"/>
- 
-<!--------------------TITLES-------------------->
+<!----------------TEXT FIELDS---------------->
 
-<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 subtitle" content="a subtitle">
 
-<meta name="text:updates boxes width" content="200">
-<!--"how to change icons-->
+<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"-->
 <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 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 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 URL" 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 10" content="">
 <meta name="text:Link 10 URL" content="">
- 
+
 <!-------------------------------------------------------------------->
- 
+
 <style type="text/css">
- 
+
 /*--------------------TOOLTIPS--------------------*/
 #s-m-t-tooltip {
     padding: 4px 9px;
@@ -312,12 +478,12 @@ $(document).ready(function(){
     background-color: {color:permalink icon background};
     border-radius:5px;
     font-family: karla;
-    font-size: calc({text:font size}px - 3px);
+    font-size: calc({select:font size} - 3px);
     letter-spacing: 1px;
     text-transform: uppercase;
     color: {color:permalink icon};
     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;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
@@ -375,7 +541,7 @@ color:{color:text};
 cursor:normal;
 font-family:karla;
 line-height:1.6em;
-font-size:{text:font size}px;
+font-size:{select:font size};
 text-align:left;
 }
  
@@ -439,7 +605,7 @@ a:hover {text-decoration:none;}
 img {opacity:1;text-decoration:none;}
  
 h1 {
-    font-size:calc({text:font size}px + 1px);
+    font-size:calc({select:font size} + 1px);
     font-family:quicksand;
     text-transform: uppercase;
     letter-spacing: 2px;
@@ -686,7 +852,7 @@ h1 {
     position:fixed;
     bottom:0;margin-bottom:95px;
     left:0;margin-left:95px;
-    width:{text:updates boxes width}px;
+    width:{select:updates boxes width};
     padding:10px;
     background-color:{color:post};
     border:1px solid {color:post border};
@@ -721,8 +887,11 @@ h1 {
 .caramel {
     margin-left:calc(28px + 10px);
     font-family:quicksand;
-    font-weight:bold;text-transform:uppercase;letter-spacing:1px;
-    font-size:9px;line-height:1.4em;
+    font-weight:bold;
+    text-transform:uppercase;
+    letter-spacing:1px;
+    font-size:9px;
+    line-height:1.4em;
     color:rgba({color:permalink text},0.9);
 }
 
@@ -739,11 +908,11 @@ h1 {
 position:absolute;
 margin:0 auto;
 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 {
-margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
+margin-left:calc({select:sidebar width} + {select:sidebar right gap});
 }
 
 /*--------------------SIDEBAR-------------------*/
@@ -753,7 +922,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
     margin-left:0px;
     /* u already nudged the post over by sbmarg, so sb pos = -sbWidth */
     /* basically only need to subtract sbWidth and yor good */
-    width:{text:sidebar width}px;
+    width:{select:sidebar width};
     /*height:500px;*/
     background-color:transparent;
 }
@@ -761,17 +930,17 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
 .burrito {display:flex;}
 
 .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 */
     height:96px;
-    background-color:rgba({RGBcolor:desc border},{text:description border opacity});
+    background-color:rgba({RGBcolor:desc border},{select:desc border transparency});
     display:table;
 }
 
 .goo {display:table-cell;vertical-align:middle;}
 
 .desc {
-    /* width:calc({text:sidebar width}px - 80px - 16px); */
+    /* width:calc({select:sidebar width} - 80px - 16px); */
     margin-left:50%;
     transform:translateX(-50%);
     width:calc(100% - 16px - 16px);
@@ -856,7 +1025,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
 #postbox {
     position:fixed;
     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);
     overflow-x:hidden;
     overflow-y:auto;
@@ -868,7 +1037,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
 /* bannah */
 #heather {
     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-color:{color:header background};
     background-position:center;
@@ -937,8 +1106,8 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
 
 .tea {
     position:fixed!important;
-    margin-top:calc(((({text:post width}px + ({text:post side margins}px * 2)) / 21 * 9) * -1) - 0.25px)!important;
-    /* calc((({text:post width}px + ({text:post side margins}px * 2)) / 21 * 9) * -1) */
+    margin-top:calc(((({select:post width} + ({select:post side gaps} * 2)) / 21 * 9) * -1) - 0.25px)!important;
+    /* calc((({select:post width} + ({select:post side gaps} * 2)) / 21 * 9) * -1) */
 }
 
 /* bot bar pagi */
@@ -973,23 +1142,24 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
 }
 
 .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 {
     overflow:hidden;
-    margin-bottom:{text:post bottom margin}px;
-    {/block:PermalinkPage}
-    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: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 {
     position:relative;
     overflow:hidden;
-    width:{text:post width}px;
+    width:{select:post width};
    
     {block:IndexPage}
     {block:ifphotofade}
@@ -1056,12 +1226,12 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
 
 /*--------------------TOP PERMA--------------------*/
 .citrus {
-    margin-bottom:{text:post padding}px;
+    margin-bottom:{select:post padding};
     background-color:{color:permalink background};
-    padding-top:calc(10px + {text:permalink padding}px);
-    padding-right:{text:permalink padding}px;
-    padding-bottom:calc(5px + {text:permalink padding}px);
-    padding-left:{text:permalink padding}px;
+    padding-top:calc(10px + {select:permalink padding});
+    padding-right:{select:permalink padding};
+    padding-bottom:calc(5px + {select:permalink padding});
+    padding-left:{select:permalink padding};
     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;}
 .vinaigrette {
     float:right;
-    margin-top:calc(-{text:post padding}px - {text:permalink padding}px - 10px - 18px);
-    margin-right:calc(2px + {text:permalink padding}px);
+    margin-top:calc(-{select:post padding} - {select:permalink padding} - 10px - 18px);
+    margin-right:calc(2px + {select:permalink padding});
 }
 
 .salad {
@@ -1114,7 +1284,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
     text-transform:uppercase;
     letter-spacing:1.3px;
     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;
 }
  
@@ -1137,7 +1307,7 @@ margin-left:calc({text:sidebar width}px + {text:sidebar margin}px);
  
 /*--------------------POST NOTES--------------------*/
 ol.notes {
-width:{text:post width}px;
+width:{select:post width};
 padding:0px;
 margin-top:30px;
 list-style-type:none;
@@ -1180,7 +1350,7 @@ text-decoration:none;
     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 {color:post border}!important;
 }
@@ -1200,15 +1370,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%);
 }
@@ -1218,7 +1388,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%);
 }
@@ -1226,7 +1396,7 @@ background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, tran
 .quote {
 font-family:quicksand;
 text-transform:uppercase;letter-spacing:1px;
-font-size:calc({text:font size}px + 1px);
+font-size:calc({select:font size} + 1px);
 font-weight:bold;
 text-align:center;
 }
@@ -1323,7 +1493,7 @@ 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;
@@ -1351,7 +1521,7 @@ video {
     filter:grayscale(0%);
 }
 
-#please-respect-theme-makers {
+#yo-pls-dont-remove-thx {
     position:fixed;
     bottom:0;margin-bottom:15px;
     right:0;margin-right:15px;
@@ -1366,7 +1536,7 @@ video {
     font-size:9px;letter-spacing:1.3px;
 }
 
-#please-respect-theme-makers a {
+#yo-pls-dont-remove-thx a {
     color:rgba({RGBcolor:text},0.92);
 }
  
@@ -1375,39 +1545,31 @@ video {
 /* -- Like + Reblog buttons (1/2) -- */
 /* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */
 /* -- 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 {
-    height:0px;
-    transform:scaleX(calc(12 / 10)) scaleY(calc(12 / 10)); /* size of butts relative to font size */
-    margin-top:-3px;
-    margin-right:-6px;
+    transform:scale(1.2,1.2);
+    transform-origin:0% 50%;
+    display:flex;
+    align-items:center;
 }
 .controls a {
    position:relative;
-   display:inline-block;
+   display:block;
    overflow:hidden;
-   padding:5px;
-   width:12px;
-   height:12px;
+   padding:3px!important;
+   flex-shrink:0;
 }
-.controls a:first-child {
-    margin-bottom:0.5px; /* like button padding */
+.controls a + a {
 }
-.controls a:last-child {
-    /* padding:4px; rb button padding */
-}
-.controls .reblog {
-   margin-left:-5px; /* gap between like and rb, rb POV */
+.controls svg {
+    width:calc({select:font size} - 2px);
+    height:auto;
+    padding:1px;
+    display:block;
+    overflow:visible;
+    fill:rgba({RGBcolor:permalink text},0.8); /* svg icons color */
 }
 .controls .reblog svg {
-   width:9px; /* rb butt size */
+   width:calc({select:font size} - 3px); /* rb butt size */
 }
 .controls .like .liked + svg path {
    fill:#ec5a5a; /* LIKED color */
@@ -1421,7 +1583,7 @@ svg {
    left:0;
    bottom:0;
    right:0;
-   z-index:0;
+   z-index:2;
    opacity:0.000001;
 }
  
@@ -1514,7 +1676,7 @@ svg {
 <!----ONE STAR BOX END---->
 {/block:ifupdatesboxes}
 
-<script type="text/javascript">
+<script>
 $(document).ready(function(){
     // star box 1
     $('.choco1').click(function(e){
@@ -1883,7 +2045,7 @@ $(document).click(function(outside){
 </div><!--nudge-->
 </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>
 </html>
\ No newline at end of file