divan/DivanRazor/wwwroot/css/divan.css
Anas Rashid 4a1d2e0642 Poet/category tables of contents after import; Divan wordmark instead of Ganjoor logo
- public data import ran with empty HtmlText for poet/category pages (upstream fills it
  with a separate admin TOC job), so poet pages showed no works; the import now
  regenerates tables of contents for the importing user
- replace Ganjoor's logo image (gdap/gdapk) with the Divan wordmark on all pages; delete it

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-08 20:17:24 +02:00

64 lines
1.6 KiB
CSS

/* Divan overrides on top of upstream's p8.css: Urdu fonts (Naskh default, Nastaliq option), wordmark,
no poet/writer photos for now. */
:root {
--divan-font: 'Noto Naskh Arabic', 'Noto Nastaliq Urdu', serif;
--divan-line-height: 2;
}
html.font-nastaliq {
--divan-font: 'Noto Nastaliq Urdu', 'Noto Naskh Arabic', serif;
--divan-line-height: 2.6;
}
/* poet/writer photos are not shown for now (every portrait is served from the API's /poet/image/ endpoint) */
img[src*="/poet/image/"],
a:has(> img[src*="/poet/image/"]) { /* also the oval portrait frame around it on poet tiles */
display: none !important;
}
/* poem lines, prose paragraphs, titles */
.m1 p, .m2 p, .b2 p, .n p, .l p,
h1, h2, h3, .century, .caption a {
font-family: var(--divan-font) !important;
line-height: var(--divan-line-height);
}
.divan-wordmark {
font-family: 'Noto Nastaliq Urdu', serif;
font-size: 3.5rem;
line-height: 2;
color: inherit;
text-decoration: none;
}
#font-toggle {
position: fixed;
bottom: 20px;
left: 74px; /* beside #theme-toggle */
z-index: 999;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 12px;
border-radius: 22px;
background: var(--card-inner);
border: 1.5px solid var(--border-gold);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-family: var(--divan-font);
color: inherit;
text-decoration: none;
transition: all 0.2s ease;
}
#font-toggle:hover {
background: var(--card-nested);
transform: translateY(-2px);
}
.divan-wordmark--sm {
font-size: 2rem;
line-height: 1.6;
}