MediaWiki:Common.css: Difference between revisions

OMNIVERSE
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ================================
/* ================================
   Timeless / UI tweaks
   Your existing Timeless tweak
   ================================ */
   ================================ */


Line 12: Line 12:


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


/* 1) Hide the bottom “info/details” region across MMV variants */
/* This is the bottom caption/title/metadata bar container */
.mw-mmv-info,
.mw-mmv-post-image {
.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;
   display: none !important;
}
}
 
/* MMV: override Timeless/global button styling inside the lightbox only */
/* If your build uses different classnames but still contains “mmv” + “info”, this catches it */
.mw-mmv-wrapper button,
[class*="mw-mmv"][class*="info"] {
.mw-mmv-wrapper a[role="button"],
  display: none !important;
.mw-mmv-wrapper .mw-ui-button {
}
   background-color: rgba(0,0,0,0.35) !important; /* change this */
 
   border: 1px solid rgba(255,255,255,0.25) !important; /* change this */
/* 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;
   box-shadow: none !important;
}
}


 
/* Keep icon glyphs visible */
/* ================================
.mw-mmv-wrapper button,
  Optional: hide gallery arrows
.mw-mmv-wrapper a[role="button"] {
  (Leave enabled if you want next/prev)
   color: #fff !important;
  ================================ */
 
.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 }
  ================================ */

Latest revision as of 03:47, 25 January 2026

/* ================================
   Your existing Timeless tweak
   ================================ */

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


/* ================================
   MultimediaViewer: remove ONLY the bottom strip you highlighted
   (mw-mmv-post-image)
   ================================ */

/* This is the bottom caption/title/metadata bar container */
.mw-mmv-post-image {
  display: none !important;
}
/* MMV: override Timeless/global button styling inside the lightbox only */
.mw-mmv-wrapper button,
.mw-mmv-wrapper a[role="button"],
.mw-mmv-wrapper .mw-ui-button {
  background-color: rgba(0,0,0,0.35) !important;  /* change this */
  border: 1px solid rgba(255,255,255,0.25) !important; /* change this */
  box-shadow: none !important;
}

/* Keep icon glyphs visible */
.mw-mmv-wrapper button,
.mw-mmv-wrapper a[role="button"] {
  color: #fff !important;
}