From 7741de82c3cb510860e4cb53f77264f372b371c9 Mon Sep 17 00:00:00 2001 From: HT Date: Sun, 30 Jul 2023 19:43:55 +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 --- 02-Midnight-Rose | 406 ++++++++++++++++++++++++++++++++++------------- 1 file changed, 299 insertions(+), 107 deletions(-) diff --git a/02-Midnight-Rose b/02-Midnight-Rose index 70f9d9b..a216f79 100644 --- a/02-Midnight-Rose +++ b/02-Midnight-Rose @@ -4,7 +4,10 @@ Made by glenthemes Initial release: 2015/08/10 Revamp date: 2016/12/14 -Last updated: 2023/05/06 +Last updated: 2023/07/30 + +What's new: +✱ NPF audio post support TERMS OF USE: 1) Do not remove the theme credit. @@ -14,7 +17,7 @@ TERMS OF USE: 5) Do not mix my themes together. To change the icons (icon font): -1. Go to this site: linearicons.com/free +1. Go to this site: linearicons.com/free#cheat-sheet 2. Choose an icon you want 3. Copy the icon text 4. Paste it in the "Link 1 icon" text field @@ -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', @@ -99,7 +102,7 @@ $(document).ready(function(){ + + + + + + + + + + + + + @@ -192,13 +264,13 @@ $(document).ready(function(){ - - - - - - - + + + + + + + @@ -214,7 +286,7 @@ $(document).ready(function(){ - + @@ -231,34 +303,163 @@ $(document).ready(function(){ - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - + + + + + - + @@ -274,21 +475,10 @@ $(document).ready(function(){ - - - - - - - - - + + + - - - - - @@ -304,12 +494,12 @@ $(document).ready(function(){ margin: 26px 9px 0px 15px; background-color: {color:post}; font-family: {select:body font family}; - 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.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; @@ -351,6 +541,8 @@ iframe#tumblr_controls:hover, .iframe-controls--desktop:hover { } ::-webkit-scrollbar-track {background-color:{color:scrollbar background};} + +* { scrollbar-width: thin } /*--------------------TEXT HIGHLIGHT--------------------*/ ::selection { @@ -370,7 +562,7 @@ color:{color:text}; cursor:normal; font-family:{select:body font family}; line-height:1.6em; -font-size:{text:font size}px; +font-size:{select:font size}; text-align:left; } @@ -407,7 +599,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 { @@ -426,7 +618,7 @@ a:hover {text-decoration:none;} img {opacity:1;text-decoration:none;} h1 { - font-size:calc({text:font size}px + 6px); + font-size:calc({select:font size} + 6px); font-family:big noodle titling; text-transform: uppercase; letter-spacing: 2px; @@ -543,10 +735,10 @@ h1 { #container { position:absolute; margin:0 auto; - margin-top:calc(50px + {text:post margin}px); - margin-bottom:{text:post margin}px; + margin-top:calc(50px + {select:post spacing}); + margin-bottom:{select:post spacing}; top:0;left:0;right:0; - width:calc({text:post width}px + ({text:post padding}px * 2) + {text:sidebar left margin}px + {text:sidebar icon size}px + ({text:sidebar border size}px * 2) + {text:sidebar line width}px + {text:description width}px + 10px + 30px); + width:calc({select:post width} + ({select:post padding} * 2) + {select:center gap} + {select:sidebar icon size} + ({select:sidebar icon border} * 2) + {select:sidebar line width} + {select:desc width} + 10px + 30px); } @@ -558,13 +750,13 @@ h1 { #cotton { position:fixed; bottom:0;margin-bottom:50px; - margin-left:calc(({text:post width}px + {text:post padding}px * 2) + {text:sidebar left margin}px); + margin-left:calc(({select:post width} + {select:post padding} * 2) + {select:center gap}); /* total post width + gap between posts and sb */ } .potaeto { - margin-left:calc({text:sidebar icon size}px + ({text:sidebar border size}px * 2) + {text:sidebar line width}px + (({text:description width}px - {text:sidebar image width}px) / 2)); - width:{text:sidebar image width}px; + margin-left:calc({select:sidebar icon size} + ({select:sidebar icon border} * 2) + {select:sidebar line width} + (({select:desc width} - {select:sidebar image width}) / 2)); + width:{select:sidebar image width}; vertical-align:middle; } @@ -579,26 +771,26 @@ h1 { } .kao { - width:{text:sidebar icon size}px; - height:{text:sidebar icon size}px; + width:{select:sidebar icon size}; + height:{select:sidebar icon size}; background-color:{color:sidebar borders}; border-radius:100%; - border:{text:sidebar border size}px solid {color:sidebar borders}; + border:{select:sidebar icon border} solid {color:sidebar borders}; } .bitline { margin-left:-1px; - width:calc({text:sidebar line width}px + 1px); - height:{text:sidebar border size}px; + width:calc({select:sidebar line width} + 1px); + height:{select:sidebar icon border}; background:{color:sidebar borders}; } .chips { - height:calc({text:sidebar icon size}px + ({text:sidebar border size}px * 2)); - width:calc({text:description width}px - {text:sidebar border size}px); - background-color:{color:description background}; - {block:ifenabletransparency}background-color:rgba({RGBcolor:description background},{text:transparency value});{/block:ifenabletransparency} - border-left:{text:sidebar border size}px solid {color:sidebar borders}; + height:calc({select:sidebar icon size} + ({select:sidebar icon border} * 2)); + width:calc({select:desc width} - {select:sidebar icon border}); + background-color:{color:desc background}; + {block:ifenabletransparency}background-color:rgba({RGBcolor:desc background},{select:transparency});{/block:ifenabletransparency} + border-left:{select:sidebar icon border} solid {color:sidebar borders}; border-radius:3px; } @@ -612,28 +804,28 @@ h1 { height:100%; overflow:auto; font-family:{select:desc font family}; - font-size:{text:description font size}px; - color:{color:description text}; - text-align:{select:description text align}; + font-size:{select:desc font size}; + color:{color:desc text}; + text-align:{select:desc text align}; line-height:1.65em; } .desc b, .desc strong { - color:{color:description bold}; + color:{color:desc bold}; } .desc i, .desc em { - color:{color:description italic}; + color:{color:desc italic}; } .desc a { - color:{color:description link}; + color:{color:desc link}; padding-bottom:1px; - border-bottom:0.5px solid rgba({RGBcolor:description link},0.4); + border-bottom:0.5px solid rgba({RGBcolor:desc link},0.4); } .desc a:hover { - color:{color:description link hover}; + color:{color:desc link hover}; border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4); } @@ -650,12 +842,12 @@ h1 { {/block:ifenabletransparency} {block:ifnotenabletransparency} - background-color:{color:description background}; + background-color:{color:desc background}; {/block:ifnotenabletransparency} } .desc::-webkit-scrollbar-thumb { - background-color:{color:description scrollbar}; + background-color:{color:desc scrollbar}; {block:ifenabletransparency} border:4px solid transparent; @@ -663,7 +855,7 @@ h1 { {/block:ifenabletransparency} {block:ifnotenabletransparency} - border:4px solid {color:description background}; + border:4px solid {color:desc background}; {/block:ifnotenabletransparency} } @@ -696,11 +888,11 @@ h1 { /*--------------------POSTS--------------------*/ .posts { overflow:hidden; -margin-bottom:{text:post margin}px; -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:ifenabletransparency}background-color:rgba({RGBcolor:post},{text:transparency value});{/block:ifenabletransparency} +{block:ifenabletransparency}background-color:rgba({RGBcolor:post},{select:transparency});{/block:ifenabletransparency} } {block:PermalinkPage} @@ -721,7 +913,7 @@ background-color:{color:post}; .photos, .photos img { position:relative; overflow:hidden; - width:{text:post width}px; + width:{select:post width}; {block:IndexPage} {block:ifphotofade} @@ -778,10 +970,10 @@ background-color:{color:post}; /*--------------------PERMALINK--------------------*/ .permawrap { - margin-top:{text:post padding}px; - margin-left:-{text:post padding}px; - padding-top:{text:post padding}px; - width:calc(100% + ({text:post padding}px * 2)); + margin-top:{select:post padding}; + margin-left:-{select:post padding}; + padding-top:{select:post padding}; + width:calc(100% + ({select:post padding} * 2)); border-top:1px solid {color:permalink border}; {block:ifenabletransparency}border-top:1px solid rgba({RGBcolor:permalink border},0.7);{/block:ifenabletransparency} @@ -789,10 +981,10 @@ background-color:{color:post}; .perma { float:left; - margin-left:{text:post padding}px; + margin-left:{select:post padding}; 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 { @@ -809,7 +1001,7 @@ background-color:{color:post}; text-transform:uppercase; letter-spacing:1.3px; line-height:1.5em; - font-size:calc({text:font size}px - 4.5px); + font-size:calc({select:font size} - 4.5px); text-align:right; } @@ -823,7 +1015,7 @@ background-color:{color:post}; .vinegar { float:right; - margin-right:{text:post padding}px; + margin-right:{select:post padding}; } /* -- Like + Reblog buttons (1/2) -- */ @@ -842,7 +1034,7 @@ background-color:{color:post}; /* both svg colors */ .controls .lnr { - font-size:{text:font size}px; + font-size:{select:font size}; color:{color:permalink}; } @@ -850,8 +1042,8 @@ background-color:{color:post}; .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; } @@ -866,7 +1058,7 @@ background-color:{color:post}; /*--------------------POST NOTES--------------------*/ ol.notes { -width:calc({text:post width}px + ({text:post padding}px * 2)); +width:calc({select:post width} + ({select:post padding} * 2)); padding:0px; margin-top:30px; list-style-type:none; @@ -914,7 +1106,7 @@ color:{color:pagination link}; 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 rgba({RGBcolor:text},0.15) !important; } @@ -934,15 +1126,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%); } @@ -952,7 +1144,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%); } @@ -960,7 +1152,7 @@ background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, tran .quote { font-family:big noodle titling; text-transform:uppercase;letter-spacing:1.3px; -font-size:calc({text:font size}px + 6px); +font-size:calc({select:font size} + 6px); text-align:center; } @@ -977,7 +1169,7 @@ list-style:none; .line.odd { background-color:{color:question and chat background}; -{block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{text:transparency value});{/block:ifenabletransparency} +{block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{select:transparency});{/block:ifenabletransparency} padding:5px; list-style:none; @@ -999,13 +1191,13 @@ 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; background-color:{color:question and chat background}; -{block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{text:transparency value});{/block:ifenabletransparency} +{block:ifenabletransparency}background-color:rgba({RGBcolor:question and chat background},{select:transparency});{/block:ifenabletransparency} min-height:64px; } @@ -1060,7 +1252,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; @@ -1090,13 +1282,13 @@ 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 {color:pagination border}; {block:ifenabletransparency}border-top:1px solid rgba({RGBcolor:pagination border},0.7);{/block:ifenabletransparency} - margin-bottom:calc(0px - 10px + {text:post margin}px); + margin-bottom:calc(0px - 10px + {select:post spacing}); } /* 'Current page' number */ @@ -1146,7 +1338,7 @@ height:0px; {block:ifscrolltotopbutton} - + {/block:ifscrolltotopbutton}