/*LISTA ARTICOLI HOME*/ obj_article_details .authors,.obj_article_details .doi{font-family: Lora (Body), Lora, Lora (Body) !important}.obj_article_details .orcid a,.obj_article_details .doi a{color: rgba(0,0,0,0.87);text-decoration: none}.obj_article_details .orcid a:hover,.obj_article_details .doi a:hover,.obj_article_details .orcid a:focus,.obj_article_details .doi a:focus{color: #4b7d92;text-decoration: underline} {display: inline-block;padding: .5em 0;margin: 0px;border-bottom: 5px solid #f2b137}.obj_article_details .orcid a{font-size: 12px;color: rgba(0,0,0,0.54)}.obj_article_details .authors li{margin-bottom: 20px}.obj_article_details .main_entry .label{display: inline-block;padding: 0 0 5px;border-bottom: 5px solid #f2b137;color: rgba(0,0,0,0.54);text-transform: uppercase}.obj_article_details .main_entry .doi .label{display: inline-block;padding: .5em 0;margin: 0px;border-bottom: 5px solid #f2b137}.obj_article_details .row,.obj_article_details .main_entry,.obj_article_details .entry_details{border: none}.obj_article_details .author_bios .sub_item .label{border-bottom: none;text-transform: none}.obj_article_details .entry_details{margin-left: 0;margin-right: 0}.obj_article_details .entry_details .label{font-weight: 700;text-transform: uppercase}.obj_article_details .entry_details .item{margin: 30px 0;padding: 0;border-bottom: none;border-radius: 5px;background: rgba(0,0,0,0.05);box-shadow: 0 0 1px rgba(0,0,0,0.4)}.obj_article_details .entry_details .item .label + .value{border-top-left-radius: 0;border-top-right-radius: 0}.obj_article_details .entry_details .sub_item{padding: 0;margin-bottom: 0}.obj_article_details .entry_details .sub_item:last-child{margin-bottom: 0}.obj_article_details .entry_details .sub_item .label{color: rgba(0,0,0,0.54)}.obj_article_details .entry_details .item > .label,.obj_article_details .entry_details .sub_item:first-child > .label{padding: .5em 20px;background: #fff7c9;border-top-left-radius: 5px;border-top-right-radius: 5px}.obj_article_details .entry_details .item > .value,.obj_article_details .entry_details .sub_item .value{padding: 20px;border-radius: 5px}.obj_article_details .entry_details .sub_item:not(:first-child) .label{display: inline-block;padding: .5em 0;margin: 0 20px;border-bottom: 5px solid #f2b137}.obj_article_details .entry_details .cover_image{background: transparent;box-shadow: none}.obj_article_details .entry_details .cover_image img{display: block;border-radius: 5px;margin-left: auto;margin-right: auto}.obj_article_details .entry_details .item.galleys{box-shadow: none}.obj_article_details .entry_details .item.galleys .galleys_links{padding: 0}.obj_article_details .entry_details .galleys_links > li{display: block;margin-bottom: 0.5em}.obj_article_details .entry_details .galleys_links > li:last-child{margin-bottom: 0}.obj_article_details .entry_details .galleys_links > li a{display: block}.obj_article_details .entry_details .citation_display{margin-bottom: 0}.obj_article_details .entry_details .item.copyright{background: transparent;box-shadow: none}@media (min-width: 768px){.obj_article_details .entry_details{width: 240px;margin-left: 30px}} .journals ul .body .description a {display: inline;} /* ============================================ INDONESIAN TOURISM JOURNAL (ITJ) FINAL FIX - ARTICLE CARD ============================================ */ /* 1. KARTU NORMAL: ORANYE KE KREM */ html body .obj_issue_toc .articles > li, html body .obj_issue_toc .sections .articles > li, html body .cmp_article_list > li { background-color: #D68756 !important; background-image: linear-gradient( 90deg, #D68756 0%, #E5A675 30%, #F3CEA0 65%, #FFF7C9 100% ) !important; background-repeat: no-repeat !important; background-size: cover !important; border-left: 5px solid #D68756 !important; border-bottom: 3px solid #D68756 !important; transform: translateY(0) !important; transition: transform 0.30s ease, box-shadow 0.30s ease !important; } /* 2. HOVER: GRADASI DIBALIK + KARTU NAIK */ html body .obj_issue_toc .articles > li:hover, html body .obj_issue_toc .sections .articles > li:hover, html body .cmp_article_list > li:hover { background-image: linear-gradient( 90deg, #FFF7C9 0%, #F3CEA0 35%, #E5A675 70%, #D68756 100% ) !important; transform: translateY(-4px) !important; box-shadow: 0 8px 18px rgba(130, 83, 46, 0.22) !important; } /* 3. BAGIAN DALAM KARTU TRANSPARAN */ html body .obj_issue_toc .articles > li .obj_article_summary, html body .cmp_article_list > li .obj_article_summary { background: transparent !important; background-image: none !important; box-shadow: none !important; } /* 4. JUDUL ARTIKEL HITAM */ html body .obj_issue_toc .articles .obj_article_summary .title, html body .obj_issue_toc .articles .obj_article_summary .title a, html body .cmp_article_list .obj_article_summary .title, html body .cmp_article_list .obj_article_summary .title a { color: #111111 !important; -webkit-text-fill-color: #111111 !important; } /* 5. HOVER JUDUL TETAP HITAM */ html body .obj_issue_toc .articles .obj_article_summary .title a:hover, html body .cmp_article_list .obj_article_summary .title a:hover { color: #111111 !important; -webkit-text-fill-color: #111111 !important; } /* 6. NAMA PENULIS */ html body .obj_issue_toc .articles .obj_article_summary .authors, html body .cmp_article_list .obj_article_summary .authors { display: block !important; position: relative !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; padding-left: 0 !important; margin-left: 0 !important; visibility: visible !important; opacity: 1 !important; } /* 7. TAMPILKAN KEMBALI IKON PENULIS */ html body .obj_issue_toc .articles .obj_article_summary .authors::before, html body .cmp_article_list .obj_article_summary .authors::before { content: "👥" !important; display: inline-block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; background: none !important; font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important; font-size: 17px !important; font-weight: normal !important; line-height: 1 !important; margin: 0 9px 0 0 !important; padding: 0 !important; vertical-align: middle !important; transform: none !important; float: none !important; } /* 8. TAUTAN NAMA PENULIS */ html body .obj_issue_toc .articles .obj_article_summary .authors a, html body .cmp_article_list .obj_article_summary .authors a { color: #111111 !important; -webkit-text-fill-color: #111111 !important; font-weight: 400 !important; } /* 9. NOMOR HALAMAN */ html body .obj_issue_toc .articles .obj_article_summary .pages, html body .cmp_article_list .obj_article_summary .pages { color: #111111 !important; -webkit-text-fill-color: #111111 !important; } /* 10. PDF TETAP PUTIH */ html body .obj_issue_toc .articles .obj_article_summary a.obj_galley_link, html body .cmp_article_list .obj_article_summary a.obj_galley_link { background: #FFFFFF !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; border-color: #D68756 !important; } /* 11. RESPONSIF DAN AKSESIBILITAS */ @media (hover: none) { html body .obj_issue_toc .articles > li:hover, html body .cmp_article_list > li:hover { transform: none !important; } } @media (prefers-reduced-motion: reduce) { html body .obj_issue_toc .articles > li, html body .cmp_article_list > li { transition: none !important; } } } .pkp_site_name .is_img img { max-height: 100% !important; } .pkp_site_name { padding-top: 0px !important; padding-bottom: 0px !important; } .pkp_nav_list ul { margin: 0px -55px !important; } .pkp_structure_footer .pkp_footer_content { background: transparent url("https://www.toptal.com/designers/subtlepatterns/uploads/dot-grid.png") repeat scroll 0% 0% !important; } .pkp_structure_footer .pkp_footer_content p {margin: 0} .pkp_structure_footer .pkp_brand_footer { background: transparent url("https://www.toptal.com/designers/subtlepatterns/uploads/dot-grid.png") repeat scroll 0% 0% !important; } .pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;} .pkp_structure_footer .pkp_footer_content a { background: transparent url("https://www.toptal.com/designers/subtlepatterns/uploads/dot-grid.png") repeat scroll 0% 0% !important; } html, body, * {font-family: Lora (Body), helvetica, Lora (Body) !important} .pkp_site_name {padding-top: 0 !important; padding-bottom: 0 !important} .pkp_site_name > a {padding-top: 0; padding-bottom: 0;} .pkp_site_name .is_img img {max-height: 200px !important;} .pkp_navigation_primary_row {background: #d68756 !important;} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {padding: 0 !important;margin: 0 !important;} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {margin: 0 !important; padding: 0 10px !important; line-height: 40px !important; } .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Lora (Body), helvetica, Lora (Body) !important; color: #fff6f6 !important; font-weight: normal !important} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(0,0,0,.3) !important} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {border-radius: 0 !important; -webkit-border-radius: 0 !important; -o-border-radius: 0 !important;} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { background: #1e3d7d !important} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 1px rgba(255,255,255,.35) !important;} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important;} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search .search_controls a.headerSearchPrompt.search_prompt {font-family: Lora (Body), helvetica, Lora (Body) !important; color: #fff6f6 !important} .pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: Lora (Body), helvetica, Lora (Body) !important;} .pkp_structure_page {margin-top: 0 !important; margin-bottom:0 !important; padding-bottom: 0 !important;} /* ============================================================ ITJ Normal : latar krem #FFF7C9, teks hitam pekat #000000 Hover : latar hitam gelap #d68756, teks emas #FFD34F Mengganti CSS sidebar gradient versi sebelumnya. Bisa juga ditempel PALING BAWAH stylesheet yang ada. Tidak mengubah kartu artikel atau isi tautan menu. ============================================================ */ /* 1. BARIS MENU: WARNA SOLID NORMAL */ .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"], .pkp_structure_sidebar #customblock-Sidebar_menu ul > li { background: #FFF7C9 !important; background-color: #FFF7C9 !important; background-image: none !important; transition: background-color .28s ease !important; } /* 2. MATIKAN LAPISAN GRADASI DARI CSS LAMA */ .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]::before, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li::before { display: none !important; content: none !important; background: none !important; } /* 3. WARNA TEKS NORMAL, TERMASUK SPAN DENGAN STYLE INLINE */ .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"] > a, .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"] > a *, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li > a, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li > a * { color: #000000 !important; -webkit-text-fill-color: #000000 !important; background: transparent !important; background-image: none !important; transition: color .28s ease !important; } /* 3A. SAMAKAN SELURUH TULISAN KARTU SIDEBAR SAAT NORMAL (termasuk teks, span, tautan dan warna inline biru). Tidak berlaku saat hover/fokus agar efek hover lama tetap aktif. */ .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:not(:hover):not(:focus-within), .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:not(:hover):not(:focus-within) *, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:not(:hover):not(:focus-within), .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:not(:hover):not(:focus-within) * { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } /* 4. HOVER / FOKUS: TUKAR WARNA LATAR */ .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:hover, .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:focus-within, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:hover, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:focus-within { background: #d68756 !important; background-color: #d68756 !important; background-image: none !important; } /* 5. HOVER / FOKUS: TUKAR WARNA TEKS */ .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:hover > a, .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:hover > a *, .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:focus-within > a, .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:focus-within > a *, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:hover > a, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:hover > a *, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:focus-within > a, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:focus-within > a * { color: #FFF7C9!important; } /* 6. HORMATI PREFERENSI PENGURANGAN ANIMASI */ @media (prefers-reduced-motion: reduce) { .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"], .pkp_structure_sidebar #customblock-Sidebar_menu ul > li, .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"] > a, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li > a { transition: none !important; } } /* =========================================================== PERBAIKAN: WARNA TEKS EMAS PADA HOVER Prioritas tinggi untuk tautan dan span dengan warna inline, termasuk menu custom block OJS. Tidak mengubah kondisi normal. =========================================================== */ .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:is(:hover, :focus-within), .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:is(:hover, :focus-within) *, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:is(:hover, :focus-within), .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:is(:hover, :focus-within) * { color: #FFF7C9 !important; -webkit-text-fill-color: #FFF7C9 !important; } /* Pastikan warna emas juga berlaku saat tautan dikunjungi/aktif */ .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:is(:hover, :focus-within) a:is(:hover, :focus, :active, :visited), .pkp_structure_sidebar .pkp_block .content div[style*="background"][style*="text-align"]:is(:hover, :focus-within) a:is(:hover, :focus, :active, :visited) *, .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:is(:hover, :focus-within) a:is(:hover, :focus, :active, :visited), .pkp_structure_sidebar #customblock-Sidebar_menu ul > li:is(:hover, :focus-within) a:is(:hover, :focus, :active, :visited) * { color: #FFF7C9 !important; -webkit-text-fill-color: #FFF7C9 !important; } .pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important} {display: inline-block;padding: .5em 10;margin: 0 20px;border-bottom: 5px solid #f2b137} .pkp_block.block_make_submission .content a { background: #1e3d7d; line-height: 40px; font-family : Lora (Body), helvetica, Lora (Body) !important; color: #0618ffFFF} {display: inline-block;padding: .5em 0;margin: 0 20px;border-bottom: 5px solid #f2b137} .pkp_block.block_make_submission .content a:hover { background: rgba(0,0,0,0.25) !important; color: #333333} {display: inline-block;padding: .5em 0;margin: 0 20px;border-bottom: 5px solid #f2b137} .obj_article_summary .item.stats .abstract, .obj_article_summary .item.stats .galley {position:relative;} .obj_article_summary .item.stats .abstract {margin-left: 20px; margin-right: 10px;} {display: inline-block;padding: .5em 0;margin: 0 20px;border-bottom: 5px solid #f2b137} .obj_article_summary .item.stats .galley {margin-left: 25px;} .obj_article_summary .item.stats .abstract:before { content: "\f080"; font-family: FontAwesome; left:-15px; position:absolute; top:0; } .obj_article_summary .item.stats .galley:before { content: "\f1c1"; font-family: FontAwesome; left:-15px; position:absolute; top:0; } .pkp_structure_footer_wrapper{border-bottom: none !important;} .pkp_block {padding: 0px 0px;} {display: inline-block;padding: .5em 0;margin: 0 20px;border-bottom: 5px solid #f2b137} #customblock-Tools .content>.content div{width: 80% !important; margin: auto;} #customblock-Tools .content>.content div a img{width: 100% !important;} #customblock-Visitor_statistics .content>.content .supercounter,#customblock-Visitor_statistics .content>.content .statcounter {text-align:center;} #customblock-Keywords.content>.content .supercounter,#customblock- Keywords.content {display: inline-block;padding: .5em 0;margin: 0 20px;border-bottom: 5px solid #f2b137} .cmp_announcements .obj_announcement_summary.full_width {width: 100% !important;} .cmp_announcements .obj_announcement_summary .summary p {line-height: 1.3em; margin-top: 0 !important; margin-bottom: 1em !important;} .obj_issue_toc .articles > li { margin-bottom: 20px; border-bottom: solid darkseagreen; background-color: ffffff !important; padding: 1rem; border-radius: 0rem 0rem 0rem 2rem; box-shadow: .4rem .4rem .3rem #dedede; } .pkp_site_name .is_img img { max-height: 100% !important; } .pkp_site_name { padding-top: 0px !important; padding-bottom: 0px !important; } .pkp_structure_content { background: transparent url("https://www.toptal.com/designers/subtlepatterns/uploads/dot-grid.png") repeat scroll 0% 0% !important; } .galleys > h2:nth-child(1){ border-bottom: none !important; } .pkp_structure_footer .pkp_footer_content {background: transparent url("https://www.toptal.com/designers/subtlepatterns/uploads/dot-grid.png") repeat scroll 0% 0% !important; } .galleys > h2:nth-child(1){ border-bottom: none !important; } .pkp_structure_footer .pkp_footer_content p {margin: 0} .pkp_structure_footer .pkp_brand_footer { background: transparent url("https://www.toptal.com/designers/subtlepatterns/uploads/dot-grid.png") repeat scroll 0% 0% !important; } /*iframe Facebook plugin*/ ._5pat { background-color: beige !important; } /* sottomenu a scomparsa */ .pkp_nav_list ul { margin: 0px -55px !important; } /*DESCRIZIONE SINGOLO FASCIOLO/USCITA */ .description { text-align: justify; } /*ALLINEAMENTO LOGO A SX*/ @media(max-width: 1199px) { .pkp_site_name_wrapper, .pkp_navigation_primary_row { padding-left: 0px !important; } .pkp_site_name { padding-left: 0px !important; } .pkp_navigation_primary { padding: 0px 1rem !important; } } /*JUSTIFICATO NEGLI ABSTRAC DEI SINGOLI ARTICOLI*/ .abstract > p { text-align: justify; } /*STILI DEL BANNER COOKIES ENABLER MASTER - ./cookies-enabler-master/cookies-enabler.js */ .ce-banner{ font-family: fantasy; background-color: black; padding: 1rem; color: white; /*border-radius: .5rem;*/ z-index: 9999; position: fixed; top: 0px; left: 0px; } a.ce-accept:link{ color: white; text-decoration: none; } .ce-accept{ background-color: #993333; padding: .5rem; border-radius: .25rem; color: black; font-style: normal; float: right; margin: .5rem 1rem .5rem .5rem; } .pkp_brand_footer { display: none; } /* ========================================================= OJS 3 - Hide ORCID "(unauthenticated)" - V3 Ditambahkan untuk menyembunyikan teks status ORCID yang tercetak satu baris dengan link ORCID pada halaman artikel. Catatan: ini hanya mengubah tampilan publik, bukan status autentikasi ORCID pada database OJS. ========================================================= */ /* Sembunyikan semua teks mentah di area ORCID */ .obj_article_details .orcid, .obj_article_details .orcid-id, .obj_article_details [class*="orcid" i] { font-size: 0 !important; color: transparent !important; line-height: 1.4 !important; } /* Sembunyikan teks asli pada link ORCID, termasuk "(unauthenticated)" */ .obj_article_details .orcid a[href*="orcid.org"], .obj_article_details .orcid-id a[href*="orcid.org"], .obj_article_details [class*="orcid" i] a[href*="orcid.org"], .obj_article_details a[href*="orcid.org"] { font-size: 0 !important; color: transparent !important; text-decoration: none !important; line-height: 1.4 !important; } /* Tampilkan ulang hanya URL ORCID dari atribut href */ .obj_article_details .orcid a[href*="orcid.org"]::after, .obj_article_details .orcid-id a[href*="orcid.org"]::after, .obj_article_details [class*="orcid" i] a[href*="orcid.org"]::after, .obj_article_details a[href*="orcid.org"]::after { content: attr(href) !important; font-size: 13px !important; color: rgba(0, 0, 0, 0.54) !important; line-height: 1.4 !important; text-decoration: none !important; vertical-align: middle !important; } /* Sembunyikan elemen status jika OJS mencetaknya dengan class khusus */ .obj_article_details .unauthenticated, .obj_article_details .orcid-unauthenticated, .obj_article_details .orcid_unauthenticated, .obj_article_details .orcidUnauthenticated, .obj_article_details [class*="unauthenticated" i] { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } /* ========================================================= OJS 3 - ORCID spacing fix Memberi jarak antara logo ORCID dan URL ORCID agar tidak dempet. ========================================================= */ .obj_article_details a[href*="orcid.org"]::after, .obj_article_details .orcid a[href*="orcid.org"]::after, .obj_article_details .orcid-id a[href*="orcid.org"]::after, .obj_article_details [class*="orcid" i] a[href*="orcid.org"]::after { display: inline-block !important; margin-left: 6px !important; } .obj_article_details .orcid img, .obj_article_details .orcid svg, .obj_article_details .orcid-id img, .obj_article_details .orcid-id svg, .obj_article_details a[href*="orcid.org"] img, .obj_article_details a[href*="orcid.org"] svg { margin-right: 6px !important; vertical-align: middle !important; } /* ========================================================= OJS 3 - Publication Facts Block Like "How to Cite" Fungsi: Membuat tampilan sidebar "Publication Facts" mengikuti bentuk, warna, font, radius, dan gaya visual blok "How to Cite". ========================================================= */ /* Target utama blok Publication Facts */ .pkp_structure_sidebar .pkp_block.block_publication_facts, .pkp_structure_sidebar .pkp_block.block_publicationFacts, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i], .pkp_structure_sidebar [id*="publication" i][id*="facts" i], .pkp_structure_sidebar [class*="publication-facts" i], .pkp_structure_sidebar [class*="publication_facts" i], .pkp_structure_sidebar [class*="publicationFacts" i] { margin: 30px 0 !important; padding: 0 !important; border: none !important; border-radius: 5px !important; background: rgba(0, 0, 0, 0.05) !important; box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) !important; overflow: hidden !important; font-family: Lora, "Lora", serif !important; color: rgba(0, 0, 0, 0.72) !important; } /* Judul dibuat sama seperti header HOW TO CITE */ .pkp_structure_sidebar .pkp_block.block_publication_facts > .title, .pkp_structure_sidebar .pkp_block.block_publicationFacts > .title, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] > .title, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] > .title, .pkp_structure_sidebar [class*="publication-facts" i] > .title, .pkp_structure_sidebar [class*="publication_facts" i] > .title, .pkp_structure_sidebar [class*="publicationFacts" i] > .title, .pkp_structure_sidebar .pkp_block.block_publication_facts h2, .pkp_structure_sidebar .pkp_block.block_publicationFacts h2, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] h2, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] h2, .pkp_structure_sidebar [class*="publication-facts" i] h2, .pkp_structure_sidebar [class*="publication_facts" i] h2, .pkp_structure_sidebar [class*="publicationFacts" i] h2 { display: block !important; margin: 0 !important; padding: 14px 20px !important; border: none !important; border-bottom: none !important; border-radius: 5px 5px 0 0 !important; background: #fff7c9 !important; box-shadow: none !important; font-family: Lora, "Lora", serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: uppercase !important; color: rgba(0, 0, 0, 0.54) !important; } /* Isi blok dibuat seperti panel How to Cite */ .pkp_structure_sidebar .pkp_block.block_publication_facts > .content, .pkp_structure_sidebar .pkp_block.block_publicationFacts > .content, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] > .content, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] > .content, .pkp_structure_sidebar [class*="publication-facts" i] > .content, .pkp_structure_sidebar [class*="publication_facts" i] > .content, .pkp_structure_sidebar [class*="publicationFacts" i] > .content { margin: 0 !important; padding: 18px 20px !important; border: none !important; border-radius: 0 0 5px 5px !important; background: transparent !important; box-shadow: none !important; font-family: Lora, "Lora", serif !important; font-size: 12px !important; line-height: 1.6 !important; color: rgba(0, 0, 0, 0.72) !important; } /* Hilangkan gaya hitam/kotak tebal bawaan plugin */ .pkp_structure_sidebar .pkp_block.block_publication_facts *, .pkp_structure_sidebar .pkp_block.block_publicationFacts *, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] *, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] *, .pkp_structure_sidebar [class*="publication-facts" i] *, .pkp_structure_sidebar [class*="publication_facts" i] *, .pkp_structure_sidebar [class*="publicationFacts" i] * { font-family: Lora, "Lora", serif !important; box-shadow: none !important; } /* Tabel Publication Facts dibuat lebih lembut dan rapi */ .pkp_structure_sidebar .pkp_block.block_publication_facts table, .pkp_structure_sidebar .pkp_block.block_publicationFacts table, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] table, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] table, .pkp_structure_sidebar [class*="publication-facts" i] table, .pkp_structure_sidebar [class*="publication_facts" i] table, .pkp_structure_sidebar [class*="publicationFacts" i] table { width: 100% !important; margin: 0 !important; border: none !important; border-collapse: collapse !important; background: transparent !important; font-size: 12px !important; line-height: 1.45 !important; color: rgba(0, 0, 0, 0.72) !important; } .pkp_structure_sidebar .pkp_block.block_publication_facts th, .pkp_structure_sidebar .pkp_block.block_publication_facts td, .pkp_structure_sidebar .pkp_block.block_publicationFacts th, .pkp_structure_sidebar .pkp_block.block_publicationFacts td, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] th, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] td, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] th, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] td, .pkp_structure_sidebar [class*="publication-facts" i] th, .pkp_structure_sidebar [class*="publication-facts" i] td, .pkp_structure_sidebar [class*="publication_facts" i] th, .pkp_structure_sidebar [class*="publication_facts" i] td, .pkp_structure_sidebar [class*="publicationFacts" i] th, .pkp_structure_sidebar [class*="publicationFacts" i] td { padding: 4px 3px !important; border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; background: transparent !important; font-size: 12px !important; font-weight: 400 !important; color: rgba(0, 0, 0, 0.72) !important; vertical-align: top !important; } /* Heading/label tabel lebih lembut */ .pkp_structure_sidebar .pkp_block.block_publication_facts strong, .pkp_structure_sidebar .pkp_block.block_publicationFacts strong, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] strong, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] strong, .pkp_structure_sidebar [class*="publication-facts" i] strong, .pkp_structure_sidebar [class*="publication_facts" i] strong, .pkp_structure_sidebar [class*="publicationFacts" i] strong { font-weight: 700 !important; color: rgba(0, 0, 0, 0.72) !important; } /* Link senada dengan link How to Cite */ .pkp_structure_sidebar .pkp_block.block_publication_facts a, .pkp_structure_sidebar .pkp_block.block_publicationFacts a, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] a, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] a, .pkp_structure_sidebar [class*="publication-facts" i] a, .pkp_structure_sidebar [class*="publication_facts" i] a, .pkp_structure_sidebar [class*="publicationFacts" i] a { color: #006798 !important; text-decoration: underline !important; background: transparent !important; } /* Sembunyikan/normalisasi border hitam tebal dan latar abu-abu bawaan */ .pkp_structure_sidebar .pkp_block.block_publication_facts div, .pkp_structure_sidebar .pkp_block.block_publicationFacts div, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] div, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] div, .pkp_structure_sidebar [class*="publication-facts" i] div, .pkp_structure_sidebar [class*="publication_facts" i] div, .pkp_structure_sidebar [class*="publicationFacts" i] div { border-color: rgba(0, 0, 0, 0.12) !important; background-color: transparent !important; } /* Catatan kecil di bawah Publication Facts */ .pkp_structure_sidebar .pkp_block.block_publication_facts small, .pkp_structure_sidebar .pkp_block.block_publicationFacts small, .pkp_structure_sidebar .pkp_block[class*="publication" i][class*="facts" i] small, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] small, .pkp_structure_sidebar [class*="publication-facts" i] small, .pkp_structure_sidebar [class*="publication_facts" i] small, .pkp_structure_sidebar [class*="publicationFacts" i] small { font-size: 11px !important; line-height: 1.4 !important; color: rgba(0, 0, 0, 0.54) !important; } /* Jika plugin memakai judul besar "Publication Facts" di dalam konten */ .pkp_structure_sidebar [class*="publication-facts" i] .heading, .pkp_structure_sidebar [class*="publication_facts" i] .heading, .pkp_structure_sidebar [class*="publicationFacts" i] .heading, .pkp_structure_sidebar [id*="publication" i][id*="facts" i] .heading { font-size: 13px !important; font-weight: 400 !important; text-transform: uppercase !important; color: rgba(0, 0, 0, 0.54) !important; } /* ========================================== ITJ - FULL WIDTH INFORMATION CARDS COMPACT | YELLOW CARD | BLACK TEXT | BROWN HOVER ========================================== */ /* HILANGKAN RUANG KOSONG DI ATAS */ .page_index_journal .additional_content, .page_index_journal .additionalContent, .pkp_page_index .additional_content { margin-top: 0 !important; padding-top: 0 !important; } /* TABEL FULL LEBAR KIRI DAN KANAN */ table[width="600"][style*="font-size"] { width: 100% !important; max-width: none !important; margin: 0 0 10px 0 !important; border-collapse: separate !important; border-spacing: 0 3px !important; table-layout: auto !important; border: none !important; background: transparent !important; font-size: 0.91rem !important; } /* BARIS KARTU */ table[width="600"][style*="font-size"] tbody tr { background: transparent !important; border: none !important; } /* WARNA DAN UKURAN NORMAL - KUNING DAN HITAM */ table[width="600"][style*="font-size"] tbody tr > td { background: #FFF7C9 !important; background-image: none !important; color: #000000 !important; padding: 7px 10px !important; line-height: 1.35 !important; vertical-align: middle !important; border: none !important; box-shadow: none !important; transform: translateX(0) !important; transition: transform .25s ease, background-color .25s ease, color .25s ease, box-shadow .25s ease !important; } /* KOLOM PERTAMA */ table[width="600"][style*="font-size"] tbody tr > td:first-child { width: 31% !important; padding-left: 12px !important; border-radius: 7px 0 0 7px !important; font-weight: 400 !important; } /* KOLOM TITIK DUA */ table[width="600"][style*="font-size"] tbody tr > td:nth-child(2) { width: 4% !important; padding-left: 2px !important; padding-right: 2px !important; text-align: center !important; } /* KOLOM INFORMASI */ table[width="600"][style*="font-size"] tbody tr > td:last-child { width: 65% !important; padding-right: 12px !important; border-radius: 0 7px 7px 0 !important; overflow-wrap: anywhere !important; } /* SEMUA TEKS HITAM */ table[width="600"][style*="font-size"] tbody td, table[width="600"][style*="font-size"] tbody td a, table[width="600"][style*="font-size"] tbody td a:link, table[width="600"][style*="font-size"] tbody td a:visited, table[width="600"][style*="font-size"] tbody td strong, table[width="600"][style*="font-size"] tbody td a strong { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } /* LINK */ table[width="600"][style*="font-size"] tbody td a { text-decoration: underline !important; text-underline-offset: 2px !important; font-weight: 600 !important; } /* ========================================== HOVER - BERGERAK DAN BERGANTI WARNA ========================================== */ table[width="600"][style*="font-size"] tbody tr:hover > td { background: #D68756 !important; color: #000000 !important; transform: translateX(5px) !important; box-shadow: 0 2px 5px rgba(0,0,0,.08) !important; } /* TEKS HOVER TETAP HITAM */ table[width="600"][style*="font-size"] tbody tr:hover td a, table[width="600"][style*="font-size"] tbody tr:hover td a:link, table[width="600"][style*="font-size"] tbody tr:hover td a:visited, table[width="600"][style*="font-size"] tbody tr:hover td a:hover, table[width="600"][style*="font-size"] tbody tr:hover td strong, table[width="600"][style*="font-size"] tbody tr:hover td a strong { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } /* ========================================== MOBILE RESPONSIVE ========================================== */ @media screen and (max-width: 600px) { table[width="600"][style*="font-size"] { width: 100% !important; max-width: none !important; margin-top: 0 !important; font-size: .82rem !important; border-spacing: 0 3px !important; } table[width="600"][style*="font-size"] tbody tr > td { padding: 6px 6px !important; line-height: 1.3 !important; } table[width="600"][style*="font-size"] tbody tr > td:first-child { width: 34% !important; } table[width="600"][style*="font-size"] tbody tr > td:nth-child(2) { width: 4% !important; } table[width="600"][style*="font-size"] tbody tr > td:last-child { width: 62% !important; } table[width="600"][style*="font-size"] tbody tr:hover > td { transform: translateX(3px) !important; } } /* Ukuran font seluruh tabel */ table[width="600"][style*="font-size"] { font-size: 1.125rem !important; line-height: 1.5 !important; } /* Ukuran font kolom dan isi kartu */ table[width="600"][style*="font-size"] tbody tr > td { font-size: inherit !important; line-height: 1.45 !important; padding-top: 6px !important; padding-bottom: 6px !important; } /* ==================================================================== ITJ - UPDATE TERBATAS DAFTAR DAN DETAIL ARTIKEL (16 OKTOBER 2026) Sumber: styleSheet ITJ(1).css. Seluruh aturan lama tetap dipertahankan. Kartu daftar: hanya bentuk, tanpa mengganti warna gradasi normal/hover. Detail artikel: kartu judul + ikon author, affiliation, ORCID. ==================================================================== */ /* A. DAFTAR ARTIKEL - BENTUK KARTU, WARNA ASLI TETAP */ html body .obj_issue_toc .articles > li, html body .obj_issue_toc .sections .articles > li, html body .cmp_article_list > li { border: 1px solid #D68756 !important; border-left: 5px solid #D68756 !important; border-bottom: 3px solid #D68756 !important; border-radius: 22px !important; padding: 15px 20px !important; margin-bottom: 15px !important; min-height: 0 !important; height: auto !important; overflow: hidden !important; box-shadow: 0 3px 9px rgba(130, 83, 46, 0.13) !important; /* background dan background-image SENGAJA tidak diubah */ } /* Cegah kotak tambahan di dalam kartu */ html body .obj_issue_toc .articles > li .obj_article_summary, html body .cmp_article_list > li .obj_article_summary { background: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; } /* B. DETAIL ARTIKEL - JUDUL SEPERTI JUAN/JGBR, WARNA ITJ */ .page_article .obj_article_details .page_title, .obj_article_details > .page_title, .page_article h1.page_title { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; background: rgba(214, 135, 86, 0.20) !important; background-image: none !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.38 !important; text-align: left !important; margin: 8px 0 14px !important; padding: 8px 12px 9px 28px !important; border: 0 !important; border-radius: 13px !important; box-shadow: none !important; overflow-wrap: anywhere !important; transform: translateY(0); transition: transform .25s ease !important; } .page_article .obj_article_details .page_title:hover, .obj_article_details > .page_title:hover, .page_article h1.page_title:hover { transform: translateY(-2px) !important; } /* Penulis dan afiliasi: bening, tanpa kartu/garis/bayangan */ .obj_article_details .authors { padding-left: 0 !important; list-style: none !important; } .obj_article_details .authors > li { position: relative !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 0 13px !important; border: none !important; background: transparent !important; background-image: none !important; box-shadow: none !important; transition: transform .25s ease !important; } .obj_article_details .authors > li:hover { transform: translateY(-2px) !important; } /* Setiap ikon dimulai pada garis X sama dengan DOI / KEYWORDS. Teks nama penulis pada X+28, sama dengan teks judul dalam kartu. */ .obj_article_details .authors .name, .obj_article_details .authors .affiliation, .obj_article_details .authors .orcid, .obj_article_details .authors .orcid-id { position: relative !important; display: block !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 0 0 28px !important; min-height: 21px !important; line-height: 1.48 !important; background: transparent !important; box-shadow: none !important; border: none !important; } .obj_article_details .authors .name { font-weight: 700 !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; } .obj_article_details .authors .affiliation { font-weight: 400 !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; } /* Ikon orang: oranye ITJ */ .obj_article_details .authors .name::before { content: "" !important; display: block !important; position: absolute !important; top: 1px !important; left: 0 !important; width: 21px !important; height: 21px !important; margin: 0 !important; padding: 0 !important; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%20fill%3D%22none%22%20stroke%3D%22%23D68756%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M4.5%2021v-2.4c0-4.1%203.3-6.6%207.5-6.6s7.5%202.5%207.5%206.6V21%22%20fill%3D%22none%22%20stroke%3D%22%23D68756%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important; opacity: 1 !important; visibility: visible !important; } /* Ikon kampus: hitam */ .obj_article_details .authors .affiliation::before { content: "" !important; display: block !important; position: absolute !important; top: 1px !important; left: 0 !important; width: 21px !important; height: 21px !important; margin: 0 !important; padding: 0 !important; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%209L12%203l9%206M4%209h16M5.5%2010v9M10%2010v9M14%2010v9M18.5%2010v9M3%2020h18M2%2022h20%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important; opacity: 1 !important; visibility: visible !important; } /* ORCID: ikon iD hijau resmi, sejajar pada X=0 seperti ikon lainnya. Teks status (unauthenticated) tetap tersembunyi sesuai aturan asli ITJ. */ .obj_article_details .authors .orcid, .obj_article_details .authors .orcid-id { font-size: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; line-height: 1.45 !important; } .obj_article_details .authors .orcid::before, .obj_article_details .authors .orcid-id::before { content: "" !important; display: block !important; position: absolute !important; top: 1px !important; left: 0 !important; width: 21px !important; height: 21px !important; padding: 0 !important; margin: 0 !important; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23A6CE39%22%2F%3E%3Ctext%20x%3D%2212%22%20y%3D%2216%22%20font-size%3D%2212.8%22%20font-family%3D%22Arial%2C%20sans-serif%22%20font-weight%3D%22bold%22%20fill%3D%22%23FFFFFF%22%20text-anchor%3D%22middle%22%3EiD%3C%2Ftext%3E%3C%2Fsvg%3E") center / contain no-repeat !important; opacity: 1 !important; visibility: visible !important; } /* Hindari ikon ORCID ganda dari elemen gambar bawaan. */ .obj_article_details .authors .orcid img, .obj_article_details .authors .orcid svg, .obj_article_details .authors .orcid-id img, .obj_article_details .authors .orcid-id svg { display: none !important; } /* Warna URL tetap gelap, dengan pangkal teks sejajar nama dan afiliasi. */ .obj_article_details .authors .orcid a[href*="orcid.org"]::after, .obj_article_details .authors .orcid-id a[href*="orcid.org"]::after { display: inline-block !important; margin-left: 0 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.45 !important; color: #222222 !important; -webkit-text-fill-color: #222222 !important; overflow-wrap: anywhere !important; } /* Mobile: bentuk kartu dan judul tetap proporsional. */ @media (max-width: 768px) { html body .obj_issue_toc .articles > li, html body .obj_issue_toc .sections .articles > li, html body .cmp_article_list > li { padding: 13px 15px !important; border-radius: 18px !important; margin-bottom: 12px !important; } .page_article .obj_article_details .page_title, .obj_article_details > .page_title, .page_article h1.page_title { font-size: 19px !important; padding: 8px 10px 9px 28px !important; } } @media (prefers-reduced-motion: reduce) { .page_article .obj_article_details .page_title, .obj_article_details > .page_title, .page_article h1.page_title, .obj_article_details .authors > li { transition: none !important; transform: none !important; } } /* ================================================================== ITJ — REVISI FINAL PERATAAN HORIZONTAL METADATA PENULIS HANYA posisi horizontal blok nama/afiliasi/ORCID yang diperbarui. Garis kiri ikon = tepi kiri kartu judul (geser +36px). Garis kiri tulisan = awal teks judul (tambahan jarak +6px). Latar, warna, ikon SVG, jarak vertikal, hover, dan CSS lain tetap. ================================================================== */ html body .obj_article_details .authors > li { left: 36px !important; } html body .obj_article_details .authors .name, html body .obj_article_details .authors .affiliation, html body .obj_article_details .authors .orcid, html body .obj_article_details .authors .orcid-id { padding-left: 34px !important; } /* ============================================================================ ITJ | PENYEMPURNAAN TAMPILAN 01 NOVEMBER 2026 1. Additional Content seukuran judul artikel 2. Nomor halaman berbentuk tombol berbingkai seperti tombol PDF 3. Nama penulis panjang memakai hanging indent, tidak di bawah ikon 4. Hover bergerak pada elemen konten dan menu utama, bukan logo / user menu Aturan ini sengaja berada di paling bawah agar menimpa CSS lama. ============================================================================ */ :root { --itj-article-font-size: 14px; --itj-move-duration: .27s; --itj-outline: #D68756; } /* ===== A. JUDUL ARTIKEL DAN ADDITIONAL CONTENT ===== */ /* Satukan ukuran judul artikel terbit dan teks informasi Additional Content. Font weight judul tetap mengikuti style asli. */ html body .obj_issue_toc .obj_article_summary > .title, html body .obj_issue_toc .obj_article_summary > .title a, html body .cmp_article_list .obj_article_summary > .title, html body .cmp_article_list .obj_article_summary > .title a { font-size: var(--itj-article-font-size) !important; line-height: 1.35 !important; } /* Tambahan informasi pada beranda OJS, termasuk tabel yang dibuat dari editor. */ html body .page_index_journal .additional_content, html body .page_index_journal .additionalContent, html body .pkp_page_index .additional_content, html body .pkp_page_index .additionalContent, html body table[width="600"][style*="font-size"] { font-size: var(--itj-article-font-size) !important; line-height: 1.35 !important; } html body .page_index_journal .additional_content :is(p, li, td, th, a, span, div, b, strong, em), html body .page_index_journal .additionalContent :is(p, li, td, th, a, span, div, b, strong, em), html body .pkp_page_index .additional_content :is(p, li, td, th, a, span, div, b, strong, em), html body .pkp_page_index .additionalContent :is(p, li, td, th, a, span, div, b, strong, em), html body table[width="600"][style*="font-size"] td, html body table[width="600"][style*="font-size"] td :is(a, span, strong, b, em, p, div) { font-size: inherit !important; line-height: 1.35 !important; } /* ===== B. SUSUNAN AUTHOR + NOMOR HALAMAN ===== */ /* Di dalam template OJS, .meta membungkus .authors dan .pages. Flex memastikan label halaman tidak menimpa penulis. */ html body .obj_issue_toc .obj_article_summary .meta, html body .cmp_article_list .obj_article_summary .meta { display: flex !important; flex-flow: row nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; gap: 14px !important; position: relative !important; min-width: 0 !important; box-sizing: border-box !important; padding-top: 8px !important; } /* Ikon di luar ruang teks; baris 2, 3, dst. tepat sejajar huruf awal nama. */ html body .obj_issue_toc .articles .obj_article_summary .authors, html body .cmp_article_list .obj_article_summary .authors { display: block !important; position: relative !important; flex: 1 1 0% !important; min-width: 0 !important; width: auto !important; box-sizing: border-box !important; padding: 0 0 0 31px !important; margin: 0 !important; text-indent: 0 !important; white-space: normal !important; overflow-wrap: break-word !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; } html body .obj_issue_toc .articles .obj_article_summary .authors::before, html body .cmp_article_list .obj_article_summary .authors::before { content: "👥" !important; display: block !important; position: absolute !important; top: 2px !important; left: 0 !important; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; float: none !important; line-height: 1.2 !important; font-size: 17px !important; text-align: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } /* Halaman menjadi kotak putih dengan outline oranye, selaras tombol PDF. */ html body .obj_issue_toc .obj_article_summary .pages, html body .cmp_article_list .obj_article_summary .pages { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; position: static !important; inset: auto !important; float: none !important; box-sizing: border-box !important; min-height: 37px !important; width: auto !important; margin: 0 0 0 auto !important; padding: 6px 12px !important; border: 1px solid var(--itj-outline) !important; border-radius: 4px !important; background: #FFFFFF !important; background-image: none !important; box-shadow: none !important; color: #111111 !important; -webkit-text-fill-color: #111111 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; text-align: center !important; white-space: nowrap !important; transition: transform var(--itj-move-duration) ease, background-color var(--itj-move-duration) ease, box-shadow var(--itj-move-duration) ease !important; } /* ===== C. EFEK HOVER BERGERAK, TANPA LOGO DAN USER NAV ===== */ /* Terapkan pada interaksi yang terlihat: kartu, menu utama, PDF, blok, baris informasi, pengumuman, tautan konten, dan detail artikel. */ @media (hover: hover) and (pointer: fine) { /* Kartu artikel: efek existing tetap terjaga. */ html body .obj_issue_toc .articles > li, html body .obj_issue_toc .sections .articles > li, html body .cmp_article_list > li { transition: transform var(--itj-move-duration) ease, box-shadow var(--itj-move-duration) ease !important; } html body .obj_issue_toc .articles > li:hover, html body .obj_issue_toc .sections .articles > li:hover, html body .cmp_article_list > li:hover { transform: translateY(-4px) !important; } /* Menu utama bergerak; menu pengguna #navigationUser tidak disentuh. */ html body #navigationPrimary > li > a, html body #navigationPrimary > li > ul > li > a, html body .pkp_navigation_primary_row .pkp_navigation_primary a { transition: transform var(--itj-move-duration) ease, background-color var(--itj-move-duration) ease, color var(--itj-move-duration) ease !important; display: inline-block; } html body #navigationPrimary > li > a:hover, html body #navigationPrimary > li > ul > li > a:hover, html body .pkp_navigation_primary_row .pkp_navigation_primary a:hover { transform: translateY(-3px) !important; } /* Tombol PDF, angka halaman dan tautan utama artikel. */ html body .obj_article_summary .pages:hover { transform: translateY(-3px) !important; background: #FFF7C9 !important; box-shadow: 0 4px 9px rgba(130, 83, 46, .18) !important; } html body .pkp_structure_main :is(.obj_galley_link, .obj_article_summary > .title a, .obj_announcement_summary .title a, .read_more a, .cmp_button, .pkp_button), html body .pkp_structure_sidebar .pkp_block .content a:not(:has(img)) { transition: transform var(--itj-move-duration) ease, color var(--itj-move-duration) ease, box-shadow var(--itj-move-duration) ease !important; } html body .pkp_structure_main :is(.obj_galley_link, .obj_article_summary > .title a, .obj_announcement_summary .title a, .read_more a, .cmp_button, .pkp_button):hover, html body .pkp_structure_sidebar .pkp_block .content a:not(:has(img)):hover { transform: translateY(-3px) !important; } /* Kartu pengumuman, ringkasan edisi, gambar artikel/edisi (bukan logo). */ html body .pkp_structure_main :is(.obj_announcement_summary, .obj_issue_summary), html body .pkp_structure_main .obj_issue_toc .cover img, html body .pkp_structure_main .additional_content img:not([alt*="logo" i]), html body .pkp_structure_main .additionalContent img:not([alt*="logo" i]) { transition: transform var(--itj-move-duration) ease, box-shadow var(--itj-move-duration) ease !important; } html body .pkp_structure_main :is(.obj_announcement_summary, .obj_issue_summary):hover, html body .pkp_structure_main .obj_issue_toc .cover img:hover, html body .pkp_structure_main .additional_content img:not([alt*="logo" i]):hover, html body .pkp_structure_main .additionalContent img:not([alt*="logo" i]):hover { transform: translateY(-4px) !important; } /* Additional Content: tabel informasi bergerak per baris. */ html body table[width="600"][style*="font-size"] tbody tr > td { transition: transform var(--itj-move-duration) ease, background-color var(--itj-move-duration) ease, box-shadow var(--itj-move-duration) ease !important; } html body table[width="600"][style*="font-size"] tbody tr:hover > td { transform: translateX(5px) !important; } /* Sidebar menu & panel bergerak; blok logo gambar tidak berpindah. */ html body .pkp_structure_sidebar .pkp_block:not(:has(img)) { transition: transform var(--itj-move-duration) ease, box-shadow var(--itj-move-duration) ease !important; } html body .pkp_structure_sidebar .pkp_block:not(:has(img)):hover { transform: translateY(-3px) !important; } /* Metadata penulis dan panel dalam halaman detail. */ html body .obj_article_details .entry_details .item, html body .obj_article_details .authors > li { transition: transform var(--itj-move-duration) ease, box-shadow var(--itj-move-duration) ease !important; } html body .obj_article_details .entry_details .item:hover, html body .obj_article_details .authors > li:hover { transform: translateY(-3px) !important; } /* Tautan footer teks, kecuali tautan bergambar/logo. */ html body .pkp_footer_content a:not(:has(img)) { display: inline-block; transition: transform var(--itj-move-duration) ease !important; } html body .pkp_footer_content a:not(:has(img)):hover { transform: translateY(-2px) !important; } } /* ===== D. RESPONSIF ===== */ @media (max-width: 600px) { :root { --itj-article-font-size: 14px; } html body .obj_issue_toc .obj_article_summary .meta, html body .cmp_article_list .obj_article_summary .meta { flex-wrap: wrap !important; gap: 8px !important; } html body .obj_issue_toc .obj_article_summary .authors, html body .cmp_article_list .obj_article_summary .authors { flex: 1 1 100% !important; } html body .obj_issue_toc .obj_article_summary .pages, html body .cmp_article_list .obj_article_summary .pages { margin: 0 0 0 31px !important; min-height: 34px !important; } } /* ===== E. LOGO & USER NAVIGATION MENU: TANPA HOVER BERGERAK ===== */ /* PENTING: jangan tetapkan transform:none pada wrapper user navigation. Tema bawaan OJS memakai transform:translateX(-50%) untuk memosisikan menu secara tepat di header. Menghapusnya menggeser menu keluar layar. */ html body .pkp_site_name, html body .pkp_site_name a, html body .pkp_site_name img, html body .pkp_site_name_wrapper img, html body #navigationUser, html body #navigationUser > li > a, html body .pkp_navigation_user, html body .pkp_navigation_user > li > a { transform: none !important; transition: none !important; animation: none !important; } /* Biarkan posisi dan dropdown bawaan OJS tetap berfungsi. */ html body #navigationUserWrapper, html body .pkp_navigation_user_wrapper { transition: none !important; animation: none !important; /* Properti transform sengaja TIDAK ditimpa. */ } /* Aksesibilitas pengguna yang memilih pengurangan animasi. */ @media (prefers-reduced-motion: reduce) { html body .obj_issue_toc .articles > li, html body .cmp_article_list > li, html body .obj_article_summary .pages, html body .pkp_structure_main :is(.obj_galley_link, .obj_announcement_summary, .obj_issue_summary), html body .pkp_structure_main .additional_content img, html body .pkp_structure_main .additionalContent img, html body .pkp_structure_sidebar .pkp_block, html body .pkp_structure_sidebar .pkp_block .content a, html body #navigationPrimary a, html body .obj_article_details .entry_details .item, html body .obj_article_details .authors > li, html body .pkp_footer_content a, html body table[width="600"][style*="font-size"] td { transform: none !important; transition: none !important; } } /* ============================================================================ ITJ | PENYERAGAMAN UKURAN TEKS PUBLIK 14PX Berlaku untuk judul, author, halaman, PDF, Additional Content, navigasi utama, konten, sidebar, dan footer. Tampilan logo, ikon visual, status ORCID tersembunyi, hover, tata letak author, serta User Navigation Menu tidak diubah. Ditulis setelah seluruh aturan lama agar tetap efektif. ============================================================================ */ :root { --itj-article-font-size: 14px; } html body { font-size: 14px !important; } /* Seluruh teks pada kartu artikel dan tombol galley/PDF. */ html body .obj_issue_toc .articles .obj_article_summary :is( .title, .title a, .authors, .authors a, .authors span, .pages, .pages span, .galleys_links, .galleys_links a, .obj_galley_link, .doi, .doi a, .subtitle, .subtitle a ), html body .cmp_article_list .obj_article_summary :is( .title, .title a, .authors, .authors a, .authors span, .pages, .pages span, .galleys_links, .galleys_links a, .obj_galley_link, .doi, .doi a, .subtitle, .subtitle a ), html body .obj_issue_toc .obj_article_summary .meta, html body .cmp_article_list .obj_article_summary .meta { font-size: 14px !important; } /* Additional Content: teks, label, tabel, tautan dan turunannya. */ html body .page_index_journal :is(.additional_content, .additionalContent), html body .page_index_journal :is(.additional_content, .additionalContent) :is( p, a, div, span, li, ul, ol, table, tbody, tr, th, td, strong, b, em, i, small, h1, h2, h3, h4, h5, h6 ), html body table[width="600"][style*="font-size"], html body table[width="600"][style*="font-size"] :is( p, a, div, span, li, ul, ol, tbody, tr, th, td, strong, b, em, i, small ) { font-size: 14px !important; } /* Konsistensi teks navigasi utama, sidebar dan footer, tanpa mengubah logo, User Navigation Menu, atau ukuran ikon. */ html body .pkp_navigation_primary :is(a, span, li), html body .pkp_structure_sidebar .pkp_block :is( .title, .content, p, li, a, span, td, th, label, small, strong, em ), html body .pkp_structure_footer :is(p, li, a, span, small), html body .pkp_structure_main :is( .page_title, .current_issue_title, .section_title, .cmp_announcements .title, .cmp_announcements .summary, .obj_announcement_summary .title, .obj_announcement_summary .summary, .obj_issue_summary .title, .obj_issue_summary .description ) { font-size: 14px !important; } /* Halaman detail: teks artikel, label metadata dan citation, kecuali elemen ORCID yang harus disembunyikan oleh aturan lama. */ html body .page_article .obj_article_details :is( .page_title, .subtitle, .authors .name, .authors .affiliation, .entry_details .label, .entry_details .value, .abstract p, .keywords, .citation_display, .item .label, .item .value ) { font-size: 14px !important; } html body .obj_article_details .authors :is(.name, .affiliation) :is(a, span) { font-size: 14px !important; } /* Tautan ORCID yang disembunyikan tetap 0px; teks URL visual 14px. */ html body .obj_article_details a[href*="orcid.org"], html body .obj_article_details .orcid, html body .obj_article_details .orcid-id { font-size: 0 !important; } html body .obj_article_details a[href*="orcid.org"]::after { font-size: 14px !important; } /* Emoji penulis tetap berfungsi sebagai ikon, bukan teks artikel. */ html body .obj_issue_toc .articles .obj_article_summary .authors::before, html body .cmp_article_list .obj_article_summary .authors::before { font-size: 17px !important; } /* Tidak ada lagi variasi ukuran pada kartu artikel atau Additional Content di mobile. */ @media (max-width: 600px) { :root { --itj-article-font-size: 14px; } html body .obj_issue_toc .obj_article_summary .title, html body .obj_issue_toc .obj_article_summary .title a, html body .obj_issue_toc .obj_article_summary .authors, html body .obj_issue_toc .obj_article_summary .pages, html body .cmp_article_list .obj_article_summary .title, html body .cmp_article_list .obj_article_summary .title a, html body .cmp_article_list .obj_article_summary .authors, html body .cmp_article_list .obj_article_summary .pages, html body .page_index_journal .additional_content, html body .page_index_journal .additionalContent { font-size: 14px !important; } } /* ================================================================ ITJ | KOREKSI FINAL UKURAN NAMA & AFILIASI PENULIS — 14PX Khusus tampilan DETAIL ARTIKEL (bukan daftar artikel). Pemilihan selector langsung .obj_article_details menghindari ketergantungan pada .page_article yang bisa tidak tersedia pada template OJS. Ikon, posisi, heading dan hover tetap. ================================================================ */ html body .obj_article_details .authors, html body .obj_article_details .authors > li, html body .obj_article_details .authors > li .name, html body .obj_article_details .authors > li .affiliation, html body .obj_article_details .authors > li .name *, html body .obj_article_details .authors > li .affiliation * { font-size: 14px !important; line-height: 1.48 !important; } /* Nama semi-tebal/tebal sebagaimana gaya sebelumnya. */ html body .obj_article_details .authors > li .name, html body .obj_article_details .authors > li .name * { font-weight: 700 !important; } /* Afiliasi reguler, dengan ukuran yang sama. */ html body .obj_article_details .authors > li .affiliation, html body .obj_article_details .authors > li .affiliation * { font-weight: 400 !important; } /* ORCID tidak diubah; status tersembunyi dan URL tetap ditangani oleh aturan lama. Icon SVG dan pseudo-elemen tidak diubah. */ /* ===================================================================== ITJ | PEMULIHAN USER NAVIGATION MENU — 1 NOVEMBER 2026 Menjaga menu akun (austrodemika, Dashboard, View Profile, Administration, Logout) saat pengguna masuk ke OJS. Pengaturan font 14px, kartu artikel, dan hover konten TIDAK diubah. ===================================================================== */ /* Pada mode desktop, tema Default OJS meletakkan wrapper menu dengan left:50% dan translateX(-50%). Reset sebelumnya menggeser menu keluar viewport. Pertahankan geometri dan lapisan interaksi OJS. */ @media (min-width: 992px) { html body .pkp_navigation_user_wrapper, html body #navigationUserWrapper { position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 1000 !important; } } /* Nonaktifkan offset negatif yang tidak sengaja diwarisi submenu user dari aturan lama ".pkp_nav_list ul {margin: 0 -55px}". */ html body #navigationUser ul, html body .pkp_navigation_user ul { margin: 0 !important; } /* Tidak mengubah display dropdown menjadi selalu terbuka: OJS tetap menangani buka/tutup menggunakan hover, fokus, atau JavaScript. */ html body #navigationUser, html body .pkp_navigation_user, html body #navigationUser a, html body .pkp_navigation_user a { animation: none !important; transition: none !important; } /* ============================================================ ITJ | JUDUL KARTU DETAIL ARTIKEL — 20PX Hanya judul artikel pada halaman detail. Teks kartu daftar, nama/afiliasi penulis, Additional Content dan User Navigation tetap menggunakan pengaturan sebelumnya. ============================================================ */ html body .page_article .obj_article_details .page_title, html body .obj_article_details > .page_title, html body .page_article h1.page_title, html body .pkp_structure_main .obj_article_details .page_title { font-size: 20px !important; } /* ===================================================================== ITJ | HOW TO CITE 13PX + URUTAN ISSUE -> HOW TO CITE -> LICENSE 01 November 2026 Perubahan terisolasi pada halaman detail artikel, tanpa mengubah font 20px judul artikel, 14px teks lainnya atau User Navigation. ===================================================================== */ /* Blok sidebar detail artikel disusun vertikal. Pengaturan khusus hanya aktif bila blok sitasi tersedia. */ html body .obj_article_details .entry_details:has(> .item.citation) { display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* Blok lainnya tetap berada di atas kelompok metadata berikut. Pastikan ISSUE tampil tepat sebelum HOW TO CITE, lalu LICENSE. */ html body .obj_article_details .entry_details > .item.issue { order: 10 !important; } html body .obj_article_details .entry_details > .item.citation { order: 11 !important; } html body .obj_article_details .entry_details > .item.copyright { order: 12 !important; } /* ISI sitasi + URL DOI + tombol/opsi format = 13px. Header HOW TO CITE tidak diubah (mengikuti 14px sebelumnya). */ html body .obj_article_details .entry_details .item.citation .citation_display > .value, html body .obj_article_details .entry_details .item.citation .citation_display > .value *, html body .obj_article_details .entry_details .item.citation #citationOutput, html body .obj_article_details .entry_details .item.citation #citationOutput *, html body .obj_article_details .entry_details .item.citation .citation_formats_button, html body .obj_article_details .entry_details .item.citation .citation_formats_list, html body .obj_article_details .entry_details .item.citation .citation_formats_list * { font-size: 13px !important; line-height: 1.5 !important; } /* Tautan DOI tetap nyaman dibaca pada sidebar sempit. */ html body .obj_article_details .entry_details .item.citation #citationOutput a { overflow-wrap: anywhere !important; word-break: normal !important; } /* Pastikan permintaan terbaru berlaku: judul detail 20px, sekalipun ada aturan font umum 14px dengan spesifisitas tinggi. */ html body .page.page_article .obj_article_details > h1.page_title, html body .page_article .obj_article_details > h1.page_title, html body .obj_article_details > h1.page_title { font-size: 20px !important; } /* ===================================================================== ITJ | KOREKSI TERBATAS FONT PDF DAN NOMOR HALAMAN: 14px -> 13px Hanya teks tombol PDF dan badge nomor halaman pada daftar artikel. Ukuran judul, penulis, ikon, Additional Content, How to Cite, User Navigation Menu, tampilan kartu dan hover tidak diubah. ===================================================================== */ html body .obj_issue_toc .articles .obj_article_summary .pages, html body .obj_issue_toc .articles .obj_article_summary .pages :is(a, span, strong), html body .cmp_article_list .obj_article_summary .pages, html body .cmp_article_list .obj_article_summary .pages :is(a, span, strong), html body .obj_issue_toc .articles .obj_article_summary .galleys_links, html body .obj_issue_toc .articles .obj_article_summary .galleys_links a, html body .obj_issue_toc .articles .obj_article_summary a.obj_galley_link, html body .cmp_article_list .obj_article_summary .galleys_links, html body .cmp_article_list .obj_article_summary .galleys_links a, html body .cmp_article_list .obj_article_summary a.obj_galley_link { font-size: 13px !important; } /* ===================================================================== ITJ | PERATAAN BAWAH IKON PENULIS & NAMA PENULIS — 01 NOV 2026 Ikon 👥 pada kartu daftar artikel dinaikkan 5px agar sisi bawah visual ikon sejajar dengan batas bawah teks baris pertama nama. Padding kiri 31px tetap: nama yang melipat tetap sejajar teks, bukan bergeser ke bawah ikon. Font, PDF, badge halaman, dan desain/hover sebelumnya tidak diubah. ===================================================================== */ html body .obj_issue_toc .articles .obj_article_summary .authors::before, html body .obj_issue_toc .sections .articles .obj_article_summary .authors::before, html body .cmp_article_list .obj_article_summary .authors::before { top: -3px !important; /* sebelumnya 2px; naik 5px */ bottom: auto !important; } /* ======================================================================= ITJ | PERBAIKAN PENOMORAN HALAMAN KARTU ARTIKEL — 13PX (FINAL) Mengatasi ukuran 14px dari aturan metadata lama dan elemen turunannya. Hanya nomor halaman di DAFTAR artikel; tombol PDF dan unsur lain tetap. Berlaku pada desktop maupun perangkat seluler. ======================================================================= */ html body .obj_issue_toc .articles > li .obj_article_summary .pages, html body .obj_issue_toc .articles > li .obj_article_summary .pages *, html body .obj_issue_toc .sections .articles > li .obj_article_summary .pages, html body .obj_issue_toc .sections .articles > li .obj_article_summary .pages *, html body .cmp_article_list > li .obj_article_summary .pages, html body .cmp_article_list > li .obj_article_summary .pages *, html body .obj_issue_toc .articles > li .meta .pages, html body .obj_issue_toc .articles > li .meta .pages *, html body .cmp_article_list > li .meta .pages, html body .cmp_article_list > li .meta .pages * { font-size: 13px !important; }