MediaWiki:Common.css: відмінності між версіями

Матеріал з Країнопедії
Немає опису редагування
Мітка: Ручний відкіт
Немає опису редагування
Рядок 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; /* зрушує ліворуч для обрізки країв */
  }
}