8,667
edits
No edit summary |
No edit summary |
||
Line 3: | Line 3: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 10px; /* Уменьшил gap для компактности */ | ||
justify-content: | justify-content: flex-start; /* Изменил выравнивание */ | ||
} | } | ||
.mw-parser-output .media_box { | .mw-parser-output .media_box { | ||
width: | width: 40px; /* Установил фиксированную ширину для кнопок */ | ||
height: | height: 40px; /* Установил фиксированную высоту для кнопок */ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border: 2px solid #D02019; | border: 2px solid #D02019; | ||
border-radius: | 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; | ||
padding: 5px; /* Уменьшил padding */ | |||
padding: | |||
} | } | ||
.mw-parser-output .media_box:hover { | .mw-parser-output .media_box:hover { | ||
transform: scale(1. | transform: scale(1.1); /* Увеличил масштаб при наведении */ | ||
} | } | ||
.mw-parser-output .media_box:active { | .mw-parser-output .media_box:active { | ||
filter: brightness(0.8); | filter: brightness(0.8); | ||
} | } | ||