MediaWiki:Common.css: Difference between revisions

Line 251:

.vector-toc .vector-toc-numb { display: none !important; }

.vector-toc .vector-toc-title {

font-size: ~~0.72em~~ !important; font-weight: 700 !important;

font-size: 15px !important; font-weight: 700 !important;

text-transform: uppercase; letter-spacing: 0.08em;

color: var(--text) !important;

Line 264:

display: block;

font-family: var(--font-indic) !important;

color: var(--text) !important; text-decoration: none !important;

font-size: 20px; color: var(--text) !important; text-decoration: none !important;

padding: ~~3px~~ 8px; border-radius: 5px; line-height: 1.5;

padding: 4px 8px; border-radius: 5px; line-height: 1.45;

transition: background 0.12s, color 0.12s;

}

/* Level 1 = section heading, level 2+ = sub-sections */

/* Level 1 = section heading, level 2+ = sub-sections. Sizes are in px so

they stay readable next to the 22-24px body text; the levels are told

apart by weight and colour as much as by size. */

.vector-toc .vector-toc-level-1 > .vector-toc-link {

font-size: ~~1rem~~ !important; font-weight: 600 !important; color: var(--text) !important;

font-size: 21px !important; font-weight: 600 !important; color: var(--text) !important;

}

.vector-toc .vector-toc-level-2 > .vector-toc-link {

font-size: ~~0.92rem~~ !important; font-weight: 400 !important; color: #4d4d4d !important;

font-size: 19px !important; font-weight: 400 !important; color: #4d4d4d !important;

}

.vector-toc .vector-toc-level-3 > .vector-toc-link,

.vector-toc .vector-toc-level-4 > .vector-toc-link,

.vector-toc .vector-toc-level-5 > .vector-toc-link {

font-size: ~~0.86rem~~ !important; font-weight: 400 !important; color: #6b6b6b !important;

font-size: 18px !important; font-weight: 400 !important; color: #6b6b6b !important;

}

Line 549:

Line 551:

.gr-doc-teekas { margin-bottom: 1em; }

.gr-doc-teekas + p:empty { display: none !important; margin: 0 !important; height: 0 !important; }

.toc-main-links { display: flex; ~~gap~~: ~~6px~~; ~~padding~~: ~~5px~~; align-items: ~~center~~; margin-bottom: ~~4px~~; }

/* मूलम् / उल्लेख — real buttons, not grey chips: they are how a reader

moves between the text and its commentaries, so they read as actions.

Used by the desktop TOC and the mobile document nav alike. */

.toc-main-links {

display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch;

margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #f1e3dc;

}

.toc-main-link-item {

~~font~~-~~size~~: ~~0.9em~~; ~~color~~: var(--~~text~~); ~~text~~-~~decoration~~: ~~none~~; ~~padding~~: ~~4px 8px~~;

flex: 1 1 auto; text-align: center;

border-radius: ~~6px~~; ~~background~~: rgba(0,0,0,0.05); ~~transition~~: ~~background~~ 0.~~15s~~;

font-family: var(--font-indic); font-size: 18px; font-weight: 600; line-height: 1.4;

color: #fff !important; background: #b5451b; border: 0; border-radius: 8px;

padding: 9px 16px; text-decoration: none !important;

box-shadow: 0 1px 2px rgba(60, 20, 10, 0.18);

transition: background 0.15s, box-shadow 0.15s;

}

.toc-main-link-item:visited { color: #fff !important; }

.toc-main-link-item:hover,

.toc-main-link-item:focus-visible { background: #97370f !important; color: #fff !important; box-shadow: 0 2px 6px rgba(60, 20, 10, 0.26); }

/* Phone: the same buttons as a pill row under the document title, shaped

like the reader toolbar's controls. White on the brand colour, stated

with !important because the skin colours links on its own. */

.skin-minerva #gr-mob-doc-nav {

display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;

margin: 4px 0 14px; padding: 0 12px 14px; border-bottom: 1px solid #f0e0d6;

}

.skin-minerva #gr-mob-doc-nav .toc-main-link-item {

flex: 0 1 auto; min-width: 116px;

font-size: 17px; padding: 11px 24px; border-radius: 999px;

box-shadow: 0 1px 3px rgba(60, 20, 10, 0.22);

}

.toc-main-link-item:~~hover~~ { ~~background~~: ~~rgba(0,0,0,0.10)~~ !important~~; opacity: 0.85~~; }

.skin-minerva .toc-main-link-item,

.skin-minerva .toc-main-link-item:visited,

