Pengadilan Agama Amuntai Kelas IB

SIWAS

Gugatan Mandiri

Si Surti

e-Court

SPAN Lapor

ACO (Acces CCTV Online)

Jadwal Sidang

SIPP

PTSP Online

JDIH PA Amuntai

Direktori Putusan

Pengadilan Agama Amuntai Kelas IB Menuju Wilayah Bebas dari Korupsi (WBK) dan Wilayah Birokrasi Bersih & Melayani (WBBM)

Inovasi Layanan Pengadilan Agama Amuntai

MANTAP

MODERN, AMANAH, NYAMAN, TRANSPARAN, AKUNTABEL, & PROFESIONAL

Inovasi Pengadilan Agama Amuntai Kelas IB

Transformasi Digital untuk Pelayanan Prima

Drive Thru

PROMIL

Pesan Produk Ambil—layanan pengambilan produk pengadilan secara drive-thru tanpa perlu turun dari kendaraan.

Online

PTSP Online

Akses layanan pengadilan secara efisien melalui panggilan suara, video call, dan obrolan daring.

Kartu Pintar

Aplikasi Kartu Pintar

Sistem antrian sidang berbasis kode batang (barcode) untuk tata kelola antrean yang rapi.

E‑Kaper

Aplikasi pengelolaan data ATK perkara untuk mempermudah pencatatan dan pelaporan.

Perizinan

Surat Izin dan Cuti

Pembuatan surat cuti, keluar kantor, pulang cepat, dan surat tugas jurusita tanpa pengetikan manual.

Lab SIPP

Laboratorium SIPP

Pendukung SIPP berisi statistik dan keadaan perkara realtime serta bantu pembuatan laporan bulanan.

Menara PTSP

Mesin Antrian Layanan PTSP

Cetak tiket antrian untuk meja informasi, pendaftaran, pengambilan produk, kasir, pengaduan, dan posbakum.

Si Pengejar Nona

Sistem Pengembalian Uang Sisa Panjar Non Tunai

Daftar informasi perkara banding—tracking & monitoring perkara secara real‑time.

Ke Atas

Pengumuman

📢 PENGUMUMAN PENTING! Elektronik Akta Cerai (E-AC) | (03/07)
Penguman Hari Libur Nasional Wafat Isa Al Masih | (17/04)
SISA PANJAR BIAYA PERKARA PER TANGGAL 10 MARET TAHUN 2025 | (10/03)
Jam Operasional Pengadilan Agama Amuntai Kelas IB selama Bulan Ramadhan 😇😇😇 | (28/02)
PENGUMUMAN PANGGILAN GHAIB Nomor Perkara: 67/Pdt.G/2025/PA.Amt | (30/01)
PENGUMUMAN PENTING PENGESAHAN PERKAWINAN / ISTBAT NIKAH | (10/01)
DAFTAR PANGGILAN GHAIB TAHUN 2025 | (10/01)
Daftar Panggilan Ghaib | (08/01)

Pengumuman Lainnya

Berita Pengadilan

🌇 Apel Sore & Perpisahan Mahasiswa Magang STIA Amuntai di PA Amuntai | (22/08)

📋 Hakim Pengawas Bidang Laksanakan Pembinaan & Pengawasan Triwulan III di PA Amuntai | (22/08)

🏛️ Ketua PA Amuntai Hadiri Rapat Paripurna DPRD HSU | (21/08)

🎓 Ketua PA Amuntai Berikan Materi Dasar-Dasar Mediasi kepada Mahasiswa STAI Rakha | (21/08)

⚖️ PA Amuntai Gelar Sidang di Luar Gedung: Dekatkan Layanan Peradilan ke Masyarakat Balangan | (21/08)

🌙 PA Amuntai Gelar Pembacaan Surah Yasin & Syair Burdah dalam Inovasi “TANGGA” | (20/08)

Berita Lainnya

1 / 3

2 / 3

3 / 3

4 / 4

5 / 5

6 / 6

7 / 7

8 / 8

9 / 9

10 / 10

11 / 11

12 / 12

13 / 13

14 / 14

15 / 15

16 / 16

❮ ❯

Bagaimana Cara Mendapatkan Pelayanan Informasi peradilan?

Typography Ketua Mahkamah Agung RI pada tanggal 5 Januari 2011 telah menerbitkan Surat Keputusan Ketua Mahkamah Agung RI Nomor 1-144/KMA/SK/I/2011 tentang Pedoman Pelayanan Informasi di Pengadilan.

Selanjutnya

Bantuan Hukum Untuk Masyarakat Tidak Mampu

Colors Sebagaimana Peraturan Mahkamah Agung RI Nomor 1 Tahun 2014 Tentang Pedoman Pemberian Layanan Hukum Bagi Masyarakat Tidak Mampu di Pengadilan, Pengadilan Agama Se Kalimantan Selatan memberikan layanan hukum bagi masyarakat tidak mampu yang meliputi Layanan Pembebasan Biaya Perkara, Sidang di Luar Gedung Pengadilan, dan Pos Bantuan Hukum (Posbakum).

Lebih Lanjut

Pengaduan Masyarakat

Typography Pengaduan merupakan suatu bentuk komunikasi yang dilakukan oleh pihak yang bersangkutan untuk memperoleh informasi atau bantuan dari pihak yang bersangkutan. Pengaduan dapat dilakukan oleh pihak yang bersangkutan melalui telepon, email, surat, maupun melalui media online.

Lebih Lanjut

Syarat-syarat Berperkara

Colors Syarat-syarat berperkara di Pengadilan Agama bervariasi tergantung jenis perkara yang diajukan. Syarat-syarat berperkara yang umum digunakan antara lain sebagai berikut:

Lebih Lanjut

Pelayanan Prima, Putusan Berkualitas

PA Amuntai "MANTAP" | MODERN, AMANAH,NYAMAN, TRANSPARAN, AKUNTABEL DAN PROFESIONAL

Pencarian

6 AREA ZONA INTEGRITAS

Aexcellent

Media Sosial

Informasi Cepat

Direktori Putusan Mahkamah Agung

Penelusuran Putusan Perkara PA Amuntaii

Kunjungi

Bantuan Hukum

Informasi bantuan hukum untuk pencari keadilan

Kunjungi

Informasi Pendaftaran Perkara

Unduh formulir pengajuan perkara.

Kunjungi

Statistik Pengadilan

Data Perkara dan Putusan Pengadilan.

Kunjungi

Pengaduan Pelayanan Pengadilan

Prosedur Pengaduan Pelayanan Pengadilan.

Kunjungi

WEBSITE TERKAIT

	MAHKAMAH AGUNG
	BADILAG
	KEPANITERAAN MA-RI
	BAWAS MA-RI
	LITBANGDIKLATKUMDIL MA-RI
	PTA KALIMANTAN SELATAN
	PEMDA HULU SUNGAI UTARA

WEBSITE PA SE KALSEL

	PA BANJARMASIN		PA AMUNTAI
	PA MARTAPURA		PA NEGARA
	PA BANJARBARU		PA TANJUNG
	PA RANTAU		PA PELAIHARI
	PA KANDANGAN		PA KOTABARU
	PA MARABAHAN		PA BATULICIN
	PA BARABAI

5325255

Hari ini

Minggu ini

Bulan ini

Jumlah

9111

97450

365409

5325255

Online (15 minutes ago):85

Kegiatan Pengadilan

Agenda Kegiatan – Agustus 2025

Agenda Kegiatan

Agustus 2025

1×

Sosialisasi Penerbitan Salinan Putusan dan Akta Cerai Secara Elektronik

Sosialisasi internal mengenai mekanisme penerbitan salinan putusan dan akta cerai berbasis elektronik.

Sekretaris PA Amuntai Kelas IB, Bapak Salmani, S.Ag.

Menghadiri Upacara Peringatan Hari Ulang Tahun Bhayangkara ke‑79 bertema “Polri untuk Masyarakat” di Halaman Polres Kabupaten Hulu Sungai Utara.

Pelantikan Hakim Baru – PA Amuntai

Acara pelantikan hakim baru PA Amuntai.

📍 Ruang Aula PA Amuntai Kelas IB

