/* Container Utama Kartu Berita */ .news-card-container { max-width: 750px; margin: 20px auto; background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border: 1px solid #e2e8f0; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; transition: transform 0.3s ease, box-shadow 0.3s ease; } .news-card-container:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(6, 78, 59, 0.15); border-color: #064e3b; } /* Frame Gambar Full (Tampil Utuh dari Atas ke Bawah) */ .news-image-wrapper { position: relative; width: 100%; height: auto; background-color: #f8fafc; overflow: hidden; display: flex; justify-content: center; align-items: center; } .news-image-wrapper img { width: 100%; height: auto; display: block; object-fit: contain; transition: transform 0.5s ease; } .news-card-container:hover .news-image-wrapper img { transform: scale(1.02); } /* Badge Kategori Berita */ .news-badge { position: absolute; top: 15px; left: 15px; background: linear-gradient(135deg, #064e3b, #166534); color: #ffffff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 6px 14px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); z-index: 2; } /* Konten Teks Berita */ .news-content { padding: 24px; } /* Judul Berita */ .news-title { font-size: 1.25rem; font-weight: 800; color: #0f172a; line-height: 1.4; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 0.3px; } /* Sembunyikan Checkbox Pengontrol */ .toggle-checkbox5 { display: none; } /* 1. KONDISI TEKS PENDEK (Sebelum Diklik) */ .news-excerpt-short5 { font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; /* Menampilkan 2 baris agar pendek */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /* Menambahkan titik-titik (...) */ } /* Sembunyikan Kalimat Pendek Saat Diklik */ .toggle-checkbox5:checked ~ .news-excerpt-short5 { display: none; } /* 2. KONDISI TEKS PANJANG (Setelah Diklik 'Baca Selengkapnya') */ .news-excerpt-full5 { display: none; font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; } /* Tampilkan Kalimat Panjang Saat Checkbox Dicentang */ .toggle-checkbox5:checked ~ .news-excerpt-full5 { display: block; } /* Tombol Baca Selengkapnya / Tutup */ .btn-toggle-readmore5 { display: inline-block; color: #0284c7; font-weight: 700; font-size: 0.95rem; cursor: pointer; margin-bottom: 15px; user-select: none; transition: color 0.2s ease; } .btn-toggle-readmore5:hover { color: #0369a1; text-decoration: underline; } .btn-toggle-readmore5 .txt-tutup5 { display: none; } /* Ubah Teks Tombol Menjadi 'Tutup' Saat Terbuka */ .toggle-checkbox5:checked ~ .btn-toggle-readmore5 .txt-buka5 { display: none; } .toggle-checkbox5:checked ~ .btn-toggle-readmore5 .txt-tutup5 { display: inline; color: #dc2626; } /* Footer Informasi Instansi */ .news-footer { display: flex; align-items: center; padding-top: 12px; border-top: 1px dashed #e2e8f0; } .news-date { font-size: 0.85rem; color: #064e3b; font-weight: 600; display: flex; align-items: center; gap: 6px; } /* Responsive Design untuk Handphone */ @media (max-width: 576px) { .news-content { padding: 18px; } .news-title { font-size: 1.05rem; } } Kegiatan Instansi Pelantikan dan Pengambilan Sumpah Wakil Ketua Pengadilan Negeri Makale Ketua Pengadilan Negeri Makale YM Bpk. Medi Rapi Batara Randa, S.H., M.H. resmi melantik... Ketua Pengadilan Negeri Makale YM Bpk. Medi Rapi Batara Randa, S.H., M.H. resmi melantik Wakil Ketua Pengadilan Negeri Makale Bapak Ronald Massang, S.H., M.H. pada Jumat, 25 September 2026. Bapak Ronald Massang, S.H., M.H. , yang sebelumnya menjabat sebagai Hakim Tingkat Pertama Pengadilan Negeri Manado (11 Juli 2022) resmi dilantik menjadi Wakil Ketua Pengadilan Negeri Makale. Baca selengkapnya Tutup 🏛️ Pengadilan Negeri Makale Kelas IB

/* Container Utama Kartu Berita */ .news-card-container { max-width: 750px; margin: 20px auto; background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border: 1px solid #e2e8f0; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; transition: transform 0.3s ease, box-shadow 0.3s ease; } .news-card-container:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(6, 78, 59, 0.15); border-color: #064e3b; } /* Frame Gambar Full (Tampil Utuh dari Atas ke Bawah) */ .news-image-wrapper { position: relative; width: 100%; height: auto; background-color: #f8fafc; overflow: hidden; display: flex; justify-content: center; align-items: center; } .news-image-wrapper img { width: 100%; height: auto; display: block; object-fit: contain; transition: transform 0.5s ease; } .news-card-container:hover .news-image-wrapper img { transform: scale(1.02); } /* Badge Kategori Berita */ .news-badge { position: absolute; top: 15px; left: 15px; background: linear-gradient(135deg, #064e3b, #166534); color: #ffffff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 6px 14px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); z-index: 2; } /* Konten Teks Berita */ .news-content { padding: 24px; } /* Judul Berita */ .news-title { font-size: 1.25rem; font-weight: 800; color: #0f172a; line-height: 1.4; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 0.3px; } /* Sembunyikan Checkbox Pengontrol */ .toggle-checkbox4 { display: none; } /* 1. KONDISI TEKS PENDEK (Sebelum Diklik) */ .news-excerpt-short4 { font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; /* Menampilkan 2 baris agar pendek */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /* Menambahkan titik-titik (...) */ } /* Sembunyikan Kalimat Pendek Saat Diklik */ .toggle-checkbox4:checked ~ .news-excerpt-short4 { display: none; } /* 2. KONDISI TEKS PANJANG (Setelah Diklik 'Baca Selengkapnya') */ .news-excerpt-full4 { display: none; font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; } /* Tampilkan Kalimat Panjang Saat Checkbox Dicentang */ .toggle-checkbox4:checked ~ .news-excerpt-full4 { display: block; } /* Tombol Baca Selengkapnya / Tutup */ .btn-toggle-readmore4 { display: inline-block; color: #0284c7; font-weight: 700; font-size: 0.95rem; cursor: pointer; margin-bottom: 15px; user-select: none; transition: color 0.2s ease; } .btn-toggle-readmore4:hover { color: #0369a1; text-decoration: underline; } .btn-toggle-readmore4 .txt-tutup4 { display: none; } /* Ubah Teks Tombol Menjadi 'Tutup' Saat Terbuka */ .toggle-checkbox4:checked ~ .btn-toggle-readmore4 .txt-buka4 { display: none; } .toggle-checkbox4:checked ~ .btn-toggle-readmore4 .txt-tutup4 { display: inline; color: #dc2626; } /* Footer Informasi Instansi */ .news-footer { display: flex; align-items: center; padding-top: 12px; border-top: 1px dashed #e2e8f0; } .news-date { font-size: 0.85rem; color: #064e3b; font-weight: 600; display: flex; align-items: center; gap: 6px; } /* Responsive Design untuk Handphone */ @media (max-width: 576px) { .news-content { padding: 18px; } .news-title { font-size: 1.05rem; } } Kegiatan Instansi Upacara Peringatan Hari Kesaktian Pancasila Tahun 2026 Pengadilan Negeri Makale menggelar Upacara Peringatan Hari Kesaktian Pancasila pada Kamis, 1 Oktober 2026... Pengadilan Negeri Makale menggelar Upacara Peringatan Hari Kesaktian Pancasila pada Kamis, 1 Oktober 2026, bertempat di halaman kantor Pengadilan Negeri Makale. Baca selengkapnya Tutup 🏛️ Pengadilan Negeri Makale Kelas IB