- Add Bootstrap 5.3.3 + Icons via CDN to base.html - Replace 315-line hand-written CSS with 35-line brand overrides - Update all 13 templates with Bootstrap utility classes: - Responsive navbar with mobile hamburger menu - Consistent card-based layout for forms and profile - Proper button alignment with d-flex and d-grid utilities - List groups for data display (profile info) - Professional alerts and icons - No backend changes, no build toolchain needed - Responsive design works on mobile/tablet/desktop Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
40 lines
822 B
CSS
40 lines
822 B
CSS
/* Brand overrides */
|
|
:root {
|
|
--bs-primary: #F05023;
|
|
--bs-primary-rgb: 240, 80, 35;
|
|
--bs-link-color: #0986E2;
|
|
--bs-link-hover-color: #0670c0;
|
|
}
|
|
|
|
.brand-logo {
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
color: #F05023 !important;
|
|
}
|
|
|
|
.brand-border {
|
|
border-color: #F05023 !important;
|
|
}
|
|
|
|
.btn-primary {
|
|
--bs-btn-bg: #F05023;
|
|
--bs-btn-border-color: #F05023;
|
|
--bs-btn-hover-bg: #d44420;
|
|
--bs-btn-hover-border-color: #d44420;
|
|
--bs-btn-active-bg: #c03d1c;
|
|
--bs-btn-active-border-color: #c03d1c;
|
|
}
|
|
|
|
.btn-secondary {
|
|
--bs-btn-bg: #0986E2;
|
|
--bs-btn-border-color: #0986E2;
|
|
--bs-btn-hover-bg: #0770c0;
|
|
--bs-btn-hover-border-color: #0770c0;
|
|
--bs-btn-active-bg: #065fa3;
|
|
--bs-btn-active-border-color: #065fa3;
|
|
}
|
|
|
|
.nav-link:hover {
|
|
color: #F05023 !important;
|
|
}
|