From 712220dca9802206a8b5621d7de21f990efb7250 Mon Sep 17 00:00:00 2001 From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com> Date: Sat, 7 Feb 2026 10:54:55 -0600 Subject: [PATCH] Update template.css --- src/media/css/template.css | 132 +++++++++++++++++++++++++++++++++++++ 1 file changed, 132 insertions(+) diff --git a/src/media/css/template.css b/src/media/css/template.css index 923c5a9..be9834a 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -18187,6 +18187,138 @@ nav[data-toggle=toc] .nav-link.active+ul{ } +.site-title { + color: var(--nav-bg-color); + font-family: 'Osaka', sans-serif; + font-weight: 600; + font-size: 1.5rem; + text-decoration: none; + margin-left: var(--padding-x); +} + +.container-header .navbar-brand .site-title { + color: var(--nav-bg-color); + text-decoration: none; +} + +.container-header .navbar-brand a { + text-decoration: none; +} + +.brand-logo { + text-decoration: none; +} + +/* Enhanced search button styling */ +.mod-finder__search.input-group button, +.container-search button[type="submit"] { + background-color: var(--color-primary); + color: var(--mainmenu-nav-link-color); + border-color: var(--color-primary); + padding: 0.6rem 1rem; + border-radius: 0 0.25rem 0.25rem 0; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} + +.mod-finder__search.input-group button:hover, +.container-search button[type="submit"]:hover { + background-color: var(--color-hover); + border-color: var(--color-hover); +} + +.mod-finder__search.input-group button:focus, +.container-search button[type="submit"]:focus { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5); +} + +/* Enhanced container-search styling */ +.container-header .container-search { + position: relative; +} + +.container-search .mod-finder__search.input-group { + display: flex; + align-items: stretch; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + border-radius: 0.25rem; + overflow: hidden; + transition: box-shadow 0.2s ease-in-out; +} + +.container-search .mod-finder__search.input-group:focus-within { + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); +} + +.container-search .form-control, +.container-search .awesomplete input { + border-right: none; + padding: 0.6rem 1rem; + font-size: 0.95rem; + border-radius: 0.25rem 0 0 0.25rem; +} + +.container-search .form-control:focus, +.container-search .awesomplete input:focus { + border-color: var(--input-focus-border-color); + box-shadow: none; +} + +.container-search button[type="submit"], +.container-search .input-group button { + display: flex; + align-items: center; + justify-content: center; + min-width: 3rem; + font-weight: 500; +} + +.container-search .icon-search { + font-size: 1rem; + color: var(--nav-bg-color); +} + +/* Responsive header menu and search layout improvements */ +@media (max-width: 991.98px) { + .container-header .container-nav { + flex-direction: column; + } + + .container-header .container-nav nav { + width: 100%; + margin-bottom: 1rem; + } + + .container-header .container-search { + width: 100%; + margin-top: 0.5rem; + } + + .mod-finder__search.input-group { + max-width: 100%; + } +} + +@media (min-width: 992px) { + .container-header .container-nav { + display: flex; + flex-direction: row; + align-items: center; + gap: 2rem; + } + + .container-header .container-nav nav { + flex: 1; + } + + .container-header .container-search { + flex: 0 0 auto; + min-width: 300px; + margin-top: 0; + } +} + + /* Base renderer for Joomla icon-* using Font Awesome Free */ [class^="icon-"]::before, [class*=" icon-"]::before {