Jump to content

MediaWiki:Common.css

From Grantha
Revision as of 18:23, 20 March 2026 by Chandrashekars (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
@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;
}