Anandamakaranda

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 4: Line 4:
   or appending as appropriate. Sections marked NEW are net additions.
   or appending as appropriate. Sections marked NEW are net additions.
   ═══════════════════════════════════════════════════════════════════ */
   ═══════════════════════════════════════════════════════════════════ */
 
/* Common Colors */
:root {
    --maroon: #be100e;
    --orange: #e65100;
    --light-orange: #f57c00;
    --dark-gray: #555;
    --light-gray: #eee;
    --muted-gray: #888;
    --text: #1a1a1a;
    --brown: #a07040;
    --light-brown: #e8d4a0;
}
/* ── Fonts ────────────────────────────────────────────────────── */
/* ── Fonts ────────────────────────────────────────────────────── */
@font-face {
@font-face {
Line 14: Line 25:
   font-family: "Adishila";
   font-family: "Adishila";
   src: url("/resources/fonts/adishila/AdishilaBold.ttf") format("truetype");
   src: url("/resources/fonts/adishila/AdishilaBold.ttf") format("truetype");
  font-weight: bold; font-style: normal;
}
@font-face {
  font-family: "AdishilaDev";
  src: url("/resources/fonts/AdishilaDev.ttf") format("truetype");
  font-weight: normal; font-style: normal;
}
@font-face {
  font-family: "AdishilaDev";
  src: url("/resources/fonts/AdishilaDeBv.ttf") format("truetype");
  font-weight: bold; font-style: normal;
}
@font-face {
  font-family: "AdishilaDevGuru";
  src: url("/resources/fonts/AdishilaDevGuru.ttf") format("truetype");
   font-weight: bold; font-style: normal;
   font-weight: bold; font-style: normal;
}
}
Line 66: Line 92:
.mw-parser-output h2 {
.mw-parser-output h2 {
   font-size: 1.2em !important; font-weight: 500 !important;
   font-size: 1.2em !important; font-weight: 500 !important;
   color: #f57c00 !important; line-height: 1.8;
   color: var(--light-orange) !important; line-height: 1.8;
   margin: 24px 0 4px !important; padding: 0 !important;
   margin: 24px 0 4px !important; padding: 0 !important;
   border: none !important;
   border: none !important;
   border-bottom: 2px dotted #f57c00 !important;
   border-bottom: 2px dotted var(--light-orange) !important;
   width: 75%;
   width: 75%;
}
}
Line 76: Line 102:
.mw-parser-output h3 {
.mw-parser-output h3 {
   font-size: 1em !important; font-weight: 500 !important;
   font-size: 1em !important; font-weight: 500 !important;
   color: #e65100 !important; line-height: 1.5;
   color: var(--orange) !important; line-height: 1.5;
   margin: 24px 0 8px !important; padding: 0 !important;
   margin: 24px 0 8px !important; padding: 0 !important;
   border: none !important;
   border: none !important;
   border-bottom: 1px dotted #e65100 !important;
   border-bottom: 1px dotted var(--orange) !important;
   width: 55%;
   width: 55%;
}
}
Line 113: Line 139:
.verse-block {
.verse-block {
   display: block;
   display: block;
   margin: 6px 0 0;            /* REDUCED from 10px */
   margin: 6px 0 0;             
   text-align: left;
   text-align: left;
}
}
Line 186: Line 212:
   font-size: 0.75em; font-weight: 700;
   font-size: 0.75em; font-weight: 700;
   letter-spacing: 0.06em; text-transform: uppercase;
   letter-spacing: 0.06em; text-transform: uppercase;
   color: #a07040; margin-bottom: 4px; padding-bottom: 3px;
   color: var(--brown); margin-bottom: 4px; padding-bottom: 3px;
   border-bottom: 1px solid #e8d4a0;
   border-bottom: 1px solid var(--light-brown);
}
}
.teeka-body { font-family: inherit; margin: 0; }
.teeka-body { font-family: inherit; margin: 0; }
Line 196: Line 222:
}
}
.teeka-block .shloka-line {
.teeka-block .shloka-line {
   display: block; font-style: italic; color: #be100e;
   display: block; font-style: italic; color: var(--maroon);
   line-height: 1.4; font-size: 0.97em; margin: 0;
   line-height: 1.4; font-size: 0.97em; margin: 0;
}
}
Line 215: Line 241:
.nyaya-block { margin: 32px 0; padding-top: 12px; border-top: 1px solid #eee; }
.nyaya-block { margin: 32px 0; padding-top: 12px; border-top: 1px solid #eee; }
.nyaya-title {
.nyaya-title {
   font-size: 1em; font-weight: 500; color: #e65100;
   font-size: 1em; font-weight: 500; color: var(--orange);
   margin-bottom: 0.4rem; border-bottom: 1px dotted #e65100; width: 50%;
   margin-bottom: 0.4rem; border-bottom: 1px dotted var(--orange); width: 50%;
}
}
.nyaya-title span { display: block; font-size: 0.85em; color: #666; }
.nyaya-title span { display: block; font-size: 0.85em; color: #666; }
Line 224: Line 250:
.prasna-block { margin: 32px 0; padding-top: 12px; border-top: 1px solid #eee; }
.prasna-block { margin: 32px 0; padding-top: 12px; border-top: 1px solid #eee; }
.prasna-title {
.prasna-title {
   font-size: 1em; font-weight: 500; color: #e65100;
   font-size: 1em; font-weight: 500; color: var(--orange);
   margin-bottom: 0.4rem; border-bottom: 1px dotted #e65100; width: 50%;
   margin-bottom: 0.4rem; border-bottom: 1px dotted var(--orange); width: 50%;
}
}
.prasna-title span { display: block; font-size: 0.85em; color: #666; }
.prasna-title span { display: block; font-size: 0.85em; color: #666; }
.prasna-question, .prasna-answer { color: #555; line-height: 1.75; margin-top: 0.5rem; }
.prasna-question, .prasna-answer { color: #555; line-height: 1.75; margin-top: 0.5rem; }
.prasna-answer { margin-left: 60px; }
.prasna-answer { margin-left: 60px; }
/* ── Introduction ───────────────────────────────────────────────── */
.introduction  p {
  color: var(--dark-gray);
  font-weight:400;
}


/* ── Verse action buttons ─────────────────────────────────────── */
/* ── Verse action buttons ─────────────────────────────────────── */
Line 293: Line 326:
.toc h2, .toc .toctitle {
.toc h2, .toc .toctitle {
   font-size: 0.85em !important; font-weight: 600 !important;
   font-size: 0.85em !important; font-weight: 600 !important;
   color: #5a3a00 !important; border: none !important;
   color: var(--text) !important; border: none !important;
   border-bottom: none !important; width: auto !important;
   border-bottom: none !important; width: auto !important;
   margin: 0 0 6px !important; text-transform: uppercase; letter-spacing: 0.05em;
   margin: 0 0 6px !important; text-transform: uppercase; letter-spacing: 0.05em;
Line 299: Line 332:
.toc ul { margin: 0 !important; padding-left: 1.2em !important; list-style: none !important; }
.toc ul { margin: 0 !important; padding-left: 1.2em !important; list-style: none !important; }
.toc li { margin: 0; padding: 0; }
.toc li { margin: 0; padding: 0; }
.toc a { color: #7a4a10 !important; text-decoration: none !important; }
.toc a { color: var(--text) !important; text-decoration: none !important; }
.toc a:hover { color: #f57c00 !important; }
.toc a:hover { color: var(--light-orange) !important; }
.toc .toclevel-1 > a { font-weight: 600; color: #5a3a00 !important; }
.toc .toclevel-1 > a { font-weight: 600; color: var(--text) !important; }
.toc .toclevel-2 > a { color: #7a4a10 !important; }
.toc .toclevel-2 > a { color: var(--text) !important; }
.toc .toclevel-3 > a { color: #9a6020 !important; font-size: 0.95em; }
.toc .toclevel-3 > a { color: var(--text) !important; font-size: 0.95em; }
.tocnumber { color: #aaa; margin-right: 4px; font-size: 0.85em; }
.tocnumber { display: none; }


/* ── Vector 2022 sidebar TOC ──────────────────────────────────── */
/* ── Vector 2022 sidebar TOC ──────────────────────────────────── */
Line 321: Line 354:
   text-transform: uppercase;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   letter-spacing: 0.08em;
   color: #b07040 !important;
   color: var(--text) !important;
   font-family: system-ui, sans-serif !important;
   font-family: 'Adishila', 'Noto Serif Devanagari', system-ui, sans-serif !important;
   margin-bottom: 2px !important;
   margin-bottom: 2px !important;
}
}
Line 331: Line 364:
   border: none !important;
   border: none !important;
   box-shadow: none !important;
   box-shadow: none !important;
   color: #9a6030 !important;
   color: var(--text) !important;
   opacity: 1 !important;
   opacity: 1 !important;
   transition: color 0.15s !important;
   transition: color 0.15s !important;
}
}
.vector-toc .cdx-button.vector-toc-toggle:hover {
.vector-toc .cdx-button.vector-toc-toggle:hover {
   color: #f57c00 !important;
   color: var(--light-orange) !important;
   background: none !important;
   background: none !important;
}
}
Line 357: Line 390:
   line-height: 1.35 !important;
   line-height: 1.35 !important;
   display: inline !important;
   display: inline !important;
  padding: 2px 0;
}
}


Line 362: Line 396:


.vector-toc a,
.vector-toc a,
.vector-toc .vector-toc-link { color: #5a3a00 !important; text-decoration: none !important; }
.vector-toc .vector-toc-link { color: var(--dark-brown) !important; text-decoration: none !important; }
.vector-toc a:hover,
.vector-toc a:hover,
.vector-toc .vector-toc-link:hover { color: #f57c00 !important; }
.vector-toc .vector-toc-link:hover { color: var(--light-orange) !important; }


/* ── TOC ACTIVE ITEM — fixed for Vector 2022 + Common.js span wrapping ─
/* ── TOC ACTIVE ITEM — fixed for Vector 2022 + Common.js span wrapping ─
Line 382: Line 416:
.vector-toc .vector-toc-level-1-active .vector-toc-link,
.vector-toc .vector-toc-level-1-active .vector-toc-link,
.vector-toc .vector-toc-level-1-active .vector-toc-link * {
.vector-toc .vector-toc-level-1-active .vector-toc-link * {
   color: #f57c00 !important;
   color: var(--light-orange) !important;
   font-weight: 700 !important;
   font-weight: 700 !important;
  padding: 2px 0;
}
}


.vector-toc .vector-toc-level-1 > .vector-toc-link,
.vector-toc .vector-toc-level-1 > .vector-toc-link,
.vector-toc .vector-toc-level-1 > .vector-toc-link * {
.vector-toc .vector-toc-level-1 > .vector-toc-link * {
   font-weight: 600 !important; color: #3a1f00 !important;
   font-weight: 600 !important; color: var(--dark-brown) !important;
}
}
.vector-toc .vector-toc-level-2 > .vector-toc-link,
.vector-toc .vector-toc-level-2 > .vector-toc-link,
.vector-toc .vector-toc-level-2 > .vector-toc-link * { color: #5a3a00 !important; }
.vector-toc .vector-toc-level-2 > .vector-toc-link * { color: var(--brown) !important; }
.vector-toc .vector-toc-level-3 > .vector-toc-link,
.vector-toc .vector-toc-level-3 > .vector-toc-link,
.vector-toc .vector-toc-level-3 > .vector-toc-link * {
.vector-toc .vector-toc-level-3 > .vector-toc-link * {
   color: #7a5010 !important; font-size: 0.95em !important;
   color: var(--light-brown) !important; font-size: 0.95em !important;
}
}
/* Override for active: must come AFTER level rules */
/* Override for active: must come AFTER level rules */
Line 400: Line 435:
.vector-toc .vector-toc-list-item-active .vector-toc-level-2 > .vector-toc-link,
.vector-toc .vector-toc-list-item-active .vector-toc-level-2 > .vector-toc-link,
.vector-toc .vector-toc-list-item-active .vector-toc-level-3 > .vector-toc-link {
.vector-toc .vector-toc-list-item-active .vector-toc-level-3 > .vector-toc-link {
   color: #f57c00 !important; font-weight: 700 !important;
   color: var(--light-orange) !important; font-weight: 700 !important;
}
}


Line 559: Line 594:
#vector-user-menu-overflow .vector-menu-content a { color: #202122 !important; }
#vector-user-menu-overflow .vector-menu-content a { color: #202122 !important; }
.vector-user-menu .mw-list-item a:hover,
.vector-user-menu .mw-list-item a:hover,
.vector-user-menu .vector-menu-content-list a:hover { color: #f57c00 !important; }
.vector-user-menu .vector-menu-content-list a:hover { color: var(--light-orange) !important; }


/* ── User dropdown — fix white text inside the menu ───────────── */
/* ── User dropdown — fix white text inside the menu ───────────── */
Line 579: Line 614:
.vector-user-menu .vector-menu-content a:hover,
.vector-user-menu .vector-menu-content a:hover,
.mw-portlet-personal .vector-menu-content a:hover {
.mw-portlet-personal .vector-menu-content a:hover {
   color: #f57c00 !important;
   color: var(--light-orange) !important;
   background: #fdf3ed !important;
   background: var(--light-light-orange) !important;
}
}


Line 781: Line 816:
}
}
body.gr-standalone .teeka-body .shloka-line {
body.gr-standalone .teeka-body .shloka-line {
   color: #be100e;
   color: var(--maroon);
   font-style: italic;
   font-style: italic;
}
}
Line 817: Line 852:
nav.vector-user-links vector-user-links-wide vector-appearance-landmark, nav.vector-user-links vector-user-links-wide div.p-vector-user-menu-overflow {
nav.vector-user-links vector-user-links-wide vector-appearance-landmark, nav.vector-user-links vector-user-links-wide div.p-vector-user-menu-overflow {
  display: none !important;
  display: none !important;
}
/* Force the TOC to the left and keep it expanded */
.toc {
    float: left;
    margin-right: 1em;
    display: block;
}
/* Hide the toggle link so users cannot collapse it */
.toctoggle {
    display: none;
}
}
Retrieved from "https://dev.anandamakaranda.in/MediaWiki:Common.css"