Pengadilan Agama Amuntai Kelas IB website Pengadilan Agama Amuntai memberikan kemudahan kepada masyarakat penyandang disabilitas. silahkan blok tulisan. agar kami dapat membacakannya Click to listen highlighted text! website Pengadilan Agama Amuntai memberikan kemudahan kepada masyarakat penyandang disabilitas. silahkan blok tulisan. agar kami dapat membacakannya Powered By GSpeech gspeech_html Click to listen highlighted text! gspeech_html Powered By GSpeech /* Top-to-Bottom */ #gruemenu.grue_100 ul li { margin:0!important; padding:0!important } #gruemenu.grue_100 > ul > li {float: left; display: inline-block; } #gruemenu.grue_100 > ul > li.has-sub > a::after {border-top-color: #FFFFFF; right: 17px; top: 50%; margin-top:-5px; } #gruemenu.grue_100 > ul > li.has-sub.active > a::after, #gruemenu.grue_100 > ul > li.has-sub:hover > a {border-top-color: #FFFFFF;} #gruemenu.grue_100 ul ul { position: absolute; left: -9999px; top: auto; padding-top: 6px;} #gruemenu.grue_100 > ul > li > ul::after { content: ; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: -3px; left: 20px;} #gruemenu.grue_100 ul ul ul::after {content: ;position: absolute; width: 0; height: 0; border: 5px solid transparent; top: 11px; left: -3px;} #gruemenu.grue_100 > ul > li:hover > ul {top: auto;left: 0;} #gruemenu.grue_100 ul ul ul {padding-top: 0;padding-left: 6px;} #gruemenu.grue_100 ul ul > li:hover > ul {left: 220px;top: 0;} #gruemenu.grue_100 > ul > li > ul::after { border-bottom-color: #056E4F} #gruemenu.grue_100 ul ul ul::after {border-right-color: #056E4F } #gruemenu.grue_100 ul ul li.has-sub > a::after {border-left-color: #FFFFFF; right: 17px; top: 14px; } #gruemenu.grue_100 ul ul li.has-sub.active > a::after, #gruemenu.grue_100 ul ul li.has-sub:hover > a::after {border-left-color:#FFFFFF; } #gruemenu.grue_100 { background: #FF9900; } #gruemenu.grue_100 ul li a, #gruemenu.grue_100 #gruemenu.grue_100 {font-family: tahoma, Arial, Helvetica, sans-serif ;} #gruemenu.grue_100, #gruemenu.grue_100 ul, #gruemenu.grue_100 ul li, #gruemenu.grue_100 ul > li > a { font-size:12px} #gruemenu.grue_100 ul > li > ul > li > a { font-size:12px!important} #gruemenu.grue_100 > ul > li > a { color: #FFFFFF; text-transform:sentence case; margin-left: 1px; margin-right: 1px;} #gruemenu.grue_100 > ul > li:hover > a, #gruemenu.grue_100 > ul > li > a:hover, #gruemenu.grue_100 > ul > li.active > a {color: #FFFFFF; background: #056E4F;} #gruemenu.grue_100 ul ul li:hover > a, #gruemenu.grue_100 ul ul li.active > a {color: #FFFFFF; background: #056E4F;} #gruemenu.grue_100 ul ul li a, #navigation-toggle {color: #FFFFFF; background: #056E4F;} #gruemenu.grue_100 ul ul li:hover > a, #gruemenu.grue_100 ul ul li.active > a, #navigation-toggle:hover {color: #FFFFFF;background:#056E4F;} #gruemenu.grue_100 #menu-button{ color: #FFFFFF; } #gruemenu.grue_100 {-webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-radius: 0px;} #gruemenu.grue_100 ul li:first-child > a { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} #gruemenu.grue_100 ul ul li:first-child > a { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: px;} #gruemenu.grue_100 ul ul li:last-child > a {border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #gruemenu.grue_100 #menu-button::after {border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; } #gruemenu.grue_100 #menu-button::before {border-top: 2px solid #FFFFFF; } #gruemenu.grue_100 ul ul li > a:hover { background-color: #FF9900 ; /* Enable Fixed Menu */ #gruemenu.grue_100.gruefixed { position:fixed; top:0; left:0; width:100%; z-index:9999999} /* Enable Mobile Menu */ @media screen and (max-width: 720px) { #navigation-toggle { z-index:999; display:block; position:fixed; top:10px; right:10px; padding:10px 10px; box-shadow:0px 1px 1px rgba(0,0,0,0.15); border-radius:3px; text-shadow:0px 1px 0px rgba(0,0,0,0.5); font-size:20px; transition:color linear 0.15s; text-decoration: none !important; } #navigation-toggle span.nav-line { display:block; height:3px; width:20px; margin-bottom:4px; background:#fff} #navigation-toggle:hover {text-decoration:none; } #gruemenu.grue_100 {display: none;} } Home Tentang Pengadilan PROFIL PENGADILANVisi Misi PengadilanTugas dan FungsiWilayah YurisdiksiStruktur OrganisasiSejarah PengadilanAlamat PengadilanMAKLUMAT PELAYANAN PROFIL PEGAWAI Profil PimpinanProfil HakimProfil Pejabat StrukturalProfil Pejabat FungsionalProfil StafProfil PPNPNLHKPNLHKASNData Statistik Pegawai INFO PROGRAM KERJA Perjanjian Pihak KetigaAgenda Kerja PimpinanAgenda Kerja SatkerSurat PimpinanProgram Kerja Tahunan PEDOMAN ADMINISTRASI Standar dan Maklumat PengadilanJob DescriptionPeraturan MA-RIHasil RakernasHasil BimtekHasil PenelitianPedoman Pengelolaan OrganisasiPedoman Pengelolaan KepaniteraanNaskah AkademisKebijakan Ketua PA ZONA INTEGRITAS AREA IAREA IIAREA IIIAREA IVAREA VAREA VIDaftar Kebutuhan Dokumen dan Data Dukung ZI PENGELOLAAN KESEKRETARIATAN Pedoman Pelaksanaan KesekretariatanUnit Pelaksana Teknis KesekretariatanKumpulan SKSTANDAR OPERASIONAL PROSEDUR (SOP)PROGRAM KERJASAMA "KEREN MANTAP"Kumpulan SK Layanan Publik INFORMASI LAYANAN PENGADILAN Jam KerjaTata Tertib Persidangan LAYANAN INFORMASI PUBLIK Tata Cara Pelayanan InformasiProsedur Pengajuan Keberatan Terhadap Pelayanan InformasiBiaya Salinan InformasiHak-Hak Pemohon InformasiInformasi Program/KegiatanStatistik InformasiTim Pengelola Meja InformasiFormulir Permohonan Informasi LAYANAN PENGADUAN Hak-Hak Pelapor dan TerlaporMekanisme dan Alur Penanganan PengaduanLangkah Pemeriksaan PengaduanStatistik PengaduanAplikasi Pengaduan Mahkamah Agung RI (SIWAS) SAKIP LkjIPCETAK BIRU MAHKAMAH AGUNGRenstraIKURencana Aksi KinerjaPKT & RKTPerjanjian Kinerja LAPORAN Rencana Anggara DIPAAnggaran/DIPARealisasi AnggaranNeraca Arus KasCatatan Atas Laporan Keuangan (CaLK)Daftar Asset dan InventarisLaporan Akses InformasiLaporan TahunanSURVEY KEPUASAN MASYARAKATRencana Pengeluaran Anggaran PENGUMUMAN Tata Cara Pelaksanaan Pengadaan Barang dan JasaRencana Pengadaan Barang dan JasaMekanisme PengadaanMekanisme Keberatan dan PengaduanPengumuman PengadaanTabel MonitoringLelangRekap Rencana Umum Pengadaan PENGAWASAN DAN PENDISIPLINAN Gambaran Umum PelanggaranLangkah Pemeriksaan PelanggaranData Hukuman DisiplinPutusan Majelis Kehormatan HakimPedoman PengawasanKode Etik HakimDaftar Nama Pejabat Pengawas SURVEY MASYARAKAT Survei Persepsi Anti KorupsiSurvei Kepuasan Masyarakat INFORMASI LAINNYA Prosedur Peringatan Dini dan Evakuasi Keadaan DaruratHasil Tahapan Seleksi Penerimaan Hakim/PegawaiFasilitas PublikSOP KHUSUS PELAYANAN PUBLIKKonsultasi Online Layanan Hukum Sistem Informasi Penelusuran Perkara (SIPP) PROSEDUR PENGAJUAN PERKARA Tingkat PertamaTingkat BandingKasasiPeninjauan Kembali (PK)Pembebasan Biaya Perkara (Prodeo)E-CourtGugatan SederhanaProsedure Pengambilan Produk Pengadilan Prosedur Eksekusi Biaya proses berperkara Rincian biaya proses berperkaraBiaya Hak-Hak KepaniteraanRadius Biaya PanggilanSyarat-syarat BerperkaraAGENDA/ JADWAL PERSIDANGANREGISTER PERKARADATA PUTUSAN STATISTIK PERKARA Jumlah dan Jenis PerkaraLaporan Penggunaan Biaya PerkaraTAHAPAN PROSES BERPERKARALAPORAN BIAYA BERPERKARA HAK-HAK PARA PIHAK Hak-Hak Pencari KeadilanHak-hak Pokok Dalam Proses PersidanganHak-hak Perempuan dan Anak Pasca PerceraianGUGATAN MANDIRI TABAYYUN / DELEGASI Delegasi MasukDelegasi Keluar MEDIASI Prosedure MediasiDaftar Nama & Foto Mediator POSBAKUM Tentang Layanan PosbakumSurat Perjanjian / Kontrak Kerja LAPORAN Pengembalian Sisa Panjar PerkaraRealisasi PNBPDAFTAR PANGGILAN GHAIB BERPERKARA TANPA BIAYA (PRODEO) Rincian Biaya Prodeo Yang Dibebankan ke NegaraVALIDASI AKTA CERAIContoh Surat Gugatan/Permohonan Perkara Publikasi Video KegiatanFoto GaleriArsip BeritaArtikel Hubungi Kami RegistrasiPertanyaanAlamat Kantor Peta Situs hostgator coupon best offers var el = document.getElementById(TheGrue1317302990); if(el) {el.style.display += el.style.display = none;} SIWAS Whistleblowing Systemadalah aplikasi yang disediakan oleh Badan Pengawasan Mahkamah Agung RI, untuk melaporkan suatu perbuatan berindikasi pelanggaran yang terjadi di lingkungan Mahkamah Agung Republik Indonesia atau Peradilan dibawahnya. Badan Pengawasan Mahkamah Agung RI menghargai informasi yang Anda laporkan karena Fokus kami adalah materi informasi yang Anda Laporkan. KE APLIKASI APLIKASI SIPP Aplikasi Sistem Informasi Penelusuran Perkara (SIPP), merupakan aplikasi administrasi dan penyediaan informasi perkara baik untuk pihak internal pengadilan, maupun pihak eksternal pengadilan. Pengunjung dapat melakukan penelusuran data perkara (jadwal sidang sampai dengan putusan) melalui aplikasi ini. KE APLIKASI PROGRAM PRORITAS Direktorat Jenderal Badan Peradilan Agama telah menetapkan program prioritas Tahun 2025 menuju peradilan agama modern berkelas dunia SELANJUTNYA E-COURT Aplikasi e-court adalah layanan bagi Pengguna Terdaftar untuk Pendaftaran Perkara Secara Online, Mendapatkan Taksiran Panjar Biaya Perkara secara online, Pembayaran Perkara secara online dan Pemanggilan yang dilakukan dengan saluran elektronik. e-Filing (Pendaftaran Perkara Online), e-Payment (Pembayaran Panjar Biaya Perkara Online), e-Summons (Pemanggilan Pihak secara online) KE APLIKASI marquee a { display: inline-block; text-align: center; } marquee a span { display: block; color: white; /* Change text color to white */ font-weight: bold; /* Make text bold */ } SIWAS Gugatan Mandiri Si Surti e-Court SPAN Lapor ACO (Acces CCTV Online) Jadwal Sidang SIPP PTSP Online JDIH PA Amuntai Direktori Putusan Pengadilan Agama Amuntai Kelas IB Menuju Wilayah Bebas dari Korupsi (WBK) dan Wilayah Birokrasi Bersih & Melayani (WBBM) /* Style untuk popup gambar WBK */ #wbkPopupOverlay { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); cursor: pointer; animation: fadeIn 0.3s ease-out; } #wbkPopup { display: none; position: fixed; z-index: 10000; padding: 20px; background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90vh; width: auto; text-align: center; animation: zoomIn 0.3s ease-out; } #wbkPopup img { max-width: 100%; max-height: 70vh; display: block; margin: 0 auto; } #wbkPopup .popup-title { font-size: 18px; font-weight: bold; color: #046354; margin-bottom: 15px; text-align: center; } #wbkPopup .popup-footer { margin-top: 15px; text-align: center; font-size: 14px; color: #666; } .close-popup { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; border-radius: 50%; background: #046354; color: white; border: 2px solid white; font-size: 18px; line-height: 25px; cursor: pointer; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } /* Animasi untuk efek popup */ @keyframes zoomIn { from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Responsivitas untuk perangkat mobile */ @media (max-width: 768px) { #wbkPopup { padding: 15px; width: 90%; } .close-popup { top: -10px; right: -10px; width: 25px; height: 25px; line-height: 20px; font-size: 16px; } #wbkPopup .popup-title { font-size: 16px; margin-bottom: 10px; } } × Scan QR code untuk mengisi kuesioner // Fungsi untuk menampilkan popup function showWbkPopup() { document.getElementById(wbkPopupOverlay).style.display = block; document.getElementById(wbkPopup).style.display = block; document.body.style.overflow = hidden; // Mencegah scrolling halaman // Preload gambar untuk menghindari delay var img = document.getElementById(wbkPopupImage); var imgUrl = img.src; var newImg = new Image(); newImg.src = imgUrl; } // Fungsi untuk menutup popup function closeWbkPopup() { document.getElementById(wbkPopupOverlay).style.display = none; document.getElementById(wbkPopup).style.display = none; document.body.style.overflow = auto; // Mengaktifkan kembali scrolling } // Tampilkan popup secara otomatis setelah beberapa detik window.addEventListener(load, function () { setTimeout(showWbkPopup, 2000); // Tampilkan popup setelah 2 detik }); // Tutup popup dengan tombol ESC document.addEventListener(keydown, function (e) { if (e.key === Escape) { closeWbkPopup(); } }); Inovasi Layanan Pengadilan Agama Amuntai :root { --brand: #2d8a5a; --brand-2: #4caf50; --ink: #1f2937; --muted: #6b7280; --card: #ffffff; --bg: #f7faf9; --ring: rgba(45, 138, 90, 0.25); --shadow: 0 10px 30px rgba(2, 6, 23, 0.08); --radius: 16px; --radius-lg: 20px; } * { box-sizing: border-box; } html, body { height: 100%; } body { margin: 0; font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Helvetica Neue, sans-serif; color: var(--ink); background: radial-gradient(1200px 600px at 10% -10%, rgba(76, 175, 80, 0.08), transparent 60%), radial-gradient(1000px 500px at 110% 10%, rgba(45, 138, 90, 0.08), transparent 60%), var(--bg); } .container { max-width: 1200px; margin-inline: auto; padding-inline: 20px; } /* Top ribbon */ .mantap { background: linear-gradient(135deg, #ffffff, #f2fbf6); border-bottom: 3px solid var(--brand); } .mantap-inner { padding: 40px 20px; text-align: center; } .mantap-title { font-size: clamp(28px, 4vw, 44px); font-weight: 800; color: var(--brand); letter-spacing: 8px; margin: 0 0 8px; } .mantap-subtitle { margin: 0 0 14px; color: var(--muted); text-transform: uppercase; letter-spacing: 2px; font-size: 13px; } .layanan-title { font-size: clamp(20px, 2.5vw, 28px); font-weight: 700; margin: 6px 0; } .layanan-subtitle { display: inline-flex; align-items: center; gap: 8px; background: var(--brand); color: #fff; padding: 8px 18px; border-radius: 999px; font-size: 13px; font-weight: 600; } .layanan-subtitle i { opacity: .9; } /* Hero */ .hero { position: relative; padding: 56px 0 24px; overflow: clip; color: #0b1b13; background: radial-gradient(600px 200px at 50% -50px, rgba(45, 138, 90, 0.25), transparent 80%), linear-gradient(180deg, rgba(45, 138, 90, 0.08), transparent 35%); } .hero .headline { text-align: center; max-width: 900px; margin: 0 auto 28px; } .eyebrow { color: var(--brand); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: 12px; } .title { margin: 10px 0 8px; font-size: clamp(26px, 4.4vw, 40px); font-weight: 700; line-height: 1.15; } .subtitle { margin: 0; font-size: clamp(14px, 1.8vw, 18px); color: var(--muted); } /* Grid */ .grid { display: grid; gap: 22px; grid-template-columns: repeat(12, minmax(0, 1fr)); } .cards { margin: 26px 0 60px; } /* Card */ .card { grid-column: span 4; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; border: 1px solid rgba(45, 138, 90, 0.08); display: flex; flex-direction: column; min-height: 320px; text-decoration: none; color: inherit; isolation: isolate; } .card:focus-visible { outline: 3px solid var(--ring); outline-offset: 3px; } .card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(2,6,23,.12); } .card-media { padding: 16px 16px 0; } .card img { width: 100%; height: 160px; object-fit: cover; border-radius: 12px; display: block; } .card-body { padding: 18px 18px 20px; display: flex; flex-direction: column; gap: 12px; flex: 1; } .badge { position: absolute; top: 12px; left: 12px; background: linear-gradient(45deg, var(--brand), var(--brand-2)); color: #fff; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .04em; box-shadow: 0 6px 18px rgba(45,138,90,.35); } .card-title { font-size: 18px; font-weight: 700; letter-spacing: .3px; } .card-desc { color: var(--muted); font-size: 14px; line-height: 1.65; } /* Soft decorative glow */ .glow { position: absolute; inset: -1px; border-radius: calc(var(--radius) + 1px); pointer-events: none; } .card:hover .glow::before { content: ; position: absolute; inset: -2px; border-radius: inherit; background: conic-gradient(from 180deg at 50% 50%, rgba(45, 138, 90, .14), rgba(76, 175, 80, .12), transparent, rgba(45, 138, 90, .14)); filter: blur(8px); opacity: .9; } /* Footer CTA */ .cta { display: flex; justify-content: center; padding: 6px 0 70px; } .btn { display: inline-flex; align-items: center; gap: 10px; background: var(--brand); color: #fff; border: 0; border-radius: 999px; padding: 12px 18px; font-weight: 700; letter-spacing: .2px; cursor: pointer; box-shadow: 0 12px 28px rgba(45,138,90,.25); transition: transform .2s ease, box-shadow .2s ease; text-decoration: none; } .btn:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(45,138,90,.30); } /* Responsive */ @media (max-width: 1024px) { .card { grid-column: span 6; } } @media (max-width: 640px) { .card { grid-column: span 12; } .badge { top: 10px; left: 10px; } } /* Subtle floating particles */ .particles { position: fixed; inset: 0; pointer-events: none; z-index: -1; } .p { position: absolute; width: 4px; height: 4px; background: rgba(45, 138, 90, 0.25); border-radius: 50%; filter: blur(.2px); animation: fly 12s linear infinite; } @keyframes fly { from { transform: translateY(0); opacity: .2; } to { transform: translateY(-120vh); opacity: 0; } } /* Nice focus ring for links */ a:focus-visible { outline: 3px solid var(--ring); outline-offset: 3px; border-radius: 10px; } MANTAP MODERN, AMANAH, NYAMAN, TRANSPARAN, AKUNTABEL, & PROFESIONAL Inovasi Pengadilan Agama Amuntai Kelas IB Transformasi Digital untuk Pelayanan Prima Drive Thru PROMIL Pesan Produk Ambil—layanan pengambilan produk pengadilan secara drive-thru tanpa perlu turun dari kendaraan. Online PTSP Online Akses layanan pengadilan secara efisien melalui panggilan suara, video call, dan obrolan daring. Kartu Pintar Aplikasi Kartu Pintar Sistem antrian sidang berbasis kode batang (barcode) untuk tata kelola antrean yang rapi. E‑Kaper E‑Kaper Aplikasi pengelolaan data ATK perkara untuk mempermudah pencatatan dan pelaporan. Perizinan Surat Izin dan Cuti Pembuatan surat cuti, keluar kantor, pulang cepat, dan surat tugas jurusita tanpa pengetikan manual. Lab SIPP Laboratorium SIPP Pendukung SIPP berisi statistik dan keadaan perkara realtime serta bantu pembuatan laporan bulanan. Menara PTSP Mesin Antrian Layanan PTSP Cetak tiket antrian untuk meja informasi, pendaftaran, pengambilan produk, kasir, pengaduan, dan posbakum. Si Pengejar Nona Sistem Pengembalian Uang Sisa Panjar Non Tunai Daftar informasi perkara banding—tracking & monitoring perkara secara real‑time. Ke Atas // Create subtle floating particles (function makeParticles() { const el = document.getElementById(particles); const count = 18; const rand = (min, max) => Math.random() * (max - min) + min; for (let i = 0; i { card.addEventListener(mousemove, (e) => { const r = card.getBoundingClientRect(); const x = (e.clientX - r.left) / r.width - 0.5; const y = (e.clientY - r.top) / r.height - 0.5; card.style.transform = `translateY(-6px) perspective(700px) rotateX(${y * -4}deg) rotateY(${x * 6}deg)`; }); card.addEventListener(mouseleave, () => { card.style.transform = ; }); }); })(); Pengumuman 📢 PENGUMUMAN PENTING! Elektronik Akta Cerai (E-AC) | (03/07) Penguman Hari Libur Nasional Wafat Isa Al Masih | (17/04) SISA PANJAR BIAYA PERKARA PER TANGGAL 10 MARET TAHUN 2025 | (10/03) Jam Operasional Pengadilan Agama Amuntai Kelas IB selama Bulan Ramadhan 😇😇😇 | (28/02) PENGUMUMAN PANGGILAN GHAIB Nomor Perkara: 67/Pdt.G/2025/PA.Amt | (30/01) PENGUMUMAN PENTING PENGESAHAN PERKAWINAN / ISTBAT NIKAH | (10/01) DAFTAR PANGGILAN GHAIB TAHUN 2025 | (10/01) Daftar Panggilan Ghaib | (08/01) Pengumuman Lainnya Berita Pengadilan 🌇 Apel Sore & Perpisahan Mahasiswa Magang STIA Amuntai di PA Amuntai | (22/08) 📋 Hakim Pengawas Bidang Laksanakan Pembinaan & Pengawasan Triwulan III di PA Amuntai | (22/08) 🏛️ Ketua PA Amuntai Hadiri Rapat Paripurna DPRD HSU | (21/08) 🎓 Ketua PA Amuntai Berikan Materi Dasar-Dasar Mediasi kepada Mahasiswa STAI Rakha | (21/08) ⚖️ PA Amuntai Gelar Sidang di Luar Gedung: Dekatkan Layanan Peradilan ke Masyarakat Balangan | (21/08) 🌙 PA Amuntai Gelar Pembacaan Surah Yasin & Syair Burdah dalam Inovasi “TANGGA” | (20/08) Berita Lainnya var player_6; var player_20; var player_15; var player_16; var player_19; video_is_playing_6 = false; function onYouTubeIframeAPIReady() { player_6 = new YT.Player(video_id_6_0, { height: 375, width: 600, videoId: _lcsXsnhaZg, playerVars: { controls: 1, showinfo: 1 }, events: { onReady: onPlayerReady_6, onStateChange: onPlayerStateChange_6, loop: 1 } }); player_20 = new YT.Player(video_id_6_1, { height: 375, width: 600, videoId: 4DbEGWtkShk, playerVars: { controls: 1, showinfo: 1 }, events: { onReady: onPlayerReady_20, onStateChange: onPlayerStateChange_20, loop: 1 } }); player_15 = new YT.Player(video_id_6_2, { height: 375, width: 600, videoId: BYMvZV7ir_8, playerVars: { controls: 1, showinfo: 1 }, events: { onReady: onPlayerReady_15, onStateChange: onPlayerStateChange_15, loop: 1 } }); player_16 = new YT.Player(video_id_6_3, { height: 375, width: 600, videoId: 3UGW8dx1TiI, playerVars: { controls: 1, showinfo: 1 }, events: { onReady: onPlayerReady_16, onStateChange: onPlayerStateChange_16, loop: 1 } }); player_19 = new YT.Player(video_id_6_4, { height: 375, width: 600, videoId: IB3O5tT7Qj8, playerVars: { controls: 1, showinfo: 1 }, events: { onReady: onPlayerReady_19, onStateChange: onPlayerStateChange_19, loop: 1 } }); } function onPlayerReady_6(event) { player_6.setVolume(50); } function onPlayerStateChange_6(event) { //(event.data); if (event.data == YT.PlayerState.PLAYING) { event.target.setPlaybackQuality(hd720); video_is_playing_6 = true; } else { video_is_playing_6 = false; } } function onPlayerReady_20(event) { player_20.setVolume(87.03881578947369); } function onPlayerStateChange_20(event) { //(event.data); if (event.data == YT.PlayerState.PLAYING) { event.target.setPlaybackQuality(hd1080); video_is_playing_6 = true; } else { video_is_playing_6 = false; } } function onPlayerReady_15(event) { player_15.setVolume(50); } function onPlayerStateChange_15(event) { //(event.data); if (event.data == YT.PlayerState.PLAYING) { event.target.setPlaybackQuality(hd720); video_is_playing_6 = true; } else { video_is_playing_6 = false; } } function onPlayerReady_16(event) { player_16.setVolume(50); } function onPlayerStateChange_16(event) { //(event.data); if (event.data == YT.PlayerState.PLAYING) { event.target.setPlaybackQuality(hd720); video_is_playing_6 = true; } else { video_is_playing_6 = false; } } function onPlayerReady_19(event) { player_19.setVolume(50); } function onPlayerStateChange_19(event) { //(event.data); if (event.data == YT.PlayerState.PLAYING) { event.target.setPlaybackQuality(hd720); video_is_playing_6 = true; } else { video_is_playing_6 = false; } } function stopYoutubeVideo() { player_6.pauseVideo(); player_20.pauseVideo(); player_15.pauseVideo(); player_16.pauseVideo(); player_19.pauseVideo(); } var data_6 = []; var event_stack_6 = []; video_is_playing_6 = false; data_6[0]=[];data_6[0][id]=0;data_6[0][image_url]=https://www.youtube.com/watch?v=_lcsXsnhaZg&list=UULFdzwaU_jjLJjcvj5mXEc4pg;data_6[0][description]=50;data_6[0][alt]=hd720;data_6[1]=[];data_6[1][id]=1;data_6[1][image_url]=https://www.youtube.com/watch?v=4DbEGWtkShk&t=94s;data_6[1][description]=87.03881578947369;data_6[1][alt]=hd1080;data_6[2]=[];data_6[2][id]=2;data_6[2][image_url]=https://www.youtube.com/embed/BYMvZV7ir_8;data_6[2][description]=50;data_6[2][alt]=hd720;data_6[3]=[];data_6[3][id]=3;data_6[3][image_url]=https://www.youtube.com/watch?v=3UGW8dx1TiI;data_6[3][description]=50;data_6[3][alt]=hd720;data_6[4]=[];data_6[4][id]=4;data_6[4][image_url]=https://www.youtube.com/watch?v=IB3O5tT7Qj8;data_6[4][description]=50;data_6[4][alt]=hd720; var huge_it_trans_in_progress_6 = false; var huge_it_transition_duration_6 = 1000; var huge_it_playInterval_6; // Stop autoplay. window.clearInterval(huge_it_playInterval_6); var huge_it_current_key_6 = ; function huge_it_move_dots_6() { var image_left = jQuery(.huge_it_slideshow_dots_active_6).position().left; var image_right = jQuery(.huge_it_slideshow_dots_active_6).position().left + jQuery(.huge_it_slideshow_dots_active_6).outerWidth(true); } function huge_it_testBrowser_cssTransitions_6() { return huge_it_testDom_6(Transition); } function huge_it_testBrowser_cssTransforms3d_6() { return huge_it_testDom_6(Perspective); } function huge_it_testDom_6(prop) { // Browser vendor CSS prefixes. var browserVendors = [, -webkit-, -moz-, -ms-, -o-, -khtml-]; // Browser vendor DOM prefixes. var domPrefixes = [, Webkit, Moz, ms, O, Khtml]; var i = domPrefixes.length; while (i--) { if (typeof document.body.style[domPrefixes[i] + prop] !== undefined) { return true; } } return false; } function huge_it_cube_6(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_6()) { jQuery(.huge_it_slideshow_dots_6).removeClass(huge_it_slideshow_dots_active_6).addClass(huge_it_slideshow_dots_deactive_6); jQuery(#huge_it_dots_ + huge_it_current_key_6 + _6).removeClass(huge_it_slideshow_dots_deactive_6).addClass(huge_it_slideshow_dots_active_6); return huge_it_fallback_6(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_6()) { return huge_it_fallback3d_6(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_6 = true; /* Set active thumbnail.*/ jQuery(.huge_it_slideshow_dots_6).removeClass(huge_it_slideshow_dots_active_6).addClass(huge_it_slideshow_dots_deactive_6); jQuery(#huge_it_dots_ + huge_it_current_key_6 + _6).removeClass(huge_it_slideshow_dots_deactive_6).addClass(huge_it_slideshow_dots_active_6); jQuery(.huge_it_slide_bg_6).css(perspective, 1000); jQuery(current_image_class).css({ transform: translateZ( + tz + px), backfaceVisibility: hidden }); jQuery(.huge_it_slideshow_image_wrap_6,.huge_it_slide_bg_6,.huge_it_slideshow_image_item_6,.huge_it_slideshow_image_second_item_6 ).css(overflow, visible); jQuery(next_image_class).css({ opacity: 1, filter: Alpha(opacity=100), backfaceVisibility: hidden, transform: translateY( + nty + px) translateX( + ntx + px) rotateY( + nry + deg) rotateX( + nrx + deg) }); jQuery(.huge_it_slideshow_6).css({ transform: translateZ(- + tz + px), transformStyle: preserve-3d }); /* Execution steps.*/ setTimeout(function () { jQuery(.huge_it_slideshow_6).css({ transition: all + huge_it_transition_duration_6 + ms ease-in-out, transform: translateZ(- + tz + px) rotateX( + wrx + deg) rotateY( + wry + deg) }); }, 20); /* After transition.*/ jQuery(.huge_it_slideshow_6).one(webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend, jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { /*if (huge_it_from_focus_6) { huge_it_from_focus_6 = false; return; }*/ jQuery(.huge_it_slide_bg_6,.huge_it_slideshow_image_item_6,.huge_it_slideshow_image_second_item_6 ).css(overflow, hidden); jQuery(.huge_it_slide_bg_6).removeAttr(style); jQuery(current_image_class).removeAttr(style); jQuery(next_image_class).removeAttr(style); jQuery(.huge_it_slideshow_6).removeAttr(style); jQuery(current_image_class).css({opacity: 0, filter: Alpha(opacity=0), z-index: 1}); jQuery(next_image_class).css({opacity: 1, filter: Alpha(opacity=100), z-index: 2}); // huge_it_change_watermark_container_6(); huge_it_trans_in_progress_6 = false; if (typeof event_stack_6 !== undefined && event_stack_6.length > 0) { key = event_stack_6[0].split(-); event_stack_6.shift(); huge_it_change_image_6(key[0], key[1], data_6, true, false); } } } function huge_it_cubeH_6(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == right) { huge_it_cube_6(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == left) { huge_it_cube_6(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_6(current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == right) { huge_it_cube_6(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == left) { huge_it_cube_6(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction); } } /* For browsers that does not support transitions.*/ function huge_it_fallback_6(current_image_class, next_image_class, direction) { huge_it_fade_6(current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function huge_it_fallback3d_6(current_image_class, next_image_class, direction) { huge_it_sliceV_6(current_image_class, next_image_class, direction); } function huge_it_none_6(current_image_class, next_image_class, direction) { jQuery(current_image_class).css({opacity: 0, z-index: 1}); jQuery(next_image_class).css({opacity: 1, z-index: 2}); /* Set active thumbnail.*/ jQuery(.huge_it_slideshow_dots_6).removeClass(huge_it_slideshow_dots_active_6).addClass(huge_it_slideshow_dots_deactive_6); jQuery(#huge_it_dots_ + huge_it_current_key_6 + _6).removeClass(huge_it_slideshow_dots_deactive_6).addClass(huge_it_slideshow_dots_active_6); } function huge_it_fade_6(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_6()) { jQuery(next_image_class).css(transition, opacity + huge_it_transition_duration_6 + ms linear); jQuery(current_image_class).css(transition, opacity + huge_it_transition_duration_6 + ms linear); jQuery(current_image_class).css({opacity: 0, z-index: 1}); jQuery(next_image_class).css({opacity: 1, z-index: 2}); } else { jQuery(current_image_class).animate({opacity: 0, z-index: 1}, huge_it_transition_duration_6); jQuery(next_image_class).animate({ opacity: 1, z-index: 2 }, { duration: huge_it_transition_duration_6, complete: function () { return false; } }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_6, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_6, 1); } jQuery(.huge_it_slideshow_dots_6).removeClass(huge_it_slideshow_dots_active_6).addClass(huge_it_slideshow_dots_deactive_6); jQuery(#huge_it_dots_ + huge_it_current_key_6 + _6).removeClass(huge_it_slideshow_dots_deactive_6).addClass(huge_it_slideshow_dots_active_6); } function huge_it_grid_6(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) { /* If browser does not support CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_6()) { jQuery(.huge_it_slideshow_dots_6).removeClass(huge_it_slideshow_dots_active_6).addClass(huge_it_slideshow_dots_deactive_6); jQuery(#huge_it_dots_ + huge_it_current_key_6 + _6).removeClass(huge_it_slideshow_dots_deactive_6).addClass(huge_it_slideshow_dots_active_6); return huge_it_fallback_6(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_6 = true; /* Set active thumbnail.*/ jQuery(.huge_it_slideshow_dots_6).removeClass(huge_it_slideshow_dots_active_6).addClass(huge_it_slideshow_dots_deactive_6); jQuery(#huge_it_dots_ + huge_it_current_key_6 + _6).removeClass(huge_it_slideshow_dots_deactive_6).addClass(huge_it_slideshow_dots_active_6); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_6) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ return jQuery().css({ width: width, height: height, top: top, left: left, backgroundImage: url( + src + ), backgroundColor: jQuery(.huge_it_slideshow_image_wrap_6).css(background-color), /*backgroundColor: rgba(0, 0, 0, 0),*/ backgroundRepeat: no-repeat, backgroundPosition: img_left + px + img_top + px, backgroundSize: imgWidth + px + imgHeight + px, transition: all + huge_it_transition_duration_6 + ms ease-in-out + delay + ms, transform: none }); } /* Get the current slides image.*/ var cur_img = jQuery(current_image_class).find(img); /* Create a grid to hold the gridlets.*/ var grid = jQuery().addClass(huge_it_grid_6); /* Prepend the grid to the next slide (i.e. so its above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(.huge_it_slide_bg_6); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.attr(src), /*.replace(/thumb, ),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(.huge_it_slide_bg_6).width() - cur_img.width()) / 2; /* tx/ty args can be passed as auto/min-auto (meaning use slide width/height or negative slide width/height).*/ tx = tx === auto ? contWidth : tx; tx = tx === min-auto ? -contWidth : tx; ty = ty === auto ? contHeight : ty; ty = ty === min-auto ? -contHeight : ty; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(.huge_it_slide_bg_6).height() - cur_img.height()) / 2, newColWidth = colWidth; if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Set event listener on last gridlet to finish transitioning.*/ var last_gridlet = grid.children().last(); /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css(opacity, 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass(rs-top-left); grid.children().last().addClass(rs-bottom-right); grid.children().eq(rows - 1).addClass(rs-bottom-left); grid.children().eq(-rows).addClass(rs-top-right); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: rotate( + ro + deg) translateX( + tx + px) translateY( + ty + px) scale( + sc + ) }); }, 1); jQuery(next_image_class).css(opacity, 1); /* After transition.*/ jQuery(last_gridlet).one(webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend, jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(current_image_class).css({opacity: 0, z-index: 1}); jQuery(next_image_class).css({opacity: 1, z-index: 2}); cur_img.css(opacity, 1); grid.remove(); huge_it_trans_in_progress_6 = false; if (typeof event_stack_6 !== undefined && event_stack_6.length > 0) { key = event_stack_6[0].split(-); event_stack_6.shift(); huge_it_change_image_6(key[0], key[1], data_6, true, false); } } } function huge_it_sliceH_6(current_image_class, next_image_class, direction) { if (direction == right) { var translateX = min-auto; } else if (direction == left) { var translateX = auto; } huge_it_grid_6(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_6(current_image_class, next_image_class, direction) { if (direction == right) { var translateY = min-auto; } else if (direction == left) { var translateY = auto; } huge_it_grid_6(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_6(current_image_class, next_image_class, direction) { if (direction == right) { var translateY = auto; } else if (direction == left) { var translateY = min-auto; } huge_it_grid_6(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_6(current_image_class, next_image_class, direction) { if (direction == right) { var translateX = min-auto; } else if (direction == left) { var translateX = auto; } huge_it_grid_6(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_6(current_image_class, next_image_class, direction) { huge_it_grid_6(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_6(current_image_class, next_image_class, direction) { huge_it_grid_6(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_6(current_image_class, next_image_class, direction) { huge_it_grid_6(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_6(current_image_class, next_image_class, direction) { huge_it_grid_6(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_6(current_image_class, next_image_class, direction) { if (direction == right) { var rotate = 45; var translateX = 100; } else if (direction == left) { var rotate = -45; var translateX = -100; } huge_it_grid_6(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_6(current_image_class, next_image_class, direction) { huge_it_grid_6(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_6(current_image_class, next_image_class, direction) { huge_it_grid_6(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_6(current_image_class, next_image_class, direction) { var anims = [sliceH, sliceV, slideH, slideV, scaleOut, scaleIn, blockScale, kaleidoscope, fan, blindH, blindV]; /* Pick a random transition from the anims array.*/ this[huge_it_ + anims[Math.floor(Math.random() * anims.length)] + _6](current_image_class, next_image_class, direction); } function iterator_6() { var iterator = 1; return iterator; } function huge_it_change_image_6(current_key, key, data_6, from_effect, clicked) { if (data_6[key]) { if (video_is_playing_6 && !clicked) { return false; } if (!from_effect) { jQuery(#huge_it_current_image_key_6).val(key); current_key = jQuery(.huge_it_slideshow_dots_active_6).attr(image_key); } if (huge_it_trans_in_progress_6) { event_stack_6.push(current_key + - + key); return; } var direction = right; if (huge_it_current_key_6 > key) { var direction = left; } else if (huge_it_current_key_6 == key) { return false; } huge_it_current_key_6 = key; jQuery(#huge_it_slideshow_image_6).attr(image_id, data_6[key][id]); jQuery(.huge_it_slideshow_title_text_6).html(data_6[key][alt]); jQuery(.huge_it_slideshow_description_text_6).html(data_6[key][description]); var current_image_class = #image_id_6_ + data_6[current_key][id]; var next_image_class = #image_id_6_ + data_6[key][id]; if (jQuery(current_image_class).find(.huge_it_video_frame_6).length > 0) { var streffect = random; if (streffect == cubeV || streffect == cubeH || streffect == none || streffect == fade) { huge_it_random_6(current_image_class, next_image_class, direction); } else { huge_it_fade_6(current_image_class, next_image_class, direction); } } else { huge_it_random_6(current_image_class, next_image_class, direction); } jQuery(.huge_it_slideshow_title_text_6).removeClass(none); if (jQuery(.huge_it_slideshow_title_text_6).html() == ) { jQuery(.huge_it_slideshow_title_text_6).addClass(none); } jQuery(.huge_it_slideshow_description_text_6).removeClass(none); if (jQuery(.huge_it_slideshow_description_text_6).html() == ) { jQuery(.huge_it_slideshow_description_text_6).addClass(none); } jQuery(current_image_class).find(.huge_it_slideshow_title_text_6).addClass(none); jQuery(current_image_class).find(.huge_it_slideshow_description_text_6).addClass(none); //errorlogjQuery(.huge_it_slideshow_image_wrap_6).after(--cur-key=+current_key+ --cur-img-class=+current_image_class+ nxt-img-class=+next_image_class+--); huge_it_move_dots_6(); // stopYoutubeVideo(); window.clearInterval(huge_it_playInterval_6); play_6(); } } function huge_it_popup_resize_6() { var staticslideshowwidth =600; var slideshowwidth =600; var bodyWidth = jQuery(window).width(); var parentWidth = jQuery(.huge_it_slideshow_image_wrap_6).parent().width(); //if responsive js late responsive.js @ take body size and not parent div if (slideshowwidth > parentWidth) { slideshowwidth = parentWidth; } if (slideshowwidth > bodyWidth) { slideshowwidth = bodyWidth; } var str = (375 / staticslideshowwidth); jQuery(.huge_it_slideshow_image_wrap_6).css({width: (slideshowwidth)}); jQuery(.huge_it_slideshow_image_wrap_6).css({height: ((slideshowwidth) * str)}); jQuery(.huge_it_slideshow_image_container_6).css({width: (slideshowwidth)}); jQuery(.huge_it_slideshow_image_container_6).css({height: ((slideshowwidth) * str)}); if (top == middle) { var titlemargintopminus = jQuery(.huge_it_slideshow_title_text_6).outerHeight() / 2; } if (right == center) { var titlemarginleftminus = jQuery(.huge_it_slideshow_title_text_6).outerWidth() / 2; } jQuery(.huge_it_slideshow_title_text_6).css({cssText: margin-top:- + titlemargintopminus + px; margin-left:- + titlemarginleftminus + px;}); if (bottom == middle) { var descriptionmargintopminus = jQuery(.huge_it_slideshow_description_text_6).outerHeight() / 2; } if (right == center) { var descriptionmarginleftminus = jQuery(.huge_it_slideshow_description_text_6).outerWidth() / 2; } jQuery(.huge_it_slideshow_description_text_6).css({cssText: margin-top:- + descriptionmargintopminus + px; margin-left:- + descriptionmarginleftminus + px;}); if (resize == resize) { jQuery(.huge_it_slideshow_image_6, .huge_it_slideshow_image_item1_6 img, .huge_it_slideshow_image_container_6 img).css({ cssText: width: + slideshowwidth + px; height: + ((slideshowwidth) * str) + px; }); } else { jQuery(.huge_it_slideshow_image_6,.huge_it_slideshow_image_item1_6,.huge_it_slideshow_image_item2_6).css({ cssText: max-width: + slideshowwidth + px !important; max-height: + (slideshowwidth * str) + px !important; }); } jQuery(.huge_it_video_frame_6).each(function (e) { jQuery(this).width(slideshowwidth); jQuery(this).height(slideshowwidth * str); }); } jQuery(window).load(function () { jQuery(window).resize(function () { huge_it_popup_resize_6(); }); huge_it_popup_resize_6(); /* Disable right click.*/ jQuery(div[id^=huge_it_container]).bind(contextmenu, function () { return false; }); /*HOVER SLIDESHOW*/ jQuery(#huge_it_slideshow_image_container_6, .huge_it_slideshow_image_container_6, .huge_it_slideshow_dots_container_6,#huge_it_slideshow_right_6,#huge_it_slideshow_left_6).hover(function () { //errorlogjQuery(.huge_it_slideshow_image_wrap_6).after( -- hover -- ); jQuery(#huge_it_slideshow_right_6).css({display: inline}); jQuery(#huge_it_slideshow_left_6).css({display: inline}); }, function () { jQuery(#huge_it_slideshow_right_6).css({display: none}); jQuery(#huge_it_slideshow_left_6).css({display: none}); }); var pausehover = on; if (pausehover == on) { jQuery(#huge_it_slideshow_image_container_6, .huge_it_slideshow_image_container_6, .huge_it_slideshow_dots_container_6,#huge_it_slideshow_right_6,#huge_it_slideshow_left_6).hover(function () { window.clearInterval(huge_it_playInterval_6); }, function () { window.clearInterval(huge_it_playInterval_6); play_6(); }); } play_6(); }); function play_6() { /* Play.*/ //errorlogjQuery(.huge_it_slideshow_image_wrap_6).after( -- paly ---- ); huge_it_playInterval_6 = setInterval(function () { //errorlogjQuery(.huge_it_slideshow_image_wrap_6).after( -- time left ---- ); var iterator = 1; huge_it_change_image_6(parseInt(jQuery(#huge_it_current_image_key_6).val()), (parseInt(jQuery(#huge_it_current_image_key_6).val()) + iterator) % data_6.length, data_6, false, false); }, 5000); } jQuery(window).focus(function () { /*event_stack_6 = [];*/ var i_6 = 0; jQuery(.huge_it_slideshow_6).children(div).each(function () { if (jQuery(this).css(opacity) == 1) { jQuery(#huge_it_current_image_key_6).val(i_6); } i_6++; }); }); jQuery(window).blur(function () { event_stack_6 = []; window.clearInterval(huge_it_playInterval_6); }); .huge_it_slideshow_image_wrap_6 { height:375px; width:600px; position:relative; display: block; text-align: center; /*HEIGHT FROM HEADER.PHP*/ clear:both; float:none; margin:0px auto; border-style:solid; border-left:0px !important; border-right:0px !important; } .huge_it_slideshow_image_wrap_6 * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .huge_it_slideshow_image_6 { /*width:100%;*/ } #huge_it_slideshow_left_6, #huge_it_slideshow_right_6 { cursor: pointer; display:none; display: block; height: 100%; outline: medium none; position: absolute; /*z-index: 10130;*/ z-index: 13; bottom:25px; top:50%; } #huge_it_slideshow_left-ico_6, #huge_it_slideshow_right-ico_6 { z-index: 13; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; display: table; left: -9999px; line-height: 0; margin-top: -15px; position: absolute; top: 50%; /*z-index: 10135;*/ } #huge_it_slideshow_left-ico_6:hover, #huge_it_slideshow_right-ico_6:hover { cursor: pointer; } .huge_it_slideshow_image_container_6 { display: table; position: relative; top:0px; left:0px; text-align: center; vertical-align: middle; width:100%; } .huge_it_slideshow_title_text_6 { text-decoration: none; position: absolute; z-index: 11; display: inline-block; width:24%; /*height:44%;*/ right:3%;top:3%; padding:2%; text-align:right; font-weight:bold; color:#000000; background:rgba(255,255,255,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:4px; } .huge_it_slideshow_description_text_6 { text-decoration: none; position: absolute; z-index: 11; border-style:solid; display: inline-block; width:64%; /*height:44%;*/ right:3%;bottom:3%; padding:3%; text-align:justify; color:#ffffff; background:rgba(0,0,0,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_title_text_6.none, .huge_it_slideshow_description_text_6.none, .huge_it_slideshow_title_text_6.hidden, .huge_it_slideshow_description_text_6.hidden {display:none;} .huge_it_slideshow_title_text_6 h1, .huge_it_slideshow_description_text_6 h1, .huge_it_slideshow_title_text_6 h2, .huge_it_slideshow_title_text_6 h2, .huge_it_slideshow_title_text_6 h3, .huge_it_slideshow_title_text_6 h3, .huge_it_slideshow_title_text_6 h4, .huge_it_slideshow_title_text_6 h4, .huge_it_slideshow_title_text_6 p, .huge_it_slideshow_title_text_6 p, .huge_it_slideshow_title_text_6 strong, .huge_it_slideshow_title_text_6 strong, .huge_it_slideshow_title_text_6 span, .huge_it_slideshow_title_text_6 span, .huge_it_slideshow_title_text_6 ul, .huge_it_slideshow_title_text_6 ul, .huge_it_slideshow_title_text_6 li, .huge_it_slideshow_title_text_6 li { padding:2px; margin:0px; } .huge_it_slide_container_6 { display: table-cell; margin: 0 auto; position: relative; vertical-align: middle; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slide_bg_6 { margin: 0 auto; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slideshow_6 { width:100%; height:100%; display:table; padding:0px; margin:0px; } .huge_it_slideshow_image_item_6 { width:100%; height:100%; width: inherit; height: inherit; display: table-cell; filter: Alpha(opacity=100); opacity: 1; position: absolute; top:0px; left:0px; vertical-align: middle; z-index: 2; margin:0px !important; padding:0px; overflow:hidden; border-radius: 0px !important; } .huge_it_slideshow_image_second_item_6 { width:100%; height:100%; _width: inherit; _height: inherit; display: table-cell; filter: Alpha(opacity=0); opacity: 0; position: absolute; top:0px; left:0px; vertical-align: middle; z-index: 1; overflow:hidden; margin:0px !important; padding:0px; border-radius: 0px !important; } .huge_it_grid_6 { display: none; height: 100%; overflow: hidden; position: absolute; width: 100%; } .huge_it_gridlet_6 { opacity: 1; filter: Alpha(opacity=100); position: absolute; } .huge_it_slideshow_dots_container_6 { display: table; position: absolute; width:100% !important; height:100% !important; } .huge_it_slideshow_dots_thumbnails_6 { margin: 0 auto; overflow: hidden; position: absolute; width:100%; height:30px; } .huge_it_slideshow_dots_6 { display: inline-block; position: relative; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); width:10px; height: 10px; border-radius: 10px; background: #00f; margin: 10px; overflow: hidden; z-index: 17; } .huge_it_slideshow_dots_active_6 { opacity: 1; background:#0f0; filter: Alpha(opacity=100); } .huge_it_slideshow_dots_deactive_6 { } .huge_it_slideshow_image_item1_6 { display: table; width: inherit; height: inherit; } .huge_it_slideshow_image_item2_6 { display: table-cell; vertical-align: middle; text-align: center; } .huge_it_slideshow_image_item2_6 a { display:block; vertical-align:middle; width:100%; height:100%; } .huge_it_slideshow_image_wrap_6 { background:#ffffff; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_dots_thumbnails_6 { top:0px; } .huge_it_slideshow_dots_6 { background:#000000; } .huge_it_slideshow_dots_active_6 { background:#ffffff; } #huge_it_slideshow_left_6 { left:0px; margin-top:-21px; height:43px; width:29px; background:url(https://www.pa-amuntai.go.id/media/com_slideshow/images/Front_images/arrows/arrows.simple.png) left top no-repeat; } #huge_it_slideshow_right_6 { right:0px; margin-top:-21px; height:43px; width:29px; background:url(https://www.pa-amuntai.go.id/media/com_slideshow/images/Front_images/arrows/arrows.simple.png) right top no-repeat; } var data_30 = []; var event_stack_30 = []; video_is_playing_30 = false; data_30[0]=[];data_30[0][id]=0;data_30[0][image_url]=images/8nilai.jpg;data_30[0][description]=;data_30[0][alt]=;data_30[1]=[];data_30[1][id]=1;data_30[1][image_url]=images/twibon_vaksin.jpg;data_30[1][description]=;data_30[1][alt]=;data_30[2]=[];data_30[2][id]=2;data_30[2][image_url]=images/1.jpg;data_30[2][description]=;data_30[2][alt]=;data_30[3]=[];data_30[3][id]=3;data_30[3][image_url]=images/tiwibon.jpg;data_30[3][description]=;data_30[3][alt]=;data_30[4]=[];data_30[4][id]=4;data_30[4][image_url]=images/Aexcellent.jpg;data_30[4][description]=;data_30[4][alt]=;data_30[5]=[];data_30[5][id]=5;data_30[5][image_url]=images/prosedurb.jpg;data_30[5][description]=;data_30[5][alt]=;data_30[6]=[];data_30[6][id]=6;data_30[6][image_url]=images/perolehan.jpg;data_30[6][description]=;data_30[6][alt]=;data_30[7]=[];data_30[7][id]=7;data_30[7][image_url]=images/prosedurkhusus.jpg;data_30[7][description]=;data_30[7][alt]=;data_30[8]=[];data_30[8][id]=8;data_30[8][image_url]=http://pa-amuntai.go.id/images/nilao.jpg;data_30[8][description]=;data_30[8][alt]=;data_30[9]=[];data_30[9][id]=9;data_30[9][image_url]=images/file_attach/stiker_kecil.jpg;data_30[9][description]=;data_30[9][alt]=;data_30[10]=[];data_30[10][id]=10;data_30[10][image_url]=images/file_attach/public_campaign1.jpg;data_30[10][description]=;data_30[10][alt]=;data_30[11]=[];data_30[11][id]=11;data_30[11][image_url]=images/file_attach/icon_ecourt.png;data_30[11][description]=;data_30[11][alt]=; var huge_it_trans_in_progress_30 = false; var huge_it_transition_duration_30 = 1000; var huge_it_playInterval_30; // Stop autoplay. window.clearInterval(huge_it_playInterval_30); var huge_it_current_key_30 = ; function huge_it_move_dots_30() { var image_left = jQuery(.huge_it_slideshow_dots_active_30).position().left; var image_right = jQuery(.huge_it_slideshow_dots_active_30).position().left + jQuery(.huge_it_slideshow_dots_active_30).outerWidth(true); } function huge_it_testBrowser_cssTransitions_30() { return huge_it_testDom_30(Transition); } function huge_it_testBrowser_cssTransforms3d_30() { return huge_it_testDom_30(Perspective); } function huge_it_testDom_30(prop) { // Browser vendor CSS prefixes. var browserVendors = [, -webkit-, -moz-, -ms-, -o-, -khtml-]; // Browser vendor DOM prefixes. var domPrefixes = [, Webkit, Moz, ms, O, Khtml]; var i = domPrefixes.length; while (i--) { if (typeof document.body.style[domPrefixes[i] + prop] !== undefined) { return true; } } return false; } function huge_it_cube_30(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_30()) { jQuery(.huge_it_slideshow_dots_30).removeClass(huge_it_slideshow_dots_active_30).addClass(huge_it_slideshow_dots_deactive_30); jQuery(#huge_it_dots_ + huge_it_current_key_30 + _30).removeClass(huge_it_slideshow_dots_deactive_30).addClass(huge_it_slideshow_dots_active_30); return huge_it_fallback_30(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_30()) { return huge_it_fallback3d_30(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_30 = true; /* Set active thumbnail.*/ jQuery(.huge_it_slideshow_dots_30).removeClass(huge_it_slideshow_dots_active_30).addClass(huge_it_slideshow_dots_deactive_30); jQuery(#huge_it_dots_ + huge_it_current_key_30 + _30).removeClass(huge_it_slideshow_dots_deactive_30).addClass(huge_it_slideshow_dots_active_30); jQuery(.huge_it_slide_bg_30).css(perspective, 1000); jQuery(current_image_class).css({ transform: translateZ( + tz + px), backfaceVisibility: hidden }); jQuery(.huge_it_slideshow_image_wrap_30,.huge_it_slide_bg_30,.huge_it_slideshow_image_item_30,.huge_it_slideshow_image_second_item_30 ).css(overflow, visible); jQuery(next_image_class).css({ opacity: 1, filter: Alpha(opacity=100), backfaceVisibility: hidden, transform: translateY( + nty + px) translateX( + ntx + px) rotateY( + nry + deg) rotateX( + nrx + deg) }); jQuery(.huge_it_slider_30).css({ transform: translateZ(- + tz + px), transformStyle: preserve-3d }); /* Execution steps.*/ setTimeout(function () { jQuery(.huge_it_slider_30).css({ transition: all + huge_it_transition_duration_30 + ms ease-in-out, transform: translateZ(- + tz + px) rotateX( + wrx + deg) rotateY( + wry + deg) }); }, 20); /* After transition.*/ jQuery(.huge_it_slider_30).one(webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend, jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { /*if (huge_it_from_focus_30) { huge_it_from_focus_30 = false; return; }*/ jQuery(.huge_it_slide_bg_30,.huge_it_slideshow_image_item_30,.huge_it_slideshow_image_second_item_30 ).css(overflow, hidden); jQuery(.huge_it_slide_bg_30).removeAttr(style); jQuery(current_image_class).removeAttr(style); jQuery(next_image_class).removeAttr(style); jQuery(.huge_it_slider_30).removeAttr(style); jQuery(current_image_class).css({opacity: 0, filter: Alpha(opacity=0), z-index: 1}); jQuery(next_image_class).css({opacity: 1, filter: Alpha(opacity=100), z-index: 2}); // huge_it_change_watermark_container_30(); huge_it_trans_in_progress_30 = false; if (typeof event_stack_30 !== undefined && event_stack_30.length > 0) { key = event_stack_30[0].split(-); event_stack_30.shift(); huge_it_change_image_30(key[0], key[1], data_30, true, false); } } } function huge_it_cubeH_30(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == right) { huge_it_cube_30(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == left) { huge_it_cube_30(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_30(current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == right) { huge_it_cube_30(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == left) { huge_it_cube_30(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction); } } /* For browsers that does not support transitions.*/ function huge_it_fallback_30(current_image_class, next_image_class, direction) { huge_it_fade_30(current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function huge_it_fallback3d_30(current_image_class, next_image_class, direction) { huge_it_sliceV_30(current_image_class, next_image_class, direction); } function huge_it_none_30(current_image_class, next_image_class, direction) { jQuery(current_image_class).css({opacity: 0, z-index: 1}); jQuery(next_image_class).css({opacity: 1, z-index: 2}); /* Set active thumbnail.*/ jQuery(.huge_it_slideshow_dots_30).removeClass(huge_it_slideshow_dots_active_30).addClass(huge_it_slideshow_dots_deactive_30); jQuery(#huge_it_dots_ + huge_it_current_key_30 + _30).removeClass(huge_it_slideshow_dots_deactive_30).addClass(huge_it_slideshow_dots_active_30); } function huge_it_fade_30(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_30()) { jQuery(next_image_class).css(transition, opacity + huge_it_transition_duration_30 + ms linear); jQuery(current_image_class).css(transition, opacity + huge_it_transition_duration_30 + ms linear); jQuery(current_image_class).css({opacity: 0, z-index: 1}); jQuery(next_image_class).css({opacity: 1, z-index: 2}); } else { jQuery(current_image_class).animate({opacity: 0, z-index: 1}, huge_it_transition_duration_30); jQuery(next_image_class).animate({ opacity: 1, z-index: 2 }, { duration: huge_it_transition_duration_30, complete: function () { return false; } }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_30, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_30, 1); } jQuery(.huge_it_slideshow_dots_30).removeClass(huge_it_slideshow_dots_active_30).addClass(huge_it_slideshow_dots_deactive_30); jQuery(#huge_it_dots_ + huge_it_current_key_30 + _30).removeClass(huge_it_slideshow_dots_deactive_30).addClass(huge_it_slideshow_dots_active_30); } function huge_it_grid_30(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) { /* If browser does not support CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_30()) { jQuery(.huge_it_slideshow_dots_30).removeClass(huge_it_slideshow_dots_active_30).addClass(huge_it_slideshow_dots_deactive_30); jQuery(#huge_it_dots_ + huge_it_current_key_30 + _30).removeClass(huge_it_slideshow_dots_deactive_30).addClass(huge_it_slideshow_dots_active_30); return huge_it_fallback_30(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_30 = true; /* Set active thumbnail.*/ jQuery(.huge_it_slideshow_dots_30).removeClass(huge_it_slideshow_dots_active_30).addClass(huge_it_slideshow_dots_deactive_30); jQuery(#huge_it_dots_ + huge_it_current_key_30 + _30).removeClass(huge_it_slideshow_dots_deactive_30).addClass(huge_it_slideshow_dots_active_30); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_30) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ return jQuery().css({ width: width, height: height, top: top, left: left, backgroundImage: url( + src + ), backgroundColor: jQuery(.huge_it_slideshow_image_wrap_30).css(background-color), /*backgroundColor: rgba(0, 0, 0, 0),*/ backgroundRepeat: no-repeat, backgroundPosition: img_left + px + img_top + px, backgroundSize: imgWidth + px + imgHeight + px, transition: all + huge_it_transition_duration_30 + ms ease-in-out + delay + ms, transform: none }); } /* Get the current slides image.*/ var cur_img = jQuery(current_image_class).find(img); /* Create a grid to hold the gridlets.*/ var grid = jQuery().addClass(huge_it_grid_30); /* Prepend the grid to the next slide (i.e. so its above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(.huge_it_slide_bg_30); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.attr(src), /*.replace(/thumb, ),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(.huge_it_slide_bg_30).width() - cur_img.width()) / 2; /* tx/ty args can be passed as auto/min-auto (meaning use slide width/height or negative slide width/height).*/ tx = tx === auto ? contWidth : tx; tx = tx === min-auto ? -contWidth : tx; ty = ty === auto ? contHeight : ty; ty = ty === min-auto ? -contHeight : ty; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(.huge_it_slide_bg_30).height() - cur_img.height()) / 2, newColWidth = colWidth; if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Set event listener on last gridlet to finish transitioning.*/ var last_gridlet = grid.children().last(); /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css(opacity, 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass(rs-top-left); grid.children().last().addClass(rs-bottom-right); grid.children().eq(rows - 1).addClass(rs-bottom-left); grid.children().eq(-rows).addClass(rs-top-right); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: rotate( + ro + deg) translateX( + tx + px) translateY( + ty + px) scale( + sc + ) }); }, 1); jQuery(next_image_class).css(opacity, 1); /* After transition.*/ jQuery(last_gridlet).one(webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend, jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(current_image_class).css({opacity: 0, z-index: 1}); jQuery(next_image_class).css({opacity: 1, z-index: 2}); cur_img.css(opacity, 1); grid.remove(); huge_it_trans_in_progress_30 = false; if (typeof event_stack_30 !== undefined && event_stack_30.length > 0) { key = event_stack_30[0].split(-); event_stack_30.shift(); huge_it_change_image_30(key[0], key[1], data_30, true, false); } } } function huge_it_sliceH_30(current_image_class, next_image_class, direction) { if (direction == right) { var translateX = min-auto; } else if (direction == left) { var translateX = auto; } huge_it_grid_30(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_30(current_image_class, next_image_class, direction) { if (direction == right) { var translateY = min-auto; } else if (direction == left) { var translateY = auto; } huge_it_grid_30(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_30(current_image_class, next_image_class, direction) { if (direction == right) { var translateY = auto; } else if (direction == left) { var translateY = min-auto; } huge_it_grid_30(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_30(current_image_class, next_image_class, direction) { if (direction == right) { var translateX = min-auto; } else if (direction == left) { var translateX = auto; } huge_it_grid_30(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_30(current_image_class, next_image_class, direction) { huge_it_grid_30(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_30(current_image_class, next_image_class, direction) { huge_it_grid_30(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_30(current_image_class, next_image_class, direction) { huge_it_grid_30(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_30(current_image_class, next_image_class, direction) { huge_it_grid_30(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_30(current_image_class, next_image_class, direction) { if (direction == right) { var rotate = 45; var translateX = 100; } else if (direction == left) { var rotate = -45; var translateX = -100; } huge_it_grid_30(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_30(current_image_class, next_image_class, direction) { huge_it_grid_30(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_30(current_image_class, next_image_class, direction) { huge_it_grid_30(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_30(current_image_class, next_image_class, direction) { var anims = [sliceH, sliceV, slideH, slideV, scaleOut, scaleIn, blockScale, kaleidoscope, fan, blindH, blindV]; /* Pick a random transition from the anims array.*/ this[huge_it_ + anims[Math.floor(Math.random() * anims.length)] + _30](current_image_class, next_image_class, direction); } function iterator_30() { var iterator = 1; return iterator; } function huge_it_change_image_30(current_key, key, data_30, from_effect, clicked) { if (data_30[key]) { if (video_is_playing_30 && !clicked) { return false; } if (!from_effect) { jQuery(#huge_it_current_image_key_30).val(key); current_key = jQuery(.huge_it_slideshow_dots_active_30).attr(image_key); } if (huge_it_trans_in_progress_30) { event_stack_30.push(current_key + - + key); return; } var direction = right; if (huge_it_current_key_30 > key) { var direction = left; } else if (huge_it_current_key_30 == key) { return false; } huge_it_current_key_30 = key; jQuery(#huge_it_slideshow_image_30).attr(image_id, data_30[key][id]); jQuery(.huge_it_slideshow_title_text_30).html(data_30[key][alt]); jQuery(.huge_it_slideshow_description_text_30).html(data_30[key][description]); var current_image_class = #image_id_30_ + data_30[current_key][id]; var next_image_class = #image_id_30_ + data_30[key][id]; if (jQuery(current_image_class).find(.huge_it_video_frame_30).length > 0) { var streffect = random; if (streffect == cubeV || streffect == cubeH || streffect == none || streffect == fade) { huge_it_random_30(current_image_class, next_image_class, direction); } else { huge_it_fade_30(current_image_class, next_image_class, direction); } } else { huge_it_random_30(current_image_class, next_image_class, direction); } jQuery(.huge_it_slideshow_title_text_30).removeClass(none); if (jQuery(.huge_it_slideshow_title_text_30).html() == ) { jQuery(.huge_it_slideshow_title_text_30).addClass(none); } jQuery(.huge_it_slideshow_description_text_30).removeClass(none); if (jQuery(.huge_it_slideshow_description_text_30).html() == ) { jQuery(.huge_it_slideshow_description_text_30).addClass(none); } jQuery(current_image_class).find(.huge_it_slideshow_title_text_30).addClass(none); jQuery(current_image_class).find(.huge_it_slideshow_description_text_30).addClass(none); //errorlogjQuery(.huge_it_slideshow_image_wrap_30).after(--cur-key=+current_key+ --cur-img-class=+current_image_class+ nxt-img-class=+next_image_class+--); huge_it_move_dots_30(); // stopYoutubeVideo(); window.clearInterval(huge_it_playInterval_30); play_30(); } } function huge_it_popup_resize_30() { var staticsliderwidth =600; var sliderwidth =600; var bodyWidth = jQuery(window).width(); var parentWidth = jQuery(.huge_it_slideshow_image_wrap_30).parent().width(); //if responsive js late responsive.js @ take body size and not parent div if (sliderwidth > parentWidth) { sliderwidth = parentWidth; } if (sliderwidth > bodyWidth) { sliderwidth = bodyWidth; } var str = (375 / staticsliderwidth); jQuery(.huge_it_slideshow_image_wrap_30).css({width: (sliderwidth)}); jQuery(.huge_it_slideshow_image_wrap_30).css({height: ((sliderwidth) * str)}); jQuery(.huge_it_slideshow_image_container_30).css({width: (sliderwidth)}); jQuery(.huge_it_slideshow_image_container_30).css({height: ((sliderwidth) * str)}); if (top == middle) { var titlemargintopminus = jQuery(.huge_it_slideshow_title_text_30).outerHeight() / 2; } if (right == center) { var titlemarginleftminus = jQuery(.huge_it_slideshow_title_text_30).outerWidth() / 2; } jQuery(.huge_it_slideshow_title_text_30).css({cssText: margin-top:- + titlemargintopminus + px; margin-left:- + titlemarginleftminus + px;}); if (bottom == middle) { var descriptionmargintopminus = jQuery(.huge_it_slideshow_description_text_30).outerHeight() / 2; } if (right == center) { var descriptionmarginleftminus = jQuery(.huge_it_slideshow_description_text_30).outerWidth() / 2; } jQuery(.huge_it_slideshow_description_text_30).css({cssText: margin-top:- + descriptionmargintopminus + px; margin-left:- + descriptionmarginleftminus + px;}); if (resize == resize) { jQuery(.huge_it_slideshow_image_30, .huge_it_slideshow_image_item1_30 img, .huge_it_slideshow_image_container_30 img).css({ cssText: width: + sliderwidth + px; height: + ((sliderwidth) * str) + px; }); } else { jQuery(.huge_it_slideshow_image_30,.huge_it_slideshow_image_item1_30,.huge_it_slideshow_image_item2_30).css({ cssText: max-width: + sliderwidth + px !important; max-height: + (sliderwidth * str) + px !important; }); } jQuery(.huge_it_video_frame_30).each(function (e) { jQuery(this).width(sliderwidth); jQuery(this).height(sliderwidth * str); }); } jQuery(window).load(function () { jQuery(window).resize(function () { huge_it_popup_resize_30(); }); huge_it_popup_resize_30(); /* Disable right click.*/ jQuery(div[id^=huge_it_container]).bind(contextmenu, function () { return false; }); /*HOVER SLIDESHOW*/ jQuery(#huge_it_slideshow_image_container_30, .huge_it_slideshow_image_container_30, .huge_it_slideshow_dots_container_30,#huge_it_slideshow_right_30,#huge_it_slideshow_left_30).hover(function () { //errorlogjQuery(.huge_it_slideshow_image_wrap_30).after( -- hover -- ); jQuery(#huge_it_slideshow_right_30).css({display: inline}); jQuery(#huge_it_slideshow_left_30).css({display: inline}); }, function () { jQuery(#huge_it_slideshow_right_30).css({display: none}); jQuery(#huge_it_slideshow_left_30).css({display: none}); }); var pausehover = on; if (pausehover == on) { jQuery(#huge_it_slideshow_image_container_30, .huge_it_slideshow_image_container_30, .huge_it_slideshow_dots_container_30,#huge_it_slideshow_right_30,#huge_it_slideshow_left_30).hover(function () { window.clearInterval(huge_it_playInterval_30); }, function () { window.clearInterval(huge_it_playInterval_30); play_30(); }); } play_30(); }); function play_30() { /* Play.*/ //errorlogjQuery(.huge_it_slideshow_image_wrap_30).after( -- paly ---- ); huge_it_playInterval_30 = setInterval(function () { //errorlogjQuery(.huge_it_slideshow_image_wrap_30).after( -- time left ---- ); var iterator = 1; huge_it_change_image_30(parseInt(jQuery(#huge_it_current_image_key_30).val()), (parseInt(jQuery(#huge_it_current_image_key_30).val()) + iterator) % data_30.length, data_30, false, false); }, 5000); } jQuery(window).focus(function () { /*event_stack_30 = [];*/ var i_30 = 0; jQuery(.huge_it_slider_30).children(div).each(function () { if (jQuery(this).css(opacity) == 1) { jQuery(#huge_it_current_image_key_30).val(i_30); } i_30++; }); }); jQuery(window).blur(function () { event_stack_30 = []; window.clearInterval(huge_it_playInterval_30); }); .huge_it_slideshow_image_wrap_30 { height:375px; width:600px; position:relative; display: block; text-align: center; /*HEIGHT FROM HEADER.PHP*/ clear:both; float:none; margin:0px auto; border-style:solid; border-left:0px !important; border-right:0px !important; } .huge_it_slideshow_image_wrap_30 * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .huge_it_slideshow_image_30 { /*width:100%;*/ } #huge_it_slideshow_left_30, #huge_it_slideshow_right_30 { cursor: pointer; display:none; display: block; height: 100%; outline: medium none; position: absolute; /*z-index: 10130;*/ z-index: 13; bottom:25px; top:50%; } #huge_it_slideshow_left-ico_30, #huge_it_slideshow_right-ico_30 { z-index: 13; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; display: table; left: -9999px; line-height: 0; margin-top: -15px; position: absolute; top: 50%; /*z-index: 10135;*/ } #huge_it_slideshow_left-ico_30:hover, #huge_it_slideshow_right-ico_30:hover { cursor: pointer; } .huge_it_slideshow_image_container_30 { display: table; position: relative; top:0px; left:0px; text-align: center; vertical-align: middle; width:100%; } .huge_it_slideshow_title_text_30 { text-decoration: none; position: absolute; z-index: 11; display: inline-block; width:24%; /*height:44%;*/ right:3%;top:3%; padding:2%; text-align:right; font-weight:bold; color:#000000; background:rgba(255,255,255,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:4px; } .huge_it_slideshow_description_text_30 { text-decoration: none; position: absolute; z-index: 11; border-style:solid; display: inline-block; width:64%; /*height:44%;*/ right:3%;bottom:3%; padding:3%; text-align:justify; color:#ffffff; background:rgba(0,0,0,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_title_text_30.none, .huge_it_slideshow_description_text_30.none, .huge_it_slideshow_title_text_30.hidden, .huge_it_slideshow_description_text_30.hidden {display:none;} .huge_it_slideshow_title_text_30 h1, .huge_it_slideshow_description_text_30 h1, .huge_it_slideshow_title_text_30 h2, .huge_it_slideshow_title_text_30 h2, .huge_it_slideshow_title_text_30 h3, .huge_it_slideshow_title_text_30 h3, .huge_it_slideshow_title_text_30 h4, .huge_it_slideshow_title_text_30 h4, .huge_it_slideshow_title_text_30 p, .huge_it_slideshow_title_text_30 p, .huge_it_slideshow_title_text_30 strong, .huge_it_slideshow_title_text_30 strong, .huge_it_slideshow_title_text_30 span, .huge_it_slideshow_title_text_30 span, .huge_it_slideshow_title_text_30 ul, .huge_it_slideshow_title_text_30 ul, .huge_it_slideshow_title_text_30 li, .huge_it_slideshow_title_text_30 li { padding:2px; margin:0px; } .huge_it_slide_container_30 { display: table-cell; margin: 0 auto; position: relative; vertical-align: middle; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slide_bg_30 { margin: 0 auto; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slider_30 { width:100%; height:100%; display:table; padding:0px; margin:0px; } .huge_it_slideshow_image_item_30 { width:100%; height:100%; width: inherit; height: inherit; display: table-cell; filter: Alpha(opacity=100); opacity: 1; position: absolute; top:0px; left:0px; vertical-align: middle; z-index: 2; margin:0px !important; padding:0px; overflow:hidden; border-radius: 0px !important; } .huge_it_slideshow_image_second_item_30 { width:100%; height:100%; _width: inherit; _height: inherit; display: table-cell; filter: Alpha(opacity=0); opacity: 0; position: absolute; top:0px; left:0px; vertical-align: middle; z-index: 1; overflow:hidden; margin:0px !important; padding:0px; border-radius: 0px !important; } .huge_it_grid_30 { display: none; height: 100%; overflow: hidden; position: absolute; width: 100%; } .huge_it_gridlet_30 { opacity: 1; filter: Alpha(opacity=100); position: absolute; } .huge_it_slideshow_dots_container_30 { display: table; position: absolute; width:100% !important; height:100% !important; } .huge_it_slideshow_dots_thumbnails_30 { margin: 0 auto; overflow: hidden; position: absolute; width:100%; height:30px; } .huge_it_slideshow_dots_30 { display: inline-block; position: relative; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); width:10px; height: 10px; border-radius: 10px; background: #00f; margin: 10px; overflow: hidden; z-index: 17; } .huge_it_slideshow_dots_active_30 { opacity: 1; background:#0f0; filter: Alpha(opacity=100); } .huge_it_slideshow_dots_deactive_30 { } .huge_it_slideshow_image_item1_30 { display: table; width: inherit; height: inherit; } .huge_it_slideshow_image_item2_30 { display: table-cell; vertical-align: middle; text-align: center; } .huge_it_slideshow_image_item2_30 a { display:block; vertical-align:middle; width:100%; height:100%; } .huge_it_slideshow_image_wrap_30 { background:#ffffff; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_dots_thumbnails_30 { top:0px; } .huge_it_slideshow_dots_30 { background:#000000; } .huge_it_slideshow_dots_active_30 { background:#ffffff; } #huge_it_slideshow_left_30 { left:0px; margin-top:-21px; height:43px; width:29px; background:url(https://www.pa-amuntai.go.id/media/com_slider/images/Front_images/arrows/arrows.simple.png) left top no-repeat; } #huge_it_slideshow_right_30 { right:0px; margin-top:-21px; height:43px; width:29px; background:url(https://www.pa-amuntai.go.id/media/com_slider/images/Front_images/arrows/arrows.simple.png) right top no-repeat; } 1 / 3 2 / 3 3 / 3 4 / 4 5 / 5 6 / 6 7 / 7 8 / 8 9 / 9 10 / 10 11 / 11 12 / 12 13 / 13 14 / 14 15 / 15 16 / 16 ❮ ❯ .slideshow-container { max-width: 500px; /* Ukuran maksimal kontainer slideshow */ position: relative; margin: auto; } .mySlides { display: none; } .mySlides img { width: 100%; /* Pastikan gambar sesuai dengan ukuran kontainer */ } .fade { animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } let slideIndex = 1; showSlides(slideIndex); let slideInterval = setInterval(() => plusSlides(1), 3000); // Ganti slide setiap 3 detik function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { let i; let slides = document.getElementsByClassName(mySlides); let dots = document.getElementsByClassName(dot); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length } for (i = 0; i Prosedur Permohonan Informasi Prosedur Bantuan Hukum Prosedur Pengaduan Syarat-syarat Berperkara Bagaimana Cara Mendapatkan Pelayanan Informasi peradilan? Ketua Mahkamah Agung RI pada tanggal 5 Januari 2011 telah menerbitkan Surat Keputusan Ketua Mahkamah Agung RI Nomor 1-144/KMA/SK/I/2011 tentang Pedoman Pelayanan Informasi di Pengadilan. Selanjutnya Bantuan Hukum Untuk Masyarakat Tidak Mampu Sebagaimana Peraturan Mahkamah Agung RI Nomor 1 Tahun 2014 Tentang Pedoman Pemberian Layanan Hukum Bagi Masyarakat Tidak Mampu di Pengadilan, Pengadilan Agama Se Kalimantan Selatan memberikan layanan hukum bagi masyarakat tidak mampu yang meliputi Layanan Pembebasan Biaya Perkara, Sidang di Luar Gedung Pengadilan, dan Pos Bantuan Hukum (Posbakum). Lebih Lanjut Pengaduan Masyarakat Pengaduan merupakan suatu bentuk komunikasi yang dilakukan oleh pihak yang bersangkutan untuk memperoleh informasi atau bantuan dari pihak yang bersangkutan. Pengaduan dapat dilakukan oleh pihak yang bersangkutan melalui telepon, email, surat, maupun melalui media online. Lebih Lanjut Syarat-syarat Berperkara Syarat-syarat berperkara di Pengadilan Agama bervariasi tergantung jenis perkara yang diajukan. Syarat-syarat berperkara yang umum digunakan antara lain sebagai berikut: Lebih Lanjut Pelayanan Prima, Putusan Berkualitas PA Amuntai MANTAP | MODERN, AMANAH,NYAMAN, TRANSPARAN, AKUNTABEL DAN PROFESIONAL Pencarian 6 AREA ZONA INTEGRITAS Media Sosial .bar.blockheader { background-color: #f8f9fa; padding: 10px; border-bottom: 2px solid #dee2e6; } .bar.blockheader h3 { margin: 0; font-size: 1.5em; color: #343a40; } #accordion { margin-top: 20px; } #accordion h2 { background-color: #d7dde4; color: #0e1011ad; /* Changed from white to a light gray */ padding: 10px; cursor: pointer; margin: 0; border: 1px solid #e0e2e4; } #accordion h2.current { background-color: #d7dce0; } .pane { padding: 10px; border: 1px solid #e2e5e9; border-top: none; display: none; } .pane p { margin: 0; } .csbutton-color { background-color: #28a745; color: #1967b6; /* Changed from white to a light gray */ padding: 5px 10px; text-decoration: none; border-radius: 5px; } .csbutton-color:hover { background-color: #218838; } Informasi Cepat Direktori Putusan Mahkamah Agung Penelusuran Putusan Perkara PA Amuntaii Kunjungi Bantuan Hukum Informasi bantuan hukum untuk pencari keadilan Kunjungi Informasi Pendaftaran Perkara Unduh formulir pengajuan perkara. Kunjungi Statistik Pengadilan Data Perkara dan Putusan Pengadilan. Kunjungi Pengaduan Pelayanan Pengadilan Prosedur Pengaduan Pelayanan Pengadilan. Kunjungi WEBSITE TERKAIT MAHKAMAH AGUNG BADILAG KEPANITERAAN MA-RI BAWAS MA-RI LITBANGDIKLATKUMDIL MA-RI PTA KALIMANTAN SELATAN PEMDA HULU SUNGAI UTARA WEBSITE PA SE KALSEL PA BANJARMASIN PA AMUNTAI PA MARTAPURA PA NEGARA PA BANJARBARU PA TANJUNG PA RANTAU PA PELAIHARI PA KANDANGAN PA KOTABARU PA MARABAHAN PA BATULICIN PA BARABAI 5325255 Hari iniMinggu iniBulan iniJumlah 9111974503654095325255 Online (15 minutes ago):85 Kegiatan Pengadilan Agenda Kegiatan – Agustus 2025 :root { --brand: #046354; --brand-2: #0bbf7a; --ink: #0f172a; --muted: #475569; --bg: #f5f6fa; --card: #ffffff; --ring: rgba(4, 99, 84, 0.25); --radius: 14px; --shadow: 0 10px 30px rgba(2, 6, 23, 0.08); } * { box-sizing: border-box; } html, body { height: 100%; } body { margin: 0; font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Helvetica Neue, sans-serif; background: radial-gradient(800px 300px at 100% -10%, rgba(11, 191, 122, 0.10), transparent 70%), radial-gradient(900px 350px at -15% 0%, rgba(4, 99, 84, 0.08), transparent 70%), var(--bg); color: var(--ink); } .event-container { background: var(--card); border-radius: var(--radius); max-width: 520px; margin: 28px auto; border: 1px solid rgba(4, 99, 84, 0.08); box-shadow: var(--shadow); overflow: hidden; } /* Header */ .event-header { background: linear-gradient(180deg, #ffffff, #f3fbf8); color: var(--brand); padding: 16px 16px 14px; border-bottom: 1px solid rgba(4, 99, 84, 0.12); display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 10px; } .event-header .icon { display: inline-flex; width: 40px; height: 40px; border-radius: 10px; align-items: center; justify-content: center; background: rgba(11, 191, 122, 0.12); } .event-header h1 { margin: 0; font-weight: 700; font-size: clamp(16px, 2.6vw, 18px); text-transform: uppercase; letter-spacing: .08em; } .event-header .month { margin: 0; color: var(--muted); font-weight: 500; font-size: 12px; letter-spacing: .04em; } /* Controls */ .controls { display: inline-flex; align-items: center; gap: 8px; } .chip { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(4, 99, 84, 0.18); border-radius: 999px; padding: 6px 10px; font-size: 12px; color: var(--brand); background: #fff; box-shadow: 0 2px 8px rgba(4,99,84,.06); } .chip button { border: 0; background: #f0faf6; color: var(--brand); width: 24px; height: 24px; border-radius: 999px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; } .chip button:hover { filter: brightness(0.95); } .toggle { border: 0; background: linear-gradient(45deg, var(--brand), var(--brand-2)); color: #fff; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 20px rgba(4,99,84,.25); } .toggle[aria-pressed=true] { filter: saturate(0.9) brightness(0.95); } /* Scrollable */ .scrollable { max-height: 420px; overflow: auto; background: #ffffff; position: relative; } /* fade masks */ .scrollable::before, .scrollable::after { content: ; position: sticky; left: 0; right: 0; height: 24px; z-index: 2; pointer-events: none; display: block; } .scrollable::before { top: 0; background: linear-gradient(#fff, rgba(255,255,255,0)); } .scrollable::after { bottom: 0; background: linear-gradient(rgba(255,255,255,0), #fff); } /* Timeline */ .timeline { position: relative; padding: 6px 0; } .timeline::before { content: ; position: absolute; top: 0; bottom: 0; left: 90px; width: 2px; background: #e6f3ef; } .event { position: relative; display: grid; grid-template-columns: 90px 1fr; gap: 14px; padding: 14px 16px 14px 16px; border-bottom: 1px solid #eef3f2; } .event:last-child { border-bottom: 0; } .event:hover { background: #f7fbf9; } .datebox { display: grid; place-items: center; align-content: center; background: #e8f5f1; color: var(--brand); width: 68px; border-radius: 10px; padding: 8px 6px; margin-left: 10px; box-shadow: inset 0 -1px 0 rgba(4, 99, 84, 0.08); } .day { font-size: 22px; font-weight: 700; line-height: 1; } .mon { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin-top: 2px; } .dot { position: absolute; left: 90px; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 3px solid var(--brand); box-shadow: 0 0 0 4px rgba(4,99,84,.08); } .content { min-width: 0; } .title { display: flex; align-items: baseline; gap: 8px; margin: 2px 0 6px; color: var(--brand); font-size: 15px; font-weight: 600; letter-spacing: .2px; } .title i { color: var(--brand-2); font-size: 1em; } .desc { color: #344054; font-size: 13px; line-height: 1.6; margin: 0; } .meta { margin-top: 6px; font-size: 12px; color: var(--muted); } /* Scrollbar */ .scrollable::-webkit-scrollbar { width: 8px; } .scrollable::-webkit-scrollbar-track { background: #f0f3f2; border-radius: 8px; } .scrollable::-webkit-scrollbar-thumb { background: #b2dfdb; border-radius: 8px; } .scrollable::-webkit-scrollbar-thumb:hover { background: var(--brand); } /* Responsive */ @media (max-width: 600px) { .event-container { max-width: 96vw; margin: 12px auto; } .timeline::before, .dot { left: 78px; } .event { grid-template-columns: 78px 1fr; } .datebox { width: 58px; } .title { font-size: 14px; } .desc { font-size: 12px; } } /* Focus ring */ .event-container :focus-visible { outline: 3px solid var(--ring); outline-offset: 2px; border-radius: 10px; } Agenda Kegiatan Agustus 2025 Auto‑scroll – 1× + 01 AGU Sosialisasi Penerbitan Salinan Putusan dan Akta Cerai Secara Elektronik Sosialisasi internal mengenai mekanisme penerbitan salinan putusan dan akta cerai berbasis elektronik. 01 AGU Sekretaris PA Amuntai Kelas IB, Bapak Salmani, S.Ag. Menghadiri Upacara Peringatan Hari Ulang Tahun Bhayangkara ke‑79 bertema “Polri untuk Masyarakat” di Halaman Polres Kabupaten Hulu Sungai Utara. 02 AGU Pelantikan Hakim Baru – PA Amuntai Acara pelantikan hakim baru PA Amuntai. 📍 Ruang Aula PA Amuntai Kelas IB // Auto-scroll with play/pause & speed control (requestAnimationFrame) const scroller = document.getElementById(scrollable); const btnToggle = document.getElementById(toggle); const btnFaster = document.getElementById(faster); const btnSlower = document.getElementById(slower); const speedLabel = document.getElementById(speedLabel); let playing = false; let speed = 1; // display multiplier (×) let pxPerSecBase = 30; // base speed in px/s let rafId = null; let lastTs = 0; function setSpeed(n) { speed = Math.max(0.5, Math.min(n, 5)); speedLabel.textContent = speed.toFixed(1).replace(.0,) + ×; } function play() { if (playing) return; playing = true; btnToggle.setAttribute(aria-pressed, true); btnToggle.innerHTML = Auto‑scroll; lastTs = 0; loop(); } function pause() { playing = false; btnToggle.setAttribute(aria-pressed, false); btnToggle.innerHTML = Auto‑scroll; if (rafId) cancelAnimationFrame(rafId); } function loop(ts) { if (!playing) return; if (!lastTs) lastTs = ts || performance.now(); const now = ts || performance.now(); const dt = (now - lastTs) / 1000; // seconds lastTs = now; const maxScroll = scroller.scrollHeight - scroller.clientHeight; scroller.scrollTop = Math.min(maxScroll, scroller.scrollTop + (pxPerSecBase * speed * dt)); if (scroller.scrollTop >= maxScroll - 1) { // Pause at bottom, then reset to top pause(); setTimeout(() => { scroller.scrollTop = 0; play(); }, 1200); return; } rafId = requestAnimationFrame(loop); } btnToggle.addEventListener(click, () => (playing ? pause() : play())); btnFaster.addEventListener(click, () => setSpeed(speed + 0.5)); btnSlower.addEventListener(click, () => setSpeed(speed - 0.5)); // Pause on hover/focus for accessibility scroller.addEventListener(mouseenter, pause); scroller.addEventListener(focusin, pause); scroller.addEventListener(mouseleave, () => { if (btnToggle.getAttribute(aria-pressed) === true) play(); }); scroller.addEventListener(focusout, () => { if (btnToggle.getAttribute(aria-pressed) === true) play(); }); // Start automatically after a short delay setSpeed(1); setTimeout(play, 1200); if (typeof (fg_widgets) === undefined) fg_widgets = new Array(); fg_widgets.push(fgid_6b46a611f67226115967f98f2); (function () { var options = { whatsapp: +6282149151132, // WhatsApp number call: (0527)61002, // Call phone number call_to_action: Hubungi Kami, // Call to action button_color: #129BF4, // Color of button position: right, // Position may be right or left order: whatsapp,call, // Order of buttons }; var proto = document.location.protocol, host = getbutton.io, url = proto + //static. + host; var s = document.createElement(script); s.type = text/javascript; s.async = true; s.src = url + /widget-send-button/js/init.js; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName(script)[0]; x.parentNode.insertBefore(s, x); })(); Copyright © 2017. Mahkamah Agung RI | Pengadilan Tinggi Agama Kalimantan Selatan | Pengadilan Agama Amuntai Social Media Beranda contact Webmail