/* ==========================================================
EQUALITY BEFORE THE LAW (JIH) - CSS LENGKAP PREMIUM
OJS Default Theme - e-journal.unimudasorong.ac.id
(gaya sama dengan Papua Law Review, warna merah JIH)
Pasang: Settings > Website > Appearance > Advanced >
Journal style sheet > Upload > Save.
File ini MENGGANTIKAN styleSheet-JIH-artikel-PREMIUM.css
(daftar artikel premium sudah termasuk di dalamnya).
Pasangan HTML: SALIN-Journal-Summary-JIH.html -> Journal Summary
========================================================== */
/* SIDEBAR TIDAK DIUBAH SAMA SEKALI: Additional Menu, Indexing,
Tools, Template, ISSN, Visitors tampil persis seperti aslinya. */
:root {
--utama: #a8131a;
--utama-muda: #ce0003;
--gelap: #4a0709;
--emas: #d4a437;
--emas-muda: #f1d27a;
--abu: #f2f2f2;
--abu-tua: #ebebeb;
--garis: #dddddd;
--teks: #2a0d0e;
}
html,
body {
background: #f4f4f4 none;
}
.pkp_structure_page {
max-width: 1160px;
margin: 0 auto;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
@media (min-width: 1200px) {
.pkp_structure_page {
margin-top: 30px;
margin-bottom: 30px;
}
}
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
position: relative;
padding-top: 0;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.pkp_site_name_wrapper {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #fff;
}
.pkp_site_name {
margin: 0 !important;
padding: 0;
}
.pkp_site_name > a {
margin: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pkp_site_name .is_img,
.pkp_site_name .is_img img {
display: block;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
}
.pkp_navigation_user_wrapper {
padding: 10px 30px 0 0;
}
.pkp_navigation_user .profile > a,
.profile a {
background: var(--utama);
color: #fff !important;
border: 1px solid var(--emas) !important;
border-radius: 15px !important;
padding-left: 10px;
padding-right: 10px;
}
.dropdown-menu {
background: var(--utama) !important;
}
.dropdown-menu li a:hover {
color: var(--utama) !important;
}
.pkp_navigation_primary_row,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper,
.pkp_head_wrapper .pkp_navigation_primary_row {
background: var(--utama) !important;
background-image: none !important;
}
.pkp_navigation_primary_row {
border-top: none !important;
border-bottom: 3px solid var(--emas) !important;
padding-left: 30px;
padding-right: 30px;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
margin: 0 !important;
padding: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
margin: 0 !important;
padding: 0 15px !important;
line-height: 40px !important;
color: #fff !important;
font-weight: bold !important;
transition: 0.2s;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:focus {
background: var(--abu);
color: var(--utama) !important;
border-radius: 20px !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
background: var(--utama) !important;
border-radius: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
border-bottom: 1px solid var(--emas) !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
border-bottom: none !important;
}
.pkp_site_nav_toggle {
background: var(--utama) !important;
}
.pkp_navigation_search_wrapper {
background: var(--abu);
border-radius: 20px;
transition: 0.4s;
}
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover {
color: var(--utama);
}
.pkp_structure_content.has_sidebar {
padding-top: 0;
}
.pkp_structure_main .page {
padding-top: 20px;
}
.pkp_structure_main h1 {
font-size: 20px;
font-weight: 600;
}
.pkp_structure_main .page > h1,
.pkp_structure_main .page_title {
color: var(--teks);
padding-bottom: 8px;
border-bottom: 3px solid var(--emas);
}
.pkp_structure_main a {
color: var(--utama) !important;
}
.pkp_structure_main a:hover {
color: var(--utama-muda) !important;
}
.description,
.main_entry .item.abstract {
text-align: justify;
}
.cmp_breadcrumbs a {
font-weight: 600;
}
.cmp_button,
.pkp_button.submit,
.page_search .submit button,
.cmp_form .buttons button,
.page_submissions .cmp_notification a {
background: var(--utama) !important;
border-color: var(--utama) !important;
color: #fff !important;
border-radius: 4px;
box-shadow: none !important;
}
.cmp_button:hover,
.pkp_button.submit:hover,
.page_search .submit button:hover,
.cmp_form .buttons button:hover {
background: var(--gelap) !important;
}
@media (min-width: 992px) {
.page_index_journal {
display: grid;
grid-template-columns: minmax(0, 1fr) 27%;
column-gap: 24px;
align-items: start;
}
.page_index_journal > * {
grid-column: 1 / -1;
}
.page_index_journal > .homepage_about {
grid-column: 1;
grid-row: 1;
}
.page_index_journal > .homepage_image {
grid-column: 2;
grid-row: 1;
}
}
.homepage_about {
display: block;
width: auto;
margin: 0 !important;
text-align: justify;
}
.homepage_about h2 {
box-sizing: border-box;
height: 40px;
line-height: 40px;
margin: 0 0 12px !important;
padding: 0 !important;
overflow: hidden;
}
.homepage_about > p:empty,
.homepage_about > p:first-of-type:has(> br:only-child) {
display: none;
}
.homepage_about table {
margin-top: 0 !important;
}
.homepage_image {
float: none !important;
width: auto !important;
box-sizing: border-box;
align-self: start;
margin: 52px 0 0 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
box-shadow: none !important;
text-align: center;
}
.homepage_image img {
display: block;
width: 100%;
max-width: 280px;
height: auto;
margin: 0 auto !important;
box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.45) !important;
}
.homepage_about h2 {
position: relative;
height: auto !important;
line-height: 1.2 !important;
margin: 0 0 16px !important;
padding: 18px 0 10px !important;
overflow: visible !important;
font-family: Georgia, "Times New Roman", serif;
font-size: 22px !important;
font-weight: 700;
color: var(--gelap);
border-bottom: 1px solid #ecd9d7;
}
.homepage_about h2::before {
content: "JOURNAL PROFILE";
position: absolute;
top: 0;
left: 0;
font-family: inherit;
font-family: "Noto Sans", Arial, sans-serif;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.22em;
color: var(--emas);
}
.homepage_about h2::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 64px;
height: 3px;
background: linear-gradient(90deg, var(--utama), var(--emas));
border-radius: 2px;
}
.homepage_about table,
table.deskripsi {
width: 100% !important;
height: auto !important;
box-sizing: border-box;
border-collapse: separate !important;
border-spacing: 0;
margin: 0 !important;
padding: 0;
overflow: hidden;
background: #ffffff;
border: 1px solid #e3c9a0 !important;
border-radius: 10px;
box-shadow:
0 0 0 4px #ffffff,
0 0 0 5px rgba(212, 164, 55, 0.55),
0 14px 34px rgba(74, 7, 9, 0.18);
text-align: left;
font-size: 14px;
line-height: 1.5;
}
.homepage_about table td,
table.deskripsi td {
height: auto !important;
vertical-align: middle;
padding: 11px 18px !important;
border: none !important;
border-bottom: 1px solid #f1e4e2 !important;
transition: background 0.2s;
}
.homepage_about table tr:last-child td {
border-bottom: none !important;
}
.homepage_about table td:first-child,
table.deskripsi td.label {
width: 36%;
white-space: nowrap;
background: #7e1116 !important;
border-bottom: 1px solid rgba(212, 164, 55, 0.22) !important;
color: #ffffff !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.homepage_about table tr:nth-child(even) td:first-child {
background: #8a161c !important;
}
.homepage_about table td:first-child::before {
display: inline-block;
width: 20px;
margin-right: 10px;
font-family: FontAwesome;
font-size: 13px;
font-weight: normal;
letter-spacing: 0;
text-align: center;
color: var(--emas);
content: "\f105 ";
}
.homepage_about table tr:nth-child(1) td:first-child::before { content: "\f02d "; }
.homepage_about table tr:nth-child(2) td:first-child::before { content: "\f02b "; }
.homepage_about table tr:nth-child(3) td:first-child::before { content: "\f031 "; }
.homepage_about table tr:nth-child(4) td:first-child::before { content: "\f135 "; }
.homepage_about table tr:nth-child(5) td:first-child::before { content: "\f02a "; }
.homepage_about table tr:nth-child(6) td:first-child::before { content: "\f0c1 "; }
.homepage_about table tr:nth-child(7) td:first-child::before { content: "\f007 "; }
.homepage_about table tr:nth-child(8) td:first-child::before { content: "\f19c "; }
.homepage_about table tr:nth-child(9) td:first-child::before { content: "\f0ca "; }
.homepage_about table tr:nth-child(10) td:first-child::before { content: "\f0ac "; }
.homepage_about table tr:nth-child(11) td:first-child::before { content: "\f201 "; }
.homepage_about table tr:nth-child(12) td:first-child::before { content: "\f002 "; }
.homepage_about table td:nth-child(2):not(:last-child) {
display: none;
}
.homepage_about table td:last-child {
background: #ffffff;
color: #2a1416;
font-size: 14px;
}
.homepage_about table tr:nth-child(even) td:last-child {
background: #fdf8f7;
}
.homepage_about table tr:hover td:last-child {
background: #fbefe9;
box-shadow: inset 3px 0 0 var(--emas);
}
.homepage_about table td:last-child strong,
.homepage_about table td:last-child b {
font-weight: 400;
}
.homepage_about table td:last-child a {
color: var(--utama) !important;
font-weight: 700;
text-decoration: none;
background-image: linear-gradient(var(--emas), var(--emas));
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 100% 1px;
transition: background-size 0.25s, color 0.2s;
}
.homepage_about table td:last-child a:hover {
color: var(--gelap) !important;
background-size: 100% 2px;
}
.homepage_about table td:last-child a strong,
.homepage_about table td:last-child a b {
font-weight: 700;
}
.homepage_about > *:last-child {
margin-bottom: 0 !important;
}
.homepage_about > p {
margin: 22px 0 0;
font-size: 14.5px;
line-height: 1.85;
color: #3a2a2c;
}
.homepage_image {
position: relative;
margin-top: 71px !important;
}
.homepage_image img {
border: 5px solid #ffffff;
outline: 1px solid rgba(212, 164, 55, 0.7);
border-radius: 3px;
box-shadow: 0 16px 34px rgba(74, 7, 9, 0.35) !important;
transition: transform 0.3s, box-shadow 0.3s;
}
.homepage_image:hover img {
transform: translateY(-3px);
box-shadow: 0 22px 40px rgba(74, 7, 9, 0.42) !important;
}
.homepage_image::after {
content: "\f09c OPEN ACCESS";
display: block;
margin: 16px auto 0;
padding: 7px 0;
width: 100%;
max-width: 280px;
background: linear-gradient(90deg, var(--gelap), var(--utama), var(--gelap));
border-radius: 3px;
color: var(--emas-muda);
font-family: FontAwesome, "Noto Sans", Arial, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
text-align: center;
white-space: pre;
}
@media (max-width: 600px) {
.homepage_about table td:first-child {
width: 42%;
white-space: normal;
font-size: 11px;
}
.homepage_about table td,
table.deskripsi td {
padding: 9px 12px !important;
}
}
.cmp_announcements {
margin-top: 32px;
border: 1px solid #ead6d6;
border-top: 4px solid var(--utama);
border-radius: 6px;
background: #fcf8f8;
box-shadow: 0 3px 10px rgba(74, 7, 9, 0.08);
overflow: hidden;
}
.cmp_announcements.highlight_first {
background: #fcf8f8;
}
.cmp_announcements .obj_announcement_summary {
padding: 22px 26px !important;
}
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a,
.obj_announcement_summary h4 a {
color: var(--utama) !important;
font-weight: 700;
}
.obj_announcement_summary .date {
color: #777;
}
.obj_announcement_summary .read_more {
font-weight: 700;
}
.current_issue > h2 {
color: var(--teks);
padding-bottom: 8px;
border-bottom: 3px solid var(--emas);
}
.current_issue_title,
.obj_issue_toc .heading .title {
margin: 18px 0 16px;
font-size: 17px;
font-weight: 700;
color: var(--utama);
letter-spacing: 0.01em;
}
.obj_issue_toc .heading {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 22px;
margin-bottom: 34px;
padding: 22px 24px;
background: linear-gradient(135deg, #fdf7f6 0%, #f8ecea 100%);
border: 1px solid #ecd9d7;
border-left: 5px solid var(--utama);
border-radius: 8px;
box-shadow: 0 4px 14px rgba(74, 7, 9, 0.08);
}
.obj_issue_toc .heading .cover {
float: none !important;
flex: 0 0 150px;
margin: 0 !important;
}
.obj_issue_toc .heading .cover img,
.obj_issue_summary .cover img {
display: block;
width: 100%;
border: 4px solid #ffffff;
border-radius: 3px;
box-shadow: 0 6px 16px rgba(74, 7, 9, 0.30);
}
.obj_issue_toc .heading .description {
flex: 1 1 260px;
margin: 0 !important;
font-size: 14px;
line-height: 1.75;
color: var(--teks);
}
.obj_issue_toc .heading .description p {
margin: 0 0 4px;
}
.obj_issue_toc .heading .published,
.obj_issue_toc .heading .pub_id {
flex: 1 1 100%;
margin: 0 !important;
font-size: 13px;
}
.obj_issue_toc .heading .published .label,
.obj_issue_toc .heading .pub_id .type {
display: inline-block;
margin-right: 6px;
padding: 3px 10px;
background: var(--utama);
border-radius: 20px;
color: #ffffff;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.obj_issue_toc .sections .section,
.obj_issue_toc .section {
margin: 0 !important;
padding: 0 !important;
border-top: none !important;
}
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
position: static !important;
display: flex !important;
align-items: center;
gap: 14px;
top: auto !important;
margin: 0 0 22px !important;
padding: 0 !important;
background: none !important;
color: var(--utama) !important;
font-size: 13px !important;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.obj_issue_toc .section > h2::before,
.obj_issue_toc .section > h3::before {
content: "\f02d ";
font-family: FontAwesome;
font-size: 14px;
letter-spacing: 0;
color: var(--emas);
}
.obj_issue_toc .section > h2::after,
.obj_issue_toc .section > h3::after {
content: "";
flex: 1 1 auto;
height: 2px;
background: linear-gradient(90deg, var(--emas) 0%, rgba(212, 164, 55, 0) 100%);
}
.obj_issue_summary {
display: flow-root;
padding: 18px 20px;
background: #ffffff;
border: 1px solid #ecd9d7;
border-top: 4px solid var(--utama);
border-radius: 8px;
box-shadow: 0 3px 10px rgba(74, 7, 9, 0.07);
transition: box-shadow 0.25s, transform 0.25s;
}
.obj_issue_summary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(74, 7, 9, 0.14);
}
.obj_issue_summary .title {
font-weight: 700;
}
.obj_issue_summary .series {
color: var(--teks);
font-weight: 600;
}
.page_issue_archive .issues_archive > li {
margin-bottom: 22px;
border: none !important;
}
.obj_issue_toc .articles,
.cmp_article_list {
counter-reset: artikel;
margin: 0;
padding: 0;
}
.obj_issue_toc .articles > li,
.cmp_article_list > li {
counter-increment: artikel;
margin: 0 0 18px !important;
padding: 0 !important;
border: none !important;
}
.obj_article_summary {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 14px;
padding: 20px 24px 18px !important;
background: #ffffff !important;
border: 1px solid #eedfdd !important;
border-left: 4px solid var(--utama) !important;
border-radius: 8px !important;
box-shadow: 0 2px 8px rgba(74, 7, 9, 0.06) !important;
font-size: 14px;
transition: box-shadow 0.25s, transform 0.25s, border-color 0.25s;
}
.obj_article_summary:hover {
transform: translateY(-2px);
border-left-color: var(--emas) !important;
box-shadow: 0 10px 24px rgba(74, 7, 9, 0.13) !important;
}
.obj_article_summary::before {
content: "ARTICLE " counter(artikel, decimal-leading-zero);
order: 0;
flex: 1 1 100%;
margin-bottom: 8px;
color: var(--emas);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.18em;
}
.obj_article_summary > .title,
.obj_article_summary > h3,
.obj_article_summary > h4 {
order: 1;
flex: 1 1 100%;
margin: 0 0 12px !important;
font-size: 16.5px;
line-height: 1.45;
}
.pkp_structure_main .obj_article_summary > .title a,
.pkp_structure_main .obj_article_summary > h3 a,
.pkp_structure_main .obj_article_summary > h4 a {
color: #1d1416 !important;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.015em;
transition: color 0.2s;
}
.pkp_structure_main .obj_article_summary > .title a:hover,
.pkp_structure_main .obj_article_summary > h3 a:hover,
.pkp_structure_main .obj_article_summary > h4 a:hover {
color: var(--utama) !important;
}
.obj_article_summary .title .subtitle {
display: block;
margin-top: 4px;
font-size: 14.5px;
font-weight: 400;
text-transform: none;
color: #5a4a4c;
}
.obj_article_summary .meta {
order: 2;
flex: 1 1 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
gap: 4px 16px;
margin: 0 0 14px;
padding: 0 0 14px;
border: none;
border-bottom: 1px dashed #e3cfcd;
}
.obj_article_summary .meta .authors {
flex: 1 1 auto;
min-width: 0;
padding: 0 !important;
margin: 0 !important;
background: none !important;
font-size: 14px;
font-style: italic;
color: #4a3a3c;
}
.obj_article_summary .meta .authors::before {
content: "\f0c0 ";
margin-right: 9px;
font-family: FontAwesome;
font-style: normal;
color: var(--utama);
}
.obj_article_summary .meta .pages {
flex: 0 0 auto;
padding: 2px 10px;
background: #f8eeec;
border-radius: 20px;
color: var(--utama);
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.obj_article_summary .meta .pages::before {
content: "\f0f6 ";
margin-right: 6px;
font-family: FontAwesome;
font-weight: normal;
}
.obj_article_summary .galleys_links {
list-style: none;
order: 4;
flex: 0 0 auto;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0;
}
.obj_article_summary .galleys_links li {
margin: 0 !important;
}
.pkp_structure_main .obj_galley_link,
.obj_galley_link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 112px;
padding: 9px 20px !important;
background: #ffffff !important;
border: 1.5px solid var(--utama) !important;
border-radius: 4px !important;
color: var(--utama) !important;
font-size: 13px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
text-transform: uppercase !important;
text-decoration: none !important;
transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.pkp_structure_main .obj_galley_link::before,
.obj_galley_link::before {
color: var(--utama) !important;
}
.pkp_structure_main .obj_galley_link:hover,
.pkp_structure_main .obj_galley_link:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
background: var(--utama) !important;
color: #ffffff !important;
box-shadow: 0 4px 10px rgba(160, 22, 27, 0.30);
}
.pkp_structure_main .obj_galley_link:hover::before,
.pkp_structure_main .obj_galley_link:focus::before,
.obj_galley_link:hover::before,
.obj_galley_link:focus::before {
color: #ffffff !important;
}
.obj_article_summary .article_stats {
order: 3;
flex: 1 1 100%;
display: flex;
gap: 18px;
margin: -4px 0 12px;
color: #6b5a5c;
font-size: 12.5px;
}
.obj_article_summary .article_stats .abstract_views::before,
.obj_article_summary .article_stats .pdf_views::before {
margin-right: 6px;
font-family: FontAwesome;
color: var(--emas);
}
.obj_article_summary .article_stats .abstract_views::before { content: "\f201 "; }
.obj_article_summary .article_stats .pdf_views::before { content: "\f019 "; }
.obj_article_summary .doi,
.obj_article_summary .cmp_doi {
order: 5;
flex: 0 1 auto;
margin: 0 0 0 auto;
font-size: 13px;
color: #4a3a3c;
text-align: right;
}
.obj_article_summary .doi::before {
content: "DOI";
display: inline-block;
margin-right: 8px;
padding: 3px 7px;
background: var(--emas);
border-radius: 3px;
color: #ffffff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.06em;
vertical-align: 1px;
}
.obj_article_summary .doi .label {
display: none;
}
.obj_article_summary .doi a {
color: #4a3a3c !important;
text-decoration: none;
word-break: break-all;
}
.obj_article_summary .doi a:hover {
color: var(--utama) !important;
text-decoration: underline;
}
.current_issue .read_more {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 10px;
padding: 9px 20px;
border: 1.5px solid var(--emas);
border-radius: 4px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
text-decoration: none !important;
transition: background 0.2s, color 0.2s;
}
.pkp_structure_main .current_issue .read_more:hover {
background: var(--emas);
color: #ffffff !important;
}
@media (max-width: 600px) {
.obj_article_summary {
padding: 16px 16px 14px !important;
}
.obj_article_summary > .title,
.obj_article_summary > h3,
.obj_article_summary > h4 {
font-size: 15px;
}
.obj_issue_toc .heading .cover {
flex-basis: 110px;
}
.obj_article_summary .doi {
flex-basis: 100%;
margin: 12px 0 0;
text-align: left;
}
}
@media (prefers-reduced-motion: reduce) {
.obj_article_summary,
.obj_article_summary:hover,
.obj_issue_summary,
.obj_issue_summary:hover {
transition: none !important;
transform: none !important;
}
}
.current_issue > h2 {
position: relative;
margin: 46px 0 14px !important;
padding: 18px 0 10px !important;
border-bottom: 1px solid #ecd9d7 !important;
font-family: Georgia, "Times New Roman", serif;
font-size: 22px !important;
font-weight: 700;
color: var(--gelap) !important;
}
.current_issue > h2::before {
content: "LATEST ISSUE";
position: absolute;
top: 0;
left: 0;
font-family: "Noto Sans", Arial, sans-serif;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.22em;
color: var(--emas);
}
.current_issue > h2::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 64px;
height: 3px;
background: linear-gradient(90deg, var(--utama), var(--emas));
border-radius: 2px;
}
.current_issue_title,
.obj_issue_toc .heading .title {
font-family: Georgia, "Times New Roman", serif;
font-size: 18px;
color: var(--utama);
}
.obj_issue_toc .heading {
padding: 24px 26px !important;
background:
radial-gradient(circle at 85% 0%, rgba(212, 164, 55, 0.18) 0%, rgba(212, 164, 55, 0) 45%),
linear-gradient(135deg, #5a0a0e 0%, #8a161c 100%) !important;
border: 1px solid rgba(212, 164, 55, 0.55) !important;
border-left: 1px solid rgba(212, 164, 55, 0.55) !important;
border-radius: 10px !important;
box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgba(212, 164, 55, 0.45), 0 14px 32px rgba(74, 7, 9, 0.25) !important;
}
.obj_issue_toc .heading .cover img {
border: 4px solid #ffffff;
outline: 1px solid var(--emas);
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.45);
}
.obj_issue_toc .heading .description,
.obj_issue_toc .heading .description p {
color: #f6e9e6 !important;
}
.obj_issue_toc .heading .description strong {
color: var(--emas-muda);
}
.obj_issue_toc .heading .description a {
color: var(--emas-muda) !important;
}
.obj_issue_toc .heading .published,
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .published .value,
.obj_issue_toc .heading .pub_id a {
color: #f6e9e6 !important;
}
.obj_issue_toc .heading .published .label,
.obj_issue_toc .heading .pub_id .type {
background: var(--emas) !important;
color: #3a0607 !important;
}
.obj_article_summary {
padding: 20px 24px 18px 92px !important;
border: 1px solid #ecdcd9 !important;
border-left: 1px solid #ecdcd9 !important;
border-radius: 10px !important;
overflow: hidden;
}
.obj_article_summary:hover {
border-color: rgba(212, 164, 55, 0.7) !important;
}
.obj_article_summary::before {
content: counter(artikel, decimal-leading-zero);
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 68px;
margin: 0;
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 20px;
box-sizing: border-box;
background: linear-gradient(180deg, #8a161c 0%, #5a0a0e 100%);
border-right: 2px solid var(--emas);
color: var(--emas-muda);
font-family: Georgia, "Times New Roman", serif;
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
}
.obj_article_summary > .title::before,
.obj_article_summary > h3::before,
.obj_article_summary > h4::before {
content: "\f09c OPEN ACCESS";
display: block;
margin-bottom: 8px;
font-family: FontAwesome, "Noto Sans", Arial, sans-serif;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.2em;
color: var(--emas);
white-space: pre;
}
.pkp_structure_main .obj_article_summary > .title a,
.pkp_structure_main .obj_article_summary > h3 a,
.pkp_structure_main .obj_article_summary > h4 a {
font-family: Georgia, "Times New Roman", serif;
font-size: 16px;
letter-spacing: 0.025em;
color: #2a0d0e !important;
}
.obj_article_summary .meta .pages {
background: #fff8ea;
border: 1px solid rgba(212, 164, 55, 0.7);
color: #8a5a10;
}
.pkp_structure_main .obj_galley_link,
.obj_galley_link {
background: linear-gradient(180deg, #a0161b 0%, #74100f 100%) !important;
border: 1px solid var(--emas) !important;
color: #ffffff !important;
box-shadow: 0 3px 8px rgba(116, 16, 15, 0.25);
}
.pkp_structure_main .obj_galley_link::before,
.obj_galley_link::before {
color: var(--emas-muda) !important;
}
.pkp_structure_main .obj_galley_link:hover,
.pkp_structure_main .obj_galley_link:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
background: linear-gradient(180deg, #e0b453 0%, #c4922d 100%) !important;
border-color: #c4922d !important;
color: #3a0607 !important;
}
.pkp_structure_main .obj_galley_link:hover::before,
.obj_galley_link:hover::before {
color: #3a0607 !important;
}
.obj_article_summary .doi::before {
background: var(--utama);
color: var(--emas-muda);
}
@media (max-width: 600px) {
.obj_article_summary {
padding: 52px 16px 14px !important;
}
.obj_article_summary::before {
top: 0;
bottom: auto;
right: 0;
width: auto;
height: 38px;
padding: 0 16px;
align-items: center;
justify-content: flex-start;
border-right: none;
border-bottom: 2px solid var(--emas);
font-size: 18px;
}
}
.obj_issue_toc .articles > li,
.cmp_article_list > li {
margin: 0 0 16px !important;
}
.obj_article_summary {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 0 12px;
padding: 22px 26px 0 82px !important;
background: #ffffff !important;
border: 1px solid #ece4e2 !important;
border-left: 1px solid #ece4e2 !important;
border-radius: 10px !important;
box-shadow: 0 1px 3px rgba(60, 20, 20, 0.05) !important;
overflow: hidden;
transition: box-shadow 0.25s, border-color 0.25s, transform 0.25s;
}
.obj_article_summary:hover {
transform: translateY(-2px);
border-color: #e2cfa6 !important;
box-shadow: 0 10px 26px rgba(60, 20, 20, 0.10) !important;
}
.obj_article_summary::before {
content: counter(artikel, decimal-leading-zero) !important;
position: absolute !important;
top: 22px !important;
left: 24px !important;
bottom: auto !important;
width: 40px !important;
height: 40px !important;
padding: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
background: #fbf5f3 !important;
border: 1.5px solid #d9b98a !important;
border-radius: 50%;
color: #8a2a2e !important;
font-family: Georgia, "Times New Roman", serif;
font-size: 15px !important;
font-weight: 700;
letter-spacing: 0 !important;
}
.obj_article_summary > .title::before,
.obj_article_summary > h3::before,
.obj_article_summary > h4::before {
content: "RESEARCH ARTICLE \b7 \f09c OPEN ACCESS" !important;
color: #a8823c !important;
font-size: 10px !important;
letter-spacing: 0.18em !important;
margin-bottom: 9px !important;
}
.obj_article_summary > .title,
.obj_article_summary > h3,
.obj_article_summary > h4 {
margin: 0 0 10px !important;
}
.pkp_structure_main .obj_article_summary > .title a,
.pkp_structure_main .obj_article_summary > h3 a,
.pkp_structure_main .obj_article_summary > h4 a {
color: #24161a !important;
font-family: Georgia, "Times New Roman", serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.pkp_structure_main .obj_article_summary > .title a:hover,
.pkp_structure_main .obj_article_summary > h3 a:hover,
.pkp_structure_main .obj_article_summary > h4 a:hover {
color: #8a2a2e !important;
text-decoration: underline !important;
text-decoration-color: #d9b98a !important;
text-underline-offset: 4px;
}
.obj_article_summary .meta {
margin: 0 0 18px !important;
padding: 0 !important;
border-bottom: none !important;
}
.obj_article_summary .meta .authors {
font-style: normal !important;
font-size: 14px !important;
color: #5b4a4c !important;
}
.obj_article_summary .meta .authors::before {
color: #b08a4a !important;
}
.obj_article_summary {
padding-bottom: 16px !important;
}
.obj_article_summary .meta {
margin: 0 0 14px !important;
padding: 0 0 14px !important;
border-bottom: 1px solid #f0e6e2 !important;
}
.obj_article_summary .galleys_links {
order: 4 !important;
margin: 0 !important;
padding: 0 !important;
}
.obj_article_summary .article_stats {
order: 5 !important;
display: flex !important;
visibility: visible !important;
flex: 1 1 auto !important;
flex-wrap: wrap;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
}
.obj_article_summary .article_stats > span {
display: inline-flex !important;
align-items: center;
padding: 4px 10px;
background: #faf6f3;
border: 1px solid #ece4e2;
border-radius: 20px;
color: #5b4a4c;
white-space: nowrap;
}
.obj_article_summary .doi {
order: 6 !important;
margin: 0 0 0 auto !important;
padding: 0 !important;
}
.obj_article_summary .meta .pages {
background: #faf6f3 !important;
border: 1px solid #ece4e2 !important;
color: #7a5a3c !important;
font-weight: 600 !important;
}
.pkp_structure_main .obj_article_summary .obj_galley_link {
min-width: 96px;
padding: 8px 18px !important;
background: #ffffff !important;
border: 1.5px solid #9c3a3e !important;
border-radius: 6px !important;
box-shadow: none !important;
color: #9c3a3e !important;
font-size: 12.5px;
letter-spacing: 0.08em;
}
.pkp_structure_main .obj_article_summary .obj_galley_link::before {
color: #9c3a3e !important;
}
.pkp_structure_main .obj_article_summary .obj_galley_link:hover,
.pkp_structure_main .obj_article_summary .obj_galley_link:focus {
background: #9c3a3e !important;
border-color: #9c3a3e !important;
color: #ffffff !important;
}
.pkp_structure_main .obj_article_summary .obj_galley_link:hover::before {
color: #ffffff !important;
}
.obj_article_summary .doi::before {
background: #f3e7d3 !important;
color: #7a5a3c !important;
}
@media (max-width: 600px) {
.obj_article_summary {
padding: 18px 16px 0 16px !important;
}
.obj_article_summary::before {
position: static !important;
width: 34px !important;
height: 34px !important;
margin-bottom: 10px;
font-size: 13px !important;
border-bottom: 1.5px solid #d9b98a !important;
}
.obj_article_summary .galleys_links {
margin-left: -16px !important;
padding-left: 16px !important;
}
.pkp_structure_main .obj_article_summary > .title a,
.pkp_structure_main .obj_article_summary > h3 a,
.pkp_structure_main .obj_article_summary > h4 a {
font-size: 16px !important;
}
}
.obj_article_details {
font-size: 14.5px;
}
.obj_article_details .page_title {
position: relative;
margin: 10px 0 0 !important;
padding: 44px 30px 26px !important;
background:
radial-gradient(circle at 92% 0%, rgba(212, 164, 55, 0.20) 0%, rgba(212, 164, 55, 0) 45%),
linear-gradient(135deg, #5a0a0e 0%, #8a161c 100%) !important;
border: none !important;
border-radius: 10px 10px 0 0 !important;
box-shadow: none !important;
color: #ffffff !important;
font-family: Georgia, "Times New Roman", serif;
font-size: 23px !important;
font-weight: 700;
line-height: 1.38 !important;
letter-spacing: 0.01em;
}
.obj_article_details .page_title::before {
content: "\f09c RESEARCH ARTICLE \b7 OPEN ACCESS";
position: absolute;
top: 18px;
left: 30px;
font-family: FontAwesome, "Noto Sans", Arial, sans-serif;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.2em;
color: var(--emas);
white-space: pre;
}
.obj_article_details .subtitle {
margin: 0 !important;
padding: 0 30px 22px !important;
background: linear-gradient(135deg, #5a0a0e 0%, #8a161c 100%);
color: #f3dcd6 !important;
font-family: Georgia, "Times New Roman", serif;
font-size: 16px;
font-style: italic;
}
.obj_article_details > .row {
margin-top: 0 !important;
border-top: 4px solid var(--emas);
}
.obj_article_details .main_entry .item > h2,
.obj_article_details .main_entry .item > h3,
.obj_article_details .main_entry .item .label,
.obj_article_details .entry_details .item .label {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 12px !important;
color: var(--utama) !important;
font-family: "Noto Sans", Arial, sans-serif;
font-size: 12px !important;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.obj_article_details .main_entry .item > h2::after,
.obj_article_details .main_entry .item > h3::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: linear-gradient(90deg, var(--emas) 0%, rgba(212, 164, 55, 0) 100%);
}
.obj_article_details .main_entry .item {
padding: 24px 30px 24px 26px !important;
border-bottom: 1px solid #f0e2e0;
}
.obj_article_details .main_entry .item.authors {
padding-top: 28px !important;
}
.obj_article_details .entry_details {
padding-left: 22px !important;
padding-right: 4px !important;
}
.obj_article_details .entry_details .item:first-child {
margin-top: 26px !important;
}
.obj_article_details .item.keywords .label {
margin-bottom: 10px !important;
}
@media (max-width: 767px) {
.obj_article_details .main_entry .item {
padding: 20px 16px !important;
}
.obj_article_details .entry_details {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
.obj_article_details .item.authors ul.authors,
.obj_article_details .authors {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.obj_article_details .authors li {
position: relative;
box-sizing: border-box;
margin: 0 !important;
padding: 14px 16px 14px 54px !important;
background: #fdf8f7;
border: 1px solid #efdedb;
border-radius: 8px;
}
.obj_article_details .authors li::before {
content: "\f007 ";
position: absolute;
top: 14px;
left: 14px;
width: 30px;
height: 30px;
border-radius: 50%;
background: linear-gradient(135deg, var(--utama), var(--gelap));
color: var(--emas-muda);
font-family: FontAwesome;
font-size: 14px;
line-height: 30px;
text-align: center;
}
.obj_article_details .authors .name {
display: block;
font-weight: 700;
color: var(--teks);
}
.obj_article_details .authors .affiliation {
display: block;
margin-top: 2px;
font-size: 13px;
color: #6b5a5c;
}
.obj_article_details .authors .orcid {
display: block;
margin-top: 6px;
font-size: 12px;
}
.obj_article_details .authors .orcid a {
color: #4b7f1c !important;
}
.obj_article_details .item.doi .value a {
font-weight: 600;
}
.obj_article_details .item.keywords .value {
font-style: normal;
line-height: 2.2;
}
.obj_article_details .item.keywords .value {
word-spacing: 2px;
}
.obj_article_details .item.abstract {
text-align: justify;
}
.obj_article_details .item.abstract > p,
.obj_article_details .item.abstract > div {
margin: 0;
padding: 18px 22px;
background: #fffdfc;
border: 1px solid #f0e2e0;
border-left: 4px solid var(--emas);
border-radius: 6px;
line-height: 1.85;
color: #2f2224;
}
.obj_article_details .item.references .value p,
.obj_article_details .item.references .value {
font-size: 13.5px;
line-height: 1.7;
color: #3a2a2c;
}
.obj_article_details .item.references .value p {
margin: 0 0 10px;
padding-left: 24px;
text-indent: -24px;
text-align: left;
}
.obj_article_details .entry_details {
background: none !important;
border: none !important;
border-radius: 0;
}
.obj_article_details .entry_details .item {
margin: 0 0 14px !important;
padding: 16px 18px !important;
background: #ffffff;
border: 1px solid #efdedb !important;
border-top: 3px solid var(--utama) !important;
border-radius: 8px;
box-shadow: 0 3px 10px rgba(74, 7, 9, 0.06);
}
.obj_article_details .entry_details .item.cover_image {
padding: 10px !important;
border-top-color: var(--emas) !important;
}
.obj_article_details .entry_details .item.cover_image img {
display: block;
width: 100%;
border-radius: 3px;
box-shadow: 0 8px 18px rgba(74, 7, 9, 0.25);
}
.obj_article_details .entry_details .item.galleys .galleys_links {
margin: 0;
padding: 0;
list-style: none;
}
.obj_article_details .entry_details .item.galleys .obj_galley_link {
width: 100%;
padding: 12px 18px !important;
font-size: 14px;
}
.obj_article_details .entry_details .item.citation .csl-bib-body,
.obj_article_details .entry_details .item.citation .value {
font-size: 13px;
line-height: 1.65;
color: #3a2a2c;
}
.obj_article_details .entry_details .item.citation .csl-entry {
padding: 12px 14px;
background: #fdf8f7;
border-left: 3px solid var(--emas);
border-radius: 4px;
}
.obj_article_details .citation_formats {
margin-top: 10px;
border: 1px solid #efdedb;
border-radius: 6px;
overflow: hidden;
}
.obj_article_details .citation_formats .label,
.obj_article_details .citation_formats button {
width: 100%;
padding: 8px 12px;
background: #f8eeec !important;
border: none !important;
color: var(--utama) !important;
font-size: 12px;
font-weight: 700;
text-align: left;
}
.obj_article_details .entry_details .item.copyright {
font-size: 12.5px;
line-height: 1.6;
color: #5a4a4c;
}
.obj_article_details .entry_details .item.copyright img {
margin-bottom: 8px;
}
@media (max-width: 600px) {
.obj_article_details .page_title {
padding: 40px 18px 20px !important;
font-size: 19px !important;
}
.obj_article_details .page_title::before {
left: 18px;
font-size: 9.5px;
}
}
.obj_article_details .page_title {
background: linear-gradient(135deg, #fdf8f6 0%, #f6e8e4 100%) !important;
border: 1px solid #ecd9d5 !important;
border-left: 5px solid #9c3a3e !important;
border-bottom: none !important;
color: #4a1416 !important;
text-shadow: none;
}
.obj_article_details .page_title::before {
color: #b08433;
}
.obj_article_details .subtitle {
background: linear-gradient(135deg, #fdf8f6 0%, #f6e8e4 100%) !important;
border-left: 5px solid #9c3a3e;
border-right: 1px solid #ecd9d5;
color: #7a4a4c !important;
}
.obj_article_details > .row {
border-top: 3px solid #e6cf9c !important;
}
.obj_issue_toc .heading {
background: linear-gradient(135deg, #fdf8f6 0%, #f6e8e4 100%) !important;
border: 1px solid #ecd9d5 !important;
border-left: 5px solid #9c3a3e !important;
box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px rgba(212, 164, 55, 0.35), 0 10px 24px rgba(74, 7, 9, 0.10) !important;
}
.obj_issue_toc .heading .description,
.obj_issue_toc .heading .description p,
.obj_issue_toc .heading .published,
.obj_issue_toc .heading .published .value,
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .pub_id a {
color: #3a1a1c !important;
}
.obj_issue_toc .heading .description strong {
color: #7a1c20;
}
.obj_issue_toc .heading .description a {
color: var(--utama) !important;
}
.obj_issue_toc .heading .cover img {
border: 4px solid #ffffff;
outline: 1px solid #e3c9a0;
box-shadow: 0 8px 18px rgba(74, 7, 9, 0.22);
}
.obj_issue_toc .heading .published .label,
.obj_issue_toc .heading .pub_id .type {
background: #9c3a3e !important;
color: #ffffff !important;
}
.pkp_structure_footer_wrapper {
position: relative;
background:
radial-gradient(circle at 90% 0%, rgba(212, 164, 55, 0.14) 0%, rgba(212, 164, 55, 0) 40%),
linear-gradient(135deg, #3d0608 0%, #6a0d11 100%) !important;
border-top: 4px solid var(--emas) !important;
border-bottom: none !important;
box-shadow: none !important;
}
.pkp_structure_footer {
padding-top: 34px !important;
padding-bottom: 26px !important;
}
.pkp_footer_content {
color: #ecd7d3 !important;
font-size: 13.5px;
line-height: 1.8;
}
.pkp_footer_content strong,
.pkp_footer_content b {
color: #ffffff;
}
.pkp_footer_content a {
color: var(--emas-muda) !important;
text-decoration: none;
border-bottom: 1px dotted rgba(241, 210, 122, 0.6);
}
.pkp_footer_content a:hover {
color: #ffffff !important;
border-bottom-style: solid;
}
.pkp_footer_content hr {
border: none;
border-top: 1px solid rgba(212, 164, 55, 0.35);
margin: 16px 0;
}
.pkp_footer_content img {
background: #ffffff;
padding: 2px;
border-radius: 3px;
}
.pkp_brand_footer {
display: none;
}
.pkp_structure_footer_wrapper::after {
content: "";
display: block;
height: 6px;
background: linear-gradient(90deg, var(--emas) 0%, var(--utama) 50%, var(--emas) 100%);
}
.et-section {
margin: 0 0 30px;
}
.et-section > h3 {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 16px;
color: var(--utama);
font-family: "Noto Sans", Arial, sans-serif;
font-size: 12.5px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.et-section > h3::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: linear-gradient(90deg, var(--emas) 0%, rgba(212, 164, 55, 0) 100%);
}
.et-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 14px;
}
.et-card {
position: relative;
padding: 18px 18px 16px 86px;
min-height: 92px;
background: #ffffff;
border: 1px solid #efdedb;
border-top: 3px solid var(--utama);
border-radius: 10px;
box-shadow: 0 3px 10px rgba(74, 7, 9, 0.06);
transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.et-card:hover {
transform: translateY(-2px);
border-top-color: var(--emas);
box-shadow: 0 10px 22px rgba(74, 7, 9, 0.13);
}
.et-card.et-chief {
grid-column: 1 / -1;
background: linear-gradient(135deg, #fdf7f6 0%, #f8ecea 100%);
border-top-color: var(--emas);
}
.et-photo {
position: absolute;
top: 18px;
left: 18px;
width: 54px;
height: 54px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #ffffff;
outline: 1px solid var(--emas);
background: linear-gradient(135deg, var(--utama), var(--gelap));
}
span.et-photo::before {
content: "\f007 ";
display: block;
font-family: FontAwesome;
font-size: 22px;
line-height: 48px;
text-align: center;
color: var(--emas-muda);
}
.et-role {
display: block;
margin-bottom: 3px;
color: var(--emas);
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.et-name {
display: block;
color: var(--teks);
font-family: Georgia, "Times New Roman", serif;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}
.et-aff {
display: block;
margin-top: 3px;
color: #6b5a5c;
font-size: 13px;
line-height: 1.5;
}
.et-links {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 10px;
}
.pkp_structure_main .et-links a {
display: inline-block;
padding: 3px 9px;
background: #f8eeec;
border: 1px solid #efdedb;
border-radius: 20px;
color: var(--utama) !important;
font-size: 11px;
font-weight: 700;
text-decoration: none;
letter-spacing: 0.03em;
}
.pkp_structure_main .et-links a:hover {
background: var(--utama);
border-color: var(--utama);
color: #ffffff !important;
}
@media (min-width: 768px) {
.page_issue_archive .issues_archive {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.page_issue_archive .issues_archive > li {
margin: 0 !important;
}
.page_issue_archive .obj_issue_summary {
height: 100%;
box-sizing: border-box;
padding: 14px !important;
text-align: center;
}
.page_issue_archive .obj_issue_summary .cover {
float: none !important;
display: block;
width: 100% !important;
margin: 0 0 14px !important;
}
.page_issue_archive .obj_issue_summary .cover img {
width: 100%;
max-width: none;
}
.page_issue_archive .obj_issue_summary h2 {
margin: 0 0 4px;
font-family: Georgia, "Times New Roman", serif;
font-size: 15px;
line-height: 1.4;
}
.page_issue_archive .obj_issue_summary .description {
display: none;
}
}
@media (max-width: 991px) {
.homepage_about {
width: 100%;
margin-top: 20px !important;
}
.homepage_image {
width: 100% !important;
margin: 0 0 20px !important;
}
.homepage_image img {
max-width: 240px;
}
.pkp_navigation_primary_row {
padding-left: 0;
padding-right: 0;
}
.pkp_navigation_search_wrapper {
padding: 10px !important;
}
}
.ft-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 28px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(212, 164, 55, 0.35);
}
.ft-col h4 {
margin: 0 0 12px;
padding-bottom: 8px;
border-bottom: 2px solid var(--emas);
display: inline-block;
color: var(--emas-muda);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.ft-brand {
display: block;
margin-bottom: 6px;
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 20px;
font-weight: 700;
}
.ft-col p {
margin: 0 0 8px;
}
.ft-col ul {
margin: 0;
padding: 0;
list-style: none;
}
.ft-col li {
margin: 0 0 7px;
}
.pkp_footer_content .ft-col li a {
border-bottom: none;
}
.ft-col li a::before {
content: "\f105 ";
margin-right: 8px;
font-family: FontAwesome;
color: var(--emas);
}
.ft-ic {
display: inline-block;
width: 18px;
margin-right: 6px;
font-family: FontAwesome;
font-style: normal;
color: var(--emas);
text-align: center;
}
.ft-ic.i-map::before { content: "\f041 "; }
.ft-ic.i-mail::before { content: "\f0e0 "; }
.ft-ic.i-web::before { content: "\f0ac "; }
.ft-ic.i-issn::before { content: "\f02a "; }
.ft-ic.i-pub::before { content: "\f19c "; }
.ft-bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
padding-top: 16px;
font-size: 12.5px;
color: #d8bdb8;
}
.ft-bottom img {
vertical-align: middle;
margin-right: 8px;
}
@media (max-width: 767px) {
.ft-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
.et-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 8px 16px;
margin: 0;
padding: 0;
list-style: none;
}
.et-list li {
padding: 10px 14px;
background: #fdf8f7;
border-left: 3px solid var(--emas);
border-radius: 4px;
font-size: 13.5px;
line-height: 1.5;
}
.et-list li strong {
display: block;
color: var(--teks);
}
.et-list li span {
color: #6b5a5c;
font-size: 12.5px;
}
.jm-strip {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 0 0 16px;
background: #ffffff;
border: 1px solid #ece4e2;
border-top: 3px solid #9c3a3e;
border-radius: 10px;
box-shadow: 0 3px 12px rgba(60, 20, 20, 0.06);
overflow: hidden;
}
.jm-item {
padding: 18px 12px 16px;
text-align: center;
border-right: 1px solid #f0e6e2;
}
.jm-item:last-child {
border-right: none;
}
.jm-val {
display: block;
color: #7a1c20;
font-family: Georgia, "Times New Roman", serif;
font-size: 24px;
font-weight: 700;
line-height: 1.15;
}
.jm-val.jm-txt {
font-size: 17px;
line-height: 1.6;
white-space: nowrap;
}
.jm-lab {
display: block;
margin-top: 6px;
color: #8a7266;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.jm-cta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 24px;
}
.pkp_structure_main .jm-btn {
display: inline-block;
padding: 10px 18px;
background: #ffffff;
border: 1.5px solid #d9b98a;
border-radius: 6px;
color: #7a1c20 !important;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.pkp_structure_main .jm-btn:hover {
background: #faf3ea;
border-color: #b08a4a;
}
.pkp_structure_main .jm-btn.jm-main {
background: #9c3a3e;
border-color: #9c3a3e;
color: #ffffff !important;
}
.pkp_structure_main .jm-btn.jm-main:hover {
background: #7a1c20;
border-color: #7a1c20;
}
@media (max-width: 600px) {
.jm-strip {
grid-template-columns: repeat(2, 1fr);
}
.jm-item:nth-child(2) {
border-right: none;
}
.jm-item:nth-child(-n/**/+2) {
border-bottom: 1px solid #f0e6e2;
}
.jm-val {
font-size: 20px;
}
}
.jm-strip {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
width: 100%;
box-sizing: border-box;
}
.jm-item {
min-width: 0;
padding: 18px 8px 16px !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.jm-val {
font-size: 24px;
}
.jm-val.jm-txt {
font-size: 15px !important;
line-height: 1.6 !important;
white-space: normal !important;
}
.jm-lab {
font-size: 9.5px !important;
letter-spacing: 0.08em !important;
line-height: 1.5;
}
.jm-cta {
display: grid !important;
grid-template-columns: 1.3fr 1fr 1fr;
gap: 10px !important;
}
.pkp_structure_main .jm-btn {
display: flex !important;
align-items: center;
justify-content: center;
padding: 11px 10px !important;
text-align: center;
white-space: nowrap;
font-size: 12.5px !important;
}
@media (max-width: 600px) {
.jm-strip {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.jm-cta {
grid-template-columns: 1fr;
}
}
.jm-strip:has(.jm-strip),
.jm-strip:has(table),
.jm-strip:has(.jm-cta),
.jm-item:has(.jm-strip),
.jm-item:has(table) {
display: block !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: none !important;
overflow: visible !important;
text-align: left !important;
}
.pkp_structure_main .obj_article_summary > .title a,
.pkp_structure_main .obj_article_summary > h3 a,
.pkp_structure_main .obj_article_summary > h4 a {
text-transform: uppercase !important;
font-size: 16px !important;
}
/* ==========================================================
DESKRIPSI TERBITAN (Current Issue) - daftar label & isi rapi
Isi Description: LabelIsi
per baris
========================================================== */
.obj_issue_toc .heading .description {
font-size: 14px !important;
line-height: 1.5 !important;
}
.obj_issue_toc .heading .description p {
display: flex !important;
align-items: baseline;
gap: 14px;
margin: 0 !important;
padding: 7px 0 !important;
border-bottom: 1px solid #ead9d4;
color: #1d1416 !important;
text-align: left !important;
}
.obj_issue_toc .heading .description p:last-child {
border-bottom: none;
}
.obj_issue_toc .heading .description p > strong:first-child {
flex: 0 0 40%;
color: #7a5a50 !important;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.obj_issue_toc .heading .description p b {
display: inline-block;
padding: 1px 10px;
background: var(--utama);
border-radius: 20px;
color: #ffffff !important;
font-size: 12px;
letter-spacing: 0.04em;
}
.obj_issue_toc .heading .description a {
color: var(--utama) !important;
}
@media (max-width: 600px) {
.obj_issue_toc .heading .description p { display: block !important; }
.obj_issue_toc .heading .description p > strong:first-child { display: block; }
}
/* Judul artikel: huruf besar hanya di awal kata (sesuai judul asli),
bukan kapital semua */
.pkp_structure_main .obj_article_summary > .title a,
.pkp_structure_main .obj_article_summary > h3 a,
.pkp_structure_main .obj_article_summary > h4 a {
text-transform: none !important;
font-size: 17px !important;
letter-spacing: 0 !important;
}
/* ==========================================================
PENGUMUMAN / CALL FOR PAPERS - tampilan informasi premium
(isi Summary: gambar, paragraf, daftar , baris tautan)
========================================================== */
.obj_announcement_summary .summary img,
.page_announcement .description img {
display: block;
max-width: 100% !important;
height: auto !important;
margin: 6px 0 14px;
border-radius: 8px;
box-shadow: 0 10px 26px rgba(60, 20, 20, 0.18);
}
.obj_announcement_summary .summary > p {
line-height: 1.7;
text-align: left;
}
/* Daftar informasi menjadi kartu-kartu */
.obj_announcement_summary .summary ul {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin: 16px 0 !important;
padding: 0 !important;
list-style: none !important;
}
.obj_announcement_summary .summary ul li {
margin: 0 !important;
padding: 12px 14px !important;
background: #ffffff;
border: 1px solid #ecdcd9;
border-top: 3px solid var(--utama);
border-radius: 8px;
color: #1d1416;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.obj_announcement_summary .summary ul li:hover {
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(60, 20, 20, 0.10);
}
.obj_announcement_summary .summary ul li strong {
display: block;
margin-bottom: 4px;
color: #a8823c;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
/* Baris tautan terakhir menjadi tombol */
.obj_announcement_summary .summary > p:last-child {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 6px;
}
.pkp_structure_main .obj_announcement_summary .summary > p:last-child a {
display: inline-block;
padding: 9px 18px;
border: 1.5px solid var(--utama);
border-radius: 6px;
color: var(--utama) !important;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
transition: background 0.2s, color 0.2s, transform 0.2s;
}
.pkp_structure_main .obj_announcement_summary .summary > p:last-child a:first-child {
background: var(--utama);
color: #ffffff !important;
}
.pkp_structure_main .obj_announcement_summary .summary > p:last-child a:hover {
transform: translateY(-1px);
background: var(--gelap);
border-color: var(--gelap);
color: #ffffff !important;
}
@media (max-width: 767px) {
.obj_announcement_summary .summary ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* ==========================================================
FOOTER JIH - tiga kolom gaya jurnal bereputasi
(isi Page Footer: p, ul, p, p - lihat footer-JIH-KODE.txt)
========================================================== */
.pkp_footer_content {
display: grid !important;
grid-template-columns: 1.3fr 1fr 1.2fr;
gap: 18px 34px;
align-items: start;
padding-top: 8px !important;
font-size: 13.5px;
line-height: 1.75;
}
.pkp_footer_content > * {
margin: 0 !important;
}
.pkp_footer_content > p:first-child strong:first-child {
display: block;
margin-bottom: 4px;
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 20px;
}
.pkp_footer_content > ul {
padding: 0 !important;
list-style: none !important;
}
.pkp_footer_content > ul li {
margin: 0 0 4px;
}
.pkp_footer_content > ul li:not(:first-child) a::before {
content: "\f105";
margin-right: 8px;
font-family: FontAwesome;
color: var(--emas);
}
.pkp_footer_content > ul li:first-child strong,
.pkp_footer_content > p:nth-of-type(2) > strong:first-child {
display: inline-block;
margin-bottom: 8px;
padding-bottom: 6px;
border-bottom: 2px solid var(--emas);
color: #f1d27a !important;
font-size: 12px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.pkp_footer_content > ul li a,
.pkp_footer_content > p a {
border-bottom: none !important;
}
.pkp_footer_content > ul li a:hover,
.pkp_footer_content > p a:hover {
text-decoration: underline !important;
}
/* Baris lisensi selebar penuh di bawah */
.pkp_footer_content > p:last-child {
grid-column: 1 / -1;
display: block;
padding-top: 16px;
border-top: 1px solid rgba(212, 164, 55, 0.35);
font-size: 12.5px;
color: #d8bdb8 !important;
}
.pkp_footer_content > p:last-child img {
height: 31px !important;
width: auto !important;
margin: 0 12px 0 0;
vertical-align: middle;
}
@media (max-width: 767px) {
.pkp_footer_content {
grid-template-columns: 1fr;
}
}
/* JIH: ikon tabel profil sesuai urutan baris JIH
(Title, Initials, Frequency, ISSN, Grade, DOI, Indexing, Editor, Publisher) */
.homepage_about table:not([style]) tr:nth-child(1) td:first-child::before { content: "\f02d" !important; }
.homepage_about table:not([style]) tr:nth-child(2) td:first-child::before { content: "\f02b" !important; }
.homepage_about table:not([style]) tr:nth-child(3) td:first-child::before { content: "\f073" !important; }
.homepage_about table:not([style]) tr:nth-child(4) td:first-child::before { content: "\f02a" !important; }
.homepage_about table:not([style]) tr:nth-child(5) td:first-child::before { content: "\f091" !important; }
.homepage_about table:not([style]) tr:nth-child(6) td:first-child::before { content: "\f0c1" !important; }
.homepage_about table:not([style]) tr:nth-child(7) td:first-child::before { content: "\f002" !important; }
.homepage_about table:not([style]) tr:nth-child(8) td:first-child::before { content: "\f007" !important; }
.homepage_about table:not([style]) tr:nth-child(9) td:first-child::before { content: "\f19c" !important; }
/* Paragraf kosong / titik liar di antara tombol & tabel disembunyikan */
.homepage_about > p:empty,
.homepage_about .jm-cta + p:not(:has(*)):empty { display: none !important; }
/* ==========================================================
DESKRIPSI TERBITAN - VERSI RINGKAS (kotak lebih kecil)
Baris data dibuat 2 kolom, sampul diperkecil
========================================================== */
.obj_issue_toc .heading {
gap: 18px !important;
padding: 16px 18px !important;
margin-bottom: 26px !important;
}
.obj_issue_toc .heading .cover {
flex: 0 0 120px !important;
max-width: 120px !important;
}
.obj_issue_toc .heading .cover img {
width: 100% !important;
height: auto !important;
border-width: 3px !important;
}
.obj_issue_toc .heading .description {
flex: 1 1 300px !important;
display: grid !important;
grid-template-columns: 1fr 1fr;
column-gap: 22px;
font-size: 13px !important;
line-height: 1.35 !important;
}
.obj_issue_toc .heading .description p {
display: block !important;
padding: 5px 0 !important;
border-bottom: 1px solid #ead9d4 !important;
font-size: 13px !important;
overflow-wrap: anywhere;
}
.obj_issue_toc .heading .description p:last-child {
border-bottom: 1px solid #ead9d4 !important;
}
.obj_issue_toc .heading .description p > strong:first-child {
display: block !important;
margin-bottom: 1px;
font-size: 10px !important;
letter-spacing: 0.07em !important;
}
.obj_issue_toc .heading .description p b {
padding: 0 8px !important;
font-size: 11px !important;
}
.obj_issue_toc .heading .published,
.obj_issue_toc .heading .pub_id {
font-size: 12px !important;
}
.obj_issue_toc .heading .published .label,
.obj_issue_toc .heading .pub_id .type {
padding: 2px 9px !important;
font-size: 10px !important;
}
@media (max-width: 700px) {
.obj_issue_toc .heading .description { grid-template-columns: 1fr; }
.obj_issue_toc .heading .cover { flex-basis: 100px !important; }
}
/* ==========================================================
ANIMASI PREMIUM JIH
Hanya area utama, header & menu. SIDEBAR TIDAK DISENTUH.
Otomatis mati bila perangkat memilih "kurangi gerakan".
========================================================== */
@keyframes jihNaik { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes jihGeser { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: none; } }
@keyframes jihMuncul { 0% { opacity: 0; transform: scale(0.9); } 70% { transform: scale(1.03); } 100% { opacity: 1; transform: none; } }
@keyframes jihGaris { from { width: 0; } to { width: 64px; } }
@keyframes jihKilau { 0% { left: -60%; } 18%, 100% { left: 130%; } }
@keyframes jihDenyut { 0%, 100% { box-shadow: 0 0 0 0 rgba(156, 58, 62, 0.45); } 50% { box-shadow: 0 0 0 9px rgba(156, 58, 62, 0); } }
@keyframes jihMelayang { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes jihEmas { 0%, 100% { border-top-color: #9c3a3e; } 50% { border-top-color: #d4a437; } }
@media (prefers-reduced-motion: no-preference) {
/* 1. Banner: kilau emas menyapu tiap 8 detik */
.pkp_site_name_wrapper .pkp_site_name { position: relative; overflow: hidden; }
.pkp_site_name_wrapper .pkp_site_name::after {
content: "";
position: absolute;
top: 0;
left: -60%;
width: 35%;
height: 100%;
background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,236,190,0.28) 50%, rgba(255,255,255,0) 100%);
pointer-events: none;
animation: jihKilau 8s ease-in-out 1s infinite;
}
/* 2. Menu utama: garis emas tumbuh saat disorot */
.pkp_navigation_primary > li > a { position: relative; }
.pkp_navigation_primary > li > a::after {
content: "";
position: absolute;
left: 50%;
bottom: 4px;
width: 0;
height: 2px;
background: #d4a437;
transition: width 0.3s ease, left 0.3s ease;
}
.pkp_navigation_primary > li > a:hover::after,
.pkp_navigation_primary > li > a:focus::after { left: 15%; width: 70%; }
/* 3. Judul bagian: naik + garis bawah tumbuh */
.homepage_about h2,
.current_issue > h2 { animation: jihNaik 0.7s ease both; }
.homepage_about h2::after { animation: jihGaris 0.9s ease 0.4s both; }
/* 4. Strip metrik: muncul satu per satu + terangkat saat disorot */
.jm-item { animation: jihMuncul 0.6s ease both; transition: transform 0.25s, box-shadow 0.25s; }
.jm-item:nth-child(1) { animation-delay: 0.15s; }
.jm-item:nth-child(2) { animation-delay: 0.30s; }
.jm-item:nth-child(3) { animation-delay: 0.45s; }
.jm-item:nth-child(4) { animation-delay: 0.60s; }
.jm-item:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(74, 7, 9, 0.12); position: relative; z-index: 1; }
/* 5. Tombol: Submit berdenyut lembut + kilau saat disorot */
.jm-cta { animation: jihNaik 0.7s ease 0.7s both; }
.pkp_structure_main .jm-btn { position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s, border-color 0.2s; }
.pkp_structure_main .jm-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(74, 7, 9, 0.18); }
.pkp_structure_main .jm-btn.jm-main { animation: jihDenyut 2.6s ease-in-out 2s infinite; }
.pkp_structure_main .jm-btn::after {
content: "";
position: absolute;
top: 0;
left: -60%;
width: 40%;
height: 100%;
background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
pointer-events: none;
}
.pkp_structure_main .jm-btn:hover::after { animation: jihKilau 1.6s ease forwards; }
/* 6. Tabel profil: baris masuk berurutan dari kiri */
.homepage_about table:not([style]) tr { animation: jihGeser 0.5s ease both; }
.homepage_about table:not([style]) tr:nth-child(1) { animation-delay: 0.85s; }
.homepage_about table:not([style]) tr:nth-child(2) { animation-delay: 0.93s; }
.homepage_about table:not([style]) tr:nth-child(3) { animation-delay: 1.01s; }
.homepage_about table:not([style]) tr:nth-child(4) { animation-delay: 1.09s; }
.homepage_about table:not([style]) tr:nth-child(5) { animation-delay: 1.17s; }
.homepage_about table:not([style]) tr:nth-child(6) { animation-delay: 1.25s; }
.homepage_about table:not([style]) tr:nth-child(7) { animation-delay: 1.33s; }
.homepage_about table:not([style]) tr:nth-child(8) { animation-delay: 1.41s; }
.homepage_about table:not([style]) tr:nth-child(9) { animation-delay: 1.49s; }
.homepage_about table:not([style]) tr:nth-child(n+10) { animation-delay: 1.57s; }
.homepage_about table:not([style]) tr td { transition: background 0.25s; }
.homepage_about table:not([style]) tr:hover td:last-child { background: #fbf1ee !important; }
/* 7. Sampul beranda: melayang pelan + miring 3D saat disorot */
.homepage_image { perspective: 900px; }
.homepage_image img { animation: jihMelayang 6s ease-in-out 1.5s infinite; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.homepage_image:hover img { animation-play-state: paused; transform: rotateY(-8deg) scale(1.03); box-shadow: 0 18px 36px rgba(74, 7, 9, 0.35); }
/* 8. Pengumuman: garis atas berganti merah-emas */
.obj_announcement_summary { animation: jihNaik 0.7s ease both; }
.cmp_announcements .obj_announcement_summary { border-top-style: solid; }
.cmp_announcements.highlight_first .obj_announcement_summary:first-child { animation: jihNaik 0.7s ease both, jihEmas 4s ease-in-out 1s infinite; }
/* 9. Kotak Current Issue */
.obj_issue_toc .heading { animation: jihNaik 0.8s ease both; }
.obj_issue_toc .heading .cover img { transition: transform 0.35s ease, box-shadow 0.35s ease; }
.obj_issue_toc .heading .cover:hover img { transform: scale(1.05) rotate(-1deg); box-shadow: 0 14px 28px rgba(74, 7, 9, 0.35); }
.obj_issue_toc .heading .description p { transition: padding-left 0.25s, background 0.25s; }
.obj_issue_toc .heading .description p:hover { padding-left: 6px !important; background: rgba(255, 255, 255, 0.55); }
.obj_issue_toc .heading .description p b { position: relative; overflow: hidden; }
.obj_issue_toc .heading .description p b::after {
content: "";
position: absolute;
top: 0;
left: -60%;
width: 40%;
height: 100%;
background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
animation: jihKilau 4s ease-in-out 1.5s infinite;
}
/* 10. Kartu artikel: muncul saat digulir + terangkat saat disorot */
.obj_issue_toc .articles > li { animation: jihNaik 0.6s ease both; }
.obj_issue_toc .articles > li:nth-child(2) { animation-delay: 0.1s; }
.obj_issue_toc .articles > li:nth-child(3) { animation-delay: 0.2s; }
.obj_issue_toc .articles > li:nth-child(4) { animation-delay: 0.3s; }
.obj_issue_toc .articles > li:nth-child(n+5) { animation-delay: 0.4s; }
@supports (animation-timeline: view()) {
.obj_issue_toc .articles > li {
animation: jihNaik linear both !important;
animation-timeline: view() !important;
animation-range: entry 0% entry 55% !important;
}
}
.pkp_structure_main .obj_article_summary { transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.pkp_structure_main .obj_article_summary:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(74, 7, 9, 0.14) !important; border-color: #e3c9a0 !important; }
.pkp_structure_main .obj_article_summary::before { transition: transform 0.4s ease, background 0.3s, color 0.3s; }
.pkp_structure_main .obj_article_summary:hover::before { transform: rotate(360deg); }
.pkp_structure_main .obj_article_summary .title a { background-image: linear-gradient(#d4a437, #d4a437); background-repeat: no-repeat; background-position: 0 100%; background-size: 0 1.5px; transition: background-size 0.35s ease, color 0.2s; }
.pkp_structure_main .obj_article_summary .title a:hover { background-size: 100% 1.5px; }
.pkp_structure_main .obj_galley_link { transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s, color 0.2s; }
.pkp_structure_main .obj_galley_link:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(156, 58, 62, 0.25); }
}
@media (prefers-reduced-motion: reduce) {
.pkp_structure_main *, .pkp_site_name::after { animation: none !important; transition: none !important; }
}
/* ==========================================================
PERBAIKAN: label OPEN ACCESS tersembunyi di balik/samping sampul
Paksa sampul di atas, label tepat di bawahnya
========================================================== */
.homepage_image {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
overflow: visible !important;
perspective: none !important;
}
.homepage_image > a,
.homepage_image > img,
.homepage_image > p {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 280px !important;
margin: 0 auto !important;
z-index: 1;
}
.homepage_image img {
position: static !important;
float: none !important;
}
.homepage_image::after {
position: static !important;
order: 99;
flex: 0 0 auto;
align-self: center;
width: 100% !important;
max-width: 280px !important;
box-sizing: border-box;
margin: 16px auto 0 !important;
transform: none !important;
z-index: 2;
}
@media (max-width: 991px) {
.homepage_image > a,
.homepage_image > img,
.homepage_image > p,
.homepage_image::after { max-width: 240px !important; }
}
@media (prefers-reduced-motion: no-preference) {
.homepage_image:hover img { transform: translateY(-4px) scale(1.02) !important; }
}
/* ==========================================================
PENGUMUMAN: KOTAK KANAN YANG KOSONG DIISI PANEL CALL FOR PAPERS
(muncul otomatis bila hanya ada 1 pengumuman)
Ganti teks di bagian ::after bila edisi berikutnya berubah.
========================================================== */
/* gambar poster yang belum diganti (URL_POSTER) disembunyikan */
.obj_announcement_summary img[src*="URL_POSTER"],
.obj_announcement_summary p:has(> img[src*="URL_POSTER"]),
.obj_announcement_summary .summary > *:has(img[src*="URL_POSTER"]) { display: none !important; }
@media (min-width: 992px) {
.cmp_announcements.highlight_first:has(> .more):not(:has(> .more *)) {
display: flex !important;
align-items: stretch;
}
.cmp_announcements.highlight_first:has(> .more):not(:has(> .more *)) > .obj_announcement_summary {
flex: 1 1 auto;
float: none !important;
width: auto !important;
min-width: 0;
}
.cmp_announcements.highlight_first > .more:not(:has(*)) {
flex: 0 0 300px;
float: none !important;
width: 300px !important;
}
}
.cmp_announcements.highlight_first > .more:not(:has(*)) {
position: relative;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
box-sizing: border-box;
margin: 0 !important;
padding: 28px 22px !important;
border: none !important;
border-left: 1px solid rgba(212, 164, 55, 0.45) !important;
background:
radial-gradient(circle at 85% 8%, rgba(212, 164, 55, 0.22) 0%, rgba(212, 164, 55, 0) 40%),
radial-gradient(circle at 10% 95%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 35%),
linear-gradient(160deg, #4a0709 0%, #7a1c20 55%, #a8131a 100%) !important;
color: #ffffff;
text-align: center;
overflow: hidden;
}
/* sampul jurnal (berbingkai putih) + judul emas */
.cmp_announcements.highlight_first > .more:not(:has(*))::before {
content: "CALL FOR PAPERS";
display: block;
width: 100%;
padding-top: 266px;
background:
url("https://e-journal.unimudasorong.ac.id/public/journals/13/homepageImage_en_US.jpg") center 5px / 168px 238px no-repeat,
linear-gradient(#ffffff, #ffffff) center 0 / 178px 248px no-repeat;
filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.40));
color: #f1d27a;
font-size: 15px;
font-weight: 800;
letter-spacing: 0.16em;
transition: transform 0.4s ease;
}
.cmp_announcements.highlight_first:hover > .more:not(:has(*))::before { transform: translateY(-4px); }
/* rincian: ubah edisi & tanggal di sini */
.cmp_announcements.highlight_first > .more:not(:has(*))::after {
content: "Vol. 7 No. 1 \B7 February 2027\A Open Submission: 1 November 2026\A Double-blind Peer Review";
white-space: pre-line;
display: block;
margin-top: -8px;
padding-top: 12px;
border-top: 1px solid rgba(241, 210, 122, 0.4);
font-size: 13px;
line-height: 1.8;
font-weight: 600;
color: rgba(255, 255, 255, 0.92);
letter-spacing: 0.02em;
}
@media (max-width: 991px) {
.cmp_announcements.highlight_first > .more:not(:has(*)) {
border-left: none !important;
border-top: 1px solid rgba(212, 164, 55, 0.45) !important;
}
}
/* perbaikan Safari/OJS: isi panel tidak boleh menyusut atau saling menimpa */
.cmp_announcements.highlight_first > .more:not(:has(*)) {
display: block !important;
padding: 36px 22px 30px !important;
text-align: center !important;
justify-content: flex-start !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
.cmp_announcements.highlight_first > .more:not(:has(*))::before,
.cmp_announcements.highlight_first > .more:not(:has(*))::after {
position: relative !important;
flex: 0 0 auto !important;
float: none !important;
box-sizing: content-box;
}
.cmp_announcements.highlight_first > .more:not(:has(*))::before {
display: block !important;
margin: 0 0 16px !important;
height: auto !important;
min-height: 0 !important;
z-index: 1;
}
.cmp_announcements.highlight_first > .more:not(:has(*))::after {
display: block !important;
margin: 0 !important;
z-index: 2;
}
/* animasi panel Call for Papers: selaras dengan animasi beranda */
@media (prefers-reduced-motion: no-preference) {
.cmp_announcements.highlight_first > .more:not(:has(*)) { animation: jihNaik 0.8s ease 0.2s both; }
.cmp_announcements.highlight_first > .more:not(:has(*))::before { animation: jihMelayang 6s ease-in-out 1.5s infinite; }
.cmp_announcements.highlight_first:hover > .more:not(:has(*))::before { animation-play-state: paused; }
}
@media (prefers-reduced-motion: reduce) {
.cmp_announcements.highlight_first > .more:not(:has(*)),
.cmp_announcements.highlight_first > .more:not(:has(*))::before { animation: none !important; transition: none !important; }
}
/* ==========================================================
LATAR BELAKANG HALAMAN: JARING PUTIH (lingkaran saling mengait)
Hanya area luar halaman; isi, sidebar, dan lebar tidak berubah.
========================================================== */
html,
body {
background-color: #eef2f6 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cg stroke='%23d6dee8' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='24.5'/%3E%3Ccircle cx='48' cy='0' r='24.5'/%3E%3Ccircle cx='0' cy='48' r='24.5'/%3E%3Ccircle cx='48' cy='48' r='24.5'/%3E%3Ccircle cx='24' cy='24' r='24.5'/%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-width='2.2'%3E%3Ccircle cx='0' cy='0' r='23'/%3E%3Ccircle cx='48' cy='0' r='23'/%3E%3Ccircle cx='0' cy='48' r='23'/%3E%3Ccircle cx='48' cy='48' r='23'/%3E%3Ccircle cx='24' cy='24' r='23'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: repeat !important;
background-size: 48px 48px !important;
background-attachment: fixed !important;
}
/* ==========================================================
JIH: AIMS & SCOPE PANEL MERAH + CHIP BIDANG,
TABEL INFORMASI RINGKAS 2 KOLOM, SAMPUL SAMPING DIHILANGKAN
Pasangan HTML: SALIN-Journal-Summary-JIH-AimsScope.html
========================================================== */
.page_index_journal > .homepage_image { display: none !important; }
@media (min-width: 992px) {
.page_index_journal > .homepage_about { grid-column: 1 / -1 !important; }
}
.homepage_about > p:empty,
.homepage_about > p:has(> br:only-child) { display: none !important; }
.homepage_about .vs-scope {
margin: 4px 0 20px;
padding: 20px 20px 16px;
border-radius: 12px;
background:
radial-gradient(circle at 92% 8%, rgba(212, 164, 55, 0.20) 0%, rgba(212, 164, 55, 0) 40%),
linear-gradient(135deg, #4a0709 0%, #7e1116 55%, #a8131a 100%);
color: #ffffff;
box-shadow: 0 10px 24px rgba(74, 7, 9, 0.18);
text-align: left;
}
.homepage_about .vs-scope h3 {
margin: 0 0 8px !important;
padding: 0 !important;
border: none !important;
background: none !important;
color: #f3d9a0 !important;
font-size: 12.5px !important;
font-weight: 800 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
}
.homepage_about .vs-scope h3::before, .homepage_about .vs-scope h3::after { content: none !important; display: none !important; }
.homepage_about .vs-scope > p {
margin: 0 0 14px !important;
color: #ffffff !important;
font-size: 14px !important;
line-height: 1.65 !important;
text-align: left !important;
}
.homepage_about .vs-scope > p strong { color: #ffffff !important; }
.homepage_about .vs-scope ul {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px 8px;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.homepage_about .vs-scope li {
position: relative;
margin: 0 !important;
padding: 8px 10px 8px 28px !important;
background: rgba(255, 255, 255, 0.07) !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 6px;
color: #ffffff !important;
font-size: 13.5px !important;
line-height: 1.35 !important;
list-style: none !important;
transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.homepage_about .vs-scope li::before {
content: "" !important;
position: absolute;
left: 11px;
top: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
border-radius: 50%;
background: #f3d9a0 !important;
}
.homepage_about .vs-scope li:hover { background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(243, 217, 160, 0.6) !important; transform: translateY(-1px); }
.homepage_about .vs-scope li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.homepage_about .vs-scope .vs-more { margin: 12px 0 0 !important; }
.pkp_structure_main .homepage_about .vs-scope .vs-more a {
color: #ffffff !important;
font-weight: 800;
font-size: 13.5px;
text-decoration: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
background: none !important;
}
.pkp_structure_main .homepage_about .vs-scope .vs-more a:hover { color: #f3d9a0 !important; border-bottom-color: #f3d9a0; }
/* tabel informasi jurnal: ringkas, 2 kolom melebar ke samping */
.homepage_about table:not([style]) { font-size: 13px !important; }
.homepage_about table:not([style]) td { padding: 8px 12px !important; line-height: 1.35 !important; }
.homepage_about table:not([style]) td:first-child { font-size: 10.5px !important; }
.homepage_about table:not([style]) td:first-child::before { width: 16px !important; margin-right: 7px !important; font-size: 11.5px !important; }
.homepage_about table:not([style]) td * { font-size: inherit !important; }
@media (min-width: 768px) {
.homepage_about table:not([style]) tbody { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.homepage_about table:not([style]) tr { display: grid !important; grid-template-columns: 46% minmax(0, 1fr); }
.homepage_about table:not([style]) tr:nth-child(odd) { border-right: 1px solid #f1e4e2; }
.homepage_about table:not([style]) td { display: flex !important; align-items: center; width: auto !important; white-space: normal !important; }
.homepage_about table:not([style]) td:nth-child(2):not(:last-child) { display: none !important; }
.homepage_about table:not([style]) tr:last-child:nth-child(odd) { grid-column: 1 / -1; grid-template-columns: 23% minmax(0, 1fr); border-right: none; }
.homepage_about table:not([style]) tr:nth-last-child(2):nth-child(even) td { border-bottom: none !important; }
}
@media (max-width: 600px) {
.homepage_about .vs-scope ul { grid-template-columns: 1fr; }
}
/* ==========================================================
JIH: DAFTAR ARTIKEL GAYA ELSEVIER / SCOPUS
nomor bulat dihapus, animasi sederhana tapi elegan
========================================================== */
.pkp_structure_main .obj_article_summary::before { content: none !important; display: none !important; }
.pkp_structure_main .obj_article_summary { padding-left: 26px !important; }
@media (max-width: 600px) { .pkp_structure_main .obj_article_summary { padding-left: 16px !important; } }
@keyframes jihTampil { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
/* muncul halus satu kali, tanpa efek lompat */
.obj_issue_toc .articles > li,
.cmp_article_list > li { animation: jihTampil 0.5s ease-out both !important; animation-timeline: auto !important; }
@supports (animation-timeline: view()) {
.obj_issue_toc .articles > li,
.cmp_article_list > li { animation: jihTampil linear both !important; animation-timeline: view() !important; animation-range: entry 0% entry 35% !important; }
}
/* kartu: tidak terangkat, hanya garis aksen kiri + latar sangat lembut */
.pkp_structure_main .obj_article_summary {
position: relative;
overflow: hidden;
transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.pkp_structure_main .obj_article_summary:hover {
transform: none !important;
background-color: #fffcfa !important;
border-color: #e6d3cf !important;
box-shadow: 0 6px 18px rgba(60, 20, 20, 0.07) !important;
}
.pkp_structure_main .obj_article_summary::after {
content: "" !important;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: #a8131a;
transform: scaleY(0);
transform-origin: 50% 0;
transition: transform 0.35s ease;
pointer-events: none;
}
.pkp_structure_main .obj_article_summary:hover::after { transform: scaleY(1); }
/* judul: garis bawah tipis memanjang (gaya ScienceDirect) */
.pkp_structure_main .obj_article_summary .title a {
background-image: linear-gradient(currentColor, currentColor) !important;
background-repeat: no-repeat !important;
background-position: 0 100% !important;
background-size: 0 1px !important;
text-decoration: none !important;
transition: background-size 0.35s ease, color 0.2s !important;
}
.pkp_structure_main .obj_article_summary:hover .title a { background-size: 100% 1px !important; color: #a8131a !important; }
/* tombol PDF: hanya berubah warna */
.pkp_structure_main .obj_article_summary .obj_galley_link { transition: background-color 0.2s, color 0.2s, border-color 0.2s !important; }
.pkp_structure_main .obj_article_summary .obj_galley_link:hover { transform: none !important; box-shadow: none !important; }
.pkp_structure_main .obj_article_summary .obj_galley_link::after { content: none !important; }
.pkp_structure_main .obj_article_summary:hover .article_stats span,
.pkp_structure_main .obj_article_summary:hover .meta .pages { transform: none !important; }
}
.pkp_structure_main .obj_article_summary > .title a:hover,
.pkp_structure_main .obj_article_summary > h3 a:hover,
.pkp_structure_main .obj_article_summary > h4 a:hover { text-decoration: none !important; }
/* ==========================================================
JIH: VERSI ANIMASI ARTIKEL YANG LEBIH TAHAN (Safari & Chrome)
garis merah kiri memakai box-shadow, garis judul tipis
========================================================== */
@media (prefers-reduced-motion: no-preference) {
html body .pkp_structure_main .obj_article_summary::after { content: none !important; display: none !important; }
html body .pkp_structure_main .obj_article_summary {
box-shadow: inset 0 0 0 #a8131a, 0 1px 3px rgba(60, 20, 20, 0.05) !important;
transition: box-shadow 0.35s ease, background-color 0.35s ease, border-color 0.35s ease !important;
}
html body .pkp_structure_main .obj_article_summary:hover {
transform: none !important;
background-color: #fffcfa !important;
border-color: #e6d3cf !important;
box-shadow: inset 4px 0 0 #a8131a, 0 8px 20px rgba(60, 20, 20, 0.08) !important;
}
html body .pkp_structure_main .obj_article_summary > .title a,
html body .pkp_structure_main .obj_article_summary > h3 a,
html body .pkp_structure_main .obj_article_summary > h4 a {
background-image: none !important;
text-decoration: underline !important;
text-decoration-color: transparent !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 4px !important;
transition: color 0.3s ease, text-decoration-color 0.3s ease !important;
}
html body .pkp_structure_main .obj_article_summary:hover > .title a,
html body .pkp_structure_main .obj_article_summary:hover > h3 a,
html body .pkp_structure_main .obj_article_summary:hover > h4 a {
color: #a8131a !important;
text-decoration-color: rgba(168, 19, 26, 0.55) !important;
}
}
/* ==========================================================
JIH: KOTAK KETERANGAN TERBITAN LEBIH RINGKAS
========================================================== */
.obj_issue_toc .heading {
gap: 14px 22px !important;
padding: 16px 18px 12px !important;
margin-bottom: 22px !important;
}
.obj_issue_toc .heading .cover { flex: 0 0 105px !important; max-width: 105px !important; }
.obj_issue_toc .heading .description {
column-gap: 22px !important;
font-size: 12.5px !important;
line-height: 1.3 !important;
}
.obj_issue_toc .heading .description p {
padding: 4px 0 5px !important;
font-size: 12.5px !important;
line-height: 1.3 !important;
}
.obj_issue_toc .heading .description p > strong:first-child {
margin-bottom: 1px !important;
font-size: 9.5px !important;
letter-spacing: 0.07em !important;
}
.obj_issue_toc .heading .description p b { padding: 0 7px !important; font-size: 10.5px !important; }
.obj_issue_toc .heading .published,
.obj_issue_toc .heading .pub_id { font-size: 12px !important; }
.obj_issue_toc .heading .published .label,
.obj_issue_toc .heading .pub_id .type { padding: 2px 9px !important; font-size: 9.5px !important; }
/* chip bidang: ikon centang (gaya daftar Focus & Scope) */
.homepage_about .vs-scope li { padding-left: 32px !important; }
.homepage_about .vs-scope li::before {
content: "\f00c" !important;
left: 9px !important;
width: 16px !important;
height: 16px !important;
margin-top: -8px !important;
background: #f3d9a0 !important;
color: #7e1116 !important;
font-family: FontAwesome !important;
font-size: 9px !important;
line-height: 16px !important;
text-align: center;
}