summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLester Caine <lester@lsces.co.uk>2026-06-16 11:01:47 +0100
committerLester Caine <lester@lsces.co.uk>2026-06-16 11:01:47 +0100
commitc91f6ba64930b9a0296b4b399bc19f1caa29a6f2 (patch)
tree56bf1c38a4093a2a4dd37f8e99d4e8690a82003b
parent3f6bf0226e4f23b07213eada22f9e709445642ec (diff)
downloadthemes-c91f6ba64930b9a0296b4b399bc19f1caa29a6f2.tar.gz
themes-c91f6ba64930b9a0296b4b399bc19f1caa29a6f2.tar.bz2
themes-c91f6ba64930b9a0296b4b399bc19f1caa29a6f2.zip
Add odd/even row colours and override table-striped; document header pattern
config.css: tr.odd (#d3d3d3) / tr.even (#a9a9a9) with visible contrast; override Bootstrap table-striped to same; table-hover to steel blue (#b8d4e8). CLAUDE.md: document standard blue header pattern (header element, floaticon include, breadcrumb include) and tango/tango5 icon copy rule. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
-rw-r--r--CLAUDE.md19
-rw-r--r--css/config.css7
2 files changed, 26 insertions, 0 deletions
diff --git a/CLAUDE.md b/CLAUDE.md
index 760a808..6b9492a 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -70,6 +70,25 @@ Column visibility is controlled by feature flags in `kernel_config` checked in `
The old hardcoded `display_mode != 'edit'` guard in `html.tpl` has been removed — columns now always
follow these flags. All flags off = columns show on all pages including edit pages.
+## Standard content header pattern (merg theme)
+The merg theme applies `background-color: #5da7e1` to every `<header>` element. The standard
+pattern for display pages uses a semantic `<header>` with floaticons and breadcrumbs as
+separate included templates (matching the stock assembly pattern):
+
+```html
+<header>
+ {include file="bitpackage:pkg/foo_icons_inc.tpl"} {* floaticons — float right *}
+ <h1>Title</h1>
+ {include file="bitpackage:pkg/foo_breadcrumb_inc.tpl"} {* <small> trail *}
+</header>
+```
+
+- `foo_icons_inc.tpl` — contains `<div class="floaticon">` with action icons (edit, delete, etc.)
+- `foo_breadcrumb_inc.tpl` — contains `<small>` with `&rsaquo;`-separated ancestor links
+- Use `<header>` (semantic element), never `<div class="header">` — the latter gets no blue background
+- Do not use a separate `<div class="gallerybar">` or `<nav>` breadcrumb bar above the page;
+ integrate breadcrumbs into `<small>` inside `<header>` instead
+
## Icon sets (tango vs tango5)
`util/iconsets/tango/` is the default iconset; `tango5/` is a richer superset. The `{biticon}`
plugin searches the active style first, then falls back to `tango` — it does NOT fall back to
diff --git a/css/config.css b/css/config.css
index 28524ff..55508a5 100644
--- a/css/config.css
+++ b/css/config.css
@@ -374,6 +374,13 @@ small {
width: 100%
}
+tr.odd { background-color: #d3d3d3; }
+tr.even { background-color: #a9a9a9; }
+
+.table-striped > tbody > tr:nth-of-type(odd) { background-color: #d3d3d3; }
+.table-striped > tbody > tr:nth-of-type(even) { background-color: #a9a9a9; }
+.table-hover > tbody > tr:hover { background-color: #b8d4e8; }
+
ul.data {
list-style: none;
margin: 0;