MediaWiki:Common.css: Różnice pomiędzy wersjami
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 */ | ||
/* | /* ================================ | ||
1. Responsywne obrazy globalnie | |||
================================ */ | |||
img { | img { | ||
max-width: 100%; | max-width: 100%; | ||
| Linia 7: | Linia 9: | ||
} | } | ||
/* Wyśrodkowanie | /* ================================ | ||
.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;
}