Anandamakaranda

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 13: Line 13:
}
}


/* ── Force Adishila everywhere ──────────────────────────────────
  MW sets font-family on html/body, sidebar, etc. We override
  everything inside .mw-parser-output and key page elements.
  ────────────────────────────────────────────────────────────────*/
.mw-parser-output,
.mw-parser-output,
.mw-parser-output *,
.mw-parser-output *,
Line 26: Line 22:
}
}


/* ── Base ────────────────────────────────────────────────────────*/
.mw-parser-output {
.mw-parser-output {
   font-size: 22px;
   font-size: 22px;
Line 38: Line 33:
}
}


/* ── Hide MW default English page title ─────────────────────────*/
h1.firstHeading,
h1.firstHeading,
#firstHeading,
#firstHeading,
Line 45: Line 39:
}
}


/* ── Headings — reset MW defaults ───────────────────────────────*/
.mw-parser-output h1,
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h2,
Line 66: Line 59:
}
}


/* ── Doc title — black, large ────────────────────────────────────*/
.gr-doc-title {
.gr-doc-title {
   font-size: 1.6em;
   font-size: 1.6em;
Line 76: Line 68:
}
}


/* Suppress empty paragraphs MW inserts after divs */
.gr-doc-teekas + p:empty {
.gr-doc-teekas + p:empty {
   display: none !important;
   display: none !important;
Line 83: Line 74:
}
}


/* ── Adhyaya heading ({{Adhyaya}} template → h2) ────────────────
  Orange dotted — chapter/section titles
  ref site: प्रथमोऽध्यायः in orange with dotted underline
  ────────────────────────────────────────────────────────────────*/
.adhyaya-block h2,
.adhyaya-block h2,
.adhyaya-heading,
.adhyaya-heading,
Line 102: Line 89:
}
}


/* ── Adhikarana heading (=== === → h3) ───────────────────────────
  Smaller orange dotted — sub-section labels within a chapter
  ref site: ## उपोद्घातः style
  ────────────────────────────────────────────────────────────────*/
.mw-parser-output .mw-heading3 h3,
.mw-parser-output .mw-heading3 h3,
.mw-parser-output h3 {
.mw-parser-output h3 {
Line 119: Line 102:
}
}


/* Hide edit pencil icons */
.mw-heading .mw-editsection,
.mw-heading .mw-editsection,
.adhyaya-block .mw-editsection { display: none !important; }
.adhyaya-block .mw-editsection { display: none !important; }


/* ── Paragraphs ─────────────────────────────────────────────────*/
.mw-parser-output p { margin: 0 0 0.85rem; }
.mw-parser-output p { margin: 0 0 0.85rem; }
.mw-parser-output p:empty,
.mw-parser-output p:empty,
Line 136: Line 116:
}
}


/* ── Shloka block (introductory verses, stotra text) ────────────
  Black — these are the stotra/shloka lines of the text itself,
  NOT pramana quotes. ref site: normal black text, no italic.
  ────────────────────────────────────────────────────────────────*/
.shloka-block {
.shloka-block {
   display: block;
   display: block;
Line 153: Line 129:
}
}


/* ── Verse block (VerseBlock template — scripture verse-text) ────
  Red italic — these are the actual mantra/sutra/shloka lines
  being commented on. ref site: .verse-text color #c65, italic.
  ────────────────────────────────────────────────────────────────*/
.verse-block {
.verse-block {
   display: block;
   display: block;
Line 176: Line 148:
}
}


/* Suppress empty p after verse-block */
.verse-block + p { display: none !important; margin: 0 !important; }
.verse-block + p { display: none !important; margin: 0 !important; }


/* ── Uvacha block ────────────────────────────────────────────────
  Speaker attribution — bold, left orange border, matches
  reference site's blockquote style
  ────────────────────────────────────────────────────────────────*/
.uvacha-block {
.uvacha-block {
   display: block;
   display: block;
Line 194: Line 161:
}
}


/* Verse immediately after uvacha — no extra gap */
.uvacha-block + .verse-block {
.uvacha-block + .verse-block {
   margin-top: 4px;
   margin-top: 4px;
}
}


/* ── Bhashyam: primary commentary, plain running prose ──────────*/
.bhashyam-block {
.bhashyam-block {
   display: block;
   display: block;
Line 212: Line 176:
}
}


/* ── Teeka: sub-commentary in a titled grey bubble ──────────────*/
/* ── Padya block (bhashyam that is verse — red italic) ──────────*/
.padya-block {
  display: block;
  font-size: 1em;
  line-height: 1.85;
  color: #c65 !important;
  font-style: italic;
  font-weight: 500;
  margin: 0.55em 0 0.8em 60px;
  padding: 0;
  border: none;
  background: transparent;
}
 
