PENGADILAN NEGERI MAKALE

/* 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 #f3d0cb; 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(154, 33, 9, 0.15); border-color: #d97706; } /* Frame Gambar Full */ .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 Merah Marun */ .news-badge { position: absolute; top: 15px; left: 15px; background: linear-gradient(135deg, #7a1805, #9a2109); 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 */ input.toggle-checkbox4 { display: none !important; } /* 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 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* 2. KONDISI TEKS PANJANG (Default Sembunyi) */ .news-excerpt-full4 { display: none; font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; } /* KONTROL LOGIKA KLIK BACA SELENGKAPNYA */ #readmore-toggle-card4:checked ~ .news-content .news-excerpt-short4 { display: none !important; } #readmore-toggle-card4:checked ~ .news-content .news-excerpt-full4 { display: block !important; } /* Tombol Baca Selengkapnya / Tutup */ .btn-toggle-readmore4 { display: inline-block; color: #9a2109; 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: #7a1805; text-decoration: underline; } .btn-toggle-readmore4 .txt-tutup4 { display: none; } /* Ubah Teks Tombol Menjadi 'Tutup' Saat Terbuka */ #readmore-toggle-card4:checked ~ .news-content .btn-toggle-readmore4 .txt-buka4 { display: none !important; } #readmore-toggle-card4:checked ~ .news-content .btn-toggle-readmore4 .txt-tutup4 { display: inline !important; 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: #9a2109; font-weight: 600; display: flex; align-items: center; gap: 6px; } /* Responsive Design */ @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

/* 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(128, 0, 0, 0.15); border-color: #800000; } /* 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, #7a1805, #800000); 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-checkbox3 { display: none !important; } /* 1. KONDISI TEKS PENDEK (Sebelum Diklik) */ .news-excerpt-short3 { font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; display: block; } /* Sembunyikan Kalimat Pendek Saat Diklik */ .toggle-checkbox3:checked ~ .news-excerpt-short3 { display: none !important; } /* 2. KONDISI TEKS PANJANG (Setelah Diklik 'Baca Selengkapnya') */ .news-excerpt-full3 { display: none !important; font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; } /* Tampilkan Kalimat Panjang Saat Checkbox Dicentang */ .toggle-checkbox3:checked ~ .news-excerpt-full3 { display: block !important; } /* Tombol Baca Selengkapnya / Tutup (Warna Merah Murni) */ .btn-toggle-readmore3 { display: inline-block; color: #dc2626 !important; /* Warna Merah */ font-weight: 700; font-size: 0.95rem; cursor: pointer; margin-bottom: 15px; user-select: none; transition: color 0.2s ease; } .btn-toggle-readmore3:hover { color: #991b1b !important; /* Merah Tua saat di-hover */ text-decoration: underline; } .btn-toggle-readmore3 .txt-tutup3 { display: none; } /* Ubah Teks Tombol Menjadi 'Tutup' Saat Terbuka */ .toggle-checkbox3:checked ~ .btn-toggle-readmore3 .txt-buka3 { display: none !important; } .toggle-checkbox3:checked ~ .btn-toggle-readmore3 .txt-tutup3 { display: inline !important; color: #dc2626 !important; } /* 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: #800000; 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 Briefing Pagi Pelayanan Terpadu Satu Pintu Bulan Oktober 2026 Mengawali pekan dengan komitmen memberikan pelayanan terbaik. Pagi ini, Panitera Pengadilan Negeri Makale memimpin... Mengawali pekan dengan komitmen memberikan pelayanan terbaik. Pagi ini, Panitera Pengadilan Negeri Makale memimpin Briefing Pagi kepada seluruh Petugas Pelayanan Terpadu Satu Pintu (PTSP) pada tanggal 06 Oktober 2026. Kegiatan ini bertujuan untuk memonitoring evaluasi kinerja, memberikan arahan teknis, serta memompa semangat tim PTSP agar terus meningkatkan kualitas pelayanan kepada masyarakat pencari keadilan di wilayah hukum 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 #f8ecea; 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(154, 33, 9, 0.15); border-color: #9a2109; } /* Frame Gambar Full */ .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 - Merah Marun & Aksen Emas */ .news-badge { position: absolute; top: 15px; left: 15px; background: linear-gradient(135deg, #7a1805, #9a2109); color: #ffffff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 6px 14px; border-radius: 20px; border-bottom: 2px solid #d97706; 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-checkbox { display: none !important; } /* 1. KONDISI TEKS PENDEK (Sebelum Diklik) */ .news-excerpt-short { font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* Sembunyikan Kalimat Pendek Saat Dicentang */ .toggle-checkbox:checked ~ .news-excerpt-short { display: none !important; } /* 2. KONDISI TEKS PANJANG (Setelah Diklik 'Baca Selengkapnya') */ .news-excerpt-full { display: none; font-size: 0.95rem; color: #475569; line-height: 1.6; margin-bottom: 8px; } /* Tampilkan Kalimat Panjang Saat Dicentang */ .toggle-checkbox:checked ~ .news-excerpt-full { display: block !important; } /* Tombol Baca Selengkapnya / Tutup - Merah */ .btn-toggle-readmore { display: inline-block; color: #9a2109 !important; /* Teks Tombol Merah Marun */ font-weight: 700; font-size: 0.95rem; cursor: pointer; margin-bottom: 15px; user-select: none; transition: color 0.2s ease; } .btn-toggle-readmore:hover { color: #dc2626 !important; text-decoration: underline; } .btn-toggle-readmore .txt-tutup { display: none; } /* Ubah Teks Tombol Menjadi 'Tutup' Saat Terbuka */ .toggle-checkbox:checked ~ .btn-toggle-readmore .txt-buka { display: none !important; } .toggle-checkbox:checked ~ .btn-toggle-readmore .txt-tutup { display: inline !important; color: #dc2626 !important; } /* Footer Informasi Instansi */ .news-footer { display: flex; align-items: center; padding-top: 12px; border-top: 1px dashed #f8ecea; } .news-date { font-size: 0.85rem; color: #9a2109; font-weight: 700; 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 Semangat Gotong Royong: Kerja Bakti dan Pembenahan Arsip di Pengadilan Negeri Makale Kelas IB Sebagai bentuk komitmen dalam menjaga kenyamanan lingkungan kerja serta kerapian tata kelola administrasi peradilan, Pengadilan Negeri Makale Kelas IB... Sebagai bentuk komitmen dalam menjaga kenyamanan lingkungan kerja serta kerapian tata kelola administrasi peradilan, Pengadilan Negeri Makale Kelas IB melaksanakan kegiatan kerja bakti bersama seluruh aparatur dan pembenahan tata kelola arsip perkara. Baca selengkapnya Tutup 🏛️ Pengadilan Negeri Makale Kelas IB