MediaWiki:Common.css: відмінності між версіями
Admin (обговорення | внесок) Немає опису редагування Мітка: Ручний відкіт |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 8: | Рядок 8: | ||
color: #333; /* Змініть колір тексту, якщо потрібно */ | color: #333; /* Змініть колір тексту, якщо потрібно */ | ||
/* white-space: nowrap; /* Може бути корисним, якщо логотип розбивається на кілька рядків */ | /* white-space: nowrap; /* Може бути корисним, якщо логотип розбивається на кілька рядків */ | ||
} | |||
/* Обгортка банера — обрізає по краях */ | |||
.banner-wrapper { | |||
width: 960px; | |||
overflow: hidden; | |||
margin: 0 auto; | |||
} | |||
.banner-img img { | |||
width: 960px; | |||
height: auto; | |||
display: block; | |||
} | |||
/* Мобільна адаптація */ | |||
@media screen and (max-width: 600px) { | |||
.banner-wrapper { | |||
width: 100%; | |||
max-width: 400px; | |||
} | |||
.banner-img img { | |||
width: auto; | |||
max-width: none; | |||
min-width: 600px; /* залишає розширену картинку для обрізки */ | |||
margin-left: -100px; /* зрушує ліворуч для обрізки країв */ | |||
} | |||
} | } | ||
Версія за 01:14, 18 липня 2025
/** Розміщений тут CSS буде застосовуватися до всіх тем оформлення */
/* Змінюємо шрифт для логотипу "Переїздопедія" */
.mw-logo-wordmark {
font-family: Linux Libertine, Georgia, Times, serif; /* ЗАМІНІТЬ "Назва Вашого Шрифту" */
font-size: 18px; /* Змініть розмір шрифту, якщо потрібно */
font-weight: bold; /* Змініть товщину шрифту, якщо потрібно */
color: #333; /* Змініть колір тексту, якщо потрібно */
/* white-space: nowrap; /* Може бути корисним, якщо логотип розбивається на кілька рядків */
}
/* Обгортка банера — обрізає по краях */
.banner-wrapper {
width: 960px;
overflow: hidden;
margin: 0 auto;
}
.banner-img img {
width: 960px;
height: auto;
display: block;
}
/* Мобільна адаптація */
@media screen and (max-width: 600px) {
.banner-wrapper {
width: 100%;
max-width: 400px;
}
.banner-img img {
width: auto;
max-width: none;
min-width: 600px; /* залишає розширену картинку для обрізки */
margin-left: -100px; /* зрушує ліворуч для обрізки країв */
}
}