MediaWiki:Common.css: Różnice pomiędzy wersjami

Z wiki.lighting-gallery.pl
Przejdź do nawigacji Przejdź do wyszukiwania
Nie podano opisu zmian
Nie podano opisu zmian
Linia 1: Linia 1:
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */


/* Obrazy w treści responsywne */
/* ================================
  1. Responsywne obrazy globalnie
  ================================ */
img {
img {
     max-width: 100%;
     max-width: 100%;
Linia 7: Linia 9:
}
}


/* Wyśrodkowanie obrazów */
/* ================================
.thumb img {
  2. Wyśrodkowanie miniatur i frameless
  ================================ */
.thumb img,
.thumbinner,
div.thumb,
div.thumbinner {
     display: block;
     display: block;
     margin-left: auto;
     margin-left: auto;
Linia 14: Linia 21:
}
}


/* ================================
  3. Poprawka dla obrazów w tabelach
  ================================ */
table img,
table .thumb img,
table img.thumbimage {
table img.thumbimage {
     width: auto !important;
     width: auto !important;
     max-width: 100% !important;
     max-width: 100% !important;
     height: auto !important;
     height: auto !important;
}
/* ================================
  4. Opcjonalnie: wyrównanie opisów pod obrazami
  ================================ */
.thumbcaption {
    text-align: center;
}
}

Wersja z 12:48, 12 sie 2025

/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */

/* ================================
   1. Responsywne obrazy globalnie
   ================================ */
img {
    max-width: 100%;
    height: auto;
}

/* ================================
   2. Wyśrodkowanie miniatur i frameless
   ================================ */
.thumb img,
.thumbinner,
div.thumb,
div.thumbinner {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ================================
   3. Poprawka dla obrazów w tabelach
   ================================ */
table img,
table .thumb img,
table img.thumbimage {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ================================
   4. Opcjonalnie: wyrównanie opisów pod obrazami
   ================================ */
.thumbcaption {
    text-align: center;
}