MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 349: Line 349:




/* Lightbox background overlay */
/* === MAP LIGHTBOX STYLES === */
 
#map-lightbox {
#map-lightbox {
   display: none;
   display: none;
   position: fixed;
   position: fixed;
   z-index: 9999;
   top: 0;
   top: 0; left: 0;
   left: 0;
   width: 100vw;
   width: 100vw;
   height: 100vh;
   height: 100vh;
   background: rgba(0,0,0,0.85);
   background-color: rgba(0, 0, 0, 0.85);
   backdrop-filter: blur(2px);
   backdrop-filter: blur(2px);
  z-index: 99999;
}
}


/* Map container */
/* Container inside lightbox */
#map-lightbox > div {
#map-lightbox > div {
   position: absolute;
   position: absolute;
Line 374: Line 376:
   overflow: hidden;
   overflow: hidden;
   box-shadow: 0 0 25px rgba(0,0,0,0.6);
   box-shadow: 0 0 25px rgba(0,0,0,0.6);
  display: flex;
  flex-direction: column;
}
/* iFrame */
#map-lightbox iframe {
  width: 100%;
  height: 100%;
  border: none;
  flex-grow: 1;
}
}


Line 382: Line 394:
   right: 10px;
   right: 10px;
   background: #fff;
   background: #fff;
   border: none;
   color: #000;
  padding: 5px 10px;
   font-weight: bold;
   font-weight: bold;
   font-size: 1.2em;
   font-size: 1.2em;
   color: #000;
   padding: 5px 10px;
  border: none;
   border-radius: 4px;
   border-radius: 4px;
  z-index: 100000;
   cursor: pointer;
   cursor: pointer;
  z-index: 10001;
}
}
#close-map-lightbox:hover {
#close-map-lightbox:hover {
   background: #ddd;
   background: #ddd;
}
}


#map-lightbox {
/* Force Vector/skin elements under lightbox */
  display: none;
body #mw-head-base,
  position: fixed;
body #mw-head,
  z-index: 999999 !important; /* 🛠 boost above all */
body #mw-panel,
  top: 0; left: 0;
body #mw-page-base {
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(2px);
}
 
body.mediawiki #mw-page-base,
body.mediawiki #mw-head-base,
body.mediawiki #mw-head,
body.mediawiki #mw-panel {
   z-index: 0 !important;
   z-index: 0 !important;
}
}