/* ================================================================ JURNAL MSA — Professional Academic Green v2.9 (Footer Integrated) OJS 3.3.0-19 / PKP Default theme and compatible themes Scope: journal /msa/ — install as Journal Style Sheet only. No scripts, no template changes. 2026-10-14 ================================================================ */ :root { --msa-deep:#173f33; --msa-green:#236b50; --msa-hover:#18513c; --msa-pale:#eaf5ef; --msa-bg:#f7faf8; --msa-text:#23312e; --msa-muted:#61746b; --msa-border:#dce8e1; --msa-radius:9px; --msa-shadow:0 2px 12px rgba(23,63,51,.06); } /* Global text and link rhythm */ body {color:var(--msa-text);line-height:1.7;} .pkp_structure_main {min-width:0;} .pkp_structure_main p {line-height:1.78;margin:0 0 1.1em;} .pkp_structure_main h1,.pkp_structure_main h2,.pkp_structure_main h3 {color:var(--msa-deep);line-height:1.35;} .pkp_structure_main h1 {margin-bottom:1.1rem;} .pkp_structure_main h2 {margin-top:1.6rem;margin-bottom:.85rem;} .pkp_structure_main h3 {margin-top:1.25rem;margin-bottom:.65rem;} a {text-underline-offset:3px;} .pkp_structure_main a {color:var(--msa-green);} .pkp_structure_main a:hover,.pkp_structure_main a:focus {color:var(--msa-hover);} .pkp_structure_main img {max-width:100%;height:auto;} /* Header and navigation */ .pkp_structure_head {border-bottom:3px solid var(--msa-green);} .pkp_site_name {padding-top:12px;padding-bottom:12px;} .pkp_navigation_primary_wrapper {border-top:1px solid var(--msa-border);} .pkp_navigation_primary>li>a {font-weight:600;transition:color .2s ease,background .2s ease;} .pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus {color:var(--msa-green);} .pkp_navigation_primary ul {border-radius:0 0 7px 7px;box-shadow:var(--msa-shadow);} .pkp_navigation_primary ul a {padding:9px 14px;} .pkp_navigation_primary ul a:hover,.pkp_navigation_primary ul a:focus {background:var(--msa-pale);color:var(--msa-deep);} /* Main content sections */ .page_index_journal .homepage_about {margin:0 0 30px;} .page_index_journal .homepage_about p {line-height:1.85;} .page_index_journal .additional_content {margin-top:28px;margin-bottom:32px;} .page_index_journal .additional_content img {max-width:100%;height:auto;} .page_index_journal .current_issue {margin-top:32px;padding-top:18px;border-top:1px solid var(--msa-border);} /* CAUTION: visual ordering is theme dependent. The following applies only when these sections are direct children of the same container. OJS 3.3 Default theme often has different wrappers; no forced order is applied here to avoid disrupting the article lists and sidebar. */ /* Issue and article lists */ .obj_issue_summary,.obj_article_summary {padding-top:16px;padding-bottom:18px;} .obj_article_summary {border-bottom:1px solid var(--msa-border);} .obj_article_summary .title,.obj_issue_summary .title {font-weight:700;line-height:1.5;} .obj_article_summary .authors {color:var(--msa-muted);font-size:.94em;line-height:1.6;margin-top:6px;} .obj_article_summary .galleys_links {margin-top:10px;} .obj_galley_link {border-radius:6px;border-color:var(--msa-green);color:var(--msa-green);transition:background .2s,color .2s;} .obj_galley_link:hover,.obj_galley_link:focus {background:var(--msa-green);color:#fff;} /* Article detail */ .page_article .page_title,.page_article h1 {line-height:1.42;overflow-wrap:anywhere;} .obj_article_details .authors {margin:15px 0 20px;line-height:1.75;} .obj_article_details .authors .name {font-weight:600;} .obj_article_details .item {margin-bottom:24px;} .obj_article_details .item .label {font-weight:700;color:var(--msa-deep);margin-bottom:8px;} .obj_article_details .abstract {line-height:1.85;text-align:justify;overflow-wrap:anywhere;} .obj_article_details .keywords {line-height:1.7;} .obj_article_details .doi,.obj_article_details .date_published {overflow-wrap:anywhere;} .obj_article_details .galleys {margin:14px 0 20px;} /* References: paragraph and list variants. Avoid global list indent changes. */ .obj_article_details .references {line-height:1.75;overflow-wrap:anywhere;word-break:normal;} .obj_article_details .references p {margin:0 0 13px;padding-left:1.65em;text-indent:-1.65em;line-height:1.75;} .obj_article_details .references li {margin-bottom:13px;line-height:1.75;padding-left:.3em;overflow-wrap:anywhere;} .obj_article_details .references a {overflow-wrap:anywhere;word-break:break-word;} .obj_article_details .references .value {line-height:1.75;} /* Article sidebar metadata blocks */ .obj_article_details .main_entry {min-width:0;} .obj_article_details .entry_details .item {padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--msa-border);} .obj_article_details .entry_details .item:last-child {border-bottom:0;} /* Sidebar — Default OJS theme, including custom blocks */ .pkp_structure_sidebar {font-size:.95rem;line-height:1.65;min-width:0;} .pkp_structure_sidebar .pkp_block {margin-bottom:22px;padding:17px 17px 18px;background:#fff;border:1px solid var(--msa-border);border-radius:var(--msa-radius);box-shadow:var(--msa-shadow);overflow-wrap:anywhere;} .pkp_structure_sidebar .pkp_block .title {display:block;margin:-17px -17px 14px;padding:12px 16px;background:var(--msa-deep);color:#fff;font-weight:700;font-size:1rem;line-height:1.45;border-radius:8px 8px 0 0;} .pkp_structure_sidebar .pkp_block .content {margin:0;line-height:1.7;} .pkp_structure_sidebar .pkp_block p {margin:0 0 10px;} .pkp_structure_sidebar .pkp_block ul {list-style:none;padding:0;margin:0;} .pkp_structure_sidebar .pkp_block li {margin:0;border-bottom:1px solid var(--msa-border);} .pkp_structure_sidebar .pkp_block li:last-child {border-bottom:0;} .pkp_structure_sidebar .pkp_block li>a {display:block;padding:9px 7px;color:var(--msa-text);text-decoration:none;border-radius:5px;transition:background .2s,color .2s,padding-left .2s;} .pkp_structure_sidebar .pkp_block li>a:hover,.pkp_structure_sidebar .pkp_block li>a:focus {background:var(--msa-pale);color:var(--msa-green);padding-left:12px;} .pkp_structure_sidebar .pkp_block a {overflow-wrap:anywhere;} .pkp_structure_sidebar .pkp_block img {display:block;max-width:100%;height:auto;margin:8px auto;object-fit:contain;} .pkp_structure_sidebar .pkp_block .block_make_submission_link {display:block;text-align:center;padding:10px 12px;background:var(--msa-green);color:#fff;border-radius:6px;font-weight:700;text-decoration:none;} .pkp_structure_sidebar .pkp_block .block_make_submission_link:hover,.pkp_structure_sidebar .pkp_block .block_make_submission_link:focus {background:var(--msa-hover);color:#fff;} .pkp_structure_sidebar .pkp_block .block_make_submission_link:focus-visible,.pkp_structure_sidebar a:focus-visible {outline:3px solid #d9b54a;outline-offset:2px;} /* Sidebar block-specific styles */ .pkp_structure_sidebar .block_language .content,.pkp_structure_sidebar .block_information .content {font-size:.95rem;} .pkp_structure_sidebar .block_language select {width:100%;max-width:100%;padding:8px;border:1px solid var(--msa-border);border-radius:6px;background:#fff;} .pkp_structure_sidebar .block_custom img {max-width:100%;} /* Breadcrumb (footer rules consolidated in v2.9 below) */ .pkp_structure_main .cmp_breadcrumbs {margin-bottom:18px;color:var(--msa-muted);} /* Tables and forms */ .pkp_structure_main table {max-width:100%;border-collapse:collapse;} .pkp_structure_main table th,.pkp_structure_main table td {padding:10px 12px;border-bottom:1px solid var(--msa-border);vertical-align:top;} .pkp_structure_main table th {background:var(--msa-pale);color:var(--msa-deep);} .pkp_structure_main input,.pkp_structure_main select,.pkp_structure_main textarea {max-width:100%;} /* Mobile */ @media(max-width:991px) { .pkp_structure_sidebar .pkp_block {padding:14px;margin-bottom:16px;} .pkp_structure_sidebar .pkp_block .title {margin:-14px -14px 12px;padding:11px 14px;} .obj_article_details .abstract {text-align:left;} } @media(max-width:767px) { .pkp_structure_main {overflow-wrap:anywhere;} .page_index_journal .homepage_about {margin-bottom:20px;} .pkp_structure_sidebar .pkp_block {box-shadow:none;} .obj_article_summary {padding-top:13px;padding-bottom:15px;} .obj_article_details .references p {padding-left:1.1em;text-indent:-1.1em;} } @media(prefers-reduced-motion:reduce) { .pkp_structure_sidebar .pkp_block li>a,.obj_galley_link,.pkp_navigation_primary>li>a {transition:none;} } /* === v1.2 PATCH: top navigation contrast + custom sidebar links === */ /* Keep primary navigation legible on the dark-green header. */ .pkp_site_nav_menu .pkp_navigation_primary > li > a, .pkp_site_nav_menu .pkp_navigation_primary > li > a:visited, .pkp_site_nav_menu .pkp_navigation_search_wrapper > a, .pkp_site_nav_menu .pkp_navigation_search_wrapper > a:visited, .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a { color:#ffffff !important; opacity:1; } .pkp_site_nav_menu .pkp_navigation_primary > li > a:hover, .pkp_site_nav_menu .pkp_navigation_primary > li > a:focus, .pkp_site_nav_menu .pkp_navigation_primary > li > a:focus-visible, .pkp_site_nav_menu .pkp_navigation_search_wrapper > a:hover, .pkp_site_nav_menu .pkp_navigation_search_wrapper > a:focus, .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:focus { color:#ffffff !important; background-color:#1b4c3d; text-decoration:none !important; border-bottom:0 !important; box-shadow:none !important; } /* Dropdowns use a light background, so require dark text. */ .pkp_site_nav_menu .pkp_navigation_primary ul a, .pkp_site_nav_menu .pkp_navigation_primary ul a:visited { color:#173f33 !important; background:#ffffff; } .pkp_site_nav_menu .pkp_navigation_primary ul a:hover, .pkp_site_nav_menu .pkp_navigation_primary ul a:focus { color:#173f33 !important; background:#eaf5ef; } /* Custom sidebar blocks may contain direct anchors, paragraphs, or divs, not UL > LI. */ .pkp_structure_sidebar .pkp_block .content a:not(.block_make_submission_link), .pkp_structure_sidebar .pkp_block .content a:not(.block_make_submission_link):visited { color:#173f33 !important; text-decoration:none; font-weight:600; transition:color .18s ease,background-color .18s ease; } .pkp_structure_sidebar .pkp_block .content a:not(.block_make_submission_link):hover, .pkp_structure_sidebar .pkp_block .content a:not(.block_make_submission_link):focus { color:#0b6246 !important; background-color:#eaf5ef; text-decoration:underline; text-underline-offset:3px; } /* Support OJS custom blocks with table cells or nested paragraph wrappers. */ .pkp_structure_sidebar .pkp_block .content li:hover, .pkp_structure_sidebar .pkp_block .content p:has(> a):hover { background-color:#eaf5ef; } /* Make Submission keeps white text even on hover. */ .pkp_structure_sidebar .pkp_block .content .block_make_submission_link, .pkp_structure_sidebar .pkp_block .content .block_make_submission_link:hover, .pkp_structure_sidebar .pkp_block .content .block_make_submission_link:focus { color:#ffffff !important; } /* === v1.3 PATCH: remove BOTH active/hover underline indicators === */ /* Restrict to first-level top navigation: dropdowns retain their own styling. */ .pkp_site_nav_menu .pkp_navigation_primary > li > a, .pkp_site_nav_menu .pkp_navigation_primary > li > a:hover, .pkp_site_nav_menu .pkp_navigation_primary > li > a:focus, .pkp_site_nav_menu .pkp_navigation_primary > li > a:active, .pkp_site_nav_menu .pkp_navigation_primary > li.current > a, .pkp_site_nav_menu .pkp_navigation_primary > li > a[aria-current="page"], .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a, .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:focus { text-decoration:none !important; border-bottom:0 !important; box-shadow:none !important; background-image:none !important; } .pkp_site_nav_menu .pkp_navigation_primary > li > a::before, .pkp_site_nav_menu .pkp_navigation_primary > li > a::after, .pkp_site_nav_menu .pkp_navigation_primary > li.current > a::before, .pkp_site_nav_menu .pkp_navigation_primary > li.current > a::after, .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a::before, .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a::after { content:none !important; display:none !important; border:0 !important; box-shadow:none !important; } .pkp_site_nav_menu .pkp_navigation_primary > li:hover > a, .pkp_site_nav_menu .pkp_navigation_primary > li.current > a, .pkp_site_nav_menu .pkp_navigation_primary > li > a:focus-visible { background-color:#204b3d !important; color:#fff !important; } /* Preserve visible keyboard focus without underlining. */ .pkp_site_nav_menu .pkp_navigation_primary > li > a:focus-visible { outline:2px solid #e3c779 !important; outline-offset:-3px; } /* ================================================================ JMSA v1.4 - ADDITIONAL MENUS (clean HTML with jmsa-sidebar-menu) Replace the old inline-styled HTML table in the OJS Custom Block with . These selectors override generic OJS sidebar rules in this file. ================================================================ */ .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu, .jmsa-sidebar-menu { display:block;width:100%;max-width:100%;margin:0 0 16px;padding:0; background:#fff;border:1px solid #dce8e1;border-radius:8px; overflow:hidden;box-sizing:border-box; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-title, .jmsa-sidebar-title { display:block;margin:0;padding:15px 16px; background:#173f33;color:#fff;font-size:16px;font-weight:700; line-height:1.45;text-align:center;text-transform:uppercase; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links, .jmsa-sidebar-links {list-style:none;margin:0;padding:0;} .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li, .jmsa-sidebar-links > li { margin:0;padding:0;border:0;border-bottom:1px solid #e5ece8; background:#fff; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li:last-child, .jmsa-sidebar-links > li:last-child {border-bottom:0;} .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li > a, .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li > a:visited, .jmsa-sidebar-links > li > a { display:block;margin:0;padding:13px 16px;border:0;border-radius:0; background:#fff;color:#23312e !important;font-size:14px; font-weight:500;line-height:1.5;text-decoration:none !important; box-shadow:none;overflow-wrap:anywhere; transition:background-color .2s ease,color .2s ease; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li > a:hover, .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li > a:focus-visible, .jmsa-sidebar-links > li > a:hover, .jmsa-sidebar-links > li > a:focus-visible { padding-left:16px;background:#eaf5ef;color:#176344 !important; text-decoration:none !important;box-shadow:none; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li > a:focus-visible, .jmsa-sidebar-links > li > a:focus-visible { outline:2px solid #176344;outline-offset:-2px; } @media (max-width:768px) { .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-title, .jmsa-sidebar-title {font-size:15px;padding:13px 14px;} .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li > a, .jmsa-sidebar-links > li > a {font-size:14px;padding:12px 14px;} .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-links > li > a:hover, .jmsa-sidebar-links > li > a:hover {padding-left:14px;} } /* ============================================================ JMSA v1.5 - MATCH REFERENCE SIDEBAR (IMAGE 2) Requires clean HTML .jmsa-sidebar-menu, not the legacy table. ============================================================ */ .pkp_structure_sidebar .pkp_block .content:has(> .jmsa-sidebar-menu) { padding:0 !important; background:transparent !important; } .pkp_structure_sidebar .pkp_block:has(.jmsa-sidebar-menu) { padding:0 !important; border:0 !important; box-shadow:none !important; background:transparent !important; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu, .jmsa-sidebar-menu { width:100% !important; margin:0 0 20px !important; padding:0 !important; background:#fff !important; border:1px solid #dde6e0 !important; border-radius:10px !important; overflow:hidden !important; box-sizing:border-box !important; box-shadow:none !important; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-title, .jmsa-sidebar-menu .jmsa-sidebar-title { margin:0 !important; padding:16px 18px !important; background:#203f34 !important; color:#fff !important; font-family:inherit !important; font-size:17px !important; font-weight:700 !important; line-height:1.4 !important; letter-spacing:0 !important; text-align:center !important; text-transform:uppercase !important; border:0 !important; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links, .jmsa-sidebar-menu .jmsa-sidebar-links { display:block !important; margin:0 !important; padding:0 !important; list-style:none !important; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li, .jmsa-sidebar-menu .jmsa-sidebar-links > li { margin:0 !important; padding:0 !important; background:#fff !important; border:0 !important; border-bottom:1px solid #e5ebe7 !important; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li:last-child, .jmsa-sidebar-menu .jmsa-sidebar-links > li:last-child { border-bottom:0 !important; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li > a, .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li > a:visited, .jmsa-sidebar-menu .jmsa-sidebar-links > li > a { position:relative !important; display:block !important; margin:0 !important; padding:15px 38px 15px 16px !important; background:#fff !important; color:#293733 !important; font-family:inherit !important; font-size:14px !important; font-weight:500 !important; line-height:1.5 !important; text-decoration:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; transition:background-color .18s ease,color .18s ease !important; } /* Chevron rendered without icon fonts or extra HTML. */ .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li > a::after, .jmsa-sidebar-menu .jmsa-sidebar-links > li > a::after { content:'' !important; position:absolute !important; right:18px !important; top:50% !important; width:7px !important; height:7px !important; border-right:1.7px solid #246547 !important; border-top:1.7px solid #246547 !important; transform:translateY(-50%) rotate(45deg) !important; display:block !important; background:none !important; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li > a:hover, .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li > a:focus-visible, .jmsa-sidebar-menu .jmsa-sidebar-links > li > a:hover, .jmsa-sidebar-menu .jmsa-sidebar-links > li > a:focus-visible { padding-left:16px !important; background:#eaf5ef !important; color:#245e44 !important; text-decoration:none !important; } .jmsa-sidebar-menu .jmsa-sidebar-links > li > a:focus-visible { outline:2px solid #246547 !important; outline-offset:-2px !important; } @media(max-width:768px) { .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li > a, .jmsa-sidebar-menu .jmsa-sidebar-links > li > a { padding:13px 36px 13px 14px !important; } .pkp_structure_sidebar .pkp_block .content .jmsa-sidebar-menu .jmsa-sidebar-links > li > a:hover, .jmsa-sidebar-menu .jmsa-sidebar-links > li > a:hover { padding-left:14px !important; } } /* ============================================================== JMSA v1.6 | MAKE SUBMISSION: compact, white text, green hover =============================================================== */ .pkp_structure_sidebar .pkp_block.block_make_submission, .pkp_structure_sidebar .block_make_submission { padding: 14px !important; margin-bottom: 22px !important; background: #ffffff !important; border: 1px solid #dce8e1 !important; border-radius: 12px !important; box-sizing: border-box !important; } .pkp_structure_sidebar .block_make_submission .content, .pkp_structure_sidebar .block_make_submission .content p { padding: 0 !important; margin: 0 !important; background: transparent !important; } .pkp_structure_sidebar .block_make_submission a, .pkp_structure_sidebar .block_make_submission a:link, .pkp_structure_sidebar .block_make_submission a:visited, .pkp_structure_sidebar .block_make_submission .block_make_submission_link, .pkp_structure_sidebar .pkp_block .content .block_make_submission_link { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; min-height: 58px !important; height: auto !important; padding: 14px 12px !important; margin: 0 !important; background: #285b48 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; border: 0 !important; border-radius: 7px !important; box-shadow: none !important; text-shadow: none !important; transition: background-color .2s ease !important; } .pkp_structure_sidebar .block_make_submission a:hover, .pkp_structure_sidebar .block_make_submission a:focus, .pkp_structure_sidebar .block_make_submission .block_make_submission_link:hover, .pkp_structure_sidebar .block_make_submission .block_make_submission_link:focus { background: #173f33 !important; color: #ffffff !important; text-decoration: none !important; box-shadow: none !important; } .pkp_structure_sidebar .block_make_submission a:focus-visible { outline: 2px solid #d9b54a !important; outline-offset: 2px !important; } @media (max-width: 768px) { .pkp_structure_sidebar .block_make_submission a, .pkp_structure_sidebar .block_make_submission .block_make_submission_link { min-height: 50px !important; font-size: 15px !important; } } /* =============================================================== JMSA v1.7 | CUSTOM HTML MAKE SUBMISSION HTML:
Works in OJS Custom Block Manager; no inline styles needed. =============================================================== */ .pkp_structure_sidebar .jmsa-submission-block, .jmsa-submission-block { display: block; width: 100%; margin: 0; padding: 0; box-sizing: border-box; } .pkp_structure_sidebar .jmsa-submission-block .jmsa-submission-button, .pkp_structure_sidebar .jmsa-submission-block .jmsa-submission-button:link, .pkp_structure_sidebar .jmsa-submission-block .jmsa-submission-button:visited, .jmsa-submission-block .jmsa-submission-button, .jmsa-submission-block .jmsa-submission-button:link, .jmsa-submission-block .jmsa-submission-button:visited { display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 58px; box-sizing: border-box; padding: 15px 14px !important; margin: 0; background: #173f33 !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4; text-align: center; text-decoration: none !important; text-transform: uppercase; border: 0 !important; border-radius: 6px; box-shadow: none !important; text-shadow: none !important; transition: background-color .2s ease, color .2s ease; } .pkp_structure_sidebar .jmsa-submission-block .jmsa-submission-button:hover, .pkp_structure_sidebar .jmsa-submission-block .jmsa-submission-button:focus, .jmsa-submission-block .jmsa-submission-button:hover, .jmsa-submission-block .jmsa-submission-button:focus { background: #236b50 !important; color: #ffffff !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; } .jmsa-submission-block .jmsa-submission-button:focus-visible { outline: 2px solid #236b50; outline-offset: 3px; } @media (max-width: 768px) { .jmsa-submission-block .jmsa-submission-button { min-height: 50px; padding: 13px 12px !important; font-size: 15px !important; } } /* JMSA v1.8: explicit text visibility for custom submission button */ .pkp_structure_sidebar .pkp_block .jmsa-submission-button, .pkp_structure_sidebar .pkp_block .jmsa-submission-button:link, .pkp_structure_sidebar .pkp_block .jmsa-submission-button:visited, .pkp_block .jmsa-submission-button, .pkp_block .jmsa-submission-button:link, .pkp_block .jmsa-submission-button:visited { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 60px !important; padding: 15px 18px !important; box-sizing: border-box !important; background: #173f33 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: center !important; text-transform: uppercase !important; opacity: 1 !important; visibility: visible !important; border: none !important; border-radius: 8px !important; text-decoration: none !important; box-shadow: none !important; } .pkp_structure_sidebar .pkp_block .jmsa-submission-button:hover, .pkp_structure_sidebar .pkp_block .jmsa-submission-button:focus, .pkp_block .jmsa-submission-button:hover, .pkp_block .jmsa-submission-button:focus { background: #236b50 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; } .pkp_block .jmsa-submission-button:focus-visible { outline: 2px solid #236b50 !important; outline-offset: 3px; } /* ============================================================= JMSA v1.9 - INFORMATION heading + ADDITIONAL MENUS left icons Applies to clean HTML custom blocks, not old inline-style tables. ============================================================= */ .pkp_structure_sidebar .jmsa-sidebar-menu, .jmsa-sidebar-menu { width: 100%; margin: 0 0 18px; padding: 0; background: #fff; border: 1px solid #dce8e1; border-radius: 10px; overflow: hidden; box-sizing: border-box; } .pkp_structure_sidebar .jmsa-sidebar-menu .jmsa-sidebar-title, .jmsa-sidebar-menu .jmsa-sidebar-title { display: block !important; width: 100%; margin: 0 !important; padding: 17px 15px !important; box-sizing: border-box; background: #173f33 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: center !important; text-transform: uppercase; border: 0 !important; border-radius: 0 !important; } .jmsa-sidebar-menu .jmsa-sidebar-links { margin: 0 !important; padding: 0 !important; list-style: none !important; } /* Left icons only in the Additional Menus block */ .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li a { display: flex !important; align-items: center !important; gap: 12px; position: relative; min-width: 0; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li a::before { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 24px; color: #236b50; background: transparent !important; font-size: 21px; font-weight: 600; line-height: 1; text-align: center; -webkit-mask: none !important; mask: none !important; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li:nth-child(1) a::before { content: "♟"; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li:nth-child(2) a::before { content: "✓"; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li:nth-child(3) a::before { content: "☷"; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li:nth-child(4) a::before { content: "◎"; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li:nth-child(5) a::before { content: "▤"; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li:nth-child(6) a::before { content: "⌕"; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li:nth-child(7) a::before { content: "$"; font-size: 18px; } .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li:nth-child(8) a::before { content: "◉"; } @media (max-width: 768px) { .jmsa-sidebar-menu[aria-label="Additional Menus"] .jmsa-sidebar-links li a { gap: 10px; } } /* ============================================================== JMSA v2.0 — ARTICLE READING COMFORT PATCH Overrides earlier generous spacing. OJS 3.3 default-theme selectors. ============================================================== */ /* Heading and compact article body */ .page_article .page_title, .page_article .obj_article_details > .page_title, .page_article .obj_article_details h1 { line-height:1.2 !important; margin-bottom:16px !important; letter-spacing:0; } .obj_article_details .row {margin-top:0;} .obj_article_details .main_entry {min-width:0;} .obj_article_details .main_entry .item {margin-top:0 !important;margin-bottom:15px !important;} .obj_article_details .main_entry .item .label {margin:0 0 5px !important;line-height:1.25;} .obj_article_details .main_entry .authors {margin:0 0 15px !important;line-height:1.25 !important;} .obj_article_details .main_entry .authors li {margin:0 0 10px !important;padding:0 !important;line-height:1.25 !important;} .obj_article_details .main_entry .authors .name {line-height:1.25 !important;margin:0 0 3px !important;} .obj_article_details .main_entry .authors .affiliation {line-height:1.25 !important;margin:0 !important;} .obj_article_details .main_entry .doi, .obj_article_details .main_entry .keywords {margin:0 0 14px !important;line-height:1.35 !important;} .obj_article_details .main_entry .doi p, .obj_article_details .main_entry .keywords p {margin:0 !important;line-height:1.35 !important;} .obj_article_details .main_entry .abstract {margin:0 0 18px !important;} .obj_article_details .main_entry .abstract p, .obj_article_details .main_entry .abstract .value p {margin:0 0 9px !important;line-height:1.5 !important;text-align:justify;} .obj_article_details .main_entry .abstract .value {line-height:1.5 !important;text-align:justify;} .obj_article_details .main_entry .item p {margin-bottom:9px;} /* References: 1.0 line spacing within entry, 1.2em between entries. */ .obj_article_details .references, .obj_article_details .references .value {line-height:1 !important;text-align:justify;overflow-wrap:anywhere;} .obj_article_details .references p, .obj_article_details .references li, .obj_article_details .references .value > div {line-height:1 !important;text-align:justify;margin-top:0 !important;margin-bottom:1.2em !important;} .obj_article_details .references p {padding-left:1.6em;text-indent:-1.6em;} .obj_article_details .references li {padding-left:.2em;} .obj_article_details .references a {overflow-wrap:anywhere;word-break:break-word;} /* Compact article metadata panel, preserving citation and issue access. */ .obj_article_details .entry_details .item {padding:12px 15px !important;margin:0 !important;} .obj_article_details .entry_details .item .label {margin:0 0 5px !important;line-height:1.3;} .obj_article_details .entry_details .item p {margin:0 0 6px !important;line-height:1.4;} .obj_article_details .entry_details .galleys {margin:0 !important;} /* PDF contrast in normal, hover, focus and visited states */ .obj_article_details a.obj_galley_link, .obj_article_details a.obj_galley_link:link, .obj_article_details a.obj_galley_link:visited { color:#173f33 !important; -webkit-text-fill-color:#173f33 !important; background:#fff !important; border:1px solid #236b50 !important; text-decoration:none !important; } .obj_article_details a.obj_galley_link:hover, .obj_article_details a.obj_galley_link:focus, .obj_article_details a.obj_galley_link:active { color:#fff !important; -webkit-text-fill-color:#fff !important; background:#173f33 !important; border-color:#173f33 !important; text-decoration:none !important; } .obj_article_details a.obj_galley_link:hover *, .obj_article_details a.obj_galley_link:focus * {color:#fff !important;-webkit-text-fill-color:#fff !important;} /* Reduce whitespace in article content, without moving PDF out of metadata. */ .page_article .pkp_structure_main {padding-bottom:24px;} @media(max-width:767px){ .obj_article_details .main_entry .abstract p, .obj_article_details .main_entry .abstract .value p {text-align:left;} .obj_article_details .references p {padding-left:1em;text-indent:-1em;} } /* ================================================================ JMSA v2.1 — Compact Archives & Issue Article Listings Targets OJS 3.3 default-theme structures. No article detail changes. ================================================================ */ /* Archives: remove tall fixed/min heights and oversized vertical gaps */ .page_issue_archive .issues_archive, .page_issue_archive .issues_archive > li, .page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary .description, .page_issue_archive .obj_issue_summary .title { min-height: 0 !important; height: auto !important; } .page_issue_archive .issues_archive > li, .page_issue_archive .obj_issue_summary { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 13px !important; padding-bottom: 13px !important; } /* Avoid double padding where issue summary is nested in an archive li */ .page_issue_archive .issues_archive > li .obj_issue_summary { padding-top: 0 !important; padding-bottom: 0 !important; } .page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .series, .page_issue_archive .obj_issue_summary .date, .page_issue_archive .obj_issue_summary .description { line-height: 1.2 !important; margin-top: 0 !important; margin-bottom: 3px !important; } /* Cover thumbnails, if supplied, must not dictate huge row heights */ .page_issue_archive .obj_issue_summary .cover img { max-height: 105px; width: auto; object-fit: contain; } /* Issue table of contents: compact article-to-article spacing */ .page_issue .sections .section, .page_issue .sections .section > ul, .page_issue .sections .section > ul > li, .page_issue .obj_article_summary, .page_issue .obj_article_summary .title, .page_issue .obj_article_summary .authors, .page_issue .obj_article_summary .pages, .page_issue .obj_article_summary .galleys_links { min-height: 0 !important; height: auto !important; } .page_issue .sections .section > ul > li, .page_issue .obj_article_summary { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 12px !important; padding-bottom: 12px !important; } .page_issue .sections .section > ul > li .obj_article_summary { padding-top: 0 !important; padding-bottom: 0 !important; } .page_issue .obj_article_summary .title, .page_issue .obj_article_summary .authors, .page_issue .obj_article_summary .pages { line-height: 1.2 !important; margin-top: 0 !important; margin-bottom: 5px !important; } .page_issue .obj_article_summary .galleys_links { margin-top: 6px !important; margin-bottom: 0 !important; } .page_issue .obj_article_summary .galleys_links a { line-height: 1.2 !important; } /* Page titles and section headings: modest separation */ .page_issue_archive .page_title, .page_issue .page_title {margin-bottom: 16px !important;} .page_issue .section h2 {margin-top: 14px !important;margin-bottom: 10px !important;} @media(max-width:767px) { .page_issue_archive .issues_archive > li, .page_issue_archive .obj_issue_summary, .page_issue .sections .section > ul > li, .page_issue .obj_article_summary {padding-top: 10px !important;padding-bottom: 10px !important;} } /* ================================================================ JMSA v2.2 - TIGHT ARCHIVES + PDF CONTRAST Append-only override for OJS 3.3 default / related themes. ================================================================ */ /* Archive list: compact the actual outer list row as well as summary. Do not use fixed heights, so longer issue titles remain accessible. */ .page_issue_archive .issues_archive, .page_issue_archive ul.issues_archive { margin-top: 0 !important; padding-top: 0 !important; } .page_issue_archive .issues_archive > li { min-height: 0 !important; height: auto !important; padding: 8px 18px !important; margin: 0 !important; display: block; } .page_issue_archive .issues_archive > li .obj_issue_summary, .page_issue_archive .obj_issue_summary { min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; } .page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title a, .page_issue_archive .obj_issue_summary .series, .page_issue_archive .obj_issue_summary .date, .page_issue_archive .obj_issue_summary .description { line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; } .page_issue_archive .obj_issue_summary .description p {margin: 2px 0 0 !important;line-height:1.2 !important;} /* Additional structural fallbacks for themes where list row is article. */ .page_issue_archive .issues_archive > article, .page_issue_archive .issues_archive > .obj_issue_summary { min-height: 0 !important; height: auto !important; padding: 8px 18px !important; margin: 0 !important; } /* Keep PDF link and icon legible across hover, focus and visited states. Scope to galley buttons so other OJS controls are unaffected. */ .obj_galley_link, a.obj_galley_link, .obj_article_summary .galleys_links a, .obj_article_details .galleys_links a { background: #ffffff !important; color: #236b50 !important; -webkit-text-fill-color: #236b50 !important; border-color: #236b50 !important; text-decoration: none !important; } .obj_galley_link:hover, .obj_galley_link:focus, a.obj_galley_link:hover, a.obj_galley_link:focus, .obj_article_summary .galleys_links a:hover, .obj_article_summary .galleys_links a:focus, .obj_article_details .galleys_links a:hover, .obj_article_details .galleys_links a:focus { background: #236b50 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #236b50 !important; } .obj_galley_link:hover::before, .obj_galley_link:focus::before, .obj_article_summary .galleys_links a:hover::before, .obj_article_summary .galleys_links a:focus::before, .obj_article_details .galleys_links a:hover::before, .obj_article_details .galleys_links a:focus::before { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .obj_galley_link:hover *, .obj_galley_link:focus *, .obj_article_summary .galleys_links a:hover *, .obj_article_summary .galleys_links a:focus * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } @media (max-width: 767px) { .page_issue_archive .issues_archive > li, .page_issue_archive .issues_archive > article, .page_issue_archive .issues_archive > .obj_issue_summary { padding: 8px 10px !important; } } /* JMSA v2.3 — Archives: title + issue identification on one line */ .page_issue_archive .issues_archive > li, .page_issue_archive .issues_archive > article, .page_issue_archive .issues_archive > .obj_issue_summary { padding-top: 6px !important; padding-bottom: 6px !important; } .page_issue_archive .obj_issue_summary .title { display: inline !important; line-height: 1.2 !important; margin: 0 !important; } .page_issue_archive .obj_issue_summary .series, .page_issue_archive .obj_issue_summary .description { display: inline !important; line-height: 1.2 !important; margin: 0 0 0 7px !important; color: #64716b; font-size: .9em; } .page_issue_archive .obj_issue_summary .series::before, .page_issue_archive .obj_issue_summary .description::before { content: '('; } .page_issue_archive .obj_issue_summary .series::after, .page_issue_archive .obj_issue_summary .description::after { content: ')'; } .page_issue_archive .obj_issue_summary .description p { display: inline !important; margin: 0 !important; line-height: 1.2 !important; } /* Ensure the main summary has no excessive minimum height. */ .page_issue_archive .obj_issue_summary { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } @media (max-width: 640px) { .page_issue_archive .issues_archive > li { padding: 7px 10px !important; } } /* ============================================================ JMSA v2.4 - ARCHIVES: REMOVE ORPHAN EMPTY PARENTHESES Overrides v2.3 generated brackets without altering OJS data. ============================================================ */ .page_issue_archive .obj_issue_summary .series::before, .page_issue_archive .obj_issue_summary .series::after, .page_issue_archive .obj_issue_summary .description::before, .page_issue_archive .obj_issue_summary .description::after, .page_archives .obj_issue_summary .series::before, .page_archives .obj_issue_summary .series::after, .page_archives .obj_issue_summary .description::before, .page_archives .obj_issue_summary .description::after { content: none !important; display: none !important; } .page_issue_archive .issues_archive > li, .page_issue_archive .issues_archive > article, .page_issue_archive .issues_archive > .obj_issue_summary, .page_archives .obj_issue_summary { min-height: 0 !important; height: auto !important; padding-top: 6px !important; padding-bottom: 6px !important; } .page_issue_archive .obj_issue_summary .title, .page_archives .obj_issue_summary .title { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; } .page_issue_archive .obj_issue_summary .series, .page_issue_archive .obj_issue_summary .description, .page_archives .obj_issue_summary .series, .page_archives .obj_issue_summary .description { line-height: 1.2 !important; padding: 0 !important; } /* JMSA v2.5 — Ultra-compact Archives rows, OJS 3.3 */ .page_issue_archive .issues_archive > li, .page_issue_archive .issues_archive > article, .page_issue_archive .issues_archive > .obj_issue_summary { padding: 2px 12px !important; margin: 0 !important; min-height: 0 !important; height: auto !important; } .page_issue_archive .issues_archive > li .obj_issue_summary, .page_issue_archive .obj_issue_summary { padding: 0 !important; margin: 0 !important; min-height: 0 !important; height: auto !important; } .page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .series, .page_issue_archive .obj_issue_summary .description, .page_issue_archive .obj_issue_summary .description p { line-height: 1.2 !important; margin-top: 0 !important; margin-bottom: 0 !important; } @media (max-width: 640px) { .page_issue_archive .issues_archive > li, .page_issue_archive .issues_archive > article, .page_issue_archive .issues_archive > .obj_issue_summary { padding: 2px 8px !important; } } /* JMSA v2.6 — Archives: zero vertical padding, single line-height, no separators */ .page_issue_archive .issues_archive, .page_archives .issues_archive { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .page_issue_archive .issues_archive > li, .page_issue_archive .issues_archive > article, .page_issue_archive .issues_archive > .obj_issue_summary, .page_archives .issues_archive > li, .page_archives .issues_archive > article, .page_archives .issues_archive > .obj_issue_summary { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; height: auto !important; border: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } .page_issue_archive .issues_archive > li + li, .page_archives .issues_archive > li + li { border-top: 0 !important; } .page_issue_archive .issues_archive .obj_issue_summary, .page_archives .issues_archive .obj_issue_summary { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; height: auto !important; border: 0 !important; box-shadow: none !important; line-height: 1 !important; } .page_issue_archive .issues_archive .obj_issue_summary .title, .page_issue_archive .issues_archive .obj_issue_summary .series, .page_issue_archive .issues_archive .obj_issue_summary .description, .page_issue_archive .issues_archive .obj_issue_summary .description p, .page_archives .issues_archive .obj_issue_summary .title, .page_archives .issues_archive .obj_issue_summary .series, .page_archives .issues_archive .obj_issue_summary .description, .page_archives .issues_archive .obj_issue_summary .description p { line-height: 1 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } /* Suppress decorative rules added by the theme. */ .page_issue_archive .issues_archive > li::before, .page_issue_archive .issues_archive > li::after, .page_archives .issues_archive > li::before, .page_archives .issues_archive > li::after { border: 0 !important; box-shadow: none !important; } /* JMSA v2.7 — Accessible archive-row hover; preserves compact v2.6 layout */ .page_issue_archive .issues_archive > li, .page_archives .issues_archive > li, .page_issue_archive .issues_archive > article, .page_archives .issues_archive > article { transition: background-color .18s ease, color .18s ease; } .page_issue_archive .issues_archive > li:hover, .page_issue_archive .issues_archive > li:focus-within, .page_archives .issues_archive > li:hover, .page_archives .issues_archive > li:focus-within, .page_issue_archive .issues_archive > article:hover, .page_issue_archive .issues_archive > article:focus-within, .page_archives .issues_archive > article:hover, .page_archives .issues_archive > article:focus-within { background-color: #236b50 !important; color: #ffffff !important; } .page_issue_archive .issues_archive > li:hover *, .page_issue_archive .issues_archive > li:focus-within *, .page_archives .issues_archive > li:hover *, .page_archives .issues_archive > li:focus-within *, .page_issue_archive .issues_archive > article:hover *, .page_issue_archive .issues_archive > article:focus-within *, .page_archives .issues_archive > article:hover *, .page_archives .issues_archive > article:focus-within * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration-color: #ffffff !important; } /* ============================================================ JMSA v2.8 — REFERENCES NUMBERING TEST (IEEE-like) Scope: article-detail references; one

= one entry. ============================================================ */ .obj_article_details .item.references .value { counter-reset: jmsa-ref; } .obj_article_details .item.references .value > p { counter-increment: jmsa-ref; position: relative; margin: 0 0 12px !important; padding-left: 42px !important; text-indent: 0 !important; line-height: 1.2 !important; text-align: justify !important; overflow-wrap: anywhere; } .obj_article_details .item.references .value > p::before { content: "[" counter(jmsa-ref) "]"; position: absolute; top: 0; left: 0; width: 34px; color: #173f33; font-weight: 500; text-align: left; } /* ================================================================ JMSA v2.9 — RESPONSIVE COMPACT JOURNAL FOOTER OJS 3.3 / PKP Default, scoped to footer only. Add the companion HTML in Website > Appearance > Page Footer. Footer stays compact even before custom HTML is installed. ================================================================ */ :root { --msa-footer-bg:#173f33; --msa-footer-text:#e1eee7; --msa-footer-muted:#c1d9cb; --msa-footer-gold:#d7b56d; --msa-footer-border:#456d5a; } .pkp_structure_footer_wrapper { margin:0 !important; padding:0 !important; height:auto !important; min-height:0 !important; border-top:3px solid var(--msa-footer-gold) !important; background:var(--msa-footer-bg) !important; color:var(--msa-footer-text) !important; } .pkp_structure_footer { box-sizing:border-box; width:100% !important; max-width:1200px !important; margin:0 auto !important; padding:0 24px !important; min-height:0 !important; height:auto !important; background:transparent !important; line-height:1.55; } .pkp_footer_content { box-sizing:border-box; width:100% !important; max-width:100% !important; float:none !important; margin:0 !important; padding:0 !important; min-height:0 !important; background:transparent !important; color:var(--msa-footer-text) !important; } .pkp_footer_content > :first-child {margin-top:0 !important;} .pkp_footer_content > :last-child {margin-bottom:0 !important;} /* Custom footer content inside OJS Page Footer HTML */ .msa-custom-footer { box-sizing:border-box; width:100%; margin:0; padding:24px 0 12px; color:var(--msa-footer-text); background:transparent; font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:1.55; } .msa-footer-grid { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)); gap:22px 26px; align-items:start; } .msa-footer-col {min-width:0;margin:0;padding:0;} .msa-custom-footer .msa-footer-col h3 { margin:0 0 11px !important; padding:0 0 8px !important; border:0; border-bottom:1px solid var(--msa-footer-border); color:#ffffff !important; font-size:13px !important; font-weight:700; line-height:1.35; letter-spacing:.4px; } .msa-custom-footer p { margin:0 0 7px !important; padding:0 !important; color:var(--msa-footer-text) !important; font-size:13px; line-height:1.55; } .msa-custom-footer .msa-footer-subtitle { font-weight:600; color:var(--msa-footer-gold) !important; } .msa-custom-footer a, .msa-custom-footer a:visited { display:block; width:fit-content; max-width:100%; margin:0 0 7px; color:var(--msa-footer-text) !important; text-decoration:none !important; font-size:13px; line-height:1.5; overflow-wrap:anywhere; } .msa-custom-footer a:hover, .msa-custom-footer a:focus-visible { color:#f5d990 !important; text-decoration:underline !important; } .msa-custom-footer a:focus-visible { outline:2px solid #f5d990; outline-offset:3px; } .msa-footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-top:15px; padding-top:11px; border-top:1px solid var(--msa-footer-border); color:var(--msa-footer-muted); font-size:11px; line-height:1.5; } /* PKP platform logo: reduce excessive width and blank area, retain branding. */ .pkp_brand_footer { box-sizing:border-box; clear:both; float:none !important; width:100%; min-height:0 !important; height:auto !important; margin:0 !important; padding:2px 0 10px !important; background:transparent !important; text-align:right; } .pkp_brand_footer a {display:inline-block;line-height:1;} .pkp_brand_footer img { display:inline-block; width:90px !important; max-width:90px !important; height:auto !important; max-height:65px; object-fit:contain; opacity:.8; filter:brightness(0) invert(1); } /* Original footer content fallback: readable even before replacing HTML. */ .pkp_footer_content a, .pkp_footer_content a:visited {color:#e1eee7;} .pkp_footer_content a:hover {color:#f5d990;} .pkp_footer_content img {max-width:100%;height:auto;} @media(max-width:900px) { .msa-footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;} .pkp_structure_footer {padding:0 20px !important;} } @media(max-width:600px) { .msa-footer-grid {grid-template-columns:1fr;gap:16px;} .msa-custom-footer {padding:20px 0 10px;} .msa-footer-bottom {flex-direction:column;align-items:flex-start;} .pkp_structure_footer {padding:0 16px !important;} .pkp_brand_footer {text-align:left;} .pkp_brand_footer img {max-width:75px !important;width:75px !important;} } /* End JMSA v2.9 footer */ /* ============================================================== JMSA v3.0 — OJS 3.3 USER ACCOUNT NAVIGATION Cosmetic only: does not change username or notification count. =============================================================== */ .pkp_site_nav_menu .pkp_navigation_user_wrapper, .pkp_navigation_user_wrapper { min-width:0; } .pkp_site_nav_menu .pkp_navigation_user > li > a, .pkp_navigation_user_wrapper .pkp_navigation_user > li > a { display:inline-flex; align-items:center; gap:9px; min-height:42px; box-sizing:border-box; padding:9px 13px !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; font-size:15px; font-weight:600; line-height:1.35; text-decoration:none !important; border-radius:8px; transition:background-color .18s ease; } .pkp_site_nav_menu .pkp_navigation_user > li > a:hover, .pkp_site_nav_menu .pkp_navigation_user > li > a:focus, .pkp_navigation_user_wrapper .pkp_navigation_user > li > a:hover, .pkp_navigation_user_wrapper .pkp_navigation_user > li > a:focus { background:#204b3d !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; text-decoration:none !important; } .pkp_navigation_user > li > a:focus-visible { outline:2px solid #e3c779; outline-offset:2px; } /* Notification counter; preserve the real value rendered by OJS. */ .pkp_navigation_user .task_count, .pkp_navigation_user .notification_count { display:inline-flex; align-items:center; justify-content:center; min-width:30px; min-height:30px; padding:2px 7px; box-sizing:border-box; border-radius:999px; background:#3f8066 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; font-size:13px; font-weight:700; line-height:1.2; text-align:center; } /* Dropdown must stay light with high-contrast dark links. */ .pkp_navigation_user ul { border:1px solid #dce8e1; border-radius:0 0 9px 9px; box-shadow:0 6px 18px rgba(23,63,51,.14); } .pkp_navigation_user ul a, .pkp_navigation_user ul a:visited { color:#173f33 !important; -webkit-text-fill-color:#173f33 !important; text-decoration:none !important; } .pkp_navigation_user ul a:hover, .pkp_navigation_user ul a:focus { background:#eaf5ef !important; color:#18513c !important; -webkit-text-fill-color:#18513c !important; } @media(max-width:767px) { .pkp_site_nav_menu .pkp_navigation_user > li > a, .pkp_navigation_user_wrapper .pkp_navigation_user > li > a { min-height:38px; padding:8px 10px !important; font-size:14px; } .pkp_navigation_user .task_count, .pkp_navigation_user .notification_count { min-width:27px; min-height:27px; font-size:12px; } } /* End JMSA v3.0 user navigation */ /* ================================================================ JURNAL MSA | SIDEBAR + FOOTER (Reference HTML exact styles) Based on Jurnal_MSA_Sidebar (2).html and Jurnal_MSA_Footer(1).html OJS 3.3 custom block & Page Footer; safely scoped to .msa-*. ================================================================ */ :root { --msa-green: #123d30; --msa-dark: #092b21; --msa-hover: #205b46; --msa-gold: #dec78b; --msa-ink: #1d3029; --msa-muted: #5d6f68; --msa-line: #dce8df; } .msa-sidebar, .msa-sidebar *, .msa-footer, .msa-footer * { box-sizing: border-box; } .msa-sidebar, .msa-footer { font-family: system-ui,-apple-system,"Segoe UI",Arial,sans-serif; line-height: 1.55; } .msa-sidebar a:focus-visible, .msa-footer a:focus-visible { outline:3px solid #d2a83a; outline-offset:3px; } /* Reference sidebar */ .msa-sidebar {width:100%;max-width:350px;border:1px solid var(--msa-line);background:white;border-radius:14px;overflow:hidden;box-shadow:0 5px 25px #153c2c0d} .msa-sidebar .submission {background:#e9f3eb;padding:22px} .msa-sidebar .submission h2 {font-size:1rem;margin:0 0 6px;color:var(--msa-green)} .msa-sidebar .submission p {font-size:.86rem;margin:0 0 15px;color:var(--msa-muted)} .msa-sidebar .submit-btn {display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:var(--msa-green);color:#fff;border-radius:9px;padding:12px 15px;font-weight:700;transition:background .2s,transform .2s} .msa-sidebar .submit-btn:hover {background:var(--msa-hover);transform:translateY(-1px)} .msa-sidebar .menu-group {padding:20px 20px 14px;border-top:1px solid var(--msa-line)} .msa-sidebar .menu-group h2 {display:flex;align-items:center;gap:10px;color:var(--msa-green);font-size:.86rem;letter-spacing:.05em;margin:0 0 10px} .msa-sidebar .menu-group h2 .symbol {font-size:1.1rem} .msa-sidebar .nav-list {list-style:none;padding:0;margin:0} .msa-sidebar .nav-list a {padding:9px 6px;display:flex;justify-content:space-between;gap:8px;text-decoration:none;font-size:.92rem;border-radius:6px;color:var(--msa-ink)} .msa-sidebar .nav-list a::after {content:"›";color:#789388;font-size:1.2rem;line-height:1} .msa-sidebar .nav-list a:hover {background:#f1f7f3;color:#0f5035} .msa-sidebar .indexing-note {color:var(--msa-muted);font-size:.85rem;margin:0} @media (max-width:600px) { .msa-sidebar {max-width:none;border-radius:8px} } /* Reference footer */ .msa-footer {background:var(--msa-dark);color:#f1f8f3;width:100%} .msa-footer .footer-inner {max-width:1200px;margin:auto;padding:42px 20px 22px} .msa-footer .footer-brand {display:flex;gap:12px;align-items:center;margin-bottom:24px} .msa-footer .footer-mark {width:46px;height:46px;border:1px solid #b8b38a;border-radius:50%;display:grid;place-items:center;color:var(--msa-gold);font-weight:bold;font-size:1.2rem;flex-shrink:0} .msa-footer .footer-brand strong {display:block;font-size:1.1rem} .msa-footer .footer-brand span {display:block;font-size:.83rem;color:#c3d6c9} .msa-footer .footer-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px} .msa-footer .footer-col h2 {font-size:.85rem;letter-spacing:.06em;color:var(--msa-gold);margin:0 0 12px} .msa-footer .footer-links {list-style:none;margin:0;padding:0} .msa-footer .footer-links li {margin:0 0 9px} .msa-footer .footer-links a {font-size:.87rem;color:#e1ece4;text-decoration:none} .msa-footer .footer-links a:hover {text-decoration:underline;color:white} .msa-footer .footer-bottom {border-top:1px solid #416457;margin-top:31px;padding-top:18px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;color:#c9dbcf;font-size:.82rem} .msa-footer .footer-bottom p {margin:2px 0} .msa-footer .footer-bottom a {color:#e2d4a1} @media (max-width:900px) { .msa-footer .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:480px) { .msa-footer .footer-grid {grid-template-columns:1fr;gap:21px} .msa-footer .footer-inner {padding:32px 18px 20px} .msa-footer .footer-bottom {display:block} } /* ------------------------------------------------------------ OJS 3.3 compatibility overrides. Explicit wrappers prevent existing .pkp_block and global footer CSS from changing design. ------------------------------------------------------------ */ .pkp_structure_sidebar .pkp_block:has(.msa-sidebar) { padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .pkp_structure_sidebar .pkp_block:has(.msa-sidebar) > .title { display:none !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar { width:100% !important; max-width:350px !important; margin:0 !important; border:1px solid #dce8df !important; border-radius:14px !important; overflow:hidden !important; background:#fff !important; box-shadow:0 5px 25px #153c2c0d !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .submission { background:#e9f3eb !important; padding:22px !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar h2 { display:flex !important; align-items:center !important; background:transparent !important; color:#123d30 !important; -webkit-text-fill-color:#123d30 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-align:left !important; text-transform:none !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .submission h2 { font-size:1rem !important; margin:0 0 6px !important; padding:0 !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .submission p { font-size:.86rem !important; color:#5d6f68 !important; margin:0 0 15px !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .submit-btn, .pkp_structure_sidebar .pkp_block .content .msa-sidebar .submit-btn:visited { display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; padding:12px 15px !important; border-radius:9px !important; background:#123d30 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-weight:700 !important; text-decoration:none !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .submit-btn:hover, .pkp_structure_sidebar .pkp_block .content .msa-sidebar .submit-btn:focus { background:#205b46 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; transform:translateY(-1px); } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .menu-group { padding:20px 20px 14px !important; border-top:1px solid #dce8df !important; background:#fff !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .menu-group h2 { gap:10px !important; font-size:.86rem !important; letter-spacing:.05em !important; margin:0 0 10px !important; padding:0 !important; font-weight:700 !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .nav-list { list-style:none !important; padding:0 !important; margin:0 !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .nav-list > li { margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .nav-list a, .pkp_structure_sidebar .pkp_block .content .msa-sidebar .nav-list a:visited { display:flex !important; justify-content:space-between !important; gap:8px !important; padding:9px 6px !important; font-size:.92rem !important; line-height:1.55 !important; font-weight:400 !important; background:transparent !important; color:#1d3029 !important; -webkit-text-fill-color:#1d3029 !important; border-radius:6px !important; text-decoration:none !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .nav-list a:hover, .pkp_structure_sidebar .pkp_block .content .msa-sidebar .nav-list a:focus { background:#f1f7f3 !important; color:#0f5035 !important; -webkit-text-fill-color:#0f5035 !important; padding-left:6px !important; text-decoration:none !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .nav-list a::after { content:'›' !important; display:inline !important; position:static !important; transform:none !important; border:0 !important; color:#789388 !important; font-size:1.2rem !important; line-height:1 !important; width:auto !important; height:auto !important; } .pkp_structure_sidebar .pkp_block .content .msa-sidebar .indexing-note { color:#5d6f68 !important; font-size:.85rem !important; margin:0 !important; } /* Four-column footer when inserted inside OJS .pkp_footer_content */ .pkp_structure_footer_wrapper:has(.msa-footer) { background:#092b21 !important; } .pkp_structure_footer:has(.msa-footer) { max-width:none !important; width:100% !important; padding:0 !important; } .pkp_footer_content:has(.msa-footer) { width:100% !important; max-width:none !important; padding:0 !important; } .pkp_footer_content .msa-footer { background:#092b21 !important; color:#f1f8f3 !important; width:100% !important; } .pkp_footer_content .msa-footer .footer-inner { max-width:1200px !important; margin:0 auto !important; padding:42px 20px 22px !important; } .pkp_footer_content .msa-footer .footer-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:26px !important; } .pkp_footer_content .msa-footer .footer-brand { display:flex !important; align-items:center !important; gap:12px !important; margin-bottom:24px !important; } .pkp_footer_content .msa-footer .footer-col h2 { color:#dec78b !important; -webkit-text-fill-color:#dec78b !important; font-size:.85rem !important; margin:0 0 12px !important; } .pkp_footer_content .msa-footer .footer-links { list-style:none !important; padding:0 !important; margin:0 !important; } .pkp_footer_content .msa-footer .footer-links li { margin:0 0 9px !important; } .pkp_footer_content .msa-footer .footer-links a, .pkp_footer_content .msa-footer .footer-links a:visited { color:#e1ece4 !important; -webkit-text-fill-color:#e1ece4 !important; text-decoration:none !important; font-size:.87rem !important; } .pkp_footer_content .msa-footer .footer-links a:hover, .pkp_footer_content .msa-footer .footer-links a:focus { color:white !important; -webkit-text-fill-color:white !important; text-decoration:underline !important; } .pkp_footer_content .msa-footer .footer-bottom { border-top:1px solid #416457 !important; margin-top:31px !important; padding-top:18px !important; } .pkp_footer_content .msa-footer .footer-bottom p { margin:2px 0 !important; color:#c9dbcf !important; } @media(max-width:900px) { .pkp_footer_content .msa-footer .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;} } @media(max-width:600px) { .pkp_structure_sidebar .pkp_block .content .msa-sidebar {max-width:none !important; border-radius:8px !important;} } @media(max-width:480px) { .pkp_footer_content .msa-footer .footer-grid {grid-template-columns:1fr !important;gap:21px !important;} .pkp_footer_content .msa-footer .footer-inner {padding:32px 18px 20px !important;} } @media(prefers-reduced-motion:reduce) { .msa-sidebar .submit-btn, .msa-sidebar .nav-list a {transition:none !important;transform:none !important;} } /* ===== v3.4: SIDEBAR visual correction, appended last ===== */ /* ============================================================== JURNAL MSA | SIDEBAR sesuai referensi gambar | OJS 3.3 Pasang HTML dengan elemen