You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
2.4 KiB
133 lines
2.4 KiB
/* FEO GmbH Custom Bootstrap Theme
|
|
* An elegant, lightweight, and modern design
|
|
*/
|
|
|
|
:root {
|
|
--bs-primary: #72c02c;
|
|
--bs-primary-rgb: 114, 192, 44;
|
|
}
|
|
|
|
/* Override Bootstrap primary color */
|
|
.btn-primary {
|
|
background-color: var(--bs-primary);
|
|
border-color: var(--bs-primary);
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
|
|
background-color: #65ab27;
|
|
border-color: #65ab27;
|
|
}
|
|
|
|
.btn-outline-primary {
|
|
color: var(--bs-primary);
|
|
border-color: var(--bs-primary);
|
|
}
|
|
|
|
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
|
|
background-color: var(--bs-primary);
|
|
border-color: var(--bs-primary);
|
|
}
|
|
|
|
.text-primary {
|
|
color: var(--bs-primary) !important;
|
|
}
|
|
|
|
.bg-primary {
|
|
background-color: var(--bs-primary) !important;
|
|
}
|
|
|
|
.border-primary {
|
|
border-color: var(--bs-primary) !important;
|
|
}
|
|
|
|
/* Navigation styling */
|
|
.navbar {
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.navbar-light .navbar-nav .nav-link {
|
|
color: #333;
|
|
font-weight: 500;
|
|
padding: 0.5rem 1rem;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.navbar-light .navbar-nav .nav-link:hover,
|
|
.navbar-light .navbar-nav .nav-link:focus,
|
|
.navbar-light .navbar-nav .active > .nav-link {
|
|
color: var(--bs-primary);
|
|
}
|
|
|
|
/* Card styling */
|
|
.card {
|
|
border: none;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* Button styling */
|
|
.btn {
|
|
border-radius: 4px;
|
|
padding: 0.5rem 1.5rem;
|
|
font-weight: 500;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* Footer styling */
|
|
.footer {
|
|
background-color: #f8f9fa;
|
|
padding: 4rem 0;
|
|
border-top: 1px solid #eee;
|
|
}
|
|
|
|
.copyright {
|
|
background-color: #333;
|
|
color: white;
|
|
padding: 1.5rem 0;
|
|
}
|
|
|
|
.copyright a {
|
|
color: #ccc;
|
|
text-decoration: none;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.copyright a:hover {
|
|
color: white;
|
|
}
|
|
|
|
/* Typography improvements */
|
|
body {
|
|
font-family: 'Roboto', 'Segoe UI', sans-serif;
|
|
color: #333;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 600;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
/* Link styling */
|
|
a {
|
|
color: var(--bs-primary);
|
|
text-decoration: none;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
a:hover {
|
|
color: #65ab27;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Form controls */
|
|
.form-control:focus {
|
|
border-color: var(--bs-primary);
|
|
box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
|
|
}
|
|
|