diff options
| author | grm <grm@eyesin.space> | 2026-09-17 21:37:46 +0300 |
|---|---|---|
| committer | grm <grm@eyesin.space> | 2026-09-17 21:37:46 +0300 |
| commit | b233445a73168994087356d45b5dc7dd6a07aa8e (patch) | |
| tree | d08b554607c5ab2e707dd607ab5bfa88c62e5274 /internal/web/static | |
| parent | e96bbec551c0388e972894b349413fa6ef607352 (diff) | |
| download | blogspace-b233445a73168994087356d45b5dc7dd6a07aa8e.tar.gz blogspace-b233445a73168994087356d45b5dc7dd6a07aa8e.tar.bz2 blogspace-b233445a73168994087356d45b5dc7dd6a07aa8e.zip | |
Add a rule under page and post titles, and tags shown with a # in front
Two Design tab options in the Posts section. The title rule reuses the
header rule's kinds (line, dots, stripes): a body class blog.css draws
from — width and style only, so the theme CSS's link colour is not reset —
ending at a floated thumbnail instead of running under it. The tag hash is
applied everywhere tags are listed: under posts, in both tag modules and in
the tag page's title.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
Diffstat (limited to 'internal/web/static')
| -rw-r--r-- | internal/web/static/blog.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/internal/web/static/blog.css b/internal/web/static/blog.css index 10568fa..155269d 100644 --- a/internal/web/static/blog.css +++ b/internal/web/static/blog.css @@ -37,6 +37,12 @@ img { max-width: 100%; height: auto; } .outro { padding-top: 1em; margin-top: 1.5em; border-top: 1px solid rgba(0,0,0,0.1); } .post { margin-bottom: 2.5em; } .post-title { margin: 0 0 0.1em; font-size: 1.5em; line-height: 1.25; } +/* title rule (body.titles-*): a line under page and post titles, coloured by the + theme CSS. overflow:hidden ends it at a floated thumbnail instead of under it. */ +.titles-line .page-title, .titles-line .post-title, .titles-dots .page-title, .titles-dots .post-title, .titles-stripes .page-title, .titles-stripes .post-title { overflow: hidden; padding-bottom: 0.25em; } +.titles-line .page-title, .titles-line .post-title { border-bottom-width: 1px; border-bottom-style: solid; } /* the colour is the theme's, so no shorthand */ +.titles-dots .page-title, .titles-dots .post-title { border-bottom-width: 3px; border-bottom-style: dotted; } +.titles-stripes .page-title::after, .titles-stripes .post-title::after { content: ""; display: block; height: 0.4em; margin-top: 0.35em; background: repeating-linear-gradient(90deg, currentColor, currentColor 2px, transparent 2px, transparent 10px); } .post-title a { text-decoration: none; } .post-title a:hover { text-decoration: underline; } .post-date { margin: 0 0 0.8em; font-size: 0.85em; opacity: 0.7; } |