„MediaWiki:Common.css” változatai közötti eltérés

A lap jelenlegi, 2025. november 2., 00:41-kori változata

/* Külső link konténerek - ne vágjanak le */
.mw-parser-output a.external,
a.external,
a[href*="objectstorage"],
a[href*=".webp"],
a[href*=".jpg"],
a[href*=".png"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  margin: 10px auto !important;
}

/* Külső képek reszponzív megjelenítése */
.mw-parser-output a.external img,
.mw-parser-output img,
a.external img,
a[href*="objectstorage"] img,
a[href*=".webp"] img,
a[href*=".jpg"] img,
a[href*=".png"] img,
img[width],
img[height] {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  object-fit: contain !important;
}

/* Mobilra specifikus */
@media screen and (max-width: 768px) {
  .mw-parser-output a.external,
  a.external {
    overflow: visible !important;
    width: 100% !important;
  }
  
  .mw-parser-output a.external img,
  .mw-parser-output img,
  a.external img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}


/* Galéria konténer - Grid layout */
.galeria-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 100%;
  margin: 20px 0;
}

/* Galéria linkek */
.galeria-container a.external {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  transition: transform 0.2s;
}

.galeria-container a.external:hover {
  transform: scale(1.05);
}

/* Galéria képek */
.galeria-container a.external img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* Tablet - 2 oszlop */
@media screen and (max-width: 1024px) {
  .galeria-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobil - 1 oszlop */
@media screen and (max-width: 768px) {
  .galeria-container {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

/* Alapértelmezett: desktop mutat, mobil rejt */
.desktop-only { display: block; }
.mobile-only { display: none; }

/* Mobilon váltás */
@media (max-width: 768px) {
  .desktop-only { display: none !important; }
  .mobile-only { display: block !important; }
}


/* --- Footer teljes eltüntetése (modern skinhez) --- */
#footer-wrapper,
#footer-row-info,
#footer-row-places,
#footer-row-icons,
#footer-row-poweredby {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}