/* assets/css/style.css */ /* Global Styles & Resets (dari style Anda sebelumnya) */ body { font-family: sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; /* Ini akan jadi default, bisa ditimpa oleh .login-page-body */ } header { /* Style header umum */ background-color: #333; color: #fff; padding: 1em 0; text-align: center; } nav ul { /* Style navigasi umum */ list-style-type: none; padding: 0; text-align: center; /* Tambahkan agar menu navigasi center jika itu yang diinginkan */ } nav ul li { display: inline; margin-right: 20px; } nav ul li a { color: #fff; /* Ini akan berlaku jika header memiliki background gelap */ text-decoration: none; } .container { /* Style container umum */ width: 80%; margin: auto; overflow: hidden; padding: 20px; background-color: #fff; /* Default background untuk container halaman biasa */ } /* ===== Login Page Specific Styles ===== */ /* Tambahkan kelas .login-page-body ke tag di index.php (halaman login) */ body.login-page-body { background-image: url('../images/background.jpg'); /* Ganti 'header-3.jpg' jika nama file background Anda berbeda */ background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; display: flex; /* Override display, align-items, dll. dari body global jika perlu */ align-items: center; justify-content: center; min-height: 100vh; padding-top: 40px; /* Override padding global jika perlu */ padding-bottom: 40px; position: relative; } body.login-page-body::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 1; } .login-wrapper { width: 100%; max-width: 420px; padding: 25px; position: relative; z-index: 2; } .login-header-text { text-align: center; margin-bottom: 1.5rem; } .login-header-text .app-logo-login { max-height: 70px; margin-bottom: 0.5rem; } .login-header-text h1.fw-bold { color: #ffffff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); } .login-header-text p.text-muted { color: #e0e0e0 !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); } .login-container { background-color: rgba(255, 255, 255, 0.92); padding: 2rem; border-radius: .75rem; box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15); } /* Form floating & button login (bisa jadi umum atau spesifik login) */ .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } .form-floating > label { padding: 1rem .75rem; } .btn-login { /* Ini spesifik untuk tombol login */ font-size: 1.05rem; letter-spacing: .05rem; padding: .75rem 1rem; } .copyright-footer { /* Ini spesifik untuk copyright di halaman login */ color: #d0d0d0 !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } /* ===== Akhir Login Page Specific Styles ===== */ /* ===== Register Page Specific Styles ===== */ body.register-page-body { background-color: #f0f2f5; padding-top: 2rem; padding-bottom: 2rem; /* Hapus display:flex, align-items, justify-content dari body global jika ini mengganggu halaman lain */ /* Jika halaman lain tidak butuh flex di body, atau atur ulang di body global */ } .register-container { max-width: 700px; margin: 2rem auto; /* Tambahkan margin atas bawah agar tidak terlalu menempel jika header global ada */ background-color: #fff; padding: 2rem; border-radius: .75rem; box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1); } .app-logo-register { /* Ini mungkin sama dengan .app-logo-login, bisa digabung jika identik */ max-height: 60px; margin-bottom: 0.5rem; } /* Jika .form-floating dan elemen form lainnya sudah di-style secara global, Anda mungkin tidak perlu duplikat */ /* Pastikan tidak ada konflik dengan style .form-floating global Anda */ /* Anda bisa menambahkan/menyesuaikan style lain yang spesifik untuk halaman registrasi di sini */ /* ===== Akhir Register Page Specific Styles ===== */