MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 388: Line 388:
.cargo-store-only { display: none !important; }
.cargo-store-only { display: none !important; }


/* ── Floating chapter nav (right side on doc root page) ─────────
/* ── TOC — inline box + Vector 2022 sticky sidebar ──────────────*/
  Lists all adhyayas as links, floats right like reference site
 
  ────────────────────────────────────────────────────────────────*/
/* Inline .toc box (placed via __TOC__ in wikitext) */
/* ── MW Vector 2022 sticky TOC — styled to match site ───────────*/
.toc {
  display: block !important;
  background: #fffdf5;
  border: 1px solid #e8c88a;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 0 0 24px 0;
  width: fit-content;
  min-width: 220px;
  max-width: 420px;
  font-size: 0.9em;
  line-height: 2;
  font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
}
 
.toc h2,
.toc .toctitle {
  font-size: 0.85em !important;
  font-weight: 600 !important;
  color: #5a3a00 !important;
  border: none !important;
  border-bottom: none !important;
  width: auto !important;
  margin: 0 0 6px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
 
.toc ul {
  margin: 0 !important;
  padding-left: 1.2em !important;
  list-style: none !important;
}
 
.toc li { margin: 0; padding: 0; }
 
.toc a {
  color: #7a4a10 !important;
  text-decoration: none !important;
}
 
.toc a:hover { color: #f57c00 !important; }
 
.toc .toclevel-1 > a {
  font-weight: 600;
  color: #5a3a00 !important;
}
.toc .toclevel-2 > a {
  color: #7a4a10 !important;
}
.toc .toclevel-3 > a {
  color: #9a6020 !important;
  font-size: 0.95em;
}
 
.tocnumber { color: #aaa; margin-right: 4px; font-size: 0.85em; }
 
/* Vector 2022 sticky sidebar TOC */
.vector-toc {
.vector-toc {
   font-size: 0.78em !important;
   font-size: 1em !important;
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
  line-height: 1.9 !important;
}
}


/* TOC heading "Contents" */
.vector-toc .vector-toc-title {
.vector-toc .vector-toc-title {
   font-size: 0.82em !important;
   font-size: 0.85em !important;
   font-weight: 600 !important;
   font-weight: 600 !important;
   text-transform: uppercase;
   text-transform: uppercase;
Line 406: Line 463:
}
}


/* TOC links */
.vector-toc a,
.vector-toc a,
.vector-toc .vector-toc-link {
.vector-toc .vector-toc-link {
   color: #444 !important;
   color: #444 !important;
   text-decoration: none !important;
   text-decoration: none !important;
  font-size: 1em !important;
}
}


.vector-toc a:hover { color: #f57c00 !important; }
.vector-toc a:hover { color: #f57c00 !important; }


/* Active section highlight */
.vector-toc .vector-toc-list-item-active > a,
.vector-toc .vector-toc-list-item-active > a,
.vector-toc .vector-toc-list-item-active .vector-toc-link {
.vector-toc .vector-toc-list-item-active .vector-toc-link {
   color: #f57c00 !important;
   color: #f57c00 !important;
   font-weight: 600 !important;
   font-weight: 600 !important;
}
.vector-toc .vector-toc-level-1 .vector-toc-link {
  font-weight: 600 !important;
  color: #5a3a00 !important;
}
.vector-toc .vector-toc-level-2 .vector-toc-link {
  color: #7a4a10 !important;
}
.vector-toc .vector-toc-level-3 .vector-toc-link {
  color: #9a6020 !important;
  font-size: 0.95em !important;
}
}


Line 431: Line 501:
}
}


/* Page title — centred Sanskrit heading like reference */
.gr-home-page-title {
.gr-home-page-title {
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
Line 441: Line 510:
}
}


/* Card grid — 3 columns like reference site */
.gr-home-grid {
.gr-home-grid {
   display: flex;
   display: flex;
Line 449: Line 517:
}
}


/* Each section card */
.gr-home-card {
.gr-home-card {
   background: #fff;
   background: #fff;
Line 461: Line 528:
}
}


/* Card section heading — centred, with red underline */
.gr-home-card-title {
.gr-home-card-title {
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
Line 473: Line 539:
}
}


/* List inside card */
.gr-home-card ol {
.gr-home-card ol {
   margin: 0;
   margin: 0;
Line 491: Line 556:
}
}


.gr-home-card li a:hover {
.gr-home-card li a:hover { text-decoration: underline; }
  text-decoration: underline;
}


/* Dimmed red links = pages not yet imported */
.gr-home-card li a.new { color: #c08080; }
.gr-home-card li a.new {
  color: #c08080;
}


.gr-home-note {
.gr-home-note {
Line 505: Line 565:
}
}


/* Section group headings (Sarvamoola, Teeka etc.) */
.gr-home-group-label {
.gr-home-group-label {
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
Line 516: Line 575:
   border-bottom: 2px solid #c0392b;
   border-bottom: 2px solid #c0392b;
}
}


/* ── Modals ─────────────────────────────────────────────────────*/
/* ── Modals ─────────────────────────────────────────────────────*/
Line 555: Line 613:
   .nyaya-title, .prasna-title { width: 100%; }
   .nyaya-title, .prasna-title { width: 100%; }
   .bhashyam-block, .teeka-block { margin-left: 10px; }
   .bhashyam-block, .teeka-block { margin-left: 10px; }
  .toc { max-width: 100%; }
}
}


Line 638: Line 697:
.cdx-menu-item__icon svg,
.cdx-menu-item__icon svg,
.cdx-menu-item__icon path { fill: #202124 !important; filter: none !important; }
.cdx-menu-item__icon path { fill: #202124 !important; filter: none !important; }
/* ── Show inline TOC box ─────────────────────────────────────── */
.toc {
  display: block !important;
  background: #fffdf5;
  border: 1px solid #e8c88a;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 0 0 24px 0;
  width: fit-content;
  min-width: 220px;
  max-width: 400px;
  font-size: 0.82em;
  line-height: 1.9;
}
.toc h2,
.toc .toctitle {
  font-size: 0.9em !important;
  font-weight: 600 !important;
  color: #5a3a00 !important;
  border: none !important;
  border-bottom: none !important;
  width: auto !important;
  margin: 0 0 6px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.toc ul {
  margin: 0 !important;
  padding-left: 1.2em !important;
  list-style: none !important;
}
.toc li { margin: 0; padding: 0; }
.toc a {
  color: #7a4a10 !important;
  text-decoration: none !important;
}
.toc a:hover { color: #f57c00 !important; }
.toc .toclevel-1 > a { font-weight: 600; color: #5a3a00 !important; }
.toc .toclevel-2 > a { color: #7a4a10 !important; }
.toc .toclevel-3 > a { color: #9a6020 !important; font-size: 0.95em; }
.tocnumber { color: #aaa; margin-right: 4px; font-size: 0.85em; }