MediaWiki:Common.css: Difference between revisions

/* Custom ribbon background image */
.p-navbar {
  background-image: url('/images/ribbon.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
/* Make navbar text black */
.p-navbar,
.p-navbar .nav-link,
.p-navbar .navbar-tool-link,
.p-navbar .navbar-more-tools,
.p-navbar .mw-list-item a {
  color: black !important;
}

/* Optional: make dropdowns and other elements match */
.p-navbar .dropdown-menu a {
  color: black !important;
}

.p-navbar .nav-link:hover,
.p-navbar .nav-link:focus {
  color: #333 !important;
}
/* ── Load EB Garamond with medium & bold weights ── */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&display=swap');

/* ── Apply Garamond to body text, slightly bolder ── */
body, .mw-body {
  font-family: 'EB Garamond', Garamond, serif !important;
  font-weight: 500 !important;   /* “medium” weight */
}

/* ── Headings even stronger ── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'EB Garamond', Garamond, serif !important;
  font-weight: 700 !important;   /* “bold” weight */
}
body.anonymous .cmln-personal-tools {
  display: none !important;
}
/* 🔥 FINAL BLOCK to kill 'Special pages' regardless of how it's injected */
a.n-specialpages[href*="Special:SpecialPages"],
#p-specialpages,
li#n-specialpages,
li#t-specialpages,
li#pt-specialpages {
  display: none !important;
}

/* 🔒 Hide user menu dropdown if logged out */
body.anonymous .cmln-personal-tools,
body.anonymous #pt-userpage,
body.anonymous #pt-logout {
  display: none !important;
}
/* Hide MediaWiki default footer icons */
.footer-icons {
  display: none !important;
}

/* Add custom footer image */
#footer {
  position: relative;
}

#footer::after {
  content: "";
  display: block;
  background-image: url('/images/image.png');  /* Update with your path */
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 40px;
  position: absolute;
  right: 20px;
  bottom: 10px;
}