diff --git a/16-Blue-Moon-BLUE b/16-Blue-Moon-BLUE index 7224fc7..1e21b6e 100644 --- a/16-Blue-Moon-BLUE +++ b/16-Blue-Moon-BLUE @@ -6,7 +6,10 @@ Black version: pastebin.com/BdQe05hk 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. @@ -17,14 +20,13 @@ TERMS OF USE: ------------------------------------------------------------------------> - - + - + {Title} - + - + @@ -40,7 +42,7 @@ attribute:"title" }); })(jQuery); - + - + - + {block:ifsmoothscrolling} {/block:ifsmoothscrolling} - + - + - + - + {block:ifshowmusicplayer} {/block:ifshowmusicplayer} - + - + - + + + + + + + + + + + @@ -171,12 +240,12 @@ $(document).ready(function(){ - + - + @@ -184,30 +253,105 @@ $(document).ready(function(){ - + - + - + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + @@ -217,24 +361,14 @@ $(document).ready(function(){ - - - - - + - - - - - - - - + + - + @@ -258,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; @@ -275,16 +409,16 @@ iframe#tumblr_controls, .iframe-controls--desktop { right:5px!important; position:fixed!important; opacity:0.7; - + {block:ifdarktumblrcontrols} filter:invert(100%) hue-rotate(180deg); -webkit-filter:invert(100%) hue-rotate(180deg); opacity:1; {/block:ifdarktumblrcontrols} - + transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); - + transform-origin:100% 0; z-index:999999!important; transition:0.3s ease-in-out; @@ -327,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; } @@ -338,33 +472,33 @@ border-left:1px solid; border-color:rgba({RGBcolor:text},0.6); margin:10px; } - + b, strong {font-weight:bold;color: {color:Bold};} .non a { padding-bottom:0px!important; border-bottom:0px solid transparent!important; } - + .nonn a { border-bottom:0px solid transparent!important; } - + i, em, .em {color: {color:Italic};} - + pre, code { white-space:pre-wrap; display:block; } - + hr { width:70%; border-width:0px; height:1px; 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 { @@ -381,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; @@ -389,97 +523,97 @@ h1, h2, h3, h4, h5, h6 { color:{color:text}; text-align:center; } - + /*-----------------CONT-----------------*/ #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}; } - - + + #nudge { - + } - + /*-----------------SIDEBAR-----------------*/ #jupiter { 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; background-color:{color:sidebar background}; } - + #strip1, #strip2, #strip3 { position:fixed; top:0;margin-top:0px; left:0; height:100%; } - + #strip1 { margin-left:0px; width:25px; background-color:{color:sidebar bar 1}; } - + #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}; } - + .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; } - + .desc a { color:{color:desc link}; padding-bottom:1px; border-bottom:0.5px solid rgba({RGBcolor:desc link},0.4); } - + .desc a:hover { color:{color:desc link hover}; border-bottom:0.5px solid rgba({RGBcolor:desc link hover},0.4); } - + .desc b, .desc strong { font-weight:bold; color:{color:desc bold};} - + .desc i, .desc em {color:{color:desc italic};} - + .desc p:last-child {margin-bottom:0px;} - + .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; @@ -489,18 +623,18 @@ h1, h2, h3, h4, h5, h6 { color:{color:description title}; text-shadow:1px 0px {color:description title shadow}; } - + .flinks { position:absolute; width:30px; margin-left:-45px; } - + .flinks a { display:inline-block; margin:9px 0; } - + .flinks .sf { padding:7px 8px 5px 8px; background-color:{color:desc circular links background}; @@ -513,19 +647,19 @@ h1, h2, h3, h4, h5, h6 { -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } - + .flinks .sf:hover { background-color:{color:desc circular links background hover}; border:1px solid rgba({RGBcolor:desc circular links hover},0.7); color:{color:desc circular links hover}; } - + .clinks { position:fixed; bottom:0;margin-bottom:230px; left:0;margin-left:25px; } - + .clinks a { display:inline-block; margin:4px 0; @@ -538,7 +672,7 @@ h1, h2, h3, h4, h5, h6 { font-size:8px; color:{color:custom links}; } - + .clinks a:hover { background-color:{color:custom links background hover}; border-left:10px solid {color:sidebar bar 1}; @@ -548,12 +682,12 @@ 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} border-top:1px solid {color:post borders}; border-right:1px solid {color:post borders}; @@ -561,15 +695,15 @@ border-bottom:3px solid {color:post border accent}; border-left:1px solid {color:post borders}; {/block:ifpostborders} } - + .posts:last-of-type {margin-bottom:0px;} - + .posts a { color:{color:link}; padding-bottom:1px; border-bottom:0.5px solid rgba({RGBcolor:link},0.4); } - + .posts a:hover { color:{color:link hover}; border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4); @@ -578,8 +712,8 @@ 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} opacity:0.8; @@ -587,7 +721,7 @@ border-left:1px solid {color:post borders}; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; {/block:ifphotofade} - + {block:ifmonochromeposts} -webkit-filter:grayscale(100%); filter:grayscale(100%); @@ -603,7 +737,7 @@ border-left:1px solid {color:post borders}; -webkit-filter:grayscale(0%); filter:grayscale(0%); } - + .posts img { {block:IndexPage} {block:ifphotofade} @@ -612,7 +746,7 @@ border-left:1px solid {color:post borders}; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; {/block:ifphotofade} - + {block:ifmonochromeposts} -webkit-filter:grayscale(100%); filter:grayscale(100%); @@ -630,7 +764,7 @@ border-left:1px solid {color:post borders}; } .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;} - + .posts iframe {max-width:100%;} /*--------------------PERMALINK--------------------*/ @@ -639,23 +773,23 @@ border-left:1px solid {color:post borders}; padding-top:15px; border-top:1px solid rgba({RGBcolor:text},0.2); } - + .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 { color:{color:permalink}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } - + .perma a {margin-right:15px;} .perma a:hover, .perma b:hover {color:{color:permalink hover};} - + .tagsin { margin-top:5px; margin-right:-3px; @@ -663,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; } @@ -674,14 +808,14 @@ border-left:1px solid {color:post borders}; } .tagsin a:hover {color:{color:tags hover};} - + .vinegar {float:right;} - + /* -- 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 -- */ .controls { - margin-right:calc({text:post padding}px + 6px); + margin-right:calc({select:post padding} + 6px); margin-top:-20px; height:0px; } @@ -696,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 { @@ -729,11 +863,11 @@ border-left:1px solid {color:post borders}; z-index:2; opacity:0; } - + /*--------------------POST NOTES--------------------*/ ol.notes { -width:{text:post width}px; +width:{select:post width}; padding:0px; margin-top:30px; list-style-type:none; @@ -776,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; } @@ -792,29 +927,29 @@ margin-top:6px; margin-bottom:10px; 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%); } - + .daydreamer::after { 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%); } @@ -822,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,9 +994,9 @@ font-weight:bold; .label.odd {color:{color:question and chat text};} .label.even {color:{color:text};} - -p.npf_chat { font-family:Courier; font-size:{text:font size}px; } - + +p.npf_chat { font-family:Courier; font-size:{select:font size}; } + /*---------------------------ASKS---------------------------*/ .q-wrap { padding:10px; @@ -911,16 +1046,16 @@ line-height:1.7; .trackdetails b { font-weight:normal; } - + .audiowrapper { position:relative; display:inline; 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; @@ -931,7 +1066,7 @@ height:0px; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; {/block:ifphotofade} - + {block:ifmonochromeposts} -webkit-filter:grayscale(100%); filter:grayscale(100%); @@ -941,26 +1076,26 @@ height:0px; {/block:ifmonochromeposts} {/block:IndexPage} } - + .posts:hover .tumblr_video_container { opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%); } - + /*------------------------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; @@ -972,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; @@ -980,7 +1115,7 @@ height:0px; margin-left:2px; text-align:center; } - + {block:ifshowmusicplayer} /* music player skin by vitanica */ #musicplayer { @@ -1065,7 +1200,7 @@ height:0px; -webkit-transition-delay: .6s; } {/block:ifshowmusicplayer} - + {CustomCSS} @@ -1091,15 +1226,15 @@ height:0px; {/block:ifshowmusicplayer} - - + +
- +
- +
{block:ifLink1}{text:Link 1}{/block:ifLink1}
@@ -1113,10 +1248,10 @@ height:0px;
{block:ifLink6}{text:Link 6}{/block:ifLink6}
- +
{Title}
- +
@@ -1124,18 +1259,18 @@ height:0px;
- +
{Description}
- +
- +
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
- + {block:Text} {block:Title}

{Title}

{/block:Title} @@ -1217,12 +1352,12 @@ height:0px;
{Answer}
{/block:Answer} - - - + + + {block:IndexPage} {block:Date} - + {block:HasTags}
{block:Tags} @@ -1230,19 +1365,19 @@ height:0px; {/block:Tags}
{/block:HasTags} - +
- +
{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero} - + {NoteCountWithLabel}
- - - + + + {Block:IndexPage}
@@ -1256,38 +1391,38 @@ height:0px; - +
{/block:IndexPage} - - + +
{/block:Date} {/block:IndexPage} - - - - + + + + {block:PermalinkPage} {block:Date}
- +
{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero} - + {NoteCountWithLabel} - + {block:RebloggedFrom} via {block:ContentSource} source {/block:ContentSource} {/block:RebloggedFrom} - + {block:HasTags}
{block:Tags} @@ -1299,9 +1434,9 @@ height:0px;
{block:Date} {block:PermalinkPage} - - - + + +
@@ -1310,8 +1445,8 @@ height:0px; {/block:PostNotes} {/block:Posts} - - + + {block:Pagination}
{block:PreviousPage}«{/block:PreviousPage} @@ -1322,10 +1457,10 @@ height:0px; {block:NextPage}»{/block:NextPage}
{/block:Pagination} - +
- - + + \ No newline at end of file