MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
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;
}
}


Navigation menu