MediaWiki:Common.css: различия между версиями

Попытка кликабельных картинок
Метка: отменено
убрал дублирование функции
 
(не показано 30 промежуточных версий этого же участника)
Строка 157: Строка 157:
}
}


/* Выделение ссылки на текущую статью в тематических шаблонах (вроде {{unix}}, {{поэты}} */
/* Выделение ссылки на текущую статью в тематических шаблонах (вроде {{unix}} */


.toccolours .selflink {
.toccolours .selflink {
Строка 1016: Строка 1016:
}
}


 
/* Коррекция линии для статей из Доброчана в Vector-22 */
/* Раскрытие картинок во всплывающем окне по клику на них (для удобства назову — FancyBoxAlternative) */
body.skin-vector:not(.skin-vector-2022) .vertical-line-vector2010-only {
 
     display: block !important;
/* Стили для модального окна FancyBoxAlternative */
.image-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    animation: fadeIn 0.3s;
}
 
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
 
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}
 
.modal-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}
 
.modal-close:hover {
    color: #bbb;
}
 
.modal-caption {
     position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px;
    background: rgba(0,0,0,0.7);
}
}


/* Делаем все изображения в контенте кликабельными (FancyBoxAlternative) */
body.skin-vector.skin-vector-2022 .vertical-line-vector2010-only {
#content img,
     display: none !important;
.mw-imagepage-content img,
.thumb img {
     cursor: pointer;
    transition: transform 0.2s;
}
}


#content img:hover,
/* Убирание верхней вкладки «Добавить тему», т. к. есть кнопка-замена внизу */
.mw-imagepage-content img:hover,
#ca-addsection {
.thumb img:hover {
     display: none !important;
     transform: scale(1.02);
}
}