|
|
Line 345: |
Line 345: |
| opacity: 0.6; | | opacity: 0.6; |
| color: inherit; /* Keeps parent color, just dims it */ | | color: inherit; /* Keeps parent color, just dims it */ |
| }
| |
|
| |
|
| |
|
| |
| /* === MAP LIGHTBOX STYLES === */
| |
|
| |
| #map-lightbox {
| |
| display: none;
| |
| position: fixed;
| |
| top: 0; left: 0;
| |
| width: 100vw;
| |
| height: 100vh;
| |
| background-color: rgba(0, 0, 0, 0.85);
| |
| backdrop-filter: blur(2px);
| |
| z-index: 999999;
| |
| justify-content: center;
| |
| align-items: center;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .map-lightbox-content {
| |
| background: #111;
| |
| width: 90%;
| |
| max-width: 1000px;
| |
| height: 80%;
| |
| border-radius: 6px;
| |
| box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
| |
| position: relative;
| |
| overflow: hidden;
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| #map-lightbox iframe {
| |
| flex-grow: 1;
| |
| width: 100%;
| |
| height: 100%;
| |
| border: none;
| |
| }
| |
|
| |
| #close-map-lightbox {
| |
| position: absolute;
| |
| top: 10px;
| |
| right: 10px;
| |
| background: #fff;
| |
| border: none;
| |
| padding: 5px 12px;
| |
| font-size: 1.3em;
| |
| font-weight: bold;
| |
| border-radius: 4px;
| |
| z-index: 10;
| |
| cursor: pointer;
| |
| box-shadow: 0 0 8px rgba(0,0,0,0.3);
| |
| }
| |
| #close-map-lightbox:hover {
| |
| background: #ddd;
| |
| }
| |
|
| |
|
| |
| body.lightbox-open #p-views,
| |
| body.lightbox-open .vector-menu-tabs,
| |
| body.lightbox-open .vector-menu-tabs-legacy,
| |
| body.lightbox-open .vector-menu,
| |
| body.lightbox-open .vector-header-container,
| |
| body.lightbox-open .mw-portlet,
| |
| body.lightbox-open .mw-list-item,
| |
| body.lightbox-open #right-navigation,
| |
| body.lightbox-open #left-navigation,
| |
| body.lightbox-open #mw-page-base {
| |
| z-index: 0 !important;
| |
| position: relative !important;
| |
| } | | } |