63 lines
1.3 KiB
CSS
63 lines
1.3 KiB
CSS
/*
|
|
ProcessFlow Optimizer Custom Stylesheet
|
|
*/
|
|
|
|
:root {
|
|
--bs-primary: #4A90E2;
|
|
--bs-primary-rgb: 74, 144, 226;
|
|
--bs-secondary: #50E3C2;
|
|
--bs-secondary-rgb: 80, 227, 194;
|
|
--bs-body-bg: #F8F9FA;
|
|
--bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
--bs-border-radius: 0.5rem;
|
|
--bs-card-border-width: 0;
|
|
--bs-card-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
|
}
|
|
|
|
body {
|
|
color: #212529;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: var(--bs-primary);
|
|
border-color: var(--bs-primary);
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
opacity: 0.9;
|
|
background-color: var(--bs-primary);
|
|
border-color: var(--bs-primary);
|
|
}
|
|
|
|
.header {
|
|
background: linear-gradient(90deg, #4A90E2 0%, #63A4F7 100%);
|
|
color: white;
|
|
padding: 2.5rem 0;
|
|
margin-bottom: -1rem;
|
|
}
|
|
|
|
.header h1 {
|
|
font-weight: 700;
|
|
color: white;
|
|
}
|
|
.header p {
|
|
color: rgba(255,255,255,0.8) !important;
|
|
}
|
|
|
|
.card {
|
|
border: none;
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
|
|
.list-group-item {
|
|
border-bottom: 1px solid #eee !important;
|
|
}
|
|
.list-group-item:last-child {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: #80bdff;
|
|
box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
|
|
}
|