diff options
| author | Christian Cleberg <[email protected]> | 2026-02-07 18:42:10 -0600 |
|---|---|---|
| committer | Christian Cleberg <[email protected]> | 2026-02-07 18:42:10 -0600 |
| commit | e5758a78f995e5b9ade3400cb713536b6b7c5abe (patch) | |
| tree | 980e23d05c0b10acc60cfb39df6f94119535ec79 | |
| parent | 330861ec09a920bbcaff4674c33107545ceb13e9 (diff) | |
| download | cleberg.net-e5758a78f995e5b9ade3400cb713536b6b7c5abe.tar.gz cleberg.net-e5758a78f995e5b9ade3400cb713536b6b7c5abe.tar.bz2 cleberg.net-e5758a78f995e5b9ade3400cb713536b6b7c5abe.zip | |
fix section metadata styling
| -rw-r--r-- | theme/static/styles.css | 14 | ||||
| -rw-r--r-- | theme/templates/post.html | 3 |
2 files changed, 8 insertions, 9 deletions
diff --git a/theme/static/styles.css b/theme/static/styles.css index b68d2c4..e32acbb 100644 --- a/theme/static/styles.css +++ b/theme/static/styles.css @@ -52,10 +52,10 @@ a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px a:hover { background: var(--accent); color: var(--bg); text-decoration: none; } /* --- Weblorg / Template Specifics --- */ -section b { display: block; font-size: 0.7rem; text-transform: uppercase; color: var(--meta); margin-top: 0.5rem; } - -.post { display: flex; justify-content: space-between; border-bottom: 1px dashed var(--border); padding: 0.5rem 0; } -.post time { font-size: 0.8rem; color: var(--meta); } +section b { font-size: 0.85rem; text-transform: uppercase; color: var(--meta); margin-top: 0.5rem; } +.post { display: flex; align-items: center; border-bottom: 1px dashed var(--border); padding: 0.5rem 0; } +.post time { font-size: 0.8rem; color: var(--meta); margin-right: 0.5rem; white-space: nowrap; flex-shrink: 0; } +.post-metadata b { display: block; font-size: 0.7rem; } /* --- Org-Mode Tables (Heavy Grid) --- */ table { width: 100%; border-collapse: collapse; margin: 2rem 0; border: 3px solid var(--fg); } @@ -68,7 +68,7 @@ code { background: var(--code-bg); padding: 0.2rem 0.4rem; } /* Blockquote styling */ blockquote { - background-color: #f3f3f3; + background-color: var(--code-bg); font-style: italic; margin: 1.5em 0; padding: 0; @@ -77,13 +77,13 @@ blockquote p { margin: 0; } blockquote::before { content: "#+begin_quote"; display: block; - color: #7f7f7f; + color: var(--fg); } blockquote::after { content: "#+end_quote"; display: block; - color: #7f7f7f; + color: var(--fg); } /* --- Accessibility & Efficiency --- */ diff --git a/theme/templates/post.html b/theme/templates/post.html index bc8afc2..0dc35e7 100644 --- a/theme/templates/post.html +++ b/theme/templates/post.html @@ -8,8 +8,7 @@ <meta property="og:description" content="{{ project_description }}" /> {% endif %} {% endblock %} {% block main %} <article> - <section> - <section> + <section class="post-metadata"> <b>Object</b> <span>{{ post.title }}</span> <b>Timestamp</b> <span><time datetime='{{ post.date|strftime("%Y-%m-%d") }}'>{{ post.date|strftime("%Y-%m-%d %H:%M:%S") }}</time></span> <b>Summary</b> <span>{{ post.description }}</span> |