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

Попытка кликабельных картинок
Метка: отменено
Попытка #2
Метка: отменено
Строка 1019: Строка 1019:
/* Раскрытие картинок во всплывающем окне по клику на них (для удобства назову — FancyBoxAlternative) */
/* Раскрытие картинок во всплывающем окне по клику на них (для удобства назову — FancyBoxAlternative) */


/* Стили для модального окна FancyBoxAlternative */
/* Стили для модального окна */
.image-modal {
.image-modal {
     display: none;
     display: none;
     position: fixed;
     position: fixed;
     z-index: 1000;
     z-index: 10000; /* Повышаем z-index чтобы было поверх TimedMediaHandler */
     left: 0;
     left: 0;
     top: 0;
     top: 0;
Строка 1056: Строка 1056:
     cursor: pointer;
     cursor: pointer;
     transition: 0.3s;
     transition: 0.3s;
    z-index: 10001;
}
}


Строка 1073: Строка 1074:
}
}


/* Делаем все изображения в контенте кликабельными (FancyBoxAlternative) */
/* Делаем изображения кликабельными, но исключаем видео-плейсхолдеры */
#content img,
#content img:not(.mw-tmh-thumbnail):not(.video-js *),
.mw-imagepage-content img,
.mw-body-content img:not(.mw-tmh-thumbnail):not(.video-js *),
.thumb img {
.thumb img:not(.mw-tmh-thumbnail) {
     cursor: pointer;
     cursor: pointer;
     transition: transform 0.2s;
     transition: transform 0.2s;
}
}


#content img:hover,
#content img:hover:not(.mw-tmh-thumbnail):not(.video-js *),
.mw-imagepage-content img:hover,
.mw-body-content img:hover:not(.mw-tmh-thumbnail):not(.video-js *),
.thumb img:hover {
.thumb img:hover:not(.mw-tmh-thumbnail) {
     transform: scale(1.02);
     transform: scale(1.02);
}
}