.mmdPreviewerContainer {
cursor: grab;
position: relative;
overflow: hidden;
text-align: center;
}
.mmdPreviewerContainer .hintText {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
}
.mmdPreviewerContainer .placeholderImageContainer {
width: 100%;
height: 100%;
position: absolute;
transition: 0.5s all;
opacity: 0.5;
}
.mmdPreviewerContainer .placeholderImage {
width: 100%;
height: 100%;
object-fit: contain;
}
@keyframes mmdPreviewer-hide {
0% {
filter: opacity(1);
}
100% {
filter: opacity(0);
}
}
.mmdPreviewerContainer .placeholderImageContainer[data-display="false"] {
animation: mmdPreviewer-hide 1s ease-in-out forwards;
}
.mmdPreviewer-infotext {
font-size: small;
color: #666;
padding: 0 3px;
}
.mmdPreviewer-hoverbox {
background-color: white;
border: 1px solid #ccc;
text-align: left;
font-size: small;
padding: 5px;
}
/* [[Category:在模板名字空間下的CSS頁面]] */