MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 1,587: Line 1,587:
.gr-devatachandas { font-size: 0.82em; color: #777; margin: 0.4em 0 0.2em 0; }
.gr-devatachandas { font-size: 0.82em; color: #777; margin: 0.4em 0 0.2em 0; }
.gr-vargikarana  { font-size: 0.82em; color: #888; margin: 0.5em 0 0.1em 0; }
.gr-vargikarana  { font-size: 0.82em; color: #888; margin: 0.5em 0 0.1em 0; }
* 1. Heading — center, 24px, maroon, AdishilaDevGuru */
.gr-heading {
  display: block;
  text-align: center;
  font-size: 1.09em;
  font-weight: 500;
  color: #be100e;
  font-family: 'AdishilaDevGuru', 'Adishila', 'Noto Serif Devanagari', serif;
  line-height: 1.4;
  margin: 0.45em 0;
}
/* 2. Sub-heading — center, 16px, orange, AdishilaDevGuru */
.gr-sub-heading {
  display: block;
  text-align: center;
  font-size: 0.73em;
  font-weight: 500;
  color: #e65100;
  font-family: 'AdishilaDevGuru', 'Adishila', 'Noto Serif Devanagari', serif;
  line-height: 1.5;
  margin: 0.5em 0;
}
/* 3. Chapter Heading — center, 18px, maroon, AdishilaDevGuru */
.gr-chapter-heading {
  display: block;
  text-align: center;
  font-size: 0.82em;
  font-weight: 500;
  color: #be100e;
  font-family: 'AdishilaDevGuru', 'Adishila', 'Noto Serif Devanagari', serif;
  line-height: 1.5;
  margin: 0.5em 0;
}
/* 4. M.Veda Shloka — left, bold, 18px, maroon, AdishilaVed, 5mm indent */
.gr-mv-shloka {
  display: block;
  text-align: left;
  font-size: 0.82em;
  font-weight: bold;
  color: #be100e;
  font-family: 'AdishilaVed', 'Adishila', 'Noto Serif Devanagari', serif;
  padding-left: 0.86em;
  margin: 0;
  line-height: 1.75;
}
/* 5. M.Veda Gadya — justify, bold, 18px, maroon, AdishilaVed
      first-line indent 7mm, subsequent lines 2mm */
.gr-mv-gadya {
  display: block;
  text-align: justify;
  font-size: 0.82em;
  font-weight: bold;
  color: #be100e;
  font-family: 'AdishilaVed', 'Adishila', 'Noto Serif Devanagari', serif;
  text-indent: 1.18em;
  padding-left: 0.36em;
  margin: 0;
  line-height: 1.75;
}
/* 6. M.Shloka — left, bold, 18px, orange, AdishilaDev, 5mm indent */
.gr-m-shloka {
  display: block;
  text-align: left;
  font-size: 0.82em;
  font-weight: bold;
  color: #e65100;
  font-family: 'AdishilaDev', 'Adishila', 'Noto Serif Devanagari', serif;
  padding-left: 0.86em;
  margin: 0;
  line-height: 1.75;
}
/* 7. B.Shloka — left, 16px, black, AdishilaDev, 10mm indent
      Also used for TK.Shloka and TP.Shloka */
.gr-b-shloka,
.gr-tp-shloka {
  display: block;
  text-align: left;
  font-size: 0.73em;
  font-weight: normal;
  color: #1a1a1a;
  font-family: 'AdishilaDev', 'Adishila', 'Noto Serif Devanagari', serif;
  padding-left: 1.73em;
  margin: 0;
  line-height: 1.75;
}
/* 8. Reference — orange, AdishilaDev */
.gr-reference {
  color: #e65100;
  font-family: 'AdishilaDev', 'Adishila', 'Noto Serif Devanagari', serif;
}
/* 9. Custom tag span — subtle dashed underline only */
.gr-custom {
  border-bottom: 1px dashed #b5451b;
  padding-bottom: 1px;
}


/* ── 19. TEEKA VIEW MODES ──────────────────────────────────────── */
/* ── 19. TEEKA VIEW MODES ──────────────────────────────────────── */
Line 1,605: Line 1,710:
.mw-parser-output .author-note + p:empty { display: none !important; margin: 0 !important; height: 0 !important; }
.mw-parser-output .author-note + p:empty { display: none !important; margin: 0 !important; height: 0 !important; }


/* ── 21. VERSE ACTIONS ─────────────────────────────────────────── */
.verse-actions {
  display: flex; flex-direction: row; align-items: center;
  gap: 6px; margin-top: 4px; justify-content: center;
}
.verse-action-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 4px; border-radius: 6px; cursor: pointer; opacity: 0.75; transition: all 0.2s;
}
.verse-action-btn:hover { opacity: 1; background-color: rgba(0,0,0,0.05); }
.icon { display: inline-block; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.icon-copy      { background-image: url('/images/copy.svg'); }
.icon-commentary { background-image: url('/images/commentary.svg'); }
.copy-tooltip {
  position: absolute; bottom: calc(100% + 8px); left: 50%;
  transform: translateX(-50%) translateY(4px);
  white-space: nowrap; pointer-events: none; z-index: 9999;
  display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px;
  font-size: 0.75rem; font-weight: 500; background: rgba(30,30,30,0.82); color: #fff;
  opacity: 0; transition: opacity 0.2s, transform 0.2s;
}
.copy-tooltip.copy-tooltip-visible { opacity: 1; transform: translateX(-50%) translateY(0); }


/* ── 22. CODE / PRE ────────────────────────────────────────────── */
/* ── 22. CODE / PRE ────────────────────────────────────────────── */