/* ============================================================ IJEHUS JOURNAL STYLE SHEET International Journal of English, Hindi, and Urdu Studies OJS 3.5 - Material Theme Main goals: - Keep journal title on one line on desktop - Make navigation professional - Improve sidebar - Improve homepage - Improve buttons - Improve issue/article cards - Responsive mobile layout ============================================================ */ /* ============================================================ 1. COLOUR SYSTEM ============================================================ */ :root { --journal-primary: #173f5f; --journal-primary-dark: #102f47; --journal-secondary: #2f6f8f; --journal-accent: #c58b2a; --journal-text: #334155; --journal-muted: #64748b; --journal-light: #f8fafc; --journal-border: #e2e8f0; --journal-white: #ffffff; --journal-shadow: 0 4px 15px rgba(15, 23, 42, 0.06); --journal-shadow-hover: 0 10px 25px rgba(15, 23, 42, 0.10); } /* ============================================================ 2. GENERAL BODY ============================================================ */ body { color: var(--journal-text); background: #ffffff; } /* ============================================================ 3. JOURNAL TITLE ============================================================ */ /* Your actual title is:

International Journal of English, Hindi, and Urdu Studies

The following rules specifically target that title. */ .page_index_journal p.text-5xl, .page_index_site p.text-5xl, p.text-5xl.font-display { font-size: 2.7rem !important; line-height: 1.12 !important; letter-spacing: -0.025em !important; font-weight: 800 !important; } /* Desktop: keep the complete journal name on ONE line. */ @media (min-width: 1100px) { .page_index_journal p.text-5xl, .page_index_site p.text-5xl, p.text-5xl.font-display { white-space: nowrap !important; font-size: 2.45rem !important; } } /* Large desktop. */ @media (min-width: 1400px) { .page_index_journal p.text-5xl, .page_index_site p.text-5xl, p.text-5xl.font-display { font-size: 2.65rem !important; } } /* Tablet. */ @media (max-width: 1099px) { .page_index_journal p.text-5xl, .page_index_site p.text-5xl, p.text-5xl.font-display { white-space: normal !important; font-size: 2.25rem !important; } } /* Mobile. */ @media (max-width: 640px) { .page_index_journal p.text-5xl, .page_index_site p.text-5xl, p.text-5xl.font-display { white-space: normal !important; font-size: 1.75rem !important; line-height: 1.2 !important; } } /* ============================================================ 4. JOURNAL DESCRIPTION ============================================================ */ .page_index_journal .line-clamp-3, .page_index_site .line-clamp-3 { color: #94a3b8 !important; font-size: 1.05rem !important; line-height: 1.7 !important; max-width: 850px; } /* Remove excessive spaces from the description visually. */ .page_index_journal .line-clamp-3 p, .page_index_site .line-clamp-3 p { margin: 0; } /* ============================================================ 5. HOMEPAGE BUTTONS ============================================================ */ /* SEND ARTICLE */ .page_index_journal a[href*="/about/submissions"], .page_index_site a[href*="/about/submissions"] { background: var(--journal-accent) !important; color: #ffffff !important; border-radius: 6px !important; padding: 10px 20px !important; font-weight: 700 !important; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12); transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .page_index_journal a[href*="/about/submissions"]:hover, .page_index_site a[href*="/about/submissions"]:hover { background: #a9711b !important; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15); } /* ARCHIVES */ .page_index_journal a[href*="/issue/archive"], .page_index_site a[href*="/issue/archive"] { background: var(--journal-primary) !important; color: #ffffff !important; border-radius: 6px !important; padding: 10px 20px !important; font-weight: 600 !important; transition: background 0.2s ease, transform 0.2s ease; } .page_index_journal a[href*="/issue/archive"]:hover, .page_index_site a[href*="/issue/archive"]:hover { background: var(--journal-primary-dark) !important; transform: translateY(-1px); } /* ============================================================ 8. SIDEBAR ============================================================ */ .pkp_structure_sidebar { padding-left: 25px; } /* Sidebar block. */ .pkp_block { margin-bottom: 28px; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Sidebar block title. */ .pkp_block > a:first-child, .pkp_block > .title { display: block; padding-bottom: 10px; margin-bottom: 10px; color: var(--journal-primary) !important; font-size: 17px !important; font-weight: 700 !important; border-bottom: 2px solid var(--journal-accent); } /* Sidebar lists. */ .pkp_block > ul { margin: 0 !important; padding: 0 !important; } /* Sidebar links. */ .pkp_block ul li a { color: #64748b; text-decoration: none; transition: color 0.2s ease, padding-left 0.2s ease; } .pkp_block ul li a:hover { color: var(--journal-primary) !important; } /* ============================================================ 9. SIDEBAR CUSTOM BLOCK ============================================================ */ .pkp_block.block_custom { padding: 0 !important; } /* ISSN / Submission / Keywords titles. */ .pkp_block.block_custom > a { color: var(--journal-primary) !important; font-weight: 700 !important; } /* Sidebar vertical line. */ .pkp_block.block_custom ul { border-left-color: #dbe5eb !important; } /* ============================================================ 10. KEYWORD CLOUD ============================================================ */ .wordcloud { padding: 10px 0; overflow: hidden; } .wordcloud svg { max-width: 100%; height: auto; } .wordcloud text { font-family: "Inter", "Noto Sans", Arial, sans-serif !important; } /* ============================================================ 11. HOMEPAGE ABOUT ============================================================ */ .homepage_about { padding: 30px; margin-bottom: 30px; background: #f8fafc; border: 1px solid var(--journal-border); border-left: 4px solid var(--journal-primary); border-radius: 8px; } .homepage_about h2 { margin-top: 0; color: var(--journal-primary); font-weight: 700; } /* ============================================================ 12. CURRENT ISSUE ============================================================ */ .current_issue { margin-top: 35px; padding: 30px; background: #ffffff; border: 1px solid var(--journal-border); border-radius: 8px; box-shadow: var(--journal-shadow); } .current_issue h2 { margin-top: 0; color: var(--journal-primary); font-weight: 700; } .current_issue_title { margin-bottom: 20px; color: var(--journal-primary); font-size: 23px; font-weight: 700; } /* ============================================================ 13. ANNOUNCEMENTS ============================================================ */ .announcements { margin-bottom: 30px; } .obj_announcement_summary, .announcement_summary { padding: 22px; margin-bottom: 18px; background: #ffffff; border: 1px solid var(--journal-border); border-radius: 8px; box-shadow: var(--journal-shadow); } .obj_announcement_summary:hover, .announcement_summary:hover { box-shadow: var(--journal-shadow-hover); } /* ============================================================ 14. ISSUE ARCHIVE ============================================================ */ .page_issue_archive h1 { color: var(--journal-primary); font-weight: 750; } /* Issue cards. */ .page_issue_archive .obj_issue_summary { background: #ffffff; border: 1px solid var(--journal-border); border-radius: 8px; box-shadow: var(--journal-shadow); transition: transform 0.2s ease, box-shadow 0.2s ease; } .page_issue_archive .obj_issue_summary:hover { transform: translateY(-3px); box-shadow: var(--journal-shadow-hover); } /* ============================================================ 15. ARTICLE TITLES ============================================================ */ .obj_article_summary .title a, .obj_issue_summary .title a { color: var(--journal-primary); font-weight: 700; } .obj_article_summary .title a:hover, .obj_issue_summary .title a:hover { color: var(--journal-secondary); } /* ============================================================ 16. ARTICLE PAGE ============================================================ */ .obj_article_details .page_title { color: var(--journal-primary); font-weight: 750; line-height: 1.25; } /* Abstract */ .obj_article_details .abstract { padding: 25px; margin-top: 25px; background: #f8fafc; border-left: 4px solid var(--journal-primary); border-radius: 6px; } /* ============================================================ 17. GENERAL HEADINGS ============================================================ */ .page h1 { color: var(--journal-primary); font-weight: 750; } .page h2 { color: var(--journal-primary); font-weight: 700; } .page h3 { color: var(--journal-primary); font-weight: 700; } /* ============================================================ 18. LINKS ============================================================ */ .page a { color: var(--journal-primary); } .page a:hover { color: var(--journal-secondary); } /* ============================================================ 19. TABLES ============================================================ */ .page table { width: 100%; border-collapse: collapse; } .page table th { padding: 12px; color: #ffffff; background: var(--journal-primary); text-align: left; } .page table td { padding: 12px; border: 1px solid var(--journal-border); } .page table tr:nth-child(even) { background: #f8fafc; } /* ============================================================ 20. FORM ELEMENTS ============================================================ */ input, textarea, select { border-color: #cbd5e1 !important; border-radius: 5px !important; } input:focus, textarea:focus, select:focus { border-color: var(--journal-primary) !important; outline: none !important; box-shadow: 0 0 0 2px rgba(23, 63, 95, 0.12) !important; } /* ============================================================ 21. BREADCRUMBS ============================================================ */ .pkp_breadcrumb { color: var(--journal-muted); } .pkp_breadcrumb a { color: var(--journal-primary); } /* ============================================================ 22. FOOTER ============================================================ */ .pkp_structure_footer_wrapper { background: var(--journal-primary) !important; } .pkp_structure_footer { color: #dbeafe; } .pkp_structure_footer a { color: #ffffff; } .pkp_structure_footer a:hover { color: #f6d58a; } /* ============================================================ 23. DESKTOP CONTENT / SIDEBAR ============================================================ */ @media (min-width: 1024px) { .pkp_structure_content { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 45px; } .pkp_structure_main { min-width: 0; } .pkp_structure_sidebar { width: 100%; padding-left: 0; } } /* ============================================================ 24. TABLET ============================================================ */ @media (max-width: 1023px) { .pkp_structure_sidebar { padding-left: 0; margin-top: 35px; } } /* ============================================================ 25. MOBILE NAVIGATION ============================================================ */ @media (max-width: 1023px) { #navigationPrimary { display: none !important; } } /* ============================================================ 26. MOBILE JOURNAL TITLE ============================================================ */ @media (max-width: 640px) { .page_index_journal p.text-5xl, .page_index_site p.text-5xl, p.text-5xl.font-display { font-size: 1.65rem !important; line-height: 1.2 !important; white-space: normal !important; } .page_index_journal .line-clamp-3 { font-size: 0.95rem !important; } .homepage_about { padding: 20px; } .current_issue { padding: 20px; } } /* ============================================================ 27. MOBILE BUTTONS ============================================================ */ @media (max-width: 640px) { .page_index_journal .mt-8.flex { flex-wrap: wrap; } .page_index_journal .mt-8.flex a { text-align: center; } } /* ============================================================ 28. ACCESSIBILITY ============================================================ */ a:focus-visible, button:focus-visible { outline: 3px solid rgba(197, 139, 42, 0.5) !important; outline-offset: 2px; } /* ============================================================ END ============================================================ */