diff --git a/16-Blue-Moon-BLACK b/16-Blue-Moon-BLACK
index 5162ee1..2a93551 100644
--- a/16-Blue-Moon-BLACK
+++ b/16-Blue-Moon-BLACK
@@ -6,7 +6,10 @@ Blue version: pastebin.com/tsqprL8v
Initial release: 2015/12/23
Major code update: 2018/05/25
-Last updated: 2023/05/06
+Last updated: 2023/07/28
+
+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',
@@ -97,7 +100,7 @@ $(document).ready(function(){
+
+
+
+
+
+
+
+
+
+
+
@@ -205,8 +275,83 @@ $(document).ready(function(){
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
@@ -216,24 +361,14 @@ $(document).ready(function(){
-
-
-
-
-
+
-
-
-
-
-
-
-
-
+
+
-
+
@@ -257,12 +392,12 @@ $(document).ready(function(){
border-radius:5px;
border:1px solid rgba({RGBcolor:text},0.2);
font-family: open sans;
- font-size: calc({text:font size}px - 3px);
+ font-size: calc({select:font size} - 3px);
letter-spacing: 1px;
text-transform: uppercase;
color: {color:text};
z-index:99999999999999999999999999998!important;
- max-width: calc({text:post width}px * 1.25);
+ max-width: calc({select:post width} * 1.25);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
@@ -326,7 +461,7 @@ color:{color:text};
cursor:normal;
font-family:open sans;
line-height:1.6em;
-font-size:{text:font size}px;
+font-size:{select:font size};
text-align:left;
}
@@ -363,7 +498,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 {
@@ -380,7 +515,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;
text-transform:uppercase;
letter-spacing:2px;
@@ -393,10 +528,9 @@ h1, h2, h3, h4, h5, h6 {
#container {
position:absolute;
top:0;left:0;
- margin-left:calc(25px + {text:sidebar width}px + 30px + {text:sidebar right margin}px);
- margin-top:{text:post margin}px;
- margin-bottom:{text:post margin}px;
- /* width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar left margin}px + {text:sidebar width}px); */
+ margin-left:calc(25px + {select:sidebar width} + 30px + {select:center gap});
+ margin-top:{select:post spacing};
+ margin-bottom:{select:post spacing};
}
@@ -409,7 +543,7 @@ h1, h2, h3, h4, h5, h6 {
position:fixed;
top:0;margin-top:0px;
left:0;margin-left:25px;
- width:{text:sidebar width}px;
+ width:{select:sidebar width};
height:100%;
background-image:url('{image:sidebar image}');
background-size:cover;
@@ -430,13 +564,13 @@ h1, h2, h3, h4, h5, h6 {
}
#strip2 {
- margin-left:calc(25px + {text:sidebar width}px);
+ margin-left:calc(25px + {select:sidebar width});
width:15px;
background-color:{color:sidebar bar 2};
}
#strip3 {
- margin-left:calc(25px + {text:sidebar width}px + 15px);
+ margin-left:calc(25px + {select:sidebar width} + 15px);
width:15px;
background-color:{color:sidebar bar 3};
}
@@ -444,15 +578,16 @@ h1, h2, h3, h4, h5, h6 {
.descwrap {
position:fixed;
bottom:0;margin-bottom:35px;
- left:0;margin-left:calc((({text:sidebar width}px - ({text:sidebar width}px * 0.65)) / 2) + 30px);
+ left:0;margin-left:calc((({select:sidebar width} - ({select:sidebar width} * 0.65)) / 2) + 30px);
}
.desc {
- width:calc({text:sidebar width}px * 0.65);
- height:120px;overflow:auto;
+ width:calc({select:sidebar width} * 0.65);
+ height:120px;
+ overflow:auto;
padding:10px;
- background-color:rgba({RGBcolor:description background},{text:description opacity});
- font-size:calc({text:font size}px - 1px);
+ background-color:rgba({RGBcolor:description background},{select:desc transparency});
+ font-size:calc({select:font size} - 1px);
color:{color:desc text};
text-align:center;
}
@@ -478,7 +613,7 @@ h1, h2, h3, h4, h5, h6 {
.tiddy {
margin-bottom:-3px;
- width:calc({text:sidebar width}px * 0.65);
+ width:calc({select:sidebar width} * 0.65);
text-align:left;
font-family:economica;
text-transform:uppercase;
@@ -547,10 +682,10 @@ h1, h2, h3, h4, h5, h6 {
/*--------------------POSTS--------------------*/
.posts {
overflow:hidden;
-margin-bottom:{text:post margin}px;
+margin-bottom:{select:post spacing};
{/block:PermalinkPage}
-width:{text:post width}px;
-padding:{text:post padding}px;
+width:{select:post width};
+padding:{select:post padding};
background-color:{color:post};
{block:ifpostborders}
@@ -577,7 +712,7 @@ border-left:1px solid {color:post borders};
.photos, .photos img {
position:relative;
overflow:hidden;
- width:{text:post width}px;
+ width:{select:post width};
{block:IndexPage}
{block:ifphotofade}
@@ -642,7 +777,7 @@ border-left:1px solid {color:post borders};
.perma {
text-transform:uppercase;
letter-spacing:1px;
- font-size:calc({text:font size}px - 2.5px);
+ font-size:calc({select:font size} - 2.5px);
}
.perma a, .perma b {
@@ -662,7 +797,7 @@ border-left:1px solid {color:post borders};
font-style:italic;
letter-spacing:1.3px;
line-height:1.5em;
- font-size:calc({text:font size}px - 3.5px);
+ font-size:calc({select:font size} - 3.5px);
text-align:right;
}
@@ -680,7 +815,7 @@ border-left:1px solid {color:post borders};
/* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */
/* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
.controls {
- margin-right:calc({text:post padding}px + 6px);
+ margin-right:calc({select:post padding} + 6px);
margin-top:-20px;
height:0px;
}
@@ -695,27 +830,27 @@ border-left:1px solid {color:post borders};
.controls .rb .sf {
position:absolute;
- margin-top:calc(({text:font size}px - 1px) * -1);
+ margin-top:calc(({select:font size} - 1px) * -1);
margin-left:2px;
- font-size:{text:font size}px;
+ font-size:{select:font size};
}
.controls .like .sf {
position:absolute;
- margin-top:calc(({text:font size}px - 2px) * -1);
- margin-left:calc(({text:font size}px + 4px) * -1);
- font-size:calc({text:font size}px + 1px);
- max-height:calc({text:font size}px + 1px);
+ margin-top:calc(({select:font size} - 2px) * -1);
+ margin-left:calc(({select:font size} + 4px) * -1);
+ font-size:calc({select:font size} + 1px);
+ max-height:calc({select:font size} + 1px);
}
.controls .like .liked + .sf {color:#ec5a5a;}
.controls .like .like_button {
position:absolute;
- margin-top:calc(({text:font size}px - 1px) * -1);
- margin-left:calc(({text:font size}px + 5px) * -1);
- width:calc({text:font size}px + 3px);
- height:calc({text:font size}px + 3px);
+ margin-top:calc(({select:font size} - 1px) * -1);
+ margin-left:calc(({select:font size} + 5px) * -1);
+ width:calc({select:font size} + 3px);
+ height:calc({select:font size} + 3px);
}
.controls .like .like_button iframe {
@@ -732,7 +867,7 @@ border-left:1px solid {color:post borders};
/*--------------------POST NOTES--------------------*/
ol.notes {
-width:{text:post width}px;
+width:{select:post width};
padding:0px;
margin-top:30px;
list-style-type:none;
@@ -775,7 +910,8 @@ text-decoration:none;
box-shadow:none !important;
border-radius:0px !important;
max-width:none;
- padding:{text:post padding}px !important;
+ margin-top:-{select:post padding}!important;
+ padding:{select:post padding} !important;
background:{color:post} !important;
border:1px solid rgba({RGBcolor:text},0.15) !important;
}
@@ -795,15 +931,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%);
}
@@ -813,7 +949,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%);
}
@@ -821,7 +957,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;
}
@@ -859,7 +995,7 @@ font-weight:bold;
.label.odd {color:{color:question and chat text};}
.label.even {color:{color:text};}
-p.npf_chat { font-family:Courier; font-size:{text:font size}px; }
+p.npf_chat { font-family:Courier; font-size:{select:font size}; }
/*---------------------------ASKS---------------------------*/
.q-wrap {
@@ -919,7 +1055,7 @@ height:0px;
/*---------------------------VIDEO---------------------------*/
.tumblr_video_container {
- width:{text:post width}px!important;
+ width:{select:post width}!important;
height:auto!important;
max-height:540px!important;
overflow:hidden!important;
@@ -949,17 +1085,17 @@ height:0px;
/*------------------------BOT PAGI------------------------*/
.botpagi {
- width:calc({text:post width}px + ({text:post padding}px * 2));
+ width:calc({select:post width} + ({select:post padding} * 2));
text-align:center;
padding-top:15px;
border-top:1px solid rgba({RGBcolor:text},0.15);
- margin-bottom:calc(0px - 10px + {text:post margin}px);
+ margin-bottom:calc(0px - 10px + {select:post spacing});
}
/* 'Current page' number */
.botpagi span {
background-color:{color:post};
- font-size:calc({text:font size}px - 1px);
+ font-size:calc({select:font size} - 1px);
color:{color:Text};
padding:3px 5px;
width:9px;
@@ -971,7 +1107,7 @@ height:0px;
/* Other page numbers */
.botpagi a {
background-color:{color:post};
- font-size:calc({text:font size}px - 1px);
+ font-size:calc({select:font size} - 1px);
color:{color:link};
padding:3px 5px;
width:9px;