.skin-minerva .toc-main-link-item:active { color: #fff !important; }

/* ── 25. MAIN PAGE ─────────────────────────────────────────────── */

@@ Line 251: / Line 251: @@
 .vector-toc .vector-toc-numb { display: none !important; }
 .vector-toc .vector-toc-title {
-   font-size: 0.72em !important; font-weight: 700 !important;
+   font-size: 15px !important; font-weight: 700 !important;
    text-transform: uppercase; letter-spacing: 0.08em;
    color: var(--text) !important;
@@ Line 264: / Line 264: @@
    display: block;
    font-family: var(--font-indic) !important;
-   color: var(--text) !important; text-decoration: none !important;
+   font-size: 20px; color: var(--text) !important; text-decoration: none !important;
-   padding: 3px 8px; border-radius: 5px; line-height: 1.5;
+   padding: 4px 8px; border-radius: 5px; line-height: 1.45;
    transition: background 0.12s, color 0.12s;
 }
-/* Level 1 = section heading, level 2+ = sub-sections */
+/* Level 1 = section heading, level 2+ = sub-sections. Sizes are in px so
+   they stay readable next to the 22-24px body text; the levels are told
+   apart by weight and colour as much as by size. */
 .vector-toc .vector-toc-level-1 > .vector-toc-link {
-   font-size: 1rem !important; font-weight: 600 !important; color: var(--text) !important;
+   font-size: 21px !important; font-weight: 600 !important; color: var(--text) !important;
 }
 .vector-toc .vector-toc-level-2 > .vector-toc-link {
-   font-size: 0.92rem !important; font-weight: 400 !important; color: #4d4d4d !important;
+   font-size: 19px !important; font-weight: 400 !important; color: #4d4d4d !important;
 }
 .vector-toc .vector-toc-level-3 > .vector-toc-link,
 .vector-toc .vector-toc-level-4 > .vector-toc-link,
 .vector-toc .vector-toc-level-5 > .vector-toc-link {
-   font-size: 0.86rem !important; font-weight: 400 !important; color: #6b6b6b !important;
+   font-size: 18px !important; font-weight: 400 !important; color: #6b6b6b !important;
 }
@@ Line 549: / Line 551: @@
 .gr-doc-teekas { margin-bottom: 1em; }
 .gr-doc-teekas + p:empty { display: none !important; margin: 0 !important; height: 0 !important; }
-.toc-main-links { display: flex; gap: 6px; padding: 5px; align-items: center; margin-bottom: 4px; }
+/* मूलम् / उल्लेख — real buttons, not grey chips: they are how a reader
+   moves between the text and its commentaries, so they read as actions.
+   Used by the desktop TOC and the mobile document nav alike. */
+.toc-main-links {
+  display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch;
+  margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #f1e3dc;
+}
 .toc-main-link-item {
-   font-size: 0.9em; color: var(--text); text-decoration: none; padding: 4px 8px;
+   flex: 1 1 auto; text-align: center;
-   border-radius: 6px; background: rgba(0,0,0,0.05); transition: background 0.15s;
+  font-family: var(--font-indic); font-size: 18px; font-weight: 600; line-height: 1.4;
+   color: #fff !important; background: #b5451b; border: 0; border-radius: 8px;
+  padding: 9px 16px; text-decoration: none !important;
+  box-shadow: 0 1px 2px rgba(60, 20, 10, 0.18);
+  transition: background 0.15s, box-shadow 0.15s;
+}
+.toc-main-link-item:visited { color: #fff !important; }
+.toc-main-link-item:hover,
+.toc-main-link-item:focus-visible { background: #97370f !important; color: #fff !important; box-shadow: 0 2px 6px rgba(60, 20, 10, 0.26); }
+/* Phone: the same buttons as a pill row under the document title, shaped
+   like the reader toolbar's controls. White on the brand colour, stated
+   with !important because the skin colours links on its own. */
+.skin-minerva #gr-mob-doc-nav {
+  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
+  margin: 4px 0 14px; padding: 0 12px 14px; border-bottom: 1px solid #f0e0d6;
+}
+.skin-minerva #gr-mob-doc-nav .toc-main-link-item {
+  flex: 0 1 auto; min-width: 116px;
+  font-size: 17px; padding: 11px 24px; border-radius: 999px;
+  box-shadow: 0 1px 3px rgba(60, 20, 10, 0.22);
 }
-.toc-main-link-item:hover { background: rgba(0,0,0,0.10) !important; opacity: 0.85; }
+.skin-minerva .toc-main-link-item,
+.skin-minerva .toc-main-link-item:visited,
+.skin-minerva .toc-main-link-item:active { color: #fff !important; }
 /* ── 25. MAIN PAGE ─────────────────────────────────────────────── */