Complete template system overhaul: CSS variables, theme management, and UI improvements #74

Merged
Copilot merged 47 commits from copilot/fix-language-constants-display into main 2026-02-07 17:49:30 +00:00
Showing only changes of commit 06e837ea58 - Show all commits

View File

@@ -18357,104 +18357,3 @@ 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;
}
}