|
|
Line 1: |
Line 1: |
| /* Media */ | | /* Media */ |
| .mw-parser-output .media_box-container { | | .social-media { |
| display: flex; | | width: 80px; |
| flex-wrap: wrap; | | height: 80px; |
| gap: 20px; | | border: 2px solid #000; /* толщина краев 2px */ |
| justify-content: space-between; | | border-radius: 8px; /* сглаженные углы */ |
| | background-color: #fff; /* начальный фон */ |
| | cursor: pointer; /* указатель при наведении */ |
| | transition: all 0.2s ease; /* плавные переходы */ |
| } | | } |
|
| |
|
| .mw-parser-output .media_box { | | .social-media:hover { |
| width: 310px; | | transform: scale(1.1); /* легкое увеличение при наведении */ |
| height: 310px;
| |
| box-sizing: border-box;
| |
| border: 2px solid #D02019;
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| transition: transform 0.3s ease, filter 0.3s ease;
| |
| background-color: #f0f0f0;
| |
| padding: 10px;
| |
| } | | } |
|
| |
|
| .mw-parser-output .media_box:hover { | | .social-media:active { |
| transform: scale(1.05);
| | background-color: #ccc; /* темнее фон при нажатии */ |
| }
| |
| | |
| .mw-parser-output .media_box:active {
| |
| filter: brightness(0.8); | |
| }
| |
| | |
| /* Стили для ссылки */
| |
| .mw-parser-output .media_box a {
| |
| text-decoration: none;
| |
| color: inherit;
| |
| }
| |
| | |
| /* Убираем стандартные стили изображения MediaWiki */ | |
| .mw-parser-output .media_box img {
| |
| vertical-align: middle;
| |
| border: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| } | | } |
|
| |
|