|
|
| Line 99: |
Line 99: |
| } | | } |
|
| |
|
| /* ── Commentary body ────────────────────────────────────────────*/ | | /* ── Bhashyam: primary commentary, plain running prose ────────── |
| .commentary-body {
| |
| display: block;
| |
| font-family: inherit;
| |
| font-size: 1em;
| |
| line-height: 1.75;
| |
| color: #555; /* ref: body / bhashya-content color */
| |
| margin-top: 0.6rem;
| |
| max-height: 0;
| |
| overflow: hidden;
| |
| opacity: 0;
| |
| transition: all 0.3s ease;
| |
| }
| |
| | |
| .commentary-body p,
| |
| .commentary-body span,
| |
| .commentary-body div {
| |
| font-family: inherit;
| |
| }
| |
| | |
| .commentary-body + .commentary-body {
| |
| margin-top: 6px;
| |
| }
| |
| | |
| .commentary-body.open {
| |
| max-height: 500px;
| |
| opacity: 1;
| |
| border: 1px solid #ededed;
| |
| background: #fafafa;
| |
| padding: 5px 10px;
| |
| overflow: auto;
| |
| }
| |
| | |
| .commentary-body.commentary-hidden + p:empty,
| |
| .verse-block > p:empty {
| |
| display: none;
| |
| }
| |
| | |
| /* ── Bhashyam: running prose, no bubble ─────────────────────────
| |
| ref: .sutra .bhashya-content — color #555, margin-left 60px | | ref: .sutra .bhashya-content — color #555, margin-left 60px |
| ────────────────────────────────────────────────────────────────*/ | | ────────────────────────────────────────────────────────────────*/ |
| .gr-bhashyam { | | .bhashyam-block { |
| display: block; | | display: block; |
| | font-family: inherit; |
| font-size: 1em; | | font-size: 1em; |
| line-height: 1.85; | | line-height: 1.85; |
| color: #555; /* ref: bhashya-content color */ | | color: #555; |
| margin: 0.55em 0 0.8em; | | margin: 0.55em 0 0.8em 60px; |
| margin-left: 60px; /* ref: margin-left: 60px */
| |
| padding: 0; | | padding: 0; |
| border: none; | | border: none; |
| background: transparent; | | background: transparent; |
| max-height: none;
| |
| overflow: visible;
| |
| opacity: 1;
| |
| } | | } |
|
| |
|
| .gr-bhashyam .commentary-toggle,
| | /* ── Teeka: sub-commentary in a titled grey bubble ────────────── |
| .gr-bhashyam .commentary-accordion-toggle {
| | ref: nyaya-collection — indented, padded box |
| display: none !important;
| | ────────────────────────────────────────────────────────────────*/ |
| }
| | .teeka-block { |
| | |
| /* ── Teeka: titled grey bubble, always visible ──────────────────*/ | |
| .gr-teeka { | |
| display: block; | | display: block; |
| background: #f6f6f7; | | background: #f6f6f7; |
| Line 167: |
Line 123: |
| border-radius: 8px; | | border-radius: 8px; |
| padding: 10px 14px 12px; | | padding: 10px 14px 12px; |
| margin: 0.7em 0 0.7em 60px; /* indented same as bhashyam */ | | margin: 0.7em 0 0.7em 60px; |
| font-size: 0.93em; | | font-size: 0.93em; |
| line-height: 1.8; | | line-height: 1.8; |
| color: #555; /* ref: body color */ | | color: #555; |
| max-height: none;
| |
| overflow: visible;
| |
| opacity: 1;
| |
| } | | } |
|
| |
|
| .gr-teeka.commentary-hidden { | | .teeka-title { |
| display: block !important;
| |
| }
| |
| | |
| .gr-teeka-title {
| |
| font-family: system-ui, -apple-system, sans-serif; | | font-family: system-ui, -apple-system, sans-serif; |
| font-size: 0.78em; | | font-size: 0.78em; |
| Line 192: |
Line 141: |
| } | | } |
|
| |
|
| /* ── Commentary toggle ──────────────────────────────────────────*/
| | .teeka-body { |
| .commentary-toggle { | |
| cursor: pointer;
| |
| margin-left: 0.5em;
| |
| font-size: 0.7em;
| |
| vertical-align: middle;
| |
| opacity: 0.4;
| |
| user-select: none;
| |
| display: inline;
| |
| transition: opacity 0.2s ease;
| |
| }
| |
| | |
| .commentary-toggle:hover {
| |
| opacity: 1;
| |
| }
| |
| | |
| .commentary-toggle-btn {
| |
| margin-bottom: 1em;
| |
| padding: 6px 14px;
| |
| cursor: pointer;
| |
| }
| |
| | |
| /* ── mw-collapsible ─────────────────────────────────────────────*/
| |
| .commentary-block .mw-collapsible-toggle {
| |
| font-family: inherit; | | font-family: inherit; |
| display: block;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| border-left: 4px solid #8b6914;
| |
| padding: 6px 10px;
| |
| cursor: pointer;
| |
| font-weight: bold;
| |
| text-align: left;
| |
| float: none !important;
| |
| }
| |
|
| |
| .adhyaya-intro .mw-collapsible-toggle {
| |
| font-family: inherit;
| |
| display: block;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| cursor: pointer;
| |
| font-weight: bold;
| |
| text-align: left;
| |
| float: none !important;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.07em;
| |
| font-size: 0.78em;
| |
| }
| |
|
| |
| .commentary-block .mw-collapsible-toggle a {
| |
| font-family: inherit;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .mw-collapsible,
| |
| .mw-collapsible-content,
| |
| blockquote,
| |
| .quotebox {
| |
| background-color: transparent !important;
| |
| border: none !important;
| |
| font-style: normal !important;
| |
| padding: 0 !important;
| |
| margin-left: 0 !important;
| |
| } | | } |
|
| |
|
| Line 270: |
Line 157: |
| .adhyaya-block { | | .adhyaya-block { |
| font-family: inherit; | | font-family: inherit; |
| margin: 32px 0 18px; | | margin: 32px 0 0; /* no bottom margin — content follows immediately */ |
| text-align: left; | | text-align: left; |
| | border: none; /* no hr/divider from the block itself */ |
| | } |
| | |
| | /* Remove any <hr> that MediaWiki auto-inserts after the block */ |
| | .adhyaya-block + hr, |
| | .adhyaya-block hr { |
| | display: none !important; |
| | } |
| | |
| | /* Also suppress empty paragraphs MW inserts between templates */ |
| | .adhyaya-block + p:empty { |
| | display: none !important; |
| | margin: 0 !important; |
| } | | } |
|
| |
|
| Line 823: |
Line 723: |
| fill: #202124 !important; | | fill: #202124 !important; |
| filter: none !important; | | filter: none !important; |
| }
| |
| .bhashyam-block {
| |
| display: block;
| |
| color: #555;
| |
| line-height: 1.85;
| |
| margin: 0.5em 0 0.8em 60px;
| |
| }
| |
| .teeka-block {
| |
| background: #f6f6f7;
| |
| border: 1px solid #e2e2e6;
| |
| border-radius: 8px;
| |
| padding: 10px 14px 12px;
| |
| margin: 0.7em 0 0.7em 60px;
| |
| color: #555;
| |
| }
| |
| .teeka-title {
| |
| font-size: 0.78em;
| |
| font-weight: 600;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.06em;
| |
| color: #777;
| |
| border-bottom: 1px solid #ddd;
| |
| padding-bottom: 5px;
| |
| margin-bottom: 6px;
| |
| }
| |
| //removing default border bottom for headings
| |
| .mw-heading1, h1, .mw-heading2, h2 {
| |
| border: none !important;
| |
| } | | } |