MediaWiki:Common.css: Difference between revisions

Revision as of 19:25, 10 March 2026

@font-face {
  font-family: "Adishila";
  src: url("/resources/fonts/adishila/Adishila.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Adishila";
  src: url("/resources/fonts/adishila/AdishilaBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* Fix mw-collapsible toggle to look like full-width header */
.commentary-block .mw-collapsible-toggle {
font-family: "Adishila";
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #f3e9d2;
    border-left: 4px solid #8b6914;
    padding: 6px 10px;
    cursor: pointer;
    font-weight: bold;
    font-family: serif;
    text-align: left;
    float: none !important;
}

/* Introduction block toggle header */
.adhyaya-intro .mw-collapsible-toggle {
    font-family: "Adishila";
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #f8f3e8;
    border-left: 4px solid #8b6914;
    padding: 6px 10px;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
    float: none !important;
    color: #8b6914;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 0.78em;
}

.commentary-block .mw-collapsible-toggle a {
font-family: "Adishila";
    color: #3a2a00;
    text-decoration: none;
}

.commentary-block .mw-collapsible-toggle:hover {
    background: #e8d9b8;
}

/*
 * ═══════════════════════════════════════════════════════════════════
 * grantha.io – Semantic Block Templates CSS
 * Add to MediaWiki:Common.css
 * Covers: Adhyaya, Nyaya, Prasna
 * ═══════════════════════════════════════════════════════════════════
 */

/* ── Shared: hide Cargo store markup ─────────────────────────────── */
.cargo-store-only { display: none !important; }

/* ── Adhyaya (Chapter) ───────────────────────────────────────────── */
.adhyaya-block {
font-family: "Adishila";
    scroll-margin-top: 60px; /* account for sticky header */
}

.adhyaya-heading {
    font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
}

.adhyaya-anchor {
    opacity: 0;
    transition: opacity 0.2s;
}
.adhyaya-heading:hover .adhyaya-anchor {
    opacity: 0.7;
}

.adhyaya-intro.mw-collapsible {
    font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
}

/* ── Nyaya (Reasoning block) ─────────────────────────────────────── */
.nyaya-block {
    scroll-margin-top: 60px;
    font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
}

.nyaya-header {
    transition: background 0.15s ease;
}
.nyaya-header:hover {
    background: #d8e8f5 !important;
}

/* Show permalink on hover */
.nyaya-block a[href^="#"] {
    opacity: 0;
    transition: opacity 0.2s;
}
.nyaya-block:hover a[href^="#"] {
    opacity: 0.7;
}

/* ── Prasna (Question block) ─────────────────────────────────────── */
.prasna-block {
    scroll-margin-top: 60px;
    font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
}

.prasna-header {
    transition: background 0.15s ease;
}
.prasna-header:hover {
    background: #edddd8 !important;
}

.prasna-block a[href^="#"] {
    opacity: 0;
    transition: opacity 0.2s;
}
.prasna-block:hover a[href^="#"] {
    opacity: 0.7;
}

/* ── ID chips: monospace, consistent across all templates ────────── */
.nyaya-id,
.prasna-id {
    font-family: 'SFMono-Regular', 'Consolas', 'Liberation Mono', monospace;
}

/* ── Responsive: stack header on small screens ───────────────────── */
@media ( max-width: 600px ) {
    .nyaya-header,
    .prasna-header {
        flex-wrap: wrap;
    }
    .nyaya-id,
    .prasna-id,
    .adhyaya-anchor {
        display: none;
    }
}