diff --git a/06-Determination b/06-Determination index 6937b81..63edc3d 100644 --- a/06-Determination +++ b/06-Determination @@ -4,7 +4,7 @@ Made by glenthemes Initial release: 2015/08/29 Remake date: 2019/02/05 -Last updated: 2021/10/21 +Last updated: 2022/07/31 TERMS OF USE: 1) Do not remove the theme credit. @@ -132,6 +132,9 @@ if (june.length > kar) { :root { --NPF-Image-Spacing:{text:photoset gutter width}px; --NPF-Bottom-Gap-From-Captions:1em; + + --Sidebar-Image-Width:{text:sidebar image width}px; + --Sidebar-Width:{text:sidebar total width}px; } @@ -243,6 +246,8 @@ $(document).ready(function(){ + + @@ -417,17 +422,17 @@ h1:first-child {margin-top:0px} margin-top:{text:top gap}px; margin-bottom:{text:top gap}px; top:0;left:0;right:0; - width:calc(225px + {text:side margins}px + {text:post width}px + ({text:post padding}px * 2) + (({text:post width}px + ({text:post padding}px * 2)) * 0.025) + {text:side margins}px + {text:corner image width}px); + width:calc(var(--Sidebar-Width) + {text:side margins}px + {text:post width}px + ({text:post padding}px * 2) + (({text:post width}px + ({text:post padding}px * 2)) * 0.025) + {text:side margins}px + {text:corner image width}px); } #nudge { - margin-left:calc(225px + {text:side margins}px); + margin-left:calc(var(--Sidebar-Width) + {text:side margins}px); } #c0rner { position:fixed; - margin-left:calc((225px + {text:side margins}px + {text:post width}px + ({text:post padding}px * 2) + (({text:post width}px + ({text:post padding}px * 2)) * 0.025)) + {text:side margins}px); + margin-left:calc((var(--Sidebar-Width) + {text:side margins}px + {text:post width}px + ({text:post padding}px * 2) + (({text:post width}px + ({text:post padding}px * 2)) * 0.025)) + {text:side margins}px); bottom:0;margin-bottom:{text:corner image from bottom}px; width:{text:corner image width}px; height:auto; @@ -439,7 +444,7 @@ h1:first-child {margin-top:0px} margin-top:0px; margin-left:0px; /* total post width + gap between posts and sb */ - width:225px; + width:var(--Sidebar-Width); } .mushroom {display:flex;} @@ -450,7 +455,7 @@ h1:first-child {margin-top:0px} } .yeacon { - width:100px; + width:var(--Sidebar-Image-Width); } .yeaboi {