MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Hide Citizen's built-in footer links and powered-by elements */
.citizen-footer__links,
.citizen-footer__poweredby,
.mw-footer-poweredby,
#footer-poweredby {
  display: none !important;
}

/* Optional: tighten spacing between your footer and page content */
.footer-wrapper {
  margin-top: 20px;
}

/* ===== Custom Footer ===== */
.footer-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 18px 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  margin-top: 25px;
}

.footer-left, .footer-center, .footer-right {
  color: #ccc;
  font-size: 14px;
  margin: 5px 0;
}

.footer-text {
  color: #aaa;
  font-size: 13px;
}

.footer-center a, .footer-right a {
  color: #ffd65a;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.footer-center a:hover, .footer-right a:hover {
  color: #fff;
}

.footer-right img {
  vertical-align: middle;
  margin-right: 6px;
  filter: drop-shadow(0 0 3px rgba(255,214,90,.4));
}

/* Hide Citizen default footers */
.citizen-footer__links,
.citizen-footer__poweredby,
.mw-footer-poweredby,
#footer-poweredby {
  display: none !important;
}

@media (max-width: 700px) {
  .footer-wrapper {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
}