Masuk Anggota Perpustakaan
Masukan ID anggota serta kata sandi yang diberikan oleh administrator sistem perpustakaan. Jika Anda anggota perpustakaan namun belum memiliki kata sandi, hubungi staf perpustakaan.
ID Anggota
Kata Sandi
/* ========================== MEMBER AREA MODERN ========================== */ body{ background:#F4F7FB; } /* Sidebar */ #member_sidebar{ background:#0B2E59; color:#fff; border-radius:16px; min-height:100vh; box-shadow:0 10px 30px rgba(0,0,0,.08); } #member_sidebar img{ width:140px; height:140px; border-radius:50%; border:5px solid rgba(255,255,255,.2); } /* Tombol Sidebar */ #member_sidebar .btn{ border-radius:12px; font-weight:600; margin-bottom:10px; } #member_sidebar .btn-secondary{ background:#1E88E5; border:none; } #member_sidebar .btn-secondary:hover{ background:#1976D2; } #member_sidebar .btn-danger{ background:#E53935; border:none; } /* Content */ #member_content{ background:#fff; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.08); padding:35px; } /* Title */ #member_content h1{ color:#0F4C81; font-size:34px; font-weight:700; } #info{ color:#6B7280; font-size:15px; line-height:1.8; } /* TAB */ .nav-tabs{ border:none; margin-bottom:20px; } .nav-tabs .nav-link{ color:#374151 !important; font-weight:600; border:none; border-radius:10px; transition:.3s; margin:3px; } .nav-tabs .nav-link:hover{ background:#EAF3FF; color:#0F4C81 !important; } .nav-tabs .nav-link.active{ background:#0F4C81; color:#fff !important; } /* CARD CONTENT */ .memberLoanList, .memberBasketList, .memberBookmarkList{ border-radius:15px; overflow:hidden; border:1px solid #E5E7EB; } /* Table */ .table thead{ background:#0F4C81; color:#fff; } .table td{ vertical-align:middle; } /* Button */ .btn-primary{ background:#0F4C81; border:none; } .btn-primary:hover{ background:#0A3B63; } /* Alert */ .alert{ border-radius:12px; } /* Card */ .card{ border:none; border-radius:18px; box-shadow:0 5px 15px rgba(0,0,0,.08); } /* Responsive */ @media(max-width:992px){ #member_sidebar{ width:100%!important; min-height:auto; margin-bottom:20px; } .d-flex{ flex-direction:column; } }