130 lines
2.5 KiB
CSS
130 lines
2.5 KiB
CSS
body,
|
|
.navbar-nav,
|
|
.nav-link,
|
|
.sidebar-brand {
|
|
font-family: "Arimo", sans-serif;
|
|
font-optical-sizing: auto;
|
|
|
|
}
|
|
|
|
.btn {
|
|
background-color: #4CAF50;
|
|
/* Ganti dengan warna yang diinginkan */
|
|
border: none;
|
|
color: white;
|
|
padding: 10px 20px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
margin: 4px 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #4CAF50;
|
|
/* Ganti dengan warna yang diinginkan */
|
|
border-color: #4CAF50;
|
|
}
|
|
|
|
/* Custom CSS for sidebar */
|
|
.sidebar {
|
|
background-color: #343a40;
|
|
/* Change to your preferred background color */
|
|
}
|
|
|
|
.sidebar .nav-item .nav-link {
|
|
color: #ffffff;
|
|
/* Text color for links */
|
|
}
|
|
|
|
.sidebar .nav-item .nav-link:hover {
|
|
background-color: #495057;
|
|
/* Background color when hovered */
|
|
color: #ffffff;
|
|
/* Text color when hovered */
|
|
}
|
|
|
|
.sidebar .nav-item.active .nav-link {
|
|
background-color: #007bff;
|
|
/* Active link background color */
|
|
color: #ffffff;
|
|
/* Active link text color */
|
|
}
|
|
|
|
|
|
/* Gaya untuk tombol Tambah Penyakit */
|
|
.btn-primary {
|
|
background-color: #007bff;
|
|
/* Warna background */
|
|
border-color: #007bff;
|
|
/* Warna border */
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #0056b3;
|
|
/* Warna background saat dihover */
|
|
border-color: #0056b3;
|
|
/* Warna border saat dihover */
|
|
}
|
|
|
|
/* Gaya untuk tabel */
|
|
.table {
|
|
border-collapse: separate;
|
|
/* Gaya border */
|
|
border-spacing: 0 0.5rem;
|
|
/* Spasi antar baris */
|
|
}
|
|
|
|
|
|
|
|
.table th,
|
|
.table td {
|
|
vertical-align: middle;
|
|
/* Menengah vertikal */
|
|
text-align: center;
|
|
/* Menengah horizontal */
|
|
padding: 10px;
|
|
/* Padding cell */
|
|
}
|
|
|
|
.table tbody tr {
|
|
background-color: #f8f9fc;
|
|
/* Warna latar belakang baris tabel */
|
|
border: 1px solid #e3e6f0;
|
|
/* Warna border baris tabel */
|
|
}
|
|
|
|
.table tbody tr:hover {
|
|
background-color: #e2e6ea;
|
|
/* Warna latar belakang saat dihover */
|
|
}
|
|
|
|
/* Gaya untuk tombol Aksi */
|
|
.btn-warning {
|
|
background-color: #ffc107;
|
|
/* Warna background */
|
|
border-color: #ffc107;
|
|
/* Warna border */
|
|
}
|
|
|
|
.btn-warning:hover {
|
|
background-color: #e0a800;
|
|
/* Warna background saat dihover */
|
|
border-color: #d39e00;
|
|
/* Warna border saat dihover */
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: #dc3545;
|
|
/* Warna background */
|
|
border-color: #dc3545;
|
|
/* Warna border */
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
background-color: #c82333;
|
|
/* Warna background saat dihover */
|
|
border-color: #bd2130;
|
|
/* Warna border saat dihover */
|
|
} |