diff --git a/src/media/css/user.css b/src/media/css/user.css index 77411ac..740330f 100644 --- a/src/media/css/user.css +++ b/src/media/css/user.css @@ -16,134 +16,3 @@ */ /* Add your custom CSS here */ - -/* Site title styling - match nav background color */ -.site-title { - color: var(--nav-bg-color); - font-family: 'Osaka', sans-serif; - font-weight: 600; - font-size: 1.5rem; - text-decoration: none; -} - -.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; - } -}