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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* ================================
   Timeless / UI tweaks
   ================================ */

#p-pagemisc {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
}


/* ================================
   MultimediaViewer (MMV) cleanup
   Goal: keep MMV working, remove the ugly footer/details UI
   IMPORTANT: Do NOT hide broad containers like .mw-mmv-panel
   ================================ */

/* 1) Hide the bottom “info/details” region across MMV variants */
.mw-mmv-info,
.mw-mmv-ui-info,
.mw-mmv-ui-info-wrapper,
.mw-mmv-image-metadata,
.mw-mmv-reuse,
.mw-mmv-credit,
.mw-mmv-permission,
.mw-mmv-license,
.mw-mmv-download-pane,
.mw-mmv-more-info,
.mw-mmv-more-info-container,
.mw-mmv-more-info-link,
.mw-mmv-more-details,
.mw-mmv-more-details-link,
.mw-mmv-about,
.mw-mmv-about-link,
.mw-mmv-author,
.mw-mmv-author-link,
.mw-mmv-license-link,
.mw-mmv-license-button,
.mw-mmv-embed,
.mw-mmv-share,
.mw-mmv-description {
  display: none !important;
}

/* If your build uses different classnames but still contains “mmv” + “info”, this catches it */
[class*="mw-mmv"][class*="info"] {
  display: none !important;
}

/* 2) Collapse any reserved space left by the hidden footer (safe: does not remove viewer structure) */
.mw-mmv-overlay,
.mw-mmv-ui {
  padding-bottom: 0 !important;
}

/* 3) Make it feel cleaner (background + remove drop shadow) */
.mw-mmv-overlay {
  background: rgba(0, 0, 0, 0.92) !important;
}
.mw-mmv-image,
.mw-mmv-image img {
  box-shadow: none !important;
}


/* ================================
   Optional: hide gallery arrows
   (Leave enabled if you want next/prev)
   ================================ */

.mw-mmv-next-image,
.mw-mmv-prev-image {
  display: none !important;
}


/* ================================
   Optional: keep ONLY close button
   This is implemented safely by hiding known toolbar items,
   without hiding the toolbar container itself.
   ================================ */

/* Keep close visible */
.mw-mmv-toolbar .mw-mmv-dialog-close {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide other common toolbar controls (fullscreen/settings/etc.) */
.mw-mmv-toolbar .mw-mmv-dialog-fullscreen,
.mw-mmv-toolbar .mw-mmv-dialog-settings,
.mw-mmv-toolbar .mw-mmv-dialog-download,
.mw-mmv-toolbar .mw-mmv-dialog-share,
.mw-mmv-toolbar .mw-mmv-dialog-embed,
.mw-mmv-toolbar .mw-mmv-dialog-about,
.mw-mmv-toolbar .mw-mmv-dialog-more,
.mw-mmv-toolbar .mw-mmv-dialog-cta,
.mw-mmv-toolbar .mw-mmv-dialog-button:not(.mw-mmv-dialog-close) {
  display: none !important;
}


/* ================================
   Critical safety note:
   DO NOT add rules like these (they can break MMV):
   .mw-mmv-panel { display:none }
   .mw-mmv-ui { display:none }
   .mw-mmv-overlay { display:none }
   ================================ */