Jump to content

MediaWiki:Common.css

From Grantha
Revision as of 17:22, 24 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;
    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;
}
.shloka-block {
    display: block;
    font-family: 'Adishila', 'Siddhanta', serif;}

.shloka-line {
    display: block;
}
/* Override collapsible/quote block styles */
.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;
}
.verse-text {
    display: inline;
}

.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-body {
    display: block;
    margin-top: 0.8em;
}
.commentary-hidden {
    display: none;
}
.commentary-body.commentary-hidden + p:empty,
.verse-block > p:empty {
    display: none;
}
.mw-parser-output {
    max-width: 820px;
    margin: 0 auto;
    line-height: 1.9;
    font-size: 1.08em;
}
.verse-block {
    margin: 32px 0;
    padding-left: 14px;
    border-left: 2px solid #e6e6e6;
}

.verse-text {
    display: inline;
    font-size: 1.2em;
    line-height: 2.05;
    letter-spacing: 0.02em;
}

/* subtle hover (Rekhta style) */
.verse-block:hover {
    background: #fafafa;
}
.verse-block {
    margin: 32px 0;
    padding-left: 14px;
    border-left: 2px solid #e6e6e6;
}

.verse-text {
    display: inline;
    font-size: 1.2em;
    line-height: 2.05;
    letter-spacing: 0.02em;
}

/* subtle hover (Rekhta style) */
.verse-block:hover {
    background: #fafafa;
}
.commentary-body {
    margin-top: 10px;
    margin-left: 22px;
    padding-left: 14px;
    border-left: 1px dashed #d6d6d6;
    font-size: 0.98em;
    line-height: 1.9;
    color: #444;
}

/* smoother spacing when multiple commentaries */
.commentary-body + .commentary-body {
    margin-top: 6px;
}
.shloka-block {
    margin: 10px 0 4px;
}

.shloka-line {
    padding-left: 6px;
    line-height: 2.05;
}
.nyaya-block,
.prasna-block {
    margin: 40px 0;
    padding-top: 14px;
    border-top: 1px solid #eee;
}

.nyaya-title,
.prasna-title {
    font-size: 1.1em;
    margin-bottom: 6px;
    letter-spacing: 0.03em;
}

.nyaya-title span,
.prasna-title span {
    display: block;
    font-size: 0.85em;
    color: #666;
}
/* ── Adhyaya (Chapter) ───────────────────────────── */

.adhyaya-block {
    margin: 32px 0 18px;   /* reduced vertical space */
    text-align: left;      /* more book-like, not centered */
}

.adhyaya-heading {
    font-family: "Adishila", serif;
    font-size: 1.35em;     /* modest increase, not dramatic */
    font-weight: bold;
    letter-spacing: 0.02em;
    margin: 0;
    line-height: 1.6;
}

/* Translation (if present) — subtle */
.adhyaya-heading span,
.adhyaya-block p {
    font-size: 0.9em;
    color: #666;
    margin-top: 2px;
}

/* Intro — close to heading, not floating far away */
.adhyaya-intro {
    margin-top: 10px;
    line-height: 1.85;
    color: #444;
}
Retrieved from "https://grantha.io/index.php?title=MediaWiki:Common.css&oldid=962"