Jump to content

MediaWiki:Common.css: Difference between revisions

From Grantha
No edit summary
No edit summary
Line 32: Line 32:
     display: block;
     display: block;
     width: 100%;
     width: 100%;
     box-sizing: border-box;
     box-sizing: border-box;   cursor: pointer;
    border-left: 4px solid #8b6914;
    padding: 6px 10px;
    cursor: pointer;
     font-weight: bold;
     font-weight: bold;
     text-align: left;
     text-align: left;
     float: none !important;
     float: none !important;
    color: #8b6914;
     text-transform: uppercase;
     text-transform: uppercase;
     letter-spacing: 0.07em;
     letter-spacing: 0.07em;
Line 47: Line 43:
.commentary-block .mw-collapsible-toggle a {
.commentary-block .mw-collapsible-toggle a {
font-family: "Adishila";
font-family: "Adishila";
    color: #3a2a00;
     text-decoration: none;
     text-decoration: none;
}
}
/*
* ═══════════════════════════════════════════════════════════════════
* grantha.io – Semantic Block Templates CSS
* Add to MediaWiki:Common.css
* Covers: Adhyaya, Nyaya, Prasna
* ═══════════════════════════════════════════════════════════════════
*/


/* ── Shared: hide Cargo store markup ─────────────────────────────── */
/* ── Shared: hide Cargo store markup ─────────────────────────────── */
Line 65: Line 52:
.adhyaya-block {
.adhyaya-block {
font-family: "Adishila";
font-family: "Adishila";
    scroll-margin-top: 60px; /* account for sticky header */
}
}


Line 86: Line 72:
/* ── Nyaya (Reasoning block) ─────────────────────────────────────── */
/* ── Nyaya (Reasoning block) ─────────────────────────────────────── */
.nyaya-block {
.nyaya-block {
    scroll-margin-top: 60px;
     font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
     font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
}
}
Line 101: Line 86:
/* ── Prasna (Question block) ─────────────────────────────────────── */
/* ── Prasna (Question block) ─────────────────────────────────────── */
.prasna-block {
.prasna-block {
    scroll-margin-top: 60px;
     font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
     font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
}
}
Line 116: Line 100:
.nyaya-id,
.nyaya-id,
.prasna-id {
.prasna-id {
     font-family: 'SFMono-Regular', 'Consolas', 'Liberation Mono', monospace;
     font-family: 'Adishila', 'Consolas', 'Liberation Mono', monospace;
}
}



Revision as of 18:23, 20 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;   
    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;   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: "Adishila";
    text-decoration: none;
}

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

/* ── Adhyaya (Chapter) ───────────────────────────────────────────── */
.adhyaya-block {
font-family: "Adishila";
}

.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 {
    font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
}

/* 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 {
    font-family: 'Adishila', 'Noto Serif Devanagari', 'Noto Serif Kannada', Georgia, serif;
}

.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: 'Adishila', '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;
    }
}
pre, code, .mw-code {
background-color: transparent;
border: none;
padding: 0.5em;
line-height: 1;
margin: 0.5em;
}
/* Kill injected empty paragraphs inside font-scaled wrappers */
.mw-parser-output > div > p:empty,
.mw-parser-output p:empty {
    display: none !important;
    margin: 0 !important;
    line-height: 0 !important;
}

/* Also catch whitespace-only paragraphs which p:empty misses */
.mw-parser-output .adhyaya-block + p,
.mw-parser-output p + .adhyaya-block {
    margin-top: 0 !important;
}
/* Prevent em-based margins from scaling inside font-size wrappers */
.mw-parser-output div[style*="font-size"] > p {
    margin: 0 !important;
}
body.hide-commentary .commentary-block {
  display: none;
}

.commentary-toggle-btn {
  margin-bottom: 1em;
  padding: 6px 14px;
  cursor: pointer;
}