From 84686df07e1029bcad91b9fda47b6f3bd280ee56 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Tue, 6 Jun 2023 20:07:03 -0300 Subject: content: generateCoverArtwork: mode commentary --- src/static/site4.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'src/static/site4.css') diff --git a/src/static/site4.css b/src/static/site4.css index ab8976bc..eb8d5520 100644 --- a/src/static/site4.css +++ b/src/static/site4.css @@ -533,6 +533,13 @@ p .current { margin-top: 5px; } +.commentary-art { + float: right; + width: 30%; + max-width: 250px; + margin: 15px 0 10px 20px; +} + .js-hide, .js-show-once-data, .js-hide-once-data { @@ -1250,6 +1257,10 @@ html[data-url-key="localized.home"] .carousel-container { animation-delay: 125ms; } +h3.content-heading { + clear: both; +} + /* This animation's name is referenced in JavaScript */ @keyframes highlight-hash-link { 0% { -- cgit 1.3.0-6-gf8a5 From 8b1d5053f71959498c7327493db9f64b94f8de30 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Sun, 24 Sep 2023 11:00:57 -0300 Subject: css: misc. adjustments for sticky column sidebar --- src/static/site4.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'src/static/site4.css') diff --git a/src/static/site4.css b/src/static/site4.css index eb8d5520..0e6166b4 100644 --- a/src/static/site4.css +++ b/src/static/site4.css @@ -1449,6 +1449,30 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r align-self: flex-start; } +.sidebar-column.sidebar.sticky-column { + max-height: calc(100vh - 20px); + overflow-y: scroll; + align-self: start; + padding-bottom: 0; + box-sizing: border-box; + flex-basis: 275px; + padding-top: 0; +} + +.sidebar-column.sidebar.sticky-column > h1 { + position: sticky; + top: 0; + margin: 0 calc(-1 * var(--content-padding)); + margin-bottom: 10px; + + border-bottom: 1px dotted rgba(220, 220, 220, 0.4); + padding: 10px 5px; + + background: var(--bg-black-color); + -webkit-backdrop-filter: blur(3px); + backdrop-filter: blur(3px); +} + /* Image overlay */ #image-overlay-container { -- cgit 1.3.0-6-gf8a5 From d21a899ec62d0298f298a9fbdd8b74e5bc44c681 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Fri, 6 Oct 2023 09:01:35 -0300 Subject: css: intervene with default scrollbar styling on sticky sidebar --- src/static/site4.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) (limited to 'src/static/site4.css') diff --git a/src/static/site4.css b/src/static/site4.css index 0e6166b4..ab17bf0c 100644 --- a/src/static/site4.css +++ b/src/static/site4.css @@ -1451,12 +1451,27 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r .sidebar-column.sidebar.sticky-column { max-height: calc(100vh - 20px); - overflow-y: scroll; align-self: start; padding-bottom: 0; box-sizing: border-box; flex-basis: 275px; padding-top: 0; + overflow-y: scroll; + scrollbar-width: thin; + scrollbar-color: var(--dark-color); +} + +.sidebar-column.sidebar.sticky-column::-webkit-scrollbar { + background: var(--dark-color); + width: 12px; +} + +.sidebar-column.sidebar.sticky-column::-webkit-scrollbar-thumb { + transition: background 0.2s; + background: rgba(255, 255, 255, 0.2); + border: 3px solid transparent; + border-radius: 10px; + background-clip: content-box; } .sidebar-column.sidebar.sticky-column > h1 { -- cgit 1.3.0-6-gf8a5