MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 852: | Line 852: | ||
border-top: 1px solid #ddd; | border-top: 1px solid #ddd; | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
} | |||
/* ═══════════════════════════════════════════════════════════════════════════ | |||
grantha.io — MediaWiki:Common.css additions | |||
Add these rules to your existing MediaWiki:Common.css page. | |||
═══════════════════════════════════════════════════════════════════════════ */ | |||
/* ── leading-bhashya ──────────────────────────────────────────────────────── | |||
Bridging/introductory prose between adhikaranas (BS.xml) or between | |||
chapters (Mandu.xml). Rendered as {{Bhashyam}} so it picks up the same | |||
running-prose styling as regular bhashya — no extra CSS needed beyond what | |||
.gr-bhashyam already provides. The class below is available if you ever | |||
want to visually distinguish these bridge passages. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-leading-bhashya { | |||
font-style: italic; | |||
color: #555; | |||
margin: 0.4em 0 0.6em 0; | |||
} | |||
/* ── avataranika ───────────────────────────────────────────────────────────── | |||
Lead-in / introductory gloss that precedes the main commentary block in | |||
tika files (pramaanalakshana-tika, tattvasankhyanam-tika, tatvaviveka-tika, | |||
yamakabharata-tika-yadupatyam). Displayed as a slightly inset italic block | |||
before the main {{Bhashyam}} / {{Teeka}} bubble. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-avataranika { | |||
font-style: italic; | |||
color: #444; | |||
margin: 0 0 0.5em 0.5em; | |||
padding-left: 0.6em; | |||
border-left: 2px solid #c9a96e; | |||
line-height: 1.7; | |||
} | |||
/* ── vyakhya-heading ──────────────────────────────────────────────────────── | |||
Named section headings within a tika (e.g. "प्रथमः भङ्गः", "द्वितीयभङ्गः" | |||
in bhavadipika, bhavaprakashaha, bhavavivaranam, nyayadeepika). These are | |||
rendered as === wiki headings ===, so this rule targets the MW h3 that MW | |||
generates from them. If you prefer a custom look, add: | |||
.gr-vyakhya-heading { … } | |||
and change the script output from === … === to a <div class="gr-vyakhya-heading">. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
/* (wiki h3 styling is sufficient; add overrides here if needed) */ | |||
/* ── vyakhya-pada ─────────────────────────────────────────────────────────── | |||
Word-by-word (padaccheda / anvaya) analysis block that appears after the | |||
main commentary in yamakabharata-tika-yadupatyam. Displayed in a smaller | |||
mono-spaced style to distinguish it from the prose commentary. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-vyakhya-pada { | |||
font-size: 0.88em; | |||
color: #555; | |||
background: #fafafa; | |||
border: 1px solid #e8e0d0; | |||
border-radius: 4px; | |||
padding: 0.5em 0.8em; | |||
margin: 0.6em 0; | |||
line-height: 1.6; | |||
white-space: pre-wrap; | |||
} | |||
/* ── vyakhya-gadya ────────────────────────────────────────────────────────── | |||
Section-label / heading gadya elements inside vyakhya-descriptors | |||
(e.g. "मङ्गलाचरणम्", "तत्वसामान्यलक्षणपरीक्षा" in tatvaviveka-tika). | |||
Displayed as a small, bold, centred Sanskrit heading. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-vyakhya-gadya { | |||
font-weight: bold; | |||
font-size: 0.95em; | |||
text-align: center; | |||
color: #8b1a1a; | |||
margin: 1em 0 0.4em 0; | |||
letter-spacing: 0.03em; | |||
} | |||
/* ── author-note (in vyakhya pages) ──────────────────────────────────────── | |||
Colophon / completion note at end of a tika section | |||
(e.g. "इति श्रीपद्मनाभतीर्थभट्टारकविरचिता … समाप्ता"). | |||
Displayed centred in a muted italic style. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-author-note { | |||
font-style: italic; | |||
color: #666; | |||
text-align: center; | |||
font-size: 0.9em; | |||
margin: 1em 0 0.5em 0; | |||
border-top: 1px solid #ddd; | |||
padding-top: 0.5em; | |||
} | |||
/* ═══════════════════════════════════════════════════════════════════════════ | |||
VERSE & GADYA STYLING — matches anandamakaranda.in ref site | |||
Add to MediaWiki:Common.css | |||
═══════════════════════════════════════════════════════════════════════════ */ | |||
/* ── Verse text (mantra / shloka / sutra) ─────────────────────────────────── | |||
The ref site renders verse lines in italic red-orange. | |||
These classes are output by the {{VerseBlock}} template. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-verse-text, | |||
.verse-line, | |||
.verse-text { | |||
color: #b5451b; | |||
font-style: italic; | |||
line-height: 1.9; | |||
display: block; | |||
margin: 0.15em 0; | |||
} | |||
/* Mantra type — same red italic, slightly larger */ | |||
.gr-verse-type-mantra .gr-verse-text, | |||
.verse-block[data-type="mantra"] .verse-line { | |||
font-size: 1.05em; | |||
} | |||
/* Sutra type — upright (not italic) red, matches BS sutra display */ | |||
.gr-verse-type-sutra .gr-verse-text, | |||
.verse-block[data-type="sutra"] .verse-line { | |||
font-style: normal; | |||
font-weight: 600; | |||
color: #b5451b; | |||
} | |||
/* ── Gadya subheadings ────────────────────────────────────────────────────── | |||
gadya elements now render as wiki headings (== / ===). | |||
These are the section-label headings like "मङ्गलाचरणम्", | |||
"व्याहृत्यर्थः गायत्र्यर्थश्च एक एव" etc. | |||
MW renders them as h2/h3. Style them to look like the ref site's | |||
smaller, less prominent subheadings (not full chapter-level h2). | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
/* Gadya inline-blocks (used when gadya appears inside a verse) */ | |||
.gr-gadya { | |||
color: #444; | |||
font-style: normal; | |||
font-weight: 600; | |||
font-size: 0.88em; | |||
display: block; | |||
margin: 0.8em 0 0.3em 1em; | |||
border: none; | |||
background: transparent; | |||
} | |||
/* ── Verse block container ────────────────────────────────────────────────── | |||
Spacing between verse blocks and commentary. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.verse-block, | |||
.gr-verse-block { | |||
margin: 0.8em 0 0.5em 0; | |||
padding: 0; | |||
} | |||
/* ── Bhashyam prose (running commentary) ─────────────────────────────────── | |||
Plain body text, normal weight/color. Already covered by readerToolbar.js | |||
injected styles, but adding here for MW template direct rendering. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-bhashyam, | |||
.commentary-bhashyam { | |||
color: #222; | |||
font-style: normal; | |||
line-height: 1.85; | |||
margin: 0.4em 0 0.7em 0; | |||
} | |||
/* ── Padapatha (word-split analysis) ─────────────────────────────────────── | |||
Shown in normal weight, slightly smaller, indented. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-padapatha { | |||
font-size: 0.9em; | |||
color: #555; | |||
margin: 0.2em 0 0.4em 0.8em; | |||
font-style: normal; | |||
} | |||
/* ── Devatachandas (metre / deity annotation) ─────────────────────────────── | |||
Small metadata line before verses in Rigbhashyam sections. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-devatachandas { | |||
font-size: 0.82em; | |||
color: #777; | |||
font-style: normal; | |||
margin: 0.5em 0 0.2em 0; | |||
} | |||
/* ── Vargikarana (sukta/group metadata) ───────────────────────────────────── | |||
e.g. "मण्डलम्—१. अध्यायः –१. अनुवाकः–१. सूक्तम्–१." | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-vargikarana { | |||
font-size: 0.82em; | |||
color: #888; | |||
font-style: normal; | |||
margin: 0.6em 0 0.15em 0; | |||
} | |||
/* ── Uvaaca (speaker attribution) ────────────────────────────────────────── | |||
"श्री भगवानुवाच" etc. | |||
─────────────────────────────────────────────────────────────────────────── */ | |||
.gr-uvaaca, | |||
.uvaaca { | |||
color: #b5451b; | |||
font-weight: 600; | |||
font-size: 0.92em; | |||
margin: 0.6em 0 0.2em 0; | |||
display: block; | |||
} | } | ||