/* ============================================ JPUS: Jurnal Pendidikan Untuk Semua Custom Stylesheet — Batik Kawung Background (FIXED) ============================================ */ body { background-image: url('https://img.freepik.com/free-vector/round-frame-simple-template-background_1159-26655.jpg'); background-repeat: repeat; /* Perkecil ukuran pola sebelum diulang, supaya tidak terlihat besar-besar. Silakan sesuaikan angka ini (mis. 100px, 150px, 200px) sesuai selera. */ background-size: 150px 150px; /* 'scroll' lebih aman daripada 'fixed' untuk kompatibilitas layout tema OJS */ background-attachment: scroll; } /* Keep main content areas on a clean white/near-white background so article text and menus stay fully readable over the pattern */ .pkp_structure_main, .pkp_structure_content, .page_index, .pkp_structure_sidebar { /* Opacity diturunkan sedikit (0.95 -> 0.85) supaya pola batik lebih terasa menembus di balik area konten, teks tetap terbaca */ background-color: rgba(255, 255, 255, 0.85); } /* Elevated look dipindahkan ke area konten saja (bukan struktur utama), supaya tidak ikut mempengaruhi ukuran/posisi banner jurnal di atasnya */ .pkp_structure_content { border-radius: 6px; box-shadow: 0 1px 4px rgba(11, 58, 136, 0.08); } /* Kembalikan/besarkan ukuran logo banner jurnal. Tema default OJS membatasi logo maksimal 80px tinggi lewat .is_img img, ini override supaya logo tampil lebih besar dan tidak "tenggelam" di atas background batik. Sesuaikan angka px sesuai ukuran logo asli Anda. */ .pkp_site_name .is_img img, .pkp_structure_head .is_img img, .pkp_structure_head img { max-height: 170px !important; height: auto !important; width: auto !important; } /* Header/banner menggunakan background batik juga. Batik terlihat di bagian atas, kanan, dan kiri header. Area isi header dibuat transparan agar pola batik body/header menyatu. */ .pkp_structure_head { background-image: url('https://img.freepik.com/free-vector/round-frame-simple-template-background_1159-26655.jpg'); background-repeat: repeat; background-size: 150px 150px; background-attachment: scroll; background-color: transparent; } /* Pastikan area pembungkus header tidak menutup batik */ .pkp_structure_head .pkp_head_wrapper, .pkp_structure_head .pkp_site_name, .pkp_structure_head .pkp_navigation_primary_wrapper, .pkp_structure_head .pkp_navigation_user_wrapper { background-color: transparent; } /* Jika tema OJS memberi warna putih pada baris navigasi, buat transparan */ .pkp_structure_head .pkp_navigation_primary_row, .pkp_structure_head .pkp_navigation_user { background-color: transparent; } /* Batik header lebih terlihat: hilangkan lapisan putih transparan */ .pkp_structure_head, .pkp_structure_head .pkp_head_wrapper, .pkp_structure_head .pkp_site_name, .pkp_structure_head .pkp_navigation_primary_wrapper, .pkp_structure_head .pkp_navigation_user_wrapper, .pkp_structure_head .pkp_navigation_primary_row, .pkp_structure_head .pkp_navigation_user { background-color: transparent !important; } /* Hilangkan shadow bawaan tema pada header/menu (tetap dihapus, supaya tidak ada efek "kotak" tebal di belakang garis tipis baru) */ .pkp_structure_head, .pkp_navigation_user_wrapper, .pkp_navigation_primary_wrapper, .pkp_navigation_primary_row, .pkp_navigation_primary, .pkp_navigation_user { box-shadow: none !important; } /* Hilangkan dulu garis bawaan pada item/link menu individual, supaya tidak dobel dengan garis tepi menubar di bawah ini */ .pkp_navigation_primary > li, .pkp_navigation_primary > li > a, .pkp_navigation_user > li, .pkp_navigation_user > li > a { border: none !important; } /* Garis tepi tipis pada menubar (baris navigasi utama), dikembalikan selebar baris navigasi penuh (sampai ke area Search), sama seperti versi awal. Supaya batik TIDAK ikut tembus di balik garis ini, baris navigasi (.pkp_navigation_primary_row) diberi latar putih SOLID (bukan transparent) di bawah — lihat blok "Latar solid pada baris menubar" di bawah ini. Warna garis dibuat semi-transparan gelap supaya tetap serasi dengan tema batik, tidak keras seperti border hitam solid. Silakan sesuaikan warna/ketebalan jika kurang pas. */ .pkp_navigation_primary_row { border-top: 1px solid rgba(11, 58, 136, 0.25) !important; border-bottom: 1px solid rgba(11, 58, 136, 0.25) !important; } /* Latar solid pada baris menubar. Ini kunci perbaikan: baris ini sebelumnya dipaksa TRANSPARAN oleh blok "Batik header lebih terlihat" di atas (agar batik di area BANNER/HEADER terlihat). Tapi baris menu (Home...Search) memakai class yang sama, sehingga ikut transparan dan batik tembus di balik garis tepinya. Selector di bawah ini dibuat sama spesifiknya (.pkp_structure_head .pkp_navigation_primary_row) dan diletakkan SETELAH blok tersebut, supaya menimpa aturan transparan khusus untuk baris menu ini saja — banner/header di atasnya tetap transparan/batik seperti semula. */ .pkp_structure_head .pkp_navigation_primary_row, .pkp_structure_head .pkp_navigation_primary_wrapper, .pkp_structure_head .pkp_navigation_user_wrapper, .pkp_navigation_primary_row, .pkp_navigation_primary_wrapper, .pkp_navigation_user_wrapper { background-color: #ffffff !important; } /* ============================================ FOOTER — Gradasi Biru + Batik di Pinggir ============================================ .pkp_structure_footer dibuat TRANSPARAN dengan padding di kiri, kanan, dan bawah — supaya batik dari body tembus di area tersebut (mirip efek batik di sekeliling header). Bagian atas tidak diberi padding karena menyambung langsung ke konten di atasnya. Gradasi biru dipindah ke wrapper DI DALAMNYA (.pkp_footer_content) sehingga tampil sebagai kotak biru yang sedikit lebih sempit, dengan bingkai batik terlihat di kanan/kiri/bawahnya. Jika tema Anda memakai nama class footer yang berbeda, beri tahu saya nama class-nya (cek lewat Inspect Element) agar disesuaikan. */ /* Elemen pembungkus footer yang lebih luar (nama umum di tema OJS: #footer,