.teeka-block {
.teeka-block {
   display: block;
   display: block;
Line 239: Line 216:
.teeka-body { font-family: inherit; }
.teeka-body { font-family: inherit; }


/* Shloka verse inside a teeka bubble */
.teeka-block .shloka-block {
.teeka-block .shloka-block {
   margin: 0 0 0.6em;
   margin: 0 0 0.6em;
Line 253: Line 229:
}
}


/* ── Adhyaya block ───────────────────────────────────────────────*/
.adhyaya-block {
.adhyaya-block {
   margin: 0 0 4px;
   margin: 0 0 4px;
Line 268: Line 243:
}
}


/* ── Nyaya ──────────────────────────────────────────────────────*/
.nyaya-block {
.nyaya-block {
   margin: 40px 0;
   margin: 40px 0;
Line 285: Line 259:
.nyaya-body { color: #555; line-height: 1.85; margin-top: 0.5rem; }
.nyaya-body { color: #555; line-height: 1.85; margin-top: 0.5rem; }


/* ── Prasna ─────────────────────────────────────────────────────*/
.prasna-block {
.prasna-block {
   margin: 40px 0;
   margin: 40px 0;
Line 303: Line 276:
.prasna-answer { margin-left: 60px; }
.prasna-answer { margin-left: 60px; }


/* ── Verse actions ──────────────────────────────────────────────*/
.verse-actions {
.verse-actions {
   display: flex;
   display: flex;
Line 325: Line 297:
.verse-action-btn:hover { opacity: 1; background-color: rgba(0,0,0,0.05); }
.verse-action-btn:hover { opacity: 1; background-color: rgba(0,0,0,0.05); }


/* ── Icons ──────────────────────────────────────────────────────*/
.icon {
.icon {
   display: inline-block;
   display: inline-block;
Line 338: Line 309:
.icon-commentary { background-image: url('/images/commentary.svg'); }
.icon-commentary { background-image: url('/images/commentary.svg'); }


/* ── Copy tooltip ───────────────────────────────────────────────*/
.copy-tooltip {
.copy-tooltip {
   position: absolute;
   position: absolute;
Line 364: Line 334:
}
}


/* ── Code blocks ────────────────────────────────────────────────*/
pre, code, .mw-code, tt, kbd {
pre, code, .mw-code, tt, kbd {
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
   font-family: 'Adishila', 'Noto Serif Devanagari', serif !important;
Line 373: Line 342:
}
}


/* ── mw-collapsible resets ──────────────────────────────────────*/
.mw-collapsible,
.mw-collapsible,
.mw-collapsible-content,
.mw-collapsible-content,
Line 385: Line 353:
}
}


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


/* ── TOC — inline box + Vector 2022 sticky sidebar ──────────────*/
/* ── TOC — inline box ────────────────────────────────────────────*/
 
/* Inline .toc box (placed via __TOC__ in wikitext) */
.toc {
.toc {
   display: block !important;
   display: block !important;
Line 434: Line 399:
.toc a:hover { color: #f57c00 !important; }
.toc a:hover { color: #f57c00 !important; }


.toc .toclevel-1 > a {
.toc .toclevel-1 > a { font-weight: 600; color: #5a3a00 !important; }
  font-weight: 600;
.toc .toclevel-2 > a { color: #7a4a10 !important; }
  color: #5a3a00 !important;
.toc .toclevel-3 > a { color: #9a6020 !important; font-size: 0.95em; }
}
.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; }
.tocnumber { color: #aaa; margin-right: 4px; font-size: 0.85em; }


/* Vector 2022 sticky sidebar TOC */
/* ── Vector 2022 sticky sidebar TOC ─────────────────────────────*/
.vector-toc {
.vector-toc {
   font-size: 1.1em !important;
   font-size: 1.1em !important;
Line 454: Line 411:
}
}


/* Apply Adishila only to text links, not the whole TOC */
/* Adishila only on text, not icons */
.vector-toc .vector-toc-link,
.vector-toc .vector-toc-link,
.vector-toc .vector-toc-text,
.vector-toc .vector-toc-text,
Line 470: Line 427:
}
}


/* Toggle button — strip box but preserve icon mask rendering */
/* TOC list item — flex so link and toggle sit on same line */
.vector-toc .vector-toc-list-item {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
 
.vector-toc .vector-toc-list-item > .vector-toc-link {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
 
/* Sublist takes full width on its own line */
.vector-toc .vector-toc-list-item > .vector-toc-list {
  flex: 0 0 100% !important;
}
 
/* Toggle button — inline, no box */
.vector-toc .cdx-button.vector-toc-toggle {
.vector-toc .cdx-button.vector-toc-toggle {
  flex: 0 0 auto !important;
   background: none !important;
   background: none !important;
   border: none !important;
   border: none !important;
Line 477: Line 452:
   outline: none !important;
   outline: none !important;
   padding: 0 !important;
   padding: 0 !important;
   margin: 0 0 0 4px !important;
   margin: 0 !important;
   min-width: 0 !important;
   min-width: 0 !important;
   min-height: 0 !important;
   min-height: 0 !important;
   width: 1.2em !important;
   width: 1.4em !important;
   height: 1.2em !important;
   height: 1.4em !important;
   vertical-align: middle !important;
   cursor: pointer !important;
  opacity: 0.5;
   display: inline-flex !important;
   display: inline-flex !important;
   align-items: center !important;
   align-items: center !important;
   justify-content: center !important;
   justify-content: center !important;
  cursor: pointer !important;
  opacity: 0.6;
}
}


Line 501: Line 475:
}
}


/* Active highlight — orange matching adhyaya headings */
/* Active highlight */
.vector-toc li.vector-toc-list-item-active > a,
.vector-toc li.vector-toc-list-item-active > a,
.vector-toc li.vector-toc-list-item-active > .vector-toc-link,
.vector-toc li.vector-toc-list-item-active > .vector-toc-link,
Line 526: Line 500:
.gr-doc-teekas { margin-bottom: 1em; }
.gr-doc-teekas { margin-bottom: 1em; }


/* ── Main page (gr-home) — card grid like reference site ─────────*/
/* ── Main page ───────────────────────────────────────────────────*/
.gr-home {
.gr-home {
   max-width: 1080px;
   max-width: 1080px;
Line 583: Line 557:
}
}


.gr-home-card li a {
.gr-home-card li a { color: #c0392b; text-decoration: none; }
  color: #c0392b;
  text-decoration: none;
}
 
.gr-home-card li a:hover { text-decoration: underline; }
.gr-home-card li a:hover { text-decoration: underline; }
.gr-home-card li a.new { color: #c08080; }
.gr-home-card li a.new { color: #c08080; }


.gr-home-note {
.gr-home-note { font-size: 0.82em; color: #888; }
  font-size: 0.82em;
  color: #888;
}


.gr-home-group-label {
.gr-home-group-label {
Line 608: Line 574:
}
}


/* ── Modals ─────────────────────────────────────────────────────*/
/* ── Modals ──────────────────────────────────────────────────────*/
.grantha-new-btn {
.grantha-new-btn {
   background: rgba(255,255,255,0.1);
   background: rgba(255,255,255,0.1);
Line 631: Line 597:
.gm-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 12px; }
.gm-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 12px; }


/* ── Main page sidebar hide ─────────────────────────────────────*/
/* ── Main page sidebar hide ──────────────────────────────────────*/
body.page-Main_Page #mw-panel,
body.page-Main_Page #mw-panel,
body.page-Main_Page .vector-sidebar-container { display: none !important; }
body.page-Main_Page .vector-sidebar-container { display: none !important; }
body.page-Main_Page #footer { display: none !important; }
body.page-Main_Page #footer { display: none !important; }


/* ── Responsive ─────────────────────────────────────────────────*/
/* ── Responsive ──────────────────────────────────────────────────*/
@media (max-width: 600px) {
@media (max-width: 600px) {
   .mw-parser-output { font-size: 16px; }
   .mw-parser-output { font-size: 16px; }
Line 692: Line 658:
.vector-user-links a { color: rgba(255,255,255,0.9) !important; }
.vector-user-links a { color: rgba(255,255,255,0.9) !important; }


/* ── Search ─────────────────────────────────────────────────────*/
/* ── Search ──────────────────────────────────────────────────────*/
#p-search { margin-left: 8px; }
#p-search { margin-left: 8px; }
.vector-search-box,
.vector-search-box,
Line 729: Line 695:
.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; }
/* ── Script switcher bar ────────────────────────────────────────*/
 
/* ── Script switcher bar ─────────────────────────────────────────*/
.gr-script-bar {
.gr-script-bar {
   margin: 0 0 20px;
   margin: 0 0 20px;
Retrieved from "https://dev.anandamakaranda.in/MediaWiki:Common.css"