/* AL-IBRAH-TEKSTUR v4 --- 2026-08-24 --- penanda versi, jangan dihapus */
/* =====================================================================
AL IBRAH - Tekstur latar belakang (area di kiri & kanan halaman)
Untuk OJS 3.3.0.21 - Journal Style Sheet
---------------------------------------------------------------------
CARA PASANG - PENTING, HARUS MENGGANTI FILE LAMA
1. Login sebagai Journal Manager / Admin
2. Settings -> Website -> Appearance -> tab "Advanced"
3. Di "Journal Style Sheet": HAPUS DULU file yang sudah ada
(ikon tempat sampah / tanda silang di sebelah nama file), lalu Save.
4. Baru kemudian Upload File -> pilih file ini -> Save.
5. Reload keras (Ctrl+Shift+R / Cmd+Shift+R).
CARA MEMASTIKAN FILE INI BENAR-BENAR TERPASANG
Buka alamat berikut di tab baru:
https://ejournal.iainpalopo.ac.id/public/journals/6/styleSheet.css
Baris pertama harus berbunyi "AL-IBRAH-TEKSTUR v4".
Kalau bukan v4, berarti upload belum menggantikan file lama.
File ini sudah siap pakai. Tidak ada yang perlu diubah.
Tekstur aktif: BINTANG AL IBRAH.
Alternatif lain tersedia di bagian bawah dalam bentuk komentar.
CATATAN TEKNIS
CSS tema Al Ibrah dimuat SETELAH Journal Style Sheet, dan tema itu
menetapkan warna latar sendiri pada dan . Karena itu
aturan di sini memakai selektor berbobot tinggi (html:root,
html:root body[class]) plus !important, dan dipasang pada
sekaligus - supaya tidak bisa ditimpa dari sisi mana pun.
===================================================================== */
/* =====================================================================
BINTANG AL IBRAH - AKTIF
---------------------------------------------------------------------
Medali bintang delapan (khatim) yang dijalin sulur ogee, motif putih
di atas dasar hijau-abu lembut senada header jurnal.
Kalau suatu saat ingin disesuaikan, hanya tiga angka ini yang perlu
disentuh:
background-color dasar warna (sekarang #e4e9de)
background-size ukuran motif (sekarang 170px; 140px
lebih rapat, 210px lebih lega)
fill-opacity di dalam SVG ketegasan (sekarang 0.68; turunkan
ke 0.5 agar lebih samar)
===================================================================== */
html:root,
html:root body,
html:root body[class] {
background-color: #e4e9de !important;
background-image: url("data:image/svg+xml,") !important;
background-repeat: repeat !important;
background-position: 0 0 !important;
background-attachment: scroll !important;
background-size: 170px 170px !important;
}
/* --- WAJIB: badan halaman tetap putih. Jangan dihapus. -------------- */
html:root .pkp_structure_page {
background-color: #ffffff !important;
}
/* =====================================================================
=====================================================================
ALTERNATIF - semua nonaktif. Untuk memakai salah satunya: beri tanda
komentar pada blok BINTANG AL IBRAH di atas, lalu hapus tanda komentar
pada blok yang dipilih.
=====================================================================
===================================================================== */
/* --- DAMASK ORNAMEN (medali bunga, gaya jurnal Polyglot) ------------- */
/*
html:root,
html:root body,
html:root body[class] {
background-color: #efefee !important;
background-image: url("data:image/svg+xml,") !important;
background-repeat: repeat !important;
background-position: 0 0 !important;
background-attachment: scroll !important;
background-size: 180px 180px !important;
}
*/
/* --- ANYAMAN LINEN (halus, netral) ---------------------------------- */
/*
html:root,
html:root body,
html:root body[class] {
background-color: #dcdfd8 !important;
background-image:
repeating-linear-gradient(45deg, rgba(255,255,255,.50) 0 2px, rgba(255,255,255,0) 2px 4px),
repeating-linear-gradient(-45deg, rgba(0,0,0,.045) 0 2px, rgba(0,0,0,0) 2px 4px) !important;
}
*/
/* --- TITIK HALUS ----------------------------------------------------- */
/*
html:root,
html:root body,
html:root body[class] {
background-color: #dcdfd8 !important;
background-image: radial-gradient(rgba(28,48,30,.16) 1px, transparent 1.6px) !important;
background-size: 12px 12px !important;
}
*/
/* --- KERTAS BERBUTIR ------------------------------------------------- */
/*
html:root,
html:root body,
html:root body[class] {
background-color: #dcdfd8 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.16'/%3E%3C/svg%3E") !important;
}
*/
/* --- LINGKARAN BERTAUT ----------------------------------------------- */
/*
html:root,
html:root body,
html:root body[class] {
background-color: #dcdfd8 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%232f4a33' stroke-opacity='.15' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='19'/%3E%3Ccircle cx='56' cy='0' r='19'/%3E%3Ccircle cx='0' cy='56' r='19'/%3E%3Ccircle cx='56' cy='56' r='19'/%3E%3Ccircle cx='28' cy='28' r='19'/%3E%3C/g%3E%3C/svg%3E") !important;
}
*/
/* --- GARIS DIAGONAL --------------------------------------------------- */
/*
html:root,
html:root body,
html:root body[class] {
background-color: #dcdfd8 !important;
background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.55) 0 1px, rgba(255,255,255,0) 1px 9px) !important;
}
*/