Uses ::before pseudo-element with rgba(0,0,0,0.5) overlay
only on dark theme. Content stays above via z-index.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- SVG: added viewBox, extended rects to 494px to cover full area
after translate offset (eliminates bottom seam line)
- Text logo: uses --accent-color-secondary universally (both themes)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Falls back to --color-primary + --header-background-image instead of
--body-bg, so light theme shows the branded header background.
Inline style from Joomla offline_image overrides when set.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Panel, buttons, and labels now use --body-bg, --secondary-bg, and
--body-font-color with proper dark theme fallbacks instead of
hardcoded light-theme values (#fff, #444).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The top section of the card (where the logo sits) now uses
var(--body-bg) background with negative margins to bleed into
the card's border-radius. Creates a clean two-tone card effect.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Logo gets white background with padding and rounded corners
- Removed <jdoc:include type="message" /> (was duplicating offline message)
- Load template language files explicitly (not auto-loaded in offline context)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Brand-aside position now uses flex columns like top-a (card style, equal-width)
- Offline page: external offline.css with theme variables, 3-column centered card
layout, Osaka font loading, full-screen on mobile
- CSS variable click-to-copy: scans text for --var patterns, wraps in clickable
chips with toast notification on copy
- Search button border matches input border (--input-border-color)
- mod_stats override: converted from dl to table layout
- Patch bump 03.09.15 → 03.09.16
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Remove toggle switch, Light/Dark labels, knob/track CSS
- Single button with sun (light) and moon (dark) FA icons
- Icons cross-fade with rotation transition on theme change
- Compact circular button matches FAB aesthetic
- Removed duplicate old switch CSS rules
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Light mode uses darker blue (#1565c0), dark mode uses lighter blue
(#42a5f5). No hover effect — only active ring when panel is open.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Fix faIcon() to use <i> elements (FA7 compatibility)
- Fix #mokoThemeFab .label and button colors to white (visible on
both light and dark themes)
- Fix font-weight typo (600px → 600)
- Add --footer-padding-* variables to all 6 theme files
- Create a11y-high-contrast.css with WCAG AAA contrast ratios for
both light and dark modes
- Register high-contrast stylesheet in joomla.asset.json
- Lazy-load high-contrast CSS when a11y contrast toggle is activated
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- A11y toggle button now sits side-by-side with theme switch inside
the FAB bar, separated by a divider
- A11y button height matches the theme switch
- Auto button replaced with a proper on/off toggle switch that
clearly indicates system-follow state
- Manual theme switch turns off Auto automatically
- A11y panel floats from its inline position when opened
- Falls back to standalone toolbar when theme FAB is disabled
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Replace hardcoded padding with CSS variables in footer and header
- Bump version to 03.09.14 across all manifest files
- Switch update server and download URLs from GitHub to Gitea
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Use --body-color instead of --body-bg for footer text color, and remove
redundant .page-link / .page-link:active rules.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Change __here margin-right to padding-right: .15rem. Add version
number to template description so it shows in Joomla admin.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add flex layout to .mod-breadcrumbs so the "You are here" label
and breadcrumb list sit inline. Label floats left with margin.
Bump to 03.09.12.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Remove Bootstrap collapse classes that were hiding the search on
desktop. Use CSS media queries instead: hidden on mobile by default,
visible on desktop. JS toggles .show class on mobile via the
search-toggler button.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Search position:
- Desktop: 2 columns (16.667%), menu fills the rest
- Mobile: collapses to a magnifying glass icon button (like the
hamburger) that expands the search form via Bootstrap collapse
README:
- Version moved to badge (03.09.04)
- Joomla badge updated to 5.x | 6.x
- PHP badge updated to 8.1+
- Removed inline VERSION from title
Remove obsolete build-release.sh and minify.js scripts (replaced
by CI workflow and PHP helper).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Input and awesomplete wrapper get flex: 1 to fill all available
space. Submit button gets flex: 0 0 auto to shrink to content.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Search position now 25% width (3 cols), menu fills remaining space.
All VERSION headers synced to 03.09.03 across README, docs, manifests.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
On desktop, .container-search is now flex: 0 0 25% (3 of 12 cols)
and the menu nav gets flex: 1 1 0% to fill the rest. Bump version
to 03.09.03.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Remove width: 100% from .container-search that forced it to wrap.
Change desktop media query from flex: 1 1 100% to flex: 1 1 auto
with min-width: 200px so the search grows to fill remaining space
alongside the menu without forcing a new row.
Closes#117
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
When both are present, a11y toolbar sits at bottom-left and theme
FAB at bottom-right so they share the same row without overlapping.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Accordion structure now applies at all screen sizes. On desktop
(>= 992px) all panels start expanded (show class + aria-expanded
true). On mobile (< 992px) all panels start collapsed. CSS no
longer scoped to mobile media query.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Restore position: relative on mobile so the header scrolls away
on small screens. Sticky only applies on desktop (>= 992px).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Remove position: relative override that disabled sticky on mobile.
The header now stays sticky at all breakpoints when the admin
enables the sticky header option.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
On screens < 992px, sidebar-left and sidebar-right card modules
are transformed into Bootstrap accordion items via JS. Card headers
become collapsible toggles, card bodies collapse. On desktop resize
the accordion reverts to normal cards.
CSS scoped to mobile breakpoint styles the accordion buttons and
removes card borders for a clean stacked look.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add width: 100% to .container-search and child elements. Override
desktop media query from flex: 0 0 auto/min-width: 300px to
flex: 1 1 100%/width: 100%.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace Bootstrap navbar-toggler-icon SVG with fa-solid fa-bars
in mainmenu.php. Update .container-header .navbar-toggler CSS to
use --mainmenu-nav-link-color for color and border.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Set width: 100% on .container-search, .mod-finder, .mod-finder__form,
and the input-group so the search bar stretches the full width of
the navigation area.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
