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

A lap 2025. november 1., 14:59-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(5, 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;
  }
}