127 lines
2.1 KiB
CSS
127 lines
2.1 KiB
CSS
|
|
:root {
|
||
|
|
--bs-primary: #409834;
|
||
|
|
--bs-primary-rgb: 64, 152, 52;
|
||
|
|
|
||
|
|
--bs-secondary: #62615F;
|
||
|
|
--bs-secondary-rgb: 98, 97, 95;
|
||
|
|
|
||
|
|
--bs-dark: #050605;
|
||
|
|
--bs-dark-rgb: 5, 6, 5;
|
||
|
|
|
||
|
|
--bs-light: #F6F7F7;
|
||
|
|
--bs-light-rgb: 246, 247, 247;
|
||
|
|
|
||
|
|
--bs-body-bg: #F6F7F7;
|
||
|
|
--bs-body-color: #050605;
|
||
|
|
|
||
|
|
--bs-border-color: #A9A096;
|
||
|
|
--bs-link-color: #2A6124;
|
||
|
|
--bs-link-hover-color: #409834;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Page Background */
|
||
|
|
body {
|
||
|
|
background-color: #F6F7F7;
|
||
|
|
color: #050605;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Navbar */
|
||
|
|
.navbar {
|
||
|
|
background-color: #050605 !important;
|
||
|
|
border-bottom: 4px solid #409834;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-brand,
|
||
|
|
.navbar-nav .nav-link {
|
||
|
|
color: #F6F7F7 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav .nav-link:hover,
|
||
|
|
.navbar-nav .nav-link:focus {
|
||
|
|
color: #409834 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Buttons */
|
||
|
|
.btn-primary {
|
||
|
|
background-color: #409834;
|
||
|
|
border-color: #409834;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-primary:hover,
|
||
|
|
.btn-primary:focus {
|
||
|
|
background-color: #2A6124;
|
||
|
|
border-color: #2A6124;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-secondary {
|
||
|
|
background-color: #62615F;
|
||
|
|
border-color: #62615F;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-dark {
|
||
|
|
background-color: #050605;
|
||
|
|
border-color: #050605;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Cards / Panels */
|
||
|
|
.card {
|
||
|
|
border-color: #A9A096;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-header {
|
||
|
|
background-color: #050605;
|
||
|
|
color: #F6F7F7;
|
||
|
|
border-bottom: 3px solid #409834;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Tables */
|
||
|
|
.table thead th {
|
||
|
|
background-color: #050605;
|
||
|
|
color: #F6F7F7;
|
||
|
|
border-color: #409834;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-striped > tbody > tr:nth-of-type(odd) > * {
|
||
|
|
background-color: #F6F3EF;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Forms */
|
||
|
|
.form-control:focus,
|
||
|
|
.form-select:focus {
|
||
|
|
border-color: #409834;
|
||
|
|
box-shadow: 0 0 0 0.2rem rgba(64, 152, 52, 0.25);
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-group-text {
|
||
|
|
background-color: #A9A096;
|
||
|
|
color: #050605;
|
||
|
|
border-color: #A9A096;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Badges */
|
||
|
|
.badge.bg-primary {
|
||
|
|
background-color: #409834 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pagination */
|
||
|
|
.page-link {
|
||
|
|
color: #2A6124;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-link:hover {
|
||
|
|
color: #050605;
|
||
|
|
background-color: #CAC1B7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-item.active .page-link {
|
||
|
|
background-color: #409834;
|
||
|
|
border-color: #409834;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Alerts */
|
||
|
|
.alert-primary {
|
||
|
|
background-color: #E5F2E2;
|
||
|
|
border-color: #409834;
|
||
|
|
color: #2A6124;
|
||
|
|
}
|