diff --git a/14-Bloodlust b/14-Bloodlust index 00e1e64..b49a67b 100644 --- a/14-Bloodlust +++ b/14-Bloodlust @@ -5,10 +5,10 @@ Made by glenthemes Initial release: 2015/12/13 Revamp v1 date: 2020/03/20 v2 date: 2021/11/18 -Last updated: 2023/09/04 +Last updated: 2024/03/ What's new: -✱ NPF audio post support +✱ added support for long sidebars ------------------------------------------------------ @@ -82,6 +82,16 @@ CREDITS: + + + @@ -633,6 +643,7 @@ ul li:before { :root { /*--- GENERAL SETTINGS ---*/ --Page-FadeIn-Speed:0.5s; + --Main-Content-Width-Total:calc(var(--Post-Width-Total) + (var(--Center-Aisle-Gaps) * 2) + (var(--Sidebar-Width) * 2)); /*--- TOP BAR SETTINGS ---*/ --Top-Bar-BG:{color:top bar background}; @@ -679,11 +690,7 @@ ul li:before { --Center-Aisle-Gaps:{select:center gaps}; - /*--- POST SETTINGS ---*/ - --ugh:calc(var(--Post-Width) + (var(--Post-Padding) * 2)); - - --Paragraph-Margins:1em; --Heading-Margins:1em; @@ -702,6 +709,7 @@ ul li:before { --Post-Width:{select:post width}; --Post-Padding:{select:post padding}; + --Post-Width-Total:calc(var(--Post-Width) + (var(--Post-Padding) * 2)); --Post-Spacing:calc({select:post spacing} * 2); --Reblogger-Avatar-Size:22px; @@ -1015,6 +1023,7 @@ ul li:before { .le-header { margin-top:var(--Top-Bar-Height); width:100%; + min-width:calc(var(--Main-Content-Width-Total) + (2rem * 2)); height:var(--Header-Height); background-color:{color:header background}; background-image:url('{image:header image}'); @@ -1051,14 +1060,23 @@ ul li:before { .ensoot { display:flex; flex-wrap:nowrap; + align-items:flex-start; } /*---- SIDEBARS ----*/ .left-sidebar, .right-sidebar { position:sticky; - top:calc(var(--Sidebar-Top-Sticky-Gap) + var(--Top-Bar-Height)); width:var(--Sidebar-Width); - height:0; +} + +.left-sidebar.short-stick, +.right-sidebar.short-stick { + top:calc(var(--Sidebar-Top-Sticky-Gap) + var(--Top-Bar-Height)); +} + +.left-sidebar.stick, +.right-sidebar.stick { + top:calc(100vh - var(--Target-Height) - var(--Sidebar-Sections-Spacing)); } .left-sidebar > * + *, @@ -1245,7 +1263,7 @@ ul li:before { .posts { position:relative; - width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px); + width:var(--Post-Width-Total); } /*---- POST BORDERS ----*/ @@ -2139,7 +2157,7 @@ iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.co display:flex; align-items:center; justify-content:space-between; - width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + 2px); + width:var(--Post-Width-Total); margin-bottom:calc(var(--Post-Spacing) / 2); font-family:var(--SmallCaps-Font-Family); font-size:calc(var(--SmallCaps-Font-Size) - 1px);