diff options
| author | grm <grm@eyesin.space> | 2026-09-18 19:17:17 +0300 |
|---|---|---|
| committer | grm <grm@eyesin.space> | 2026-09-18 19:17:17 +0300 |
| commit | b88a7d22c8d79b30de3403c631dd2c5f67669537 (patch) | |
| tree | 90fd4215595aedee86bfa4603b41e9f8bbfb04d2 /internal/web/static/blog.css | |
| parent | 7ac90f8e99dbf763b0fe04a17d7eef19dd22cae8 (diff) | |
| download | blogspace-b88a7d22c8d79b30de3403c631dd2c5f67669537.tar.gz blogspace-b88a7d22c8d79b30de3403c631dd2c5f67669537.tar.bz2 blogspace-b88a7d22c8d79b30de3403c631dd2c5f67669537.zip | |
Make the menu link styles switches that combine
The one "Link style" select (normal, uppercase, plain) could not give
uppercase links without the bold, or underlined bold links. Bold,
uppercase and the underline (never, on hover, always) are now separate
switches, drawn by blog.css from body classes (Theme.NavClass) so the
theme CSS only colours the links. A stored nav_style is mapped onto the
switches when the theme is read and dropped on the next save; themes
without either keep the bold, underline-on-hover look blog.css always had.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
Diffstat (limited to 'internal/web/static/blog.css')
| -rw-r--r-- | internal/web/static/blog.css | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/internal/web/static/blog.css b/internal/web/static/blog.css index 8cd969e..054532d 100644 --- a/internal/web/static/blog.css +++ b/internal/web/static/blog.css @@ -28,8 +28,11 @@ img { max-width: 100%; height: auto; } .tagline { margin: 0.3em 0 0; opacity: 0.85; } .site-nav { border-bottom: 1px solid rgba(0,0,0,0.1); } .nav-inner { padding: 0.3em 1em; } -.site-nav a { display: inline-block; padding: 0.5em 0.8em; text-decoration: none; font-weight: bold; } -.site-nav a.active, .site-nav a:hover { text-decoration: underline; } +.site-nav a { display: inline-block; padding: 0.5em 0.8em; text-decoration: none; } +/* menu link styles (body.nav-*, from the theme's switches; colours are the theme CSS's) */ +.nav-bold .site-nav a { font-weight: bold; } +.nav-upper .site-nav a { text-transform: uppercase; letter-spacing: 0.05em; } +.nav-ul-always .site-nav a, .nav-ul-hover .site-nav a:hover, .site-nav a.active { text-decoration: underline; } .body-wrap { padding: 1.5em 1em; } .content { padding: 1.5em 2em; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.15); } .page-title { margin-top: 0; } |