8,959
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); | ||
| } | } | ||