MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Move user.css styles to template.css and add site-title margin

Browse Source 
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-02-07 16:55:15 +00:00
parent 466cc6b642
commit 631407297d
1 changed files with 101 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/media/css/template.css
View File

@@ -18357,3 +18357,104 @@ nav[data-toggle=toc] .nav-link.active+ul{
.icon-check::before { content: "\f00c"; }
.icon-plus::before { content: "\f067"; }
.icon-minus::before { content: "\f068"; }
/* =========================================================
* USER CUSTOM STYLES (from user.css)
* ========================================================= */
/* Site title styling */
.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;
}
/* Search container styling */
.container-search {
position: relative;
display: flex;
align-items: center;
border-radius: 0.375rem;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.2s ease;
}
.container-search:focus-within {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.container-search input {
border: none;
border-radius: 0;
}
.container-search .btn {
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-primary);
color: var(--mainmenu-nav-link-color);
border: none;
padding: 0.5rem 1rem;
transition: background-color 0.2s ease;
}
.container-search .btn:hover {
background-color: var(--accent-color-primary);
}
.container-search .btn:focus {
box-shadow: none;
}
.container-search .icon-search {
font-size: 1rem;
color: var(--nav-bg-color);
}
/* Responsive header layout */
@media (max-width: 991px) {
.container-header .container-nav {
flex-direction: column;
gap: 1rem;
}
.container-search {
width: 100%;
}
.container-search input {
flex: 1;
}
}
@media (min-width: 992px) {
.container-header .container-nav {
display: flex;
align-items: center;
gap: 2rem;
}
.container-search {
width: auto;
min-width: 300px;
}
}