From 8d20a5de2c4043489f0b581ebd6255b9560305ae Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sat, 6 Jan 2024 01:17:38 -0700 Subject: [PATCH 1/9] make multi lines equal length --- includes/css/styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/includes/css/styles.css b/includes/css/styles.css index c76900e38..d3fd3cfb8 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -70,6 +70,9 @@ abbr { div { border:0; } +h1,h2,h3,h4,h5,h6 { + text-wrap: balance; +} h2 { color: var(--h2color); font-size:1.875rem; From c46cb1789dbc218f8a4b0151db5849b721557d0c Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sat, 6 Jan 2024 01:29:59 -0700 Subject: [PATCH 2/9] better paragraphs --- includes/css/styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/includes/css/styles.css b/includes/css/styles.css index d3fd3cfb8..59aaf5c0e 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -86,6 +86,10 @@ fieldset { label { font-weight:bold; } +p { + max-inline-size: 65ch; + text-wrap: pretty; +} textarea { /*font-size:.75rem;*/ overflow:auto; From 161c210a4e0ac593d76fea768b6e184cf3e0547a Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sat, 6 Jan 2024 01:54:32 -0700 Subject: [PATCH 3/9] scroll don't jump --- includes/css/styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/includes/css/styles.css b/includes/css/styles.css index 59aaf5c0e..4cc2ffddd 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -1597,3 +1597,8 @@ table.ThemeMenubar { margin-left: .1rem; margin-right: .1rem; } +@media(prefers-reduced-motion: no-preference) { + :has(:target) { + scroll-behavior: smooth; + } +} From ee32b0167c7d4db8d281788f47964ed1fa3b2272 Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sat, 6 Jan 2024 02:03:36 -0700 Subject: [PATCH 4/9] a little padding for looks --- includes/css/styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/includes/css/styles.css b/includes/css/styles.css index 4cc2ffddd..9d8216905 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -1600,5 +1600,6 @@ table.ThemeMenubar { @media(prefers-reduced-motion: no-preference) { :has(:target) { scroll-behavior: smooth; + scroll-padding-top: 2rem; } } From 92e77a580a3b012625720b0f5805fcfb72136405 Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sat, 6 Jan 2024 02:09:26 -0700 Subject: [PATCH 5/9] user option to use dark or light theme --- includes/css/styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/includes/css/styles.css b/includes/css/styles.css index 9d8216905..8dd7d1bb9 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -13,6 +13,7 @@ html { /* These are to prevent some 'spam site' complaints. */ background-color: #FFFFFE; color: #000001; + color-scheme: dark light; } *, *:before, From 8ac928a58a062c79da8e31f59dac5039a83e1e6d Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sat, 6 Jan 2024 02:10:16 -0700 Subject: [PATCH 6/9] a little typography pretify --- includes/css/styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/includes/css/styles.css b/includes/css/styles.css index 8dd7d1bb9..82fd37321 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -14,6 +14,7 @@ html { background-color: #FFFFFE; color: #000001; color-scheme: dark light; + hanging-punctuation: first last; } *, *:before, From d21e84790ad14423cb5bfa1a5a825f9d4b1ccb49 Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sun, 7 Jan 2024 05:51:08 -0700 Subject: [PATCH 7/9] Improve base img style. From https://www.youtube.com/watch?v=345V2MU3E_w&list=WL&index=40 --- includes/css/styles.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/includes/css/styles.css b/includes/css/styles.css index 82fd37321..9817463fb 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -179,7 +179,19 @@ td.weekcell { text-decoration:none; } img { - border:0; + max-inline-size: 100%; + block-size: auto; + + /* These 2 presume pre-load a low-res image in an inline style="" on each img. */ + /* We probably don't need them. Yet. */ + /* + background-repeat: no-repeat; + background-size: cover; + */ + + shape-margin: 1rem; + border: 0; + vertical-align: middle; } img.color { width:.9375rem; From 4f9ebc5f3491ae0cb3fdb07a57b29b7554a71d16 Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sat, 10 Feb 2024 05:00:26 -0700 Subject: [PATCH 8/9] style <del> --- includes/css/styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/includes/css/styles.css b/includes/css/styles.css index 9817463fb..59edf6004 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -35,6 +35,11 @@ body{ color: var(--textcolor); font: var(--def-font-size)/1.5 var(--def-font-family); } + +del { + text-decoration: line-through 2px var(--textcolor); +} + div.container-fluid, div.container, nav.navbar, div.dropdown-menu, ul.dropdown-menu, .list-group, .list-group-item, .sectioncontent { From 31a891884ba1da3f444128a67c552b3dcca2bb1d Mon Sep 17 00:00:00 2001 From: Bruce Bannon Date: Sat, 10 Feb 2024 09:03:54 -0700 Subject: [PATCH 9/9] fix before & after --- includes/css/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/includes/css/styles.css b/includes/css/styles.css index 59edf6004..fac7d3ac4 100644 --- a/includes/css/styles.css +++ b/includes/css/styles.css @@ -17,8 +17,8 @@ html { hanging-punctuation: first last; } *, -*:before, -*:after { +*::before, +*::after { -webkit-box-sizing: inherit; box-sizing: inherit; }