MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 864: / Line 864: @@
    border: 1px solid #f0e0b0;
 }
-/* - Hiding Appearances/Watchlist icons from the header - */
+/* ═══════════════════════════════════════════════════════════════════
-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 {
+   Common.css — targeted additions  (append to your existing file)
-  display: none !important;
+   These are the ONLY new rules — nothing above is changed.
+   ═══════════════════════════════════════════════════════════════════ */
+/* ── 1. Hide footer ─────────────────────────────────────────────── */
+#footer,
+.mw-footer,
+.vector-footer,
+.vector-footer-container { display: none !important; }
+/* ── 2. Hide category links bar ─────────────────────────────────── */
+.catlinks,
+#catlinks,
+.mw-normal-catlinks,
+.mw-hidden-catlinks { display: none !important; }
+/* ── 3. Hide Appearance panel + Watchlist icons ─────────────────── */
+/* Appearance */
+#vector-appearance,
+#vector-appearance-pinned-container,
+#vector-appearance-unpinned-container,
+.mw-portlet-appearance,
+#p-appearance,
+.vector-page-tools [aria-controls="vector-appearance"],
+.vector-sticky-header [aria-controls="vector-appearance"] { display: none !important; }
+/* Watchlist */
+li#pt-watchlist,
+li#pt-watchlist-kbd,
+.mw-portlet-vector-user-menu-overflow { display: none !important; }
+/* ── 4. Make user/account icon white to match header theme ──────── */
+/* The user avatar SVG and person icon in the top-right */
+.vector-user-menu-container .vector-icon svg,
+.vector-user-menu-container .vector-icon svg path,
+.vector-user-menu-container .vector-icon svg circle,
+#pt-user-interface-preferences .vector-icon svg,
+#pt-user-interface-preferences .vector-icon svg path,
+.mw-portlet-vector-user-menu-overflow .vector-icon svg,
+.vector-header .mw-ui-button .vector-icon svg,
+.vector-header-end .vector-menu-content .vector-icon svg {
+  fill: #ffffff !important;
+  stroke: #ffffff !important;
+  color: #ffffff !important;
+}
+/* The dropdown chevron arrow next to user name */
+.vector-user-links .vector-user-menu-chevron .vector-icon svg,
+.vector-user-links .vector-user-menu-chevron .vector-icon svg path {
+  fill: rgba(255,255,255,0.9) !important;
+}
+/* ── 5. Replace header site name "Grantha" → "Anandamakaranda" ──── */
+/* The .mw-logo-wordmark contains the site name text.
+  * We hide the original text node via font-size:0, then inject the
+ * new name via ::before pseudo-element. */
+.mw-logo-wordmark {
+  font-size: 0 !important;       /* hide original text */
+  white-space: nowrap;
+}
+.mw-logo-wordmark::before {
+  content: 'Anandamakaranda';
+  font-size: 17px;               /* restore readable size */
+  font-weight: 700;
+  color: #ffffff;
+  font-family: system-ui, -apple-system, sans-serif;
+  letter-spacing: -0.01em;
+}
+/* Also handle the <a> wrapper text if the logo is text-only */
+#p-logo .mw-wiki-logo,
+.mw-logo a[title] {
+  /* no change needed — title attr tooltip stays as-is */
+}
+/* ── 6. TOC मूल / मूलम् / उल्लेख button hover state ────────────── */
+.toc-main-link-item:hover {
+  background: rgba(0,0,0,0.10) !important;
+  opacity: 1 !important;
 }