MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
.casino-row {
    display: flex; /* Використовуємо flexbox для горизонтального вирівнювання */
    justify-content: space-between; /* Рівномірно розподіляє елементи */
    align-items: center; /* Вирівнює елементи по вертикалі */
    list-style: none; /* Прибирає крапки у списку */
    padding: 0; /* Прибирає відступи у списку */
    margin: 0; /* Прибирає зовнішні відступи списку */

}

.casino-row li {
    flex: 0 0 auto; 
float:left;/* Кожен елемент займає свою ширину */
  list-style: none; /* Прибирає крапки у списку */
    margin: 0px 5px;
}

.casino-row li a {
    display: block; /* Робить посилання блоковим елементом */
    text-decoration: none; /* Прибирає підкреслення */
    font-size: 16px; /* Розмір тексту */
    color: #000; /* Колір тексту */
    border: 1px solid #ddd; /* Додає рамку */
    border-radius: 5px; /* Заокруглює кути */
    padding: 10px 15px; /* Відступи всередині кнопки */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Додає тінь */
    transition: all 0.3s ease; /* Плавна зміна стилів */
}

.casino-row li a:hover {
    background-color: #f4f4f4; /* Світло-сірий фон при наведенні */
    border-color: #aaa; /* Змінює колір рамки */
}

.top-casino-list {
    display: flex; /* Робимо контейнер гнучким */
    flex-wrap: wrap; /* Дозволяємо перенос елементів на новий ряд */
    justify-content: space-between; /* Розподіл елементів з рівними відступами */
    gap: 20px; /* Відстань між блоками */
    margin: 0; /* Прибираємо зовнішні відступи */
    padding: 0; /* Прибираємо внутрішні відступи */
}

.top-casino {
    flex: 0 0 calc(33.333% - 20px); /* Кожен блок займає третину ширини з урахуванням відступів */
    box-sizing: border-box; /* Ураховує відступи в ширині блоку */
    margin: 0; /* Прибираємо додаткові відступи */
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: all 0.3s ea