From 838c50aad146d5df6e92e8a2d6770695e69df941 Mon Sep 17 00:00:00 2001 From: takashi Date: Sun, 7 Jan 2024 07:35:57 +0000 Subject: [PATCH] accessibility --- src/style.css | 33 ++++++++++++++++++++++++--------- src/styles/night.css | 30 ++++++++++++++++++------------ 2 files changed, 42 insertions(+), 21 deletions(-) diff --git a/src/style.css b/src/style.css index 44686fd..57beb83 100644 --- a/src/style.css +++ b/src/style.css @@ -28,9 +28,8 @@ h1, h2, h3, h4, h5, h6 background: none; color: #bce2e8; font-weight: bold; - margin-bottom: 1em; - padding-left: 1em; line-height: 125%; + margin: 0 0 1em; } h1 @@ -38,10 +37,9 @@ h1 border-width: 0 0 thin; font-size: 200%; font-weight: normal; - line-height: 125%; + margin: 0 0 0.5em; + padding-bottom: 0.125em; text-align: center; - margin-bottom: 0.5em; - padding: 0 0 0.125em; } h2 @@ -59,14 +57,19 @@ h3 h4 { border-width: thin 0 0 thin; - padding-left: 0.5em; + padding: 0 0 0 0.5em; + } + +h5, h6 + { + margin-left: 1em; } h5 { border-width: 0 0 thin; - margin: 0 0 0.875em 1em; - padding: 0 0 0.125em; + margin-bottom: 0.875em; + padding-bottom: 0.125em; } dl, ol, p, pre, ul @@ -119,6 +122,11 @@ em, strong, var color: #f5b1aa; } +em, strong + { + font-weight: bold; + } + cite { background: none; @@ -141,15 +149,22 @@ img { border: thin solid; font-style: italic; + vertical-align: bottom; } a { background: none; - color: #d7cf3a; + color: #f8e58c; text-decoration: underline; } +a:visited + { + background: none; + color: #f7c88b; + } + a:hover { text-decoration: none; diff --git a/src/styles/night.css b/src/styles/night.css index 7722e4a..9b97469 100644 --- a/src/styles/night.css +++ b/src/styles/night.css @@ -1,4 +1,4 @@ -/* Night Style, 2024-01-03 */ +/* Night Style, 2024-01-07 */ html, body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, @@ -19,13 +19,14 @@ body { background: #2b2b2b; color: #f3f3f3; - margin: 1em 2.5em 3em; line-height: 1.5; + margin: 1em 2.5em 3em; } h1, h2, h3, h4, h5, h6 { font-weight: bold; + line-height: 1.25; } h1 @@ -34,7 +35,6 @@ h1 border-width: 0 0 medium; margin-bottom: 0.5em; padding-bottom: 0.125em; - line-height: 1.25; } h2, h3 @@ -42,7 +42,6 @@ h2, h3 font-size: 150%; margin-bottom: 0.66em; padding-top: 0.66em; - line-height: 1.25; } h2 @@ -94,15 +93,10 @@ ul list-style: disc; } -strong, var - { - color: #f09199; - background: none; - } - -cite, dt, +cite, em, +strong, samp kbd { font-weight: bold; @@ -115,11 +109,17 @@ code, samp, kbd color: #a0d8ef; } +strong + { + background: none; + color: #f09199; + } + hr { border-width: 0 0 thin; - padding-top: 1px; /* netsurf */ margin-bottom: 1em; + padding-top: 1px; /* NetSurf */ } img @@ -136,6 +136,12 @@ a text-decoration: underline; } +a:visited + { + background: none; + color: #de7668; + } + a:hover { text-decoration: none;