MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 3: Line 3:
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 20px;
     gap: 10px; /* Уменьшил gap для компактности */
     justify-content: space-between;
     justify-content: flex-start; /* Изменил выравнивание */
}
}


.mw-parser-output .media_box {
.mw-parser-output .media_box {
     width: 80px; /* Фиксированная ширина */
     width: 40px; /* Установил фиксированную ширину для кнопок */
     height: 80px; /* Фиксированная высота (квадрат) */
     height: 40px; /* Установил фиксированную высоту для кнопок */
     box-sizing: border-box;
     box-sizing: border-box;
     border: 2px solid #D02019;
     border: 2px solid #D02019;
     border-radius: 10px;
     border-radius: 5px; /* Уменьшил радиус для маленьких кнопок */
     overflow: hidden;
     overflow: hidden;
     transition: transform 0.3s ease, filter 0.3s ease;
     transition: transform 0.3s ease, filter 0.3s ease;
     display: flex; /* Для центрирования текста */
     display: flex;
     align-items: center; /* Центрируем по вертикали */
     align-items: center;
     justify-content: center; /* Центрируем по горизонтали */
     justify-content: center;
     background-color: #f0f0f0; /* Светлый фон для контраста */
     background-color: #f0f0f0;
    text-align: center; /* Центрируем текст */
     padding: 5px; /* Уменьшил padding */
     padding: 10px; /* Внутренний отступ для текста */
}
}


.mw-parser-output .media_box:hover {
.mw-parser-output .media_box:hover {
     transform: scale(1.05);
     transform: scale(1.1); /* Увеличил масштаб при наведении */
}
}


.mw-parser-output .media_box:active {
.mw-parser-output .media_box:active {
     filter: brightness(0.8);
     filter: brightness(0.8);
}
/* Скрываем изображение */
.mw-parser-output .media_box img {
    display: none; /* Убираем изображение */
}
/* Стили для названия файла */
.mw-parser-output .media_box .file-name {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    word-break: break-all; /* Перенос длинных имен */
}
}


Navigation menu

Help

Help Image

Here's pages that you can help us to get more information about them.

Stand with Ukraine

Ukrainian Flag